@import url('/global/globalico.css'); html,*{margin:0;padding:0} body{position:relative;color:#222;font:400 18px/25px Averta-Regular, sans-serif;margin:0;padding:0} h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0} a{color:#36c;outline:none;text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden} * html .clearfix{height:1%;} *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'Roboto-BoldCondensed'; src: url("/font/Roboto-BoldCondensed.ttf") format("truetype"); font-weight: 400; } @font-face { font-family: 'Roboto-Condensed'; src: url("/font/Roboto-Condensed.ttf") format("truetype"); font-weight: 400; } .clearfix{clear: both;} /* BOX ADS HOME */ #boxanh:before{position:absolute;bottom:-15px;left:0;right:0;height:73px;content:'';z-index:99; background:url('/images/global/icon-hoa.png') no-repeat center; background-size:104px 68px; } #anhbn { width:100%; margin:0; padding:0; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow:hidden; } #bananhn{position:relative;display:block;width:100%;min-height:190px;background:rgba(0,0,0,1);background-size:cover !important;background-position:center center !important;} #bananhn img{display:block;width:100%;border:none} #bananhn .bin{background:rgba(0,0,0,.45);position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;padding:100px 0 0;} #bananhn .bin .ibox{display:block;width:80%;margin:0 auto;} #bananhn .bin .ibox .head{padding:0 0 15px;font:400 45px/50px Roboto, sans-serif;color:#fff;letter-spacing:-1px;text-shadow:0px 2px 4px rgba(0, 0, 0, 0.5);text-align:center;} #bananhn .bin .ibox .navi{text-align:center;} #bananhn .bin .ibox .navi ul{display:inline-block;margin:0;padding:0;list-style:none;} #bananhn .bin .ibox .navi ul li{display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;font:400 16px/16px Roboto, sans-serif;color:#fff;letter-spacing:-0.5px;} #bananhn .bin .ibox .navi ul li a{color:#fff;text-decoration:none;} #bananhn .bin .ibox .navi ul li a:hover{color:#fff;} #bananhn .bin .ibox .navi ul li:after { content:''; font-family:FontAwesome; visibility:visible; padding:0 8px; display:inline-block; } #bananhn .bin .ibox .navi ul li:last-child:after{visibility:hidden;} /* END HEADER */ /* START CONTENT */ #navi{background:#eaeaea} #navi .box{width:1200px;margin:0 auto;} #navi .box.full{width:96%;} #navi .box ul{display:inline-block;margin:0;padding:0;list-style:none;} #navi .box ul li{display:inline-block;vertical-align:top;margin:0;padding:5px 0;list-style:none;font:400 16px/30px 'Averta-Regular', sans-serif;color:#222;letter-spacing:-0.5px;} #navi .box ul li a{color:#222;text-decoration:none;} #navi .box ul li a:hover{color:#ddb60f;} #navi .box ul li:after { content:''; font-family:FontAwesome; visibility:visible; padding:0 8px; display:inline-block; } #navi .box ul li:last-child:after{visibility:hidden;} #float{position:fixed;left:0;top:0;bottom:0;width:225px;z-index:999;} #float .logo{display:block;padding:45px 0 100px;text-align:center;} #float .logo img{display:inline-block;vertical-align:top;max-height:120px;border:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #float .mnu2{width:50px;height:50px;display:none;position:absolute;top:5px;right:170px; -webkit-transition: all ease .3s; transition: all ease .5s; } #float .mnu2 i{ position:absolute; display:block; height:4px; background:#50ba46; width:30px; left:10px; -webkit-transition: all .3s; transition: all .3s; } #float .mnu2 i:nth-child(1){top:16px;} #float .mnu2 i:nth-child(2){top:24px;} #float .mnu2 i:nth-child(3){top:32px;} #float .open-menu .mnu2 i:nth-child(1){top:25px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } #float .open-menu .mnu2 i:nth-child(2){background:transparent;} #float .open-menu .mnu2 i:nth-child(3){top:25px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } #float nav{background:#ededed;position:fixed;top:0;right:-220px;width:0;padding:25px 20px 10px;z-index:15;width:220px;height:calc(100vh); -webkit-transition: all .3s; transition: all .3s; } #float nav ul.mmenu{display:block;width:100%;padding:0;margin:0;list-style:none;} #float nav ul.mmenu li{display:block;width:100%;padding:5px 0;margin:0;list-style:none;} #float nav ul.mmenu li a{display:inline-block;padding:5px 0;font:400 16px/30px 'Averta-Semibold', sans-serif;color:#282828;text-transform:uppercase;transition: 0.2s;letter-spacing:-1px;} #float nav ul.mmenu li span{display:block;background:#50ba46;height:2px;width:0;transition:width ease .5s} #float .open-menu .mnu2{right:220px;} #float .open-menu nav{right:0;} #float ul.mnu{display:block;width:100%;padding:0;margin:0;list-style:none;} #float ul.mnu li{display:block;width:100%;padding:0;margin:0;list-style:none;} #float ul.mnu li a{position:relative;display:block;padding:10px 0 10px 40px;font:400 16px/30px 'Averta-Semibold', sans-serif;color:#282828;text-transform:uppercase;transition:0.2s;letter-spacing:-1px;} #float ul.mnu li a:before{position:absolute;background-color:#50ba46;content:'';left:0;top:calc(50% - 1px);height:2px;width:0px;transition:0.4s;} #float ul.mnu li.active a{color:#50ba46;} #float ul.mnu li:hover a:before, #float ul.mnu li.active a:before{width:30px;} #float .footer{position:absolute;bottom:45px;left:0;right:0;} #float .footer .mxh{text-align:center;} #float .footer .mxh h3{position:relative;margin:0;padding:15px 0;font:600 15px/28px 'Averta-Semibold', sans-serif;color:rgba(255,255,255,.85);text-transform:uppercase;} #float .footer .mxh ul{width:auto;padding:0;margin:0;list-style:none} #float .footer .mxh ul li{display:inline-block;width:auto;margin:0;padding:0 3px;} #float .footer .mxh ul li:first-child{padding-left:0;} #float .footer .mxh ul li a{display:block;} #float .footer .mxh ul li img{display:block;height:34px;width:auto;border:none;} #float .footer .mxh ul li a.social{width:30px;height:30px;border-radius:50%;background:#50ba46;text-align:center;line-height:30px;display:inline-block;padding:0;} #float .footer .mxh ul li a.social i{color:white;} #float .footer .lang{padding:20px 0 5px;text-align:center;} #float .footer .lang h3{position:relative;margin:0;padding:15px 0;font:600 15px/28px 'Averta-Semibold', sans-serif;color:rgba(255,255,255,.85);text-transform:uppercase;} #float .footer .lang ul{width:auto;padding:0;margin:0;list-style:none} #float .footer .lang ul li{display:inline-block;vertical-align:top;width:auto;margin:0;padding:0 3px;} #float .footer .lang ul li a{display:block;} #float .footer .lang ul li a img{display:block;width:30px;height:30px;border-radius:50%;opacity:0.7;transition:0.4s;} #float .footer .lang ul li:hover a img, #float .footer .lang ul li.active a img{opacity:1;} #float .footer .copy{padding:0;font:400 14px/22px 'Averta-Regular', sans-serif;color:#282828;text-align:center;} #float .footer .copy a{color:#282828;} #float .footer .copy a:hover{color:#282828;} #content{position:relative;width:100%;padding:0 0 0 225px;z-index:998;} #content .boxanh{position:relative;width:100%;height:100vh;background:rgba(0,0,0,1);background-size:cover !important;background-position:center center !important;} #content .boxanh span.line{width:1px;height:100%;position:absolute;background:#ffffff33;top:0;} #content .boxanh span.line:nth-child(1){left:25%;} #content .boxanh span.line:nth-child(2){left:50%;} #content .boxanh span.line:nth-child(3){left:75%%;} #content .boxanh .scroll-down {width:100%;position:absolute;bottom:100px;text-align:center;} #content .boxanh .scroll-down .mouse { width: 27px; height: 50px; z-index: 99999; text-align: center; border: 1px solid #fff; border-radius: 15px; padding-top: 10px; display: inline-block; margin-left: 4px; } #content .boxanh .scroll-down .mouse span { display: block; width: 8px; height: 8px; margin-left: calc(50% - 4px); border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: down 2s infinite; animation: down 2s infinite; opacity: 0; box-sizing: border-box; } #content .boxanh .scroll-down .mouse span:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } #content .boxanh .scroll-down .mouse span:nth-child(2) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } #content .boxanh .scroll-down .mouse span:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #content .boxanh .scroll-down p { font-family: 'Be Vietnam', sans-serif; font-size: 10px; letter-spacing: 4px; color: white; margin: 0; display: inline-block; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: relative; top: 42px; margin-right: 1px; } @-webkit-keyframes down { 0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;} } @keyframes down { 0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;} } #content .boxanh .rscon{position:absolute;top:55px;left:0;right:0;bottom:0;display:block;z-index:1;} #content .boxanh .rscon .rsbox{width:50%;margin:0 auto;position:relative;} #content .boxanh .rscon .rsbox h1{position:relative;margin:0;padding:0 0 0 38px;font:400 105px/105px 'Averta-Semibold', sans-serif;color:white;letter-spacing:50px;text-transform:uppercase;z-index:1;} #content .boxanh .rscon .rsbox h1:before{position:absolute;content:'';width:8px;left:0;top:20px;bottom:20px;background:#50ba46;} #content .boxanh .rscon .rsbox div{position:absolute;bottom:-165px;right:-100px;width:80%;text-align:center;background:url('/images/global/bg-slogan.png') no-repeat center;background-size:100% 100%; font:400 28px/38px 'Averta-Regular', sans-serif; color:#50ba46; letter-spacing:-1px; padding:155px 25px 40px; } #content .boxanh .service{position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;z-index:2;} #content .boxanh .service div{position:absolute;} #content .boxanh .service div a{position:relative;display:block;margin:0;padding:0;font:400 45px/54px 'Averta-Regular', sans-serif;color:#fff;text-align:center;text-transform:uppercase;} #content .boxanh .service div a:hover{color:#50ba46;} #content .boxanh .service div.dv1{top:20%;right:5%;} #content .boxanh .service div.dv2{bottom:55%;left:2.5%;} #content .boxanh .service div.dv3{bottom:10%;right:5%;} #content .boxanh .service div.dv4{bottom:15px;right:10%;} #content .boxanh .service div.dv4 a{position:relative;display:block;margin:0;padding:0;font:400 45px/54px 'Averta-Regular', sans-serif;color:#f00;text-align:center;text-transform:uppercase;} #content .boxanh .service div.dv4 a span{padding-right:10px;font:400 35px/54px 'Averta-Regular', sans-serif;color:#fff;text-transform:none;} #content .boxanh .service div.dv4 a:hover{color:#fff;} #content .home{position:relative;} #content .home ul{width:100%;padding:0;margin:0;list-style:none} #content .home ul li{position:relative;display:inline-block;vertical-align:top;width:33.33333%;margin:0;padding:0;list-style:none} #content .home ul li a{display:block;} #content .home ul li a .thumb{display:block;width:100%;height:100vh;overflow:hidden;} #content .home ul li a .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s;border:none;} #content .home ul li:hover a .thumb img{transform:scale(1.08);} #content .home ul li a .info{position:absolute;top:0;left:0;right:0;z-index:1;} #content .home ul li a .info h2{position:relative;display:block;margin:0;padding:0;font:400 25px/50px 'Averta-Regular', sans-serif;color:#fff;text-align:center;text-transform:uppercase;} #content .home ul li a .info .img{display:block;margin:0;padding:85px 0 15px;text-align:center;} #content .home ul li a .info .img img{display:inline-block;vertical-align:top;height:65px;border:none;} /* GIOI THIEU */ #content .about{position:relative;width:100%;height:100vh; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } #content .about .cmnu{position:absolute;left:0;top:0;bottom:0;width:25%;z-index:2;} #content .about .cmnu ul{width:100%;height:100%;padding:0;margin:0;list-style:none} #content .about .cmnu ul li{display:block;width:100%;height:20%;margin:0;padding:0;list-style:none} #content .about .cmnu ul li.li3{display:block;width:100%;height:33.33333%;margin:0;padding:0;list-style:none} #content .about .cmnu ul li.li4{display:block;width:100%;height:25%;margin:0;padding:0;list-style:none} #content .about .cmnu ul li a{position:relative;display:block;height:100%;overflow:hidden;} #content .about .cmnu ul li a img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s;border:none;transform:scale(1.02);} #content .about .cmnu ul li a:hover img{transform:scale(1.1);} #content .about .cmnu ul li a h2{position:absolute;bottom:15px;left:15px;right:15px;z-index:1;margin:0;padding:0 0 10px;font:400 20px/30px 'Averta-Regular', sans-serif;color:#fff;text-transform:uppercase;} #content .about .cmnu ul li a h2:before{content:'';position:absolute;left:0;width:45px;height:2px;background:white;bottom:0;} #content .about .ccon{position:relative;width:100%;height:100vh;padding:0 0 0 25%;z-index:1;} #content .about .ccon .chead{position:absolute;top:0;left:25%;right:0;display:flex;height:100px;padding:25px 65px 5px;overflow:hidden;align-items:center;z-index:2;} #content .about .ccon .chead .ibox{position:relative;padding:0 0 0 45px;} #content .about .ccon .chead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .about .ccon .chead .ibox span{display:block;padding:0 0 10px;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#222;text-transform:uppercase;} #content .about .ccon .chead .ibox div{display:block;padding:0;font:400 60px/60px "Roboto-BoldCondensed", sans-serif;color:#222;text-transform:uppercase;} #content .about .ccon .cbox{position:relative;display:block;height:100vh;padding:100px 0 0;z-index:1;} #content .about .ccon .cbox .ibox{position:relative;display:block;height:100%;padding:15px 65px;overflow-y:auto;color:#222;} #content .about .ccon .cbox .ibox::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .about .ccon .cbox .ibox::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .about .ccon .cbox .ibox::-webkit-scrollbar-track {padding:8px;} #content .about .full{position:relative;width:100%;height:100vh;} #content .about .full .acon{position:relative;width:50%;height:100vh;display:inline-block;vertical-align:top;padding:100px 0 0;} #content .about .full .acon .ahead{position:absolute;top:0;left:0;right:0;display:flex;height:100px;padding:0 65px;overflow:hidden;align-items:center;z-index:2;} #content .about .full .acon .ahead .ibox{position:relative;padding:0 0 0 45px;} #content .about .full .acon .ahead .ibox:before{position:absolute;content:'';width:5px;top:5px;bottom:5px;left:0;background:#50ba46;} #content .about .full .acon .ahead .ibox span{display:block;padding:0;font:400 40px/50px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .about .full .acon .ahead .ibox div{display:block;padding:0;font:400 60px/60px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .about .full .acon .abox{position:relative;display:block;height:100%;padding:15px 65px;overflow-y:auto;} #content .about .full .acon .abox::-webkit-scrollbar{width:8px;height:8px;background:rgba(249,249,249,0);} #content .about .full .acon .abox::-webkit-scrollbar-thumb{width:8px;background-color:rgba(80,186,70,1);-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .about .full .acon .abox::-webkit-scrollbar-track{padding:8px;} #content .about .full .acon .abox .con{font:400 16px/25px 'Averta-Regular', sans-serif;color:#fff;} #content .about .full .acon .abox .con h1{font:400 35px/40px "Roboto-BoldCondensed", sans-serif;padding:15px 0;} #content .about .full .acon .abox .con h2{font:400 30px/40px "Roboto-BoldCondensed", sans-serif;padding:15px 0;} #content .about .full .acon .abox .con h3{font:400 25px/30px "Roboto-BoldCondensed", sans-serif;padding:15px 0;} #content .about .full .acon .abox .con h4{font:400 20px/30px "Roboto-BoldCondensed", sans-serif;padding:10px 0;} #content .about .full .acon .abox .con h5{font:400 20px/30px "Roboto-BoldCondensed", sans-serif;padding:10px 0;} #content .about .full .acon .abox .con p, #content .about .full .acon .abox .con div{padding:5px 0;text-align:justify} #content .about .full .acon .abox .con a{color:#ff0;} #content .about .full .acon .abox .con a:hover{color:#f00;} #content .about .full .acon .abox .con ul{margin:5px 0;padding:0;list-style-type:square;} #content .about .full .acon .abox .con ul li{list-style-type:square;margin:0 0 0 20px;padding:5px 0;} #content .about .full .acon .abox .form{display:block;width:100%;padding:0;} #content .about .full .acon .abox .form ul{width:100%;margin:0 auto;padding:0;list-style:none;} #content .about .full .acon .abox .form ul li{width:49%;display:inline-block;vertical-align:top;margin:0 0 0 2%;padding:5px 0;list-style:none;} #content .about .full .acon .abox .form ul li:nth-child(odd){margin-left:0;} #content .about .full .acon .abox .form ul li.fu{width:100%;margin-left:0;padding-bottom:0;} #content .about .full .acon .abox .form ul li:last-child{width:100%;margin-left:0;text-align:right;} #content .about .full .acon .abox .form ul li span{display:block;padding:5px 0 0 5px;font:400 14px Montserrat, sans-serif;color:#f00;} #content .about .full .acon .abox .form ul li a{font:400 15px/22px Montserrat, sans-serif;text-decoration:none} #content .about .full .acon .abox .form ul li a:hover{color:#f00;} #content .about .full .acon .abox .form ul li input[type="text"], #content .about .full .acon .abox .form ul li textarea { display:inline-block; vertical-align:middle; width:100%; -webkit-appearance: none; background:rgba(255,255,255,0); border:rgba(255,255,255,.65) 1px solid; outline: 0; margin: 0; padding:8px 15px; font:400 16px/20px Averta-Regular, sans-serif; color:#fff; -webkit-transition:all 150ms linear 10ms; -moz-transition:all 150ms linear 10ms; -ms-transition:all 150ms linear 10ms; -o-transition:all 150ms linear 10ms; transition:all 150ms linear 10ms; } #content .about .full .acon .abox .form ul li input[type="text"]::-moz-placeholder, #content .about .full .acon .abox .form ul li textarea::-moz-placeholder{font-size:16px;color:#fff;opacity: 1;} #content .about .full .acon .abox .form ul li input[type="text"]::-webkit-input-placeholder, #content .about .full .acon .abox .form ul li textarea::-webkit-input-placeholder{font-size:16px;color:#fff;} #content .about .full .acon .abox .form ul li input[type="text"]:-ms-input-placeholder, #content .about .full .acon .abox .form ul li textarea:-ms-input-placeholder{font-size:16px;color:#fff;} #content .about .full .acon .abox .form ul li input[type="text"]:-moz-placeholder, #content .about .full .acon .abox .form ul li textarea:-moz-placeholder{font-size:16px;color:#666;} #content .about .full .acon .abox .form ul li input[type="button"] { display:inline-block; width:auto; background:#50ba46; border:#50ba46 1px solid; margin:5px 0 0; padding:8px 25px; font:400 18px/25px Averta-Regular, sans-serif; text-transform:uppercase; color:#fff; text-align:center; cursor:pointer; outline:none; -webkit-transition:all 150ms linear 10ms; -moz-transition:all 150ms linear 10ms; -ms-transition:all 150ms linear 10ms; -o-transition:all 150ms linear 10ms; transition:all 150ms linear 10ms; } #content .about .full .acon .abox .form ul li select:hover, #content .about .full .acon .abox .form ul li input[type="text"]:hover, #content .about .full .acon .abox .form ul li textarea:hover, #content .about .full .acon .abox .form ul li input[type="radio"]:hover { -webkit-box-shadow: #0066ff 0 0 5px 0; -moz-box-shadow: #0066ff 0 0 5px 0; box-shadow: #0066ff 0 0 5px 0; } #content .about .full .acon .abox .form ul li input[type="button"]:hover {background:#3ba730;border:#3ba730 1px solid;} #content .about .full .amap{position:relative;width:50%;display:inline-block;vertical-align:top;} #content .about .full .amap iframe{display:block;width:100%;height:100vh;} /* CƠ SỞ VẬT CHẤT */ #content .csvc{position:relative;width:100%;height:100vh; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } #content .csvc .cmnu{position:absolute;left:0;top:0;bottom:0;width:25%;z-index:2;overflow-y:scroll;} #content .csvc .cmnu::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .csvc .cmnu::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .csvc .cmnu::-webkit-scrollbar-track {padding:8px;} #content .csvc .cmnu ul{width:100%;height:100%;padding:0;margin:0;list-style:none} #content .csvc .cmnu ul li{display:block;width:100%;height:33.33333%;margin:0;padding:0;list-style:none} #content .csvc .cmnu ul li a{position:relative;display:block;height:100%;overflow:hidden;} #content .csvc .cmnu ul li a img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s;border:none;transform:scale(1.02);} #content .csvc .cmnu ul li a:hover img{transform:scale(1.1);} #content .csvc .cmnu ul li a h2{position:absolute;bottom:15px;left:15px;right:15px;z-index:1;margin:0;padding:0 0 10px;font:400 20px/30px 'Averta-Regular', sans-serif;color:#fff;text-transform:uppercase;} #content .csvc .cmnu ul li a h2:before{content:'';position:absolute;left:0;width:45px;height:2px;background:white;bottom:0;} #content .csvc .cmnu ul{width:100%;height:100%;padding:0;margin:0;list-style:none} #content .csvc .cmnu ul li{display:block;width:100%;height:20%;margin:0;padding:0;list-style:none} #content .csvc .cmnu ul li.li3{display:block;width:100%;height:33.33333%;margin:0;padding:0;list-style:none} #content .csvc .cmnu ul li.li4{display:block;width:100%;height:25%;margin:0;padding:0;list-style:none} #content .csvc .cmnu ul li a{position:relative;display:block;height:100%;overflow:hidden;} #content .csvc .cmnu ul li a img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s;border:none;transform:scale(1.02);} #content .csvc .cmnu ul li a:before{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;content:'';background:rgba(0,0,0,0.45)} #content .csvc .cmnu ul li a:hover img{transform:scale(1.1);} #content .csvc .cmnu ul li a h2{position:absolute;bottom:15px;left:15px;right:15px;z-index:1;margin:0;padding:0 0 10px;font:400 20px/30px 'Averta-Regular', sans-serif;color:#fff;text-transform:uppercase;} #content .csvc .cmnu ul li a h2:before{content:'';position:absolute;left:0;width:45px;height:2px;background:white;bottom:0;} #content .csvc .ccon{position:relative;width:100%;height:100vh;padding:0 0 0 25%;z-index:1;} #content .csvc .ccon:before{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;content:'';background:rgba(255,255,255,.95)} #content .csvc .ccon .chead{position:absolute;top:0;left:25%;right:0;display:flex;height:100px;padding:25px 65px 5px;overflow:hidden;align-items:center;z-index:2;} #content .csvc .ccon .chead .ibox{position:relative;padding:0 0 0 45px;} #content .csvc .ccon .chead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .csvc .ccon .chead .ibox span{display:block;padding:0 0 10px;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#444;text-transform:uppercase;} #content .csvc .ccon .chead .ibox div{display:block;padding:0;font:400 60px/60px "Roboto-BoldCondensed", sans-serif;color:#444;text-transform:uppercase;} #content .csvc .ccon .cbox{position:relative;display:block;height:100vh;padding:100px 0 0;z-index:1;} #content .csvc .ccon .cbox .ibox{position:relative;display:block;height:100%;padding:15px 65px;overflow-y:auto;color:#222;} #content .csvc .ccon .cbox .ibox::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .csvc .ccon .cbox .ibox::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .csvc .ccon .cbox .ibox::-webkit-scrollbar-track {padding:8px;} /* LICH SU */ #content .lichsu{position:relative;width:100%;height:100vh;} #content .lichsu .cmnu{position:absolute;left:0;top:0;bottom:0;width:25%;z-index:2;} #content .lichsu .cmnu ul{width:100%;height:100%;padding:0;margin:0;list-style:none} #content .lichsu .cmnu ul li{display:block;width:100%;height:20%;margin:0;padding:0;list-style:none} #content .lichsu .cmnu ul li a{position:relative;display:block;height:100%;overflow:hidden;} #content .lichsu .cmnu ul li a img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s;border:none;transform:scale(1.02);} #content .lichsu .cmnu ul li a:hover img{transform:scale(1.1);} #content .lichsu .cmnu ul li a h2{position:absolute;bottom:15px;left:15px;right:15px;z-index:1;margin:0;padding:0 0 10px;font:400 20px/30px 'Averta-Regular', sans-serif;color:#fff;text-transform:uppercase;} #content .lichsu .cmnu ul li a h2:before{content:'';position:absolute;left:0;width:45px;height:2px;background:white;bottom:0;} #content .lichsu .ccon{position:relative;width:100%;height:100vh;padding:0 0 0 25%;z-index:1;} #content .lichsu .ccon .chead{position:absolute;top:0;left:25%;right:0;display:flex;height:160px;padding:15px 65px;overflow:hidden;align-items:center;z-index:2;} #content .lichsu .ccon .chead .ibox{position:relative;padding:0 0 0 45px;} #content .lichsu .ccon .chead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .lichsu .ccon .chead .ibox span{display:block;padding:0 0 10px;font:400 35px/40px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .lichsu .ccon .chead .ibox div{display:block;padding:0;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .lichsu .ccon .cbox{position:relative;display:block;height:100vh;padding:160px 0 0;z-index:1; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } #content .lichsu .ccon .cbox:before { content: ''; position: absolute; left:25px; top: calc(50% - 75px); width: 170px; height: 170px; background: url('/images/global/icon-gear.png') no-repeat center; background-size: 100% 100%; animation: setupRotate 10s 0s linear infinite; } @-moz-keyframes setupRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes setupRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes setupRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #content .lichsu .ccon .cbox .ibox{position:relative;display:block;height:100%;padding:15px 65px 15px 30%;overflow-y:auto;color:#fff;} #content .lichsu .ccon .cbox .ibox::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .lichsu .ccon .cbox .ibox::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .lichsu .ccon .cbox .ibox::-webkit-scrollbar-track {padding:8px;} #content .lichsu .ccon .cbox .ibox .item{display:flex;align-items:center;display:-webkit-flex;-webkit-align-items:center;align-items:flex-start;-webkit-align-items:flex-start;padding-bottom:70px;} #content .lichsu .ccon .cbox .ibox .item .time{float:left;text-align:center;margin-right:80px;text-align:center;} #content .lichsu .ccon .cbox .ibox .item .time > p {margin:0;padding:0;font:400 30px/40px "Roboto-Condensed", sans-serif;} #content .lichsu .ccon .cbox .ibox .item .time > p:nth-child(2){margin:0;padding:0;font:400 40px/50px "Roboto-Condensed", sans-serif;border-top:1px solid white;} #content .lichsu .ccon .cbox .ibox .item > p{margin:0;padding:0;font:400 17px/30px 'Be Vietnam', sans-serif;text-align:justify} /* CHUNG CHI */ #content .chungchi{position:relative;width:100%;height:100vh;} #content .chungchi .cmnu{position:absolute;left:0;top:0;bottom:0;width:25%;z-index:2;} #content .chungchi .cmnu ul{width:100%;height:100%;padding:0;margin:0;list-style:none} #content .chungchi .cmnu ul li{display:block;width:100%;height:20%;margin:0;padding:0;list-style:none} #content .chungchi .cmnu ul li a{position:relative;display:block;height:100%;overflow:hidden;} #content .chungchi .cmnu ul li a img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s;border:none;transform:scale(1.02);} #content .chungchi .cmnu ul li a:hover img{transform:scale(1.1);} #content .chungchi .cmnu ul li a h2{position:absolute;bottom:15px;left:15px;right:15px;z-index:1;margin:0;padding:0 0 10px;font:400 20px/30px 'Averta-Regular', sans-serif;color:#fff;text-transform:uppercase;} #content .chungchi .cmnu ul li a h2:before{content:'';position:absolute;left:0;width:45px;height:2px;background:white;bottom:0;} #content .chungchi .ccon{position:relative;width:100%;height:100vh;padding:0 0 0 25%;z-index:1;} #content .chungchi .ccon .chead{position:absolute;top:0;left:25%;right:0;display:flex;height:160px;padding:15px 65px;overflow:hidden;align-items:center;z-index:2;} #content .chungchi .ccon .chead .ibox{position:relative;padding:0 0 0 45px;} #content .chungchi .ccon .chead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .chungchi .ccon .chead .ibox span{display:block;padding:0 0 10px;font:400 25px/35px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .chungchi .ccon .chead .ibox div{display:block;padding:0;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .chungchi .ccon .cbox{position:relative;display:block;height:100vh;padding:160px 0 0;z-index:1; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } #content .chungchi .ccon .cbox .ibox{position:relative;display:block;height:100%;padding:15px 65px;overflow-y:auto;color:#fff;} #content .chungchi .ccon .cbox .ibox::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .chungchi .ccon .cbox .ibox::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .chungchi .ccon .cbox .ibox::-webkit-scrollbar-track {padding:8px;} #content .chungchi .ccon .cbox .ibox .item{width:100%;position:relative;margin-bottom:50px;} #content .chungchi .ccon .cbox .ibox .item:before{content:url('/images/global/icon-cc.png');position:absolute;left:calc(50% - 107.5px);top:63px;} #content .chungchi .ccon .cbox .ibox .item .text{width:50%;display:inline-block;vertical-align:top;padding:0 140px 0 0;} #content .chungchi .ccon .cbox .ibox .item .text .title{position:relative;width:100%;margin-top:30px;padding-bottom:10px;border-bottom:1px solid #fff;} #content .chungchi .ccon .cbox .ibox .item .text .title:before{position:absolute;content:'';width:95px;height:1px;bottom:-1px;left:0;background:#50ba46;} #content .chungchi .ccon .cbox .ibox .item .text .title span{display:block;padding:0 0 15px;font:400 20px/30px "Roboto-BoldCondensed", sans-serif;color:#50ba46;text-transform:uppercase;} #content .chungchi .ccon .cbox .ibox .item .text .title h3{display:block;padding:0;font:400 16px/25px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .chungchi .ccon .cbox .ibox .item .text .info{position:relative;width:100%;margin:0;padding:25px;font:400 15px/25px 'Be Vietnam', sans-serif;color:#fff;text-align:justify} #content .chungchi .ccon .cbox .ibox .item .text .info h1{font:600 28px/35px 'Be Vietnam', sans-serif;padding:10px 0;} #content .chungchi .ccon .cbox .ibox .item .text .info h2{font:600 26px/35px 'Be Vietnam', sans-serif;padding:10px 0;} #content .chungchi .ccon .cbox .ibox .item .text .info h3{font:600 24px/30px 'Be Vietnam', sans-serif;padding:10px 0;} #content .chungchi .ccon .cbox .ibox .item .text .info h4{font:600 22px/30px 'Be Vietnam', sans-serif;padding:10px 0;} #content .chungchi .ccon .cbox .ibox .item .text .info h5{font:600 20px/28px 'Be Vietnam', sans-serif;padding:10px 0;} #content .chungchi .ccon .cbox .ibox .item .text .info p, #content .chungchi .ccon .cbox .ibox .item .text .info div{padding:5px 0;} #content .chungchi .ccon .cbox .ibox .item .text .info a{} #content .chungchi .ccon .cbox .ibox .item .text .info a:hover{color:#f00;} #content .chungchi .ccon .cbox .ibox .item .text .info img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none} #content .chungchi .ccon .cbox .ibox .item .img{width:50%;display:inline-block;vertical-align:top;padding:0 0 0 140px;text-align:center;} #content .chungchi .ccon .cbox .ibox .item .img img{width:100%;box-shadow:12px 12px 0px 0 rgba(80, 186, 70, 0.32);} #content .chungchi .ccon .cbox .ibox .item .img .link{padding:25px 0 0;} #content .chungchi .ccon .cbox .ibox .item .img .link a{position:relative;overflow:hidden;padding:5px 15px;width:auto;background-color:transparent;display:inline-flex;align-items:center;justify-content:center; border:1px solid rgba(255,255,255,1); font:400 15px/20px 'Averta-Regular', sans-serif; color:rgba(255,255,255,1); text-transform:uppercase; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } #content .chungchi .ccon .cbox .ibox .item .img .link a:after{content:'';background-color:rgba(80,186,70,1); background-image:linear-gradient(to left,rgba(80,186,70,1) 0,rgba(60,165,50,.8) 16%,rgba(60,165,50,.8) 74%,rgba(80,186,70,.8) 100%); position:absolute;left:0;right:100%;top:0;bottom:0;-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all;border-radius:22px;z-index:-1} #content .chungchi .ccon .cbox .ibox .item .img .link a:hover{border:1px solid rgba(80,186,70,1);color:#fff;z-index:2} #content .chungchi .ccon .cbox .ibox .item .img .link a:hover:after{right:0;-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all} #content .chungchi .ccon .cbox .ibox .item.last-child{margin-bottom:0;} /* DICH VU */ #content .dichvu{position:relative;width:100%;height:100vh; background-repeat:no-repeat !important; background-size:100% 100vh !important; background-position:center center !important; } #content .dichvu .full{position:relative;width:100%;height:100vh;padding:0;z-index:1;background:rgba(255,255,255,.85);} #content .dichvu .full .nhead{position:absolute;top:0;left:25%;right:0;display:flex;height:100px;padding:15px 65px;overflow:hidden;align-items:center;z-index:2;} #content .dichvu .full .nhead .ibox{position:relative;padding:0 0 0 45px;} #content .dichvu .full .nhead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .dichvu .full .nhead .ibox span{display:block;padding:0 0 10px;font:400 25px/35px "Roboto-BoldCondensed", sans-serif;color:#222;text-transform:uppercase;} #content .dichvu .full .nhead .ibox div{display:block;padding:0;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#222;text-transform:uppercase;} #content .dichvu .cmnu{position:absolute;left:0;top:0;bottom:0;width:25%;z-index:2;overflow-y:scroll;} #content .dichvu .cmnu::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .dichvu .cmnu::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .dichvu .cmnu::-webkit-scrollbar-track {padding:8px;} #content .dichvu .cmnu ul{width:100%;height:100%;padding:0;margin:0;list-style:none} #content .dichvu .cmnu ul li{display:block;width:100%;height:25%;margin:0;padding:0;list-style:none} #content .dichvu .cmnu ul li.li3{display:block;width:100%;height:33.33333%;margin:0;padding:0;list-style:none} #content .dichvu .cmnu ul li.li4{display:block;width:100%;height:25%;margin:0;padding:0;list-style:none} #content .dichvu .cmnu ul li a{position:relative;display:block;height:100%;overflow:hidden;} #content .dichvu .cmnu ul li a img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s;border:none;transform:scale(1.02);} #content .dichvu .cmnu ul li a:hover img{transform:scale(1.1);} #content .dichvu .cmnu ul li a h2{position:absolute;bottom:15px;left:15px;right:15px;z-index:1;margin:0;padding:0 0 10px;font:400 20px/30px 'Averta-Regular', sans-serif;color:#fff;text-transform:uppercase;} #content .dichvu .cmnu ul li a h2:before{content:'';position:absolute;left:0;width:45px;height:2px;background:white;bottom:0;} #content .dichvu .ccon{position:relative;width:100%;height:100vh;padding:0 0 0 25%;z-index:1;} #content .dichvu .ccon .chead{position:absolute;top:0;left:25%;right:0;display:flex;height:160px;padding:15px 65px;overflow:hidden;align-items:center;z-index:2;} #content .dichvu .ccon .chead .ibox{position:relative;padding:0 0 0 45px;} #content .dichvu .ccon .chead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .dichvu .ccon .chead .ibox span{display:block;padding:0 0 10px;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .dichvu .ccon .chead .ibox div{display:block;padding:0;font:400 60px/60px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .dichvu .ccon .cbox{position:relative;display:block;height:100vh;padding:160px 0 0;z-index:1;} #content .dichvu .ccon .cbox .ibox{position:relative;display:block;height:100%;padding:15px 65px;overflow-y:auto;color:#fff;} #content .dichvu .ccon .cbox .ibox::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .dichvu .ccon .cbox .ibox::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .dichvu .ccon .cbox .ibox::-webkit-scrollbar-track {padding:8px;} #content .dichvu .ccon .cbox .list{padding:0 65px;height:100%;} #content .dichvu .ccon .cbox .list ul{width:100%;padding:0;margin:0;list-style:none} #content .dichvu .ccon .cbox .list ul li{width:100%;padding:0 0 35px;margin:0 0 35px;border-bottom:#fff 1px solid;} #content .dichvu .ccon .cbox .list ul li:last-child{margin:0;} #content .dichvu .ccon .cbox .list ul li .thumb{position:relative;width:30%;display:inline-block;vertical-align:top;background-size:cover !important;background-position:50% 50% !important;} #content .dichvu .ccon .cbox .list ul li .thumb img{display:block;width:100%;border:none;} #content .dichvu .ccon .cbox .list ul li .thumb .play{position:absolute;top:0;bottom:0;left:0;right:0; display: flex; align-items: center; text-align:center; } #content .dichvu .ccon .cbox .list ul li .thumb .play div{width:auto;margin:0 auto} #content .dichvu .ccon .cbox .list ul li .thumb .play img{width:auto;height:50px;display:block;border:none;} #content .dichvu .ccon .cbox .list ul li .info{position:relative;width:70%;display:inline-block;vertical-align:top;padding:0 0 0 25px;} #content .dichvu .ccon .cbox .list ul li .info div{position:relative;width:100%;padding:0 0 15px;font:300 18px/25px Roboto, sans-serif;color:#444;text-transform:uppercase;text-align:center;} #content .dichvu .ccon .cbox .list ul li .info h2{margin:0;padding:0;font:400 20px/30px 'Averta-Regular', sans-serif;color:#222;letter-spacing:-0.5px;} #content .dichvu .ccon .cbox .list ul li .info h2 a{color:#222} #content .dichvu .ccon .cbox .list ul li .info h2 a:hover{color:#222;} #content .dichvu .ccon .cbox .list ul li .info .desc{margin:15px 0 0;padding:0;font:400 16px/25px 'Averta-Regular', sans-serif;color:#222;text-align:justify; max-height:100px; overflow: hidden; -webkit-line-clamp:4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } #content .dichvu .ccon .cbox .tintuc{padding:15px 65px;} #content .dichvu .ccon .cbox .tintuc .updated{position:relative;width:100%;padding:10px 0;font:300 18px/25px Roboto, sans-serif;color:#444;text-transform:uppercase;} #content .dichvu .ccon .cbox .tintuc .title{margin:0;padding:0;font:400 25px/35px Roboto, sans-serif;color:#f15e28;letter-spacing:-1.5px;} #content .dichvu .ccon .cbox .tintuc .desc{margin:0;padding:15px 0;font:400 18px/25px Roboto, sans-serif;color:#444;} /* DU AN */ #content .duan{position:relative;width:100%;height:100vh; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } #content .duan .full{position:relative;width:100%;height:100vh;padding:0;z-index:1;} #content .duan .full .chead{position:absolute;top:0;left:25%;right:0;display:flex;height:160px;padding:15px 65px;overflow:hidden;align-items:center;z-index:2;} #content .duan .full .chead .ibox{position:relative;padding:0 0 0 45px;} #content .duan .full .chead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .duan .full .chead .ibox span{display:block;padding:0 0 10px;font:400 25px/35px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .duan .full .chead .ibox div{display:block;padding:0;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#fff;text-transform:uppercase;} #content .duan .full .cbox{position:relative;display:block;height:100vh;padding:160px 0 0;z-index:1;} #content .duan .full .cbox .ibox{position:relative;display:block;height:100%;padding:15px 65px;overflow-y:auto;} #content .duan .full .cbox .ibox::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .duan .full .cbox .ibox::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .duan .full .cbox .ibox::-webkit-scrollbar-track {padding:8px;} #content .duan .full .cbox .ibox table{width:100%;margin:0;border-collapse:collapse;} #content .duan .full .cbox .ibox table tr.t1{background:rgba(134,179,52,1);} #content .duan .full .cbox .ibox table tr.t1 td{padding:10px 10px;font:400 15px/25px 'Averta-Semibold', sans-serif;color:#fff;text-transform:uppercase;} #content .duan .full .cbox .ibox table tr.t2{background:rgba(255,230,150,.85);} #content .duan .full .cbox .ibox table tr.t2 td{padding:10px 10px;font:400 16px/25px 'Averta-Semibold', sans-serif;color:#222;} #content .duan .full .cbox .ibox table th{padding:10px 10px;background:rgba(6,135,57,1);border:rgba(235,235,235,.45) 1px solid;font:400 16px/25px 'Averta-Semibold', sans-serif;color:#fff;} #content .duan .full .cbox .ibox table th.c1{width:5%;text-align:center;} #content .duan .full .cbox .ibox table th.c2{width:25%;text-align:center;} #content .duan .full .cbox .ibox table th.c3{width:40%;text-align:center;} #content .duan .full .cbox .ibox table th.c4{width:15%;text-align:center;} #content .duan .full .cbox .ibox table th.c5{width:15%;text-align:center;} #content .duan .full .cbox .ibox table td{background:rgba(0,0,0,.15);padding:5px 10px;border:rgba(235,235,235,.45) 1px solid;font:400 16px/25px 'Averta-Regular', sans-serif;color:#fff;} #content .duan .full .cbox .ibox table td.c1{text-align:center;} #content .duan .full .cbox .ibox table td.c2{} #content .duan .full .cbox .ibox table td.c3{text-align:justify;} #content .duan .full .cbox .ibox table td.c4{text-align:center;} #content .duan .full .cbox .ibox table td.c5{text-align:center;} #content .duan .full .nhead{position:absolute;top:0;left:25%;right:0;display:flex;height:100px;padding:15px 65px;overflow:hidden;align-items:center;z-index:2;} #content .duan .full .nhead .ibox{position:relative;padding:0 0 0 45px;} #content .duan .full .nhead .ibox:before{position:absolute;content:'';width:5px;top:0;bottom:8px;left:0;background:#50ba46;} #content .duan .full .nhead .ibox span{display:block;padding:0 0 10px;font:400 25px/35px "Roboto-BoldCondensed", sans-serif;color:#222;text-transform:uppercase;} #content .duan .full .nhead .ibox div{display:block;padding:0;font:400 40px/40px "Roboto-BoldCondensed", sans-serif;color:#222;text-transform:uppercase;} #content .duan .full .nbox{position:relative;display:block;height:100vh;padding:100px 0 0;z-index:1;} #content .duan .full .nbox .ibox{position:relative;display:block;height:100%;padding:0;overflow-y:auto;} #content .duan .full .nbox .ibox::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;} #content .duan .full .nbox .ibox::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;} #content .duan .full .nbox .ibox::-webkit-scrollbar-track {padding:8px;} /* CON > TIN TỨC */ #content .duan .full .list{padding:35px 45px;height:100%;} #content .duan .full .list ul{width:100%;padding:0;margin:0;list-style:none} #content .duan .full .list ul li{width:100%;padding:0 0 35px;margin:0 0 35px;border-bottom:#fff 1px solid;} #content .duan .full .list ul li:last-child{margin:0;} #content .duan .full .list ul li .thumb{position:relative;width:30%;display:inline-block;vertical-align:top;background-size:cover !important;background-position:50% 50% !important;} #content .duan .full .list ul li .thumb img{display:block;width:100%;border:none;} #content .duan .full .list ul li .thumb .play{position:absolute;top:0;bottom:0;left:0;right:0; display: flex; align-items: center; text-align:center; } #content .duan .full .list ul li .thumb .play div{width:auto;margin:0 auto} #content .duan .full .list ul li .thumb .play img{width:auto;height:50px;display:block;border:none;} #content .duan .full .list ul li .info{position:relative;width:70%;display:inline-block;vertical-align:top;padding:0 0 0 25px;} #content .duan .full .list ul li .info div{position:relative;width:100%;padding:0 0 15px;font:300 18px/25px Roboto, sans-serif;color:#444;text-transform:uppercase;text-align:center;} #content .duan .full .list ul li .info h2{margin:0;padding:0;font:400 20px/30px 'Averta-Regular', sans-serif;color:#222;letter-spacing:-0.5px;} #content .duan .full .list ul li .info h2 a{color:#222} #content .duan .full .list ul li .info h2 a:hover{color:#222;} #content .duan .full .list ul li .info .desc{margin:15px 0 0;padding:0;font:400 16px/25px 'Averta-Regular', sans-serif;color:#222;text-align:justify; max-height:100px; overflow: hidden; -webkit-line-clamp:4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } #content .duan .full .tintuc{padding:15px 65px;} #content .duan .full .tintuc .updated{position:relative;width:100%;padding:10px 0;font:300 18px/25px Roboto, sans-serif;color:#444;text-transform:uppercase;} #content .duan .full .tintuc .title{margin:0;padding:0;font:400 25px/35px Roboto, sans-serif;color:#f15e28;letter-spacing:-1.5px;} #content .duan .full .tintuc .desc{margin:0;padding:15px 0;font:400 18px/25px Roboto, sans-serif;color:#444;} /* END TIN TỨC */ /* TIN TỨC > TIN KHÁC */ #content div.neoth{display:block;margin:0;padding:15px 0 0;} #content div.neoth .head{margin:0;padding:0;border-bottom:#ccc 1px solid;} #content div.neoth .head span{display:inline-block;margin:0;padding:0;font:400 25px/30px Roboto, sans-serif;color:#f15e28;} #content div.neoth .con{padding:15px 0 0;} #content div.neoth .con ul{width:100%;margin:0;padding:0;list-style:none} #content div.neoth .con ul li{width:100%;margin:0;padding:5px 0;list-style:none} #content div.neoth .con ul li a{position:relative;display:block;margin:0;padding:5px 0 5px 15px;font:300 18px/22px Roboto, sans-serif;color:#222;} #content div.neoth .con ul li a:before{position:absolute;left:0;top:6px;font-size:15px; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\f105"; } #content div.neoth .con ul li a:hover{color:#E1C072;} /* END TIN TỨC */ /* CHI TIẾT */ #content .detail{font:400 16px/25px 'Averta-Regular', sans-serif;text-align:justify} #content .detail.size17{font:400 17px/25px 'Averta-Regular', sans-serif;} #content .detail h1{font:400 28px/35px 'Averta-Regular', sans-serif;padding:10px 0;} #content .detail h2{font:400 26px/35px 'Averta-Regular', sans-serif;padding:10px 0;} #content .detail h3{font:400 24px/30px 'Averta-Regular', sans-serif;padding:10px 0;} #content .detail h4{font:400 22px/30px 'Averta-Regular', sans-serif;padding:10px 0;} #content .detail h5{font:400 20px/28px 'Averta-Regular', sans-serif;padding:10px 0;} #content .detail p, #content .detail div{padding:5px 0;} #content .detail a{} #content .detail a:hover{color:#f00;} #content .detail img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none} #content .detail table{max-width:100%;margin:10px 0;border-collapse:collapse;} #content .detail table th{padding:3px 8px;border:#ababab 1px solid;font-weight:400;} #content .detail table td{padding:3px 8px;border:#ababab 1px solid;} #content .detail table.bangn th{padding:0;border:#ababab 0px solid;font-weight:400;} #content .detail table.bangn td{padding:0;border:#ababab 0px solid;} #content .detail table.bang2 td{width:50%;} #content .detail table.bang2n td{width:50%;padding:0;border:#ababab 0px solid;} #content .detail table.bang3 td{width:33.33333%;} #content .detail table.bang3n td{width:33.33333%;padding:0;border:#ababab 0px solid;} #content .detail table.bang4 td{width:25%;} #content .detail table.bang4n td{width:25%;padding:0;border:#ababab 0px solid;} #content .detail table.bang5 td{width:20%;} #content .detail table.bang5n td{width:20%;padding:0;border:#ababab 0px solid;} .giua{margin-left:auto !important;margin-right:auto !important} #content .detail ul{margin:5px 0;padding:0;list-style-type:square;} #content .detail ul li{list-style-type:square;margin:0 0 0 20px;padding:5px 0;} #content .detail .youtube{padding:15px 0;} #content .detail .youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;} #content .detail .youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;} #content .detail .video{padding:10px 0;} #content .detail .video p{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;} #content .detail .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;} #content .detail .link{padding:10px 0;} #content .detail .link a{position:relative;overflow:hidden;padding:5px 15px;width:auto;background-color:transparent;display:inline-flex;align-items:center;justify-content:center; border:1px solid rgba(80,186,70,1); font:400 15px/20px 'Averta-Regular', sans-serif; color:rgba(80,186,70,1); text-transform:uppercase; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } #content .detail .link a:after{content:'';background-color:rgba(80,186,70,1); background-image:linear-gradient(to left,rgba(80,186,70,1) 0,rgba(60,165,50,.8) 16%,rgba(60,165,50,.8) 74%,rgba(80,186,70,.8) 100%); position:absolute;left:0;right:100%;top:0;bottom:0;-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all;border-radius:22px;z-index:-1} #content .detail .link a:hover{border:1px solid rgba(80,186,70,1);color:#fff;z-index:2} #content .detail .link a:hover:after{right:0;-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all} /* END CHI TIẾT */ #top { position: fixed; bottom:20px; right:10px; background:rgba(255,0,0,0.8); font:400 14px/40px Averta-Regular; text-transform:uppercase; text-align:center; color:#fff; text-decoration: none; padding:0; width:40px; height:40px; display: none; z-index: 9999; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; } #top:hover{background:rgba(255,0,0,1);color:#fff;} .butsup img { -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } @-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}} .coccoc-alo-phone{position:absolute;visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200000 !important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;right:150px;top:30px}.coccoc-alo-move-cursor{cursor:move}.coccoc-alo-phone.coccoc-alo-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}.coccoc-alo-phone.coccoc-alo-static{opacity:.6}.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1} .coccoc-alo-ph-circle{ width: 100px; height: 100px; top: -25px; left: -25px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #79c34f; opacity: .1; -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .coccoc-alo-ph-circle-fill { width: 100px; height: 100px; top: -25px; left: -25px; position: absolute; background-color:rgba(121,195,79,0.7); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: .1; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .coccoc-alo-ph-circle-close{width:17px;height:17px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:rgba(0,175,242,0.7);right:60px;top:60px;color:#fff;opacity:0;animation-timing-function:ease;animation-iteration-count:1;animation-direction:normal;animation-delay:0;z-index:99999;}.coccoc-alo-ph-circle-close:before,.coccoc-alo-ph-circle-close:after{content:"";position:absolute;width:13px;height:1px;background:#fff;left:2px;top:8px}.coccoc-alo-ph-circle-close:before{webkit-transfor:rotate(45deg);transform:rotate(45deg)}.coccoc-alo-ph-circle-close:after{webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.coccoc-alo-ph-circle-close-animation-show{animation-name:showCloseBtn;animation-duration:.5s;animation-fill-mode:forwards}.coccoc-alo-ph-circle-close-animation-hide{animation-name:hideCloseBtn;animation-duration:.5s;animation-fill-mode:forwards}.coccoc-alo-mobile .coccoc-alo-ph-circle{width:140px;height:140px;top:30px;left:30px}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{border-color:#ccc;opacity:.5}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5} .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}.coccoc-alo-ph-img-circle{width:60px;height:60px;top:71px;left:71px;position:absolute;background:rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:.7;box-sizing:initial}.coccoc-alo-ph-circle-shake{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2;background-color:#00aff2 9}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}#stopwatch{position:absolute;top:60px;left:60px;box-sizing:initial;display:none}.coccoc-alo-ph-circle-time{width:130px;position:absolute;background-color:#fff;top:50%;left:25px;margin-top:-12px;z-index:0;border-radius:15px;text-align:right;padding:6px 10px;font-family:'Open Sans';font-size:.7em;box-sizing:initial;height:20px;display:none}.coccoc-alo-phone.coccoc-alo-ph-extension.external-site .coccoc-alo-ph-circle-time{box-shadow:0 0 4px rgba(0,0,0,0.6)}.coccoc-alo-phone.coccoc-alo-ph-extension.external-site .coccoc-alo-ph-img-circle{opacity:1}.coccoc-alo-phone.coccoc-alo-ph-extension.external-site .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-ph-extension.external-site .coccoc-alo-ph-circle{display:none}#coccoc-alo-external-site-favicon{float:left;width:20px}#coccoc-alo-external-site-counter{line-height:19px}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes showCloseBtn{0%{right:80px;top:80px;opacity:0}100%{right:55px;top:55px;opacity:1}}@-webkit-keyframes showCloseBtn{0%{right:80px;top:80px;opacity:0}100%{right:55px;top:55px;opacity:1}}@-o-keyframes showCloseBtn{0%{right:80px;top:80px;opacity:0}100%{right:55px;top:55px;opacity:1}}@keyframes showCloseBtn{0%{right:80px;top:80px;opacity:0}100%{right:55px;top:55px;opacity:1}}@-moz-keyframes hideCloseBtn{0%{right:55px;top:55px;opacity:1}100%{right:80px;top:80px;opacity:0}}@-webkit-keyframes hideCloseBtn{0%{right:55px;top:55px;opacity:1}100%{right:80px;top:80px;opacity:0}}@-o-keyframes hideCloseBtn{0%{right:55px;top:55px;opacity:1}100%{right:80px;top:80px;opacity:0}}@keyframes hideCloseBtn{0%{right:55px;top:55px;opacity:1}100%{right:80px;top:80px;opacity:0}}@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#coccoc-alo-wrapper{position:absolute;width:100%;bottom:0;top:0;left:0;z-index:99999999999 !important;overflow:visible;display:none;color:#383838;}#coccoc-alo-wrapper .coccoc-alo-overlay{position:fixed;width:100%;height:100%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}#coccoc-alo-wrapper .coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:999999}#coccoc-alo-wrapper .coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center}#coccoc-alo-wrapper .coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important;}#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important}#coccoc-alo-wrapper .coccoc-alo-popup{width:auto !important;transform-origin:0 0;transition-timing-function:step-start;transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;display:inline-block;position:relative;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");margin:0 auto;z-index:200001;text-align:center;padding:60px 75px;}#coccoc-alo-wrapper .coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap;line-height:1.8;letter-spacing:0;color:#383837 !important;width:auto !important;border:none}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important;letter-spacing:0;font-weight:normal;height:auto;}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#coccoc-alo-wrapper .coccoc-alo-popup input[type=text].coccoc-alo-number{height:auto;box-sizing:content-box;color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom:#00bed5 solid 1px;padding:0;padding-bottom:10px;margin:0 auto;width:221px;outline:none;}#coccoc-alo-wrapper .coccoc-alo-popup input[type=text].coccoc-alo-number:focus,#coccoc-alo-wrapper .coccoc-alo-popup input[type=text].coccoc-alo-number:active,#coccoc-alo-wrapper .coccoc-alo-popup input[type=text].coccoc-alo-number:hover{outline:none;box-shadow:none}#coccoc-alo-wrapper .coccoc-alo-popup input[type=text].coccoc-alo-number::-ms-clear{display:none;width:0;height:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:auto;width:auto;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-powered{font-size:.8em;position:absolute;bottom:10px;right:15px;font-family:'Open Sans';}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-powered a{font-weight:bold;color:#383838;text-decoration:none;}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-powered a:hover{text-decoration:underline}#coccoc-alo-wrapper.night-mode{color:#fff;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=");}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{color:#fff !important;margin-bottom:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-powered a{color:#fff}#coccoc-alo-wrapper.night-mode input[type="text"].coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#coccoc-alo-wrapper.night-mode .coccoc-alo-message{padding-bottom:0}#coccoc-alo-wrapper.night-mode h3{font-size:23px}#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px}#coccoc-alo-wrapper.night-mode .coccoc-alo-submit{background-color:#00bed5}.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#coccoc-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.coccoc-alo-form-preview{position:absolute;top:-28px;left:12px;}.coccoc-alo-form-preview span{font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#c9c9c9;font-size:.9em} #coccoc-alo-wrapper.alo-mobile .coccoc-alo-cell{background-color:#fff;z-index:9999999;position:absolute;bottom:0;left:0;width:100%}#coccoc-alo-wrapper.alo-mobile .coccoc-alo-header{padding-bottom:30px;position:relative}#coccoc-alo-wrapper.alo-mobile .coccoc-alo-popup-close{width:50px !important;height:19px !important;position:absolute !important;top:-30px !important;left:50% !important;margin-left:-15px !important;background-image:none !important;}#coccoc-alo-wrapper.alo-mobile .coccoc-alo-popup-close .arrow{margin-top:7px;position:relative;text-align:center !important;margin-bottom:6px !important;height:4px;width:100%;}#coccoc-alo-wrapper.alo-mobile .coccoc-alo-popup-close .arrow:before{content:'';position:absolute;top:0;left:0;height:100%;width:50%;background:#333;-webkit-transform:skew(0,30deg);-moz-transform:skew(0,30deg);-ms-transform:skew(0,30deg);-o-transform:skew(0,30deg);transform:skew(0,30deg);-webkit-transition:transform 1s;transition:transform 1s}#coccoc-alo-wrapper.alo-mobile .coccoc-alo-popup-close .arrow:after{content:'';position:absolute;top:0;right:0;height:100%;width:50%;background:#333;-webkit-transform:skew(0,-30deg);-moz-transform:skew(0,-30deg);-ms-transform:skew(0,-30deg);-o-transform:skew(0,-30deg);transform:skew(0,-30deg)}#coccoc-alo-wrapper.alo-mobile.night-mode .coccoc-alo-popup{background-image:none}#coccoc-alo-wrapper.alo-mobile.night-mode .coccoc-alo-cell{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "} #widget-contact { width: 50px; position: fixed; right: 25px; bottom: 25px; z-index: 9999999; } #widget-contact .email-wg { background: #f60; } #widget-contact a { position:relative; display: block; width: 50px; height: 50px; margin-top: 10px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,.25); box-shadow: 0 0 13px 0 rgba(0,0,0,.25); } #widget-contact img { width: 100%; border-radius:500px; } #widget-contact .email-wg i { font-size: 1.7rem; color: #fff; line-height: 50px; } @media (max-width:1280px){ } @media (max-width:1024px){ #float{position:fixed;background:#fff;left:0;right:0;top:0;bottom:auto;width:auto;} #float .logo{position:relative;display:inline-block;vertical-align:top;padding:5px 15px;z-index:3;} #float .logo img{max-height:50px;} #float ul.mnu{position:absolute;bottom:5px;left:0;width:auto;padding:0 0 0 100px;z-index:2;} #float ul.mnu li{width:auto;display:inline-block;vertical-align:top;} #float ul.mnu li a{padding:10px 12px;font:400 15px/30px 'Averta-Semibold', sans-serif;} #float ul.mnu li a:before{display:none} #float .footer{bottom:15px;left:auto;z-index:3;} #float .footer .mxh{display:none;} #float .footer .lang{padding:0 15px;display:inline-block;vertical-align:top;} #float .footer .copy{display:none;} #content{padding:60px 0 0;} #content .boxanh, #content .home ul li a .thumb{height:calc(100vh - 60px);} #content .boxanh .rscon .rsbox div{bottom:-135px;right:0px;} #content .boxanh .service div.dv3{bottom:20%;} #content .boxanh .service div.dv4{bottom:25px;right:12%;} } @media (max-width:900px){ #float ul.mnu{display:none;} #float .mnu2{display:inline-block;} } @media (max-width:768px){ #content .boxanh .scroll-down{display:none;} #content .boxanh .rscon{top:35px;} #content .boxanh .rscon .rsbox{width:80%;} #content .boxanh .rscon .rsbox div{bottom:-100px;right:20%;padding:25px 25px;} #content .boxanh .rscon .rsbox div{bottom:-80px;right:10%;padding:0;background: none;font:400 25px/35px 'Averta-Regular', sans-serif;} #content .boxanh .service div a{font:400 30px/40px 'Averta-Regular', sans-serif;} #content .boxanh .service div.dv1{top:30%;} #content .boxanh .service div.dv2{bottom:45%;left:5%;} #content .boxanh .service div.dv4{right:110px;} #content .boxanh .service div.dv4 a span{font:400 25px/35px 'Averta-Regular', sans-serif;} #content .boxanh .service div.dv4 a{font:400 25px/35px 'Averta-Regular', sans-serif;} } @media (max-width:640px){ #content .boxanh .rscon .rsbox div{bottom:-50px;font:400 20px/30px 'Averta-Regular', sans-serif;} #content .boxanh .rscon .rsbox h1:before{top:18px;bottom:14px;} #content .boxanh .rscon .rsbox h1{padding:0 0 0 28px;font:400 80px/95px 'Averta-Semibold', sans-serif;letter-spacing:20px;} #content .home ul li{width:100%;} #content .home ul li a .thumb{height:calc(33.33333vh - 30px);} #content .about .ccon .cbox{padding:60px 0 0;} #content .about .cmnu ul li{height:calc(20% - 12px);} #content .about .cmnu ul li a h2{left:10px;right:10px;font:400 16px/25px 'Averta-Regular', sans-serif;} #content .about .ccon .chead{left:20%;height:60px;padding:15px 15px 5px;} #content .about .ccon .chead .ibox{padding:0 0 0 35px;} #content .about .ccon .chead .ibox:before{left:15px;} #content .about .ccon .chead .ibox span{padding:0;font:400 26px/40px "Roboto-BoldCondensed", sans-serif;} #content .about .ccon .cbox .ibox{padding:15px 15px;} #content .about .full .acon{width:100%;height:auto;padding:60px 0 0;} #content .about .full .acon .ahead{left:0;height:60px;padding:15px 15px 5px;} #content .about .full .acon .chead .ibox{padding:0 0 0 35px;} #content .about .full .acon .chead .ibox:before{left:15px;} #content .about .full .acon .chead .ibox span{padding:0;font:400 26px/40px "Roboto-BoldCondensed", sans-serif;} #content .about .full .acon .abox{padding:15px 15px;} #content .about .full .amap{width:100%;} #content .about .full .amap iframe{height:450px;} #content .detail h2{font:400 18px/25px 'Averta-Semibold', sans-serif;} #content .detail h3{font:400 17px/25px 'Averta-Semibold', sans-serif;} #content .detail h4{font:400 17px/25px 'Averta-Semibold', sans-serif;} #content .lichsu .ccon .cbox{padding:80px 0 0;background-position:bottom left !important;} #content .lichsu .cmnu ul li{height:calc(20% - 12px);} #content .lichsu .cmnu ul li a h2{left:10px;right:10px;font:400 16px/25px 'Averta-Regular', sans-serif;} #content .lichsu .ccon .chead{left:20%;height:80px;padding:5px 15px;} #content .lichsu .ccon .chead .ibox{padding:0 0 0 35px;} #content .lichsu .ccon .chead .ibox:before{left:15px;} #content .lichsu .ccon .chead .ibox span{padding:0;font:400 20px/30px "Roboto-BoldCondensed", sans-serif;} #content .lichsu .ccon .chead .ibox div{font:400 26px/40px "Roboto-BoldCondensed", sans-serif;} #content .lichsu .ccon .cbox:before{display:none;} #content .lichsu .ccon .cbox .ibox{padding:15px 15px;} #content .lichsu .ccon .cbox .ibox .item{display:block;padding:15px 0;text-align:center;} #content .lichsu .ccon .cbox .ibox .item .time{display:inline-block;float:none;margin:0 0 10px;} #content .lichsu .ccon .cbox .ibox .item > p{display:block;font:400 17px/25px 'Be Vietnam', sans-serif;} #content .chungchi .ccon .cbox{padding:80px 0 0;background-position:bottom left !important;} #content .chungchi .cmnu ul li{height:calc(20% - 12px);} #content .chungchi .cmnu ul li a h2{left:10px;right:10px;font:400 16px/25px 'Averta-Regular', sans-serif;} #content .chungchi .ccon .chead{left:20%;height:80px;padding:5px 15px;} #content .chungchi .ccon .chead .ibox{padding:0 0 0 35px;} #content .chungchi .ccon .chead .ibox:before{left:15px;} #content .chungchi .ccon .chead .ibox span{padding:0;font:400 20px/30px "Roboto-BoldCondensed", sans-serif;} #content .chungchi .ccon .chead .ibox div{font:400 26px/40px "Roboto-BoldCondensed", sans-serif;} #content .chungchi .ccon .cbox .ibox{padding:15px 15px;} #content .chungchi .ccon .cbox .ibox .item:before{display:none;} #content .chungchi .ccon .cbox .ibox .item .text{width:100%;padding:0;} #content .chungchi .ccon .cbox .ibox .item .text .title{margin-top:0;} #content .chungchi .ccon .cbox .ibox .item .text .info{padding:15px;} #content .chungchi .ccon .cbox .ibox .item .img{width:100%;padding:0;} #content .dichvu{background-size:cover !important;} #content .dichvu .ccon .cbox{padding:60px 0 0;} #content .dichvu .cmnu ul li{height:calc(33.33333% - 12px);} #content .dichvu .cmnu ul li a h2{left:10px;right:10px;font:400 16px/25px 'Averta-Regular', sans-serif;} #content .dichvu .ccon .chead{left:20%;height:60px;padding:15px 15px 5px;} #content .dichvu .ccon .chead .ibox{padding:0 0 0 35px;} #content .dichvu .ccon .chead .ibox:before{left:15px;} #content .dichvu .ccon .chead .ibox span{padding:0;font:400 26px/40px "Roboto-BoldCondensed", sans-serif;} #content .dichvu .ccon .cbox .ibox{padding:15px 15px;} #content .csvc .ccon .cbox{padding:60px 0 0;} #content .csvc .cmnu ul li{height:calc(20% - 12px);} #content .csvc .cmnu ul li a h2{left:10px;right:10px;font:400 16px/25px 'Averta-Regular', sans-serif;} #content .csvc .ccon .chead{left:20%;height:60px;padding:15px 15px 5px;} #content .csvc .ccon .chead .ibox{padding:0 0 0 35px;} #content .csvc .ccon .chead .ibox:before{left:15px;} #content .csvc .ccon .chead .ibox span{padding:0;font:400 26px/40px "Roboto-BoldCondensed", sans-serif;} #content .csvc .ccon .cbox .ibox{padding:15px 15px;} #content .duan .full{height:calc(100vh - 60px);} #content .duan .full .cbox{height:100%;padding:80px 0 0;} #content .duan .full .chead{left:0;height:80px;padding:5px 15px 5px;} #content .duan .full .chead .ibox{padding:0 0 0 35px;} #content .duan .full .chead .ibox:before{left:15px;} #content .duan .full .chead .ibox span{padding:0;font:400 20px/30px "Roboto-BoldCondensed", sans-serif;} #content .duan .full .chead .ibox div{font:400 26px/40px "Roboto-BoldCondensed", sans-serif;} #content .duan .full .cbox .ibox{overflow-x:auto;padding:15px 15px;} } @media (max-width:580px){ #content .home ul li a .thumb{height:calc(33.33333vh - 20px);} #content .boxanh .service div.dv1{top:30%;} #content .boxanh .service div.dv2{bottom:47%;left:5%;} #content .boxanh .service div.dv3{bottom:26%;} #content .boxanh .service div.dv4{bottom:90px;} } @media (max-width:480px){ } @media (max-width:420px){ } @media (max-width:400px){ }