.sec1{ background:#00080b; }
.s1img{ position:absolute; z-index:2; }
.s11{ top:23.28%; left:5.3125%; width:19.32%; }
.s12{ top:12.22%; left:8.17%; width:20.468%; }
.s13{ top:2.94%; left:20.36%; width:16.97%; }
.s14{ top:2.94%; left:50.36%; width:20.57%; }
.s15{ top:14.98%; left:69.79%; width:17.44%; }
.s16{ top:26.04%; left:77.08%; width:14.16%; }
.s17{ top:36.66%; left:80.10%; width:14.16%; }

.abs{ overflow-y: scroll; }
.abs::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #7bedff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: var(--color-hover);
}

.abs::-webkit-scrollbar-thumb:window-inactive {
    background:  #7bedff;
}

.abs::-webkit-scrollbar-thumb {
	cursor: pointer;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}


.numsec1{  padding-top:10px; }
.numsec1 >div.text-center strong{ -font-size: calc(1.46rem + 4vw);  color: #4cf7fd; margin-top:20px; line-height:1; font-size: 75px}
.numsec1 p{ margin-top:12px; }
.imgsec1 .txtsec1{ position:absolute; left:0%; top:81%; z-index:2 }

/*.sub-menu, .nav-dropdown-has-arrow li.has-dropdown:before{ display:none!important }*/

.sec2 a{ position:absolute; left:42.5%; top:42.5%; z-index:2; width: 15%; }
.sec2 a img{ max-width: 306px; width:100% }
.bgsecfix1{  background-size:cover !important; -background-attachment: fixed !important; }
.bgsecfix1{ background:url(../imgs/home/bg.jpg) center top no-repeat; }

.sec3flex{ align-items:end }
.sv31{ background:url(../imgs/home/sv31.png) no-repeat top center; -width: 710px; -height: 736px; width: 100%; height: auto; background-size: contain; padding:50px 8.15%; margin-top: 10px;}
.s31{  }
.sv31 li{ list-style:none; margin-bottom: 5px; background:url(../imgs/home/31ico.png) no-repeat center left; padding-left:55px; background-size:35px; height:35px; font-size:16px; } 

.sec3 {background:url(../imgs/home/sec3.jpg) center top no-repeat; background-size: cover;}

.sec3:after,.sec5:after, .sec8:after, .sec10:after, .sec11:after{content: ''; z-index: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter: blur(10px);}
.sec3:after{ background: url(../imgs/home/sec3.jpg) center top no-repeat;   }
.sec5:after, .sec8:after, .sec10:after, .sec11:after{background: url(../imgs/home/sec5.jpg) center top no-repeat; }
.owl-nav-style1 .owl-prev:hover, .owl-nav-style1 .owl-next:hover{
        box-shadow: 0 0 10px #11d2d6;
        border-radius: 50%;
}
/*.sec5 .owl-next, .sec7 .owl-next, 
.sec10 .owl-theme .owl-nav .owl-next img, */
.owl-nav-style1 .owl-nav .owl-prev img,
.slick-arrow.owl-prev img,
.imgrotate180{transform: perspective(1000px) rotateY(180deg);}
.sec5 .owl-nav img, .sec7 .owl-nav img, .slick-arrow img,.sec10 .owl-nav img, .owl-nav-style1 .owl-nav img{ max-width:80px;  -width: 4.375%; cursor: pointer;}
.owl-theme{ position:relative; }
.owl-theme .owl-nav >div{ position:absolute; z-index: 2; }

.sec5 .s5wrapslide{ -padding:9.45% 10.73% ;  padding:6.45% 8.73% 8% 8.73% ;    -height: 840px; -background:url(../imgs/home/bgslide5.png) no-repeat center; background:url(../imgs/home/s5khung_update.png) no-repeat center; background-size:100%;   }
/*.sec5 .owlhinhanthietbi{ background:url(../imgs/home/bgslide5.png) no-repeat center; background-size:cover; }*/
.sec5 .owlhinhanthietbi{  }
.owlhinhanthietbi img{ aspect-ratio: auto 1202 / 677; height: revert-layer; -max-height: 540px;}
.owlhinhanthietbi .owl-prev{ left:-9% !important }
.owlhinhanthietbi .owl-next{ right:-9% !important }

section .layercnn{ position:absolute; bottom:0; left:0; z-index:1; height:25%;  background-image: linear-gradient(360deg, #89aab9, rgba(0, 9, 11, 0));}

section img.tit, .sec8 img.tit{  -width:72%; }

.owl-carousel.owl-nav-style1 .owl-nav [class*=owl-]{ padding:0; margin:0;border:0 }
.tithome{     font-size: calc(24px + 1.8vw);   }
.txt-light{  font-weight: 600;  text-transform: uppercase;    color: #fff;    line-height: 1.2;  text-shadow: rgb(97, 235, 252) 0px 1px 3px;    -webkit-text-stroke: 0px rgb(54, 196, 213); }
.sec4 { 
	background: rgb(38,180,197);
	background: linear-gradient(-45deg, rgba(38,180,197,1) 0%, rgba(0,113,140,1) 100%);
 }
.sec4 .s4item{ gap: 20px; flex-wrap:wrap;  padding:25px 5% 0 5%; background:url(../imgs/home/bgkhung3.png) no-repeat top center; background-size:contain; }
.sec4 .s4item >div{ 	width:calc(50% - 10px);/*  margin-bottom:20px; padding:0 5px;*/  }
.sec4 .s4txt strong{  -white-space:nowrap; display: none}
.sec4 .s4txt{ position:absolute; left:5%; top: 69.04%; width:90%; }
.sec4 .s4txt p{      line-height:1;  }

.sec5, .sec7, .sec8, .sec10, .sec11 {background:url(../imgs/home/sec5.jpg) center top no-repeat;}

.mt-20{ margin-top:20px; }

.sec6{ background:url(../imgs/home/bgsec6_2410.jpg) center top no-repeat #89aab9;      background-size: 100%;  -background-attachment: fixed !important;   }
.sec6 a{ position:absolute; }
.sec7 .layercnn{     bottom: auto;    top: 0;    background-image: linear-gradient(180deg, #89aab9, rgba(0, 9, 11, 0))!important; }
.sec8 .layercnn{     bottom: auto;    top: 0;    background-image: linear-gradient(180deg, #8aaab9, rgba(0, 9, 11, 0))!important; }
.sec11 .layercnntop{     bottom: auto;    top: 0;    background-image: linear-gradient(180deg, #8eaebd, rgba(0, 9, 11, 0))!important; }

/*a.s6btn1{ width:11.08%; height: 80%; left:9.18%; top:8.45%; }
a.s6btn2{ width:11.08%; height: 80%; left:29.05%; top:8.45%; }
a.s6btn3{ width:12.18%; height: 80%; left:44.05%; top:1%; }
a.s6btn4{ width:12.18%; height: 80%; left:59.72%; top:5%; }
a.s6btn5{ width:12.18%; height: 80%; left:76.15%; top:1%; }*/

.back-to-top{ background-color:#fff!important; border-color:#016567!important; color:#016567!important }

a.s6btn1{ left:13.85%; top:64.58%; }
a.s6btn2{ left:29.39%; top:56.25%; }
a.s6btn3{ left:48.10%; top:62%; }
a.s6btn4{ left:59.86%; top:57.96%; }
a.s6btn5{ left:77.02%; top:70.09%; }

.sec6 a { width: 4.12%; max-width: 61px; border-radius: 100%;     animation: kj-marker-pulse ease-in-out 1s infinite; -animation: spread 4s .7s ease-in-out infinite}
@keyframes kj-marker-pulse {
0%   { outline: 0px solid #34c4d5; }
100% { outline: 15px solid rgba(0, 0, 0, 0); }
}

.owl-nav-style1 .owl-nav .owl-next, .owl-nav-style1 .owl-nav .owl-prev{ position: absolute; background: transparent; top:45%; transition:-webkit-transition:all 0.3s;transition:all 0.3s; }
.owl-nav-style1 .owl-nav [class*=owl-]:hover{ background:transparent; transform: scale(1.05); }

.owl-nav-style1 .owl-nav .owl-next{ right:1%; }
.owl-nav-style1 .owl-nav .owl-prev{ left:1%; }

.sec7 .owl-nav .owl-next, .sec10 .owl-nav .owl-next{ right:2%; top:45%;  }
.sec7 .owl-nav .owl-prev, .sec10 .owl-nav .owl-prev{ left:2%; top:45%; }
.sec7 .owl-carousel .owl-dots{ bottom:0; }
.slick-arrow.owl-prev{ left:1.8%; top:44% }
.slick-arrow.owl-next{ right:1.8%; top:44% }

.kols-slick{ background-size:cover; }

.sec9{ background:url(../imgs/home/bgsec9.jpg) no-repeat center; }
.s9, .s9text{ display:flex; }
.s9 img:nth-child(2n+1):hover{ transform: scale(1.05); }
.s10txt, .s10txt >div >div{ position:absolute; bottom:0; left:0; width:100%; text-align:left; }

.s10txt div strong{ font-size:14px; }
.s10txt div p{ margin-top:5px; font-size:18px; }
.s10txt >div >div{ padding-left:15px; bottom: auto; top: 35px;}
.sec10 .owlbaochi, .sec11 .s11wrap{  /*background:url(../imgs/home/s5khung.png) no-repeat center; background-size:cover; */}
.sec10 .owlbaochi{ padding: 6.45% 8.73%;-padding: 9.45% 10.73%; }
.sec10 .owlbaochi a{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1 }
.sec10 .owl-dots{ bottom:-30px; }

.sec11 .s11wrap{ padding: 0 5.73%; }
.slick-arrow{ position: absolute; }
.item-blog-home{ border-radius:25px; overflow:hidden; }
.bottom-form{ max-width:450px; width: 100%; -height:100%; background:url(../imgs/home/bgform.png) no-repeat center top / contain; padding: 8%;  }
.bottom-form form{ -width:70% }

.btwrapbuttonsend{ position:absolute; left:0; bottom:-120px; }
.xemthemblog{ -margin-top:-50px; }
/*.btbgform{ background-image:linear-gradient(225deg, rgb(97, 235, 252), rgb(0, 74, 173)) }*/
.btbgform{ background-image:linear-gradient(225deg, #63ecfe, #0c70b2) }
.btnsednform{ max-width:150px; border-radius: 50px!important; border:1px solid #63ecfe !important}
.bottom-form .form-group{}
 .img41{ width: 70%; max-width:314px; }

#popup-maymoc .owl-nav-style1 .owl-nav .owl-next, #popup-maymoc .owl-nav-style1 .owl-nav .owl-prev{ top:46%; }
#popup-maymoc.lightbox-content{ box-shadow: none!important }
#kols-carousel{padding:4.45% 5.73%;}


.kols-main-img{       display: flex;        flex-direction: column;        width: 100%;        justify-content: end;        align-items: center;      }
#kols-thumbnail-carousel.slickthumb .slick-slide{ border:4px solid transparent; border-radius:50%; }
#kols-thumbnail-carousel.slickthumb .slick-current.slick-slide {	    border: 3px solid #4adae3;	}
#kols-thumbnail-carousel img {	    width: 70px;	    height: 70px;	    border-radius: 50%;	    overflow: hidden	}
#kols-thumbnail-carousel img {	    cursor: pointer	}
#kols-thumbnail-carousel .owl-item {	    width: 70px	}



.footertoplogo{ display:flex; align-items:center; }
.menu-footer ul li{ -margin-bottom:0 }
.bct-img{ max-width:218px; }
#footer{ 
background: rgb(0, 74, 173);
    position: relative;
}
#footer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(-90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.9));
}
@media (min-width: 1023px) and (max-width: 1400px) {
	.s9{ position:relative; }
	.s9 img:nth-child(2n+1){ position:absolute; max-width:37%; }
	.s9 img:nth-child(1){ left:0; }
	.s9 img:nth-child(3){ right:0; }
	.sec9 center .h2{ font-size: 1.4em}
	.khung{ -height:931px; }
}	
@media only screen and (min-width: 1023px) {
	#kols-carousel{ background: url(../imgs/home/s5khung_update.png) no-repeat center top; }
	.kolwap1 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
       /* padding-top: 56.48%;
        background:url(../imgs/home/bgslide5.png) no-repeat center; background-size:cover;*/
    }
    .kols-wrap .kol-item{ position:absolute; z-index:2;         width: 32%;        max-width: 400px; }
    .bottom-form{    position: absolute;    left: 50px;    top: 15%; }
    .sec1{ padding-top: 50px; }

	.s31{ width:45%; }
	.sv31 ul{ max-height:calc((100vw / 7) - 10px); }
	.sec4 .it41{ width:50%; padding-left:3.7%; padding-right:3.7%; }
	.sec4 .it42{ width:50%; }
	/*.sec4 .s4item >div.position-relative:hover .s4txt{ 
		top: auto;         
		bottom: 5px;
		left: 0;
        width: 100%;
       
        padding: 10px 15px;
        background: linear-gradient(180deg, rgba(0, 113, 140, 1) 0%, transparent 100%); 
    }*/
    .sec4 .s4item >div.position-relative:hover .s4txt p{  height: auto;overflow: none; }
    .img41{  max-width:314px; }

    .sec5 .owl-carousel .owl-dots{ bottom:-15%; }
    #kols-carousel{ margin-top: -20px; -height: 890px; height:calc(100vw * 886 / 1500); max-height:875px; background-size: cover !important;}
	.khunganh{ height:calc(100vw * 886 / 1500); max-height: 870px; background-size: cover !important; background:url(../imgs/home/s5khung_update.png) no-repeat center top;  }

	.kols-main-img{ height:calc(100vw *666 / 1480); max-height:685px; }
	.kols-main-img a{ width:55%; }
	.kols-main-img img{ -height:90%; margin-top:20px; }	
	.kols-wrap .kol-item0{ top:6.2%; left:1.5%; }
	.kols-wrap .kol-item1{ top:6.2%; right:1.5%; }
	.kols-wrap .kol-item2{ bottom:8.8%; left:1.5%; }
	.kols-wrap .kol-item3{ bottom:8.8%; right:1.5%; }
	.sec8 img.tit{ -max-width:680px; }
	.khunganh .owl-nav .owl-next,.khunganh .owl-nav .owl-prev{ top:41.5%; }
	.sec7 .owl-nav .owl-next{ right:2%; }
	.sec10 .owl-nav .owl-next{ right:1%; }
	.sec7 .owl-nav .owl-prev{ left:2%; }
	.sec10 .owl-nav .owl-prev{ left:1%; }

	.sec8 .owl-next{ right:0.7%; }
	.sec8 .owl-prev{ left:0.7%; }
	section .tit{ transform:scale(0.9) }
	.sec11 .s11wrap{ display:flex; align-items:center; }

}
@media only screen and (min-width: 1300px) {
/*	.sec3 .img31{ width: 41.9%}*/
	section img.tit { -max-width:960px;}
	.sec8 img.tit { -max-width:720px;}
	.s31{ width:50%; }
	.sec3:before, .sec5:before, .sec8:before,.sec10:before,.sec11:before {content: ''; z-index: 1;  width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../imgs/home/3decor.png) center top no-repeat;}
	/*Kols*/
	.kols-main-img a{ -width:70%; }	
	.kols-main-img img{ height:100%; margin-top:0; }
	.kols-wrap .kol-item0{ top:50px; left:20px; }
	.kols-wrap .kol-item1{ top:50px; right:20px; }
	.kols-wrap .kol-item2{ bottom:40px; left:20px; }
	.kols-wrap .kol-item3{ bottom:40px; right:20px; }
	.wrap-thumb-kols { margin-top:-30px; }
	.khung{ -height:931px; }
	.sec6{ background:url(../imgs/home/bgsec6_2510.jpg) center top no-repeat transparent;}
	.sec5 .tit{ margin-top:15px; }
	.news-home-1 p.set-3-line-text{ font-size:18px; }
	
}

@media only screen and (min-width: 1450px) {	
    .img41{  max-width:500px; }
    .sec4 .s4txt p{      line-height:1.2; font-size: 16px; -overflow:hidden; }
	.imgsec1 .txtsec1{  top:82%;  }
	.sec5 .s5wrapslide{ height: 931px; display:flex; align-items:center; }
	.sec5 .owl-carousel .owl-dots{ bottom:-10%; }
	.owlhinhanthietbi .owl-next, .owlhinhanthietbi .owl-prev{ top:43%!important ; }
}
@media only screen and (max-width: 1281px) {
	.bottom-form{ top: 5%; left:20px; max-width:380px; }
}
@media only screen and (max-width: 1025px) {
	section >div.mx-auto.w1920{ max-width:768px; }
	.numsec1{ gap: 5px; margin-top: 10px;}
	.sec5 .owl-nav img, .sec7 .owl-nav img, .slick-arrow img, .sec10 .owl-nav img, .owl-nav-style1 .owl-nav img{ width: 50px; }
	.btwrapbuttonsend{ bottom: -60px; }
}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 812px) {
	.sec3 .img32.desktop{ display:none!important }
	.rowsec4, .mflex-column{ flex-direction: column !important }
	.btbgform{ padding:50px 0;  }
	.bottom-form{ margin:0 auto; padding:8% 11%; max-width:450px }
	.news-home-1.col, .news-home-2.col{ padding-left:0; padding-right:0; }
	.news-home-2 .row{ margin-left:0!important  }
	.numsec1 >div.text-center strong{  font-size: 50px;}
	.hamohome-cover{ height:100vw !important; }
	.hamohome-cover-video {
        position: absolute;
        width: calc(100vw / 9* 16) !important;
        height: 100vw !important;
        margin-top: 0;
        top: 0;
        left: 0;
        transform: translateX(calc(100vw / 9*(-3.5)));
    }
    .sv31{ width: 100%; height:auto; background-size:cover; }
    .owl-carousel .owl-dots .owl-dot{ width: 30px; }
    .mbkhung{ position:relative;  }
    .mbkhung:before{ content:'' }
    .kols-wrap, .s11wrap{ margin-top:20px; }
    .kol-item{ padding: 0 5px; }
    .sec11{ background-color:#8aaab9; }
    .sec9 .h2{ font-size:12px; }
    .s9 img{ width:33%; }
    .s9 img:nth-child(2n+1){ transform: scale(1.05); }
    .s9text strong{ font-size:11px; }
    .s9text img{ width:15px; }
	/*.khunganh{ position: relative; background:url(../imgs/home/s5khung_top.png) no-repeat top center; }
	.khunganh:before{ content:''; position: absolute; bottom: 0; left: 0; height:25%; width:100%; background:url(../imgs/home/s5khung_top.png) no-repeat top center; transform:rotateX(180deg); }*/
/*    #kols-carousel{ background:url(../imgs/home/khung_loop.png) repeat-y center; }*/
}

@media only screen and (max-width: 767px) {
	.imgsec1 .txtsec1{ position:unset; margin-top: -15%;}

}

@media only screen and (max-width: 600px) {
	.numsec1 {  flex-direction: column !important }
	.sec1 .mx-auto.w1920.mobile{ margin-top:-50px; position: relative;}
	.owl-nav-style1 .owl-nav img{ width:40px; }
	.btwrapbuttonsend {
        bottom: -98px;
    }
	.banner-home { padding-bottom: 30px; background-color:#00080b }
	.it41 p span{ width:70%;display: inline-block; }
	.owlhinhanthietbi .owl-dots{ bottom:-40px; }
	#kols-carousel .slick-arrow{ z-index: 10;}
	.s5wrapslide .owl-prev,.s5wrapslide .owl-next, .sec7 .owl-nav .owl-prev, .sec7 .owl-nav .owl-next{ top:42%!important; }  
	.owlbacsy .owl-prev, .sec7 .owl-nav .owl-prev{ left:0; }
	.owlbacsy .owl-next, .sec7 .owl-nav .owl-next{ right:0; }
	.owlhinhanthietbi .owl-prev{ left: -10%!important; }
	.owlhinhanthietbi .owl-next{ right: -10%!important; }
/*	.sec5 img.tit{  transform: scale(1.25); margin-bottom:20px; }*/
}
@media only screen and (max-width: 500px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.sec4 .s4item >div{ -width:100%; font-size: 11px; }
}
@media only screen and (max-width: 400px) {

}

@media only screen and (max-width: 375px) {

}