:root {
  --primary-color: #00bd9d;
  --primary-dark-color: #10997f;
  --secondary-light: #ffebec;
  --secondary-color: #ff3646;
  --secondary-dark-color: #e31730;
  --light-color: #fff;
  --light-grey: #f6f6f6;
  --grey: #b2b2b2;
  --bg-grey: #f4f4f4;
  --info-color: #324c60;
  --info-light-color: #556f7e;
  --dark: #232635;
  --info-dark-color: #000;
  --brown-light: #f4dec1;
}
body{color:var(--info-color);  overflow-x:hidden; font-family: 'Poppins', sans-serif; font-size: 14px;}
section{padding:50px 0}
main section{padding:50px 15px}
img{max-width:100%;height:auto}

a{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;color:#036c5a;text-decoration:none}
a:focus,a:hover{outline:0;color:var(--info-color);text-decoration:none}

h1.display-4{font-size:40px}
.btn{border-radius:0;-webkit-border-radius:0;font-weight:500; font-size: 14px;}
.btn,.btn:hover,.btn:focus,.form-control,.form-control:hover,.form-control:focus,input:hover,input:focus, select:hover, select:focus{box-shadow:none;outline:none;}
.btn_big {font-size: 20px; padding: 7px 80px; }

.form-control {border-radius: 7px; height: auto; padding: 10px 15px;}
.form-group{margin-bottom: 20px;}
.form-control,.form-control:hover,.form-control:focus,input:hover,input:focus {  border-color: var(--grey)}

button:focus {outline: none;}
@media(min-width:992px){
h1, .h1, h2, .h2{font-size:2.85rem;}
}
.text-danger{color:var(--secondary-color)}
.text-info{color:var(--info-color)!important}
.text-success{color:var(--primary-color)!important}
.bg-success {color:var(--primary-color);}
.btn-success{background-color:var(--primary-color);border-color:var(--primary-color)}
.btn-success:hover,
.btn-success:focus{background-color:var(--primary-dark-color);border-color:var(--primary-dark-color)}

.btn-light-danger{background-color:var(--secondary-light);}
.btn-danger, .btn-danger{background-color:var(--secondary-color);border-color:var(--secondary-color);}
.btn-danger:hover, .btn-danger:focus{background-color:var(--secondary-dark-color);border-color:var(--secondary-dark-color)}

strong{font-weight:600}

.btn-black{background:var(--info-color);border-color:var(--light-color);color:var(--light-color)}
.btn-black:hover,.btn-black:focus{background:info-dark-color;border-color:info-dark-color;color:var(--light-color);box-shadow:none}

.container-big{max-width: 1733px; margin: 0 auto; padding:0 50px;}

label { margin:0;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.header_top_bar.sticky { position: fixed; left: 0; top: 0; right: 0; background-color: #fff; z-index: 9; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px;}
.header_top_bar.sticky #menu ul li a {font-size: 15px;}

.navigation { overflow:hidden;}
.clear { clear:both;}
.clear1 { clear:both; padding:1px 0 0;}
.clear5 { clear:both; padding:3px 0 2px;}
.clear10 { clear:both; padding:5px 0;}
.mrb-10 { margin:0 10px 10px 0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}

.btn_styled {padding: 12px 35px; border-radius: 25px;}
.heading h1,.heading .h1,.heading h2,.heading .h2,.heading h3,.heading .h3,.heading h4,.heading .h4{font-weight:600}
.heading{margin-bottom:30px;text-transform: capitalize;}
.heading h2 {font-size: 25px;}
.heading_icon img {width: 30px;}
.single_title{position:relative;}
.single_title:before{display:block;content:"";position:absolute;background-color:var(--info-color);width:32px;bottom:0;height:6px;left:0}
.single_title:after{display:block;content:"";position:absolute;background-color:var(--primary-color);width:32px;bottom:0;height:6px;left:32px}
.single_title_center{position:relative;text-align: center;}
.single_title_center:before{  display: block;content: "";
position:absolute;background-color:var(--info-color); width:32px;bottom:0;height:6px; left: 50%;margin-left: -30px;}
.single_title_center span:after{ display: block;content: "";position: absolute;background-color: var(--primary-color);width: 32px;bottom: 0;height: 6px;left: 50%;margin-left: 2px;}

.top_header_bar {background:#E6F2FE;color:var(--light-color); text-align: center; padding: 10px 0;}
.top_header_bar p{margin: 0; font-size: 13px;color: #333}
.top_header_bar a, .top_header_bar strong {color: #000;}
.top_header_bar a:hover {text-decoration: underline;}
.header_top_bar {padding: 10px 0;}

.top_header_right { float: right;}
header{clear:both;position:relative;font-size:14px}

.top_right {width:100%; display: block; padding-top: 5px;}
.logo {padding: 5px 0; }
.logo img {max-width: 260px;}
.logo div {display: block; font-size: 10px; color: #6a747c; text-transform: uppercase;}
.logo a {color: #6a747c;}

.text_info {text-align: right; margin-bottom: 20px; margin-top: 10px; float: right; font-size: 15px;}
.text_info .title { color: var(--primary-color); }
.text_info .title a{ color: var(--info-color); }
.text_info .title a:hover{ color: var(--secondary-color); }

.top_right_bar {float: right;}
.store_search{position:relative; margin-right:20px; float:left; width: 100%; max-width: 455px;}
.store_search input{background-color:#fff;padding:9px 15px;display:block;height:inherit;font-size:13px; border-radius: 0;border-color: var(--primary-color);}
.store_search button{ padding:7px 12px;font-size:13px; text-align: center; border-radius: 0;  padding:9px 15px; text-transform: uppercase; }

.my_sccount_list{float: right; margin-top: -8px; margin-left: 10px;}
.my_sccount_list ul {list-style: none; margin: 0; padding: 0; }
.my_sccount_list ul li{float: left; position: relative;}
.cart-icon {float:right; background-color:#f0f0f0;text-align:center;color:var(--info-color);font-size:11px;font-weight:600;min-width:25px;height:25px; line-height: 25px; border-radius: 100%; margin-left: 7px;
  margin-top: 4px;}
.cart_wrap i {float: left; margin-right:5px; font-size:26px;}

.my_sccount_list ul li+li{margin-left: 15px;}
/* .my_sccount_list ul li i.fa, .my_sccount_list ul li i.la{ margin-right: 4px;} */
.my_sccount_list ul li i.la {font-size: 25px;position: relative;top: 4px; color: #888888;}
.my_sccount_list ul li.showroom_text{display: inline-block; font-size: 12px;vertical-align: text-top;}
.my_sccount_list ul li.showroom_text span{display: block;position: relative; margin-top: 7px;line-height: 0.8;}
.my_sccount_list ul li.cart{padding-left: 10px; margin-left: 10px;}
.my_sccount_list ul li a {color:var(--info-color);}
.my_sccount_list ul li a:hover {color:var(--secondary-color);}


.shop_products { z-index:100; float: left; }
.shop_products a {position:relative; display:block; color: #333;font-size: 15px; font-weight: 400; letter-spacing: 1px; padding: 11px;}
.shop_products a:hover,
.shop_products a:focus,
.shop_products a.active  {color: red; text-decoration: none;}



#p_menu_wrapper {position:absolute; left:0; right:0; padding:30px;  background-color: #fff; display:block; color: #000;
   text-decoration: none; top:127px; z-index: 9999;  overflow-y: scroll; display: none;}
.shop_products a:hover #p_menu_wrapper{display: block;}
.header_top_bar.sticky #p_menu_wrapper {top:80px;}



ul.mega_menu {padding:0; margin:0; list-style: none;-webkit-column-count: 6;  column-count: 5;  column-gap: 20px; }
ul.mega_menu > li {display:inline-block; text-align:left;  margin-bottom:10px; font-weight: 500; padding:5px; vertical-align: top; position:relative;}
ul.mega_menu > li > a {padding:0; font-size:13px; line-height: 13px; color: #000!important; text-transform: uppercase; display: block;}
ul.mega_menu > li > a:hover {color: #c9302c;}
ul.mega_menu li svg {width: 34px; height: 34px; object-fit: scale-down;  color: #fff; fill: #fff; display: inline-block; margin-bottom:5px; }
ul.mega_menu li svg circle,
ul.mega_menu li svg path.st4 {stroke:#fff }
ul.mega_menu li:hover svg {fill:red }
ul.mega_menu li:hover svg circle,
ul.mega_menu li:hover svg path.st4 {stroke:red }
ul.mega_menu li:hover div {position: relative; color: red; text-decoration: none;}

.hidden-div { visibility: hidden;}


.menu_bar{position:relative;width:100%; }
#menu{position:relative; float: left; margin-top: -7px;}
#menu ul{list-style:none;margin:0;padding:0; text-align: left; direction: rtl;}
#menu ul li{ position: relative; display: inline-block;}
#menu ul li a{font-size:16px;display:block;color:var(--info-color);text-decoration:none;padding:12px 12px;position:relative;-webkit-transition:all .3s linear;transition:all .3s linear; font-weight: normal; }
#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:first-child a {padding-right: 0;}
#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(--secondary-color);background-color:transparent}
#menu li.active ul li a{color:var(--light-color);background:var(--primary-color)}
#menu li.active ul li a:hover{color:var(--light-color);background:var(--primary-color)}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;border-top:2px solid var(--primary-color)}
#menu ul li.active ul li a { background:var(--light-color); color:#333;}
#menu li>ul li{ float:none; background:var(--light-color);border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative}
#menu li>ul li:hover{background:var(--primary-color);border-bottom:1px solid rgba(0,0,0,0.09)}
#menu li>ul li a{color:#333;font-size:13px;padding:10px 15px; font-weight:400;text-transform: capitalize;}
#menu li>ul li a:hover{color:var(--light-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:var(--primary-color);color:var(--light-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{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:10px 23px}

.open_categories {font-size:15px; font-weight: 500;}
.open_categories i {float: left; margin-right:5px; position: relative; top: 4px;}


.white_bg {background-color: #fff; padding:15px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 10px; box-shadow: rgba(0,0,0,0.2) 0 0 10px;}

.my_sccount_list2{float: right;}
.my_sccount_list2 ul {list-style: none; margin: 0; padding: 0; }
.my_sccount_list2 ul li{font-size: 15px; position: relative; padding-left: 30px; line-height: 1.1; }

.my_sccount_list2 ul li i.la {font-size: 25px;position: absolute;left:0;top: 2px; color: #888888;}
.my_sccount_list2 ul li .showroom_text{display: inline-block; font-size: 11px;}

.my_sccount_list2 ul li a {color:var(--info-color);}
.my_sccount_list2 ul li a:hover {color:var(--secondary-color);}

.aside_left {margin-bottom: 80px}
.top_search {float: right;    margin-top: 13px; margin-left: 25px; border-left: #eae9e9 1px solid;  padding-left: 15px;}
.top_search a{font-size:20px;color:#333}

#feature_slider.owl-theme .owl-dots .owl-dot span {background:var(--secondary-color); position: relative;}
#feature_slider.owl-theme .owl-dots .owl-dot span:before { content: ''; -webkit-transition: .3s cubic-bezier(.24,.74,.58,1); transition: .3s cubic-bezier(.24,.74,.58,1); height: 13px; width: 13px; -webkit-border-radius: 18px; border-radius: 18px;border: 2px solid var(--secondary-color); -webkit-border-radius: 18px; border-radius: 18px; position: absolute; top: -4px; left: -2px;  opacity: 0;}
#feature_slider.owl-theme .owl-nav.disabled+.owl-dots { margin-top: -27px;}
#feature_slider.owl-theme .owl-dots .owl-dot.active span, #feature_slider.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--light-color);top: -2px;}
#feature_slider.owl-theme .owl-dots .owl-dot.active span:before, #feature_slider.owl-theme .owl-dots .owl-dot:hover span:before { opacity: 1; top: -2px;}


.hero_wrapper {padding:25px 0; background-position: center; background-size: cover; background-repeat:no-repeat; position: relative;}
.hero_wrapper:before {content:""; position: absolute; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.7);}
.hero_wrapper .container {position: relative;}

.hero_wrapper h1 {color: #fff; padding-top: 80px;}
#home_slider.owl-theme .owl-dots .owl-dot span {background: #869791; position: relative; width: 50px; height: 3px; -webkit-border-radius: 3px;
  border-radius: 3px;}
#home_slider.owl-theme .owl-dots .owl-dot span:before { content: '';  -webkit-transition: .3s cubic-bezier(.24,.74,.58,1); transition: .3s cubic-bezier(.24,.74,.58,1); height: 3px; width: 25px; -webkit-border-radius: 3px; border-radius: 3px; background: var(--primary-color); -webkit-border-radius: 18px; border-radius: 18px; position: absolute; top: 0px; left: 0px; opacity: 0;}

#home_slider.owl-theme .owl-dots .owl-dot.active span, #home_slider.owl-theme .owl-dots .owl-dot:hover span { background: #869791;}
#home_slider.owl-theme .owl-dots .owl-dot.active span:before, #home_slider.owl-theme .owl-dots .owl-dot:hover span:before {  opacity: 1;}
#home_slider .owl-stage { left: -80px; }

#hero_slider.owl-theme .owl-dots {margin-top:0; position:absolute; left: inherit!important; right:10px!important; bottom:5px; border-radius: 50%; border: 0; cursor: pointer; margin: 0 4px; z-index: 1;}
#hero_slider.owl-theme .owl-dots .owl-dot span {border-radius: 50%; border: 2px solid #fff;  display: block; height: 12px;width: 12px; background: 0 0; box-shadow: inset 0 0 2px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.6); background-color: rgba(255,255,255,0);}
#hero_slider.owl-theme .owl-dots .owl-dot.active span,
#hero_slider.owl-theme .owl-dots .owl-dot:hover span{background-color: rgba(255,255,255,1);}


.small_banner_bar {margin-top: 0;}
.small_banner_bar ul {text-align: center; list-style: none; margin: 0 -15px; padding: 0;}
.small_banner_bar ul li{display: inline-block; width:calc(20% - 10px); padding: 0 15px;}
.small_banner {background:#ecfcf9; padding:15px 10px; font-size:14px; color:#000; text-align: center; font-weight:500; line-height:1.2; transition:all linear 0.2s; -webkit-transition:all linear 0.2s;height: 192px; position: relative; display: block;; position: relative; width: 100%; border-radius: 60px 4px;}
.small_banner img { height: 60px; display: block;  margin: 0 auto 20px}
.small_banner_wrapper { justify-content: center; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.small_banner_wrapper div{ max-width: 192px; text-align: cente; padding: 0 7px; font-size: 13px; display: block; margin: 0 auto;}

.small_banner_bar ul li:nth-child(2) .small_banner{background-color: #deedf2;}
.small_banner_bar ul li:nth-child(3) .small_banner{background-color:#fff8bd ;}
.small_banner_bar ul li:nth-child(4) .small_banner{background-color: #dff9d9;}
.small_banner_bar ul li:nth-child(5) .small_banner{background-color: #ffb1fc}
.small_banner_bar ul li:hover .small_banner {background:var(--brown-light); border-radius:  4px 60px; }


.heading_bar { border-radius: 0; background-color: #f7f7f7; border-left: 5px solid var(--primary-color);position: relative; padding: 11px 15px;margin-top: 0; margin-bottom: 25px;  }
.home-title {position: relative;text-align: left; text-transform: uppercase; font-size: 22px; font-weight: 700; color: #000; margin: 0;  }
.home-title i {display: none!important;}
@media (max-width: 1199px) {
  .home-title {font-size: 16px; }
}
.heading_bar:before, .heading_bar:after {content: ''; position: absolute; left: 0; top: 0;  width: 50px; height: 1px; border-top: 1px solid var(--primary-color); }
.heading_bar:after {bottom: 0; top: auto;  border-top: 0; border-bottom: 1px solid var(--primary-color) }
.sub-title {color: #777; font-size: 14px; font-weight: 400; text-align: center; display: block; width: 34%; margin: 0 auto; margin-bottom: 15px;}
.view_all_link {text-align: right; float: right; margin-right: 5px; margin-top: 4px; text-decoration: underline;}
.view_all_link:hover, .view_all_link:focus {text-decoration: none;}

@media (max-width: 1199px) {
  .sub-title {width: 60%; }
}
@media (max-width: 991px) {
  .sub-title {width: 100%; }
}

.product_item {background:var(--light-color); position: relative; overflow: hidden; margin-bottom: 30px; box-shadow: 0 1px 5px 0 #dcdeec; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.product_thumb { position: relative;overflow: hidden; text-align: center; }
.sale_tag {position: absolute; left: 7px; top: 7px; border-radius: 0; color:  var(--light-color); padding:2px 11px; z-index: 1; font-size: 11px;}
.product_image { position: relative; height: 180px; vertical-align: middle;}
.product_image img{object-fit: scale-down;  position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); height: 140px;}
.product_link_col .col {width: 100%; display: block; flex: auto; margin-bottom: 10px;}
.product_contents{ padding: 12px; background-color: #fff; text-align: center;}
.product_title {font-size: 13px; margin-bottom: 15px; min-height: 100px;}
.product_title a {color: var(--info-color); }
.product_title a:hover {color: #000; }
.price_wrapper {line-height: 0.92;color: var(--secondary-color); font-size: 13px; font-weight: 500;  }
.price_wrapper del{color: var(--info-light-color); font-size: 13px; font-weight: 400; }

.agme_info_text {background-color:  var(--light-color); padding: 15px; border-radius: 15px;}
.agme_info_text p{text-align: justify; line-height: 26px;}
.agme_info_text a{color: var(--info-color); font-weight: 600;}

.product_item:hover {box-shadow: 0 7px 20px 0 #dcdeec;}



.grey_bg { background:#f6f6f6;}

footer {color:var(--light-color); font-size:14px;background-color: #445268;}
.footer_top {color:var(--light-color); font-size:15px;  position: relative;padding: 60px 0 30px;  }
.footer_top .container {position: relative; z-index: 1;}

.footer_clear {border-bottom:#313D52 1px solid; clear: both; padding-top: 20px;}

.search-wrapper{ position: relative; text-align: center; margin-bottom: 30px; overflow: hidden; max-width: 500px; }
.search-wrapper h3{color:#fff;font-size:20px;font-weight:300}
.footer-search-form .form input.form-control{background:#fff;border-radius:30px;float:left;font-size:16px;margin:0;padding:12px 23px;text-align:left;width:70%;height:auto;box-shadow:none; background: #313D51; color: #fff; border: 1px solid #C4C6CF;}
.footer-search-form .form input.btn{background:transparent;border:1px solid #C4C6CF;border-radius:30px;color:#fff;cursor:pointer;float:left;font-size:16px;margin:0 0 0 12px;padding:12px 23px;text-align:center;width:27%}

.footer_top h4{ margin-top:0; margin-bottom:10px; font-size: 18px;  font-weight: 600;}

ul.footer_list {list-style: none; padding:0; margin:0; display:block;margin-bottom: 20px;}
ul.footer_list li { position: relative; padding-left: 20px; margin-bottom: 9px;}
ul.footer_list li:before {content: '\f0da'; font-family:'FontAwesome'; position: absolute; left: 5px; top: 0;color:#fff}
ul.footer_list li a {color:var(--light-color); text-decoration: none; display:block;}
ul.footer_list li a:hover {color:#ffea32;}

ul.contact_list {list-style:none; margin:0; padding:0; overflow:hidden; margin-top: 15px; margin-bottom: 15px;}
ul.contact_list li { position:relative; position:relative; padding-left:23px;  margin-bottom: 10px; }
ul.contact_list li a {transition: all 0.5s;color:var(--light-color);}
ul.contact_list li i.fa{ position: absolute;left: 0;top: 3px; color: var(--light-color);}
ul.contact_list li:last-child {border-bottom: 0; margin-bottom: 0;}
ul.contact_list li a:hover { color: #ffea32;}
ul.contact_list li.info2{padding-left: 0;}

.footer_text { margin-bottom:15px;}
.footer_text a {color:var(--info-color);}
.text-white { color:var(--light-color);}

.newsletter_box {position:relative; display:block; border-bottom: #7b8294 1px solid; padding-bottom: 5px; margin-bottom: 20px;}
.newsletter_box .form-control { font-size:16px; padding:10px; padding-right:30px;  width:90%; height:auto; background-color: transparent; border-top: 0;border-right: 0;border-left: 0;top: 0; border: 0;}
.newsletter_box .form-control:hover, .newsletter_box .form-control:focus { box-shadow:none;;}
.newsletter_box .btn {position:absolute; right:0; top:0; font-size:14px;  background-color: #7b8294; color:  var(--dark); padding:7px 7px; border-radius: 5px; border: 0; }
.newsletter_box .btn:hover, .newsletter_box .btn:focus { background-color: #666c79;}

.footer_bottom { padding-bottom: 30px; }
.copy_right_text {  text-align: center;}


.footer_social ul{list-style:none;padding:0;margin:0; float: right; margin-bottom: 20px; }
.footer_social ul li{cursor:pointer;display:inline-block;vertical-align:middle;margin:0 1px;text-align:center;position:relative;-webkit-transition:all .4s;transition:all .4s}
.footer_social ul li img {height: 20px;}

.footer_social ul li:hover img{opacity: 0.6;}
.shoroom_shedule {background:#464646; color:var(--light-color); border-radius: 7px; padding:12px 12px; max-width: 430px; margin: 0 auto 15px; text-align: center;}
.shoroom_shedule h4 {font-weight: 600; font-size: 20px; }
.shoroom_shedule h4 a { color: var(--secondary-color); }
.shoroom_shedule h4 br { display: none; }


ul.opening_hours_list {list-style: none; padding:0; margin:0; display:block; text-align: left; margin-bottom: 10px;}
ul.opening_hours_list li { text-align: center; display:block; color: var(--light-color); line-height: 1.4; margin-bottom: 6px;}
ul.opening_hours_list li .col_left { float:left;}
ul.opening_hours_list li .col_right { float:right;}
.dark_bg { text-align: center;color: var(--light-color); text-transform: uppercase; padding: 5px 7px; border-radius: 0;background:var(--dark);font-size: 13px; display:block; }

.toll_logo_container {display: block; margin-bottom:10px; text-align: center;}
.toll_logo_container img { border-radius:4px; display:inline-block; max-width: 100%; margin-left: 0; margin-right: 0; height: 28px;}

.footer_text_link {font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center;}
.footer_text_link a{color:#fff;}
.footer_text_link a span{color:#ffea32;}

.card_list {text-align: right;}

.card_list ul{list-style:none;padding:0;margin:0; overflow: hidden; clear: both;  }
.card_list ul li{cursor:pointer;display:inline-block;vertical-align:middle;margin:0 1px;text-align:center;position:relative;-webkit-transition:all .4s;transition:all .4s}
.card_list ul li img {height: 32px;}

ul.app_logos {list-style: none; margin: 0; padding: 0; }
ul.app_logos li {display: inline-block; margin-bottom: 5px; width: 32%;}


.full_screen_wrapper{background-color:rgba(255,255,255,0.9);position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;z-index:9999999;display:none}
.full_screen_search{text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.full_screen_search input.form-control{background-color:transparent;padding:15px 10px 20px 0;color:#000;text-decoration:none;font-size:30px;border:0;border-bottom:var(--primary-color) solid 2px;width:100%;-webkit-border-radius:0;border-radius:0}
.full_screen_search input.form-control:focus{box-shadow:none!important;outline:0!important}
.full_screen_search .search_button{position:absolute;height:3.5em;width:3.5em;right:0;top:15px;background-color:var(--primary-color);-webkit-border-radius:50%;border-radius:50%;display:inline-block;border:0;color:var(--light-color)}
.cross_button{position:absolute;right:3%;top:3%;font-size:30px;display:inline-block;color:var(--primary-color);text-decoration:none}
.cross_button:hover{color:var(--info-color)}

ul.small_products_list {list-style: none; padding:0; margin:0; display: block;}
ul.small_products_list li {display: block; border-bottom:#ddd solid 1px; padding-bottom:10px; margin-bottom:10px;}
ul.small_products_list li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
ul.small_products_list li a {display: block; position: relative; color: #333; text-decoration:none; overflow: hidden;}
ul.small_products_list li a img {height:50px; width:auto; margin:0 auto;}
ul.small_products_list li a h5 {margin-bottom:5px; font-size:16px;}
ul.small_products_list li a .view_more {padding:2px 10px; font-size:12px; display: inline-block; background-color: #00bd9d; color: #fff; text-decoration: none; -webkit-border-radius:30px; border-radius:30px;}
ul.small_products_list li a .view_more:hover {text-decoration: none; background-color: #10997f; color: #fff;}
ul.small_products_list li a:hover {color: #10997f; text-decoration: none;}

#categories_slider {position: relative; margin-top:15px;}
#categories_slider .item .product_item {margin:15px;}

.fav_bar {position: relative;}
.fav_bar ul {display: block; list-style: none; padding:0; margin:0; text-align:center;}
.fav_bar ul li {display:inline-block; margin:0 14px; vertical-align: top; position: relative; text-align:left; }
.fav_bar ul li .fav_item {position: relative; margin-top: 30px; border-right: rgba(255,255,255,0.5) 1px solid; padding-right: 20px;}
.fav_bar ul li:last-child .fav_item {border-right: 0; padding-right: 0;}
.fav_bar ul li .badge_bg {clip-path: polygon(100% 0, 100% 100%, 50% 77%, 0 100%, 0 0); background-color: #fff; width: 77px; height: 93px; padding: 10px;}
.fav_bar ul li .fav_item .icon_round {position: relative; display: inline-block; margin-right:10px; top: 5px;}
.fav_bar ul li .fav_item .icon_round img {height:40px; object-fit: scale-down; display:block;}
.fav_bar ul li .fav_item .icon_text {color: #fff; position: relative; display: inline-block; font-size:13px; max-width: 200px; min-height: 35px;}
.fav_bar ul li:last-child {margin-right:0;}



label.error  { font-style: italic; color:red !important}
input.error  { border-color:red!important;}


.cat_list_wrap {padding:20px; background: #f7f7f7; border-radius: 8px;}
.cat_list_wrap h5 {text-transform: uppercase; margin: 0 0 25px; font-weight: 700;}
ul.cat_list {padding:0; margin:0; list-style:none;}
ul.cat_list li {margin: 0 0 15px;}
ul.cat_list li a {color:#000; position: relative; padding: 0 0 15px 15px; border-bottom:1px dotted #bbb; display: block;}
ul.cat_list li a:before {position: absolute; left:0; top:0; content:"\f0da"; font-family: FontAwesome;}
ul.cat_list li a:hover {color:var(--secondary-color);}
ul.cat_list li:last-child a {border-bottom:0!important; padding-bottom:0!important;}

.custom_accordions .accordion-item {margin: 0 0 15px;border-top:1px solid #ddd; border-radius: 10px !important; overflow: hidden;}
.custom_accordions .accordion-item:not(:first-of-type) {border-top:1px solid #ddd;}
.custom_accordions .accordion-button {border-radius: 0 !important; background: #eee; font-size: 18px; font-weight: 600;}
.custom_accordions .accordion-button:focus {box-shadow: none;}
.custom_accordions .accordion-button[aria-expanded=true] {background: var(--secondary-color); color: #fff;}
.custom_accordions .accordion-button[aria-expanded=true]:after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

ul.payment_options {padding:0; margin:0 -10px 25px; list-style: none; text-align: center;}
ul.payment_options li {display: inline-block; width: calc(33.33% - 5px); cursor: pointer; padding:0 10px;}
ul.payment_options li img {display: block; margin: 0 auto 10px;}
ul.payment_options li label {padding:20px 10px; border-radius: 6px; background: #ecf3ff; border:2px solid #d4e4ff; text-align: center; cursor: pointer;}
ul.payment_options li input {position: absolute; opacity: 0; visibility: hidden;}
ul.payment_options li input:checked ~ label {background: #ecffee; border-color: #a7f3af;}

.offcanvas-header { background-color:var(--primary-color); color: #fff; text-decoration: none; min-height: 55px;}
.offcanvas-header h6 {text-transform: uppercase; font-size:20px;}
.close_left_menu {position: absolute; right:15px; top:7px; color: #fff; text-decoration: none; font-size:33px;}
.close_left_menu:hover {color: #fff; text-decoration: none;}
.left_bar_menu ul {list-style: none; padding:0; margin:0; display:block; text-align:left;}
.left_bar_menu ul li {display: block; text-align: left;}
.left_bar_menu ul li a {display: block; padding:12px 15px; color: var(--info-color); border-bottom:#eee solid 1px; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.left_bar_menu ul li a:hover {color: #000; background-color: #eee; text-decoration: none;}

.offcanvas-start {width:100%; max-width: 320px;}

.icons_section {background-color: var(--primary-color); color: #fff; text-decoration: none; margin-top:15px; padding: 0 0 15px;}
.offcanvas-header form {max-width: 300px; position: relative;;}
.autocomplete input {color: #fff; text-decoration: none; background: transparent!important; background-color: transparent!important; border:0!important; outline:0!important;}
.autocomplete input:focus {outline:0!important; border:0!important; box-shadow:none!important;}
.offcanvas-header input[type=submit] {position: absolute!important; right:0; top:0; color: #fff; text-decoration: none; background: transparent!important; background-color: transparent!important; border:0!important; outline:0!important; visibility: hidden;}


.autocomplete input::-webkit-input-placeholder {color: #fff; opacity: 1!important;}
.autocomplete input:-ms-input-placeholder  {color: #fff; opacity: 1!important;}
.autocomplete input::placeholder  {color: #fff; opacity: 1!important;}

.category_item {position: relative; display: block; margin-bottom:20px;}
.category_item a {display: block;}

.ui-widget.ui-widget-content {top:94px !important; height: 75vh; overflow: auto; overflow-x: hidden;}

ul.sites_list {padding:0; margin:0; list-style: none; text-align:center}
ul.sites_list li {display: inline-block; margin:0 5px 10px;}
ul.sites_list li a {display:block; border:1px solid #bbb; padding:4px 10px; color:#000}
ul.sites_list li a:hover {background:var(--primary-color); color:#fff;}