@charset "UTF-8";
/*----------------------------------------------------- */
/* FONTS */
/*----------------------------------------------------- */
@font-face { font-family: "Exo 2"; src: url(../fonts/Exo2-Regular.woff) format("woff"); }
@font-face { font-family: "Exo 2"; font-weight: 300; src: url(../fonts/Exo2-Light.woff) format("woff"); }
@font-face { font-family: "Exo 2"; font-weight: bold; src: url(../fonts/Exo2-Bold.woff) format("woff"); }
/*----------------------------------------------------- */
/* GLOBAL */
/*----------------------------------------------------- */
html { background: #eff1f1; color: #34393c; font: 300 16px/1.28 "Exo 2", sans-serif; min-width: 320px; }
body { font: 300 16px/1.28 "Exo 2", sans-serif !important}
img { max-width: 100%; vertical-align: middle; }

a { color: #0cb28b; text-decoration: none; }

strong, b { font-weight: bold; }

input, button, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; color: #34393c; display: block; font: 300 14px "Exo 2", sans-serif; }
input:focus, button:focus, textarea:focus { outline: none; }

button { cursor: pointer; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.75; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 0.75; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 0.75; }

textarea { resize: none; }

input[type='number'] { -moz-appearance: textfield; }
input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; }

table { border-collapse: collapse; }

/*----------------------------------------------------- */
/* COMMON */
/*----------------------------------------------------- */
.clearfix::after { clear: both; content: ""; display: block; }

.aligner { display: inline-block; line-height: 1.28; vertical-align: middle; }

.read-more { display: inline-block; margin: 0 0 40px; text-align: center; width: 100%; }
.read-more .button { padding: 0; width: 186px; }

.single-line { max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.hidden { display: none; }

.tab-content { height: 0; opacity: 0; overflow: hidden; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; width: 0; }
.tab-content.is-visible { height: auto; opacity: 1; visibility: visible; width: auto; }

.show-more { margin: 20px 0 0; text-align: center; }
@media screen and (max-width: 440px) { .show-more { margin: 16px 0 0; } }
.show-more .button { text-transform: none; }

.background-image, .background-image_none-hover {display: block;background-position: center center;background-repeat: no-repeat;background-size: cover; -webkit-transition: transform .36s; transition: transform .36s;}
.background-image:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.product-certificates .background-image, .product-certificates .background-image_none-hover { background-size: contain; }

.size_autox147 { width: auto; height: 147px; }
.size_autox170 { width: auto; height: 170px; }
.size_autox180 { width: auto; height: 180px; }
.size_autox225 { width: auto; height: 225px; }
.size_autox230 { width: auto; height: 230px; }
.size_autox306 { width: auto; height: 306px; }
.size_autox348 { width: auto; height: 348px; }
.size_autox680 { width: auto; height: 680px; }
.size_autox576 { width: auto; height: 576px; }

.size_70x70 { width: 70px; height: 70px; }
.size_240x180 { width: 240px; height: 180px; }
.size_178x100 { width: 178px; height: 100px; }
.size_138x142 {width: 120px; height: 125px; margin: 9px auto; }

.loading_page {position: absolute;left: 0px;top: 0px;z-index: 9999;width: 100%;height: 100%;background: #fff url(../img/loader_2.gif) center center no-repeat;background-size: contain;-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}

/*----------------------------------------------------- */
/* PAGE ELEMENTS */
/*----------------------------------------------------- */
.page-container { margin: 0 auto; width: 1468px; }
@media screen and (max-width: 1020px) { .page-container { margin: 0 auto; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .page-container { width: 1044px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .page-container { width: 832px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .page-container { width: 620px; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .page-container { width: 408px; } }
@media screen and (max-width: 440px) { .page-container { margin: 0 16px; width: auto; } }
/*.page-container { margin: 0 auto; width: 1492px; }
@media screen and (max-width: 1020px) { .page-container { margin: 0 auto; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .page-container { width: 1056px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .page-container { width: 846px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .page-container { width: 620px; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .page-container { width: 408px; } }
@media screen and (max-width: 440px) { .page-container { margin: 0 16px; width: auto; } }*/

.page-outer { position: relative; z-index: 111; }
@media screen and (min-width: 1021px) { .page-outer { padding: 55px 0 0 300px; } }

.page-inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 0 0px;  background: #ebebeb; }
@media screen and (min-width: 1869px) { .page-inner { min-height: calc(100vh - 55px - 411px); } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .page-inner { min-height: calc(100vh - 55px - 162px); } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .page-inner { min-height: calc(100vh - 55px - 276px); } }
@media screen and (max-width: 440px) { .page-inner { padding: 25px 0 35px; } }

@media screen and (min-width: 1869px) { .page-main { float: left; width: 1024px; } }

@media screen and (min-width: 1869px) { .page-sidebar { float: right; width: 408px; margin-bottom: 30px; } }
@media screen and (max-width: 1869px) { .page-sidebar { margin-bottom: 30px; } }

.page-block { background: white; border-radius: 5px; padding: 25px; }
@media screen and (max-width: 440px) { .page-block { padding: 16px; } }

.page-section-1 { margin: 0 0 40px; }
@media screen and (max-width: 440px) { .page-section-1 { margin: 0 0 30px; } }
.page-section-1:last-child { margin: 0; min-height: calc(100vh - 55px - 548px);}
@media screen and (max-width: 1868px) and (min-width: 1233px) { .page-section-1:last-child { margin: 0; min-height: calc(100vh - 55px - 305px);} }
.page-section-2 { margin: 0 0 30px; }
@media screen and (max-width: 440px) { .page-section-2 { margin: 0 0 20px; } }
.page-section-2:last-child { margin-bottom: 30px; }

.page-controls { border-bottom: 2px solid #cacccd; margin: 0 0 16px; }
.page-controls .tabs-toggle { list-style: none; margin: 0; padding: 0; position: relative; top: 2px; }
.page-controls .tabs-toggle li { float: left; margin-right: 24px; }
.page-controls .tabs-toggle li:last-child { margin: 0; }
.page-controls .tabs-toggle li.is-active a { border-color: #0cb28b; color: #34393c; font-weight: bold; }
.page-controls .tabs-toggle a { border-bottom: 2px solid transparent; color: #787878; display: block; font-size: 16px; height: 22px; line-height: 22px; padding: 0 0 12px; text-transform: uppercase; }

@media screen and (max-width: 440px) { .page-controls--1 { border: none; } }
.page-controls--1 .tabs-toggle li { margin-right: 50px; }
@media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle li { float: none; margin: 0; } }
.page-controls--1 .tabs-toggle li:last-child { margin: 0; }
@media screen and (min-width: 441px) { .page-controls--1 .tabs-toggle li.is-active a { font-size: 21px; } }
@media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 8px 16px; } }
.page-controls--1 .tabs-toggle .aligner { line-height: 1; vertical-align: bottom; }
@media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle .aligner { vertical-align: baseline; } }

@media screen and (max-width: 668px) { .page-controls--2 { border: none; } }
@media screen and (max-width: 668px) { .page-controls--2 .tabs-toggle { float: none; margin: 0; } }
@media screen and (max-width: 668px) { .page-controls--2 .tabs-toggle li { float: none; margin: 0; } }
@media screen and (max-width: 668px) { .page-controls--2 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 8px 16px; } }

@media screen and (max-width: 1444px) { .page-controls--3 { border: none; } }
@media screen and (min-width: 1445px) { .page-controls--3 .tabs-toggle { float: left; } }
@media screen and (max-width: 1444px) { .page-controls--3 .tabs-toggle { margin: 0 0 16px; } }
@media screen and (min-width: 441px) and (max-width: 1444px) { .page-controls--3 .tabs-toggle li { float: left; margin: 0; width: 50%; } }
@media screen and (max-width: 440px) { .page-controls--3 .tabs-toggle li { float: none; margin: 0; } }
@media screen and (max-width: 1444px) { .page-controls--3 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 8px 16px; } }
.page-controls--3 .logout { color: #787878; display: inline-block; }
@media screen and (min-width: 1445px) { .page-controls--3 .logout { float: right; height: 22px; line-height: 22px; padding: 0 0 12px; } }

.page-heading { margin: 0 0 20px; position: relative; }
.page-heading .page-title-2 { margin: 0 0 8px; }
.page-heading .view-all { color: #b2b4b7; font-size: 14px; text-transform: uppercase; }
.page-heading .view-all:hover { color: #494d50; }

.page-title-1 { font-size: 36px; font-weight: 300; line-height: 1; margin: 0 0 20px; }
@media screen and (max-width: 440px) { .page-title-1 { font-size: 32px; } }

.page-title-2 { font-size: 30px; font-weight: 300; line-height: 1.1; margin: 0 0 20px; }
@media screen and (max-width: 440px) { .page-title-2 { font-size: 28px; } }

.page-title-3 { font-size: 18px; margin: 0 0 18px; text-transform: uppercase; }

.page-title-4 { font-size: 16px; font-weight: normal; margin: 0 0 16px; }

/*----------------------------------------------------- */
/* CONTENT AREA */
/*----------------------------------------------------- */
.content-area p, .content-area ul, .content-area ol { margin: 0 0 1em; }
.content-area p:last-child, .content-area ul:last-child, .content-area ol:last-child { margin-bottom: 0; }
.content-area ul, .content-area ol { list-style: none; padding: 0; }
.content-area ul li, .content-area ol li { margin: 0 0 6px; position: relative; }
.content-area ul li:last-child, .content-area ol li:last-child { margin: 0; }
.content-area ul li { padding-left: 12px; }
.content-area ul li::before { content: "•"; left: 0; position: absolute; top: 0; }
.content-area ol { counter-reset: ol_counter; }
.content-area ol li::before { counter-increment: ol_counter; content: counters(ol_counter,".") " "; }

/*----------------------------------------------------- */
/* BUTTON */
/*----------------------------------------------------- */
.button { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; padding: 0 20px; text-align: center; text-transform: uppercase; -webkit-transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; -o-transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; vertical-align: middle; }
.button.is-hidden { position: absolute; visibility: hidden; }
.button span { margin-left: 8px; }

.button--small { border-radius: 15px; font-size: 12px; height: 30px; line-height: 27px; }

.button--medium { border-radius: 17px; height: 34px; line-height: 31px; }

.button--large { border-radius: 22px; height: 44px; line-height: 41px; }

.button--largest { border-radius: 25px; font-size: 16px; height: 50px; line-height: 47px; }

.button--1 { background: transparent; border: 1px solid #aaa; color: #aaa; }
.button--1:hover { background: #0cb28b; border-color: #0cb28b; color: white; }

.button--2 { background: #0cb28b; border: 1px solid #0cb28b; color: white; }
.button--2:hover { background: #41ba88; -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); }

.button--3 { background: #b2b4b7; border: 1px solid #b2b4b7; color: white; }
.button--3:hover { background: #494d50; border-color: #494d50; }

.btn { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; padding: 0 20px; text-align: center; text-transform: uppercase; -webkit-transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; -o-transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; vertical-align: middle; }
.btn-default { background: transparent; border: 1px solid #aaa; color: #aaa; }
.btn-default:hover { background: #0cb28b; border-color: #0cb28b; color: white; }
.btn-buy { border-radius: 15px; font-size: 12px; height: 30px; line-height: 27px; }

/*----------------------------------------------------- */
/* INPUT FIELD */
/*----------------------------------------------------- */
.input-field { background: #eff1f1; border: none; border-radius: 17px; padding: 8.5px 20px; }
@media screen and (max-width: 440px) { .input-field { padding: 8.5px 16px; } }

input.input-field { height: 34px; }

/*----------------------------------------------------- */
/* INPUT GROUPS */
/*----------------------------------------------------- */
.input-group-1 { display: block; margin: 0 0 10px; }
.input-group-1 .caption { display: block; float: left; font-weight: normal; height: 34px; line-height: 32px; margin-right: 8px; }
.input-group-1 .caption span { color: #0cb28b; }
.input-group-1 .input-field, .input-group-1 .select-box { float: left; }

.input-group-2 { display: block; margin: 0 0 12px; }
.input-group-2 .caption { display: block; font-weight: normal; margin: 0 0 5px; }
.input-group-2 .caption span { color: #0cb28b; }
.input-group-2 .input-field { width: 100%; }

.input-group-2--1 { float: left; margin-right: 30px; width: 308px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .input-group-2--1 { margin-right: 31px; width: 314px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .input-group-2--1 { margin-right: 18px; width: 252px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .input-group-2--1 { margin-right: 16px; width: 282px; } }
@media screen and (max-width: 668px) { .input-group-2--1 { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1233px) { .input-group-2--1:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .input-group-2--1:nth-child(even) { margin-right: 0; } }

@media screen and (min-width: 1869px) { .input-group-2--2 { float: left; margin-right: 30px; width: 308px; } }

@media screen and (min-width: 1869px) { .input-group-2--3 { float: left; width: 646px; } }

/*----------------------------------------------------- */
/* SELECT BOX */
/*----------------------------------------------------- */
.select-box { font-size: 14px; position: relative; z-index: 333; }
.select-box .fa-caret-down { position: absolute; right: 14px; top: 10px; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; z-index: 2; }
.select-box .cs-box.is-focused + .fa-caret-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.select-box .cs-box_selected { background: white; border-radius: 17px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; height: 34px; line-height: 32px; overflow: hidden; padding: 0 38px 0 20px; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; z-index: 1; }
@media screen and (max-width: 440px) { .select-box .cs-box_selected { padding-left: 16px; } }
.select-box .cs-box_list { background: white; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); list-style: none; margin: 16px 0 0; min-width: 100%; padding: 16px 0; position: absolute; z-index: 11; }
.select-box .cs-box_list::before { border-style: solid; border-width: 0 7px 6px 7px; border-color: transparent transparent white transparent; bottom: 100%; content: ""; display: block; height: 0; left: 20px; position: absolute; width: 0; }
.select-box .cs-box_list li { color: #494d50; cursor: pointer; padding: 4px 20px; position: relative; }
@media screen and (max-width: 440px) { .select-box .cs-box_list li { padding: 4px 16px; } }
.select-box .cs-box_list li:hover { color: #34393c; font-weight: normal; }
.select-box .cs-box_list li.is-active { color: #0cb28b; font-weight: normal; }
.select-box .cs-box_list li.is-disabled { display: none; }

.select-box--bordered .cs-box_selected { border: 1px solid #cbccce; }

/*----------------------------------------------------- */
/* NUMBER BOX */
/*----------------------------------------------------- */
.number-box .dec, .number-box .inc { background: #383a3d; border: none; display: block; float: left; height: 34px; line-height: 34px; padding: 0; text-align: center; width: 34px; }
.number-box .dec:hover .fa-minus, .number-box .dec:hover .fa-plus, .number-box .dec:hover .fa-circle, .number-box .inc:hover .fa-minus, .number-box .inc:hover .fa-plus, .number-box .inc:hover .fa-circle { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.number-box .dec .fa-minus, .number-box .dec .fa-plus, .number-box .dec .fa-circle, .number-box .inc .fa-minus, .number-box .inc .fa-plus, .number-box .inc .fa-circle { font-size: 20px; -webkit-transition: -webkit-transform 0.18s; transition: -webkit-transform 0.18s; -o-transition: transform 0.18s; transition: transform 0.18s; transition: transform 0.18s, -webkit-transform 0.18s; width: 100%; }
.number-box .dec { border-bottom-left-radius: 17px; border-top-left-radius: 17px; color: #787878; }
.number-box .inc { border-bottom-right-radius: 17px; border-top-right-radius: 17px; color: #0cb28b; }
.number-box .value { background: #383a3d; border: none; color: #b2b4b7; float: left; font-size: 18px; height: 34px; padding: 6px 0; text-align: center; width: 30px; }

/*----------------------------------------------------- */
/* CHECK BOXES */
/*----------------------------------------------------- */
.check-box-1 label { cursor: pointer; display: inline-block; padding-left: 30px; position: relative; }
.check-box-1 input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.check-box-1 input:checked + .icon { background: #0cb28b; border-color: #0cb28b; }
.check-box-1 input:checked + .icon .fa-check { opacity: 1; }
.check-box-1 input:checked + .icon + .caption { color: #34393c; }
.check-box-1 .icon { background: none; border: 2px solid #b2b4b7; border-radius: 100%; color: white; font-size: 12px; height: 18px; line-height: 18px; left: 0; position: absolute; text-align: center; -webkit-transition: background 0.18s, border-color 0.18s; -o-transition: background 0.18s, border-color 0.18s; transition: background 0.18s, border-color 0.18s; top: -3px; width: 18px; }
.check-box-1 .icon .fa-check { opacity: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; }
.check-box-1 .caption { color: #b2b4b7; display: block; font-size: 14px; line-height: 16px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }

.check-box-2 label { cursor: pointer; display: inline-block; padding-left: 20px; position: relative; }
.check-box-2 input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.check-box-2 input:checked + .icon { background: #0cb28b; border-color: #0cb28b; }
.check-box-2 input:checked + .icon .fa-check { opacity: 1; }
.check-box-2 input:checked + .icon + .caption { font-weight: normal; }
.check-box-2 .icon { background: none; border: 2px solid #b2b4b7; border-radius: 3px; color: white; font-size: 10px; height: 10px; line-height: 10px; left: 0; position: absolute; text-align: center; -webkit-transition: background 0.18s, border-color 0.18s; -o-transition: background 0.18s, border-color 0.18s; transition: background 0.18s, border-color 0.18s; top: 1px; width: 10px; }
.check-box-2 .icon .fa-check { opacity: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; }
.check-box-2 .caption { display: block; font-size: 14px; line-height: 16px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }

/*----------------------------------------------------- */
/* SWITCH BOX */
/*----------------------------------------------------- */
/*----------------------------------------------------- */
/* SWITCH BOX */
/*----------------------------------------------------- */
.switch-box { display: block; }
.switch-box .caption { cursor: pointer; display: block; float: left; line-height: 20px; position: relative; text-decoration: none; }
.switch-box .caption:first-child { padding-right: 8px; }
.switch-box .caption:last-child { padding-left: 8px; }
.switch-box .caption input[type='radio'] { position: absolute; visibility: hidden; }
.switch-box .caption input[type='radio']:checked + span { color: #0cb28b; }
.switch-box .caption span { color: #b2b4b7; font-weight: normal; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }
.switch-box .lever { background: #0cb28b; border-radius: 10px; cursor: pointer; display: block; float: left; height: 20px; position: relative; width: 40px; }
.switch-box .lever.is-active-left::before { left: 2px; }
.switch-box .lever.is-active-right::before { left: 22px; }
.switch-box .lever::before { background: white; border-radius: 100%; content: ""; display: block; height: 16px; position: absolute; top: 2px; -webkit-transition: left 0.18s; -o-transition: left 0.18s; transition: left 0.18s; width: 16px; }

/*----------------------------------------------------- */
/* FLIP SWITCH */
/*----------------------------------------------------- */
.flip-switch { cursor: pointer; display: inline-block; font-size: 16px; height: 22px; line-height: 22px; }
.flip-switch input[type='checkbox'] { height: 0; opacity: 0; position: absolute; visibility: hidden; width: 0; }
.flip-switch input[type='checkbox']:checked + .caption { color: #34393c; }
.flip-switch input[type='checkbox']:checked + .caption + .icon { background: #0cb28b; }
.flip-switch input[type='checkbox']:checked + .caption + .icon::before { left: 1px; }
.flip-switch .caption { color: #797979; display: block; float: left; font-size: 16px; margin-right: 10px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }
.flip-switch .icon { background: #cacccd; border-radius: 11px; display: block; float: left; height: 22px; position: relative; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; width: 40px; }
.flip-switch .icon::before { background: white; border-radius: 100%; content: ""; display: block; height: 20px; left: 19px; position: absolute; -webkit-transition: left 0.18s; -o-transition: left 0.18s; transition: left 0.18s; top: 1px; width: 20px; }

/*----------------------------------------------------- */
/* SEARCH BAR */
/*----------------------------------------------------- */
.search-bar { position: relative; }
.search-bar button { background: #494d50; border: none; border-radius: 17px; color: #b2b4b7; display: block; height: 34px; line-height: 34px; padding: 0; position: absolute; text-align: center; top: 0; width: 34px; z-index: 22; }
.search-bar .input-field { background: #494d50; color: #b2b4b7; padding-left: 34px; position: relative; width: 100%; z-index: 11; }
.search-bar .clear { display: none; right: 0; }
.search-bar .submit { left: 0; }

/*----------------------------------------------------- */
/* TOOLTIP */
/*----------------------------------------------------- */
.tooltip { display: inline-block; position: relative; }
.tooltip.is-active .toggle { color: #0cb28b; }
.tooltip.is-active .balloon, .tooltip.is-active .overlay { opacity: 1; visibility: visible; }
.tooltip .toggle { color: #cbccce; display: block; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }
.tooltip .overlay { background: rgba(52, 57, 60, 0.6); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0.18s, visibility 0.18s; -o-transition: opacity 0.18s, visibility 0.18s; transition: opacity 0.18s, visibility 0.18s; visibility: hidden; z-index: 444; }
@media screen and (min-width: 1021px) { .tooltip .overlay { display: none; } }
.tooltip .balloon { background: #34393c; border-radius: 5px; color: white; font-size: 14px; left: 50%; margin: 12px 0 0; opacity: 0; padding: 15px; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 0.18s, visibility 0.18s; -o-transition: opacity 0.18s, visibility 0.18s; transition: opacity 0.18s, visibility 0.18s; visibility: hidden; width: 240px; z-index: 444; }
@media screen and (max-width: 1020px) { .tooltip .balloon { padding-right: 45px; position: fixed; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 555; } }
.tooltip .balloon::before { border-color: transparent transparent #34393c transparent; border-style: solid; border-width: 0 7px 6px 7px; bottom: 100%; content: ""; display: block; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; }
@media screen and (max-width: 1020px) { .tooltip .balloon::before { display: none; } }
.tooltip .balloon p { margin: 0; }
.tooltip .balloon .close { border-radius: 5px; color: #787878; display: block; height: 45px; line-height: 45px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; }
@media screen and (min-width: 1021px) { .tooltip .balloon .close { display: none; } }

/*----------------------------------------------------- */
/* FANCYBOX */
/*----------------------------------------------------- */
.fancybox-bg { background: #34393c; }

.fancybox-is-open .fancybox-bg { opacity: 0.6; }

.fancybox-slide > div { border-radius: 5px; margin: 16px; padding: 0; }

/*----------------------------------------------------- */
/* CUSTOM SCROLL BAR */
/*----------------------------------------------------- */
.mCSB_inside > .mCSB_container { margin-right: 0; }

.mCSB_scrollTools { opacity: 1; width: 6px; }

.mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #0cb28b; border-radius: 6px; width: 6px; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #0cb28b; }

/*----------------------------------------------------- */
/* DATEPICKER */
/*----------------------------------------------------- */
.ui-datepicker.ui-widget { font-family: "Exo 2", sans-serif; }
.ui-datepicker.ui-widget.ui-widget-content { border: none; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; }
.ui-datepicker.ui-widget .ui-widget-header { background: #eff1f0; border-color: #cbccce; border-radius: 5px; padding: 2px; }
.ui-datepicker.ui-widget .ui-datepicker-title { height: 32px; line-height: 30px; }
.ui-datepicker.ui-widget .ui-datepicker-prev, .ui-datepicker.ui-widget .ui-datepicker-next { cursor: pointer; height: 28px; top: 4px; width: 28px; }
.ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover, .ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover { border-color: #cbccce; top: 3px; }
.ui-datepicker.ui-widget .ui-datepicker-prev { left: 4px; }
.ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover { left: 3px; }
.ui-datepicker.ui-widget .ui-datepicker-next { right: 4px; }
.ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover { right: 3px; }
.ui-datepicker.ui-widget .ui-datepicker-calendar { font-size: 14px; }
.ui-datepicker.ui-widget .ui-datepicker-calendar td a, .ui-datepicker.ui-widget .ui-datepicker-calendar td span { border-color: #cbccce; border-radius: 5px; }
.ui-datepicker.ui-widget .ui-state-default { background: #eff1f0; color: #494d50; font-size: 14px; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; }
.ui-datepicker.ui-widget .ui-state-default.ui-state-hover { background: #cbccce; color: #34393c; }
.ui-datepicker.ui-widget .ui-state-default.ui-state-active { background: #0cb28b; color: white; }

/*----------------------------------------------------- */
/* HEADER */
/*----------------------------------------------------- */
.header { background: white; }
.header .page-container { height: 55px; line-height: 52px; overflow: hidden;}

@media screen and (min-width: 1021px) { .header { left: 300px; position: fixed; right: 0; top: 0; z-index: 222; } }
@media screen and (max-width: 1020px) { .header { background: #34393c; color: white; } }
.header a { height: 55px; }

.header_logo { display: block; float: left; }
@media screen and (min-width: 1021px) { .header_logo { display: none; } }
.header_logo img { height: 35px; }
.header_logo--festive img { height: 50px; }

.header_toggle { color: #b2b4b7; display: block; float: right; height: 55px; position: relative; width: 28px; }
@media screen and (min-width: 1021px) { .header_toggle { display: none; } }
.header_toggle.is-active .t { margin: -2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.header_toggle.is-active .m { opacity: 0; }
.header_toggle.is-active .b { margin: -2px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.header_toggle span { background: #b2b4b7; border-radius: 4px; display: block; height: 4px; left: 0; position: absolute; right: 0; top: 50%; -webkit-transition: margin 0.36s, opacity 0.36s, -webkit-transform 0.36s; transition: margin 0.36s, opacity 0.36s, -webkit-transform 0.36s; -o-transition: margin 0.36s, opacity 0.36s, transform 0.36s; transition: margin 0.36s, opacity 0.36s, transform 0.36s; transition: margin 0.36s, opacity 0.36s, transform 0.36s, -webkit-transform 0.36s; }
.header_toggle .t { margin: -10px 0 0; }
.header_toggle .m { margin: -2px 0 0; }
.header_toggle .b { margin: 6px 0 0; }

.header_auth { float: right; margin-right: 72px; }
@media screen and (min-width: 441px) and (max-width: 1020px) { .header_auth { margin-right: 36px; } }
@media screen and (max-width: 440px) { .header_auth { margin-right: 16px; } }
.header_auth .icon { color: #b2b4b7; display: inline-block; font-size: 20px; vertical-align: middle; }
.header_auth .caption { display: inline-block; margin-left: 8px; vertical-align: middle; }
@media screen and (max-width: 668px) { .header_auth .caption { display: none; } }
.header_auth .caption a { color: #34393c; display: inline-block; font-size: 14px; margin-right: 2px; }
@media screen and (max-width: 1020px) { .header_auth .caption a { color: white; } }
.header_auth .caption a:last-child { margin: 0; }
.header_auth .caption a:last-child::after { display: none; }
.header_auth .caption a::after { color: #b2b4b7; content: "|"; margin-left: 2px; }

.header_link { color: #797979; display: block; float: right; font-size: 14px; margin-right: 68px; }
@media screen and (min-width: 441px) and (max-width: 1020px) { .header_link { margin-right: 32px; } }
@media screen and (max-width: 440px) { .header_link { margin-right: 16px; } }
.header_link.is-active { color: #34393c; }
.header_link.is-active .count { background: #0cb28b; }
.header_link.is-active .caption { font-weight: normal; }
.header_link .fa-heart, .header_link .fa-shopping-basket { color: #b2b4b7; font-size: 20px; vertical-align: middle; }
.header_link .count { background: #ccc; border-radius: 100%; color: white; display: inline-block; font-size: 12px; font-weight: normal; height: 20px; line-height: 18px; margin-left: 2px; text-align: center; vertical-align: middle; width: 20px; }
@media screen and (max-width: 440px) { .header_link .count { display: none; } }
.header_link .caption { display: inline-block; margin-left: 8px; vertical-align: middle; }
@media screen and (max-width: 1020px) { .header_link .caption { display: none; } }

@media screen and (min-width: 1021px) { .header_link--cart { margin-right: 0; } }
.header_link--cart.is-active .caption { font-size: 18px; }
.header_link--cart.is-active .caption small { font-size: 16px; }
.header_link--cart .caption {height: 52px;line-height: 52px;overflow: hidden; }

/*----------------------------------------------------- */
/* MAIN PANEL */
/*----------------------------------------------------- */
.main-panel { background: #212427; bottom: 0; color: white; left: 0; padding: 36px 0 0; position: fixed; top: 0; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; width: 300px; z-index: 222; }
@media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel { padding: 25px 0 0; } }

@media screen and (max-width: 1020px) { .main-panel { padding: 25px 0 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } }
@media screen and (max-width: 440px) { .main-panel { width: 100%; } }
@media screen and (max-width: 1020px) { .main-panel.is-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

.main-panel_close { color: #b2b4b7; font-size: 24px; height: 55px; line-height: 55px; position: absolute; right: 0; text-align: center; top: 0; width: 55px; }
@media screen and (min-width: 1021px) { .main-panel_close { display: none; } }

.main-panel_logo { display: block; margin: 0 auto 36px; width: 136px; }
@media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel_logo { margin: 0 auto 25px; width: 80px; } }
@media screen and (max-width: 1020px) { .main-panel_logo { height: 44px; margin: 0 auto 20px; width: 80px; } }
@media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel_logo--festive { margin: -10px auto 25px; width: 100px; } }
@media screen and (max-width: 1020px) { .main-panel_logo--festive { height: 44px; margin: -10px auto 20px; width: 100px; } }
.main-panel_logo img { width: 100%; }

.main-panel_search { margin: 0 0 25px; padding: 0 30px; }
.main-panel_search .input-field, .main-panel_search button { background: #34393c; }

.main-panel_menu-2 { padding: 0 30px; }
.main-panel_menu-2 ul { border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; list-style: none; margin: 25px 0 0; padding: 22px 0 0; }
@media screen and (max-width: 1020px) { .main-panel_menu-2 ul { padding-bottom: 22px; } }
.main-panel_menu-2 a { color: #787878; display: block; height: 30px; line-height: 30px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }
.main-panel_menu-2 a:hover { color: white; }

.main-panel_phones { bottom: 0; left: 0; padding: 36px 30px; right: 0; }
@media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel_phones { display: none; } }

@media screen and (max-width: 1020px) { .main-panel_phones { display: none; } }
.main-panel_phones .caption { font-size: 12px; margin: 0 0 5px; }
.main-panel_phones .number { font-size: 18px; margin: 0 0 10px; }
.main-panel_phones .number:last-child { margin: 0; }
.main-panel_phones .number.em { font-size: 21px; }
.main-panel_phones .number.em a { color: white; }
.main-panel_phones a { color: #787878; display: inline-block; font-weight: normal; }
.main-panel_phones a.button--2 {color: #fff}
.main-panel_phones .email { color: #787878;}
.main-panel_phones .email a { color: #0cb28b; padding: 0px 0px 0px 5px;}

/*----------------------------------------------------- */
/* BREADCRUMBS */
/*----------------------------------------------------- */
.breadcrumbs { font-size: 14px; list-style: none; margin: 0 0 20px; padding: 0; }
@media screen and (max-width: 440px) { .breadcrumbs { display: none; } }
.breadcrumbs li { display: inline; margin-right: 2px; }
.breadcrumbs li:last-child { margin: 0; }
.breadcrumbs li:last-child::after { display: none; }
.breadcrumbs li::after { color: #787878; content: "→"; font-family: "Minion Pro", sans-serif; margin-left: 2px; }
.breadcrumbs a { color: #787878; }

/*----------------------------------------------------- */
/* PROMO SLIDER */
/*----------------------------------------------------- */
.promo-slider { margin: 20px 0 0; position: relative; }
@media screen and (max-width: 1020px) { .promo-slider { margin: 0; } }
@media screen and (max-width: 440px) { .promo-slider { margin: -9px 0 0; } }
@media screen and (min-width: 1445px) { .promo-slider:hover .slider-prev, .promo-slider:hover .slider-next { background: rgba(52, 57, 60, 0.75); } }
.promo-slider .slider-prev, .promo-slider .slider-next { color: white; display: block; font-size: 28px; height: 54px; line-height: 54px; margin: -27px 0 0; position: absolute; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; top: 50%; z-index: 22; }
@media screen and (max-width: 1444px) { .promo-slider .slider-prev, .promo-slider .slider-next { background: rgba(52, 57, 60, 0.75); font-size: 24px; height: 42px; line-height: 42px; margin: 0; text-align: center; top: 0; width: 42px; } }
@media screen and (max-width: 440px) { .promo-slider .slider-prev, .promo-slider .slider-next { font-size: 20px; height: 36px; line-height: 36px; width: 36px; } }
@media screen and (min-width: 1445px) { .promo-slider .slider-prev { border-bottom-right-radius: 5px; border-top-right-radius: 5px; left: 0; padding: 0 10px 0 35px; } }
@media screen and (max-width: 1444px) { .promo-slider .slider-prev { border-bottom-left-radius: 5px; right: 43px; } }
@media screen and (max-width: 440px) { .promo-slider .slider-prev { right: 37px; } }
.promo-slider .slider-next { right: 0; }
@media screen and (min-width: 1445px) { .promo-slider .slider-next { border-bottom-left-radius: 5px; border-top-left-radius: 5px; padding: 0 35px 0 10px; } }
@media screen and (max-width: 1444px) { .promo-slider .slider-next { border-top-right-radius: 5px; } }
.promo-slider .slide { background-position: 50% 50%; background-size: cover; border-radius: 5px; height: 450px; position: relative; z-index: 11; }
.promo-slider .text { background: -webkit-gradient(linear, left bottom, left top, from(rgba(52, 57, 60, 0.9)), to(rgba(52, 57, 60, 0.75))); background: -webkit-linear-gradient(bottom, rgba(52, 57, 60, 0.9) 0%, rgba(52, 57, 60, 0.75) 100%); background: -o-linear-gradient(bottom, rgba(52, 57, 60, 0.9) 0%, rgba(52, 57, 60, 0.75) 100%); background: linear-gradient(0deg, rgba(52, 57, 60, 0.9) 0%, rgba(52, 57, 60, 0.75) 100%); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; bottom: 0; color: white; left: 0; padding: 30px; position: absolute; right: 0; }
@media screen and (max-width: 440px) { .promo-slider .text { padding: 25px; } }
.promo-slider .brief { font-size: 14px; font-weight: normal; }
@media screen and (min-width: 1445px) { .promo-slider .brief { float: left; font-size: 14px; font-weight: normal; height: 82px; line-height: 78px; width: 592px; } }
@media screen and (max-width: 1444px) { .promo-slider .brief { margin: 0 0 20px; } }
.promo-slider .brief p { margin: 0; }
@media screen and (max-width: 1020px) { .promo-slider .brief p { display: none; } }
.promo-slider .brief .title { font-size: 30px; line-height: 1; margin: 0 0 10px; }
@media screen and (max-width: 1020px) { .promo-slider .brief .title { margin: 0; } }
@media screen and (max-width: 440px) { .promo-slider .brief .title { font-size: 24px; } }
@media screen and (min-width: 1445px) { .promo-slider .info { float: right; } }
.promo-slider .info .price { float: left; height: 82px; line-height: 84px; }
@media screen and (min-width: 1445px) { .promo-slider .info .price { margin-right: 40px; } }
@media screen and (min-width: 441px) and (max-width: 1444px) { .promo-slider .info .price { height: 64px; line-height: 64px; } }
@media screen and (max-width: 440px) { .promo-slider .info .price { height: 54px; line-height: 54px; } }
.promo-slider .info .old { background: #da3131; border-radius: 12px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; margin: 0 0 10px; padding: 0 10px; }
@media screen and (max-width: 1444px) { .promo-slider .info .old { margin: 0 0 5px; } }
@media screen and (max-width: 440px) { .promo-slider .info .old { height: 20px; line-height: 18px; padding: 0 5px; } }
.promo-slider .info .current { display: block; font-size: 36px; font-weight: bold; line-height: 1; }
@media screen and (min-width: 441px) and (max-width: 1444px) { .promo-slider .info .current { font-size: 30px; } }
@media screen and (max-width: 440px) { .promo-slider .info .current { font-size: 24px; } }
.promo-slider .info .button { display: block; float: right; margin: 16px 0; padding: 0; width: 180px; }
@media screen and (max-width: 1444px) { .promo-slider .info .button { margin: 7px 0; } }
@media screen and (max-width: 440px) { .promo-slider .info .button { border-radius: 20px; font-size: 14px; height: 40px; line-height: 38px; width: 120px; } }

/*----------------------------------------------------- */
/* PROMO BANNERS */
/*----------------------------------------------------- */
.promo-banner-1 { background-position: 50% 50%; background-size: cover; border-radius: 5px; color: white; display: block; float: left; margin: 16px 16px 0 0; padding: 40px; position: relative; width: 646px; }
@media screen and (max-width: 1868px) { .promo-banner-1 { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 441px) and (max-width: 1444px) { .promo-banner-1 { padding: 30px; } }
@media screen and (max-width: 440px) { .promo-banner-1 { padding: 25px; } }
.promo-banner-1:nth-child(even) { margin-right: 0; }
.promo-banner-1::before { background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(52, 57, 60, 0.15))); background: -webkit-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.15) 100%); background: -o-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.15) 100%); background: linear-gradient(0deg, #34393c 0%, rgba(52, 57, 60, 0.15) 100%); border-radius: 5px; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 11; }
.promo-banner-1 .image { border-radius: 5px; display: block; float: left; height: 140px; margin-right: 40px; position: relative; z-index: 22; }
@media screen and (max-width: 668px) { .promo-banner-1 .image { float: none; height: 70px; margin: 0 0 20px; } }
.promo-banner-1 .text { display: block; height: 140px; line-height: 140px; overflow: hidden; position: relative; z-index: 22; }
@media screen and (max-width: 668px) { .promo-banner-1 .text { height: auto; line-height: 1.28; } }
.promo-banner-1 .text .aligner { vertical-align: bottom; }
.promo-banner-1 .text .title { display: block; font-size: 24px; line-height: 1; margin: 0 0 10px; }

.promo-banner-2 { background: #34393c; }
.promo-banner-2 a { display: block; position: relative; }
.promo-banner-2 .fg {border-bottom-left-radius: 5px;border-top-left-radius: 5px;height: 100%;left: 0;position: absolute;top: 0;}
.promo-banner-2 .bg {border-radius: 5px;width: 100%;}

/*----------------------------------------------------- */
/* PRODUCT ITEM */
/*----------------------------------------------------- */
@media screen and (min-width: 441px) { .product-items { margin: 0 0 -16px; } }

.product-item { background: #212427; border-radius: 5px; overflow: hidden; }
.product-item:hover .current-price { color: white; }

.product-item--vertical { float: left; margin: 0 16px 16px 0; width: 196px; }
@media screen and (max-width: 440px) { .product-item--vertical { float: none; margin-right: 0; width: auto; } }
.product-item--vertical .product-item_image { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.product-item--vertical .product-item_image img { border-top-left-radius: 5px; border-top-right-radius: 5px; }
@media screen and (max-width: 440px) { .product-item--vertical .product-item_image a { display: none; } }
@media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-labels { margin: 20px 0 0 20px; position: static; } }
@media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-labels .label { display: block; } }
@media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-label--DISCOUNT { border-radius: 100%; height: 24px; width: 24px; } }
@media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-label--DISCOUNT::before, .product-item--vertical .product-item_image .product-label--DISCOUNT::after { display: none; } }
.product-item--vertical .product-item_title { margin: 0 0 12px; }
.product-item--vertical .product-item_title .name { height: 40px; overflow: hidden; }
.product-item--vertical .product-item_title .type { height: 32px; overflow: hidden; }
.product-item--vertical .product-item_price { height: 74px; overflow: hidden;}
@media screen and (max-width: 440px) { .product-item--vertical .product-item_title .name, .product-item--vertical .product-item_title .type { height: auto; } }
@media screen and (max-width: 440px) { .product-item--vertical .product-item_price { height: auto;}}

.product-item--vertical .product-item_specs { display: none; }
.product-item--vertical .product-item_info .current-price { margin: 0 0 18px; overflow: hidden; }
.product-item--vertical .product-item_info .price-margin-top { margin-top: 16px; }
@media screen and (max-width: 440px) { .product-item--vertical .product-item_info .price-margin-top { margin: 0 0 18px; } }
.product-item--vertical .product-item_info .buy { border-radius: 15px; font-size: 12px; height: 30px; line-height: 28px; width: 112px; }
.product-item--vertical .product-item_info .buy .fa-shopping-basket { display: none; }
.product-item--vertical .product-item_info .like { float: left; height: 30px; line-height: 30px; margin-left: 14px; width: 30px; }

@media screen and (min-width: 1869px) { .product-item--v1:nth-child(7n) { margin-right: 0; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .product-item--v1:nth-child(5n) { margin-right: 0; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-item--v1:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .product-item--v1:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .product-item--v1:nth-child(even) { margin-right: 0; } }

@media screen and (min-width: 1445px) { .product-item--v2 { margin-right: 11px; } }
@media screen and (min-width: 1869px) { .product-item--v2:nth-child(5n) { margin-right: 0; } }
@media screen and (min-width: 669px) and (max-width: 1868px) { .product-item--v2:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .product-item--v2:nth-child(even) { margin-right: 0; } }

.product-item--horizontal { margin: 0 0 8px; }
.product-item--horizontal .product-item_image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; float: left; height: 147px; width: 196px; }
.product-item--horizontal .product-item_image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.product-item--horizontal .product-item_title { float: left; width: 280px; }
@media screen and (max-width: 1444px) { .product-item--horizontal .product-item_title { width: 240px; } }
.product-item--horizontal .product-item_info { float: right; width: 200px; }
@media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info { width: 100px; } }
.product-item--horizontal .product-item_info .current-price { margin: 3px 0 32px; }
.product-item--horizontal .product-item_info .buy { border-radius: 22px; height: 44px; line-height: 40px; width: 140px; }
@media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info .buy { line-height: 48px; width: 44px; } }
@media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info .buy span { display: none; } }
.product-item--horizontal .product-item_info .buy .fa-shopping-basket { font-size: 22px; }
@media screen and (min-width: 1445px) { .product-item--horizontal .product-item_info .buy .fa-shopping-basket { display: none; } }
@media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info .buy .fa-check { display: none; } }
.product-item--horizontal .product-item_info .like { border: 1px solid #494d50; border-radius: 100%; height: 44px; line-height: 42px; width: 44px; }
.product-item--horizontal .product-item_info .like:hover, .product-item--horizontal .product-item_info .like.is-active { background: #494d50; }
@media screen and (max-width: 1444px) { .product-item--horizontal .product-item_specs { display: none; } }

.product-item_image { position: relative; z-index: 25; }
.product-item_image a { display: block; }
.product-item_image a img { width: 100%; }
.product-item_image .product-labels { position: absolute; top: 8px; left: 8px; width: 100%; }
.product-item_image .product-labels .label { display: inline-block; max-width: 155px; line-height: 22px; border-radius: 5px; height: 24px; padding: 0 8px; overflow: hidden; }
.product-item_image .product-label--SPECIALOFFER { background: #e77367; }
.product-item_image .product-label--NEWPRODUCT { background: #ffc600; }
.product-item_image .product-label--SALELEADER { background: #f2a53d; }
.product-item_image .product-label--DISCOUNT { position: absolute; top:0px; right: 15px; background: #da3131; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; font-weight: bold; height: 36px; text-align: center; width: 22px; z-index: 1; }
.product-item_image .product-label--DISCOUNT::before, .product-item_image .product-label--DISCOUNT::after { border-style: solid; content: ""; display: block; height: 0; position: absolute; top: 100%; width: 0; }
.product-item_image .product-label--DISCOUNT::before { border-width: 12px 11px 0 0; border-color: #da3131 transparent transparent transparent; left: 0; }
.product-item_image .product-label--DISCOUNT::after { border-width: 0 11px 12px 0; border-color: transparent #da3131 transparent transparent; right: 0; }

.product-item_text { background: #212427; overflow: hidden; padding: 20px; position: relative; z-index: 22; }

.product-item_title a { display: inline-block; }
.product-item_title .name { font-size: 16px; font-weight: normal; line-height: 20px; margin: 0 0 10px; max-height: 40px; overflow: hidden; color: white; }
.product-item_title .name a { color: white; }
.product-item_title .type { font-size: 12px; font-weight: 300; line-height: 16px; margin: 0; max-height: 32px; overflow: hidden; }
.product-item_title .type a { color: #787878; }

.product-item_specs { color: #b2b4b7; font-size: 12px; height: 100px; margin: 3px 0 4px; overflow: hidden; }
.product-item_specs p { line-height: 15px; margin: 0 0 2px; }
.product-item_specs p:last-child { margin: 0; }
.product-item_specs span { color: white; }

.product-item_info .old-price { color: #da3131; display: block; height: 16px; line-height: 16px; text-decoration: line-through; overflow: hidden; }
.product-item_info .current-price { color: #b2b4b7; font-size: 21px; height: 28px; line-height: 28px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }
.product-item_info .current-price small { font-size: 18px; }
.product-item_info .buy { /*float: left;*/ padding: 0; }
.product-item_info .buy.is-active { background: #0cb28b; border-color: #0cb28b; color: white; }
.product-item_info .like { -webkit-box-sizing: border-box; box-sizing: border-box; color: #494d50; display: block; float: right; font-size: 24px; text-align: center; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; }
.product-item_info .like:hover, .product-item_info .like.is-active { color: #b2b4b7; }

.product-item .button-wrapper { float: left; }
.product-item .number-box { height: 34px; margin: 0px 0px 20px 0px; }
.product-item .number-box .value { width: 88px; }

/*----------------------------------------------------- */
/* PRODUCTS SLIDER */
/*----------------------------------------------------- */
.products-slider .product-item { float: none; margin: 0; }
.products-slider .owl-controls { margin: 12px 0 0; text-align: center; }
.products-slider .owl-prev, .products-slider .owl-next { color: #a4a7a8; display: inline-block; -webkit-transition: color 0.18s, opacity 0.18s; -o-transition: color 0.18s, opacity 0.18s; transition: color 0.18s, opacity 0.18s; vertical-align: middle; }
.products-slider .owl-prev:hover, .products-slider .owl-next:hover { color: #34393c; }
.products-slider .owl-prev.is-disabled, .products-slider .owl-next.is-disabled { color: #a4a7a8; cursor: default; opacity: 0.35; }
.products-slider .owl-dots { display: inline-block; margin: 0 8px; vertical-align: middle; }
.products-slider .owl-dot { background: #a4a7a8; border-radius: 100%; cursor: pointer; display: block; float: left; height: 8px; margin: 1px 5px; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; width: 8px; }
.products-slider .owl-dot.active { background: #34393c; height: 10px; margin: 0 4px; width: 10px; }

/*----------------------------------------------------- */
/* PRODUCT PHOTOS */
/*----------------------------------------------------- */
.product-photos { margin: 0 0 30px; }
.product-photos .slider-prev, .product-photos .slider-next { display: block; font-size: 24px; height: 100%; position: absolute; top: 0; width: 30px; z-index: 11; }
.product-photos .slider-prev .fa-chevron-left, .product-photos .slider-prev .fa-chevron-right, .product-photos .slider-next .fa-chevron-left, .product-photos .slider-next .fa-chevron-right { position: absolute; top: 50%; }
.product-photos .slider-prev { left: 0; }
.product-photos .slider-next { right: 0; }

.product-photos_large { position: relative; }
.product-photos_large .slider-prev, .product-photos_large .slider-next { background: rgba(52, 57, 60, 0.5); color: white; }
@media screen and (min-width: 669px) { .product-photos_large .slider-prev, .product-photos_large .slider-next { display: none; } }
.product-photos_large .slider-prev .fa-chevron-left, .product-photos_large .slider-prev .fa-chevron-right, .product-photos_large .slider-next .fa-chevron-left, .product-photos_large .slider-next .fa-chevron-right { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.product-photos_large .slide { border-radius: 5px; background-color: #212427; }

.product-photos_small { margin: 16px 0 0; padding: 0 35px; position: relative; }
@media screen and (min-width: 669px) and (max-width: 1444px) { .product-photos_small { padding: 0 36px; } }
@media screen and (max-width: 668px) { .product-photos_small { display: none; } }
.product-photos_small .slider-prev, .product-photos_small .slider-next { color: #34393c; opacity: 0.3; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; }
.product-photos_small .slider-prev:hover, .product-photos_small .slider-next:hover { opacity: 1; }
.product-photos_small .slider-prev.is-disabled, .product-photos_small .slider-next.is-disabled { cursor: default; opacity: 0.1; }
.product-photos_small .slider-prev .fa-chevron-left, .product-photos_small .slider-prev .fa-chevron-right, .product-photos_small .slider-next .fa-chevron-left, .product-photos_small .slider-next .fa-chevron-right { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.product-photos_small .slider-prev .fa-chevron-left { left: 0; }
.product-photos_small .slider-next .fa-chevron-right { right: 0; }
.product-photos_small .slide { background: white; border-radius: 5px; width: 178px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .product-photos_small .slide { width: 182px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .product-photos_small .slide { width: 172px; } }
.product-photos_small .slide.is-active img { opacity: 0.5; }
.product-photos_small .slide img { border-radius: 5px; -webkit-transition: opacity 0.36s; -o-transition: opacity 0.36s; transition: opacity 0.36s; width: 100%; }
.product-photos_small .slide span { background-color: #212427; }

/*----------------------------------------------------- */
/* PRODUCT EDITIONS */
/*----------------------------------------------------- */
.product-editions .page-heading { margin: 0 0 18px; }
@media screen and (min-width: 441px) { .product-editions .page-heading .page-title-3 { float: left; line-height: 24px; margin: 0; } }
@media screen and (max-width: 440px) { .product-editions .page-heading .page-title-3 { margin: 0 0 8px; } }
.product-editions .page-heading .toggle-differences { color: #b2b4b7; font-size: 14px; text-transform: uppercase; }
@media screen and (min-width: 441px) { .product-editions .page-heading .toggle-differences { display: block; float: right; line-height: 24px; } }
.product-editions .page-heading .toggle-differences:hover { color: #494d50; }

.product-edition { border-radius: 5px; }

.product-edition--1 { background: #eff1f0; border: 2px solid #eff1f0; margin: 0 0 8px; padding: 18px; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; }
@media screen and (max-width: 440px) { .product-edition--1 { padding: 14px; } }
.product-edition--1.is-active { background: white; border-color: #0cb28b; }
.product-edition--1.is-active .buy { background: #da3131; border-color: #da3131; }
.product-edition--1:last-child { margin: 0; }
.product-edition--1 .product-edition_image { display: block; background-size: contain;}
.product-edition--1 .product-edition_image span{     background-size: contain; }
@media screen and (min-width: 669px) { .product-edition--1 .product-edition_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .product-edition--1 .product-edition_image { margin-bottom: 20px; } }
@media screen and (max-width: 668px) { .product-edition--1 .product-edition_image { margin: 0 0 16px; padding: 16px; } }
.product-edition--1 .product-edition_info { float: left; margin-right: 16px; width: 400px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .product-edition--1 .product-edition_info { width: 420px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--1 .product-edition_info { width: 320px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .product-edition--1 .product-edition_info { margin: 0 0 20px; width: 376px; } }
@media screen and (max-width: 668px) { .product-edition--1 .product-edition_info { float: none; margin: 0 0 16px; width: auto; } }
@media screen and (min-width: 669px) { .product-edition--1 .product-edition_info .title { overflow: hidden; } }
@media screen and (min-width: 669px) { .product-edition--1 .product-edition_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } }
.product-edition--1 .product-edition_specs { float: left; }
@media screen and (min-width: 1445px) { .product-edition--1 .product-edition_specs { width: 364px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--1 .product-edition_specs { width: 252px; } }
@media screen and (max-width: 1232px) { .product-edition--1 .product-edition_specs { clear: both; float: none; width: auto; } }
@media screen and (min-width: 1445px) { .product-edition--1 .product-edition_specs li { padding: 2px 16px; } }

@media screen and (min-width: 1233px) { .product-edition--2 { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; } }
@media screen and (min-width: 1233px) { .product-edition--2 .product-edition_image { display: table-cell; vertical-align: middle; width: 225px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--2 .product-edition_image { width: 175px; } }
@media screen and (min-width: 441px) and (max-width: 1232px) { .product-edition--2 .product-edition_image { float: left; margin: 0 20px 20px 0; width: 175px; } }
@media screen and (max-width: 440px) { .product-edition--2 .product-edition_image { display: block; margin: 0 0 16px; } }
@media screen and (min-width: 1233px) { .product-edition--2 .product-edition_info { display: table-cell; padding: 0 25px; vertical-align: middle; width: 325px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--2 .product-edition_info { padding: 0 16px; width: 300px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .product-edition--2 .product-edition_info { float: left; margin: 0 0 20px; width: 375px; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .product-edition--2 .product-edition_info { margin: 0 0 20px; } }
@media screen and (max-width: 440px) { .product-edition--2 .product-edition_info { margin: 0 0 16px; } }
@media screen and (min-width: 1233px) { .product-edition--2 .product-edition_specs { display: table-cell; vertical-align: middle; } }
@media screen and (max-width: 1232px) { .product-edition--2 .product-edition_specs { clear: both; float: none; width: auto; } }

.product-edition_image { background: white; border-radius: 5px; text-align: center; }
.product-edition_image img { max-height: 100%; max-width: 100%; }

.product-edition_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; }
.product-edition_info .title a { color: #34393c; }
.product-edition_info .title a:hover { text-decoration: underline; }
.product-edition_info .type { color: #787878; font-size: 14px; height: 18px; line-height: 18px; margin: 0 0 12px; overflow: hidden; }
.product-edition_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; }
.product-edition_info .rating:last-child { margin: 0; }
.product-edition_info .rating .star { color: #cbccce; display: inline-block; }
.product-edition_info .rating .star.is-active { color: #ffc600; }
@media screen and (min-width: 441px) { .product-edition_info .price { float: left; margin-right: 12px; margin-bottom: 3px; /*width: 122px; */} }
@media screen and (max-width: 440px) { .product-edition_info .price { margin: 0 0 8px; } }
.product-edition_info .price span { background: #008e87; border-radius: 15px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 21px; font-weight: normal; height: 100%; line-height: 30px; padding: 0 12px; }
.product-edition_info .price span span.old {text-decoration: line-through;  padding: 0;}
.product-edition_info .price small { font-size: 18px; }
.product-edition_info .buy { float: left; margin-right: 12px; padding: 0; width: 140px; margin-top: 15px;}
.product-edition_info .request { float: left; font-size: 14px; margin-right: 12px; padding: 0; width: 150px; }
.product-edition_info .request:last-child { margin: 0; }
.product-edition_info .download { font-size: 14px; padding: 0; width: 30px; }
.product-edition_info .price.old_price{margin-bottom: 16px;}
.product-edition_info .price.old_price span{text-decoration: line-through; background: #c6c6c6;  font-size: 17px;}
.product-edition_info .price.old_price2 span{ background: #c6c6c6;}
.product-edition_info .price.disc_price span{ background: #076b66;}
.product-edition_info .price .price_name {width: 88px; display: inline-block;}

.product-edition_specs { color: #787878; font-size: 14px; list-style: none; margin: 0; padding: 0; }
.product-edition_specs li { margin: 0 0 1px; padding: 2px; }
.product-edition_specs li:last-child { margin: 0; }
.product-edition_specs li.is-different { background: #f4c1c1; }
.product-edition_specs span { color: #34393c; }

/*----------------------------------------------------- */
/* PRODUCT REQUIREMENTS */
/*----------------------------------------------------- */
.product-requirements { background: -webkit-gradient(linear, left top, right top, from(#41ba88), to(#008e87)); background: -webkit-linear-gradient(left, #41ba88 0%, #008e87 100%); background: -o-linear-gradient(left, #41ba88 0%, #008e87 100%); background: linear-gradient(90deg, #41ba88 0%, #008e87 100%); border-radius: 5px; color: white; padding: 25px; }
@media screen and (max-width: 440px) { .product-requirements { padding: 16px; } }
.product-requirements .page-title-3 { border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin: 0 0 16px; padding: 0 0 16px; }
.product-requirements .page-title-4 { font-size: 14px; font-weight: bold; margin: 0 0 10px; }
.product-requirements .column { font-size: 14px; width: 471px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .product-requirements .column { width: 481px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-requirements .column { width: 375px; } }
@media screen and (min-width: 1233px) { .product-requirements .column { float: left; margin-right: 32px; } }
@media screen and (max-width: 1232px) { .product-requirements .column { margin: 0 0 16px; width: auto; } }
.product-requirements .column:last-child { margin: 0; }
.product-requirements .column ul { list-style: none; margin: 0; padding: 0; }
.product-requirements .column li { margin: 6px 0 0; }
.product-requirements .column span { font-weight: normal; }

/*----------------------------------------------------- */
/* PRODUCT SELECTION */
/*----------------------------------------------------- */
.product-selection {background: #ffffff; border-radius: 5px; padding: 25px; text-align: center; }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-selection { float: left; margin-right: 30px; width: 408px; } }

/*@media screen and (min-width: 1869px) { .product-selection--1 .price { padding: 26px 0 38px; } }
@media screen and (min-width: 1869px) { .product-selection--1 .price .current { margin: 36px 0 0; } }

@media screen and (min-width: 1869px) { .product-selection--2 .price { padding: 2px 0 16px; } }
*/
.product-selection_image { border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; }
.product-selection_image img { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.product-selection_image a { display: block; }
.product-selection_image a span { background-size: auto; background-color: #fff;}
@media screen and (max-width: 1232px) { .product-selection_image a { display: none; } }
.product-selection_image a img { width: 100%; }

.product-selection_image .product-labels { position: absolute; top: 16px; left: 16px; width: 100%; }
.product-selection_image .product-labels .label { max-width: 200px; line-height: 38px; border-radius: 5px; height: 38px; padding: 0 8px; overflow: hidden; }
.product-selection_image .product-label--SPECIALOFFER { background: #e77367; }
.product-selection_image .product-label--NEWPRODUCT { background: #ffc600; }
.product-selection_image .product-label--SALELEADER { background: #f2a53d; }
@media screen and (max-width: 1232px) { .product-selection_image .product-labels { position: static; padding: 16px 0px 0px 16px; } }

.product-selection_image .product-label--DISCOUNT { position: absolute; top:0px; right: 32px; background: #da3131; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; font-weight: bold; height: 38px; text-align: center; width: 30px; z-index: 1;font-size: 21px; line-height: 36px; }
.product-selection_image .product-label--DISCOUNT::before, .product-selection_image .product-label--DISCOUNT::after { border-style: solid; content: ""; display: block; height: 0; position: absolute; top: 100%; width: 0; }
.product-selection_image .product-label--DISCOUNT::before { border-width: 12px 11px 0 0; border-color: #da3131 transparent transparent transparent; left: 0; }
.product-selection_image .product-label--DISCOUNT::after { border-width: 0 11px 12px 0; border-color: transparent #da3131 transparent transparent; right: 0; }
@media screen and (max-width: 1232px) { .product-selection_image .product-label--DISCOUNT { top:16px; right: 16px; border-radius: 100%; width: 38px; } }
@media screen and (max-width: 1232px) { .product-selection_image .product-label--DISCOUNT::before, .product-selection_image .product-label--DISCOUNT::after { display: none; } }

.product-selection_text { padding: 25px; }
@media screen and (max-width: 440px) { .product-selection_text { padding: 16px 16px 20px; } }
.product-selection_text .count { float: left; font-size: 14px; line-height: 18px; margin: 0 0 16px; }
@media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .count { margin-right: 20px; } }
@media screen and (max-width: 440px) { .product-selection_text .count { float: none; } }
.product-selection_text .count + .download { float: right; }
@media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .count + .download { float: left; } }
@media screen and (max-width: 440px) { .product-selection_text .count + .download { float: none; } }
.product-selection_text .count span { color: #b2b4b7; }
.product-selection_text .download { color: #b2b4b7; display: inline-block; font-size: 14px; line-height: 18px; margin: 0 0 16px; vertical-align: middle; }
.product-selection_text .download:hover span { text-decoration: underline; }
.product-selection_text .download .fa-download { color: #0cb28b; margin-right: 5px; }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-selection_text .price { padding: 2px 0 16px; } }
@media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .price { padding: 9px 0 25px; } }
@media screen and (max-width: 440px) { .product-selection_text .price { padding: 9px 0 20px; } }
.product-selection_text .price .old { background: #da3131; border-radius: 12px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; padding: 0 10px; }
.product-selection_text .price .old + .current { margin: 12px 0 0; }
@media screen and (max-width: 440px) { .product-selection_text .price .old + .current { margin: 6px 0 0; } }
.product-selection_text .price .current { display: block; font-size: 36px; font-weight: normal; }
@media screen and (min-width: 1233px) { .product-selection_text .price .current { height: 36px; line-height: 1; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-selection_text .price .current { margin: 36px 0 0; } }
@media screen and (max-width: 440px) { .product-selection_text .price .current { font-size: 30px; } }
@media screen and (max-width: 440px) { .product-selection_text .price .current small { font-size: 24px; } }

.product-selection_text .price .item_economy_price { font-size: 16px; margin: 0px 0px 0px 10px; }

.product-selection_text .buy { float: left; padding: 0; width: 288px; }
@media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .buy { margin-right: 20px; } }
@media screen and (max-width: 440px) { .product-selection_text .buy { margin-right: 16px; width: 190px; } }
.product-selection_text .buy.is-active:hover { background: #0cb28b; -webkit-box-shadow: none; box-shadow: none; }
.product-selection_text .like { background: #34393c; border-radius: 100%; color: #b2b4b7; float: right; font-size: 22px; height: 50px; line-height: 50px; padding: 0; text-align: center; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; width: 50px; }
@media screen and (max-width: 1232px) { .product-selection_text .like { float: left; } }
.product-selection_text .like:hover, .product-selection_text .like.is-active { background: #b2b4b7; color: white; }

.product-selection_text .number-box-detail { overflow: hidden; margin: 0px 0px 26px 0px; }
.product-selection_text .number-box-detail .number-box { float: left; }
.product-selection_text .number-box-detail .product-item-amount { float: right; }

/*----------------------------------------------------- */
/* PRODUCT LOGO */
/*----------------------------------------------------- */
.product-logo { text-align: center; }
/*@media screen and (min-width: 1869px) { .product-logo { height: 220px; line-height: 220px; } }*/
/*@media screen and (max-width: 1869px) { .product-logo { margin-bottom: 0; } }*/
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-logo { /* margin-right: 30px; */ width: auto; } }
.product-logo img { max-height: 100%; max-width: 100%; }

/*----------------------------------------------------- */
/* PRODUCT CERTIFICATES */
/*----------------------------------------------------- */
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates { float: none; position: relative; } }
/* @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-certificates { width: 344px; } } */
.product-certificates .slider { margin: 0 0 20px; position: relative; overflow: hidden; }
.product-certificates .slider-prev, .product-certificates .slider-next { color: #34393c; height: 190px; line-height: 190px; opacity: 0.3; position: absolute; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; width: 44px; z-index: 11; }
@media screen and (max-width: 440px) { .product-certificates .slider-prev, .product-certificates .slider-next { background: rgba(255, 255, 255, 0.5); text-align: center; width: 32px; } }
.product-certificates .slider-prev:hover, .product-certificates .slider-next:hover { opacity: 1; }
.product-certificates .slider-prev { left: 0; }
.product-certificates .slider-next { right: 0; text-align: right; }
@media screen and (max-width: 440px) { .product-certificates .slider-next { text-align: center; } }
.product-certificates .slide { background: white; }
.product-certificates .slide .image { display: block; height: 190px; margin: 0 auto 20px; text-align: center; }
@media screen and (min-width: 441px) { .product-certificates .slide .image { max-width: 270px; } }
.product-certificates .slide .image img { display: inline-block; height: 100%; max-width: 100%; width: auto; }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates .slide .title { line-height: 20px; max-height: 40px; overflow: hidden; } }
.product-certificates .slide .brief { color: #777; font-size: 14px; margin: 0; }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates .slide .brief { line-height: 18px; overflow: hidden; } }
.product-certificates .read-more { font-size: 14px; text-align: center; }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates .read-more { bottom: 25px; left: 25px; line-height: 18px; position: absolute; right: 25px; } }
.product-certificates .read-more a { color: #b2b4b7; text-transform: uppercase; }
.product-certificates .read-more a:hover { color: #34393c; }

@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates--1 .brief { max-height: 126px; } }

@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates--2 { height: 390px; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates--2 .brief { max-height: 36px; } }

.product-certificatesSlider { display: block; }
.product-certificatesSliderMobile { display: none; }
@media screen and (max-width: 1868px) { .product-certificatesSlider { display: none; } }
@media screen and (max-width: 1868px) { .product-certificatesSliderMobile { display: block; } }
.owl-carousel:not(.owl-loaded) .product-certificates .slide:not(:first-child) { display: none; }
.owl-carousel:not(.owl-loaded) .product-certificates .slide:first-child { display: block; width: 100%; }

/*----------------------------------------------------- */
/* PRODUCT DESCRIPTION */
/*----------------------------------------------------- */
.product-description { position: relative; }
.product-description .read-more { background-color: #fff; bottom: 0; box-shadow: 0 -20px 20px 0px #fff; left: 0; margin: 0; padding: 10px 0 20px; position: absolute; width: 100%; z-index: 100; }

/*----------------------------------------------------- */
/* PRODUCT CALLBACK */
/*----------------------------------------------------- */
@media screen and (min-width: 1233px) and (max-width: 1868px) { .product-callback { float: left; margin: 0 30px 0 0; width: 586px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-callback { width: 408px; } }
.product-callback .input-field { background: white; border-radius: 25px; float: left; font-size: 18px; height: 50px; margin-right: -145px; padding: 14px 165px 14px 20px; width: 100%; }
@media screen and (max-width: 440px) { .product-callback .input-field { margin-right: -100px; padding-right: 110px; } }
.product-callback .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; padding: 0; width: 145px; }
@media screen and (max-width: 440px) { .product-callback .button { font-size: 14px; width: 100px; } }
.product-callback .note { font-size: 14px; margin: 20px 0 0; }

/*----------------------------------------------------- */
/* PRODUCT VIDEO */
/*----------------------------------------------------- */
.product-video { border-radius: 5px; color: white; display: block; overflow: hidden; position: relative; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .product-video { float: left; width: 408px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .product-video { float: left; width: 394px; } }
.product-video:hover .image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.product-video .image { border-radius: 5px; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; width: 100%; }
.product-video .caption { background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0)); bottom: 0; display: block; left: 0; padding: 25px; position: absolute; right: 0; z-index: 1; }
.product-video .fa-layers { font-size: 78px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
@media screen and (max-width: 440px) { .product-video .fa-layers { font-size: 42px; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; right: 16px; top: 16px; } }
.product-video .fa-circle { color: white; }
.product-video .fa-play-circle { color: #0cb28b; }

/*----------------------------------------------------- */
/* ARTICLE ITEM */
/*----------------------------------------------------- */
.article-item { background: white; border-radius: 5px; margin: 0 0 16px; -webkit-transition: -webkit-box-shadow 0.36s; transition: -webkit-box-shadow 0.36s; -o-transition: box-shadow 0.36s; transition: box-shadow 0.36s; transition: box-shadow 0.36s, -webkit-box-shadow 0.36s; }
@media screen and (min-width: 669px) { .article-item { height: 210px; } }
.article-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
.article-item:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.article-item:last-child { margin: 0; }
.article-item .image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: block; float: left; height: 100%; overflow: hidden; }
@media screen and (max-width: 668px) { .article-item .image { display: none; } }
.article-item .image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; height: 100%; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; }
.article-item .text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; padding: 25px; position: relative; }
@media screen and (min-width: 669px) { .article-item .text { padding-bottom: 57px; } }
@media screen and (max-width: 440px) { .article-item .text { padding: 16px; } }

@media screen and (min-width: 669px) { .article-item .title { line-height: 20px; } }

.article-item .title a { color: #34393c; display: inline-block; }
.article-item .brief { color: #777; font-size: 14px; margin: 0; overflow: hidden; }
@media screen and (min-width: 669px) { .article-item .brief { line-height: 18px; max-height: 36px; } }
@media screen and (max-width: 668px) { .article-item .brief { margin: 0 0 16px; } }
.article-item .date { color: #b2b4b7; display: block; font-size: 12px; }
@media screen and (min-width: 669px) { .article-item .date { bottom: 25px; /*line-height: 16px;*/ left: 25px; position: absolute; right: 25px; } }

/*----------------------------------------------------- */
/* CATALOG ITEM */
/*----------------------------------------------------- */
.catalog-item { background: white; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #34393c; display: block; float: left; font-weight: normal; margin: 0 16px 16px 0; padding: 20px; position: relative; text-align: center; -webkit-transition: color 0.18s, -webkit-box-shadow 0.18s; transition: color 0.18s, -webkit-box-shadow 0.18s; -o-transition: box-shadow 0.18s, color 0.18s; transition: box-shadow 0.18s, color 0.18s; transition: box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; width: 196px; }
@media screen and (max-width: 440px) { .catalog-item { float: none; margin-right: 0; width: 100%; } }
.catalog-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); color: #b2b4b7; }
@media screen and (min-width: 1869px) { .catalog-item:nth-child(7n) { margin-right: 0; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .catalog-item:nth-child(5n) { margin-right: 0; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .catalog-item:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .catalog-item:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .catalog-item:nth-child(even) { margin-right: 0; } }
.catalog-item .label { background: #f77b28; border-radius: 5px; color: white; display: block; font-size: 14px; height: 24px; line-height: 24px; left: 8px; padding: 0 8px; position: absolute; text-transform: uppercase; top: 8px; z-index: 1; }
.catalog-item .image { display: block; height: 78px; line-height: 78px; margin: 0 0 16px; }
.catalog-item .image img { max-height: 100%; max-width: 100%; }
.catalog-item .caption { display: block; overflow: hidden; }
@media screen and (min-width: 441px) { .catalog-item .caption { line-height: 21px; height: 85px; } }

.page-section-2 .catalog-item {margin: 0px 16px 16px 0px;}
@media screen and (max-width: 440px) { .page-section-2 .catalog-item { float: none; margin-right: 0; width: 100%; } }
@media screen and (min-width: 1869px) { .page-section-2 .catalog-item:nth-child(7n) { margin-right: 0; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .page-section-2 .catalog-item:nth-child(5n) { margin-right: 0; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .page-section-2 .catalog-item:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .page-section-2 .catalog-item:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .page-section-2 .catalog-item:nth-child(even) { margin-right: 0; } }

.block-line .catalog-item { float: left; width: 100%; margin: 0px 0px 10px 0px; }
.block-line .catalog-item .image { display: table-cell; padding: 0px 20px 0px 0px; width: 100px; height: 100px; vertical-align: middle; }
.block-line .catalog-item .caption { display: table-cell; text-align: left; vertical-align: middle; }

/*----------------------------------------------------- */
/* CATALOG CONTROLS */
/*----------------------------------------------------- */
.catalog-controls { background: white; border-radius: 5px; margin: 0 0 16px; padding: 10px 25px; }
@media screen and (max-width: 440px) { .catalog-controls { padding: 16px; } }
.catalog-controls .filter { float: left; }
@media screen and (max-width: 1232px) { .catalog-controls .filter { float: none; margin: 0 0 15px; } }
.catalog-controls .filter .caption { font-weight: normal; }
@media screen and (min-width: 1233px) { .catalog-controls .filter .caption { float: left; height: 34px; line-height: 34px; margin-right: 8px; } }
@media screen and (max-width: 1232px) { .catalog-controls .filter .caption { margin: 0 0 8px; } }
.catalog-controls .filter .list { list-style: none; margin: 0; overflow: hidden; padding: 0; }
.catalog-controls .filter li { float: left; position: relative; cursor: pointer; display: block;  }
.catalog-controls .filter li.is-active a { background: #0cb28b; border-radius: 100%; color: white; padding: 0; width: 34px; }
.catalog-controls .filter li:hover a { color: #ccc; }
.catalog-controls .filter a { color: #34393c; display: block; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; padding: 0 4px; text-align: center; text-transform: uppercase; }
.catalog-controls .flip-switch { font-weight: normal; }
@media screen and (min-width: 1233px) { .catalog-controls .flip-switch { display: block; float: right; margin: 6px 0; } }

/*----------------------------------------------------- */
/* CATEGORY FILTER */
/*----------------------------------------------------- */
.category-filter { background: white; border-radius: 5px; margin: 0 0 16px; padding: 10px 25px 10px 25px; }
@media screen and (min-width: 1869px) { .category-filter { -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-flex; display: flex; } }
@media screen and (min-width: 441px) and (max-width: 1868px) { .category-filter { padding: 20px 25px 20px 25px; } }
@media screen and (max-width: 440px) { .category-filter { padding: 16px 16px 16px 16px; } }

.category-filter_caption { font-weight: normal; }
@media screen and (min-width: 1869px) { .category-filter_caption { line-height: 30px; margin: 0 16px 10px 0; } }
@media screen and (max-width: 1868px) { .category-filter_caption { margin: 0 0 10px; } }

.category-filter_group { display: block; float: left; margin: 0 16px 10px 0; position: relative; }
@media screen and (max-width: 1868px) { .category-filter_group { margin-right: 10px; } }
@media screen and (max-width: 668px) { .category-filter_group { float: none; margin: 0 0 10px; width: 100%; } }
.category-filter_group .check-box-2 input:not(:checked) + .icon { background: #ebebeb; border-color: #ebebeb; }

.category-filter_control { border-color: #0cb28b; color: #0cb28b; font-size: 14px; padding: 0; text-transform: none; }
@media screen and (max-width: 668px) { .category-filter_control { width: 100%; } }
.category-filter_control:hover { background: transparent; border-color: #0cb28b; color: #0cb28b; }
.category-filter_control.is-active .fa-check-circle { display: inline-block; }
.category-filter_control.is-active .fa-times-circle { display: none; }
.category-filter_control .toggle { display: block; line-height: 28px; padding: 0 10px 0 5px; white-space: nowrap; }
.category-filter_control .toggle svg { height: 18px; vertical-align: -4px; width: 18px; }
.category-filter_control .toggle span { margin-left: 2px; }
.category-filter_control .fa-check-circle { display: none; }

.category-filter_drop-down { background: white; border-radius: 5px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; display: none; margin: 10px 0 0; padding: 12px 14px 12px 20px; position: relative; }
@media screen and (min-width: 669px) { .category-filter_drop-down { left: 50%; margin: 18px 0 0; min-width: 100%; position: absolute; transform: translateX(-50%); top: 100%; z-index: 444; } }
.category-filter_drop-down::before { border-style: solid; border-width: 0 7px 6px 7px; border-color: transparent transparent white transparent; bottom: 100%; content: ""; display: block; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; }
.category-filter_drop-down .scroller { max-height: 272px; }
.category-filter_drop-down .search-bar { margin: 8px 0; }
.category-filter_drop-down .search-bar button, .category-filter_drop-down .search-bar .input-field { background: #eff1f1; }
.category-filter_drop-down .search-bar .input-field { color: #34393c; }
.category-filter_drop-down .search-bar .submit { cursor: default; }
.category-filter_drop-down .check-box-2 { margin: 8px 0; padding-right: 20px; white-space: nowrap; }

.category-filter_range { padding: 8px 6px 8px 0; }
@media screen and (min-width: 669px) { .category-filter_range { width: 260px; } }
@media screen and (max-width: 440px) { .category-filter_range { padding: 0 6px 8px 0; } }
.category-filter_range .value { color: #b2b4b7; display: block; float: left; margin-right: 20px; }
@media screen and (max-width: 440px) { .category-filter_range .value { margin-right: 2%; width: 49%; } }
.category-filter_range .value:last-child { margin: 0; }
.category-filter_range .caption { display: block; }
@media screen and (min-width: 441px) { .category-filter_range .caption { float: left; line-height: 34px; width: 25px; } }
@media screen and (max-width: 440px) { .category-filter_range .caption { margin: 0 0 5px; padding-left: 10px; } }
.category-filter_range .input-field { float: left; width: 95px; }
@media screen and (min-width: 441px) and (max-width: 668px) { .category-filter_range .input-field { width: 124px; } }
@media screen and (max-width: 440px) { .category-filter_range .input-field { float: none; width: 100%; } }
.category-filter_range .widget { background: #c9cacc; border: none; border-radius: 5px; height: 5px; margin: 20px 0 4px; }
.category-filter_range .ui-slider-range { background: #0cb28b; }
.category-filter_range .ui-slider-handle { background: #34393c; border: 3px solid white; border-radius: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); cursor: pointer; height: 12px; margin-left: -9px; top: -6px; width: 12px; }
.category-filter_range .ui-slider-handle:focus { outline: none; }

/*----------------------------------------------------- */
/* CATEGORY CONTROLS */
/*----------------------------------------------------- */
.category-controls { margin: 0 0 16px; }
.category-controls .caption { font-size: 14px; font-weight: normal; }
@media screen and (min-width: 441px) { .category-controls .caption { float: left; line-height: 34px; margin-right: 8px; } }
@media screen and (max-width: 440px) { .category-controls .caption { margin: 0 0 5px; } }
.category-controls .remove-all { text-transform: none; }
@media screen and (min-width: 669px) { .category-controls .remove-all { float: left; } }
@media screen and (min-width: 669px) { .category-controls .sorting { float: left; } }
@media screen and (min-width: 669px) { .category-controls .sorting .select-box { float: left; width: 240px; } }
.category-controls .view { float: right; }
@media screen and (max-width: 668px) { .category-controls .view { display: none; } }
.category-controls .view a { background: #cbccce; border-radius: 100%; color: white; display: block; float: left; height: 34px; line-height: 34px; margin-right: 8px; text-align: center; -webkit-transition: background 0.36s; -o-transition: background 0.36s; transition: background 0.36s; width: 34px; }
.category-controls .view a.is-active { background: #0cb28b; }
.category-controls .view a:last-child { margin: 0; }

/*----------------------------------------------------- */
/* COMMENTS CONTROLS */
/*----------------------------------------------------- */
.comments-controls { margin: 0 0 16px; }
.comments-controls .ask { display: block; padding: 0; width: 172px; }
@media screen and (min-width: 669px) { .comments-controls .ask { float: left; margin-right: 36px; } }
@media screen and (max-width: 668px) { .comments-controls .ask { margin: 0 0 8px; } }
.comments-controls .help { color: #787878; font-size: 14px; }
@media screen and (min-width: 669px) { .comments-controls .help { display: block; float: left; height: 44px; line-height: 44px; } }
.comments-controls .help:hover { color: #0cb28b; }

/*----------------------------------------------------- */
/* COMMENT ITEM */
/*----------------------------------------------------- */
.comment-item { margin: 0 0 16px; }
.comment-item:last-child { margin: 0; }

@media screen and (min-width: 1233px) { .comment-item_author { float: left; margin-right: 16px; text-align: center; width: 168px; } }
@media screen and (max-width: 1232px) { .comment-item_author { margin: 0 0 16px; } }
.comment-item_author .image { border-radius: 100%; margin: 0 0 12px; width: 70px; display: inline-block; }
@media screen and (max-width: 1232px) { .comment-item_author .image { float: left; margin-right: 12px; } }
.comment-item_author .text { overflow: hidden; }
.comment-item_author .rating { margin: 0 0 8px; }
@media screen and (max-width: 1232px) { .comment-item_author .rating { margin: 0 0 4px; } }
.comment-item_author .rating .star { color: #cbccce; }
.comment-item_author .rating .star.is-active { color: #0cb28b; }
.comment-item_author .name { font-size: 16px; margin: 0 0 2px; }
.comment-item_author .date { color: #b2b4b7; font-size: 12px; }

.comment-item_message { overflow: hidden; }
.comment-item_message .title { border-radius: 25px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 14px; font-weight: normal; height: 25px; line-height: 25px; margin: 0 0 16px; padding: 0 15px; }

.comment-item_question .title { background: #cbccce; }

.comment-item_answer { border: 2px solid #0cb28b; border-radius: 5px; color: #777; font-size: 14px; margin: 25px 0 0; padding: 23px; }
@media screen and (max-width: 440px) { .comment-item_answer { margin: 16px 0 0; padding: 14px; } }
@media screen and (min-width: 1233px) { .comment-item_answer .logo { float: left; margin-right: 25px; width: 85px; } }
@media screen and (max-width: 1232px) { .comment-item_answer .logo { margin: 0 0 16px; } }
.comment-item_answer .title { background: #0cb28b; }

/*----------------------------------------------------- */
/* CART TABLE */
/*----------------------------------------------------- */
.cart-table { width: 100%; }
@media screen and (max-width: 1232px) { .cart-table { display: block; } }
@media screen and (max-width: 1232px) { .cart-table tbody, .cart-table tr, .cart-table td { display: block; } }
@media screen and (max-width: 1232px) { .cart-table tr { background: #212427; border-radius: 5px; margin: 0 0 8px; padding: 20px; position: relative; } }
@media screen and (max-width: 440px) { .cart-table tr { padding: 16px; } }
.cart-table th { padding: 0; text-align: center; }
.cart-table th:first-child { text-align: left; }
.cart-table th:first-child div { border-bottom-left-radius: 5px; border-top-left-radius: 5px; padding-left: 20px; }
.cart-table th:last-child div { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.cart-table th div { background: white; font-weight: normal; padding: 16px 0; }
.cart-table td { padding: 8px 0 0; text-align: center; }
@media screen and (max-width: 1232px) { .cart-table td { padding: 0; text-align: left; } }
@media screen and (min-width: 1233px) { .cart-table td > div { background: #212427; height: 147px; line-height: 147px; } }
@media screen and (max-width: 1232px) { .cart-table td > div { color: #b2b4b7; } }
.cart-table td > div .caption { color: white; font-size: 18px; font-weight: normal; }
@media screen and (min-width: 1233px) { .cart-table td > div .caption { display: none; } }
@media screen and (max-width: 1232px) { .cart-table .heading { display: none; } }
.cart-table .image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: block; height: 147px; overflow: hidden; width: 196px; }
.cart-table .image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; height: 100%; width: 100%; }
.cart-table .name { padding: 0 20px; text-align: left; }
@media screen and (max-width: 1232px) { .cart-table .name { padding: 0; margin: 0 0 10px; } }
.cart-table .name p { font-size: 12px; color: #b2b4b7; margin: 4px 0 0; }
.cart-table .name p span { color: white; }
.cart-table .name .title { font-size: 18px; font-weight: normal; line-height: 22px; margin: 0 0 10px; max-height: 44px; }
.cart-table .name .title a { color: white; }
.cart-table .discount { font-size: 18px; font-weight: normal; }
@media screen and (min-width: 1869px) { .cart-table .discount { width: 150px; } }
@media screen and (min-width: 1233px) { .cart-table .discount { color: white; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .discount { width: 90px; } }
@media screen and (max-width: 1232px) { .cart-table .discount { margin: 0 0 5px; } }
.cart-table .price { font-size: 18px; }
@media screen and (min-width: 1869px) { .cart-table .price { width: 160px; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .price { width: 120px; } }
@media screen and (max-width: 1232px) { .cart-table .price { margin: 0 0 10px; } }
.cart-table .price .aligner { position: relative; }
.cart-table .price .old { color: #da3131; display: block; font-size: 14px; font-weight: 300; position: absolute; text-decoration: line-through; top: -24px; }
@media screen and (max-width: 1232px) { .cart-table .price .old { display: inline-block; position: static; } }
.cart-table .price .current { color: #b2b4b7; display: block; font-weight: normal; }
@media screen and (max-width: 1232px) { .cart-table .price .current { display: inline-block; } }
.cart-table .price .current small { font-size: 16px; }
@media screen and (max-width: 1232px) { .cart-table .count { margin: 0 0 10px; } }
.cart-table .count .caption { margin-right: 5px; vertical-align: middle; }
@media screen and (max-width: 1232px) { .cart-table .count .caption { display: inline-block; } }
.cart-table .count .num { display: inline-block; font-size: 18px; vertical-align: middle; }
@media screen and (min-width: 1233px) { .cart-table .count .num { background: #383a3d; border-radius: 17px; color: #787878; height: 34px; line-height: 32px; text-align: center; width: 98px; } }
@media screen and (max-width: 1232px) { .cart-table .count .num { font-weight: normal; } }
.cart-table .sum { font-size: 18px; font-weight: normal; }
@media screen and (min-width: 1869px) { .cart-table .sum { width: 160px; } }
@media screen and (min-width: 1233px) { .cart-table .sum { color: white; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .sum { width: 120px; } }
.cart-table .sum small { font-size: 16px; }
.cart-table .sum .old { display: none; color: #da3131; font-size: 14px; font-weight: 300; text-decoration: line-through; }

.cart-table .tax { color: #b2b4b7; font-size: 14px; }
@media screen and (min-width: 1869px) { .cart-table .tax { width: 150px; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .tax { width: 120px; } }
@media screen and (max-width: 1232px) { .cart-table .tax { margin: 0; } }
.cart-table .tax .caption { font-size: 14px; }
.cart-table .remove { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
@media screen and (min-width: 1869px) { .cart-table .remove { width: 120px; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .remove { width: 90px; } }
@media screen and (max-width: 1232px) { .cart-table .remove { border: none; bottom: 20px; height: 34px; margin: 0; position: absolute !important; right: 16px; width: 34px; z-index: 11; } }
@media screen and (max-width: 440px) { .cart-table .remove { bottom: 16px; height: 20px; width: 20px; right: 12px; } }
.cart-table .remove a { color: #787878; font-size: 34px; line-height: 1; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }
@media screen and (max-width: 440px) { .cart-table .remove a { font-size: 20px; } }
.cart-table .remove a:hover { color: white; }

@media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table--1 .image { width: 0; } }
@media screen and (max-width: 1232px) { .cart-table--1 .image { display: none; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table--1 .name { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } }
@media screen and (min-width: 1869px) { .cart-table--1 .name { width: 340px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--1 .name { width: 330px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .name { width: 248px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .name .title { margin: 0 0 8px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .discount { width: 70px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .price { width: 100px; } }
@media screen and (min-width: 1869px) { .cart-table--1 .count { padding: 0 27px; } }
@media screen and (min-width: 1233px) { .cart-table--1 .count { width: 98px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--1 .count { padding: 0 18px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .count { padding: 0 10px; } }
@media screen and (min-width: 1869px) { .cart-table--1 .sum { width: 160px; } }
@media screen and (min-width: 1233px) { .cart-table--1 .sum { color: white; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--1 .sum { width: 120px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .sum { width: 100px; } }
@media screen and (max-width: 1232px) { .cart-table--1 .sum { margin: 0 0 10px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .tax { width: 110px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .remove { width: 60px; } }

@media screen and (max-width: 1232px) { .cart-table--2 .image { display: none; } }
@media screen and (min-width: 1869px) { .cart-table--2 .name { width: 416px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--2 .name { width: 436px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--2 .name { width: 348px; } }
@media screen and (min-width: 1233px) { .cart-table--2 .count { width: 98px; } }
@media screen and (min-width: 1233px) { .cart-table--2 .sum { border-bottom-right-radius: 5px; border-top-right-radius: 5px; width: 274px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--2 .sum { width: 150px; } }

@media screen and (max-width: 1232px) { .cart-table--3 .image { display: none; } }
@media screen and (min-width: 1869px) { .cart-table--3 .name { width: 672px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--3 .name { width: 368px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--3 .name { width: 348px; } }
@media screen and (min-width: 1869px) { .cart-table--3 .count { padding: 0 124px; } }
@media screen and (min-width: 1233px) { .cart-table--3 .count { width: 98px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--3 .count { padding: 0 64px; } }
@media screen and (min-width: 1233px) { .cart-table--3 .sum { border-bottom-right-radius: 5px; border-top-right-radius: 5px; width: 214px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--3 .sum { width: 150px; } }

/*----------------------------------------------------- */
/* CART PROMO */
/*----------------------------------------------------- */
@media screen and (min-width: 441px) { .cart-promo { width: 372px; } }
@media screen and (min-width: 1233px) { .cart-promo { float: left; } }
@media screen and (min-width: 441px) and (max-width: 1232px) { .cart-promo { margin: 0 0 30px; } }
@media screen and (max-width: 440px) { .cart-promo { margin: 0 0 20px; } }
.cart-promo .heading { margin: 0 0 12px; }
.cart-promo .heading .page-title-3 { display: inline; margin: 0; }
.cart-promo .input-field { background: white; border-radius: 25px; float: left; font-size: 16px; height: 50px; margin-right: -125px; padding: 15px 145px 15px 20px; width: 100%; }
@media screen and (max-width: 440px) { .cart-promo .input-field { margin-right: -110px; padding-right: 120px; } }
.cart-promo .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; padding: 0; width: 125px; }
@media screen and (max-width: 440px) { .cart-promo .button { font-size: 14px; width: 110px; } }

/*----------------------------------------------------- */
/* CART TOTAL */
/*----------------------------------------------------- */
@media screen and (min-width: 441px) { .cart-total { width: 408px; } }
@media screen and (min-width: 1233px) { .cart-total { float: right; } }
.cart-total .list { width: 100%; }
.cart-total .list tr:nth-last-child(2) th, .cart-total .list tr:nth-last-child(2) td { padding: 0 0 16px; }
.cart-total .list tr:last-child th, .cart-total .list tr:last-child td { border-top: 1px solid #cbccce; font-size: 21px; font-weight: bold; padding: 16px 0; }
.cart-total .list th { font-weight: 300; padding: 0 0 8px; text-align: left; width: 130px; }
.cart-total .list td { font-size: 18px; font-weight: normal; padding: 0 0 10px; }
.cart-total .list td small { font-size: 16px; }
.cart-total .button { float: left; margin: 0 0 12px; padding: 0; width: 380px; }
@media screen and (max-width: 440px) { .cart-total .button { font-size: 14px; margin: 0 0 16px; width: 49%; } }
.cart-total .button:first-child { margin-right: 16px; }
@media screen and (max-width: 440px) { .cart-total .button:first-child { margin-right: 2%; } }
.cart-total .link { color: #777; display: block; font-size: 16px; }
@media screen and (min-width: 441px) { .cart-total .link { float: left; width: 196px; } }
.cart-total .link:hover { color: #0cb28b; }
.cart-total .link .fa-arrow-alt-circle-right, .cart-total .link .fa-times-circle { margin-right: 5px; }
.cart-total .link:first-child { margin-right: 16px; }
@media screen and (max-width: 440px) { .cart-total .link:first-child { margin: 0 0 8px; } }

/*----------------------------------------------------- */
/* CART NOTE */
/*----------------------------------------------------- */
.cart-note { font-size: 14px; }
@media screen and (min-width: 1233px) { .cart-note { float: right; } }
@media screen and (min-width: 441px) { .cart-note { width: 408px; } }
.cart-note p { margin: 0 0 10px; }
.cart-note p:last-child { margin: 0; }
.cart-note .phone { font-size: 21px; font-weight: normal; }

/*----------------------------------------------------- */
/* EMPTY CART */
/*----------------------------------------------------- */
.empty-cart { background: #1f67b1 url(../img/empty-cart.png) 100px 50% no-repeat; border-radius: 5px; color: white; font-size: 14px; padding: 30px 30px 30px 280px; }
@media screen and (max-width: 1444px) { .empty-cart { background-image: none; padding: 25px; } }
@media screen and (max-width: 440px) { .empty-cart { padding: 16px; } }
.empty-cart .caption-1 { font-size: 24px; margin: 0 0 8px; }
@media screen and (max-width: 1444px) { .empty-cart .caption-1 { display: none; } }
.empty-cart .caption-2 { font-size: 14px; margin: 0 0 12px; }
@media screen and (max-width: 1444px) { .empty-cart .caption-2 { display: none; } }
.empty-cart .caption-3 { font-size: 24px; font-weight: bold; margin: 0 0 8px; }
@media screen and (max-width: 1444px) { .empty-cart .caption-3 { margin: 0 0 16px; } }

/*----------------------------------------------------- */
/* CHECKOUT STEP */
/*----------------------------------------------------- */
.checkout-steps { counter-reset: cs_counter; list-style: none; margin: 0; padding: 0; }

.checkout-step { height: 0; overflow: hidden; opacity: 0; position: absolute; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; }
.checkout-step.is-visible { height: auto; opacity: 1; position: static; visibility: visible; }
.checkout-step .heading { background: white; font-size: 16px; height: 50px; line-height: 50px; margin: 0; padding: 0 20px 0 60px; position: relative; }
@media screen and (max-width: 440px) { .checkout-step .heading { padding: 0 16px 0 58px; } }
.checkout-step .heading::before { background: #0cb28b; border-radius: 100%; color: white; counter-increment: cs_counter; content: counter(cs_counter); display: block; font-size: 16px; font-weight: bold; height: 26px; left: 20px; line-height: 24px; margin: -13px 0 0; position: absolute; text-align: center; top: 50%; width: 26px; }
@media screen and (max-width: 440px) { .checkout-step .heading::before { left: 16px; } }
.checkout-step .prev-step, .checkout-step .next-step { margin: 16px 0 0; text-transform: none; }
.checkout-step .prev-step { float: left; }
.checkout-step .next-step { float: right; }
.checkout-step .complete { margin: 30px 0 0; }
@media screen and (max-width: 440px) { .checkout-step .complete { margin: 20px 0 0; } }
.checkout-step .complete .check-box-1 { float: left; width: 70%;  line-height: 48px; }
@media screen and (max-width: 1232px) and (min-width: 669px){ .checkout-step .complete .check-box-1 {width: 100%;} }
.checkout-step .complete .button { float: right; padding: 0; width: 200px; }

.checkout-step--1 .heading { border-radius: 5px; }

.checkout-step--2 { border-radius: 5px; }
.checkout-step--2 .heading { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.checkout-step--2 .page-block { border-top-left-radius: 0; border-top-right-radius: 0; padding: 0 20px 20px; }
@media screen and (max-width: 440px) { .checkout-step--2 .page-block { padding: 0 16px 16px; } }
.checkout-step--2 .preset { margin: 0 0 20px; }
.checkout-step--2 .preset .title { font-weight: normal; margin: 0 0 5px; }
.checkout-step--2 .preset .title small { color: #b2b4b7; font-size: 14px; font-weight: 300; }
@media screen and (max-width: 1444px) { .checkout-step--2 .preset .title small { display: block; } }
@media screen and (min-width: 669px) { .checkout-step--2 .preset .select-box { width: 308px; } }
.checkout-step--2 .group { margin: 0 0 8px; }
@media screen and (max-width: 668px) { .checkout-step--2 .group { margin: 0 0 20px; } }
.checkout-step--2 .group .title { color: #b2b4b7; font-size: 14px; font-weight: 300; margin: 0 0 10px; text-transform: uppercase; }

.bx-soa-customer-field { position: relative; }
.bx-soa-tooltip.bx-soa-tooltip-static { overflow: hidden; width: 100%; position: absolute;z-index: 1;top:0px;font-size: 12px;}
.tooltip-inner { padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px; white-space: nowrap;}
.tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;bottom: -5px;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.bx-soa-tooltip.bx-soa-tooltip-danger  .tooltip-arrow{border-top-color:#F2DEDE;}
.bx-soa-tooltip.bx-soa-tooltip-danger  .tooltip-inner{background:#F2DEDE;color:#A94442;}
.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-arrow{border-top-color:#FCF8E3;}
.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-inner{background:#FCF8E3;color:#8A6D3B;}
.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-arrow{border-top-color:#dff0d8;}
.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner{background:#dff0d8;color:#3c763d;}

.bx-soa-section-content .input-group-2 input {display: inline-block;margin: 0px 10px 0px 0px;}
.bx-soa-section-content .input-group-2 .caption {display: inline-block;}
.bx-soa-custom-label {display: block;font-weight: normal;margin: 0 0 5px;}
.bx-soa-pp-company input {height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}

.bx-soa-pp-desc-container {padding-top: 7px;}
.bx-soa-pp-company {padding-bottom: 20px;z-index: 100;position: relative;}
.bx-soa-pp-desc-container .bx-soa-pp-company {background: #f8fafc;border: 1px solid #d5dadc;padding: 7px 15px;}
.bx-soa-pp-company-subTitle {font-size: 15px;font-weight: bold;}
.bx-soa-pp-desc-container .bx-soa-pp-company-logo {max-width: 150px;}
.bx-soa-pp-company-graf-container {border: 2px solid #c3cace;border-radius: 2px;position: relative;background: #fff;width: auto;height: 0;padding-top: 50%;}
.bx-soa-pp-company-image {position: absolute;top: 5px;right: 5px;bottom: 5px;left: 5px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.bx-soa-pp-company-desc {font-size: 13px;padding-top: 10px;line-height: 17px;}

.bx-soa-pp-company.bx-selected  .bx-soa-pp-company-graf-container {border-color: #159ebb;}
.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container {border-color: #159ebb;}
.bx-soa-pp-company.bx-bd-error  .bx-soa-pp-company-graf-container {border-color: #db4a29;}
.bx-soa-pp-company.bx-bd-waring .bx-soa-pp-company-graf-container {border-color: #CCBE71;}

ul.bx-soa-pp-list {margin: 0;padding: 0;list-style: none;font-size: 13px;}
ul.bx-soa-pp-list li {padding: 5px 0;}
.bx-soa-pp-list-termin {color: #8d8d8d;display: inline-block;}
.bx-soa-pp-list-description {display: inline-block;margin: 0px 0px 0px 10px;}

.checkout-total .bx-price-old {display: inline-block;color: #da3131;text-decoration: line-through;font-size: 12px;margin: 0px 0px 0px 10px;}

#loading_screen{position:fixed;z-index: 1150;left:50%;top:50%;margin-left: -32px;margin-top: -32px;width:64px;height:64px;}

/*----------------------------------------------------- */
/* CHECKOUT PAYMENT */
/*----------------------------------------------------- */
.checkout-payment { list-style: none; margin: 0; padding: 0; }
.checkout-payment li { float: left; margin-right: 15px; width: 318px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .checkout-payment li { margin-right: 25px; } }
@media screen and (max-width: 1444px) { .checkout-payment li { float: none; margin: 0 0 8px; width: auto; } }
.checkout-payment li:last-child { margin: 0; }
.checkout-payment label { cursor: pointer; display: block; text-align: center; }
@media screen and (min-width: 441px) and (max-width: 1444px) { .checkout-payment label { text-align: left; } }
.checkout-payment label input[type='checkbox'] { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.checkout-payment label input[type='checkbox']:checked + .wrapper { background: white; border-color: #0cb28b; }
.checkout-payment span { display: block; }
.checkout-payment .wrapper { background: #eff1f0; border: 2px solid #eff1f0; border-radius: 5px; padding: 23px; -webkit-transition: background 0.36s, border-color 0.36s; -o-transition: background 0.36s, border-color 0.36s; transition: background 0.36s, border-color 0.36s; }
@media screen and (max-width: 440px) { .checkout-payment .wrapper { padding: 14px; } }
.checkout-payment .icon { height: 64px;margin: 0 auto 16px;width: 64px;background-size: contain;background-repeat: no-repeat;text-align: center;background-position: center center;}
@media screen and (min-width: 441px) and (max-width: 1444px) { .checkout-payment .icon { float: left; margin: 0 16px 0 0; } }
.checkout-payment .text { overflow: hidden; }
.checkout-payment .title { display: block; margin: 0 0 8px; }
@media screen and (min-width: 1445px) { .checkout-payment .title { height: 18px; line-height: 18px; overflow: hidden; } }
.checkout-payment .brief { font-size: 14px; }
@media screen and (min-width: 1445px) { .checkout-payment .brief { height: 64px; line-height: 16px; overflow: hidden; } }

/*----------------------------------------------------- */
/* CHECKOUT TOTAL */
/*----------------------------------------------------- */
.checkout-total { background: white; border: 2px solid #0cb28b; border-radius: 5px; padding: 23px; }
@media screen and (min-width: 441px) and (max-width: 1868px) { .checkout-total { margin: 30px 0 0; } }
@media screen and (max-width: 440px) { .checkout-total { margin: 20px 0 0; } }
@media screen and (max-width: 440px) { .checkout-total { padding: 14px; } }
.checkout-total .list { margin: 0 0 16px; width: 100%; }
.checkout-total .list th, .checkout-total .list td { font-size: 18px; padding: 0 12px 8px; }
.checkout-total .list th { font-weight: 300; text-align: left; }
.checkout-total .list td { font-weight: normal; }
.checkout-total .list tr:last-child { background: #eff1f0; }
.checkout-total .list tr:last-child th, .checkout-total .list tr:last-child td { font-weight: bold; padding: 8px 0 0; }
.checkout-total .list tr:last-child th { font-size: 24px; }
.checkout-total .list tr:last-child th div { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.checkout-total .list tr:last-child td { font-size: 21px; }
.checkout-total .list tr:last-child td div { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.checkout-total .list tr:last-child div { background: #eff1f0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; width: 100%; }
.checkout-total .note { font-size: 14px; }
.checkout-total .note p { margin: 0 0 10px; }
.checkout-total .note p:last-child { margin: 0; }
.checkout-total .note .phone { font-size: 21px; font-weight: normal; }

/*----------------------------------------------------- */
/* AUTHORIZATION */
/*----------------------------------------------------- */
.authorization { display: table; width: 1240px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .authorization { width: 100%; } }
@media screen and (max-width: 1444px) { .authorization { display: block; width: auto; } }

@media screen and (min-width: 1445px) { .authorization_form { display: table-cell; vertical-align: middle; width: 570px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .authorization_form { width: 570px; } }
@media screen and (min-width: 441px) and (max-width: 1444px) { .authorization_form { margin: 0 0 30px; } }
@media screen and (max-width: 440px) { .authorization_form { margin: 0 0 20px; } }
.authorization_form:only-child { display: block; }
.authorization_form .input-group-1 .caption { width: 182px; }
@media screen and (max-width: 668px) { .authorization_form .input-group-1 .caption { float: none; height: auto; line-height: 1.28; margin: 0 0 5px; width: auto; } }
.authorization_form .input-group-1 .input-field, .authorization_form .input-group-1 .select-box { width: 380px; }
@media screen and (max-width: 668px) { .authorization_form .input-group-1 .input-field, .authorization_form .input-group-1 .select-box { width: 100%; } }
.authorization_form .agreement { margin: 25px 0; }
@media screen and (min-width: 669px) { .authorization_form .agreement { padding-left: 190px; } }
@media screen and (max-width: 440px) { .authorization_form .agreement { margin: 20px 0; } }
.authorization_form .agreement .check-box-1 { margin: 12px 0; }
.authorization_form .links { font-size: 14px; list-style: none; margin: 16px 0 25px; padding: 0 0 0 190px; }
@media screen and (max-width: 668px) { .authorization_form .links { padding: 0; } }
@media screen and (max-width: 440px) { .authorization_form .links { margin: 16px 0; } }
@media screen and (min-width: 441px) { .authorization_form .links li:first-child { float: left; } }
@media screen and (max-width: 440px) { .authorization_form .links li:first-child { margin: 0 0 8px; } }
@media screen and (min-width: 441px) { .authorization_form .links li:last-child { float: right; } }
.authorization_form .links a { color: #787878; }
.authorization_form .links a:hover { color: #0cb28b; }
.authorization_form .submit { padding: 0; width: 200px; }
@media screen and (min-width: 669px) { .authorization_form .submit { margin-left: 190px; } }

@media screen and (min-width: 1869px) { .authorization_services { padding-left: 80px; width: 540px; } }
@media screen and (min-width: 1445px) { .authorization_services { display: table-cell; vertical-align: middle; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .authorization_services { padding-left: 40px; width: 374px; } }
.authorization_services p { font-size: 14px; margin: 12px 0 0; }
.authorization_services .page-title-3 { font-size: 16px; margin: 0 0 12px; }
@media screen and (min-width: 441px) { .authorization_services .profile-sns li { margin-bottom: 8px; margin-top: 8px; } }

/*----------------------------------------------------- */
/* ORDERS FILTER */
/*----------------------------------------------------- */
.orders-filter { background: white; border-radius: 5px; margin: 0 0 16px; padding: 12px 20px; }
.orders-filter .caption { font-size: 14px; font-weight: normal; }
@media screen and (min-width: 1445px) { .orders-filter .caption { float: left; height: 34px; line-height: 32px; margin-right: 9px; } }
@media screen and (max-width: 1444px) { .orders-filter .caption { margin: 0 0 5px; } }
@media screen and (min-width: 669px) { .orders-filter .type { float: left; margin-right: 80px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .orders-filter .type { margin-right: 40px; width: 270px; } }
@media screen and (max-width: 668px) { .orders-filter .type { margin: 0 0 16px; } }
@media screen and (min-width: 1445px) { .orders-filter .type .select-box { float: left; width: 232px; } }
@media screen and (min-width: 669px) { .orders-filter .date { float: left; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .orders-filter .date { width: 270px; } }
@media screen and (min-width: 1445px) { .orders-filter .date .caption { margin-right: 20px; } }
.orders-filter .date label { cursor: pointer; display: block; float: left; margin-right: 12px; position: relative; width: 129px; }
@media screen and (max-width: 668px) { .orders-filter .date label { margin-right: 2%; width: 49%; } }
.orders-filter .date label:last-child { margin: 0; }
.orders-filter .date .input-field { padding-right: 38px; width: 100%; }
@media screen and (max-width: 440px) { .orders-filter .date .input-field { padding-right: 28px; } }
.orders-filter .date .fa-calendar-alt { pointer-events: none; position: absolute; right: 14px; top: 9px; }
@media screen and (max-width: 440px) { .orders-filter .date .fa-calendar-alt { right: 8px; } }

/*----------------------------------------------------- */
/* ORDER ITEM */
/*----------------------------------------------------- */
.order-item { margin: 0 0 8px; padding: 20px; }
.order-item:last-child { margin: 0; }
@media screen and (min-width: 669px) { .order-item div { float: left; padding-right: 20px; } }
@media screen and (max-width: 668px) { .order-item div { margin: 0 0 16px; } }
.order-item div:last-child { margin: 0; padding: 0; }
.order-item p { color: #787878; font-size: 14px;line-height: 18px; margin: 0; }
.order-item .page-title-3, .order-item .page-title-4 { color: #34393c; height: 24px; line-height: 24px; margin: 0; }

@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 div { padding-bottom: 20px; } }
@media screen and (min-width: 1869px) { .order-item--1 .id { width: 140px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .id { width: 104px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .id { width: 180px; } }
@media screen and (min-width: 1869px) { .order-item--1 .count { width: 390px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .count { width: 243px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .order-item--1 .count { padding-right: 0; width: 592px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .order-item--1 .count { padding-right: 0; width: 380px; } }
@media screen and (min-width: 1869px) { .order-item--1 .status { width: 200px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .status { width: 133px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .status { width: 180px; } }
.order-item--1 .price { width: 210px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .price { width: 143px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .price { width: 180px; } }
@media screen and (min-width: 1869px) { .order-item--1 .payment { width: 260px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .payment { width: 153px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .payment { padding-right: 0; width: 180px; } }
.order-item--1 .read-more { float: left; margin: 4px 0; padding: 0; width: 128px; }
@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .read-more { clear: both; margin: 0; } }

@media screen and (min-width: 1445px) { .order-item--2 .date { width: 160px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--2 .date { width: 140px; } }
@media screen and (min-width: 1445px) { .order-item--2 .status { width: 240px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--2 .status { width: 160px; } }

.order-cancel textarea { width: 100%; height: 100px; }

/*----------------------------------------------------- */
/* ORDER TOTAL */
/*----------------------------------------------------- */
.order-total { margin: 24px 0 0; }
.order-total .sum, .order-total .delivery { font-size: 24px; margin: 0 0 24px; }
@media screen and (min-width: 441px) { .order-total .sum, .order-total .delivery { text-align: right; } }
@media screen and (max-width: 440px) { .order-total .sum, .order-total .delivery { margin: 0 0 16px; } }
.order-total .sum strong, .order-total .delivery strong { font-size: 21px; }
.order-total .button { float: right; margin-right: 10px; padding: 0; width: 180px; }
@media screen and (max-width: 440px) { .order-total .button { font-size: 14px; margin-right: 2%; width: 49%; } }
.order-total .button:first-child { margin-right: 0; }

/*----------------------------------------------------- */
/* PROFILE PERSONAL */
/*----------------------------------------------------- */
.profile-personal .page-block { padding: 20px; }
.profile-personal .group-1 { margin: 0; }
@media screen and (max-width: 1444px) { .profile-personal .group-1 { margin: 0; } }
.profile-personal .group-2 { margin: 0 0 8px; }
@media screen and (max-width: 440px) { .profile-personal .group-2 { margin: 0 0 20px; } }
.profile-personal .group-2 .title { color: #b2b4b7; font-size: 14px; font-weight: 300; margin: 0 0 10px; text-transform: uppercase; }
.profile-personal .login { color: #b2b4b7; margin: 0 0 20px; }
@media screen and (min-width: 1445px) { .profile-personal .login:not(:only-child) { float: left; height: 34px; line-height: 34px; margin: 0 30px 0 0; width: 308px; } }
@media screen and (max-width: 1444px) { .profile-personal .login:not(:only-child) { margin: 0 0 16px; } }
.profile-personal .login span { color: #34393c; font-weight: normal; margin-right: 5px; }
.profile-personal .preset { float: left; margin-right: 30px; width: 308px; }
@media screen and (min-width: 669px) and (max-width: 1444px) { .profile-personal .preset { margin-right: 16px; width: 282px; } }
@media screen and (max-width: 668px) { .profile-personal .preset { margin-right: 8px; width: 214px; } }
@media screen and (max-width: 440px) { .profile-personal .preset { margin-right: 0; } }
.profile-personal .remove { color: #da3131; display: inline-block; font-size: 14px; height: 34px; line-height: 34px; }
@media screen and (max-width: 440px) { .profile-personal .remove { text-align: center; width: 34px; } }
.profile-personal .remove span { margin-left: 5px; }
@media screen and (max-width: 440px) { .profile-personal .remove span { display: none; } }
.profile-personal .sn-linking { border-top: 1px solid #cacccc; margin: 10px 0 0; padding: 20px 0 0; }
.profile-personal .sn-linking .profile-sns a { font-size: 24px; height: 48px; line-height: 48px; width: 48px; }
@media screen and (min-width: 1445px) { .profile-personal .agreement { float: left; height: 50px; line-height: 47px; width: 480px; } }
@media screen and (min-width: 441px) and (max-width: 1444px) { .profile-personal .agreement { margin: 0 0 30px; } }
@media screen and (max-width: 440px) { .profile-personal .agreement { margin: 0 0 20px; } }
.profile-personal .submit { padding: 0; width: 225px; margin: 0px 10px 15px 10px; }
@media screen and (min-width: 1445px) { .profile-personal .submit { float: right; } }
.profile-personal .submit:first-child { margin-right: 0px; }
@media screen and (max-width: 1870px) { .profile-personal .submit:first-child { margin-right: 10px; } }

.profile-personal .bx-sls .dropdown-block {
    height: 34px;
    background-color: #eff1f1;
    border: none;
    border-radius: 17px;
}

.profile-personal .bx-sls .dropdown-fade2white {
    background: #eff1f1 !important;
    border: none;
    border-radius: 17px;
}

/*----------------------------------------------------- */
/* PROFILE SNS */
/*----------------------------------------------------- */
.profile-sns { list-style: none; margin: 0; padding: 0; }
.profile-sns li { float: left; margin: 0 8px 0 0; }
@media screen and (max-width: 440px) { .profile-sns li { margin: 0 2px 0 0; } }
.profile-sns li:last-child { margin-right: 0; }
.profile-sns a { border-radius: 100%; color: white; display: block; font-size: 30px; height: 58px; line-height: 58px; text-align: center; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; width: 58px; }
@media screen and (max-width: 440px) { .profile-sns a { height: 56px; line-height: 56px; width: 56px; } }
.profile-sns a:hover { background: #494d50; }
.profile-sns .i-1 { background: #6996c7; }
.profile-sns .i-2 { background: #496194; }
.profile-sns .i-3 { background: #47b0d3; }
.profile-sns .i-4 { background: #f48420; }
.profile-sns .i-5 { background: #28c3ff; }

/*----------------------------------------------------- */
/* PROFILE PASSWORD */
/*----------------------------------------------------- */
.profile-password { background: white; border-radius: 5px; padding: 18px; }
@media screen and (min-width: 441px) and (max-width: 1868px) { .profile-password { margin: 30px 0 0; } }
@media screen and (max-width: 440px) { .profile-password { margin: 20px 0 0; padding: 14px; } }
.profile-password .page-title-3 { margin: 0 0 16px; }
@media screen and (max-width: 440px) { .profile-password .page-title-3 { margin: 0 0 14px; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .profile-password .input-group-2 { float: left; margin: 0 30px 0 0; width: 100%; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .profile-password .input-group-2 { width: 286px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .profile-password .input-group-2 { float: left; margin: 0 0 16px 30px; width: 275px; } }
@media screen and (min-width: 669px) and (max-width: 1444px) { .profile-password .input-group-2:first-child { margin-left: 0; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-password .input-group-2 .caption { height: 20px; line-height: 20px; } }
.profile-password .new-pass { display: block; position: relative; }
.profile-password .new-pass .input-field { padding-right: 42px; }
.profile-password .reveal-pass { color: #494d50; display: block; height: 34px; line-height: 34px; position: absolute; right: 0; text-align: center; top: 0; width: 42px; z-index: 11; }
.profile-password .reveal-pass.is-active .fa-eye { display: none; }
.profile-password .reveal-pass.is-active .fa-eye-slash { display: inline-block; }
.profile-password .reveal-pass .fa-eye-slash { display: none; }
.profile-password .submit { display: block; margin: 16px 0 0; padding: 0; text-transform: none; width: 160px; }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .profile-password .submit { float: left; margin: 25px 0 0; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .profile-password .submit { clear: both; margin: 0; } }
.profile-password .note { font-size: 14px; margin: 20px 0 0; }
.profile-password .note p { margin: 0 0 10px; }
.profile-password .note p:last-child { margin: 0; }
.profile-password .note .phone { font-size: 21px; font-weight: normal; }

/*----------------------------------------------------- */
/* PROFILE SUBSCRIPTIONS */
/*----------------------------------------------------- */
.profile-subscriptions { padding: 14px 0 0; }
@media screen and (max-width: 440px) { .profile-subscriptions { padding: 4px 0 0; } }
.profile-subscriptions .check-box-1 { margin: 0 0 20px; }
.profile-subscriptions .check-box-1 strong { display: block; font-size: 16px; }
.profile-subscriptions .unsubscribe { height: 20px; line-height: 20px; margin: 30px 0; }
@media screen and (max-width: 440px) { .profile-subscriptions .unsubscribe { margin: 20px 0; } }
.profile-subscriptions .unsubscribe a { color: #34393c; display: inline-block; font-size: 14px; }
.profile-subscriptions .submit { padding: 0 40px; }

.profile-subscriptions .subscription-layout{margin: 0px 0px 20px 0px;}
.profile-subscriptions .subscription-layout table{width: 100%;}
.profile-subscriptions .subscription-layout table td {vertical-align: middle;}
.profile-subscriptions .subscription-layout table td.field-name {width: 70px;text-align: right;padding-right: 7px;}
.profile-subscriptions .subscription-format {white-space: nowrap;float: right;}
.profile-subscriptions .subscription-format > div {float: right;margin: 0px 10px 0px 0px;}
.profile-subscriptions .sn-linking {border-top: 1px solid #cacccc;margin: 10px 0 0;padding: 20px 0 0;}
.profile-subscriptions .subscription-notes{font-size: 18px;margin: 0 0 18px;text-transform: uppercase;}

/*----------------------------------------------------- */
/* PROFILE BONUS */
/*----------------------------------------------------- */
.profile-bonus-request { padding: 14px 0 0; }
@media screen and (max-width: 440px) { .profile-bonus-request { padding: 4px 0 0; } }
.profile-bonus-request .note { font-size: 14px; margin: 0 0 12px; }
.profile-bonus-request .phone { font-size: 21px; font-weight: normal; margin: 0 0 30px; }
@media screen and (max-width: 440px) { .profile-bonus-request .phone { margin: 0 0 20px; } }
.profile-bonus-request .proceed { padding: 0; width: 360px; }
@media screen and (max-width: 440px) { .profile-bonus-request .proceed { font-size: 14px; width: 288px; } }

/*----------------------------------------------------- */
/* PROFILE BONUS CURRENT */
/*----------------------------------------------------- */
.profile-bonus-current { padding: 4px 0 0; }
.profile-bonus-current .note { font-size: 14px; margin: 0 20px 20px 0; }
@media screen and (min-width: 669px) { .profile-bonus-current .note { float: left; height: 44px; line-height: 22px; } }
@media screen and (max-width: 668px) { .profile-bonus-current .note { margin-right: 0; } }
.profile-bonus-current .note span { display: block; font-size: 18px; font-weight: normal; }
@media screen and (max-width: 668px) { .profile-bonus-current .note span { margin: 0 0 6px; } }
.profile-bonus-current .count { background: white; border: 2px solid #0cb28b; border-radius: 5px; color: #0cb28b; float: left; font-size: 24px; font-weight: bold; height: 40px; line-height: 38px; margin: 0 20px 20px 0; padding: 0 14px; }
@media screen and (min-width: 669px) and (max-width: 1232px) { .profile-bonus-current .count { margin-right: 0; } }
.profile-bonus-current .redeem { float: left; margin: 0 0 20px; }
@media screen and (min-width: 669px) and (max-width: 1444px) { .profile-bonus-current .redeem { float: none; } }
@media screen and (max-width: 440px) { .profile-bonus-current .redeem .caption-1 { display: none; } }
@media screen and (min-width: 441px) { .profile-bonus-current .redeem .caption-2 { display: none; } }

/*----------------------------------------------------- */
/* PROFILE BONUS SWITCH */
/*----------------------------------------------------- */
.profile-bonus-switch { margin: 0 0 16px; }
@media screen and (max-width: 668px) { .profile-bonus-switch { padding-left: 30px; position: relative; } }
@media screen and (max-width: 668px) { .profile-bonus-switch .lever { float: none; height: 40px; left: 0; position: absolute; top: 0; width: 20px; } }
@media screen and (max-width: 668px) { .profile-bonus-switch .lever.is-active-left::before { left: 2px; top: 2px; } }
@media screen and (max-width: 668px) { .profile-bonus-switch .lever.is-active-right::before { left: 2px; top: 22px; } }
@media screen and (max-width: 668px) { .profile-bonus-switch .lever::before { left: 2px; -webkit-transition: top 0.18s; -o-transition: top 0.18s; transition: top 0.18s; } }
@media screen and (max-width: 668px) { .profile-bonus-switch .caption { float: none; height: 20px; line-height: 20px; } }
@media screen and (max-width: 668px) { .profile-bonus-switch .caption:first-child, .profile-bonus-switch .caption:last-child { padding: 0; } }

/*----------------------------------------------------- */
/* PROFILE BONUS DETAILS */
/*----------------------------------------------------- */
.profile-bonus-details { width: 100%; }
@media screen and (max-width: 1232px) { .profile-bonus-details { display: block; } }
@media screen and (max-width: 1232px) { .profile-bonus-details tbody, .profile-bonus-details th, .profile-bonus-details td, .profile-bonus-details tr { display: block; } }
@media screen and (max-width: 1232px) { .profile-bonus-details tr { background: white; border-radius: 5px; margin: 0 0 8px; padding: 20px; } }
@media screen and (max-width: 440px) { .profile-bonus-details tr { padding: 16px; } }
.profile-bonus-details tr { background: #fff; }
.profile-bonus-details tr:last-child { margin: 0; }
.profile-bonus-details th, .profile-bonus-details td { font-weight: normal; text-align: left; }
@media screen and (min-width: 1233px) { .profile-bonus-details th:first-child > div, .profile-bonus-details td:first-child > div { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } }
@media screen and (min-width: 1233px) { .profile-bonus-details th:last-child > div, .profile-bonus-details td:last-child > div { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } }
@media screen and (min-width: 1233px) { .profile-bonus-details th > div, .profile-bonus-details td > div { background: white; padding: 16px 20px; } }
.profile-bonus-details th { font-size: 14px; }
@media screen and (min-width: 1233px) { .profile-bonus-details th { padding: 0 0 8px; } }
@media screen and (min-width: 1233px) { .profile-bonus-details td { padding: 8px 0 0; } }
@media screen and (max-width: 1232px) { .profile-bonus-details td { margin: 0 0 8px; } }
@media screen and (max-width: 440px) { .profile-bonus-details td { font-size: 14px; } }
.profile-bonus-details td:last-child { margin: 0; }
.profile-bonus-details td .caption { color: #b2b4b7; }
@media screen and (min-width: 1233px) { .profile-bonus-details td .caption { display: none; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .profile-bonus-details td .caption { display: inline-block; width: 300px; } }
.profile-bonus-details td .count strong { color: #0cb28b; }
@media screen and (max-width: 1232px) { .profile-bonus-details .heading { display: none; } }
@media screen and (min-width: 1869px) { .profile-bonus-details .date { width: 225px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .date { width: 140px; } }
@media screen and (min-width: 1869px) { .profile-bonus-details .received { width: 343px; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .received { width: 264px; } }
@media screen and (min-width: 1869px) { .profile-bonus-details .count { width: 400px; } }
@media screen and (min-width: 1233px) { .profile-bonus-details .count { text-align: center; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .count { width: 240px; } }
@media screen and (min-width: 1869px) { .profile-bonus-details .valid { width: 340px; } }
@media screen and (min-width: 1233px) { .profile-bonus-details .valid { text-align: center; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .valid { width: 240px; } }
.profile-bonus-details .valid .overdue { color: #da3131; }

/*----------------------------------------------------- */
/* SEO TEXT */
/*----------------------------------------------------- */
.seo-text { font-size: 14px; }
.seo-text p { margin: 0; }

/*----------------------------------------------------- */
/* PAGINATION */
/*----------------------------------------------------- */
.pagination-wrapper { display: inline-block; margin: 14px 0; text-align: center; width: 100%; }
@media screen and (max-width: 440px) { .pagination { display: block; margin: 16px 0 0; } }
.pagination-wrapper .load { display: block; float: left; padding: 0; text-transform: none; width: 140px; }
@media screen and (max-width: 440px) { .pagination-wrapper .load { float: none; margin: 0 auto 16px; } }
.pagination { float: right; }
@media screen and (max-width: 440px) { .pagination { display: inline-block; float: none; } }
.pagination .list {  list-style: none; margin: 0; padding: 0; }
.pagination .list:only-child { display: inline-block; float: none; }
.pagination .list li { color: #cbccce; float: left; line-height: 34px; margin-right: 4px; }
.pagination .list li:last-child { margin-right: 0; }
.pagination .list li.is-active span { background: #0cb28b; border-color: #0cb28b; }
.pagination .list a, .pagination .list span { display: block; padding: 0; width: 42px; }

/*----------------------------------------------------- */
/* FOOTER */
/*----------------------------------------------------- */
.footer { background: #34393c; color: white; font-size: 14px; }
.footer .title { color: #b2b4b7; font-size: 14px; font-weight: 300; margin: 0 0 8px; text-transform: uppercase; }

.footer_top { padding: 36px 0 20px; }
@media screen and (max-width: 1868px) { .footer_top { padding: 20px 0; } }

.footer_middle { border-top: 2px solid #494d50; padding: 20px 0 30px; }
@media screen and (min-width: 1869px) { .footer_middle { height: 175px; } }
/* @media screen and (max-width: 1868px) { .footer_middle { display: none; } } */

.footer_bottom { background: #212427; padding: 16px 0; }
@media screen and (min-width: 1233px) { .footer_bottom {line-height: 25px; } }
.footer_bottom .copyright { float: left; margin-right: 16px; width: 196px; }
@media screen and (max-width: 1232px) { .footer_bottom .copyright { float: none; margin: 0 0 16px; } }
.footer_bottom .links { float: left; list-style: none; margin: 0; padding: 0; }
@media screen and (max-width: 1232px) { .footer_bottom .links { float: none; } }
.footer_bottom .links li { float: left; margin-right: 40px; }
@media screen and (max-width: 668px) { .footer_bottom .links li { float: none; margin: 0 0 8px; } }
.footer_bottom .links li:last-child { margin: 0; }
.footer_bottom .links a { color: #777; }
.footer_bottom .links a:hover { color: white; }
.footer_bottom .payment-methods { float: right; }
@media screen and (max-width: 1868px) { .footer_bottom .payment-methods { display: none; } }

.footer_contacts { float: left; /*margin-right: 90px;*/ width: 210px; }
/* @media screen and (max-width: 1868px) { .footer_contacts { display: none; } } */
@media screen and (max-width: 1288px) { .footer_address { display: none; } }
.footer_contacts .phone { color: white; font-size: 18px; font-weight: normal; }
.footer_contacts .address, .footer_contacts .email { margin: 0 0 24px; }
.footer_contacts .email { display: inline-block; }

.footer_sns { float: left; }
@media screen and (max-width: 1232px) { .footer_sns { margin: 0 0 20px; } }
@media screen and (max-width: 668px) { .footer_sns { float: none; } }
.footer_sns .list { list-style: none; margin: 14px 0 0; padding: 0; }
.footer_sns .list li { float: left; margin-right: 5px; }
.footer_sns .list li:last-child { margin: 0; }
.footer_sns .list a { border-radius: 100%; display: block; font-size: 18px; height: 34px; line-height: 34px; text-align: center; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; width: 34px; }
.footer_sns .list a:hover { color: white; }

@media screen and (min-width: 1445px) { .footer_sns--1 { margin-right: 65px; width: 150px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .footer_sns--1 { margin-right: 40px; } }
.footer_sns--1 a { color: white; }
.footer_sns--1 a:hover { background: #212427; }
.footer_sns--1 .i-1 { background: #32a3db; }
.footer_sns--1 .i-2 { background: #7c519b; }

@media screen and (min-width: 669px) and (max-width: 1232px) { .footer_sns--2 { float: none; } }
.footer_sns--2 a { background: #212427; color: #ccc; }
.footer_sns--2 .i-1:hover { background: #6996c7; }
.footer_sns--2 .i-2:hover { background: #496194; }
.footer_sns--2 .i-3:hover { background: #28c3ff; }
.footer_sns--2 .i-4:hover { background: #ff9c43; }
.footer_sns--2 .i-5:hover { background: #ff6d4a; }

.footer_subscribe { float: right; width: 440px; }
@media screen and (max-width: 1232px) { .footer_subscribe { clear: both; float: none; width: auto; } }
.footer_subscribe .title span { text-transform: none; }
.footer_subscribe .form { border-radius: 17px; margin: 14px 0 0; }
.footer_subscribe .input-field { background: #494d50; color: white; float: left; width: 100%; }
.footer_subscribe .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; height: 34px; margin-left: -120px; width: 120px; }
.footer_subscribe .agreements-container { clear: both; padding: 5px 0px 0px 0px; }
.footer_subscribe .agreements-container input[type="checkbox"] { display: inline-block; }

.footer_menu .title { color: white; font-weight: bold; }
.footer_menu .column { float: left; margin-right: 70px; }
/*.footer_menu .column:first-child { margin-right: 65px; width: 150px; }*/
@media screen and (max-width: 1868px) { .footer_menu .column { width:22%; } }
@media screen and (max-width: 1024px) { .footer_menu .column { width:38%; } }
/*@media screen and (min-width: 769px) and (max-width: 864px) { .footer_menu .column { margin-top: 18px; width: 153px;}}*/
@media screen and (max-width: 768px) { .footer_menu .column { margin-bottom: 20px; width: 43%; margin-right: 25px;margin-top:18px} .footer_menu .column:nth-child(even) {margin-right:0px;} }
@media screen and (max-width: 375px) { .footer_menu .column { float: none; } .footer_menu .column:nth-child(even) {float:right;} .footer_menu .column:nth-child(odd) {float:left;}}
@media screen and (max-width: 320px) { .footer_menu .column:nth-child(odd) { margin-right: 40px;}}
.footer_menu .column:last-child { margin: 0; }
.footer_menu .list { list-style: none; margin: 0; padding: 0; }
.footer_menu .list li { margin: 0 0 8px; }
.footer_menu .list li:last-child { margin: 0; }
.footer_menu .list a { color: #b2b4b7; }
.footer_menu .list a:hover { color: white; }

/*----------------------------------------------------- */
/* SELECTION POPUP */
/*----------------------------------------------------- */
.selection-popup { border-radius: 5px; display: none; width: 580px; }
@media screen and (max-width: 668px) { .selection-popup { width: 288px; } }

.selection-popup_editions { background: white; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 25px 0 25px 25px; }
@media screen and (max-width: 668px) { .selection-popup_editions { padding: 16px 0 16px 16px; } }
.selection-popup_editions .heading { padding-right: 25px; }
@media screen and (max-width: 668px) { .selection-popup_editions .heading { padding-right: 16px; } }
.selection-popup_editions .heading .page-title-3 { height: 20px; line-height: 20px; margin: 0 0 6px; overflow: hidden; }
@media screen and (max-width: 668px) { .selection-popup_editions .heading .page-title-3 { height: 40px; } }
.selection-popup_editions .heading .note { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; text-transform: uppercase; }
@media screen and (max-width: 668px) { .selection-popup_editions .heading .note { height: 36px; } }
.selection-popup_editions .scroller { max-height: calc(100vh - 332px); }
@media screen and (max-width: 668px) { .selection-popup_editions .scroller { max-height: calc(100vh - 326px); } }
.selection-popup_editions .edition { display: block; margin: 0 25px 8px 0; }
@media screen and (max-width: 668px) { .selection-popup_editions .edition { margin-right: 16px; } }
.selection-popup_editions .edition:last-child { margin-bottom: 0; }
.selection-popup_editions .edition input[type='checkbox'] { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.selection-popup_editions .edition input[type='checkbox']:checked + .wrapper { border-color: #0cb28b; }
.selection-popup_editions .edition span { display: block; }
.selection-popup_editions .wrapper { border: 2px solid #eff1f0; border-radius: 5px; cursor: pointer; padding: 10px; -webkit-transition: border-color 0.18s; -o-transition: border-color 0.18s; transition: border-color 0.18s; }
.selection-popup_editions .image { float: left; height: 70px; margin-right: 12px; text-align: center; width: 80px; }
.selection-popup_editions .image img { height: 100%; max-width: 100%; }
.selection-popup_editions .text { overflow: hidden; }
.selection-popup_editions .title { font-size: 14px; line-height: 18px; margin: 0 0 7px; }
.selection-popup_editions .type { color: #b2b4b7; font-size: 12px; line-height: 16px; margin: 0 0 5px; }
.selection-popup_editions .price { font-size: 18px; font-weight: normal; line-height: 24px; }
.selection-popup_editions .price small { font-size: 16px; }
.selection-popup_editions .submit { padding: 20px 25px 0 0; text-align: center; }
@media screen and (max-width: 668px) { .selection-popup_editions .submit { padding: 16px 16px 0 0; } }
.selection-popup_editions .submit .button { padding: 0; width: 142px; }

.selection-popup_callback { background: #34393c; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 25px 110px; }
@media screen and (max-width: 668px) { .selection-popup_callback { padding: 16px; } }
.selection-popup_callback .note { color: #b2b4b7; font-size: 14px; height: 36px; line-height: 18px; margin: 0 0 20px; overflow: hidden; text-align: center; }
@media screen and (max-width: 668px) { .selection-popup_callback .note { margin: 0 0 16px; } }
.selection-popup_callback .form { margin: 0 auto; width: 310px; }
@media screen and (max-width: 668px) { .selection-popup_callback .form { width: 256px; } }
.selection-popup_callback .input-field { background: #494d50; color: white; float: left; margin-right: -120px; padding-right: 140px; width: 100%; }
@media screen and (max-width: 668px) { .selection-popup_callback .input-field { margin-right: -80px; padding-right: 100px; } }
.selection-popup_callback .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; font-size: 12px; padding: 0; width: 120px; }
@media screen and (max-width: 668px) { .selection-popup_callback .button { width: 80px; } }

/*----------------------------------------------------- */
/* FORM POPUP */
/*----------------------------------------------------- */
.form-popup { border-radius: 5px; display: none; width: 500px; }
@media screen and (max-width: 668px) { .form-popup { width: 288px; } }
.form-popup .page-block { padding-right: 0; }
@media screen and (max-width: 668px) { .form-popup .page-block { padding: 16px 0 16px 16px; } }
.form-popup .page-title-3 { height: 20px; line-height: 20px; overflow: hidden; padding-right: 25px; }
@media screen and (max-width: 668px) { .form-popup .page-title-3 { padding-right: 16px; } }
.form-popup .scroller { max-height: calc(100vh - 174px); }
@media screen and (max-width: 668px) { .form-popup .scroller { max-height: calc(100vh - 152px); } }
.form-popup .wrapper { padding-right: 25px; }
@media screen and (max-width: 668px) { .form-popup .wrapper { padding-right: 16px; } }
.form-popup .input-group-1 .caption { width: 152px; }
@media screen and (max-width: 668px) { .form-popup .input-group-1 .caption { float: none; margin: 0 0 5px; width: auto; } }
.form-popup .input-group-1 .input-field { width: 265px; }
@media screen and (max-width: 668px) { .form-popup .input-group-1 .input-field { float: none; width: 100%; } }
.form-popup .agreement { margin: 20px 0 0; }
@media screen and (max-width: 668px) { .form-popup .agreement { margin: 16px 0 0; } }
.form-popup .submit { padding: 20px 25px 0 0; text-align: center; }
@media screen and (max-width: 668px) { .form-popup .submit { padding: 16px 16px 0 0; } }
.form-popup .submit .button { padding: 0; width: 170px; }

/*----------------------------------------------------- */
/* REQUEST POPUP */
/*----------------------------------------------------- */
.form-popup--request .note { font-size: 14px; font-weight: normal; margin: 20px 0 0; text-align: center; }
@media screen and (max-width: 668px) { .form-popup--request .note { margin: 16px 0 0; } }

/*----------------------------------------------------- */
/* COMMENT POPUP */
/*----------------------------------------------------- */
.form-popup--comment .score { margin: 0 0 16px; }
.form-popup--comment .score .caption { font-size: 16px; font-weight: normal; }
@media screen and (min-width: 669px) { .form-popup--comment .score .caption { float: left; height: 20px; line-height: 20px; margin-right: 8px; width: 152px; } }
@media screen and (max-width: 668px) { .form-popup--comment .score .caption { margin: 0 0 5px; } }
.form-popup--comment .score .rating-stars { font-size: 18px; height: 20px; line-height: 20px; }
@media screen and (min-width: 669px) { .form-popup--comment .score .rating-stars { float: left; } }
.form-popup--comment .score .star { color: #cbccce; display: block; float: left; padding-right: 5px; }
.form-popup--comment .score .star:last-child { padding: 0; }
.form-popup--comment .score .star.is-active { color: #0cb28b; }
.form-popup--comment .auth { font-size: 14px; padding: 20px 0; }
@media screen and (max-width: 668px) { .form-popup--comment .auth { padding: 16px 0; } }
@media screen and (min-width: 669px) { .form-popup--comment .auth .caption { float: left; line-height: 17px; margin: 0 8px 16px 0; width: 260px; } }
@media screen and (max-width: 668px) { .form-popup--comment .auth .caption { margin: 0 0 16px; } }
.form-popup--comment .auth .sns { list-style: none; margin: 0 0 16px; padding: 0; }
@media screen and (min-width: 669px) { .form-popup--comment .auth .sns { float: left; } }
.form-popup--comment .auth .sns li { float: left; margin-right: 5px; }
.form-popup--comment .auth .sns li:last-child { margin: 0; }
.form-popup--comment .auth .sns a { border-radius: 100%; color: white; display: block; font-size: 18px; height: 34px; line-height: 34px; text-align: center; width: 34px; }
.form-popup--comment .auth .sns .i-1 { background: #41648c; }
.form-popup--comment .auth .sns .i-2 { background: #3a579b; }
.form-popup--comment .auth .sns .i-3 { background: #00abf1; }

/*----------------------------------------------------- */
/* CONFIRMATION POPUP */
/*----------------------------------------------------- */
.confirmation-popup { display: none; width: 320px; }
@media screen and (max-width: 440px) { .confirmation-popup { width: 288px; } }
.confirmation-popup .note { color: #da3131; display: block; font-size: 14px; font-weight: normal; margin: 0 0 20px; text-align: center; text-transform: uppercase; }
.confirmation-popup .button { float: left; margin-right: 4%; padding: 0; width: 48%; }
.confirmation-popup .button:last-child { margin: 0; }

/*----------------------------------------------------- */
/* FILTER POPUP */
/*----------------------------------------------------- */
.filter-popup { background: white; bottom: 0; display: none; left: 0; overflow: hidden auto; position: fixed; right: 0; top: 0; z-index: 999; }

.filter-popup_title { margin: 10px 0 30px 12px; }
@media screen and (max-width: 440px) { .filter-popup_title { margin: 0 0 30px; } }

.filter-popup_container { margin: 0 auto; padding: 120px 0; position: relative; width: 1190px; }
@media screen and (min-width: 1021px) and (max-width: 1232px) { .filter-popup_container { width: 952px; } }
@media screen and (min-width: 669px) and (max-width: 1020px) { .filter-popup_container { padding: 90px 0; width: 714px; } }
@media screen and (min-width: 669px) and (max-width: 800px) { .filter-popup_container { width: 476px; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_container { padding: 60px 0; width: 408px; } }
@media screen and (max-width: 440px) { .filter-popup_container { margin: 0 16px; padding: 30px 0; width: auto; } }
.filter-popup_container .close { color: #0cb28b; font-size: 25px; position: absolute; right: 0; top: 123px; }
@media screen and (min-width: 669px) and (max-width: 1020px) { .filter-popup_container .close { top: 93px; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_container .close { top: 63px; } }
@media screen and (max-width: 440px) { .filter-popup_container .close { top: 33px; } }

@media screen and (min-width: 441px) { .filter-popup_columns { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

.filter-popup_column { margin: 0 15px 35px 15px; width: 203px; }
@media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_column { margin: 0 28px 40px 0; width: 190px; } }
@media screen and (max-width: 440px) { .filter-popup_column { margin: 0 0 30px; width: 100%; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_column:nth-child(2n) { margin-right: 0; } }
.filter-popup_column .check-box-2 { margin: 0 0 14px; }
/* .filter-popup_column .check-box-2   { padding-left: 30px; } */
.filter-popup_column .check-box-2 input:not(:checked) + .icon { background: #ebebeb; border-color: #ebebeb; }
.filter-popup_column .check-box-2 input:checked ~ .caption { color: #0cb28b; font-weight: 300; }
.filter-popup_column .check-box-2 input:checked:disabled + .icon { display: none; }
.filter-popup_column .check-box-2 input:checked:disabled ~ .caption { color: rgba(52, 57, 60, 0.5); margin-left: -30px; }
.filter-popup_column .check-box-2 .icon { font-size: 16px; height: 16px; padding: 1px; width: 16px; }
.filter-popup_column .check-box-2 .caption { font-size: 18px; font-weight: 300; line-height: 22px; }

.filter-popup_column .check-box-2 .single input:disabled ~ .caption { color: #0cb28b; font-weight: 300; }
.filter-popup_column .check-box-2 .single input:disabled + .icon { background: #0cb28b; border-color: #0cb28b; }
.filter-popup_column .check-box-2 .single input:disabled + .icon .fa-check { opacity: 1; }
.filter-popup_column .bx-filter-param-label.single {cursor: default;}

.filter-popup_column .caption {
    margin-left: 10px;
}

.filter-popup_buttons { margin-bottom: 10px; }
@media screen and (min-width: 441px) { .filter-popup_buttons { display: -webkit-flex; display: flex; } }
.filter-popup_buttons .button { width: 220px; }
@media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_buttons .button { width: 190px; } }
@media screen and (max-width: 440px) { .filter-popup_buttons .button { width: 100%; } }
.filter-popup_buttons .button:first-child { margin-right: auto; }
@media screen and (max-width: 440px) { .filter-popup_buttons .button:first-child { margin: 0 0 15px; } }
.filter-popup_buttons .button:first-child:only-child { margin-left: auto; }
@media screen and (max-width: 440px) { .filter-popup_buttons .button:first-child:only-child { margin: 0; } }

/*----------------------------------------------------- */
/* PRELOADER */
/*----------------------------------------------------- */
.preloader { background: #34393c; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 8888; }
.preloader img { -webkit-animation: 5s loadingAnimation linear infinite forwards; animation: 5s loadingAnimation linear infinite forwards; height: 128px; left: 50%; margin: -64px 0 0 -120px; position: absolute; top: 50%; width: 240px; }

/*----------------------------------------------------- */
/* LOADING ANIMATION */
/*----------------------------------------------------- */
@keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } }
@-webkit-keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); }
  100% { opacity: 0; -webkit-transform: scale(2); } }

/*----------------------------------------------------- */
/* WARNINGS */
/*----------------------------------------------------- */
#noScriptWarning, #outdatedBrowserWarning { color: white; padding: 12px; position: relative; text-align: center; z-index: 9999; }
#noScriptWarning a, #outdatedBrowserWarning a { color: white; }

#noScriptWarning { background: red; }

#outdatedBrowserWarning { background: orangered; }

.message_send { border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;}
.message_err {border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
font.errortext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px;color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
font.notetext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;}
.alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.alert-success {color: #61a942;background-color: #dff2de;border-color: #ebccd1;}
.alert {border: 0;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px;}


/*----------------------------------------------------- */
/* CAPTCHA_BITRIX */
/*----------------------------------------------------- */
.captcha_bitrix { display: inline-block; width: 100%; margin: 0px 0px 10px 0px; }
.captcha_bitrix img { width: 48%; height: 38px; float: left; margin-right: 2%;  }
.captcha_bitrix .input-field { width: 45%; float: left; }
.captcha_bitrix input {height: 38px !important; width: 50%!important; padding: 0 15px; margin: 0px !important;}

.form-popup img { width: 152px; margin-right: 8px;}
.form-popup .captcha_bitrix input { width: 265px !important; }

/*----------------------------------------------------- */
/* OTHER */
/*----------------------------------------------------- */
.news-detail .promo-banner-1 {margin: 0 0 30px;}
.news-detail .description_image {border-radius: 5px;float: left;margin-right: 32px;position: relative;width: 282px;}
.news-detail .description_image .photo {background: url(../img/company-description-image.jpg);background-size: contain;border-radius: 5px;}
.news-detail .description_image .photo img {border-radius: 5px;width: 100%;}
.news-detail .description_image .caption {background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0));bottom: 0;color: white;font-size: 20px;left: 0;overflow: hidden;padding: 25px;position: absolute;right: 0;}
.news-detail .description_image .caption span {color: #0cb28b;display: block;font-size: 30px;margin: 0 0 8px;}



.btn{
	    background: #0cb28b;
    border: 1px solid #0cb28b;
    color: white;
        border-radius: 22px;
    height: 44px;
    line-height: 41px;
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s;
    transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s;
    -o-transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s;
    transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s;
    transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s;
    vertical-align: middle;
}
.btn:hover{
	background: #41ba88;
    -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3);
    box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3);
}

a.vendors{
    border-left: 3px solid transparent;
    color: white;
    transition: background 0.18s, border-color 0.18s, color 0.18s;
    font-size: 18px;
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 30px;

}

div.catalog-divider{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
}

a.vendors.active{
    background: #34393c;
    border-color: #0cb28b;
}

a.dealer{
    border-left: 3px solid transparent;
    color: white;
    padding: 24px 30px 20px 27px;
    transition: background 0.18s, border-color 0.18s, color 0.18s;
   /* text-transform: uppercase;*/
    /* margin: 0 0 20px 0; */
        font-size: 18px;
    display: block;
}

.main-panel_menu-1 .upper > li > a,
.main-panel_menu-1 .middle > li > a {
	    text-transform: none !important;
}

.buy.button{
	background: #0CB28B !important;
    border: 1px solid #0CB28B !important;
}

.buy.button:hover{
	background: #008e87 !important;
    border: 1px solid #008e87 !important;
}


.is-active .buy-link.button {
    background: #da3131 !important;
    border-color: #da3131 !important;
}

/*----------------------------------------------------- */
/*  http://syssoft.dev.webtu.ru/portal/novosti/syssoft/ */
/*----------------------------------------------------- */
.page-sidebar .article-item {height: auto; }
.page-sidebar .article-item .image { float: none; }
.page-sidebar .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; }
.page-sidebar .article-item .text { padding: 16px 20px; }
.page-sidebar .article-item .type { font-size: 14px; margin: 0 0 16px; }
.page-sidebar .article-item .type a { color: #b2b4b7; }
.page-sidebar .article-item .bottom-panel{color:#b2b4b7;font-size:12px;line-height:20px;}
.page-sidebar .article-item .info { float: left; }
.page-sidebar .article-item .stats { float: right; }
.page-sidebar .article-item .stats span { padding: 0px 3px; color: #b2b4b7;}
.page-sidebar .article-item .views{margin-right:24px;}
.page-sidebar .article-item .bottom-panel a{color:#b2b4b7;}

/*для video*/
.article-item_video .read-more { display: inline-block; margin: 10px 0px 14px 0px; text-align: center; width: 100%; }

/* @media screen and (min-width: 669px) { .article-item .text p { height: 45px; overflow: -webkit-paged-y; } } */

.article-item .title-section-mobile { color: #34393c; }

/*----------------------------------------------------- */
/* EDIT */
/*----------------------------------------------------- */
@media screen and (max-width: 1868px) { .product-edition--1 .product-edition_image { margin: 0 16px 20px 0; } }
@media screen and (min-width: 1231px) and (max-width: 1444px) { .product-edition--1 .product-edition_image { width: 100%; margin: 0 0 16px; } }
@media screen and (max-width: 668px) { .product-edition--1 .product-edition_image { margin: 0 0 16px; } }
.product-edition--1 .product-edition_info { width: 380px; }
@media screen and (max-width: 1868px) { .product-edition--1 .product-edition_info { width: 420px; margin: 0 0 20px; } }
@media screen and (max-width: 1444px) { .product-edition--1 .product-edition_info { width: 100%; } }
@media screen and (max-width: 1232px) { .product-edition--1 .product-edition_info { width: 376px; } }
@media screen and (max-width: 668px) { .product-edition--1 .product-edition_info { width: auto; margin: 0 0 16px; } }
.product-edition_info .type { height: auto; }
.product-edition--1 .product-edition_specs { width: 383px; }
@media screen and (max-width: 1868px) { .product-edition--1 .product-edition_specs { width: 100%; } }
@media screen and (max-width: 1868px) { .product-edition_specs li { padding: 2px 0; } }
@media screen and (min-width: 1231px) { .page-main { float: left; } }
@media screen and (max-width: 1870px) { .page-main { width: 664px; } }
@media screen and (max-width: 1444px) { .page-main { width: 452px; } }
@media screen and (max-width: 1232px) { .page-main { width: 100%; } }
@media screen and (min-width: 1233px) and (max-width: 1868px) { .page-sidebar { float: right; width: 350px; } }
@media screen and (max-width: 1868px) { .product-certificatesSliderMobile { display: none; } }
@media screen and (max-width: 1232px) { .product-certificatesSliderMobile { display: block; } }
@media screen and (max-width: 1868px) { .product-certificatesSlider { display: block; } }
@media screen and (max-width: 1232px) { .product-certificatesSlider { display: none; } }

@media screen and (min-width: 1445px) { .product-edition_info .price span { white-space: nowrap; } }
@media screen and (max-width: 668px) { .product-edition_info .price span { font-size: 16px; } }

/*----------------------------------------------------- */
/* MEDIA PRINT */
/*----------------------------------------------------- */
@media print { .page-container { width: 100%; } .header, .footer, .news-filter, .breadcrumbs, iframe { display: none; } }

/*----------------------------------------------------- */
/* tick_added-to-cart */
/*----------------------------------------------------- */
.product-edition--1 .tick_added-to-cart {float: left; width: 100%; margin-top: 5px; color: #787878; font-size: 14px;}
.product-edition--1 .tick_added-to-cart img {width: 15px; margin-right: 5px;}

/*-----------------------------------------------------*/
/* DEALERS LIST */
/*-----------------------------------------------------*/
.dealers-list { display: flex; flex-wrap: wrap; }
.dealers-list .catalog-item { float: none; margin-right: 0; width: 100%; }
.dealers-list .catalog-item .caption { height: auto; text-align: left; }
.dealers-list.tiled .catalog-item { margin-right: 12px; width: 247px; }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .dealers-list.tiled .catalog-item { margin-right: 14px; width: 212px; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .dealers-list.tiled .catalog-item { margin-right: 12px; width: 220px; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .dealers-list.tiled .catalog-item { margin-right: 10px; width: 200px; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .dealers-list.tiled .catalog-item { margin-right: 10px; width: 199px; } }
@media screen and (max-width: 440px) { .dealers-list.tiled .catalog-item { margin-right: 0; width: 100%; } }
.dealers-list .catalog-item .image,
.dealers-list .catalog-item .caption { display: table-cell; vertical-align: middle; }
.dealers-list .catalog-item .image { padding-right: 20px; width: 100px; }
.dealers-list.tiled .catalog-item .image,
.dealers-list.tiled .catalog-item .caption { display: block; padding: 0; text-align: center; width: 100%; }
@media screen and (min-width: 1869px) { .dealers-list.tiled .catalog-item:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .dealers-list.tiled .catalog-item:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 1233px) and (max-width: 1444px) { .dealers-list.tiled .catalog-item:nth-child(even) { margin-right: 0; } }
@media screen and (min-width: 669px) and (max-width: 1232px) { .dealers-list.tiled .catalog-item:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 668px) { .dealers-list.tiled .catalog-item:nth-child(even) { margin-right: 0; } }

/*-----------------------------------------------------*/
/* DEALERS VIEW */
/*-----------------------------------------------------*/
.dealers-view { background: white; border-radius: 5px; margin: 0 0 20px; padding: 10px; text-align: right; }
@media screen and (max-width: 440px) { .dealers-view { display: none; } }
.dealers-view span { display: inline-block; vertical-align: middle; }
.dealers-view a { color: #34393c; display: inline-block; font-size: 1.25em; margin-left: 10px; opacity: .3; vertical-align: middle; }
.dealers-view a.is-active { opacity: 1; }

/*-----------------------------------------------------*/
/* FOOTER MENU */
/*-----------------------------------------------------*/
@media screen and (max-width: 1868px) and (min-width: 1280px) { .footer .footer_top .footer_subscribe { float: none; margin-top: 81px; } }
/*@media screen and (max-width: 1280px) { .footer .footer_top .footer_contacts { display: none; } }*/

@media screen and (max-width: 1868px) { .footer .footer_middle .footer_menu { display: flex; flex-wrap: wrap;} }
@media screen and (max-width: 1868px) { .footer .footer_middle .footer_menu .column { margin-bottom: 20px; } }
@media screen and (max-width: 1444px) { .footer .footer_middle .footer_contacts { float: none; width: 100%; margin: 0px 0px 20px 0px; } }

@media screen and (max-width: 1280px) { .footer .footer_middle .footer_contacts { display: none; } }
/*@media screen and (max-width: 1280px) { .footer .footer_middle { display: none; } }*/

.footer .footer_top .title { display: block; }
/*----------------------------------------------------- */
/* TABLE */
/*----------------------------------------------------- */
.table-wrap {
    margin: 0 0 30px;
}

.table-wrap .check-box-1 {
    margin: 0 0 30px;
}

.table-wrap .check-box-1 .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 0;
    box-sizing: border-box;
    top: 0;
    color: #00ca8c;
    border: 1px solid #b2b4b7;
}

.table-wrap .check-box-1 input:checked + .icon {
    background: none;
    border: 1px solid #c6c6c6;
}

.table-wrap .check-box-1 input:checked + .icon .fa-check {
    width: 9px;
}

.table-wrap .check-box-1 label {
    padding-left: 24px;
    font-size: 14px;
    color: #212427;
}

.table-wrap .check-box-1 .caption {
    color: #212427;
}

.table {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 190px;
    overflow: hidden;
}

@media screen and (max-width: 1868px) {
    .table {
        height: 290px;
    }
}

@media screen and (max-width: 1444px) {
    .table-wrap {
        display: none;
    }
}

.table.is-open {
    height: auto;
}

.table-tr {
    width: 100%;
    display: flex;
    transition: all .3s;
}

.table-tr:hover {
    background: #f0f0f0;
}

.table-tr .table-th {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    background: #009787;
    color: white;
    height: 40px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    border-right: 2px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
}

@media screen and (max-width: 1868px) {
    .table-tr .table-th {
        width: 90px;
        height: 50px;
    }
}

.table-tr .table-th:first-child {
    padding: 0 15px;
}

.desctop-table .table-th:first-child {
    justify-content: flex-start;
    flex-grow: 1;
    text-align: left;
}

.table-tr .table-th:last-child {
    border: none;
}

.table-tr .table-td {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    color: #212427;
    border-right: 2px solid #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
}

@media screen and (max-width: 1868px) {
    .table-tr .table-td {
        width: 90px;
        height: 60px;
    }
}

.table-tr .table-td:first-child {
    padding: 0 15px;
    border-left: 2px solid #e8e8e8;
}

.desctop-table .table-td:first-child {
    justify-content: flex-start;
    flex-grow: 1;
    text-align: left;
    font-size: 14px;
}

.mobile-table {
    display: none;
}

@media screen and (max-width: 1444px) {
    .mobile-table {
        display: flex;
        height: 735px;
        border-top: 2px solid #e8e8e8;
    }
}

@media screen and (max-width: 1444px) {
    .mobile-table .table-th {
        width: 60px;
        height: 35px;
        font-size: 12px;
        border-width: 1px;
    }
}

@media screen and (max-width: 1444px) {
    .mobile-table .table-th:last-child {
        flex-grow: 1;
        width: auto;
    }
}

@media screen and (max-width: 1444px) {
    .mobile-table .table-td:last-child {
        flex-grow: 1;
        width: auto;
    }
}

@media screen and (max-width: 1444px) {
    .mobile-table .table-td {
        width: 60px;
        height: 30px;
        font-size: 18px;
    }
}

.table-tr_mobile {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding-left: 15px;
    border-left: 2px solid #e8e8e8;
    border-right: 2px solid #e8e8e8;
    font-size: 14px;
    line-height: 1;
}

.table-open {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: -19px auto 0;
    border-radius: 100%;
    background-image: linear-gradient(45deg, #00ca8c 0%, #009287 100%);
    cursor: pointer;
    z-index: 1;
}

.table-open img {
    height: 10px;
}

.table-open.is-active img {
    transform: rotate(180deg);
}

.table-legend {
    display: none;
}

@media screen and (max-width: 1444px) {
    .table-legend {
        display: block;
        margin: 20px 0 0;
    }
}

.suggest_result{
    position: absolute;
    z-index: 200;
    background: white;
    list-style: none;
    border: 1px solid silver;
    border-radius: 3px;
    padding: 0;
    height: 400px;
    overflow-y: scroll;
    width: 400px;
    /* top: 40px; */
    margin: 0;
}

.suggestOrgItem{
    padding: 10px;
    border-bottom: 1px solid silver;
    font-size: 13px;
}

.suggestOrgItem:hover{
    background: #0cb28b;
    color: #fff;
    cursor: pointer;
}

.suggestAdressItem{
    padding: 10px;
    border-bottom: 1px solid silver;
}

.suggestAdressItem:hover{
    background: #008e87;
    color: #fff;
    cursor: pointer;
}

/*----------------------------------------------------- */
/* RECOMMEND OFFERS */
/*----------------------------------------------------- */
.recom-offer { background: white; border-radius: 5px; float: left; margin: 0 16px 16px 0; padding: 20px; transition: background 0.18s, color 0.18s; width: 503px;  height: 185px;}
@media screen and (min-width: 865px) and (max-width: 1288px) {
    .recom-offer {
        /* width: 368px; */
        /* margin-bottom: 190px; */
        float: none;
        margin-right: 0;
        width: auto;
        height: auto;
    }
}
@media screen and (max-width: 864px) { .recom-offer { float: none; /*margin-right: 0;*/ width: auto; height: auto;} }
@media screen and (max-width: 440px) { .recom-offer { padding: 14px; height: auto;} }
/* .recom-offer:nth-child(even) { margin-right: 0; } */
/* @media screen and (min-width: 865px) { .recom-offer:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } */
/* .recom-offer:last-child { margin-bottom: 0; } */
.recom-offer_image { background: white; border-radius: 5px; display: block; text-align: center; }
@media screen and (min-width: 1289px) { .recom-offer_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } }
@media screen and (min-width: 441px) and (max-width: 1288px) { .recom-offer_image { height: 142px; line-height: 142px; margin-bottom: 26px; } }
@media screen and (max-width: 440px) { .recom-offer_image { margin: 0 0 16px; padding: 16px; } }
.recom-offer_image img { max-height: 100%; max-width: 100%; }
.recom-offer_info { overflow: hidden; }
.recom-offer_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; }
@media screen and (min-width: 441px) { .recom-offer_info .title { height: 44px; line-height: 44px; overflow: hidden; } }
.recom-offer_info .title a { color: #34393c; }
@media screen and (min-width: 441px) { .recom-offer_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } }
.recom-offer_info .title a:hover { text-decoration: underline; }
.recom-offer_info .type { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; }
.recom-offer_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; }
.recom-offer_info .rating:last-child { margin: 0; }
.recom-offer_info .rating .star { color: #cbccce; display: inline-block; }
.recom-offer_info .rating .star.is-active { color: #ffc600; }
.recom-offer_info .price { float: left; margin-left: 10px; }
.recom-offer_info .price:first-child { margin-left: 0; }
@media screen and (max-width: 440px) { .recom-offer_info .price { margin-bottom: 12px; } }
.recom-offer_info .price span { border-radius: 15px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 21px; font-weight: normal; height: 34px; line-height: 34px; padding: 0 12px; }
.recom-offer_info .price small { font-size: 18px; }
.recom-offer_info .price--current span { background: #0cb28b; }
.recom-offer_info .price--new span { background: #f77b28; }
.recom-offer_info .price--old span { background: #cbccce; text-decoration: line-through; }
.recom-offer_info .buy { float: right; padding: 0; width: 120px; }
@media screen and (max-width: 440px) { .recom-offer_info .buy { clear: both; float: none; width: 100%; } }

/*----------------------------------------------------- */
/* CLONED SEARCH INPUT */
/*----------------------------------------------------- */
.input-clone {
    width: 100%;
    background: white;
    margin: 0 0 16px;
    border-radius: 5px;
}
@media screen and (min-width: 1021px) {
    .input-clone {
        display: none;
    }
}

/*-----------------------------------------------------*/
/* PRODUCT EDITIONS 21.05.20 */
/*-----------------------------------------------------*/

.product-edition_info .basket-item-block-amount {
    margin: 20px 0 30px;
    padding: 0;
}

@media (max-width: 668px) {
    .product-edition_info .product-selection {
        float: none;
    }
}

@media screen and (max-width: 668px) {
    .product-edition_info .basket-item-block-amount {
        margin: 20px auto 30px;
    }
    .product-edition_info .price {
        float: none;
        margin: 0;
        width: 100%;
    }
    .product-edition_info .price > span {
        box-sizing: border-box;
        width: 100%;
    }
    .product-edition_info .buy {
        float: none;
        margin: 0 auto;
    }
}

/*----------------------------------------------------- */
/* COOKIE WARNING */
/*----------------------------------------------------- */
.cookie-warning { background: #eff1f1; border-top: 1px solid #cbccce; bottom: 0; left: 0; padding: 15px 0; position: fixed; right: 0; z-index: 7777; }
.cookie-warning .brief { margin: 0 0 15px; }
.cookie-warning .button { float: left; margin-right: 10px; }
.cookie-warning .button:last-child { margin-right: 0; }
.cookie-warning .button--1 { border: 1px solid #0cb28b; color: #0cb28b; }
@media screen and (max-width: 440px) {.cookie-warning .button--1 { margin-top: 15px;}}
.cookie-warning .button--1:hover { color: white; }

.query_price_form  .disabled-button {
    background: #b2b4b7 !important;
    border: 1px solid #555 !important;
    cursor: default !important;
}

@media screen and (min-width: 1869px) {
    .basket-anounce {
        transform: translateY(-53px);
        margin-top: 53px;
    }
}

@media screen and (min-width: 1445px) and (max-width: 1868px) {
    .basket-anounce {
        transform: translateY(-75px);
        margin-top: 75px;
    }
}

@media screen and (min-width: 1233px) and (max-width: 1444px) {
    .basket-anounce {
        transform: translateY(-100px);
        margin-top: 100px;
    }
}
@media screen and (min-width: 669px) and (max-width: 1232px) {
    .basket-anounce {
        transform: translateY(-120px);
        margin-top: 120px;
    }
}
@media screen and (max-width: 566px) {
    .fancybox-slide { display: flex !important; }
}
@media screen and (max-width: 668px) {
    .basket-anounce {
        transform: translateY(-200px);
        margin-top: 200px;
    }
    .suggest_result{
        width: 190px;
        /* top: 335px; */
    }
}

@media screen and (max-width: 373px){
    .suggest_result{
        /* top: 366px; */
        width: 100%;
        max-width: 245px;
    }
}
@media (min-width: 374px) and (max-width: 446px){
    .suggest_result{
        width: 100%;
        max-width: 245px;
        /* top: 335px; */
    }
}
@media (max-width: 1020px) and (min-width: 669px){
    .suggest_result{
        /* top: 366px; */
    }
}
@media (max-width: 1230px) and (min-width: 1021px){
    .suggest_result{
        /* top: 326px; */
    }
}

@media screen and (min-width: 1231px) and (max-width: 1232px){
    .suggest_result {
        /* top: 356px; */
    }
}

@media (max-width: 1870px) and (min-width: 1233px){
    .suggest_result{
        /* top: 326px; */
    }
}

.order-input .form_email{
    display: flex;
    width: 100%;
}
.pagination{
    float:none;
}
.pagination ul{
    list-style: none;
    text-align: center;
}

.pagination ul li{
    display: inline-block;
    margin-right: 10px;
}

div.beono-flashmessage{
	background: #0cb28b !important;
    border-color: #0cb28b !important;
    color: white;
}

div.beono-flashmessage a{
    color: white;
}

.is-active .button--3{
    background: #0cb28b;
    border: 1px solid #0cb28b;
}

.delivery-tooltip {
    display: inline-block;
    background: #ff6d4a;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    background: #b1b4b7;
    color: white !important;
    cursor: default;
}

/*----------------------------------------------------- */
/* EXPERT LINK */
/*----------------------------------------------------- */
@media screen and (min-width: 1871px) {
    .expert-block {
        display: flex;
        justify-content: space-between;
    }
    .expert-left-part {
        display: flex;
        flex-basis:1;
    }
    .expert-right-part {
        display: flex;
        flex-basis:3;
        justify-content: end;
        align-items: end;
    }
    .expert-photo {
        min-width:70px;
        border-radius:7px;
    }
    .expert-description {
        flex-direction: column;
        margin-left:15px;
        display: flex;
        justify-content: center;
    }
    .expert-logo {
        display: flex;
        margin-right:10px;
    }
}
@media screen and (min-width: 1445px) and (max-width: 1870px) {
    .expert-left-part {
        display: flex;
        flex-direction: row;
    }
    .expert-photo {
        min-width:70px;
        border-radius:7px;
    }
    .expert-logo {
        display: flex;
        margin-right:10px;
    }
    .expert-description {
        flex-direction: column;
        margin-left:15px;
        display: flex;
        justify-content: center;
    }
    .expert-right-part {
        display: flex;
        justify-content: space-between;
        align-items: end;
        margin-top: 20px;
    }
}
@media screen and (min-width: 441px) and (max-width: 1444px) {
    .expert-left-part {
        display: flex;
        flex-direction: row;
    }
    .expert-photo {
        min-width:70px;
        border-radius:7px;
    }
    .expert-logo {
        display: flex;
        margin-right:10px;
    }
    .expert-description {
        flex-direction: column;
        margin-left:15px;
        display: flex;
        justify-content: center;
    }
    .expert-right-part {
        display: inline-block;
        justify-content: space-between;
        align-items: end;
        margin-top: 20px;
    }
    .expert-button {
        margin-top: 20px;
    }
}
@media screen and (min-width: 441px) and (max-width: 668px) {
    .expert-right-part {
        display: inline-block;
        justify-content: space-between;
        align-items: end;
        margin-top: 20px;
        width:100%;
    }
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
.flag-icon:before {
    content: "\00a0";
}
.flag-icon.flag-icon-squared {
    width: 1em;
}
.flag-icon-ru {
    background-image: url(../img/4x3_ru.svg);
  }
  .flag-icon-ru.flag-icon-squared {
    background-image: url(../img/1x1_ru.svg);
  }


.otech-po-button{
    padding: 0 10px !important;
    color: #fff !important;
    margin-right: 11px !important;
}

/*----------------------------------------*/
/* 26.05.2022 EXPERT BLOCK FIX */
/*----------------------------------------*/
.expert-block .expert-button {
    overflow: hidden;
}
.expert-block .expert-logo > span {
    background-size: contain;
    height: 60px;
    margin-bottom: 10px;
    width: 250px;
}
@media screen and (max-width: 1870px) {
    .expert-block .expert-logo > span {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1444px) {
    .expert-block .expert-button > a {
        margin: 0;
    }
}


/*----------------------------------------------------- */
/* CHECK BOX */
/*----------------------------------------------------- */
.check-box label { cursor: pointer; display: inline-block; padding-left: 30px; position: relative; }
.check-box input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.check-box input:checked + .icon { background: #0cb28b; border-color: #0cb28b; }
.check-box input:checked + .icon .fa-check { opacity: 1; }
.check-box input:checked + .icon + .caption { color: #34393c; }
.check-box .icon { background: none; border: 2px solid #b2b4b7; border-radius: 100%; color: white; font-size: 12px; height: 18px; line-height: 18px; left: 0; position: absolute; text-align: center; -webkit-transition: background 0.18s, border-color 0.18s; -o-transition: background 0.18s, border-color 0.18s; transition: background 0.18s, border-color 0.18s; top: -3px; width: 18px; }
.check-box .icon .fa-check { opacity: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; }
.check-box .caption { color: #b2b4b7; display: block; font-size: 14px; line-height: 16px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }