.alertify {
    position: fixed;top:-500px;left: 0;right: 0;display: flex;align-items: center;justify-content: center;
    background: #FFFFFF;padding:20px 0px !important;font-size: 16px; font-weight:400 !important;animation-name: fadeInDown;  animation-fill-mode: both; animation-duration: 1s; z-index: 999999999999;
}


.alertify .far { display:inline-block; width:22px; height:22px; line-height: 22px; font-size:14px; margin-right:10px;text-align: center; border-radius: 100%; }

.alertify.success{ background: #27ae60;color:#FFFFFF; }
.alertify.success .far { background: #FFFFFF;color:#27ae60; }

.alertify.error { background: #E74C3C;color:#FFFFFF; }
.alertify.error .far { background: #FFFFFF;color:#E74C3C; }

.alertify.warning { background: #f39C12;color:#FFFFFF; }
.alertify.warning .far { background: #FFFFFF;color:#f39C12; }


@-webkit-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@-moz-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@keyframes fadeInDown {
    from {  top:-500px;  }
    to {  top:0px; }
}


.overflow { overflow: hidden; }
.overlay{ display: none;position: fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index: 7777; }
.go_top { display:none;position:fixed;bottom:30px;right:30px;background:#e63956;background:#FDFDFD;color:#333333;padding:10px;border:1px solid #EEEEEE;border-bottom:2px solid #DDDDDD;border-radius:4px;font-size:12px;text-align:center;z-index: 5555;cursor: pointer; }
.go_top .fal { font-size:11px;margin-right: 5px; }
.agreement { display: block !important;background:#FFFFFF;padding:10px 0px;}
.agreement a { font-weight: 500;text-decoration: underline; }
.price{ font-weight: 500; }

.loader { display:flex;align-items:center;justify-content: center; position: fixed;top:0;left:0;background:#FFFFFF;color:#e63956;font-size:30px;width:100%;height:100%;z-index: 999999; }

.rating { display: inline-flex;align-items: center;}
.rating input { display: none; }

.rating label { cursor: pointer;font-size:17px !important;margin:0 !important; color:#f0ad4e !important; }
.rating label.active .fa-star { font-weight: bold; }


.empty, .success , .failed  { padding:50px 0px;line-height:1;text-align: center; }
.empty .fal, .success .fal, .failed .fal{ display: block;font-size:30px;margin-bottom:10px; }
.empty p, .success p, .failed p { font-size:14px !important; }


.success .fal, .failed .fal { display:inline-block;;height:75px;line-height:75px;font-size:26px;width:75px;border-radius:100%; margin-bottom:20px;  }
.success h1, .failed h1 { display: block;margin-bottom:10px;font-size:25px;font-weight:bold; }
.success p, .failed p  { display: block;font-size:16px;color:#343434; }
.success a, .failed a { display:block;font-weight: 500;font-size:15px;color:#666666; }
.success .fal { border:2px solid #2ecc71; color:#2ecc71; }
.failed .fal { border:2px solid #e74c3c; color:#e74c3c; }



.owl-carousel .owl-prev, .owl-carousel .owl-next { display:inline-block; position:absolute;top:calc(50% - 15px);width:30px;height:30px;line-height:30px;text-align:center;background:#FFF !important;color:#007042 !important;border-radius:4px; }
.owl-prev {left:15px;}
.owl-next {right:15px;}
.owl-carousel .owl-dots{ text-align: center; }
.owl-carousel .owl-dot.active{  border-color: #007042 !important; }

.owl-carousel .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; background: #EEE !important; margin:0 5px; border-radius: 50%; transition: all .3s ease; }

.owl-carousel .owl-dot.active  { background-color: #007042 !important; }



.banks .item{ display: flex; align-items: center; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%); border: solid 1px #e5e5e5; border-radius: 4px; padding:15px;}
.banks .item:hover{background: #F9F9F9;}
.banks .item .left div {margin-bottom: 5px;}
.banks .item .left div:last-child {margin-bottom: 0px;}
.banks .item .fa{font-size:20px;color:#DDD;margin-right: 5px;}
.banks .item .right{margin-left: auto;width: 150px;min-width: 150px;max-width: 150px;text-align: right;}
.banks .item a { color:#444; }




.addresses .item, .payments .item{ display: flex; align-items: center; border: solid 1px #F0F0F0; border-radius: 4px; padding:15px;font-size:13px; }
.addresses .item:hover{background: rgba(78,159,167,.1);}
.addresses .item .fa{font-size:20px;margin-right: 5px;}
.addresses .item input:checked + .fa{color:#f7a61d;}
.addresses .item .right{margin-left: auto;width: 150px;min-width: 150px;max-width: 150px;text-align: right;}
.addresses .item .name{font-weight: 500;}

.addresses .item + .item, .payments .item + .item{ margin-top:5px; }


.payments { margin-bottom:30px; }
.payments .item .left{min-width: 35px;max-width: 35px;}
.payments .item input{display: none;}
.payments .item input:checked + .fa{color:#f7a61d;}
.payments .item .fa{font-size:20px;}
.payments .item .name{font-weight: 500;}
.payments .item p{padding-bottom:0px;}


ul.details li { display: flex;align-itesm: center;justify-content: center;margin-bottom:5px;font-size:13px; }
ul.details li span:first-child{ font-weight: 500;font-size:14px;color:#444444; }
ul.details li span:last-child{ margin-left:auto; }
ul.details li:last-child { margin-bottom:0px; }


ul.address li { margin-bottom:5px;font-size:13px; }
ul.address li:first-child { font-weight: 500;font-size:14px;color:#444444; }
ul.address li:last-child { margin-bottom:0px; }

ul.address + ul.address { margin-top:15px;padding-top:15px;border-top:1px solid #ebebeb; }

.account { margin-top:30px; }
.account .box { display:block;padding:30px 0px;background: rgba(78,159,167,.1);border-radius: 8px;margin-bottom:30px;text-align: center; }
.account .box [class*=fa-] { display: block;font-size:20px;margin-bottom:5px;color:#007042; }

.account .widget { border: solid 1px #e6eaec;padding:20px;border-radius:10px; }

.account .widget + .widget { margin-top:30px; }
.account .widget .title {  margin-bottom: 15px; color: #007042;font-size: 18px;font-weight: 500; }
.account .widget.baskets { margin-bottom:30px;}
.account .widget.baskets .item {border:0px;padding:0px;}
.account .widget.baskets .item + .item { margin-top:10px;}




.usermenu {border: solid 1px #e6eaec; border-radius: 10px; padding: 20px 15px; }

.usermenu a{  display: flex; align-items: center;  padding:10px; font-size: 14px; color: #007042; width:100%;border-radius:5px;  }

.usermenu .far { background:#A68256;width:30px;height:30px;line-height:30px;margin-right:10px;border-radius:4px;text-align:center; }

.usermenu a:hover{  background:rgba(78,159,167,.1); }


.search .dropdown-menu {border-color:#A68256 !important}


.page404 {  position: absolute;top:0;bottom:0;left:0;right:0; display: flex;align-items: center;justify-content: center;flex-direction: column; font-size:14px;width:100%;height:100%; }
.page404 strong { font-size:75px;font-weight: 900; }
.page404 span { margin-bottom:5px; }
.page404 small { margin-bottom:15px; }



.stars .fa-star { margin-right:2.5px;color:#EEEEEE; }
.stars .fas{ color:#f0ad4e !important; }

.comments .item{ padding-bottom:25px;margin-bottom:25px;color:#666666;font-size:13px;border-bottom:1px solid #F5F5F5; }
.comments .item:last-child { padding-bottom:0;margin-bottom: 0;border-bottom:0; }
.comments .stars { margin-bottom:10px;font-size:13px; }
.comments ul.meta { margin-top:10px; }
.comments ul.meta li{ display: inline-block; padding-right:8px; margin-right:8px;font-size: 12px; color: #999999; border-right:1px solid #BBBBBB; }
.comments ul.meta li:last-child{ border-right:0px; }

.checkbox , .radio  { position:relative;display:inline-flex;align-items: center;
    font-weight: normal !important;margin-bottom:0px !important;cursor: pointer; width:100%; }


.checkbox input, .radio input { position: absolute!important; bottom: 0; left: 50%; display: block!important; width: .5px!important; height: 100%!important; padding: 0!important; opacity: 0!important; border: none; z-index: 0!important; }
.checkbox > span, .radio > span { display:inline-block;background:#FFFFFF;border:1px solid #DDDDDD; margin-right:5px;font-size:11px;text-align: center;color:#FFFFFF; width: 18px; height: 18px;line-height:18px;min-width: 18px;z-index: 1; }
.checkbox > span:before, .radio > span:before{ content: "\f00c"; display: inline-block; font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 400; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.checkbox input:checked + span,  .radio input:checked + span { background: #f7a61d;border-color:#f7a61d;color:#FFF;  }

.radio input + span { border-radius:100%; }
.checkbox input + span { border-radius:3px; }

.checkbox.inline, .radio.inline { width: auto;margin-right:10px; }

.btn-fav:hover, .btn-fav.active .fa-heart { color:#f27a1a;font-weight: 900; }


.top{  background:#FFFFFF;color:#FFFFFF;font-size:13px;padding:10px 0;border-bottom:1px solid #eee;}

.top .right { margin-left:auto; }


.top .right{text-align: right;}
.top .right ul{display: inline-block;}
.top .right ul li{display: inline-block;}
.top .right ul li:first-child a{border-left:1px solid #ddd;}
.top .right ul li a{display:block;padding:0px 10px;border-right:1px solid #ddd;}

.header { position: relative; background:#FFF;padding:1.4rem 0px;z-index: 9999; }

.header .container, .header .left, .header .right{  display: flex;align-items: center;justify-content: center; }

.header .toggle {  font-size: 25px;margin-right:15px; }
.header .left { margin-right:auto; }
.header .logo img{ max-width: 300px;min-width: 300px; }



.header .search{ position:relative;display: block;width:450px; }
.header .search i[class*=fa-]{ position:absolute;top: calc(50% - 8px);right:15px;color:#007042; }
.header .search .form-control{ background:#50a0a81f;padding:12px 40px 12px 12px!important;font-size:13px; border:none;border-radius:50px;  }

.header .search ul li a { display: flex;align-items: center;color:#007042;padding:0px;font-size:13px; }
.header .search ul li + li a{ border-top:1px solid #EEE;padding-top:15px;margin-top:15px; }
.header .search .figure { min-width:60px;max-width: 60px;width:60px;margin-right:15px; }
.header .search img{ width:100%; }

.header .search strong {display: block;font-weight: 500;margin-bottom: 5px;}

.header .dropdown-menu { max-height:300px;overflow-y:auto; width:450px;}

.header .search .old_price, .search .single .price{ color:#007042;  }
.header .search .old_price{ text-decoration: line-through;opacity:.6;  }




.header .right a {  display: flex; align-items: center; justify-content: center; position: relative; padding-left:20px; color: #000; text-align: center; transition: all .2s ease;  cursor:pointer; }
.header .right a:hover { color:#212121; }
.header .right a .basket-count {  position: absolute; top: -4px; left: 26px; width: 14px; height: 14px; line-height: 14px; font-size: 10px; font-style:normal; overflow: hidden; font-weight: 300; color: #fff; background-color: #A68256; border-radius: 100%;  }
.header .right  .fal { margin-right:5px;font-size:18px;color:#007042; }


.menu {  background:#007042;margin-bottom:30px; }
.menu .nav { display: flex;align-items: center;justify-content: center; position: relative; }
.menu .nav > li > a {  display: block; padding: 20px; color:#FFFFFF; transition: all .15s ease; }
.menu .nav > li:hover > a {  background:#FFF;color:#007042; }

.menu .dropdown-menu { white-space:nowrap; }

.breadcrumb {margin-top:30px;}
.sliders { margin-top:30px; margin-bottom:50px; }
.sliders .item {  display: flex;align-items: center;justify-content: center;border-radius: 10px;overflow: hidden;padding-left:50px;margin-bottom:15px; background-repeat: no-repeat;background-size: cover;background-position:center center;height: 465px;min-height: 465px;  }
.sliders h1, .sliders h2 { font-size:2rem; color: #FFF;margin: 0px;}
.sliders p { color:#FFF;font-size: 1rem;font-weight: 400;margin-top: 1rem;}
.sliders a {display:inline-block;background:#FFF; width:175px; height:45px; border-radius:30px; text-align:center; margin-top:20px;color:#007042; line-height:45px;  font-size:16px;}

.sliders .owl-item:nth-child(1) .item {position: relative;}
.sliders .owl-item:nth-child(1) .container .col-md-6 {display: grid;}
.sliders .owl-item:nth-child(1) .container .col-md-6 p {order: 3; color: #fff; bottom: 0px; top: 100px; position: relative;}
.sliders .owl-item:nth-child(1) .container .col-md-6 h1 {color: #006f42;}
.sliders .owl-item:nth-child(1) .container .col-md-6 a {background: #8b5a31; color:#fff;}

.sliders .owl-item:nth-child(2) .item {position: relative;}
.sliders .owl-item:nth-child(2) .item .col-md-6 {padding:65px 0px 0px 95px}
.sliders .owl-item:nth-child(2) .container .col-md-6 p {color: #8b5a31;}
.sliders .owl-item:nth-child(2) .container .col-md-6 h2 {color: #006f42;}
.sliders .owl-item:nth-child(2) .container .col-md-6 a {background: #8b5a31; color:#fff;}


.sliders .owl-item:nth-child(3) .container {width:100%; height:100%;}
.sliders .owl-item:nth-child(3) .container .row {width:100%; height:100%;}
.sliders .owl-item:nth-child(3) .item {position: relative; align-items: start}
.sliders .owl-item:nth-child(3) .item .col-md-6 {display: grid; height: 100%}
.sliders .owl-item:nth-child(3) .container .col-md-6 p {order:3; color: #fff; justify-content: end}
.sliders .owl-item:nth-child(3) .container .col-md-6 h2 {color: #fff; margin-top:50px;}
.sliders .owl-item:nth-child(3) .container .col-md-6 a {background: #8b5a31; color:#fff; margin-top:140px;}



.categories  { display: block;position: relative;background:#FEEEEF;padding: 100px 0px;   overflow: hidden; }


.categories::before { content: '';display: block;position: absolute;top: 0;left: 0;right: 0;height: 50%; background: #F3FCFE; }

.categories .container { position: relative;z-index: 1; }
.categories .title { padding: 15px 0px;text-align: center;background: url(https://ld-wt73.template-help.com/tf/pure/images/heading-decoration.png) center center no-repeat;margin-bottom:40px; }
.categories .title h2{ margin:0px;font-size:2.5rem; }

.categories .item { display: block; background: #FFF;border-radius: 26px 0 26px 0;overflow: hidden;}
.categories .item .figure { display: block; background-size: cover;background-position: center;background-repeat: no-repeat;height: 300px;width:100%; }
.categories .item .content { display: flex;align-items: flex-end;background: #FFF;}

.categories .item .divider{ display: block;margin:20px 0px;width: 76px;border-top: 1px solid #CFCFCF; }


.categories .item .left {padding: 1.5rem 1.5625rem;}
.categories .item h4 {  margin-top: 0px;font-size: 1.3125rem;line-height: 2.1875rem;font-weight: 500; }
.categories .item p { font-size:15px;font-weight: 300;padding-bottom:0px; }

.categories .item .fal { display: block;padding:15px 20px;font-size:15px;color: #fff;background: #007042; }

.categories .item .total { font-size: 0.75562rem;font-weight: 500;letter-spacing: .02em;color: #007042;  }


.accounts { padding:50px 0px 30px 0px;}



.accounts-title { color: #A68256; font-size:20px; font-weight: 500; margin-bottom: 20px; }
.accounts-subtitle { color: #dbad89; font-size: 20px; font-weight: 500;margin-bottom:30px; }
.accounts-banner { display: flex; align-items: center; color: #007042; margin-bottom:15px; }
.accounts-banner .image { display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #A68256;border-radius:100%;margin-right:30px; }
.accounts-banner img { width:30px; }
.accounts-banner strong{ display: block; font-weight: 500; font-size: 20px; color: #007042; margin-bottom:5px; }



.nav-accounts{  background-color: #e6eaec; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 5px; margin-bottom:15px; }



.nav-accounts a {  display: flex; align-items: center; justify-content: center; flex: 1 0 0%; margin-right: 5px; height: 50px; border-radius: 8px; color: #007042; transition: all .3s ease-in-out;  }
.nav-accounts a.active { background-color: #fff; }



.popular  { display: block;position: relative; overflow: hidden; }
.popular + .popular { border-top:1px solid #F0F0F0;padding-top:50px;margin-top:50px;   }
.popular h2{ margin-bottom:40px;font-size:20px; color:#A68256;text-align: center;  }


.page, .page p, .post, .post p { font-size:15px;font-weight: 300;letter-spacing: .4px;line-height: 1.4;text-align: justify;  }
.page p:last-child, .post p:last-child { margin-bottom:0px; }
.page ul, .page ol, .post ul, .post ol{ padding-left:30px; }
.page ul li, .post ul li{ list-style-type: disc; }
.page ol li, .post ol li{ list-style-type: lower-latin; }



.sidebar{background: none;border: none;}
.sidebar .widget {margin-bottom: 25px;border-bottom:1px solid #EEE;padding-bottom:25px;}

.sidebar .widget .title { color: #007042; font-size: 18px; font-weight: 500; margin-bottom: 15px; }
.sidebar .widget .body label { margin-bottom:10px !important; }
.sidebar .category li a{ display: block;position: relative;padding:15px 0px;border-bottom: 1px solid #EEE;color: #272B37;font-size: 15px;transition: all 0.2s ease-in-out;overflow: hidden; }
.sidebar .category li:last-child a{ border-bottom: 0px; }
.sidebar .category li a .fal { position: absolute;left: -30px;font-size: 14px;color: #007042;transition: all 0.2s ease-in-out}
.sidebar .category li a:hover  { padding-left:20px;  }
.sidebar .category li a:hover .fal { left: 0px;  }


.sidebar .btn-secondary { font-weight: 500;background: #007042;color: #FFFFFF;letter-spacing: .02em;padding:15px 35px;border-radius: 1.875rem;font-size:15px; }



.single { position: relative;display: block;margin-bottom: 20px; text-align: center;}
.single .figure {  display: flex; align-items: center; justify-content:center; position: relative; background:#FFFFFF; padding:15px; min-height: 300px; max-height: 300px; border-radius: 10px; transition: all 0.2s ease-in-out; border: 1px solid #f0f0f0; }
.single .figure img { max-height: 260px; }
.single:hover .figure {  border-color:#A68256; }

.single .content { padding:25px 25px 0px 25px; }

.single h6  { margin-bottom:15px;}
.single h6 a { display: block; font-size: 16px; font-weight: 500;  color: #007042; }


.single .price {  font-size:18px;  color: #A68256; font-weight: 500;}
.single .old_price { text-decoration: line-through; font-size:16px;color:#CCC;  }


.favorite { position: absolute;right:10px;top:10px;color:#A68256;width:30px;height:30px;line-height: 30px;text-align: center;font-size:20px;background:none;z-index: 99;}
.favorite.active i { color:#A68256; }
.favorite.active i:before {font-weight:900; }


.product { padding-top:30px; }
.product h1 {  display:block;font-weight: 500; font-size:25px;margin-bottom:15px;margin-top:15px;   }
.product .review { font-size:14px;color :#DBAD89;}
.product .short { display:block;font-size:14px;}

.product .form-control { padding:10px 15px; }


.product-right { border:1px solid #EEE; padding:30px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.product-heading {border:1px solid #EEE;padding:30px;border-bottom:0px;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.product-basket { border:1px solid #E2E2E2;background:rgba(248, 248, 248, 0.96);padding:30px;border-radius:10px;margin-top:30px; }


.pricelist { display: flex;align-items: center;justify-content: flex-start;margin-bottom:15px; color:#007042;font-size:18px;}
.pricelist .old_price, .pricelist .price{display: inline-block;}
.pricelist .old_price {  margin-right: 1em;text-decoration: line-through;opacity:.8;font-size: 1rem; line-height:1}
.pricelist .price { margin-right:15px;color: #007042; font-size: 2.4rem;  font-weight: 500;margin-left:15px; }





.product-left { position:relative; }



.qty  { display: inline-flex;align-content: center;justify-content: center;height: 40px;width:100%;border: 1px solid #EEE;border-radius:50px;background:#FFF; text-align: center; }
.qty input { background: none;border:none;text-align: center;-moz-appearance: textfield;width: 100%;border-left:1px solid #EEE;border-right:1px solid #EEE;}
.qty input::-webkit-outer-spin-button,  .qty input::-webkit-inner-spin-button {  -webkit-appearance: none; margin: 0; }
.qty .btn{background: none;border: none;width: 50px;min-width: 50px;max-width: 50px;}

 .qty .btn, .qty input{z-index: 999;}





.variants { display:grid;grid-template-columns:repeat(5, minmax(0,20%));grid-gap: 15px;}
.variants .item { position:relative;padding:15px;color:#007042;font-weight:300;cursor: pointer;}

.variants .item em { position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #EEE;border-radius:4px; }
.variants .item.active em, .variants .item input:checked ~ em  { border:1px solid #007042;}
.variants .item img { max-width:30px; }
.variants .item span { display:block; }
.variants .item .text { margin-top:10px; }



.panel-details { margin-top: 50px;margin-bottom:50px;}

.hero { margin-bottom:30px; }
.hero h1 { color: #007042;font-size: 18px;font-weight: 500; margin-bottom: 10px; }

.smp { display:inline-flex;align-items: center;width: 100%; }
.smp figure { display:flex;align-items:center;width:100px;height:100px;border:1px solid #ebebeb;padding:10px; }
.smp .right { padding-left:15px; }
.smp .right span, .smp .right strong { display: block; }
.smp .right span { font-size:14px; }
.smp .right strong { margin-bottom:10px;font-size:15px; }



.banner { display:block; }
.banner img { max-width: 100%;width:100%;min-width: 100%; }

.contacts { margin-bottom:40px; }

.contacts .title {color: #007042;font-size: 19px;font-weight: bold;margin-bottom:30px; }
.contacts .item { box-shadow: 0px 7px 20px rgb(39 43 55 / 15%) !important; border-radius: 10px; padding:35px 20px;text-align: center;margin-bottom: 20px; }
.contacts .far { display:block;font-size:30px;color:#333333;margin-bottom:10px; }


.map { margin-bottom:30px; }
.map iframe { width:100% !important;height:340px !important; }

ul.socials  { text-align: center; }
ul.socials li { display:inline-block;margin:0px 5px; }
ul.socials li a  { display: block;text-align: center; }
ul.socials li a .fab {  display: block;position: relative;font-size:16px; width:40px;height:40px;line-height: 40px;color:#FFFFFF;border-radius: 100%; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s;}
ul.socials li a:hover .fab { transform: rotate(360deg); }

ul.socials li a .fa-facebook-f { background: #3b5999; }
ul.socials li a .fa-instagram { background: #e4405f; }
ul.socials li a .fa-twitter { background: #55acee; }
ul.socials li a .fa-youtube { background: #cd201f; }
ul.socials li a .fa-pinterest { background: #c8232c; }
ul.socials li a .fa-linkedin-in { background: #0077B5; }



.features { padding:50px 0px; border-top:1px solid #ebebeb;margin-top:50px;}
.features .col-md-3 {  display: flex; align-items: flex-start; justify-content: center; }
.features img{ width: 35px;  margin-right:15px; }
.features strong { display: block; font-size:16px;font-weight: 500; margin-bottom:5px; }
.features span { color: #007042; }



.ordered .item {background: rgba(78,159,167,.1); padding:15px;border-radius: 8px;}
.ordered .item li { display:flex;align-items:center;justify-content:center; }
.ordered .item li + li { margin-top:10px; }
.ordered .item li span { margin-right:auto;font-size:13px; }
.ordered .item li strong { font-weight:500;color:#007042; }



.shopping > .container{min-height: 70vh;}
.shopping .features { display:none; }
.shopping .footer { margin-top:50px; }




.shopping .addresses { margin-bottom:40px; }


.checkout .pay_id { padding:20px;margin:20px -20px 0 -20px;border-top:1px solid #eeeeee; }


.checkout .title { font-size:18px;font-weight: 500;color: #063B5F;margin-top:40px;margin-bottom:20px; }

.billing_address{padding-top:25px;}

.shopping .copyright{background:#FFF;border-top:1px solid #EEE;}



.summary { display: block; background: #FFF;border:1px solid #F0F0F0;border-radius: 4px;padding:5px 0px;font-size:14px;margin-top:30px; }
.summary-title { padding:15px 20px;    margin-bottom: 0; font-size: 20px;color: #007042;font-weight: 500; text-align: center; }



.summary .item{ display: flex;align-items: center;justify-content: center;padding:5px 20px; }
.summary .item .left, .summary .item .right{ flex:1;flex-grow: 1;  }

.summary .right { text-align: right;color:#272B37;font-weight: 500; }

.summary .item.grand { padding:15px 20px;border-top:1px solid #EEE;margin-top:10px;font-size:16px;}


.baskets {margin-top:30px;}
.baskets .item { display: flex;align-items: center;padding:20px;border: 1px solid #F0F0F0 !important;border-radius:4px; }
.baskets .item + .item { margin-top:15px; }

.baskets .item .child:nth-child(1) a { display:flex;align-items: center; }
.baskets .item .child:nth-child(1) small { display:block; }
.baskets .item .child:nth-child(1) img {width: 80px;margin-right: 10px; }


.baskets .item .child:nth-child(2) { text-align: center;margin-left: auto; }
.baskets .item .child:nth-child(2) .qty{ margin-right: 0px; }

.baskets .item .child:nth-child(3){ width:200px;text-align: center; }
.baskets .item .child:nth-child(3) strong{ display: block;font-size:15px; }



.footer-top img {margin:0px auto; margin-bottom:15px;}
.footer-top .content {text-align: center;}
.footer { background: #FFF;color: #555555;padding:60px 0px;border-top:1px solid #ebebeb; }
.footer .logo  { display: inline-block;margin-bottom:50px;  }
.footer .logo img {width: auto; height:55px;}


.footer .link { display: block;width: 100%; font-size: 16px;line-height:23px;color:#555555 !important; margin:7.5px 0px;}
.footer .contact {display: flex;align-items: center;justify-content: center; flex-wrap: wrap;}
.footer .contact .right { padding-left:25px;margin-left: 25px;border-left:1px solid #EEE; }
.footer .form-inline { display: flex;align-content: center;justify-content: center;margin-bottom:50px; }
.footer .form-inline .form-control, .footer .form-inline .btn-secondary { border-radius: 50px; }
.footer .form-inline .form-control { border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-right: 0px; }
.footer .form-inline .btn-secondary { border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-left: 0px;width:150px; }
.footer .footer-title {
  color: #007042;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.footer ul {text-align: left;}
.footer ul li {display: inline-block; margin-bottom:10px;font-size: 13px; margin-right: 15px; margin-bottom:15px; color:#555555; }
.footer ul li:last-child { margin-bottom:0px; }
.footer ul li a{  display:block;font-size: 16px; padding:0px; color:#555555; }
.footer ul li a:hover{  text-decoration: underline; }


.header-top  {
    background:#50a0a81f;
    padding:15px 0px;
}
.header-top a {
    padding:7px 20px;
    background:#007042;
    color:#fff;
    border-radius:20px;
    font-size:12px;
    position:relative;
    top:-2px;
}


.copyright { background: #FFFFFF;border-top: 1px solid #EEE;font-size: 12px; padding:30px 0px;text-align: center;  }
.copyright ul {text-align: right;}
.copyright ul li {display: inline-block; margin-left: 15px;}
.category-description {
    margin:50px 0px;
}
.category-description h2,
.category-description h3,
.category-description h4,
.category-description h5
{
    color: #A68256;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0px;
}
.category-description h2
{
    color: #007042;
}
.category-description p
{
    font-size: 16px;
}
.home-content {
    margin:50px 0px;
}
.home-content h2,
.home-content h3,
.home-content h4,
.home-content h5
{
    color: #A68256;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0px;
}
.home-content h2
{
    color: #007042;
}
.home-content p
{
    font-size: 16px;
}
.product-detail-text h2,
.product-detail-text h3,
.product-detail-text h4,
.product-detail-text h5
{
    color: #A68256;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0px;
}
.product-detail-text h2
{
    color: #007042;
}
.product-detail-text p
{
    font-size: 16px;
}
.home-content .container {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.home-content .container .text {width:60%;}
.home-content .container .text:nth-child(odd) {padding-right:30px; margin-bottom:30px;}
.home-content .container .text:nth-child(even) {padding-left:30px;}
.home-content .container .img {width:40%;}

#filter-kv:nth-child(even) .variants .item {
  position: relative;
  text-align: center;
  font-weight:500;
}

#filter-kv:nth-child(even) .variants .item input {
  position: absolute;
  left:35%;
  top:35%;
  z-index: 1;
}
#filter-kv:nth-child(even) .variants .item .img {
  display:block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin:0px auto;
  border-radius:100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
#filter-kv:nth-child(even) .variants .item:first-child .img {

  background: #AB7A50;
}
#filter-kv:nth-child(even) .variants .item:last-child .img {

  background: #6B4233;
}
#filter-kv:nth-child(even) .variants .item .img img {
  width:auto;
  max-width:auto;
  display: none;
}
.variant-gramaj .variants .item {padding:15px 0px;}
.variant-gramaj .variants .item img {max-width:100px;}
.mb-mn {display: none;}
@media (min-width:1024px) {


	.mobimenu{display: none;}


}
.menu {margin:0px;}
.header-bottom.filtre-page {
  background: url('../uploads/filtre-page-bg.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.header-bottom.espresso-page {
  background: url('../uploads/espresso-page-bg.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.header-bottom.cok-al-az-ode-page {
  background: url('../uploads/cok-al-az-ode-page-bg.webp') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.header-bottom .title {
  font-size: 35px;
  color:#fff;
  margin-bottom: 30px;
  text-shadow: 1px 1px 1px #000;
  position: relative;
}
.header-bottom .title::before {
  content:"";
  position: absolute;
  width:100px;
  height: 2px;
  background: #fff;
  bottom:-15px;
  left:0px;
}
.header-bottom p {
  color:#fff;
  font-size:16px;
  margin: 0px;
  letter-spacing: 1px;
}
.pack-list {margin:30px 0px;}
.special-content .container {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.special-content .text {width:60%; }
.special-content .text:nth-child(odd) {padding-right:30px}
.special-content .text:nth-child(even) { padding-left:30px}
.special-content .thumb {width:40%}
.single-title {
  color: #007042;
  margin-bottom:25px;
  font-size: 20px;
  text-align: center;
}


.special-content {
    margin:50px 0px;
}
.special-content h2,
.special-content h3,
.special-content h4,
.special-content h5
{
    color: #A68256;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0px;
}
.special-content h2
{
    color: #007042;
}
.special-content p
{
    font-size: 16px;
}
@media (max-width:1024px) {

	.header { padding:15px 0px 70px 0px;border-bottom:1px solid #EEE;margin-bottom:30px;height:116px; }

	.header .left { display: flex;align-items: center;justify-content: center;margin-right:auto; }
	.header .left a { display: block; }

    .header .logo img{ max-width: 150px;min-width: 150px;max-height: auto;height: auto; }

    .header .search { position:absolute;top:60px;left:15px;right:15px; }
    .header .dropdown-menu { max-height:500px; }

    .header .right { display: flex;align-items: center;justify-content: center;margin-left: auto; }
	.header .right a:first-child{ display:none; }
    .header .right a { position: relative;display: block;padding-left:15px;font-size:20px; }
    .header .right span {display: none;}



	.sliders .item { align-items:flex-end;height: 500px;min-height: 500px;max-height: 500px;padding:0 15px;text-align:center;padding-bottom:30px; }
	.sliders .item h1,.sliders .item h2 { font-size: 14px; }
    .sliders .item p { font-size:13px; }
    .sliders a { height:40px;line-height:40px;font-size:14px; }




	.menu{display: none;}

	.mobimenu {  position:fixed; top:116px;bottom:0;left:-250px; background: #FFF;width:250px; flex-direction: column; text-align:left;overflow-y: auto; transition:left .3s linear; padding-top: 20px;;z-index: 9999;  }
	.mobimenu.show {  display: flex !important; left:0;  }
	.mobimenu .middle{margin-bottom: auto;}
	.mobimenu .middle li:last-child > a, .mobimenu .middle > li:last-child > a { border-bottom:0; }
	.mobimenu .middle > li > a{ position: relative;display:block;padding:15px;font-weight:500;color:#191919; }
	.mobimenu .middle > li > a > .fal { position:absolute;right:15px;font-size:20px;top: calc(50% - 12px); }
	.mobimenu .middle > li > a:hover, .mobimenu .middle > li.active > a { color:#08384E; }
	.mobimenu .middle > li.open > a > .fal:before { content: "\f107"; }

	.mobimenu .middle .open .dropdown-menu { display: block; }
	.mobimenu .middle .dropdown-menu { display: none;position: static;min-width: 100%;padding: 0px;margin-top:0px;float:none;background:none;border: 0px;box-shadow: none;}
	.mobimenu .middle .dropdown-menu>li>a { padding: 10px 15px;font-size:14px; }
	.mobimenu .middle .dropdown-menu li.more a {font-weight: bold;}



    .mobimenu .bottom > li > div { position: relative;display:block;padding:10px 15px;font-weight:500;font-size:14px;color:#191919; }
	.mobimenu .bottom > li > div > .fal { margin-right:5px; }
	.mobimenu .bottom > li > div:hover, .mobimenu .middle > li.active > a { color:#08384E; }
	.mobimenu .bottom > li.active > div > .fal:before { content: "\f107"; }


	.mobimenu .bottom > li > a{ position: relative;display:block;padding:10px 15px;font-weight:500;font-size:14px;color:#191919; }
	.mobimenu .bottom > li > a > .fal { margin-right:5px; }
	.mobimenu .bottom > li > a:hover, .mobimenu .middle > li.active > a { color:#08384E; }
	.mobimenu .bottom > li.active > a > .fal:before { content: "\f107"; }



	.table-responsive { overflow-x: scroll; }


	.baskets .item { display: flex; flex-wrap: wrap; padding-right: 0px;}

	.baskets .item .child:nth-child(1) { padding: 0px; width: 100%; margin-bottom:10px; }
	.baskets .item .child:nth-child(1) a{ display: flex;align-items: center; }
	.baskets .item .child:nth-child(1)  img{ width:80px;max-width: 80px;min-width: 80px; }


	.baskets .item .child:nth-child(2) { margin-left: 0px;width: auto; }
	.baskets .item .child:nth-child(2) .qty { margin-bottom:0px; margin-left: 0px;width: auto;height: 40px;}

	.baskets .item .child:nth-child(3){width: 200px;}
	.baskets .item .child:nth-child(3) .price { font-weight: bold; }

	.baskets .item .child:last-child  { margin-left: auto;text-align: right; }
	.baskets .item .child:last-child a[data-out] { display: block;border: 1px solid #EEE;padding: 5px;color:#666666;font-weight: 300; }


	.baskets .item .child:nth-child(3) .form-control { display: inline-block;background:#F5F5F5;width:auto;padding:3px 10px;font-size:13px;margin-right:5px;height: auto; }


	.addresses .item { display: block; }
	.addresses .item .center, .addresses .item .right{  width:100% !important;min-width: 100% !important;max-width: 100% !important;margin-top: 10px;margin-left:0px !important;  text-align: left !important; }


	.agreement .checkbox{display: block;}
	.agreement a { display: inline-block; }

	.orders .baskets  { margin-bottom: 50px !important; }
	.orders .baskets tr td:last-child { width:auto !important }

	.orders .ordered thead { display: none; }
	.orders .ordered tr { -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%); }
	.orders .ordered tr td:first-child{ padding-top: 15px; }
	.orders .ordered tr td:last-child{ padding-bottom: 15px; }
	.orders .ordered tr td { display: block;width:100%;text-align: left !important; padding:5px 15px; }


	.breadcrumb { display: none; }

	.sidebar { display: none;position: fixed;top:0;left:0;padding-bottom:60px;background:#FFFFFF;width:100%;height:100%;overflow-y:scroll;z-index: 9998; }
	.sidebar .checkbox, .sidebar .radio{ margin-bottom:5px !important; }
	.sidebar .buttons { position: fixed;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;z-index:9999 }
	.sidebar .buttons .btn{border-radius: 0px;flex: 1;flex-grow: 1;box-shadow: none;height: 48px;line-height: 48px;}
	.sidebar .widget { padding:20px;margin-bottom:15px;padding-bottom:15px; }

	.product .qty{ width:100px;max-width: 150px;min-width: 150px; }


	.groups label { display: inline-block;float: none;margin-bottom:2px; }
	.groups label span { border-right:1px solid #EEEEEE; }

	.hero {text-align: center;}
	.hero .btn-secondary{ margin-top:30px; }
	.hero .btn-secondary .fa{ margin-right:5px; }

	.categories { padding:50px 0px; }
	.categories .title h2{ font-size: 1.675rem;line-height: 3.25rem; }

	.single .content { padding:15px 15px 0px 15px; }
	.single h6 a {font-size:14px;color:#007042;}
	.single .figure {max-height: 200px;min-height: 200px;height: 200px;}
	.single .figure img {max-height: 180px;min-height: 180px;height: 180px;}
	.single .price, .single .old_price { font-size:14px; }


	.features { padding:30px 0px 0px 0px; border-top:1px solid #ebebeb;margin-top:50px;}
	.features .col-md-3 {  display: flex; align-items: flex-start; justify-content: center; font-size:13px; margin-bottom:30px;}
	.features img{ width: 35px;  margin-right:15px; }
	.features strong { display: block; font-size:13px;font-weight: 500; margin-bottom:5px; }
	.features span { color: #007042; }

	.account .widget { border:0px;padding:0px; }
	.account .widget .title { text-align:center;margin-top:10px;margin-bottom:30px; }


	.account .box { background:#FFFFFF;color:#191919;border:1px solid #F3F3F3;margin-top:15px; margin-bottom: 0px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); }



	.shopping .title { text-align:center; }

	.newsletter { padding:20px 0px;text-align: center; }
	.newsletter .row { display: block;width: auto }
	.newsletter .title { text-align: center; }
	.newsletter .form-control { margin-top:15px;padding:8px 12px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.05); }
	.newsletter button { top:7px; }


	.copyright .col-md-6 { text-align: center !important; }

	.footer { text-align: center; }
	.footer .logo{display: block;margin-bottom: 1.25rem;}
	.footer .contact {display: block;}
	.footer .form-inline{display: none;}

	.footer .contact .right{padding-left: 0;margin-left: 0;margin-top: 1.25rem;border-left: 0px;}

	.footer .form-inline .btn-secondary { width: auto;font-size: 13px;padding: 0 15px;}


	.footer .col-md-5 {margin-top: 30px;border-top: 1px solid #EEE; padding-top: 30px;}
	.go_top { display: none !important; }

}

.for-mobile {
	display:none;
	position:fixed;
	bottom:50px;
	left:40px;
	width: 50px;
	height: 50px;
	color:#FFFFFF;
	font-size:25px;
	cursor: pointer;
	transform-origin: center;
	z-index:999;
}
.for-mobile > .fa-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background:rgba(79, 206, 93,.5);
	transition: all 0.2s ease-in-out;
	border-radius: 100%;
	transition: all .5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: heart;
	animation-name: heart;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.for-mobile > .fab {
	position: relative;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	line-height:40px;
	background:rgb(79, 206, 93);
	text-align:center;
	border-radius: 100%;
	transition: all 0.2s ease-in-out;
	transform-origin: 50% 50%;
}





@-webkit-keyframes heart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes heart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@media (max-width:768px) {

  .header-top p {font-size: 10.5px;}
  .header-top a {padding: 7px 10px; font-size: 10px}





  .sliders .owl-item:nth-child(1) .item {position: relative; align-items: flex-start; padding: 0px}
  .sliders .owl-item:nth-child(1) .container .col-md-6 {display: block; text-align: left;}
  .sliders .owl-item:nth-child(1) .container .col-md-6 p {color: #8b5a31; bottom: 0px; top:0px; position: relative;}
  .sliders .owl-item:nth-child(1) .container .col-md-6 h1 {color: #006f42;}
  .sliders .owl-item:nth-child(1) .container .col-md-6 a {background: #8b5a31; color:#fff; line-height: 35px; height: 35px; margin-top:10px; width: 150px;}

  .sliders .owl-item:nth-child(2) .item {position: relative; align-items: flex-start; padding: 35px 0px 0px 40px;}
  .sliders .owl-item:nth-child(2) .container .col-md-6 {display: block; text-align: left; padding: 0px}
  .sliders .owl-item:nth-child(2) .container .col-md-6 p {color: #8b5a31; bottom: 0px; top:0px; position: relative; margin:0px; margin-top:3px;}
  .sliders .owl-item:nth-child(2) .container .col-md-6 h1 {color: #006f42;}
  .sliders .owl-item:nth-child(2) .container .col-md-6 a {
    background: #8b5a31;
color: #fff;
line-height: 25px;
height: 25px;
margin-top: 10px;
width: 135px;
font-size: 12px;
  }


  .sliders .owl-item:nth-child(3) .container {width:100%; height:100%;}
  .sliders .owl-item:nth-child(3) .container .row {width:100%; height:100%;}
  .sliders .owl-item:nth-child(3) .item {position: relative; align-items: start}
  .sliders .owl-item:nth-child(3) .item .col-md-6 {display: flex; flex-wrap: wrap;     flex-direction: column; height: 100%; text-align: left}
  .sliders .owl-item:nth-child(3) .container .col-md-6 p {color: #fff; justify-content: end;  margin-bottom:10px; width: 100%;}
  .sliders .owl-item:nth-child(3) .container .col-md-6 h2 {color: #007042; font-size:25px;margin-top:30px; margin-bottom:auto;width: 100%;}
  .sliders .owl-item:nth-child(3) .container .col-md-6 a {background: #8b5a31; justify-content: end; color:#fff; order:3;margin-top:0px; width:175px;}
  .home-content .container .text {width: 100%; padding:0px !important;}
  .home-content .container .img {display: none;}
  .header .search {width: calc(100% - 30px);}
  .features span {line-height: 12px; font-size: 12px;}
  .footer {text-align: left;}

  .footer ul {text-align: left;}
  .footer ul li {width: 100%; }
  .footer ul li a {width: 100%; padding-left:0px !important;}
  .footer ul li a img {position: relative !important; left:0px !important}

  .copyright ul {text-align: left; margin-top: 15px}
  .copyright ul li {margin-left:0px; margin-top:10px;margin-right: 15px}
  .mb-mn {display: block;}
  .single h6  {height:31px}
  .product-heading {margin-top: 15px}
  .product-right .form-group .variants {display: flex; flex-wrap: wrap; grid-gap:15px}
  .product-right .form-group label {width:100%}
  .product-right .form-group .variants .item {width: 30%}
  .product-basket button.btn-secondary {margin-top: 15px}
  .pricelist {flex-wrap: wrap;}
  .pricelist .price {width: 100%; margin:0px}
  .header {margin:0px}
  .header-bottom {height: auto !important; padding:30px 0px}
  .special-content .text {width: 100%; margin:15px 0px}
  .special-content .thumb {width:100%}
  .special-content .text:nth-child(even) {padding:0px}
  .for-mobile {display: block}
  .hero h1 {margin-top:15px;}
}