@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; }

@media screen and (min-width: 865px) and (max-width: 1288px) { body { overflow: hidden auto; } }

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 { font-size: 15px; display: inline-block; line-height: 1.28; vertical-align: middle; }

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

.read-more { display: inline-block; margin: 24px 0 0; text-align: center; width: 100%; }
@media screen and (max-width: 440px) { .read-more { margin: 14px 0 0; } }
.read-more .button { padding: 0; width: 186px; }

.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; }

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

.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);}

.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_240x180 { width: 240px; height: 180px; }
.size_352x198 { width: 352px; height: 198px; }

.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;}
.loading_normal { background-size: auto; }

/*----------------------------------------------------- */
/* PAGE ELEMENTS */
/*----------------------------------------------------- */
.page-container { margin: 0 auto; width: 1256px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-container { width: 832px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .page-container { width: 408px; } }
@media screen and (max-width: 440px) { .page-container { margin: 0 16px; width: auto; } }

.page-outer { padding: 76px 0 0; }
@media screen and (min-width: 1289px) { .page-outer { min-height: calc(100vh - 76px - 403px); } }
@media screen and (max-width: 1288px) { .page-outer { padding: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-outer { min-height: calc(100vh - 76px - 162px); } }

.page-inner { padding: 30px 0 50px; }
@media screen and (max-width: 440px) { .page-inner { padding: 25px 0 35px; } }

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

.page-block-1 { padding: 40px 0 55px; }
@media screen and (max-width: 440px) { .page-block-1 { padding: 25px 0 35px; } }

.page-block-2 { padding: 30px 0 35px; }

.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; }

.page-section-2 { margin: 0 0 20px; }
.page-section-2:last-child { margin: 0; }

.page-main { float: left; margin-right: 20px; width: 630px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-main { width: 418px; } }
@media screen and (max-width: 864px) { .page-main { float: none; margin: 0 0 40px; width: auto; } }
@media screen and (max-width: 440px) { .page-main { margin: 0 0 30px; } }

.page-sidebar { float: left; width: 606px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-sidebar { width: 394px; } }
@media screen and (max-width: 864px) { .page-sidebar { float: none; width: auto; } }

.page-controls { border-bottom: 2px solid #cacccd; margin: 0 0 16px; }
.page-controls .tabs-toggle { float: left; 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; }
.page-controls .flip-switch { display: block; float: right; }
.news_block .page-controls .tabs-toggle a { padding: 0; margin: 0 0 10px 0; }

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

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

.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; }

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

/*----------------------------------------------------- */
/* 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--1 { background: transparent; border: 1px solid #494d50; color: #b2b4b7; }
.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; }

/*----------------------------------------------------- */
/* INPUT FIELD */
/*----------------------------------------------------- */
.input-field { background: #eff1f1; border: none; border-radius: 17px; padding: 8.5px 20px; }

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

/*----------------------------------------------------- */
/* INPUT GROUP */
/*----------------------------------------------------- */
.input-group { display: block; }
.input-group span { display: block; float: left; font-weight: normal; height: 34px; line-height: 34px; }
.input-group .input-field { float: right; }

.input-group-1 { display: block; margin: 0 0 10px; float:left }
.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; } }

/*----------------------------------------------------- */
/* FLIP SWITCH */
/*----------------------------------------------------- */
.flip-switch { cursor: pointer; display: inline-block; font-size: 16px; height: 22px; line-height: 22px; margin-bottom: 15px; }
.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: 18px; }
.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: 1px;  position: absolute; -webkit-transition: left 0.18s; -o-transition: left 0.18s; transition: left 0.18s; top: 1px; width: 20px; }

