@font-face{font-family:'UTM Caviar';src:url(UTMCaviar.woff2) format("woff2"),url(UTMCaviar.woff) format("woff");font-weight:300;font-style:normal}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,body,a,span,strong,li{font-family:UTM Caviar,san-serif!important;letter-spacing:0;color:#F6F6F6}
p,body,a,span,strong,li{font-size:14px}
.content h1,.post-item-description h1,.heading h1,.heading h2{font-weight:400;font-size:32px;font-family:'UTM Caviar',sans-serif!important}
blockquote{border-left:3px solid #1abc9c;font-size:16px;font-style:italic;padding:5px 15px}
img{max-width:100%}
#mainMenu nav > ul > li > a{padding: 31px 17.4px;font-family:"UTM Caviar",sans-serif;font-size:15px;color:#fff;height:80px;font-weight:400;}
#header{background:transparent}
#header #header-wrap{background-color: rgba(0, 106, 115, 0.8)!important;}
#header #header-wrap #logo a > img{height:160px;width:110px}
#header #header-wrap #logo a{/* overflow:hidden; */display:block;/* position:absolute; *//* top:0; *//* left:0; */width:110px;}
#header #header-wrap #logo{width:110px}
#header.header-sticky.sticky-active #header-wrap{background-color: rgba(0,107,115,0.84)!important;}
#mainMenu nav > ul > li > a:hover{color:#e2ba6a;background:rgba(255,255,255,0.08);position:relative}
#mainMenu nav > ul > li > a:after{
   content:" ";
   background:url(./upload/menu.png);
   position:absolute;
   bottom:17px;
   left:50%;
   transform:translate(-50%);
   width:100px;
   height:13px;
   background-size:140%;
   background-position:center;
   opacity:0;
   transition: opacity .4s ease-in-out;
   -moz-transition: opacity .4s ease-in-out;
   -webkit-transition: opacity .4s ease-in-out;
   }
#mainMenu nav > ul > li > a:hover:after{opacity: 1;}
.menu-english img{width:22px}
#mainMenu nav > ul > li > a.menu-english:hover:after{display:none}
.section-hotline{
    position: fixed;
    bottom: 30px;
    right: 0;
    left: 0;
    z-index: 1;
}
.container-hotline{}
.btn-hotline{float: right;/* bottom: 0; *//* right:0; *//* z-index: 999; */width:186px;/* border-top-left-radius: 12px; *//* border-bottom-left-radius: 12px; */box-shadow: 0px 0px 20px 0px rgba(21, 46, 39, 0.68); border-radius: 5px;}
.btn-hotline .hotline-box{/* position:absolute; *//* right:0; *//* top:0; *//* width:70%; *//* height:100%; */}
.btn-hotline .modal-box{position:absolute;left:0;top:0;width:30%;height:100%}
.slider-parami{position:relative;height:0;overflow:initial}
.slider-parami .slider-overlay{position:absolute;z-index:2;width:100%;height:auto;bottom:0;margin:0}
.slider-parami .slider-overlay img{width:100%}
p span,li span{color:#e2ba6a}
section h2:not(:last-child),section .h2:not(:last-child){text-transform:uppercase;font-weight:400;font-size:2.557143em;color:#e2ba6a;position:relative;margin-bottom:50px}
section h2:after{content:" ";position:absolute;bottom:-22px;left:3px;width:80px;border-bottom:2px #c09441 solid}
section h2:not(.text-left){text-align:center}
section h2:not(.text-left):after{left:50%;transform:translateX(-50%)}
.section1{background:#006b73;padding-top:40px;padding-bottom:0}
.section2{padding-top:20px;padding-bottom:20px;background:#006b73}
.section2 ul{padding-left:22px;list-style:none}
.section2 ul li::before{content:"\2022";color:#e2ba6a;font-weight:700;display:inline-block;width:1em;margin-left:-1em}
.section2 ul+p{color:#e2ba6a;font-size:16px;margin-left:21px}
.section2 .fluid-width-video-wrapper{margin-top:18px;border-radius:10px;overflow:hidden}
.section3{background:#fcf9eb}
.section4{position:relative;padding-bottom:0;background:url(./upload/bg2.png);background-size:cover;background-position:center}
.section4 img{position:absolute;right:0;top:100px;width:50%}
.section4 h2:not(:last-child),.section7 h2:not(:last-child),.section8 h2:not(:last-child),.section9 h2:not(:last-child),.section10 h2:not(:last-child),.section11 h2:not(:last-child),.section12 h2:not(:last-child){color:#006b73}
.section4 h2:after,.section7 h2:after,.section8 h2:after,.section9 h2:after,.section10 h2:after,.section11 h2:after,.section12 h2:after{border-color:#006b73}
.section4 p{color:#006b73}
.section4 p:last-child{text-transform:uppercase;font-size:18px;color:#e2ba6a}
.section5{background:url(./upload/bg3.png);background-size:100% 100%}
.section6{text-align:center;padding-bottom:20px;padding-top:20px;background:#006b73}
.section6 h2:not(:last-child),.section6 .h2:not(:last-child){line-height:1;text-align:left!important;width:fit-content;margin:auto;padding-left:60px;margin-bottom:46px;color:#e2ba6a}
.section6 h2 span{font-size:2.557143em;line-height:1;position:absolute;left:0;top:-19px;color:#e2ba6a}
.section6 .row+p{color:#e2ba6a;font-size:22px;margin-bottom:20px;margin-top:40px}
.section6 .col-md-3 p:first-child{margin-bottom:0}
.section7{padding-top:170px;padding-bottom:0;background:url(./upload/bg4.png);background-size:cover;background-position:top}
.section7 h2+p{width:fit-content;margin:auto;margin-bottom:30px}
.section7 h2+p a{color:#152e3f;text-transform:uppercase;font-size:18px;margin:0;padding: 8px 15px 10px;transition:.2s;border-radius:2em;position:relative;}
.section7 h2+p a:first-child:after,.section7 h2+p a:nth-child(2):after{border-right:1px #152e3f solid;content:" ";position:absolute;right:0;top:10px;height:20px}
.section7 h2+p a:not(.nohover):hover,.section7 h2+p a.active:not(.nohover){background:#152e3f;color:#fcf9eb}
.section8{background:#fcf9eb;padding-bottom:0}
.section8 a p{
    color: #000;
    text-align: center;
    margin-top: 2px;
    font-size: 12px;
}
.section9{background:url(./upload/bg6.png);background-size:cover;background-position:center;padding-bottom:0}
.section9.tienich .owl-item .image-hover-zoom{height:500px;background-size:contain;background-position:center}
.section10{background:url(./upload/bg5.png);background-size:cover;background-position:center;padding-bottom:0}
.section10 .chinh-sach{border:1px #e2ba6a solid;border-radius:20px;background:#fff;padding-bottom: 50px;margin-bottom:150px;}
.section10 .chinh-sach h2{width:fit-content;margin:auto;margin-top:-33px;margin-bottom:63px;background:#fff;padding:0 40px}
.section10 .chinh-sach .col-md-3:not(:last-child){border-right:1px #e2ba6a solid}
.section10 .chinh-sach .col-md-3 p{text-align:center;color:#666;line-height:1.4;margin-bottom:0}
.section10 .chinh-sach .col-md-3 p{transition: transform .2s;}
.section10 .chinh-sach .col-md-3:hover p{transform: scale(1.1);}
.section10 .chinh-sach .col-md-3 p span{font-size:27px;text-transform:uppercase}
.section11 a{overflow:hidden;display:block}
.section11 p{margin-bottom:15px;color:#006b73}
.section11 p+p{text-transform:uppercase;line-height:1.4;margin-bottom:8px}
.section11 p+p+p{color:#999;text-transform:none;font-size:11px}
.section12{background:#fcf9eb;padding-bottom:20px}
.dang-ky-box{background:#fff;border-radius:20px;text-align:center;padding:50px 80px;box-shadow:0 2px 20px 0 rgba(21,46,39,0.09)}
.dang-ky-box h2{margin-bottom:60px}
.dang-ky-box form .col-sm-4 input{border:none;border-bottom:1px #006b73 solid;border-radius:0;font-style:italic}
.dang-ky-box form .btn{background:#006b73;color:#E6D4B4;padding:12px 40px;margin-top:20px}
.dang-ky-box form .btn:hover{background:#2c5d4f}
.cuoi-trang{background:url(./upload/bg8.png);background-size:cover;background-position:top;padding-top:200px;padding-bottom:20px}
.cuoi-trang h4{text-transform:uppercase;color:#E6D4B4;position:relative;margin-bottom:43px}
.cuoi-trang h4:after{content:" ";width:40px;border-bottom:2px #e6d4b4 solid;position:absolute;bottom:-12px;left:0}
.cuoi-trang p{margin-bottom:0}
.cuoi-trang p.ten-cong-ty{color: #e6d2a9;text-transform:uppercase;font-weight:300;font-size:20px;letter-spacing:1px!important;margin-bottom:24px;}
.cuoi-trang h5{color:#E6D4B4;text-transform:uppercase}
.cuoi-trang img{height:98px}
.cuoi-trang .social{width:100%;overflow:hidden;margin-bottom:15px;margin-top:16px}
.cuoi-trang .social a:first-child{width:45px;height:45px;padding:13px;text-align:center;float:left;margin-right:9px;border-radius:5px;font-size:20px;background: #038792;}
.cuoi-trang .social a:last-child{margin-top: 7px;float: left;margin-left: 13px;}
.cuoi-trang .social a:hover{color: #006a73;}
.cuoi-trang ul{padding-left:15px;list-style:none}
.cuoi-trang ul li::before{content:"\2022";color:#e2ba6a;font-weight:700;display:inline-block;width:1em;margin-left:-1em}
.chi-tiet-tin h2{color:#666;margin-bottom:5px}
.chi-tiet-tin p{color:#666}
.chi-tiet-tin img{border-radius:10px;margin-top:10px;margin-bottom:10px}
button.close{font-size:38px;color:#666;opacity:.5;position:absolute;top:-14px;right:0;line-height:1}
.dang-ky-modal{text-align:center}
.dang-ky-modal input{border:none;border-bottom:1px #006b73 solid;border-radius:0;font-style:italic}
.dang-ky-modal .btn{background:#006b73;color:#E6D4B4;padding:12px 40px;margin-top:20px}
.dang-ky-modal h2{color:#666;text-transform:uppercase;font-size:22px;margin-bottom:27px}
.owl-item img{height:auto}
.animated{visibility:visible;opacity:1!important}
.chi-tiet-tin,.chi-tiet-tin p,.chi-tiet-tin span,.chi-tiet-tin em,.chi-tiet-tin li,.chi-tiet-tin strong {color:#111!important;background: transparent!important;}
.chi-tiet-tin p{margin-bottom:10px}
.nut-noi{
    position: fixed;
    right: -118px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin: 0;
    padding: 0;
    width: fit-content;
    /* background: red; */
    /* width: 200px; */
}
.nut-noi p{
    margin-bottom: 15px;
}
.nut-noi a{
    width: 100%;
    right: 74px;
    background: #006b73;
    padding: 8px 50px 10px 17px;
    border-radius: 2em;
    transition: 0.2s;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.42);
}
.nut-noi a:hover{margin-left: -78px;color: #fff;}
.nut-noi a i{
    margin-right: 5px;
    width: 14px;
    text-align: center;
}
.nut-noi a+a{}
.nut-noi a+a+a{}


/*.effect-shadow{
  position: relative;}
  .effect-shadow:before, .effect-shadow:after{
    z-index: -1;
    position: absolute;
    content: '';
    bottom: 1em;
    width: 50%;
    top: 80%;
    background: #006972;
    box-shadow: 0 1em 1em #006972;
  }
  .effect-shadow:before{
    transform: rotate(-5deg);
    left: 0em;
  }
  .effect-shadow:after{
    transform: rotate(5deg);
    right: 0em;
  }*/

@media only screen and (min-width:1025px) {
#mainMenu nav > ul > li > a.menu-taitailieu:hover:after{display:none}
#mainMenu nav > ul > li > a.menu-taitailieu{width:100px;display:block}
#mainMenu nav > ul > li > a.menu-taitailieu i{position:absolute;left:50%;transform:translate(-50%);font-size:23px;top:22px;width:28px;margin:0;padding:0}
#mainMenu nav > ul > li > a.menu-taitailieu span{position:absolute;left:50%;transform:translate(-50%);font-size:9px;color:#fff;width:52px;top:47px}

.section3 .ban-do{position:relative}
.section3 .hand{
    position: absolute;
    bottom: 300px;
    width: 50px;
    left: 300px;
}
.section3 .ban-do img{
    cursor: pointer;
}
.section3 .ban-do .ban-do-text{position:absolute;bottom:-70px;left:70px;background:#006b73;width:50%;border-radius:20px;box-shadow:0 2px 10px 0 #006b73;padding:30px 40px;text-align:justify}
.section3 .hidethis{
    position: absolute;
    right: 40px;
    font-size: 50px;
    z-index: 1;
    color: rgba(255, 255, 255, 0.24);
}
.tienich .carouselX{zoom:150%;margin-left:-25%;width:150%}
.tienich .owl-carousel .owl-nav .owl-prev{left:32%;z-index:999;zoom:.6;top:34%}
.tienich .owl-carousel .owl-nav .owl-next{right:32%;z-index:999;zoom:.6;top:34%}
.section8 .carouselX{zoom:120%;margin-left:-10%;width:120%}
.section8 .owl-carousel .owl-nav .owl-prev{left:21%;z-index:999;zoom:.6;top:43%}
.section8 .owl-carousel .owl-nav .owl-next{right:21%;z-index:999;zoom:.6;top:43%}
.section7 .owl-carousel{width: 80%;margin: auto;}
}
#mainMenu nav > ul > li.menuicon{}
#mainMenu nav > ul > li.menuicon a{
    padding: 31px 4.2px;
}
#mainMenu nav > ul > li.menuicon a:hover:after{display:none}
#mainMenu nav > ul > li.menuicon a:hover{background:transparent}
#mainMenu nav > ul > li.menuicon a i{margin:0;font-size: 17px;}
#mainMenu nav > ul > li.menuicon:last-child a{padding-right:0;}
@media only screen and (max-width:1024px) {
#mainMenu nav > ul > li > a{padding:31px 8px;font-size:13px}
#mainMenu nav > ul > li > a span{color:#fff}
.section3 .ban-do .ban-do-text{background:#006b73;border-radius:20px;box-shadow:0 2px 10px 0 #006b73;padding:30px 40px;text-align:justify;margin-top:20px}
.section3 .hand{display: none;}
}
@media only screen and (max-width:768px) {
  
#header #header-wrap #logo{float: right;margin:auto!important;}
#header.header-transparent #header-wrap .lines,#header.header-transparent #header-wrap .lines:before,#header.header-transparent #header-wrap .lines:after,#header.dark.header-transparent #header-wrap .lines,#header.dark.header-transparent #header-wrap .lines:before,#header.dark.header-transparent #header-wrap .lines:after,#header.dark.header-colored #header-wrap .lines,#header.dark.header-colored #header-wrap .lines:before,#header.dark.header-colored #header-wrap .lines:after,#header.dark.header-colored-transparent #header-wrap .lines,#header.dark.header-colored-transparent #header-wrap .lines:before,#header.dark.header-colored-transparent #header-wrap .lines:after{background-color:#fff}
#mainMenu nav > ul > li > a{height:auto;color:#fff!important}
h2.text-left{text-align:center!important}
section h2:after{left:50%;transform:translateX(-50%)}
.section7 h2+p a{padding:8px 12px 10px;font-size:15px}
.cuoi-trang h4{margin-top:30px}
}
@media only screen and (max-width:480px) {
#header #header-wrap #logo a > img{height: 80px;width:auto;}
.section6 h2:not(:last-child),.section6 .h2:not(:last-child){font-size:2.057143em;padding-left:45px}
.section6 h2 span{top:-14px}
.section6 .col-md-3 p{
    float: left;
    width: 20%;
}
.section6 .col-md-3 p+p{
    width: 80%;
    text-align: left;
}
.section7 h2+p a{width:100%;float:left;text-align:center}
.section7 h2+p{width:100%;overflow:hidden;display:block}
.section10 .chinh-sach .col-md-3:not(:last-child){border:none;margin-bottom: 30px;}
.section10 .chinh-sach{margin-bottom:40px}
section h2:not(:last-child),section .h2:not(:last-child){font-size:1.557143em}
.section10 .chinh-sach h2{margin-top:-16px}
.section7 h2+p a:first-child:after{display:none}
.dang-ky-box{padding:20px}
.owl-dots{display: none!important;}
#header #header-wrap{/* background-color: transparent!important; */}
#header{position:fixed}
#header #header-wrap #logo a{
    right: 0;
}
}
@media only screen and (max-width:390px) {
.section3 .ban-do .ban-do-text{padding:20px}
.section6 h2:not(:last-child),.section6 .h2:not(:last-child){font-size:1.457143em}
}