@charset "UTF-8";
/*  Author:  Pit Orel Website: https://vk.com/html_css_verstka_saitov Github:  https://github.com/pit6262 Skype:   hostings1  */
/* NORMALIZE */
/* ================================================ */
html, body, div, span, applet, main, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, main, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { margin: 0px; padding: 0px; font-family: Arial, Tahoma, sans-serif; line-height: 1; background-color: #ffffff; height: 100%; position: relative; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ""; content: none; }

q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input[type="text"],  textarea { color: #333; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; outline: none; }

button { cursor: pointer; -webkit-appearance: none; outline: none; }

td, form { margin: 0px; padding: 0px; }

a { color: inherit; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after, .wrapper:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

/* ========================== SLICK SLIDER ======================== */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before { display: table; content: ""; }
.slick-track:after { display: table; content: ""; clear: both; }

.slick-loading .slick-track { visibility: hidden; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-slide:focus { outline: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-arrow { position: absolute; top: 50%; z-index: 1; }

.slick-prev { left: 0; }

.slick-next { right: 0; }

.slick-disabled { opacity: 0.6; }

.slick-dots { list-style: none; }
.slick-dots li { display: inline-block; vertical-align: middle; margin: 0 5px; }
.slick-dots li button { width: 11px; display: block; text-indent: -99px; padding: 0; overflow: hidden; height: 11px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; border: 2px solid transparent; }
.slick-dots li.slick-active button { width: 15px; height: 15px; background-color: transparent; border-color: #fbd345; }
body { color: #fff; font: 300 14px "Roboto", Arial, sans-serif; }

/* 3. MAIN STYLES */
/* ================================================ */
.main-wrapper { padding: 0; min-width: 320px; position: relative; overflow: hidden; opacity: 1; min-height: 100%; }

.wrapper, .header-wrapper, .footer-wrapper {min-width: 320px;max-width: 1210px;padding: 0 40px 0 40px;margin: 0 auto;position: relative;color: black;}

h1 { padding: 15px 0 15px 0; margin: 0; }

h2 {margin-bottom: 20px;color: #000000;font-family: "Open Sans", sans-serif;font-size: 30px;font-weight: 300;text-transform: uppercase;}
h2 span { letter-spacing: 0.3px; }
h3.text-warning {
    color: black;
    font-size: 18px;
}
p { margin: 0 0 15px; line-height: 23px; font-size: 14px; }

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

span { display: inline-block; }

.hr { width: 50px; height: 2px; background-color: #344f8d; margin: 20px auto 25px; }

/* text position */
.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.text-warning {color: #ffc800;}

.text-warning2 {color: white;}

/* loader */
.loaded .main-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

.icon-load { background: #fff; position: fixed; z-index: 99999; left: 0; top: 0; right: 0; bottom: 0; display: none; }

.loaded .icon-load { display: block; }

.loaded .icon-load:before { display: block; position: absolute; content: ""; left: -25%; width: 25%; height: 3px; top: 0; background-color: #425cbb; -webkit-animation: loading 5s linear infinite; animation: loading 5s linear infinite; }

@-webkit-keyframes loading { from { left: -25%; }
  to { left: 125%; } }

@keyframes loading { from { left: -25%; }
  to { left: 125%; } }
/* 3.1. Icons ====================== */
.ic { position: relative; display: inline-block; vertical-align: middle; }

@font-face { font-family: "icomoon"; src: url("fonts/icomoon.eot?p08bvx"); src: url("fonts/icomoon.eot?p08bvx#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?p08bvx") format("truetype"), url("fonts/icomoon.woff?p08bvx") format("woff"), url("fonts/icomoon.svg?p08bvx#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-sent-mail:before { content: ""; }

.icon-message:before { content: ""; }

.icon-vk:before { content: ""; }

.icon-shopping-cart .path1:before { content: ""; }

.icon-shopping-cart .path2:before { content: ""; margin-left: -1em; }

.icon-zoom:before { content: ""; }

.icon-close .path1:before { content: ""; }

.icon-close .path2:before { content: ""; margin-left: -1em; }

/* 3.2. Buttons ====================== */
.btn, a.btn { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; height: 26px; padding: 0 38px; color: #444; font: 400 12px/12px "Roboto", Arial, sans-serif; text-align: center; text-decoration: none; border: none; background-color: #eee; border-radius: 3px; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.btn:hover, a.btn:hover {background-color: #fff;text-decoration: none;color: #000;/* border-color: #f6f6f6; */border: 1px solid #bbbbbb;}
.btn--warning, a.btn--warning {background-color: #344f8d;color: #fff;  min-width: 139px;}
a.btn.btn--warning.pre_order_button {background: #2f3442;    position: initial;width: 169px;}
a.btn.btn--warning.pre_order_button:hover {color: white;border: 1px solid #344f8d;background: #344f8d;}
input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}
input.btn, button.btn { padding-top: 0 !important; padding-bottom: 1px; }

a.btn_cart {
    background: url(img/ic-btn-buy.png) #344f8d;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    max-width: 28px;
    background-position: center;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    border-radius: 3px;
    cursor: pointer;
}

/* 3.3. forms ====================== */	 */
.form-field { margin-bottom: 15px; }
.form-control { background: #f5f5f5;display: block; width: 100%; height: 34px; padding: 0 20px; color: #fff; font: 300 14px/14px "Calibri", Arial, sans-serif; border: 1px solid #434242; text-align: center; }
.form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.15); text-align: center; }
.form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.15); text-align: center; }
.form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.15); text-align: center; }
.form-control::-ms-input-placeholder { color: rgba(255, 255, 255, 0.15); text-align: center; }
.form-control::placeholder { color: rgba(255, 255, 255, 0.15); text-align: center; }
.form-control:-moz-placeholder, .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.15); opacity: 1; }
.form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.15); }

input[type="search"] { -webkit-appearance: none; }

::-ms-clear { width: 0; height: 0; }

textarea.form-control { height: auto; min-height: 100px; padding-top: 10px; resize: none; }

label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 5px; }

/* 4. HEADER */
/* ================================================ */
.header { width: 100%; min-width: 320px; text-align: left; position: absolute; left: 0px; top: 0px; z-index: 99; }
.header-wrapper { max-width: 1306px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.logo {-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;margin-right: 50px;min-height: 73px;margin-left: -62px;padding: 30px 0 0 62px;color: #ffffff;font-family: "Open Sans", sans-serif;font-size: 25px;font-weight: 300;text-transform: uppercase;}

.navbar { padding-top: 42px; }

.main-menu { list-style: none; white-space: nowrap; }
.main-menu__item { display: inline-block; margin-right: 94px; }
.main-menu__item:last-child { margin-right: 0; }
.main-menu__item.active .main-menu__link { color: #344f8d; }
.main-menu__link { color: #fff; font-size: 12px; font-weight: 500; text-transform: uppercase; }
.main-menu__link:hover { color: #344f8d; }

.toggle-menu { display: none; }

.panel-list { position: relative; width: 100%; max-width: 200px; padding-top: 38px; margin-left: 30px; white-space: nowrap; list-style: none; text-align: right; }
.panel-list__item { display: inline-block; vertical-align: middle; margin-right: 40px; opacity: 1; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
.panel-list__item .icon-close { display: none; }
.panel-list__item:last-child { margin-right: 0; }
.panel-list__item.active .panel-list__link {color: #ffffff;}
.panel-list__item.fade-hide { opacity: 0; visibility: hidden; }
.panel-list__item.open .search { width: 100%; }
.panel-list__item.open .search__button { width: 35px; }
.panel-list__item.open .search__input:-ms-input-placeholder { opacity: 1; }
.panel-list__item.open .search__input::-moz-placeholder { opacity: 1; }
.panel-list__item.open .search__input::-webkit-input-placeholder { opacity: 1; }
.panel-list__item.open .search__input::-ms-input-placeholder { opacity: 1; }
.panel-list__item.open .search__input::placeholder { opacity: 1; }
.panel-list__item.open .icon-zoom { display: none; }
.panel-list__item.open .icon-close { display: block; }
.panel-list__link { font-size: 18px; color: #fff; }
.panel-list__link .icon-shopping-cart { font-size: 22px; }
.panel-list__link .icon-close { font-size: 20px; }

.js-open-search { width: 18px; }

.search { z-index: 99; width: 0; position: absolute; right: 27px; top: 28px; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; overflow: hidden; }
.search__button { background: none; position: absolute; right: -35px; top: -100px; visibility: hidden; height: 100%; border: none; width: 0; padding: 0; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; }
.search__input { height: 40px; width: 100%; border: none; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #fff; background: transparent; }
.search__input:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; transition-delay: 0.3s; }
.search__input::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; transition-delay: 0.3s; }
.search__input::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.search__input::-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; transition-delay: 0.3s; }
.search__input::placeholder { opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

/* 5. CONTENT */
/* ================================================ */
.content { width: 100%; min-width: 320px; text-align: left; }

.home {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;height: 295px;background-size: cover;text-align: center;padding-bottom: 66px;}
.home-slider { max-width: 800px; margin: 0 auto; }
.home-slider p { letter-spacing: 0.7px; }
.home .slick-dots { margin-top: 60px; }

.main {background-color: #ffffff;padding: 60px 0;text-align: center;}
.main h2 { margin-bottom: 24px; }
.main p { letter-spacing: 0.4px; }

.filter { margin-top: 30px; margin-bottom: 62px; text-align: center; }
.filter__link {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;vertical-align: middle;margin: 5px 7px;background: #f5f5f5;padding: 0 27px;height: 32px;text-align: center;color: #000000;font-family: "Open Sans", sans-serif;font-weight: 400;border-radius: 4px;font-size: 14px;line-height: 14px;}
.filter__link.active {background-color: #344f8d;color: #fff;}
.filter__link:not(.active):hover {background: #344f8d;color: #ffffff;}

.box {text-align: left;border: 1px solid #e5dfdf;padding: 25px;border-radius: 5px;max-width: 1053px;margin: 30px auto 0;}
.box-content {padding: 20px;background: #f6f6f6;border-radius: 3px;}
.box-listing { list-style: none; }
.box-listing__item {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background-color: #f5f5f5;padding: 7px 16px 8px;border-radius: 4px;margin-bottom: 7px;}
.box-listing__item:last-child { margin-bottom: 0; }
.box-listing__item .btn {margin-left: 20px;color: white;}
.box-listing__img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 17px; width: 32px; }
.box-listing__text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px;    max-width: 485px;}
.box-listing__text p {color: black; font-family: "Calibri", sans-serif; line-height: 16px; margin: 0; }
.box-product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.box-product .badge {background: #344f8d;}
.box-product .box-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.box-product .box-content, .box-product .box-content p { font-size: 12px; line-height: 16px; }
.box-product .box-content :last-child { margin-bottom: 0; padding-bottom: 0; }
.product-btns {float: right; margin-left: 4px;}
.down_saletext:not(:empty) {text-align: left; border:1px solid #e5dfdf; padding: 25px;border-radius: 5px;max-width: 1053px;margin: 25px auto 0;}
.down_saletext:empty {display:none}

.product-sidebar { width: 226px; margin-right: 27px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; text-align: center; }
.product-img {background-color: #f6f6f6;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 244px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 16px;}
.product-img img { max-width: 100%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
.product-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 33px; }

.ol-list { list-style: none; counter-reset: li; }
.ol-list > li:before { content: counter(li); counter-increment: li; }
.ol-list li { font-family: "Calibri", sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 15px; }
.ol-list li:last-child { margin-bottom: 0; }
.ol-list li:before { content: counter(li) "."; margin-right: 4px; color: #344f8d; }
.ol-list li a { color: #344f8d; }

.badge {height: 26px;background-color: #344f8d;font-size: 12px;padding: 0 10px;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;vertical-align: middle;-webkit-box-align: center;color: white;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;font-weight: 400;white-space: nowrap;border-radius: 3px;}
.badge-text { vertical-align: middle; margin: 0 12px; font-size: 12px; font-weight: 400; white-space: nowrap; }
span.badge:nth-child(1) {width: 80px;}
.box-email {     background-color: #ffffff; padding: 35px; text-align: center; }
.box-email__field { margin-bottom: 33px; }
.box-email .btn { height: 32px; padding: 0 40px; font-size: 13px; margin-left: auto; margin-right: auto; }

.my-shopping { list-style: none; margin-top: 25px; }
.my-shopping__item { background-color: #2a2a2a; margin-bottom: 5px; padding: 10px; border-radius: 4px; }
.my-shopping__item:last-child { margin-bottom: 0; }
.my-shopping__item p { margin-bottom: 0; font-family: "Calibri", sans-serif; font-size: 14px; font-weight: 300; line-height: 18px; }
.my-shopping a { color: #344f8d; }

/* 6. FOOTER */
/* ================================================ */
.footer {position: absolute;left: 0px;bottom: 0px;z-index: 1;width: 100%;min-width: 320px;background-size: cover;background: whitesmoke;color: black;}
.footer-wrapper {max-width: 1140px;padding-top: 100px;}
.footer-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-bottom: 35px; }
.footer-top__title {color: #000000;margin-bottom: 40px;font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.6px;}
.footer-menu { list-style: none; }
.footer-menu__item { margin-bottom: 10px; min-width: 200px; }
.footer-menu__link {color: #000000;font-family: "Open Sans", sans-serif;font-size: 14px;font-weight: 300;letter-spacing: 0.35px;}
.footer-menu__link:hover {color: #344f8d;}
.footer-menu__link [class*="icon"] { vertical-align: middle; width: 18px; margin-right: 11px; text-align: center; }
.footer-logos { list-style: none; max-width: 170px; }
.footer-logos__item { display: inline-block; vertical-align: middle; margin-right: 25px; margin-bottom: 15px; }
.footer-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.footer-bottom p { font-size: 12px; font-weight: 400; line-height: 26px; text-transform: uppercase; letter-spacing: 0.3px; }
.footer-bottom p a {color: #344f8d;}
.footer-bottom .fb-right { text-align: right; }
.footer-bottom .fb-right__counters { margin-right: 20px; margin-bottom: 10px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.footer-bottom .fb-right img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }

.counters { width: 88px; height: 31px; background: #fff; }

/* 7. MEDIA */
/* ================================================ */
@media screen and (max-width: 1200px) { .main-menu__item { margin-right: 45px; } }
@media screen and (min-width: 992px) { .navbar { display: block !important; } }
@media screen and (max-width: 991px) { body.no-scroll { position: fixed; overflow: hidden; width: 100%; }
  .navbar { visibility: hidden; position: fixed; top: -90px; right: 0; left: -99999px; z-index: 99; bottom: -90px; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.6); padding: 100px 40px; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }
  .navbar.open { opacity: 1; left: 0; visibility: visible; }
  .search { position: fixed; top: -90px; right: 0; left: -99999px; z-index: 99; bottom: -90px; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.6); padding: 100px 40px; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }
  .search__input { padding-right: 40px; }
  .search__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }
  .search__input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); }
  .search__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }
  .search__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }
  .search__input::placeholder { color: rgba(255, 255, 255, 0.6); }
  .panel-list__item { display: inline-block; vertical-align: middle; margin-right: 40px; opacity: 1; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
  .panel-list__item.fade-hide { opacity: 1 !important; visibility: visible !important; z-index: 1; }
  .panel-list__item.open .search { width: 100%; opacity: 1; left: 0; z-index: 97; }
  .panel-list__item.open .search form { width: 100%; position: relative; }
  .panel-list__item.open .search__button { width: 35px; top: 0; right: 0; height: 30px; visibility: visible; font-size: 18px; color: #fff; font-family: "icomoon" !important; }
  .panel-list__item.open .search__input:-ms-input-placeholder { opacity: 1; }
  .panel-list__item.open .search__input::-moz-placeholder { opacity: 1; }
  .panel-list__item.open .search__input::-webkit-input-placeholder { opacity: 1; }
  .panel-list__item.open .search__input::-ms-input-placeholder { opacity: 1; }
  .panel-list__item.open .search__input::placeholder { opacity: 1; }
  .js-open-search { position: relative; z-index: 98; display: block; }
  .main-menu__item { display: block; margin: 0 0 20px 0; }
  .main-menu__link { font-size: 20px; font-weight: 400; }
  .toggle-menu { top: -2px; position: relative; z-index: 991; }
  .toggle-menu__link { display: inline-block; vertical-align: middle; width: 22px; border: none; padding: 0; background-color: transparent; }
  .toggle-menu__link span { display: block; height: 2px; background: #fff; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
  .toggle-menu__link span + span { margin-top: 5px; }
  .toggle-menu.active .toggle-menu__link span:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: -2px; }
  .toggle-menu.active .toggle-menu__link span:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 0px; }
  .toggle-menu.active .toggle-menu__link span:nth-child(2) { display: none; }
  .home { display: block; padding-top: 140px; height: auto; }
  .home .slick-dots { margin-top: 30px; }
  .box-listing__item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .box-listing__text { margin-right: 0; }
  .box-listing__info { width: 100%; margin-top: 15px; }
  .box-product { display: block; }
  .product-sidebar { width: auto; margin-left: auto; margin-right: auto; max-width: 226px; margin-bottom: 30px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; text-align: center; }
  .product-img { background-color: #2a2a2a; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 244px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 16px; }
  .product-img img { max-width: 100%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
  .product-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 33px; }
  .footer-wrapper { padding-top: 100px; } 
   .product-btns{float: unset;position: inherit;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-left: auto;margin-right: auto;text-align: center;max-width: 150px;width: 28px;margin-top: 10px;}
 
}
@media screen and (max-width: 767px) { h2 { font-size: 25px; }
  .wrapper, .header-wrapper, .footer-wrapper { padding-left: 20px; padding-right: 20px; }
  .logo { font-size: 18px; padding-top: 35px; margin-left: -50px; margin-right: 0; }
  .panel-list { width: auto; padding-top: 37px; margin-left: 20px; }
  .panel-list__item { margin-right: 20px; }
  .panel-list__link { font-size: 16px; }
  .toggle-menu { top: -1px; }
  .toggle-menu__link { width: 18px; }
  .box-product .box-content { margin-left: -20px; margin-right: -20px; border-radius: 0; }
  .home { padding-top: 115px; background-attachment: scroll; }
  .filter { margin-bottom: 40px; }
  .main { padding: 50px 0; }
  .box { margin-left: -20px; margin-right: -20px; border-radius: 0; border-left: none; border-right: none; }
  .box-listing__item { display: block; }
  .box-listing__item .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 15px auto 0; max-width: 150px; }
  .box-listing__img { margin-left: auto; margin-right: auto; margin-bottom: 15px; }
  .box-listing__text { font-size: 14px; text-align: center; }
  .box-listing .badge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; text-align: center; max-width: 150px; }
  .box-listing .badge-text { margin: 7px auto; text-align: center; display: block; }
  .footer { background-attachment: scroll; background-position: center top; }
  .footer-wrapper { padding-top: 80px; }
  .footer-top { display: block; text-align: center; padding-bottom: 0; }
  .footer-top__item { display: inline-block; vertical-align: middle; margin-right: -4px; margin-bottom: 40px; min-width: 50%; }
  .footer-top__title { margin-bottom: 20px; }
  .footer-logos { margin: 0 auto; }
  .footer-logos__item { margin: 5px 10px; }
  .footer-bottom { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; }
  .footer-bottom > p { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .footer-bottom p { width: 100%; margin-bottom: 10px; line-height: 15px; font-size: 10px !important; }
  .footer-bottom .fb-right { width: 100%; text-align: center; }
  .footer-bottom .fb-right__counters { margin-right: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .counters { display: none; } }

/*# sourceMappingURL=style.css.map */


li.box-listing__item.category_item > .box-listing__text {text-align: center;max-width: 100% !important;font-weight: 400;padding: 2px;color: white !important;}

li.box-listing__item.category_item {
    background: #344f8d;
    color: white;
}

li.box-listing__item.category_item > .box-listing__text>p {
    color: white !important;
}
button#setEmailButton {
    min-height: 57px !important;
}