@font-face{font-family:'Montserrat-Black';src:url('../fonts/Montserrat-Black.ttf') format('truetype')}
@font-face{font-family:'Montserrat-Bold';src:url('../fonts/Montserrat-Bold.ttf') format('truetype')}
@font-face{font-family:'Montserrat-Italic';src:url('../fonts/Montserrat-Italic.ttf') format('truetype')}
@font-face{font-family:'Montserrat-Light';src:url('../fonts/Montserrat-Light.ttf') format('truetype')}
@font-face{font-family:'Montserrat-Regular';src:url('../fonts/Montserrat-Regular.ttf') format('truetype')}
@font-face{font-family:'Montserrat-Medium';src:url('../fonts/Montserrat-Medium.ttf') format('truetype')}
@font-face{font-family:'Montserrat-SemiBold';src:url('../fonts/Montserrat-SemiBold.ttf') format('truetype')}
@font-face{font-family:'AvenirNextLTPro';src:url('../fonts/AvenirNextLTPro-Bold.otf') format('truetype')}

a{text-decoration:none!important}
/* .animatedParent{overflow-x: hidden;} */
body{position:relative;height:100vh}

.home-slider ul.bx-slider{padding:0;margin:0}
.home-slider ul.bx-slider > li{margin:0;position:relative;z-index:2}
.home-slider ul.bx-slider > li .main-img{width:100vw;background-position:center!important;background-size:cover!important;height:100vh;padding-left:5px;padding-right:5px}
.home-slider .bx-wrapper{border:none;margin-bottom:0}
header.header .container-fluid{position:relative}
header.header{padding-top:0;top:25px;position:absolute;z-index:55;width:100%}
header.header h1{color:#fff;font-size:16px;font-family:'Montserrat-Regular';display:inline}
header.header .container-fluid a.logo{position:absolute;left:50%;transform:translateX(-50%);}
.phone-register{margin-top:16px;padding-right:150px}
.hotline{float:right;position:relative;top:0;height:35px;right:10px;z-index:10;color:#fff;font-size:16px;line-height:37px;padding-left:40px;border-radius:20px;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.hotline a{color:#fff;font-size:26px;margin-left:12px;font-family:'AvenirNextLTPro';display:block;font-weight: 100;margin-top:0;position:initial;font-size: x-large;}
.quick-alo-ph-img-circle{width:40px;height:40px;top:-2px;left:5px;position:absolute;background:url(../images/back-hotline.png) no-repeat center center;-o-background-size:26px;background-size:26px;border-radius:100%;border:2px solid transparent;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle{-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important;animation:quick-alo-circle-img-anim 1s infinite ease-in-out!important}
.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle{-webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out!important;-o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out!important;animation:quick-alo-circle-img-anim 0s infinite ease-in-out!important}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone:hover .quick-alo-ph-img-circle{background-color:#fdb710}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle{background-color:#fdb710}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle{background-color:#fdb710}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle{background-color:#fdb710}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle{background-color:#fdb710}
@-webkit-keyframes quick-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}
}
@-webkit-keyframes quick-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}
}
@-webkit-keyframes quick-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)}
}
@keyframes quick-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 quick-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 quick-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)}
}
.home-slider{position:relative}
.tab-gallery{position:absolute;right:15px;bottom:25px;z-index:555;width:35%}
}
.slick-slide {outline: none;}
.tab-gallery ul{list-style-type:none;padding:0;/* float:left;*/}
.tab-gallery ul li{display:inline-block;float:left;margin-right:10px;cursor:pointer;outline: none;}
.list-congtrinh{margin:0;list-style-type:none;position:relative;z-index:4}
.list-congtrinh li{margin-right:10px;margin-left:10px;position:relative;margin-bottom: 5px; padding-bottom: 5px;} 
.list-congtrinh li  span{height:70px;float:left;width:100%}
.list-congtrinh li img{margin:auto;    width: 125px;}
.list-congtrinh li  p{color:#cecece;font-size:14px;text-align:center;transition:all ease 0.2s}
/* .list-congtrinh li:hover p{color:#f7c683} */
.list-congtrinh li:after{content:"\f106";position:absolute;bottom:-15px;font-family:FontAwesome;left:50%;/* color:#f7c683; */font-size:36px;z-index:5;background-size:100% 100%;transform:translateX(-50%);opacity:0;transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s}
.list-congtrinh li:hover:after,.list-congtrinh li.active:after{opacity:1}
/* .list-congtrinh li.active p{color: #f7c683} */

.main{position:relative;z-index:200;position:absolute;left:50%;top:50%;transform:translate(-50%)}
.div-hover{position:relative}
.div-hover,.div-hover > *{cursor:pointer;text-align:center;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s}
img.img-ab{opacity:0;position:absolute;z-index:-1;top:-100%;left:50%;transform:translate(-50%)}
.div-hover:hover img.img-ab{opacity:1}
.div-hover:hover:before{opacity:1}
.main h1{font-size:42px;color:#fff;text-align:center;line-height:1.2;font-family:'Montserrat-Light';z-index:5;margin-bottom:65px;margin-top:0}
.main h1 strong{font-family:'Montserrat-Bold'}
.main h1 span{display: block;}
a.viewmore{font-family:'Montserrat-Regular';color:#9d7747;font-size:18px;margin:auto;padding:13px 54px;background:#fff;text-align:center}
a.viewmore i{padding-left:10px}
a.viewmore:hover{color:#fff;background:#530431}
.coppy-right{position:absolute;left:15px;bottom:40px;z-index:555}
.coppy-right p,.coppy-right a{font-family:'Montserrat-Regular';color:#999999}
.social{padding:0;margin:0;margin-top:30px;list-style-type:none}
.social li{display:inline-block;margin-right:20px}
.social li img{width:20px;height:20px}
.list-congtrinh .slick-next{right: 0px;}
.list-congtrinh .slick-prev{left: 0px;}
.list-congtrinh .slick-prev:before,.list-congtrinh .slick-next:before{content:"\f104";font-family:FontAwesome;background:transparent;color:#fff;font-size:30px}
.list-congtrinh .slick-next:before{content:"\f105";background:none;right:0}
.list-congtrinh .slick-prev,.list-congtrinh  .slick-next{z-index:5;background:transparent;width:inherit;height:inherit}
@media screen and (min-width:1680px){
  .main{top:560px}
}
@media screen and (max-width:1440px){
  .div-hover.div-1 img.img-ab{max-width:68%;top:-65%}
  .div-hover.div-2 img.img-ab{max-width:60%;top:-80%}
  .div-hover.div-3 img.img-ab{max-width:85%;top:-85%}
  /* .list-congtrinh li{padding-bottom:0} */
  .list-congtrinh li:after{bottom:-20px} 
}
@media screen and (max-width:991px) and (min-width:660px){
  .main{top:43%}
  .tab-gallery{width:100%;position: relative; bottom:50px;}
  .coppy-right{left:50%; position: absolute;bottom:0;}
  .coppy-right p,.coppy-right a{text-align:center}
  .social,.social > *{text-align:center}
}
@media screen and (max-width:768px){
  header.header .container-fluid a.logo{top:0}
  .hotline a span{display:none}
  header.header h1{font-family:'Montserrat-SemiBold';display:block;margin-top:110px;text-align:center}
  .hotline{position:absolute}
  .main h1{font-size:20px;font-family:'Montserrat-Bold';margin-bottom:30px;line-height:1.5}
  .main{width:100%;top:40%;}
  a.viewmore{font-size:14px;padding:6px 20px}
  .div-hover  img.img-ab{display:none}
  .tab-gallery{right:0;left:0;width:auto;bottom:50px; position: fixed;}
  .list-congtrinh li p{display:none}
  .coppy-right{position:fixed;bottom:0;left: 0; width: 100%;text-align:center;background:#dddddd;padding:10px 0}
  .social{display:none}  
  .list-congtrinh li span{height:75px;float:left;}
  .tab-gallery .list-congtrinh li{margin-left:25px;margin-right:25px; margin-bottom: 5px; padding-bottom: 5px;}
  .coppy-right p,.coppy-right a{color:#666666;margin-bottom:0}
  .list-congtrinh .slick-next{right: 10px;}
  .list-congtrinh .slick-prev{left: 10px;}
}
@media screen and (max-width:640px){
  header.header .container-fluid a.logo{top:0}
  .hotline a span{display:none}
  header.header h1{font-family:'Montserrat-SemiBold';display:block;margin-top:110px;text-align:center}
  .hotline{position:absolute}
  .main h1{font-size:18px;font-family:'Montserrat-Bold';margin-bottom:30px;line-height:1.5}
  .main{width:100%;top:40%;}
  a.viewmore{font-size:14px;padding:6px 20px}
  .div-hover  img.img-ab{display:none}
  .tab-gallery{right:0;left:0;width:auto;bottom:50px; position: fixed;}
  .list-congtrinh li p{display:none}
  .coppy-right{position:fixed;bottom:0; left: 0;width: 100%; text-align:center;background:#dddddd;padding:10px 0}
  .social{display:none}
  .list-congtrinh .slick-next{right: 10px;}
  .list-congtrinh .slick-prev{left: 10px;}
  .list-congtrinh .slick-prev:before,.list-congtrinh .slick-next:before{content:"\f104";font-family:FontAwesome;background:transparent;color:#fff;font-size:30px}
  .list-congtrinh .slick-next:before{content:"\f105";background:none;right:0}
  .list-congtrinh .slick-prev,.list-congtrinh  .slick-next{z-index:5;background:transparent;width:inherit;height:inherit}
  .list-congtrinh li span{height:75px;float:left;}
  .tab-gallery .list-congtrinh li{margin-left:25px;margin-right:25px; margin-bottom: 5px; padding-bottom: 5px;}
  .coppy-right p,.coppy-right a{color:#666666;margin-bottom:0}
}
@media screen and (max-width: 640px) and (orientation: landscape){
  .coppy-right{position: absolute; bottom:0;}
  .tab-gallery{position: absolute; bottom: 40px;}  
  .home-slider ul.bx-slider, .home-slider ul.bx-slider > li, .home-slider ul.bx-slider > li .main-img{height: 100%;}
  header.header h1{margin-top: 100px;}
  .main{top:40%;}
 
}