/*----------------------------------------------------- */
/* SELECT BOX */
/*----------------------------------------------------- */
.select-box { position: relative; z-index: 666; }
.select-box .fa-caret-down { position: absolute; right: 14px; top: 9px; -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; cursor: pointer; height: 34px; line-height: 34px; overflow: hidden; padding: 0 38px 0 20px; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; z-index: 1; }
.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; }
.select-box .cs-box_list li:hover { color: #34393c; font-weight: normal; }
.select-box .cs-box_list li.is-active { display: none; }

/*----------------------------------------------------- */
/* 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; }

/*----------------------------------------------------- */
/* FILE BOX */
/*----------------------------------------------------- */
.file-box label { display: inline-block; max-width: 100%; position: relative; }
.file-box input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.file-box .button { float: left; margin-right: 12px; }
.file-box .button--large + .caption { height: 44px; line-height: 41px; }
.file-box .button--medium + .caption { height: 34px; line-height: 31px; }
.file-box .button--small + .caption { height: 30px; line-height: 27px; }
.file-box .caption { color: #b2b4b7; display: block; font-size: 14px; }
.file-box .caption.is-active { color: #34393c; }

/*----------------------------------------------------- */
/* 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; }

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

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

.fancybox-image-wrap, .fancybox-image { border-radius: 5px; }

.fancybox-caption { font: 18px/1.28 "Exo 2", sans-serif; }

/*----------------------------------------------------- */
/* HEADER */
/*----------------------------------------------------- */
.header { background: #34393c; color: white; font-size: 15px; position: relative; z-index: 888; }
@media screen and (min-width: 1289px) { .header { left: 0; position: fixed; right: 0; top: 0; } }

.header_logo { display: block; float: left; height: 74px; line-height: 74px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_logo { margin-right: 50px; } }
.header_logo img { max-height: 100%; }

.header_menu { float: left; margin-right: 95px; }
@media screen and (max-width: 1288px) { .header_menu { float: right; margin: 0; } }
.header_menu .toggle { display: block; height: 74px; position: relative; width: 28px; }
@media screen and (min-width: 1289px) { .header_menu .toggle { display: none; } }
.header_menu .toggle.is-active .t { margin: -2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.header_menu .toggle.is-active .m { opacity: 0; }
.header_menu .toggle.is-active .b { margin: -2px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.header_menu .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_menu .toggle .t { margin: -12px 0 0; }
.header_menu .toggle .m { margin: -2px 0 0; }
.header_menu .toggle .b { margin: 8px 0 0; }
@media screen and (min-width: 1289px) { .header_menu .list { display: block !important; } }
@media screen and (max-width: 1288px) { .header_menu .list { background: #34393c; display: none; left: 0; position: absolute; right: 0; top: 100%; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list { border-top: 1px solid #494d50; } }
.header_menu .list ul { list-style: none; margin: 0 auto; padding: 0; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list ul { width: 832px; } }
@media screen and (min-width: 865px) { .header_menu .list li { float: left; margin-right: 25px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list li { margin-right: 100px; } }
.header_menu .list li:last-child { margin: 0; }
.header_menu .list li:hover a { color: white; }
.header_menu .list li.is-active a { color: white; }
@media screen and (min-width: 865px) { .header_menu .list li.is-active a { border-color: #0cb28b; } }
@media screen and (max-width: 864px) { .header_menu .list li.is-active a { background: #222528; } }
.header_menu .list a { border-bottom: 2px solid #34393c; color: #b2b4b7; display: block; font-weight: normal; height: 74px; line-height: 76px; text-align: center; text-transform: uppercase; }
@media screen and (max-width: 1288px) { .header_menu .list a { height: 46px; line-height: 46px; } }
@media screen and (max-width: 864px) { .header_menu .list a { border-bottom: none; border-top: 1px solid #494d50; } }

.header_phones { float: right; height: 76px; line-height: 70px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_phones { float: left; } }
@media screen and (max-width: 864px) { .header_phones { float: none; overflow: hidden; text-align: center; } }
.header_phones a { color: white; display: block; font-size: 16px; font-weight: normal; margin: 0 0 3px; text-align: left; }
@media screen and (max-width: 440px) { .header_phones a { font-size: 14px; } }
.header_phones a:last-child { margin: 0; }

.header_actions { float: right; margin-right: 35px; padding: 21px 200px 21px 0; position: relative; width: 200px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_actions { margin-right: 50px; } }
@media screen and (max-width: 864px) { .header_actions { clear: both; float: none; margin: 0; padding: 0 165px 15px 0; width: auto; } }
.header_actions .search-bar { width: 100%; }
.header_actions .link { color: #b2b4b7; display: block; height: 34px; line-height: 34px; position: absolute; text-align: center; top: 21px; }
@media screen and (max-width: 864px) { .header_actions .link { top: 0; } }
.header_actions .link--profile { font-size: 16px; right: 68px; }
.header_actions .link--profile a{ color: #b2b4b7; }
.header_actions .link--profile a:hover{ border-bottom: 1px solid #b2b4b7; }

.header_actions .link--cart { font-size: 18px; right: 0; }
.header_actions .link--cart.is-active .count { background: #0cb28b; color: white;}
.header_actions .link--cart .count { margin-left: 5px; background: #494d50; border-radius: 100%; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; position: relative; text-align: center; top: -3px; width: 20px; }

.text_entrance-register {text-align: left; float: right;line-height: normal;margin-left: 5px;font-size: 14px;}
@media screen and (max-width: 864px) { .text_entrance-register { font-size: 11px; } }

.text_login { float: none; }

.header_sub-menu { background: rgba(33, 36, 39, 0.95); display: none; left: 0; padding: 24px 0 15px; position: absolute; right: 0; text-align: center; top: 100%; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu { top: 125px; padding: 24px 0; } }
@media screen and (max-width: 864px) { .header_sub-menu { bottom: 0; padding: 24px 0 0; position: fixed; top: 0; z-index: 999; } }
.header_sub-menu .title { color: #0cb28b; float: left; font-size: 18px; height: 24px; line-height: 22px; margin: 0 0 32px; text-align: left; text-transform: uppercase; }
@media screen and (min-width: 865px) { .header_sub-menu .title { display: none; } }
.header_sub-menu .close { color: white; display: block; float: right; font-size: 20px; line-height: 24px; }
@media screen and (min-width: 865px) { .header_sub-menu .close { display: none; } }
.header_sub-menu .list { float: left; list-style: none; margin: 0 50px 0 0; padding: 0; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .list { float: none; margin: 0 2px; } }
@media screen and (max-width: 864px) { .header_sub-menu .list { float: none; margin: 0; } }
.header_sub-menu .list li { float: left; width: 160px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .list li { width: 138px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .header_sub-menu .list li { margin: 0 0 32px; width: 136px; } }
@media screen and (max-width: 440px) { .header_sub-menu .list li { margin: 0 0 32px; width: 50%; } }
.header_sub-menu .list a { color: #b2b4b7; display: block; }
.header_sub-menu .list a:hover { color: white; }
.header_sub-menu .list a:hover .icon, .header_sub-menu .list .is-active .icon  { opacity: 1; }
.header_sub-menu .list a:hover .icon--1, .header_sub-menu .list .is-active .icon--1 { background-position: 100% 0px; }
.header_sub-menu .list a:hover .icon--2, .header_sub-menu .list .is-active .icon--2 { background-position: 100% -44px; }
.header_sub-menu .list a:hover .icon--3, .header_sub-menu .list .is-active .icon--3 { background-position: 100% -88px; }
.header_sub-menu .list a:hover .icon--4, .header_sub-menu .list .is-active .icon--4 { background-position: 100% -132px; }
.header_sub-menu .list a:hover .icon--5, .header_sub-menu .list .is-active .icon--5 { background-position: 100% -176px; }
.header_sub-menu .list a:hover .icon--6, .header_sub-menu .list .is-active .icon--6 { background-position: 100% -220px; }
.header_sub-menu .list a:hover .icon--7, .header_sub-menu .list .is-active .icon--7 { background-position: 100% -264px; }
.header_sub-menu .list a:hover .icon--8, .header_sub-menu .list .is-active .icon--8 { background-position: 100% -308px; }
.header_sub-menu .list a:hover .icon--9, .header_sub-menu .list .is-active .icon--9 { background-position: 100% -352px; }
.header_sub-menu .list a:hover .icon--10, .header_sub-menu .list .is-active .icon--10 { background-position: 100% -396px; }
.header_sub-menu .list a:hover .icon--11, .header_sub-menu .list .is-active .icon--11 { background-position: 100% -440px; }
.header_sub-menu .list a:hover .icon--12, .header_sub-menu .list .is-active .icon--12 { background-position: 100% -484px; }
.header_sub-menu .list a:hover .icon--13, .header_sub-menu .list .is-active .icon--13 { background-position: 100% -528px; }
.header_sub-menu .list a:hover .icon--14, .header_sub-menu .list .is-active .icon--14 { background-position: 100% -572px; }
.header_sub-menu .list a:hover .icon--15, .header_sub-menu .list .is-active .icon--15 { background-position: 100% -616px; }
.header_sub-menu .list a:hover .icon--16, .header_sub-menu .list .is-active .icon--16 { background-position: 100% -660px; }
.header_sub-menu .list a:hover .icon--17, .header_sub-menu .list .is-active .icon--17 { background-position: 100% -704px; }
.header_sub-menu .list a:hover .icon--18, .header_sub-menu .list .is-active .icon--18 { background-position: 100% -748px; }
.header_sub-menu .list a:hover .icon--19, .header_sub-menu .list .is-active .icon--19 { background-position: 100% -792px; }
.header_sub-menu .list a:hover .icon--20, .header_sub-menu .list .is-active .icon--20 { background-position: 100% -836px; }
.header_sub-menu .list a:hover .icon--21, .header_sub-menu .list .is-active .icon--21{ background-position: 100% -880px; }
.header_sub-menu .list a:hover .icon--22, .header_sub-menu .list .is-active .icon--22 { background-position: 100% -924px; }
.header_sub-menu .list a:hover .icon--23, .header_sub-menu .list .is-active .icon--23 { background-position: 100% -968px; }
.header_sub-menu .list a:hover .icon--24, .header_sub-menu .list .is-active .icon--24 { background-position: 100% -1012px; }
.header_sub-menu .list a:hover .icon--25, .header_sub-menu .list .is-active .icon--25 { background-position: 100% -1056px; }
.header_sub-menu .list a:hover .icon--26, .header_sub-menu .list .is-active .icon--26 { background-position: 100% -1100px; }
.header_sub-menu .list .icon { background-image: url(../img/menu-icons.svg); display: block; height: 44px; opacity: 0.25; margin: 0 auto 6px; width: 44px; }
.header_sub-menu .list .icon--1 { background-position: 0 0px; }
.header_sub-menu .list .icon--2 { background-position: 0 -44px; }
.header_sub-menu .list .icon--3 { background-position: 0 -88px; }
.header_sub-menu .list .icon--4 { background-position: 0 -132px; }
.header_sub-menu .list .icon--5 { background-position: 0 -176px; }
.header_sub-menu .list .icon--6 { background-position: 0 -220px; }
.header_sub-menu .list .icon--7 { background-position: 0 -264px; }
.header_sub-menu .list .icon--8 { background-position: 0 -308px; }
.header_sub-menu .list .icon--9 { background-position: 0 -352px; }
.header_sub-menu .list .icon--10 { background-position: 0 -396px; }
.header_sub-menu .list .icon--11 { background-position: 0 -440px; }
.header_sub-menu .list .icon--12 { background-position: 0 -484px; }
.header_sub-menu .list .icon--13 { background-position: 0 -528px; }
.header_sub-menu .list .icon--14 { background-position: 0 -572px; }
.header_sub-menu .list .icon--15 { background-position: 0 -616px; }
.header_sub-menu .list .icon--16 { background-position: 0 -660px; }
.header_sub-menu .list .icon--17 { background-position: 0 -704px; }
.header_sub-menu .list .icon--18 { background-position: 0 -748px; }
.header_sub-menu .list .icon--19 { background-position: 0 -792px; }
.header_sub-menu .list .icon--20 { background-position: 0 -836px; }
.header_sub-menu .list .icon--21 { background-position: 0 -880px; }
.header_sub-menu .list .icon--22 { background-position: 0 -924px; }
.header_sub-menu .list .icon--23 { background-position: 0 -968px; }
.header_sub-menu .list .icon--24 { background-position: 0 -1012px; }
.header_sub-menu .list .icon--25 { background-position: 0 -1056px; }
.header_sub-menu .list .icon--26 { background-position: 0 -1100px; }
.header_sub-menu .list .caption { display: block; height: 32px; line-height: 16px; overflow: hidden; }
.header_sub-menu .button { border-radius: 40px; font-size: 12px; height: 40px; line-height: 37px; }
@media screen and (min-width: 1289px) { .header_sub-menu .button { float: left; margin: 17px 0 32px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .button { margin: 24px 0 0; } }

/*----------------------------------------------------- */
/* 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 { position: relative; }
.promo-slider .owl-carousel { position: relative; z-index: 11; }
.promo-slider .owl-controls { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; z-index: 22; }
.promo-slider .owl-prev, .promo-slider .owl-next { color: white; display: inline-block; font-size: 20px; opacity: 0.4; transition: opacity 0.18s; vertical-align: middle; }
.promo-slider .owl-prev:hover, .promo-slider .owl-next:hover { opacity: 1; }
.promo-slider .owl-dots { display: inline-block; margin: 0 10px; text-align: center; vertical-align: middle; }
.promo-slider .owl-dot { background: white; border-radius: 100%; cursor: pointer; display: block; float: left; height: 8px; margin: 1px 5px; opacity: 0.4; transition: opacity 0.18s; width: 8px; }
.promo-slider .owl-dot.active { height: 10px; margin: 0 4px; opacity: 1; width: 10px; }

.promo-slider--1 { background: #34393c url(../img/loading.gif) 50% 50% no-repeat; border-bottom: 1px solid #494d50; padding: 0 0 65px; min-height: 31.25vw}
.promo-slider--1 .owl-controls { padding: 20px 0; }
.promo-slider--1 img.bg { max-width: none; position: relative; width: 100%; z-index: 1; }
@media screen and (max-width: 864px) { .promo-slider--1 img.bg { height: 100%; left: 50%; position: absolute; transform: translateX(-50%); width: auto; } }
.promo-slider--1 .page-container { position: relative; z-index: 2; }
@media screen and (min-width: 865px) { .promo-slider--1 .page-container { height: 100%; left: 50%; margin-left: -628px; position: absolute; top: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .promo-slider--1 .page-container { margin-left: -416px; } }
@media screen and (max-width: 864px) { .promo-slider--1 .page-container { height: 270px; } }
.promo-slider--1 .page-container .wrapper { height: 100%; }
@media screen and (max-width: 864px) { .promo-slider--1 .page-container .wrapper { bottom: 20px; height: auto; left: 0; position: absolute; right: 0; } }
.promo-slider--1 .page-container .content { bottom: 40px; }
@media screen and (max-width: 864px) { .promo-slider--1 .page-container .content { position: static; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .promo-slider--1 .page-container .title { font-size: 34px; } }
@media screen and (max-width: 864px) { .promo-slider--1 .page-container .title { font-size: 29px; } }
.promo-slider--1 .page-container .brief { font-size: 16px; font-weight: normal; margin: 18px 0 0; }

.promo-slider--2 .owl-controls { padding: 32px 0; }
.promo-slider--2 .promo-slider_slide { height: 545px; }
.promo-slider--2 .promo-slider_slide::before { height: 420px; }
@media screen and (max-width: 440px) { .promo-slider--2 .promo-slider_slide::before { height: 480px; } }
.promo-slider--2 .promo-slider_slide .content { font-weight: normal; padding: 0 0 90px; text-align: center; }
.promo-slider--2 .promo-slider_slide .content p { margin: 0 0 16px; }
.promo-slider--2 .promo-slider_slide .content p:last-child { margin: 0; }
.promo-slider--2 .promo-slider_slide .title { font-size: 48px; line-height: 1; margin: 0 0 18px; }
@media screen and (max-width: 440px) { .promo-slider--2 .promo-slider_slide .title { font-size: 36px; } }

.promo-slider_slide { color: white; overflow: hidden; position: relative; }
.promo-slider_slide .content { bottom: 0; left: 0; position: absolute; right: 0; z-index: 2; }

.promo-slider_description { float: left; height: 100%; position: relative; width: 425px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .promo-slider_description { width: 400px; } }
@media screen and (max-width: 864px) { .promo-slider_description { float: none; height: auto; width: auto; } }
.promo-slider_description .logo { display: inline-block; margin: 0 0 36px; }
@media screen and (min-width: 441px) and (max-width: 864px) { .promo-slider_description .logo { margin: 0 0 18px; } }
@media screen and (max-width: 440px) { .promo-slider_description .logo { display: none; } }
.promo-slider_description .title { font-size: 42px; line-height: 1; margin: 0; }
@media screen and (max-width: 440px) { .promo-slider_description .title { font-size: 36px; } }

.promo-slider_info { float: right; height: 100%; position: relative; width: 420px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .promo-slider_info { width: 400px; } }
@media screen and (max-width: 864px) { .promo-slider_info { float: none; height: auto; width: auto; } }
.promo-slider_info .old-price { background: #da3131; border-radius: 24px; border-bottom-left-radius: 0; display: inline-block; height: 24px; line-height: 22px; margin: 0 0 10px; padding: 0 12px; }
.promo-slider_info .current-price { display: block; float: left; font-size: 48px; height: 50px; line-height: 50px; margin-right: 25px; }
@media screen and (max-width: 440px) { .promo-slider_info .current-price { font-size: 36px; height: 44px; line-height: 42px; margin-right: 15px; } }
.promo-slider_info .current-price small { font-size: 36px; }
@media screen and (max-width: 440px) { .promo-slider_info .current-price small { font-size: 24px; } }
.promo-slider_info .button { float: left; }
@media screen and (min-width: 441px) { .promo-slider_info .button { font-size: 16px; height: 50px; line-height: 47px; padding: 0 25px; } }

.promo-slider_slide::before { background: linear-gradient(0deg, rgba(33, 36, 39, 0.95), rgba(0, 0, 0, 0)); bottom: 0; content: ""; display: block; height: 80%; left: 0; position: absolute; right: 0; z-index: 2; }
.promo-slider_slide .slider_slide-link { display: block; color: #fff; }


/*----------------------------------------------------- */
/* PRODUCT ITEM */
/*----------------------------------------------------- */
.product-item { background: #212427; border-radius: 5px; float: left; margin: 0 16px 16px 0; width: 196px; overflow: hidden; }
.product-item:hover .current-price { color: white; }

.product-item_image { border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; z-index: 25; }
.product-item_image img { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.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 { overflow: hidden; padding: 20px; position: relative; z-index: 22; }

.product-item_title { margin: 0 0 12px; }
.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; height: 40px; overflow: hidden; }
.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; height: 32px; overflow: hidden; }
.product-item_title .type a { color: #787878; }

.product-item .product-item_price { height: 74px; overflow: hidden;}
@media screen and (max-width: 440px) { .product-item .product-item_title .name, .product-item .product-item_title .type { height: auto; } }
@media screen and (max-width: 440px) { .product-item .product-item_price { height: auto;}}

.product-item_specs { display: none; }
.product-item_info .current-price { margin: 0 0 18px; overflow: hidden; 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 .old-price { color: #da3131; display: block; height: 16px; line-height: 16px; text-decoration: line-through; overflow: hidden; }
.product-item_info .current-price small { font-size: 18px; }
.product-item_info .price-margin-top { margin-top: 16px; }
@media screen and (max-width: 440px) { .product-item_info .price-margin-top { margin: 0 0 18px; } }

.product-item_info .buy { /*float: left;*/ padding: 0; width: 112px; }
.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: left; font-size: 24px; height: 30px; line-height: 30px; margin-left: 14px; text-align: center; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; width: 30px; }
.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 BLOCK */
/*----------------------------------------------------- */
.products-block { background: #34393c; }
.products-block .page-controls { border-color: #494d50; }
.products-block .page-controls .tabs-toggle li { margin-right: 50px; }
@media screen and (max-width: 864px) { .products-block .page-controls .tabs-toggle li { float: none; margin: 0; } }
.products-block .page-controls .tabs-toggle li:last-child { margin: 0; }
.products-block .page-controls .tabs-toggle li.is-active a { color: white; }
@media screen and (min-width: 865px) { .products-block .page-controls .tabs-toggle li.is-active a { font-size: 21px; } }
.products-block .page-controls .tabs-toggle a { color: #b2b4b7; padding-bottom: 30px; }
@media screen and (max-width: 864px) { .products-block .page-controls .tabs-toggle a { border-color: #494d50; padding-bottom: 16px; } }
@media screen and (max-width: 440px) { .products-block .page-controls .tabs-toggle a { padding-bottom: 8px; } }
.products-block .page-controls .tabs-toggle .aligner { line-height: 1; vertical-align: bottom; }
@media screen and (max-width: 864px) { .products-block .page-controls .tabs-toggle .aligner { vertical-align: baseline; } }
@media screen and (max-width: 440px) { .products-block .product-item { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .products-block .product-item:nth-child(6n) { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .products-block .product-item:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .products-block .product-item:nth-child(even) { margin-right: 0; } }
@media screen and (max-width: 440px) { .products-block .product-item .product-item_image a { display: none; } }
@media screen and (max-width: 440px) { .products-block .product-item .product-item_image span { display: inline-block; margin: 20px 0 0 20px; position: static; } }
@media screen and (max-width: 440px) { .products-block .product-item .product-item_image .discount-label { border-radius: 100%; height: 24px; width: 24px; } }
@media screen and (max-width: 440px) { .products-block .product-item .product-item_image .discount-label::before, .products-block .product-item .product-item_image .discount-label::after { display: none; } }
@media screen and (max-width: 440px) { .products-block .product-item .product-item_title .name, .products-block .product-item .product-item_title .type { height: auto; } }
@media screen and (max-width: 440px) { .products-block .product-item .product-item_info .current-price { margin: 0 0 18px; } }

/*----------------------------------------------------- */
/* PRODUCT EDITIONS */
/*----------------------------------------------------- */
.product-editions { background: #34393c; color: white; padding: 40px 0 39px; }
@media screen and (max-width: 440px) { .product-editions { padding: 25px 0 19px; } }

.product-edition { background: #212427; float: left; margin: 0 112px 16px 0; width: 196px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .product-edition { margin-right: 61px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .product-edition { margin-right: 16px; } }
@media screen and (max-width: 440px) { .product-edition { float: none; margin: 0 0 16px; width: auto; } }
@media screen and (min-width: 865px) { .product-edition:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 1289px) { .product-edition:nth-child(3n-2) { margin-left: 222px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .product-edition:nth-child(3n-2) { margin-left: 61px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .product-edition:nth-child(even) { margin-right: 0; } }
.product-edition:hover .price { color: white; }
.product-edition .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; }
@media screen and (max-width: 440px) { .product-edition .image { display: none; } }
.product-edition .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; }
.product-edition .text { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 100px; padding: 16px 16px 62px; position: relative; overflow: hidden; }
@media screen and (max-width: 440px) { .product-edition .text { border-radius: 5px; height: auto; padding: 16px; } }
.product-edition .title { height: 40px; margin: 0 0 12px; overflow: hidden; }
@media screen and (min-width: 441px) { .product-edition .title { line-height: 20px; max-height: 40px; } }
.product-edition .title a { color: white; }
.product-edition .brief { height: 48px; color: #787878; font-size: 12px; margin: 0; overflow: hidden; }
@media screen and (min-width: 441px) { .product-edition .brief { line-height: 16px; max-height: 48px; } }
@media screen and (max-width: 440px) { .product-edition .brief { margin: 0 0 16px; } }
@media screen and (min-width: 441px) { .product-edition .bottom-panel { bottom: 16px; left: 16px; position: absolute; right: 16px; } }
.product-edition .price { color: #b2b4b7; float: left; font-size: 18px; height: 30px; line-height: 30px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; width: 94px; }
.product-edition .price small { font-size: 16px; }
.product-edition .buy { float: left; padding: 0; width: 70px; }

/*----------------------------------------------------- */
/* PRODUCT DETAILS */
/*----------------------------------------------------- */
@media screen and (min-width: 441px) { .product-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media screen and (min-width: 1289px) { .product-details { margin: 0 222px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .product-details { margin: 0 61px; } }
.product-details .column { margin: 0 112px 30px 0; width: 196px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .product-details .column { margin-right: 61px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .product-details .column { margin-right: 16px; } }
@media screen and (max-width: 440px) { .product-details .column { margin: 0 0 25px; text-align: center; width: auto; } }
@media screen and (min-width: 865px) { .product-details .column:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .product-details .column:nth-child(even) { margin-right: 0; } }
.product-details .image { border-radius: 5px; margin: 0 0 18px; width: 120px; }
@media screen and (max-width: 440px) { .product-details .image { margin: 0 0 10px; } }
.product-details .title { font-size: 18px; font-weight: normal; margin: 0 0 16px; }
@media screen and (max-width: 440px) { .product-details .title { margin: 0 0 10px; } }
.product-details .list { color: #787878; font-size: 12px; list-style: none; margin: 0; padding: 0; }
.product-details .list li { margin: 6px 0 0; position: relative; }
@media screen and (min-width: 441px) { .product-details .list li { padding-left: 5px; } }
.product-details .list li::before { content: "•"; left: 0; position: absolute; top: 0; }
@media screen and (max-width: 440px) { .product-details .list li::before { display: none; } }

/*----------------------------------------------------- */
/* PRODUCT REQUIREMENTS */
/*----------------------------------------------------- */
.product-requirements { background: -webkit-gradient(linear, left top, right top, from(#41ba88), to(#018e87)); background: -webkit-linear-gradient(left, #41ba88 0%, #018e87 100%); background: -o-linear-gradient(left, #41ba88 0%, #018e87 100%); background: linear-gradient(90deg, #41ba88 0%, #018e87 100%); color: white; padding: 50px 0 55px; }
@media screen and (min-width: 441px) and (max-width: 1288px) { .product-requirements { padding: 40px 0 45px; } }
@media screen and (max-width: 440px) { .product-requirements { padding: 25px 0 35px; } }
.product-requirements .page-title-2 { font-weight: bold; text-align: center; }
.product-requirements .page-title-3 { font-size: 16px; margin: 0 0 8px; }
.product-requirements .column { float: left; margin-left: 180px; width: 418px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .product-requirements .column { margin-left: 32px; width: 400px; } }
@media screen and (max-width: 864px) { .product-requirements .column { float: none; margin: 20px 0 0; width: auto; } }
@media screen and (min-width: 1289px) { .product-requirements .column:first-child { margin-left: 120px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .product-requirements .column:first-child { margin-left: 0; } }
.product-requirements .column p { margin: 6px 0 0; }
.product-requirements .column p span { font-weight: normal; }

/*----------------------------------------------------- */
/* COMPARE TOGGLE */
/*----------------------------------------------------- */
.compare-toggle { display: block; margin: 0 auto; width: 196px; }

/*----------------------------------------------------- */
/* COMPARE SELECTION */
/*----------------------------------------------------- */
.compare-selection .title { margin: 0 0 16px; }
.compare-selection .note { color: #787878; font-size: 18px; margin: 0 0 16px; text-align: center; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; }
@media screen and (max-width: 440px) { .compare-selection .note { font-size: 16px; } }
.compare-selection .note.is-active { color: #da3131; }
.compare-selection .list { list-style: none; margin: 0 222px 30px; padding: 0; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .compare-selection .list { margin: 0 61px 30px; } }
@media screen and (max-width: 864px) { .compare-selection .list { margin: 0 0 30px; } }
.compare-selection .list li { float: left; margin: 0 16px 16px 0; width: 260px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .compare-selection .list li { width: 226px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .compare-selection .list li { width: 196px; } }
@media screen and (max-width: 440px) { .compare-selection .list li { float: none; margin: 0 0 8px; width: auto; } }
@media screen and (min-width: 865px) { .compare-selection .list li:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .compare-selection .list li:nth-child(even) { margin-right: 0; } }
.compare-selection .list label { cursor: pointer; display: block; }
.compare-selection .list input[type='checkbox'] { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; }
.compare-selection .list input[type='checkbox']:checked + .caption { background: #0cb28b; border-color: #0cb28b; color: white; }
.compare-selection .list .caption { border: 1px solid #b2b4b7; border-radius: 5px; display: block; padding: 15px; -webkit-transition: background 0.18s, border-color 0.18s, color 0.18s; -o-transition: background 0.18s, border-color 0.18s, color 0.18s; transition: background 0.18s, border-color 0.18s, color 0.18s; }
@media screen and (min-width: 441px) { .compare-selection .list .caption { height: 40px; line-height: 40px; } }
.compare-selection .list .aligner { overflow: hidden; }
@media screen and (min-width: 441px) { .compare-selection .list .aligner { line-height: 20px; max-height: 40px; } }

/*----------------------------------------------------- */
/* COMPARE TABLE */
/*----------------------------------------------------- */
.compare-table { overflow: auto; padding-bottom: 10px; }
.compare-table::-webkit-scrollbar { -webkit-appearance: none; }
.compare-table::-webkit-scrollbar:vertical { width: 0; }
.compare-table::-webkit-scrollbar:horizontal { height: 5px; }
.compare-table::-webkit-scrollbar-thumb { background: #0cb28b; border-radius: 5px; height: 5px; }
.compare-table::-webkit-scrollbar-track { background: rgba(12, 178, 139, 0.25); border-radius: 5px; height: 5px; }
.compare-table table { min-width: 100%; }
.compare-table tr:nth-child(odd) th, .compare-table tr:nth-child(odd) td { background: white; }
.compare-table th, .compare-table td { border: 1px solid #cbccce; padding: 7px 19px; }
.compare-table th { font-size: 14px; font-weight: 300; text-align: left; }
.compare-table td { font-size: 12px; text-align: center; }
.compare-table td:not(.is-active) { display: none; }

/*----------------------------------------------------- */
/* BENEFITS ITEMS */
/*----------------------------------------------------- */
@media screen and (min-width: 441px) { .benefits-items { -ms-flex-line-pack: stretch; align-content: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.benefits-item { background: white; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 16px 16px 0; padding: 20px; text-align: center; }
.benefits-item:last-child { margin-right: 0; }
.benefits-item p { margin: 0; }
.benefits-item .icon { margin: 0 0 20px; height: 64px; }
.benefits-item .title { font-weight: bold; }

@media screen and (min-width: 1289px) { .benefits-item--1 { width: 196px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .benefits-item--1 { margin-right: 17px; width: 266px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .benefits-item--1 { width: 196px; } }
@media screen and (max-width: 440px) { .benefits-item--1 { margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .benefits-item--1:nth-child(6n-5) { margin-left: 0; } }
@media screen and (min-width: 1289px) { .benefits-item--1:nth-child(6n) { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .benefits-item--1:nth-child(3n-2) { margin-left: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .benefits-item--1:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .benefits-item--1:nth-child(2n-1) { margin-left: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .benefits-item--1:nth-child(2n) { margin-right: 0; } }

@media screen and (min-width: 1289px) { .benefits-item--2 { width: 302px; } }
@media screen and (min-width: 441px) and (max-width: 1288px) { .benefits-item--2 { width: 196px; } }
@media screen and (max-width: 440px) { .benefits-item--2 { margin-right: 0; width: auto; } }
@media screen and (min-width: 865px) { .benefits-item--2:nth-child(4n-3) { margin-left: 0; } }
@media screen and (min-width: 865px) { .benefits-item--2:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .benefits-item--2:nth-child(2n-1) { margin-left: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .benefits-item--2:nth-child(2n) { margin-right: 0; } }

@media screen and (min-width: 1289px) { .benefits-item--3 { width: 302px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .benefits-item--3 { width: 408px; } }
@media screen and (max-width: 864px) { .benefits-item--3 { margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .benefits-item--3:nth-child(4n-3) { margin-left: 0; } }
@media screen and (min-width: 1289px) { .benefits-item--3:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .benefits-item--3:nth-child(2n-1) { margin-left: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .benefits-item--3:nth-child(2n) { margin-right: 0; } }

/*----------------------------------------------------- */
/* BUSINESS BLOCK */
/*----------------------------------------------------- */
.business-block { background: #ccc; }
.business-block .page-controls { border-color: #aeafaf; }
.business-block .page-controls .tabs-toggle li { margin-right: 50px; }
.business-block h2:nth-child(3) {margin-top: 20px}
@media screen and (max-width: 864px) { .business-block .page-controls .tabs-toggle li { float: none; margin: 0; } }
.business-block .page-controls .tabs-toggle li:last-child { margin: 0; }
@media screen and (min-width: 441px) { .business-block .page-controls .tabs-toggle li.is-active a { font-size: 21px; } }
.business-block .page-controls .tabs-toggle a { color: #34393c; padding-bottom: 30px; }
@media screen and (max-width: 864px) { .business-block .page-controls .tabs-toggle a { border-color: #aeafaf; padding-bottom: 16px; } }
@media screen and (max-width: 440px) { .business-block .page-controls .tabs-toggle a { padding-bottom: 8px; } }
.business-block .page-controls .tabs-toggle .aligner { line-height: 1; vertical-align: bottom; }
@media screen and (max-width: 864px) { .business-block .page-controls .tabs-toggle .aligner { vertical-align: baseline; } }
.business-block .sub-title { font-size: 18px; font-weight: bold; margin: 14px 0 4px; text-align: center; text-transform: uppercase; }
@media screen and (max-width: 440px) { .business-block .sub-title { margin: 24px 0 16px; } }
.business-block .benefits-item { font-size: 14px; }
.business-block .benefits-item .title { margin: 0 0 4px; }
@media screen and (min-width: 441px) { .business-block .benefits-item .title { height: 42px; line-height: 21px; } }
.business-block .benefits-item--2 { margin-bottom: 0; margin-top: 0px; }

/*----------------------------------------------------- */
/* ARTICLE ITEM */
/*----------------------------------------------------- */
.article-item { background: white; border-radius: 5px; font-size: 14px; -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; }
.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 .image { display: block; overflow: hidden; }
.article-item .image img { -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; height: 100%; }
.article-item .text { overflow: hidden; position: relative; }
.article-item .title { overflow: hidden; }
.article-item .title a { color: #34393c; display: inline-block; }
.article-item .brief { color: #777; overflow: hidden; }
.article-item .brief p { margin: 0; }
.article-item .bottom-panel { color: #b2b4b7; font-size: 12px; position: absolute; }
@media screen and (min-width: 865px) { .article-item .bottom-panel { line-height: 20px; } }
@media screen and (max-width: 864px) { .article-item .bottom-panel { position: static; } }
.article-item .bottom-panel a { color: #b2b4b7; }
.article-item .info { float: left; }
@media screen and (max-width: 440px) { .article-item .info { float: none; margin: 0 0 16px; } }
.article-item .stats { float: right; }
@media screen and (max-width: 440px) { .article-item .stats { float: none; } }
.article-item .date { margin-right: 6px; }
.article-item .date::after { content: "|"; margin-left: 8px; }
.article-item .date:last-child { margin: 0; }
.article-item .date:last-child::after { display: none; }
.article-item .views { margin-right: 24px; }
.article-item .views:last-child { margin: 0; }
.article-item .fa-eye, .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; }
.article-item .background-image {background-size: contain;}

.article-item--horizontal .image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; float: left; height: 100%; }
.article-item--horizontal .image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.article-item--horizontal .text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 20px 25px; }
.article-item--horizontal .bottom-panel { bottom: 20px; left: 25px; right: 25px; }

.article-item--vertical { float: left; margin: 0 16px 16px 0; width: 408px; }
@media screen and (max-width: 864px) { .article-item--vertical { float: none; margin-right: 0; width: auto; } }
/*@media screen and (min-width: 1289px) { .article-item--vertical:nth-child(3n) { margin-right: 0; } }*/
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--vertical:nth-child(3n) { display: none; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--vertical:nth-child(2n) { margin-right: 0; } }
.article-item--vertical .image { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.article-item--vertical .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.article-item--vertical .text { height: 130px; padding: 16px 20px 52px; }
@media screen and (max-width: 864px) { .article-item--vertical .text { height: auto; padding: 16px; } }
@media screen and (min-width: 865px) { .article-item--vertical .title { line-height: 20px; max-height: 60px; } }
@media screen and (min-width: 865px) { .article-item--vertical .brief { line-height: 18px; max-height: 54px; } }
@media screen and (max-width: 864px) { .article-item--vertical .brief { margin: 0 0 16px; } }
.article-item--vertical .bottom-panel { bottom: 16px; left: 20px; right: 20px; }

.article-item--promo { margin: 0 0 16px; }
.article-item--promo:last-child { margin: 0; }
@media screen and (min-width: 865px) { .article-item--promo .image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; float: left; height: 198px; } }
@media screen and (max-width: 864px) { .article-item--promo .image { border-top-left-radius: 5px; border-top-right-radius: 5px; } }
@media screen and (min-width: 865px) { .article-item--promo .image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } }
@media screen and (max-width: 864px) { .article-item--promo .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; } }
@media screen and (min-width: 1289px) { .article-item--promo .text { height: 94px; padding: 43px 50px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--promo .text { height: 130px; padding: 34px 30px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .article-item--promo .text { padding: 25px; } }
@media screen and (max-width: 440px) { .article-item--promo .text { padding: 16px; } }
.article-item--promo .title { font-size: 21px; font-weight: normal; margin: 0 0 16px; }
@media screen and (min-width: 865px) { .article-item--promo .title { height: 24px; line-height: 24px; } }
@media screen and (max-width: 864px) { .article-item--promo .title { line-height: 1.1; } }
@media screen and (max-width: 440px) { .article-item--promo .title { font-size: 18px; } }
@media screen and (min-width: 865px) { .article-item--promo .title a { max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } }
.article-item--promo .brief { color: #777; font-size: 14px; overflow: hidden; }
@media screen and (min-width: 1289px) { .article-item--promo .brief { max-height: 72px; } }
@media screen and (min-width: 865px) { .article-item--promo .brief { line-height: 18px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--promo .brief { max-height: 90px; } }
.article-item--promo .brief p { margin: 0; }

/*----------------------------------------------------- */
/* EVENT ITEM */
/*----------------------------------------------------- */
.event-item { border-radius: 5px; color: white; display: block; overflow: hidden; position: relative; }
.event-item:hover .image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.event-item .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%; }
.event-item .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; }
.event-item .caption .date { background: #0cb28b; border-radius: 12px; border-bottom-left-radius: 0; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; margin: 0 0 20px; padding: 0 10px 0 8px; }
.event-item .caption .title { display: block; text-transform: uppercase; }

/*----------------------------------------------------- */
/* EVENTS BLOCK */
/*----------------------------------------------------- */
@media screen and (min-width: 1289px) { .events-block .column { float: left; width: 824px; } }
@media screen and (min-width: 441px) and (max-width: 1288px) { .events-block .column { margin: 0 0 40px; } }
@media screen and (max-width: 440px) { .events-block .column { margin: 0 0 30px; } }
.events-block .column:last-child { margin: 0; }
@media screen and (min-width: 1289px) { .events-block .column:last-child { float: right; width: 408px; } }
.events-block .column:last-child .tab-content { margin: 0; }
.events-block .article-item { height: 178px; margin: 0 0 15px; }
@media screen and (max-width: 864px) { .events-block .article-item { height: auto; } }
.events-block .article-item:last-child { margin: 0 0 16px; }
@media screen and (max-width: 864px) { .events-block .article-item:last-child { display: none; } }
@media screen and (max-width: 864px) { .events-block .article-item .image { display: none; } }
.events-block .article-item .text { padding-bottom: 60px; }
@media screen and (max-width: 864px) { .events-block .article-item .text { height: auto; padding: 16px; } }
@media screen and (min-width: 865px) { .events-block .article-item .title { line-height: 20px; max-height: 40px; } }
@media screen and (min-width: 865px) { .events-block .article-item .brief { line-height: 18px; max-height: 36px; } }
@media screen and (max-width: 864px) { .events-block .article-item .brief { margin: 0 0 16px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .events-block .event-item, .events-block .integration-banner { float: left; width: 266px; } }
.events-block .event-item { margin: 0 0 16px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .events-block .event-item { margin: 0 17px 17px 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .events-block .integration-banner .title { font-size: 24px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .events-block .tab-content { float: left; } }

/*----------------------------------------------------- */
/* INTEGRATION BANNER */
/*----------------------------------------------------- */
.integration-banner { border-radius: 5px; color: white; position: relative; }
.integration-banner .image { border-radius: 5px; width: 100%; }
.integration-banner .caption { bottom: 25px; left: 25px; position: absolute; right: 25px; }
.integration-banner .title { margin: 0 0 20px; }

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

.promo-banner-2 { background-position: 50% 50%; background-size: cover; color: white; font-weight: normal; padding: 60px 0 72px; position: relative; text-align: center; }
@media screen and (min-width: 441px) and (max-width: 1288px) { .promo-banner-2 { padding: 40px 0 55px; } }
@media screen and (max-width: 864px) { .promo-banner-2 { padding: 25px 0 35px; } }
.promo-banner-2::before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(52, 57, 60, 0.95)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(52, 57, 60, 0.95) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(52, 57, 60, 0.95) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(52, 57, 60, 0.95) 0%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 11; }
.promo-banner-2 .page-container { position: relative; z-index: 22; }
.promo-banner-2 .title { font-size: 30px; line-height: 1.1; margin: 0 0 30px; }
@media screen and (max-width: 440px) { .promo-banner-2 .title { margin: 0 0 20px; } }
.promo-banner-2 p { margin: 0; }

/*----------------------------------------------------- */
/* PARTNERS SLIDER */
/*----------------------------------------------------- */
.partners-slider { padding: 0 52px; position: relative; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .partners-slider { padding: 0 59px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .partners-slider { padding: 0 66px; } }
.partners-slider .slider-prev, .partners-slider .slider-next { color: #b2b4b7; display: block; font-size: 26px; line-height: 26px; margin: -13px 0 0; position: absolute; top: 50%; }
.partners-slider .slider-prev:hover, .partners-slider .slider-next:hover { color: #494d50; }
.partners-slider .slider-prev { left: 0; }
.partners-slider .slider-next { right: 0; }
.partners-slider .slide { background: white; border-radius: 5px; display: block; height: 118px; line-height: 118px; margin: 0 auto; text-align: center; }
@media screen and (min-width: 441px) { .partners-slider .slide { width: 130px; } }
.partners-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto; }

/*----------------------------------------------------- */
/* PARTNERS CERTIFICATES */
/*----------------------------------------------------- */
@media screen and (min-width: 1289px) { .partners-certificates { display: flex; flex-wrap: wrap; } }
.partners-certificates .article-item { margin: 0 0 16px; }
@media screen and (max-width: 864px) { .partners-certificates .article-item { padding-top: 16px; } }
@media screen and (min-width: 1289px) { .partners-certificates .article-item { float: left; margin-right: 16px; width: 620px; } }
@media screen and (min-width: 1289px) { .partners-certificates .article-item:nth-child(2n) { margin-right: 0; } }
.partners-certificates .article-item .image { width: 160px; }
@media screen and (max-width: 864px) { .partners-certificates .article-item .image { border-radius: 5px; float: none; margin: 0 auto; } }
@media screen and (max-width: 864px) { .partners-certificates .article-item .image img { border-radius: 5px; } }
@media screen and (max-width: 864px) { .partners-certificates .article-item .text { padding: 16px; } }

/*----------------------------------------------------- */
/* COMPANY DESCRIPTION */
/*----------------------------------------------------- */
.company-description_banner { border-radius: 5px; margin: 0 0 30px; position: relative; }
@media screen and (max-width: 440px) { .company-description_banner { margin: 0 0 24px; } }
.company-description_banner .fg { border-bottom-left-radius: 5px; border-top-left-radius: 5px; height: 100%; left: 0; position: absolute; top: 0; }
.company-description_banner .bg { border-radius: 5px; width: 100%; }

.company-description_image { border-radius: 5px; float: left; margin-right: 32px; position: relative; width: 282px; }
@media screen and (max-width: 864px) { .company-description_image { float: none; margin: 0 0 30px; width: auto; } }
@media screen and (max-width: 440px) { .company-description_image { margin: 0 0 24px; } }
.company-description_image .photo { background: url(../img/company-description-image.jpg); background-size: contain; border-radius: 5px; }
@media screen and (max-width: 864px) { .company-description_image .photo { float: left; margin-right: 16px; width: 100px; } }
.company-description_image .photo img { border-radius: 5px; width: 100%; }
.company-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; }
@media screen and (max-width: 864px) { .company-description_image .caption { background: none; color: #494d50; padding: 0; position: static; } }
@media screen and (max-width: 440px) { .company-description_image .caption { font-size: 18px; } }
.company-description_image .caption span { color: #0cb28b; display: block; font-size: 30px; margin: 0 0 8px; }
@media screen and (max-width: 440px) { .company-description_image .caption span { font-size: 24px; } }

.company-description_text { overflow: hidden; }
.company-description_text p { margin: 0 0 24px; }
@media screen and (max-width: 440px) { .company-description_text p { margin: 0 0 16px; } }
.company-description_text p:last-child { margin: 0; }
.company-description_text .title { font-size: 24px; font-weight: 300; margin: 0 0 24px; }
@media screen and (max-width: 440px) { .company-description_text .title { font-size: 20px; margin: 0 0 16px; } }

/*----------------------------------------------------- */
/* COMPANY BENEFITS */
/*----------------------------------------------------- */
.company-benefits-1 { background: #ccc; }
.company-benefits-1 .note { margin: 16px 0 0; }

.company-benefits-2 { margin-bottom: -16px; }
.company-benefits-2 .benefits-item { font-size: 14px; }

/*----------------------------------------------------- */
/* HISTORY CONTROLS */
/*----------------------------------------------------- */
.history-controls { margin: 0 0 20px; padding: 0 52px; position: relative; }
.history-controls .slider-prev, .history-controls .slider-next { color: #b2b4b7; display: block; font-size: 32px; line-height: 32px; margin: -21px 0 0; position: absolute; top: 50%; -webkit-transition: opacity 0.18s, visibility 0.18s; -o-transition: opacity 0.18s, visibility 0.18s; transition: opacity 0.18s, visibility 0.18s; }
.history-controls .slider-prev:hover, .history-controls .slider-next:hover { color: #494d50; }
.history-controls .slider-prev.is-disabled, .history-controls .slider-next.is-disabled { opacity: 0; visibility: hidden; }
.history-controls .slider-prev { left: 0; }
.history-controls .slider-next { right: 0; }
.history-controls .year { padding: 3px 3px 13px; }
.history-controls .year.is-active { padding: 0 0 10px; }
.history-controls .year.is-active a { background: #0cb28b; height: 46px; line-height: 44px; }
.history-controls .year.is-active a::before { display: block; }
.history-controls .year a { background: #cbccce; border-radius: 5px; color: white; display: block; font-weight: bold; height: 40px; line-height: 38px; position: relative; text-align: center; }
.history-controls .year a::before { border-color: #0cb28b transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; content: ""; display: none; height: 0; left: 50%; margin-left: -10px; position: absolute; top: 100%; width: 0; }

/*----------------------------------------------------- */
/* HISTORY CONTENT */
/*----------------------------------------------------- */
.history-content .achievements { float: left; list-style: none; margin: 0; padding: 0 50px; width: 152px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .history-content .achievements { padding: 0 30px 0 0; } }
@media screen and (max-width: 864px) { .history-content .achievements { float: none; margin: 0 0 24px; padding: 0; width: auto; } }
.history-content .achievements li { color: white; font-size: 18px; margin: 12px 0; position: relative; }
@media screen and (min-width: 865px) { .history-content .achievements li { border-radius: 100%; height: 152px; line-height: 136px; text-align: center; width: 152px; } }
@media screen and (max-width: 864px) { .history-content .achievements li { margin: 0 0 16px; padding: 20px; } }
.history-content .achievements li:nth-child(3n-2) { background: #0cb28b; }
.history-content .achievements li:nth-child(3n-1) { background: #008e78; }
.history-content .achievements li:nth-child(3n) { background: #007775; }
.history-content .achievements li::before { background: none; border: 6px solid #eff1f1; bottom: 2px; content: ""; display: block; left: 2px; pointer-events: none; position: absolute; right: 2px; top: 2px; }
@media screen and (min-width: 865px) { .history-content .achievements li::before { border-radius: 100%; } }
.history-content .achievements strong { display: block; font-size: 36px; line-height: 1; }
@media screen and (max-width: 440px) { .history-content .achievements strong { font-size: 24px; } }
.history-content .description { overflow: hidden; }
@media screen and (min-width: 441px) { .history-content .description li { margin-bottom: 24px; } }
.history-content .description li:last-child { margin: 0; }
@media screen and (min-width: 441px) { .history-content .description .page-title-3 { font-size: 24px; } }

/*----------------------------------------------------- */
/* JOB FILTER */
/*----------------------------------------------------- */
.job-filter { margin: 0 0 20px; }
.job-filter .note { font-size: 18px; font-weight: normal; margin: 0 0 20px; }
.job-filter .city .caption { font-weight: bold; }
@media screen and (min-width: 441px) { .job-filter .city .caption { float: left; line-height: 34px; margin-right: 10px; } }
@media screen and (max-width: 440px) { .job-filter .city .caption { margin: 0 0 10px; } }
@media screen and (min-width: 441px) { .job-filter .city .select-box { float: left; width: 212px; } }

/*----------------------------------------------------- */
/* JOB ITEM */
/*----------------------------------------------------- */
.job-item { background: white; border: 2px solid white; border-radius: 5px; margin: 12px 0 0; -webkit-transition: border-color 0.36s; -o-transition: border-color 0.36s; transition: border-color 0.36s; }
.job-item.is-active { border-color: #0cb28b; }
.job-item.is-active .job-item_heading .icon { border-color: #b2b4b7; color: #b2b4b7; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.job-item_heading { color: #34393c; display: block; padding: 20px 20px 20px 72px; position: relative; }
.job-item_heading .icon { border: 2px solid #0cb28b; border-radius: 100%; color: #0cb28b; display: block; font-size: 18px; height: 28px; left: 20px; line-height: 30px; position: absolute; text-align: center; top: 26px; -webkit-transition: border-color 0.36s, color 0.36s, -webkit-transform 0.36s; transition: border-color 0.36s, color 0.36s, -webkit-transform 0.36s; -o-transition: border-color 0.36s, color 0.36s, transform 0.36s; transition: border-color 0.36s, color 0.36s, transform 0.36s; transition: border-color 0.36s, color 0.36s, transform 0.36s, -webkit-transform 0.36s; width: 28px; }
.job-item_heading .column { display: block; float: left; line-height: 20px; margin-right: 20px; }
@media screen and (max-width: 864px) { .job-item_heading .column { float: none; margin: 0 0 10px; } }
.job-item_heading .column span { color: #b2b4b7; display: block; }
@media screen and (min-width: 1289px) { .job-item_heading .column--1 { width: 640px; } }
@media screen and (max-width: 1288px) { .job-item_heading .column--1 { clear: both; float: none; margin: 0 0 10px; } }
.job-item_heading .column--2 { width: 280px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .job-item_heading .column--2 { width: 358px; } }
@media screen and (max-width: 864px) { .job-item_heading .column--2 { width: auto; } }
.job-item_heading .column--3 { margin: 0; width: 200px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .job-item_heading .column--3 { width: 358px; } }
@media screen and (max-width: 864px) { .job-item_heading .column--3 { width: auto; } }

.job-item_content, .job-item_actions { padding: 20px; position: relative; }
.job-item_content::before, .job-item_actions::before { background: #b2b4b7; content: ""; display: block; height: 1px; left: 20px; right: 20px; position: absolute; top: 0; }

.job-item_content { font-size: 14px; }
.job-item_content strong { font-weight: normal; }

.job-item_actions .form { float: left; width: 740px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .job-item_actions .form { width: 540px; } }
@media screen and (max-width: 864px) { .job-item_actions .form { float: none; width: auto; } }
.job-item_actions .form .file-box { margin: 0 0 16px; }
@media screen and (max-width: 864px) { .job-item_actions .form .file-box .button { float: none; margin: 0 0 5px; } }
@media screen and (max-width: 864px) { .job-item_actions .form .file-box .caption { height: auto; line-height: 1.28; } }
.job-item_actions .form .submit { margin: 20px 0 0; }
.job-item_actions .share { float: right; }
@media screen and (max-width: 864px) { .job-item_actions .share { float: none; margin: 20px 0 0; } }
.job-item_actions .share .caption { color: #b2b4b7; font-size: 14px; margin: -8px 0 0; }

.job-item_actions .form .captcha_bitrix img{ max-width: 115px; }

/*----------------------------------------------------- */
/* REQUISITES TABLE */
/*----------------------------------------------------- */
.requisites-table { font-size: 14px; margin: 0 0 30px; width: 100%; }
@media screen and (max-width: 864px) { .requisites-table tbody, .requisites-table tr, .requisites-table td, .requisites-table th { display: block; } }
@media screen and (max-width: 864px) { .requisites-table tr { padding: 10px; } }
.requisites-table tr:nth-child(odd) { background: #dedfe0; }
@media screen and (min-width: 865px) { .requisites-table td, .requisites-table th { padding: 10px; vertical-align: top; } }
.requisites-table th { font-weight: normal; text-align: left; }
@media screen and (max-width: 864px) { .requisites-table th { margin: 0 0 3px; } }

/*----------------------------------------------------- */
/* REQUISITES ACTIONS */
/*----------------------------------------------------- */
.requisites-actions .button { margin-right: 14px; padding: 0 24px; }
@media screen and (max-width: 440px) { .requisites-actions .button { padding: 0 16px; } }
.requisites-actions .button:last-child { margin: 0; }

/*----------------------------------------------------- */
/* DEALERS FORM */
/*----------------------------------------------------- */
.feedback-form { background: white; border-radius: 5px; padding: 20px; }
.feedback-form .page-title-3 small { color: #b2b4b7; display: block; font-size: 14px; font-weight: 300; margin: 4px 0 0; }
.feedback-form .input-group { margin: 0 0 10px; }
@media screen and (max-width: 1288px) { .feedback-form .input-group span { float: none; height: auto; line-height: 1.28; margin: 0 0 5px; } }
.feedback-form .input-group .input-field { width: 365px; }
@media screen and (max-width: 1288px) { .feedback-form .input-group .input-field { float: none; width: 100%; } }
.feedback-form .file-box { margin: 20px 0; }
@media screen and (max-width: 440px) { .feedback-form .file-box .button { float: none; margin: 0 0 5px; } }
@media screen and (max-width: 440px) { .feedback-form .file-box .caption { float: none; height: auto; line-height: 1.28; } }
.feedback-form .submit { margin: 20px 0 0; padding: 0; width: 172px; }

/*----------------------------------------------------- */
/* FAQ LIST */
/*----------------------------------------------------- */
ul.faq-list li { margin: 0 0 20px; }
ul.faq-list li:last-child { margin: 0; }
ul.faq-list li::before { -webkit-transition: color 0.36s; -o-transition: color 0.36s; transition: color 0.36s; }
ul.faq-list li.is-active::before { color: #0cb28b; }
ul.faq-list li.is-active .toggle { color: #0cb28b; }
ul.faq-list .toggle { color: #34393c; font-weight: bold; -webkit-transition: color 0.36s; -o-transition: color 0.36s; transition: color 0.36s; }
ul.faq-list .hidden { padding-top: 16px; }

/*----------------------------------------------------- */
/* USER AGREEMENT */
/*----------------------------------------------------- */
.user-agreement strong { font-weight: normal; }
.user-agreement ol ol { margin: 16px 0 0; }
.user-agreement ol li { font-size: 14px; margin: 0 0 16px; }
.user-agreement ol li:last-child { margin: 0; }
.user-agreement > ol > li::before { font-weight: normal; }
.user-agreement > ol > li > strong { text-transform: uppercase; }

/*----------------------------------------------------- */
/* CONTACTS */
/*----------------------------------------------------- */
.contacts-map { height: 380px; margin: 0 0 24px; }

.contacts-column { float: left; margin-right: 20px; }
@media screen and (max-width: 864px) { .contacts-column { float: none; margin: 0 0 20px; } }
@media screen and (min-width: 1289px) { .contacts-column:first-child { width: 360px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .contacts-column:first-child { width: 300px; } }
@media screen and (min-width: 1289px) { .contacts-column:nth-child(2) { width: 240px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .contacts-column:nth-child(2) { width: 200px; } }
.contacts-column:last-child { margin: 0; }
@media screen and (min-width: 1289px) { .contacts-column:last-child { width: 616px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .contacts-column:last-child { width: 292px; } }
.contacts-column p { margin: 4px 0 0; }
.contacts-column p a { color: #34393c; }
.contacts-column .title { color: #787878; font-size: 14px; font-weight: 300; margin: 0 0 4px; text-transform: uppercase; }
.contacts-column .phone { font-size: 21px; }
.contacts-column .button { margin: 12px 0 0; padding: 0; width: 172px; }

/*----------------------------------------------------- */
/* PAGINATION */
/*----------------------------------------------------- */
.pagination { display: inline-block; margin: 24px 0 0; text-align: center; width: 100%; }
@media screen and (max-width: 440px) { .pagination { margin: 14px 0 0; } }
.pagination ul { display: inline-block; list-style: none; margin: 0; padding: 0; }
.pagination li { color: #cbccce; float: left; height: 30px; line-height: 30px; margin-right: 4px; }
.pagination li:last-child { margin-right: 0; }
.pagination li.is-active a, .pagination li.is-active span { background: #0cb28b; border-color: #0cb28b; }
.pagination a, .pagination span { background: #cbccce; border-color: #cbccce; 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; display: block }

.footer_top { padding: 36px 0 20px; }
@media screen and (min-width: 1289px) { .footer_top { height: 71px; } }
@media screen and (max-width: 1288px) { .footer_top { padding: 20px 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .footer_top { height: 65px; } }

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

.footer_bottom { background: #212427; padding: 16px 0; }
@media screen and (min-width: 865px) { .footer_bottom { height: 25px; line-height: 25px; } }
.footer_bottom .copyright { float: left; margin-right: 16px; width: 196px; }
@media screen and (max-width: 864px) { .footer_bottom .copyright { float: none; margin: 0 0 16px; } }
.footer_bottom .links { float: left; list-style: none; margin: 0; padding: 0; }
.footer_bottom .links li { float: left; margin-right: 40px; }
@media screen and (max-width: 864px) { .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, .footer_bottom .links .is-active a { color: white; }
.footer_bottom .payment-methods { float: right; }
@media screen and (max-width: 1288px) { .footer_bottom .payment-methods { display: none; } }

.footer_contacts { float: left; margin-right: 16px; width: 196px; }
@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 22px; }
.footer_contacts .email { display: inline-block; }

.footer_sns { float: left; }
@media screen and (max-width: 864px) { .footer_sns { margin: 0 0 20px; } }
@media screen and (max-width: 440px) { .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: 1289px) { .footer_sns--1 { margin-right: 50px; width: 142px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .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: 441px) and (max-width: 864px) { .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 (min-width: 865px) and (max-width: 1288px) { .footer_subscribe { float: left; padding-right: 100%; margin-top: 29px; margin-bottom: 20px; } }
@media screen and (max-width: 864px) { .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; position: relative; width: 100%; z-index: 1; }
.footer_subscribe .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; height: 34px; margin-left: -120px; position: relative; width: 120px; z-index: 2; }
.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: 50px; }
@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:first-child { width: 142px; } */
.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; }

/*----------------------------------------------------- */
/* 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;}

/*----------------------------------------------------- */
/* 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; } }

.authorization_form .captcha_bitrix img { width: 182px; margin-right: 8px; }
.authorization_form .captcha_bitrix input { width: 380px !important; }

@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; } }


/*----------------------------------------------------- */
/* 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; }

/*----------------------------------------------------- */
/* 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;}

/*----------------------------------------------------- */
/* 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;}

.table-map_menu { width: 100%; }
.table-map_menu td { vertical-align: top; text-align: left; }

/*----------------------------------------------------- */
/* SEARCH */
/*----------------------------------------------------- */
.search-form { float: left; width: 60%; margin: 0 5% 20px 0px; }
.search-form .input-field { background: white; color: #34393c; }
.search-form button { background: none; color: #b2b4b7; }

.search-filter { float: left; width: 35%; margin: 0 0 20px 0px; text-align: right; height: 34px; line-height: 34px; }
.search-filter .caption { float: left; width: 30%; margin: 0 5% 0 0;}
.search-filter .select-box { float: right; width: 65%; }

.search-query { font-size: 21px; margin: 0 0 20px; }
.search-query strong { color: #0cb28b; }

.search-products { background: none; }

@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--vertical:nth-child(3n) { display: block; } }

.search-articles .article-item--horizontal { margin: 0 0 16px; }
.search-articles .article-item--horizontal:last-child { margin: 0; }
.search-articles .article-item--horizontal .brief { margin: 0 0 16px; }
.search-articles .article-item--horizontal .path { color: #b2b4b7; font-size: 14px; }
.search-articles .article-item--horizontal .path a { color: #b2b4b7; }
.search-articles .article-item--horizontal .path span { color: #34393c; margin-right: 2px; }

.search-more { margin: 16px 0 0; text-align: center; }

.title-search-result { background: white; border: none; border-radius: 5px; }
.title-search-result .bx_item_block { border: 2px solid #eff1f0; border-radius: 5px; margin: 0 0 8px; min-height: 0; padding: 8px; }
.title-search-result .bx_item_block.other_result { border: none; line-height: normal; padding: 2px 4px; }
.title-search-result .bx_item_block.all_result { border: none; margin: 0; padding: 0; }
.title-search-result .bx_item_block.all_result .all_result_title { padding: 0; text-align: center; }
.title-search-result .bx_item_block.all_result .all_result_title a { background: #0cb28b; border-radius: 17px; color: white; display: inline-block; height: 34px; line-height: 32px; padding: 0 20px; }
.title-search-result .bx_item_block.all_result .all_result_title a:hover { color: white; }
.title-search-result .bx_item_block:hover { border-color: #0cb28b; }
.title-search-result .bx_img_element { padding: 0; position: static; width: auto; }
.title-search-result .bx_img_element .bx_image { border: none; height: 46px; margin-right: 8px; width: 62px; }
.title-search-result .bx_item_element { margin: 0; overflow: hidden; padding: 0; }
.title-search-result .bx_item_element a { color: #34393c; font-size: 14px; margin: 0; }
.title-search-result .bx_item_element .bx_price { font-size: 16px; }

/*----------------------------------------------------- */
/* 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; } }


/*----------------------------------------------------- */
/* SERVICE ITEMS */
/*----------------------------------------------------- */
.service-item { background: white; border-radius: 5px; color: #34393c; display: block; float: left; text-align: center; -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; }
.service-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.service-item img { display: block; }
.service-item strong { display: block; font-size: 18px; }
.service-item span { display: block; }

.service-items-1 .page-title-2 { color: #000; font-size: 28px; font-weight: bold; text-align: center; text-transform: uppercase; }
@media screen and (min-width: 865px) { .service-items-1 .page-title-2 { margin: 0 0 28px; } }
.service-items-1 { margin: 0 0 50px; }
.service-items-1 .service-item { font-size: 14px; height: calc(100% - 60px); padding: 30px; width: 216px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .service-items-1 .service-item { width: 296px; } }
@media screen and (max-width: 864px) { .service-items-1 .service-item { width: calc(100% - 60px); } }
@media screen and (max-width: 360px) { .service-items-1 .service-item { height: calc(100% - 40px); padding: 20px; width: calc(100% - 40px); } }
.service-items-1 .service-item img { height: 76px; margin: 0 auto 20px; width: 76px; }
.service-items-1 .service-item strong { margin: 0 0 4px; }

.service-items-2 .page-title-2 { color: #000; font-size: 28px; font-weight: bold; text-align: center; text-transform: uppercase; }
@media screen and (max-width: 360px) { .service-items-2 .page-title-2 { font-size: 24px; } }
@media screen and (min-width: 865px) { .service-items-2 .page-title-2 { margin: 0 0 28px; } }
.service-items-2 .service-item { font-size: 14px; height: calc(100% - 60px); padding: 30px; width: 216px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .service-items-2 .service-item { width: 296px; } }
@media screen and (max-width: 864px) { .service-items-2 .service-item { float: none; width: calc(100% - 60px); } }
@media screen and (max-width: 360px) { .service-items-1 .service-item { height: calc(100% - 40px); padding: 20px; width: calc(100% - 40px); } }
.service-items-2 .service-item img { height: 76px; margin: 0 auto 20px; width: 86px; }
.service-items-2 .service-item strong { margin: 0 0 10px; }

.service-items-container { overflow: hidden; padding: 15px 52px; position: relative; }
.service-items-container .owl-stage-outer { overflow: visible; }
.service-items-container .owl-item { opacity: 0; transition: all 0.3s; pointer-events: none; }
.service-items-container .owl-item.active { opacity: 1; pointer-events: auto; }

.service-items-container .slider-prev, .service-items-container .slider-next { color: #b2b4b7; display: block; font-size: 32px; line-height: 32px; margin: -16px 0 0; position: absolute; top: 50%; z-index: 10; }
.service-items-container .slider-prev:hover, .service-items-container .slider-next:hover { color: #494d50; }
.service-items-container .slider-prev { left: 0; }
.service-items-container .slider-next { right: 0; }



/*----------------------------------------------------- */
/* 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: auto; } }
.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(6n) { margin-right: 0; } }
@media screen and (min-width: 1445px) and (max-width: 1868px) { .catalog-item:nth-child(6n) { margin-right: 0; } }
@media screen and (min-width: 1289px) and (max-width: 1444px) { .catalog-item:nth-child(6n) { margin-right: 0; } }
@media screen and (min-width: 860px) and (max-width: 1288px) { .catalog-item:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 669px) and (max-width: 861px) { .catalog-item:nth-child(2n) { 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; } }


.podderzhka_menu .title { color: white; font-weight: bold; }
.podderzhka_menu .column { float: left; margin-right: 70px; }
.podderzhka_menu .column:first-child { margin-right: 65px; width: 150px; }
.podderzhka_menu .column:last-child { margin: 0; }
.podderzhka_menu .list { list-style: none; margin: 0; padding: 0; }
.podderzhka_menu .list li { margin: 0 0 8px; }
.podderzhka_menu .list li:last-child { margin: 0; }
.podderzhka_menu .list a { color: #34393c; }
.podderzhka_menu .list a:hover { color: #b2b4b7; }

.feedback-send-requisites {
  margin-top: 20px;
}

.feedback-send-requisites .user_name .caption {
  display: block;
  float: left;
  font-weight: normal;
  height: 34px;
  line-height: 32px;
  margin-right: 8px;
}

.feedback-send-requisites .callback-section_column {
  flex-wrap: wrap;
  display: flex;
}
.feedback-send-requisites .button--large {
  border-radius: 17px;
  height: 34px;
  line-height: 31px;
}
.feedback-send-requisites .input-group-1 {
  margin-right: 50px;
}
.feedback-send-requisites .captcha img {
  margin-bottom: 10px;
}

@media screen and (max-width: 864px) { .feedback-send-requisites .input-group-1 { margin-right: 0px; } }

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

/*----------------------------------------------------- */
/* BUTTON для auth*/
/*----------------------------------------------------- */
.page-block .auth {width: 490px;}
@media screen and (max-width: 864px) { .page-block .auth { width: 100%; } }

.page-block .caption-3 { color: #b2b4b7; font-size: 24px; margin: 0 0 24px; }
@media screen and (max-width: 460px) { .page-block .caption-3 { font-size: 18px; } }

.page-block .auth .button--1 { background: transparent; border: 1px solid #494d50; color: #b2b4b7; }
.page-block .auth .button--1:hover { background: #0cb28b; border-color: #0cb28b; color: white; }

.page-block .auth .button--1 { width: 100%; background: #0cb28b; border-radius: 25px; color: white; display: block; height: 48px; line-height: 48px; overflow: hidden; }
@media screen and (min-width: 801px) and (max-width: 1020px) { .page-block .auth .button--1 { margin-right: 16px; } }
@media screen and (max-width: 800px) { .page-block .auth .button--1 { margin: 0 0 8px; } }
.page-block .auth .button--1: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); }

/*-----------------------------------------------------*/
/* REVIEWS (SAME HEIGHT) */
/*-----------------------------------------------------*/

@media screen and (min-width: 1289px) {
  .partners-certificates {
    display: flex;
    flex-wrap: wrap;
  }
}

/*-----------------------------------------------------*/
/* CERTIFICATES (VERTICAL STYLE) */
/*-----------------------------------------------------*/

@media screen and (min-width: 441px) {
  .certificates-vertical {
    display: flex;
    flex-wrap: wrap;
  }
  .certificates-vertical .article-item {
    width: 196px;
  }
  .certificates-vertical .article-item:nth-child(even),
  .certificates-vertical .article-item:nth-child(odd) {
    display: block;
    margin-right: 16px;
  }
}

@media screen and (min-width: 1289px) {
  .certificates-vertical .article-item:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 865px) and (max-width: 1288px) {
  .certificates-vertical .article-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 441px) and (max-width: 864px) {
  .certificates-vertical .article-item:nth-child(even) {
    margin-right: 0;
  }
}

.certificates-vertical .article-item .text {
  height: auto;
  padding: 20px;
}

.certificates-vertical .article-item .image {
  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; }


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

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