/*reset*/

:focus{outline: 0;}
body,
ul,
img,
input,
dl,
dd,
tr,
th,
td,
h1,h2,h3,h4,h5,h6,
p{margin: 0; padding: 0;}
em{font-style: normal;}
img{border: none; vertical-align: middle;max-width: 100%;transition: all 0.5s;}
li,
ul{list-style: none;}
a{text-decoration: none; color: #565656;}
a:hover{text-decoration: none;}
input{padding: 0px; vertical-align: middle; line-height: normal; border: none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{border: none; padding: 0;}

input{line-height: 50px;border: 1px solid rgba(229,229,229,1);color: #333;text-indent: 10px;transition: all 0.5s;
margin-top: 0;border-radius: 4px;}
input:focus{border-color:#bbb;}

input::-webkit-input-placeholder{ color: #999; }
input:-moz-placeholder { color: #999;}
input::-moz-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}

textarea::-webkit-input-placeholder{ color: #999; }
textarea:-moz-placeholder { color: #999;}
textarea::-moz-placeholder {color: #999;}
textarea:-ms-input-placeholder {color: #999;}

.label_input{margin-top: 20px;}
.label_input:first-child{margin-top: 0;}
.label_input label{width: 100%;font-family:'poppins_m' ;font-weight: normal;color: rgba(18,81,100,1);font-size: 13px;padding-bottom: 5px;margin-bottom: 0;letter-spacing: 0.25px;}
.label_input label span{color: red;font-weight: 700;padding-left: 5px;}
.label_input input{width: 100%;}


a:focus{outline: none;}
iframe{max-width: 100%; width: 100%;}
body{overflow-x: hidden;font-size: 14px; font-family: 'poppins', Arial, sans-serif; color: #515050;}

.font_name1{font-family: 'poppins_m';}
.font_name2{font-family: 'poppins_sb';}

.flash_white,a.flash_white{position: relative;}
.flash_white::before ,a.flash_white::before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
@media(min-width:1200px){
    .flash_white:hover:before,a.flash_white:hover:before{ width: 100%;}
}
@media(max-width:768px){
    input{line-height: 40px;}
}
@keyframes more_i {
    0% {transform: translateX(-3px); }
    50% {transform: translateX(3px); }
    100% {transform: translateX(-3px);}
}


.hbai_more{position: relative;}
.hbai_more:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}


[class^="my-rating"]{display: inline-block; position: relative; top: 3px;}
.my-rating{display: inline-block; position: relative; top: 3px;}
.jq-rating-label{font-size: 22px; display: inline-block; position: relative; vertical-align: top; font-family: helvetica, arial, verdana;}
.jq-star{width: 100px; height: 100px; display: inline-block; cursor: pointer; margin-right: 2px;}
.jq-star-svg{width: 100%; height: 100% ;}
.jq-star-svg polygon{stroke: #000; stroke-linejoin: round;}


/* å¼¹çª— */
.pop_overlay{background: rgba(0,0,0,0.8); bottom: 0;display: block;left: 0;position: fixed; right: 0;top: 0;z-index: 999999999;display: none;transition: all 0.4s;}

.pop_overlay2{background: rgba(0,0,0,0.8); bottom: 0;display: block;left: 0;position: fixed; right: 0;top: 0;z-index: 999999999;display: none;transition: all 0.4s;}
.pop_close{padding:8px;cursor: pointer;}
.pop_close img{width: 14px;}
.pop_close:hover{background: #f7f7f7;border-radius: 5px;}
.flex_box{background: #fff;max-height: 90%;position: relative;width: 90%;max-width:800px;}
.pop_con{bottom: 0;display: flex;flex-direction: column;justify-content: flex-end;justify-content: center;align-items: center;position: fixed;left: 0;right: 0;top: 0;z-index: 99999999999;transform: translate3d(0%,101%, 0);transition: all 0.3s;}
.pop_con_transform{transform: translate3d(0%, 0%, 0);}
.pop_con .pop_ti{display: flex;display: -webkit-flex;justify-content:space-between;align-items: center;padding:15px;border-bottom: 1px solid #e1e3e5;}
.pop_con .ti_name{font-size: 18px;font-family: "poppins_sb";color: #333;text-transform: uppercase;}
.pop_con .edit_content{padding:40px;height: 100%;overflow-y: auto;}


.flex_box .pop_closeb{position: absolute;top: -30px;}
.pop_closeb{right:0px;background: #000;display: flex;display: -webkit-flex;align-items: center;justify-content: center;cursor: pointer;width:30px;height: 30px;}
.pop_closeb img{width: 10px;}

.pop_con .login_title{text-transform: capitalize;font-family: "poppins_sb";color: #06323d;border-bottom: 2px solid #06323d;display: inline-block;margin-bottom: 10px;}
.pop_con .login_box{width: 100%;}
.pop_con .remember_login{display: flex;display: -webkit-flex;align-items: center;margin-top: 20px;}
.pop_con button{width: 170px;line-height: 50px;background:#06323d;color: #fff;margin-right: 30px;text-transform:uppercase;}
.pop_con button.register_button{background:rgba(185,225,234,1);}
.pop_con .remember_login .remember_me{display: flex;display: -webkit-flex;align-items: center;}
.pop_con .remember_login .remember_me span{padding-left:6px;color: #06323d;}
.pop_con .lost_password a{margin-top: 30px;color: rgba(169,169,169,1);display: inline-block;text-decoration: underline;}
.pop_con .register a{color: #06323d;font-family: "poppins_m";}
@media only screen and (min-width: 992px){
    .pop_closeb:hover{background:#06323d;}
    .pop_con button.register_button:hover{background: #06323d;}
    .pop_con .lost_password a:hover{color: #06323d;}
    .pop_con .register a:hover{text-decoration:underline;}
}

.return_box h2{font-family: "poppins_sb";color: #000;text-align: center;font-size: 26px;margin-bottom: 30px;text-transform: uppercase;}
.return_box h2 span{font-weight: bold;padding-right: 8px;}
.return_box h3{font-size:18px;font-family: "poppins_sb";color: #000;margin-bottom:5px;}
.return_box p{margin-top: 15px;}
.pop_con_return .flex_box{max-width: 800px;}

.pop_con_sale .edit_copy{display: flex;display: -webkit-flex;align-items: center;}
.pop_con_sale .edit_copy .fl,.pop_con_sale .edit_copy .fr{width: 50%;}
.pop_con_sale .edit_copy .fr{padding: 20px;text-align: center;position: relative;}
.pop_con_sale .edit_copy .fr h2{font-family:'poppins_sb';font-size: 20px;text-transform: uppercase;color: #222;margin-bottom: 10px;}
.pop_con_sale .edit_copy .fr h3{font-size:16px;line-height: 1.3;}
.pop_con_sale .edit_copy .fr h3 span{font-family:'poppins_sb';color: #000;font-size: 20px;}
.pop_con_sale .edit_copy .fr h5{line-height: 1.3;}
.pop_con_sale .edit_copy .copy_num{border: 1px solid #ccc;line-height: 40px;text-align: center;margin:20px 0px 10px;display: flex;height: 40px;align-items: center;justify-content: space-between;padding: 0 20px;font-family:'poppins_m';color: #333;position: relative;}
.pop_con_sale .edit_copy .copy_num i{font-size: 18px;cursor: pointer;}
.pop_con_sale .edit_copy .copy_num i:hover{color:  #06323d;}

.pop_con_sale .edit_copy .continue_btn{line-height: 40px;height: 40px;cursor: pointer;background: #06323d;color: #fff;text-transform: capitalize;margin-top: 20px;}
.pop_con_sale .edit_copy .copy_success{position: absolute;right: 50px;color: #999;display: none;}

@media only screen and (max-width: 768px){
    .pop_con_sale .edit_copy .fl{display: none;}
    .pop_con_sale .edit_copy .fr{width:100%;max-width:480px;padding:60px 20px;}
    .pop_con_sale .edit_copy .fr h3{font-size: 14px;}
    .pop_con_sale .edit_copy .fr h5{font-size: 13px;}
}



.pro_cart_item{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.pro_cart_item .pro_item{width:250px;}
.pro_cart_item .text_item{padding-left:25px;width: calc(100% - 250px);}
.pro_cart_item h3{font-size:20px;}
.pro_cart_item h4{font-size: 14px;color:#333;}
.pro_cart_item h4 span{color: #666;}
.pro_cart_item p{margin-top: 0;}
.pro_cart_item .jg{font-size: 24px;font-family:'poppins_sb';margin:20px 0;color: red;}
.pro_cart_item .click_btn a:nth-child(1){margin-right:15px;}
.pro_cart_item .click_btn a{display: inline-block;width:calc((100% - 20px)/2);line-height:40px;text-align: center;background: #07404e;color: #fff;border: 1px solid #07404e;}
.pro_cart_item .click_btn a.k_s{background: #f7f7f7;color: #333;border: 1px solid #e9e9e9;}
.pro_cart_item .click_btn a:hover{text-decoration:underline;}
@media only screen and (max-width: 768px){
    .pro_cart_item .pro_item,.pro_cart_item .text_item{width: 100%;padding: 0;}
    .pro_cart_item .click_btn a{width: 100%;}
    .pro_cart_item .click_btn a.k_s{margin-bottom: 10px;}
    .pro_cart_item .jg{font-size: 20px;margin: 15px 0;}
}

/* right_search */
.right_search{position: fixed;width: 320px;background: #fff;z-index: 99999999999;right: 0;height: 100%;top: 0;padding: 20px 10px;transform: translate3d(100%,0%, 0);transition: all 0.5s;visibility: hidden;}
.right_search_transform{transform: translate3d(0%,0%, 0);visibility: visible;}
.right_searchtop{display: flex;display: -webkit-flex;justify-content: space-between;}
.right_searchtop h2{font-family: "poppins_sb";font-size:16px;color: #333;}
.right_search label{margin-top: 30px;position: relative;width: 100%;}
.right_search label label,.right_search label input{width: 100%;display: block;font-weight: normal;color: #333;line-height: 40px;height: 40px;}
.right_search label input{padding-right:40px;}
.right_search label button{width:36px;height:36px;position: absolute;right: 0;top:3px;background: none;}

@media only screen and (max-width: 768px){
    .pop_con .edit_content{padding: 20px;}
    .pop_con .login_box{margin-bottom: 40px;}
    .pop_con button{line-height: 40px;}

    .return_box h2{font-size: 20px;}
    .return_box h3{font-size: 16px;}
    .right_search form button{top: 3px;}
}
.btn-primary{background: #06323d;border: none;transition:all 0.5s;}
.btn-primary:hover,.btn-primary:focus, .btn-primary.focus,.btn-primary.active,.btn-primary.active:hover,.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{background: #24acd1;outline: none;border: none;box-shadow: 0 0 10px rgb(0 0 0 / 0.15)}



/*图片上传*/
.img_box ul{overflow:hidden;}
.img_box ul li{float: left;width:15%;margin-right:1%;margin-top:1em;padding:15% 0 0;position:relative;cursor: pointer;list-style: none;border: 1px solid #efeded;}
.img_box ul li img{width: 100%;height: 100%;display: block;position: absolute;top:0;}
.img_box ul .add_btn{border:1px solid #efeded;background: url(../images/add.png) no-repeat 50% 50%;cursor: pointer;border-radius: 3px;}
.img_box ul .del{position:absolute;width: 20px; height: 20px; line-height: 20px;text-align: center;font-size:1.5em;background: rgba(0,0,0, .5);color: #fff;right:0;top:0;font-style: inherit;cursor: pointer;}
@media only screen and (max-width: 768px){
    .img_box ul li{width: 23.5%;padding:23.5% 0 0;margin-right: 2%;margin-bottom: 10px!important;margin-top: 0;}
    .img_box ul li:nth-child(4n){margin-right: 0;}
}


/* input选择 */
.p_checkbox {position: relative;width:14px;height:14px;margin-right: 10px;float: left;margin-top:10px;}
input.y_input{position: absolute;left: 1px;-webkit-transform: translatey(-50%); -ms-transform: translatey(-50%);transform: translatey(-50%);opacity: 0;cursor: pointer;z-index: 999;margin-top:1px;top:9px;}
span.checkmark{height:14px;width:14px;border: 1px solid #d1cfcf;border-radius: 0;display: block;position: absolute;-webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);top:10px;border-radius:2px;}
input:checked ~ .checkmark{background-color: #06323d;border: 1px solid #06323d;}
input:checked ~ .checkmark::before{display: block;}
span.checkmark::before{left: 4px;top: 1px; width:4px; height: 8px; border: solid #fff; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; display: none;}


/*share*/
.clearfix:before,
.clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
b,
strong{font-family: 'poppins_m'; font-weight: normal;}
input[type=datetime-local]{-webkit-appearance: none; outline: none; border: none;}
select{-webkit-appearance: none; background: url(../images/marrow.png) no-repeat scroll right 5px center transparent !important;}
.price{font-size: 16px;}
.price .cur{color: red; font-family: "poppins_m"; display: inline-block; margin-right: 4px;font-size:18px;}
.price .or{display: inline-block; color: #989898; text-decoration: line-through;}
.read_more{display: inline-block; font-size: 14px; text-transform: capitalize; color: #fff; line-height: 44px; height: 44px; padding: 0 30px; background: #06323d; border-radius: 4px;}
.page_more{display: inline-block; font-size: 13px; text-transform: capitalize; line-height: 36px; height: 36px; padding: 0 20px; background: #06323d; color: #fff; border-radius: 4px;}
.main_top .title{display: block; text-align: center; font-size: 32px; line-height: 32px; font-family: 'poppins_m';}
.main_top .text{width: 100%; max-width: 700px; margin: 10px auto 0; color: #666; font-size: 16px; line-height: 24px; text-align: center;}

@media only screen and (min-width: 992px){
    .read_more:hover,
    .page_more:hover{text-decoration: underline; color: #fff;}
}
@media only screen and (max-width: 992px){
    .main_top .title{font-size: 24px; line-height: 24px;}
    .main_top .text{font-size: 14px; line-height: 22px;}
    .read_more{line-height: 40px;height: 40px;}
}
@media only screen and (max-width: 768px){.main_top .title{font-size: 20px; line-height: 20px;} .main_top .text{font-size: 12px; line-height: 20px; margin: 5px auto 0;}}
@media only screen and (max-width:768px){.row{margin-right: 0; margin-left: 0;}}
@media only screen and (max-width:480px){.price{font-size: 14px;}
.price .cur{font-size:16px;}}
*:link,
*:visited,
*:active,
*:focus{transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear; -webkit-transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear;}


@font-face{font-family: 'poppins'; src: url(../font/poppins.eot); src: url(../font/poppins.eot?#iefix) format('embedded-opentype'), url(../font/poppins.svg#poppins) format('svg'), url(../font/poppins.woff) format('woff'), url(../font/poppins.ttf) format('truetype'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'poppins_m'; src: url(../font/poppins_m.eot); src: url(../font/poppins_m.eot?#iefix) format('embedded-opentype'), url(../font/poppins_m.svg#poppins_m) format('svg'), url(../font/poppins_m.woff) format('woff'), url(../font/poppins_m.ttf) format('truetype'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'poppins_sb'; src: url(../font/poppins_sb.eot); src: url(../font/poppins_sb.eot?#iefix) format('embedded-opentype'), url(../font/poppins_sb.svg#poppins_sb) format('svg'), url(../font/poppins_sb.woff) format('woff'), url(../font/poppins_sb.ttf) format('truetype'); font-weight: normal; font-style: normal;}



/*index*/
.head_top{background: #06323d; line-height:40px; text-align: center; color: #a9a9a9;font-size: 13px;font-family: 'poppins_m';text-transform: capitalize;}
.head_top .container{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content:space-between;}
.head_top .head_topfl{width:315px;text-align: left;}
.head_top .head_topfr{width:300px;text-align: right;}
.head_top .fixed_top{width:calc(100% - 615px);overflow: hidden;padding-left: 50px;line-height: 24px;padding: 8px 0;color: #fff;}
.head_top a{color: rgb(185 225 234);}
.head_top .are_you{padding-right:20px;}
.head_topfr .Wishlist,.top_account,.head_top .are_you,.head_top .social_icons ul,.head_top .social_icons,.head_top .share_dl{display: inline-block;}
.head_top .social_icons li{display: inline-block;padding-right: 10px;}
.head_top .share_dl dd a{margin-right: 10px;}
.head_top img{height:13px;opacity: 0.6;}
.head_top .top_account{margin-left: 15px;}
.head_top .top_account a{color:#a9a9a9;}

@media only screen and (min-width: 992px){
    .head_top .share_dl dd a:hover img{margin-top: 0;}
    .head_top .top_account a:hover,.head_top a:hover{color: #fff;}
    .head_top img:hover{opacity: 1;}
}
@media only screen and (max-width:992px){
    .head_top .head_topfl{display: none;}
    .head_top .fixed_top,.head_top .head_topfr{width: 100%;text-align: center;}
    .head_top .fixed_top{padding-bottom: 0;}
}

header{position: relative; top: 0; left: 0; width: 100%; width: 100%; z-index: 9999999;}
.top_nav{text-align: center;}
.header{transition: all .5s; padding: 20px 0px; text-align: center;}
.top_flex{display:flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;max-width: 1600px;margin: auto;align-items:center;}
#logo{float: left;}
#logo a{padding: 0; display: inline-block;}
#logo img{max-height:50px; height: auto; padding: 0; transition: all .5s;}
.cart_ul{float: right;padding-right: 12px;}
.cart_ul li{position: relative; list-style: none; float: left; margin-left: 30px; height:22px;font-size: 14px;width: 22px;}
.cart_ul li.cart_abox{position: relative;}
.cart_ul li.cart_abox span{position: absolute;width: 20px;height: 20px;border-radius: 50%;display: inline-block;background: #06323d;position: absolute;right:-10px;color:#fff;text-align: center;top: -10px;line-height: 22px;}
.cart_ul li .cart_a{vertical-align: middle;}
.cart_ul li img{height:22px;}
.mainmenu_right{float: right;}
.cart_ul li.lr_abox{position: relative;margin-right: 10px;line-height: 20px;}
.cart_ul li.lr_abox:after{font-family: FontAwesome;color: #777;vertical-align: middle;content: "\f107";font-size: 14px;transition: all 0.3s ease 0s;margin-left: 6px;position: absolute;}
.cart_ul li.lr_abox dl{position: absolute; box-shadow: 0px 0px 20px 0px rgba(2, 18, 18, 0.32); display: none; margin-top: 0px; list-style: none; background: #fff; width: 180px; padding: 5px 0 0;top: 30px;display: none;right: -15px;}
.cart_ul li.lr_abox dl dd{text-align: left; border-bottom: 1px solid #eee;padding: 5px 20px;}
.se-top .account dl dd a{display: inline-block; text-transform: capitalize; line-height: 20px;width: 100%; font-size: 13px; padding: 6px 6px 6px 12px;}
.cart_ul li.lr_abox dl dd a i{margin-right: 12px; color: #1e1e1e; font-size: 14px;}
.cart_ul li.lr_abox p.cur:after{font-family:FontAwesome;color:#777;width:100px;vertical-align:middle;content:"\f106"; font-size:14px;}

@media only screen and (min-width: 992px){
    .cart_ul li.lr_abox dl dd a:hover{color: #1e1e1e;}
}
/* header.small */
header.small{left: 0; background: #fff; top: 0;box-shadow:0 0 10px 2px rgb(0 0 0 / 20%); position: fixed;padding: 0 2%;}
header.small #logo img{max-width:200px;}
header.small .mainmenu ul li a{color: #333;}
.page_header .mainmenu>nav>ul>li:hover > a,
.page_header .mainmenu>nav>ul>li.active > a,
header.small .mainmenu>nav>ul>li.active > a{color: #222;}
/* page header */
.page_header{background: #fff; position: relative;}
.page_header .mainmenu ul li a{color: #333;text-transform: uppercase;}
.page_header .black_img{display: block;}
.page_header .small_nav .toggle span{background: #06323d;}

.head_line{height: 10px;width: 100%;background:#06323d;}


.page_header .sub_menu{width: 100%!important;height: auto;left: 0!important;}
.page_header .sub_menu .container{display: -webkit-flex;display: flex;}
.page_header .sub_menu dl{width: 25%;padding-bottom: 20px;padding-right: 2%;}
.page_header .sub_menu dl dt{color: #206272;padding: 30px 0 10px;font-size: 16px;}
.page_header .sub_menu dl dd a{padding:6px 0;text-transform: capitalize;font-family: 'poppins';border-bottom: 1px solid #ededed;display: block;width: 100%;font-size: 13px;}
header.small .sub_menu dl dd a{padding:6px 0;}
.page_header .sub_menu dl dd:last-child a{border-bottom: none;}


.down_cart{width: 320px;position:absolute;right: 0;padding-top:20px;transition: .3s ease;opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: 0 0 0;}
.down_cart_box{background: #fff;padding: 20px;box-shadow:0 5px 8px rgb(0 0 0 / 15%);position: relative;}
.down_cart::before{position:absolute;content: "";width: 10px;height: 10px;top:15px;right:5px;box-shadow:3px 2px 8px rgb(0 0 0 / 30%);transform: rotate(45deg);-webkit-transform: rotat(45deg);opacity:1;}
.down_cart_box h2{font-size:16px;color: #06323d;font-family: 'poppins_sb';}
.down_cart_box dl{max-height: 231px;overflow-y: auto;margin-top: 20px;}
.down_cart_box dl dd,.down_cart_box dl dd .txt{display: flex;display: -webkit-flex;justify-content: space-between;}
.down_cart_box dl dd{padding-bottom: 10px;margin-bottom:20px;border-bottom: 1px solid #ebebeb;}
.down_cart_box dl .image{display: block;overflow: hidden;}
.down_cart_box dl .image img{width:80px;max-height: inherit;transition: all 0.5s;height: auto;}
.down_cart_box dl .txt{width: calc(100% - 90px);}
.down_cart_box dl .txt h3{font-size:14px;font-family: 'poppins_m';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.down_cart_box dl .txt .h2_price{width: calc(100% - 50px);}
.down_cart_box dl .txt h3 a{color: #333;}

.down_cart_box dl .txt .delete{margin-left: 10px;cursor: pointer;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;width:21px;padding: 5px;}

.down_cart_box dl .txt .price{font-family: 'poppins_m';color: red;margin-top: 15px;}
.down_cart_box dl .txt .price b{color:#06323d;padding-right: 10px;}

.down_cart_box .subtotal{text-align: center;color: red;font-family: 'poppins_sb';font-size:16px;margin-bottom:10px;}
.down_cart_box .subtotal b {color:#06323d;}
.down_cart_box button{padding: 0;background: none;}
.down_cart_box button a{width: 270px;line-height:48px;text-transform: uppercase;background: rgba(237,69,69,1);color:#fff;font-family: 'poppins_m';display: block;}

.down_cart_box button.view_cart a{border:1px solid #e3e3e3;background: #fff;margin-bottom:10px;color: rgba(18,81,100,1);display: block;}

.down_cart_box button.checkout a{border: 2px solid transparent;line-height:46px;}

.page_header .mainmenu ul li.on a{color: #206272 !important;}
@media only screen and (min-width:992px){
    .page_header .sub_menu dl dd a:hover{font-weight:700;}
    .down_cart_box dl .image:hover img{transform: scale(1.1);}
    .down_cart_box dl .txt h3 a:hover{color:#06323d;text-decoration: underline;}
    .page_header .mainmenu ul li a:hover{color: #206272 !important;}
    .cart_ul .cart_abox:hover .down_cart{opacity: 1;visibility: visible;transform: scaleY(1);}
    .down_cart_box button.view_cart a:hover{background: #06323d;color: #fff;}
    .down_cart_box button.checkout a:hover{background: #fff;color:  rgba(237,69,69,1);border: 2px solid  rgba(237,69,69,1);}
    .down_cart_box dl .txt .delete:hover{background: #f7f7f7;height: 100%;}
}

@media only screen and (max-width:1400px){
      .cart_ul li{margin-left: 15px;}
      .mainmenu-area{padding-left: 0;}
    }
@media only screen and (max-width:1200px){
    #logo{width: 100%;text-align: center;padding-top: 20px;}
    .mainmenu ul li a{padding: 25px 5px;}
 }

@media only screen and (max-width:992px){
    .top_flex{padding-right: 30px;}
    header.small{padding:0px;}
    header .mainmenu-area{display: none;}
    header.small .cart_ul{padding-top: 6px;}
    #logo{padding-top:0px; width: auto;}
     .cart_ul{padding-top: 10px;}
     header .container{padding: 0 20px 0 15px;}
     header>.container{padding:8px 0px 8px 0px;}
     header.small #logo img{max-width:160px;}
     header.small #logo{padding-top:3px;}
    }
@media only screen and (max-width:768px){
    #logo img{max-width: 180px;}
    .head_topfl,.head_topfr{width: 100%;}
    .head_top{line-height: 36px;}
}
@media only screen and (max-width:480px){
    .cart_ul li{margin-left: 12px;}
    #logo{padding-top:4px;transform: translateX(0);padding-right: 0;}
    header.small #logo{padding-top:1px;}
}
@media only screen and (max-width:360px){
    .cart_ul li{margin-left: 15px;}
}



/* best_light */
.best_light h2{font-size: 34px;color: rgba(18,81,100,1);font-family: 'poppins_sb';padding: 50px 0;line-height: 1.4;}
.best_light .light_image{margin: 0 -15px;}
.best_light li{position: relative;margin-bottom: 30px;background: #e4e3e2;}
.best_light img{width: 100%;transition: all 0.5s;}
.best_light .images_txt{position: absolute;top:20%;color: #000000;text-transform: uppercase;font-size: 20px;line-height: 26px;width: 145px;font-family: 'poppins_sb';left: 40px;}
.best_light li:nth-child(2) .images_txt{left: auto;right:40px ;}
.best_light li:nth-child(2) .images_txt a{padding: 5px 10px;background: #dd3333;display: block;font-size: 16px;color: #fff;text-align: center;margin-top: 10px;}
.best_light .single_image a,.best_light li{display: block;overflow: hidden;}


@media only screen and (min-width:992px){
    .best_light li:nth-child(2) .images_txt a:hover{background: #222;}
    .best_light .single_image:hover img,.best_light li:hover img{transform: scale(1.05);}
}

@media screen and (min-width:768px) and (max-width:1200px){
    .best_light .images_txt{font-size: 16px;line-height:22px;left: 20px;}
    .best_light li:nth-child(2) .images_txt{right: 20px;}
}
@media only screen and (max-width: 768px){
    .best_light h2{font-size: 22px;padding: 20px 0;}
    .best_light .single_image,.best_light li{margin-bottom: 15px;}

}

@media only screen and (max-width: 480px){
    .best_light .images_txt{font-size: 18px;}
}

/* easter_div */

.easter_div  h2{font-size: 34px;color: rgba(18,81,100,1);font-family: 'poppins_sb';padding:30px 0;line-height: 1.4;text-align: left;}
.easter_div .ph{display: none;}
@media only screen and (max-width: 768px){
    .easter_div h2{font-size: 20px;padding: 20px 0;}
    .easter_div .pc{display: none;}
    .easter_div .ph{display: block;}

}


.easter_sale{display: flex;display: -webkit-flex;justify-content: space-between;padding: 20px 30px;background: #f7f7f7;max-width: 1200px;margin: auto;margin-top: 20px;align-items: center;background: url(../images/easter_bg.jpg)no-repeat center center;flex-wrap: wrap;background-size: cover;}
.easter_sale .cut_div{width: 50%;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.easter_sale .up_re{padding-left: 60px;}
.easter_sale .img{max-width: 150px;border:6px solid #fff;}
.easter_sale .shop a{width: 150px;line-height: 40px;background: #06323d;display: inline-block;text-align: center;font-family: 'poppins_sb';color: #fff;text-transform: uppercase;}
.easter_sale .shop a:hover{text-decoration: underline;}
.easter_sale .h3_p{position: relative;margin-left: 20px;}
.easter_sale .h3_p h3{position: relative;z-index: 2;font-size:30px;color: #06323d;text-transform: capitalize;font-family: 'poppins_sb';position: relative;z-index: 2;}
.easter_sale .h3_p span{position: absolute;height:15px;width: 100%;background:#ffba03;z-index: 1;left: 0;
animation:opacity 1s infinite;bottom: 0;}
.easter_sale .up_off{font-size: 20px;color: #333;font-family: 'poppins_m';}
.easter_sale .up_off .upto{line-height:1;}
.easter_sale .off{display: flex;display: -webkit-flex;align-items: center;}
.easter_sale .off span{font-size: 60px;color: #fb2a2a;line-height: 60px;font-family: 'Arial';font-weight: bold;}
.easter_sale .off p{display: inline-block;font-size:20px;text-transform: uppercase;line-height: 1.2;}
.easter_sale .up_re h4{font-size:22px;color: #06323d;text-transform: capitalize;font-family: 'poppins_sb';margin-top: 10px;}
@media only screen and (max-width:1050px){
    .easter_sale .up_re{padding-left: 0;}
}
@media only screen and (max-width:992px){
    /* .easter_sale .cut_div{width: 100%;} */
    .easter_sale .h3_p{display: none;}
    .easter_sale .up_re{padding-left: 0;}
    .easter_sale .off span{font-size: 40px;line-height: 40px;}
    .easter_sale .off p{font-size: 16px;}
    .easter_sale .h3_p{margin-left: 0;margin-top: 20px;}
    .easter_sale .cut_div:nth-child(2){padding-left:10px;}
    .easter_sale .up_re h4{margin-bottom: 10px;}
}
@media only screen and (max-width:480px){
    .easter_sale{padding:20px 15px;}
    .easter_sale .h3_p h3{font-size: 24px;}
    .easter_sale .shop a{line-height: 34px;width: 120px;}
    .easter_sale .up_off{font-size: 18px;}
    .easter_sale .up_re h4{font-size: 19px;}
    .easter_sale .h3_p span{width: 300px;}

}
@keyframes opacity{
    0% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.4;
    }
}


/* feature_wrapper */
.feature_wrapper ul{margin:20px auto 40px;border: 1px solid #efefef;display: flex;display: -webkit-flex;align-items:center;padding: 20px 0;flex-wrap: wrap;}
.feature_wrapper ul li{padding:0px 50px;display: flex;display: -webkit-flex;align-items:center;width: 33.3333%;border-left: 1px solid #efefef;}
.feature_wrapper ul li:first-child{border-left:none;}
.feature_wrapper ul li .text{padding-left:15px;color:#06323d;}
.feature_wrapper ul li .text h4{font-family: 'poppins_m';padding-top: 10px;}
.feature_wrapper ul li .images{width: 44px;}
@media only screen and (max-width: 768px){
    .feature_wrapper ul{padding: 0;}
    .feature_wrapper ul li{width: 100%;border-bottom: 1px solid #efefef;padding:10px 20px;}
    .feature_wrapper ul li:last-child{border-bottom: 0;}
    .feature_wrapper ul li .text h4{font-size: 16px;}
}

/* wpb_wrapper */
.wpb_wrapper ul{display: flex;display: -webkit-flex;align-items:center;flex-wrap: wrap;margin-bottom:60px;}
.wpb_wrapper ul li{width: calc((100% - 80px)/5);border: 1px solid #e7e7e7;margin-right: 10px;transition: all 0.4s;margin-right: 20px;}
.wpb_wrapper ul li:last-child{margin-right: 0;}

.wpb_wrapper ul li a{display: flex;display: -webkit-flex;align-items:center;}
.wpb_wrapper ul li .images img{width:80px;padding: 5px;}
.wpb_wrapper ul li p{margin-left: 10px;font-family: 'poppins_sb';color: #06323d;}

@media only screen and (min-width:992px){
    .wpb_wrapper ul li:hover{border-color:#afcdd5;box-shadow: 0 0 8px rgb(0 0 0 / 10%);}
}
@media only screen and (max-width:992px){
    .wpb_wrapper ul li{width: calc((100% - 40px)/3);margin-bottom: 20px;}
    .wpb_wrapper ul li:nth-child(3){margin-right: 0;}
}
@media only screen and (max-width:768px){
    .wpb_wrapper ul li{width: 100%;margin-right: 0;}
    .wpb_wrapper ul li:last-child{margin-bottom: 0;}
    .wpb_wrapper ul li .images img{width: 90px;}
}


/* gallery_wrapper */
.mian_title{border-bottom: 1px solid #efefef;margin-bottom:30px;}
.mian_title h2{font-family: 'poppins_sb';color: #06323d;font-size:20px;padding-bottom: 10px;border-bottom: 2px solid #06323d;display: inline-block;}

.pro_moudle .image{position: relative;}
.pro_moudle .image a::before{width: 100%;height: 100%;background:rgba(0,0,0, .1);position:absolute;content: '';display: none;}
.pro_moudle .free{margin: 10px 0;font-family:  'poppins_sb';color: red;text-align: center;}
.pro_moudle .buy_now a{width: 100%;line-height: 36px;background:#06323d;text-align: center ;color: #fff;display: block;max-width: 140px;margin: auto;transition: all 0.5s}

.pro_moudle .title{font-family:  'poppins_m';color: #222;margin:5px 0;display: block;text-align: center ;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.pro_moudle .price{text-align: center;}
.pro_moudle .new{position: absolute;top: 0;z-index: 4;left: 0;}
.pro_moudle .new::before{position: absolute;content: "";width:0;height:0;border-right:50px solid transparent;border-top:50px solid #f3c331;border-left:50px solid transparent;border-bottom:50px solid transparent;z-index: 3;left: 0;border-left: 50px ;}
.pro_moudle .new span{position: absolute;width:54px;color: #fff;text-align: center;line-height:18px;
    transform:rotate(-45deg);left: -10px;top: 11px;z-index:4;font-family: "poppins_sb";text-transform: uppercase;font-size: 13px;}


.pro_moudle .off{position: absolute;padding:0px 10px;background: #F04343;top: 0;right:0px;font-family: "poppins_m";color: #fff;}
.view_wishlist{position: absolute;right: 10px;top: 10px;z-index:3;display: none;}
.view_wishlist .quick_view{margin-bottom:5px;}
.view_wishlist .quick_view,.view_wishlist .wishlist{position: relative;}
.view_wishlist .hei_bg{position: absolute;width:90px;line-height: 30px;background: #333;right: 50px;color: #fff;text-align: center;top: 5px;display: none;}
.view_wishlist .hei_bg::before{position: absolute;content: "";border-left: 5px solid #333;border-right: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;right:-10px;top: 10px;}
.view_wishlist i{width:40px;height:40px;background: #fff;display: flex;display: -webkit-flex;justify-content: center;align-items: center;color: #999;}
.view_wishlist i.fa-heart{color: red;}

@media only screen and (min-width:992px){
    .pro_moudle .buy_now a:hover{box-shadow:0 5px 10px rgb(0 0 0 / 0.15);text-decoration: underline;}
    .pro_moudle .image:hover>a::before{display: block;}
    .pro_moudle .title:hover{text-decoration: underline;color:#06323d;}
    .view_wishlist i.fa-heart-o:hover{background: #333;color: #fff;}
    .pro_moudle .image:hover .view_wishlist{display: block;}
    .view_wishlist .quick_view:hover .hei_bg,.view_wishlist .wishlist:hover .hei_bg{display: block;}
}

/* gallery_wrapper */
.relatepro_wrapper{margin-bottom: 50px;}
.gallery_wrapper .mian_title{padding-top:15px;}
.gallery_wrapper .container{overflow: hidden;}
.gallery_wrapper .swiper_profather{position: relative;margin: 0 -10px;}
.gallery_wrapper .pro_moudle{position: relative;padding: 0 10px;}
.gallery_wrapper .pro_moudle::after{position: absolute;content: "";width: 1px;height: 100%;background: #efefef;right:0px;top: 0;}
.gallery_wrapper .swiper-button-prev,.gallery_wrapper .swiper-button-next{width: 34px;height: 34px;border: 1px solid #ebebeb;background: #fff;color: #ccc;top:-50px;}
.gallery_wrapper .swiper-button-prev:after,.gallery_wrapper .swiper-button-next:after{color: #ccc;font-size: 12px;}
.gallery_wrapper .swiper-button-next.swiper-button-disabled, .gallery_wrapper .swiper-button-prev.swiper-button-disabled{opacity: 0.5;}
.gallery_wrapper .swiper-button-prev{right: 43px;left: auto;}
.gallery_wrapper .swiper-button-next{right: 10px;}


.relatepro_wrapper .mian_title h2{font-size: 24px;}
.gallery_wrapper .star{text-align: center;}
.gallery_wrapper .my-rating-3{top: 0;}
@media only screen and (max-width: 1200px){
    .container{padding: 0;margin: 0 15px;}
}
@media only screen and (max-width: 480px){
    .pro_moudle .buy_now a{line-height: 30px;}

    .relatepro_wrapper{margin:30px 0 0px;}
}

/* blog_wrapper */
.blog_wrapper{margin-bottom:80px;}
.blog_wrapper .swiper_blog{margin: 0 -10px;}
.blog_wrapper h2{margin: 50px 0 40px;text-align: center;color:#06323d;}
.blog_wrapper .swiper-button-next{right:-40px;top:45%;transition: all 0.5s;}
.blog_wrapper .swiper-button-prev{left:-40px;top:45%;transition: all 0.5s;}
.blog_wrapper .single{padding: 0 10px;color:#06323d;}
.blog_wrapper .single a{color:#06323d;}
.blog_wrapper .single h3{font-size: 15px;margin:30px 0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.blog_wrapper .single .excerpt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #222;}
.blog_wrapper .single h3 a{color:#06323d;line-height: 1.5;}

.blog_wrapper .single .author{display: flex;display: -webkit-flex;margin: 10px 0;font-size:13px;color: #666;}
.blog_wrapper .single .author time{padding-left: 15px;}
.blog_wrapper .single .more{padding-top:15px;border-top: 1px solid #f5f5f5;margin-top: 15px;}
.blog_wrapper .single .images{overflow: hidden;height: 263px;}
.blog_wrapper .single .images img{transition: all 0.5s;width: 100%;height: 100%;object-fit: cover;}



@media only screen and (min-width:992px){
    .blog_wrapper .swiper_blog:hover .swiper-button-next{right: 10px;}
    .blog_wrapper .swiper_blog:hover .swiper-button-prev{left: 10px;}
    .blog_wrapper .single .more:hover,.blog_wrapper .single h3 a:hover{text-decoration: underline;}
    .blog_wrapper .single:hover .images img{transform: scale(1.05);}
}

@media only screen and (max-width: 640px){
    .blog_wrapper h2{font-size: 24px;margin: 40px 0 30px;}
    .blog_wrapper{margin-bottom:30px;}
    .blog_wrapper .swiper-button-next{right:0px;}
    .blog_wrapper .swiper-button-prev{left:0px;}
    .blog_wrapper .single .images{height: auto;max-height: 263px;}
}

/* products_wrapper */
.products_wrapper{margin:80px 0 60px;}
.products_wrapper .mian_title h2{font-size: 18px;}
.products_wrapper ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.products_wrapper ul li{width: calc((100% - 40px)/3);margin-right: 20px;}
.products_wrapper ul li:last-child{margin-right: 0;}
.products_wrapper ul li .images{width: 100px;margin-right: 10px;overflow: hidden;}
.products_wrapper ul li .images img{width: 100%;transition: all 0.5s;}
.products_wrapper ul li dd{display: flex;display: -webkit-flex;padding-bottom: 20px;}
.products_wrapper ul li dd .txt{width: calc((100% - 110px)/1)}
.products_wrapper ul li dd h2 a{font-size: 14px;margin-bottom: 10px;color: #222;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.products_wrapper ul li dd .price .cur{font-size: 16px;color: #000;}



@media only screen and (min-width:992px){
    .products_wrapper ul li .images:hover img{transform: scale(1.1);}
    .products_wrapper ul li dd h2 a:hover{color: #06323d;text-decoration: underline;}
}

@media only screen and (max-width: 992px){
    .products_wrapper ul li{width: calc((100% - 20px)/2);margin-bottom: 20px}
    .products_wrapper ul li:nth-child(2){margin-right: 0;}
    .products_wrapper ul li:last-child{margin-bottom: 0;}
    .products_wrapper{margin: 60px 0 40px;}
}
@media only screen and (max-width: 640px){
    .products_wrapper ul li{width: 100%;margin-right: 0;}
}



/*footer*/
.footer{position: relative; z-index: 11; padding:80px 0 40px; position: relative; background: #06323d;margin-top: -2px; color:rgba(255, 255, 255, 0.8);width:100%;}
.footer .container{display: flex;display: -webkit-flex;justify-content: space-between;}
.footer .fot_logo{width: 210px;}
.footer .fot_title{position: relative; display: block; margin-bottom: 20px;}
.footer .fot_title em{display: block; font-size: 18px; line-height: 30px; text-transform: capitalize; font-family: 'poppins_m'; color: #fff;text-transform: uppercase;font-family: "poppins_m";}
.footer .fot_con  .fot_logo{margin-bottom:25px;}
.footer ul,
.foot_bot ul{list-style: none;}
.icon-minus-sign,
.icon-plus-sign{width: 14px; height: 14px; display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center;}
.icon-minus-sign:before,
.icon-minus-sign:after,
.icon-plus-sign:before,
.icon-plus-sign:after{content: ''; position: absolute; background: #5db3b1; width: 14px; height: 2px; margin: 2px 0;}
.icon-plus-sign{width: 12px; height: 12px;}
.icon-plus-sign:before,
.icon-plus-sign:after{width: 12px;}
.icon-plus-sign:after{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.icon-minus-sign:before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.icon-minus-sign:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.fot_title .column_icon_toggle{display: none;}
.fot_nav{float: left; width:22%; padding-right: 40px;}
.fot_nav:last-child{padding-right: 0;}
.fot_nav li{margin-bottom: 12px;}
.fot_nav li a{position: relative; display: block; font-size: 13px; color:rgba(255, 255, 255, 0.8); text-transform: capitalize;padding-left:20px;}
.fot_nav li a::before{position: absolute;width: 12px;height: 10px;border-radius: 2px;background: rgba(185,225,234,1);content: '';left: 0;top:3px;}

.fot_con ul.contact_ul li{margin-bottom: 20px;overflow: hidden;}
.fot_con ul.contact_ul li:last-child{padding: 0;margin: 0;}
.fot_con ul.contact_ul li p{width: calc(100% - 40px);float: left;}
.fot_con ul.contact_ul li span{padding-right: 15px;width: 40px;float: left;}
.fot_con ul.contact_ul li a{color:rgba(255, 255, 255, 0.8)}


.fot_share{width:26% ;}
.fot_share .subscribe_email{position: relative;margin-bottom: 50px;}
.fot_share input{width: 100%;display: block;line-height: 50px;background: none;border: 1px solid rgba(255,255,255,0.3);text-indent: 10px;color: #fff;}
.fot_share input::placeholder{color:rgba(255,255,255,0.3);}
.fot_share button{background: none;border:none;position: absolute;right: 10px;top: 15px;font-size: 20px;}
.fot_sup{float: left; width: 22%; padding-right: 40px;}
.fot_sup li{margin-bottom: 10px;}
.fot_sup li a{position: relative; display: block; font-size: 13px;text-transform: capitalize;}

.fot_con{float: left; width:35%; padding-right:40px; text-align: left; position: relative; z-index: 10;}
.fot_about{width:30%;}
.fot_about .fot_about_txt{font-size: 14px;margin-bottom: 20px;}
.fot_con li{font-size: 13px; line-height: 24px; background-repeat: no-repeat; background-position: left 0;}
.fot_con .text{ font-size: 13px; margin-bottom: 20px;}
.fot_con li a{font-size: 13px; line-height: 24px;position: relative; display: inline-block; transition: all .5s;}

.fot_mes{float: left; width: 25%; padding: 0; position: relative; z-index: 10;}
.fot_mes .text{font-size: 13px; line-height: 24px;}

.share_dl dd{display: inline-block;}
.share_dl dd a{display: inline-block;color: #fff;text-align: center;cursor: pointer;margin-right: 15px;}
.share_dl dd a img{max-height:18px;transition: all 0.5s;}

.share_dl_h2{display: flex;display: -webkit-flex;align-items: center;margin-top: 20px;}
.share_dl_h2 h2{font-weight: normal;font-family: "poppins_sb";color: #111;text-transform: capitalize;margin: 0;margin-right: 10px;font-size: 16px;}
.share_dl_h2 .share_dl{display: flex;display: -webkit-flex;align-items: center;}
.share_dl_h2 .share_dl dd a{width:26px;height: 26px;background: #d3d3d3;margin-right: 8px;text-align: center;display: flex;display: -webkit-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.5s;}
.share_dl_h2 .share_dl dd a img{max-height:14px;}

.share_dl_h2 .share_dl dd:nth-child(1) a{background: #2688d9;}
.share_dl_h2 .share_dl dd:nth-child(2) a{background: #1d9bf0;}
.share_dl_h2 .share_dl dd:nth-child(3) a{background: #ee2679;}
.share_dl_h2 .share_dl dd:nth-child(4) a{background: #ca2027;}
.share_dl_h2 .share_dl dd:nth-child(5) a{background: #007ab9;}
@media only screen and (min-width:992px){
    .fot_nav li a:hover:before{background-color: #b9e1ea;}
    .fot_nav li a:hover{color: rgba(185,225,234,1);text-decoration: underline}
    .fot_share button:hover i{color: #b9e1ea;}
    .fot_sup li a:hover:before{background-color: #b9e1ea;}
    .fot_con ul.contact_ul li a:hover{color: #b9e1ea}
    .fot_sup li a:hover{color: #b9e1ea;}
    .fot_con li a:hover{text-decoration: none; color: #b9e1ea;}
    .share_dl dd a img:hover{margin-top: -10px;}
    .share_dl_h2 .share_dl dd a img:hover{margin-top: 0px;}
    .share_dl_h2 .share_dl dd a:hover{margin-top: -10px;}
}



/* Internet Explorer 10+ */
.fot_mes .letter-input .fot_input::-webkit-input-placeholder{color: #898d90;}
/* WebKit browsers */
.fot_mes .letter-input .fot_input::-moz-placeholder{color: #898d90;}
/* Mozilla Firefox 4 to 18 */
.fot_mes .letter-input .fot_input:-moz-placeholder{color: #898d90;}
/* Mozilla Firefox 19+ */
.footer-bottom .row{display: flex;display: -webkit-flex;justify-content: space-between;}
.footer-bottom{border-top: 1px solid rgba(255, 255, 255, .05); padding: 20px 0; background: #06323d; text-align: center;}
.footer-bottom .copy{color: rgba(255, 255, 255, 0.6); font-size: 13px;width: 50%;text-align: left;}
.footer-bottom ul{list-style: none;width: 50%;text-align: right;}
.footer-bottom ul li{display: inline-block; margin-left:5px;}
.footer-bottom ul li:first-child{margin-left: 0;}
@media only screen and (max-width:1400px){
    .footer:before{display: none;}
    .footer{margin-top: 0px; padding: 40px 0 30px;}
}
@media only screen and (max-width: 992px){
    .fot_share{width: 100%;overflow: hidden;}
    .fot_con{margin-bottom:30px;}
    .footer .container{flex-wrap: wrap;}
    .footer .row,.footer-bottom .row{display: block;}
    .fot_nav, .fot_sup, .fot_con{padding-right: 20px;}
    .footer{padding: 30px 0 0px 0; margin: 0; background-position: right center;}
    .footer .fot_tag, .footer .fot_nav, .footer .fot_con, .footer .fot_mes, .footer .fot_sup{width: 100%; padding: 0;}
    .footer .fot_title em{margin-bottom: 0; font-size: 14px; font-family: 'poppins_m'; line-height: 24px; padding-bottom: 0; text-transform: uppercase;}
    .footer .fot_title span{display: none;}
    .footer .fot_title{display: block; padding-bottom: 0px; cursor: pointer; margin-bottom: 0px; font-size: 15px; position: relative; text-transform: uppercase;}
    .footer .fot_con  .fot_title{margin-bottom: 15px;}
    .footer .fot_con p{font-size: 13px;}
    .footer .fot_title .column_icon_toggle{display: inline-block; position: absolute; right: 10px; top: 9px; font-style: normal; cursor: pointer; font-weight: normal;}
    .footer .icon-minus-sign:before,
    .footer .icon-minus-sign:after, .footer .icon-plus-sign:before, .footer .icon-plus-sign:after{background: rgba(255, 255, 255, 0.8)}
    .footer .toggle_content{ padding-top: 10px;}
    .fot_mes .fot_title, .fot_nav .fot_title, .fot_sup .fot_title{display: block;} .fot_mes{text-align: left;}
    .footer .fot_nav{margin: 0; text-align: left;background: #07404e;padding: 10px;margin-bottom: 10px;}
    .footer-bottom{border: none; margin-top: -1px;}
    .footer .fot_logo{width: 180px;}
    .footer-bottom .copy{margin-bottom: 15px;}
    .footer-bottom .copy,.footer-bottom ul{text-align: center;width: 100%;}

    .fot_con ul.contact_ul li{margin-bottom:15px;}
    .footer .fot_share .fot_title em{margin-bottom: 15px;margin-top: 25px;font-size: 16px;}
    .fot_share .subscribe_email{margin-bottom: 20px;}
}

/*footer*/


/*back-top*/
.progress-wrap {position: fixed;right: 2px;bottom: 75px;height: 46px;width: 46px;cursor: pointer;display: block;border-radius: 50%;
    box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 99999;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
    transition: all 200ms linear;}
    .progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
    .progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: "\f106";text-align: center;
    line-height: 46px;font-size: 24px;color:#0e5b6e ;left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;
    z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
    .progress-wrap svg path { fill: none; }
    .progress-wrap svg.progress-circle path {stroke: #0e5b6e ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
    transition: all 200ms linear;}


    .mobile_nav{position: fixed; left: 0; bottom: 0; width: 100%; padding: 4px 0; display: none; z-index: 999999; box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); border-radius: 2px 2px 0 0; background: #fff; border-top: 1px solid #eee;}
    .mobile_nav a{width: 25%; padding: 0 10px; float: left; text-align: center;}
    .mobile_nav a i{width: 36px; height: 36px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: contain;}
    .mobile_nav a p{color: #3c3c3c; padding-top: 5px; font-size: 12px; font-family: 'poppins_m'; text-transform: uppercase; line-height: 14px;}
    @media only screen and (max-width: 992px){
        .back_top{right: 0; bottom: 120px; width: 40px; height: 40px;}
        .back_top:before{font-size: 20px; line-height: 36px;}
    }
    @media only screen and (max-width: 768px){
        .mobile_nav{display: block;}
        .mobile_nav a i{width: 22px; height: 22px;}
        .mobile_nav a p{text-transform: capitalize;}
        .footer-bottom{padding-bottom: 80px;}
        #onlineService .i_message_inquiry .main-more input{padding: 8px 20px;}
        .i_message_inquiry .inquiry{padding: 15px 10px;}
        #onlineService .title{padding: 10px 15px;}
    }

/*page*/
.page_banner{width: 100%; overflow: hidden;position: relative;}
.page_banner img{width: 100%; height: auto; max-width: 100%;}
.page_banner img.page_banner_ph{display: none;}

@media only screen and (max-width: 992px){
    .page_banner::before{display: none;}
    .page_banner img.page_banner_pc{display: none;}
    .page_banner img.page_banner_ph{display: block;}
}

/*biaozhu*/
.biaozhu{background: #f9f9f9; padding: 10px 0; overflow: hidden;}
.breadcrumb{margin-left: 0px; margin-bottom: 0; text-transform: capitalize; background: none; padding: 0px; position: relative; z-index: 5;}
.breadcrumb i{margin: 0 2px; display: inline-block; color: #777; font-style: normal; margin-top: 0px;}
.breadcrumb .home i{margin-right: 8px; margin-top: -2px; color: #999;}
.breadcrumb a i{font-size: 14px; color: #777; line-height: 24px;}
.breadcrumb h2,
.breadcrumb a,
.breadcrumb span{font-size: 14px; color: #777; line-height: 24px;}
.breadcrumb h2{margin: 0; display: inline-block; padding: 0;}
.n_main{padding: 40px 0 60px;}

@media only screen and (min-width:992px){
    .breadcrumb a:hover,
    .breadcrumb a:hover h2{color: #06323d; text-decoration: none;}
}

/* table common */
.table{border-bottom: 1px solid #ddd;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th{padding: 15px 10px; font-family: 'poppins_m'; font-weight: 400; font-size: 15px; border-top: 0;}
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 10px;}
@media screen and (max-width: 767px){.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{white-space: normal;} .table{border-bottom: 0px solid #ddd;} .table-responsive{border: 0;}}




/*product right*/
h1.pro_h1{text-align: center;margin: 50px 0;font-family: 'poppins_sb';color: #06323d;font-size:20px;text-transform: capitalize;line-height:1.5;}
.cbp-vm-switcher{width:100%; margin-bottom:20px;}
.cbp-vm-switcher .view_wishlist{top:40px;}
.cbp-vm-switcher .view_wishlist i{background: #f7f7f7;}
.cbp-vm-switcher img{transition: all .4s ease-in-out;}
.cbp-vm-switcher .hide_pic{position: absolute;top: 0;left: 0;}
.cbp-vm-switcher .hide_pic img{transform:scale(1.2);opacity: 0;}
.cbp-vm-options a{display: inline-block; vertical-align:middle; overflow: hidden; width: 30px; height: 30px; text-align: center; line-height: 30px; white-space: nowrap; color: #aaa; margin-left:3px; background: #f0f0f0;}
.cbp-vm-options a.cbp-vm-selected{color: #fff; background:#06323d; border-color:#06323d;}
.cbp-vm-options a:before{font-size: 18px; text-align: center; display: inline-block; line-height: inherit;}
.cbp-vm-options .yht_count_class{display:inline-block;margin-left: 15px;}
/* Common icon styles */
.cbp-vm-icon:before{font-family: 'fontawesome';font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-grid:before{content: "\f00a";}
.cbp-vm-list:before{content: "\f039";}
.cbp-vm-add:before{content: "\f055";}
/* General list */
.cbp-vm-switcher>ul{list-style: none;padding: 0;}
/* Clear eventual floats */
.cbp-vm-switcher ul:before,
.cbp-vm-switcher ul:after{content: " ";display: table;}
.cbp-vm-switcher ul:after{clear: both;}
.cbp-vm-switcher>ul>li{display: block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding:15px;}
.cbp-vm-image img{max-width:100%; transition:all .5s; width:100%;}
.cbp-vm-switcher .cbp-vm-image{display: block; overflow: hidden;position: relative;}

.cbp-vm-image-sold img{opacity: 0.6;}
/* Large grid view */
.cbp-vm-view-grid ul{margin: 0 -8px; text-align: center;}
.cbp-vm-view-grid ul li{width:25%;float:left;vertical-align: top;padding:0px;position:relative;padding:12px;}
.cbp-vm-view-grid ul li .cbp-div{transition: all .5s;}
.cbp-vm-view-grid li .sold_out{position: absolute;right:15px;top:15px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-family: "poppins_m";font-size: 13px;line-height:18px;border-radius: 50%;border: 1px solid #333;height: 44px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;background: #fff;}


.cbp-vm-view-grid .tags,
.cbp-vm-view-grid .page_more{display: none;}
.cbp-vm-view-grid .cbp-list-center{padding:20px 8px;text-align: center;}

.cbp-vm-view-grid ul li .cbp-title{display:block; color:#333333; font-size:15px; line-height:22px;overflow:hidden; margin-bottom:6px; font-family:'poppins_sb';height: 44px;}
.cbp-vm-view-grid ul li:nth-child(4n+1){clear: both;}

.products .products_main_rating .pingl span{font-family: 'poppins_sb';color: #333;}

/* cbp-add-cart */
.cbp-add-cart{position: relative;left: -8px;}
.cbp-add-cart a{background:rgba(243,195,49,0.9);line-height: 32px;font-family: "poppins_m";width: 120px;display:inline-block;color: #fff;border-radius: 0 24px 0 0;text-align: center;margin: 20px 0 20px;transition:all 0.5s;}
.cbp-vm-view-grid .price .cur{font-size:20px;}
/* cbp-add-cart */

.options_sort{display:flex;display: -webkit-flex;justify-content:space-between;align-items: center;border-bottom: 2px solid #eee;padding-bottom:20px;margin-bottom: 20px;flex-wrap:wrap;}
.toolbar .product_sort {width:250px;}
.toolbar .product_sort .verjs-search-items{display: none;}


.toolbar_filter{display:flex;display: -webkit-flex;align-items: center;}
.toolbar_filter .top_filter{background: #f7f7f7;margin-left: 15px;line-height: 38px;padding: 0 15px;color: #06323d;cursor: pointer;}
.toolbar_filter .top_filter i{padding-right: 10px;width: 24px;}

/* List view */

.cbp-vm-view-list ul li{position: relative;}
.cbp-vm-view-list li .dis_off{position: absolute;width: 48px;height: 52px;background: url(../images/off.png)no-repeat;font-size: 26px;font-family: 'Oswald';color: #fff;line-height:50px;text-indent:3px;top: 15px;right: 15px;z-index: 2;text-indent: -15px;}
.cbp-vm-view-list li .sold_out{position: absolute;right:15px;top:15px;width: 44px;text-align: center;color: #333;border-radius: 2px;font-family: "poppins_m";font-size: 13px;line-height:18px;border-radius: 50%;border: 1px solid #333;height: 44px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;}
.cbp-vm-view-list li.pro_moudle .price{text-align: left;}
.cbp-vm-view-list>ul{margin:0; margin-top:20px;}
.cbp-vm-view-list>ul>li{text-align:left; border-radius: 0; border-bottom:1px solid #eee; padding:0px 0 25px;margin-top: 25px;}
.cbp-vm-view-list>ul>li:first-child{padding-top: 0;}
.cbp-vm-view-list li:before,
.cbp-vm-view-list li:after{content: " ";display: table;}
.cbp-vm-view-list li:after{clear: both;}
.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price,
.cbp-vm-view-list .cbp-vm-add{display: inline-block;vertical-align: middle;position: relative;}
.cbp-vm-view-list .cbp-vm-image{width: 28%; text-align:center; vertical-align:middle; float:left; border:1px solid #eee;}
.cbp-vm-view-list ul li .cbp-list-center{width:72%; float: left; padding-left: 20px;}
.cbp-vm-view-list ul li .cbp-title{display:block; color:#333333; font-size:18px; line-height:24px; overflow:hidden; margin-bottom:10px; font-family:'poppins_m';}
.cbp-vm-view-list ul li .tags{margin: 10px 0;}
.cbp-vm-view-list ul li .page_more{margin-top: 15px;}
.cbp-vm-view-list ul li .page_more i{margin-left: 5px;}

.cbp-vm-view-list ul li{position: relative;}
.cbp-vm-view-list .cbp-add-cart{position: absolute;left: 0;top: 0;}
.cbp-vm-view-list .price .cur{font-size: 20px;}




@media only screen and (min-width:992px){
    .cbp-vm-options a:hover{color: #fff; background:#06323d; border-color:#06323d}
    .cbp-vm-switcher .cbp-vm-image:hover .view_wishlist{display: block;}
    .cbp-vm-switcher .cbp-vm-image:hover .hide_pic img{transform:scale(1.0);opacity: 1}
    .cbp-vm-view-grid ul li .cbp-div:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
    .cbp-vm-view-grid ul li .cbp-title:hover{color: #06323d;}
    .cbp-vm-view-grid ul li:hover .cbp-title{text-decoration:underline;}
    .cbp-vm-view-grid ul li:hover .cbp-add-cart a{width: 80%;}
    .cbp-add-cart a:hover{background: #06323d;}
    .cbp-vm-view-list ul li .cbp-title:hover{color: #06323d;}
    .cbp-vm-view-list ul li .page_more:hover{text-decoration: underline;}
    .cbp-vm-view-list ul li:hover .cbp-title{text-decoration:underline;}
    .cbp-vm-view-list ul li .cbp-add-cart a:hover{width:200px;}
}

@media screen and (max-width: 1300px){
    .cbp-vm-view-grid ul li{width: 33.333%;}
    .cbp-vm-view-grid ul li:nth-child(4n+1){clear: none;}
    .cbp-vm-view-grid ul li:nth-child(3n+1){clear: both;}
}
@media screen and (max-width: 992px){
    .cbp-vm-view-grid ul li{width: 50%;}
    .cbp-vm-view-grid ul li:nth-child(3n+1){clear: none;}
    .cbp-vm-view-grid ul li:nth-child(2n+1){clear: both;}

    h1.pro_h1{font-size:18px;margin: 20px 0 30px;}
    .products_main_rating .jq-star{width: 13px!important;margin-right: 1px;}
    .products_main_rating .pingl{font-size: 13px;}
}
@media screen and (max-width: 768px){
    .cbp-vm-view-list ul li .cbp-title{font-size:15px; line-height: 22px; margin-bottom: 2px;}
    .cbp-vm-view-grid ul li .cbp-title{margin-bottom:0;}
    .cbp-vm-view-grid .cbp-list-center{padding: 10px 8px;}
    .cbp-vm-view-list ul li .tags{margin: 6px 0 10px;}
}
@media screen and (max-width: 640px){
    .cbp-vm-view-grid .price .cur,.cbp-vm-view-list .price .cur{font-size: 16px;}
    .cbp-add-cart a{line-height: 28px;}
    .cbp-vm-view-list .cbp-vm-image,.cbp-vm-view-list ul li .cbp-list-center{width: 100%;}
    .cbp-vm-view-list ul li .cbp-list-center{margin-top: 20px;padding-left: 0;}
    .cbp-vm-options{margin-bottom: 15px;}
    .cbp-vm-options,.toolbar_filter{width: 100%;}
    .toolbar_filter{justify-content: space-between;}
    .toolbar_filter .toolbar{width: calc(100% - 110px);}
    .toolbar_filter .product_sort{width: 100%;}
}
@media screen and (max-width: 480px){
    .cbp-vm-view-grid ul li .cbp-title{font-size: 14px;}
    .cbp-vm-view-list ul li .cbp-title{font-size: 14px; line-height: 22px;}

}
@media screen and (max-width: 400px){
.cbp-vm-view-list>ul>li{padding:15px 0;}
.cbp-vm-view-list .cbp-vm-image{width:100%; max-width: 200px;}
.cbp-vm-view-list ul li .cbp-list-center{width: 100%; padding-left: 0; margin-top:10px;}
.cbp-vm-view-grid ul{margin: 0 -5px;}
.cbp-vm-view-grid ul li{padding: 5px;}
.cbp-vm-view-grid ul li .cbp-title{font-size:13px; line-height:20px; height:40px;}
}

/* pro_describe */
.loading{text-align: center;}
.loading img{width:80px;}
.pro_describe{margin-top: 80px;font-size: 15px;}
.pro_describe h2,.pro_describe h4{color:#06323d ;margin: 20px 0;font-size: 22px;font-family: 'poppins_sb';line-height: 1.5;}
.pro_describe h2 strong,.pro_describe h4 strong{font-family: 'poppins_sb';}
.pro_describe h3,.pro_describe h3 strong{color:#000 ;margin: 15px 0;font-size:18px;font-family: 'poppins_m';line-height: 1.5;}
.pro_describe p{margin-bottom: 10px;}
.pro_describe ul{padding-left: 30px;}
.pro_describe ul li{margin: 10px 0;font-family: 'poppins_m';font-size: 15px;color: #333;position: relative;padding-left: 15px;}
.pro_describe ul li::before{width: 5px;height: 5px;position: absolute;content: "";background: #06323d;left: 0;top: 10px;border-radius: 50%;}
@media screen and (max-width: 768px){
    .pro_describe{font-size: 14px;}
    .pro_describe h2,.pro_describe h4{font-size:18px ;}
    .pro_describe h3,.pro_describe h3 strong{font-size: 16px;}
    .pro_describe ul{padding-left:10px;}
}

/*left mtree*/
ul.mtree{opacity: 0; margin-left: 0;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;left: 0;}
ul.mtree li ul.mtree-level-1{background: #f9f9f9; border-bottom: 1px solid #eee;}
ul.mtree>li{list-style: none; border-bottom: none;}
ul.mtree>li a{border-bottom: 1px solid #eee;}
ul.mtree>li:last-child a{border: none;}
ul.mtree a{display: block; font-size: 15px; color: #444; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding: 8px 30px 8px 5px; line-height: 22px; padding-right: 40px;}
ul.mtree li ul a{padding: 8px 25px 8px 15px;}
ul.mtree.transit li.mtree-open>span:before,
ul.mtree.transit li.mtree-closed>span:before{font-family: FontAwesome; font-size: 18px; color: #06323d; font-weight: bold; text-align: center; font-style: normal; width: 43px; height: 43px; line-height: 43px; position: absolute; right: 0; top: 0px; z-index: 2;}
ul.mtree.transit li.mtree-open>span:before{content: "-";}
ul.mtree.transit li.mtree-closed>span:before{content: "+"; color: #999;}
ul.mtree .mtree-level-1 li.mtree-open>span:before{content: "-"; font-family: FontAwesome; float: right; font-size: 18px; line-height: 38px; color: #06323d; font-weight: bold; text-align: center; font-style: normal; width: 38px; height: 38px; position: absolute; right: 0; top: 0px; z-index: 2; border-radius: 0px;}
ul.mtree .mtree-level-1 li.mtree-closed>span:before{content: "+"; font-family: FontAwesome; float: right; font-size: 16px; line-height: 38px; color: #999; font-weight: bold; text-align: center; font-style: normal; width: 38px; height: 38px; position: absolute; right: 0; top: 0px; z-index: 2; border-radius: 0px;}
ul.mtree>li.mtree-node a ul a{font-size: 14px;}
ul.mtree>li.mtree-open{color: #444; padding-bottom: 0;}
ul.mtree>li.mtree-open>a,
ul.mtree>li.mtree-open>a:after{color: #06323d;}
ul.mtree>li>a{position: relative; z-index: 1; font-size: 14px; color: #444; text-transform: capitalize; padding: 10px 0;}
ul.mtree ul li{list-style: none; position: relative;}
ul.mtree ul li a{display: block; color: #555; font-size: 14px;}
ul.mtree>li>ul>li>a{position: relative; font-size: 13px; border: none; text-transform: capitalize;}
ul.mtree>li>ul>li>a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;}
ul.mtree li ul li.mtree-open a{color: #06323d; text-decoration: none;}
ul.mtree .mtree-level-2{margin-top: 0px; border: none; margin-bottom: 0; background: #fff;}
ul.mtree li ul.mtree-level-2 li a{color: #808080; font-weight: normal; font-size: 12px; padding-left: 20px; text-transform: capitalize;}
ul.mtree li ul.mtree-level-2 li a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 6px;}
ul.mtree.jet ul{margin-left: 0;}
ul.mtree.jet li{margin-bottom: 1px;}
ul.mtree.jet li:last-child{margin-bottom: 0px;}
ul.mtree.jet li:first-child{margin-top: 1px;}
ul.mtree.jet li.mtree-active a{background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child>a{border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active>a{background: #008cba; color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet a{padding: 5px 0px 5px 1em;}
ul.mtree.jet li li>a{padding-left: 2em;}
ul.mtree.jet li li li>a{padding-left: 3em;}
ul.mtree.jet li li li li>a{padding-left: 4em;}
ul.mtree.jet li li li li li>a{padding-left: 5em;}
ul.mtree>li.mtree-node ul i{margin-right: 10px;}
.mtree-skin-selector{display: none !important}
ul.mtree>li>ul>ul.mtree-level-2{opacity: 1; display: block !important; height: auto !important;}


@media only screen and (min-width:992px){
    ul.mtree>li.mtree-node:hover>a,
    ul.mtree>li.mtree-node:hover>a:after{color: #06323d; text-decoration: none;}
    ul.mtree ul li a:hover{color: #06323d;}
    ul.mtree .mtree-level-2 li a:hover{text-decoration: none; color: #06323d; font-weight: normal;}
    ul.mtree.jet li>a:hover{background: #FFC000; color: #FFF;}
    ul.mtree a:hover{text-decoration: none;}
    ul.mtree>li:hover>a{color: #06323d; background-image: none;}
}
@media only screen and (max-width:992px){
    .hot_left{display: none;}
    .n_left{width: 100%; padding-right: 0; float: none; margin-bottom: 30px;}
    .n_right{width: 100%; border-left: none !important; padding-left: 0px; margin-top: 0px; float: none;}
    .nav_h4{position: relative; border-radius: 0px; background: #06323d; color: #fff; padding:0px 10px; font-size: 16px; margin-bottom: 0;line-height: 36px;}
    .nav_h4:after{display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 15px; cursor: pointer; font-size: 20px; top: 2px; color: #fff; font-style: normal;}
    .nav_h4.active:after{content: "\f106"; top: 0;}
    .nav_h4.active{/*border-bottom: 1px solid #e5e5e5 !important;*/ border-radius: 0;}
    .left_column{margin-bottom: 10px;}
    .refine_left, .price_left{display: none;}
}
@media only screen and (max-width:768px){
    ul.mtree>li>a{font-size: 14px; padding: 8px 30px 8px 5px;}
    ul.mtree.transit li.mtree-open>span:before{width: 39px; height: 39px; line-height: 39px;}
    ul.mtree.transit li.mtree-closed>span:before{width: 39px; height: 39px; line-height: 39px;}
    ul.mtree .mtree-level-1 li.mtree-open>span:before{width: 39px; height: 39px; line-height: 39px;}
    ul.mtree .mtree-level-1 li.mtree-closed>span:before{width: 39px; height: 39px; line-height: 39px;}
}
/*page_p*/
.page_p{margin: 0px auto 0px; text-align: center; width: 100%; font-size: 12px;margin-top: 30px;}
.page_p a,
.page_p>span{display: inline-block; font-size: 12px; line-height: 32px; padding: 0px 15px; background: #ececec; margin-left: 5px; color: #555; margin-top: 5px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; vertical-align: middle;}
.page_p a i{line-height: 32px;}
.total{font-size: 12px; line-height: 24px; color: #222; margin-top: 14px;}
.total span{color: #06323d;}
.page_p>.span1{padding: 0px 15px; line-height: 32px; background: #06323d; color: #fff; display: inline-block; margin-left: 5px; border-radius: 0px;}

@media only screen and (min-width:992px){
    .page_p a:hover{background: #06323d; color: #fff !important; text-decoration: none;}
}
/* tags */
.tags{background: #F9F9F9; padding: 6px 0 0px 12px;text-align: left;}
.tags span{font-size:14px; text-transform:uppercase; color:#333; font-family: 'poppins_sb';}
.tags span i{margin-right: 3px;}
.tags a{font-size:12px; display:inline-block; color:#666; padding:2px 10px; margin:0 6px 6px 0; line-height: 30px; border:1px solid #f9f8f8; background: #fff;}
.tags a i{margin-right:6px; font-size:14px;}

@media only screen and (min-width:992px){
    .tags a:hover{background: #06323d; color:#fff; text-decoration:none;}

}
/*page-turning*/
.navigation{width:100%;list-style:none;margin-top:20px;padding-top:10px;}
.navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:10px;}
/*.navigation li.next_post{float:right;text-align:right;}*/
.navigation li a{padding-top:10px;padding-bottom:10px;position:relative;display:block;transition:all .5s;padding-left:60px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:0;}

/*.navigation li.next_post a{padding-right:50px;}*/
.navigation li a:before{font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff; border-radius: 50%;}
.navigation li.prev_post a:before{left:10px;content:"\f106";}
.navigation li.next_post a:before{left:10px;content:"\f107";}

.navigation li a .meta_nav{display:inline-block;font-size:14px;text-transform:capitalize;color:#222;margin-bottom:0;line-height:20px;transition:all .5s;font-family:'Montserrat Medium'; text-transform: uppercase;}
.navigation li a .post_title{font-size:14px;overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;font-weight: normal;}

@media only screen and (min-width:992px){
    .navigation li a:hover{text-decoration:none;}
    .navigation li a:hover:before{background:#06323d;color:#fff;border-color:#666;}
    .navigation li a:hover .meta_nav{color:#06323d;}
    .navigation li a:hover .post_title{color:#666;}
}
@media only screen and (max-width: 768px) {
	.navigation{border:none;padding-top:0;margin-bottom:0;}
	.navigation li{width:100%;border-radius:0;padding:0;margin-bottom:10px;}
	.navigation li.prev_post a{padding-left:60px;border-radius: 0;}
	.navigation li.next_post a{padding-left:60px;border-radius: 0;}
	.navigation li.prev_post a:before{left:10px;}
	.navigation li.next_post a:before{left:10px;}
	.navigation li a:before{width:40px;height:40px;line-height:40px;}
	.navigation li a .meta_nav{font-size: 14px;color:#333;margin-bottom: 0;}
	.navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;}
	.navigation li a .post_title{font-size: 14px;}
}
.tags_ul{ padding:4px 0; margin-bottom:10px;}
.tags_ul span{ font-size:16px;  font-family: "Montserrat Medium"; text-transform:uppercase; color:#333; margin-right:6px;}
.tags_ul a{ display:inline-block; padding:0px 16px; background:#f9f9f9;  color:#666;  text-transform: capitalize;line-height: 30px; margin: 2px 0; border-radius:0;  border: 1px solid #f1f1f1; font-size: 12px;}
.tags_ul i{ margin-right:3px; font-size: 14px; color: #ccc;transition: 0.6s all;}


@media only screen and (min-width:992px){
    .tags_ul a:hover{ background: #06323d; color: #fff;}
}


.filter_box{display: none;}
.filter_boxflex{margin-bottom: 50px;background: #f7f7f7;display: flex;padding: 20px;display: -webkit-flex;flex-wrap: wrap;padding-bottom:50px;}
.filter_box .filter_sigle{width: calc((100% - 60px)/4);margin-right: 20px;}
.filter_box .filter_sigle:nth-child(4n){margin-right: 0;}
.filter_box .filter_sigle h2{font-size: 16px;color: #06323d;margin:25px 0 20px;text-transform: uppercase;}

@media screen and (max-width:992px){
    .filter_box .filter_sigle{width: calc((100% - 20px)/2);}
    .filter_box .filter_sigle:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:480px){
    .filter_box .filter_sigle{width:100%;margin-right: 0;}
    .cbp-vm-options{margin-bottom: 15px;}
    .cbp-vm-options,.toolbar_filter{width: 100%;}
}


/* verjs-select-box */
 .verjs-select-box{position: relative;}
 .verjs-select-box ul, .verjs-select-box li{list-style: none;width: 100%!important;margin: 0;text-align: left;}
 .verjs-select{border: 1px solid #e3e3e3; line-height:36px; padding: 0 15px; overflow: hidden; position: relative; cursor: pointer; background: #ffffff;color: #333;}
 .verjs-select span{display: inline-block; width: 90%; overflow: hidden;}
 .verjs-select i{font-size: 14px; display: inline-block; width: 30px; text-align: center; position: absolute; right: 0; top: 0;line-height:36px;color: #afafaf;}
 .verjs-select-option-list{border: 1px solid #e3e3e3; position: absolute; background: #ffffff; margin-top: -1px; overflow: hidden; display: none;z-index: 8;width: 100%;}
 .verjs-select-option-items-value-hide{display: none;}
 .verjs-select-option-list .verjs-search-items{position: relative;}
 .verjs-select-search-btn{position: relative; line-height:30px;border: 1px solid #e7e7e7;margin: 10px;}
 .verjs-select-option-list .verjs-search-items .verjs-search-input{border: 0; outline: none;line-height:30px;}
 .verjs-select-option-list .verjs-search-items .verjs-select-btn-list{height: 35px; overflow: hidden; margin: auto; line-height: 35px;}
 .verjs-select-option-list .verjs-search-items .verjs-select-btn-list span{cursor: pointer; display: inline-block; font-size: 14px; color: coral; padding: 0 10px;}
 .verjs-select-option-list .verjs-select-search-btn i{position: absolute; top: 0; right: 0; width: 30px; text-align: center; cursor: pointer; color: #9d9896; background: #ffffff; line-height: 30px;}
 .verjs-select-option-list.verjs-select-option-list-hide{display: block;}
 .verjs-select-option-items{padding: 0; margin: 5px auto; overflow: auto;max-height: 208px;overflow-y: auto;}
 .verjs-empty-option{color: #b9b9b9; width: 100%; padding: 0; text-align: center;padding-left:10px!important;padding-bottom: 5px!important;}
 .verjs-select-option-items-value{padding: 0 15px; cursor: pointer; line-height: 34px; font-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .verjs-select-option-items-value span{padding-left: 10px;}
 .verJsFont-checkbox{color: coral;}


 .verJsFont {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.verJsFont-search:before {content: "\f002";}
.verJsFont-selector-icon-caret-up:before{content: "\f0d8";}
.verJsFont-selector-icon-caret-down:before{content: "\f0d7";}

@media only screen and (min-width:992px){
    .verjs-select-selecteds, .verjs-select-option-items-value:hover{background: #f7f7f7; color: #06323d;}
    .verjs-select-option-items-value:hover .verJsFont-checkbox{color: #ffffff;}
}
/* verjs-select-box */

.ui-slider-horizontal.ui-slider-pips{width: 100%;height:6px;background: #ccc;position: relative;border-radius: 5px;}
.ui-slider .ui-slider-range{top: 0;height: 100%;position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;border-bottom-right-radius: 4px;background:#07404e}
.ui-slider-handle {display:none;}
.ui-state-default{display: inline-block;position: absolute;z-index: 1;width: 16px;height: 16px;background: #fff;border-radius: 50%;box-shadow:0 0 10px rgb(0 0 0 / 10%);font-size:0;top: -6px;margin-left: -10px;border: 1px solid #06323d;cursor: pointer;}

.slider_fixed{margin-top:15px;display: flex;display:-webkit-flex;justify-content: space-between;align-items: center;}
.slider_fixed .filter_btn{cursor:pointer;padding:0px 15px;background: #fff;text-transform: capitalize;transition: all 0.5s;border: 1px solid #e3e3e3;}


@media only screen and (min-width:992px){
    .slider_fixed .filter_btn:hover{background: #06323d;color: #fff;}
}


/* page_payment */
.page_payment{ margin-top: 10px;border-radius: 4px;}
.page_payment {display: block;float:none;}
.page_payment h5{font-family: "poppins_sb";color: #000;font-size: 16px;margin-bottom:15px;text-transform:uppercase;}
.page_payment li{float: left;margin-right:10px;width:50px;}
.page_payment li:last-child{margin-right: 0;}

/* advtange */
.advtange ul{margin: 30px 0;font-family: "poppins_m";color: #111;}
.advtange ul li{margin:3px 0;font-size: 16px;display: flex;display: -webkit-flex;align-items: center;}
.advtange ul li span{padding-right: 10px;}
.advtange ul li svg{width:24px;height: 24px;}


@media screen and (max-width: 992px){
    .advtange ul li{font-size: 15px;}
}



/*products_main*/
/* CSS for the loading div */
.fix_stiky_box{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.fix_stiky{position: sticky!important;top:80px;z-index: 5;}
@media screen and (max-width: 992px){
    .fix_stiky{position: static!important;}
}

/* Tweak styles for small viewports */
.index_products_top{background: #f5f5f5;padding: 50px 0;margin:60px 0 0;}
.index_products_top .row{background: #fff;padding:20px;border-radius: 10px;border: 1px solid #e8e8e8;}
.index_products_top .prom_right {padding-top: 50px;border-left: 1px solid #e8e8e8;}
.index_products_top .prom_img{width:48%;}
.index_products_top .prom_right{width:52%;}
.products_top,.products_top .row{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.products_top .sold_out{position: absolute;right:20px;top:20px;width: 50px;text-align: center;color: #333;border-radius: 2px;font-family: "poppins_m";font-size: 13px;line-height:18px;border-radius: 50%;border: 1px solid #333;height:50px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size: 12px;z-index: 2;padding-top: 6px;background: #fff;}

.prom_img{width:50%;}
.prom_right{width: 50%;padding-left:50px;}
.prom_right h1{margin: 0; font-size:26px; line-height: 34px;color: #000;font-family: "poppins_sb";}
.price_rating{display: flex;display: -webkit-flex;align-items: center;}

.prom_right .pro_sku{margin:5px 0;}
.prom_right .pro_sku span{color: #999;}
.prom_right .availability{font-size: 18px;color:red;font-family: "poppins_sb";}
.prom_right .price{display: flex;display: -webkit-flex;align-items: center;margin: 15px 0;}
.prom_right .price .cur{font-size: 28px;}
.prom_right .price .or{font-size: 16px;}
.prom_right .sku_rating .off{padding:2px 15px;background: #F04343;top: 0;right:0px;font-family: "poppins_m";color: #fff;font-size: 13px;margin-left: 10px;}

.prom_right .get_coupons{position: relative;z-index: 9999;}
.prom_right .get_coupons ul{display: flex;display: -webkit-flex;background: #fff8f8;padding: 10px 0;margin-bottom: 20px;padding-left: 10px;padding-right: 5px;cursor: pointer;}
.prom_right .get_coupons ul li{width: calc((100% - 70px)/4);padding: 0px 10px;color: #f93232;border-left: 1px dashed #ffcfcf; box-sizing: border-box   ;}
.prom_right .get_coupons ul li:last-child{width:80px;}
.prom_right .get_coupons ul li:first-child,.prom_right .get_coupons ul li:last-child{border-left:none;}
.prom_right .get_coupons ul li .usd{font-family: "poppins_sb";}
.prom_right .get_coupons ul li .get{text-align: center;border: 1px solid #ff8484;padding: 0 5px;font-family: "poppins_sb";}
.prom_right .shop_coupon{position: absolute;background: #fff;padding: 10px 20px;box-shadow: 0 0 20px rgb(0 0 0 / 10%);right: 0;
z-index: 2;top: 80px;max-width:768px;display: none;}
.prom_right .fixed_bottom{position: fixed;bottom: 0px;left: 0;top:0;right:0;margin:auto;height: 522px;z-index: 9999999999;}
.prom_right .shop_coupon .close_h3{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin:5px 0 15px;}
.prom_right .shop_coupon .colse_img{width:22px;cursor: pointer;display: none;padding: 5px;box-sizing: border-box;}
.prom_right .shop_coupon h3{font-size: 15px;color: #333;}
.prom_right .shop_coupon dd{display: flex;display: -webkit-flex;margin-bottom: 10px;padding: 15px 10px;background: #fff1f1;color:#f93232;align-items: center;}
.prom_right .shop_coupon dd .fl{padding: 0 15px;width:calc(100% - 114px);}
.prom_right .shop_coupon dd .fr{padding:15px;border-left: 2px dashed #fff;text-align: center;}
.prom_right .shop_coupon dd h4{font-size: 14px;margin-bottom:3px;}
.prom_right .shop_coupon dd h4 span{font-family: "poppins_sb";padding-left: 2px;}
.prom_right .shop_coupon dd p{font-family: "poppins_sb";font-size: 20px;}
.prom_right .shop_coupon dd h5{color: #333;}
.prom_right .shop_coupon dd .apply{background: #ccc;padding:2px 20px;border-radius: 20px;text-transform: uppercase;background:#f93232;color: #fff;font-family: "poppins_m";margin-top:5px;cursor: pointer;border: 1px solid #f93232;text-align: center;width: 100px;}
.prom_right .shop_coupon dd .apply_on{background:#fff1f1;color: #f93232;}

.applied_fixd{position: fixed;left: 0;right: 0;bottom: 0;top: 0;margin: auto;background: rgba(0, 0, 0, 0.9);color:#fff;width: 300px;height:90px;text-align: center;padding:16px 20px;z-index: 999999999999;border-radius: 10px;font-size: 15px;display: none;}


@media screen and (max-width: 992px){
    .prom_right .get_coupons ul li{display: none;}
    .prom_right .get_coupons ul li .usd,.prom_right .get_coupons ul li .off{display: inline-block;}
    .get_coupons ul li .off{padding-left:5px;font-family: "poppins_m"}
    .prom_right .get_coupons ul li:first-child,.prom_right .get_coupons ul li:last-child{display: block;}
    .prom_right .get_coupons ul li:last-child{width: 120px;}
    .prom_right .get_coupons ul li:first-child{width:calc((100% - 120px)/1);display: flex;display: -webkit-flex;align-items: center;}
}




.prom_right .page_quantity{margin-bottom: 20px;}
.prom_right .quantity{margin-bottom: 20px;display: flex;display: -webkit-flex;align-items: center;  }
.prom_right .text{margin: 15px 0; font-size: 14px; line-height: 22px; color: #777;}
.prom_right .qty-group{height:40px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;border:1px solid #dadada;width: 116px;margin-left: 10px;}
.prom_right  input[name=quantity]{font-weight: 700;width:82px;color: #2d2d2d;padding: 7px 5px 5px;text-align: center;line-height: initial;border: none;}
.prom_right label{font-size:16px;font-family: "poppins_sb";color: #333;}
.add_down{width:15px;background: #ededed;text-align: center;font-size: 12px;}
.prom_right .stock{margin-left: 15px;}
.prom_right .stock span{font-family: "poppins_sb";color: #1c7b36;position: relative;padding-left: 18px;}
.prom_right .stock span::before{position: absolute;content: "";width: 8px;height: 8px;background:#1c7b36 ;border-radius: 50%;left: 0;top: 8px;}

.prom_right .ap_summary{overflow: hidden;margin-bottom: 30px;}
.prom_right .ap_summary .col-sm-12,.prom_right .ap_summary .col-sm-6{padding: 0;}
.prom_right .ap_summary strong{color: #111;font-family: "poppins_sb";}
.prom_right .ap_summary li{padding-left: 10px;position: relative;}
.prom_right .ap_summary li::before{width:4px;height:4px;background: #222;border-radius:50%;position: absolute;content: '';top: 10px;left: 0;}


#paypal-button-container{margin-bottom: 30px;}
.prom_right .buy_heart_btn{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;margin-bottom: 30px;font-family: "poppins_sb";}
.prom_right .addtocart{display: inline-block; font-size: 14px; text-transform: capitalize; color: #222; line-height:44px;  padding: 0 30px; border: 2px solid #06323d; background: #fff;width:calc((100% - 20px)/2);text-align: center;}

.prom_right .probuy_now{width:calc((100% - 20px)/2);background: #06323d;line-height:48px;  text-align: center;color: #fff;}




.prom_right .out_stock{margin: 30px 0;}
.prom_right .out_stock h2{font-size: 16px;font-family: "poppins_m";color: #222;}
.prom_right .out_stock p{margin: 5px 0 10px;}
.prom_right .check_input{margin: 10px 0;}
.prom_right .check_input input{margin-right:5px;}
.prom_right .out_stock button{width:100%;background: #06323d;line-height: 48px;text-align: center;color: #fff;display: block;text-transform: capitalize;margin-top: 30px;}
.prom_right .out_stock button a{color: #fff;}
.prom_right .out_stock .form-control{height:46px;border-radius: 0;}

.prom_right .page_payment li{float: left;margin-right:15px;width:calc((100% - 60px)/5);}
.prom_right .page_payment li:last-child{margin-right: 0;}

.prom_right .other_var h6{font-family: "poppins_sb";color: #000;font-size: 16px;margin-bottom:15px;margin: 15px 0;}
.prom_right .other_var ul{display: flex;display: -webkit-flex;margin: 0 -8px;flex-wrap: wrap;}
.prom_right .other_var ul li{width: calc((100% - 50px)/5);border: 1px solid #dfdfdf;padding: 5px;margin:0 5px;margin-bottom: 16px;}
.prom_right .other_var ul li .images{overflow: hidden;}

.prom_right .other_var ul li .price {display: block;text-align: center;margin-bottom: 0;}
.prom_right .other_var ul li .price .cur{font-size: 16px;}



.thumb_video{position: relative;}
.thumb_video .watch_video{position:absolute;z-index: 9999;top: 20px;left:20px;cursor: pointer;opacity:1;transition: all 0.5s;opacity: 0.9;width: 50px;}


.Popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;filter: Alpha(opacity=75);background: #000;display: none;z-index: 9999999999999999999;}
.Popup .video {max-width:640px;background: #000;width: 90%;margin: 10% auto 0;padding: 5px;background: #fff;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15);}
.Popup .video video {width: 100%;}
.Popup .video_loading{height: 100%;display: flex;display: inline-flex;align-items: center;justify-content: center;width: 100%;}
.Popup iframe{max-width: 640px;height: 500px;width: 100%;}


@media only screen and (min-width:992px){
    .prom_right .add_down .qty_add:hover{background: #ccc;cursor: pointer;}
    .prom_right .add_down .qty_down:hover{background: #ccc;cursor: pointer;}
    .prom_right .addtocart:hover{background: #06323d; color: #fff; border: 1px solid #06323d;}
    .prom_right .other_var ul li .images:hover img{transform: scale(1.05);}
    .thumb_video .watch_video:hover{transform: scale(1.2);opacity: 1;}
}
@media only screen and (max-width: 992px){
    .prom_img,.prom_right{width: 100%;padding-left: 0;}
    .prom_right h1{font-size: 20px;line-height: 28px;}
    .prom_right .price .cur{font-size: 24px;}
    .prom_right .probuy_now{line-height: 40px;}
    .prom_right .addtocart{line-height: 38px;}
}

@media only screen and (max-width: 768px){
    .prom_right .attributes_dl dd{width: 100%;}
    .prom_right .other_var ul li .price .cur{font-size: 14px;}
    .prom_right .price{margin: 10px 0;}
    .Popup .video{padding: 2px;}
    .Popup .video{margin-top: 45%;}
    .Popup iframe{height: 400px;}
}





/* mostBox */
.mostBox{width: 100%; margin: 50px 0 30px; font-size:14px; line-height:24px;margin-top: 80px;}
.ptab_nav ul{border-bottom: 1px solid #efefef;margin-bottom: 20px;font-size:18px;}
.ptab_nav ul li{display: inline-block;font-family: "poppins_sb";padding: 10px 0;margin-right: 20px;cursor: pointer;text-transform: capitalize;}
.ptab_nav ul li:last-child{margin-right: 0;}
.ptab_nav ul li.on{color:#06323d;border-bottom: 2px solid #06323d;}
.ptab_content .single{display: none;}
.ptab_content .single.active{display: block;}

.descripton_box{font-size: 15px;line-height:2;}
/* .descripton_box img:nth-child(1){display: none;} */
.descripton_box .font_name1{font-size: 18px;font-family: "poppins_sb";margin: 20px 0;color: #333;}

.descripton_box .des_flex_single {display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin:50px 0;align-items: center;}
.descripton_box .des_flex_single:nth-child(2n){flex-direction:row-reverse;}
.descripton_box .des_flex .txt{width: calc(100% - 380px);}
.descripton_box .des_flex .des_flex_single{width: 100%;}
.descripton_box .des_flex .images{width: 300px;}
.descripton_box .des_flex ul{margin-top: 30px;}
.descripton_box  ul li{padding-left: 10px;position: relative;font-size: 16px;color: #333;font-family: "poppins_m";line-height:normal!important;}
.descripton_box  ul li b{color: #000;}
.descripton_box  ul li span{font-family: "poppins_sb";color: #222;padding-right: 5px;}
.descripton_box  ul li::before{width:4px;height:4px;background: #222;border-radius:50%;position: absolute;content: '';top:10px;left: 0;}
.descripton_box .des_thr h2{text-align: center;margin:80px 0 50px;}
.descripton_box .des_thr dl{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.descripton_box .des_thr dl dd{width: calc( (100% - 60px)/3);border-radius: 10px;overflow: hidden;margin-right: 20px;}
.descripton_box .des_thr dl dd:last-child{margin-right: 0;}

.descripton_box .des_four h2{margin: 40px 0 15px;}
.descripton_box .des_four ul li{padding-left: 10px;position: relative;font-size: 16px;color: #333;font-family: "poppins_m";}
.descripton_box .des_four ul li span{font-family: "poppins_sb";color: #222;padding-right: 5px;}
.descripton_box .des_four ul li::before{width:4px;height:4px;background: #222;border-radius:50%;position: absolute;content: '';top:13px;left: 0;}

.descripton_box .container{margin: 0;}
.descripton_box h5{font-size: 18px;font-family: "poppins_sb";margin: 20px 0; color: #333;line-height: 1.5;}
.descripton_box .mt-40{margin-top: 40px;}
.descripton_box .content1-4{padding: 20px 0;}
.descripton_box .three-img img{border-radius: 10px;width: 100%;}
.descripton_box p{margin-bottom: 10px;}
.descripton_box .pb-10{margin-bottom: 20px;}

.pro_title{text-align: center;margin:80px 0 30px;color: #06323d;font-size: 30px;}
.review_title{margin:20px 0 30px;font-family: 'poppins_sb'; color: #06323d; display: flex;align-items: center;justify-content: space-between;display: -webkit-flex;flex-wrap: wrap;}
.review_title h2{font-size:24px;}
.table_div{display:flex;display: -webkit-flex;justify-content: space-between;align-items: flex-start;flex-wrap:wrap;overflow-x: auto;}
.table_div table{width: 45%;font-size: 15px;}
.table_div table td{border-bottom: 1px solid #ebebeb;padding:10px;font-family: "poppins_m";color: #333;}
.table_div table td.bold{width: 50%;font-family: "poppins_sb";color: #000;}


@media only screen and (min-width:992px){
    .ptab_nav ul li:hover{color:#06323d;}
    .descripton_box  ul li{margin: 10px 0;}
}
@media only screen and (max-width:992px){
    .mostBox{margin:35px 0 20px;}
    .review_title h2{width: 100%;margin-bottom: 15px;}
    .descripton_box .col-md-8,.descripton_box .col-md-4{padding: 0;}
    .descripton_box .three-img .col-sm-4{margin-bottom:15px;padding: 0;}
}
@media only screen and (max-width:768px){
    .review_title{margin: 20px 0 10px;}
    .descripton_box .images,.descripton_box  .txt{width: 100%;}
    .descripton_box{font-size: 14px;}
    .descripton_box ul li{font-size: 15px;}
    .descripton_box .des_thr dl dd{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .descripton_box img{width: 100%;}

    .table_div table{width: 100%;}
    .ptab_nav ul li{font-size: 16px;margin-right: 10px;}

    .pro_title{font-size: 26px;margin: 40px 0;}

    .relatepro_wrapper .mian_title h2,.review_title h2{font-size: 20px;}
    .review_title a{display:inline-block;margin-bottom: 20px;}
}



.review_question{margin-top:60px;}

/* .page_review{margin-top: 30px;} */
.page_review_top{padding: 20px;border:2px solid #f0f0f0;}
.page_review_top .clearfix{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.page_review .left{width: 60%; float: left;}
.page_review .right{width: 40%; float: left; text-align: right;}
.page_review .right .read_more{margin-bottom: 15px; width: 240px; text-align: center;}
.page_review .right .view_allreview{background: #fff;border: 2px solid #06323d;color: #06323d; font-family: 'poppins_m';margin-bottom: 0; }

.Arating p{display: inline-block; font-size: 16px; font-family: 'poppins_m'; padding-right: 4px;}
.page_review .products_main_rating{display: inline-block;}
.Arating .span1{display: inline-block;}
.Arating .span1 span{font-family: 'poppins_m'; padding: 0 8px 0 4px;}
.review_progress_bar{position: relative; margin-top: 10px; max-width: 450px; padding: 10px; border: 1px solid #eee;}
.review_progress_bar::before{content: ''; position: absolute; width: 10px; height: 10px; border-top: 1px solid #eee; border-right: 1px solid #eee; -webkit-transform: rotate(-45deg) translateX(-50%); transform: rotate(-45deg) translateX(-50%); background: #fff; top: -10px; left: 30px;}
.review_progress_bar li{line-height: 20px; font-size: 12px; padding: 1px 0;}
.review_progress_bar li .score_stars{width: 50px; float: left;}
.review_progress_bar ul li .score_background{margin-top: 3px; position: relative; float: left; width: calc(100% - 100px); margin-left: 4px; margin-right: 6px; background: #eee; height: 12px;}
.review_progress_bar li .score_number{width: 40px; float: left; text-align: right;}
.review_progress_bar li .colour{background-color: #ffba0a; position: absolute; left: 0; top: 0; height: 100%;}

@media only screen and (min-width:992px){
    .page_review .right .view_allreview:hover{text-decoration: underline;background: #06323d;color: #fff;}
}
@media only screen and (max-width:992px ){
    .page_review .left{width: 100%; float: none;}
    .page_review .right{width: 100%; float: none; text-align: left; padding: 20px 0 10px 0px;}
    .reviews_content h2{font-size: 18px;}


    .review_question{margin-top:30px;}
}



/* account */
.account_title{display: block; font-size: 20px; line-height: 24px; font-family: 'poppins_m'; margin-bottom: 15px; text-transform: capitalize;color: #222;}
.account_dashboard .hello{font-size: 15px; font-family: 'poppins_m';}
.account_dashboard .main{background: #f9f9f9; padding: 15px;}
.account_dashboard .text{margin-top: 5px; color: #777; line-height: 22px;}
.account_dashboard .text a{color: #06323d;}
/* address information */
.account_address_box ul li{list-style: none; margin-bottom: 12px;}
.account_address_box ul .checkbox_li .checkbox{width: auto;}
.account_address_box ul li .input_box .minput,
.account_address_box ul li .input_box select{width: 100%; height: 40px; border-radius: 6px; line-height: 40px; border: 1px solid #ddd; padding-left: 12px; border-radius: 4px;}
.account_address_box ul li label{font-size: 14px; font-weight: 400; margin-bottom: 2px; display: inline-block; color: #777; vertical-align: middle;}
.account_address_box .ul2{margin-bottom: 12px;}
.account_address_box ul .control label{color: #222;}
.account_address_box .buttons-set{margin-top: 15px;}
.account_address_box input[type="radio"],
.account_address_box input[type="checkbox"]{margin: 0;}
.checkbox_li input{display: inline-block;}
.checkbox_li label{color: #333 !important; padding-left: 4px; margin-bottom: 0 !important;}
/* address book */
.page_empty{background: #f9f9f9; padding: 30px 15px; text-align: center;}
.page_empty p{font-size: 16px; font-family: 'poppins_m'; color: #555; margin-bottom: 20px;}
.default{color: #FF0000;}
.account_book_ul li{width: 100%; float: left; margin-bottom: 15px; padding: 15px 12px;background: #F9F9F9;}
.account_book_ul li p{padding: 2px 0;}
.account_book_ul .left{color: #777; font-size: 13px; float: left;}
.account_book_ul .right{font-size: 13px;padding-left: 6px;}
.account_book_ul .delete{font-size: 13px; padding: 4px; color: #777;}
.account_book .account_book_ul{margin-bottom: 15px;}
.account_add_address .account_address_box .w_full{width: 100%; margin-right: 0 !important;}
.default_color{color: #06323d;}
.account_table th{font-size: 14px !important; text-align: center;}
.account_table td{font-size: 13px !important; text-align: center;}
.account_view_order .order_title{font-size: 16px; font-family: 'poppins_m';color: #222;}
.account_view_order .box{background: #fff; padding: 15px; margin-bottom: 20px;border: 1px solid #eee;}
.account_view_order li{width: 33.3333%; float: left; padding-right: 10px;}
.account_view_order li .title{font-size: 15px; font-family: 'poppins_m';color: #222;}
.account_view_order li .text{padding-top: 10px; color: #777; font-size: 13px; padding-left: 2px;}
.account_view_order td .images{display: inline-block; width: 60px;}
.account_view_order td .images img{width: 100%;}
.account_view_order .table2{font-family: 'poppins_m'; margin-top: -1px;}
.account_view_order .table2 td:first-child{text-align: left;}
.account_view_order .table2 td:last-child{text-align: right;}
.account_view_order .table-responsive1 .table{margin-bottom: 0;}
.account_review ul li{list-style: none;}
.account_review ul li .image{width: 25%; float: left;}
.account_review ul li .image img{max-width: 100%;}
.account_review ul li{border-bottom: 1px solid #eee; padding: 0px 0 15px; margin-bottom: 15px;}
.account_review ul li .main{width: 75%; float: left; padding-left: 10px;}
.account_review ul li .main .top em{font-size: 18px; font-family: 'poppins_m'; margin-right: 8px;color: #222;}
.account_review ul li .main .top .time{font-size: 13px; color: #808080; padding-left: 4px;}
.account_review ul li .main .text{margin-top: 15px; font-size: 13px; line-height: 20px; color: #777;}
.account_review ul li .main .bottom{margin-top: 6px;color: #06323d;}
.account_review{padding-bottom: 40px;}
.star_ul li{float: left;}
.star_1, .star_2, .star_3, .star_4, .star_5{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_blank_star.png") repeat scroll 0 0;display: block;height: 20px;width: 20px;background-size:20px ;}
.full_star{background: rgba(0, 0, 0, 0) url("../images/product_rating_big_full_star.png") repeat scroll 0 0; background-size:20px ;}
.verificationCode{position: relative;}
.verificationCode input{padding-right: 135px !important;}
.verificationCode span{position: absolute; top: 6px; right: 4px;}
.review_list_product{margin-bottom: 30px}
.review_list_product .left{width: 150px; float: left; border: 1px solid #eee; text-align: center; overflow: hidden;}
.review_list_product .left img{max-width: 100%; transition: all .5s;}
.review_list_product .right{width: calc(100% - 150px); float: left; padding-left: 15px;}
.review_list_product .right .page_more{margin-top: 10px;}
.review_list_product .right .title{font-family: 'poppins_m'; font-size: 16px;color: #222;}
.review_list_product .writeriviewstart{margin-bottom: 10px;}

.verificationCode{position: relative;}
.verificationCode input{padding-right: 135px !important;}
.verificationCode span{position: absolute; top:9px; right: 4px;}
.writeriviewstart{margin-bottom: 10px;font-size: 12px;}
.writeriviewstart .span1{font-family: 'poppins_m'; padding-right: 10px; font-size: 16px;}
.writeriviewstart .star_ul{display: inline-block; position: relative; top: 2px;}
.writeriviewstart .star_ul li{margin-bottom: 0;}
.writeriviewstart .span1 .redM{color: red;}
.propl{margin-top: 30px;}
.propl h3{font-size:20px;font-family: 'poppins_m';margin-top:0;margin-bottom: 20px;color: #222;}
.propl ul li{list-style: none; margin-bottom: 15px; position: relative;}
.propl ul li h2{color: #333;font-size: 14px;margin-bottom: 10px;font-family: 'poppins_m';}
.propl ul li h2 span{color: red;}
.propl ul li .span1{position: absolute; color: red; right: 8px; bottom:4px;}
.propl ul li input{width: 100%; height: 44px; line-height: 44px; border: 1px solid #efeded; background: none; border-radius: 4px; padding: 0 15px 0 12px;font-size: 12px;}
.propl ul li textarea{width: 100%; height: 80px; border: 1px solid #efeded; background: none; border-radius: 4px; padding: 12px;}
.propl ul li input:focus,
.propl ul li textarea:focus{border-color: #06323d;}
.propl ul li .read_more{display: inline-block; text-transform: capitalize; color: #fff; font-size: 14px; padding: 0 20px; font-family: 'poppins_m'; background: #06323d; border: 0; width: auto;}



.review_filter{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;margin: 50px 0 30px;flex-wrap: wrap;}
.review_filter .review_title{margin:0;}
.review_filter #saying{width:285px;}
.review_filter #saying .verjs-select{border-radius: 4px;}
.review_filter .verjs-select-search-btn{display: none;}

@media only screen and (min-width:992px){
    .review_list_product .left:hover img{transform: scale(1.05);}
    .review_list_product .right .title:hover{color: #06323d ;}
    .propl ul li .read_more:hover{text-decoration: underline;}
}
@media only screen and (max-width:768px ){
    .review_filter{margin:40px 0 20px;}
    .review_filter .review_title{margin-bottom: 0px;}
    .review_filter .review_title,.review_filter #saying{width: 100%;}
    .propl h3{font-size: 18px;}
}


/* no_questions */
.no_questions{margin-bottom: 30px;}
.no_questions h3{font-size: 16px;color: #000;margin-bottom: 5px;}
.no_questions p{color: red;}
/* question_box */
.question_box dl{background: #f7f7f7;overflow: hidden;padding: 15px;margin-bottom: 20px;}
.question_box dl span{display:block;width:26px;height:26px;background: #F04343;text-align: center;color: #fff;margin-right:10px;font-family: 'poppins_m';line-height: 26px;float: left;border-radius: 2px;}
.question_box dl dt{margin-bottom: 10px;font-size: 16px;font-family: 'poppins_m';font-weight: normal;color: #222;overflow: hidden;}
.question_box dl dd span{background: #06323d;float: left;}
.question_box dl p{float: left;width: calc(100% - 50px);}


/* 瀑布流  */
.brand-list{margin:0 -10px;}
.brand-list .brand-bd{position: relative;}
.brand-list .item,.brand-list .additem{position: absolute; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;padding:10px;width: calc((100% - 0px)/4);box-sizing: border-box;}

.sortable .card{background:#fff;border-radius:5px;border: 1px solid #f0f0f0;overflow: hidden;}
.sortable .card .images{overflow: hidden;}
.sortable .card ul {display:flex;display: -webkit-flex;margin: 0 4px;flex-wrap: wrap;margin-bottom:5px;}
.sortable .card ul li{width: calc(33.333% - 6px);margin:2px;border: 1px solid #f0f0f0;}
.sortable .card .card_img img{cursor: pointer;transition: all 0.5s;width: 100%;height: 60px;}
.sortable .card__picture{display:block;width:100%;height:auto;border-top-left-radius:6px;border-top-right-radius:6px;}
.sortable .card-infos{padding:10px;background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.sortable .card__title{font-family:"poppins_sb";font-size:18px;margin:0 0 5px;color: #222;}
.sortable  .card_text{margin-top: 10px;}


@media only screen and (min-width:992px){
    .sortable .card .card_img img:hover{transform: scale(1.05);}
}
@media only screen and (max-width: 992px){
    .brand-list .item,.brand-list .additem{width: calc((100% - 0px)/3);}
}

@media only screen and (max-width: 640px){
    .brand-list .item,.brand-list .additem{width: calc((100% - 0px)/2);}
}
@media only screen and (max-width: 480px){
    .sortable .card .card_img img{height: 40px;}
}



/* 详情图片缩放 */
.bigimg{width: 600px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999999999; border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#19000000,endcolorstr=#19000000);text-align:center;z-index: 999999999;display: none;}
.close_bgmask{position: absolute;top: 10px;right: 10px;z-index: 99999999;height: 36px;width: 36px;background: rgba(0,0,0,0.5);cursor: pointer;}
.close_bgmask:after{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(45deg); background-color: #fff;}
.close_bgmask:before{content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-left:-10px; margin-top:0px; transform: rotateZ(-45deg); background-color: #fff;}
.close_bgmask {transition: transform .5s;}
.mask>img{position: fixed; right: 10px; top: 10px; width: 60px;}


@media only screen and (min-width:992px){
    .close_bgmask:hover {transform: scale(1.2);}
    .bigimg:hover{cursor: move}
    .mask>img:hover{cursor: pointer}
}
@media only screen and (max-width: 768px){
    .bigimg{border: 2px solid #fff;}
}


/*blog_left*/
.blog_nav2{box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%);padding: 15px; background: #fff;border-top: 3px solid #06323d;}
.nav_h4{ line-height: 30px;color: #444; font-family:'poppins_m'; font-size:20px;position: inherit;border-bottom: 1px solid #eee;margin-bottom: 10px;padding-bottom: 10px; }

.blog_nav ul li{ list-style:none; border-bottom:1px solid #eee;}
.blog_nav ul li a{ font-size:14px; color:#5c5c5c; line-height:22px; padding:8px 0px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-transform: capitalize;transition: all 0.5s;border-bottom: none;}
.blog_nav ul li a i{ color:#ccc; font-size: 14px; margin-right:10px;}
.blog-info{ display:inline-block; color:#777; font-size:14px;margin: 10px 0;}
.blog-info i{color: #aaa; margin-right: 4px;}
.blog_main{ box-shadow: 0 0 20px 0 rgb(15 105 148 / 8%);
background: #fff; padding: 30px; border-radius: 0;}
.blog_main .blog_tags{ margin-top:20px;}
.blog_main .blog_tags span{ font-size: 14px;text-transform:uppercase;}
.blog_main .blog_tags a{  display:inline-block; color:#777;padding:0px 10px; background:#f8f8f8; border: 1px solid #eee;}
.blog_main .blog_tags a i{ margin-right:4px; font-size: 14px; color:#999;}
.blog_nav ul li{ list-style:none;}
.blog_nav ul li.on a,.blog_nav ul li.on a i{ color:#06323d;}


@media only screen and (min-width:992px){
    .blog_nav ul li a:hover{ color:#06323d; padding-left:10px;}
    .blog_nav ul li a:hover i{ color:#06323d;}
}
@media only screen and (max-width:480px ){
    .blog_main{padding: 15px;padding-top: 25px;}
}




/*relate_articles*/
.relate_articles{box-shadow:0px 8px 16px 0px rgb(15 105 148 / 8%);padding: 15px; background: #fff;border-top: 3px solid #06323d;margin-top: 30px;}
.relate_articles ul li{border-bottom: 1px solid #ebebeb;padding:12px 0;}
.relate_articles ul li a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}



@media only screen and (min-width:992px){
    .relate_articles ul li a:hover{color: #06323d;}
}
@media only screen and (max-width:992px ){
    .n_left_bolg{display: none;}
}



.blogin{color:#aaa; margin:4px 0px;}
.blogin span{ color:#fff; margin:0px 6px;}
.blog .blog_tags{ width:100%; margin-top:10px;}


@media only screen and (max-width: 992px) {
	.blog_nav2{margin-top: 0px; padding: 0;border-top: 0;}
	.blog_right .block{ background:none; padding:0; border:none; margin: 0;}
	.hot_tags{padding: 0; border: none;}
	.blog_nav ul li a{padding-left: 10px; padding-right: 10px;}
	.blog_list li .right{padding-left:65px;width:100%;}
	.nav_h4{ position: relative;  margin-bottom:0;text-align:left !important;   background:#06323d !important; padding:0px 10px; line-height:36px; color:#fff !important;border-bottom:none; text-transform:capitalize; margin-top: 15px;font-size: 16px;}
	.nav_h4:after {
	  display: block;
	  content: "\f107";
	  font-family: "FontAwesome";
	  position: absolute;
	  right:15px;
	  cursor:pointer; font-size:20px; top:0px;
	  color:#fff;
	}
	.nav_h4.active:after {content: "\f106";}
	.hot_tags .toggle_content { padding: 0px 10px 10px;}

}

@media only screen and (max-width: 768px) {
	.left-blog{margin-bottom:0;}
	.blog_tag li{margin:5px 3px;}
}



@media only screen and (max-width:500px) {
.blog_li .lileft{ display:none;}
}




.page_title{position: relative; display: block; padding-left: 14px; font-family: 'poppins_m'; font-size: 18px; line-height: 50px;color: #000;}
.page_title::before{content: ''; position: absolute; left:0px; top: 21px; width: 5px; height: 5px; background: #222;}

/* n_left */
.n_left{float: left; width: 23%;}
.n_right{float: right; width: 77%; padding-left: 45px;}

@media only screen and (max-width:992px) {
    .n_left{float: inherit; width: 100%;float: none;margin-bottom: 30px;}
    .n_right{float: inherit; width: 100%; padding-left: 0px;}
    }


/* cart */
.cart_products_top{font-family: 'poppins_m';font-size: 18px;padding: 15px 0;color: #222;}
.cart_products_top .left{width: 60%;float: left;}
.cart_products_top .left .main{ width: calc(100% - 135px);float: left;padding-left: 30px;}
.cart_products_top .cart_all{float: left;}
.cart_products_top .p_checkbox{margin-top: 4px;}
.cart_products_top .right{width: 40%;float: left;display: flex;display: -webkit-flex;justify-items: center;justify-content: space-between;}
.cart_products_top .right .quantity_ti{float: left;padding-left: 26px;}
.cart_products_top .right .remove{width:0px;}
.cart_title{font-size: 22px; font-family: 'poppins_sb'; text-transform: capitalize;color: #000;}
.cartandcheckout_left{float: left; width: 70%; padding-right: 50px;}
.cartandcheckout_right{float: right; width: 30%; background: #fff; padding: 0px 12px 20px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05); border-radius: 4px;}
.cart_products_detail li:first-child{border-top: 1px solid #eee;}
.cart_products_detail li{border-bottom: 1px solid #eee; padding: 15px 0;}
.cart_products_detail li .left{width: 60%; float: left;}
.cart_products_detail li .right{width: 40%; float: left; padding-top: 22px; padding-left: 10px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.cart_products_detail .images{display: block; width: 100px; float: left;}
.cart_products_detail .images img{max-width: 100%;}
.cart_products_detail .main{width: calc(100% - 181px); float: left; padding-left: 12px;}
.cart_products_detail .main .title{display: inline-block; font-family: 'poppins_m'; font-size: 13px; line-height: 20px; overflow: hidden; margin-bottom: 5px;}
.cart_products_detail .main .price{font-size: 13px; margin-bottom: 5px;}
.cart_products_detail li .right .quantity_box{float: left;border: 1px solid #e5e5e5;border-radius: 20px;}
.cart_products_detail li .right .cart_total{float: left; font-size: 16px; font-family: 'poppins_m'; padding-top: 10px;color: #222;}
.quantity_box{font-size:14px; font-family: 'poppins_m';}
.quantity_box .sub,
.quantity_box .add{float: left; width:36px; height:36px; line-height:36px; text-align: center;}
.quantity_box .quantity_input{float: left; width: 60px; height:36px; line-height:36px;  text-align: center;border:none;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.cart_products_detail .remove{line-height: 24px; text-decoration: underline; text-transform: capitalize; cursor: pointer;width: 22px;padding: 6px;height: 100%;background: #f7f7f7;}
.cartandcheckout_left .con_shop{text-align: center;}
.cartandcheckout_left .con_shop a{ font-family: 'poppins_sb';color: #fff;margin-top: 20px;display: inline-block;background: #06323d;}
.cartandcheckout_left .con_shop a:hover{text-decoration: underline;}
@media only screen and (min-width:992px){
    .cart_products_detail .remove:hover{background:#e5e5e5}
}
@media only screen and (max-width: 992px){
    .cartandcheckout_left{float: none; width: 100%; padding-right: 0;}
    .cartandcheckout_right{float: none; margin-top: 10px; width: 100%; background: #fff; padding: 0; box-shadow: none;}
}
@media only screen and (max-width:768px ){
    .cart_products_detail li .left{width: 100%;}
    .cart_products_detail li .right{width: 100%;padding-left: 0;}
    .cart_products_top .left{width: 100%;}
    .cart_products_top .right{display: none;}
}

.page_cart .quantity_th{display: inline-block; min-width: 160px;}
.cart_total{background: #fff;border-bottom: none;}
.cart_total td{padding: 15px !important;}
.cart_total .title{font-family: 'poppins_m'; font-size: 15px;}
.cart_total .total_tr{background: #f7f7f7;}
.cart_total .total_tr .title{font-size: 18px;}
.cart_total .total_tr .price .cur{font-size:20px;}
.cart_total .total_tr .price .or{font-size: 14px;}
.cart_total .border_tr td{border: none;}
.cart_total .title span{font-family: 'poppins';color: #666;font-size: 13px;}
.cart_total .title span img{width: 20px;margin: 0 4px 0 2px ;}
.cart_total td:last-child{text-align: right;}
.cartandcheckout_right .read_more{font-family: 'poppins_m'; padding: 0 20px;}
.cartandcheckout_right .read_more{width: 100%; text-align: center;}
.cartandcheckout_right .apply{background: #222;}
.coupon_code{margin-bottom: 10px;}
.coupon_code .code_input{width: 100%; height: 44px; margin-bottom: 10px; padding-left: 15px; line-height: 44px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}

@media only screen and (min-width:992px){
    .cartandcheckout_right .apply:hover{background: #06323d;}
}


/* progressbar_box */
.progressbar_box{text-align: center;padding-bottom: 28px;}
.progressbar_box li{display: inline-block;padding: 0 40px;}
.progressbar_box li i{font-size: 16px;}
.progressbar_box .progressbar_item .span1{width: 44px;height: 44px;border: 1px solid #bdbdbd;background-color: #ededed;color: #222;display: inline-block;line-height: 44px;text-align: center;border-radius: 22px;font-size: 20px;vertical-align: middle;}
.progressbar_box .progressbar_item .text{font-size: 16px;padding-left: 10px;}
.progressbar_box .progressbar_item .span1 i{line-height: inherit;}
.progressbar_box .progressbar_item .check{display: none;}
.progressbar_box .progressbar_item.current .span1,
.progressbar_box .progressbar_item.active .span1{background: #06323d;color: #fff;border: 1px solid #06323d;}
.progressbar_box .progressbar_item.active .num{display: none;}
.progressbar_box .progressbar_item.current .check{display: none;}
.progressbar_box .progressbar_item.active .check{display: inline-block;}
.progressbar_box .progressbar_item .a{display: none;}
@media only screen and (max-width: 768px){
    .progressbar_box li{padding: 0 3px;}
    .progressbar_box .progressbar_item .text{font-size: 14px;padding-left: 2px;}
    .progressbar_box .progressbar_item .span1{width: 36px;height: 36px;line-height: 34px;font-size: 18px;}
}

/* checkout */
.page_checkout .cartandcheckout_left .page_edit{display: flex;display: -webkit-flex;justify-content: space-between;}
.page_checkout .cartandcheckout_left .page_edit .edit a{color: #06323d;line-height:34px;}
.page_checkout .cartandcheckout_left .page_title{line-height: 30px; padding-bottom: 10px;padding-left: 0;}
.page_checkout .cartandcheckout_left .page_title::before{top: 11px;background: none;}

.page_checkout .cartandcheckout_left .page_title_ssl {display:flex;align-items: baseline;justify-content: space-between;display:-webkit-flex;margin: 10px 0;align-items: center;flex-wrap: wrap;}
.page_checkout .cartandcheckout_left .account_book_ul li{background: none;border:1px solid #e5e5e5;border-radius: 4px;}

.page_checkout label{font-weight: 400; margin-bottom: 10px;}
.address_ul li{float: left; width: 100%; margin-bottom: 15px;}
.address_ul .li2{width: 49%;}
.address_ul .li2_r{float: right;}
.address_ul input,
.address_ul select{width: 100%; height: 44px; line-height: 44px; border: 1px solid #e5e5e5; border-radius: 4px;padding-left: 15px;}
.address_ul input:focus{border-color: #06323d;}
.checkout_checkbox .toggle_input{margin-top: 0; margin-right: 4px;}
.checkout_checkbox span{vertical-align: middle;}
.billing_address{display: none;}
.shipping_method{margin: 10px 0 20px;}
.payment_method{margin-bottom: 20px;}
a.check_out{width: 100%;text-align: center;}
.shipping_method ul,
.payment_method ul{border: 1px solid #e5e5e5; border-radius: 4px;}

.secure_payment_box{display: none;}
.secure_payment{background: #e9f4f9;padding: 10px;display: flex;display: -webkit-flex;width:100%;position: fixed;width: 100%;z-index: 9;top:54px;align-items: center;max-width: 750px;left: 0;right: 0;margin: auto;}
.secure_payment  p{width:calc((100% - 136px)/1);padding-left: 15px;font-size: 13px;}

@media only screen and (min-width:992px){
    .page_checkout .cartandcheckout_left .page_edit .edit a:hover{text-decoration: underline;}
}
@media only screen and (max-width: 992px){
    .page_checkout{display: flex;display: -webkit-flex; flex-direction:column-reverse}
    .page_checkout .cartandcheckout_left .page_title_ssl span{width: 100%;}
    /* .secure_payment_box{display: block;} */
}

/* .payment_method ul{background: #f9f9f9;} */
.shipping_method ul li:first-child,
.payment_method ul li:first-child{border-bottom: 1px solid #e5e5e5;}
.shipping_method label,
.payment_method label{ width: 100%; padding: 15px 10px; margin-bottom: 0; cursor: pointer;display: flex;display: -webkit-flex;align-items: center;}
.shipping_method label input,
.payment_method label input{margin-top: 0; width: 20px; float: left; }
.payment_method label input{text-indent: 0;}
.shipping_method label div,
.payment_method label div{width: calc(100% - 20px); float: left; padding-left: 4px;}
.payment_method label div.payment_between{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.payment_method label div.card_safe_credit{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center}
.payment_method label div.card_safe_credit .left{width: 100px;}
.payment_method label div.card_safe_credit .page_payment{text-align: right;}
.payment_method label div.card_safe_credit .page_payment li{float: none;display: inline-block;border:none;margin-right: 5px;}
.payment_method label div.card_safe_credit .page_payment li:last-child{display: none;}
.payment_method label .payment_between li{display: none;}
.payment_method label .payment_between li:last-child{display: block;}
.shipping_method .right{float: right; font-family: 'poppins_m';}
.shipping_method .left{float: left;}
.textarea_div textarea{width: 100%; border: 1px solid #ddd; height: 80px; background: #f9f9f9; padding: 10px; line-height: 22px; border-radius: 4px;}
.checkout_products{font-size: 13px; margin-bottom: -1px;}
.checkout_products .image{position: relative;}
.checkout_products.table td{padding: 10px 8px !important;}
.checkout_products td.image{width: 64px;}
.checkout_products img{width: 64px; border: 1px solid #ddd; border-radius: 4px;}
.checkout_products .title p{line-height: 20px; height: 40px; overflow: hidden;}
.checkout_products .num{position: absolute; right: 0px; top: 3px; padding: 0 2px; min-width: 24px; height: 24px; line-height: 26px; text-align: center; background: #aaa; border-radius: 30px; color: #fff; font-size: 12px;}
.cart_block{box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);}

.checkout_products .price{text-align: right;}
.checkout_products .price .cur{font-size: 18px;color: #06323d;}
.checkout_products .price .or{font-size: 14px;}
.card_payment{background:#e9f4f9;padding: 20px!important;background: url(../images/safe.svg)no-repeat 10px 15px #e9f4f9;background-size:25px;padding-left:40px !important;}
.card_payment h2{font-size: 16px;font-family: 'poppins_m';margin-top: 0;}

.shipping_method .address_ul input,
.payment_method .address_ul input{width:100%;}
.payment_method ul.address_ul li:first-child{border-bottom: none;}

.new_card .address_ul{border: none;}
.new_card label{padding-left: 0;}
.new_card .address_ul h3{font-size: 12px;color: #777;margin:0;}
.new_card .address_ul li{position: relative;}
.new_card .address_ul li .lock{width: 20px;right: 10px;position: absolute;bottom: 15px;}
.new_card .address_ul li .lock img{width: 100%;}



@media only screen and (max-width: 480px){
    .shipping_method .right, .shipping_method .left{float: none; display: block;}
    .address_ul .li2{width: 100%;}
    .card_payment{background-position: 10px 22px;}
    .payment_method label div.card_safe_credit .page_payment li{width: 40px;}
}


/* collection_mt */
.collection_mt{height:42px; line-height:42px; padding-left:20px;font-size: 12px;margin-top: 20px;}
.collection_mt input{ vertical-align:middle;margin-top: -3px;}
.collection_mt label{ margin-left:5px; margin-right:15px; color:#333;font-size: 16px;font-weight: normal;font-family: 'poppins_m';}
.collection_mt a{ color:#666; text-decoration:none;font-family: 'poppins_m';font-size: 16px;}
.collection_mt a.into_btn,.oper a{ background:#e10600; color:#fff; padding:6px 18px; border-radius:3px; margin-left:20px;}
.collection_mt a.into_btn i,.oper a i{ background-position:0px -429px; width:11px; height:11px; display:inline-block; vertical-align:middle; margin-right:5px;}

@media only screen and (min-width:992px){
    .collection_mt a:hover{ color:#e10600; text-decoration:underline;}
    .collection_mt a:hover.into_btn,.oper a:hover{ background:#e10600;}
}


.tab-void{ margin-top:15px; border: 1px solid #f1f1f1;font-size: 12px;}
.tab-void thead{ background:#e1f3ff; height:34px; line-height:34px; color:#333;}
.tab-void thead td{font-size: 16px;font-family: 'poppins_m';line-height:40px;}
.tab-void tbody td {text-align:center; color: #666;padding: 20px;}
.order_img {position: relative;}
.order_img img{ width:85px; height:85px; float:left; vertical-align:middle; border:1px #e9e9e9 solid; margin-right:10px;}
.order_text{float: left;width:calc((100% - 123px)/1);;color: #888;text-align:left;}
.order_img a.pp_name{display: block;text-align: left;color: #000;font-size:16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.order_text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

@media only screen and (min-width:992px){
    .tab-void tbody td a:hover{text-decoration: underline;}
    .order_img a.pp_name:hover{color: #06323d;text-decoration: underline;}
}


.pay a.r_btn{ width:90px; height:30px; line-height:30px; display:block; margin:0px auto; border-radius:3px; margin-bottom:5px;background:#F04343; color:#fff;}
.p-checkbox { width: 13px; text-align: left;float: left; }
.p-checkbox input { vertical-align: middle; margin-top: 24px; }

.checkbox_text{overflow:hidden;}
.tab-void tbody td .pay_ph{display: none;text-align: left;}

@media only screen and (min-width:992px){
    .pay a.r_btn:hover{ background:#ff4c4c;text-decoration: underline;}
}
@media only screen and (max-width:768px ){
    .tab-void tbody td{padding: 10px;}
    .collection_mt{padding-left: 10px;}
    .tab-void tbody td .pay_ph{display: block;}
    .tab-void tbody td .pay_pc{display: none;}
    .tab-void td.none{display: none;}
    .pay a.r_btn{margin:inherit;text-align: center;margin-top: 20px; display:inline-block;font-size: 13px;}
    .pay a.b_btn{ width:90px; height:30px; line-height:30px; display:inline-block;border-radius:3px; margin-bottom:5px;background:#bfbfbf; color:#fff;text-align: center;margin-top:5px;font-size: 13px;}
}
/* collection_mt */



.lr_box{margin: 0 auto; max-width: 600px; padding:40px 20px 20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 8px; text-align: center;}
.lr_box .title{display: block; margin-bottom: 30px; text-align: center; font-size: 32px; line-height: 34px; font-family: 'poppins_m'; text-transform: capitalize;color: #333;}
.lr_box ul li{margin-bottom: 20px;}
.lr_box ul li input{transition:all .5s; padding-left: 12px; line-height: 48px; height: 48px; border: 1px solid #ccc; width: 100%; border-radius: 4px;}
.lr_box ul li p,.lr_box ul li a{display: block; font-size: 14px; color: #808080;}
.lr_box ul li input:focus{border: 1px solid #06323d;}
.lr_box ul li .read_more{border: 0; font-size: 16px; padding: 0 20px;}
.lr_box ul li .p a{display: inline-block; font-size: 14px;}
.lr_box ul li a{color: #06323d;}
.lr_box ul li .p{font-size: 14px;}
.lr_box .verificationCode span{top: 8px;}
@media only screen and (max-width:768px ){.lr_box{padding: 30px 15px 20px; background: #fff;} .lr_box .title{font-size: 24px; margin-bottom: 15px;}}


/* page_contact */
.contact_t{overflow: hidden;margin-bottom: 50px;}
.page_contact .con_ser{margin-bottom:60px;font-family:"poppins_m";  color:#06323d;font-size: 15px;}
.page_contact .left { width: 50%; float: left; padding-right: 40px;}
.page_contact em.title { font-size: 20px; font-family: "poppins_m"; color: #222; text-transform: capitalize; margin-bottom: 20px; display: inline-block; }
.page_contact .text {line-height: 28px;}
.page_contact .right { width: 50%; float: right;}
.page_contact .page_emailB { padding: 0;}
.page_contact .map {  overflow: hidden; padding-top: 30px;}
.page_contact .map iframe { width: 100%; max-width: 100%;}
.page_contact .map img { max-width: 100%; height: auto; width: 100%;}
.page_contact .con_right {padding-right: 40px;padding-left: 0;}
.page_contact .con_right h3{margin-bottom: 10px;text-transform: capitalize;font-family: 'poppins_sb';color: rgba(18,81,100,1);}
.page_contact .con_right h4{color: #222;font-size: 18px;font-family: 'poppins_m';margin:20px 0 15px;color: rgba(18,81,100,1);}
.page_contact .con_right h4 i{color: rgba(18,81,100,1);font-size:22px;padding-right: 10px;}
.page_contact .con_right p a{color: rgba(18,81,100,1);font-family: 'poppins_m';}
.page_contact  #form-validate {max-width: 100%; }
.page_contact .share_dl_h2 h2{color:rgba(18,81,100,1);font-family: 'poppins_m';}
.page_emailB { padding-top: 30px; position: relative;border: 10px solid rgba(74,179,153,0.1);  }
.page_emailB .page_email_content { overflow: hidden;  padding: 30px; }
.page_emailB .page_email_content .sentUL { list-style: none;}
.page_emailB .page_email_content .sentUL li { list-style: none;}
.page_emailB .page_email_content .sentUL li { width: 100%; margin-bottom: 20px; border-radius: 24px;}
.page_emailB .page_email_content .sentUL li input {transition: all .5s; width: 100%; line-height: 48px; height: 48px; color: #777; padding-left: 15px; }
.page_emailB .page_email_content .sentUL textarea {transition: all .5s; width: 100%; line-height: 24px; height: 100px; padding-top: 10px; color: #777; padding-left: 15px; border: 1px solid #ccc; font-size: 12px;}
.page_emailB .page_email_content .send_m {margin-top: 0;}
.page_emailB .page_email_content .sentUL li input:focus,.page_emailB .page_email_content .sentUL textarea:focus {border: 1px solid #06323d; box-shadow: 0 5px 10px #ccc; }
.page_emailB .page_email_content em {margin-top: 20px;font-family: "poppins_sb";  color:#06323d;    padding: 4px 0px; line-height: 30px; text-transform: capitalize;font-size: 20px; overflow: hidden;}
.page_emailB .page_email_content  p.text {font-size: 13px;   color: #666;   text-align: left;   line-height: 24px;      overflow: hidden;    margin: 10px 0 15px;}
.page_emailB .page_email_content .subject_title {border: 1px solid #ccc;   background: #F8F8F8;font-size: 12px;   border-radius: 0px;  line-height: 24px; padding: 11px 0;
	padding: 0px 10px;    margin-bottom: 20px;    padding-left: 15px; width: 100%;  }
.page_emailB .page_email_content .subject_title p {font-size: 12px;
	color: #777; line-height: 24px; text-transform: capitalize; padding: 12px 0; }
.page_emailB .page_email_content .subject_title p a { color: #FF0000;}
.page_emailB .page_email_content .sent-email input,.page_emailB .emallM .sent-tel input,.page_emailB .emallM .sentUL li textarea { background-color: #fff; }
.page_emailB .page_email_content .sentUL li.inputLI input,.page_emailB .emallM .sentUL li textarea {border: 1px solid #ccc; font-size: 12px;}
.page_emailB .page_email_content .sentUL li.inputLI input:focus,.page_emailB .page_email_content .sentUL textarea:focus {border: 1px solid #06323d;}
.page_emailB .page_email_content select { transition: all .5s; width: 100%; line-height: 48px; height: 48px; color: #777; padding-left: 15px;border: 1px solid #ccc; font-size: 12px;}

@media only screen and (min-width:992px){
    .page_contact .con_right a:hover{text-decoration: underline;}
}
@media only screen and (max-width:768px ) {
	.page_emailB .page_email_content { padding: 20px 15px;}
    .page_contact .con_ser{margin-bottom:10px;font-size: 14px;}
}

.contact_t .read_more{border: none;}
@media only screen and (max-width:992px ) {
	.page_contact .con_right {padding-left: 0px; padding-top: 30px; margin-right: 0; padding-right: 0;}
	.page_contact .page_emailB { margin-right: 0; padding-right: 0;margin-top: 20px;}
	.contact_ul li:before {width: 55px; height:48px; }
	.contact_ul li:first-child:before { background-size:50px ; }
	.contact_ul li:nth-child(2):before { background-size:50px ; }
	.contact_ul li:last-child:before { background-size:50px ; }
    .page_contact .con_right h3{font-size: 20px;}
    .page_contact .con_right h4{font-size: 16px;}

}

/* page_contact */


/* about_boxone */
.about_boxone ul li{display: flex;display: -webkit-flex;align-items:center;flex-wrap: wrap;}
.about_boxone ul li:nth-child(2){flex-direction: row-reverse;margin-top: 50px;}
.about_boxone ul li .txt,.about_boxone ul li .images{width: 50%;}
.about_boxone ul li:nth-child(1) .txt{padding-right: 5%;}
.about_boxone ul li:nth-child(2) .txt{padding-left: 5%;}
.about_boxone ul li h2{font-size:26px;font-family: 'poppins_sb';color:#06323d;margin-bottom: 15px;}
.about_boxone ul li p{margin-bottom: 10px;}
.about_boxone ul li p:last-child{margin-bottom: 0;}
@media only screen and (max-width:992px ) {
    .about_boxone ul li h2{font-size: 20px;}
    .about_boxone ul li .txt,.about_boxone ul li .images{width: 100%;}
    .about_boxone ul li:nth-child(1) .txt{padding-right: 0%;}
    .about_boxone ul li:nth-child(2) .txt{padding-left: 0%;}
    .about_boxone ul li .images{margin-top: 20px;}
    .about_boxone ul li:nth-child(2){margin-top: 30px;}
}

/* about_boxtwo */
.about_boxtwo{padding: 50px 0;background: #f7f7f7;margin-top: 80px;}
.about_boxtwo ul{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.about_boxtwo ul li{width: 33.3333%;text-align: center;padding: 0 20px;}
.about_boxtwo ul li .images img{height:70px;}
.about_boxtwo ul li h2{color: #06323d;font-family: 'poppins_sb';margin: 20px 0 10px;font-size:20px;}
@media only screen and (max-width:480px ) {
    .about_boxtwo{padding: 30px 0;margin-top: 40px;}
    .about_boxtwo ul li{width: 100%;margin-bottom: 20px;}
    .about_boxtwo ul li:last-child{margin-bottom: 0;}
    .about_boxtwo ul li h2{font-size: 16px;margin: 15px 0 5px;}
    .about_boxtwo ul li .images img{height:50px;}
}

.about_boxthr p{max-width: 1000px;margin: auto;text-align: center;}



/* faq */
.faq_box{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.page_faq{width: 49%;border: 1px solid rgba(0,0,0,0.08);border-radius: 3px;margin-bottom: 2%;}
.faqs_title{border-bottom: 1px solid rgba(0,0,0,0.05);padding:15px;}
.faqs_title h3{font-family: 'poppins_m';font-size: 20px;margin-bottom:5px;color: #06323d;}
.faq .q{position: relative; padding: 15px 50px 15px 15px; font-size: 15px; line-height: 28px;font-family: 'poppins_m'; cursor: pointer;border-bottom: 1px solid rgba(0,0,0,0.05);color: #222;}
.faq li:last-child .q{border-bottom: none;}
.faq .q::before{content: "\f067"; font-family: 'fontawesome'; position: absolute; right: 10px; top: 13px; width: 30px; height: 30px; line-height: 30px; font-size: 12px; text-align: center;color: #666;border-radius: 50%;}
.faq .active .q::before{content: "\f068";}
.faq .a{margin: 20px 3%; color: #777;padding-left: 15px; border-left: 2px solid #06323d; font-size: 14px; line-height: 24px;}
.page_faq{padding: 0;}
@media only screen and (max-width: 992px){
    .page_faq{width: 100%;}
}
@media only screen and (max-width: 768px){
    .faq{padding: 20px 15px 40px;}
    .page_faq{padding: 0;}
    .faq .q{font-size: 15px; line-height: 24px; padding: 12px 40px 12px 12px;}
    .faq .a{margin: 10px;padding-left: 10px;}
    .faq .q::before{top: 7px;}
    .faq .title{font-size: 36px; line-height: 38px;}
    /* .faq .q::before{font-size: 14px;} */
}
/* faq */

/* bolg */
.bolg_title{margin-bottom:10px;padding: 12px 15px;border-left: 3px solid #06323d;background: #f7f7f7;}
.bolg_title h2{font-family: 'poppins_sb';color: #06323d;font-size: 18px;display: inline-block;}
.blog_classifyone,.blog_classifytwo,.blog_classifytthr{margin-bottom:40px;}
.blog_classifyone ul li{padding: 10px 0;border-bottom: 1px solid #efefef;}
.blog_classifyone ul li a{transition: all 0.5s;}
.blog_classifyone ul li.on a{font-family: 'poppins_m';color: #06323d;}

.blog_classifytwo ul li{padding: 10px 0;border-bottom: 1px solid #efefef;}
.blog_classifytwo ul li a{font-family: 'poppins_m';transition: all 0.5s;display: block;}
.blog_classifytwo ul li.on a{color: #06323d;}
.blog_classifytwo ul li time{display: block;font-size: 13px;margin-top: 10px;color: #999;}

.blog_classifytthr ul li{padding: 10px 0;border-bottom: 1px solid #efefef;}
.blog_classifytthr ul li a{transition: all 0.5s;display: block;}
.blog_classifytthr ul li.on a{color: #06323d;font-family: 'poppins_m';}


.bolg_list ul li{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.bolg_list li{padding: 50px 0;border-bottom: 1px solid #efefef;}
.bolg_list li:first-child{padding-top: 0;}
.bolg_list .images{width:400px;overflow: hidden;max-height: 400px;}
.bolg_list .images img{transition: all 0.5s;width: 100%;height: 100%;object-fit: cover;}
.bolg_list .txt{width: calc(100% - 450px);}
.bolg_list ul li.noimage_li .txt{width: 100%;}
.bolg_list .txt h2{font-size:20px;font-family: 'poppins_sb';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.bolg_list .txt h2 a{color: #222;}
.bolg_list .txt .time_p{margin: 20px 0 10px;color: #999;}
.bolg_list .txt .time_p time{padding-left: 10px;}
.bolg_list .txt .more a{font-family: 'poppins_m';color: #06323d}

.bolg_list li.no_img .txt{width: 100%;}
.bolg_listtwo .images{margin-bottom: 20px;max-height: 600px;}
.bolg_listtwo .images,.bolg_listtwo .txt{width:100%;}


@media only screen and (min-width:992px){
    .blog_classifyone ul li a:hover{padding-left: 10px;color: #06323d;font-family: 'poppins_m';}
    .blog_classifytwo ul li a:hover{padding-left: 10px;color: #06323d;}
    .blog_classifytthr ul li a:hover{padding-left: 10px;color: #06323d;font-family: 'poppins_m';}
    .bolg_list .images:hover img{transform: scale(1.05);}
    .bolg_list .txt h2 a:hover{color: #06323d}
    .bolg_list .txt .more:hover{text-decoration: underline;}
}
@media only screen and (max-width: 1200px){
    .bolg_list .images{width:300px;}
    .bolg_list .txt{width: calc(100% - 330px);}
}
@media only screen and (max-width: 992px){
    .blogfix_stiky_box{flex-direction: column-reverse;}
    .blogfix_stiky_box .n_right{margin-bottom:30px;}
}
@media only screen and (max-width: 640px){
    .bolg_list .images{margin-bottom: 20px;}
    .bolg_list .images,.bolg_list .txt{width:100%;}
    .bolg_list .txt h2{font-size: 16px;}
    .bolg_list li{padding: 30px 0;}
}


/* blog é”šç‚¹ */
.blog_table{background-color: #f6f8fc;margin-bottom: 48px;border-radius: 25px;padding: 0 20px;}
.blog_table .table-of-content {color: #06323d!important;cursor: pointer;font-size: 16px;line-height: 150%;display: flex;align-items: center;padding: 12px;justify-content: center;font-family: 'poppins_m';}
.blog_table .table-of-content-down img{transform: rotate(180deg);}
.blog_table .table-of-content img{transition: all 0.5s;display: inline-block;margin-left: 8px;}
.blog_table ul.table-dropdown{padding:4px 48px 12px;}
.blog_table ul.table-dropdown li a{color: #06323d!important;font-family: "poppins_m";font-size: 16px;line-height: 125%;display: inline-block;margin-bottom: 12px;cursor: pointer;}
.blog_table ul.table-dropdown li:last-child a{margin-bottom: 0;}

@media only screen and (max-width:992px) {
    .blog_table{padding:0px;}
    .blog_table ul.table-dropdown{padding: 4px 15px 12px;}
}

.blog_main h1.title_h1{ font-size:26px;color:#111;  font-family:'poppins_sb';line-height: 125%;}
.blog_main .info_share{margin-bottom: 30px;border-bottom: 1px solid #efefef;}
.blog_nav ul li{ list-style:none;}
.blog_main .share_dl_h2 h2{font-size: 16px;color: #333;}
.blog_main .blog_topimg{margin-bottom:20px;}

.blog_p{margin-bottom: 20px;}
.blog_p h1,.blog_p h2,.blog_p h3,.blog_p h4,.blog_p h5,.blog_p h6{font-family: 'poppins_sb';color: #000;font-size: 20px;line-height: 1.5;margin: 20px 0;}
.blog_p h3{font-size: 18px;}
.blog_p h4,.blog_p h5,.blog_p h6{font-size: 16px;}

.blog_p h1 a,.blog_p h2 a,.blog_p h3 a,.blog_p h4 a,.blog_p h5 a,.blog_p h6 a{color: #06323d;}
.blog_p img{display: block;margin:20px auto;height: auto!important;max-width: 100%;}
.blog_p strong{font-family: 'poppins_sb';display: block;margin:15px 0;color: #000;font-size: 15px;}
.blog_p li strong,.blog_p a strong{display: inline-block;margin: 0;}
.blog_p .list-style{margin: 30px 0;}
.blog_p .list-style li{padding-left: 10px;margin-bottom: 10px;font-family: 'poppins_m';color: #000;position: relative;margin-left: 20px;}
.blog_p .list-style li::before{width: 4px;height: 4px;position: absolute;content: "";background: #111;border-radius: 50%;left: 0;top: 10px;}
.blog_p ol{padding: 0;}
.blog_p ol li{margin: 10px 0;font-family: 'poppins_m';}

.signal_box h2,.signal_box p strong {font-family:'poppins_sb';margin: 20px 0;font-size:18px;color: #06323d}
.signal_box p,.signal_box ul li{margin-bottom: 10px}


@media only screen and (min-width:992px){
    .blog_p a:hover{text-decoration: underline;}
}
@media only screen and (max-width:640px) {
    .blog_table ul.table-dropdown li a{font-size: 15px;}
    .signal_box p strong,.signal_box h2{font-size: 16px;}
    .blog_main h1.title_h1{font-size: 18px;}
    .blog-info{font-size: 13px;}
    .blog_p h1,.blog_p h2,.blog_p h3,.blog_p h4,.blog_p h5,.blog_p h6{font-size: 17px;}
    .blog_p h3{font-size: 16px;}
    .blog_p h4,.blog_p h5,.blog_p h6{font-size: 15px;}
}



/* pro_cartbottom */
.pro_cartbottom { position: fixed; padding: 10px 10px 12px; bottom: -100px; background: #fff; width: 100%; z-index: 97;box-shadow: 0 0 9px rgba(0,0,0,.12); transition: all .5s; opacity: 0; }
.pro_cartbottom .row {display: flex; -webkit-box-align: center;  -ms-flex-align: center;   align-items: center;}
.pro_cartbottom .num {float: left; border: 1px solid #333; width: 120px; margin-right: 10px; height: 38px;}
.pro_cartbottom .num * { display: block; float: left;}
.pro_cartbottom .num .cartnum { border: 0; top: 0; width: 50px; line-height: 36px; height: 36px;text-align: center;font-family: 'poppins_sb';}
.pro_cartbottom .sub, .pro_cartbottom .add {font-size: 16px; position: relative;top: 1px; font-family: 'poppins_m'; width: 33px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; top: 0;font-family: 'poppins_sb';}
.pro_cartbottom .read_more {height: 38px; line-height: 38px; float: left; width: 140px; text-transform: capitalize;background: #06323d;color: #fff;border-color:#06323d;border-radius: 0;  padding: 0!important;text-align: center;}
.pro_cartbottom .product { width: 55%; float: left; padding-right: 10px;}
.pro_cartbottom .product img { max-width: 75px; max-height: 75px; margin-right: 10px;}
.pro_cartbottom .product em {width: calc(100% - 95px); float: right; margin-top: 10px; font-size: 18px; line-height: 22px; max-height: 44px; overflow: hidden; font-family: 'poppins_m';color: #111;}
.pro_cartbottom .right { width: 45%; float: right;}
.pro_cartbottom .right .read_more,.pro_cartbottom .right .num {float: right;}
.pro_cartbottom.mshow  { opacity: 1; bottom: -2px; transition: all .5s;}
.pro_cartbottom .mprice { float: right; padding-right: 10px; padding-top: 4px;    font-size: 16px;font-family: "poppins_m";}
.pro_cartbottom .mprice .or{color: #989898;}
.pro_cartbottom .mprice .cur{color: #f54337;font-family: 'poppins_sb';font-size: 20px;}
.pro_cartbottom .mprice s { color: #333; font-family: 'poppins';}
@media only screen and (min-width:992px){
    .pro_cartbottom .read_more:hover{background: #222;border-color:#222;}
}
@media only screen and (max-width:992px ) {
	.pro_cartbottom.mshow  { opacity: 1;transition: all .5s;padding:10px 0 12px;}
	.pro_cartbottom .product { width: 40%;}
	.pro_cartbottom .right { width: 60%;}
}

@media only screen and (max-width:768px ) {
    .pro_cartbottom.mshow { bottom: 50px; }
	.pro_cartbottom .product {display: none;}
	.pro_cartbottom .right { width: 420px; margin: 0 auto; float: none;}
}

@media only screen and (max-width:575px ) {
	.pro_cartbottom .mprice  {display: none;}
	.pro_cartbottom .container { width: 100%;}
	.pro_cartbottom .right {  float: none; margin: 0; width: 100%; }
	.pro_cartbottom .right .read_more { width: calc(100% - 130px);margin-right: 0; }
}




/* 404 */
.errors{text-align: center;padding:40px 10px;position: relative;}
.errors_box{position: relative;z-index: 1;}
.errors h2{color: #06323d;font-family: 'poppins_sb';font-size:26px;margin-bottom: 10px;}
.errors h3{font-size:16px ;margin: 0;}
.errors .button_primary{background: #06323d;width: 190px;line-height: 50px;color: #fff;display: inline-block;text-transform: uppercase;margin-top:40px;}


@media only screen and (min-width:992px){
    .errors .button_primary:hover{text-decoration: underline;}
}

@media only screen and (max-width:480px ){
    .errors h2{font-size:22px;}
    .errors h3{font-size:14px ;}
    .errors .button_primary{line-height: 46px;margin-top: 20px;}
}



/* success_paybox */
.success_paybox{background: #f9f9f9;font-size:20px;padding: 50px 0;border: 1px solid #f2f2f2;text-align: center;}
.success_pay{font-weight: normal;}
.success_pay span{text-transform: capitalize;}
.success_pay span strong{font-family:'poppins_sb';font-size:36px;color: #07a713;}
.success_pay span b{display: block;margin-top:10px;font-size: 26px;}
.success_pay span b span{background:none;font-family:'poppins_sb';padding-left:0;font-size: 18px;}

.success_patsheet{font-size: 14px;text-align: left;width: 100%;margin: 15px 0;padding: 0 2%;}
.success_patsheet .success_table{background: #fff;width: 100%;max-width:1070px;margin:auto;}
.success_patsheet th{font-size: 16px;color: #222;}
.success_patsheet td,.success_patsheet th{padding:12px;border: 1px solid #f1f1f1;}
.success_patsheet .pro_name{display: flex;display: -webkit-flex;align-items:center;}
.success_patsheet .pro_name img{width: 100px;height: 100px;}
.success_patsheet .pro_txt{width: calc(100% - 110px);    padding-left: 10px;}
.success_patsheet .pro_txt h2{font-size: 16px;font-family: 'poppins_sb';margin-bottom: 10px;}


.pay_remark{max-width: 1070px;margin: auto;text-align: left;font-size: 14px;}
.pay_remark span{color: red;padding-right: 5px;}
.pay_remark a{color: #06323d;}


@media only screen and (min-width:992px){
    .success_patsheet .pro_txt h2 a:hover{text-decoration: underline;color: #febe40;}
    .pay_remark a:hover{text-decoration: underline;}
}
@media only screen and (max-width:1152px ){
    .pay_remark{padding: 0 2%;}
}
@media only screen and (max-width:768px ){
    .success_paybox{margin: 30px 0;}
    .success_pay span{background-size:25px;background-position: left 8px;padding-left:30px;}
    .success_pay span strong{font-size: 26px;}
    .success_pay span b{font-size: 20px;}
    .success_pay span b span{display: block;}
    .address_pay{font-size: 14px;}

    .success_patsheet .pro_txt h2{font-size: 14px;}
}



.empty_cart{text-align: center;padding: 80px 0;}
.emptyp{margin-bottom: 20px;font-size: 18px;}



/* sitemap */
.sitemap .sitemapCon{margin-bottom: 30px}
.sitemap .sitemapCon .titleBox{border-bottom: 1px solid #eee;font-size: 0;padding-bottom: 10px;}
.sitemap .sitemapCon .titleBox .title{vertical-align: top;display: inline-block;font-size: 20px;color: #000;line-height: normal;margin: 0px;font-family: 'poppins_m';}
.sitemap .sitemapCon .titleBox .title a{color: #000;}
.sitemap .sitemapCon ul li{display: inline-block;vertical-align: top;margin-top: 15px;height: 33px;list-style: none;padding: 0;}
.sitemap .sitemapCon ul li .item{line-height: 24px; font-size: 14px;color: #000;font-weight: 400;}


@media only screen and (min-width:992px){
    .sitemap .sitemapCon ul li .item:hover{text-decoration: underline;}
}
@media only screen and (max-width:480px ){
    .sitemap .sitemapCon .titleBox .title{font-size: 17px;}
    .sitemap .sitemapCon ul li{width: 50%;}
}

.addthis-smartlayers-desktop{display: none}
.addthis-smartlayers-mobile{display: none}

.discount{background: url(../images/dis_01.jpg)no-repeat center center;width: 100%;height: 221px;}
.discount .dis_ph{display: none;}
@media only screen and (max-width:1000px ){
    .discount{background: none;height: auto;}
    .discount .dis_ph{display: block;}
}


.copy_div{position: absolute;opacity: 0;}
.copy_div input{height: 0;width:50px;}
.dis_code{background:#06323d;padding:10px;margin-bottom: 30px;border-radius: 4px;margin-top:15px;}
.dis_code p{font-size:15px;font-family:'poppins_m';color: #fff;margin-bottom: 5px;}
.dis_code .copy_num{line-height:36px;text-align: center;display: flex;height:36px;align-items: center;justify-content: space-between;padding: 0 20px;color: #333;position: relative;background: #fff;}
.dis_code .copy_num span{font-size: 18px;cursor: pointer;}
.dis_code .copy_num span:hover{color:  #06323d;}
.dis_code .copy_success{position: absolute;right: 50px;color: #999;display: none;}
@media only screen and (max-width:992px ){
    .dis_code p{font-size: 16px;}
    .code_ph{display: block!important;margin-bottom:15px;}
    .code_pc{display: none!important;}
    .dis_code .copy_num{margin-top: 10px;width: 100%;max-width: inherit;}
}



.validation-advice{color:red}

.order_now .container{line-height: 40px;background: #ccc;margin-top: 44px;text-align: center; background:#f6fff5;font-family: 'poppins_sb';color:#109507;font-size: 16px;}

