@charset "utf-8";
/* CSS Document */
@import url("css/fonts.css");
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline: none;margin: 0; padding: 0;}
body{font-family: RobotoRegular;font-size:14px;line-height:1.5;margin: 0;padding: 0;}
img{max-width: 100%;height: auto;}
iframe{max-width: 100%; }
a{text-decoration: none;} a:hover,a:focus{color: unset;}
ul{visibility: visible;}
.clearfix {float: none;clear: both;}
.clearfix:before{content: ""; display: table;}
.clearfix:after{content: ""; clear: both;}
.table-responsive { width: 100%; margin-bottom: 15px;overflow-x: auto;  overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
#main{width:100%;position: relative;}
#info{width:100%;position:  relative;padding: 10px 0;border-top: 1px solid #dddddd;}
#info .noidung_detail{display: block;}
#info .noidung_detail .noidung{margin: 10px 0;}
.addthis_inline_share_toolbox{width: 100%;display: inline-flex;}
.margin_auto{width: 1200px;margin: 0 auto;position: relative;}
#container{width:100%;position: relative;transition: 0.5s all;background: #ffffff;margin: 0 auto;max-width: 1366px;overflow: hidden;}
.bando iframe{width: 100%;}
#popup{display: none;}
.loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.updating{width: 100%;text-align:center;color:#000000;font-family: RobotoRegular;font-size: 14px;text-transform:uppercase;padding: 10px 0;}
/* MXH */
.mangxh h4{  margin-top: 8px; font-size: 16px; color: #fff; }
.mangxh a{  padding: 2px 5px 0px 5px; }
/* Header */
#header{width: 100%;position: relative;z-index: 2;margin: 0 0 -42px 0;}
#header.noindex{margin: 0;}
#header .khung{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#header .head_top{background: #003399;}
#header .head_top p{font-size: 14px;color: #ffffff;font-family: UTMHelve;}
#header .head_top p:nth-child(2){font-family: RobotoRegular;background: url('images/email.png') no-repeat left center;padding: 0 0 0 20px;}
#logo{position: relative;display: inline-block;}
#logo img{display: block;}
#header .hotline{background: url('images/hotline.png') no-repeat left center;padding: 0 17px 15px 85px;line-height: 30px;}
#header .hotline b{display: block; font-family: Muli-Black; font-size: 24px; color: #ed1c24;}
/* Main menu */
#mainmenu{width: 100%;margin: 0 0 18px 0;}
#mainmenu.fixed{position: fixed;top: 0;left: 0;z-index: 3;background: #ffffff;padding: 10px 0;margin: 0;box-shadow: 0 1px 5px 0px #00000047;}
#mainmenu.fixed nav.menu_top > ul{justify-content: center;}
#mainmenu.fixed nav.menu_top > ul > li.icon{padding: 0 20px;}
#menu_mm{display: none;}
/* Menu x */
.toggle-mobile-btn { width: 25px;transition: 0.3s;text-transform:uppercase;position:  absolute;top: 17px;left: 0;cursor: pointer;}
.toggle-mobile-btn span {position: relative;display: inline-block;}
.toggle-mobile-btn span, .toggle-mobile-btn span:after, .toggle-mobile-btn span:before {width: 100%;height: 2px;background-color: #fbf54b;transition: all 0.3s;backface-visibility: hidden;}
.toggle-mobile-btn span:after, .toggle-mobile-btn span:before { content: "";position: absolute;left: 0;top: -7px;}
.toggle-mobile-btn span:after {top: 7px;}
.toggle-mobile-btn :hover {color: #0071bd!important;}
.toggle-mobile-btn span {position: relative;display: inline-block;}
.toggle-mobile-btn.open span {background-color: transparent;}
.toggle-mobile-btn.open span:before {transform: rotate(45deg) translate(5px, 5px);}
.toggle-mobile-btn.open span:after {  transform: rotate(-45deg) translate(5px, -5px);}
.navigation{position: absolute;width: 100%;top: -500px;left: 0;z-index: 9;display:  grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;padding: 80px 100px 30px 100px;background: #2a043aad;transition:  1s all;}
.navigation li:hover > a{color: #fbf54b;}
.navigation > li > a{ font-family:  R; font-size: 18px; color:  #ffffff; text-transform:  uppercase;font-weight:  100;}
.navigation > li > ul > li > a{font-size:  15px; color:  #ffffff;font-family: RobotoRegular;}
/* Title */
.title{width: 100%;display: block;position: relative;margin: 0px 0 20px 0;text-align: center;background: url('images/title.png') no-repeat bottom center;padding: 0 0 25px 0;}
.title h4,.title h2{color: #333333;font-family: UTMHelveBold;font-size: 30px;font-weight: 100;position: relative;text-transform: uppercase;width: 100%;}
.title p{font-family: MuliRegular;font-size: 15px;text-transform: uppercase;color: #141414;}
.title.white h2, .title.white h4,.title.white p{color: #ffffff;}
.title.white:after{background: #ffffff;}
.tab_sp{text-align: center;margin: 0 0 20px 0;}
.tab_sp li{position: relative;display: inline-block;font-family: SVNAvoBold;font-size: 25px;color: #333333;cursor: pointer;padding: 5px 15px;font-weight: 100;border: 1px dashed #afb0b0;margin: 0 10px;text-transform: uppercase;}
.tab_sp li.active,.tab_sp li:hover{color: #333333;border-color: #fdd102;}
.tab_sp li.active p,.tab_sp li:hover p{transform: skewX(25deg);}
/* Slider */
#slider{width: 100%;position: relative;z-index: 1;}
.slider {display: block;position: relative;overflow: hidden; margin-right: 0;height: 472px; max-height: 50vw;}
#slider .khung_slider .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
#slider .slick-active .khung_slider .bg {-webkit-animation-duration: 4s; animation-duration: 4s;-webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: banner_style; animation-name: banner_style}
@-webkit-keyframes banner_style { from {      -webkit-transform:scale3d(1.5, 1.5, 1.5);      transform:scale3d(1.5, 1.5, 1.5)  } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}}
@keyframes banner_style { from { -webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5)} to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}}
@-webkit-keyframes fadeIn { from {   opacity: 0; } to {  opacity: 1; }}
@keyframes fadeIn { from {   opacity: 0; }  to {    opacity: 1;  }}
@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%,  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%,  50%,  70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%,  80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {    -webkit-transform: scale3d(1, 1, 1);   transform: scale3d(1, 1, 1);  }}
@keyframes tada {  from {   -webkit-transform: scale3d(1, 1, 1);   transform: scale3d(1, 1, 1);  } 10%,  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  } 30%,  50%,  70%,  90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);   transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%,  60%,  80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {   -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}
#sliderMain {    display: block;   position: relative;    overflow: hidden;    margin-right: 0;    height: 660px;}
#slider .khung_slider {    display: block;    width: 100%;    height: 472px; max-height: 50vw;    float: left;   position: relative;}
#slider .slick-active .khung_slider .mota h4 {    opacity: 1;    -webkit-animation: tada 1s ease-in-out backwards;    -moz-animation: tada 1s ease-in-out backwards;    -o-animation: tada 1s ease-in-out backwards;    -ms-animation: tada 1s ease-in-out backwards;    -webkit-animation-delay: 1s;   -o-animation-delay: 1s;    animation-delay: 1s}
#slider .slick-active .khung_slider .mota p{opacity: 1;-webkit-animation: fadeIn 1.5s ease-in-out backwards;-moz-animation: fadeIn 1.5s ease-in-out backwards;-o-animation: fadeIn 1.5s ease-in-out backwards;-ms-animation: fadeIn 1.5s ease-in-out backwards;-webkit-animation-delay: 1.5s;-o-animation-delay: 1.5s;animation-delay: 1.5s;font-family: UTMAvo;font-size: 25px;color: #ffffff;text-transform: uppercase;}
#slider .slick-active .khung_slider .mota > a{opacity: 1;-webkit-animation: fadeIn 1.75s ease-in-out backwards;-moz-animation: fadeIn 1.75s ease-in-out backwards;-o-animation: fadeIn 1.75s ease-in-out backwards;-ms-animation: fadeIn 1.75s ease-in-out backwards;-webkit-animation-delay: 1.75s;   -o-animation-delay: 1.75s;   animation-delay: 1.75s   }
#slider .mota {position: absolute;right: 100px;top: 50%;transform: translateY(-50%);text-align: right;max-width: 50%;color: #fff;padding: 0;-webkit-animation: fadeIn 1s ease-in-out backwards;-moz-animation: fadeIn 1s ease-in-out backwards;-o-animation: fadeIn 1s ease-in-out backwards;-ms-animation: fadeIn 1s ease-in-out backwards;-webkit-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
#slider .mota h4{font-family: SFUSchadowBTBlackCondensed;font-size: 43px;color: #1d5ba3;text-transform: uppercase;font-weight: 100;}
#slider .mota > a{font-family: RobotoRegular;font-size: 14px;color: #ffffff;background: #1d5ba3;padding: 8px 25px;border-radius: 20px;display: inline-block;margin-top: 20px;}
#slider .mota > a:hover{background: #1d5ba3e6;}
#slider .pagewrap { position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: 0 auto;padding: 0; z-index: 2;}
/* Lang */
/*.goog-te-banner-frame{visibility:hidden !important;}*/
#google_language_translator {width:auto !important;display: none;}
.goog-te-gadget .goog-te-combo {margin: 4px 0px !important;}
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}
.glt-clear { height:0px; clear:both; margin:0px; padding:0px; }
.langCon{display: block;margin: 0 10px 0px 0;}
#flags{display: flex;}
#flags a {display: block;margin: 0 2px;}
#flags a img{display: block;}
/*Hỗ trợ */
.hotro{width: 100%;display: inline-block;border: 1px solid #dddddd;padding: 37px 0 0 0;margin: -37px 0 0 0;}
.hotro .phone img{display: inline-block;}
.hotro .phone span{font-family: OpenSansExtraBold;color: #ff0000;font-size: 20px;font-weight: 100; text-transform: uppercase; display: inline-block; background: url('images/dienthoai.png') no-repeat top center;padding: 50px 0 0 0; top: 25px;position: relative;}
.hotro .khung{width: 100%;padding: 10px 20px 0 20px;display: inline-block;}
.hotro .khung > p{font-family: OpenSansExtraBold;width: 100%;display: inline-block;font-size: 20px;color: #086dc5;}
.yahoo{width:100%;float:left;border-bottom: 1px dotted #dddddd;display: grid;grid-template-columns: 1fr 2fr;grid-gap: 10px;padding: 10px 0;}
.yahoo ul{width: 100%; }
.yahoo ul li{list-style-type: none;padding: 10px 0px;border-bottom: 1px solid #ddd;border-bottom-style: dashed;width:  100%;float:  left;}
.yahoo ul li span{font-family: RobotoRegular;font-size: 14px;color: #000000;padding: 0px 0px 0px 15px;float:  right;}
.yahoo ul li span b{ font-family: RobotoRegular;font-size:  16px;color:  #ff0000;padding: 0px 0px 0px 14px;} 
.hotro p.email{width: 100%;display: inline-block;text-align: center;font-family: RobotoRegular;padding: 10px 0;color: #333333;font-size: 15px;background: url('images/email1.png') no-repeat left center;text-indent: 30px;}
.hotro p.email img{margin: 0 10px 0 0;}
/*-----CART-------*/
.cart_fix{position: fixed;right: 5px;top: 70px;background: #fed700 url(images/cart.png) no-repeat center center;width: 45px;height: 45px;z-index: 9999;border-radius: 50%;}
.cart_fix span{position: absolute;background-color: #000000;border-radius: 15px;right: 0;top: 0;color: #ffffff;font-family: OpensansLight;font-size: 12px;width: 20px;height: 20px;text-align: center;line-height: 20px;}
/* Product detail */
.product_ct{display: flex;flex-wrap: wrap; flex-wrap: wrap;}
.khung_product_detail{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.khung_product_detail .daxem{width: 250px;}
.khung_product_detail .daxem h4{font-family: SFUFuturaBook;font-size: 14px;color: #ffffff;text-transform: uppercase;text-align: center;background: #000000;padding: 10px 0;font-weight: 100;}
.khung_product_detail .daxem .bao_sp{display: none;}
.khung_product_detail .daxem .sp{display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
.khung_product_detail .daxem .sp > a{width: 80px;}
.khung_product_detail .daxem .sp .noidung{width: calc(100% - 90px);font-family: RobotoRegular;font-size: 13px;color: #333333;}
.khung_product_detail .daxem .sp .noidung .giaban{color: #ff0000;}
.khung_product_detail .daxem .sp .noidung .giacu{text-decoration: line-through;}
.khung_product_detail .daxem .sp h3 a{font-family: RobotoRegular;font-size: 13px;color: #333333;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
.slick_daxem{border: 1px solid #dddddd;padding: 5px;border-top: 0;}
.slick_daxem .slick-slide{margin: 5px 0;}

.frame_images{padding: 0;width: 500px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.MagicZoom{width: 100%;text-align: center;background: #ffffff;}
.app-figure{width: 100%;}
.selectors{width: 100%;}
.list_carousel {width: 100%;position:relative;float:left;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel #foo3{margin: 0 -5px;}
.list_carousel .slick-slide{margin: 0 5px;}
.foo3_l{position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 99;}
.foo3_r{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 99;}
.list_carousel li {display: none;}
.list_carousel li img{display: block;}
.list_carousel li a{ text-decoration:none;}
.list_carousel li a h3{ color:#835410; text-align:center; font-weight:500; margin-top:10px; font-size:16px; margin-bottom:10px; text-transform:uppercase;}
.list_carousel.responsive {width: auto; margin-left: 0;}
.pager {width: 320px;text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #999;height: 6px;width: 0px;}
.prev13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/left_ow.png) no-repeat; top: 50%; left: 0; transform: translate(0,-50%); }
.next13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/right_ow.png) no-repeat; top: 50%; right:0;transform: translate(0,-50%); }
.caroufredsel_wrapper{width: 100% !important;}
/* Khung thong tin */
#container_product{width: 100%;margin: 20px 0 0 0;}
#container_product .noidung{width: 100%; display: block; margin-bottom: 20px;}
div#container_product #tabs {overflow: hidden;background: #f2f2f2;display: flex;border: 1px solid #ebebeb;border-bottom: 0;position: relative;}
div#container_product #tabs li {text-transform: uppercase;}
div#container_product #tabs li.active {background: #ffffff;border-bottom: none;position: relative;border-top: 2px solid #000000;top: 0px;}
div#container_product #tabs li {padding: 8px 20px;background: #eeeeee;list-style: none;text-align: center;}
div#container_product #tabs li a {color: #000000;font-size: 14px;text-decoration:none;cursor: pointer;font-family: RobotoBold;}

.khung_thongtin{width: 650px;}
.khung_thongtin > a{background: #70eea0;color: #ffffff;padding: 5px 30px;display:inline-block;margin: 10px 0;font-family: RobotoRegular;text-transform: uppercase;cursor: pointer;}
.khung_thongtin .addthis_inline_share_toolbox{width: 100%;}
.khung_thongtin > div{font-family: RobotoRegular;font-size: 15px;color: #333333;padding: 3px 0;width: 100%;}
.khung_thongtin > div label{font-family: RobotoBold; font-size: 15px; color: #000000; font-weight: 100; margin-right: 10px;}
.khung_thongtin > .size,.khung_thongtin > .color{display: inline-flex; align-items: center; flex-wrap: wrap;}
.khung_thongtin > .size span{display: inline-block;border: 1px solid #c9c9c9;padding: 2px 8px;margin: 0 5px 0 0;border-radius: 3px;cursor: pointer;}
.khung_thongtin > .size span:hover,.khung_thongtin > .size span.active{border-color: #000000;}
.khung_thongtin > .color span{padding: 15px;margin: 0 5px 0 0;position: relative;cursor: pointer;}
.khung_thongtin > .color span.active:after{position: absolute;content: '';width: 3px;height: 8px;border-right: 2px solid #a09c9c;border-bottom: 2px solid #a09c9c;top: 10px;left: 12px;transform: rotate(45deg);}
.khung_thongtin div p a{font-family: RobotoRegular; font-size: 14px; color: #006a48;}
.khung_thongtin h1{font-size: 20px;text-transform: uppercase;color: #000000;font-family: RobotoBold;font-weight: 100;}
.khung_thongtin b{font-weight: 100;margin: 0 10px 0 0;font-family: RobotoRegular;font-weight: 500;}
.khung_thongtin span.giacu{text-decoration: line-through;}
.khung_thongtin .giaban span{color: #ff0000;font-family: RobotoBold;font-size: 16px;font-weight:  100;}

/* Product detail */
#sp_info{width: 800px;max-width: 90%;}
#sp_info .khung{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#sp_info .khung .img{width: 270px;}
#sp_info .khung .khung_thongtin{width: calc(100% - 270px);}
/* buy product detail */
#quanlity_details{padding: 8px 8px;border-radius: 3px;border: 1px solid #c9c9c9;width: 60px;}
.add_to_cart{width: 100%;margin: 10px 0 0 0;}
.add_to_cart a{display: inline-block;font-family: RobotoRegular;font-size: 13px;color: #ffffff;border-radius: 5px;cursor: pointer;}
.add_to_cart a.buy{background: #326e52 url(images/icon_add_cart_white.svg) no-repeat 10px center;background-size: 30px;padding: 8px 10px 8px 40px;}
.add_to_cart a.muangay{background: #ff6600 url(images/icon_buy_now.svg) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;}
/* Video */
#video_load{ margin: 0px 0px 0px 0px;background: url(images/bg_pro.png) repeat;width: 100%; float: left}
#video_load .object{ background: #fff; width: 100%; float: left}
.select_video{width: 100%;}
.select_video select{width: 100%;padding: 8px 0;outline:  none;color: #535353;font-family: RobotoRegular;text-indent: 5px;font-size: 13px;border: 1px solid #d6d6d6;border-top: 0;}
.select_video::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #F5F5F5;border-radius: 10px;}
.select_video::-webkit-scrollbar{ width: 5px;background-color: #F5F5F5;}
.select_video::-webkit-scrollbar-thumb{ border-radius: 10px;background-color: #FFF;background-image: -webkit-linear-gradient(top,#e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);}
/* Search */
#timkiem{cursor:  pointer;position: relative;}
#timkiem > p{font-family: RobotoRegular;font-size: 13px;color: #6e6e6e;margin: 0 0 10px 0;}
#timkiem > img{position: relative;}
#timkiem h4{font-family: RobotoMedium;font-size: 18px;color: #ffffff;font-weight: 100;text-transform: uppercase;line-height: 35px;}
#timkiem form{display: flex;flex-wrap: wrap;}
#timkiem select{border: 0px;width: 100%;text-indent: 5px;background: #ffffff;padding: 12px 0;}
#timkiem input{font-family: UTMHelve;font-size: 13px;color: #ffffff;right: 0;top: -10px;position: absolute;padding: 10px 18px;width: 0;transition: opacity 0.5s, width 0.5s;background: #003399;border: none;}
#timkiem input.show{width: 250px;opacity: 1;}
#timkiem button{cursor:pointer;outline:none;border:  none;font-size: 13px;color: #ffffff;font-family: SFUFuturaBold;text-transform: uppercase;font-weight: 100;display: inline-block;background: url('images/search.png') no-repeat center;position: relative;padding: 10px;z-index: 2;right: 8px;top: 0;}
#timkiem input::-webkit-input-placeholder {color: #ffffff;}
#timkiem input:-moz-placeholder {color: #ffffff;}
#timkiem input::-moz-placeholder { color: #ffffff;}
#timkiem input:-ms-input-placeholder {  color: #ffffff;  }
/* Album */
#hinhanh{width: 100%;padding: 30px 0 0 0;}
#hinhanh .box_hinhanh{margin-bottom: 30px;}
.slick_hinhanh{margin: 0 -15px;}
.slick_hinhanh .slick-slide{margin: 0 15px;}
.slick_hinhanh .hinhanh{display: none;}
.slick_hinhanh .hinhanh img{display: block;}
.slick_hinhanh .hinhanh h3{text-align: center; margin-top: 10px;}
.slick_hinhanh .hinhanh h3 a{font-family: RobotoBold; font-size: 15px; color: #1a1919; text-transform: uppercase;}
.slick_hinhanh .hinhanh:hover h3 a{color: #0057de;}
/* Menu left */
#menu_left {width: 260px;position:  absolute;top: 0;left: 0;z-index: 9;}
#menu_left h4{width: 100%;line-height: 44px;color: #ffffff;font-family: RobotoBold;text-transform:  uppercase;font-size: 15px;cursor: pointer;font-weight:  100;background: #005ca3 url('images/danhmuc.png') no-repeat 20px center;position: relative;z-index: 2;text-align: center;text-indent: 20px;}
.menu_left{width:100%;position: relative;background: #ffffff;z-index: 2;}
.danhmuc{width: 100%;display: inline-block;margin-bottom: 25px;}
.danhmuc .slick_product{padding: 5px;border: 1px solid #dddddd;}
.danhmuc h4{width: 100%;line-height: 40px;color: #ffffff;font-family: RobotoBold;text-transform: uppercase;font-size: 16px;cursor: pointer;font-weight: 100;position: relative;z-index: 2;background-color: #ffc807;text-align: center;}
.menu_left ul::-webkit-scrollbar{ width: 5px; background-color: #F5F5F5;}
.menu_left ul::-webkit-scrollbar { width: 5px; height: 5px;}
.menu_left ul::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.menu_left ul::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.menu_left ul::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.menu_left ul::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.menu_left ul::-webkit-scrollbar-corner { background-color: #ffffff;}}
.menu_left ul::-webkit-resizer { background-color: #666;}
.menu_left > ul{list-style-type:none;width:  100%;min-height: 423px;overflow: auto;border: 1px solid #005ca3;border-top: 0;}
.menu_left ul li a{color: #212121;font-size: 14px;font-family: RobotoBold;font-weight:  100;position: relative;text-transform: uppercase;display: inline-block;}
.menu_left ul li:hover > a{color: #005ca3;}
.menu_left ul li a img{vertical-align: middle;margin: 0 10px 0 0;}
.menu_left > ul > li:last-child{border-bottom: none;}
.menu_left ul li{width:100%;display: inline-block;border-bottom: 1px solid #e5e5e5;padding: 5px;}
.menu_left ul li img{display: inline-block;vertical-align: middle;margin: 0 10px 0 0;}
.menu_left ul li > i{position: absolute;right: 10px;top: 10px;}
.menu_left li ul a{width:100%;float:left;color: #333333;}
.menu_left ul li > ul{position: absolute;width: 100%;height: auto;left: 100%;background: #ffffff;/* transition: 0.5s all; */display: none;}
.menu_left ul li > ul li{}
.menu_left ul li > ul li:last-child{border-bottom: none;}
.menu_left ul li:hover > ul{display: block;}
.menu_left li ul li ul a{padding-left:20px;}
.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {color: #ffffff;}
.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background: #e20000;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active{color:white;}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.fixed .left, .detail .left{ display: none; transition: 2s;}
.fixed #menu_left:hover .left, .detail:hover .left{ display: block;}
/* Menu danh mục left */
.isfixed {position: -webkit-sticky !important;position: sticky !important;top: 50px;z-index: 1;}
.danhmuc_l{width: 100%;background: #ffffff;padding: 10px 20px;border: 1px solid #e6e6e6;border-top: 0;}
.danhmuc_l li a{font-family: RobotoRegular;font-size: 14px;color: #000000;width: 100%;display: inline-block;font-weight: 500;}
.danhmuc_l li a:after{font: normal normal normal 10px/1 FontAwesome;content: "\25b6";position: absolute;left: 0;top: 10px;color: #000000;text-indent: 0;}
.danhmuc_l li {position: relative;padding: 5px 0;text-indent: 10px;border-bottom: 1px dotted #dddddd;}
.danhmuc_l li.active > a, .danhmuc_l li:hover > a, .danhmuc_l li:hover > a:after{color: #ffc807;}
.danhmuc_l li > i{position: absolute;right: 10px;top: 10px;background: #ffffff;color: #000000;border-radius: 50%;width: 20px;height: 20px;text-align:center;line-height: 20px;transition: 0.5s all;}
.danhmuc_l li > ul{display: none;}
.danhmuc_l li > ul li a{text-indent: 10px;}
/* HTTT */
.hotro_right {position: fixed;top: 20%;left: -300px;z-index: 100;width: 345px;display: flex;flex-wrap: wrap;transition: 0.5s all;}
.hotro_right.active{left: 0;}
.hotro_right #img {display: inline-block;position: relative;width: 45px;cursor: pointer;}
.hotro_right div.hotline_r { bottom: 0px;padding: 0px 10px;background-color: #ffde00; color: #d00000;font-size: 17px;font-weight: bold;width: 100%;text-align: center;}
.hotro_right .noidung_20 { display: none;width: 100%; background-color: #FFF;border-left: 1px solid #d00000;border-top: 1px solid #d00000;padding: 5px;}
.hotro_tt img{ display: block; }
.hotro_bt{width: calc(100% - 45px);display: inline-block;padding: 10px;background: #ffffff;border: 1px solid #dddddd;}
.hotro_bt p b{color: #444444;font-size: 13px;font-family: RobotoRegular;font-weight: 100;display: inline-block;}
.hotline_bt{width: 100%;background: url(images/hotline.png) no-repeat;text-indent: 70px;margin-bottom: 10px;}
.hotline_bt p{font-size: 27px;font-family: RobotoRegular;color: #d50000;}
.yahoo_top{ text-align: center; margin:5px 0px 0px 0px; }
.yahoo p.hinh a{display: inline-block;padding: 10px 0;}
.yahoo p.hinh a img{width: 30px;}
.yahoo .dienthoai{color: #333;}
.yahoo .email{  color: #333; padding: 2px 0px 2px 40px; background: url(images/email.png) no-repeat 10px 7px;}
.yahoo p span{display: block;width: 100%;font-family: RobotoBold;}
.yahoo p b{color: #ff0000;font-family: RobotoRegular;font-weight: 100;}
.visit_hidden{visibility: hidden;height: 0;}
.tinkhac{width: 100%;margin: 0;}
.tinkhac ul li{width: 100%;line-height: 30px;list-style: none;}
.tinkhac li a{color: #333;font-family: RobotoRegular;font-size: 15px;font-weight:  100;text-indent: 10px;display: inline-block;}
.tinkhac li a img:hover{ opacity: 0.5;}
.tinkhac li a i{ margin-right: 20px; }
.tinkhac li a:hover{color: #0556a1;text-decoration: underline;}
.xemnhieu{width:193px;float:left;border:1px solid #FF8A00;background:url(images/left_cham.png) repeat-y;}
ul.pagination {text-align:center;color:#829994;}
ul.pagination li {display:inline; padding:0 3px;}
ul.pagination a {color:#fff;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;background: #333333;font-family: RobotoRegular;font-size: 12px;}
ul.pagination a:hover, 
ul.pagination a.current {background:#0d7963;color:#fff; }
.page_info{ display: none !important; }
/* Video index */
.slick_video {
    margin: 0 -5px;
    margin-top: 5px;
}
.slick_video .slick-slide{
    margin: 0 5px;
}
.slick_video .slick-slide img{width: 150px;height: 95px;}
.slick_video .vi{display: none;}
/* ========== Content pagination ========== */
.paging{ width: 100%;  text-align: center; margin: 10px 0px 0px 0px; }
.paging .pagination {margin: auto;float:  unset;width: auto !important;text-align: center;margin: 10px 0 20px 0;}
.pages li.prev {margin-right: 15px;}
.pages li.next {margin-left: 15px;}
.pages li {display: inline-block;margin: 5px 2px;}
.pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;border: 1px solid #d5d5d5;font-size: 11px;}
.pages li a:hover {background: #f6f6f6;}
.pages li .active {background: url(../images/backgrounds/sideGradient.png) repeat-x;color: #fff;border-color: #424852;}
.pages li .active:hover {background: #2a313d;}
/* Thong ke */
.thongke ul{background: url('images/thongke.png') no-repeat left center;padding: 0 0 0 30px;line-height: 34px;margin: 0 0 10px 0;}
.thongke li{display: block;font-family: RobotoRegular;font-size: 15px;color: #ffffff;}
.thongke li span{color: #fede05;}
/* Tien ich */
#visao{width: 100%;padding: 10px 0;}
.slick_visao{    margin: 0 -15px;}
.slick_visao .slick-slide{margin: 0 15px;}
.slick_visao .visao{display: none;}
.slick_visao .visao .khung{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.slick_visao .visao img{display: block;}
.slick_visao .visao:hover img{transform: rotate(360deg);transition: all 1s;}
.slick_visao .visao .noidung{width: calc(100% - 70px);}
.slick_visao .visao h3 a{font-family: RobotoRegular;font-size: 15px;color: #3a3a3a;font-weight: 100;position: relative;}
.slick_visao .visao p{font-family: RobotoRegular; font-size: 15px; color: #575757;}
/* Contact */
.frm_lienhe{ width: 325px; float: right; }
.box_lh{ width: 100%; border: 1px solid #cfcece; margin-top: 10px; border-radius: 5px; padding: 0px 0px 0px 0px; }
.frm_lienhe input{ padding: 7px; width: 100%; border: 0px; border-bottom: 1px solid #cfcece; }
.box_lh li:last-child input{ border-bottom: 0px; border-radius: 0px 0px 5px 5px; }
.box_lh li:first-child input{ border-radius: 5px 5px 0px 0px; }
.frm_lienhe textarea{border-radius: 5px; width: 100%; height: 80px;  margin-top: 10px;border: 1px solid #cfcece; padding: 5px; }
.frm_lienhe button{ background: #009030; border:0px; padding: 5px 20px 5px 20px; color: #fff;  margin-top: 5px; cursor: pointer;}
.frm_lienhe button:hover{ color: #FBF201 }
/* Thanh title */
.thanh_title{width: 100%;position: relative;text-align: center;margin: 0 0 40px 0;} 
.thanh_title h2,.thanh_title h4{font-family: SVNReady;font-size: 55px;color: #ffffff;font-weight: 100;line-height: 1;text-align: center;display: inline-block;width: 100%;}
.thanh_title a{color: #3e3e3e;}
/* Gioi thieu */
#gioithieu{width: 100%;position: relative;padding: 50px 0;background: #f2f3f2;}
.title_gt{width: 100%;position: relative;border-left: 2px solid #003399;padding: 0 0 0 20px;}
.title_gt h2,.title_gt h3,.title_gt h4{font-family: UTMHelvetIns;font-size: 35px;color: #fe0006;font-weight: 100;text-transform: uppercase;line-height: 1;margin: 10px 0 0 0;}
.title_gt p{font-family: RobotoRegular;font-size: 25px;color: #373737;font-weight: 100;position: relative;line-height: 1;}
#gioithieu .gioithieu{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#gioithieu .gioithieu .img_gt{display: block;}
#gioithieu .gioithieu .img_gt img{display: block;}
#gioithieu .mota{margin: 0 0 20px 0;text-align: center;font-family: RobotoRegular;font-size: 14px;color: #4c4c4c;overflow: hidden;text-overflow: ellipsis;line-height: 30px;-webkit-line-clamp: 6;max-height: 180px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;display: none;}
#gioithieu .mota.active{display: -webkit-box;}
.noidung_gt{width: calc(100% - 650px);position: relative;}
.noidung_gt .mota_gt{width: 100%;margin: 15px 0;font-family: RobotoRegular;font-size: 14px;color: #333333;line-height: 25px;}
.noidung_gt a.xemthem{color: #003399;font-size: 12px;font-family: RobotoRegular;text-transform: uppercase;padding: 10px 50px 10px 20px;display: -webkit-inline-box;border: 2px solid #003399;position: relative;}
.noidung_gt a.xemthem:after{width: 20px;height: 1px;position: absolute;content: '';background: #003399;right: 10px;top: 50%;}
.noidung_gt a.xemthem:hover{color: #000000;border-color: #000000;}
.noidung_gt a.xemthem:hover:after{background: #000000;}
/*Tin tức*/
.box_news{width: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.box_new{position:  relative;overflow:  hidden;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.box_new.khucongnghiep .img{width: 100%;position:  relative;}
.box_new .img{overflow:  hidden;}
.box_new .img h3 a{font-family:RobotoRegular;text-transform: uppercase;color: #fff;font-size: 14px;}
.box_new .img h3{text-align: center;width: 100%;background: #6AC0DC;transition: 1s;}
.box_new .img h3:hover{background: #00489a;}
.box_new .img a img{width: 100%;}
.box_new .noidung{width: calc(100% - 120px);}
.box_new .noidung h3 a{font-family: RobotoBold;font-size: 15px;color: #333;font-weight:  100;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.box_new .noidung .ngaydang{font-style: italic;color: #9A9A9A;font-size: 12px;font-family: RobotoRegular;padding: 0;}
.box_new .noidung .ngaydang i{margin-right: 5px;}
.box_new h3{padding: 0;margin: 0;}
.box_new h3:hover a{color: #0d55bd;}
.box_new .mota{overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;font-family: RobotoRegular;font-size: 13px;color: #333333;}
/*Quảng cáo*/
#quangcao{margin: 0;}
.slick_qc{margin: 0 0 -6px 0;padding: 0;}
.slick_qc .img{display: none;}
/*Điều hướng*/
.dieuhuong{width: 100%;padding: 0 0 10px 0;position:  relative;z-index: 1;border-bottom: 1px dashed #dddddd;margin-bottom: 10px;}
.dieuhuong a{color: #000000;font-family: RobotoRegular;font-size: 14px;padding:0px 10px;position:  relative;}
.dieuhuong a:first-child{padding: 0 10px 0 0;}
.dieuhuong a:first-child i{margin-right: 5px;font-size: 16px;color: #191919;font-weight: 100;}
.dieuhuong a:before{font-family: FontAwesome;position: absolute;content: '\f105';right: -5px;top: -2px;z-index: 9999;}
.dieuhuong a:last-child,.dieuhuong a:hover{color: #0061f9;}
.dieuhuong a:last-child:before{display: none;}
.noidung_tt{width: calc(100% - 380px);}
.noidung_tt .hinhanh{margin-bottom: 20px;}
/*Tab*/
.khung_tab{ width: 100%;  display: none; }
.khung_tab.active{ display: block; }
/* sp noi bat  */
#sanpham{width: 100%;padding: 30px 0;}
/* product */
.spkhac{margin: 0 -15px;}
.spkhac .slick-slide{margin: 0 15px;}
.spkhac .item{display: none;}
.sanpham{width: 100%;display:  grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 29px;}
.khung_sp{display: block;padding: 30px 0;width: 100%;}
/* slider sp */
#danhmuc .box_danhmuc.owl_sp{margin: 0 -15px; display: none;}
.owl_sp .slick-slide{margin: 0 15px;}

/* item */
.item .img{position: relative;-webkit-backface-visibility:a hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);overflow: hidden;}
.item .img img{display: block;}
.item {position: relative;transition: 0.5s all;position: relative;display: block;}
.item .mota{font-family: RobotoRegular;font-size: 14px;color: #3e3e3e;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 100;}
.item .noidung .gia{width: 100%;display: inline-flex;flex-wrap: wrap;font-family: RobotoRegular;font-size: 17px;color: #3e3e3e;justify-content: center;}
.item .noidung .gia span{display: block;}
.item .noidung .gia b{font-weight:  100;color: #e80505;}
.item .giacu{text-decoration: line-through;font-weight:  100;color: #4d4d4d;}
.item .giaban{font-family: RobotoMedium;color: #ff0416;font-weight: 100;margin: 0 10px;}
.item .giaban span{ color: #F10404 }
.item .noidung{position: relative;text-align: center;padding: 10px;border: 1px solid #ebebeb;border-top: 0;}
.item h3{width: 100%;text-align: center;z-index: 2;}
.item:hover h3 a{color: #e80505;}
.item h3 a{color: #3e3e3e;font-family: RobotoMedium;font-size: 17px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 100;text-transform: uppercase;}
/* Tab product */
.tab_show{display: block !important;border: 1px solid #ebebeb;border-top: 0;padding: 10px;width:  100%;font-family: RobotoRegular;background: #ffffff;position: relative;z-index: 1;}
.tab_hidden{ display: none; }
/* Quangcao */
.slick_qc a.img{display: none;}
/* Nhận tin */
#nhantin{padding: 0 0 50px 0;border: 1px solid #8f8f8f;border-bottom: 0;border-top: 0;}
#nhantin .title{position: relative; top: -24px;}
#nhantin .title h4{display: flex;justify-content: center;align-items: center;}
#nhantin .title h4:after,#nhantin .title h4:before{position: relative;flex: auto;content: '';height: 1px;background: #8f8f8f;}
#nhantin .title p{text-transform: unset;}
.lh{position: relative;width: 100%;}
.lh form{max-width: 100%;margin: 0 auto;position: relative;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;margin: 0 50px;}
.lh form textarea{grid-row: 1 / 4;grid-column: 3;}
.lh form p{grid-row: 3;grid-column: 1/ 3;font-family: RobotoRegular;font-size: 15px;color: #ffffff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.lh form p span:nth-child(1){background: url('images/maps_w.png') no-repeat left center;padding: 0 0 0 18px;}
.lh form p span:nth-child(2){background: url('images/phone_w.png') no-repeat left center;padding: 0 0 0 18px;}
.lh form .input{padding: 8px 10px;font-family: RobotoRegular;outline: none;font-size: 13px;color: #464646;border: none;width: 100%;}
.lh form input[type=submit],.lh form input[type=reset]{border: none;outline: none;cursor: pointer;color: #ffffff;font-size: 14px;font-family: RobotoRegular;background: #ce0000;font-weight: 500;padding: 8px 20px;text-transform: uppercase;bottom: 0;position: absolute;right: 5px;bottom: 5px;}
.lh form input[type=submit]:hover,.lh form input[type=reset]:hover{background: #1d5ba3;}
.lh form .input::-webkit-input-placeholder,.lh form textarea::-webkit-input-placeholder {color: #464646;}
.lh form .input:-moz-placeholder,.lh form textarea:-moz-placeholder {color: #464646;  }
.lh form .input::-moz-placeholder,.lh form textarea::-moz-placeholder {  color: #464646; }
.lh form .input:-ms-input-placeholder,.lh form textarea:-ms-input-placeholder {  color: #464646;  }
/*Cảm nhận*/
#camnhan{width: 100%;padding: 50px 0;}
#camnhan .khung_cn {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
#camnhan .khung_cn > h4{    font-family: RobotoRegular;    font-size: 26px;    color: #006a48;    text-transform: uppercase;    width: 20%;    font-weight: 100;    border-right: 1px solid #dddddd;    padding: 30px 0;}
#camnhan .camnhan{width: calc(100% - 540px);margin: 0 -15px;padding: 10px 0;}
#camnhan .camnhan .slick-slide{margin: 0 15px;}
#camnhan .camnhan .arrows_left {position: absolute;top: 50%;right: 70px;z-index: 99;transform: translatey(-50%);}
#camnhan .camnhan .arrows_right {position: absolute;top: 50%;right: 0;z-index: 99;transform: translatey(-50%);}
.camnhan .cn{text-align: center;}
.camnhan .cn p.mota{color: #333333;position: relative;text-align: justify;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;height: 75px;display: -webkit-box;-webkit-box-orient: vertical;}
.camnhan .cn .img {width: 100%;}
.camnhan .cn .img p{    font-family: RobotoBold;    font-size: 12px;    color: #a6a6a6;    font-weight: 100;    text-transform: uppercase;    padding: 40px 0  10px  20px;}
.camnhan .cn .img p b{display: block;font-family: RobotoBold;font-size: 14px;color: #310a07;font-weight: 100;text-transform: uppercase;}
.camnhan .cn .noidung{width: 100%; }
.camnhan .cn .noidung h4{font-family: RobotoBold; font-size: 15px; color: #343434; font-weight: 100; text-transform:capitalize; margin: 10px 0;}
.camnhan .cn .noidung img{display: inline-block;}
.camnhan .cn .noidung p {font-family: RobotoRegular;font-size: 13px;}
.camnhan .cn .noidung p b{font-family: RobotoBold; color: #3e3e3e;}
.camnhan .cn .img img{border-radius: 50%;display: inline-block;position: relative;}
.camnhan .cn .img span{font-family: OpensansLight; font-size: 16px; color: #ffffff; font-style: italic;}
/* Footer */
#footer{width:100%;position: relative;padding: 10px 0;}
#footer #banner{text-align: center;}
#footer #banner img{display: inline-block;}
#map{width: 100%; }
footer{width: 100%;position: relative;}
.tieude_f{color: #ffffff;font-family: UTMHelveBold;font-size: 15px;text-transform: uppercase;margin-bottom: 20px;font-weight: 100;width: 100%;display: inline-block;position: relative;}
.footer{width:100%;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;} 
.footer .thongtin_ct{width: 500px;color: #ffffff;max-width: 100%;}
.footer .thongke{width: 220px;max-width: 100%;}
/* Chinh sach */
.chinhsach{width: 300px;max-width: 100%;}
.chinhsach ul{width: 100%;list-style: none;margin: 0;padding: 0;}
.chinhsach ul li {margin: 0 0 5px 0;}
.chinhsach ul li a{font-family: RobotoRegular;font-size: 15px;color: #ffffff;}
.chinhsach ul li:hover a{text-decoration: underline;}
/* coppy */
.coppy{font-family: RobotoRegular;font-size: 13px;color: #ffffff;text-align: center;padding: 15px 0;background: #003399;}
.coppy span{text-transform: uppercase;font-weight: 100;color: #ffffff;}
/* back to top  */
#back-to-top {position: fixed;bottom: 30px;right: 10px;text-align: center;line-height: 40px;width: 40px;height: 40px;color: #000000;cursor: pointer;z-index: 20;border: 1px solid #000000;background: #ffffff;}
#back-to-top a {display: block;line-height: 40px;color: #000000;font-size: 30px;}
#back-to-top .back-circle {height: 50px;width: 50px; }
#back-to-top .back-circle .circle {border: 1px solid #034790 !important;}
/*---------------Spin----------------- */
@keyframes spin1 {  0% {    -webkit-transform: rotate(0);    transform: rotate(0); }  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg); } }
@-webkit-keyframes spin2 {  0% {    -webkit-transform: rotate(72deg);    transform: rotate(72deg); }  100% {    -webkit-transform: rotate(-288deg);    transform: rotate(-288deg); } }
@keyframes spin2 {  0% {    -webkit-transform: rotate(72deg);    transform: rotate(72deg); }  100% {    -webkit-transform: rotate(-288deg);    transform: rotate(-288deg); } }
@-webkit-keyframes spin3 {  0% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); }  100% {    -webkit-transform: rotate(216deg);    transform: rotate(216deg); } }
@keyframes spin3 {  0% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); }  100% {    -webkit-transform: rotate(216deg);   transform: rotate(216deg); } }
@-webkit-keyframes spin4 {  0% {    -webkit-transform: rotate(216deg);    transform: rotate(216deg); }  100% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); } }
@keyframes spin4 {  0% {    -webkit-transform: rotate(216deg);    transform: rotate(216deg); }  100% {    -webkit-transform: rotate(-144deg);    transform: rotate(-144deg); } }
#back-to-top .back-circle {position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin: 0 auto;-webkit-transform: translate3D(-50%, -50%, 0);-moz-transform: translate3D(-50%, -50%, 0);-ms-transform: translate3D(-50%, -50%, 0);-o-transform: translate3D(-50%, -50%, 0);transform: translate3D(-50%, -50%, 0);}
#back-to-top .back-circle .circle {    position: absolute;    box-sizing: border-box;    width: 100%;    height: 100%;    -webkit-transition: all .5s ease;    -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid transparent;border-radius: 92% 110% 132% 88%; }
#back-to-top .back-circle .circle:nth-child(1) {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%; -webkit-animation: spin1 6s linear infinite;animation: spin1 6s linear infinite;border-color: #c7c7c7; }
#back-to-top .back-circle .circle:nth-child(2) { -webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: spin2 6s linear infinite;animation: spin2 6s linear infinite;border-color: #c7c7c7; }
#back-to-top .back-circle .circle:nth-child(3) {-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%; transform-origin: 50% 50%;-webkit-animation: spin3 6s linear infinite; animation: spin3 6s linear infinite;border-color: #c7c7c7; }
#back-to-top .back-circle .circle:nth-child(4) { -webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%; -webkit-animation: spin4 6s linear infinite;animation: spin4 6s linear infinite;border-color: #c7c7c7; }

/* Bottom */
#bottom{width:100%;position: relative;padding: 50px 0;background: #f2f3f2;}
/*bottom*/
.bottom{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.bottom .bot{width: calc((100% / 3) - 30px);}
.title_b {width: 100%;position: relative;padding: 0 0 15px 0;margin-bottom: 30px;background: url('images/title_bot.png') no-repeat bottom left;}
.title_b h4{font-family: UTMHelveBold;color: #333333;font-size: 20px;cursor: pointer;font-weight: 100;position: relative;text-transform: uppercase;line-height: 1;width: 100%;}
/* .bottom .tintuc .tintuc_l{width: 325px;}
.bottom .tintuc .tintuc_l .noidung > a{font-family: RobotoRegular;font-size: 13px;color: #737373;display: inline-block;border: 1px solid #737373;padding: 15px 25px;}
.bottom .tintuc .tintuc_l h3 a{font-family: RobotoBold;font-size: 14px;color: #000000;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
.bottom .tintuc .tintuc_l p{font-family:RobotoRegular;font-size: 14px;color: #333333;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;margin: 10px 0 30px 0;} */
.bottom .tintuc .tintuc_r{display: block;margin: -10px 0;max-height: 330px;overflow: hidden;}
.bottom .tintuc .tintuc_r .slick-slide{padding: 10px 0;margin: 0;border-bottom: 1px dashed #dddddd;}
.bottom .tintuc .tintuc_r .khung{display: none;}
.bottom .tintuc .tintuc_r .tintucr_it{position: relative;display: flex;justify-content: space-between;align-items: center;}
.bottom .tintuc .tintuc_r .tintucr_it > a{}
.bottom .tintuc .tintuc_r .noidung{width: calc(100% - 118px);position: relative;}
.bottom .tintuc .tintuc_r .noidung.noidung_le{text-align: right;}
.bottom .tintuc .tintuc_r .noidung p.ngaydang span{font-family: RobotoRegular;font-size: 14px;color: #919191;margin: 5px 0;background: url('images/calender.png') no-repeat left center;padding: 0 0 0 20px;font-style: italic;}
.bottom .tintuc .tintuc_r .noidung h3{width: 100%;}
.bottom .tintuc .tintuc_r .noidung h3 a{font-family: RobotoBold;font-size: 14px;color: #151414;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
.bottom .tintuc .tintuc_r .noidung .mota{font-family: RobotoRegular;font-size: 13px;color: #5f6262;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
.bottom .tintuc .tintuc_r .noidung a.xemthem{font-family: QuickSandRegular;font-size: 15px;color: #820000;display: inline-block;}
/* Tin tức */
#tintuc{width: 100%; padding: 30px 0;}
.owl_tintuc{margin: 0 -13.5px;}
.owl_tintuc .news{display: none;}
.owl_tintuc .slick-slide{margin: 0 13.5px;}
.owl_tintuc .noidung{margin: 10px 0 0 0;}
.owl_tintuc .noidung p.ngaydang{font-family: RobotoRegular; font-size: 12px; color: #292929; }
.owl_tintuc .noidung h3{border-bottom: 1px solid #c9c9c9;padding: 0 0 5px 10px;position: relative;margin: 0 0 10px 0;}
.owl_tintuc .noidung h3:before{position: absolute;content: '';height: 70%;width: 2px;background: #184d89;left: 0;top: 50%;transform: translateY(-50%);}
.owl_tintuc .noidung h3:after{position: absolute;font-family: FontAwesome;content: '\f107';left: 20px;bottom: -15px;color: #c9c9c9;font-weight: 100;background: #ffffff;}
.owl_tintuc .news:hover h3 a{color: #ff0000;}
.owl_tintuc .noidung h3 a{font-family: Muli-Black;font-size: 12px;color: #292929;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 100;}
.owl_tintuc .noidung p.mota{font-family: RobotoRegular;font-size: 13px;color: #575757;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
/* Mang XH*/
.mang_xh {position:  relative;margin: 20px 0 0 0;}
.mang_xh span{font-family: RobotoRegular;font-size: 14px;color: #fdfefc;font-weight: 100;margin: 0 10px 0 0;}
.mang_xh a{display:  inline-block;margin: 0 5px 0 0;}
.mang_xh a:hover img{opacity: 0.8;}
/*--------------Liên kết website---------------------*/
#lienket{width: 100%;display:  flex;padding: 20px 0 0 30px;border-left: 1px solid #166d36;border-bottom: 1px solid #2aa658;}
#lienket h4{font-family: UTMAvo;font-size:15px;color: #ffffff;text-transform: uppercase;font-weight: 100;margin: 0 10px 0 0;line-height: 25px;}
.lienket{display: inline-flex;border-left: 1px solid #d3d3d3;}
.lienket li{display: inline-block;float: right;}
.lienket p{margin-right: 10px;}
.lienket img{display: block;}
.lienket a{display: inline-block;border-right: 1px solid #d3d3d3;}
.lienket a:hover img{ opacity:0.7;}

.lienket_r{position: fixed;right: 0;top: 120px;z-index: 99;}
.lienket_r a,.lienket_r a img{display: block;}
/* contact */
.khung_contact{width: 100%;font-family: RobotoRegular;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 20px 0;}
.khung_contact .bando{width: 100%; margin-bottom: 20px;}
.khung_trai,.khung_phai{width: 48%;}
.thongtin_lh{ width: 100%;  padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{width: 100%;}
.form_lh h4{font-family: RobotoBold;font-size: 25px;text-transform: uppercase;color: #000000;margin: 0;}
.form_lh p.mxn{width: 100%; }
.form_lh p.mxn > b{padding: 0px 20px 0px 0px;font-family: RobotoRegular;}
.form_lh p.mxn b span{font-family: Captchacode;font-size: 25px;color: red;}
.form_lh p.mxn input{width: 100px; }
.form_lh p{padding: 5px 0px 5px 0px;margin: 0;width: 100%;display: inline-block;}
.form_lh p input{padding: 10px;width: 100%;border: 1px solid #dddddd;font-family: RobotoRegular;border-radius: unset;}
.form_lh p label{ width: 120px; }
.form_lh p textarea{padding: 10px;width: 100%;border: 1px solid #ccc;font-family: RobotoRegular;border-radius:  unset;}
.form_lh p button{border: 0px;background: #0755a2;padding: 10px 20px;margin: 0;color: #fff;cursor: pointer;font-family: RobotoRegular;font-weight:  100;text-transform:  uppercase;}
.form_lh p button:hover{background: #0755a2bd;}
.form_van input{ width: 100% ; padding: 5px;}
.form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}
.form_contact{   padding: 0 0 10px 0;}
#form_contact input{ padding: 5px;}
/* Download */
.download_box {width: 230px;margin: 0px 25px 10px 0px;text-align: center;border: 1px solid #ddd;}
.download_box p {margin: 0;font-family: RobotoRegular;}
.download_box img {padding: 5px;transform: scale(1);}
.download_box img:hover{transform: scale(1.05);   }
.download_box h3 {text-align: center;font-weight: 100;color: #333;margin: 0px 0px 0px 0px;font-size: 15px;font-family: RobotoBold;width: 100%;display: inline-block;}
.download_box a {margin: auto;display: inline-block;padding: 3px 20px 3px 20px;background: #ff0000;color: #fff;}
.download_box a:hover{background: #13b119;}
/* Video */
.khung_video{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.box_video{width: 100%;padding:  0;}
.box_video img{ max-width: 100%;}
.box_video a h3{text-align: left;margin:5px 0px 0px 0px;width: 100%;font-size: 13px;color: #333333;font-weight: 100;overflow: hidden;font-family: RobotoRegular;}
.box_video:hover a h3{color: #3380cb;}
.box_video:hover{ opacity: 0.8;}
.video_info{font-size: 12px;color:#767676;line-height: 1.3em;}
.video_info .loai_vid a{font-size: 13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.content-2{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box_vid{width:70%;}
.box_vid iframe{height: 500px;}
.box_vid h1{font-size: 20px;color: #000000;width:100%;padding: 0;box-sizing:border-box;font-family: RobotoRegular;font-weight: 100;}
.vid_cmt{width:100%;height:auto;  margin-top: 10px;}
.other_vid{width:28%;}
.title_other{color: #367c5a;font-size: 20px;border-bottom: 1px solid #ccc;text-transform: uppercase;font-family: RobotoRegular;padding:   0 0 5px 0;margin-bottom: 10px;}
.other_vid .box_video_detail{width:100%;display:  inline-block;}
.other_vid .box_video_detail img{width:40%;height:auto;}
.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}
.box_video_detail .vid_info a h3{font-size: 13px;color: #333333;font-weight: 100;font-family: RobotoRegular;}
.box_video_detail:hover .vid_info a h3{color: #367c5a;}
.vid_info .loai_vid a{font-size: 13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.luotxem{ font-style: italic; color: #666; font-size: 12px; }
/* Album */
.khung_album{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 30px;}
.khung_album img{display: block;}
.khung_album h3{text-align: center;width: 100%;margin: 5px 0 0 0;}
.khung_album h3 a{width:  100%;font-family: RobotoBold;color: #333333;font-size: 15px;text-transform: uppercase;}
.khung_album .album:hover h3 a{color: #0061f9;}
.khung_album_images{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
/*--------------tags---------------------*/
.tags{width: 100%; margin-top: 20px; color: #ffffff;}
.tags span{font-family: RobotoBlack; font-size: 14px; font-weight: 100;;}
.tags a{font-family: RobotoRegular;color: #fed700;display: inline-block;font-size: 14px;background: #ffffff78;padding: 5px 10px;margin: 0 5px 5px 0;}
.tags a:hover{color: #fff000;}
/*-----------------end tags-----------------------*/
#frmPrjSearch{}
#frmPrjSearch .khung{display:  grid;grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr;width: 100%;grid-gap: 20px;}
#frmPrjSearch input[type=text]{width: 100%;font-family:  R;font-size:  13px;color: #333333;padding: 11px 10px;border: none;border-right:  none;outline: none;text-indent: 20px;background: url('images/search.png') no-repeat 5px center;}
#frmPrjSearch button{font-family: RobotoBold;font-size: 14px;background: #ffd800;color: #000000;font-weight: 100;border: none;width: 100%;display:  inline-block;padding: 8px 10px;text-transform: uppercase;cursor:  pointer;}
.comboboxs{padding: 0;}
.key{  margin: 0;    padding: 0;    width: 100%;}
.comboboxs select,.comboboxs input{width: 100%;padding: 12px 10px;margin: 0px 0px 0px 0px;color: #333333;font-family: RobotoRegular;font-size: 13px;border:  none;border-left: 1px solid #dddddd;outline:none;}
.entry-title{text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666}
.search-btn{to; */right: 10px;}
/*-----------fanpage----------------*/
.fanpage { position: fixed; top: 200px;right: -300px;z-index: 9999999999;width: 300px;height: 250px;transition: all 0.5s;}
.fanpage .title_fanpage {position: absolute;top: 0px;left: -45px;}
.fanpage:hover {right: 0px;}
/*-----------fanpage-right---------------*/
.face_right{position: fixed;bottom: 0;right: -290px;width: 350px;transition: 0.5s;display:  flex;justify-content: space-between;z-index: 10;}
.face_right.active{right: 0px;z-index: 999999999;}
.face_right .img_face{width: 50px;padding: 0;}
.face_right .rowf_right{width: 290px;}
.fanpage_right{position: fixed;bottom: 300px;right: -303px;width: 355px;transition: 0.5s;display:  flex;flex-wrap:  wrap;z-index: 100;}
.fanpage_right.active{ right: 0px; }
.fanpage_right .img_fanpage{width: 55px;padding: 0;}
.fanpage_right .rowf_right{width: 300px;}
/*-----------fanpage-right---------------*/
/* Doitac */
#doitac{width: 100%;padding: 40px 0;}
.owl_doitac{margin: 0 -5px;}
.owl_doitac .slick-slide {margin: 0 5px;}
.owl_doitac .slick-slide > div{display: flex;}
.owl_doitac .doitac{display: none;}
/* Lien he */
.lienhe{    width: 100%;    }
.lienhe .khung{width: 100%;background: #585656d4;padding: 30px 30px;}
.lienhe .khung p{    font-family: RobotoRegular;    font-size: 14px;    color: #ffffff;    font-style: italic;   margin: 0 0 10px 0;}
.lienhe .khung form{width: 100%; display: inline-block; position: relative;}
.lienhe .khung input,.lienhe .khung textarea{width: 100%;font-family: RobotoRegular;font-size: 14px;padding: 10px;margin-bottom: 10px;border: 1px solid #cccccc;background: transparent;color: #ffffff;}
.lienhe .khung textarea{max-height: 90px;}
.lienhe .khung input::-webkit-input-placeholder,.lienhe .khung textarea::-webkit-input-placeholder {color: #ffffff;}
.lienhe .khung input:-moz-placeholder,.lienhe .khung textarea:-moz-placeholder {color: #ffffff;}
.lienhe .khung input::-moz-placeholder,.lienhe .khung textarea::-moz-placeholder { color: #ffffff;}
.lienhe .khung input:-ms-input-placeholder,.lienhe .khung textarea:-ms-input-placeholder {  color: #ffffff;  }
#recaptcha{display: inline-block;}
.lienhe .khung button{padding: 10px 30px;font-family: RobotoRegular;font-size: 17px;text-transform: uppercase;color: #333333;background: #ffffff;border: none;position: absolute;right: 0;bottom: 0;}
#lienhe{    width: 100%;    }
/*++++++++++LEFT+++++++++++*/
.sp_index{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sp_home{background: #f2f2f2;padding: 25px;}
div#left {width: 250px;position:  relative;z-index: 2;}
.product_detail{width: calc(100% - 270px);}
/*Hover images*/
.hover_img {  width: 100%;    overflow: hidden;}
.hover_img:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #ffffff5e;  content: '';  z-index: 10;  -webkit-transition: -webkit-transform .6s;  transition: transform .6s;  -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_img:hover:before {  webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
/* Zoom In #1 */
.hover_zoom{position: relative;overflow:  hidden;display: block;}
.hover_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; position: relative;}
.hover_zoom:hover img {-webkit-transform: scale(1.09);transform: scale(1.09);}
.hvr-bounce-in { display: inline-block;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s;padding: 20px 10px;}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}
/* Service detail */
.baiviet2{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.baiviet2.box4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;margin: 20px 0;}
.baiviet2 .baiviet2_it{transition: 0.5s all;}
.baiviet2 .baiviet2_it:hover .arrows_left,.baiviet2 .baiviet2_it:hover .arrows_right{opacity: 1;}
.baiviet2 .baiviet2_it .img{width: 100%;margin: 0;overflow: hidden;}
.baiviet2 .baiviet2_it .arrows_right{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
.baiviet2 .baiviet2_it .arrows_left{position: absolute; top: 50%; left: 5px; transform: translateY(-50%); z-index: 99; opacity: 0; transition: 0.5s all;}
.baiviet2 .baiviet2_it .noidung{width: 100%;} 
.baiviet2 .baiviet2_it .noidung > span{font-family: RobotoRegular;font-size: 12px;color: #b8b8b8;font-style: italic;}
.baiviet2 .baiviet2_it .khung > a{display: block;}
.baiviet2 .baiviet2_it img{display: block;}
.baiviet2 .baiviet2_it h3{width:  100%;position:  relative;margin: 10px 0 0 0;}
.baiviet2 .baiviet2_it h3 a{font-family: RobotoBold;font-size: 15px;color: #000000;font-weight: 100;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;}
.baiviet2 .baiviet2_it h3:hover a{color: #1d5ba3;}
.baiviet2 .baiviet2_it p{font-size: 13px;color: #333333;font-family: RobotoRegular;width:  100%;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;max-height: 75px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.baiviet2 .baiviet2_it a.xemthem{font-size:  14px;color:  #2882ce;font-family:  RobotoRegular;padding: 10px 30px;border: 1px solid #2882ce;border-radius: 10px; transition: 1s all;display:  inline-block;}
.baiviet2 .baiviet2_it a.xemthem:hover{color: #000000; border: 1px solid #000000;}
.owl_tinkhac{margin: 0 -10px;}
.owl_tinkhac .slick-slide{margin: 0 10px;}
.owl_tinkhac .baiviet2_it{display: none;}
/* Dịch vụ */
#dichvu{padding: 30px 0;background: #f2f3f2;}
#dichvu .dichvu_d{display: block;}
#dichvu .dichvu_m{display: none;}
#dichvu .slick_dichvu{margin: 0 -16px;}
#dichvu .slick_dichvu .slick-slide{margin: 0 16px;}
#dichvu .dichvu{display: none;}
#dichvu .dichvu img{display: block;}
#dichvu .dichvu h3{margin: 5px 0;}
#dichvu .dichvu h3 a{font-family: RobotoMedium;font-size: 15px;color: #003399;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
#dichvu .dichvu p{font-family: RobotoRegular;font-size: 13px;color: #656565;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 4;max-height: 100px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 100;}
#dichvu .dichvu a.xemthem{font-family: RobotoRegular; font-size: 13px; color: #003399;}
#dichvu .dichvu a.xemthem:hover,#dichvu .slick_dichvu .dichvu:hover h3 a{color: #ff0000;}
/* Công trình */
#congtrinh{padding:  30px 0;}
#congtrinh .slick_congtrinh{margin: 0 -14px;}
#congtrinh .slick_congtrinh .slick-slide{margin: 0 14px;}
#congtrinh .slick_congtrinh .congtrinh{display: none;}
#congtrinh .slick_congtrinh .congtrinh img{display: block;}
#congtrinh .slick_congtrinh .congtrinh h3{text-align: center; padding: 10px; border: 1px solid #ebebeb; border-top: 0;}
#congtrinh .slick_congtrinh .congtrinh h3 a{font-family: RobotoBold;font-size: 17px;color: #3e3e3e;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;}
/* Responsive */
@media(max-width: 1200px){
	#danhmuc .box_danhmuc{display: none;}
	#danhmuc .owl_sp.box_danhmuc{display: block;}
    #danhmuc .owl_sp.box_danhmuc .danhmuc_sp{margin: 0; padding: 0; display: none;}
  
	#menu_mm{display: block;}
	.khung_trai, .khung_phai{width: 100%;}
  /* * */
  .margin_auto{width: 100%;}
  #info{padding: 10px;}
  div#left{display: none;}
  .product_detail{width: 100%;}
  #gioithieu .gioithieu{padding: 0 10px;justify-content: center;}
  #gioithieu .gioithieu .noidung_gt,#gioithieu .gioithieu .img_gt{width: 100%;padding: 0;margin: 0 0 20px 0;text-align: center;}
  .title_gt{padding:0; margin: 0; border: none;}
  #gioithieu .gioithieu .img_gt img{display: inline;}
  /* header */
  nav.menu_top{justify-content: center; flex-wrap: wrap;}
  #header{padding: 0;}
  #header .khung{justify-content: center;}
  #header .hotline{display: none;}
  #header #logo{width: 100%; text-align: center;}
  #header #logo img{display: inline;}
  #header .search{position: absolute;right: 0;top: 11px;padding: 0;margin: 0;}
  /* Mainmenu */
  #mainmenu{width: 100%;height: 40px;position: relative;background: #0061f9 !important;margin: 0;padding: 0 !important;}
  #mainmenu ul li.icon{display: none;}
  #mainmenu .header_mm a{display: block;top: 1px;left: 0;}
  #mainmenu .header_mm a span,#mainmenu .header_mm a:after,#mainmenu .header_mm a:before{background: #ffffff;}
  /* Menu danh muc */
  #menu_left{display: none;}
  /* Footer */
  .footer{flex-wrap: wrap;padding: 20px 20px;}
  .footer .thongtin_ct,.footer .bando{width: 100%;margin-bottom: 20px;}
  .bank,.fanpage{width: 50%; margin-bottom: 20px;}
  .bottom .khung .slider-nav{margin: 20px 0 0 0;}
  .bottom .khung .slider-nav .slick-slide{margin: 0 5px;}

  .frame_images, .khung_thongtin,.khung_product_detail .daxem{width: 100%; padding: 0; margin-bottom: 10px;}
  .load_paging{padding: 0 10px;}

  #header .head_top p:nth-child(2){margin: 0 10px;}
  #header .head_top .lienket,#header .head_top .lienket a{border: none;}
  
  #dichvu .slick_dichvu{margin: 0;}
  #dichvu .slick_dichvu .slick-slide{margin: 0 10px;}

  #congtrinh .slick_congtrinh{margin: 0;}
  #congtrinh .slick_congtrinh .slick-slide{margin: 0 10px;}

  .owl_doitac{margin: 0;}

  .spkhac{margin: 0;}
  .spkhac .slick-slide{margin: 0 5px;}

  #dichvu .dichvu_d{display: none;}
  #dichvu .dichvu_m{display: block;}
  #dichvu .dichvu_m .box_dichvu{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; padding: 0 10px;}
  #dichvu .dichvu_m .box_dichvu .dichvu{display: block;}
}
@media(max-width: 980px){
  #danhmuc .box_danhmuc .danhmuc .noidung:before{display: none;}
  #danhmuc .box_danhmuc .danhmuc .noidung{bottom: unset;padding: 0;line-height: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
  #danhmuc .box_danhmuc .danhmuc .noidung h3 a{font-size: 3vw;}
  #danhmuc .box_danhmuc .danhmuc .noidung > a{display: none;}
  
  #danhmuc{margin-top: 5px;}

  /* Gioi thieu */
  #gioithieu{display: block;padding: 20px 0;}
  #gioithieu .img_gt{display: none;}
  #gioithieu .noidung_gt{width: 100%;margin: 0; text-align: center; padding: 10px;}
  /* San pham */
  .khung_sp{}
  .sanpham{grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px  !important;} 
  .item .img,.item .noidung{padding: 2px;}
  /*Bottom*/
  .bottom{padding: 20px 10px;box-shadow: none;}
  .bottom .bot{width: 100%;margin-top: 20px;}
  .bottom .title_b:after{display: none;}
  #bottom{padding-bottom: 0;}
  /* news */
  .baiviet2{grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;}
  /* Contact */
  .khung_contact{display: block;}
  .top{bottom: 100px;}
  .coppy .khung{justify-content: center;line-height: 30px;margin-bottom: 40px;}
  .coppy .khung p{padding: 0; border: none;}
  #nhantin .khung,.lh{justify-content: center;}

  .lh form{display: block;}
  .lh form .input{margin-bottom: 10px;}
  .lh form input[type=submit]{position: unset;width: 100%;margin-bottom: 10px;}

  .khung_album{grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
}
@media(max-width: 768px){
  #header .head_top .headt_r{width: 100%; text-align: center;}
  /* news */
  .baiviet2{grid-template-columns: 1fr 1fr;}
  .ttit{display: none;}
  .ttit .img,.ttit .noidung_tt{width: 100% !important;}
  #gioithieu:after{display: none !important; }
  .owl_sp .slick-slide{margin: 0 5px;}

 .khung_album{grid-template-columns: 1fr 1fr; grid-gap: 10px;}
}
@media(max-width: 680px){
  .sanpham{grid-template-columns: 1fr 1fr;}
  #danhmuc .box_danhmuc .danhmuc_sp h3 a{font-size: 4vw;}
}
@media(max-width: 500px){
  .item .giaban{font-size: 4vw;}
}
@media(max-width: 380px){
  /* news */
  .baiviet2{grid-template-columns: 1fr;}
}