:root{--main-color: #003C77;--second-color: #006987;}
@font-face{font-family:HN;src:url(fonts/subset-Averta-Regular.eot);src:local('☞Averta'),local('Averta-Regular'),url(fonts/subset-Averta-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/subset-Averta-Regular.woff2) format('woff2'),url(fonts/subset-Averta-Regular.woff) format('woff'),url(fonts/subset-Averta-Regular.ttf) format('truetype'),url(fonts/subset-Averta-Regular.svg#Averta-Regular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:HNMedium;src:url(fonts/subset-Averta-Semibold.eot);src:local('☞Averta Semibold'),local('Averta-Semibold'),url(fonts/subset-Averta-Semibold.eot?#iefix) format('embedded-opentype'),url(fonts/subset-Averta-Semibold.woff2) format('woff2'),url(fonts/subset-Averta-Semibold.woff) format('woff'),url(fonts/subset-Averta-Semibold.ttf) format('truetype'),url(fonts/subset-Averta-Semibold.svg#Averta-Semibold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:HNBold;src:url(fonts/subset-Averta-Bold.eot);src:local('☞Averta Bold'),local('Averta-Bold'),url(fonts/subset-Averta-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/subset-Averta-Bold.woff2) format('woff2'),url(fonts/subset-Averta-Bold.woff) format('woff'),url(fonts/subset-Averta-Bold.ttf) format('truetype'),url(fonts/subset-Averta-Bold.svg#Averta-Bold) format('svg');font-weight:400;font-style:normal}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,body,p,a,li{font-family:HN,Arial,Verdana,sans-serif!important;letter-spacing:0;color:#1d1919}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'HNMedium',sans-serif!important}
body,p,a,li{font-size:15px}
.item-link, .item-link:hover{color:#333}
.post-item .post-item-wrap{background:none;}
.list-group-item{background:none;border: 1px solid #cacaca;}
a:active,a:focus,a:hover{color:var(--main-color)}
.lines, .lines:after, .lines:before{background-color: #fff;}
.content h1,.post-item-description h1,.heading h1,.heading h2{font-weight:700;font-size:29px;font-family:'Averta',sans-serif!important;color: var(--main-color);text-transform:uppercase;line-height: 1.3;}
.heading h1.line-ben-duoi, .heading h2.line-ben-duoi{font-size: 25px;color: var(--main-color);font-weight: 700!important;}
.heading{margin-bottom:30px}
.san-pham .heading{/* margin-top:50px */}
.san-pham .form-group{
    margin-bottom: 10px;
}
.form-san-pham{
    padding: 30px 20px 10px;
    border: 4px #c3b17f solid;
    margin: 20px;
}
.form-san-pham .heading{margin-top: 0;}
.form-san-pham .dangky .heading h2{margin-bottom:0}
p,ul,ol,pre,table{margin-bottom:10px}
.post-thumbnail-entry{
    border-bottom: 1px solid #c7c7c7;
}
ol{list-style-type:decimal}
blockquote{border-left:3px solid #1abc9c;font-size:16px;font-style:italic;padding:5px 15px}
.form-group{margin-bottom:0}
.form-group label{text-transform:none}
.blockquote-color{border-radius:4px}
img{max-width:100%;height:auto}
section{padding:40px 0;background: url(/public/upload/bg2.jpg);background-size: contain;background-position: center;}

.s0{background: var(--second-color);padding: 20px 0 25px;}
.s0 h2{
    color: var(--main-color);
    line-height: 1.1;
    font-size: 33px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.s0 h2+h2{
    font-size: 26px;
}
.gioithieu-section{background:url(../upload/bg2.jpg);background-size: contain;background-position: center;}
.borderless{border: none!important;}
.borderless td, .borderless th {
    border: none!important;
}
.lanhdao tr td:first-child{width: 27%!important}
.lanhdao tr td:first-child img{width: 100%}








.gioithieu-section p{text-align:justify}
.btn{transition:.3s;text-shadow:none!important;border:none;/* text-transform:none; *//* border-radius: 0; */font-size: 14px;}
#topbar .top-menu > li:last-child > a{margin:0}
#topbar.topbar-transparent{background-color:rgba(0,0,0,0.4);border-bottom:1px solid rgba(0,0,0,0.12)}
#topbar.topbar-mini{height:30px;line-height:30px;background:var(--main-color)}
#topbar.topbar-mini .container{height:30px;line-height:30px}
#topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{line-height:30px;height:30px}
#mainMenu nav > ul > li > a{padding: 12px 28px 11px;font-size: 14px;transition:none;color: #fff;}
#mainMenu nav > ul:last-child > li > a{
    padding: 12px 17px 11px;
}
#mainMenu nav > ul:first-child > li:first-child > a{}
#mainMenu nav>ul>li:hover>a,#mainMenu nav>ul>li.active>a{color: #ecc55b;}
#mainMenu.menu-right nav > ul > li:last-child > a{padding-right:0}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a{padding:4px 0;font-weight:400;line-height:18px;letter-spacing:-.5px!important}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content li ~ .mega-menu-title{margin-top:0}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li.mega-menu-title > a{font-weight:700;letter-spacing:-.5px!important}
#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,#mainMenu nav>ul>li .dropdown-menu>li>a,#mainMenu nav>ul>li .dropdown-menu>li>span{font-weight:500;transition:none}
#mainMenu nav > ul > li{padding:0;margin-left:0;transition:none}
#mainMenu nav > ul > li:first-child{padding-left:0}
#mainMenu nav > ul > li:last-child{padding-right:0}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{padding-bottom:0}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title a{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:15px;line-height:14px;font-weight:700;text-transform:uppercase;padding-bottom:0}
#mainMenu nav > ul > li > a:hover{cursor:pointer}
#mainMenu nav>ul>li .dropdown-menu>li>a:hover,#mainMenu nav>ul>li .dropdown-menu>li:hover>a{background:var(--main-color);color:#fff!important}
#header{background:rgba(0,0,0,0.2)}
#header #header-wrap #logo a>img{padding: 8px 0;transition:none;filter: brightness(0) invert(1);}
#header.dark #top-search form input::placeholder{color:#fff}
#header .header-extras>ul>li>a:not(.btn) i,#header .header-extras>ul>li>a:not(.btn) img{line-height:1;margin-top:27px;width:28px;text-align:center;height:28px;padding-top:7px;border-radius:20em;background: rgb(255 255 255 / 36%);transition: 0;color: #fff;}
#header .header-extras>ul>li>a:not(.btn) img{padding:0;border-radius: 20em;height:auto;width: 28px;height: 28px;border: none;}
#header .header-extras>ul>li{margin-left:10px}
#header .header-extras>ul>li .btn{background:var(--main-color);text-shadow:none;padding:10px 15px;transition:none;font-size: 15px;border-radius: 20px;}
#top-search-trigger i{line-height:80px}
#goToTop{/* bottom:135px!important; */right:28px;background-color: #f89414!important;}
#header #top-search form input,#header #top-search form input::placeholder{color:#fff}
.portfolio-image .quickview{color:#fff;display:none;font-size:13px;background-color:rgba(0,0,0,.4);text-align:center;width:100%;position:absolute;bottom:0;left:0;padding:10px;z-index:1}
.portfolio-image:hover .quickview{display:block}
.portfolio-item.no-overlay .portfolio-description h3{text-transform:initial;letter-spacing:inherit;font-weight:400;font-size:15px;line-height:1.6}
.team-members .team-member .team-image{margin-bottom:0}
.team-members.team-members-shadow .team-member .team-image > img{width:220px;margin:auto;margin-top:20px}
.btn+.btn{margin-left:7px;}
.btn-my{
 background: transparent;
 text-shadow:none!important;
 border-radius: 20px;
 /* position: relative; */
 /* display: block; */
 /* text-transform: uppercase; */
 /* text-align: center; */
 /* line-height: 38px; */
 color: #fff;
 transition: all 0.5s ease 0s;
 font-weight: 600;
 border: 1px var(--second-color) solid;
 margin-bottom: 0;
 padding: 6px
 22px;
 background: var(--main-color);
 font-size: 12px;
 }
.productCategory .btn-my{
    /* background: var(--main-color); */
    /* color: #fff; */
    /* margin-bottom: 5px; */
}
.btn.btn-light.btn-outline{border-radius: 0;}
.btn-my:hover{background-color: var(--main-color);border-color: var(--main-color);}
.btn-my:before {
    top: -50%;
}
.btn-my:hover:before {
    top: 0;
}
.btn-my:after {
    bottom: -50%;
}
.btn-my:hover:after {
    bottom: 0;
}
.btn-my:before,.btn-my:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 50%;
    margin: auto;
    background: var(--main-color);
    transition: all 0.25s ease 0s;
    z-index: -1;
}
.btn-my.active,.btn-my:hover{
    background: linear-gradient(to right, #C98E2C, #F9D86B,#C98E2C);
    border-color: var(--main-color);
    color: var(--main-color);
}
.lead{font-weight:400}
.each-product .product-image img{padding:0;transition:.2s;border:1px #ccc solid}
.each-product:hover{/* box-shadow:0 2px 10px 0 rgba(0,0,0,0.15); */transform: scale(1.05);}
.carousel .each-product .product-image img{box-shadow:none}
.carousel .each-product:hover .product-image img{box-shadow:none;transform:none}
.product-title h1 a{font-weight:400}
.icon-box.large > h3,.icon-box.large > h5{font-size:20px;font-weight:600}
.col-md-2-5{padding-left:5px;padding-right:5px;position:relative}
.product .product-title{margin-bottom:23px}
.product .product-title h3{line-height:1.5}
.product .product-title h3 a{font-size:16px!important;line-height:1.4;font-weight:600;font-family:'Averta',sans-serif!important}
.product .product-price{width:100%;float:left;margin-bottom:0;margin-top:5px;text-align:left}
.product .product-price ins{color:#E82933;font-size:15px;text-transform:none}
.product-page .product .product-image a{margin-bottom:3px;cursor:zoom-in}
.product-page .product .product-title{margin-bottom:10px;float:left;width:100%}
.product-page .product .product-title h1{font-size:26px;font-weight:700;text-transform:none}
.product-page .product .product-rate{font-size:26px;margin-bottom:12px;width:100%;float:left}
.product-page .product .product-price{float:left;width:100%;text-transform:uppercase;margin-bottom:17px}
.product-page .product .product-price ins{font-size:20px}
.product-page .product .product-price + p{float:left;width:100%}
.each-product .product-price del{margin:0;color:#777;text-transform:none;font-size:13px;font-weight:700;margin-bottom:1px;line-height:11px;margin-top:3px}
.product-page .product .product-price del{margin:0;color:#777;text-transform:none;font-size:16px;font-weight:700;margin-bottom:5px;opacity:.8}
.product-page .product .product-image .thumb{overflow:hidden}
.product-page .product .product-image .thumb>a{width:24.7%;border:1px rgba(204,204,204,0.48) solid;overflow:hidden;height:auto;float:left;margin:.2%;padding:0;cursor:zoom-in}
.widget-shop .product .product-title h3 a{font-size:12px!important}
.widget-shop .product{min-height:auto}
.widget-shop .product .product-category,.widget-shop .product .product-title{margin-top:0}
.sidebar .widget{margin-bottom:0;padding-bottom:0;border:none}
.widget-shop .product .product-price ins{font-size:14px}
.product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:0}
.product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:0}
.product-page .product .product-image .thumb>a.active{border:2px #ccc solid}
.product-page .product .product-image .main-product-img{margin-bottom:10px;padding:0}
.product-page .product-description .btn{margin-bottom:0}
.product-page .post-share{float:left;width:100%}
.product-page .post-share .fb-like{margin-top:10px}
.product-size li label span{width:auto;padding:0 5px}
.breadcumb{padding:10px 0}
.breadcumb p{margin:0;font-size:12px;color:#555;line-height:1.4}
.lienhe .widget .widget-title{color: var(--second-color);font-weight:800;font-size: 18px;}
.lienhe .widget p,.lienhe .widget a{font-size: 14px;line-height: 2;}
.pagination{overflow:hidden;margin:auto;width:fit-content}
.pagination li i{line-height:1.42857143}
.copyright-text a,.breadcumb p a,.breadcumb p i{font-size:12px}
.each-product .product-image,.each-product .product-image a{position:relative;overflow:inherit;/* margin-bottom:12px */}
.each-product .product-image img.smallLogo{position:absolute;bottom:0;right:0;padding:8px 10px;width:238px;height:auto!important;height:auto;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0;position:absolute;bottom:12px;right:0;padding:5px 10px;width:182px;height:auto!important;height:auto;border:1px #ccc solid;border-top-left-radius:.8em;background:rgba(255,255,255,0.88);margin:0}
.each-product .product-image img.smallLogo2{position:absolute;top:50%;transform:translateY(-50%);right:0;padding:2px 58px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.46);margin:0;position:absolute;transform:translateY(-50%);right:0;padding:2px 40px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.53);margin:0}
.each-product .product-description{overflow:hidden;position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(rgb(0 60 119 / 34%),#003C77);padding: 7px 9px 10px;/* background: linear-gradient(rgb(103 103 103 / 59%), #555555); */}
.san-pham .each-product .product-description{background: linear-gradient(rgb(103 103 103 / 59%), #555555);}
.each-product .product-title{margin-bottom:0}
.each-product .product-price{margin-top:0;text-align:center}
.each-product .product-title h4{font-size: 15px;line-height:1.4;text-align:center;color: #fff;text-transform: uppercase;}
.each-post .post-item-description{
    padding: 18px;
    padding-bottom: 17px;
    background: var(--main-color);
}
.each-post h4{font-size: 14px;line-height:1.4;color: #fff;margin-bottom:5px;}
.each-post h4+p{
    line-height: 1.2;
    font-size: 13px;
    color: #fff;
}
.testimonial.testimonial-box .testimonial-item{padding:20px;height:inherit!important;line-height:1.4;outline: 1px var(--main-color) solid;outline-offset: -9px;}
.testimonial .testimonial-item > img{height:90px;width:90px;border: 1px var(--main-color) solid;padding: 4px;}
.testimonial.testimonial-box .testimonial-item p{font-size:14px;padding-bottom:10px}
.testimonial.testimonial-box .testimonial-item>span{font-size:12px;margin-top:7px}
.equalize.testimonial-box .testimonial-item > span ~ span{margin-bottom:0}
.sidebar:before{display:none}
.tieu-de-h3{border-bottom: 2px #cacaca solid;margin-bottom:20px!important;margin-top:20px;font-size:22px;}
#widget-search-form-sidebar .input-group{width:100%}
#widget-search-form-sidebar .input-group .input-group-btn .btn{width:100%}
.imga{position:relative;display:block;width:fit-content;text-align:center;margin:auto}
.imga .smallLogo{position:absolute;bottom:0;right:0;padding:5px 20px;width:300px;height:auto!important;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0}
.background-overlay:before{z-index:-1;background:#000;opacity:.5}
#header #header-wrap{border:none;background: url(/public/upload/20.png?1) #3d1f37;border-bottom: 3px #fff solid;/* background: linear-gradient(#555555, #676767); */}
.tabs-content img{max-width:100%!important;height:auto}
.footer{/* background: linear-gradient(#555555, #676767); */background-size: auto 100%;background-position:center;padding: 40px 0 0;background: url('../upload/38.png');}
.google-maps{padding-bottom:62%}
.copyright-content{background:rgba(0,0,0,0.3);min-height:auto;padding:10px 0;border:none}
.copyright-content .copyright-text{color:#fff!important;text-transform:NONE;padding-top:0;line-height:20px;text-align:center}
.foot-icon{display:block;overflow:hidden;margin-top: 0;text-align: center;width: fit-content;margin: auto;}
.foot-icon a{width:43px;/* background:rgba(255,255,255,0.37); */height:43px;padding: 10px;text-align:center;float:left;/* margin-right: 9px; */transition:.2s;border-radius: 4px;}
.foot-icon a:not(:last-child){
    margin-right: 11px;
}
.foot-icon a i{color:#fff;font-size:19px;margin: 0!important;width: auto!important;}
.foot-icon a:hover{background:var(--second-color)}
.foot-icon a:hover i{color:#fdfeff!important}
.footer ul{padding:0 0 0 3px;list-style:none}
.footer ul li{margin-bottom: 8px;}
.footer ul li a{color:#C0E0DE;transition:.2s;line-height: 1.4;}
.footer ul li a i{display:none}
.footer ul li a:hover{/* position:relative; *//* padding-left:15px; *//* font-weight:700; *//* overflow:hidden; *//* display:block; *//* color:#e6f5f4; */text-decoration: underline;}
.footer ul li a:hover i{display:block;position:absolute;left:0;top:5px}
.blockquote-color{background-color:var(--second-color)}
.post-thumbnail-list{overflow:hidden}
.post-thumbnail-list .post-thumbnail-entry img{float:left;display:block;height:60px;width:80px;margin-right:16px}
.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:16px;line-height:1.4;margin-top: 0;margin-bottom: 4px;min-height: 44px;}
.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a+p{
    line-height: 1.5;
    font-size: 13px;
}
.widget .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:14px;line-height:1.4}
.post-thumbnail-list .post-thumbnail-entry a + .post-thumbnail-content{padding-top: 0;}
.post-item .post-item-description > h2,.post-item .post-item-description > h2 > a{margin-bottom:10px;line-height:1.4;color: var(--main-color);}
.post-thumbnails .post-item:not(.quote) .post-item-description{padding-top: 0;}
.post-thumbnails .post-item{padding-bottom: 0;}
.widget a{font-size:14px;transition:.2s;line-height:1.3;border-radius:0;transition:none;/* border: 1px solid #cacaca; */}
.list-group-item:first-child,.list-group-item:last-child{/* border-radius:0 */}
.list-group a.active,.list-group a:hover{font-weight:700;background-color:var(--second-color);border-color:var(--second-color);color:#fff}
.timkiem .heading{margin-bottom:23px}
.timkiem .heading h2{text-transform:none;font-weight:700;}
.timkiem form{margin-bottom:10px}
.timkiem form input,.timkiem form select{border:none;width:600px!important;padding: 9px 16px;margin:0;}
.timkiem form .btn{background: var(--second-color);border:none;padding:13px 20px;text-shadow:none!important;width:170px;text-transform:none;font-family:Averta,san-serif!important;font-size:14px;}
.timkiem form .btn i{font-size:12px;margin-left:3px;margin-right:0}
.dangky .heading h2{margin-bottom:16px;}
.dangky .heading h2+p{font-size: 18px;}
.dangky form input, .dangky form textarea, .dangky form select{width:100%!important;margin: 0;}
.dangky form .form-group{width:100%;margin-bottom: 14px;}
.dangky.san-pham form .form-group{margin-bottom: 20px;}
.dangky form .btn{/* width:100%; */text-transform: uppercase;letter-spacing: 0;}
.dangky form .btn:hover,.timkiem form .btn:hover{background:#0098DA}
.form-group{position:relative}
.form-group input+i{position:absolute;left:16px;top:14px;color:#BCBEC0!important;font-size:10px}
.each-product{margin-bottom:0;padding-bottom: 0;transition: 0.3s;}
.pageHeader{padding:60px 0}
.pageHeader .heading{margin-bottom:0}
.pageHeader a,.pageHeader i{color:#fff;font-size:12px}
.pageHeader p{margin-bottom:0}
.pageHeader h1,.pageHeader h2{color:#fff;margin-bottom:0}
.chi-tiet-bai-viet h1{font-size:24px;margin-bottom:10px;margin-top:20px;font-weight:700;color: var(--main-color);}
.chi-tiet-bai-viet h2{font-size:22px;margin-bottom:10px;margin-top:20px;font-weight:700;color: var(--main-color);}
.table td h2{margin-top:0}
.chi-tiet-bai-viet h3{font-size:20px;margin-bottom:10px;margin-top:20px;font-weight:700;color: var(--main-color);}
.chi-tiet-bai-viet h4{font-size:18px;margin-bottom:10px;margin-top:20px;font-weight:700;color: var(--main-color);}
.chi-tiet-bai-viet h5{font-size:16px;margin-bottom:10px;margin-top:20px;font-weight:700;color: var(--main-color);}
.chi-tiet-bai-viet ul{padding-left:20px}
.chi-tiet-bai-viet img{margin-top:10px;margin-bottom:10px;height:auto!important;box-shadow: 2px 2px 6px var(--main-color);border: 1px #000 solid;}
.chi-tiet-bai-viet p{text-align:justify;line-height:1.6}
.chi-tiet-bai-viet p strong,.chi-tiet-bai-viet p b{color:var(--main-color)}
.chi-tiet-bai-viet p a:not(.btn),.chi-tiet-bai-viet h2 a,.chi-tiet-bai-viet h3 a,.chi-tiet-bai-viet h4 a,.chi-tiet-bai-viet h5 a,.chi-tiet-bai-viet h6 a,.chi-tiet-bai-viet li a{color:#5769bf;border-bottom:1px #5769bf dashed}
.chi-tiet-bai-viet p a:not(.btn):hover,.chi-tiet-bai-viet h2 a:hover,.chi-tiet-bai-viet h3 a:hover,.chi-tiet-bai-viet h4 a:hover,.chi-tiet-bai-viet h5 a:hover,.chi-tiet-bai-viet h6 a:hover,.chi-tiet-bai-viet li a:hover{border-bottom:1px #5769bf solid;font-weight:700}
.chi-tiet-bai-viet .mce-toc{border:1px #ddd solid;padding:0 20px;margin-bottom:30px;border-radius:8px;background:#efefef}
.chi-tiet-bai-viet .mce-toc h2{font-size:17px}
.chi-tiet-bai-viet .mce-toc li{line-height:1.4}
.chi-tiet-bai-viet .mce-toc li a{font-size:14px;border:none;color:#111;font-weight:400;line-height:1}
/*.line-ben-duoi{width:fit-content;float:none;margin:auto;position:relative}*/
/*.line-ben-duoi:before{content:" ";width:100px;border-bottom: 3px var(--second-color) solid;position:absolute;left:50%;bottom: -12px;transform:translateX(-50%);}*/
/*.text-light .line-ben-duoi:before,.line-ben-duoi.text-light:before{border-bottom:3px #fff solid}*/
.line-hai-ben{width:fit-content;float:none;margin:auto;position:relative}
.line-hai-ben:before{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;left:-62px;top:50%}
.line-hai-ben:after{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;right:-62px;top:50%}
.text-light .line-hai-ben:before,.line-hai-ben.text-light:before,.text-light .line-hai-ben:after,.line-hai-ben.text-light:after{border-bottom:2px #fff solid}
.btn-hotline-noi{margin:0;font-size:20px;padding:23px 15px 13px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);position:fixed;bottom:16px;left:96px;border:none;z-index:999;border-radius:2em;background-color:var(--main-color)!important;transition:.3s}
.btn-hotline-noi:hover{transform:scale(1.05)}
.btn-hotline-noi span:first-child{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:11px}
.btn-hotline-noi span:last-child{font-size:21px}
.btn-hotline-noi-2{left:271px;background-color:var(--second-color)!important}
.btn-zalo-noi{z-index:2;bottom:16px;right:20px;position:fixed;border-radius:50%;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);transition:.3s}
.btn-zalo-noi:hover{transform:scale(1.05)}
.btn-zalo-noi img{width:52px}
.close{font-size:40px}
.fb-livechat{display:block}
.fb-livechat .fb-button{position:fixed;right:21px;cursor:pointer;z-index:999;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:52px;height:52px;text-align:center;bottom:76px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}
.fb-livechat .fb-button:focus,.fb-livechat .fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}
.fb-livechat .bubble{width:20px;height:20px;background:#c00;color:#fff;position:absolute;z-index:999999999;text-align:center;vertical-align:middle;top:-2px;left:-5px;border-radius:50%}
.fb-livechat .bubble-msg{width:120px;left:-140px;top:5px;position:relative;background:rgba(59,89,152,.8);color:#fff;padding:5px 8px;border-radius:8px;text-align:center;font-size:13px}
.product-sidebar .tieu-de-danh-muc{background:var(--main-color);border-radius: 4px;color:#fff;padding:8px 20px;}
.product-sidebar .list-group a i.fa{float:right;margin-top:4px}
.product-sidebar .list-group a i.fa.fa-minus{display:none}
.product-sidebar .list-group-item{padding:12px 10px;text-transform:none;letter-spacing:-.5px!important;line-height:1;font-size:14px!important;/* border-radius:0; */transition:none;}
.product-sidebar .sidebar{padding-right:15px}
.product-sidebar .sidebar-both .content{padding-left:15px;padding-right:15px}
.product-sidebar .sidebar-both .content + .sidebar{padding-left:15px}
.product-sidebar .box-thong-tin-sidebar p,.box-thong-tin-sidebar p strong,.box-thong-tin-sidebar p a{font-size:13px!important;line-height:21px!important;margin-bottom:0}
.product-sidebar .box-thong-tin-sidebar h4{font-size:16px;margin-bottom:4px}
.comments{border:none!important;padding:0!important;float:left;width:100%}
.comments .comment{padding:0}
.comments .comment .text .text_holder{margin:0}
.comments .comment .text .text_holder p{margin:0;line-height:17px}
.comments .comment .text .name{line-height:20px;margin-bottom:0}
.comments .comment .text{margin-bottom:10px}
.comments .comment img.avatar{border-radius:unset}
#google_translate_element{padding:0 10px;background:#fff;margin-top:0}
#google_translate_element .goog-te-gadget{border:none;padding:0;height:35px}
#google_translate_element .goog-te-gadget-simple{border:none;padding:0;height:35px}
#google_translate_element a,#google_translate_element span{color:#000!important;font-size:12px}
.left-bar{position:fixed;top:50%;transform:translateY(-50%);left:0;height:200px;width:50px;z-index:99}
.left-bar a{width:50px;height:50px;background-size:contain!important;z-index:999;float:left}
.left-bar a span{border:2px var(--main-color) solid;color:var(--main-color);position:absolute;width:max-content;padding:11px;background:#fff;font-size:20px;left:50px;height:50px;display:none;line-height:1}
.left-bar a:hover span{border-left:0;display:block}
#sticky-wrapper .sticky{z-index:200!important}
.doitac-section .carousel a{padding: 0px 16px;overflow:hidden;display:block;/* background:#fff */}

.doitac-section .carousel a span{width:100%;height: 90px;/* background-color:#fff; */display:block;/* filter: grayscale(100%); */transition: 0.2s;}
.doitac-section .carousel a:hover span{
    filter: grayscale(0);
}
.doitac-section .carousel a p{text-align:center}
.widget.widget-newsletter .btn{background:var(--main-color)}
.form-control{border:1px solid #ddd;/* border-radius: 0; */transition: none;-webkit-transition: none;}
select.form-control{
    background-image: url(../polo/images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 0;
}
.icon-box .icon a,.icon-box .icon i{width:auto;height:auto;display:block}
.icon-box .icon a img{/* height:75px; *//* width:auto; *//* border:2px var(--main-color) solid; *//* padding:8px; *//* border-radius:20em; *//* transition:.5s; */filter: grayscale(1) brightness(1);}
.icon-box .icon a:hover img{transform:rotate3d(0,1,1,360deg)}
.icon-box.center p,.icon-box.text-center p{font-size: 19px;line-height:1.5;text-align: center;margin-top: 0;}
.icon-box.center .icon,.icon-box.text-center .icon{margin-bottom:18px;height:auto;margin-top:19px;width:auto}
.icon-box.center h3,.icon-box.center h5,.icon-box.text-center h3,.icon-box.text-center h5{line-height:1.4;margin-right:0;color: var(--main-color);font-size: 38px;margin-bottom: 0;}
.each-post.post-item .post-item-wrap{border:1px #eee solid}
#modalSale .modal-content{position:relative;padding:0;overflow:hidden}
#modalSale .close{position:absolute;top:-7px;right:0;color:#fff;z-index:99;opacity:1;font-size:45px;font-weight:400;width:45px;background:#00000038}
#modalSale .bannerLink{display:block;position:relative;overflow:hidden}
#modalSale .bannerLink:hover{color:inherit}
#modalSale .bannerLink img{max-width:100%}
#modalSale .bannerLink .kmtext{text-align:center;padding:20px 10px}
#modalSale .form-group{width:31.8%;margin-right:1%;padding:0}
#modalSale .form-group input{border:1px #ccc solid;margin-bottom:0;width:100%}
#modalSale .form-group .btn{width:100%;border-radius:0}

.saleButton{box-shadow:0 3px 12px rgba(0,0,0,.15);position:fixed;z-index:999;border-radius:2em;bottom:23px;left:10px}
.saleButton .btn:first-child{margin:0;font-size:20px;padding:33px 8px 14px 15px;border-radius:0;border-top-left-radius:2em;border-bottom-left-radius:2em}
.saleButton .btn:first-child span:first-child{position:absolute;top:14px;left:52%;transform:translateX(-50%);font-size:13px}
.saleButton .btn:last-child{margin:0;font-size:20px;padding:33px 15px 14px 8px;border-radius:0;border-top-right-radius:2em;border-bottom-right-radius:2em;margin-left:-4px}
.saleButton .btn:last-child span:first-child{position:absolute;top:13px;left:47%;transform:translateX(-50%);font-size:13px;color:#fff}
.shop-cart .cart-product-thumbnail>a img{max-height:68px;max-width:initial}
.shop-cart .cart-product-thumbnail .cart-product-thumbnail-name{padding:0}
#header-search{display:none}
.fb_dialog{bottom:80px!important;right:17px!important}
.hotline-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--second-color);z-index:1;padding:10px}
.hotline-bar a{color:#fff;font-size:1.2em;font-style:normal}
.hotline-bar p{color:#fff;margin:0;font-size:20px;font-weight:900;font-style:italic;text-transform:uppercase}
.modal-open .modal,body{padding-right:0!important}
.qr-code{text-align:center;border:3px #fbc909 solid;padding:1px;margin-bottom:30px}
.qr-code img{width:180px;height:auto}
.qr-code p{line-height:1.5;text-transform:uppercase;font-weight:600;letter-spacing:-.6px!important}
#mainMenu nav>ul>li .dropdown-menu{margin-top:0;border-radius:0;padding:0;border:none}
#histats_counter{position:relative}
#histats_counter:before{content:' ';position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}
.table tr th p,.table tr td p{margin-bottom: 0}
.container-left{
    margin-left: calc(50vw - 535px);
}
.container-right{
    margin-right: calc(50vw - 585px);
}
.inspiro-slider .slide-captions h2{
    color: #ffffff;
    font-weight: 800;
    font-size: 2.4em;
    line-height: 1.2;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.slide p{/* text-transform:uppercase; *//* font-weight:600; *//*  *//* font-family:'Muli',sans-serif!important; */color: #fff;/* max-width: 47%; */font-size:18px;text-align: center;}
#header .header-extras .topbar-dropdown .dropdown-list{
    margin-top: 8px;
    padding: 0 7px;
    right: 0;
}
.topbar-dropdown .list-entry{}
.topbar-dropdown .list-entry img{
    height: 17px;
    width: 26px;
    margin: 0;
    display: block;
    max-width: initial;
    margin: 4px 0;
}
#header .header-extras>ul>li .topbar-dropdown>.title{
    border: 1px #ccc solid;
    line-height: 1!important;
    height: auto;
    padding: 5px;
    margin-top: 26px;
    border-radius: 4px;
}
.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.gallery-video{
    padding-top: 46.5%;
    /* display: block; */
    /* overflow: hidden; */
    position: relative;
}
.gallery .gallery-video{padding-top: 56%;}
.gallery-video i,.gallery-video img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 46px;
}
.gioithieu-section h2{
    font-size: 26px;
    margin-bottom: 3px;
}
.gioithieu-section h2:nth-child(2){
    font-size: 22px;
}
.gioithieu-section h2:nth-child(3){
    font-size: 35px;
    margin-bottom: 20px;
}
.slide-captions > div{
    width: fit-content;
    background: rgb(0 43 82 / 65%);
    padding: 20px 20px 10px;
    text-align: center;
    margin: auto;
    outline: 1px #002950 solid;
    outline-offset: 5px;
}
.footer h4{letter-spacing: -1px!important;font-size: 19px;margin-top: 51px;color: #F9D86B!important;margin-bottom: 22px;}
.footer > .container{margin-bottom:20px}
.slogan{
    margin-top: 30px;
}
.slogan p{
    text-transform: uppercase;
    letter-spacing: 6px!important;
}
.slogan .heading{
    margin-bottom: 20px;
}
.slogan h2{}
.slogan blockquote{
    font-size: 17px;
    position: relative;
    text-align: center;
}
.slogan .blockquote-fancy::before {
    color: rgba(0,0,0,.04);
    content: '"';
    display: block;
    font-size: 100px;
    left: -31px;
    position: absolute;
    top: 14px;
}

.slogan .blockquote-fancy::after {
    color: rgba(0,0,0,.04);
    content: '"';
    display: block;
    font-size: 100px;
    right: -7px;
    position: absolute;
    bottom: -33px;
    font-family: Arial;
}
.main-title-inner {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}
.main-title-inner .line-ben-duoi:after, .main-title-inner .line-ben-duoi:before, .main-title-inner:after, .main-title-inner:before {
    content: '';
    position: absolute;
    background: var(--main-color);
    transition: all .25s ease 0s;
}
.main-title-inner:before {
    top: 0;
    left: 0;
    width: 50px;
    height: 1px;
}
.main-title-inner:after {
    top: 0;
    left: 0;
    width: 1px;
    height: 15px;
}
.main-title-inner .line-ben-duoi{
    font-family: HN;
    font-weight: 400;
    text-transform: uppercase;
    color: #4db848;
}
.main-title-inner .line-ben-duoi:before {
    right: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
}
.main-title-inner .line-ben-duoi:after {
    right: 0;
    bottom: 0;
    width: 1px;
    height: 15px;
}
.main-title-inner:hover .line-ben-duoi:before, .main-title-inner:hover:before {
    width: 40%;
}
.main-title-inner:hover .line-ben-duoi:after, .main-title-inner:hover:after {
    height: 40%;
}
.hoso{
    background: var(--second-color);
    padding: 20px;
    overflow: hidden;
}
.hoso h2{
    margin-top: 0;
    font-size: 17px;
}
.hoso p{
    word-break: break-word;
}
.PJ-banner{position:relative;overflow:hidden}.PJ-banner img{width:100%;min-height:100%}.PJ-more{position:absolute;right:0;bottom:7vh;left:0;margin:auto;font-size:15px;text-align:center;cursor:pointer}.PJ-more a{position:relative;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.75);transition:all 0.25s ease 0s}.PJ-more a:hover{color:#eb622b}.PJ-more a:before,.PJ-more a:after{content:'';position:absolute;bottom:-15px;width:13px;height:1px;margin:auto;background:#fff;transition:all 0.25s ease 0s}.PJ-more a:before{transform:rotate(45deg);right:9px;left:0}.PJ-more a:after{transform:rotate(-45deg);right:0;left:9px}.PJ-more a:hover:before,.PJ-more a:hover:after{background:#eb622b}.PJ-content{margin-bottom:30px}.PJ-name{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:auto}.PJ-name h1{box-sizing:border-box;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.7);font-family:HN;text-transform:uppercase;text-align:center;color:#fff}.PJ-html{padding:30px 0 10px}.PJ-title{position:relative;margin-bottom:15px}.PJ-title-inner{display:inline-block;font-family:HN;text-transform:uppercase;color:#4db848}.PJ-title:after{content:'';position:absolute;bottom:-2px;left:0;width:70px;height:1.5px;background:#4db848}.PJ-button{position:fixed;z-index:99991}.PJ-button ul{list-style:none;padding: 0;}.PJ-button li{margin-bottom:1px}.PJ-button ul li a{position:relative;display:block;width:35px;height:35px;background: var(--main-color);cursor:pointer;transition:all 0.25s ease 0s;}.PJ-button ul li.PJ-orange a{background: #B2BEB5;}.PJ-button ul li a:hover,.PJ-button ul li a.active{/* background: var(--second-color); */}.PJ-button ul li.PJ-orange a:hover{background:#eb622b}.PJ-button ul li a i{display:block;font-size:15px;text-align:center;line-height:35px;color:#fff}.PJ-button ul li a i.fa-long-arrow-alt-left:before{content:"Back";font-family:HN;font-size:13px;font-weight:normal}.PJ-button ul li a i.fa-linkhouse{height:35px;background:url(/components/project.detail/l.png) no-repeat center / 55%}.PJ-button ul li a span{position:absolute;top:0;bottom:0;left:100%;display:flex;width:0;align-items:center;justify-content:center;margin:auto;background: #676767;font-family:HNMedium;font-size:13px;text-align:center;color:#fff;opacity:0;overflow:hidden;transition:all 0.25s ease 0s;}.PJ-button ul li.PJ-orange a span{/* background: #D4A017; */}.PJ-button ul li a:hover span{width:165px;opacity:1;background: var(--second-color);}.PJ-click{position:fixed;top:95px;left:1px;width:35px;height:35px;background:#eb622b;font-size:15px;text-align:center;line-height:35px;color:#fff;opacity:0.75;cursor:pointer;z-index:99991;transition:all 0.25s ease 0s}.PJ-click.fa-arrow-left:before,.PJ-click.fa-arrow-right:before{font-family:HN;font-size:13px;font-weight:normal}.PJ-image-inner,.PJ-video-inner{display:inline-block;width:180px;height:120px}.PJ-image-inner{background:rgba(255,255,255,0.25) url(/components/project.detail/i.png) no-repeat center / 35% auto}.PJ-video-inner{background:rgba(255,255,255,0.25) url(/components/project.detail/v.png) no-repeat center / 35% auto}@media (min-width:320px){.PJ-name h1{width:160px;padding:8px 18px;font-size:14px}.PJ-more{display:none}.PJ-title-inner{font-size:18px}.PJ-button{display:block;top:131px;left:1px;opacity:0.75}.PJ-image,.PJ-video{text-align:center}.PJ-image{margin:0 0 10px 0}}@media (min-width:480px){.PJ-name h1{width:310px;padding:15px;font-size:28px}.PJ-image,.PJ-video{float:left;width:calc(50% - 15px)}.PJ-image{margin:0 30px 0 0;text-align:right}.PJ-video{text-align:left}}@media (min-width:970px){.PJ-banner{width:100vw;height:calc(100vh - 79px)}.PJ-name h1{padding:20px}.PJ-more{display:block}.PJ-title-inner{font-size:22px}.PJ-click{display:none}.PJ-button{display:block;top:115px;left:-35px;opacity:0;transition:all 0.25s ease 0s}.PJ-button-2{left:1px;opacity:1}.PJ-scroll{left:1px;opacity:1}}.pj-img{margin-bottom:15px}.pj-img a{position:relative;display:block;overflow:hidden}.pj-img a:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(21,54,96,0.75);opacity:0;z-index:0;transition:all 0.25s ease 0s}.pj-img a:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:80px;height:92px;margin:auto;background:url(/components/project/b.png) no-repeat center / 100%;transform:translateX(-10px);opacity:0;z-index:1;transition:all 0.25s ease 0s}.pj-name{height:28px;padding-top:2px;overflow:hidden}.pj-name a{display:block;font-family:HNMedium;font-size:16px;text-transform:uppercase;text-align:center;line-height:30px;transition:all 0.25s ease 0s}.pj-add{height:18px;padding-top:2px;text-align:center;line-height:20px;overflow:hidden}.pj-item:hover .pj-img a:after,.pj-owl:hover .pj-img a:after{opacity:1}.pj-item:hover .pj-img a:before,.pj-owl:hover .pj-img a:before{transform:translateX(0);opacity:1}@media (min-width:320px){.pj-item{margin-bottom:10px}}@media (min-width:360px){.pj-item{margin-bottom:15px}}@media (min-width:410px){.pj-item{margin-bottom:20px}}@media (min-width:480px){.pj-item{margin-bottom:20px}.pj-item{float:left;width:calc((100% - 10px) / 2);margin-right:10px}.pj-item:nth-child(2n){margin-right:0}}@media (min-width:580px){.pj-item{width:calc((100% - 20px) / 2);margin-right:20px}.pj-item:nth-child(2n){margin-right:0}}@media (min-width:970px){.pj-item{width:calc((100% - 40px) / 3);margin-right:20px}.pj-item:nth-child(2n){margin-right:20px}.pj-item:nth-child(3n){margin-right:0}}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border: 1px solid #a7a6a6;}
.table-bordered {
    border: 1px solid #a7a6a6;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{border-bottom-width: 1px;}
.gioithieu-section .img1{
/*     animation: v1 1.5s infinite; */
    position: absolute;top: 28%;left: 48%;width: 43%;z-index: 2;}
.gioithieu-section .img2{
/*     animation: v2 1.5s infinite; */
    position: absolute;
    top: 32%;
    left: 10%;
    width: 42%;
    z-index: 2;
    }
.gioithieu-section .img3{
/*     animation: v3 1.5s infinite; */
    position: absolute;
    top: 5%;
    left: 30%;
    width: 38%;
    z-index: 1;
    }
    .gioithieu-section .img1.ani{animation: v1 1.5s;-webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */}
    .gioithieu-section .img2.ani{animation: v2 1.5s;-webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */}
    .gioithieu-section .img3.ani{animation: v3 1.5s;-webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */}
@-webkit-keyframes v1 {
    
    0%{ top: 36%;
    left: 65%;}
    100%{ top: 28%;
    left: 48%;}
}
@-webkit-keyframes v2 {
    
    0%{ top: 38%;
    left: 0%;}
    100%{ top: 32%;
    left: 10%;}
}
@-webkit-keyframes v3 {
    
    0%{ top: 0%;
    left: 30%;}
    100%{ top: 5%;
    left: 30%;}
}
.duan{position:relative}
.duan p{margin-bottom: 8px;}
.duan a > div{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(rgb(0 60 119 / 66%),#003C77);
    padding: 11px 5px 13px;
    /* background: linear-gradient(rgb(103 103 103 / 59%), #555555); */
}
.duan2 a > div{padding: 14px 34px 13px;}
.duan a > div p:nth-child(1){
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 800;
}
.duan2 a > div p:nth-child(1){margin-bottom: 6px;}
.duan a > div p:nth-child(2){
    font-style: italic;
    color: #fff;
    margin-bottom: 9px;
    line-height: 1.3;
}
.duan2 a > div p:nth-child(2){
    /* text-decoration: underline; */
    font-style: normal;
    line-height: 1.5;
}
.duan a > div p .btn{
    padding: 7px
 20px;
}
.footer p i{
    font-size: 24px;
    margin-right: 12px;
    width: 30px;
    text-align: center;
    margin-top: -1px;
    vertical-align: middle;
}
.diachi p i,.diachi p em{
    font-size: 24px;
    margin-right: 12px;
    width: 30px;
    text-align: center;
    margin-top: -1px;
    vertical-align: middle;
    color: var(--main-color);
}

.nutnoi{
    position: fixed;
    bottom: 84px;
    right: 0;
    z-index: 9;
    background: #fff;
    padding: 4px 27px 4px 5px;
    border-top-left-radius: 20em;
    border-bottom-left-radius: 20em;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 39%);
    transition:0.3s;
}
.nutnoi:hover{transform:scale(1.05);background:var(--second-color)}
.nutnoi img{}
.nutnoi2{
    bottom: 143px;
}
.nutnoi3{bottom: 201px;}
.nutnoi4{bottom: 259px;}
.each-linhvuc{
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px var(--main-color);
}
.linhvuc{}
.linhvuc-1{
    height: 100%;
    /* background: rgb(0 60 119 / 67%); */
    padding: 100px 30px;
    background: rgb(85 85 85 / 71%);
}
.each-linhvuc .heading{
    margin-bottom: 14px;
}
.each-linhvuc .heading h2{
    background: -webkit-linear-gradient(right, #CA902D, #F7D569,#CA902D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    text-align: left;
}
@media only screen and (max-width:1380px) {
    .grid-5-columns .grid-item,.portfolio-5-columns .portfolio-item,.post-5-columns .post-item{width:20%}
}
@media only screen and (min-width:1300px) {
    .PJ-button ul li a span {
        width: 145px;
        opacity: 1;
    }
}
@media only screen and (min-width:1200px) {
    .gioithieu-section .img1{top: 36%;
    left: 65%;}
    .gioithieu-section .img2{top: 38%;
    left: 0%;}
    .gioithieu-section .img3{top: 0%;
    left: 30%;}
    #mainMenu>.container{width:1140px}
}
@media only screen and (min-width:1024px) {
    .chi-tiet-bai-viet img{max-width: 70%!important;}
    .single-post .post-item .post-item-wrap{max-width: 860px;margin:auto;}
    #topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{float:left}
    #header #mainMenu.menu-bottom{line-height:40px;border:none;margin-top:80px;position:relative}
    #header #mainMenu.menu-bottom nav{float:left}
    #header #mainMenu.menu-bottom:before{content:' ';background:var(--second-color);position:absolute;top:0;left:-100%;width:300%;height:100%}
    #header #mainMenu.menu-bottom nav > ul > li{line-height:40px;padding:0}
    #header #mainMenu.menu-bottom nav > ul > li > a{color:#fff}
    #header #mainMenu.menu-bottom nav > ul > li:first-child{padding-left:0}
    #header #mainMenu.menu-bottom nav > ul > li:first-child a{padding-left:0}
    #header.header-menu-bottom.header-sticky.sticky-active #header-wrap{top:-80px}
    #header.header-menu-bottom #header-search{display:block;position:absolute;top:23px;left:0}
    #header-search .form-inline{margin-left:24%;width:49%}
    #header-search .input-group{width:100%}
    #header-search .input-group .form-control{display:block;float:left;width:100%;border-radius: 20px;}
    #header-search .input-group-btn{position:absolute;right:0;top:0;z-index:3;border-radius: 4px;}
    #header-search .btn{padding:12px 10px;background:transparent;color:#111;transition:none;}
    .sidebar-right .content{padding-right:0!important}
    .sidebar-left .content{padding-left:0!important}
    .single-post .post-thumbnail-list{width:100%;float:left}
    .single-post .post-thumbnail-list .post-thumbnail-entry{width:47%;float:left;clear:inherit;margin-right:3%}
    .post-thumbnail-list .post-thumbnail-entry img{width: 120px;height: 84px;margin-right:16px;float:left;display:block;}
    .sidebar .widget .post-thumbnail-list .post-thumbnail-entry img{width:60px;height:60px;margin-right:10px;float:left;display:block}
    .tienich .owl-carousel .owl-item p,.tienich .owl-carousel .owl-item p a{text-align:center;font-weight:400;font-size:8px;line-height:13px}
    .tienich .owl-carousel .owl-item p a{font-weight:700;font-style:italic}
    .tienich .owl-carousel .owl-item:not(.center) .anhtienich{padding:15px 30px;position:relative}
    .tienich .owl-carousel .owl-item:not(.center) .anhtienich:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(182,47,98,0.59)}
    .tienich .owl-carousel .owl-item:not(.center) .ghichu{opacity:0}
    .tienich .owl-carousel .owl-item .anhtienich{transition:.3s}
    .tienich .carouselX{zoom:200%;margin-left:-50%;width:200%}
    .tienich .owl-carousel .owl-nav .owl-prev{left:36%;z-index:999;zoom:.6;top:34%}
    .tienich .owl-carousel .owl-nav .owl-next{right:36%;z-index:999;zoom:.6;top:34%}
    .tienich .center{float:left!important;margin:inherit}
}
@media only screen and (max-width:1024px) {
    .container-left{margin-left:30px}
    .container-right{margin-right:30px}
    .tienich .carouselX{width:80%;margin:auto}
    #mainMenu.menu-center nav{float:none;display:inline-block;vertical-align:top;border-top:1px #ccc solid;width:100%;line-height:40px;float:left}
    #mainMenu nav > ul{margin:auto;display:block;width:fit-content}
}
@media only screen and (max-width:768px) {
    .footer{
    background-size: cover;
}
    #header #mainMenu:not(.menu-overlay) nav>ul>li>a{
 text-align:center;
 padding: 20px
 0;
 }
    .mainMenu #header #mainMenu{width: calc(100% + 40px)!important;padding-right: 0!important;}
    #header #mainMenu{
    background: var(--main-color);
    left: 0;
    margin-left: -20px;
    width: calc(100% + 40px)!important;
    padding-right: 0px!important;
}
    .container-left,.container-right{margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;}
        .btn-cart-xs{position:fixed!important;bottom:85px;left:20px;z-index:999;background:#ddd;border-radius:20em;padding:12px 6px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3)}
        .table tr th,.table tr td,.table tr td span,.table tr td p,.table tr td a{font-size:12px!important}
        .dangky form input{width:100%!important;margin-bottom:10px}
    }
    
    
    @media only screen and (max-width:768px) and (min-width:480px) {
        .col-sm-8{width:66.66666667%}
        .col-sm-4{width:33.33333333%}
    }
    @media only screen and (max-width:480px) {
        .post-thumbnails .post-item:not(.quote) .post-item-description{
    padding-top: 20px;
}
        .col-md-4.m-b-30{
    display: block;
    overflow: hidden;
}
        .slide p{display:none}
        .inspiro-slider .slide-captions h2{
    font-size: 1.4em;
}
        .duan a > div p:nth-child(1){
    font-size: 18px;
}
        .duan a > div{position:relative}
        .productCategory .btn-my{
    margin-bottom: 5px;
    width: 90%;
    margin-right: 0;
    margin-left: 0;
}
        .gioithieu-section .col-md-3{width:50%;float:left;clear:inherit}
        .gioithieu-section h2:nth-child(2){
            font-size: 17px;
        }
        .gioithieu-section h2:nth-child(3){
            font-size: 30px;
        }
        .s0 h2+h2{
            font-size: 20px;
        }
        .s0 h2{
            font-size: 27px;
        }
        .dangky .heading h2 br{display:none}
        .san-pham .col-md-4,.san-pham .col-md-3{/* width: 50%; *//* float: left; *//* clear: inherit; *//* margin-bottom: 30px; */overflow: hidden;}
        .fb_dialog{display:none!important}
        .product-page .product .product-image .thumb>a{width:33%}
        .product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:auto}
        .product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:auto}
        .product-page .product .product-image .thumb>a:nth-child(3n+1){margin-left:0}
        .product-page .product .product-image .thumb>a:nth-child(3n+3){margin-right:0}
        .each-product .product-title h4{font-size:14px;line-height:1.3}
        #topbar .top-menu > li{line-height:35px;height:30px}
        #header .header-extras > ul > li .btn{position:fixed;bottom:28px;left:10px;z-index:9999}
        .product .product-description{/* padding:0 */}
        .btn-hotline-noi{left:50%;transform:translateX(-50%)}
        .btn-hotline-noi-1{left:50%;transform:translateX(-50%);bottom:59px}
        .btn-hotline-noi-2{bottom:3px}
        .heading h1,.heading h2{font-size:19px;letter-spacing:-1px!important;line-height: 1.4;}
        .footer .dangky{padding:0 15px}
        .footer .col-md-1,.footer .col-md-2,.footer .col-md-3,.footer .col-md-4,.footer .col-md-5{overflow:hidden;/* margin-bottom:30px */}
        .fb-livechat .fb-button{bottom:75px;right:20px}
        .fb-livechat .bubble-msg{display:none}
        .content h1,.post-item-description h1{font-size:22px}
        .product-page .product .product-title h1{font-size:22px}
        #modalSale .form-group{width:100%;margin-bottom:10px}
    }
    @media only screen and (max-width:480px) and (min-width:350px) {
        .grid-layout:not(.grid-1-columns) .grid-item{ width:50%!important }
    }.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}