body{background-color: #fff !important;font-family: 'Montserrat', sans-serif;color: #000;}
.bgr_body{	background-color: #fff;}
body:not(.sidebar-false){padding-left:0}
.clear{ clear: both;}
.left{ float: left;}
.right{ float: right;}
.c_in{    width: 1200px;}
.l1 { -webkit-line-clamp: 1;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding: 0}
.adv_line_top1{ background-color: #0c2f67; color: #fff;}
.adv_line_top1 .left{ line-height: 33px;}
.adv_line_top1 .right{ max-width: 50%; }
.adv_line_top1 .right .topmenu{ float: left;}
.search-top{ cursor: pointer; position: relative; background: url("../images/btn-search.png") no-repeat top left; width: 44px; height: 33px; float: left; border-left: 1px solid #93caa2; border-right: 1px solid #93caa2; margin-right: 15px;}
.search-top form{ display: none; position: absolute; top: 33px; right: 0px; width: 250px; z-index: 99;}
.global{ cursor: pointer; background: url("../images/global.png") no-repeat top left; width: 46px; height: 33px; float: left; border-left: 1px solid #93caa2; border-right: 1px solid #93caa2;}
.left_index{	float: left; width: 230px; } 
.box-home{margin: 50px auto;    text-align: center;}
.box-home .intro-home{float: left;width: 80%;text-align: left;font-size: 13px; text-align: justify;}
.box-home .details{margin-top: 10%;float: right;}
.box-home .details a{background: #b98f2d;    padding: 7px 30px;    border-radius: 10px 0;    color: #fff;font-size: 13px; }
.box-home .details a:hover{background: #513c0b;  }
.intro-home a:hover{background: #836112}
.SlideD{ width: 100%; overflow: hidden;}
.SlideD .slide{ width: 100%; overflow: hidden; position: relative;}
.SlideD .slide .content{ width: 1000%; position: relative; overflow: hidden;}
.SlideD .control{ background: url(../images/control.png) no-repeat top left; display: block; height: 40px; width: 27px; position: absolute; z-index: 999; top: 210px; cursor: pointer;}
.SlideD .control.prew{ background-position: top left; left: 5px;}
.SlideD .control.next{ background-position: top right; right: 5px;}
.body-m{z-index: 9;left: 0;}
.slide-js{z-index: -1;}
.jssora22l,.jssora22r{display: none !important}
.category_text{display: none}
.style1{ background-color: #fff; overflow: hidden; position: relative; padding: 20px 40px; }
.style1 h1{width: 60%; margin: 5px auto; color: #0c2f67; text-align: center; text-transform: uppercase; font-size: 24px; padding: 10px; position: relative;}
.style1 h1 span{ background-color: #fff; padding: 10px; display: inline-block;font-size: 38px;font-weight: bold;}
.style1 .list-item{ list-style: none; display: block;}
.style1 .list-item li{ float: left;}
.style1 .list-item li div{     border: 1px solid #dedede;    border-radius: 10px;    overflow: hidden;    width: 200px;    height: 213px;    margin: 6px 13px;    align-items: center;    display: flex;}
.LK-box{font-size: 14px;text-transform: uppercase;}
.sys_product_detail_boxpro{display: none !important}
.fb-comments,.share{display: none !important}
.system-style.style-0.detail-content-form{float: right;margin:0;    width: 65%;}
.style1 .list-item li div .image{ display: block; background-color: #fff; text-align: center;}
.style1 .list-item li div .image img{ max-width: 100%; }

.style2 .click-top{ position: absolute; top: 75px; left: 50%; border: 0px solid; width: 50px; height: 50px; z-index: 99; margin-left: -25px;}
.style2 .tbox{ margin: 5px auto; color: #0c2f67; text-align: center; font-size: 20px; padding: 10px; position: relative;}
.style2 .tbox span{ background-color: #fff; padding: 5px 10px; display: inline-block;font-size: 38px;font-weight: bold;}
.style2 .list-item{ list-style: none; display: block; margin-top: 60px;}
.style2 .list-item li{ float: left; width: 33%; border-right: 1px dashed #222;}
.style2 .list-item li:nth-child(3n){ border-right: none;}
.style2 .list-item li div{ margin: 0px 30px;}
.style2 .list-item li div .name{ color: #0c2f67; font-size: 20px; margin-bottom: 15px; display: block;}
.style2 .list-item li div .name2{ color: #0c2f67; font-size: 16px; margin-bottom: 10px; display: block;}
.style2 .list-item li div .image{ display: block; text-align: center; margin-bottom: 10px;}
.style2 .list-item li div .image img{ width: 100%; height: 185px; border-radius: 10px;}
.style2 .list-item li div p{ line-height: 20px; height: 80px; margin-bottom: 10px; overflow: hidden; font-size: 12px; text-align: justify;}
.style2 .list-item li div .link{ float: right; color: #0c2f67; font-size: 12px;}
.style2 ul li{list-style: none;width: 24%; float: left;height: 425px; padding: 5px; border: 1px solid #ededed; }
.style2 ul li{margin: 0 5px}
.style2 ul li .imghover-2{width: 270px; height: 325px; overflow: hidden;}
.style2 ul li .imghover-2 img{width: 300px;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.style2 ul li .imghover-2 img:hover{transform: scale(1.1);}
.style2 .name{ font:bold 1.5em/1.8em 'Montserrat', sans-serif}
.style2 .name a{color: #000}
.style2 ul li .info p{font:1.0em/1.2em 'Montserrat', sans-serif}
.style2 .info{font-size: 12px; display: flex;}
.style2 h1{font-size: 25px; margin: 20px 0;font-weight: bold;}
.submenu{text-align: center;    margin: 86px 0 20px 0;}
.submenu li{margin: 0 20px}
.imgover{width: 300px; height: 400px; overflow: hidden;}
.imgover img{width: 300px; transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.imgover img:hover{transform: scale(1.1);}
.c3title{    font:bold 14px/20px 'Montserrat', sans-serif;    color: #005ab7;}
.c3in{ font-size: 12px;    margin: 10px 0;}
.c3detail{transition: 0.3s;font-size: 14px}
.c3detail:hover{color: #0ea4dd;}
.right_pro_infomation {width: 791px;min-height: auto;}
.left_pro_slide{float: left;}
.ns-pro{float: left;  width: 290px;border: 1px solid #efefef;    vertical-align: top;    margin: 5px 5px;    text-align: center;height: 450px;}
.ND-title{
font: 1.3em/1.5em 'Montserrat', sans-serif;
    color: #858585;
    padding: 0 10px;
    max-height: 3em;
    text-transform: uppercase;
    margin-top: 10px;
 
}  
.ND-tomtat{
    font: 1.8em/1.5em 'Montserrat', sans-serif;
    color: #c2c2c2; 
    padding: 0 10px;
    text-align: justify;
    max-height: 54px; overflow: hidden;
 
}  
.Price{display: -webkit-box;padding: 0 10px;min-height: 20px;color: green;} 
.product-big-oldprice{color: #1d1d1d;margin: 10px;font-size: 15px;text-decoration: line-through;}
.price{padding: 3px 0;font-size: 17px;color: green; }
.aprice{display: inline-flex; } 
.Nprice{color: #858585; padding: 0 2px;}
.Inprice{font: 1.6em/2.5em 'Montserrat', sans-serif; color: #ff0000; padding: 0 2px; } 
.Detail{    font: 1.2em/1.5em 'Montserrat', sans-serif;    color: #fff;     background: #257ada;    float: right;    margin: -7px 10px;    padding: 3px 18px;    cursor: pointer;        border-radius: 10px;} 
.Detail a{font: 1.2em/1.2em 'Montserrat', sans-serif;color: #fff;}
.Detail:hover{ background: #0b315b;} 

.oveflowpr{width: 290; height: 350px; overflow: hidden;}
.oveflowpr img{width: 300px; transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.oveflowpr img:hover{transform: scale(1.1);}
.rbox{float: right;position: absolute;}
.lang {display: -webkit-inline-box;   margin: 15px 0;float: right;border: 1px solid #afafaf; padding: 5px 15px; border-radius: 16px;}
.vn {background: rgba(0, 0, 0, 0) url("../images/vn.png") no-repeat scroll 50% 50%;  padding: 0 9px;}
.en {background: rgba(0, 0, 0, 0) url("../images/en.png") no-repeat scroll 50% 50%;  padding: 0 9px;}
.si { background: url("../images/spriteIcon.png") no-repeat transparent;}
#menuRight{position:fixed;top:0;right:0;background:#F00;height:100%;width:35px;transition:all 0.15s;z-index:9999999; list-style: none;}
#menuRight>li:first-of-type>p{padding:0}#menuRight>li:last-of-type{position:absolute;right:0;bottom:0;width:35px}#menuRight>li{margin:5px
0}#menuRight>li:hover,#menuRight>li.active{background:#f14e23}#menuRight>li.active>ul{display:block}#menuRight>li.close{visibility:hidden}#menuRight>li.close.show{visibility:visible}#menuRight>li>p{display:block;color:#fff;cursor:pointer;text-align:center;padding:10px
0;position:relative;font-size:11px}#menuRight>li>p>a{color:#fff}#menuRight>li>a{display:block;width:34px}#menuRight>li>p>span{background:#fff;line-height:normal;padding:0
4px;display:inline-block;color:#000;font-size:11px;border-radius:2px;font-weight:bold;margin-top:3px}#menuRight>li>p
i{display:block;height:25px}#menuRight>li>ul{position:absolute;top:0;left:35px;width:280px;background:#f7f7f7;height:100%;display:none; list-style: none;}
#menuRight>li>ul>li:first-of-type{line-height:30px;text-transform:uppercase;background:#464646;color:#fff;font-size:11px;text-align:center}#menuRight>li>ul>li:last-of-type{padding:10px}#menuRight>li>ul>li:last-of-type>p{display:block;padding:3px
0}.attr>a.active{box-shadow:0 0 1px 1px #FF7A00 !important}
.itemCarts {    border-bottom: 1px solid #ccc;    padding: 10px 0;}
.itemCarts>a{float:left;width:50px;margin-right:5px}.itemCarts>a>img{display:block;width:100%}.itemCarts>p{display:block;padding:3px
0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itemCarts>p>a:hover{text-decoration:underline}.itemCarts>p>i{float:right;margin-right:10px;cursor:pointer;font-size:14px;color:#919191}.itemCarts>p>b{color:#919191}.paginator{margin:20px
0;text-align:center}
.blx_support .title{	font-size: 13px; font-weight: bold;}
.blx_support a{	display: block; text-indent: 20px; margin-top: 10px; margin-left: 10px;}
.bl_support {    background: #e43230 none repeat scroll 0 0;    padding: 10px 0 10px 9px;	margin-top: 10px; color: #ffffff; font-size: 15px;}
.hover_slide{	position: absolute; top: 0px; left: 0px; width: 100%; height: 370px;}
.hover_slide .c{	position: relative; top: 0px; left: 50%; width: 1100px; margin-left: -575px;}
.about{	background-color: #000; 	height: 300px;}
.about .left_about{	float: left; 	width: 700px;	margin: 20px;}
.about .left_about h1{	font-size: 30px; 	color: #ffffff;	font-weight: normal;	margin-bottom: 10px;}
.about .left_about .text-justify{	font-size: 17px; 	color: #ffffff;	line-height: 22px;	text-align: justify;}
.about .left_about .readmore{	font-size: 17px; 	text-decoration: underline;	margin-top: 15px;	color: #ffffff;	display: inline-block;}
.about .right_about{	float: right;	width: 393px;	margin: 20px;}
.ul-cs {margin-left: 30px}.ul-cs > li{position: relative;    padding-left: 46px;    margin: 4px 25px;    font: 1.2em/18px 'Montserrat', sans-serif;}
.ul-cs > li >span{    margin-top: 1px; display: block;}
.ul-cs > li::before{    content:'';    width: 36px; height: 100%;    position: absolute;    top: 1px; left: 0;    background: url('../images/giaohang.png') no-repeat 0 50%;}
.ul-cs > li.order::before{    height: 38px;     width: 38px;   top: 0px; left: 0;    background-position: -36px 50%;}
.ul-cs > li.shipment{    padding-left: 52px;  }
.ul-cs > li.shipment::before{    width: 46px;     top: 0px; left: 0;    background-position: -74px 50%;}
.top_line_text_box{    font-size: 1.2em}
.top-menu{top: 0; right: 0; margin-right: 15px;height: 45px;  float: right;}
.top-menu > .ptx{	font-size: 12px; color: #999999; margin-right: 30px;}
.top-menu .hotdeal{display: none; width: 130px; height: 64px; background: url('../images/hot-deal.png') no-repeat; position: absolute;top:-5px; left: -50px; z-index: 1}
.topmenu li{ float: left;padding: 0px 5px;}
.topmenu li a{    font:1.2em/33px 'Montserrat', sans-serif;    color:#fff;         text-transform: normal;    font-size: 12px;}
.content_header{	position: relative;  float: left; margin-top: 65px;margin-left: 50px;width: 75%;}
.main-menu{width: 55%; float: left;}
.logo{    margin: 15px 0;    float: left;z-index: 999;}
.logo img{   height: 75px;}
.topmenu{    margin-right: 0px;}
.main-menu .li-level-1 a{	margin: 5px; color: #fdfdfd; font-size: 15px; line-height: 35px; padding: 10px;}
.main-menu .li-level-1 a:hover, .main-menu .li-level-1 a.active{	background-color: #faf8e4; border-radius: 5px 5px 0px 0px; color: #071e42;}
/*css sub menu*/
.main-menu .li-level-1 {	position: relative;  }
.main-menu .li-level-1 .ul-level-1{	position: absolute;	width: 218px;	top: 35px;	left: 0px;	z-index: 999;	display: none;}
.main-menu .li-level-1:hover .ul-level-1{	display: block;}
.main-menu .li-level-1 .ul-level-1 .li-level-2{	position: relative; display: block;}
.main-menu .li-level-1 .ul-level-1 .li-level-2 .text-level-2{	display: none !important;}
.main-menu .li-level-1 .ul-level-1 .li-level-2 a{	padding: 3px 5px; display: block; text-transform: none; border-radius: 0px; margin: 0px 1px;}
.main-menu .li-level-1 .ul-level-1 .li-level-2 .ul-level-2{	position: absolute;	width: 200px;	top: 0px;	left: 218px;z-index: 999;	display: none;}
.main-menu .li-level-1 .ul-level-1 .li-level-2:hover .ul-level-2{	display: block;}
.main-menu .li-level-1 .ul-level-1 .li-level-2 .ul-level-2 .li-level-3{	display: block;}
.main-menu .li-level-1 .ul-level-1 .li-level-2 .ul-level-2 .li-level-3 a{	line-height: 30px; text-transform: none;}
.main-menu .sf-with-ul{
	padding-right: 20px;
	display: block;
	line-height: 24px;
	height: 35px;
    line-height: 16px;
    margin: 0 5px;
    padding-right: 20px;
}
 
.main-menu .sf-with-ul::after{
	right: 5px !important;
}
.main-menu .li-level-1 > a.sf-with-ul{
	line-height: 16px; margin: 0px 0px; 
}
.main-menu .li-level-1 > a.sf-with-ul::after{
	right: 10px !important;
}
.sf-arrows .sf-with-ul:after {
display: none;
}

.dangnhap{
    top:26px; font-size: 1.2em; right: 15px;  
}
.dangnhap .b-header-3__user{
   background: #f6f6f6; border-radius: 15px; border: 1px solid #ededed;
    padding:10px 22px 10px 10px; cursor:pointer; 
}
.dangnhap .p1::after{
    content: '';
    position: absolute; top:40%; margin-left: 8px;
    border: 5px solid transparent;
    width: 0px; height: 0px;
    border-top-color: #34a8e2;
}

.header2 .menu{
    height: 390px; border:1px solid #d6d6d6;float: left;
    width: 220px; background-color: #fff; vertical-align: top;
    border-top: none;
}
.menu-in-list{
    display: none;
}
.menu .title-all,.header2.mlist > .menu-in-list{
    background: url('../images/icon-all.png') no-repeat 10px 50%;
    padding-left: 45px; 
    font:1.3em/30px 'Montserrat', sans-serif; color: #5f5f5f;
    border-bottom: 1px solid #d6d6d6;
    
}
.header2.mlist > .menu-in-list{
    
    display: block; width: 218px;
     border: 1px solid #d6d6d6;border-top: none;
}
.header2.mlist .menu{
    height: auto;
}
.header2.mlist  .menu .main-menu-content{    
    position: apsolute;            
}
.header2.mlist .rheader2{
    
}
.header2.mlist .menu .title-all:hover ~ .main-menu-content{
    display: block;
}

.header2.mlist .mxlist{
    position: absolute; z-index: 3333; top: 0; left: 0; display: none;
}
.header1 {
    background:#fff url('../images/bg-header.png') repeat-x bottom ;
    border-bottom: 1px solid #e0e0e0;
}
.header2.mlist .mxlist .hover-content{height: 384px;border-bottom: 1px solid #d6d6d6;}





.mainmenu li > .item-name,.mainmenu li > a > .item-name{
    color:#5f5f5f; font:1.3em/38px 'Montserrat', sans-serif;position: relative;
    margin-left: 10px; display: block;
}
.mainmenu li{
    border-bottom: 1px dashed #d1d1d1; 
}
.header2 .rheader2{
    vertical-align: top;
    border-top :1px solid transparent;
    width: 980px; float: left;
    height: 390px;
   
}
.mainmenu li > a.sHover::after{
    content:'';
    width: 10px; height: 100%;
    background: url('../images/icon-menu-hover.png') no-repeat 0 50%;
    position: absolute; right: 10px; top: 0;
}
.hover-content{
    position: absolute; background: #fff;
    height: 389px; width: 980px; z-index: 1024;
}
.hover-content .sub_item >li{
    width: 25%;  vertical-align: top;
}
.hover-content .sub_item >li:last-child{
    position: absolute; right: 0; top: 0; 
}
.hover-content .sub_item >li .block{
    margin: 10px 15px;
}
.hover-content .sub_item >li .block > a{
    color:#333;
    font:1.2em/20px 'Montserrat', sans-serif;
    display: block;
}
.hover-content .sub_item >li .block > h2{
    color:#333;
    font:bold 1.2em/25px 'Montserrat', sans-serif;
    display: block;
}.hover-content .sub_item >li .block > h2 a{color: #333;}
.hover-content .sub_item >li .block  a:hover{
    color:#1384CA;
    text-decoration: underline
        
}

 
.index_adv{    width: 870px; height: 280px;}

.box_index .box_index_header{    height: 40px; margin: 25px 0; border-bottom: 1px dashed #bfbfbf;}
.box_index .box_index_header .box_index_name > a{
    color: #000000; display: inline-block;    
    padding:0 20px 0 15px;
    background: url('../images/icon-menu-view-all.png') no-repeat 100% 50%;
    font-size: 18px;
    font-weight: normal;
}
.ul-box-index-list-child{    display: inline-block; vertical-align: top;margin-left: 15px;}
.ul-box-index-list-child > li a{
    color:#575757;vertical-align: top;
    font-size: 1.3em; line-height: 38px;
    padding: 0 10px; background: url('../images/icon-index-box-arrow.png') no-repeat 100% 50%;
}
.ul-box-index-list-child > li:last-child a{    background: none;} 
.ul-box-index-list-child > li a:hover{color: #000;}
.index-box-view-all{    color:#0093dd; font:1.1em/40px 'Montserrat', sans-serif; padding-right: 5px;    right: 10px; top: 0; }
.box-index-content-left{    width: 950px; display: inline-block; vertical-align: top;}
#header .header_in, #main .main_in{    background: #fff;}
.fixed3{top:150px !important;display: none !important;}
.category_text img{ max-width: 100%;} 
.item-img{height: 145px; overflow: hidden;}
.item-block .item-img img{   display: block;    padding: 18px;}
.item-block .item-name{color: #2564b4;    font:1.3em/24px 'Montserrat', sans-serif;    height: 25px; overflow: hidden; font-size: 18px; margin: 10px 0px;text-align: center;} 
.item-block .item-desc{font-size: 13px; overflow: hidden;max-height: 60px; line-height: 15px; }
.item-block .item-price{color:#ff0000;    font:1.4em/20px 'Montserrat', sans-serif;    margin-top: 5px; display: none;}
.item-block .item-old-price{color:#717070;    font:1.2em 'Montserrat', sans-serif;    text-decoration: line-through;}
.item-block .btn_link{    color: #777; font-size: 15px; display: block; width: 100%; text-align: center; margin-top: 10px;}
.item-block .btn_link.last{    float: right; display: none;}
.item-news > li{	width: 24.7%; height: auto !important; margin: 0px !important; border: none;}
.item-news li .item-name{	height: auto !important; font-size: 15px !important; margin: auto 30px !important; font-weight: bold; line-height: 18px; margin-top: 10px !important;	color: #444444;}
.item-news li .item-img{	border: none; height: auto; width: 100%;}
.item-news li .item-img:hover{	box-shadow: none;}
.item-news li p{	margin: auto 30px; height: auto !important;}
.item-news li .item-img img{	width: 80%; height: 125px; margin: 0 auto; display: block;}
.item-news li .btn_link{	margin-left: 30px; width: auto; padding: 0px 10px;}
.s_form_content{	margin-right: 10px !important;}

/*s_list_news*/
.s_list_news{	overflow: hidden;}
.s_list_news >li{    margin-top: 10px; width: 293px !important; height: 450px !important; margin-right: 22px !important; float: left; overflow: hidden;	border: none !important;}
.system-style.style-news-1 .first-item img {margin-right: 10px;margin-left: 0;}
.s_list_news > li:nth-child(3n){	margin-right: 0px !important;}
.s_list_news .sys-img, .s_list_news .img{	    display: block; border: none; height: 250px; width: 300px !important;}
.s_list_news.sys-img:hover, .s_list_news.img:hover{	    box-shadow: 0px 0px 4px #d0d0d0;}
.s_list_news .sys-img img, .s_list_news .img img{    height: 240px !important; width: 300px !important; display: block;}
.s_list_news .sys-nname, .s_list_news .nname{    color: #000000 !important;    height: 25px; font-size: 24px; margin: 10px 0px;}
.s_list_news .sys-info, .s_list_news .info{    font-size: 13px; overflow: hidden; height: 93px; line-height: 15px;}
.s_list_news .vdetail{
    color: #ffffff; font-size: 14px; display: block; float: left; padding: 10px !important;
    background-color: #62a8ea !important; width: 45%; border-radius: 10px; text-align: center;
    margin: 10px 0px; left: 0px; position: relative !important;
}
.box_index{    margin-bottom: 0px;}
.box-index-content-right{    width: 246px; display: inline-block; text-align: right; margin-top: 10px;}
.box-index-content-right .box-right-top img{    max-width: 100%;}
.box-right-bottom{
    overflow: hidden;
    margin-top: 15px;
        
}
.box-right-bottom a{
    text-align: center; vertical-align: middle;
    width: 105px;    
    
}
.box-right-bottom a img{max-width: 95%;width: 100px;}
.box-right-bottom table tr td{vertical-align: middle;} 
.box-right-bottom table tr {height: 72.3px;}
.box-right-bottom a.view-all{    color:#00aaf1; font-size: 1.2em;}
.adv-index-box img{max-width: 100%; max-height: 100%;}
.adv-index-box{    margin: 10px 0px; height: 305px;}
.adv_bottom{    margin: 10px 0 ;}
.adv_bottom img{max-width: 100%;}
.email_marketing{    background-color: #F3211F;    margin: 0 0 10px  0;}
.email_marketing  span{    color: #fff;    font-size: 1.7em;    vertical-align: middle;    margin: auto 25px;}
.email_marketing  input[type=email]{    width: 384px; height: 33px; padding-left: 5px; font-size: 1.2em; margin: 15px 0;}
.email_marketing  input[type=submit]{    font-size: 1.5em;color: #fff; background-color: #D0AA8A; text-transform: uppercase; margin-left: 15px; padding: 0 15px; border:1px solid transparent;    vertical-align: middle; height: 31px;}
.slide_footer{	padding: 10px; overflow: hidden;}
.slide_footer .box_index_name{	margin-bottom: 10px; font-size: 17px; text-transform: uppercase;}
.slide_footer ul{	list-style: none; position: relative; width: 2000px;}
.slide_footer ul li{	float: left; margin-right: 10px;}
.slide_footer ul li img{	display: block; width: 265px; height: 120px; border: 1px solid #dedede;}
.sys-bottom-pay-method{	display: none;}
.system-style.bottom_nav li a,.system-style.bottom_nav li a[role=none]:hover,.system-style.bottom_nav li li a,.system-style.bottom_nav li .mn-intext,.system-style.addContact > .ft_in_content_flcx,.system-style.share p.sys-title{color:#fff;}
.system-style.bottom_nav li a:hover{    color:yellow;}
.system-style.addContact{  border-color: #a8c5d2;border-top:none}
.slide_banchay_content li {    width: 160px; text-align: center;}
.slide_banchay_content li .item-name{    color: #3d3d3d;    font:1.2em/18px 'Montserrat', sans-serif;    max-height: 36px;}
.slide_banchay_content li a:hover{    text-decoration: underline;}
.slide_banchay_content li .pimg{    height: 185px; width: 160px; vertical-align: middle; display: table-cell;}
.Firefox .slide_banchay_content li .pimg{    display: block;}
.slide_banchay_content li .item-img{    max-width: 100%;    max-height: 100%;}
.slide_banchay_content li .item-img img{    max-height: 100%; max-width: 100%}
.tree{    margin-left: 15px;}
.tree > li > a{    color:#0076b2; font: 1.4em/40px 'Montserrat', sans-serif;}
.tree > li > a:hover{opacity: 0.8;}
.tree > li > a::after{    content:'/';    display: inline-block;    margin: auto 5px; }
.tree > li:last-child > a::after{display: none;}
.col-left{    float: left;    width: 247px; border-right: 1px solid #d6d6d6;}
.col-right{    float: right;    width: 925px; }
#getFixed:hover{overflow: initial !important}
 
.col-left .left-menu{ margin: 0px 10px;}
.left-menu .li-level-1 .text-level-1 { display: none !important;}
.left-menu .li-level-1 a { background: url(../images/bgr-left-menu-li.png) no-repeat 5px center; color: #2564b4;}
.left-menu .li-level-1 :hover{ background-color: #f3f7f4;}
.box_index.box_in{ margin-top: 15px; }
.box_index .box_index_header.box_in{}
.left_box{ margin-bottom: 5px; border-bottom: none; margin: 10px;}
.left_box .left_box_title{    font-size: 18px; padding: 5px;  background: #2564b4; border-radius: 10px 10px 0 0; color: #fff;}
.left_box .item-img{    width: 100%; border: none; height: auto;}
.left_box .item-img img{    width: auto; margin: 0px auto; display: block;}
.left_box .item-name{    font-size: 15px;}
.Gioithieu{ width: 100%;}
.NDboxgioithieu{ text-align: center; background: url(../images/bgr-title-detail.png) no-repeat bottom center; padding-bottom: 15px; margin-bottom: 10px;}
.GTtitle{ font-size: 18px; color: #666666;}
.list-category{ list-style: none;}
.list-category li{ float: left; width: 33.3%;}
.list-category li div{ margin: 10px;}
.list-category li div .name{ color: #2564b4; font-size: 20px; display: inline-block;}
.list-category li div .image{ display: block; margin: 5px 0px; border-radius: 10px; overflow: hidden;}
.list-category li div .image img{ display: block; height: 195px; width: 100%;}
.list-category li div .more{ display: block; text-align: center; font-size: 15px; color: #777778; background: url(../images/bgr-more.png) no-repeat top center; padding-top: 10px;}
.Inleft .sys-nname, .Inleft .nname{	font-size: 18px !important;}
.Inleft .sys-info, .Inleft .info{	font-size: 14px !important;}
.Inright{	width: 210px; float: right;}
.Inright img{	width: 100%; height: autol;}
.best100 li{    border-bottom: 1px dashed #dddddd;    margin-bottom: 10px;    padding-bottom: 10px;}
.best100 li:last-child{    border-bottom: none;}
.b-header-3 .b-header-3__user .b-header-3__hover-box {
  background: transparent;
  padding-top: 13px;
 
  position: absolute;
  top: 50px;
  right: -15px;
  z-index: 9999;
}
.slides-100 img{width: 100%}
.arrow_top {
  position: relative;
  background: #fff;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}.arrow_top:after, .arrow_top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_top:before {
  border-color: transparent;
  border-bottom-color: #ccc !important;
  border-width: 9px;
  margin-right: -1px;
}
.b-header-3 .b-header-3__user li {
  display: block;
  position: relative;
}
.btt_blue {
  background: #32befb;
  background: -moz-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32befb), color-stop(100%, #19a5e1));
  background: -webkit-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -o-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -ms-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: linear-gradient(to bottom, #32befb 0%, #19a5e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32befb', endColorstr='#19a5e1', GradientType=0);
  border: none!important;
  box-shadow: 0 -2px 0 #0788bf inset;
  padding: 6px 14px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__login-btt, .b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__fb-btt {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 10px;
  text-decoration: none !important;
}
.b-header-3 .b-header-3__user   .arrow_top:after, .b-header-3 .b-header-3__user   .arrow_top:before {
  left: initial;
  right: 26px;
}
.arrow_top:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.b-header-3__hover-box{display: none}
.dangnhap.b-header-3:hover .b-header-3__hover-box{
    display: block;
}.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link {
  display: block;
  padding: 0 0 9px 0;
  color: #444444;
  font-size: 1.2em;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link:hover{
    text-decoration: underline;
    color:#00aaf1 ;
}
.line-01{border-bottom: 1px solid  #ddd; margin-top: 15px; font:bold 1.6em/30px 'Montserrat', sans-serif; color: #444;  }
.right_arrow{    position: absolute; right: 10px; top: 5px;font-size: 2.5em;}
.right_arrow .ft{    opacity: 0.8; color: #555; cursor: pointer;}
.right_arrow .ft:hover{opacity: 1}
.sort_style{    margin-left: 3em;    font-size: 1.2em;}
.sort_style .ft{    font-size: 1.4em; color:#999;    border: 1px solid transparent;    margin: auto 2px;}
.sort_style .ft.active,.sort_style .ft:hover{     color:#9D2924; }
.list_pro_diplay_list  .item-block >li{    width: 100%; height: auto;    border-bottom: 1px solid #ddd;    padding-bottom: 10px;}
.list_pro_diplay_list .item-block .item-img{   width: 220px; height: auto; float: left; margin-right: 15px; }
.list_pro_diplay_list .item-block .item-img img{ width: 200px; height: auto; margin: auto; margin: 10px;}
.list_pro_diplay_list .item-block .item-name, .list_pro_diplay_list .item-block .item-price,.list_pro_diplay_list .item-block .item-old-price{    text-align: left} 
.list_pro_diplay_list .item-block .item-name{    font-weight: bold;}
.list_pro_diplay_list .item-block .item-desc{    height: auto;}
.list_pro_diplay_list .item-block .item-price{    font-size: 2em; font-weight: bold;line-height: 1.5em}
.list_pro_diplay_list .item-block .btn_link{    width: 150px; float: left; margin-right: 20px;}
/*Sản phẩm*/
.pro_s{width: 100%;margin-bottom: 50px;}
.pro_s .pro-show li{list-style: none;float: left;padding: 5px;}
.item-name{font-size: 13px;color: #000; font-weight: bold;    min-height: 38px;}
.item-name:hover{color: red}
.item-price{color: red;font-size: 13px}
.owl-next{    position: absolute; top: 15%; right: 0;background: transparent url('../images/back.png') no-repeat !important;background-size: 15px !important;padding: 15px 10px !important;opacity: 10 !important}
.owl-prev{    position: absolute; top: 15%; left: 0;background: transparent url('../images/next.png') no-repeat !important;background-size: 15px !important;padding: 15px 10px !important;    opacity: 10 !important;}
.btitle{    color:#000;text-align:center; font: 3.5em/70px 'Montserrat', sans-serif ;  text-indent: 15px;}
.mainna{float: left;width: 50%;margin: 20px 0;}
.mainna .item-img{width: 450px; height: 350px}
.mainna .imghovers{width: 430px; height: 350px; overflow: hidden;}
.mainna .titlethum{font-size: 20px; text-align: center;}
/*End Sản phẩm*/
.p_promotion{
    display: none;
    border-top: 1px solid #eee;
    margin-top: 15px;
    width: 98%;
}
.list_pro_diplay_list .p_promotion{
    display: block;
    float: left; width: 678px;
}
.list_pro_diplay_list .promotion_title{
    color: #e00;
    font-size: 1.3em;
    line-height:2em;
}
.list_pro_diplay_list .item-block >li:hover{ border-bottom-color: #ddd}

.sort_pro {
   
  margin-left: 20px;
  margin-top: 7px;
  position: relative;
}
.sort_pro > span {
  border: solid 1px #ccc;
  display: block;
  height: 24px;
  background: white;
  padding: 0 10px;
  line-height: 24px;
}
.sort_pro ul {
  margin: 0;
  list-style: none;
  background: white;
  border: solid 1px #ccc;
  padding: 3px 8px;
  display: none;
  width: 135px;
  position: absolute;
  z-index: 99;
  line-height: 20px;
  top: 24px;
  left: 0;
}.sort_pro ul li{padding:2px 0;}
.sort_pro ul li a{text-decoration:none;}
.sort_pro:hover ul{display:block;}
.mainmenu-v{    left: 220px;}
.mainmenu-v{display:none;}
.header2.mlist.bwhite > .mainmenu-v{    display: block}
.mainmenu-v li{    background: none;}
.mainmenu-v li a.menu-item-name{    border:none; font-size: 1.2em; color: #333;    padding: 0 5px; line-height: 32px;    border-right: 1px solid #ddd;}
.mainmenu-v li a.menu-item-name.sf-with-ul{    padding-right: 1.5em}
.mainmenu-v  .sf-with-ul:after{    right: 0.4em;    border-top-color: #ddd;    border-top-color: rgba(100,100,100,.5);}
.mainmenu-v li li{    display: list-item;    min-width: 20em;    background-color: #f7f7f7;}
.mainmenu-v li:hover, .mainmenu-v li.sfHover{    background-color: #dedede }
.mainmenu-v ul .sf-with-ul:after{    border-left-color: #dFeEFF;    border-left-color: rgba(100,100,100,.5);}
.adv-detail-box{margin-left: 15px; margin-top: 15px} 
.IE .c_in {  width: 1200px !important;}
.IE .slide_banchay_content li .item-img{    width: 160px} 
.IE .topmenu li{    float: left }
.IE .sys_product_detail.add-cart-button{    background: url(../img/icon-add-cart.png) no-repeat transparent;}
.slogan {    float: left;    padding: 10px 5px;font-size: 30px;    margin-left: 30px;}
.bottom_nav li{ width: 25%; padding: 0px 15px; float: left; border: none !important; margin: 0px !important; font: normal !important; font-size: 12px; }
.bottom_nav .li-level-1:nth-child(2){}
.bottom_nav .li-level-1:last-child{	float: right;}
.bottom_nav .li-level-1:first-child a.menu-item-name { display: none;}
.bottom_nav .ul-level-1{	margin-left: 15px;}
.bottom_nav .li-level-2{	list-style: url(../images/style-ul-footer.png); padding-left: 0px;}

.style-footer{ overflow: hidden; font-size: 13px; color: #fff; padding: 20px 0px;}
.style-footer ul{ list-style: url(../images/style-ul-footer.png); margin: 10px;}
.style-footer a{ color: #fff;}
#footer .btn{ float: left; width: 36px; height: 36px; margin: 5px; overflow: hidden; text-indent: 36px;}
#footer .btn.fb{ background: url(../images/fb.png);}
#footer .btn.tw{ background: url(../images/tw.png);}
#footer .btn.gg{ background: url(../images/gg.png);}
#footer .btn.yt{ background: url(../images/yt.png);}
.style-footer .w20{ float: left; width: 20%; padding: 0px 15px;}
.style-footer .w40{ float: left; width: 40%; padding: 0px 15px;}

.addContact{ background-color:transparent; padding: 10px; margin: 0px !important;}
.addContact a{ color: #fff;}
#footer{	background: #858e94;}
.system-style.addContact > .ft_in_content_flcx{margin:0}
.system-style .addContact > .ft_in_content_flcx img{margin-right: 20px !important}
.ft_in_content_flcx table{width: 100% !important; font-size: 14px}
.ft_in_content_flcx table tr td{width: auto !important}
.product-content{ font-size: 13px; padding: 10px;}
.product-content .tree{     margin-left: 260px;}
.product-content .tree a{ font-size: 16px; color: #7c7c7c; font-weight: 600;}
.product-content .box-1{ width: 50%; float: left; margin-right: 5%;}
.product-content .box-1 .title_product{ color: #4f4f4f; margin-bottom: 10px;}
.product-content .box-2{ width: 36%; float: right; height: 310px;}
.product-content .box-2 img{ width: 310px; height: 234px; }
.product-content .box-3{ clear: both; width: 100%;}
.product-content img{ max-width: 100%;margin-bottom: 15px;}

.box_slide{ position: relative; top: 30px; width: 100%; min-width: 1200px;}
.box_slide .next{ cursor: pointer; background: url(../images/arrow_next.png); width: 32px; height: 32px; display: block; position: absolute; right: 20px; top: 48%; z-index: 99;}
.box_slide .prev{ cursor: pointer; background: url(../images/arrow_prev.png); width: 32px; height: 32px; display: block; position: absolute; left: 20px; top: 48%; z-index: 99;}
.box_slide .nav{ display: block; text-align: center; position: absolute; top: 235px; right: 0px; width: 115%; z-index: 99;}
.box_slide .nav a{ display: inline-block; width: 20px; height: 20px; background-color: #dedede; border-radius: 10px; margin: 0px 3px; margin-top: 20px;}
.box_slide .nav a.active{ background-color: #333;}
.content_slide{ overflow: hidden; width: 100%;}
.content_slide .item{ float: left;}
.content_slide .list_image{ position: relative; width: 100%; overflow: hidden;}

.bodyText img{ max-width: 100%;}

.sanpham18 { height: auto; min-width: 1200px; position: relative; overflow: hidden; float: left;}
.sanpham18 .image_bgr{ width: 1200px; height: auto; min-width: 1200px;}
.sanpham18 .list_content{ display: block; position: absolute; top: 215px; left: 50%; overflow: hidden; width: 1200px; margin-left: -600px;}
.sanpham18 .list_content li{ width: 33%; float: left; min-width: 400px; list-style: none;}
.sanpham18 .list_content li img{ max-width: 100%; height: auto !important;}
.sanpham18 .list_content li .title_product{ margin-bottom: 10px;}

/*.slide18{ display: none; width: 20%; height: 260px; position: absolute; top: 40%; left: 41%; z-index: 999; overflow: hidden;}*/
.slide18 {    display: none;    width: 26%;    height: 286px;    position: absolute;    top: 40%;    left: 37%;    z-index: 999;    overflow: hidden;}
.slide18 .control18{ position: absolute; top: 50%; margin-top: -20px; z-index: 999; color: #fff; width: 40px; height: 40px;}
.slide18 .control18.next18{ right: 5px; background: url(../images/next18.png);}
.slide18 .control18.back18{ left: 5px; background: url(../images/back18.png);}
.slide18 ul{ list-style: none; position: relative;}
.slide18 ul li{ float: left; width: 25%;}
.slide18 ul li img{ display: block; width: 70%; margin-left: 15%; margin-top: 10%; max-height: 234px; }
 

input[type=text] {  width: 450px;  box-sizing: border-box;  border: none;  border-radius: 4px;  font-size: 13px;  background-position: 10px 5px;   background-repeat: no-repeat;  padding: 5px 20px 5px 40px;  -webkit-transition: width 0.4s ease-in-out;  transition: width 0.4s ease-in-out;}
input[type=text]:focus {width: 30%;color: #fff;background: transparent;}
.system_form_contact_02 .form-control{width: 450px}
/*Search*/
.search-form .form-group input.form-control::-webkit-input-placeholder{  display:none;}
.search-form .form-group input.form-control::-moz-placeholder{  display:none;}
.navbar-right{  min-width:385px; /*or I can probably just use columns*/margin-top: 10px;}
.navbar-right form{  width:100%;}
.form-groups{height: 50px;}
.form-groups input[type=text],.form-groups input,.form-groups textarea{background: transparent;border: 1px solid #b9b9b9; margin: 5px 0;width: 430px;float: right;color: #000;padding: 5px }
.system_form_contact_02 .sys-contact-submit{width: 100%; margin: 10px 0}
.form-groups .captcha{width: 100px !important; float: right !important;}
.form-groups .captcha-num{width: 200px; float: right;}
.form-group input.form-control{
  position:absolute;
  top:0;
  right:0;
  outline:none;
  width:100%;
  height:40px;
  margin:0;
  z-index:10;
}
input[type="text"].form-control{  -webkit-appearence:none;  -webkit-border-radius:0;background: transparent;}
.form-control-submit,
.search-label{
  width:60px;
  height:40px;
  position:absolute;
  right:0;
  top:0;
  padding:0;
  margin:0;
  text-align:center;
  cursor:pointer;
  line-height:60px;
  background:transparent;
}
.glyphicon{top: 13px;}
.form-control-submit{
  background:#fff; /*stupid IE*/
    opacity: 0;
  color:transparent;
  border:none;
  outline:none;
  z-index:-1;
}
.search-label{  z-index:90;}
.form-group.sb-search-open,
.no-js .sb-search-open{  width:100%;border-bottom: 1px solid #fff;}
.form-group.sb-search-open .search-label,
.no-js .sb-search .search-label {	background: transparent;	color: #fff;	z-index: 11;}
.form-group.sb-search-open .form-control-submit,
.no-js .form-control .form-control-submit {	z-index: 90;}
.navbar{background-color:transparent;border:none; width: 95%;z-index: 0;}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group {
    margin-bottom: 15px;
    position: relative;
    width: 0%;
    min-width: 60px;
    height: 40px;
    overflow: hidden;
    transition: width 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.search-form{ height: 30px; font-size: 12px; color: #fff;}
.search-form select{
    width: 100px; height: 100%; border: none; background: transparent; text-align: center;padding-left: 10px;
}
.search-form .btn-submit-search{
	position: absolute;
  	right: 0;
  	top: 0;
  	background: url(../images/btn_search.png) center center no-repeat; 
  	width: 30px; height: 30px; cursor: pointer;
  	border: none;
}
.search-form .input-text{
    width: 100%; height: 100%; border: none; border: 1px solid #d9d9d9; background: transparent; text-indent: 10px; vertical-align: top;
    margin-left: 0px;    
}
.search-form .selectric{
    box-shadow: none;
    background: transparent; border-radius: 0
}
.search-form .selectric .label{
    line-height: 26px;
}
.search-form .selectric .button{
    height: 38px; border-left: none
}
.search-form .selectric .button:after{
    top: 17px;
}
.search-form .selectric-items{
    width:  300px !important;
}

/*End Search*/
 
/*End Lang Css*/


/*Menu collapse */
.col {
    background-color: transparent;
    color: #000000;
    cursor: pointer;
    padding: 18px;
    width: 500px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #101010;
    transition: all 0.3 ease-in-out;
  }
  
  .active, .col:hover {
    background-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #111111;
  }
  
  .col:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    color: #000000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    font-family: "Font Awesome 5 Free";
    content: "\f106";
  }
  
  .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    width: 460px;
    transition: max-height 0.2s ease-out;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: justify;
    transition : all 0.6s ease-in-out;
    object-fit: cover;
   
  }

@media (max-width: 520px){
  .col {
    width: 100%;
  }
  .content {
    width: 92%;
    margin-right: 90px;
  }
}
.links {
  width: 100%;
  heigt: fit-content;
  curser: pointer;
  background: #ffffff;
}

.links i {
  margin-top: 60px;
  margin-left: 7px;
  text-align: left;
  transition: 0.15s;
}

.links i:hover {
  opacity: 0.9;
}

.links .yt {
  color: rgb(212, 26, 26);
  font-size: 41px;
  transition: 0.15s;
}

.links .cp {
  color: rgb(0, 0, 0);
  font-size: 39px;
  transition: 0.15s;
}

.links .gh {
  color: rgb(18, 37, 58);
  font-size: 43px;
  transition: 0.15s;
}

.links .mi {
  color: rgb(0, 0, 0, 0.93);
  font-size: 40px;
  transition: 0.15s;
}

@media (max-width: 395px){
  .links .yt {
    color: rgb(212, 26, 26);
    font-size: 37px;
  }

  .links .cp {
    color: rgb(0, 0, 0);
    font-size: 35px;
  }

  .links .gh {
    color: rgb(18, 37, 58);
    font-size: 38px;
  }

  .links .mi {
    color: rgb(0, 0, 0, 0.93);
    font-size: 37px;
    transition: 0.15s;
  }
  .col {
    background-color: transparent;
    color: #000000;
    cursor: pointer;
    padding: 18px;
    width: 500px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #101010;
    transition: all 0.3 ease-in-out;
}
.col:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    color: #000000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
}
/*Menu*/
.swiper-pagination-bullet{border-radius: 0;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{padding: 1px 12px;}
:root {    --swiper-theme-color: #ededed;}
.swiper-button-next, .swiper-rtl .swiper-button-prev,.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none}