@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: 'utmalberta';
    src: url('../fonts/utm-alberta-heavy.ttf');
}
:root {
    --blue: #1b2946;
}
/*b, strong{
	font-family: UTMSwissCondensedBold !important;
    font-weight: initial !important;
}
.text-contents b, .text-contents strong{
	font-family: initial !important;
    font-weight: bold !important;
}*/
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{font-size: inherit;margin-top: 15px;margin-bottom: 10px;}
body{font-family: 'RCR';font-size: 14px;}
body strong, body b{
	font-family: 'RCB';
}
.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;overflow: hidden;cursor: pointer;float: left;position: fixed;bottom: 35px;right: -5px;z-index: 999;}
.call_now_circle {width: 50px;height: 50px;top: 15px;left: 15px;position: absolute;border: 2px solid #1182fc;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: #1182fc 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: #1182fc;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;}

/*facebook*/
.chat-facebook{position: fixed;bottom: 70px;right: 0px;z-index: 9999999;right: 5px;}
.i-facebook{cursor: pointer;}
.ar-chat{padding: 10px;margin-top: 12px;width: 350px;display: none;}
.ar-fb{position: fixed;bottom: 145px;right: -5px;z-index: 999;}
.call_now1 {width: 80px;height: 80px;overflow: hidden;cursor: pointer;float: left;}
.call_now_icon1 {position: absolute;top: 25px;right: 25px;width: 30px;height: 30px;background-size: 24px 24px !important;background: #1182fc;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%;}
.call_now_icon1:before {content: "\f09a";font-family: FontAwesome;line-height: 28px;text-align: center;display: block;font-size: 23px;color: #fff;}
.call_now1 .call_now_circle,.call_now1 .call_now_circle_fill{right: 15px;left: auto;}
/*zalo */
.call_now2 {width: 80px;height: 80px;overflow: hidden;cursor: pointer;position: fixed;bottom: 90px;right: -5px;z-index: 999;}
.call_now_icon2 {position: absolute;top: 25px;right: 25px;width: 30px;height: 30px;background-size: 100% !important;background: #1182fc url(../../images/zalo.png) no-repeat;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%;}

.link_tiktok {width: 80px;height: 80px;overflow: hidden;cursor: pointer;position: fixed;bottom: 200px;right: -5px;z-index: 999;}
.link_icon_tiktok {position: absolute;top: 25px;right: 25px;width: 30px;height: 30px;background-size: 100% !important;background: #1182fc url(../../images/ic-tiktok.png) no-repeat;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%;}

@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;}
.center{max-width:1140px;margin:0 auto;position:relative;}
.clear{display:block;clear:both;}
.img img{width: 100%;}

.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%;}
.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;}
.hieuung{position: relative;overflow: hidden;display: block;}

/*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;}
}*/

/* 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;font-family: 'RR';}
.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-family: 'RR';font-weight: bold;}

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

/*Scroll Top*/
.fback-top {border-radius: 50%;position: fixed;width:30px;height:30px;line-height:29px;bottom: 8px;right: 21px;display: none;cursor: pointer;z-index: 999;background:#2382e4;box-shadow: 0px 0px 2px 1px #f5f5f5;text-align:center;font-size:20px;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;}
.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{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: var(--blue) !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: var(--blue);color: #fff;}

/*Footer*/
.infomation_footer{padding-left: 0px;}.facebook_footer{padding-right: 0px;}
.title_footer{font-family: 'RCB';font-size: 16px;color: #fff;text-transform: uppercase;margin-bottom: 15px;}
.thongke_footer{padding-left: 35px;}
#copyright{text-align: center;background: var(--blue);border-top: 1px solid #fff;display: inline-block;width: 100%;font-family: 'arial';font-size: 12px;color: #fff;padding: 20px 0px;}
#copyright a{color: #fff;}
.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%;}
.map_description{color: #000 !important;}

/*đối tác*/
.slick_doitac{margin: 0px -10px;}
#doitac{padding: 40px 0px 40px;background: #f6f6f6;}
.item_doitac{text-align: center;margin: 0px 5px;border: 1px solid #aaa;}
.item_doitac h3{font-family: 'RCB';font-size: 16px;margin: 20px 0px 10px;}
.title-doitac h3{text-transform: uppercase;font-family: 'RCB';font-size: 18px;color: #5a664e;border-bottom: 1px solid #5a664e;padding-bottom: 10px;margin-bottom: 20px;}
.slick_doitac .slick-slide{height: auto;}
/*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%;}

/*breadcrumb */
.breadcrumb{background-color: #fff !important;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px !important;font-family: 'RCB';border-radius: 0px !important;padding-left: 0px !important;}

/*LEFT*/
#container{padding: 25px 0px;}
#left{width: 265px;float: left;}
#right{width: 860px;float: right;}
.bao-left{ margin-bottom: 20px;}
.title-left{background: var(--blue);color: #fff;text-transform: uppercase;text-align: center;font-size: 17px;font-family: 'RCR';padding: 7px 5px;}
.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: 5px 0;}
.ar_left ul{padding-left: 0px;background-color: #fff;z-index: 1;}
.ar_left ul li{list-style: none;font-family: 'arial';font-size: 14px;color: #282828;position: relative;padding: 0 10px;}
.ar_left ul li ul{position: absolute;left: 100%;top:0;opacity: 0;transform: translateY(-20px);visibility: hidden;background-color: #fff;width: 100%;transition: all .6s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.ar_left ul li:hover ul{opacity: 1;transform: translateY(0);visibility: visible;}
.ar_left ul li ul li a{display: block;background-color: #fff;}
.ar_left ul li i{font-size: 14px;}
.ar_left ul li a{color: #282828;display: block;padding: 4px 0px;display: block;border-bottom: 1px solid #e5e5e5;}
.ar_left ul li:last-child a{border-bottom: none;}
.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-family: UTMSwissCondensedBold;}
.title-hotro i{color: #282828;font-size: 18px;}
.ar_left i{margin-right: 10px;font-size: 17px;}
.hot-line img{margin-right:10px;width: 15px;}
.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;}

/*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;}
.sp_detail.price_detail .prc{font-size: 24px;background: #eaeaea;color: red;padding: 10px;width: 100%;margin-top: 10px;font-family: 'RCB';}
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;font-family: 'RCB';}
.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 var(--blue);background: #fff;padding: 6px 14px;border-radius: 2px;transition: all 0.3s;font-family: 'RCB';}
.sp_detail button.addcart:hover{border: 1px solid #fff;background: var(--blue);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: var(--blue);    font-size: 20px;}

.col-share{padding: 0px;}
.sp_detail .like-share-page{margin-top: 7px;}
.sub_img_detail{margin: 0px -9px;}
#product_detail{margin: 25px 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;width: 100px;height: auto;}
.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 #ef3138;}
.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: var(--blue);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: #ef3138;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: #ef3138;color: #fff;margin-bottom: 20px;margin-left: 15px;border-radius: 3px;}
.button_muahang a{color: #fff;display: block;}
.button_muahang:hover{border: 1px solid #ef3138;background: #fff;transform: all 0.3s;}
.button_muahang:hover a{color: #ef3138;transition: all 0.2s !important;}
.container_dathang{display: none;}
.col_button{padding: 0px;}

.d-flex{display: flex;}
#menu_desktop .center{justify-content: space-between;align-items: center;}
.lang-menu{display: flex; align-items: center;min-width: 82px;}
.lang-menu .name{color: #fff;text-transform: uppercase;display: flex;align-items: center;cursor: pointer;}
.lang-menu .name span{display: block;padding-left: .5rem;}
.lang-menu .nav-lang{position: absolute;top: 100%;right: 0;background-color: #fff;min-width: 130px;z-index: 99; overflow: hidden;transform: translateX(100px);opacity: 0;visibility: hidden;transition: all .6s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.lang-menu .nav-lang a{display: flex;align-items: center;text-transform: uppercase;color: var(--blue);padding: 1rem 1rem;}
.lang-menu .nav-lang a:first-child{border-bottom: 1px solid #f4f4f4;}
.lang-menu .nav-lang a:hover{background-color: var(--blue);color: #fff;}
.lang-menu .nav-lang img{margin-right: .5rem;}
.lang-menu .nav-lang.show{opacity: 1;transform: translateX(0);visibility: visible;}
/*Tìm kiếm*/
.btn-search{color: #fff;line-height: 40px;cursor: pointer;margin-right: 2rem;}
#timkiem{position: absolute;top: 100%;right: 0;width: 83%;transform: translateY(-20px);opacity: 0;visibility: hidden;transition: all .6s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);border-radius: .5rem;overflow: hidden;}
#timkiem.show{transform: translateY(0);opacity: 1;visibility: visible;}
.s_desktop{width: 270px !important;}
#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 a{position: relative;}
.header{background: var(--blue);padding: 0;display: flex;justify-content: space-between;display: none;}
#menu_desktop{background: var(--blue);z-index: 999;position: relative;}
#menu_desktop .center > ul > li{position: relative;}
#menu_desktop .menu{width: 100%;}
#menu_desktop ul {display: flex;width: 100%;justify-content: space-between;}
#menu_desktop ul li{list-style: none;text-transform: uppercase;font-family: 'RCB';font-size: 16px;position: relative;}
#menu_desktop .menu > 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{font-weight: bold;}
#menu_desktop ul > li > a{color: #fff;padding: 0px 33px;line-height: 40px;display: block;}
#menu_desktop ul li ul{position: absolute;top: 100%;left: 0px;min-width: 220px;background: var(--blue);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;}
#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;
    background: url(../../images/bg-header.png) no-repeat center;
    background-size:cover;
    padding: 20px 0;
}
header .center{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.name-company h1, .name-company .tencongty{
    text-align: center;
    font-family: 'utmalberta';
    font-size: 30px;
    text-transform: uppercase;
    color: var(--blue);
    margin-bottom: 10px;
}
.name-company .address{
    font-family: 'RCB';
    font-size: 18px;
}
.hotline{
    font-size: 24px;
    color: #000;
    background: url(../images/ic-hot.png) no-repeat center left;
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: 50px;
    padding-left: 55px;
}
.hotline i{
    margin-right: 5px;
}
.hotline span{
    font-family: UTMSwissCondensedBold;
    color: var(--blue);
}

/*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-------------*/

.title-about{
    background: var(--blue);
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'RCB';
    width: 80%;
    padding: 25px 50px 25px 80px;
    position: relative;
    margin-left: -250px;
    margin-bottom: 30px;
}
.title-about:after{
    position: absolute;
    top: 53%;
    left: 50px;
    width: 2px;
    height: 50%;
    content: "";
    background: #fff;
    transform: translateY(-50%);
}
.title-about span{
    font-family: 'RCR';
    font-size: 20px;
    display: block;
}
.des-about{
    text-align: justify;
}
.readmore{
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: var(--blue);
    border-radius: 5px;
    margin-top: 20px;
    text-transform: uppercase;
}
.readmore i{
    margin-left: 5px;
}
.readmore a{
    color: #fff;
    display: block;
}
#about{
    padding: 25px 0 50px;
}

#activity{
    background: var(--blue);
    background-size: 100% 100%;
    padding: 50px 0;
}
.title-main{
    text-align: center;
    font-family: 'RCB';
    font-size: 28px;
    color: #fff;
    background: url(../../images/icon-main.png) no-repeat center bottom;
    padding-bottom: 20px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.title-main.other{
    background: url(../../images/icon-main1.png) no-repeat center bottom;
    filter: brightness(0) invert(0);
    color: var(--blue);
}
.ar-lv{
    text-align: center;
}
.img-lv{
    width: 180px;
    margin: 0 auto;
    margin-bottom: -90px;
}
.img-lv img{
    border: 1px solid #e90003;
}
.info-lv{
    background: #fff;
    padding: 110px 40px 40px;
}
h3.name-lv{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}
.des-lv{
    color: #575757;
}
.owl-dots{
    margin-top: 30px;
}
.img-list{
    position: relative;
}
.img-list img{
    width: 100%;
}
.info-list{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    background: #293c6170;
    color: #fff;
    text-align: center;
    padding: 10px;
}
h2.name-list{
    font-size: 18px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
    display: inline-block;
}
.sub-list{
    background: var(--blue);
}
.sub-list ul li{
    padding: 7px 15px;
    list-style: none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.sub-list ul li a{
    color: #fff;
}

h3.name-product{
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 5px;
}
.price-product{
    font-size: 16px;
    color: red;
    text-transform: initial;
    font-family: 'RCB';
}
.ar-product{
    text-align: center;
}
.container-in{
    margin-bottom: 40px;
}
.img-product{
    width: 220px;
    margin: 0 auto;
}
.img-product.new.in{
    width: 100%;
}
.flex-index{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
#list-product .owl-dots{
    margin-top: 50px;
}
#list-product .owl-theme .owl-dots .owl-dot span{
    background: #dcdcdc;
}
#list-product .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background:var(--blue);
}

#list-product{
    padding: 50px 0;
}
#new-product{
    background: var(--blue);
    background-size: 100% 100%;
    padding: 50px 0;
    text-transform: uppercase;
}
.ar-product.new{
    background: #fff;
    padding: 5px;
    padding-bottom: 15px;
}
.ar-product.new.in{
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.img-why{
    margin-right: 15px;
}
.ar-why{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}
.ar-why:after{
    position: absolute;
    content: "";
    height: 30px;
    width: 1px;
    background: #aaa;
    top: 100%;
    left: 39px;
}

.ar-why:last-child:after{
    display: none;
}


.name-why{
    font-family: 'RCB';
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.des-why{
    font-size: 15px;
}
.title-why{
    font-size: 30px;
    text-transform: uppercase;
    color: var(--blue);
    margin-bottom: 30px;
}
#why-opinion{
    background: #f2f3f8;
}
#why-opinion .center{
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}
.col-why{
    width: 50%;
}
.col-why:first-child{
    padding-top: 50px;
}
.col-why:last-child{
    background: url(../../images/oppinions.png);
    background-size: 100% 100%;
    padding: 50px 120px;
}
.ar-opinions{
    color: #fff;
    text-align: center;
}
.img-opppp img{
    border-radius: 50%;
}
.img-opppp{
    width: 110px;
    margin: 0 auto;
}
.title-why.white{
    color: #fff;
}
.name-opppp{
    margin: 20px 0;
    font-size: 18px;
}

.ar-news{
    border: 1px solid #f1f1f1;
    text-align: center;
}
.img-news img{
    width: 100%;
}
.name-news{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
}
.des-news{
    font-size: 13px;
    color: #656565;
    margin: 20px 0;
}
.readmore-news{
    text-transform: uppercase;
    font-size: 13px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #f1f1f1;
    margin: 0 auto;
    text-align: center;
    border-radius: 20px;
}
.readmore-news a{
    color: #656565;
}
.info-news{
    padding: 30px 40px;
}

#news{
    padding: 50px 0;
}

#hotro{
    background: #f2f3f8;
}
.col-hotro{
    width: 48%;
}
.col-hotro:first-child{
    padding: 70px 50px;
	background: var(--blue);
}
.input-index input{
    background: transparent;
    border: 1px solid #f2edea;
    height: 50px;
    border-radius: 5px !important;
    color: #fff;
}
.input-index textarea{
    background: transparent;
    border: 1px solid #f2edea;
    height: 130px;
    border-radius: 5px !important;
    color: #fff;
}
.input-index ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
  }
  .input-index   ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
  }
  .input-index   :-ms-input-placeholder { /* IE 10+ */
    color: #fff;
  }
  .input-index  :-moz-placeholder { /* Firefox 18- */
    color: #fff;
  }
  .button-index{
      background: #fff;
      color: var(--blue);
      width: 150px;
      height: 45px;
      line-height: 45px;
      border-radius: 20px;
      margin: 0 auto;
      border: none;
      display: block;
  }


#hotro .center{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.col-hotro{
    padding: 0;
}
.col-hotro iframe{
    /*border: 15px solid #fff;*/
}
.item-video111{
    cursor: pointer;
}
.map-footer iframe{
    width: 100%;
    height: 380px;
    margin-bottom: 0px;
}


.footer {position:relative;background: #fff;padding: 2rem 0;background-size: 100% 100%;color: #363638;width:100%; margin:0;font-size:14px;}
.footer .center .row{
    display: flex;
    align-items: center;
}
.col-footer:last-child{
    padding-left: 80px;
}

.mxh{
    margin-top: 20px;
}
.mxh a{
    font-size: 20px;
    color: #cacacd;
    margin-right: 10px;
}

.title-dk{
    font-size: 20px;
    text-transform: uppercase;
}
.nhantin{
    margin-top: 40px;
}
.sl-dk{
    margin: 20px 0;
}
.nhantin form{
    width: 80%;
    position: relative;
}
.input-dangky input{
    border: none;
    border-bottom: 1px solid #eee;
    width: 100%;
}
.nhantin .btn_nhantin{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--blue);
    background: transparent;
    border: none;
}

.col-about img{
    width: 100%;
}


.logo img{
    width: 105px;
}