body {font-family: 'Nunito Sans', sans-serif;}
.no_scroll {overflow: hidden;}
img {max-width:100%; height:auto;}
a {color:var(--primary-color); transition:all linear 0.2s;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:600;}
.btn, .form-control {border-radius: 0;}
.form-control:focus {box-shadow:none;}
.btn-info {border-color:var(--primary-color); background:var(--primary-color);}
.btn-dark {border-color:var(--secondary-color); border-color:var(--secondary-color);}
.btn_styled {padding:7px 25px;}
.badge {border-radius: 0;}
.custom-control-label, label.error {font-weight:normal;}
.custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked~.custom-control-label::before {background:var(--primary-color); border-color:var(--primary-color);}
.custom-control-input:focus~.custom-control-label::before, .custom-control-input:focus~.custom-control-label::before {box-shadow:none;}

.black_overlay {position: fixed; top:0; left:0; right:0; bottom:0; background: rgb(0,0,0,0.45);display: none; z-index: 99;}
section {padding:50px 0;}
@media(min-width:1200px) {
.container_big {max-width: 1800px; padding:0 40px;}
}
.left_heading {font-size:1.75rem;}
.search_wrap {position: fixed; top:0; left:0; right:80%;  bottom:0; z-index: 99; background: rgba(12,179,196,0.9);transition: all linear 0.2s; opacity: 0; visibility: hidden; z-index: 1000;}
.search_wrap.show_search {left:0; right:0; opacity: 1; visibility: visible;}
.search_box { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; max-width: 1140px;}
.search_box .input-group {border:1px solid #fff; }
.search_box .input-group .form-control {border:0; background:transparent; padding:20px; min-height:60px; color:#fff;}
.search_box .input-group .form-control::placeholder {color: #fff;}
.search_box .btn {color:#fff; padding:18px 20px 15px; font-size:18px;}
.search_close {font-size:60px; color:#fff; display: block; text-align: right; margin: 0 40px 0 0; font-weight: 300;}
.search_close:hover {color:#fff;}

.alertbar_top {padding:10px 0; text-align: center;}
.alertbar_top .alert_close {position: absolute; right:20px; font-size: 20px; line-height: 1; color: inherit;}
.logo {padding:15px 0;}
.logo_text { text-align: center; padding:15px 0;}
.logo_text a {font-size:30px; color:#000; font-weight:600; line-height: 1.2;}
ul.top_left {padding:0; margin:0; list-style: none;}
ul.top_left li {display: inline-block; margin-right:10px;}
ul.top_left li a {color:#000;}
ul.top_left li a:hover {color:var(--primary-color);}
ul.top_left li a i {margin:-3px 0 0; display: inline-block; vertical-align: middle;}


header { border-bottom: 1px solid #eee;}

#menu ul{list-style:none;margin:0;padding:0; text-align: center;}
#menu ul li{display:inline-block;position:relative;}
#menu li:first-child a { padding-left:0}
#menu ul li a{color:#000; padding:10px 14px; display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;transition:all .3s linear; font-size:15px; font-weight: 600;}
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px;}
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color:var(--primary-color);}
#menu li.active ul li a{color:#fff;}
#menu li.active ul li a:hover{color:var(--primary-color);}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap; box-shadow:0 6px 8px rgba(0,0,0,0.175); padding:15px; background:#fff;}
#menu ul li.active ul li a {color:var(--primary-color);}
#menu li>ul li{display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li:hover{color:var(--primary-color);}
#menu li>ul li:first-child > a { padding-left:5px}
#menu li>ul li a{color:#333;font-size:15px; padding:5px 5px;  border-right:0;}
#menu li>ul li a:hover{color:var(--primary-color);text-decoration:none}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:var(--primary-color)}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li>ul li:hover a {color:var(--primary-color);}
#menu li>ul li:hover ul li a {color:var(--primary-color);}
#menu li>ul li ul li a:hover {color:var(--primary-color);}

#menu li.mega_menu {position: inherit;}
#menu li.mega_menu > ul {min-width: 750px; background:#fff;border:1px solid rgba(0,0,0,0.09); padding:30px; column-count: 3;}
#menu li.mega_menu > ul li {border:0; padding:0 0 0 15px; margin:0 0 10px;}
#menu li.mega_menu > ul li:before {position: absolute; left:0; top:2px; content:"\f105"; font-family: FontAwesome; line-height:1.2;}
#menu li.mega_menu > ul li:hover {background:none; color:var(--primary-color);}
#menu li.mega_menu > ul li:hover a{color:var(--primary-color); text-decoration:none;}
#menu li.mega_menu > ul li a {padding:0; border:0;}
#menu li.mega_menu > ul li a:hover {background: none; color:var(--secondary-color);}

@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed;  background:rgba(255,255,255,1); top:0; left:0; width:100%; z-index:99; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);}

ul.top_right {padding:0; margin:0; list-style: none; text-align: right;}
ul.top_right > li {display:inline-block; margin-right:20px; position:relative; vertical-align: top;}
ul.top_right > li:last-child {margin-right:0;}
ul.top_right li a {text-decoration:none; color:#000; font-size:20px;}

.quantity_item {position: absolute; right:-12px; top:-10px; width:22px; height:22px; line-height: 22px; border-radius: 50%; background:var(--primary-color); color: #fff; text-align: center; font-size:11px;}
.quantity_item:empty {display: none;}
ul.top_right li a i.fa-person {font-size:26px;}
ul.top_right li.top_languages a {font-size:16px;}
ul.top_right li.top_languages i.fa {margin:0 0 0 5px; position: relative; top:1px;}
ul.top_right li.top_languages ul { margin:0; list-style:none; position:absolute; text-align:center; right:0; top:100%; min-width:50px; box-shadow:0 6px 8px rgba(0,0,0,0.175); background:#fff; padding:0; opacity:0; visibility:hidden; z-index:99;}
ul.top_right li.top_languages ul li a { font-size:15px; display:block; padding:6px; color: #000 !important; border-bottom:1px solid #ddd;}
ul.top_right li.top_languages ul li:last-child a {border-bottom:0;}
ul.top_right li.top_languages ul li img { margin:0 5px;}
ul.top_right li.top_languages ul li a:hover {color:var(--primary-color); background: #f4f4f4;}
ul.top_right li.top_languages:hover ul {opacity:1; visibility:visible;}

ul.top_right li.top_currency a {font-size:16px;}
ul.top_right li.top_currency i.fa {margin:0 0 0 5px; position: relative; top:1px;}
ul.top_right li.top_currency ul { margin:0; list-style:none; position:absolute; text-align:left; right:0; top:100%; min-width:100px; box-shadow:0 6px 8px rgba(0,0,0,0.175); background:#fff; padding:10px; opacity:0; visibility:hidden; z-index:99;}
ul.top_right li.top_currency ul li a { font-size:15px; display:block; padding:5px; color: #000 !important; }
ul.top_right li.top_currency ul li img { margin-right:5px;
}
ul.top_right li.top_currency ul li:last-child a {padding-bottom:0;}
ul.top_right li.top_currency ul li a:hover {color:var(--primary-color);}
ul.top_right li.top_currency:hover ul {opacity:1; visibility:visible;}

.home_slider_wrap {max-width:2000px; margin: 0 auto;}
#home_slider .item {position: relative;}
.slider_caption {position: absolute; left:85%; top:50%; transform: translate(-85%, -50%); background: rgba(0, 0, 0, 0.70); padding:25px 20px; color:#fff; width: 100%; max-width:370px; text-align: center;}
.big_text {font-size:60px; text-transform: uppercase; line-height: 1.1; margin: 0 0 20px; text-align:left;}
.slider_caption .btn {font-size:22px; text-transform: uppercase; display: block; max-width: 200px; padding:15px; margin:0 auto;}
#home_slider .owl-prev, #home_slider .owl-next {position:absolute; right:25px; bottom:25px; color:#fff; font-size:40px;}
#home_slider .owl-prev {left:25px;}

.feat_box_wrapper  {position: relative; display: block; overflow: hidden;}
.feat_box_wrapper img {height:450px; object-fit: cover; width: 100%; transition: all linear 0.2s;}


.feat_box_caption {position: absolute; left:0; bottom:30px; color: #fff; padding:0 30px; text-shadow:1px 1px 10px rgb(0,0,0,0.80); z-index: 3;}
.feat_box_wrapper:hover img {transform: scale(1.05);}


.product_wrap {margin:0 0 30px;}
.product_wrap .product_img {position: relative;}
.product_wrap .product_img a {position: relative; overflow: hidden; display: block;}
.product_wrap .product_img a:before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.4);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;}
.product_wrap .product_img img {width: 100%;}
.product_wrap .product_img .img_hov {position: absolute; left: 0; opacity: 0; visibility: hidden;}
.product_img:hover a:before{-webkit-animation:circle .75s;animation:circle .75s;}
.product_img:hover .img_hov {opacity: 1; visibility: visible;}
@-webkit-keyframes circle{
	0%{opacity:1}
40%{opacity:1}
100%{width:200%;height:200%;opacity:0}
}
@keyframes circle{
	0%{opacity:1}
40%{opacity:1}
100%{width:200%;height:200%;opacity:0}
}

.product_img .stock_badge {position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; z-index: 9;}
.product_wrap .sale_badge {position: absolute; right: 20px; top: 0; z-index: 9;}
.stock_badge {background:var(--body-text-color); color: #fff; padding: 5px 10px; font-size: 12px;}
.stock_badge.in_stock { background:var(--primary-color);}
.stock_badge.out_stock { background: #bf1212;}
.sale_badge { background:#f00; color: #fff; padding: 4px 10px; font-size: 12px; display: inline-block;}

.product_info {text-align: center; padding:10px 0 0;}
.product_info h4 {font-size:15px; margin:0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.product_info h4 a {color:var(--secondary-color);}
.product_info h4 a:hover {color:var(--primary-color);}
.prod_price {font-size:16px;  margin:0 0 15px;}
.prod_price del {font-size:14px; color:#999;}
.prod_price small {font-size: 14px;}
.product_info .btn i.fa { margin-right: 5px; position: relative; top:-1px;}


ul.prod_swatches {padding:0; margin:0 0 15px; list-style: none; text-align: center;}
ul.prod_swatches li {display:inline-block; margin-right:5px; vertical-align: middle;}
ul.prod_swatches li:last-child {margin-right:0;}
ul.prod_swatches li a{width:50px; height:50px; line-height:50px; display: block; overflow: hidden; border:1px solid #ddd; padding:0 2px;}
ul.prod_swatches li a img {height: 48px; object-fit: scale-down;}
ul.prod_swatches li a:hover, ul.prod_swatches li a.active {border-color:var(--primary-color);}
ul.prod_swatches li.more_swatches a {width: auto; height: auto; border-radius: 0; border:0;}

.shop_sunglasses_box {position:relative; overflow: hidden; background-image: url('https://firststeps.tecframe.com/storage/koolsun/FILE-20220309-2126KY7CSDVJ67ZD.webp'); background-position: center;  background-repeat: no-repeat; background-size:cover; padding:125px 0; overflow: hidden;  }
.shop_sunglasses_box:before {position:absolute; left:0; top:0; bottom:0; right:0; content:""; background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1));}
.shop_sunglasses_box .glasses_box_contents {  color:#fff;  line-height:1.2; text-transform:uppercase; position:absolute; left:7%; top:50%; -webkit-transform:translate(-5%, -50%);transform:translate(-5%, -50%);}
.shop_sunglasses_box .glasses_box_contents h3 {font-size:26px; margin-bottom: 15px;line-height: 1.3; font-weight:300;}
.shop_sunglasses_box .glasses_box_contents h3 span {display:block; font-weight:500; color:var(--primary-color);}

.shipping_text_box {background:#f6f6f6; color:#000; padding:35px;}
.shipping_text_box h4 {text-transform: uppercase; font-weight:600;}
.shipping_text_box p { font-size:14px;margin-bottom:10px;  }
.shipping_text_box a {text-decoration: underline;}

.newsletter_sec {padding:45px 0;}
.footer_newsletter{position: relative;text-align: center; }
.footer_newsletter h3 { margin-bottom:15px;font-size: 18px; text-transform: uppercase; }
.newsletter_field {max-width:550px; margin:0 auto; position: relative; }
.newsletter_field .form-control {padding: 0 14px;height: 50px;color: #252525;background-color: #fff; border-radius:0; box-shadow:none; font-size:15px; }


.footer_logo { display: block;}
.footer_logo img {max-width:260px;}
.footer_details { padding-right:66px;}
.footer_details p {margin-bottom:0; font-size:15px; line-height: 1.7;}
footer h5 { margin-bottom:20px;text-transform: uppercase;}
.footer_link { display: block; margin: 0 auto 20px;}
.footer_link ul { list-style:none; padding: 0; margin: 0;}
.footer_link ul li { display: block; margin-bottom: 10px; }
.footer_link ul li a { position: relative;display: block;color: #000;font-size: 15px;font-weight: 400;line-height: 20px;text-decoration: none;}
.footer_link ul li a:hover {color:var(--primary-color);text-decoration: none;}
.footer_link ul li a:after {content: "";position: absolute;bottom: 0;left: 0;display: block;width: 16px;height: 1px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.footer_link ul li a:hover:after {  background-color: var(--primary-color);}
.footer_social {  display: block; margin: 0 auto 10px;}
.footer_social ul { list-style:none; padding: 0; margin: 0;}
.footer_social ul li { float:left; }
.footer_social ul li a { position: relative;padding: 0 15px 0 0;color: #000;}
.footer_social ul li a img { width: 30px;}
.contact_info{color: #000; margin:0 0 10px;}
.contact_info ul  {list-style:none; padding: 0; margin: 0; }
.contact_info ul li {margin-bottom: 15px; position: relative; padding-left: 25px; }
.contact_info i.fa {position: absolute; left: 0; top:3px; }
.contact_info ul li a {color: #000;}
.contact_info ul li a:hover {color: var(--primary-color);text-decoration: none;}
ul.social_icons {padding:0; margin:0; list-style:none;}
ul.social_icons li {display:inline-block; margin-right:5px;}
ul.social_icons li a {display: block;}
ul.social_icons li a i.fa {width:30px; height:30px; line-height: 30px; text-align: center; color:#fff; background:var(--secondary-color);}
ul.social_icons li a i.fa-facebook {background:#4267B2;}
ul.social_icons li a i.fa-instagram {background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
ul.social_icons li a i.fa-twitter {background:#1C9CEA;}
ul.social_icons li a i.fa-linkedin {background:#007DBA;}
ul.social_icons li a i.fa-youtube {background:#FE0000;}
.copyright_bar { padding:30px 0 15px;}
.copyright_text { margin-top:10px; text-align:center; }
.paypal_img { text-align: center; max-width: 350px; margin: 0 auto;  }
.paypal_img iframe{position: relative; height: 50px; top: 10px;}
.tecframe_text {text-align: center; font-size: 0.75rem; padding:15px 0;}
.tecframe_text a {text-decoration: underline;}

.inner_banner {background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 300px;}
.inner_contents {min-height:500px;}
.page_title {margin:0 0 20px; font-weight:800;}
.page_title_center {margin:0 0 25px; text-align: center; font-weight:800;}
.breadcrumb_bar {background:#f5f5f5; padding:10px; color:var(--primary-color);}

ul.breadcrumbs {padding:0; margin:0; list-style: none;}
ul.breadcrumbs li {display: inline-block; color:var(--primary-color);}
ul.breadcrumbs a {color:#000;}
ul.breadcrumbs a:hover {color:var(--primary-color);}
ul.breadcrumbs li {position: relative;}
ul.breadcrumbs li:before {content:"\f105"; font-family: FontAwesome; margin:0 10px 0 8px;color:#000;}
ul.breadcrumbs li:first-child::before {display: none;}


.contact_form .form-group {margin:0 0 20px;}

.sidebar_wrap {margin:0 0 25px;border:1px solid #eee;}
.sidebar_wrap h5 {background:#f1f1f1; padding:10px; margin: 0;}
ul.side_list {padding:10px 15px 10px 15px; margin:0; list-style: none;}
ul.side_list li {margin:0 0 5px; position: relative;}
ul.side_list li a {color:#000; display: block; position: relative; padding:0 0 0 15px;}
ul.side_list li a:hover {color: var(--primary-color);}
ul.side_list li a:before {position: absolute; left:0; top:9px; content:""; width:5px; height:5px; background:var(--primary-color);}

.sidebar_shop {max-width:280px;}
.sidebar_shop .accordion .card {border:0; background: transparent; border-radius: 0;}
.sidebar_shop .accordion .card-header {padding:0; background: none; border:0; margin: 0;}
.sidebar_shop .accordion .card-header a {font-size:16px; border-bottom:1px solid #ddd; display: block; padding:0 0 10px; margin: 0 0 10px; color:#000;}
.sidebar_shop .accordion .card-header a:before {position: absolute; right:0; top:0; content:"\f107"; font-family: FontAwesome; font-size: 20px;}
.sidebar_shop .accordion .card-header a[aria-expanded=true]:before {content:"\f106";}
.sidebar_shop .accordion .card-header a[aria-expanded=true] {color:var(--primary-color);}
.sidebar_shop .accordion .card-body {padding:0 0 20px;}


.checkbox_item{display:block;position:relative;padding:3px 0 0 28px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.checkbox_item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkbox_item .checkmark{position:absolute;top:6px;left:0;height:18px;width:18px;background-color:transparent;border:#ccc solid 1px; border-radius: 4px;}
.checkbox_item:hover input ~ .checkmark{border:#ccc solid 1px;}
.checkbox_item input:checked ~ .checkmark{border:var(--primary-color) solid 1px; background:var(--primary-color);}
.checkbox_item .checkmark:after{left:5px;top:1px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;display:none;}
.checkbox_item input:checked ~ .checkmark:after{display:block;}


.loaded_products_text {text-align: center; font-weight:500; font-size:16px; position: relative; margin:30px 0;}
.loaded_products_text::before {position: absolute; left:0; top:15px; right:0; height:1px; background:#ddd; content:"";}
.loaded_products_text span {background:#fff; padding:0 25px; display: inline-block; position: relative;}

.brand_wrap {margin:0 0 30px;}
.brand_wrap a{border:1px solid #f1f1f1; display: block;}
.brand_wrap img {padding:20px;}
.brand_wrap h5 {margin:0; padding:10px; text-align: center; color:#000; background:#f1f1f1; transition: all linear 0.2s;}
.brand_wrap a:hover h5 {background:var(--primary-color); color: #fff;}

.var_title, .prod_detail_price {min-width: 150px;}
.var_title,.var_info {display: inline-block;}




.prod_variations {margin:0 0 25px;}
.prod_variations h1{text-transform:inherit;margin-bottom:0;font-size: 18px;}
.prod_variations .sub_heading{margin:0 0 20px;color:var(--primary-color); font-size: 15px;}
.prod_variations h6 {font-weight:700; margin-right:15px; display: inline-block;}
.prod_variations h6 span {font-weight: normal;}
.stock_availability span {font-weight: 700; margin-right: 15px; display: inline-block;}
.stock_availability .stock_badge {margin: 0;}
.reset_option_link {text-decoration: underline; font-size:13px;}
.prices_info{display:inline-block;color:var(--primary-color);font-size:25px; margin-right:15px;}
.prices_info small{color:var(--body-text-color);font-size:60%}
.prices_info del{color:#999;font-weight:400;font-size:18px}
.tf_sale_badge {background:var(--primary-color); padding:2px 10px; color:#fff;}
.vat_text{display:block;margin-top:3px;font-size:15px;color:var(--body-text-color);font-weight:500;}
.select_field strong{font-weight:500;width:30%;display:inline-block;}
.select_field strong.full_block {width:100%; display:block;}
.select_field .small_select{width:auto;padding:5px 30px 5px 5px; height:inherit;}
ul.color_swatches_list{list-style:none;padding:0;margin:0;display:block;text-align:left;margin-top:7px;clear:both;}
ul.color_swatches_list li{display:inline-block;margin:0 7px 7px 0;}
ul.color_swatches_list li a{width:130px;height:130px;border:0;display:block;-webkit-transition:all linear .2s 0;transition:all linear .2s 0;opacity:1;position:relative;overflow:hidden; cursor: pointer; border-bottom:3px solid transparent; padding:5px; text-align: center;}
ul.color_swatches_list li a img {height:110px; object-fit:scale-down;}
ul.color_swatches_list li a span{position:absolute;left:0;right:0;bottom:0;padding-top:3px;padding-bottom:1px;font-size:10px;text-transform:uppercase;text-align:center;background-color:rgba(255,255,255,0.9);color:var(--body-text-color);display:block}
ul.color_swatches_list li a:hover,
ul.color_swatches_list li.active a{border-color:var(--primary-color);}
ul.color_swatches_list li a.disabled {opacity:0.4; pointer-events: none;}
ul.color_swatches_list li a.disabled:hover {opacity:0.4;}
ul.color_swatches_list li.variation-swatch-disabled a:before {display: none;}

.variation-swatch-disabled a {position: relative;}
.variation-swatch-disabled a:before {position: absolute; top: -13px; bottom: -13px; left: 50%; transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); width: 1px; background: #a2a2a2; content: "";}

ul.text_swatches {padding:0; margin:0; list-style: none; overflow: hidden;}
ul.text_swatches li {float: left;  margin:0 8px 8px 0; background: #fff; vertical-align: top;}
ul.text_swatches li a {display: block; width: 100px; line-height: 1.3; padding:5px 8px; background: #fff; font-size: 14px; text-align: center; ; border:1px solid #ddd; color:#000; overflow: hidden; cursor: pointer;}
ul.text_swatches li a span {display:block; font-size:10px;}
ul.text_swatches li a:hover, ul.text_swatches li.active a {border-color:var(--primary-color);}
ul.text_swatches li.variation-swatch-disabled a:before {position: absolute; top: -21px; bottom: -24px; left: 50%; transform:translateX(-50%) rotate(61deg); -webkit-transform: translateX(-50%) rotate(61deg); width: 1px; background: #a2a2a2; content: "";}

ul.radio_list{list-style:none;padding:0;margin:0;display:block;text-align:left;margin-top:10px}
ul.radio_list li{display:inline-block;position:relative;margin-right:10px;margin-bottom:10px}
ul.radio_list li a{position:relative;line-height:30px;font-weight:400;color:var(--body-text-color);}
ul.radio_list li.disabled:hover a{color:var(--body-text-color)}
ul.radio_list li:hover a{color:var(--primary-color)}

.radio_item{display:block;position:relative;padding-left:20px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.radio_item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.radio_item .checkmark{position:absolute;top:4px;left:0;height:15px;width:15px;background-color:#fff;border:#ccc solid 1px;border-radius:50%}
.radio_item:hover input ~ .checkmark{background-color:#fff;border:var(--primary-color) solid 1px}

ul.radio_list li.disabled .radio_item:hover input ~ .checkmark{background-color:#fff;border:#ccc solid 1px}
.radio_item input:checked ~ .checkmark{background-color:var(--primary-color);border:var(--primary-color) solid 1px}
.radio_item .checkmark:after{content:"";position:absolute;display:none}
.radio_item input:checked ~ .checkmark:after{display:block}
.radio_item .checkmark:after{top:4px;left:4px;width:5px;height:5px;border-radius:50%;background:#fff}
ul.radio_list li.disabled .radio_item {position: relative; pointer-events: none;}
ul.radio_list li.disabled .radio_item:before {content:""; left:0; right:0; top: 50%; transform: translateY(-50%); position: absolute; height: 1px; background: #212121; z-index: 9;}
.select_field select option:disabled {color: #bbb;}


.discount_wrap {background:#f5f5f5; display: inline-block; clear: both; padding:10px 25px;}
.discount_wrap p {margin:0 0 5px;}
.discount_wrap p:last-child {margin:0;}
.discount_wrap span {font-weight:800; color:var(--primary-color);}

ul.prod_action_wrap {padding:0; margin:0 0 25px; list-style:none;}
ul.prod_action_wrap li {display:inline-block; vertical-align: middle;}
ul.prod_action_wrap li .btn {padding:10px 150px;}

.input-stepper{margin-bottom:0;-webkit-border-radius:0;border-radius:0;display:inline-block; border:1px solid #ddd; padding:4px; line-height: 1;}

.input-stepper button {width:39px; padding:4px 6px; background:#f5f5f5; border:0;font-size:25px; border-radius:0; color: var(--body-text-color);}
.input-stepper button:focus{outline:0;}
.input-stepper input{width:40px;-webkit-border-radius:0!important;border-radius:0!important;border:0;background-color:transparent;font-size:18px;text-align:center;color:#666}
.input-stepper input:focus {outline:0;}

.social_buttons{font-size:1em;margin-bottom:25px;}
.social_buttons div:first-child{font-weight:500;float:left;margin-right:20px;position:relative;top:2px}
@media (max-width: 798px) {
.social_buttons{text-align:center}
}
.share_article .social_buttons{border-top:none;padding-top:15px}
.share-btn{display:inline-block;text-align:center;font-size:1.2em;margin-right:15px;}
.share-btn a{text-align:center;display:inline-block;-webkit-transition:all 500ms ease 0;transition:all 500ms ease 0;}
.icon-twitter-share{color:#09AEEC;}
.icon-facebook-share{color:#49659D;}
.icon-gplus-share{color:#CC3A2B;}
.icon-pinterest-share{color:#CB1F2A;}
.icon-mail-share{color:#888;}

ul.feature_list2 {padding:0; margin:0 -5px; list-style: none; text-align: center;}
ul.feature_list2 li {display:inline-block; padding:0 5px; margin: 0 35px 20px; vertical-align: top; text-align: center;}
ul.feature_list2 li:last-child {margin-right: 0;}
ul.feature_list2 li img {height:55px; object-fit:scale-down; margin: 0 0 5px;}
ul.feature_list2 li span {font-weight:600; display:block;}


ul.simple_feature_list {padding:0; list-style: none; margin:0 0 20px;}
ul.simple_feature_list li {display: inline-block; border:1px solid var(--primary-color); padding:3px 15px; margin:0 4px 10px;}

.nav-tabs {display:block; margin:0;}
.nav-tabs .nav-item {display: inline-block; margin:0 5px 0 0;}
.nav-tabs .nav-link {padding:8px 20px; border:0; background:#f2f2f2; border-radius: 0; color:#000; text-decoration: none;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background:var(--primary-color); color: #fff;}

.tab-pane {padding:25px;}

.cart_table img {height:80px; object-fit: scale-down; width: 100%;}
.cart_table h6 {font-weight: 500; line-height:20px; font-size:14px; overflow: hidden;}
.cart_table a {text-decoration: none;}
.remove_prod {font-size:28px; color: #999;}
.remove_prod:hover {color:var(--primary-color);}


.cart_table .table tr td {border: 0; vertical-align: middle;}
.cart_table .table thead td {border-bottom: 1px solid #eee; font-weight: 600;}
.cart_total_table {background:#f9f9f9; padding:30px 25px; margin:0 0 25px; border-radius:5px;}
.cart_total_table .table thead th {border:0; font-size:22px;padding:5px;}
.cart_total_table .table tr td {padding:10px 5px; border:0; border-bottom:1px solid #ddd;}
.cart_total_table .table tr:last-child td {border-bottom:0; padding-bottom: 0;}
.cart_table .input-stepper button {width:25px; font-size:20px;}
.checkout_tab_contents .tab-pane {padding:36px 0 0;}
.vc_heading {margin:0 0 10px;}
.vc_heading a { color:var(--body-text-color); text-decoration: underline;}
.vc_heading a i.fa {margin:0 0 0 5px; position: relative; top:-3px; font-size:12px;}
.vc_heading.remove_underline a, .ib_heading.remove_underline a {text-decoration: none;}
.voucher_field {position: relative;}
.voucher_field .form-control {padding-right:75px; min-height:45px;}
.voucher_field .btn {position: absolute; right:5px; top:5px;font-size:14px; padding:6px 10px;}
.ib_heading {padding:0 0 15px;}
.ib_heading a { color:var(--body-text-color); text-decoration: underline;}
.ib_heading a i.fa {margin:-4px 0 0 5px; display:inline-block; font-size:12px;}


.cart_item_wrap h6 {-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.cart_item_wrap h6 a {color:#333;}

.card_fields {margin:0 0 30px;}
.card_fields .custom-control:first-child {border-top: 1px solid #ddd;}
.card_fields .custom-control {padding:20px 10px 20px 0; border-bottom: 1px solid #ddd;}
.card_fields .custom-control-label {padding-left:26px; display: block;}
.card_fields .custom-control-label::before {left:0; top:1px;}
.card_fields .custom-control-input:checked~.custom-control-label::after {left:0; top:1px;}


.price_range { margin:25px auto; max-width:220px;}
.input-range__slider {border-color:var(--primary-color) !important; background:var(--primary-color) !important;}
.input-range__track--active {background:#ddd !important;}
.input-range__label--min, .input-range__label--max {display: none;}

.top_detail .slider {margin: 0 0 50px;}
.image-gallery-content.bottom.fullscreen {top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.image-gallery-slides:focus, .image-gallery-swipe, .image-gallery-slide-wrapper, .image-gallery-content, .image-gallery, .image-gallery-slide.center, .image-gallery-slide .image-gallery-image, .image-wrapper, .image-gallery-swipe img {outline:0 !important;}
.image-gallery-thumbnail {border:0 !important; margin:0 3px;}
.image-gallery-swipe img {height:550px; object-fit:scale-down;}
.image-gallery-icon {width:60px !important; height:60px !important; line-height: 60px !important;  color:var(--primary-color) !important; filter:inherit !important; -webkit-filter:inherit !important; padding:0 20px!important; border-radius:50% !important; }
.image-gallery-fullscreen-button {display: none;}
.image-gallery-fullscreen-button, .image-gallery-play-button {padding:0 !important;}
.image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg {width:30px !important; height:26px !important;}
.image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg {height:60px !important; width:auto !important;}
.image-gallery-icon:hover .image-gallery-svg {transform: none !important;}
.image-gallery-thumbnail.active, .image-gallery-thumbnail:hover, .image-gallery-thumbnail:focus {border:0 !important;}
.input-range__label--min, .input-range__label--max  {display: none !important;}
.image-gallery-thumbnails .image-gallery-thumbnails-container img {height:100px; object-fit: scale-down;}
.image-gallery-thumbnail + .image-gallery-thumbnail {margin:0 20px !important;}

.account_form_box {max-width:580px; margin:0 auto; padding:45px; box-shadow:0 0 20px rgba(0, 0, 0, 0.10);}
.account_form_box .form-group {margin:0 0 20px;}
.account_form_box p {text-align: left; margin: 0;}

.accordian_box { width:100%; text-align:left; margin-top:30px; }
.accordian_box .card { border-bottom:none; border-radius:0; -webkit-border-radius:0; border:0; margin-bottom:15px;}
.accordian_box .card:last-child { border-bottom:0;}
.accordian_box .card > .card-header { background:#fff; padding:0; border:0; color:#333; text-decoration:none;  overflow:hidden; border-radius: 0; border:1px solid #ddd; background: #f6f6f6;}
.accordian_box .card h5 > a { display:block; cursor:pointer; font-size:16px; color:#333; outline:medium none; padding:15px; text-decoration:none; padding-left:25px;}
.accordian_box .card h5 > a.accordion-toggle:before,
.accordian_box .card a[data-toggle="collapse"]:before { content:"\f068"; float:right; font-family:"FontAwesome"; margin-right:10px;}
.accordian_box .card h5 > a.accordion-toggle.collapsed:before,
.accordian_box .card a.collapsed[data-toggle="collapse"]:before { content:"\f067";}
.accordian_box .card .card-body p:last-child { margin:0;}
.accordian_box .card-body {padding-top:15px; font-size:14px; line-height:24px;}
.accordian_box .card a[aria-expanded="true"]{background-color: var(--secondary-color); border-color:var(--secondary-color); color:#fff!important; border:0!important;}

.blog_wrap {border:1px solid #ddd; margin: 0 0 30px;}
.blog_wrap .blog_thumb {overflow: hidden;}
.blog_wrap .blog_thumb img {transition: all linear 0.2s; height:250px; object-fit: cover;}
.blog_wrap:hover .blog_thumb img {transform: scale(1.05);}
.blog_info {padding:15px; text-align: center;}
.blog_info h6 {margin: 0 0 5px; font-weight:600; font-size:18px;}
.blog_info h6 a {color:#000;}
.blog_info h6 a:hover {color:var(--secondary-color);}
.blog_info p {font-size:13px; margin: 0;}

label.error { color: red; font-style: italic; display: none; margin-bottom: 0;}
input.error, select.error, textarea.error { border: 1px solid red!important;}
span.required { color: red;}
.newsletter_field label.error { display: none !important;}

.popup_bg {position: fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.70); z-index: 999;}
.add_cart_popup {position: fixed; top:50%; left:50%; transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%;max-width:800px; z-index:9999;}
.popup_contents {max-width:750px; margin:0 auto; background: #fff; padding:35px 25px;}
.single_cart_contents {text-align:center; border-right:1px solid #ddd;}
.single_cart_contents img {max-width:180px; display: block; margin:0 auto 10px;}
.single_cart_contents p {margin:0 0 5px; font-weight:700;}
.popup_total {text-align:center; padding:30px 30px 0;}
.popup_total p {margin:0 0 10px;}
.popup_total .total_price {font-size:20px; font-weight:700; margin:0 0 15px;}
.popup_total .popup_btns .btn {display:block; margin:0 0 10px;}
.popup_total .popup_btns .btn:last-child {margin:0;}
.close_icon a {color:#fff; font-size:26px; font-weight:lighter; display:block; text-align:right; margin:0 0 15px;}

.description_wrapper ul {padding:0 0 0 10px; margin: 0; list-style: none;}
.description_wrapper ul li {margin: 0 0 5px; position: relative; padding:0 0 0 20px;}
.description_wrapper ul li::before {position: absolute; left:0; top:0; content:"\f105"; font-family: FontAwesome;}

.input-range__label-container {font-size:16px !important; font-family: 'Nunito Sans', sans-serif !important; color:#000;}
.input-range__label--value {top:-2rem !important;}

#distribution_map { width: 100%; max-width: 750px; position: relative; margin: 0 auto; height: 500px; }
ul.distribution_list {list-style: none; margin: 0; padding: 0 80px; overflow: hidden;}
ul.distribution_list li {transition: all 0.4s ease 0s; position:relative; font-size: 13px; color: #969696;;  margin-bottom: 12px; padding:0 25px 10px;width: calc(16.66% - 3px);  display: inline-block; }
ul.distribution_list li:before {position: absolute; left: 0; top: 0;  width: 15px; height: 1px; content: "\f00c";  font-family:'FontAwesome'; color: #0cb3c4;transition:all 0.4s ease 0s;}
ul.distribution_list li:hover{color:#000; text-decoration:none;  padding-left:30px; }

.selected_options {margin:0 0 20px; clear: both; overflow: hidden;}
.selected_options span {border:1px solid var(--primary-color); font-size:13px; padding:5px 8px; display: inline-block; margin:0 5px 9px 0;}
.selected_options span a {display: inline-block; padding:0 7px 0 0; margin:3px 7px 0 0; border-right:1px solid #ccc; font-size:16px; line-height: 1; color:#f00;}
.clear_link {text-decoration: underline; font-size:13px;color:#f00;}

.sidebar_scroll {height:315px; overflow: auto;}
.sidebar_scroll::-webkit-scrollbar-track{background-color:#eee}
.sidebar_scroll::-webkit-scrollbar{width:10px;background-color:#f5f5f5}
.sidebar_scroll::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#513b33;}

.cookie_wrap {background: rgba(255,255,255,0.90); box-shadow: 1px -6px 20px rgba(0,0,0,0.18); padding:20px; position: fixed; bottom:0; right:0; left:0; z-index: 999;}
.cookie_wrap p {margin:0; text-align:justify;}

.alert ul{padding:0;margin:0;list-style:none}
/* Responsive video */
.video-wrapper { position:relative; width:100%; padding-top:50%; background:#000; border-radius:8px; overflow:hidden; margin:2rem 0 1.5rem; }
.video-wrapper video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; }
@media (max-width:575.98px) {
  .product_info h4 { font-size:.75rem; }
  .sale-price { font-size:.85rem; }
  .video-wrapper { padding-top:56.25%; }
}