@font-face {
    font-family: 'RCR';
    src: url('../fonts/Roboto-Condensed.ttf');
}
@font-face {
    font-family: 'RCB';
    src: url('../fonts/Roboto-BoldCondensed.ttf');
}
@font-face {
    font-family: 'UTMSwissCondensed';
    src: url('../fonts/UTMSwissCondensed.ttf');
}
@font-face {
    font-family: 'UTMSwissCondensedBold';
    src: url('../fonts/UTMSwissCondensedBold.ttf');
}
@font-face {
    font-family: 'SVN-ArchCondensed';
    src: url('../fonts/SVN-ArchCondensed.ttf');
}

:root {
    --color-main: #ff7300;
    --bg-1: #010118;
    --bg-2: linear-gradient(#000b23, #001133);
}

.btn-primary{
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.container {
    max-width: 1200px;
}

img{max-width:100%;}
:focus{outline: none;}
a:focus{outline: none;}
sub{top: -.5em !important;}
ul{padding: 0px;margin: 0px;}
.h1, .h2, .h3, h1, h2, h3{ margin: 0px;font-size: inherit;}
body{
    background-color: #010118;
    color: #fff;
}
.no-padding{ padding: 0px !important; }
a{color:#333;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
a:hover,a:focus{text-decoration:none}
button:focus{outline: 0px !important;}
.mb10{margin-bottom: 10px;}
.p0{padding: 0px;}
.plr0{padding: 0px;}
/*Icon hotline on Mobile*/
.call_now {width: 80px;height: 80px;display: none;overflow: hidden;cursor: pointer;float: left;position: fixed;bottom: 5px;left: 5px;z-index: 999;}
.call_now_circle {width: 80px;height: 80px;top: 0;left: 0;position: absolute;border: 2px solid #f34d06;opacity: .5;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;animation: call-circle-anim 1.2s infinite ease-in-out;-moz-animation: call-circle-anim 1.2s infinite ease-in-out;-o-animation: call-circle-anim 1.2s infinite ease-in-out;-webkit-animation: call-circle-anim 1.2s infinite ease-in-out;}
.call_now_circle_fill {width: 50px;height: 50px;top: 15px;left: 15px;position: absolute;opacity: .75;background: #f34d06 none;border: 2px solid transparent;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;animation: call-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: call-circle-fill-anim 2.3s infinite ease-in-out;-o-animation: call-circle-fill-anim 2.3s infinite ease-in-out;-webkit-animation: call-circle-fill-anim 2.3s infinite ease-in-out;}
.call_now_icon {position: absolute;top: 25px;right: 25px;width: 30px;height: 30px;background-size: 24px 24px !important;background: #f34d06;border: 2px solid transparent;opacity: 1;border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;animation: call-icon-anim 1s infinite ease-in-out;-o-animation: call-icon-anim 1s infinite ease-in-out;-moz-animation: call-icon-anim 1s infinite ease-in-out; -webkit-animation: call-icon-anim 1s infinite ease-in-out;}
.call_now_icon:before {content: "\f095";font-family: FontAwesome;line-height: 28px;text-align: center;display: block;font-size: 23px;color: #fff;}
@keyframes call-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 call-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 call-icon-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)
    }
}
.row5{margin: 0px -5px;}
.row7{margin: 0px -7px;}
.row10{margin-left:-10px;margin-right:-10px;}
.animate1{-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;	}

/*CSS HẬU*/
#full{max-width: 100%;margin: 0px auto;overflow: hidden;background: var(--bg-2);}
.center{max-width:1270px;margin:0 auto;position:relative;}
.clear{display:block;clear:both;}
.img img{width: 100%;}

/*SẢN PHẨM INDEX*/
.ar_spmoi{margin: 0px 7px;border: 1px solid #cccccc;text-align: center;box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);margin-bottom: 5px;}
.img_spmoi{overflow: hidden;}
.img_spmoi img{width: 100%;transition: all 0.5s;}
.img_spmoi:hover img{transition: all 0.5s;transform: scale(1.1);}
.name_spmoi{font-family: 'arial';font-size: 14px;color: #040404;height: 34px;overflow: hidden;line-height: 17px;}
.price_spmoi{color: #fd0202;font-size: 14px;font-family: 'arial';font-weight: bold;}
.ar_name_price{padding: 10px 20px 25px;}

/*tin tức slick*/
#tintucmain{background: #ebebeb;padding: 35px 0px 70px;}
.slick_tintuc{margin: 0px -10px;}
.ar_tt{border: 1px solid #b9babc;border-radius: 10px;max-width: 365px;margin: 0px auto;}
.img_tt{overflow: hidden;border-radius: 10px 10px 0px 0px;}
.img_tt img{border-radius: 10px 10px 0px 0px;transition: all 0.5s;}
.img_tt:hover img{transition: all 0.5s;transform: scale(1.1);}
.name_des_tt{padding: 20px 15px;background: #fff;border-radius: 0px 0px 10px 10px;}
.name_tt{font-size: 18px;color: #060606;font-family: 'RCB';overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.name_tt a{color: #060606;}
.des_tt{font-family: 'Tohoma';font-size: 14px;color: #060606;text-align: justify;height: 60px;overflow: hidden;}
/*tin tức col-6*/
.ar_tintucnoibat{margin: 0px -15px;}
.name_tintuc{font-family: 'RCR';font-size: 16px;color: #282828;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;}
.name_tintuc a{color: #006cb5;}
.des_tintuc{font-size: 12.5px;color: #282828;font-family: 'arial';text-align: justify;}
.img_tintuc img{width: 100%;}
.img_tintuc{margin-bottom: 17px;overflow: hidden;position: relative;}
.img_tt_right{float: left;margin-right: 10px;overflow: hidden;position: relative;}
.main_tt{padding: 15px 0px;border-bottom: 1px dotted #8c8c8c;}
.tintuc_right{margin-top: -15px;}

/*TÌM KIẾM NÂNG CAO*/
#timkiemnangcao{background: #e1e1e1;padding: 10px 35px;margin: 30px 0px;}
#timkiemnangcao input,#timkiemnangcao select{padding-left: 15px;font-family: 'Tahoma';font-size: 14px;color: #010101;   background: #fff;border: none;height: 30px;width: 350px;}
#timkiemnangcao input.keyword_search{margin-right: 35px;}
.title_timkiem{font-family: 'RCB';font-size: 16px;color: #9f9e9b;float: left;margin-right: 80px;margin-top: 5px;}
#timkiemnangcao input.submit_search{background: #ff0000;width: 100px;height: 30px;font-family: 'Tahoma';font-weight: bold;text-transform: uppercase;color: #fff;    float: right;transition: all 0.3s;}
#timkiemnangcao input.submit_search:hover{background: #fff;color: #ff0000;    transition: all 0.3s;}


.effect:after{background: rgba(255,255,255,0.5) none repeat scroll 0 0;content: "";height: 0;left: 0;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;position: absolute;top: 0;width: 0;}
.effect:before{background: rgba(255,255,255,0.5) none repeat scroll 0 0;bottom: 0;content: "";height: 0;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;position: absolute;right: 0;width: 0;}
.effect {position: relative;overflow: hidden;display: block;}
.effect:hover:before, .effect:hover:after {height: 100%;opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;transition-duration: 1s;width: 100%;}

/*Effect 1*/
/*.img_dv{overflow: hidden;position: relative;}
.img_dv:before{pointer-events: none;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.img_dv:after{pointer-events: none;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.ar_dv:hover{background: #eee;transition: all 0.3s;}
.ar_dv:hover .img_dv:before{right: 50%;left: 50%;width: 0;background: rgba(255,255,255,0.2);}
.ar_dv:hover .img_dv:after{height: 0;top: 50%;bottom: 50%;background: rgba(255,255,255,0.2);}*/
/*Effect 2*/
/*.img_dv{position: relative;overflow: hidden;}
.img_dv img{transition: all 0.4s;width: 100%;}
.img_dv:hover img{transform: scale(1.1);transition: all 0.8s;opacity: 0.8;}
.img_dv::before,.img_dv::after {pointer-events: none;position: absolute;content: '';opacity: 0;-webkit-transition: opacity 0.7s,-webkit-transform 0.7s;transition: opacity 0.7s, transform 0.7s;z-index: 99;}
.img_dv:before {top: 20px;right: 20px;bottom: 20px;left: 20px;border-top: 1px solid #fecb33;border-bottom: 1px solid #fecb33;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.img_dv:after {top: 20px;right: 20px;bottom: 20px;left: 20px;border-right: 1px solid #fecb33;border-left: 1px solid #fecb33;-webkit-transform: scale(0,1);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.img_dv:hover::before,
.img_dv:hover::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.img_dv p {position: absolute;top: 0;display: flex; justify-content: center;align-items: center;width: 100%;height: 100%;padding: 3em 3em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;transition: opacity 0.7s, transform 0.7s;font-family: 'UTMAzuki';font-size: 18px;font-weight: bold;color: #000;z-index: 9;text-shadow: 1px 1px 1px #fff,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;}
.img_dv:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}*/
/*Effect 3*/
/*.img-sp {position: relative;}
.img-sp::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.img-sp:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {
    0% {opacity: 1;}
    40% {opacity: 1;}
    100% {width: 200%;height: 200%;opacity: 0;}
}
@keyframes circle {
    0% {opacity: 1;}
    40% {opacity: 1;}
    100% {width: 200%;height: 200%;opacity: 0;}
}*/

.img-container>img {
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* site map */
.sitemap a{display:block;padding:5px;font-weight:bold;color:#000;position:relative;}
.sitemap a:hover{color:#1f5892;  }
.sitemap a i{color:#1f5892;}
.sitemap a.sub0{padding-left:30px;}
.sitemap a.sub0:before{content:'';width:1px;height:50%;position:absolute;top:0;left:5px;background:#000;}
.sitemap a.sub0:after{content:'';width:15px;height:1px;position:absolute;top:50%;left:5px;background:#000;}

label.error{position: absolute;right: 30px;margin:0;top:50%;margin-top: -8.5px;font-size: 12px;white-space: nowrap;color: #ff5050;z-index:99;}

/* video */
.col-video{float:left;width:33.33%;padding:0px 10px;}
.item-video {float:left;width:100%;margin-bottom:20px;}

/*Gallery*/
.col-gallery{float:left;width:33.33%;padding:0px 10px;}
.item-gallery {float:left;width:100%;margin-bottom:20px;border:solid 1px #e1e1e1;padding:5px}
.item-gallery .img{float:left;position:relative; width:100%; overflow:hidden;}
.item-gallery .img a{display:block;}
.item-gallery .img a .name{position:absolute;bottom:-50%;left:0;width:100%;background:rgba(0,0,0,0.5);color:#FFF;padding:5px 10px;margin:0;font-size:15px;text-align:Center;z-index:20;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;   }
.item-gallery .img .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 20;opacity: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.item-gallery .img .mask span{position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;border-radius: 50%;border: solid 1px #FFF;background: url(../images/plus.png) no-repeat center center;margin-top: -20px;margin-left: -20px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);    }
.item-gallery .img:hover .name{bottom:0;}
.item-gallery .img:hover .mask{opacity:1;}
.item-gallery .img:hover .mask span{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);    }
.item-gallery .img img{width:100%;}

/*show news*/
.item-content-row{width:100%;padding:10px;margin:0;margin-bottom:10px;border:1px solid #eee}
.item-content-row .img{display:table-cell;width:130px;vertical-align:top;overflow: hidden;}
.item-content-row .img:hover img{transition: all 0.5s;transform: scale(1.1);}
.item-content-row .img a{float:left;width:130px;height:auto;}
.item-content-row .img a img{width:100%;transition: all 0.5s;}
.item-content-row .content{display:table-cell; vertical-align:top;padding-left:15px;color:#333}
.item-content-row .content h3.name{ margin:0px; font-size:15px;margin-bottom:5px}
.item-content-row .content h3.name a{color:#000;line-height:20px;font-weight:bold;}

/*Content news*/
.text-contents{padding: 0px 0px 10px;color:#fff}
.text-contents .name{margin:0px;font-size:18px; margin-bottom:10px;line-height:25px;font-size: 21px;font-weight: bold;}

/*Scroll Top*/
.fback-top {border-radius: 50%;position: fixed;width:40px;height:40px;line-height:35px;bottom: 5px;right: 5px;display: none;cursor: pointer;z-index: 999;background:#2f3192;box-shadow: 0px 0px 2px 1px #f5f5f5;text-align:center;font-size:30px;color:#fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.fback-top:hover{background: #ccc;}

/*Share*/
.tag_share{position:relative;float:left;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:10px;}
.fb-comments, .fb-comments span, .fb-comments iframe {  width: 100% !important; }
.like-share-page {position:relative;width:100%; margin-top:15px;}
.like-share-page .facebook{float:left;margin:0 0 5px 0;}
.like-share-page .twitter{float:left;margin:0 0 5px 5px;}
.like-share-page .google{float:left;margin:0 0 5px 5px;}

/*Bài viết liên quan*/
.relative-contents i{font-size: 7px;margin-right: 10px;}
.relative-contents a {
    color: #fff;
}
.text-contents .relative-contents ul{list-style:none;padding-left: 0px;}
.text-contents .relative-contents ul li{margin-bottom: 5px;font-size: 13px;}
.text-contents .relative-contents h3{margin:0px;margin-top:15px;margin-bottom:15px;font-weight:700;text-transform:uppercase;font-size:13px;}
.text-pages ul{padding-left: 40px;margin-bottom: 10px;}
.text-pages{overflow:hidden;text-align: justify;}
#clock{font-size: 12px;font-family: 'arial';letter-spacing: 0.5px;color: #9a9a9a;margin-bottom: 5px;}

/*Contact/Liên hệ*/
#form-contact{display: inline-block;width: 100%;background: #e9e9e9;padding: 20px 10px;}
.form-control{border-radius: 0px !important;}
.title_map{font-family: 'RCB';font-size: 16px;text-transform: uppercase;padding: 20px 0px 5px;border-bottom: 1px solid #ccc;margin-bottom: 15px;}
.title_map i{margin-right: 10px;}
.form-control{border-radius: 0px !important;}
.col_contact label{font-weight: 600;}
.input_contact{position: relative;}
.input_contact input{padding-left: 50px;}
.input_contact i{position: absolute;top: 0px;left: 0px;background: #bcbcbc;color: #056d2f;height: 34px;line-height: 34px;width: 40px;text-align: center;}
.ct_contact{margin-top: 20px;}
.button.button--aylen{background: #2f3192 !important;    width: 120px;height: 35px;color: #fff;border: none;}textarea.form-control{height: 81px;}
.input_contact{border-left: 2px solid #056d2f;border-radius: 1px;}

/* phan trang */
.pagination-page {text-align:center;margin-top: 20px;}
.pagination-page > span,
.pagination-page  a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#333;}
.pagination-page  a:hover,
.pagination-page > span{background: #2f3192;color: #fff;}

/*Footer*/
.footer {position:relative;background: url(../../images/footer.png);background-size: 100% 100%;color: #fff;width:100%; float: left;margin:0;padding: 35px 0px;font-size:14px;padding-top: 180px;}
.infomation_footer{padding-left: 0px;}.facebook_footer{padding-right: 0px;}
.title_footer{font-family: 'SVN-ArchCondensed';font-size: 55px;text-transform: uppercase;color: #fff;margin-bottom: 30px;}
.thongke_footer{padding-left: 35px;}
#copyright{margin-bottom: -5px;background: transparent;display: inline-block;width: 100%;color: #fff;padding: 12px 0px;text-align: center;margin-top: 50px;font-size: 16px;}
#copyright a{color: #fff;}
#copyright span{padding: 0px 15px;}
.pdH0{padding-left: 0px;padding-right: 0px;}
#thongtinlienhe{margin: 0px -15px;}
.thong-tin li{list-style: none;font-family: 'arial';font-size: 14px;color: #fff;line-height: 25px;}
.thong-tin li a{color: #fff;}
.thong-tin li:hover a{color: #ff0;}
.facebook-footer{width: 100%;}
.hieuung:after {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0;transform: rotate(0deg);background: rgba(255, 255, 255, 0.13);background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%,rgba(255, 255, 255, 0.13) 77%,rgba(255, 255, 255, 0.5) 92%,rgba(255, 255, 255, 0.0) 100%);}
.hieuung:hover:after {opacity: 1;top: -30%;left: -30%;transition-property: left, top, opacity;transition-duration: 0.7s, 0.7s, 0.15s;transition-timing-function: ease;}
.map_description{color: #000 !important;}

/*đối tác*/
.slick_doitac{margin: 0px -25px;}
#doitac{padding: 30px 0px;background: url(../../images/bg_doitac.png); background-size: 100% 100%;}
.item_doitac{text-align: center;margin: 0px 5px;}
.item_doitac h3{font-family: 'RCB';font-size: 16px;margin: 20px 0px 10px;color: #fff;}
.title-doitac h3{text-transform: uppercase;font-family: 'RCB';font-size: 18px;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 20px;}


/*thông báo*/
.note{font-family: 'arial';font-size: 13px;color: red;font-weight: bold; text-align: center;position: relative;display: inline-block;width: 100%;}
.note.project{color: #fff;margin-bottom: 30px;}
/*breadcrumb */
.breadcrumb{background-color: transparent !important;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px !important;font-weight: bold;border-radius: 0px !important;padding-left: 0px !important;z-index: 9;}
.breadcrumb a {color: #fff;}
/*LEFT*/
#container{padding: 25px 0px;}
#left{width: 265px;float: left;}
#right{width: 975px;float: right;}
.bao-left{ margin-bottom: 20px;}
.title-left{background: #2f3192;color: #fff;text-transform: uppercase;text-align: center;font-size: 20px;font-family: 'SVN-ArchCondensed';padding: 6px 0px;}
.ar_left{padding: 10px; line-height: 28px;border: 1px solid #e5e5e5;}
.img_qcpnvn{margin-bottom: 10px;}
.img_qcpnvn img{width: 100%;}
.img_qcpnvn:last-child{margin-bottom: 0px;}
/*left danh mục sản phẩm*/
.ar_left.menu{padding: 10px 14px 5px;}
.ar_left ul{padding-left: 0px;}
.ar_left ul li{list-style: none;font-family: 'arial';font-size: 14px;color: #282828;}
.ar_left ul li{border-bottom: 1px solid #e5e5e5;}
.ar_left ul li:last-child{border-bottom: none;}
.ar_left ul li i{font-size: 14px;}
.ar_left ul li a{color: #282828;display: block;padding: 4px 0px;display: block;}
.ar_left ul > li:hover > a{color: #006cb5;margin-left: 5px;}
.ar_left ul li img{margin-right: 13px;}

/*left hỗ trợ trực tuyến*/
.title-hotro span{color: red;font-weight: bold;}
.title-hotro i{color: #282828;font-size: 18px;}
.ar_left i{margin-right: 10px;font-size: 17px;}
.hot-line img{margin-right:10px;}
.hot-line{font-family: 'arial';font-size: 14px;color: #282828;}

/*left video*/
.list_video select{width: 100%;height: 30px;font-family: 'arial';font-size: 13px;padding-left: 10px;}
.list_video.main select{height: 40px;border: 1px solid #ccc;cursor: pointer;}
/*Left Thống kê truy cập*/
.thongketruycap{max-width: 230px;margin: 0px auto;}
.thongketruycap li{list-style: none;font-family: 'arial';font-size: 13px;line-height: 30px;color: #000;}
.thongketruycap li img{margin-right: 10px;}
.thongketruycap li span{float: right;color: #f00;font-weight: bold;}
.ngaydang{font-family: 'RR';font-size: 12px;color: #707070;margin-top: 5px;margin-bottom: 5px;}
.ngaydang i{margin-right: 8px;}
.item-pro {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

/*CHI TIẾT SẢN PHẨM*/
.sp_detail.mota{font-weight: 500;font-size: 14px;color: #5f5f5f;line-height: 23px;text-align: justify;}
.sp_detail.price_detail{font-size:14px;color:#202020;font-weight: bold;}
.sp_detail.price_detail h3{font-weight: bold;font-size: 24px;background: #eaeaea;color: #006cb5;padding: 10px;width: 100%;margin-top: 10px;}
h1.sp_detail{font-size: 18px !important;color: #000;    line-height: 27px;}
h1.sp_detail, .sp_detail{border-bottom: 1px solid #d8d8d8;padding: 10px 0px;font-weight: bold;font-size: 15px;}
.sp_detail.lienhemuahang{background: #006cb5;padding: 0px 10px;margin: 10px 0px;border-radius: 5px;color: #fff;display: inline-block;font-size: 16px;}
.sp_detail button.addcart{border: 1px solid #58a946;background: #fff;padding: 6px 14px;border-radius: 2px;transition: all 0.3s;}
.sp_detail button.addcart:hover{border: 1px solid #fff;background: #58a946;color: #fff;transition: all 0.3s;}
.sp_detail button.addcart:hover i{color: #fff;transition: all 0.3s;}
.sp_detail button.addcart i{margin-right: 10px;color: #58a946;    font-size: 20px;}

.col-share{padding: 0px;}
.sp_detail .like-share-page{margin-top: 7px;}
.sub_img_detail{margin: 0px -2px;margin-bottom: 30px;}
#product_detail{margin: 15px 0px;}
#product_detail .text{text-align:justify;line-height:2em;}
#product_detail .text img{max-width:100%;}
.img-detail-pro{margin-bottom: 20px;}
.img_detail{text-align: center;}
.sub_img_sanpham{margin: 0px auto;text-align: center;margin-top: 15px;}
.sub_img_sanpham img{border: 1px solid #ebebeb;}
.img-detail-pro {float:left;width:50%;}
.quote-pro{float:left;margin-left:20px;width: calc(50% - 30px);}
.quote-pro .box{float: left;width:100%;color:#333;}

/*Tab chi tiết sản phẩm*/
.title_tab{background: #fff;border-bottom: 2px solid #e90000;}
.title_tab li{border-radius: 5px 5px 0px 0px;cursor: pointer;float: left;list-style: none;font-family: 'arial';font-size: 15px;padding: 6px 30px;color: #000;}
.title_tab li.active{background: #e90000;color: #fff;}
.content_tab{padding: 20px 15px;border: 1px solid rgba(233,0,0,0.5);border-top: 0px;}

/*Giỏ hàng*/
.title-form{padding: 5px 0px 5px 15px;background: #e90000;color: #fff;font-weight: 500 !important;}
.ar_form{padding: 20px;border: 1px solid rgba(233,0,0,0.5);}
.tong_tt h3{text-align: right;}
.tong_tt h3 span{color: #f00;font-weight: bold;}
.button_muahang{border: 1px solid transparent;float: right;padding: 7px 20px;background: #e90000;color: #fff;margin-bottom: 20px;margin-left: 15px;border-radius: 3px;}
.button_muahang a{color: #fff;display: block;}
.button_muahang:hover{border: 1px solid #e90000;background: #fff;transform: all 0.3s;}
.button_muahang:hover a{color: #e90000;transition: all 0.2s !important;}
.container_dathang{display: none;}
.col_button{padding: 0px;}
/*Tìm kiếm*/
#timkiem{position: absolute;top: 5px;right: 5px;width: 83%;}
#timkiem input{width: 100%;border: none;height: 30px;border-radius: 2px;padding-left: 15px;font-family: 'arial';font-size: 12px;color: #aaa;}
#timkiem button{position: absolute;top: 5px;right: 5px;font-size: 13px;color: #000;background: none;border: none;}

/*Menu*/
#menu_mobile{display: none;position: relative;}
.header{background: #2f3192;}
#menu_desktop{background: transparent;z-index: 999;position: relative;padding-right: 110px;margin-top: 7px;}
#menu_desktop .center > ul > li{float: left;position: relative;border-left: 1px solid rgba(255,255,255,0.2);}
#menu_desktop ul li{list-style: none;text-transform: uppercase;font-family: 'SVN-ArchCondensed';font-size: 18px;position: relative;}
#menu_desktop .center > ul > li:first-child > a{padding-left: 0px;}
#menu_desktop .center > ul > li:first-child{border: none;}
#menu_desktop ul > li.active > a,#menu_desktop ul > li:hover > a{color: #2f3192;}
#menu_desktop ul > li > a{color: #fff;padding: 0px 30px;line-height: 40px;display: block;}
#menu_desktop ul li ul{position: absolute;top: 100%;left: 0px;min-width: 230px;background: #2f3192;z-index: 999;display: none;}
#menu_desktop ul li ul li{white-space: nowrap;text-transform: none;border-bottom: 1px solid rgba(255,255,255,0.1);font-family: 'arial';font-size: 14px;}
#menu_desktop ul li ul li a{padding: 8px 10px;line-height: 20px;color: #fff;}
#menu_desktop ul li ul li:hover a{color: #ff0;}
#menu_desktop ul li ul li:last-child{border: none;}
#menu_desktop ul li ul li ul{position: absolute;top: 0px;left: 100%;}

/*Header*/
header{position: relative;padding: 10px 0px;box-shadow: 0px 5px 5px -5px #ccc;}
.logo{float: left;}
.logo img {
    height: 95px;
}
.right-header{float: right;position: relative;z-index: 9999;}
.icon-search{position: absolute;top: 10px;left: 100%;font-size: 16px;cursor: pointer;}
.language{position: absolute; top: 17px; right: 0px; z-index: 999;}
.language img{width: 30px;height: 20px;}
/*Modal Popup*/
.modal-backdrop{position: relative !important;}
.modal-open .modal{background: rgba(0,0,0,0.5);}
/*Login*/
.modal{background: rgba(0,0,0,0.5);padding-left: 0px !important;}
.modal-backdrop{position: relative !important;}
.modal-header .close{color: #000 !important; opacity: 0.2;}
.modal-header{text-align: center;background: #1169a3 !important;color: #fff !important;text-transform: uppercase;font-weight: bold !important;}
.modal-open .modal{background: rgba(0,0,0,0.5);}
.ar_btlogin{float: right;margin-left: 20px;margin-top: 5px;}
.forget_password{font-family: 'arial';font-size: 13px;text-align: center;margin-top: 10px;}
.forget_password a{font-weight: bold;}
#main_login{background: rgba(34, 34, 34, 0.6);max-width: 650px;margin: 0px auto;margin-top: 100px;}
.title_login{border-radius: 10px 10px 0px 0px;background: #ff6000;padding: 10px;font-family: 'arial';font-size: 15px;}
.contain_box_form{width: 100%;margin: 0px auto;background: #fff;font-family: 'RobotoRegular';}
.contain_box_form label{font-weight: normal;}
.title_other_login{text-align: center;overflow: hidden;max-width: 90%;margin: 0px auto;font-family: 'RobotoRegular';color:#333;text-transform: uppercase;margin-bottom: 10px;}
.item_other_login{margin-bottom: 15px;font-size: 13px;color:#333;display: block;font-family: 'arial';}
.item_other_login .btn_other_login{width: 28px;height: 28px;background: none;outline:none;border:none;font-size: 15px;color:#fff;border-radius: 3px;margin-right: 10px;}
.item_other_login .btn_other_login.login_facebook{background: #2f4b93;}
.item_other_login .btn_other_login.login_google{background: #c43a30;}
.title_other_login span{display: inline-block;position: relative;}
.title_other_login span:after{content: "";width: 200px;height: 1px;background: #dbdbdb;position: absolute;top:5px;left: 100%;margin-left: 10px;}
.title_other_login span:before{content: "";width: 200px;height: 1px;background: #dbdbdb;position: absolute;top:5px;right: 100%;margin-right: 10px;}
.header_login{padding: 10px 10px 10px 20px; border-bottom: 1px solid #dbdbdb!important;position: relative;}
.header_login h3{font-family: 'RobotoBold';text-transform: uppercase;font-size: 18px;line-height: 32px;}
.close_form{position: absolute;top:15px;right: 10px;width: 25px;height: 25px;text-align: center;cursor: pointer;}
.close_form .fa{line-height: 25px;}
.close_form:hover{background: rgba(0,0,0,0.1);}
.left_body_form{width: 65%;padding: 20px 20px 20px 0px;border-right: #dbdbdb solid 1px;float: left;}
.right_body_form{width: 35%;padding: 20px 10px 20px 15px;    float: right;}
.notify_login{font-size: 12px;color: #999999;text-align: right;margin-bottom: 7px;}
.notify_login span{color:#f00;}
.table_form {width: 100%;}
.my_table {display: table;}
.my_row{display: table-row;}
.table_form .my_cell{vertical-align: middle;padding: 5px 0px;display: table-cell;}
.table_form .my_cell_title{color:#333;text-align: right;padding-right: 10px;font-size: 14px;}
.table_form .input_form{    border: 1px solid #c7c7c7;color: #333333;font-size: 12px;padding: 7px 5px;text-indent: 6px;-webkit-appearance: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: border .25s linear, color .25s linear;-moz-transition: border .25s linear, color .25s linear;-o-transition: border .25s linear, color .25s linear;transition: border .25s linear, color .25s linear;-webkit-backface-visibility: hidden;height: 32pxline-height: 32px;width: 100%;outline: none;}
.table_form .input_form:visited,.table_form .input_form:focus{border-color: #2882bc;}
input.checkbox_form{-webkit-appearance: none;width: 16px;height: 16px;background: url(../images/commont/bg_check_radio.png) 0px -26px no-repeat;vertical-align: middle;margin: 0px 10px 2px 0px;outline: none;border:none;}
input.checkbox_form:checked{background-position: 0px -52px;}
label.label_check_box_form{vertical-align: middle;margin-bottom: 0px;line-height: 24px;font-size: 14px;}
.left_table_form{width: 50%;float: left;}
.right_table_form{width: 50%;float: right;text-align: right;}
.href_table_form{color:#0689ba;font-size: 14px;line-height: 24px;}
.btn_form{font-family: 'RCR';width: 100%;border: none;background: #1169a3;color: #ffffff;text-decoration: none;text-shadow: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;-webkit-backface-visibility: hidden;padding: 8px 32px 8px 32px;text-transform: uppercase;}
.ar_form_dk{width: 450px;background: rgba(255,255,255,0.8);padding: 20px;float: right;}
/*Rigister*/
#form_signup{background: #fff;padding: 10px 30px;border-top: none;display: inline-block;width: 100%;}
#main_signup{background: rgba(34, 34, 34, 0.6);max-width: 450px;margin: 0px auto;margin-top: 100px;}
.ar_input,.ar_male{margin-bottom: 10px;position: relative;}
.ar_male input{margin-right: 5px;}
.ar_input input{font-size: 13px;float: left;background: #fff;border: 1px solid #ddd;line-height: 30px;padding-left: 40px;width: 100%;}
.ar_input i{border-left: 3px solid #d7070d;padding: 10px 12px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background: transparent;color: #d7070d;width: 41px;position: absolute;top: 0px;left: 0px;}
.title_infomation{color: #333;padding: 10px 0px 10px;font-family: 'arial';font-weight: bold;font-size: 15px;border-bottom: 1px solid #dedede;margin-bottom: 20px;}
input.submit_register{padding: 6px 25px;border: none;background: #d7070d;color: #fff;border-radius: 2px;}
.submit_register{float: left;margin-right: 20px;}
.login_re{float: left;line-height: 32px;font-weight: bold;}
.code_captcha{margin-bottom: 25px;}
.code_captcha img{height: 34px;float: right;}
.code_captcha input{background: #fff;border: 1px solid #ddd;line-height: 30px;padding-left: 10px;}
/*end rigister*/
.img_recaptcha{float: right;}
.button_contact{float: left;}
/*----------Loading-------------*/
#pre-loader{background: #F5F5F5;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.loader {position: relative;width: 2.5em;height: 2.5em;transform: rotate(165deg);  position: absolute;top: calc(50% - 1.25em);left: calc(50% - 1.25em);}
.loader:before, .loader:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}
.loader:before {animation: before 2s infinite;}
.loader:after {animation: after 2s infinite;}
@keyframes before {0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);}70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);}100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}}
@keyframes after {0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);}70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);}100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}}
/*----------Loading-------------*/
h1.name-company{font-weight: bold;text-transform: uppercase;font-size: 30px;color: #2142ff;text-align: right;margin-bottom: 40px;}
#about{padding: 25px 0px 50px;}
#service{background: url(../../images/bg-service.png);padding: 60px 0px 20px;}
.ar-service:before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(33,66,255,0.6);transform: rotateZ(45deg);top: 0px;left: 0px;}
.ar-service:hover:before{background: rgba(250,0,0,0.6);transition: all 0.3s;}

.info-service{z-index: 1;position: relative;}
.name-service{margin-bottom: 10px;font-family: 'SVN-ArchCondensed';font-size: 30px;text-transform: uppercase;text-align: center;color: #fff;}
.ar-service{margin-bottom: 100px;width: 235px;height: 235px;color: #fff;position: relative;display: flex;justify-content: center;align-items: center;}
.ar-service:nth-child(1){float: right;}
.ar-service:nth-child(2){clear: both;float: right;margin-top: -167px;margin-right: 168px;}
.ar-service:nth-child(3){float: right;margin-right: 100px;margin-top: -167px;}
.ar-service:nth-child(4){float: right;clear: both;margin-top: -167px;margin-bottom: 0px;}
.ar-service:nth-child(5){float: right;margin-top: -167px;margin-right: 100px;margin-bottom: 0px;}
.ar-service:nth-child(6){float: right;margin-top: -167px;margin-right: 100px;margin-bottom: 0px;}
.title-service{text-transform: uppercase;font-family: 'SVN-ArchCondensed';font-size: 55px;text-transform: uppercase;color: #fff;position: absolute;left: 0px;top: 20px;}
/*.ar-service:hover .des-service{transition: all 0.5s;display: inherit;}*/
.des-service{color: #fff;text-align: center;padding: 0px 20px;transition: all 0.5s;display: inherit;}
.title-service.green{color: #2142ff;text-align: right;position: relative;top: auto;left: auto;}
#project{padding: 70px 0px;}
.tab-project{border-bottom: 2px solid #2142ff;margin-bottom: 20px;margin-top: 30px;}
.tab-project li{cursor: pointer;list-style: none;font-family: 'SVN-ArchCondensed';font-size: 20px;color: #2142ff;text-transform: uppercase;float: left;padding: 5px 25px;}
.tab-project li.active{background: #2142ff;color: #fff;border-radius: 5px 5px 0px 0px;}
.main-project{background: url(../../images/bg.png);padding-top: 30px;}
.img-project{margin-bottom: 30px;position: relative;overflow: hidden;}
.img-project h3{text-align: center;position: absolute;bottom: 100%;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-family: 'SVN-ArchCondensed';font-size: 25px;text-transform: uppercase;color: #fff;background: rgba(0,0,0,0.4);}
.img-project:hover h3{transition: all 0.4s;bottom: 0px;}
.title-news{font-family: 'SVN-ArchCondensed';font-size: 55px;text-transform: uppercase;color: #2142ff;margin-bottom: 30px;}
.ar-news{display: flex;align-items: center;}
.img-news{width: 57%;}
.info-news{width: 43%;background: #2142ff;padding: 60px 15px;overflow: hidden;}
h3.name-news{text-transform: uppercase;color: #fff;font-size: 20px;font-family: 'SVN-ArchCondensed';margin-bottom: 15px;line-height: 25px;}
.des-news{font-family: 'SVN-ArchCondensed';font-size: 17px;color: #fff;line-height: 25px;text-align: justify;}
.view-news{font-family: 'SVN-ArchCondensed';font-size: 17px;color: #fff;margin-top: 20px;}
.view-news a{color: #fff;}
.social i{font-size: 18px;margin-right: 10px;width: 40px;height: 40px;color: #fff;background: #2142ff;line-height: 40px;border-radius: 50%;text-align: center;}
.title-lk{float: left;margin-right: 20px;font-family: 'SVN-ArchCondensed';font-size: 30px;text-transform: uppercase;color: #2142ff;}
.list_video.main{margin-bottom: 15px;}
#news{padding-bottom: 50px;}
.footer .form-control{color: #fff;background: none;border: none;border-bottom: 1px solid #fff;padding-left: 0px;font-size: 18px;}
.footer .form-group{margin-bottom: 0px;padding: 8px 0px;}
.footer .button_contact{float: right;margin-top: 15px;background: #2f3192;}
.footer .button.button--aylen{background: #2f3192 !important;}
.social-ft i{color: #fff;font-size: 25px;margin-right: 20px;}
.social-ft{margin-top: 15px;}
.col-ft:nth-child(2){padding-left: 50px;}
.col-ft:nth-child(1){margin-top: 95px;}
.footer{font-family: 'SVN-ArchCondensed';font-size: 20px;}
.s_desktop{position: absolute;right: -17px;height: 35px;bottom: -58px;display: none;}
.s_desktop input{width: 300px;height: 35px;padding-left: 15px;background: #fff;border: 1px solid #ddd;font-size: 13px;}
.s_desktop button{position: absolute;top: 5px;right: 10px;background: none;border: none;}
h1.name-project{font-family: 'SVN-ArchCondensed';font-size: 36px;text-transform: uppercase;margin-bottom: 30px;color: #2142ff;margin-top: 30px;}

.title-home1 h1, .title-home1 h2, .title-home1 h3 {
        text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #ff7300;
    font-size: 32px;
    font-weight: bold;
}

.our-effect .img {
    position: relative;
    padding: 0 0 15px 15px;
    height: 280px;
    /* padding-bottom:70%; */
    /* overflow:hidden; */
}

.wellcome_link {
    padding: 3rem 0 2.5rem 0;
}

.our-effect .img img {
    /* position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0; */
    object-fit: cover;
    width: 100%;
    height: 265px;
}

.our-effect .img:before {
    content: "";
    position: absolute;
    border: 3px solid #ff73009c;
    left: 0;
    top: 20px;
    bottom: 0;
    right: 20px;
    pointer-events: none;
}

section.sec-sukien {
    /* background: url("../bg2/bg-11.jpg");
  background-size: cover;
  background-attachment: fixed; */
    background: var(--bg-2);
}

section.sec-sukien h1,
section.sec-sukien h2 {
    font-size: 32px;
}

.item-sukien {
    position: relative;
    float: left;
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.item-sukien a{
    display: block;

}

.item-sukien .info {
    position: relative;
    text-align: center;
    /* background:#fff; */
    padding: 10px 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.item-sukien .info a {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color-main);
    text-align: center;
    display: block;
}

.item-sukien h3 {
    margin-bottom: 1rem;
}

.item-sukien h3 a{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color-main);
    text-align: center;
    display: block;
}

.wellcome {
    background: var(--bg-2);
    padding: 2rem 0;
}

.wellcome__title {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.content-wellcome {
    color: #fff;
}

.box-video {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--bg-1);
}

.item-partner a {
    background: #fff;
    display: block;
}

.sec-sukien-new {
        padding: 20px 0;
    margin-top: -5px;
    background: var(--bg-2);
}

.box-video {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--bg-1);
}

.item-video2 {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.item-video2 i.fa-play {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 21px;
    margin-left: 6px;
    color: #fff;
    z-index: 100;
}

.item-video2:before {
    /* content:""; */
    transition: all 0.2s linear;
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-color: #000; */
    opacity: 0.3;
}

.item-video2:after {
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 60px;
    height: 40px;
    /* border: 1px solid #fff; */
    border-radius: 5px;
    background-color: #000;
    opacity: 0.6;
}

.item-video2:hover:before {
    opacity: 0;
}

.slidie-video-home .nav-slide-video {
    background-color: #ffffff80;
    color: #202020 !important;
    margin: 15px 0;
    height: 50px;
    line-height: 40px;
}

.slidie-video-home .nav-slide-video.uk-slidenav-previous {}

.box-video .owl-carousel.owl-videoHome .owl-prev,
.box-video .owl-carousel.owl-videoHome .owl-next {
    font-size: 43px;
    opacity: 1;
    color: #ff7300;
    height: 50px;
    width: 50px;
    background-color: #ffffffbd;
    border-radius: 50%;
    line-height: 17px;
    top: 115px;
}

.item-video2 span {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff7300;
    color: #ffff;
    z-index: 100;
    padding: 2px 10px;
    border-radius: 5px;
}

.newsHome {
    background: var(--bg-2);
}

.col-sukien:nth-child(3n+1) {
    clear: both;
}

.newsHome,.sec-sukien {
    padding: 20px 0;
}

.sec-xuhuong {
    padding: 20px 0;
    min-height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-xuhuong a{
    display: table;
    margin: auto;
}

.footer__title {
    font-size: 5rem;
    color: var(--color-main);
    text-transform: capitalize;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20rem;
}

.footer__label {
    color: #fff;
    font-size: 3rem;
}

.banner_page {
}