@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@font-face {
    font-family: 'FuturaPTBook';
    src: url('../fonts/FuturaPTBook.eot');
    src: url('../fonts/FuturaPTBook.eot') format('embedded-opentype'),
         url('../fonts/FuturaPTBook.woff2') format('woff2'),
         url('../fonts/FuturaPTBook.woff') format('woff'),
         url('../fonts/FuturaPTBook.ttf') format('truetype'),
         url('../fonts/FuturaPTBook.svg#FuturaPTBook') format('svg');
}


/*=========================nav bar drop down menu css*/
a:focus, input:focus, button:focus, textarea:focus, select:focus { outline:medium none;}
a:hover, a:focus { text-decoration:none;}

body {font-family: 'Open Sans', sans-serif;}

/*menus-nav*/
.menus-nav input + label {
  position: relative;
  top: 26px;
  right:30px;
  height: 20px;
  width: 18px;
  z-index: 99999;
  float: left;
}

#burger {
    opacity: 0;
}
.menus-nav input + label span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: #020304;
  transition: .5s;
}
.menus-nav input + label span:first-child {
  top: 5px;
}
.menus-nav input + label span:last-child {
  top: 15px;
}
.menus-nav label:hover {
  cursor: pointer;
}
.menus-nav input:checked + label span {
  opacity: 0;
  top: 50%;
}
.menus-nav input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}
.menus-nav input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
}
.menus-nav input ~ nav {  
  padding-top: 0;           
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 3;
  transition: .5s;
  transition-delay: .5s;
  overflow: hidden;
}
.menus-nav input ~ nav > ul {
text-align: center;
width: 100%;
padding: 0;
height: 100%; 
}
.menus-nav input ~ nav > ul > li {
opacity: 0;
transition: .5s;
transition-delay: 0s;
}
.menus-nav input ~ nav > ul > li > a {
text-decoration:none;
text-transform:uppercase;
color: #fff;
font-weight:bold;  
display:block;
padding:30px;
font-family: 'Open Sans', sans-serif;
}
.menus-nav input:checked ~ nav {height: 100%; transition-delay: 0s; background: rgba(204,38,53,.9);z-index: 9999; overflow-y: scroll; }
.menus-nav input:checked ~ nav > ul > li {opacity: 1;transition-delay: .5s;} 
header {float: left;width: 100%; position: fixed; z-index: 99999; background: #fff;}
.slider {    float: left;    width: 100%; position: relative;}
.secondary-menu ul {padding: 0; list-style: none; margin:0 auto; list-style: none; float: none; display: table;position: relative;right:10px; z-index: 999;}
.secondary-menu ul li { float: left; padding: 25px 0;}
.secondary-menu ul li.logos { margin: 12px 80px 0; padding:0;}
.secondary-menu ul li a { color: #333; font-size: 12px; text-transform: uppercase; font-weight: 600; }
.secondary-menu ul li a:hover { color: #ef233c;}
.main-wrapper {float: left;width: 100%;margin-top: 80px;}
.lang select { position: relative; top: 30px;float: right; font-family: 'FuturaPTBook'; z-index: 99; -moz-appearance: none; border: 0; -webkit-appearance: none;}
.slider .bx-wrapper .bx-viewport { box-shadow: none;}
.menus-nav input:checked ~ label span { background: #fff;  }
.menus a { color: #fff; text-transform: capitalize; transition:0.3s ease; -webkit-transition:0.3s ease;}
.menus a:hover { color: #000; }
.menus ul { list-style: none; padding: 0 0 0 17px;}
.menus h3 { font-weight:700; margin: 0 0 30px; }
.menus {float: left;width: 33%;position: relative;padding-top: 120px;}
.menus ul li ul li{margin-bottom:15px;}
.menus ul li ul li a { font-weight: 400;  font-size: 24px; }
.menus ul li ul li {margin-bottom: 20px;}
.menus ul li ul { padding-left: 10px; padding-bottom: 15px;}
.menus.menu2::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ccc;
    left: -33px;
}

.slider .bottom-menu{ background: rgba(239,35,60,.8); position: absolute;width: 100%;bottom: 0;}
.slider li { position: relative;}    
.slider .bottom-menu ul { padding: 0;list-style: none;}
.slider .bottom-menu ul li {float: left;width: 16.666%;text-align: center; position: relative;}
.slider .bottom-menu ul li a{ color: #fff; font-family: 'FuturaPTBook'; text-transform: uppercase; padding: 23px 30px; display: flex; align-items: center;    justify-content: center;font-size: 12px;height: 80px; width: 100%;}
.slider .bottom-menu ul li:nth-child(2n+1) a {background: #ef233c;}
.slider  .bx-controls { display: none;}
.bak-adv { float: left; width: 100%; background: url(../images/advertising.jpg);padding: 44px 0 60px; background-size: 100%; background-repeat: no-repeat; background-size: cover;}
.bak-adv  h1 {color: #ef233c; font-weight: 700;    line-height: 47px;    margin-bottom: 25px; margin-top: 0;} 
.bak-adv p{ color:#2b2d42; width: 40%;}
.btn-common {
    background: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px 20px;
    color: #ef233c;
    border: 2px solid #ef233c;
    margin: 25px 0 0;
    display: table;
    font-weight: 700;
    transition: all 0.5s ease;
}
.btn-common:hover {color: #fff; background:#ef233c;}

.slider .bottom-menu ul li::before {
    content: '';
    position: absolute;
    height: 80%;
    width: 1px;
    background: #fff;
    right: 0;
    top: 10px;
}

.slider .bottom-menu ul li:last-child::before { content: none; }

.baking-search {float: left; width: 100%; background: url(../images/search-bg.jpg); padding: 95px 0; position: relative;}

.baking-search::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ef233c;
    top: 0;
    opacity: 0.8;
}

.heading {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin-top: 0;
}

.heading::before {

    content: '';
    position: absolute;
    height: 2px;
    width: 50px;
    background: #fff;
    bottom: -30px;
    left: 50%;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
}

.search-filter { float: left;  width: 100%;}

.search-filter .form-control { padding: 12px 20px 12px 50px;height: 50px;width: 100%;border: 0;}

.search-filter .input-group { width:87%; float: left; }

.search-filter .fas.fa-search { position: absolute; z-index: 99;    top: 20px;    left: 20px;    font-size: 12px;}

.search-filter .input-group-btn.search-panel { margin-left: -30px;display: table;float: right; margin-top: -40px; z-index: 99;width: 130px;}
.search-filter .search-panel .btn {background: transparent;border-left:1px solid #eee; border:0; padding: 5px 0 5px 20px; border-left: 2px solid #ececec; width: 100%; }
.search-filter #search_concept {color: #cccccc; float: left; color: #999;}
.search-filter  .fas.fa-angle-down {float: right;position: relative; top: 4px; right: 15px;}
.summit-btn { float: right; width: 13%; border: 0;   padding: 14px 0;    position: relative;   z-index: 0; background: #ef233c;    color: #fff;
    text-transform: uppercase;    font-weight: 700;    font-size: 16px; right: 1px;     height: 50px;}
	.summit-btn:hover { background: #fdc80c;}
.featured-prodcuts { float: left;width: 100%;padding: 0 0 40px; }
.inner-bg {float: left;width: 100%; background: #f4f5f7;}
.product-carasol h2 {text-align: center;    margin: 60px 0 40px;    font-weight: 700;    font-size: 24px;}

form .form-outer{ box-shadow: 0px 5px 14px #dcdcdc;display: table; width: 100%; margin-top: -22px;}

.product-carasol .item {background: #fff; box-shadow: 0 5px 10px 0 rgba(43, 45, 66, 0.17); transition: all 0.5s ease; border: 2px solid #fff;}

.product-carasol .product-img {min-height: 250px;position: relative; overflow: hidden;}

.product-carasol .product-img  img {
display: block;
width: 100%;
position: absolute;
top: 50%;
transform:translatey(-50%);
-webkit-transform:translatey(-50%);
padding: 20px 40px;
}

.product-caption h3 { color: #2b2d42;    font-weight: 700;    font-size: 18px;  margin: 0; padding: 15px 30px; transition: all 0.5s ease;}

.product-caption {    text-align: center; min-height: 94px;}

.product-caption h4 {font-size: 14px; font-weight: 700;margin: 0;padding: 15px 0;background: #ef233c;color: #fff;display: none;transition: all 0.5s ease;}

.product-carasol .item:hover { border: 2px solid #ef233c;}

.product-carasol .item:hover .product-caption h4 { display: block; }

.product-carasol .item:hover h3 { background: #f7919d; color: #fff; }

.product-carasol .owl-dots {margin: 0 auto; display: table;  position: relative;    top: 30px;}

.product-carasol  .owl-dots .owl-dot {border: 1px solid #ccc !important;
    height: 6px;
    width: 6px;
    border-radius: 10px;
    margin: 0 4px;
    background: #ccc;
}

.product-carasol .owl-dots .owl-dot.active { background:#ef233c; border-color: #ef233c !important; }


.produts-all h2 {text-align: center;margin: 40px 0 47px;font-weight: 700;font-size: 24px;}

.produts-all .product-items {float: left; width: calc((100% - 25px * 3) / 4); background: #fff; margin-right: 25px; margin-bottom: 25px;
box-shadow: 0px 5px 10px 0px rgba(43, 45, 66, 0.278); padding-bottom: 20px; position: relative;}

.produts-all .product-items img { max-width: 100%; margin: 0 auto; display: table; position: absolute;top: 50%;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);left: 50%;}

.produts-all .product-items:nth-child(4n) { margin-right: 0;}

.produts-all .product-img { min-height: 170px; position: relative; overflow: hidden;}

.produts-all .product-caption h3 { font-size: 14px;
padding: 0 30px;
transform: translateY(-50%); -webkit-transform: translateY(-50%);
top: 50%;
position: absolute;
width: 100%;
    }

.produts-all .btn-common {  margin: 25px auto ; padding: 7px 35px;}
.produts-all  .product-caption { text-align: center; min-height: 60px; position: relative;}
.produts-all {float: left; width: 100%; padding: 0 0 30px;}

.product-items span {
    position: absolute;
    top: 0;
    padding: 10px 20px;
    right: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background: #ccc;
    color: #fff;
     z-index: 99;

}
.product-items.selling span { background: #ef233c;}

.product-items.unavialble span{background: #2b2d42;}

footer {    float: left;    width: 100%;    background: #fff;    padding: 40px 0;}

.foot-about {float: left;width: 300px;}

.foot-menu {float: left;}

.foot-about ul { padding: 0;list-style: none;width: 100%;float: left;margin: 0 0 25px;}

.foot-about ul li { float: left; padding-right: 15px;}

.foot-about  h3 {font-size: 18px;font-weight: 700;margin-bottom: 12px;}

.foot-about p {font-size: 12px;padding-right: 50px;}

.foot-about a {color: #ef233c;    font-size: 12px;    font-weight: 700;  text-transform: capitalize;}
.foot-about a:hover {color:#000;  }

.foot-menu h3 {
    font-size: 14px;
    font-weight: 700;
    color: #2b2d42;
    margin-bottom: 20px;
	text-transform: capitalize;
}

.foot-menu ul {padding: 0; list-style: none;}

.foot-menu ul li a { color:#ef233c; font-size: 12px; font-weight: 600; }
.foot-menu ul li a:hover { color: #000; }

.foot-menu {float: left; width: 210px;}

.foot-menu i { margin-right: 17px;  float: left;    font-size: 18px;}

.foot-inner li {margin-bottom: 10px;float: left; width:100%;}

.foot-inner li a {float: left;}

.foot-btm { float: left;width: 100%; background:#ef233c; padding: 20px 0; text-align: center; color: #fff; font-size: 12px; font-weight: 600;  }
.foot-btm  p { margin-bottom: 0; }
.product-items.unavialble::before {
    content: '';
    height: 100%;
    width: 100%;
    background: #000;
    position: absolute;
    z-index: 99;
    opacity: 0.1;
}

.featured-prodcuts .owl-nav { position: absolute;    top: 110px;    width: 100%;    z-index: -1;}

.featured-prodcuts .owl-prev > span, .featured-prodcuts .owl-next > span  { color: #ef233c; font-size: 50px;}

.featured-prodcuts .owl-prev { left: -60px;    position: relative;}

.featured-prodcuts .owl-next{ right:-60px; position: relative; float: right;}

.featured-prodcuts  .owl-carousel .owl-stage-outer {padding-bottom: 20px;}
.sign-in-price  p {    margin: 0;}
.sign-in-price { background: #ef233c none repeat scroll 0 0; color: #fff;font-size: 12px;padding: 16px 0;text-align: center;}

/**/
.custom-fa input[type="checkbox"] {position:absolute;left:-9999px;}
.custom-fa input[type="checkbox"]:focus + span{}
.custom-fa label{cursor: pointer;}
.custom-fa label input[type="checkbox"] + span:before { 
  font-family: 'Material Icons';
  /*content: "\e835";  */3
  display: inline-block;
  font-style: normal;
  font-size: 1.4em;
  text-align:center;
  letter-spacing: 6px;
  }
.custom-fa label input[type="checkbox"]:checked + span:before { 
    color: #ef233c;
    left: -2px;
    content: "\e5ca"; 
    font-size: 25px;    
    letter-spacing: 3px;
    position: absolute;
    top: -11px;
    z-index: 9; } /* checked icon */
.custom-fa label input[type="checkbox"]:indeterminate + span:before{content: "\e835";letter-spacing: 6px;}

.custom-fa label input[type="checkbox"] + span::after {
     border: 1px solid #ccc;
    content: "";
    display: inline-block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 14px;
}

.filters-menu.custom-fa  li{ position: relative;margin-bottom: 12px; }

.filters-menu.custom-fa span {
    font-weight: normal;
    padding-left: 20px;
}

.product-filter-sidebar > h3 { font-size: 18px; font-weight:700;margin-bottom: 25px;}

.filters-menu.custom-fa {
    list-style: outside none none;
    padding: 0;
}

.filters-menu.custom-fa li span {
    font-weight: 700;
}

.filters-menu li .product-filter-list {
    list-style: outside none none;
    padding: 11px 0 0 15px;
}


.filters-menu li .product-filter-list li {
    margin-bottom: 3px;
}


.filters-menu.custom-fa li ul.product-filter-list li span {
    font-weight: normal;
}

.filter-section .filter-products {
    float: right;
    width: 700px;
     margin-bottom: 60px;
}

.filter-section .product-filter-sidebar {
    float: left;
    width: 190px;
}

.filter-products .product-items:nth-child(4n) {
    margin-right: 25px;
}
.filter-products .product-items:nth-child(3n) {
    margin-right:0px;
}
.filter-products .product-items {
    width: calc((100% - 25px * 2) / 3); margin-bottom: 30px;
}
.featured-prodcuts {
    padding-bottom: 10px;
}

.search-form input {
    border: 0 none; text-transform: uppercase; font-size: 12px; font-weight: 600;
}

.search-form i {
    font-size: 20px;
    left: -27px;
    position: absolute;
	top: 0;
}

.search-form > form {
    position: relative;
}

.lang ul.log-in  {
    list-style: outside none none;
    padding: 0;
    position: absolute;
    right: 50px;
    top: 28px; z-index: 9;
  }

    .log-in  li {
    float: left;
    padding: 0 9px;
}

.log-in li  a i  { color: #333; }

.login header {
    padding-bottom: 8px;
}
.small-header .main-wrapper {
    margin-top: 80px;
}

.small-header  .menus-nav input + label { top: 30px;}

.small-header .secondary-menu ul li {padding: 30px 0 0; }

.small-header  .secondary-menu ul li.logos{padding:0}

.login-form-section .welcome-login li .help-block {
    color: #518207;
}
.login-form-section .welcome-login li input#password {
    margin-bottom: 0;
}
.login-form.register-form .welcome-login ul li.re-pas {
    clear: both; 
}
.login-form.register-form .welcome-login ul li #password-strength-status {
    margin: 0 0 10px;
    color: #ff0000;
}
.login-form.register-form .welcome-login ul li #password-strength-status.strong-password {
    color: green;
}
.cart-list li.fail {
    border-color: #ff0000;
    border-top: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
	padding: 15px;
}
ul.cart-list li .cart-prod-img {
    float: left;
    width: 6%;
    margin-right: 15px;
}
#update_cart {
    color: #518207;
}
.stock-avail {
   color: #ef233c !important;
}
.hide_shipping {
	display: none;
}
.full_screen_billing {
	width: 100% !important;
}
.custom-select {
    height: calc(4.25rem) !important;
    display: inline-block;
max-width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
line-height: 1.25;
color: #464a4c;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: auto auto;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
-moz-appearance: none;
-webkit-appearance: none;
}
.thin-steps.column-step span {

    background: #edf1f5;
    padding: 7px;

}

.abt-cnt.max-high {
       min-height: 285px !important;
}