@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.html') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('../fonts/RobotoMedium.html') format('woff2'),
         url('../fonts/RobotoMedium.woff') format('woff'),
         url('../fonts/RobotoMedium.ttf') format('truetype'),
         url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold.eot');
    src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansBold.html') format('woff2'),
         url('../fonts/OpenSansBold.woff') format('woff'),
         url('../fonts/OpenSansBold.ttf') format('truetype'),
         url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('../fonts/OpenSansExtraBold.eot');
    src: url('../fonts/OpenSansExtraBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansExtraBold.html') format('woff2'),
         url('../fonts/OpenSansExtraBold.woff') format('woff'),
         url('../fonts/OpenSansExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}
@font-face {
    font-family: 'SheliaVNFRegular';
    src: url('../fonts/SheliaVNFRegular.eot');
    src: url('../fonts/SheliaVNFRegular.eot') format('embedded-opentype'),
         url('../fonts/SheliaVNFRegular.html') format('woff2'),
         url('../fonts/SheliaVNFRegular.woff') format('woff'),
         url('../fonts/SheliaVNFRegular.ttf') format('truetype'),
         url('../fonts/SheliaVNFRegular.svg#SheliaVNFRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.html') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
.wrap { text-align:center; line-height:10px; padding:0px; }
.auto{display:inline-block;}

	ul.pagination {
  text-align:center;
  color:#3C8DBC;
}
.text-split {overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.text-split-3 {-webkit-line-clamp: 3;}
.text-split-4 {-webkit-line-clamp: 4;}
.text-split-5 {-webkit-line-clamp: 5;}
ul.pagination li {
  display:inline;
  padding:0 3px;
  float: left;
}
ul.pagination a {
  color:#3C8DBC;
  display:inline-block;
  padding:5px 10px;
  border:1px solid #cde0dc;
  text-decoration:none;
}
ul.pagination a:hover,
ul.pagination a.current {
  background:#3C8DBC;
  color:#fff;
}
.page_info{
margin-top: 13px;
}
.item{
padding-left: 15px;
padding-bottom: 5px;
padding-top: 5px;
}

/*my_glass*/
.my_glass{position: relative;display: block;}
.my_glass:after{content:"";position:absolute;top:0px;left:0px;width:0%;height:100%;background-color:rgba(255,255,255,0.7);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.my_glass:hover:after{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
/*my_glass2*/
.my_glass2{position: relative;display: block;overflow: hidden;}
.my_glass2:after{content:"";position:absolute;top:0px;left:-100%;width:100%;height:100%;background-image:url(../images/glass.png);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;background-size: auto 100%;background-repeat: no-repeat;}
.my_glass2:hover:after{-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out;left:100%;}
/*rd50*/
.my_rd50{position: relative;display: block;overflow: hidden;-webkit-transition:all 0.5s;transition:all 0.5s;}
.my_rd50:hover{border-radius: 50%;}
/*rtt360*/
.my_rtt360{position: relative;display: block;overflow: hidden;-webkit-transition:all 0.5s;transition:all 0.5s;}
.my_rtt360:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
/*scale12*/
.my_scale12{position: relative;display: block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.my_scale12:hover{-webkit-transform:scale(1.2,1.2);transform:rotate(1.2,1.2);}
/*reset*/
* {list-style:none;padding:0;margin:0 auto;}
a {text-decoration:none;}
.hidden {display: none;}
.clear {clear: both;}
.none {display: none;}
.hidden-seoh {visibility: hidden;height: 0px;margin: 0px;overflow: hidden;}
body {font-family:'Arial', 'Helvetica', 'sans-serif';font-size:12px;position: relative;box-sizing:border-box;overflow-y:scroll;}
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
*{margin:0;list-style:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;}
ol, ul{margin:0;padding:0;}
/*=======================================*/
#full{max-width: 1366px;margin: 0px auto;overflow-x:hidden;overflow-y: hidden;}
/*commont*/
.text{text-align:justify;line-height:2em;}
.text img{max-width:100%;}
.clear{display:block;clear:both;}
.left_0{margin-left:0px !important;}
.my_table{display:table;}
.my_row{display:table-row;}
.my_cell{display:table-cell;}
.w100{width: 100%;}
.mw100{max-width: 100%;vertical-align: middle;}
.padding0{padding: 0px}
.paddingright0{padding-right: 0px;}

.paddingleft0{padding-left: 0px;}
.top20{margin-top: 20px;}
.top15{margin-top: 15px;}
.top10{margin-top: 10px;}
.top5{margin-top: 5px;}
.row_min{margin:0px;}
.row_sanpham{margin-left:-15px;margin-right: -15px;}
.inline_block{display: inline-block;}
.hover_red:hover{color:#f00;}
.hover_yellow:hover{color:#ff0;}
.transAll03{-webkit-transition:all .3s;transition:all .3s;}
.transAll1{-webkit-transition:all 1s;transition:all 1s;}
.center{text-align: center;}
/*TOP*/
#top{color:#FFF;font-weight:500;text-align:center;position:fixed;bottom:20px;right:10px;display:none;cursor:pointer;z-index: 100;}
#top:hover{}
#footer-map {
    position: relative;
    height: 440px;
}

#footer-map iframe {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    left: 0px !important;
}
/*++++++++++Lien he+++++++++++*/
.tablelienhe{}
.tablelienhe span {color:#F00;}
.tablelienhe .my_cell {padding:5px 0px;vertical-align:top;}
.tablelienhe .my_cell  label{font-size: 12px;color:#404040;font-weight: bold;}
.tablelienhe .cell_title{text-align: right;padding-right: 15px;}
.tablelienhe .input {height: 32px;padding: 5px;border: 1px solid #d1d1d1;line-height: 20px;color: #666;font-size: 12px;box-sizing:border-box;outline:none; background: #fdfdfd;padding-left: 30px; width: 100%;}
.tablelienhe textarea.input{padding: 10px;}
.tablelienhe .input:focus{border-color:#33a3b3};
.tablelienhe textarea{padding: 5px;}
.tablelienhe .title {font-size:14px;font-weight:bold;text-transform:uppercase}
.button{display:inline-block;padding:5px 20px;border:1px solid #cdcdcd;cursor:pointer;background:#f0f0f0;color:#000;}
.button:hover{ border:1px solid #3399ff;}
.left_lienhe{box-sizing:border-box;}
.right_lienhe{box-sizing:border-box;}
.fa-contact{width: 33px;height: 32px;position: absolute;left: 0px;top:0px;line-height: 32px !important;font-size: 18px !important;text-align: center;color:#CCC1C1;}
.box_input_contact{position: relative;margin-bottom: 10px;}
.contain_map_lienhe{margin-top: 20px;}
.contain_map_lienhe iframe{width: 100%;}
.tablelienhe .box_not_valid .fa-contact{color:#f00;}
/*notify_input*/
.notify_input{width: 13px;height: 13px;display: inline-block;background: url(../images/commont/icon_tip.png) top left no-repeat;position: absolute;top:50%;right: 5px;margin-top: -6px;cursor: pointer;}
.content_notify_input{position: absolute;right:100%;white-space: nowrap;background: #F2F2F2;padding: 2px 5px;border:1px solid #999;top:-5px;display: none;margin-right: 3px;}
.notify_input:hover .content_notify_input{display: block;}
.fa-contact{position: absolute;left: 0px;top:0px;}
/*inner*/
.inner{max-width:1200px;margin:0 auto;position:relative;}
/*header*/
#header{position:relative;max-width: 1366px;margin: 0px auto;height: 103px;background-position: top center;background-repeat: no-repeat;}
#languages{position: absolute;top:0px;right: 0px;}
/*banner*/
#banner{height:auto;}
#banner h1{width:0px;height:0px;text-indent:-9999px;position:absolute;}
#language{position: absolute;top:10px;right: 0px;}
.logo{position: relative;float:left;top:5px;left:30px;}
.banner{position:relative;left:15%;top:10px;}
.top_header{height:40px;background:#EFEFEF;}
.top_header span{line-height:40px;padding-right:35px;font-size:14px;font-family:'RobotoLight','RobotoMedium';}
.social_top{position:absolute;right: 0px;top:5px;}
/*menu top*/
.fixed{position:fixed !important;top:0px;left:0px;right:0px;z-index:999999;}
#menu{height:45px;background:#005CA4;}
#menu ul li{float:left;position:relative;background:url(../images/bg_li_menu.png);background-size:100% 100%;}
#menu ul li a{line-height:45px;font-size:14px;padding:0px 30px;color:#fff;display:block;font-family:'OpenSansBold';text-transform:uppercase;}
#menu ul li.menu_active a,#menu ul li a:hover{color:#ff0;}
#menu ul li ul{width:230px;position:absolute;top:100%;left:0;display:none;z-index:9999;}
#menu ul li ul li{background:#0D6AB1;display:block !important;float:none;border-bottom:1px solid  #2A90DF;}
#menu ul li ul li:last-child{border-bottom: none;}
#menu ul li ul li a{background:none !important;color:#fff !important;line-height:normal !important;padding: 10px 25px;text-transform: none !important;}
#menu ul li ul li a:hover{color:#ff0 !important;}
#menu ul li ul li ul{top:0;left:100%;}

/*menu bootstrap*/
#btn_menu_bootstrap{z-index:999;position: absolute;left: 10px;top:10px;height: 24px;width: 30px;display: none;}
#btn_menu_bootstrap span{background: #fff;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;}
#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #fff;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #fff;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{
    transform-origin:left 1px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left: -200% !important;}
/*search*/
#timkiem{width:248px;height:40px;background:url(../images/bg_search.png);position:absolute;right:0;top:30px;}
#timkiem input[type="text"]{outline:none;background:none;border:none;height:42px;width:200px;padding-left:18px;}
#timkiem #btn{
    height: 42px;
    width: 50px;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    outline: none;
    border: none;
    margin-bottom: 0;
    line-height: 42px;
    text-align: center;
}
#timkiem .fa{font-size:15px;}
/*slider*/
#slider{margin:auto;position:relative;margin-bottom:20px;box-shadow: none;}
.contain_slider{position: relative;margin-top:10px;}
.slider{
    width:100%;
    /* float:left; */
}
.right_slider{width:320px;float:right;}
.right_slider img{margin: 0 auto;}
.item_slider{display:block;position: relative;margin-bottom: 10px;}
.item_slider span{display: block;position: absolute;left: 0px;right: 0px;bottom:0px;color:#fff;text-align:center;padding: 10px 0px;font-size: 14px;text-transform: uppercase;z-index: 999;background:rgba(0, 0, 0, 0.58);}
.item_slider:nth-child(1){margin-bottom:10px;}
/*left*/
#left{float: right;}
.sub_left{margin-bottom:20px;}
.title_left{height:35px;background:#2a8fed;}
.title_left span{font-size:14px;color:#fff;font-weight:normal;text-align:center;text-transform:uppercase;line-height:35px;display: block;}
.item_tooltip{position: relative;}
.my_tooltip{position: absolute;bottom:100%;background: #353535;font-weight: bold;color:#fff;border-radius: 3px;padding: 3px 5px;left: 0;margin-bottom: 5px;display: none;}
.my_tooltip:after{content:"";position: absolute;border-top:5px solid #353535;border-bottom:5px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;top:100%;left:50%;margin-left: -5px;}
/*css simplycroll*/
.contain_list_news_left .vert,.contain_list_news_left .vert .simply-scroll-clip{height: 500px !important;width: 100% !important;}
.contain_news_scroll .list_news_scroll li{width: 100% !important;height: auto !important;padding: 5px 0px;}
.contain_news_scroll .list_news_scroll li img{max-width: 100% !important; }
/*menu left*/
.menu_left ul{background:#2a8fed;}
.menu_left ul li{position:relative;}
.menu_left ul li a{font-size:13px;color:#fff;display:block;border-bottom:1px solid #fff;padding: 10px;position: relative;}
.menu_left ul li a:before{content: "";width: }
.menu_left ul li ul{display:none;width:100%;background:red;}
/*main*/
#main{float:right;}
.sub_main{margin-bottom: 20px;}
.title_main{height:auto;margin-bottom:10px;text-align:center;position:relative;padding-bottom:10px;}
.title_main::after{position:absolute;content:'';width:70px;height:5px;background:#b3b1b1;left:0px;right:0px;margin:auto;bottom:0px;}
.title_main span{color:#005ca4;line-height:35px;font-weight:normal;display: block;font-size: 30px;font-family:'OpenSansExtraBold';text-transform:uppercase;}
.index{position:relative;}
.prev_product{position:absolute;left:-42px;top:25%;z-index:9999;}
.next_product{position:absolute;right:-42px;top:25%;z-index:9999;}
/*product*/
.box_sanpham{float:left;margin-bottom:30px;}
.img_sanpham{text-align:center;overflow:hidden;}
.img_sanpham img {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

.img_sanpham img:hover {
transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
}
.name_sanpham{text-align:center;margin-top:10px;}
.name_sanpham h2{font-size: 15px;color: #000;font-family:'OpenSansBold';}
.gia_sanpham{text-align:center;margin-top:5px;}
.gia_sanpham span{color:#f00;}
.more_sanpham{text-align:center;margin-top:5px;}
.more_sanpham a{background:#2A8FED;display:inline-block;padding:7px 20px;color:#fff;font-weight:bold;}
.more_sanpham a:hover{color:#000;background:#ff0;}
.list_sub_img_detail{position: relative;}
.prev_sub_detail,.next_sub_detail{position: absolute;width: 28px;height: 28px;background: url(../images/icon_next_prev_common_owl.png);z-index: 10;top:50%;margin-top: -14px;}
.prev_sub_detail{background-position: 0px -28px;left: 0px;}
.prev_sub_detail:hover{background-position: 0px 0px;}
.next_sub_detail{background-position: -28px -28px;right: 0px;}
.next_sub_detail:hover{background-position: -28px 0px;}
#sub_img_detail{margin-top: 5px;}
.item_owl_sub{padding: 0px 2px;}
/*product detail*/
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;	}
.bottom_detail{margin-top: 20px;}

.info_detail{box-sizing:border-box;}
.item_info_detail{font-size: 13px;line-height: 20px;padding: 10px 0px;border-bottom: 1px solid #eee;}
.item_info_detail.name_detail{font-size: 18px;font-weight: 400;color: #333;line-height: 25px;}
.item_info_detail.gia_detail span{font-size: 18px;color:#f00;}
/*tab*/
.item_tab{display: inline-block;padding: 10px 15px;color:#000;font-weight: bold;border-bottom: 2px solid transparent;}
.item_tab:hover,.item_tab.active{color:#f00;border-bottom: 2px solid #333;}
.contain_content_tab{padding: 10px 0px;text-align: justify;line-height: 22px;font-size: 13px;}
.content_tab{display: none;}
.content_tab.active{display: block;}
/*news*/
.box_news{display:block;clear:both;padding:10px 0px;border-bottom:1px dashed #cdcdcd;}
.box_news_img{float:left;overflow:hidden;padding: 0px;position: relative;}
.box_news_img a{display: block;position: relative;}
.box_news_name h3 a{color:#000;}
.box_news_name h3 a:hover{color:#f00;}
.box_news_mota{text-align:justify;line-height:22px;margin-top:5px;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;line-height: 1.3;}
.box_news_readmore{text-align:right;float:right;}
.box_news_readmore a:hover{color:#000;}
.box_news_readmore a{display:inline-block;color:#f00;font-weight:bold;font-style: italic;}
/*news other*/
.title_news_other{font-size: 20px;color:#222;margin-bottom: 15px;}
.item_news_other{width:100%;float: left;margin-bottom: 10px;box-sizing:border-box;}
.name_news_other{font-size: 15px;line-height: 20px;font-family:'OpenSansBold'; color:#000;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.3;}
.name_news_other:hover{color:#f00;}
.img_news_other{width: 35%;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width: 65%;float: right;}
/*news two column*/
/*doitac*/
#doitac{background: #f6f6f6;padding: 15px 0px;}
.item_doitac{padding:10px;}

.contain_owl_doitac{position: relative;padding:0px 25px;}
.next_doitac{position: absolute;right:0px;top:10;margin-top: -10px;z-index:10;}
.prev_doitac{position: absolute;left:0px;top:10;margin-top: -10px;z-index:100;}
/*footer*/
#footer{padding:0px;max-width: 1366px;margin: 0px auto;background: #0342AC;}
.map{width:60%;float:left;}
.content_footer{color: #fff;}
.left_footer{width: 40%;float: left;background:#0342AC;padding:15px;position:relative;}
.center-footer{width: 25%;float: left;background:#0342AC;padding:15px;}
.right_footer{float: right;background:#0342AC;padding:15px;position:relative;width: 100%;max-width: 350px;}
.left_footer::after{position:absolute;content:'';width:70px;height:350px;background:url(../images/after_footer.png);left:-70px;top:0px;}
ul.policy li{margin: 5px 0;}
ul.policy li a{color: #fff;font-size: 16px;}
ul.policy li a:hover{color:#ff0}
.title_footer{text-transform:uppercase;color:#fff;font-family:'OpenSansBold';font-size:16px;margin-top:10px;}
.title_mail{max-width:350px;color:#fff;font-size:13px;margin-top:10px;}
.dangkymail{max-width:350px;}
.bottom_footer{background:#053484;padding:10px 0px;color:#fff;font-size:14px;}
/*thong ke*/
.list_thongke{max-width:220px;margin:20px auto;}
.list_thongke li{padding: 5px 0px;font-size: 15px;color:#000;padding-left: 25px;}
.list_thongke li.tk_online{background: url(../images/icon_online.png) left center no-repeat;}
.list_thongke li.tk_week{background: url(../images/icon_week.png) left center no-repeat;}
.list_thongke li.tk_today{background: url(../images/icon_month.png) left center no-repeat;}
.list_thongke li.tk_all{background: url(../images/icon_all.png) left center no-repeat;}
#box_product_ajax .col_sanpham:nth-child(4n+1){clear:both;}
#box_product_ajax .col_sanpham{float: left;}
/* Product  Detail */
.pro-detail-page,
.frame-news-page {width: calc(100% - 300px);margin-right: 30px;float: left;}
.tabs-pro-detail {width: 100%;}
.grid-pro-detail {margin-bottom: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.left-pro-detail {position: relative;width: 40%;text-align: center;margin-right: 2%;background: white;}
.left-pro-detail .MagicZoom {border-radius: 5px;box-shadow: 1px 1px 15px #d2d2d2;overflow: hidden;}
.right-pro-detail {width: calc(100% - 42%);}
.gallery-thumb-pro {position: relative;margin-top: 10px;}
.control-carousel {position: absolute;top: calc(50% - 30px/2);margin-bottom: 0px;width: 30px;height: 30px;text-align: center;line-height: 30px;z-index: 2;background-color: #ffffffa8;color: #000;cursor: pointer;border-radius: 5px;box-shadow: 1px 1px 3px grey;}
.control-carousel:hover {background-color: #fff;opacity: 1;}
.prev-carousel {left: 0px;}
.next-carousel {right: 0px;}
.thumb-pro-detail {display: block !important;border-radius: 5px;cursor: pointer;border: 1px solid transparent;overflow: hidden;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected {border: 3px solid var(--color-title);overflow: hidden;}
.thumb-pro-detail img {box-shadow: none !important;filter: brightness(100%) !important;border-bottom: 0px !important;padding-bottom: 0px !important;}
.title-pro-detail {text-transform: capitalize;font-size: 24px;display: block;font-weight: 700;}
.social-plugin-pro-detail {margin-top: 0px !important;}
.desc-pro-detail {margin-bottom: 1rem;}
.attr-pro-detail {list-style: none;padding: 0px;}
.attr-pro-detail li {border-bottom: 1px dotted #dddddd;padding: 10px 0;}
.attr-pro-detail li label {font-weight: bold;}
.pro-select-quantity {display: flex;align-items: center;}
.attr-label-pro-detail {margin: 0px 5px 0px 0px;}
.attr-label-pro-detail.d-block {display: block;margin: 0px;}
.attr-content-pro-detail {display: inline-block;margin-bottom: 0px;}
.price-new-pro-detail {font-weight: 700;font-size: 20px;color: var(--color-red);}
.price-old-pro-detail {font-weight: 500;color: var(--color-gray);text-decoration: line-through;padding-left: 10px;}
.color-pro-detail {display: inline-block;vertical-align: top;position: relative;width: 35px;height: 30px;margin: 0px 0px 3px 0px;border: 1px solid transparent;}
.size-pro-detail {border: 1px solid #ccc;padding: 3px 10px 4px 10px;display: inline-block;position: relative;}
.size-pro-detail.active,
.color-pro-detail.active {border-color: #e5101d;color: #e5101d;}
.color-pro-detail.active:before,
.size-pro-detail.active:before {content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;bottom: 0px;right: 0px;margin: auto;z-index: 1;background-image: url(../images/check-cart.png);background-repeat: no-repeat;background-position: bottom right;}
.color-pro-detail input[type=radio],
.size-pro-detail input[type=radio] {outline: none;position: absolute;cursor: pointer;width: 100%;height: 100%;-webkit-appearance: none;border: 0px;top: 0px;left: 0px;}
.quantity-pro-detail {width: 100%;max-width: 110px;line-height: normal;display: flex;align-items: center;justify-content: flex-start;text-align: center;padding-left: 10px;}
.quantity-pro-detail span,
.counter-procart {line-height: 30px;padding: 0px;width: 30px;user-select: none;height: 30px;color: #ffffff;cursor: pointer;font-size: 22px;border: 1px solid #cccccc;background-color: grey;}
.quantity-pro-detail span.quantity-plus-pro-detail {user-select: none;font-weight: bold;}
.quantity-pro-detail span.quantity-minus-pro-detail {user-select: none;font-weight: bold;}
.quantity-pro-detail input,
.quantity-counter-procart .quantity-procat {height: 30px;border: none;width: calc(100% - 60px);text-align: center;font-size: 14px;padding: 5px;background-color: #dfdfdf;}
.cart-pro-detail {display: flex;align-items: stretch;justify-content: flex-start;}
.cart-pro-detail a {width: auto;text-align: center;color: #fff;padding: 10px 25px;text-transform: uppercase;border-radius: 3px;cursor: pointer;box-shadow: 1px 1px 15px #dddddd;}
.cart-pro-detail a.addnow {margin-right: 10px;background: -webkit-linear-gradient(top, #00b432, #006b30);transition: all 0.4s ease;}
.cart-pro-detail a.addnow:hover {color: #006b30;transform: scale(0.95);transition: all 0.4s ease;background: #fff;box-shadow: 1px 1px 5px black;}
.addcart {font-size: 16px;font-family: var(--font-title)}
.cart-pro-detail a.buynow {background: -webkit-linear-gradient(top, #cb0000, #8b0000);}
.cart-pro-detail a.buynow:hover {color: #cb0000;transform: scale(0.95);transition: all 0.4s ease;background: #fff;box-shadow: 1px 1px 5px black;}
.cart-pro-detail a i {vertical-align: top;margin-top: 3px;margin-right: 8px;}
.tags-pro-detail {margin: 1rem 0px 2rem 0px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.tags-pro-detail a {font-size: 12px;color: #fff;padding: 5px 10px 7px 10px;margin-right: 5px;margin-bottom: 5px;background-color: var(--color-red);border-radius: 3px;}
.tags-pro-detail a:hover {background-color: var(--color-medium-red);}
.tags-pro-detail a i {font-size: 10px;margin: 5px 5px 0px 0px;}
.tabs-pro-detail .ul-tabs-pro-detail {padding: 0px;list-style: none;margin-bottom: 1rem;border-bottom: 1px solid #e7e7e7;display: flex;justify-content: flex-start;width: 100%;margin-top: 15px;}
.tabs-pro-detail .ul-tabs-pro-detail li {cursor: pointer;margin-right: 5px;margin-bottom: 5px;background: #eee;padding: 5px 10px;}
.tabs-pro-detail .ul-tabs-pro-detail li.active {background: #333;color: #fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child {margin-right: 0px;}
.tabs-pro-detail .content-tabs-pro-detail {display: none;width: 100%;}
.tabs-pro-detail .content-tabs-pro-detail.active {display: block;}
p{margin-bottom: 0;}
/* General */
.share {
	padding: 15px;
	line-height: normal;
	background: rgba(128,128,128,0.15);
	margin: 15px 0;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #333333a6;
}
.d-inline {
    display: inline!important;
}
.share b {
	display: block;
	margin-bottom: 5px;
}
/* Like Share */
.social-plugin {
	display: flex;
	justify-content: flex-start;
}

.social-plugin .at-share-btn {
	margin-bottom: 0px!important;
}

.social-plugin .zalo-share-button {
	margin-left: 3px;
}


/*news scroll*/
.img_news_scroll{width: 30%;float: left;}
.right_news_scroll{width: 68%;float: right;}
.contain_news_scroll .vert,.contain_news_scroll .vert .simply-scroll-clip{height: 427px !important;width: 100% !important;}
.contain_news_scroll .vert .simply-scroll-list li{width: 100% !important;height: auto !important;padding: 5px 0px;}
.contain_news_scroll .vert .simply-scroll-list li img{max-width: 100% !important; }
/*.name_news_scroll h3{font-size: 13px;color:#6c6c6c;line-height: 15px;font-weight: bold;}*/
.name_news_scroll a{font-size: 13px;color:#1f1e1e;line-height: 15px;font-weight: bold;display: block;white-space: normal;overflow: ellipsis;text-transform:uppercase;}
.des_news_scroll{color:#4d5050;font-size: 13px;line-height: 20px;max-height: 44px;overflow: hidden;text-align: justify;margin-top: 5px;}
.date_news_scroll{margin: 3px 0px;}


/*popup*/
#my_popup{position: fixed;top:0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0,0,0,0.5);z-index: 9999;overflow: hidden;text-align: center;display: none;}
.my_box_popup{display: inline-block;height: 85%;margin-top: 7%;max-width: 96%;position: relative;}
.content_popup{position: relative;top:50%;max-height: 100%;}
.inner_content_popup *{max-width: 100%;}
.close_my_popup{position: absolute;width: 53px;height: 18px;background: url(../images/commont/close_popup.png);display: block;top:-25px;right: 0px;cursor: pointer;}

/*social sharethis*/
#share_social *{vertical-align: top;}
#share_social span{margin-top: 0px !important;margin-bottom: 3px !important;}
.stButton .stButton_gradient,.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices{height:21px !important;box-sizing:border-box;vertical-align: top !important;}

.service{background:url(../images/bg_dichvu.png);padding:50px 0px;margin-bottom:20px;}
.img_service{display:block;}
.name_service{display:block;text-align:center;color:#fff;text-transform:uppercase;margin-top:10px;font-size:16px;font-family:'RobotoMedium';}
.title_service{margin-bottom:15px;}
.title_service span{color:#fff;}
.title_main.title_service::after{background:#fff !important;height:3px;}
.name_service:hover{color:#ff0;}
.box_fixed {
    position: fixed;
    top: 15%;
    right: -250px;
    width: 250px;
    z-index: 99;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.box_fixed.lienhe{top:40%}
.box_fixed.active {
    right: 0;
}
.box_fixed .tit {
    position: absolute;
    top: 0;
    right: 100%;
    cursor: pointer;
    width: 40px;
}
.content{height:auto;max-width:400px;}
.content_contact{background:#fff;padding-top:15px;}
#btnReset{opacity:0;}
.about{padding:20px 0px 50px 0px;height:430px;}
.title_about{font-family:'SheliaVNFRegular';font-size:48px;margin-bottom:5px;}
.name_about{font-family:'OpenSansExtraBold';text-transform:uppercase;font-size:30px;color:#e73a27;}
.content_about{font-size:14px;line-height:25px;text-align:justify;font-family:'OpenSansRegular';}
.img_about{position:relative;}
.img_about .img_one:nth-child(1){position:absolute;top:20px;right:0px;}
.img_about .img_one:nth-child(2){position:absolute;top:80px;left:5%;z-index:-1;}
.img_about .img_one img{border:10px solid #fff;box-shadow: 3px 3px 3px -1px #E0E0E0;}
.view_about{display:block;width:130px;height:40px;text-align:center;line-height:35px;border:4px solid #e0e0e0;text-transform:uppercase;color:#000;font-weight:bold;margin-top:10px;}
.view_about:hover{background:#e0e0e0;}
#container{margin-top:20px;}
.box_video{width:100%;}
.contain_video{position:relative;}
#list_video{width:95%;height:30px;position:absolute;left:0px;right:0px;margin:auto;bottom:5px;font-family:'OpenSansBold';}
.title{text-transform:uppercase;font-family:'OpenSansExtraBold';font-size:25px;margin-bottom:15px;color:#053484;padding-left:70px;position:relative;}
.title::after{position:absolute;content:'';height:4px;width:60px;background:#B2B2B2;left:0px;bottom:5px;}
.news_video{margin:30px 0px;}
#map_canvas iframe{width: 100%;}

/* Messenger */
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed {
    display: none !important
}

.js-facebook-messenger-tooltip {
    bottom: 97px;
    right: 97px
}

.js-facebook-messenger-tooltip {
    color: #404040;
    background: #fff
}

.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
    z-index: 999
}

.js-facebook-messenger-tooltip {
    display: none;
    position: fixed;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
    z-index: 1.0E+30
}

.js-facebook-messenger-close-tooltip {
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px
}

.js-facebook-messenger-box.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.js-facebook-messenger-box.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
    z-index: 999
}

.js-facebook-messenger-box {
    display: block;
    position: fixed;
    cursor: pointer;
    bottom: 70px;
    right: 7px;
    width: 56px;
    height: 56px;
    text-align: center;
    background: #1182FC;
    border-radius: 100%;
    overflow: hidden;
    z-index: 99;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3)
}

.js-facebook-messenger-box.rotate svg#fb-msng-icon {
    transform: rotate(0deg)
}

.js-facebook-messenger-box svg#fb-msng-icon {
    width: 32px;
    height: 33px;
    position: absolute;
    top: 13px;
    left: 12px;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-box.rotate svg#close-icon {
    transform: rotate(-45deg)
}

.js-facebook-messenger-box svg#close-icon {
    opacity: 0;
    width: 19px;
    height: 20px;
    position: absolute;
    top: 19px;
    left: 19px;
    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-container, .js-facebook-messenger-container-button {
    z-index: 1000
}

.js-facebook-messenger-container {
    position: fixed;
    opacity: 0;
    transform: translateY(50px);
    bottom: 110px;
    right: 90px;
    border-radius: 10px;
    pointer-events: none;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
    -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
    transition: transform 160ms ease-in-out, opacity 160ms ease-in-out
}

.js-facebook-messenger-top-header {
    width: 220px
}

.js-facebook-messenger-top-header {
    color: #fff;
    background: #1182FC
}

.js-facebook-messenger-top-header {
    display: block;
    position: relative;
    width: 220px;
    background: #1182FC;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 10px;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
    z-index: 999
}

.js-facebook-messenger-container, .js-facebook-messenger-container-button {
    z-index: 1000
}

.js-facebook-messenger-top-header {
    color: #fff;
    background: #1182FC
}

.js-facebook-messenger-top-header {
    width: 220px
}

.js-facebook-messenger-tooltip {
    color: #404040;
    background: #fff
}

.js-facebook-messenger-container.open {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all
}

.js-facebook-messenger-tooltip {
    bottom: 97px;
    right: 97px
}

.js-facebook-messenger-box.open svg#fb-msng-icon {
    opacity: 0
}

.js-facebook-messenger-box.rotate.open svg#close-icon {
    transform: rotate(0deg)
}

.js-facebook-messenger-box.open svg#close-icon {
    opacity: 1
}

@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
#footer1{display:none;}
@media(max-width: 800px){

    #footer1{display: block;}
    .social_top{display: none;}
    .top_header{height: auto;}
    .slider{width:100%;}
    .about{height:auto;}
    .prev_product,.next_product{display:none;}
    .map{width:100%;}
    .left_footer,.center-footer{width:100%;margin-bottom: 20px;}
    .bottom_footer{text-align:center;padding:15px;}
    .label_serv_onl{
        width:45px !important;height:45px !important;border-radius: 5px;
        background:url(../images/images.png) !important;background-size: 100% 100% !important; margin-bottom:10px;
    }
    #ser_onl{left:10px;bottom:51px !important;}
    .box_fixed{display: none;}
    .top_header{padding: 0px 15px;}
    .top_header span{display: block;text-align:center;padding: 0px;font-size: 13px;line-height: normal;padding: 5px 0px;}
    #timkiem{top:90px;}
    .right_slider{width: 100%;}
}
@media(min-width:768px) and (max-width:800px){
    .item_slider{width:50%;float:left;}
    .item_slider img{margin:auto;}
    .img_about .img_one{position:static !important;width:100%;float:left;margin-top:5px;}
    .img_about .img_one img{border:none !important;margin: auto;}
    .contain_news_scroll .vert,.contain_news_scroll .vert .simply-scroll-clip{height:273px !important;}
}
@media(max-width:736px){
    .right_footer{max-width:none;text-align:center}
    .img_about .img_one{position:static !important;width:49%;float:left;margin-top:5px;}
    .img_about .img_one img{border:none !important;}
    .img_about .img_one:nth-child(2){margin-left:2%;}
    .logo{width: 30%;left: 5px;float: left;}
    .banner{width: 65%;float: left;left: 5px;}
    .top_header{padding: 0px 15px;}
    .top_header span{display: block;text-align:center;padding: 0px;font-size: 13px;line-height: normal;padding: 5px 0px;}
    #timkiem{top:60px;}
    .contain_slider{margin-top:0px;}
    .right_slider{width:100%;}
     #timkiem{top:90px;}
     .item_slider{width:49%;float:left;}
     .item_slider:nth-child(2){margin-left:2%;}
       
}
@media(max-width:568px){
    .title_about{text-align:center;}
    .name_about{font-size:20px;text-align:center;margin-top:10px;}
}
@media(max-width: 414px){
    .item_slider:nth-child(2){margin-left:0;}
    .logo{width: 30%;left: 5px;float: left;}
    .banner{width: 65%;float: left;left: 5px;}
    .top_header{padding: 0px 15px;}
    .top_header span{display: block;text-align:center;padding: 0px;font-size: 13px;line-height: normal;padding: 5px 0px;}
    #timkiem{top:60px;}
    .contain_slider{margin-top:0px;}
    .right_slider{width:100%;}
    .item_slider{width:100%;}
    .item_slider img{margin:auto;}
    .title_about{font-size:25px;text-align:center;}
    .name_about{font-size:16px;text-align:center;}
    .title_service span,.title_main span{font-size:20px;}
    #map_canvas4{height:200px !important;}
}