* {margin: 0; padding: 0; outline: none; vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);}
*::-moz-focus-inner { border: 0; padding: 0; }
*:focus {outline: none;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, main {display: block;}
audio, canvas, iframe, img, svg {vertical-align: middle;}
video {vertical-align: top; width: 100%;}


/*====================================================
   Fonts
====================================================*/
@font-face {
   font-family: "RobotoRegular";
   src: url("fonts/RobotoRegular/RobotoRegular.eot");
   src: url("fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
      url("fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
      url("fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
@font-face {
   font-family: "RobotoBold";
   src: url("fonts/RobotoBold/RobotoBold.eot");
   src: url("fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
      url("fonts/RobotoBold/RobotoBold.woff") format("woff"),
      url("fonts/RobotoBold/RobotoBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
@font-face {
   font-family: 'RobotoBlack';
   src: url('fonts/RobotoBlack/roboto-black_allfont.ru-webfont.woff2') format('woff2'),
      url('fonts/RobotoBlack/roboto-black_allfont.ru-webfont.woff') format('woff'),
      url('fonts/RobotoBlack/roboto-black_allfont.ru-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "GothamProRegular";
   src: url("fonts/GothamProRegular/GothamProRegular.eot");
   src: url("fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
      url("fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
      url("fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
@font-face {
   font-family: "GothamProBold";
   src: url("fonts/GothamProBold/GothamProBold.eot");
   src: url("fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
      url("fonts/GothamProBold/GothamProBold.woff") format("woff"),
      url("fonts/GothamProBold/GothamProBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
@font-face {
   font-family: "GothamProBlack";
   src: url("fonts/GothamProBlack/GothamProBlack.eot");
   src: url("fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
      url("fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
      url("fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}
@font-face {
   font-family: "BadScriptRegular";
   src: url("fonts/BadScriptRegular/BadScriptRegular.eot");
   src: url("fonts/BadScriptRegular/BadScriptRegular.eot?#iefix")format("embedded-opentype"),
      url("fonts/BadScriptRegular/BadScriptRegular.woff") format("woff"),
      url("fonts/BadScriptRegular/BadScriptRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}


/*====================================================
   Global
====================================================*/
html, body {height: 100%;}
body {background: #fff url('../i/body-bg.png') 0 -20px; font-family: "RobotoRegular", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 14px; line-height: 1.5; color: #404040;}
body.menu-wrapper, body.locked {overflow: hidden;}
.ved_panel_frame html, .ved_panel_frame body { height: auto; }
.ved_editable {background: #fff;}

@media all and (min-width: 480px) and (max-width: 1024px) {
   body {font-size: 16px;}
}
@media all and (max-width: 479px) {
   body {font-size: 18px;}
}

.container {position: relative; height: auto; min-height: 100% !important;}

.inner {width: 100%; max-width: 1334px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative;}

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

.easing, .easing * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

.clear:before, .clear:after {content: " "; display: table;}
.clear:after {clear: both;}

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

.fl {float: left;}
.fr {float: right;}

.inbl {font-size: 0; line-height: 0;}

.tb {display: table; width: 100%; height: 100%;}
   .tb-head {display: table-header-group;}
   .tb-body {display: table-row-group;}
      .tb-row {display: table-row;}
         .tb-cell {display: table-cell; vertical-align: middle;}

.jf {text-align: justify; position: relative;}
   .jf:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
   .jf > * {display: inline-block; vertical-align: top; text-align: left;}

/*scale images*/
.scale-image-wrapper {display: block; position: relative;}
   .scale-image {width: 100%; overflow: hidden;}
      .scale-image img {-webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1);-webkit-transition: transform 0.5s ease-in-out 0s; -moz-transition: transform 0.5s ease-in-out 0s; transition: transform 0.5s ease-in-out 0s;}
      .scale-image-wrapper:hover .scale-image img {-webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);}

/*svg*/
.svg-icon-wrapper {position: relative;}
   .svg-icon-wrapper svg {width: 100%; height: auto; vertical-align: top;}
      .svg-icon {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; transform: translateZ(0);}

/*video*/
.video-wrapper video, .video-wrapper iframe {width: 100%; height: 100%;}

/*file links*/
.file-link {display: inline-block; padding-left: 55px; position: relative; text-decoration: none; text-align: left; font-size: 14px; line-height: 1.3; color: #404040;}
   .file-link span {vertical-align: middle; border-bottom: 1px solid #7f7f7f; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .file-link:hover span {border-color: #fff;}
   .file-link:before {content: ''; position: absolute; top: 50%; margin-top: -20px; left: 0; width: 33px; height: 45px; background: url('../i/file-icon.svg') 0 0 / contain no-repeat;}
   .pdf-link:before {width: 38px; background: url('../i/pdf-icon.svg') 0 0 / contain no-repeat;}
   .doc-link:before {width: 38px; background: url('../i/doc-icon.svg') 0 0 / contain no-repeat;}
   .xls-link:before {width: 38px; background: url('../i/xls-icon.svg') 0 0 / contain no-repeat;}

/*fancybox link*/
.fancybox-link {position: relative; display: inline-block;}
   .fancybox-link:before, .fancybox-link:after {content: ''; position: absolute; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .fancybox-link:before {opacity: 0; top: 50%; left: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; background: url('../i/zoom-icon.svg') 0 0 / contain no-repeat; z-index: 2; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);}
   .fancybox-link:hover:before {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
   .fancybox-link:after {opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1;}
   .fancybox-link:hover:after {opacity: 0.3;}

/*block with white background & box-shadow*/
.box {background: #fff; box-shadow: 1.414px 1.414px 2px 0 rgba(23, 26, 31, 0.2); position: relative;}

/*block with padding, white background & box-shadow*/
.wrapper-box {background: #fff; box-shadow: 1.414px 1.414px 2px 0 rgba(23, 26, 31, 0.2); position: relative; padding: 30px 35px; margin-bottom: 55px;}
   .wrapper-box p:last-child {margin: 0; padding: 0;}

@media all and (min-width: 1025px) {
   .tablet-block {display: none !important;}
}
@media all and (max-width: 1024px) {
   .desktop-block {display: none !important;}
   .wrapper-box {padding: 30px 20px; margin-bottom: 40px;}
}
@media all and (min-width: 640px) {
   .mobile-block {display: none !important;}
}
@media all and (max-width: 639px) {
   .tablet-block {display: none !important;}
}
@media all and (max-width: 479px) {
   .wrapper-box {width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
}


/*====================================================
   Text elements
====================================================*/
p {margin: 0 0 20px; padding: 0;}

a {color: #12668a; text-decoration-skip-ink: none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a:hover {text-decoration: none;}

ul {list-style: none; margin: 0 0 20px; padding: 0;}
ol {margin: 0 0 20px 15px; padding: 0;}
ul li {padding-left: 15px; margin-bottom: 10px; line-height: 1.5; position: relative;}
ul li:last-child {margin-bottom: 0;}
ul li:before {content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #404040;}
ol li {margin-bottom: 10px;}
ol li:last-child {margin-bottom: 0;}
.ved_panel_list .ved_panel_listItem {padding: 0; font-size: 14px; line-height: 1.2;}

table {border-collapse: collapse; border-spacing: 0; margin-bottom: 20px;}
th, td {padding: 10px 20px; border: 0;}
th {font-family: "RobotoBold"; text-align: center;}

b, strong {font-family: "RobotoBold";}
em, i, cite, dfn {font-style: italic;}

q {font-style: italic;}

sup {bottom: -0.2em; font-size: 0.6em; position: relative; vertical-align: top;}
sub {line-height: 1;}

img {border: 0; max-width: 100%;}

@media all and (max-width: 1024px) {
   ul li:before {top: 11px;}
}
@media all and (max-width: 479px) {
   ul li:before {top: 13px;}
}


/*====================================================
   Titles
====================================================*/
h1, .h1 {font-family: "GothamProBlack"; font-size: 28px; line-height: 1.3; font-weight: normal; color: #252525; text-transform: uppercase; margin: 0 0 40px; padding: 0;}
h2, .h2 {font-family: "GothamProRegular"; font-size: 24px; line-height: 1.3; font-weight: normal; color: #404040; margin: 0 0 20px; padding: 0;}
h3, .h3 {font-family: "GothamProRegular"; font-size: 20px; line-height: 1.3; font-weight: normal; color: #404040; margin: 0 0 20px; padding: 0;}
h4, .h4 {font-family: "GothamProRegular"; font-size: 18px; line-height: 1.3; font-weight: normal; color: #404040; margin: 0 0 20px; padding: 0;}
h5, .h5 {font-family: "GothamProRegular"; font-size: 14px; line-height: 1.5; font-weight: normal; color: #404040; margin: 0 0 20px; padding: 0;}

h2 strong, .h2 strong, h3 strong, .h3 strong {font-family: "GothamProBlack";}

p + h2, p + h3, ul + h3, ol + h3 {padding-top: 20px;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   h1, .h1 {font-size: 26px; margin-bottom: 35px;}
}
@media all and (max-width: 1024px) {
   h2, .h2 {font-size: 22px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   h1, .h1 {font-size: 24px; margin-bottom: 30px;}
}
@media all and (min-width: 768px) and (max-width: 959px) {
   h1, .h1 {font-size: 22px; margin-bottom: 25px;}
}
@media all and (max-width: 767px) {
   h1, .h1 {font-size: 20px; margin-bottom: 20px;}
}


/*====================================================
   Forms
====================================================*/
input:-moz-focus-inner {border: 0; padding: 0;}
input::-ms-clear {display: none;}
input:invalid, textarea:invalid {box-shadow: none;}
input[type="text"], input[type="name"], input[type="email"], input[type="tel"], input[type="password"], textarea {display: block; width: 100%; background: #fff; border: 1px solid #cacaca; border-radius: 0; font-family: "RobotoRegular"; font-size: 14px; line-height: 1; color: #252525;}
input[type="text"], input[type="name"], input[type="email"], input[type="tel"], input[type="password"] {height: 34px; padding: 0 15px 2px;}
textarea {height: 110px; padding: 10px 15px; resize: none; overflow: hidden;}

.modal-inner input[type="text"], .modal-inner input[type="name"], .modal-inner input[type="email"], .modal-inner input[type="tel"], .modal-inner input[type="password"] {height: 44px; font-size: 16px;}
   
/*disappearing placeholder*/
input::-webkit-input-placeholder {color: #8b8b8b; opacity: 1; line-height: 1.3;}
input::-moz-placeholder {color: #8b8b8b; opacity: 1;}
input:-moz-placeholder {color: #8b8b8b; opacity: 1;}
input:-ms-input-placeholder {color: #8b8b8b; opacity: 1;}
input:focus::-webkit-input-placeholder {opacity: 0;}
input:focus::-moz-placeholder {opacity: 0;}
input:focus:-moz-placeholder {opacity: 0;}
input:focus:-ms-input-placeholder {opacity: 0;}
textarea::-webkit-input-placeholder {color: #8b8b8b; opacity: 1;}
textarea::-moz-placeholder {color: #8b8b8b; opacity: 1;}
textarea:-moz-placeholder {color: #8b8b8b; opacity: 1;}
textarea:-ms-input-placeholder {color: #8b8b8b; opacity: 1;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus:-moz-placeholder {opacity: 0;}
textarea:focus:-ms-input-placeholder {opacity: 0;}

/*checkbox input*/
.checkbox-wrapper {position: relative; font-size: 0; line-height: 0;}
   .checkbox-wrapper input[type="checkbox"] {opacity: 0; z-index: 3; position: absolute; top: 0; left: 0; cursor: pointer;}
   .checkbox-wrapper label {position: relative; display: inline-block; padding-left: 30px; font-size: 14px; line-height: 1; cursor: pointer;}
      .checkbox-wrapper label:before {content: ''; width: 14px; height: 14px; border: 1px solid #cacaca; background: #fff; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 1;}
      .checkbox-wrapper label:after {content: ''; width: 10px; height: 10px; background: url('../i/check.svg') 0 0 / contain no-repeat; position: absolute; top: 2px; left: 2px; z-index: 2; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
      .checkbox-wrapper input[type=checkbox]:checked + label:after {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}

/*radio input*/
.radio-wrapper {position: relative; font-size: 0; line-height: 0;}
   .radio-wrapper input[type="radio"] {opacity: 0; z-index: 3; position: absolute; top: 0; left: 0; cursor: pointer;}
   .radio-wrapper label {position: relative; display: inline-block; padding-left: 24px; font-size: 14px; line-height: 1; cursor: pointer;}
      .radio-wrapper label:before {content: ''; width: 14px; height: 14px; border-radius: 100%; border: 1px solid #b4b4b4; background: #fff; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 1;}
      .radio-wrapper label:after {content: ''; width: 8px; height: 8px; border-radius: 100%; background: #12668a; position: absolute; top: 3px; left: 3px; z-index: 2; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
      .radio-wrapper input[type=radio]:checked + label:after {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}

/*file input*/
input[type="file"] {position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; cursor: pointer;}
.jq-file {display: block; position: relative; overflow: hidden; width: 100%; height: 34px; background: #12668a; border-radius: 3px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.jq-file:hover {background: #52ccfd;}
   .jq-file__name {width: 100%; max-width: 100%; float: left; padding: 0 20px 0 45px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "RobotoRegular"; font-size: 13px; line-height: 32px; color: #fff;}
   .jq-file__browse {width: 45px; height: 100%; float: left; margin-left: -100%; position: relative; cursor: pointer;}
      .jq-file__browse:before {content: ''; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -8px; width: 16px; height: 18px; background: url('../i/clip-icon.svg') 0 0 / contain no-repeat;}

/*select*/
.jq-selectbox {padding: 0; position: relative; display: inline-block; width: 100%; height: 34px;}
   .jq-selectbox__select {width: 100%; height: 100%; padding: 0 34px 0 15px; background: #fff; border: 1px solid #cacaca; cursor: pointer;}
      .jq-selectbox__select-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 32px; color: #404040;}
      .jq-selectbox__dropdown {width: 100%; background: #fff; border: 1px solid #cacaca; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
      .dropdown .jq-selectbox__dropdown {border-top: 0;}
      .dropup .jq-selectbox__dropdown {border-bottom: 0;}
         .jq-selectbox__dropdown ul {padding: 0 1px; margin: 0;}
            .jq-selectbox__dropdown ul li {list-style: none; font-size: 14px; line-height: 18px; padding: 5px 15px; margin: 0; cursor: pointer;}
            .jq-selectbox__dropdown ul li.disabled {display: none;}
            .jq-selectbox__dropdown ul li:hover {background: #f1f1f1;}
               .jq-selectbox__dropdown ul li:before {display: none;}
      .jq-selectbox__trigger {position: absolute; top: 0; right: 0;}
         .jq-selectbox__trigger-arrow {position: absolute; top: 0; right: 0; width: 34px; height: 32px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
         .jq-selectbox.opened .jq-selectbox__trigger-arrow {-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg);}
            .jq-selectbox__trigger-arrow:before, .jq-selectbox__trigger-arrow:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 7px; background: #404040; border-radius: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .jq-selectbox__trigger-arrow:before {margin: -3px 0 0 -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
            .jq-selectbox__trigger-arrow:after {margin: -3px 0 0 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}

/*buttons*/
button:-moz-focus-inner {border: 0; padding: 0; outline: none;}
input[type="submit"], button {-webkit-appearance: none; cursor: pointer; border: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
input[type="submit"], .btn-big {display: block; width: 264px; max-width: 100%; height: 54px; text-align: center; background: #12668a; border-radius: 3px; font-family: "RobotoBold"; font-size: 16px; line-height: 1; letter-spacing: 1px; color: #fff;}
a.btn-big {text-decoration: none; line-height: 48px;}
   a.btn-big span {display: inline-block; line-height: 1; vertical-align: middle;}
.no-touch input[type="submit"]:hover, .is-touch input[type="submit"]:active, .is-touch input[type="submit"]:focus, .btn-big:hover {background: #52ccfd;}
.not-exist, .not-exist:hover {background: #CBCBCB; cursor: default;}

/*btn blue*/
.btn {display: inline-block; height: 24px; padding: 0 12px; line-height: 23px; font-size: 12px; background: #12668a; color: #fff; text-align: center; border-radius: 3px; position: relative;}
a.btn {text-decoration: none;}
.btn:hover {background: #52ccfd;}
   .btn span {display: inline-block; line-height: 1.3;}

/*btn border*/
.btn-light {display: inline-block; height: 24px; line-height: 21px; padding: 0 12px; background: transparent; border-radius: 3px; border: 1px solid #404040; text-align: center; font-family: "RobotoBold"; font-size: 12px; color: #404040; position: relative; overflow: hidden;}
a.btn-light {text-decoration: none;}
.btn-light:hover {background: #404040; color: #fff;}
   a.btn-light span {display: inline-block; vertical-align: middle; line-height: 1.3;}

/*other form elements*/
*:disabled {cursor: default;}
.a-n-t-i-s-p-a-m {display: none !important;}
.form-agreement {font-family: "RobotoRegular"; font-size: 12px; line-height: 1.5; letter-spacing: -0.01em; color: #8c8c8c;}
   .form-agreement a {color: #8c8c8c;}
   .form-agreement a:hover {color: #e31e24;}
   .form-agreement p {padding: 0; margin: 0;}

/*form wrapper*/
.form-wrapper {position: relative; z-index: 1;}
   .form-legend {font-size: 18px; line-height: 1; margin-bottom: 15px;}
   .form-field {margin-bottom: 20px; position: relative;}
   .form-field.fl, .form-field.fr {width: 48%;}
   .form-field label {display: block; font-size: 13px; line-height: 1.5; margin-bottom: 5px;}
   .form-submit {padding-top: 20px;}
      .form-submit .tb-cell:first-child {width: 48%;}
      .form-submit .tb-cell:last-child {padding-left: 4%;}

@media all and (max-width: 1024px) {
   .btn {height: 32px; font-size: 14px; line-height: 31px; padding: 0 15px;}
   .form-field label {font-size: 14px;}
}
@media all and (min-width: 640px) {
   .form-submit .btn-wrapper input[type="submit"] {width: 100%;}
}
@media all and (max-width: 639px) {
   .form-legend {font-size: 20px;}
   .form-field.fl, .form-field.fr {width: 100%; float: none;}
   .form-field label {font-size: 16px; margin-bottom: 8px;}
   .form-submit, .form-submit .tb-cell {display: block;}
   .form-submit .tb-cell:first-child {width: 100%;}
   .form-submit .tb-cell:last-child {padding: 10px 0 0; max-width: 260px;}
   .form-submit .btn-wrapper {width: 100%;}
}
@media all and (max-width: 375px) {
   .form-submit .btn-wrapper input[type="submit"] {width: 100%;}
}


/*====================================================
   .header
====================================================*/
.header-content-top {height: 102px;}
/*header panel*/
.header-panel {height: 40px; background: #0b2d3c;}
   /*header-cart*/
   .header-cart {position: absolute; top: 272px; right: 20px; z-index: 100;}
      .cart-link {display: block; position: relative; width: 194px; height: 40px; padding: 0 16px 0 80px; border-radius: 3px; text-align: right; background: #51ca08; box-shadow: 0 2px 2px rgba(0,0,0,0); font-family: "RobotoBold"; font-size: 14px; line-height: 39px; white-space: nowrap; color: #fff; text-decoration: none;}
      .cart-link:hover {background: #57d609; box-shadow: 0 2px 2px rgba(0,0,0,0.3)}
         .cart-link:before {content: ''; position: absolute; top: 50%; left: 12px; width: 25px; height: 22px; margin-top: -11px; background: url('../i/cart-icon.svg') 0 0 / contain no-repeat;}
         .cart-counter {position: absolute; top: 50%; left: 45px; width: 20px; height: 20px; margin-top: -10px; border-radius: 20px; text-align: center; font-size: 11px; line-height: 19px; color: #252525; background: #96fc56;}
   /*header-cabinet*/
   .header-cabinet {position: absolute; top: 0; right: 20px;}
      .cabinet-link {display: block; position: relative; width: 160px; height: 40px; overflow: hidden; padding-left: 40px; background: #12668a; font-family: "RobotoBold"; font-size: 13px; line-height: 39px; color: #fff; text-decoration: none; transform: translateZ(0);}
      .is-touch .header-cabinet:not(.cabinet-login) .cabinet-link:hover {background: #e31e24;}
      .cabinet-login .cabinet-link {padding: 0 10px; text-align: center;}
         .cabinet-link span {position: relative; z-index: 1;}
         .cabinet-link .svg-icon-wrapper {position: absolute; top: 50%; left: 11px; width: 17px; height: 20px; margin-top: -10px; z-index: 1;}
         .cabinet-login .cabinet-link .svg-icon-wrapper {display: none;}
            .cabinet-link .svg-icon {fill: #9de2ff; -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.2s ease 0.1s; transition: all 0.3s ease-out 0.1s;}
            .cabinet-link:hover .svg-icon {fill: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.3s ease-out 0s;}
         /*animated cabinet-link*/
         .no-touch .header-cabinet:not(.cabinet-login) .cabinet-link:before {content: ""; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: #e31e24; -webkit-transform: translateX(-100%); transform: translate3d(-100%,0,0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
         .no-touch .header-cabinet:not(.cabinet-login) .cabinet-link:hover:before {-webkit-transform: translateX(0%); transform: translate3d(0,0,0);}
      .header-cabinet ul {position: absolute; top: 100%; right: 0; width: 220px; max-height: 0; overflow: hidden; padding: 0; margin: 0; background: #12668a; z-index: 2; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
      .header-cabinet:hover ul {max-height: 150px;}
         .header-cabinet ul li {margin: 0; padding: 0 20px; font-size: 12px;}
            .header-cabinet ul li:before {display: none;}
            .header-cabinet ul li a {display: block; padding: 10px 0; border-bottom: 1px solid #1579a3; text-decoration: none; color: #fff;}
            .header-cabinet ul li:last-child a {border: 0;}
            .header-cabinet ul li a:hover {color: #52ccfd;}
   /*menu open/close*/
   .header-hamburger {line-height: 55px;}
      /*hamburger*/
      .hamburger-wrapper {font-size: 0; line-height: 0;}
         .hamburger {position: relative; z-index: 100; display: inline-block; vertical-align: middle; width: 24px; height: 15px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer;}
         .hamburger.off {opacity: 0; z-index: 0;}
            .hamburger span {top: 6px;}
               .hamburger span:before, .hamburger span:after {content: '';}
               .hamburger span, .hamburger span:before, .hamburger span:after {width: 24px; height: 3px; background: #fff; position: absolute; left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
               .hamburger span:before {top: -6px;}
               .hamburger span:after {top: 6px;}
               .hamburger.off span, .hamburger.off span:before, .hamburger.off span:after {width: 0;}
         /*hamburger-text*/
         .hamburger-text {display: inline-block; vertical-align: middle; padding-left: 12px; font-family: "RobotoBold"; font-size: 14px; line-height: 55px; text-transform: uppercase; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
         .hamburger.off + .hamburger-text {opacity: 0;}
      /*menu-close*/
      .menu-close {position: absolute; z-index: 100; top: 17px; right: 20px; width: 21px; height: 21px; z-index: 1000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer;}
      .menu-close:not(.off) {-webkit-animation: 0.5s ease-in 1.5s rotating-Togs; animation: 0.5s ease-in 1.5s rotating-Togs;}
      .menu-close.off {opacity: 0; z-index: 0; -webkit-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; -webkit-animation: 0.5s linear 0s infinite rotating-Togs-close;  animation: 0.5s linear 0s infinite rotating-Togs-close;}
         .menu-close span {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 3px; height: 100%;}
         .menu-close:not(.off) span {-webkit-animation-delay: 0.8s; animation-delay: 0.8s;-webkit-animation-name: linearing-Togs; animation-name: linearing-Togs;}
            .menu-close span:before, .menu-close span:after {content: ''; position: absolute; height: 3px; width: 15px; top: 50%; margin-top: -2px;}
            .menu-close span, .menu-close span:before, .menu-close span:after {background: #fff; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
            .menu-close span:before {right: -3px;}
            .menu-close span:after {left: -3px;}
            .menu-close:not(.off) span:before, .menu-close:not(.off) span:after {-webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-name: op-qwik-Togs; animation-name: op-qwik-Togs;}
/*header menu*/
.header-menu {height: 62px; background: #fff;}
   /*menu-top*/
   .menu-top {position: absolute; top: -40px; left: 20px; width: 37%; height: 40px;}
      .menu-top ul {width: 100%; height: 100%; text-align: justify; position: relative; font-size: 1px; line-height: 0; margin: 0;}
         .menu-top ul:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
         .menu-top li {display: inline-block; text-align: left; font-size: 12px; line-height: 39px; padding: 0; margin: 0;}
            .menu-top li:before {display: none;}
            .menu-top a {text-decoration: none; color: #b8cfd9; display: inline-block; line-height: 1;}
            .menu-top a:hover, .menu-top li.current a {color: #52ccfd;}
   /*menu-main*/
   .menu-main:not(.menu-main-separate) {width: 100%; padding-right: 24%;}
   .menu-main-separate {width: 18%; float: right; text-align: right;}
      .menu-main ul {text-align: justify; position: relative; font-size: 1px; line-height: 0; margin: 0;}
         .menu-main ul:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
         .menu-main li {display: inline-block; text-align: left; font-family: "RobotoBold"; font-size: 14px; line-height: 62px; text-transform: uppercase; padding: 0; margin: 0;} 
            .menu-main li:before {display: none;}
            .menu-main a {text-decoration: none; color: #595959; display: inline-block; line-height: 1;}
            .menu-main a:hover, .menu-main li.current a {color: #e31e24;}
            .menu-main-separate a {position: relative; padding-left: 25px;}
               .menu-main-separate a .svg-icon-wrapper, .menu-main-separate a .svg-icon-wrapper {position: absolute; top: 50%; left: 0; margin-top: -10px; width: 16px; height: 20px;}
                  .menu-main-separate a .svg-icon {fill: #188cbc;}
                  .menu-main-separate a:hover .svg-icon, .menu-main-separate li.current a .svg-icon {fill: #e31e24;}
   /*menu-towns*/
   .menu-towns {position: absolute; top: -30px; right: 200px; text-align: right; font-size: 12px; line-height: 1.2; color: #fff;}
      .menu-towns span {display: none; vertical-align: middle; padding-right: 5px; font-family: "RobotoBold";}
      .menu-towns a {display: inline-block; vertical-align: middle; border-bottom: 1px dashed #b8cfd9; color: #b8cfd9; text-decoration: none;}
      .menu-towns a:hover {color: #52ccfd; border-color: #52ccfd;}
   .towns-form .modal-inner {width: 550px;}
   .towns-form ul {-webkit-columns: 2 auto; columns: 2 auto; margin: 0; padding: 0;}
      .towns-form ul li {margin: 0 0 12px; padding: 0; vertical-align: top; font-family: "RobotoBold"; font-size: 14px;}
         .towns-form ul li:before {display: none;}
         .towns-form ul li a {font-family: "RobotoRegular"; color: #404040;}
   /*menu-contacts*/
   .menu-contacts {display: none; padding-top: 30px;}
      .menu-contacts .header-contacts {color: #fff; vertical-align: top;}
      .menu-contacts .header-contacts.tb-cell {width: 33%;}
         .menu-contacts .header-contacts > div {display: block; padding: 0 0 20px; font-size: 14px;}
            .menu-contacts .header-contacts a:not(:hover) {color: #fff;}
            .menu-contacts .header-contacts a:not(.btn):hover {color: #fff; border-color: #fff;}
            .menu-contacts .header-contacts span {color: #9de2ff; padding-bottom: 0;}
            .menu-contacts .header-contacts ul {text-align: left;}
               .menu-contacts .header-contacts ul:after {display: none;}
               .menu-contacts .header-contacts ul li {width: 33%;}
                  .menu-contacts .header-contacts ul li:first-child {padding-right: 0;}
                  .menu-contacts .header-contacts ul li:last-child {margin-left: -12px;}
                  .menu-contacts .header-contacts ul strong {font-size: 14px; color: #9de2ff;}
                  .menu-contacts .header-contacts ul span {color: #fff;}
                  .menu-contacts .header-contacts ul a:hover span {color: #fff; border-color: #fff;}
   /*header-middle*/
   .header-middle {background: #f0f7fa; height: 160px; border-top: 1px solid #dadada;}
      .header-middle .inner {text-align: justify; font-size: 1px; line-height: 0;}
         .header-middle .inner:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
         .header-middle .inner > div {display: inline-block; vertical-align: top; text-align: left;}
         /*logo*/
         .header-logo .tb {height: 160px;}
            .header-logo a {display: inline-block; text-decoration: none;}
               .header-logo img {display: block; width: 90px;}
         /*contacts*/
         .header-contacts > div {padding-top: 38px; font-size: 13px; line-height: 1.35;}
            .header-contacts > div > div {position: relative;}
               .header-contacts .contacts-float {position: absolute; bottom: 100%; left: 0; white-space: nowrap;}
                  .header-contacts .contacts-float a {display: inline-block; vertical-align: middle; margin-right: 3px;}
                  .header-contacts .contacts-float .messenger-link {border-bottom: 0; margin-right: 1px;}
                  .messenger-link-viber {margin-bottom: -3px;}
               .header-contacts strong {font-size: 18px;}
               .header-contacts span {display: block; padding: 4px 0 9px; color: #8c8c8c;}
               .header-contacts a:not(.btn) {text-decoration: none; border-bottom: 1px solid transparent; color: #404040;}
               .header-contacts a:not(.btn):hover {color: #e31e24; border-color: #f3b4b5;}
               .header-contacts a.btn {height: 24px; padding: 0 12px; font-size: 12px; line-height: 23px;}
                  .header-contacts ul {margin: 0; font-size: 1px; line-height: 0; position: relative; text-align: justify;}
                  .header-contacts ul:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
                     .header-contacts ul li {display: inline-block; vertical-align: top; text-align: left; font-size: 13px; line-height: 1.35; margin: 4px 0 0; padding-left: 12px;}
                     .header-contacts ul li:first-child {padding-right: 25px;}
                        .header-contacts ul li:before {top: 6px; width: 5px; height: 5px; background: #188cbc;}
                        .header-contacts ul strong {font-size: 13px; display: block;}
                        .header-contacts ul span {padding: 0; display: inline-block;}
                        .header-contacts ul a span {border-bottom: 1px solid transparent; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                        .header-contacts ul a:hover span {color: #e31e24; border-color: #f3b4b5;}
   /*header-bottom*/
   .header-bottom {height: 60px; background: #188cbc;}
      /*header-catalog-link*/
      .header-catalog-link {float: left; position: relative;}
         .catalog-link {display: block; position: relative; width: 304px; height: 60px; padding-left: 68px; background: #52ccfd; font-family: "RobotoBold"; font-size: 16px; line-height: 59px; color: #fff; text-transform: uppercase; text-decoration: none;}
            .catalog-link-hamburger {position: absolute; top: 50%; left: 23px; width: 23px; height: 15px; margin-top: -8px;}
               .catalog-link-hamburger > div {width: 15px; height: 15px; margin: 0 auto; position: relative;}
                  .catalog-link-hamburger span {width: 23px; height: 3px; background: #fff; position: absolute; left: -4px; transition-property: all; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .3s;}
                  .catalog-link-hamburger span:nth-child(1) {top: 0;}
                  .catalog-link-hamburger span:nth-child(2) {top: 6px;}
                  .catalog-link-hamburger span:nth-child(3){top: 12px;}
                  .catalog-link-hamburger span:nth-child(4){top: 12px; opacity: 0;}
                  .catalog-link:hover .catalog-link-hamburger span, .catalog-link.active .catalog-link-hamburger span {width: 6px; height: 6px;}
                  .catalog-link:hover .catalog-link-hamburger span:nth-child(1), .catalog-link.active .catalog-link-hamburger span:nth-child(1) {-webkit-transform: translate3D(4px,9px,0); -moz-transform: translate3D(4px,9px,0); transform: translate3D(4px,9px,0);}
                  .catalog-link:hover .catalog-link-hamburger span:nth-child(2), .catalog-link.active .catalog-link-hamburger span:nth-child(2) {-webkit-transform: translate3D(13px,3px,0); -moz-transform: translate3D(13px,3px,0); transform: translate3D(13px,3px,0);}
                  .catalog-link:hover .catalog-link-hamburger span:nth-child(3), .catalog-link.active .catalog-link-hamburger span:nth-child(3) {-webkit-transform: translate3D(13px,-12px,0); -moz-transform: translate3D(13px,-12px,0); transform: translate3D(13px,-12px,0);}
                  .catalog-link:hover .catalog-link-hamburger span:nth-child(4), .catalog-link.active .catalog-link-hamburger span:nth-child(4) {opacity: 1; -webkit-transform: translate3D(4px,-12px,0); -moz-transform: translate3D(4px,-12px,0); transform: translate3D(4px,-12px,0);}
      /*header-search*/
      .header-search {padding: 10px 220px 0 330px; width: 100%;}
         .header-search > div {position: relative;}
            /*search-form*/
            .search-form {position: relative;}
               .search-form input[type="text"] {height: 40px; border: 0; border-radius: 3px; padding: 0 80px 2px 40px; background: #fff url('../i/search-icon-blue.svg') 15px 50% no-repeat; background-size: 16px 16px; font-size: 16px;}
               .search-form input::-webkit-input-placeholder {font-style: italic;}
               .search-form input::-moz-placeholder {font-style: italic;}
               .search-form input:-moz-placeholder {font-style: italic;}
               .search-form input:-ms-input-placeholder {font-style: italic;}
               .search-form input[type="submit"] {position: absolute; top: 0; right: 0; width: 80px; height: 40px; background: none; font-size: 13px; text-transform: uppercase; color: #252525; letter-spacing: 0;}
               .search-form input[type="submit"]:hover {color: #e31e24; background: none;}
            /*search-variants*/
            .search-variants {position: absolute; top: 100%; left: 0; z-index: 1000; width: 100%; max-height: 0; overflow: hidden; margin-top: 10px;  -webkit-transition: max-height 0.3s ease 0s; -moz-transition: max-height 0.3s ease 0s; transition: max-height 0.3s ease 0s;}
            .search-variants.visible {max-height: 415px;}
               .search-variants ul {width: 100%; max-height: 415px; overflow: auto; padding: 0 20px; margin: 0;}
                  .search-variants li {padding: 0; margin: 0;}
                     .search-variants li:before {display: none;}
                     .search-variants li a {height: 82px; display: table; width: 100%; border-bottom: 1px solid #dadada; text-decoration: none; color: #404040;}
                     .search-variants ul li:last-child a {border: 0;}
                        .search-variants li a > div {display: table-cell; vertical-align: middle;}
                        .search-variants-image {width: 64px; text-align: center;}
                        .search-variants-text {padding-left: 15px;}
                           .search-variants-title {font-size: 15px; line-height: 1.2; margin-bottom: 5px;}
                           .search-variants li a:hover .search-variants-title {text-decoration: underline;}
                           .search-variants-price {font-size: 14px;}
            
@media all and (min-width: 1025px) {
   .header {position: relative; z-index: 3;}
   .header-hamburger {display: none;} 
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .catalog-link {width: 260px;}
   .header-search {padding-left: 286px;}
   .header-contacts ul li {display: block;}
}
@media all and (min-width: 1152px) and (max-width: 1279px) {
   .menu-main:not(.menu-main-separate) {padding-right: 250px;}
   .menu-main-separate {width: 225px;}
}
@media all and (min-width: 1025px) and (max-width: 1151px) {
   .menu-main:not(.menu-main-separate) {padding-right: 225px;}
   .menu-main-separate {width: 210px;}
   .menu-main li {font-size: 13px;}
}
@media all and (max-width: 1024px) {
   .header {padding-top: 55px;}
      .header-content-top {height: auto;}
      /*header panel*/
      .header-panel {position: fixed; top: 0; left: 0; width: 100%; height: 55px; z-index: 1001;}
         .header-panel .inner {height: 55px; text-align: justify; overflow: hidden; font-size: 0; line-height: 0;}
            .header-panel .inner:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
            .header-panel .inner > div {display: inline-block; text-align: left; vertical-align: middle; height: 55px;}
            /*header-personal*/
            .header-cabinet, .header-cart {position: relative; top: auto; right: auto; margin-top: 7px;}
            /*header-cart*/
            .header-cart {float: left; margin-right: 10px;}
               .cart-counter {width: 26px; height: 26px; margin-top: -13px; border-radius: 26px; text-align: center; font-size: 14px; line-height: 25px;}
            /*header-cabinet*/
            .header-cabinet {float: right;}
               .cabinet-link {width: 50px; border-radius: 3px; padding: 0;}
                  .cabinet-link span {display: none;}
                  .cabinet-link .svg-icon-wrapper {left: 50%; margin-left: -10px;}
                  .cabinet-login .cabinet-link .svg-icon-wrapper {display: block; width: 18px; height: 20px; margin-left: -9px;}
               .header-cabinet ul {display: none;}
      /*header menu*/
      .header-menu {position: fixed; top: -100%; left: 0; width: 100%; height: 100%; overflow: auto; padding: 55px 0 20px; background: #0b2d3c; z-index: 1000; -webkit-transition: top 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995); -moz-transition: top 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995); transition: top 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);}
      .header-menu.visible {top: 0;}
         .header-menu:before {content: ''; position: absolute; top: 55px; left: 20px; right: 20px; height: 1px; background: #0a394d;}
         /*menu-top*/
         .menu-top {position: relative; top: auto; left: auto; width: 100%; height: auto; border-top: 1px solid #0a394d;}
            .menu-top li {display: block; font-size: 16px; line-height: 46px; border-bottom: 1px solid #0a394d;}
            .menu-top ul li:last-child {border-color: #12668a;}
               /*arrow*/
               .menu-top ul li:before, .menu-top ul li:after {content: ''; display: block; position: absolute; top: 50%; left: auto; right: 0; width: 2px; height: 7px; background: #9de2ff; border-radius: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
               .menu-top ul li:before {margin-top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
               .menu-top ul li:after {margin-top: -1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
         /*menu-main*/
         .menu-main:not(.menu-main-separate) {padding: 20px 0 0;}
         .menu-main-separate {float: none; width: auto; text-align: left;}
            .menu-main ul {text-align: left;}
               .menu-main ul:after {display: none;}
               .menu-main:not(.menu-main-separate) li {display: block; line-height: 46px; border-bottom: 1px solid #0a394d;}
               .menu-main-separate ul li {line-height: 55px;}
               .menu-main-separate ul li:first-child {padding-right: 35px;}
                  /*arrow*/
                  .menu-main:not(.menu-main-separate) li:before, .menu-main:not(.menu-main-separate) li:after {content: ''; display: block; position: absolute; top: 50%; left: auto; right: 0; width: 2px; height: 7px; background: #9de2ff; border-radius: 0;  -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                  .menu-main:not(.menu-main-separate) li:before {margin-top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
                  .menu-main:not(.menu-main-separate) li:after {margin-top: -1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
                  /*link*/
                  .menu-main a {display: inline-block; vertical-align: middle; color: #fff; line-height: 1;}
                     .menu-main-separate a .svg-icon {fill: #9de2ff;}
                     .menu-main-separate a:hover .svg-icon {fill: #e31e24;}
         /*menu-towns*/
         .menu-towns {position: relative; top: auto; right: auto; padding-top: 30px; text-align: left; font-size: 16px;}
            .menu-towns span {display: inline-block;}
         /*menu-contacts*/
         .menu-contacts {display: block;}
      /*header-middle*/
      .header-middle {border-top: 0;}
         .header-middle .inner {text-align: left;}
            .header-middle .inner:after {display: none;}
            .header-logo img {width: 72px;}
            .header-contacts > div {padding-top: 18px; display: inline-block; text-align: left;}
      /*header-bottom*/
      .header-bottom {background: #f0f7fa;}
         /*catalog-link*/
         .catalog-link {height: 40px; float: left; padding-left: 54px; border-radius: 3px; background: #52ccfd; font-size: 14px; line-height: 39px;}
            .catalog-link-hamburger {width: 15px;}
               .catalog-link-hamburger span {width: 15px; left: 0;}
               .catalog-link:hover .catalog-link-hamburger span:nth-child(1) {-webkit-transform: translate3D(0,9px,0); -moz-transform: translate3D(0,9px,0); transform: translate3D(0,9px,0);}
               .catalog-link:hover .catalog-link-hamburger span:nth-child(2) {-webkit-transform: translate3D(9px,3px,0); -moz-transform: translate3D(9px,3px,0); transform: translate3D(9px,3px,0);}
               .catalog-link:hover .catalog-link-hamburger span:nth-child(3) {-webkit-transform: translate3D(9px,-12px,0); -moz-transform: translate3D(9px,-12px,0); transform: translate3D(9px,-12px,0);}
               .catalog-link:hover .catalog-link-hamburger span:nth-child(4) {-webkit-transform: translate3D(0,-12px,0); -moz-transform: translate3D(0,-12px,0); transform: translate3D(0,-12px,0);}
         /*search*/
         .search-form input[type="text"] {border: 1px solid #ababab;}
         .search-variants {margin-top: 17px;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   /*menu-main-separate*/
   .header-menu .menu-main-separate {display: none;}
   /*menu-top*/
   .menu-top {padding-top: 20px;}
   /*towns*/
   .menu-towns {margin-bottom: 20px;}
   /*cart*/
   .cart-link {width: auto; min-width: 194px; font-size: 15px;}
   /*header-middle*/
   .header-middle .inner {display: table; height: 100%;}
      .header-middle .inner > div {display: table-cell; vertical-align: top;}
   /*header-bottom*/
   .header-bottom {height: 57px; border-bottom: 2px solid #188cbc; padding-bottom: 15px}
   /*catalog-link */
   .catalog-link {width: 234px;}
      .catalog-link-hamburger {left: 20px;}
   /*search*/
   .header-search {padding: 0 0 0 250px;}
}
@media all and (min-width: 960px) and (max-width: 1024px)  {
   /*header-middle*/
   .header-middle {height: 140px;}
      .header-logo .tb {height: 140px;}
      .header-middle .header-contacts {padding-top: 20px;}
}
@media all and (min-width: 640px) and (max-width: 959px) {
   /*header-contacts*/
   .header-middle .inner .header-contacts {text-align: center;}
   .header-middle .header-contacts strong {font-size: 16px;}
   /*header-middle*/
   .header-middle {height: 120px;}
      .header-logo .tb {height: 120px;}
      .header-middle .header-contacts {padding-top: 10px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   /*menu-main-separate*/
   .menu-main-separate ul li:first-child {padding-right: 20px;}
   /*menu-contacts*/
   .menu-contacts .header-contacts ul li {width: 50%;}
   /*search*/
   .search-form input[type="text"] {padding: 0 60px 2px 30px; background-position: 8px 50%;}
   .search-form input[type="submit"] {width: 60px; font-size: 12px;}
   .search-form input::-webkit-input-placeholder {font-size: 13px;}
   .search-form input::-moz-placeholder {font-size: 13px;}
   .search-form input:-moz-placeholder {font-size: 13px;}
   .search-form input:-ms-input-placeholder {font-size: 13px;}
}
@media all and (max-width: 639px) {
   .header-content-bottom {display: table; width: 100%; height: 115px; border-bottom: 2px solid #188cbc; background: #f0f7fa;}
      /*menu-contacts*/
      .menu-contacts .tb, .menu-contacts .tb-cell {display: block;}
      .menu-contacts .header-contacts.tb-cell {width: 100%;}
      .menu-contacts .header-contacts ul li {width: 100%;}
      .menu-contacts .header-contacts ul li:first-child {padding-bottom: 15px;}
      .menu-contacts .header-contacts ul li:last-child {margin: 0;}
      .menu-contacts .header-contacts .contacts-float {position: relative; bottom: auto;}
      /*menu-main-separate*/
      .menu-main-separate ul li {line-height: 80px;}
      /*header-middle*/
      .header-middle {height: 100%; display: table-cell;}
         .header-middle .inner {padding-right: 0;}
            .header-logo {width: 72px;}
               .header-logo .tb {height: 115px;}
            .header-middle .inner .header-contacts {display: none;}
      /*header-bottom*/
      .header-bottom {display: table-cell; vertical-align: middle;}
         .header-catalog-link {float: right;}
         .header-search {display: none;}
}
@media all and (min-width: 480px) and (max-width: 639px) {
   /*catalog-link*/
   .catalog-link {width: 220px;}
}
@media all and (max-width: 479px) {
   /*cart-link*/
   .cart-link {width: 178px; padding: 0 10px 0 72px;}
      .cart-link:before{left: 7px;}
      .cart-counter {left: 38px;}
   /*hamburger*/
   .hamburger-wrapper {line-height: 55px;}
      .hamburger-text {display: none;}
   /*catalog-link*/
   .catalog-link {width: 188px; padding-left: 45px; white-space: nowrap;}
      .catalog-link-hamburger {left: 15px;}
}


/*====================================================
   .menu-catalog (header, left-sidebar)
====================================================*/
.menu-catalog {margin: 0 0 25px;}
/*.menu-catalog-global (.header) */
.header-catalog {position: relative; z-index: 3;}
   .menu-catalog-global {position: absolute; top: 100%; left: 20px; width: 304px; height: 0; max-height: none; overflow: hidden; margin: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .menu-catalog-global.visible {overflow: visible;}
/*.menu-catalog-current (catalog level 3)*/
.left-sidebar .menu-catalog:nth-child(2) {border-top: 4px solid #52ccfd;}
.menu-catalog-current {padding-bottom: 54px; overflow: hidden; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.menu-catalog-current.full {overflow: visible;}
   .menu-catalog ul {padding: 0; margin: 0;}
      .menu-catalog ul li {margin: 0; padding: 0; font-family: "RobotoBold"; font-size: 16px; line-height: 1.2;}
         .menu-catalog ul li:before {display: none;}
         /*arrow*/
         .menu-catalog ul li.parent:before, .menu-catalog ul li.parent:after {content: ''; display: block; position: absolute; top: 24px; left: auto; right: 20px; width: 2px; height: 7px; background: #000; border-radius: 0; z-index: 2; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
         .menu-catalog ul li.parent:before {margin-top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
         .menu-catalog ul li.parent:after {margin-top: -1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
         /*link*/
         .menu-catalog ul li a {display: block; padding: 15px 35px 15px 20px; text-decoration: none; color: #404040; position: relative; z-index: 1;}
         .menu-catalog ul li a:hover, .menu-catalog ul li.current > a, .menu-catalog ul li a.active {color: #e31e24;}
            /*border*/
            .menu-catalog ul li a:before {content: ''; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background: #dadada; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   /*expand*/
   .menu-catalog-expand-wrapper {position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; height: 54px; padding: 15px 20px; background: #fff;}
      .menu-catalog-expand-wrapper:before {content: ''; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background: #dadada;}
         .menu-catalog-expand span:last-child {display: none;}
         .menu-catalog-expand.active span:last-child {display: inline-block;}
         .menu-catalog-expand.active span:first-child {display: none;}

@media all and (min-width: 1025px) {
   /*arrow*/
   .menu-catalog ul li.parent:not(.active):hover:before, .menu-catalog ul li.parent:not(.active):hover:after {background: #fff;}
   /*link*/
   .menu-catalog ul li:not(.active) ul a:hover {color: #52ccfd;}
   .menu-catalog ul li.parent:not(.active):hover > a {color: #fff; background: #12668a;}
   /*border*/
   .menu-catalog ul li:first-child > a:before {display: none;}
   .menu-catalog ul li.parent:not(.active):hover > a:before {background: #12668a;}
   .menu-catalog ul li.parent:not(.active):hover + li > a:before, .menu-catalog ul li.parent:not(.active):hover + li > a:before  {opacity: 0;}
   /*submenu*/
   .menu-catalog ul li:not(.active) ul {position: absolute; top: 0; left: 100%; width: 0; overflow: hidden; z-index: 1000; margin: 0; box-shadow: none; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}
   .menu-catalog ul li.active ul {position: relative;}
   .menu-catalog ul li:not(.active):hover ul {width: 260px;}
      .menu-catalog ul li ul li {width: 260px; font-size: 14px;}
      .menu-catalog ul li:not(.active) ul li {font-family: "RobotoRegular";}
         .menu-catalog ul li ul a {min-height: 49px;}
         .menu-catalog ul li:not(.active) ul a {color: #fff; background: #12668a;}
         .menu-catalog ul li.active ul a {padding-left: 40px;}
            .menu-catalog ul li.active ul li:first-child a:before {display: block;}
            .menu-catalog ul li:not(.active) ul a:before {background: #1579a3;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .menu-catalog-global {width: 260px;}
}
@media all and (max-width: 1024px) {
   .left-sidebar .menu-catalog {display: none;}
   .header-catalog .inner {padding: 0;}
      .menu-catalog-global {position: relative; top: auto; left: auto; width: 100%;}
         .menu-catalog-global ul li ul {display: block; position: relative; width: 100%; height: 0; overflow: hidden;-webkit-transition: none; -moz-transition: none; transition: none;}
            .menu-catalog-global ul li ul li {font-family: "RobotoRegular"; font-size: 14px;}
               .menu-catalog-global ul li ul a {padding: 8px 35px 8px 40px;} 
               .menu-catalog-global ul li a:active {color: #e31e24;}
               .menu-catalog ul li.parent:first-child > a:before {display: none;}
}


/*====================================================
   .content
====================================================*/
.content {position: relative; /*z-index: 1;*/ padding-bottom: 40px;}
.mainpage .content {padding-top: 40px;}
.columns .content {float: left; width: 100%; padding-left: 330px;}
.left-sidebar {float: left; width: 304px; margin-left: -100%;}

/*breadcrumbs*/
.breadcrumbs {font-size: 12px; padding: 20px 0 40px; color: #959595;}
   .breadcrumbs a, .breadcrumbs span {margin: 0 5px;}
   .breadcrumbs a {color: #8b8b8b; text-decoration: none;}
   .breadcrumbs a:first-child {margin-left: 0;}
   .breadcrumbs a:hover {color: #e31e24; text-decoration: underline;}

/*pagination*/
.pagination {height: 55px;}
.wrapper-box .pagination {height: 35px;}
   .pagination ul {display: inline-block; padding: 10px; margin: 0; font-size: 0; line-height: 0;}
   .wrapper-box .pagination ul {padding: 0;}
      .pagination li {float: left; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #cfcfcf; font-size: 14px; line-height: 33px; margin: 0 0 0 -1px; padding: 0; z-index: 1;}
         .pagination li:before {display: none;}
            .pagination a {display: block; height: 100%; text-decoration: none; color: #404040;}
            .pagination-current, .pagination a:hover {background: #eaf3f7;}
             {background: #eaf3f7;}
            .pagination .pagination-prev, .pagination .pagination-next {width: 110px; border: 0; color: #fff; background: #8c8c8c; position: relative;}
            .pagination .pagination-prev {margin: 0; z-index: 2;}
               .pagination .pagination-prev a, .pagination .pagination-next a {background: #12668a; color: #fff;}
               .pagination .pagination-prev a:hover, .pagination .pagination-next a:hover {background: #52ccfd;}

/*load-next-page*/
.load-next-page {display: none; text-align: center;}
   .load-next-page .btn {height: 38px; line-height: 37px;}

/*items-list-back*/
.items-list-back {margin-bottom: 55px; height: 35px; line-height: 34px; padding: 0 20px; font-size: 14px;}


@media all and (min-width: 1025px) {
   .left-sidebar {position: relative; z-index: 2;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .columns .content {padding-left: 286px;}
   .left-sidebar {width: 260px;}
}
@media all and (max-width: 1024px) {
   .middle:after {display: none;}
   .middle .content {float: none; padding-left: 0;}
   .content {padding-bottom: 0;}
   .mainpage .content {padding-top: 20px;}
   .columns .content {padding-left: 0; float: none;}
   .left-sidebar {float: none; width: 100%; margin-left: 0;}
   .breadcrumbs {padding: 20px 0;}
   .items-list-back {margin-bottom: 40px;}
}
@media all and (max-width: 639px) {
   .pagination {display: none;}
   .load-next-page {display: block;}
}
@media all and (max-width: 375px) {
   .load-next-page .btn {width: 100%;}
}


/*====================================================
   .main-slider (main page)
====================================================*/
.main-slider-wrapper {padding-bottom: 34px; margin-bottom: 55px;}
   .main-slider .main-slider-item:not(:first-child) {display: none;}
   .main-slider .main-slider-item.slick-slide:not(:first-child) {display: block;}
      .bl-slider-image {position: relative; z-index: 1;}
      .main-slider-title {display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; color: inherit; text-decoration: none;}
      a.main-slider-title:hover {text-decoration: none;}
         .main-slider-title .tb {height: 100%; width: 100%;}
            .main-slider-title .tb-cell {padding: 0 3% 0 40%; font-family: "BadScriptRegular"; font-size: 50px; line-height: 1.15; color: #000;}
   /*dots*/
   .main-slider .slick-dots {bottom: -34px;}
      .main-slider .slick-dots li {margin: 0 5px;}
         .main-slider .slick-dots li button {width: 14px; height: 14px; border-radius: 100%; background: #fff; border: 1px solid #ababab;}
            .main-slider .slick-dots li button:after {top: 50%; left: 50%; margin: -4px 0 0 -4px; width: 8px; height: 8px; border-radius: 8px; background: #188cbc; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);}
            .main-slider .slick-dots .slick-active button:after {-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
   /*arrows*/ 
   .main-slider .slick-arrow {width: 60px; height: 60px; margin-top: -30px; border-radius: 60px; background: rgba(255,255,255,0.5);}
   .main-slider .slick-prev {left: 20px;}
   .main-slider .slick-next {right: 20px;}
   .main-slider .slick-arrow:hover {background: rgba(255,255,255,0.8);}
      .main-slider .slick-arrow:before, .main-slider .slick-arrow:after {top: 50%; left: 50%; width: 2px; height: 15px; background: #000;}
      .main-slider .slick-prev:before, .main-slider .slick-next:before {margin-top: -12px;}
      .main-slider .slick-prev:after, .main-slider .slick-next:after {margin-top: -2px;}
      .main-slider .slick-prev:before, .main-slider .slick-prev:after {margin-left: -2px;}
      .main-slider .slick-next:before, .main-slider .slick-next:after {margin-left: 2px;}
      .main-slider .slick-arrow:hover:before, .main-slider .slick-arrow:hover:after {background: #000;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .main-slider-title .tb-cell {font-size: 45px;}
}
@media all and (max-width: 1024px) {
   .main-slider-wrapper {margin-bottom: 40px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .main-slider-title .tb-cell {font-size: 40px;}
}
@media all and (min-width: 800px) and (max-width: 959px) {
   .main-slider-title .tb-cell {font-size: 35px;}
}
@media all and (min-width: 640px) and (max-width: 799px) {
   .main-slider-title .tb-cell {font-size: 30px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .main-slider-title .tb-cell {padding-left: 45%;}
}
@media all and (max-width: 767px)  {
   .main-slider-image {height: 118px; overflow: hidden;}
      .main-slider-image img {height: 100%; max-width: none;}
}
@media all and (max-width: 639px) {
   .main-slider-title {position: relative;}
      .main-slider-title .tb {display: block;}
         .main-slider-title .tb-cell {display: block; padding: 15px 0 0; font-family: "RobotoBold"; font-size: 16px; line-height: 1.5;}
            .main-slider-title .tb-cell br {display: none;}
}


/*====================================================
   .main-text (main page)
====================================================*/
.main-text-image {position: absolute; bottom: 0; left: 0; width: 300px; height: 223px;}
.main-text-top .main-text-text {padding-left: 350px;}
.main-text-bottom .main-text-text {padding: 20px 10%;}

@media all and (min-width: 1025px) and (max-width: 1334px) {
   .main-text-top .main-text-text {padding-left: 300px;}
}
@media all and (max-width: 1024px) {
   .main-text-image {display: none;}
   .main-text-top .main-text-text {padding-left: 0;}
   .main-text-bottom .main-text-text {padding: 0;}
}


/*====================================================
   .single-video (main page, catalog item page)
====================================================*/
.single-video {position: relative; height: 357px;}
.single-video + .single-video {margin-top: 20px;}
   .single-video:before {content: ''; display: block; width: 100%; padding-top: 56.153%;}
   .single-video .video-wrapper, .single-video .video-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
   .single-video .video-image {z-index: 2; cursor: pointer; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
   .single-video .video-image.hidden {visibility: hidden; opacity: 0;}
      .single-video .video-image > div {width: 100%; height: 100%; position: relative; background: rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .single-video .video-image:hover > div {background: rgba(0,0,0,0.5);}
         .single-video .video-image > div:before, .single-video .video-image > div:after {content: ''; position: absolute; top: 50%; left: 50%;}
         .single-video .video-image > div:before {width: 110px; height: 110px; margin: -55px 0 0 -55px; border-radius: 100%; background: #fff; -webkit-transition: -webkit-transform 0.3s ease 0s; -moz-transition: -moz-transform 0.3s ease 0s; transition: transform 0.3s ease 0s;}
         .single-video .video-image:hover > div:before {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
         .single-video .video-image > div:after {margin: -16px 0 0 -6px; border-left: 24px solid #373737; border-top: 16px solid transparent; border-bottom: 16px solid transparent;}

@media all and (max-width: 1024px) {
   .single-video {height: auto;}
}
@media all and (min-width: 480px) and (max-width: 639px) {
   .single-video .video-image > div:before {width: 80px; height: 80px; margin: -40px 0 0 -40px;}
   .single-video .video-image > div:after {margin: -12px 0 0 -6px; border-left: 20px solid #373737; border-top: 12px solid transparent; border-bottom: 12px solid transparent;}
}
@media all and (max-width: 479px) {
   .single-video .video-image > div:before {width: 60px; height: 60px; margin: -30px 0 0 -30px;}
   .single-video .video-image > div:after {margin: -8px 0 0 -4px; border-left: 14px solid #373737; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
}


/*====================================================
   .showcase (main page)
====================================================*/
.showcase-wrapper {margin-bottom: 55px;}
   .showcase {font-size: 0; line-height: 0; margin-left: -26px;}
      .showcase-item {display: inline-block; width: 50%; padding-left: 26px; vertical-align: top; position: relative;}
      /*info*/
      .showcase-info {position: relative; height: 357px;}
         .showcase-info ul {margin: 0; padding: 0;}
            .showcase-info ul li {margin: 0 0 20px; height: 90px; padding: 0;}
               .showcase-info li:before {display: none;}
               .showcase-info li a {display: block; width: 100%; height: 100%; text-decoration: none; color: #404040;}
                  .showcase-info-image {float: left; width: 168px; height: 100%; margin-right: 20px; overflow: hidden;}
                     .showcase-info-image img {height: 100%; max-width: none;}
                  .showcase-info-text {display: table; height: 100%; font-size: 14px;}
                     .showcase-info-text > div {display: table-cell; vertical-align: middle; padding-right: 10px;}
                        .showcase-info-title {margin-bottom: 8px; text-transform: uppercase; line-height: 1.5; }
                           .showcase-info-title strong {color: #404040; border-bottom: 1px solid #c6c6c6; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                           .showcase-info a:hover .showcase-info-title strong {color: #e31e24; border-color: #f3b4b5;}
                        .showcase-info-short {color: #8c8c8c; line-height: 1.3;}
                           .showcase-info-short p {margin: 0;}
                           .showcase-info-short br {display: none;}
                  .showcase-info-btn {position: absolute; bottom: 0; left: 0;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .showcase-info-title {margin-bottom: 0;}
}
@media all and (max-width: 1024px) {
   .showcase-wrapper {margin-bottom: 40px;}
      .showcase {margin-left: 0;}
         .showcase-item {display: block; width: 100%; padding-left: 0;}
            /*video*/
            .showcase-video {margin-bottom: 40px;}
            /*info*/
            .showcase-info {height: auto;}
               .showcase-info ul li {height: 100px;}
                  .showcase-info-text {font-size: 16px;}
               .showcase-info-btn {position: relative; bottom: auto;}      
}
@media all and (min-width: 480px) and (max-width: 639px) {
   .showcase-info li {height: 120px;}
   .showcase-info-text {font-size: 15px;}
}
@media all and (max-width: 479px) {
   .showcase-info {background: #fff; width: 100%; padding: 20px; margin-left: -20px; box-shadow: 1.414px 1.414px 2px 0px rgba(23, 26, 31, 0.2); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
   .showcase-info ul li {height: auto; background: none; box-shadow: none; margin-bottom: 35px;}
      .showcase-info-image {float: none; width: 100%; margin: 0 0 16px;}  
         .showcase-info-image img {height: auto; max-width: 100%;}
      .showcase-info-text {display: block; height: auto;}
         .showcase-info-text > div {display: block; padding-right: 0;}
            .showcase-info-title {margin-bottom: 10px;}
}


/*====================================================
   .rating-static, .rating-dynamic (main-page, catalog item page)
====================================================*/
.rating-static {color: #959595;}
.review-form .rating-dynamic {margin-bottom: 20px;}
   .rating-dynamic .rating-value {display: inline-block; vertical-align: middle;}
   .stars-wrapper {display: inline-block; vertical-align: middle; width: 155px; font-size: 0; line-height: 0;}
   .rating-static .stars-wrapper {margin-bottom: 10px;}
   .rating-dynamic .stars-wrapper {margin-right: 20px;}
      .rating-star {display: inline-block; width: 23px; height: 22px; margin-right: 10px;}
      .rating-dynamic .rating-star {cursor: pointer;}
      .stars-wrapper .rating-star:last-child {margin-right: 0;}
         .rating-star svg {width: 100%; height: 100%;}
            .rating-star .svg-stroke {fill: #e1b233;}
            .rating-star .svg-fill {fill: #fff;}
            .rating-star.active .svg-fill, .rating-dynamic .rating-star:hover .svg-fill {fill: #e1b233;}

@media all and (max-width: 639px) {
   .votes-quantity, .rating-value {font-size: 16px;}
}


/*====================================================
   .advantages
====================================================*/
.advantages-wrapper {padding: 40px 0; background: #fff; margin-bottom: 55px;}
   .advantages-list {margin-bottom: 55px;}
   .advantages-wrapper .advantages-list {margin-bottom: 0;}
      .advantages-list ul {display: block; font-size: 0; line-height: 0; margin: 0  0 0 -26px; padding: 0;}
         .advantages-list li {display: inline-block; width: 33.333%; vertical-align: top; text-align: center; margin: 0; padding: 0 0 0 26px; font-size: 16px; line-height: 1.4;}
            .advantages-list li:before {display: none;}
            .advantages-list .box {height: 100%; padding: 30px 15px; z-index: 1;}
            .advantages-wrapper .advantages-list .box {box-shadow: none;}
               .advantages-icon {height: 70px; line-height: 70px; margin-bottom: 10px;}
                  .advantages-icon img {vertical-align: middle;}
               .advantages-text {}
                  .advantages-text p:last-of-type {margin: 0;}
                  .advantages-title {font-family: "GothamProBlack"; font-size: 18px; line-height: 1; margin-bottom: 30px;}
                     .advantages-title a {text-decoration: none;}
                  .advantages-date {font-size: 16px; line-height: 1; margin-bottom: 12px;}
                  .advantages-text .btn {margin-top: 18px;}
                  .advantages-rating {width: 215px; max-width: 100%; margin: 15px auto 0; padding: 10px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 14px; line-height: 1; text-align: left;}
                     .advantages-rating .stars-wrapper {margin-bottom: 10px;} 

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .advantages-list li {font-size: 15px;}
      .advantages-text br {display: none;}
}
@media all and (min-width: 1025px) {
   .advantages-wrapper .advantages-list li {width: 25%;}
}
@media all and (max-width: 1024px) {
   .advantages-wrapper {margin-bottom: 40px;}
      .advantages-list {margin-bottom: 40px;}
         .advantages-list ul {margin: 0 0 0 -20px;}
            .advantages-list li {padding: 0 0 0 20px;}
               .advantages-wrapper .advantages-icon {height: auto; line-height: 1;}
               .advantages-title {margin-bottom: 10px;}
               .advantages-text br {display: none;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .advantages-wrapper .advantages-list li {width: 50%; text-align: left;}
      .advantages-wrapper .advantages-icon {float: left; width: 90px; padding-right: 30px; text-align: right;}
         .advantages-wrapper .advantages-icon img {max-width: 52px; max-height: 42px;}
      .advantages-wrapper .advantages-text {padding: 0 20px 0 90px;}
         .advantages-wrapper .advantages-rating {margin: 15px 0 0;}     
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .advantages-list ul {margin: 0 0 0 -10px;}
      .advantages-list li {padding: 0 0 0 10px; font-size: 15px;}
         .advantages-list .box {padding: 20px 15px;}
            .advantages-wrapper .advantages-icon {width: 75px;}
            .advantages-wrapper .advantages-text {padding-left: 75px;}
}
@media all and (max-width: 639px) {
   .advantages-wrapper {background: none; padding: 0;}
      .advantages-list {background: #fff; width: 100%; padding: 20px; margin-left: -20px; box-shadow: 1.414px 1.414px 2px 0 rgba(23, 26, 31, 0.2); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
         .advantages-list ul {margin: 0;}
         .advantages-list li {display: block; width: 100%; padding: 0; font-size: 18px;}
            .advantages-list .box {box-shadow: none; padding: 25px 0;}
               .advantages-icon {height: auto; line-height: 1; margin-bottom: 15px;}
               .advantages-text {max-width: 320px; margin: 0 auto;}
                  .advantages-rating {width: 100%; max-width: none;}
}


/*====================================================
   .tabs, .tabs-full
====================================================*/
/*tabs-links*/
.tabs-links {display: table; height: 50px; background: #cee7f2; margin: 0; padding: 0;}
.tabs-full .tabs-links {width: 100%; table-layout: fixed;}
   .tabs-links li {display: table-cell; width: 250px; vertical-align: middle; text-align: center; border-left: 1px solid #a3b7bf; margin: 0; padding: 0; cursor: pointer; font-family: "GothamProBlack"; font-size: 12px; line-height: 1.3; text-transform: uppercase; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .tabs-full .tabs-links li {width: auto; border-bottom: 1px solid #a3b7bf; }
   .tabs-links li:first-child {border-left: 0;}
   .tabs-links li.current {background: #fff; cursor: default;}
   .tabs-full .tabs-links li.current {border-bottom-color: #fff;} 
      .tabs-links li:before {display: none;}
/*tabs-toggler*/
.tabs-toggler {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 55px; padding: 0 20px; font-family: "GothamProBlack"; font-size: 16px; line-height: 54px; text-transform: uppercase; background: #cee7f2; cursor: pointer; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .tabs-toggler span {display: block; width: 54px; height: 54px; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
   .tabs-toggler.current span {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg);}
      .tabs-toggler span:before, .tabs-toggler span:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background: #404040;}
      .tabs-toggler span:before {margin-top: -10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
      .tabs-toggler span:after {margin-top: -2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
/*tabs-wrapper*/
.tabs-wrapper {position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: height 0.2s ease 0s; -moz-transition: height 0.2s ease 0s; transition: height 0.2s ease 0s;}
   .tabs-box {display: none;}
   .tabs-box.visible {display: block;}
      

@media all and (min-width: 1025px) {
   .tabs.wrapper-box {padding: 0;}
}
@media all and (max-width: 1024px) {
   .tabs-full, .tabs-full .tabs-links-wrapper {width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
   .tabs-links-wrapper {box-shadow: 1.414px 1.414px 2px 0 rgba(23, 26, 31, 0.2);}
   .tabs-full .tabs-links-wrapper {overflow: auto; box-shadow: none;}
      .tabs-links {width: 100%;}
      .tabs-full .tabs-links {margin-left: -20px; width: calc(100% + 40px);}
         .tabs-links li {width: 50%; font-size: 12px;}
         .tabs-full .tabs-links li {width: 170px;}
}
@media all and (max-width: 639px) {
   .tabs-full .tabs-links-wrapper {display: none;}
   .tabs-full .tabs-toggler {display: block;}
   .tabs-full .tabs-box {display: block; position: relative; width: 100%; max-height: 0; padding: 55px 20px 0; margin-left: -20px; overflow: hidden; opacity: 1; visibility: visible; border-bottom: 1px solid #a3b7bf; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
   .tabs-full .tabs-box:last-child {border-bottom: 0;}
}
@media all and (max-width: 479px) {
.tabs-links-wrapper {width: 100%; padding: 0 20px; margin-left: -20px; overflow: hidden; position: relative; z-index: 1; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
   .tabs-links {display: block; width: 100%; padding: 0 20px; margin-left: -20px; font-size: 0; line-height: 0; white-space: nowrap; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .tabs-links li {display: inline-block; padding: 0 10px; line-height: 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .tabs-links li:first-child {margin-left: -20px;}
      .tabs-links li:last-child {margin-right: -20px;}
}

/*====================================================
   .tags-list
====================================================*/
.tags-list-wrapper {margin-bottom: 45px;}
  /* mobile-toggler*/
   .tags-list-toggler {display: none; position: absolute; top: 0; right: 0; width: 42px; height: 42px; z-index: 2;}
      .tags-list-toggler div {width: 100%; height: 100%; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .tags-list-toggler.active div {-webkit-transform: rotateX(180deg); moz-transform: rotateX(180deg); transform: rotateX(180deg);}
         .tags-list-toggler div:before, .tags-list-toggler div:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 8px; background: #fff; border-radius: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
         .tags-list-toggler div:before {margin: -3px 0 0 -4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
         .tags-list-toggler div:after {margin: -3px 0 0 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
   /*list*/
   .tags-list {margin-bottom: 20px;}
   .tags-list:last-of-type {margin-bottom: 0;}
      .tags-list-content {position: relative;}
         .tags-list ul {display: block; margin: 0 0 0 -10px; padding: 0;}
         .tags-list ul.tags-list-hidden {display: none;}
            .tags-list li {float: left; padding: 0 0 0 10px;}
            .tags-list li, .tags-list li:last-child {margin: 0 0 10px;}
               .tags-list li:before {display: none;}
               .tags-list a {display: block; height: 34px; font-size: 14px; line-height: 29px;}
                  .tags-list a span {line-height: 1.2; vertical-align: middle;}

   .tags-list-title {font-family: "RobotoBold";}
   .tags-list .tags-list-more {display: inline-block; vertical-align: top; width: auto; height: auto; padding: 5px 0; font-size: 13px; line-height: 1; cursor: pointer;}

   /* .tags-list.tags-list--short */
   .tags-list.tags-list--short {margin-bottom: 0;}
      .tags-list.tags-list--short > * {display: inline-block; vertical-align: middle;}
      .tags-list.tags-list--short .tags-list-title {margin-bottom: 10px; margin-right: 10px;}
      .tags-list.tags-list--short ul {margin-right: 10px;}
      .tags-list.tags-list--short .tags-list-more {margin-bottom: 10px;}

   /* modal-functional */
   .modal-functional {}
      .modal-functional .fancybox-close {width: 24px; height: 24px; background: none; top: 7px; right: 8px;}
         .modal-functional .fancybox-close:before, .modal-functional .fancybox-close:after {display: block; content: ''; font-size: 0; position: absolute; top: 11px; left: 4px; width: 18px; height: 2px; background-color: #000; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
         .modal-functional .fancybox-close:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
         .modal-functional .fancybox-close:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
            .modal-functional .fancybox-close:hover:before, .modal-functional .fancybox-close:hover:after {background-color: #e31e24;}
   /* .modal-tags-list */
   .modal-tags-list {max-width: 1070px; padding: 20px;}
      .modal-tags-list .tags-list {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #52ccfd;}
         .modal-tags-list h3, .modal-tags-list .h3 {margin-bottom: 10px;}

@media all and (max-width: 1024px) {
   .tags-list-wrapper {margin-bottom: 30px;}
}
@media all and (min-width: 479px) {
   .tags-list.tags-list--short .tags-list-more.only-mobile {display: none;}
  .modal-tags-list .tags-list:last-child {border-bottom: 0;}
}
@media all and (max-width: 479px) {
   .tags-list-wrapper {margin-bottom: 40px;}
      .tags-list-wrapper h3, .tags-list-wrapper .h3 {font-size: 16px; margin-bottom: 11px;}
      .tags-list:not(.not-collapses) {height: 42px; overflow: hidden; position: relative; margin-bottom: 20px; -webkit-transition: height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s;}
      .tags-list:last-of-type {margin-bottom: 0;}
         .tags-list-toggler {display: block;}
         .tags-list ul {margin: 0; position: relative; z-index: 1;}
         .tags-list ul.tags-list-hidden {display: block !important; padding-top: 10px;}
            .tags-list li {float: none; display: block; padding: 0;}
            .tags-list ul li:last-child {margin: 0;}
               .tags-list li a:not(.not-collapses) {display: block; height: 42px; line-height: 37px; text-align: left; padding-right: 42px;}
      .tags-list.tags-list--short .tags-list-title {display: none;}
      .tags-list.tags-list--short ul {display: none;}
      .tags-list.tags-list--short .tags-list-more.only-desktop {display: none;}
      .tags-list.tags-list--short .tags-list-more.only-mobile {display: block; width: 100%; height: 42px; font-size: 14px; line-height: 37px; text-decoration: none; text-align: center; color: #fff; border-radius: 3px; margin: 0; padding: 0 12px; background: #12668a;}
         .tags-list.tags-list--short .tags-list-more.only-mobile:hover {background: #52ccfd;}

      /* .modal-tags-list */
      .modal-tags-list h3, .modal-tags-list .h3 {font-size: 16px;}
      .modal-tags-list .tags-list {padding-bottom: 0; border-bottom: 0;}
         .modal-tags-list .tags-list ul {margin-bottom: 15px;}
}


/*====================================================
   .articles-rubrics
====================================================*/
.articles-rubrics {margin-left: -26px; margin-bottom: 29px; font-size: 0; line-height: 0;}
   .articles-rubrics-item {display: inline-block; vertical-align: top; width: 50%; padding-left: 26px; margin-bottom: 26px;}
      .articles-rubrics-item a {text-decoration: none; color: #404040;}
         .articles-rubrics-image .svg-icon-wrapper {display: none;}
         .articles-rubrics-title {display: table; width: 100%; height: 78px; font-size: 16px; line-height: 1.5;}
            .articles-rubrics-title > div {display: table-cell; vertical-align: middle; padding: 0 20px;}
               .articles-rubrics-title strong {border-bottom: 1px solid #c6c6c6; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
               .articles-rubrics-item a:hover .articles-rubrics-title strong {color: #e31e24; border-color: #f3b4b5;}

@media all and (max-width: 1024px) {
   .articles-rubrics {margin-left: -20px; margin-bottom: 20px;}  
      .articles-rubrics-item {padding-left: 20px; margin-bottom: 20px; height: 100px;}
         .articles-rubrics-image {float: left; width: 100px; height: 100px; line-height: 100px; text-align: center;}
            .articles-rubrics-image img {display: none;}
            .articles-rubrics-image .svg-icon-wrapper {display: inline-block; vertical-align: middle; height: 100%;}
            .articles-rubrics .articles-rubrics-item:nth-child(1) .svg-icon-wrapper {width: 47px;}
            .articles-rubrics .articles-rubrics-item:nth-child(2) .svg-icon-wrapper {width: 50px;}
            .articles-rubrics .articles-rubrics-item:nth-child(3) .svg-icon-wrapper {width: 34px;}
            .articles-rubrics .articles-rubrics-item:nth-child(4) .svg-icon-wrapper {width: 55px;}
            .articles-rubrics .articles-rubrics-item:nth-child(5) .svg-icon-wrapper {width: 48px;}
            .articles-rubrics .articles-rubrics-item:nth-child(6) .svg-icon-wrapper {width: 52px;}
            .articles-rubrics .articles-rubrics-item:nth-child(7) .svg-icon-wrapper {width: 47px;}
               .articles-rubrics-image .svg-icon-wrapper svg {vertical-align: middle;}
               .articles-rubrics-image .svg-icon {fill: #12668a;}
               .articles-rubrics-item a:hover .articles-rubrics-image .svg-icon {fill: #e31e24;}
         .articles-rubrics-title {width: auto; height: 100px;}
            .articles-rubrics-title > div {padding: 0 20px 0 0;}
}
@media all and (max-width: 639px) {
   .articles-rubrics {margin-left: 0;}
      .articles-rubrics-item {width: 100%; padding-left: 0;}
}
@media all and (max-width: 479px) {
   .articles-rubrics-item .box {padding: 0 20px; width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .articles-rubrics-image {margin-left: -20px;}
      .articles-rubrics-title {font-size: 18px; line-height: 1.3;}
}


/*====================================================
   .articles-list (articles, news)
====================================================*/
.articles-list-wrapper {margin-bottom: 55px;}
   .articles-list {margin-left: -26px; font-size: 0; line-height: 0;}
      .articles-list-item {display: inline-block; width: 33.333%; vertical-align: top; padding-left: 26px; margin-bottom: 26px; position: relative;}
         .articles-list-item a {text-decoration: none; color: #404040;}
            .articles-list-text {padding: 20px 20px 40px;}
               .articles-list-title {font-size: 16px; line-height: 1.5; margin-bottom: 20px;}
                  .articles-list-title strong {border-bottom: 1px solid #c6c6c6; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                  .articles-list-item a:hover .articles-list-title strong {color: #e31e24; border-color: #f3b4b5;}
               .articles-list-short {font-size: 14px; line-height: 1.5;}
            .articles-list-date {height: 30px; background: #188cbc; text-align: center; font-size: 14px; line-height: 29px; color: #fff;}

@media all and (max-width: 1024px) {
   .articles-list-wrapper {margin-bottom: 40px;}
   .articles-list-wrapper:last-child {margin-bottom: 20px;}
      .articles-list {margin-left: -20px;}
         .articles-list-item {padding-left: 20px; margin-bottom: 20px;}
            .articles-list-short {font-size: 16px;}
}
@media all and (max-width: 959px) {
   .articles-list-item {width: 50%;}
}
@media all and (max-width: 639px) {
   .articles-list-wrapper:last-child {margin-bottom: 40px;}
}
@media all and (max-width: 567px) {
   .articles-list {margin-left: 0;}
      .articles-list-item {width: 100%; padding: 0;}
}
@media all and (max-width: 479px) {
   .articles-list-item .box {width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
   .articles-list-item .scale-image-wrapper {padding-top: 24px;}
      .articles-list-item .scale-image-wrapper:before {content: ''; display: block; padding-top: 61.85%;}
      .articles-list-image {position: absolute; top: 0; left: -20px; right: -20px; width: auto;}
      .articles-list-text {padding: 20px 0 30px;}
         .articles-list-title {font-size: 18px;}
         .articles-list-short {font-size: 18px;}
      .articles-list-date {width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
}


/*====================================================
   .articles-item (article item, news item)
====================================================*/
.articles-item {margin-bottom: 26px;}
   .articles-item-text {margin-bottom: 40px;}
      .articles-item-top {margin-bottom: 40px; position: relative;}
         .articles-item-top-image {float: left; width: 310px; margin-right: 40px;}
         .articles-item-top-text {padding-left: 310px;}
            .articles-item-date {display: inline-block; height: 30px; padding: 0 20px; margin-bottom: 20px; background: #188cbc; color: #fff; font-size: 14px; line-height: 29px;}
   .articles-item-gallery {margin-bottom: 40px;}
      .articles-item-gallery-slider {padding: 0 20px;}
         .articles-item-gallery-slider a {display: block; text-align: center; margin: 0 20px;}
   .articles-item-video {}
      .articles-item-video .article-video {position: relative;}
         .articles-item-video .article-video:before {content: ''; display: block; width: 100%; padding-top: 56.04%}
            .articles-item-video .video-wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .articles-item-top {margin-bottom: 20px;}
      .articles-item-top-image {margin: 0 20px 10px 0;}
      .articles-item-top-text {padding-left: 0;}
}
@media all and (max-width: 1024px) {
   .articles-item {margin-bottom: 20px;}
      .articles-item-gallery-slider a {margin: 0 10px;}
}
@media all and (max-width: 959px) {
   .articles-item-top {margin-bottom: 20px;}
      .articles-item-top-text {padding-left: 0;}
}
@media all and (min-width: 568px) and (max-width: 959px) {
   .articles-item-top-image {margin: 0 20px 10px 0} 
}
@media all and (max-width: 639px) {
   .articles-item-gallery-slider {padding: 0 0 0 s20px; width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .articles-item-gallery-slider .slick-list {margin-left: -20px; padding: 0;}
         .articles-item-gallery-slider img {height: 150px;}
}
@media all and (max-width: 567px) {
   .articles-item-top-image {float: none; width: 100%; margin: 0 0 20px;}
}
@media all and (max-width: 479px) {
   .articles-item {padding-top: 0;}
      .articles-item-top {padding-top: 44px;}
         .articles-item-top:before {content: ''; display: block; padding-top: 65.70%;}
         .articles-item-top-image {position: absolute; top: 0; left: -20px; right: -20px; width: auto;}
      .articles-item-video .article-video {padding-top: 24px;}
         .articles-item-video .video-wrapper {left: -20px; right: -20px;}
}


/*====================================================
   .photogallery-list
====================================================*/
.photogallery-list-wrapper {margin-bottom: 55px;}
   .photogallery-list {margin-left: -26px; font-size: 0; line-height: 0;}
      .photogallery-list-item {display: inline-block; width: 50%; padding-left: 26px; margin-bottom: 26px;}
         .photogallery-list-image {height: 220px; overflow: hidden; position: relative;}
            .photogallery-list-image a {height: 100%;}
         .photogallery-list-text {padding: 0 20px 30px;} 
            .photogallery-list-title {display: table; width: 100%; height: 64px; border-bottom: 1px solid #dadada; font-size: 16px; line-height: 1.3; margin-bottom: 15px;}
               .photogallery-list-title > div {display: table-cell; vertical-align: middle;}
            .photogallery-list-table {font-size: 14px; line-height: 1.5;}
               .photogallery-list-table .tb-cell {vertical-align: top; padding: 5px 0; line-height: 1.3;}
               .photogallery-list-table .tb-row .tb-cell:last-child {text-align: right; padding-left: 10px;}
                  .photogallery-list-table a {text-decoration: none; border-bottom: 1px solid #1b85b3;}
                  .photogallery-list-table a:hover {border-bottom-color: transparent;}

@media all and (max-width: 1024px) {
   .photogallery-list-wrapper {margin-bottom: 40px;}
      .photogallery-list {margin-left: -20px;}
         .photogallery-list-item {padding-left: 20px; margin-bottom: 20px;}
            .photogallery-list-image {height: auto;  overflow: visible;}
            .photogallery-list-text {padding: 0 20px 20px;} 
               .photogallery-list-table, .photogallery-list-table .tb-row, .photogallery-list-table .tb-cell {display: block;}
               .photogallery-list-table {font-size: 16px;}
                  .photogallery-list-table .tb-row {margin-bottom: 15px;}
                     .photogallery-list-table .tb-cell {padding: 0; line-height: 1.4;}
                     .photogallery-list-table .tb-row .tb-cell:last-child {text-align: left; padding-left: 0;}
}
@media all and (max-width: 567px) {
   .photogallery-list {margin-left: 0;}
      .photogallery-list-item {width: 100%; padding-left: 0;}
}
@media all and (max-width: 479px) {
   .photogallery-list-item .box {width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .photogallery-list-image {padding-top: 24px;}
         .photogallery-list-image:before {content: ''; display: block; padding-top: 61.85%;}
         .photogallery-list-image a {position: absolute; top: 0; left: -20px; right: -20px; width: auto; height: auto;}
      .photogallery-list-text {padding: 0 0 20px;} 
         .photogallery-list-title {font-size: 18px;}
}


/*====================================================
   .videogallery-list (video rubrics, video list)
====================================================*/
.videogallery-list-wrapper {margin-bottom: 55px;}
   .videogallery-list {margin-left: -26px; margin-bottom: 29px; font-size: 0; line-height: 0;}
   .videogallery-list-wrapper .videogallery-list {margin-bottom: 0;}
      .videogallery-list-item {display: inline-block; width: 50%; vertical-align: top; padding-left: 26px; margin-bottom: 26px;}
         .videogallery-list-video {position: relative;}
            .videogallery-video {position: relative;}
               .videogallery-video:before {content: ''; display: block; padding-top: 55.86%}
               .videogallery-video .video-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
         .videogallery-list-text {padding: 20px 20px 40px;}
            .videogallery-list-title {display: table; width: 100%; height: 64px; border-bottom: 1px solid #dadada; margin-top: -20px; margin-bottom: 20px; font-size: 16px; line-height: 1.3;}
               .videogallery-list-title > div {display: table-cell; vertical-align: middle; padding: 10px 0;}
                  .videogallery-list-title a {color: #404040; border-bottom: 1px solid #c6c6c6; text-decoration: none;}
                  .videogallery-list-title a:hover {color: #e31e24; border-color: #f3b4b5;}
            .videogallery-list-short {font-size: 14px; line-height: 1.5;}

@media all and (max-width: 1024px) {
   .videogallery-list-wrapper {margin-bottom: 40px;}
      .videogallery-list { margin-left: -20px; margin-bottom: 20px;}
         .videogallery-list-item {padding-left: 20px; margin-bottom: 20px;}
            .videogallery-list-short {font-size: 16px;}
}
@media all and (min-width: 640px) and (max-width: 959px) {
   .videogallery-list-item {width: 100%;}
      .videogallery-list-item .box {display: table; width: 100%;}
         .videogallery-list-video {display: table-cell; width: 60%; vertical-align: top;}
            .videogallery-list-video:before {content: ''; display: block; padding-top: 55.86%;}
               .videogallery-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
         .videogallery-list-text {display: table-cell; padding: 20px; vertical-align: top;}
}
@media all and (max-width: 639px) {
    .videogallery-list {margin-left: 0;}
      .videogallery-list-item {width: 100%; padding-left: 0;}
}
@media all and (max-width: 479px) {
   .videogallery-list-item .box {width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .videogallery-video {padding-top: 24px;}
         .videogallery-video .video-wrapper {left: -20px; right: -20px; width: auto;}
      .videogallery-list-text {padding: 20px 0 30px;}
         .videogallery-list-title {font-size: 18px;}
         .videogallery-list-short {font-size: 18px;}
}


/*====================================================
   .faq-list, .faq-item (faq rubrics, faq list, faq item)
====================================================*/
.faq-list-wrapper {margin-bottom: 55px;}
   .faq-list {margin-bottom: 55px; padding-bottom: 10px;}
   .faq-list-wrapper .faq-list {margin-bottom: 26px;}
   .faq-item {margin-bottom: 26px;}
      .faq-list ul {margin: 0; padding: 0;}
         .faq-list ul li {margin: 0 0 20px;}
         .faq-list-wrapper .faq-list ul li {margin-bottom: 30px;}
            .faq-item .faq-list-title {margin-bottom: 10px;}
               .faq-list-title a {font-size: 16px; color: #404040; text-decoration: none; border-bottom: 1px solid #c6c6c6;}
               .faq-list-title a:hover  {color: #e31e24; border-color: #f3b4b5;}
            .faq-list-subtitle {padding-top: 4px; font-family: "GothamProRegular"; font-size: 14px; color: #b3b3b3;}

@media all and (min-width: 640px) {
   .faq-list ul {-webkit-columns: 2; -moz-columns: 2; columns: 2;}
   .faq-list-wrapper .faq-list ul {-webkit-columns: 1; -moz-columns: 1; columns: 1;}
}
@media all and (max-width: 1024px) {
   .faq-list-wrapper, .faq-list {margin-bottom: 40px;}
   .faq-list-wrapper .faq-list, .faq-item {margin-bottom: 20px;}
}
@media all and (max-width: 479px)  {
   .faq-list-title a {font-size: 18px;}
   .faq-list-subtitle {font-size: 16px;}
}


/*====================================================
   .reviews-list
====================================================*/
.reviews-list {}
   .reviews-list-item {margin-bottom: 55px;}
   .reviews-texts {}
      .reviews-texts .jf {font-size: 1px; line-height: 0; text-align: left;}
         .reviews-texts .jf h2, .reviews-texts .jf .h2 {vertical-align: middle; line-height: 1; margin-bottom: 0; margin-right: 30px;}
         .reviews-texts .jf .btn {vertical-align: middle; height: 34px; line-height: 33px; padding: 0 20px;}
      .reviews-texts-item {padding: 30px 0; border-bottom: 1px solid #dadada;}
         .reviews-texts-item .tb {margin-bottom: 20px;}
            .reviews-texts-client {font-size: 16px;}
            .reviews-texts-product {font-size: 14px; text-align: right;}
               .reviews-texts-product > div {display: inline-block; padding: 4px 20px 6px; background: #eaf3f7; text-align: left;}
            .reviews-texts-text p:last-child {margin: 0;}
      .reviews-texts .pagination {margin-top: 30px;}
   .reviews-thanks {}
      .thanks-slider {padding: 0 30px;}
         .thanks-slider .thanks-slider-item {text-align: center; margin: 0 10px;}
            .thanks-slider a {border: 1px solid #dadada;}
   .reviews-clients {margin-bottom: 20px;}
      .clients-slider {padding: 0 30px;}
         .clients-slider-item {width: 140px; height: 85px; line-height: 82px; text-align: center; margin: 0 10px; border: 1px solid #dadada;}
            .clients-slider-item img {vertical-align: middle;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .clients-slider-item img {max-width: 85%; max-height: 90%;}
}
@media all and (max-width: 1024px)  {
   .reviews-list-item {margin-bottom: 40px;}
   .reviews-clients {margin-bottom: 10px;}
   .reviews-texts .pagination, .reviews-texts .load-next-page {margin-top: 20px;}
}
@media all and (max-width: 959px) {
   .thanks-slider, .clients-slider {padding: 0 0 0 20px; width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .thanks-slider .slick-list, .clients-slider .slick-list {margin-left: -20px;}
         .thanks-slider .thanks-slider-item, .clients-slider .clients-slider-item {margin: 0 0 0 20px;}
}
@media all and (max-width: 639px) {
   .reviews-texts .jf {text-align: justify;}
      .reviews-texts .jf h2, .reviews-texts .jf .h2 {margin-right: 0;}
   .reviews-texts-item .tb, .reviews-texts-item .tb-cell {display: block;}
   .reviews-texts-client {margin-bottom: 20px;}
   .reviews-texts-product {text-align: left;}
      .reviews-texts-product > div {display: block; text-align: center;}
   .thanks-slider img {height: 300px;}
}
@media all and (max-width: 479px) {
   .reviews-texts-client {font-size: 18px;}
   .clients-slider-item {width: 112px; height: 70px; line-height: 67px;}
      .clients-slider-item img {max-width: 95px; max-height: 55px;}
}


/*====================================================
   .palette-list
====================================================*/
.palette-list {}
   .palette-list ul {margin: 0; padding: 0; font-size: 0; line-height: 0;}
      .palette-list ul li {display: inline-block; font-size: 16px; line-height: 1.5;width: 50%; margin: 30px 0; padding: 0 10px 0 55px;}
         .palette-list ul li:before {display: none;}
         .palette-list a {text-decoration: none;}
            .palette-list .svg-icon-wrapper {position: absolute; top: 50%; left: 0; margin-top: -18px; width: 40px; height: 37px;}
               .palette-list .svg-icon-wrapper svg {width: 40px; height: 37px;}
               .palette-list .svg-icon {fill: #188cbc;}
               .palette-list a:hover .svg-icon  {fill: #e31e24;}
            .palette-list a strong {color: #404040; border-bottom: 1px solid #c6c6c6; vertical-align: middle; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .palette-list a:hover strong {color: #e31e24; border-color: #f3b4b5;}

@media all and (max-width: 567px) {
   .palette-list ul li {display: block; width: 100%; margin: 0; padding: 20px 0 20px 55px;}
}


/*====================================================
   .palette-item
====================================================*/
.palette-item {}
   .palette-item-text {margin-bottom: 55px;}
      .palette-item-text p:last-child {margin-bottom: 0;}
   .palette-item-current {display: table; width: 100%; margin-bottom: 55px;}
      .palette-item-current > div {display: table-cell; vertical-align: middle;}
      .current-color-wrapper {width: 147px;}
         .palette-item .current-color {width: 147px; height: 147px; line-height: 147px; text-align: center; border-radius: 100%; background: transparent; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .palette-item .current-color span {display: inline-block; vertical-align: middle; line-height: 1.3;}
      .current-color-details-wrapper {padding: 0 50px;}
         .current-color-details {border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 20px 0; font-size: 1px; line-height: 0; position: relative;}
            .current-color-details > div {display: inline-block; font-family: "RobotoBold"; font-size: 14px; line-height: 1.3; position: relative; margin: 15px 15px 15px 0; padding-left: 30px; text-align: left;}
            .current-color-details > div:last-child {margin-right: 0;}
               .current-color-details > div:before {content: ''; position: absolute; top: 50%;}
               .current-color-name-wrapper:before {left: 0; width: 20px; height: 20px; margin-top: -10px; background: url('../i/pot-icon.svg') 0 0 / contain no-repeat;}
               .current-color-products-wrapper:before {left: 2px; width: 15px; height: 21px; margin-top: -10px; background: url('../i/spot-icon.svg') 0 0 / contain no-repeat;}
               .current-color-link-wrapper:before {width: 30px; height: 13px; margin-top: -6px; left: -8px; background: url('../i/eye-icon.svg') 0 0 / contain no-repeat;}
               .current-color-link-wrapper a {color: #404040; text-decoration: none; border-bottom: 1px solid #7f7f7f;}
               .current-color-link-wrapper a:hover {color: #e31e24; border-color: #f3b4b5;}
   .palette-item-list {}
      .palette-item .colors-list {margin-left: -9px; font-size: 0; line-height: 0;}
         .palette-item .colors-item {display: inline-block; width: 65px; height: 65px; margin: 0 0 9px 9px; border-radius: 0; cursor: pointer; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
         .palette-item .colors-item.current {border-radius: 100%;}
            .palette-item .colors-item > div {display: table; width: 100%; height: 100%;}
               .palette-item .colors-name {display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; line-height: 1.3;}

@media all and (min-width: 1025px) {
   .current-color-details {text-align: justify;}
      .current-color-details:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .current-color-wrapper {width: 120px;}
      .palette-item .current-color {width: 120px; height: 120px; line-height: 120px;}
   .current-color-details-wrapper {padding: 0 0 0 20px;}
}
@media all and (max-width: 1024px) {
   .palette-item-text, .palette-item-current {margin-bottom: 40px;}
}
@media all and (min-width: 480px) and (max-width: 1024px) {
   .current-color-wrapper {width: 90px;}
      .palette-item .current-color {width: 90px; height: 90px; line-height: 90px;}
      .current-color-details > div {font-size: 16px;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .current-color-details-wrapper {padding: 0 0 0 40px;}
   .current-color-details > div {margin: 10px 40px 10px 0;}
}
@media all and (max-width: 767px) {
   .current-color-details > div {padding-left: 40px;}
   .current-color-link-wrapper:before {left: -5px;}
   /*scroll*/
   .palette-item-list {width: 100%; overflow: auto; padding-left: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .palette-item-list .colors-list {width: 5000px; white-space: pre-wrap; margin-left: -29px;}
}
@media all and (max-width: 639px) {
   .current-color-details {padding: 0;}
      .current-color-details > div {display: block; margin: 20px 0;}
}
@media all and (max-width: 567px) {
   .palette-item-current {display: block; margin-bottom: 0;}
      .palette-item-current > div {display: block;}
      .current-color-wrapper {width: 100%;}
         .palette-item .current-color {width: 100%; height: 65px; line-height: 64px; border-radius: 0;}
            .palette-item .current-color span {display: inline-block; vertical-align: middle; line-height: 1.3;}
      .current-color-details-wrapper {padding: 0;}
         .current-color-details {border: 0; padding: 20px 0;}
}
@media all and (max-width: 479px) {
   .current-color-details {padding: 10px 0;}
      .current-color-details > div {font-size: 18px;}
}


/*====================================================
   .partners-wrapper, .shops-wrapper
====================================================*/
.partners-wrapper {}
   .partners-text-top {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dadada;}
   .shops-text-top {margin-bottom: 30px;}
/*switch regions*/
.partners-regions-wrapper {}
   .partners-regions-switch {margin-bottom: 30px;}
      .partners-regions-switch ul {margin: 0; padding: 0; position: relative;}
         .partners-regions-switch li {display: inline-block; vertical-align: middle; margin: 0 20px 0 0; padding: 0;}
            .partners-regions-switch li:before {display: none;}
            .partners-regions-switch .radio-wrapper {line-height: 42px; padding: 0 20px; background: transparent; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .partners-regions-switch li.current .radio-wrapper {background: #eaf3f7;}
               .partners-regions-switch .radio-wrapper label {vertical-align: middle;}
               .partners-regions-switch li.current .radio-wrapper label {font-family: "RobotoBold";}
   .partners-regions-list {}
      .partners-regions-item {display: none;}
      .partners-regions-item.visible {display: block;}
         .partners-regions-title {margin-bottom: 25px;}
/*display - map || adresses*/
.partners-display-wrapper {margin-bottom: 40px;}
   .partners-display-switch {margin-bottom: 30px;}
      .partners-display-switch ul {margin: 0; padding: 0;}
         .partners-display-switch li {float: left; margin: 0 40px 0 0; padding: 0;}
            .partners-display-switch li:before {display: none;}
            .partners-display-switch li a {text-decoration: none; color: #c2c9cc; display: inline-block; padding-left: 26px; position: relative;}
            .partners-display-switch li.current a {color: #12668a;}
               .partners-display-switch .svg-icon-wrapper {position: absolute; top: 50%; left: 0;}
               .partners-display-switch li:first-child .svg-icon-wrapper {width: 17px; height: 23px; margin-top: -11px;}
               .partners-display-switch li:last-child .svg-icon-wrapper {width: 17px; height: 15px; margin-top: -7px;}
                  .partners-display-switch li .svg-icon {fill: #c2c9cc;}
                  .partners-display-switch li.current .svg-icon {fill: #12668a;}
   .partners-display-list {}
      .partners-display-item {display: none; position: relative;}
      .partners-display-item.visible {display: block;}
         /*partners map*/
         .partners-display-map {display: table; width: 100%; height: 400px;}
            .partners-map {display: table-cell; vertical-align: top; position: relative; width: 64.5%; height: 400px;}
               .partners-map:before {content: ''; display: block; padding-top: 70%;}
               .partners-map .map-wrapper {position: absolute; top:0; left: 0; width: 100%; height: 100%; padding-right: 10px;}
            .partners-map-addresses {display: table-cell; vertical-align: top; border: 1px solid #dadada;}
               .partners-map-addresses ul {height: 400px; overflow: auto; margin: 0; padding: 0;}
                  .partners-map-addresses li {margin: 0; padding: 0;}
                     .partners-map-addresses li:before {display: none;}
                     .partners-map-addresses-title {display: table; width: 100%; height: 42px; background: #eaf3f7; font-family: "RobotoBold"; line-height: 1.3;}
                        .partners-map-addresses-title .partners-name {display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px;}
                        .partners-map-addresses-toggler {display: none; position: absolute; top: 0; right: 0; height: 50px; width: 50px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                        .partners-map-addresses-title.current .partners-map-addresses-toggler {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg);}
                           .partners-map-addresses-toggler:before, .partners-map-addresses-toggler:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background: #404040;}
                           .partners-map-addresses-toggler:before {margin-top: -10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
                           .partners-map-addresses-toggler:after {margin-top: -2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
                     .partners-map-addresses-text {}
                        .partners-map-addresses-text > div {padding: 15px 15px 20px;}
                           .partners-map-addresses-text .partners-address, .partners-map-addresses-text .partners-phone {margin-bottom: 20px;}
                           .partners-map-addresses-text p {margin: 0;}
         /*partners addresses*/
         .partners-display-addresses {}
            .partners-addresses-list {width: 100%;}
               .partners-addresses-list .tb-cell {padding: 20px 40px 20px 0; vertical-align: top; width: 22%; font-size: 13px;}
               .partners-addresses-list .tb-head .tb-cell {padding: 0 40px 15px 0; border-bottom: 1px solid #dadada; font-size: 16px; white-space: nowrap;}
               .partners-addresses-list .tb-row .tb-cell:first-child {width: 34%;}
               .partners-addresses-list .tb-row .tb-cell:last-child {padding-right: 0;}
                  .partners-addresses-list p {margin: 0;}
   
/*partners-text-bottom*/
.partners-text-bottom {}
   .success-list {margin: 40px 0;}
      .success-list ul {margin: 0 0 0 -20px; padding: 0; font-size: 0; line-height: 0;}
         .success-list li {display: inline-block; vertical-align: middle; width: 25%; margin: 0; padding-left: 20px; font-size: 13px; line-height: 1.6; color: #fff;}
            .success-list li:before {display: none;}
            .success-list li > div {display: table; width: 100%; height: 100%; background: #52ccfd;}
               .success-list li > div > div {display: table-cell; vertical-align: middle; padding: 20px 20px 20px 30px;}

@media all and (max-width: 1024px) {
   /*partners map*/
   .partners-display-map {display: block; height: auto;}
      .partners-map {display: block; width: 100%; height: auto; margin-bottom: 30px;}
         .partners-map:before {padding-top: 60%;}
         .partners-map .map-wrapper {padding: 0;}
      .partners-map-addresses {display: block; border: 0;}
         .partners-map-addresses ul {height: auto; overflow: visible;}
            .partners-map-addresses li {border-bottom: 1px solid #bbc1c4;}
               .partners-map-addresses-title {height: 50px; font-size: 18px;}
                  .partners-map-addresses-title .partners-name {text-align: left;}
                  .partners-map-addresses-toggler {display: block;}
               .partners-map-addresses-text {height: 0; overflow: hidden; font-size: 16px; -webkit-transition: height 0.2s ease 0s; -moz-transition: height 0.2s ease 0s; transition: height 0.2s ease 0s;}
                  .partners-map-addresses-text .partners-address {font-family: "RobotoBold";}
   /*partners addresses*/
   .partners-display-addresses {overflow: auto; padding-right: 20px; width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .partners-addresses-list {display: block; padding-left: 150px; white-space: nowrap;}
         .partners-addresses-list .tb-head, .partners-addresses-list .tb-body, .partners-addresses-list .tb-cell {display: block;}
         .partners-addresses-list .tb-row {display: inline-block; vertical-align: top; width: 300px; white-space: normal;}
         .partners-addresses-list .tb-head {display: block; position: absolute; top: 0; left: 0; width: 150px; height: 100%; background: #fff; border-right: 1px solid #dadada;}
            .partners-addresses-list .tb-head .tb-row {display: block; width: 100%;}
               .partners-addresses-list .tb-cell, .partners-addresses-list .tb-row .tb-cell:first-child, .partners-addresses-list .tb-row .tb-cell:last-child {width: 100%; padding: 10px 20px 15px;} 
               .partners-addresses-list .tb-body .tb-cell {font-size: 14px;}
               .partners-addresses-list .tb-head .tb-cell, .partners-addresses-list  .tb-head .tb-row .tb-cell:first-child, .partners-addresses-list  .tb-head .tb-row .tb-cell:last-child {border: 0; padding: 10px 0 15px;}     
}
@media all and (min-width: 480px) and (max-width: 1024px) {
   /*switch regions*/
   .partners-regions-switch .radio-wrapper label {font-size: 16px;}
      .partners-regions-switch .radio-wrapper label:before {top: 1px;}
      .partners-regions-switch .radio-wrapper label:after {top: 4px;}
}
@media all and (max-width: 959px) {
   /*partners-text-bottom*/
   .success-list {margin: 20px 0 0;}
      .success-list li {width: 50%; padding-bottom: 20px; font-size: 16px;}
}
@media all and (max-width: 639px) {
   /*display - map || adresses*/
   .partners-display-switch {display: none;}
   .partners-display-addresses {display: none;}
   .partners-map {margin-bottom: 0;}
}
@media all and (min-width: 568px) and (max-width: 767px) {
   /*switch regions*/
   .partners-regions-switch ul {text-align: justify; font-size: 1px; line-height: 0;}
      .partners-regions-switch ul:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
      .partners-regions-switch ul li {margin: 0;}
         .partners-regions-switch .radio-wrapper {padding: 0 15px;}
}
@media all and (max-width: 567px) {
   /*switch regions*/
   .partners-regions-switch ul li {display: block; margin: 0;}
   /*partners-text-bottom*/
   .success-list {margin: 0;}
      .success-list ul {margin: 0;}
         .success-list li {width: 100%; padding-left: 0;}
}
@media all and (max-width: 479px) {
   .partners-text-top {padding-bottom: 0; margin-bottom: 25px; border-bottom: 0;}
   /*switch regions*/
   .partners-regions-switch {margin-bottom: 25px;}
      .partners-regions-switch .radio-wrapper label {font-size: 18px;}
         .partners-regions-switch .radio-wrapper label:before {top: 2px;}
         .partners-regions-switch .radio-wrapper label:after {top: 5px;}
   /*partners map*/
   .partners-map:before {content: ''; display: block; padding-top: 90%;}
   .partners-map .map-wrapper {width: auto; left: -20px; right: -20px;}
   .partners-map-addresses li {padding: 0 20px; width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .partners-map-addresses-title {font-size: 16px; padding: 0 20px; width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
         .partners-map-addresses-title .partners-name {padding-left: 0;}
      .partners-map-addresses-text > div {padding: 20px 0;}
   /*partners-text-bottom*/
   .success-list li {font-size: 18px;}
}


/*====================================================
   .price-list
====================================================*/
/*price-list-top*/
.price-list-top {display: table; width: 100%; margin-bottom: 20px;}
   .price-list-top > div {display: table-cell; vertical-align: middle; font-size: 14px;}
   .price-list-date {}
      .price-list-date .tb {width: auto; height: 57px; border: 5px solid #cee7f2;}
         .price-list-date .tb-cell {padding: 0 20px;}
            .price-list-date strong {font-size: 16px;}
   .price-list-file {text-align: center; padding: 0 20px 0 40px; width: 35%;} 
   .price-list-sample {text-align: right;}
      .price-list-sample a {display: inline-block; text-align: left; padding-left: 62px; text-decoration: none; color: #404040; position: relative;}
         .price-list-sample a:before {content: ''; position: absolute; top: 50%; left: 0; margin-top: -22px; width: 48px; height: 45px; background: url('../i/sample-icon-2.svg') 0 0 / contain no-repeat;}
         .price-list-sample a span {border-bottom: 1px solid #7f7f7f; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
         .price-list-sample a:hover span {border-color: #fff;}
/*price table*/
.price-list-wrapper {padding: 0 35px;}
   .price-list {width: 100%; margin-bottom: 0;}
      .price-list th, .price-list td {text-align: left; padding: 20px 10px 20px 20px;}
      .price-list th {vertical-align: middle; font-size: 14px;}
      .price-list td {vertical-align: top; font-size: 13px;}
      .price-list .price-list-title {height: 50px;}
      .price-list .price-list-subtitle {height: 50px;}
         .price-list .price-list-title td {padding: 2px 20px 0; vertical-align: middle; text-align: center; background: #52ccfd;}
         .price-list .price-list-subtitle td {padding: 2px 0 0; vertical-align: middle; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}
         .price-list .price-list-title + .price-list-subtitle td {border-top: 0;}
            .price-list-title h2, .price-list-title .h2,.price-list-subtitle h3, .price-list-subtitle .h3 {margin-bottom: 0; font-family: "GothamProBlack"; font-size: 12px; line-height: 1.2; text-transform: uppercase;}
            .price-list-title h2, .price-list-title .h2 {color: #fff;}
      .price-list .price-list-image {padding: 20px 0; position: relative;}
         .price-list-review a {color: #404040; text-decoration: none;}
            .price-list-review a span {position: relative; display: inline-block; border-bottom: 1px solid #7f7f7f; line-height: 1; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .price-list-review a:hover span {border-color: transparent;}
               .price-list-review a span:before {content: ''; position: absolute; width: 29px; height: 23px; background: url('../i/review-icon.svg') 0 0 no-repeat;}
      .price-list .price-list-name a {font-size: 14px; color: #404040; text-decoration: none; border-bottom: 1px solid #7f7f7f;}
      .price-list .price-list-name a:hover {color: #e31e24; border-color: #f3b4b5;}
      .price-list .price-list-name > div {padding-top: 5px;}
      .price-list-name ul, .price-list-name ul li, .price-list .price-list-name p {margin: 0;}
      .price-list-name, .price-list-usage, .price-list-usage p {max-width: 200px;}
      .price-list tbody .price-list-spend, .price-list tbody .price-list-packing, .price-list tbody .price-list-price {padding-bottom: 0;}
      .price-list-color {max-width: 110px;}
      .price-list .price-list-price {white-space: nowrap;}
      .price-list  .price-list-price:last-child {padding-right: 0;}


@media all and (min-width: 1025px) {
   /*price table*/
   .price-list-review {position: absolute; display: table; top: 20px; left: 10px; width: 84px; height: 84px; border-radius: 100%; overflow: hidden; background: #cee7f2; box-shadow: 0 0 1px rgba(0,0,0,0.2), inset 0 0 0 2px #fff; z-index: 100; opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
      .price-list .price-list-image:hover .price-list-review {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
         .price-list-review a {display: table-cell; text-align: center; vertical-align: middle; transform: translateZ(0);}
            .price-list-review a span {padding-top: 22px;}
               .price-list-review a span:before {top: 0; left: 50%; margin-left: -15px;}
}
@media all and (max-width: 1024px) {
   /*price table*/
   .price-list-wrapper {padding: 0;}
      .price-list th {padding-top: 10px; padding-bottom: 10px;}
      .price-list td {font-size: 14px; line-height: 1.7;}
      .price-list .price-list-image {width: 120px;}
      .price-list tbody .price-list-image {text-align: center;}
         .price-list .price-list-image img {width: 80px;}
         .price-list-review {padding-top: 10px;}
            .price-list-review a span {margin-left: 40px;}
               .price-list-review a span:before {top: 50%; left: -40px; margin-top: -11px;}
      .price-list .price-list-usage {display: none;} 
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   /*price-list-top*/
   .price-list-date .tb {width: 170px; height: 70px;}
      .price-list-date .tb-cell {padding-right: 0;}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   /*price-list-top*/
   .price-list-top {padding: 20px 35px;}
   .price-list-sample a {width: 210px;}
}
@media all and (max-width: 767px) {
   /*price-list-top*/
   .price-list-top {padding: 30px 20px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   /*price-list-top*/
   .price-list-sample a {width: 150px;}
}
@media all and (max-width: 639px) {
   /*price-list-top*/
   .price-list-top {display: block;}
      .price-list-top > div {display: block; width: 100%; text-align: left; font-size: 16px;}
      .price-list-date {margin-bottom: 40px; white-space: nowrap;}
         .price-list-date strong {font-size: 18px;}
      .price-list-file {padding: 0; height: 45px; margin-bottom: 20px;}
      .price-list-sample {height: 45px;}
   /*price table*/
   .price-list-wrapper {width: 100%; overflow: auto; padding-right: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .price-list {width: 700px;}
         .price-list .price-list-title td {text-align: left;}
         .price-list .price-list-price:last-child {padding-right: 20px;}
}
@media all and (max-width: 479px) {
   /*price table*/
   .price-list th {font-size: 16px; line-height: 1.2;}
   .price-list td {font-size: 16px;}
   .price-list-title h2, .price-list-title .h2,.price-list-subtitle h3, .price-list-subtitle .h3 {font-size: 14px;}
   .price-list tbody .price-list-image {text-align: left;}
   .price-list .price-list-name a {font-size: 16px}
}


/*====================================================
   Catalog equal elements
====================================================*/

/*product label*/
.product-label-wrapper {position: absolute; top: 0; left: 0; z-index: 1;}
   .product-label {display: inline-block; vertical-align: top; margin-right: 10px;}
   .product-label-hit {width: 30px; height: 28px; margin-top: -4px; background: url('../i/hit-icon.svg') 0 0 / contain no-repeat;}
   .product-label-new {width: 20px; height: 27px; background: url('../i/new-icon.svg') 0 0 / contain no-repeat;}

/*product price*/
.product-price {font-size: 14px; line-height: 22px; white-space: nowrap;}
   .product-price span {font-size: 22px;}
   .product-price-comment {font-size: 13px; color: #188cbc;}

/*colors list - catalog-item, calculator*/
.catalog-item-colors .colors-list, .calculator-form .colors-list {font-size: 0; line-height: 0;}
   .catalog-item-colors .colors-item, .calculator-form .colors-item {display: inline-block; width: 50px; height: 50px; border-radius: 100%; box-shadow: inset 0 0 0 2px rgba(0,0,0,0); cursor: pointer; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .colors-list-slider .slick-slide, .calc-colors-list-slider .slick-slide {height: 50px;}
   .catalog-item-colors .colors-item.current, .calculator-form .colors-item.current {box-shadow: inset 0 0 0 2px #e31e24;}
      .catalog-item-colors .colors-item > div, .calculator-form .colors-item > div {display: table; width: 100%; height: 100%;}
         .catalog-item-colors .colors-name, .calculator-form .colors-name {display: table-cell; vertical-align: middle; text-align: center; font-size: 11px; line-height: 1.2;}

@media all and (max-width: 639px) {
   .product-price {font-size: 16px;}
}


/*====================================================
   .catalog-rubrics
====================================================*/
.catalog-rubrics {margin-left: -26px; margin-bottom: 29px; font-size: 0; line-height: 0;}
   /*rubrics item*/
   .catalog-rubrics-item {display: inline-block; width: 33.333%; vertical-align: top; padding-left: 26px; padding-bottom: 195px; margin-bottom: 26px;}
   .catalog-rubrics-wrapper .catalog-rubrics-item {width: 25%;}
      .catalog-rubrics-item > div {position: relative;}
         .catalog-rubrics-link {text-decoration: none;}
            .catalog-rubrics-image {box-shadow: 1.414px 1.414px 2px 0px rgba(23, 26, 31, 0.2); position: relative; z-index: 1;}
            .catalog-rubrics-title {width: 100%; height: 50px; overflow: hidden; background: #188cbc; box-shadow: 1.414px 1.414px 2px 0px rgba(23, 26, 31, 0.2); position: relative; z-index: 1;}
               .catalog-rubrics-title .tb-cell {text-align: center; font-family: "RobotoBold"; font-size: 14px; color: #fff; text-transform: uppercase;}
         /*subrubrics*/
         .catalog-subrubrics-list {position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; min-height: 147px; max-height: 147px; padding-bottom: 48px; overflow: hidden; background: #fff; box-shadow: 1.414px 1.414px 2px 0px rgba(23, 26, 31, 0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
         .catalog-subrubrics-list.full {z-index: 2;}
            .catalog-subrubrics-list ul {margin: 0; padding: 0 20px;}
               .catalog-subrubrics-list ul li {display: table; width: 100%; height: 49px; border-bottom: 1px solid #dadada; margin: 0; padding: 0;}
                  .catalog-subrubrics-list ul li:before {display: none;}
                  .catalog-subrubrics-list-title, .catalog-subrubrics-list-quantity {display: table-cell; vertical-align: middle;}
                  .catalog-subrubrics-list-title {padding-right: 5px;}
                     .catalog-subrubrics-list-title a {font-family: "RobotoBold"; font-size: 14px; line-height: 1.3; color: #404040; border-bottom: 1px solid #7f7f7f; text-decoration: none;}
                     .catalog-subrubrics-list-title a:hover {color: #e31e24; border-bottom-color: #f3b4b5;}
                  .catalog-subrubrics-list-quantity {text-align: right;}
                     .catalog-subrubrics-list-quantity div {display: inline-block; width: 38px; height: 18px; background: #caf0ff; text-align: center;  font-family: "RobotoBold"; font-size: 11px; line-height: 17px;}
            .catalog-subrubrics-list-toggler-wrapper {position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; padding-top: 12px; text-align: center; background: #fff; z-index: 100;}
               .catalog-subrubrics-list-toggler span:nth-child(2) {display: none;}
               .catalog-subrubrics-list-toggler.active span:nth-child(1) {display: none;}
               .catalog-subrubrics-list-toggler.active span:nth-child(2) {display: inline-block;}
   /*catalog-rubrics-form*/
   .catalog-rubrics-form {display: inline-block; height: 419px; vertical-align: top; padding-left: 26px;}
      .catalog-rubrics-form > div {height: 100%; background: #baeaff; padding: 20px;}
         .catalog-rubrics-form .form-wrapper {height: 100%; border: 2px solid #fff; padding: 25px; background: url('../i/catalog-rubrics/form-bg.png') 100% 0 no-repeat; background-size: auto 100%;}
            .catalog-rubrics-form .form-title {font-family: "GothamProBlack"; font-size: 22px; line-height: 1.3; color: #252525; margin-bottom: 5px;}
            .catalog-rubrics-form .form-subtitle {font-size: 14px; line-height: 1.5; color: #12668a; margin-bottom: 10px;}
            .catalog-rubrics-form .form-field {padding-right: 40%; margin-bottom: 0; height: 60px;}
               .catalog-rubrics-form .form-field input[type="text"] {background: none; border: 0; border-bottom: 2px solid #000; height: 60px; padding: 15px 0 0; font-size: 16px; position: relative; z-index: 2;}
               .catalog-rubrics-form label {position: absolute; line-height: 1; bottom: 15px; margin-bottom: 0; left: 0; font-size: 16px; line-height: 16px; color: #000; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
               .catalog-rubrics-form input:focus ~ label, .catalog-rubrics-form input:valid ~ label {color: #12668a; font-size: 12px; bottom: 41px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
            .catalog-rubrics-form .form-submit {padding-top: 40px; padding-right: 30px;}
               .catalog-rubrics-form .form-submit .tb-cell:first-child {width: 230px;}
               .catalog-rubrics-form .form-agreement, .catalog-rubrics-form .form-agreement a:not(:hover) {color: #12668a;} 

@media all and (min-width: 1025px) {
   /*catalog-rubrics-form-25*/
   .catalog-rubrics-form-25 {width: 25%;}
      .catalog-rubrics-form-25 > div {padding: 10px;}
         .catalog-rubrics-form-25 .form-wrapper {background: none; padding: 10px 15px 15px;}
            .catalog-rubrics-form-25 .form-title {font-size: 20px; line-height: 1.3;}
            .catalog-rubrics-form-25 .form-subtitle {line-height: 1.3; margin-bottom: 0;}
            .catalog-rubrics-form-25 .form-field {padding-right: 0;}
            .catalog-rubrics-form-25 .form-submit {padding: 20px 0 0; display: block;}
               .catalog-rubrics-form-25 .form-submit .tb-cell {display: block; width: 100%;}
               .catalog-rubrics-form-25 .form-submit .tb-cell:first-child {width: 100%;}
               .catalog-rubrics-form-25 .form-submit .tb-cell:last-child {padding: 0;}
               .catalog-rubrics-form-25 .form-agreement {padding-top: 15px; line-height: 1.3;}
   /*catalog-rubrics-form-50*/
   .catalog-rubrics-form-50 {width: 50%;}
   /*catalog-rubrics-form-100*/
   .catalog-rubrics-form-100 {width: 100%; height: auto;}
      .catalog-rubrics-form-100 .form-submit .tb-cell:first-child {width: 300px;}
      .catalog-rubrics-form-100 .form-submit .tb-cell:last-child .form-agreement {width: 250px;}
}
@media all and (min-width: 1025px) and (max-width: 1199px) {
   /*catalog-rubrics-form-25*/
   .catalog-rubrics-form-25 .form-wrapper {padding: 10px;}
      .catalog-rubrics-form-25 .form-title {font-size: 18px; margin-bottom: 0;}
      .catalog-rubrics-form-25 .form-field {height: 50px;}
         .catalog-rubrics-form-25 .form-field input[type="text"] {height: 50px; font-size: 14px;}
         .catalog-rubrics-form-25 label {font-size: 13px; line-height: 13px; bottom: 8px;}
         .catalog-rubrics-form-25 input:focus ~ label, .catalog-rubrics-form-25 input:valid ~ label {bottom: 31px;}
         .catalog-rubrics-form-25 .form-agreement {padding-top: 10px;}
   /*catalog-rubrics-form-50*/
   .catalog-rubrics-form-50 .form-subtitle {margin-bottom: 10px;}
   .catalog-rubrics-form-50 .form-submit {padding-top: 20px; padding-right: 0;}
      .catalog-rubrics-form-50 .form-submit .tb-cell:first-child {width: 200px;}
}
@media all and (max-width: 1024px) {
   .catalog-rubrics {margin-bottom: 20px; margin-left: -20px;}
   .catalog-rubrics-wrapper .catalog-rubrics {margin-bottom: 40px;}
      /*rubrics item*/
      .catalog-rubrics-item {padding-bottom: 0;}
      .catalog-rubrics-item, .catalog-rubrics-form {padding-left: 20px; margin-bottom: 20px;}
         .catalog-rubrics-item > div {box-shadow: 1.414px 1.414px 2px 0px rgba(23, 26, 31, 0.2);}
            .catalog-rubrics-title, .catalog-rubrics-image {box-shadow: none;}
            .catalog-subrubrics-list {display: none;}
      /*catalog-rubrics-form*/
      .catalog-rubrics-form {display: block; width: 100%; height: auto; padding: 0; margin-top: 20px;}
}
@media all and (min-width: 480px) and (max-width: 1024px) {
      /*catalog-rubrics-form*/
      .catalog-rubrics-form .form-title {font-size: 24px;}
      .catalog-rubrics-form .form-subtitle {font-size: 16px; margin-bottom: 20px;}
}
@media all and (min-width: 800px) and (max-width: 1024px) {
   /*rubrics item*/
   .catalog-rubrics-item, .catalog-rubrics-wrapper .catalog-rubrics-item {width: 33.333%;}
   /*catalog-rubrics-form*/
   .catalog-rubrics-form .form-submit {padding-right: 250px;}
}
@media all and (min-width: 568px) and (max-width: 799px) {
   /*rubrics item*/
   .catalog-rubrics-item, .catalog-rubrics-wrapper .catalog-rubrics-item {width: 50%;}
}
@media all and (max-width: 567px) {
   /*rubrics item*/
   .catalog-rubrics {margin-left: 0;}
      .catalog-rubrics-item, .catalog-rubrics-wrapper .catalog-rubrics-item {width: 100%; display: block; padding-left: 0;}
   /*catalog-rubrics-form*/
   .catalog-rubrics-form .form-wrapper {background: none;}
      .catalog-rubrics-form .form-field {padding-right: 0;}
      .catalog-rubrics-form .form-submit {padding-right: 0;}
      .catalog-rubrics-form .form-submit .tb-cell:first-child {width: 100%;}
}
@media all and (max-width: 479px) {
   /*catalog-rubrics-form*/
   .catalog-rubrics-form > div {width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .catalog-rubrics-form .form-wrapper {padding: 20px;}
         .catalog-rubrics-form .form-title {margin-bottom: 10px;}
         .catalog-rubrics-form .form-subtitle {margin-bottom: 10px;}
}


/*====================================================
   .products-list
====================================================*/
.products-list-wrapper {margin-bottom: 55px;}
   .products-list-item {display: table; width: 100%; margin-bottom: 20px; padding: 20px 20px 20px 0;}
      .products-list-image {display: table-cell; vertical-align: middle; width: 304px; padding: 30px 20px; text-align: center; position: relative;}
         .products-list-image .product-label-wrapper {left: 20px;}
      .products-list-text {display: table-cell; padding: 26px 26px 94px 26px; background: #eaf3f7; position: relative;}
         .products-list-title {font-size: 16px; margin-bottom: 22px;}
            .products-list-title a {text-decoration: none;}
               .products-list-title a strong {color: #404040; border-bottom: 1px solid #7f7f7f; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s}
               .products-list-title a:hover strong {color: #e31e24; border-color: #f3b4b5;}
         .products-list-description {height: 190px; overflow: hidden;}
            /*readmore styles*/
            .products-list-description .readmore-wrapper p:last-of-type {display: inline;}
            .products-list-description .readmore-link > span {display: inline-block; text-align: center; vertical-align: middle; margin-left: 4px; width: 30px; height: 12px; border-radius: 3px; background: #404040; font-family: "RobotoBold"; font-size: 20px; line-height: 1px; color: #fff; position: relative; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .products-list-description .readmore-link:hover > span {background: #52ccfd;}
               .products-list-description .readmore-link > span > span, .products-list-description .readmore-link > span:before, .products-list-description .readmore-link > span:after {position: absolute; top: 4px; width: 4px; height: 4px; border-radius: 100%; background: #fff;}
               .products-list-description .readmore-link > span:before, .products-list-description .readmore-link > span:after {content: '';}
               .products-list-description .readmore-link > span:before {left: 5px;}
               .products-list-description .readmore-link > span > span {left: 13px;}
               .products-list-description .readmore-link > span:after {left: 21px;}
         .products-list-bottom {position: absolute; bottom: 20px; left: 0; display: table; table-layout: fixed; width: 100%; height: 54px; padding: 0 26px;}
            .products-list-bottom > div {display: table-cell; vertical-align: middle;}
            .products-list-btn {padding-left: 20px;}
               .products-list-btn a {float: right;}

@media all and (max-width: 1024px) {
   .products-list-wrapper {margin-bottom: 40px;}
   .products-list-description {height: 120px;}
   .products-list-image img {max-height: 180px;}
}
@media all and (min-width: 640px) and (max-width: 959px) { 
   .products-list-image {width: 204px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .products-list-text {padding: 20px 20px 94px 20px;}
   .products-list-bottom {padding: 0 20px;}
}
@media all and (max-width: 639px) {
   .products-list-item {padding: 20px;}
      .products-list-image {display: block; vertical-align: middle; width: 100%;}
            .products-list-image .product-label-wrapper {left: 0;}
         .products-list-text {display: block; padding: 20px;}
         .products-list-bottom {position: relative; bottom: auto; display: block; height: auto; padding: 0;}
            .products-list-bottom > div {display: block;}
            .products-list-price {padding: 22px 0 27px;}
            .products-list-btn {padding: 0;}
               .products-list-btn a {float: none; max-width: 100%; margin: 0 auto;}
}
@media all and (max-width: 479px) {
   .products-list-text {padding: 0; background: none;}
      .products-list-title {margin-bottom: 0;}
      .products-list-description {display: none;}
         .products-list-description .readmore-link {display: none;}
}
@media all and (max-width: 375px) {
   .products-list-btn a {width: 100%;}
}


/*====================================================
   .catalog-item
====================================================*/
.catalog-item .wrapper-box {margin-bottom: 20px;}
.catalog-item .tabs.wrapper-box {margin-bottom: 55px;}
.catalog-item-title {font-family: "GothamProBlack"; font-size: 14px; text-transform: uppercase; margin-bottom: 20px;}
.catalog-item ul {margin-bottom: 0;}
.catalog-item ul li p {margin: 0;}

@media all and (max-width: 1024px) {
   .catalog-item .wrapper-box, .catalog-item .tabs.wrapper-box {margin-bottom: 40px;}
   .catalog-item-title {font-size: 16px;}
}

/*====================================================
   .catalog-item-top
====================================================*/
.catalog-item-top {}
   .catalog-item-top-title {margin: 0 0 0 486px; border-bottom: 1px solid #dadada; padding-bottom: 12px;}
      .catalog-item-top-title h2, .catalog-item-top-title .h2 {font-family: "GothamProBlack"; font-size: 20px; line-height: 1.5; padding: 0; margin: 0;}
   /*catalog-item-image*/
   .catalog-item-image {float: left; width: 456px; overflow: hidden;}
      .catalog-item-image-preview, .catalog-item-image-thumb {width: 348px; margin: 0 auto;}
      .catalog-item-image-preview {line-height: 280px; padding: 20px 0;}
      .catalog-item-image-thumb {border-top: 1px solid #dadada; padding: 0 10px; position: relative;}
         .catalog-item-image-preview a {display: block; text-align: center;}
         .catalog-item-image-preview a:not(:first-child) {opacity: 0;}
         .catalog-item-image-preview .slick-slide, .catalog-item-image-thumb .slick-slide {text-align: center;}
         .catalog-item-image-thumb a {margin: 0 13px; line-height: 120px; float: left; text-align: center;}
         .catalog-item-image-thumb:not(.slick-initialized) a {width: 33.3%; margin: 0; padding: 0 13px;}
            /*arrows*/
            .catalog-item-image-thumb .slick-arrow {width: 9px; height: 13px; margin-top: -7px;}
               .catalog-item-image-thumb .slick-arrow:before, .catalog-item-image-thumb .slick-arrow:after {width: 2px; height: 8px; margin-left: 4px;}
               .catalog-item-image-thumb .slick-prev:before, .catalog-item-image-thumb .slick-next:before {margin-top: 0;}
               .catalog-item-image-thumb .slick-prev:after, .catalog-item-image-thumb .slick-next:after {margin-top: 5px;}
      .catalog-item-cover {width: 348px; margin: 0 auto; text-align: center; padding-top: 40px; margin-bottom: 40px; border-top: 1px solid #dadada;}
         .catalog-item-cover a {display: inline-block; padding-left: 42px; position: relative; font-size: 14px; color: #404040; text-decoration: none;}
            .catalog-item-cover a:before {content: ''; position: absolute; top: 50%; left: 0; width: 32px; height: 40px; margin-top: -20px; background: url('../i/cover-icon.svg') 0 0 / contain no-repeat;}
            .catalog-item-cover a br {display: none;}
            .catalog-item-cover a strong {border-bottom: 1px solid #7f7f7f; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s}
            .catalog-item-cover a:hover strong {border-bottom-color: transparent;}
   /*catalog-item-text*/
   .catalog-item-text {padding-left: 486px;}
      /*catalog-item-info*/
      .catalog-item-info {margin: 30px 0;}
         .catalog-item-info .tb {table-layout: fixed;}
            .catalog-item-info .tb-cell {vertical-align: top;}
               .catalog-item-file {text-align: right; padding: 0 40px 0 20px;}
      /*catalog-item-links*/
      .catalog-item-links {border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; overflow: hidden;}
         .catalog-item-links-slider {font-size: 0; line-height: 0; position: relative;}
            .catalog-item-links-slider > div {display: inline-block; padding-right: 35px; height: 60px; line-height: 58px;}
            .catalog-item-links-slider > div:last-child {display: inline-block; padding-right: 0;}
               .catalog-item-links a {display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1.3; color: #12668a; border-bottom: 1px dashed #12668a; text-decoration: none;}
               .catalog-item-links a:hover {color: #e31e24; border-color: #e31e24;}
      /*catalog-item-buttons*/
      .catalog-item-buttons {padding: 30px 0; display: table; width: 100%;}
         .catalog-item-buttons > div {display: table-cell; vertical-align: middle;}
         .catalog-item-price {max-width: 430px; height: 88px; border: 5px solid #cee7f2;}
            .catalog-item-price .product-price {padding: 0 20px;}
            .catalog-item-order {padding-right: 20px; text-align: right;}
               .catalog-item-order .btn {width: 160px; height: 45px; line-height: 44px; font-size: 14px;}
            .catalog-item-spend {float: right; padding: 0 40px 0 20px;}
               .catalog-item-spend-text {margin-bottom: 3px; font-size: 14px;}
               .catalog-item-spend .btn-light {height: 32px; line-height: 30px;}
      /*catalog-item-delivery*/
      .catalog-item-delivery {border: 5px solid #f0f0f0; border-top: 0; margin-bottom: 20px; font-size: 14px;}
         .catalog-item-delivery .catalog-item-title {height: 46px; padding: 0 20px; background: #f0f0f0;}
            .catalog-item-delivery .catalog-item-title {line-height: 46px; margin: 0;}
         .catalog-item-delivery .btn {margin-top: 10px;}
         .catalog-item-delivery-quick, .catalog-item-delivery-economy {width: 50%; padding: 20px 20px 30px;}
         .catalog-item-delivery-quick {float: left;}
         .catalog-item-delivery-economy {float: right;}
            .catalog-item-delivery-title {padding-left: 29px; margin-bottom: 18px; font-size: 14px; text-transform: uppercase; position: relative;}
               .catalog-item-delivery-title:before {content: ''; position: absolute; top: 50%; left: 0;}
               .catalog-item-delivery-quick .catalog-item-delivery-title:before {width: 18px; height: 10px; margin-top: -5px; background: url('../i/quick-icon.svg') 0 0 / contain no-repeat;}
               .catalog-item-delivery-economy .catalog-item-delivery-title:before {width: 18px; height: 18px; margin-top: -9px; background: url('../i/economy-icon.svg') 0 0 / contain no-repeat;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .catalog-item-text {padding-left: 378px;}
   .catalog-item-file {padding-right: 0;}
   .catalog-item-links-slider {text-align: justify;}
      .catalog-item-links-slider:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
      .catalog-item-links-slider > div {padding-right: 0;}
   .catalog-item-order .btn {width: 130px;}
   .catalog-item-spend {padding-right: 0;}
}
@media all and (min-width: 960px) and (max-width: 1279px) {
   .catalog-item-top-title {margin-left: 378px;}
   .catalog-item-image {width: 348px;}
}
@media all and (max-width: 1024px) {
   .catalog-item-top-title h2, .catalog-item-top-title .h2 {font-size: 18px;}
   .catalog-item-image-preview, .catalog-item-image-thumb, .catalog-item-cover {width: 100%;}
      .catalog-item-image-thumb a {line-height: 100px;}
   .catalog-item-cover {text-align: left; padding-top: 30px; margin-bottom: 30px;}
   .catalog-item-text {padding-left: 0;}
      .catalog-item-info .tb, .catalog-item-info .tb-cell {display: block;}
         .catalog-item-file {text-align: left; padding: 0; margin: 25px 0 30px;}
      .catalog-item-links {clear: both;}
      .catalog-item-delivery {margin-bottom: 0;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .catalog-item-info {padding-left: 378px;}
}
@media all and (min-width: 640px) and (max-width: 959px) {
   .catalog-item-top-title {margin-left: 295px;}
   .catalog-item-image {width: 255px;}
   .catalog-item-cover a br {display: block;}
   .catalog-item-info {padding-left: 295px; margin: 10px 0 0;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .catalog-item-links-slider {text-align: justify;}
      .catalog-item-links-slider:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
      .catalog-item-links-slider > div {padding-right: 0;}
   .catalog-item-spend {padding-right: 0;}
}
@media all and (max-width: 639px) {
   .catalog-item-top {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap;}
      .catalog-item-top-title {order: 0; margin: 0 0 10px; padding: 0; border: 0;}
      .catalog-item-image {order: 1; float: none; width: 100%; margin-bottom: 30px;}
         .catalog-item-cover {margin-bottom: 0;}
            .catalog-item-cover a {font-size: 16px; padding-left: 52px;}
      .catalog-item-text {order: 2; width: 100%;}
         .catalog-item-info {margin: 0 0 30px;}
            .catalog-item-file {margin: 25px 0 10px; max-width: 300px;}
         .catalog-item-links {padding-left: 20px; width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
            .catalog-item-links-slider {white-space: nowrap; overflow: auto; margin-left: -20px;}
               .catalog-item-links-slider > div:last-child {padding-right: 20px;}
         .catalog-item-buttons {display: block;}
            .catalog-item-buttons > div {display: block;}
               .catalog-item-price {width: 100%; max-width: 100%; margin-bottom: 20px;}
               .catalog-item-spend {float: none; text-align: center; padding: 0;}
                  .catalog-item-spend-text {margin-bottom: 8px; font-size: 16px;}
                  .catalog-item-spend .btn-light {width: 192px; height: 45px; font-size: 16px; line-height: 43px;}
         .catalog-item-delivery-quick, .catalog-item-delivery-economy {width: 100%; padding: 20px; float: none; font-size: 16px;}
}
@media all and (max-width: 479px) {
   .catalog-item-file {margin: 20px 0 0;}
   .catalog-item-buttons {padding: 30px 0 20px;}
      .catalog-item-price {height: auto; display: block; padding: 20px;}
         .catalog-item-price .product-price {display: block; padding: 0 0 10px; text-align: center;}
      .catalog-item-order {display: block; padding: 0; text-align: center;}
         .catalog-item-order .btn {width: 192px; font-size: 16px;}
   .catalog-item-delivery {border: 0; padding: 0 20px; width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .catalog-item-delivery .catalog-item-title {width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .catalog-item-delivery-quick, .catalog-item-delivery-economy {font-size: 18px; padding: 20px 0;}
      .catalog-item-delivery-economy {padding-bottom: 0;}
}


/*====================================================
   .catalog-item-colors
====================================================*/
.catalog-item-colors {}
   .catalog-item-colors-links {display: inline-block; vertical-align: middle; margin: 0 20px 30px 0; font-size: 0; line-height: 0;}
      .catalog-item-colors-links a {display: inline-block; height: 20px; padding: 0 10px; margin-right: 20px; background: #fff; border-radius: 3px; font-size: 12px; line-height: 19px; color: #404040; text-decoration: none;}
      .catalog-item-colors-links a.active {background: #51ca08; color: #fff;}
         .catalog-item-colors-links a:not(.active) span {border-bottom: 1px solid #7f7f7f; }
         .catalog-item-colors-links a:not(.active):hover span {border-color: transparent; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .catalog-item-colors-custom {display: inline-block; vertical-align: middle; margin-bottom: 30px; padding-left: 42px; font-size: 12px; position: relative;}
      .catalog-item-colors-custom br {display: none;}
      .catalog-item-colors-custom:before {content: ''; position: absolute; top: 50%; margin-top: -15px; left: 0; width: 30px; height: 30px; background: url('../i/colors-icon.svg') 0 0 no-repeat;}
   .catalog-item-colors-list-wrapper {position: relative; height: 73px; padding-top: 30px; border-top: 1px solid #dadada; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .catalog-item-colors-list {opacity: 0; visibility: hidden; position: absolute; top: 30px; left: 0; width: 100%; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
      .catalog-item-colors-list.visible {opacity: 1; visibility: visible;}
         .catalog-item-colors-list .colors-list {margin-left: -23px;}
            .catalog-item-colors-list .colors-item {margin-left: 23px; margin-bottom: 23px;}
         .colors-list-expand {display: none; position: absolute; bottom: -12px; left: 0; font-size: 12px; line-height: 1.4; color: #404040; text-decoration: none; border-bottom: 1px dashed #404040;}
         .catalog-item-colors-list:not(.visible) + .colors-list-expand {display: none !important;}
         .colors-list-expand:hover {color: #e31e24; border-color: #e31e24;}
            .colors-list-expand span:last-child {display: none;}
            .colors-list-expand.active span:first-child {display: none;}
            .colors-list-expand.active span:last-child {display: inline;}

@media all and (max-width: 1024px) {
   .catalog-item-colors {width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .catalog-item-colors-custom br {display: block;}
      .catalog-item-colors-list-wrapper {width: 100%; height: 50px; padding: 30px 20px 0; margin-left: -20px;}
         .catalog-item-colors-list .colors-list {white-space: nowrap; margin-left: 0;}
         .catalog-item-colors-list .colors-list.slick-slider {margin-left: 20px;}
            .catalog-item-colors-list .colors-item {margin-bottom: 0;}
            .catalog-item-colors-list .colors-item:last-child {margin-right: 20px;}
         .colors-list-expand {display: none !important;}
}
@media all and (min-width: 480px) and (max-width: 1024px) {
   .catalog-item-colors-links a {height: 24px; padding: 0 12px; font-size: 14px; line-height: 23px;}
   .catalog-item-colors-custom {font-size: 14px;}
}
@media all and (max-width: 479px) {
   .catalog-item-colors-links a {height: 28px; padding: 0 14px; font-size: 16px; line-height: 27px;}
   .catalog-item-colors-custom {display: block; font-size: 16px;}
      .catalog-item-colors-custom:before {top: 8px; margin-top: 0;}
}

/*====================================================
   .catalog-item-options
====================================================*/
.catalog-item-options {}
   /*catalog-item-table-head*/
   .catalog-item-table-head {display: table; width: 100%; height: 46px; background: #f0f0f0;}
      .catalog-item-table-head .tb-cell {vertical-align: middle; text-align: center;}
   /*catalog-item-table*/
   .catalog-item-table {width: 100%; font-size: 12px; border-bottom: 1px solid #dadada;}
      .catalog-item-table-title {font-family: "GothamProBlack"; font-size: 12px; text-transform: uppercase;}
      .catalog-item-table strong {font-family: 'RobotoBlack';}
      /*catalog-item-table-image*/
      .catalog-item-table-image {width: 120px; text-align: center;}
      /*catalog-item-table-name*/
      .catalog-item-table-name {text-align: left;}
       /*catalog-item-table-color*/
      .catalog-item-table-color, .catalog-item-table-head-color {text-align: center;}
         .catalog-item-table-color .color-selected {display: inline-block; width: 26px; height: 26px; border-radius: 100%; background: transparent; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
      /*catalog-item-table-price*/
      .catalog-item-table-price {text-align: center;}
      /*catalog-item-table-available*/
      .catalog-item-table-available {text-align: center;}
         .catalog-item-table-available > div {display: inline-block; text-align: left; vertical-align: top;}
            .catalog-item-table-available ul {margin: 0; padding: 0;}
               .catalog-item-table-available ul li {margin: 0 0 16px; padding: 0; display: table; width: 100%;}
               .catalog-item-table-available ul li:last-child {margin-bottom: 0;}
                  .catalog-item-table-available ul li:before {display: none;}
                  .catalog-item-table-available ul li > div {display: table-cell; vertical-align: top;}
                  .catalog-item-table-available ul li > div:first-child {width: 60px; padding-right: 8px;}
                     .catalog-item-table-available a {display: table-cell; font-family: "RobotoBold"; color: #12668a; text-decoration: none; border-bottom: 1px dashed #12668a; white-space: nowrap;}
                     .catalog-item-table-available a:hover {color: #e31e24; border-color: #e31e24;}
      /*catalog-item-table-cart*/
      .catalog-item-table-cart {text-align: right;}
         /* disallow #16450*/
         .catalog-item-table-cart .amount-wrapper {position: relative;}
            .catalog-item-table-cart .amount-input {width: 43px; height: 35px; padding: 0 2px; font-size: 14px; text-align: center;}
            .catalog-item-table-cart .amount-btn {position: absolute; left: 100%; width: 18px; height: 18px; margin-left: -1px; text-align: center; border: 1px solid #cacaca; text-indent: -9999px; text-decoration: none;}
            .catalog-item-table-cart .amount-btn.minus {top: 17px;}
            .catalog-item-table-cart .amount-btn.plus {top: 0;}
               .catalog-item-table-cart .amount-btn.plus:before, .catalog-item-table-cart .amount-btn.plus:after, .catalog-item-table-cart .amount-btn.minus:before {content: ''; position: absolute; top: 7px; left: 4px; width: 8px; height: 2px; background: #12668a; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
               .catalog-item-table-cart .amount-btn.plus:after {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
               .catalog-item-table-cart .amount-btn.plus:hover:before, .catalog-item-table-cart .amount-btn.plus:hover:after, .catalog-item-table-cart .amount-btn.minus:hover:before {background: #e31e24;}
         .catalog-item-table-cart .btn {width: 160px; height: 35px; font-size: 13px; line-height: 34px;}
         .catalog-item-table-cart .btn-buy {line-height: 30px; background: #51ca08; box-shadow: 0 2px 2px rgba(0,0,0,0);}
         .catalog-item-table-cart .btn-buy:hover {background: #57d609; box-shadow: 0 2px 2px rgba(0,0,0,0.3);}
            .catalog-item-table-cart .btn-buy span {vertical-align: middle; line-height: 1; white-space: nowrap;}
         /* disallow #16450*/
         .catalog-item-table-cart .sample-link-wrapper {margin-top: 5px;}
            .catalog-item-table-cart .sample-link {color: #404040; text-decoration: none; border-bottom: 1px solid #7f7f7f;}
            .catalog-item-table-cart .sample-link:hover {border-bottom-color: transparent;}

@media all and (min-width: 1025px) {
   .catalog-item-options {padding-bottom: 0; position: relative;}
      .catalog-item-options:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #FFF;}
      .catalog-item-table {display: table; padding: 20px 0;}
         .catalog-item-table .catalog-item-table-title {display: none;}
         .catalog-item-table-left {display: table-cell; width: 30%; vertical-align: middle;}
            .catalog-item-table-left .tb > div {display: table-cell; vertical-align: middle; padding: 0 20px;}
         .catalog-item-table-right {display: table-cell; width: 70%; vertical-align: middle;}
            .catalog-item-table-right > .tb > .tb-cell:last-child {/*width: 233px; */width: 150px;}
            .catalog-item-table-scroll {display: table; width: 100%; height: 100%;}
               .catalog-item-table-scroll > div {display: table-cell; vertical-align: middle; padding: 0 20px;}
                  .catalog-item-table-scroll .catalog-item-table-image {display: none;}
         .catalog-item-table-color, .catalog-item-table-head-color {width: 15%;}
         .catalog-item-table-price, .catalog-item-table-head-price {width: 25%;}
         .catalog-item-table-scroll .catalog-item-table-available, .catalog-item-table-head-available {width: 35%; padding: 0;}
         .catalog-item-table-cart, .catalog-item-table-head-cart {/*width: 233px; padding: 0 20px;*/ }
}
@media all and (max-width: 1024px) {
   .catalog-item-options {width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .catalog-item-table {font-size: 14px;}
      .catalog-item-options .catalog-item-table:last-child {margin-bottom: 10px;}
         /*.catalog-item-table .tb, .catalog-item-table .tb-cell {display: block;}*/
         .catalog-item-table-title {font-size: 14px; margin-bottom: 10px; white-space: nowrap;}
         .catalog-item-table-scroll {padding: 30px 0 20px;}
            .catalog-item-table-scroll > div {vertical-align: top; padding: 0 20px;}
            .catalog-item-table-image img {max-width: 80px;}
            .catalog-item-table-scroll .catalog-item-table-available {text-align: left;}
            .catalog-item-table-price {text-align: left;}
         /*.catalog-item-table-cart {display: table; width: 100%; padding: 10px; border: 5px solid #cee7f2;}
            .catalog-item-table-cart > div {display: table-cell; vertical-align: middle;}*/
            .catalog-item-table-cart .amount-wrapper {font-size: 0; line-height: 0;}
               .catalog-item-table-cart .amount-input {width: 50px; display: inline-block; vertical-align: middle; margin: 0 10px;}
                  .catalog-item-table-cart .amount-btn {position: relative; display: inline-block; vertical-align: middle; left: auto; top: auto; width: 22px; height: 22px; margin-left: 0; text-align: center;}
                  .catalog-item-table-cart .amount-btn.minus {top: auto;}
                     .catalog-item-table-cart .amount-btn.plus:before, .catalog-item-table-cart .amount-btn.plus:after, .catalog-item-table-cart .amount-btn.minus:before {top: 9px; left: 5px; width: 10px;}
            .catalog-item-table-cart .sample-link-wrapper {margin: 0; padding-left: 20px;}
               .catalog-item-table-cart .sample-link-wrapper a {float: right;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .catalog-item-table {margin-bottom: 40px; border: 0;}
      .catalog-item-table-scroll {display: table;}
         .catalog-item-table-scroll > div {display: table-cell; width: 15%;}
         .catalog-item-table-scroll .catalog-item-table-available {width: 30%; padding-right: 0;}
      .catalog-item-table-name {display: table; width: 100%; height: 46px; background: #f0f0f0;}
         .catalog-item-table-name > div {display: table-cell; vertical-align: middle; padding: 0 20px; font-size: 15px;}
      .catalog-item-table-cart .cl {width: 280px;}      
}
@media all and (min-width: 480px) and (max-width: 1024px) {
   /*.catalog-item-table-cart .btn {min-width: 145px; font-size: 16px;}
   .catalog-item-table-cart .btn-buy {font-size: 13px;}*/
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .catalog-item-table-scroll {width: 100%;}
      .catalog-item-table-scroll > div {padding: 0 10px;}
         .catalog-item-table-title {font-size: 13px;}
}
@media all and (max-width: 639px) {
   .catalog-item-table {padding-bottom: 30px; margin-bottom: 30px;}
   .catalog-item-table:last-child {margin-bottom: 0;}
      .catalog-item-table-name {font-size: 18px; margin-bottom: 20px;}
      .catalog-item-table .tb, .catalog-item-table .tb-cell {display: block;}
      .catalog-item-table-right > .tb > .tb-cell:first-child {padding: 0 20px; margin-left: -20px; width: 100%; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
         .catalog-item-table-scroll {width: 100%; overflow: auto; white-space: nowrap; padding: 20px 20px 20px 0; margin-bottom: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
            .catalog-item-table-scroll > div {display: inline-block;}
               .catalog-item-table-available ul li {margin-bottom: 10px;}
                  .catalog-item-table-available ul li br {display: none;}
               .catalog-item-table-cart {text-align: left;}
                  /*.catalog-item-table-cart .btn {width: 65px; text-indent: -9999px;}
                     .catalog-item-table-cart .btn:before {content: ''; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -12px; width: 25px; height: 22px; background: url('../i/cart-icon.svg') 0 0 /contain no-repeat;}
                  .catalog-item-table-cart .sample-link-wrapper {display: none;}*/
}

/*====================================================
   .catalog-item-tabs
====================================================*/
.catalog-item-tabs .tabs-inner {padding: 30px 35px;}
/*catalog-item-description, catalog-item-usage*/
#catalog-item-description h3, #catalog-item-usage h3 {font-family: "GothamProBlack";}
/*properties table*/
#catalog-item-properties table:last-child {margin-bottom: 0;}
   #catalog-item-properties table tr:nth-child(odd) td {background: #f0f0f0;}
      #catalog-item-properties table td {vertical-align: middle; line-height: 1.3;}
      #catalog-item-properties table tr td:first-child {width: 60%; border-right: 1px solid #dadada;}
         #catalog-item-properties table td p {margin: 0;}
/*certificates-slider*/
.certificates-slider {padding: 20px 20px 0; margin-bottom: 40px; position: relative; text-align: center;}
   .certificates-slider .slick-slide {margin: 0 13px;}
      .certificates-slider-text {font-size: 12px; padding-top: 8px;}
   .certificates-slider .slick-arrow {width: 11px; height: 20px;}
      .certificates-slider .slick-arrow:before, .certificates-slider .slick-arrow:after {width: 2px; height: 12px; margin-left: 5px;}
      .certificates-slider .slick-prev:before, .certificates-slider .slick-next:before {margin-top: 0;}
      .certificates-slider .slick-prev:after, .certificates-slider .slick-next:after {margin-top: 8px;}
/*documents-list*/
.documents-list {margin: 0; padding: 10px 0 0;}
   .documents-list li {display: block; min-height: 45px; margin: 0 0 20px; padding: 0;}
   .documents-list li:last-child {margin-bottom: 0;}
      .documents-list li:before {display: none;}
/*video*/
#catalog-item-video .single-video {width: 100%; max-width: 634px;}
/*reviews rating*/
#catalog-item-reviews h3, #catalog-item-reviews .h3 {text-transform: uppercase;}
.catalog-item-rating {width: 215px;}
.catalog-item-rating, .review-link-wrapper {display: inline-block; vertical-align: bottom;}
.catalog-item-rating {margin-right: 45px;}
.review-link-wrapper .btn {height: 35px; line-height: 34px; padding: 0 20px;}
/*reviews list*/
.catalog-reviews-list {border-top: 1px solid #dadada; margin: 30px 0;}
   .catalog-reviews-item {padding: 20px 0; border-bottom: 1px solid #dadada;}
      .catalog-reviews-author {display: inline-block; font-size: 18px; line-height: 1.35; margin-right: 30px;}
         .catalog-reviews-author strong {font-family: "GothamProBlack";}
      .catalog-reviews-date {display: inline-block; color: #959595;}
      .catalog-reviews-table {padding-top: 10px;}
         .catalog-reviews-table .tb-cell {padding: 6px 0; vertical-align: top;}
         .catalog-reviews-table .tb-row .tb-cell:first-child {width: 140px;}
         .catalog-reviews-table .catalog-reviews-rating .tb-cell {vertical-align: middle;}
            .catalog-reviews-table .tb-cell p:last-child {margin: 0;}
               
@media all and (min-width: 1025px) {
   /*#catalog-item-description .tabs-inner, #catalog-item-usage .tabs-inner, #catalog-item-properties .tabs-inner {max-width: 768px;}*/
   .catalog-item-tabs .tabs-inner {padding: 50px 100px;}
}
@media all and (max-width: 1024px) {
   .catalog-item .tabs-links {margin-left: -20px;}
   .catalog-item-tabs .tabs-inner {padding: 30px 0;}
   /*certificates-slider*/
   .certificates-slider {margin-bottom: 30px;}
      .certificates-slider-text {font-size: 13px;}
   /*video*/
   #catalog-item-video .single-video {max-width: none;}
}
@media all and (max-width: 639px) {
   /*properties table*/
   #catalog-item-properties table tr td:first-child {width: auto;}
   /*reviews list*/
   .catalog-reviews-author {display: block; margin-bottom: 5px;}
}
@media all and (max-width: 479px) {
   /*properties table*/
   #catalog-item-properties table, #catalog-item-properties table tbody, #catalog-item-properties table tr, #catalog-item-properties table td {display: block;}
      #catalog-item-properties table td { padding: 0 20px 10px; width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      #catalog-item-properties table tr td:first-child {width: 100%; padding: 10px 20px 5px;}
      #catalog-item-properties table tr td:last-child {font-family: "RobotoBold";}
   /*certificates-slider*/
   .certificates-slider .slick-slide {margin: 0;}
   
   /*reviews list*/
   .catalog-reviews-table, .catalog-reviews-table .tb-row, .catalog-reviews-table .tb-cell {display: block;}
   .catalog-reviews-table .tb-cell {padding: 0;}
   .catalog-reviews-table .tb-row {margin: 0 0 15px;}
   .catalog-reviews-table .tb-row:last-child {margin: 0;}
   .catalog-reviews-table .tb-row .tb-cell:first-child {width: 100%; font-size: 16px; color: #959595;}
   .review-link-wrapper {display: block; margin-top: 20px;}
   .catalog-reviews-date {font-size: 16px;}
}
@media all and (max-width: 375px) {
   /*certificates-slider*/
   .certificates-slider {margin-bottom: 20px;}
      .certificates-slider-text {font-size: 14px;}
   /*documents-list*/
   .documents-list {margin: 0; padding: 5px 0 0;}
}


/*====================================================
   .calculator-form
====================================================*/
.calculator-form .modal-inner {width: 1000px; padding: 0; font-size: 14px; line-height: 1.5;}
   .calculator-form .modal-inner:before {display: none;}
   .calc-paint-head {padding: 30px 40px;}
      .calc-paint-heading {font-family: "GothamProBlack"; font-size: 20px; text-transform: uppercase; margin-bottom: 10px;}
      .calc-paint-title {font-family: "GothamProRegular"; font-size: 20px; color: #8b8b8b;}
   .calc-paint-note {padding: 10px 40px; border-top: 1px solid #dadada; font-size: 12px;}
      .calc-paint-note p {margin: 0;}
   .calc-paint-table {display: table; width: 100%; border-top: 1px solid #dadada;}
      .calc-paint-cell {display: table-cell; vertical-align: top; padding: 30px 40px;}
      .calc-paint-cell:first-child {width: 57%; background: #f0f0f0;}
      .calc-paint-cell:last-child {width: 43%; padding-right: 0;}
         .calc-paint-cell:last-child .list-st:first-child {margin-bottom: 0;}
            .calc-paint-cell .tt {font-family: "GothamProBold"; font-size: 18px; line-height: 1.3; margin-bottom: 15px;}
            .list-st {margin-bottom: 24px;}
            .list-st:last-child {margin-bottom: 0;}
            .w-bot-line {position: relative; margin-bottom: 24px;}
               .calc-paint-cell .title-liters {text-transform: uppercase; margin-bottom: 5px;}
               .calc-paint-cell:last-child .title-liters {margin-bottom: 15px;}
               .calc-paint-cell .it-space-first {margin-bottom: 15px; display: inline-block;}
               .calc-paint-cell strong { font-weight: bold; }
               .calc-paint-cell sup {font-size: 10px; line-height: 1; bottom: -0.8em;}
               .calc-paint-cell input[type="text"] {display: inline-block; vertical-align: middle; height: 34px; font-size: 14px; padding: 0 10px;}
               .calc-paint-cell .it-intro {width: 60px; margin: 0 4px;}
               .calc-paint-cell .it-space {width: 80px; margin: 0 8px;}
               .calc-paint-cell .calc-note {font-size: 12px;}
                  .calc-paint-cell .calc-note span {color: #8b8b8b;}
               .calc-paint-cell .s-multiply {display: inline-block; vertical-align: middle; position: relative; line-height: 34px; margin-right: 4px; }
                  .calc-paint-cell .s-multiply:before {content: 'x'; display: inline; font-family: "RobotoRegular"; font-size: 20px; color: #404040;}
               .calc-paint-cell .s-equal {display: inline-block; vertical-align: middle; font-size: 20px; line-height: 34px; margin-right: 4px;}
               .calc-paint-cell .square-sum {font-size: 20px;}
                  .calc-paint-cell .square-sum sup {font-size: 12px;}
               .calc-paint-cell .calcs-line {vertical-align: middle;}
               /*.calc-paint-cell .calcs-row*/
               .calc-paint-cell .calcs-row {position: relative; padding-top: 18px; vertical-align: middle;}
                  .calc-paint-cell .calcs-row span {vertical-align: middle;}
                  .calc-paint-cell .btns-right {display: inline-block; vertical-align: middle; margin-left: 8px; line-height: 34px;}
                     .btns-right a {display: inline-block; width: 24px; height: 24px; border-radius: 3px; text-align: center; vertical-align: middle; line-height: 23px; margin-left: 15px; color: #fff; text-decoration: none; position: relative; transform: translateZ(0);}
                     .btns-right a:first-child {margin-left: 0;}
                     .btns-right .ls-plus {background: #12668a;}
                     .btns-right .ls-plus:hover {background: #52ccfd;}
                     .btns-right .ls-del {background: #404040;}
                     .btns-right .ls-del:hover {background: #e31e24;}
                        .btns-right .ls-plus:before, .btns-right .ls-plus:after, .btns-right .ls-del:before, .btns-right .ls-del:after {content: '';  position: absolute; background-color: #fff;}
                        .btns-right .ls-plus:before {width: 12px; height: 2px; top: 11px; left: 6px;}
                        .btns-right .ls-plus:after {width: 2px; height: 12px; top: 6px; left: 11px;}
                        .btns-right .ls-del:before, .btns-right .ls-del:after {top: 11px; width: 14px; height: 2px; left: 5px;}
                        .btns-right .ls-del:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
                        .btns-right .ls-del:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
               /*.calc-paint-cell radio*/
               .calc-paint-cell .radio-wrapper {margin-bottom: 8px;}
               .calc-paint-cell .radio-wrapper:last-child {margin-bottom: 0;}
               .calc-paint-cell .radio-wrapper label {line-height: 1.5; padding-left: 30px;} 
                  .calc-paint-cell .radio-wrapper label:before {width: 18px; height: 18px; border: 1px solid #cbcbcb; top: 2px; left: 0;}
                  .calc-paint-cell .radio-wrapper label:after {width: 10px; height: 10px; background: #30689c; top: 6px; left: 4px;}
               /*.calc-paint-cell right padding*/
               .calc-paint-cell:last-child .list-st > div:not(.w-bot-line-color) {padding-right: 40px;}
               /*.mini-table*/
               .mini-table {display: table; width: 100%; table-layout: fixed;}
                  .mini-table-row {display: table-row;}
                     .mini-table-cell {display: table-cell; vertical-align: top; padding: 0 0 10px 10px;}
                     .mini-table-cell:first-child {padding-left: 0; white-space: nowrap;}
                     .mini-table-cell:last-child {text-align: right;}
                     .mini-table-row:last-child .mini-table-cell {padding-bottom: 0;}
                        .calc-paint-cell .mini-table-cell sup {bottom: -0.4em;}
               /*.select-color in calc-paint*/
               .calc-select-color {position: relative;}
                  .calc-color-selected {width: 50px; height: 50px; border-radius: 100%; display: inline-block; vertical-align: middle;}
                     .calc-color-selected > div {display: table; width: 100%; height: 100%;}
                        .calc-color-name-selected {display: table-cell; vertical-align: middle; text-align: center; font-size: 11px; line-height: 1.2;}
                  .calc-colors-list-toggler {width: 30px; height: 30px; margin-left: 5px; display: inline-block; vertical-align: middle; cursor: pointer;}
                     .calc-colors-list-toggler div {width: 100%; height: 100%; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
                     .calc-colors-list-toggler.active div {-webkit-transform: rotateX(180deg); moz-transform: rotateX(180deg); transform: rotateX(180deg);}
                        .calc-colors-list-toggler div:before, .calc-colors-list-toggler div:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 8px; background: #404040; border-radius: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                        .calc-colors-list-toggler div:before {margin: -3px 0 0 -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
                        .calc-colors-list-toggler div:after {margin: -3px 0 0 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
                  .calc-colors-list {height: 0; overflow: hidden; z-index: 100; position: relative; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                  .calc-colors-list.visible {height: 73px;}
                     .calc-colors-list .colors-list {position: absolute; top: 0; left: 0; width: 100%; height: 73px; white-space: nowrap; padding-top: 23px;}
                        .calc-colors-list .colors-item {margin: 0 0 0 23px;}
                        .calc-colors-list .colors-item:first-child {margin-left: 0;}
                        .calc-colors-list .colors-item:last-child {margin-right: 23px;}
               /*.calc-paint-result*/
               .calc-paint-result {position: relative; padding-right: 40px;}
                  .paint-result-old {color: #8b8b8b; text-decoration: line-through;}
                  .paint-result-new {font-size: 18px;}
                  .calc-paint-result .btn-big {position: relative; margin-top: 34px; width: 100%;}

@media all and (min-width: 960px) and (max-width: 1280px) {
   .calc-paint-head, .calc-paint-cell {padding: 20px 40px;}
      .calc-paint-heading {margin-bottom: 0;}
   .w-bot-line, .list-st {margin-bottom: 20px;}
}
@media all and (max-width: 959px) {
   .calculator-form .modal-inner {font-size: 16px;}
      .calc-paint-table, .calc-paint-cell {display: block;}
         .calc-paint-cell:first-child, .calc-paint-cell:last-child {display: block; width: 100%;}
            .calc-paint-title {font-size: 18px;}
            .calc-paint-cell sup {font-size: 12px; bottom: -0.6em;}
            .calc-paint-cell .mini-table-cell sup {bottom: -0.2em;}
            .calc-paint-cell .square-sum sup {font-size: 14px;}
            .calc-paint-cell .calc-note, .calc-paint-cell .radio-wrapper label {font-size: 16px;} 
               .calc-paint-cell .radio-wrapper label:before {top: 3px;}
               .calc-paint-cell .radio-wrapper label:after {top: 7px;}
            .calc-paint-cell .title-liters {margin-bottom: 10px;}
             .calc-paint-result .btn-big {width: 350px; max-width: 100%; height: 64px;}
}
@media all and (min-width: 600px) and (max-width: 959px) {
   .calculator-form .modal-inner {width: 728px}
      .calc-paint-cell, .calc-paint-head {padding: 25px 30px;}
      .calc-paint-cell:last-child .list-st > div:not(.w-bot-line-color), .calc-paint-result {padding-right: 30px;}
      .calc-paint-note {padding: 10px 30px;}
         .w-bot-line, .list-st {margin-bottom: 34px;}
         .calc-paint-cell .it-space-first {margin-bottom: 20px;}
         .calc-paint-cell .calcs-row {white-space: nowrap;}
         .mini-table {max-width: 360px;}
         .calc-paint-cell .tt {font-size: 20px;}
         .paint-result-new {font-size: 22px;}
}
@media all and (max-width: 599px) {
   .calc-paint-cell, .calc-paint-head {padding: 20px;}
   .calc-paint-note {padding: 10px 20px;}
      .calc-paint-heading {margin-bottom: 0;}
      .calc-paint-cell:last-child .list-st > div:not(.w-bot-line-color), .calc-paint-result {padding-right: 20px;}
      .calc-paint-cell .it-space-first, .calc-paint-cell .it-space-second .it-space {display: block; margin: 15px 0 25px;}
         .calc-paint-cell .it-space-first .it-space {margin-left: 0;}
      .calc-paint-cell .tt {font-size: 22px;}
         .calc-paint-cell .tt span:first-child {float: left;}
         .calc-paint-cell .tt span:last-child {display: block; padding-left: 25px;}
      .calc-paint-cell .s-multiply {display: block; line-height: 24px;}
      .calc-paint-cell .calcs-row .txtx {display: inline-block; width: 80px; white-space: nowrap;}
      .calc-paint-cell .btns-right {display: block; margin: 4px 0 0;}
         .btns-right a {margin-left: 10px;}
         .calc-paint-cell .square-sum {font-size: 18px; white-space: nowrap;}
      .mini-table-cell:first-child {white-space: normal;}
      .paint-result-new {font-size: 24px;}
      .calc-paint-result .btn-big {margin: 25px auto 0;}
}
@media all and (max-width: 320px) {
   /*отступ от "обратного звонка"*/
   .calculator-form .modal-inner {padding-bottom: 60px;}
}

/*====================================================
   .selected-products
====================================================*/
.selected-products-wrapper {margin-bottom: 29px;}
   .selected-products {margin-left: -26px; font-size: 0; line-height: 0;}
      /*selected-products-item*/
      .selected-products-item {display: inline-block; vertical-align: top; padding-left: 26px; margin-bottom: 26px;}
         .selected-products-item .box {padding: 20px;}
            .selected-products-image {line-height: 224px; text-align: center; border-bottom: 1px solid #dadada; margin-bottom: 20px; position: relative;}
            .selected-products-title {font-size: 16px; line-height: 1.3; margin-bottom: 22px;}
            .selected-products-price {margin-bottom: 38px;}
            .selected-products-btn a {margin: 0 auto;}

@media all and (min-width: 1025px) {
   .selected-products-item {width: 25%;}
   .columns .selected-products-item {width: 33.333%;}
}
@media all and (max-width: 1024px) {
   .selected-products-wrapper {margin-bottom: 20px;}
      .selected-products-item {margin-bottom: 20px;}
}
@media all and (min-width: 568px) and (max-width: 1024px) {
   .selected-products {margin-left: -20px;}
      .selected-products-item {padding-left: 20px;}
}
@media all and (min-width: 960px) and (max-width: 1024px) {
   .selected-products-item {width: 33.333%;}
   .selected-products .selected-products-item:nth-child(4) {display: none;}
}
@media all and (min-width: 568px) and (max-width: 959px) {
   .selected-products-item {width: 50%;}
}
@media all and (max-width: 639px) {
   .selected-products-price {margin-bottom: 25px;}
}
@media all and (max-width: 567px) {
   .selected-products-wrapper {margin-bottom: 40px;}
      .selected-products {margin-left: 0;}
         .selected-products-item {display: block; width: 100%; padding-left: 0;}     
}
@media all and (max-width: 375px) {
   .selected-products-btn a {width: 100%;}
}
       
 
/*====================================================
   .info-list (catalog pages)
====================================================*/
.info-list {margin-bottom: 29px;}
   .info-list ul {padding: 0; margin: 0 0 0 -26px; font-size: 0; line-height: 0;}
      .info-list ul li {display: inline-block; padding: 0 0 0 26px; margin: 0 0 26px; font-family: "GothamProBold"; font-size: 16px; line-height: 1.3;}
         .info-list ul li:before {display: none;}
         .info-list ul li a {display: block; width: 100%; height: 116px; padding: 10px; overflow: hidden; text-decoration: none; color: #404040;}
            .info-list ul li a:before {content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background: #eaf3f7; z-index: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .info-list ul li a:hover:before {top: 0; right: 0; bottom: 0; left: 0;}
            .info-list ul li a > div {display: table; width: 100%; height: 100%; position: relative; z-index: 2;}
               .info-list-icon {display: table-cell; vertical-align: middle; width: 55px; text-align: center;}
               .info-list-title {display: table-cell; vertical-align: middle; padding-right: 10px;}

@media all and (min-width: 1025px) {
   .info-list ul li {width: 25%;}
   .columns .info-list ul li {width: 33.333%;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .info-list ul li {font-size: 14px;}
}
@media all and (max-width: 1024px) {
   .info-list {margin-bottom: 20px;}
      .info-list ul {margin-left: -20px;}
         .info-list ul li {width: 33.333%; padding-left: 20px; margin-bottom: 20px;}
            .info-list ul li a {height: 96px;}
}
@media all and (min-width: 640px) and (max-width: 959px) {
   .info-list ul li {width: 50%;}
}
@media all and (max-width: 639px) {
   .info-list ul {margin: 0;}
      .info-list ul li {width: 100%; padding: 0;} 
}
@media all and (max-width: 375px) {
   .info-list-icon {display: none;}
   .info-list-title {padding: 0 15px;}
}


/*====================================================
   .usefull-articles (catalog pages)
====================================================*/
.usefull-articles {margin-bottom: 55px;}
   .usefull-articles ul {margin: 0 0 0 -26px; padding: 0;}
      .usefull-articles li {float: left; padding: 0 0 0 26px; margin: 0;}
         .usefull-articles li:before {display: none;}
         .usefull-articles li a {display: block; color: #404040; text-decoration: none;}
            .usefull-articles-title {display: table; width: 100%; height: 110px;}
               .usefull-articles-title > div {display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px;}
                  .usefull-articles-title strong {font-family: "GothamProBold"; font-size: 16px; border-bottom: 1px solid #c6c6c6; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                  .usefull-articles a:hover .usefull-articles-title strong {color: #e31e24; border-color: #f3b4b5;}

@media all and (min-width: 1025px) {
   .usefull-articles li {width: 33.333%;}
   .columns .usefull-articles li {width: 50%;}
}
@media all and (max-width: 1024px) {
   .usefull-articles {margin-bottom: 40px;}
      .usefull-articles ul {margin: 0 0 0 -20px;}
         .usefull-articles li {padding: 0 0 0 20px; width: 50%;}
         .usefull-articles ul li:nth-child(3) {display: none;}
            .usefull-articles-title {height: 86px;}
}
@media all and (max-width: 567px) {
   .usefull-articles {margin-bottom: 20px;}
      .usefull-articles ul {margin: 0;}
         .usefull-articles li {width: 100%; float: none; padding: 0; margin-bottom: 20px;}
}


/*====================================================
   Cart pages
====================================================*/

/*cart-steps*/
.cart-steps-list {margin-bottom: 20px;}
   .cart-steps-list ol {margin: 0; padding: 0; counter-reset: li; list-style: none; font-size: 1px; line-height: 0; text-align: justify; position: relative;}
      .cart-steps-list ol:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
      .cart-steps-list li {display: inline-block; vertical-align: middle; position: relative; text-align: left;}
      .cart-steps-item {text-align: left; padding: 0 0 0 50px; margin: 0; font-family: "GothamProBlack"; font-size: 16px; line-height: 1.2; color: #b3b3b3; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
      .cart-steps-item.active {color: #404040;}
         .cart-steps-item:before {content: counter(li); counter-increment: li; position: absolute; top: 50%; margin-top: -18px; left: 0; width: 37px; height: 37px; border-radius: 100%; text-align: center; border: 2px solid #b3b3b3; font-family: "GothamProBlack"; font-size: 25px; line-height: 32px; color: #b3b3b3; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
         .cart-steps-item.active:before {color: #12668a; border-color: #12668a;}
            .cart-steps a {color: inherit; text-decoration: none;}
      .cart-steps-arrow {padding: 0; margin: 0; width: 12px; height: 19px;}
         .cart-steps-arrow span {display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
            .cart-steps-arrow span:before, .cart-steps-arrow span:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background: #b3b3b3;}
            .cart-steps-arrow span:before {margin-top: -10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
            .cart-steps-arrow span:after {margin-top: -2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
            .cart-steps-item.active + .cart-steps-arrow span:before, .cart-steps-item.active + .cart-steps-arrow span:after {background: #404040;}

/*cart-wrapper*/
.cart-wrapper {padding-top: 0;}
   .cart-step {display: none;}
   .cart-step.visible {display: block;}

/*cart-table*/
.cart-table {display: table; width: 100%; position: relative; padding: 30px 0; border-bottom: 1px solid #dadada;}
   .cart-table > .cart-table-title {display: none;}
   .cart-table-contents {display: table-row;}
      .cart-table-cell {display: table-cell; vertical-align: middle;}
      .cart-table-image > div {width: 160px;}
      .cart-table-title {margin-bottom: 20px; font-size: 16px; line-height: 1.4;}
         .cart-table-title a {color: #404040; text-decoration: none; border-bottom: 1px solid transparent;}
         .cart-table-title a:hover {color: #e31e24; border-color: #f3b4b5;}
      .cart-table-details {width: 50%; padding-right: 20px;}
         .cart-table-details .tb-cell {padding: 2px 0;}
         .cart-table-details .tb-row .tb-cell:first-child {width: 60px;}
         .cart-table-color-item {display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; margin-top: -2px;}
      .cart-table-amount {text-align: center; padding: 0 20px;}
         .cart-table-amount .amount-wrapper {display: inline-block; width: 118px; white-space: nowrap; font-size: 0; line-height: 0;}
            .cart-table-amount .amount-input {display: inline-block; vertical-align: middle; width: 50px; height: 34px; margin: 0 10px; padding: 0 2px; text-align: center;}
            .cart-table-amount .amount-btn, .cart-table-delete .delete-btn {display: inline-block; width: 24px; height: 24px; border-radius: 3px; text-align: center; vertical-align: middle; margin-top: 2px; line-height: 23px; color: #fff; text-decoration: none; position: relative; text-indent: -9999px;}
            .cart-table-amount .amount-btn {background: #12668a;}
            .cart-table-amount .amount-btn:hover {background: #52ccfd;}
            .cart-table-delete .delete-btn {background: #404040;}
            .cart-table-delete .delete-btn:hover {background: #e31e24;}
               .cart-table-amount .amount-btn:before, .cart-table-amount .amount-btn.plus:after, .cart-table-delete .delete-btn:before, .cart-table-delete .delete-btn:after {content: '';  position: absolute; background-color: #fff;}
               .cart-table-amount .amount-btn.plus:before, .cart-table-amount .amount-btn.minus:before {width: 12px; height: 2px; top: 11px; left: 6px;}
               .cart-table-amount .amount-btn.plus:after {width: 2px; height: 12px; top: 6px; left: 11px;}
               .cart-table-delete .delete-btn:before, .cart-table-delete .delete-btn:after {top: 11px; width: 14px; height: 2px; left: 5px;}
               .cart-table-delete .delete-btn:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
               .cart-table-delete .delete-btn:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
      .cart-table-price {font-size: 18px; padding: 0 20px; width: 200px; text-align: center; white-space: nowrap;}
      .cart-table-delete {text-align: right;}

/*cart-total*/
.cart-total {padding: 26px 0 34px; font-size: 16px; line-height: 1.6;}
   .cart-total-sum span {font-size: 20px;}

/*cart-btn*/
.cart-btn {position: relative; width: 264px;}
   .cart-btn .btn-big {text-align: left; padding-left: 50px; position: relative;}
   .cart-btn:before, .cart-btn:after {content: ''; position: absolute; top: 50%; right: 36px; width: 2px; height: 7px; background: #fff; z-index: 2;}
   .cart-btn:before {margin-top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
   .cart-btn:after {margin-top: -1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}

/*cart-form-auth*/
.cart-form-auth {display: table; height: 67px; border: 5px solid #cee7f2;}
   .cart-form-auth > div {display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px;}
      .cart-form-auth a {color: #404040; border-bottom: 1px solid #7f7f7f; text-decoration: none;}
      .cart-form-auth a:hover {color: #e31e24; border-color: #f3b4b5;}

/*cart-form*/
.cart-form {padding-top: 30px;}
   .cart-form-section {padding: 30px 0; border-bottom: 1px solid #dadada;}
   .cart-form-section:first-of-type {padding-top: 0;}
      .cart-form-fieldset {margin-bottom: 30px;}
      .cart-form-fieldset:last-child {margin-bottom: 0;}
         .cart-form-legend {font-family: "GothamProRegular"; font-size: 20px; margin-bottom: 15px;}
         .cart-form-field-wrapper {margin-left: -30px; font-size: 0; line-height: 0;}
            .cart-form-field {width: 25%; display: inline-block; vertical-align: top; padding-left: 30px;}
            .cart-form-buyer-type .cart-form-field-wrapper .cart-form-field:last-child {width: auto;}
               /*radio input*/
               .cart-form-field > div {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
               .cart-form-field.current > div {background: #eaf3f7;}
               .cart-form-field .radio-wrapper {padding: 15px 20px;}
                  .cart-form-field .radio-wrapper label {line-height: 1.5;}
                  .cart-form-field.current .radio-wrapper label {font-family: "RobotoBold";}
                     .cart-form-field .radio-wrapper label:before {top: 3px;}
                     .cart-form-field .radio-wrapper label:after {top: 6px;}
               /*text input*/
               .cart-form .input-wrapper label {display: block; height: 18px; margin-bottom: 5px; font-size: 13px; line-height: 1.5;}
               .cart-form input::-webkit-input-placeholder {font-size: 13px;}
               .cart-form input::-moz-placeholder {font-size: 13px;}
               .cart-form input:-moz-placeholder {font-size: 13px;}
               .cart-form input:-ms-input-placeholder {font-size: 13px;}
               /*textarea*/
               .cart-form .textarea-wrapper {width: 50%;}
                  .cart-form .textarea-wrapper textarea {height: 160px;}
               /*file input*/
               .cart-form .file-wrapper {margin-top: 23px; max-width: 300px; font-size: 0; line-height: 0;}
               /*cart-form-delivery*/
               .cart-form-delivery-type {padding: 15px 20px 20px 44px;}
                  .cart-form-delivery .radio-wrapper {padding: 0; height: 40px; margin-bottom: 15px;}
                     .cart-form-delivery .radio-wrapper label {padding-left: 0;}
                        .cart-form-delivery .radio-wrapper label:before {left: -24px;}
                        .cart-form-delivery .radio-wrapper label:after {left: -21px;}
               /*cart-form-delivery-passport*/
               .cart-form-delivery-passport {padding-top: 15px;}
                  .cart-form-delivery-passport > div:first-child {font-size: 13px; line-height: 1.5; margin-bottom: 5px;}
                  .cart-form-delivery-passport .fl {width: 40%;}
                  .cart-form-delivery-passport .fr {width: 55%;}

/*order-finish*/
.order-finish {font-size: 16px;}
   .order-finish p:first-child {font-size: 18px;}
      .order-finish span {color: #e31e24;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   /*cart-form*/
   .cart-form-delivery .cart-form-field, .cart-form-payment .cart-form-field {width: 50%;}
      .cart-form-delivery .radio-wrapper {height: auto;}
}
@media all and (max-width: 1024px) {
   /*cart-table*/
   .cart-table {display: block;}
      .cart-table > .cart-table-title {display: block; padding-right: 40px;}
      .cart-table-contents {display: table; width: 100%;}
         .cart-table-details {width: auto;}
            .cart-table-details .tb-row .tb-cell:first-child {width: 80px;}
         .cart-table-price {width: auto; padding-right: 0; text-align: right;}
         .cart-table-delete {position: absolute; top: 30px; right: 0;}
   /*cart-form-auth*/
   .cart-form-auth {font-size: 16px;}
   /*cart-form*/
   .cart-form-section {padding-bottom: 20px;}
      .cart-form-fieldset {margin-bottom: 20px;}
         .cart-form-field {width: 50%; margin-bottom: 20px;}
            .cart-form-buyer-type .cart-form-field, .cart-form-buyer-type .cart-form-field-wrapper .cart-form-field:last-child {width: 33.333%; margin-bottom: 0;}
            .cart-form .input-wrapper label {height: 20px;}
            .cart-form .input-wrapper label, .cart-form .jq-file__name {font-size: 14px;}
            .cart-form input::-webkit-input-placeholder {font-size: 14px;}
            .cart-form input::-moz-placeholder {font-size: 14px;}
            .cart-form input:-moz-placeholder {font-size: 14px;}
            .cart-form input:-ms-input-placeholder {font-size: 14px;}
            .cart-form .file-wrapper {margin-top: 25px;}
            .cart-form .textarea-wrapper {width: 100%; margin-bottom: 20px;}
}
@media all and (max-width: 959px) {
   /*cart-steps*/
   .cart-steps-item {font-size: 14px;}
}
@media all and (max-width: 767px)  {
   /*cart-form*/
   .cart-form-buyer-type .cart-form-field, .cart-form-buyer-type .cart-form-field-wrapper .cart-form-field:last-child {width: 100%; margin-bottom: 10px;}
      .cart-form-buyer-type .cart-form-field .radio-wrapper {display: inline-block;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   /*cart-steps*/
   .cart-steps-item {padding-left: 34px;}
      .cart-steps-item:before {width: 25px; height: 25px; margin-top: -12px; font-family: "GothamProBold"; font-size: 16px; line-height: 21px;}
   .cart-steps-arrow {width: 8px; height: 16px;}
      .cart-steps-arrow span:before, .cart-steps-arrow span:after {height: 8px;}
      .cart-steps-arrow span:before {margin-top: -5px;}
      .cart-steps-arrow span:after {margin-top:0;}
   /*cart-table*/
   .cart-table-image > div {width: 140px;}
   .cart-table-details {padding-right: 0; font-size: 15px; white-space: nowrap;}
      .cart-table-details .tb-row .tb-cell:first-child {width: 60px;}
   .cart-table-price {padding-left: 0;}
   /*cart-form*/
   .cart-form-field {width: 50%;}
}
@media all and (max-width: 639px) {
   /*cart-steps*/
   .cart-steps-list ol {text-align: left;}
      .cart-steps-list ol:after {display: none;}
      .cart-steps-list .cart-steps-item {display: none; padding: 0; font-size: 18px;}
      .cart-steps-list .cart-steps-item.active {display: block;}
      .cart-steps-list.cart-step-second .cart-steps-item:first-child {display: none;}
         .cart-steps-item:before {display: none;}
         .cart-steps-item div {font-size: 20px; text-transform: uppercase; margin-bottom: 10px;}
      .cart-steps-list .cart-steps-arrow {display: none;}
   /*cart-table*/
   .cart-table > .cart-table-title {display: block; padding: 0; font-size: 18px;}
   .cart-table-contents {display: block; position: relative;}
      .cart-table-contents:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
      .cart-table-cell {display: block;}
      .cart-table-image {margin-bottom: 18px;}
      .cart-table-details {margin-bottom: 18px;}
      .cart-table-amount {float: left; padding: 0;}
      .cart-table-price {float: right; padding: 4px 0 0; font-size: 22px;}
      .cart-table-delete {top: 0;}
   /*cart-form-auth*/
   .cart-form-auth {height: 70px;}
      .cart-form-auth > div {text-align: left; padding: 20px;}
   /*cart-form*/
   .cart-form-field-wrapper {margin-left: 0;}
      .cart-form-field {width: 100%; display: block; padding-left: 0;}
         .cart-form .input-wrapper label {height: auto; margin-bottom: 8px;}
         .cart-form .input-wrapper label, .cart-form .jq-selectbox__select-text, .cart-form .jq-selectbox__dropdown ul li {font-size: 16px;}
         .cart-form-field .radio-wrapper {display: inline-block;}
         .cart-form-delivery .radio-wrapper {height: auto;}
            .cart-form-field .radio-wrapper label {font-size: 16px;}
               .cart-form-field .radio-wrapper label:before {top: 5px;}
               .cart-form-field .radio-wrapper label:after {top: 8px;}
         .cart-form .file-wrapper {margin-top: 0;}
            .cart-form .jq-file {height: 44px;}
               .cart-form .jq-file__name {line-height: 42px; font-size: 14px;}
}
@media all and (max-width: 479px) {
   /*cart-form-auth*/
   .cart-form-auth {height: auto;}
   /*cart-form*/
   .cart-form-legend {font-size: 22px;}
   .cart-form .jq-file__name {padding: 0 15px 0 40px;}
   .jq-file__browse {width: 40px;}
   /*cart total*/
   .cart-total-sum span {font-size: 22px; margin-bottom: 5px;}
   .cart-total-sum span, .cart-total-volume span {display: block;}
   /*order-finish*/
   .order-finish {font-size: 18px;}
}


/*====================================================
   .user-cabinet
====================================================*/
.cabinet-heading .btn {display: none; height: 27px; line-height: 26px;}
/*user-profile*/
.profile-form {}
   .profile-form-section {padding: 30px 0 20px; border-bottom: 1px solid #dadada;}
   .profile-form-section:first-of-type {padding-top: 0;}
   .profile-form-section:last-child {border-bottom: 0;}
      .profile-form-fieldset {margin-bottom: 10px;}
      .profile-form-fieldset:last-child {margin-bottom: 0;}
      .profile-form-section:first-of-type .profile-form-fieldset {width: 66.666%; float: left; padding-right: 10px;}
      .profile-form-section:first-of-type .profile-form-fieldset:nth-child(2) {margin-bottom: 0;}
         .profile-form-legend {font-family: "GothamProRegular"; font-size: 20px; margin-bottom: 10px;}
         .profile-form-field-wrapper {margin-left: -30px;}
            .profile-form-field {width: 33.333%; margin-bottom: 20px;}
            .profile-form-field-wrapper .profile-form-field {float: left; padding-left: 30px;}
            .profile-form-section:first-of-type .profile-form-field {width: 50%;}
               .profile-form-field label {display: block; margin-bottom: 5px; font-size: 13px; line-height: 1.2;}
               .profile-form-field input[type="text"], .profile-form-field input[type="name"], .profile-form-field input[type="email"], .profile-form-field input[type="tel"], .profile-form-field input[type="password"] {color: #8c8c8c; font-style: italic;}
            .profile-form-info {display: inline-block; vertical-align: top; width: 33.333%; padding-left: 20px; padding-top: 9px;}
               .profile-form-info > div {padding: 20px; border: 5px solid #cee7f2;}
                  .profile-form-info p {margin: 0;}
            .profile-form-btn {padding-top: 10px;}

/*user-orders*/
.user-orders {}
   .user-orders-header .tb {width: 100%; height: 60px; border-bottom: 1px solid #dadada;}
      .user-orders-header .tb-cell, .user-orders-table .tb-cell {vertical-align: middle; text-align: left;}
      .user-orders-header .tb-cell {font-family: "GothamProRegular"; font-size: 18px;}
      .user-orders-order {width: 25%;}
      .user-orders-date {width: 25%;}
      .user-orders-sum {width: 30%;}
      .user-orders-status {width: 20%;}
      .user-orders-repeat, .user-orders-repeat div {width: 114px;}
   .user-orders-list {margin-bottom: 50px;}
      .user-orders-item {border-bottom: 1px solid #dadada;}
         .user-orders-table .tb {width: 100%; height: 85px;}
            .user-orders-table .tb-cell {font-size: 13px;}
               .orders-table-toggler {display: inline-block; vertical-align: middle; width: 24px; height: 24px; border-radius: 3px; background: #404040;}
               .orders-table-toggler:hover {background: #52ccfd;}
                  .orders-table-toggler span {display: block; width: 100%; height: 100%; position: relative; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                  .orders-table-toggler.active span {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
                     .orders-table-toggler span:before, .orders-table-toggler span:after {content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 7px; background: #fff;}
                     .orders-table-toggler span:before {margin-top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
                     .orders-table-toggler span:after {margin-top: -1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
               .user-orders-num {display: inline-block; vertical-align: middle; margin-left: 25px;}
               .user-orders-repeat .btn {width: 100%;}
         .user-orders-products {height: 0; overflow: hidden; padding-left: 50px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
            .user-orders-products .tb {border: 5px solid #cee7f2; padding: 0 20px; margin-bottom: 30px; height: auto;}
               .user-orders-products .tb-row {height: 110px;}
                  .user-orders-products .tb-cell {border-bottom: 1px solid #dadada; font-size: 13px; line-height: 1.3;}
                  .user-orders-products .tb-row:last-child .tb-cell {border-bottom: 0;}
                  .user-orders-products-image, .user-orders-products-image > div {width: 90px;}
                  .user-orders-products-title {margin-bottom: 5px;}
                     .user-orders-products-title a {color: #404040; text-decoration: none; border-bottom: 1px solid transparent;}
                  .user-orders-products-title a:hover {color: #e31e24; border-color: #f3b4b5;}
                  .user-orders-products-volume > div, .user-orders-products-color > div {display: inline-block; vertical-align: middle;}
                  .user-orders-products-volume > div:first-child, .user-orders-products-color > div:first-child {width: 54px; display: inline-block;}
                     .user-orders-products-color-item {display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; width: 14px; height: 14px;}
                  .user-orders-products .user-orders-products-price {font-size: 16px; text-align: right; padding-left: 20px; white-space: nowrap;}

/*user-promocode*/
.promocode-enter-form {max-width: 480px; width: 100%; margin-bottom: 40px;}
   .promocode-enter-form .form-wrapper {display: table; width: 100%;}
      .promocode-enter-form .form-field {display: table-cell; width: 100%; padding-right: 20px;}
      .promocode-enter-form .form-submit {display: table-cell; padding: 0; vertical-align: bottom;}
         .promocode-enter-form .form-submit .btn {width: 123px; height: 35px; font-family: "RobotoRegular"; font-size: 13px; letter-spacing: normal;}
         .promocode-enter-form .form-submit a.btn {line-height: 34px;}
.promocode-list-title {font-family: "GothamProRegular"; font-size: 20px; line-height: 1.3; margin-bottom: 20px;}
.promocode-list-table {margin-bottom: 40px;}
   .promocode-list-table .tb {max-width: 640px;}
      .promocode-list-table .tb-cell {padding: 14px 40px 14px 20px; vertical-align: middle;}
      .promocode-list-table .tb-cell:first-child {padding-right: 0;}
      .promocode-list-table .tb-head .tb-cell {background: #f0f0f0; font-family: "GothamProBlack"; font-size: 12px; text-transform: uppercase;}
      .promocode-list-table .tb-head .tb-cell:first-child {font-family: Arial, sans-serif; font-weight: bold;}
      .promocode-list-table .tb-body .tb-cell {border-bottom: 1px solid #dadada;}

/*user forms*/
.user-auth-form .form-submit .jf {font-size: 1px; line-height: 0;}
   .user-auth-form .form-submit a {font-size: 14px; line-height: 2;}
   .user-auth-form .form-submit .jf a:first-child {margin-right: 20px;}
.registration-form {max-width: 700px}
   .registration-form .radio-wrapper {display: inline-block; margin-right: 10%;}
      .registration-form .radio-wrapper label {font-size: 14px; line-height: 1; margin: 0;}
.password-recovery-form .modal-inner {width: 480px;}
   .password-recovery-form .form-field {width: 100%;}


@media all and (max-width: 1279px) {
   /*user-profile*/
   .profile-form-info br {display: none;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   /*user-profile*/
   .profile-form-info {display: block; width: 100%; clear: both; padding-left: 0;}
   /*user-orders*/ 
   .user-orders-header .tb-cell {font-size: 16px;}
}
@media all and (max-width: 1024px) {
   .cabinet-heading {margin-bottom: 30px;}
      .cabinet-heading h1 {display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 20px;}
      .cabinet-heading .btn {display: inline-block; vertical-align: middle;}
   /*tabs*/
   .user-cabinet .tabs-links li {width: 33.333%;}
   /*user-profile*/
   .profile-form-legend {margin-bottom: 15px;}
   .profile-form-section:first-of-type .profile-form-field {width: 100%;}
   .profile-form-field label {font-size: 14px;}
   /*user-orders*/
   .user-orders-list {margin-bottom: 40px;}
      .user-orders-table .tb-cell {font-size: 16px;}
      .user-orders-order {width: 20%;}
      .user-orders-date {width: 28%;}
      .user-orders-sum {width: 30%;}
      .user-orders-status {width: 22%;}
      .user-orders-repeat, .user-orders-repeat div {width: 44px;}
         .user-orders-num {margin-left: 15px;}
         .user-orders-repeat .btn {text-indent: -9999px; width: 44px; height: 34px;}
            .user-orders-repeat .btn:after {content: ''; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; width: 21px; height: 20px; background: url('../i/reload-icon.svg') 0 0 / contain no-repeat;}
         .user-orders-products .tb-row {height: 130px;}
            .user-orders-products .tb-cell {font-size: 14px; line-height: 1.5;}
            .user-orders-products .user-orders-products-price {font-size: 16px;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   /*user-profile*/
   .profile-form-section:first-of-type .profile-form-fieldset {width: 50%; clear: both; padding-right: 15px;}
      .profile-form-field {width: 50%;}
      .profile-form-section:first-of-type .profile-form-field {width: 100%;}
      .profile-form-info {width: 50%; padding-left: 15px;}
}
@media all and (max-width: 639px) {
   /*user-profile*/
   .profile-form-section:first-of-type .profile-form-fieldset {width: 100%; float: none; padding-right: 0;}
      .profile-form-field-wrapper {margin-left: 0;}
         .profile-form-field-wrapper .profile-form-field {padding: 0;}
         .profile-form-field {width: 100%;}
         .profile-form-info {width: 100%; padding-left: 0; margin-bottom: 10px;}
         .profile-form-legend {margin-bottom: 15px;}
         .profile-form-field label {font-size: 16px; margin-bottom: 8px;} 
   /*user-orders*/
   .user-orders-scroll {width: 100%; overflow: auto; padding-right: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .user-orders-list-wrapper {width: 640px;}
         .user-orders-list {margin-bottom: 10px;}
            .user-orders-table .tb {padding-right: 20px;}
               .user-orders-order, .user-orders-order > div {width: 110px;}
               .user-orders-date, .user-orders-date > div {width: 162px;}
               .user-orders-sum, .user-orders-sum > div {width: 182px;}
               .user-orders-status, .user-orders-status > div {width: 142px;}
   /*user forms*/
   .user-auth-form .form-submit .jf {text-align: left;}
      .user-auth-form .form-submit a {font-size: 15px;}
      .user-auth-form .form-submit .jf a:first-child {margin-right: 30px;}
   .registration-form .radio-wrapper {display: block; margin: 0 0 20px;}
   .registration-form .radio-wrapper:last-child {margin-bottom: 0;}
      .registration-form .radio-wrapper label {font-size: 16px;}
   .password-recovery-form .form-field {padding-right: 10%;}
}
@media all and (max-width: 479px) {
   /*tabs*/
   .user-cabinet {margin-bottom: 40px;}
      .user-cabinet .tabs-links-wrapper {display: none;}
      .user-cabinet .tabs-box {display: block; position: relative; width: 100%; max-height: 0; padding: 55px 20px 0; margin-left: -20px; overflow: hidden; opacity: 1; visibility: visible; border-bottom: 1px solid #a3b7bf; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
         .user-cabinet .tabs-toggler {display: block;}
   /*user-profile*/
   .profile-form-legend {font-size: 22px;}
   .profile-form-info > div {font-size: 16px; border-left: 0; border-right: 0; width: 100%; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
   /*user-orders*/
   .user-orders-header .tb-cell  {font-size: 20px;}
   /* user-promocode*/
   .promocode-list-table {overflow: auto; width: 100%; padding: 0 20px; margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .promocode-list-table .tb {white-space: nowrap; min-width: 355px;}
         .promocode-list-table .tb-cell {padding-right: 20px;}
         .promocode-list-table .tb-body .tb-cell {font-size: 16px;}
   /*user forms*/
   .password-recovery-form .form-field {padding-right: 0;}
}
@media all and (max-width: 375px) {
   .cabinet-heading {text-align: justify; font-size: 0; line-height: 0;}
      .cabinet-heading:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block;}
      .cabinet-heading h1 {margin-right: 0;}
      .cabinet-heading .btn {padding: 0 10px;}
   /*user-promocode*/
   .promocode-enter-form .form-field {padding-right: 10px;}
   .promocode-enter-form .form-submit .btn {width: 95px;}
   .promocode-list-title {font-size: 18px;}
}


/*====================================================
   .search-results
====================================================*/
/*form*/
.search-results-form {position: relative; width: 600px; padding: 20px; margin-bottom: 30px;}
   .search-results-form input[type="text"] {height: 40px; border: 1px solid #cacaca; border-radius: 3px; padding: 0 80px 2px 15px; background: #fff;}
   .search-results-form input::-webkit-input-placeholder {font-style: italic;}
   .search-results-form input::-moz-placeholder {font-style: italic;}
   .search-results-form input:-moz-placeholder {font-style: italic;}
   .search-results-form input:-ms-input-placeholder {font-style: italic;}
   .search-results-form input[type="submit"] {position: absolute; top: 20px; right: 20px; width: 80px; height: 40px; background: none; font-size: 13px; text-transform: uppercase; color: #252525; letter-spacing: 0;}
   .search-results-form input[type="submit"]:hover {color: #e31e24; background: none;}
/*tabs*/
.search-results-tabs .tabs-links-wrapper {padding-bottom: 10px; margin-bottom: 10px; position: relative;}
   .search-results-tabs .tabs-links-wrapper:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; box-shadow: 1.414px 1.414px 2px 0 rgba(23, 26, 31, 0.2);}
   .search-results-tabs .tabs-links li {width: 300px;}
   .search-results-list {margin-top: -10px; margin-bottom: 55px; position: relative; z-index: 2;}
      .search-results-list .wrapper-box {margin-bottom: 20px;}
         .search-results-list ol {margin: 0 0 0 20px;}
            .search-results-list ol li {padding: 0; margin: 0 0 40px; font-family: "GothamProRegular";}
            .search-results-list ol li:last-child {margin-bottom: 0;}
               .search-results-title {margin-bottom: 5px; font-size: 16px;}
                  .search-results-title a {text-decoration: none; border-bottom: 1px solid transparent; color: #252525;}
                  .search-results-title a:hover {color: #e31e24; border-color: #f3b4b5;}
               .search-results-text {margin-bottom: 8px; font-family: "RobotoRegular";}
                  .search-results-text .highlight {color: #51ca08;}
               .search-results-section {position: relative; padding-left: 20px; font-family: "RobotoRegular"; font-size: 13px; color: #8b8b8b;}
                  .search-results-section:before {content: ''; position: absolute; top: 50%; left: -4px; margin-top: -10px; width: 15px; height: 19px; background: url('../i/list-icon.svg') 0 0 / contain no-repeat;}

@media all and (max-width: 1024px) {
   .search-results-form {width: 100%;}
      .search-results-form input[type="text"] {font-size: 16px;}
      .search-results-form input[type="submit"] {font-size: 14px;}
   .search-results-tabs .tabs-links-wrapper {background: #fff;}
      .search-results-tabs .tabs-links-wrapper:before {display: none;}
      .search-results-tabs .tabs-links li {width: 50%;}
   .search-results-list {margin-bottom: 40px;}
      .search-results-section {font-size: 14px;}
}
@media all and (max-width: 639px) {
   .search-results-list .load-next-page {display: none;}
   .search-results-list .pagination {display: block;}
      .search-results-list .pagination .pagination-prev, .search-results-list .pagination .pagination-next {width: 91px;}
}
@media all and (max-width: 479px) {
   .search-results-form {margin-left: -20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
      .search-results-form input[type="text"] {padding-right: 40px;}
      .search-results-form input[type="submit"] {text-indent: -9999px; width: 40px; height: 40px; background: url(../i/search-icon-blue.svg) 50% 50% no-repeat; background-size: 16px 16px;}
   .search-results-tabs .tabs-links-wrapper {box-shadow: 1.414px 1.414px 2px 0 rgba(23, 26, 31, 0.2);}
   .search-results-list ol {list-style-position: inside; margin: 0;}
      .search-results-list ol li {margin-bottom: 30px;}
         .search-results-title {display: inline; font-size: 18px;}
         .search-results-section {font-size: 16px;}
   .search-results-list .pagination ul {width: 100%; padding: 10px 20px; overflow: auto; margin-left: -20px; text-align: justify; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
         .search-results-list .pagination ul li {display: inline-block; vertical-align: top; float: none;}
            .search-results-list .pagination ul:after {width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; clear: none;}
            .search-results-list .pagination .pagination-prev, .search-results-list .pagination .pagination-next {width: 35px; text-indent: -9999px;}
               .search-results-list .pagination .pagination-prev:before, .search-results-list .pagination .pagination-prev:after, .search-results-list .pagination .pagination-next:before, .search-results-list .pagination .pagination-next:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 7px; background: #fff; z-index: 2;}
               .search-results-list .pagination .pagination-prev:before, .search-results-list .pagination .pagination-next:before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
               .search-results-list .pagination .pagination-prev:after, .search-results-list .pagination .pagination-next:after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
               .search-results-list .pagination .pagination-prev:before {margin-top: -1px; margin-left: -2px;}
               .search-results-list .pagination .pagination-prev:after {margin-top: -5px; margin-left: -2px;}
               .search-results-list .pagination .pagination-next:before {margin-top: -5px;}
               .search-results-list .pagination .pagination-next:after {margin-top: -1px;}
}
@media all and (max-width: 375px) {
   .search-results-list .pagination ul li {width: 30px; height: 30px; line-height: 28px;}
   .search-results-list .pagination .pagination-prev, .search-results-list .pagination .pagination-next {width: 30px;}
}


/*====================================================
   .filter (left sidebar)
====================================================*/
.filter-wrapper {margin-bottom: 25px; position: relative; z-index: 10000;}
   .filter {}
      .filter-top {display: table; width: 100%; padding: 0 20px; height: 50px; background: #52ccfd;}
         .filter-title {display: table-cell; vertical-align: middle; font-size: 16px; line-height: 1.2; color: #fff;}
            .filter-top .btn {float: right; font-size: 11px; padding: 0 10px;}
               .filter-top .btn:hover {background: #e31e24;}
      .filter-content {padding: 0 20px;}
         .filter-fieldset {padding: 20px 0 15px; border-bottom: 1px solid #dadada;}
         .filter-content .filter-fieldset:last-child {border: 0;}
            .filter-legend {font-size: 16px; margin-bottom: 20px;}
               .filter-legend > div {display: inline-block; position: relative;}
                  .filter-find {opacity: 0; position: absolute; top: 50px; left: 100%; margin-left: 25px; height: 28px; padding: 0 10px; border-radius: 3px; background: #51ca08; font-size: 12px; line-height: 27px; color: #fff; white-space: nowrap; z-index: 3; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                  .filter-find.visible {opacity: 1;}
                     .filter-find:before {content: ''; position: absolute; top: 0; left: -10px; border-right: 11px solid #51ca08; border-top: 14px solid transparent; border-bottom: 14px solid transparent;}
            .filter-inputs {overflow: hidden; margin: 0; padding: 0; -webkit-transition: max-height 0.2s ease 0s; -moz-transition: max-height 0.2s ease 0s; transition: max-height 0.2s ease 0s;}
               .filter-inputs li {margin: 0; padding: 0;}
                  .filter-inputs li:before {display: none;}
               /*checkbox input*/
               .filter .checkbox-wrapper {min-height: 20px; padding-bottom: 15px;}
                  .filter .checkbox-wrapper label {line-height: 1.45;}
                  .filter .checkbox-wrapper label:before {width: 20px; height: 20px;}
                  .filter .checkbox-wrapper label:after {width: 10px; height: 10px; border-radius: 10px; background: #51ca08; top: 5px; left: 5px;}
               /*radio input*/
               .filter .radio-wrapper {min-height: 20px; padding-bottom: 13px;}
                  .filter .radio-wrapper label {line-height: 1.5; padding-left: 30px;}
                  .filter .radio-wrapper label:before {width: 20px; height: 20px; border-radius: 20px; background: #fff;}
                  .filter .radio-wrapper label:after {width: 10px; height: 10px; background: #51ca08; top: 5px; left: 5px;}
            .filter-inputs-toggler {margin-bottom: 15px;}
               .filter-inputs-toggler span:last-child {display: none;}
               .filter-inputs-toggler.active span:last-child {display: inline-block;}
               .filter-inputs-toggler.active span:first-child {display: none;}
            .filter-range {padding: 5px 8px; overflow: hidden; margin-left: -4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
            /*range slider text input*/
            .filter-range-inputs {margin-bottom: 15px;}
            .filter-range-inputs.cl {text-align: center;}
               .filter-range-inputs input[type="text"] {width: 120px; padding: 0 10px;}
               .filter-range-inputs.cl span {line-height: 34px;}
            /*range slider values*/
            .filter-range-values {margin: 2px 0 20px; font-size: 12px; color: #b7b7b7;}
      .filter-bottom {padding: 0 20px 30px;}
         .filter-bottom .filter-apply {float: left; width: 145px; font-family: "RobotoBold"; letter-spacing: 0.5px;}
         .filter-bottom .filter-reset {float: right; width: 110px; line-height: 32px;}
         .filter-bottom .filter-apply, .filter-bottom .filter-reset {height: 34px; font-size: 14px; padding: 0;}
      .filter-overlay {display: none; opacity: 0; visibility: hidden; position: fixed; z-index: 999; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0,.3); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
      .filter-wrapper.visible .filter-overlay {visibility: visible; opacity: 1;}
      .filter-close {display: none; position: absolute; top: 15px; right: 15px; width: 24px; height: 24px; cursor: pointer; z-index: 100;}
         .filter-close:before, .filter-close:after {content: ''; position: absolute; top: 11px; left: 4px; width: 18px; height: 2px; background: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
         .filter-close:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
         .filter-close:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg)}
      .filter-toggler {display: none; height: 48px; margin-bottom: 40px; background: #52ccfd; border-radius: 3px; color: #fff; font-size: 16px; line-height: 47px; text-decoration: none; position: relative;}
         .filter-toggler > div {position: relative; width: 100%; height: 100%; padding: 0 20px 0 50px;}
            .filter-toggler:after, .filter-toggler > div:before, .filter-toggler > div:after {content: ''; position: absolute; left: 13px; height: 2px; background: #fff; z-index: 1;}
            .filter-toggler:after {top: 18px; width: 20px;}
            .filter-toggler > div:before {top: 23px; width: 15px;}
            .filter-toggler > div:after {top: 28px; width: 7px;}

@media all and (min-width: 1025px) and (max-width: 1279px) {
   .filter-range-inputs input[type="text"] {width: 100px;}
   .filter-bottom .filter-apply {width: 105px;}
   .filter-bottom .filter-reset {width: 105px;}
}           
@media all and (max-width: 1024px)  {
   .filter-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; visibility: hidden;}
   .filter-wrapper.visible {visibility: visible;}
      .filter-wrapper .filter {width: 304px; height: 100%; overflow: auto; z-index: 1000; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s;}
       .filter-wrapper.visible .filter {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
      .filter-overlay {display: block;}
      .filter-close {display: block;}
      .filter-toggler {display: inline-block;}
      .filter-top {height: 55px;}
         .filter-top .btn {display: none;}
      .filter-find {left: auto; right: 0; top: 75px;}
}
@media all and (max-width: 375px) {
   .filter-toggler {width: 100%;}
      .filter-toggler > div {padding: 0 0 0 70px;}
         .filter-toggler:after, .filter-toggler > div:before, .filter-toggler > div:after {left: 33px;}
}


/*====================================================
   .usefull-links (left sidebar)
====================================================*/
.usefull-links {margin-bottom: 50px;}
   .usefull-links ul {margin: 0; padding: 0;}
      .usefull-links li {margin: 0; padding: 0;}
      .usefull-links .inside-link {margin-bottom: 25px;}
      .usefull-links li:before {display: none;}
      .outside-link:after {content: '';position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin-top: -10px; background: rgba(0,0,0,0.15); z-index: 1;}
         .usefull-links a {display: block; height: 70px; overflow: hidden; font-family: "RobotoBold"; font-size: 16px; line-height: 63px; color: #fff; text-decoration: none; position: relative;}
         .inside-link a {padding: 0 20px 0 90px;}
         .cover-link a {background: #69cc56;}
         .price-link a {background: #ab1659;}
         .color-link a {background: #45bac4;}
         .outside-link a {padding: 0 25px 0 54px;}
         .metall-link a {background: #b3b3b3;}
         .beton-link a {background: #969da4;}
            .usefull-links a span {display: inline-block; vertical-align: middle; line-height: 1.2; position: relative; z-index: 2;}
            .inside-link a:before {content: ''; position: absolute; bottom: -10px; right: 30px; z-index: 1; width: 120%; height: 200%; border-radius: 0em 0 10em 0; background: rgba(0,0,0,0.09);}
            .outside-link a:before, .outside-link a:after {content: ''; position: absolute; top: 50%; left: auto; right: 8px; width: 2px; height: 7px; background: #fff; z-index: 2;}
            .outside-link a:before {margin-top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
            .outside-link a:after {margin-top: -1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
            /*icons*/
            .usefull-links .svg-wrapper {position: absolute; top: 50%; left: 25px; z-index: 2;}
               .usefull-links .svg-wrapper svg {width: 100%; height: 100%; vertical-align: top;}
            .cover-link .svg-wrapper {width: 42px; height: 50px; margin-top: -25px;}
               .cover-link .svg-icon {fill: #77f25e;}
               .cover-link:hover .svg-icon {fill: #a8ff96;}
            .price-link .svg-wrapper {width: 41px; height: 50px; margin-top: -25px;}
               .price-link .svg-icon {fill: #d06f9b;}
               .price-link:hover .svg-icon {fill: #e691b7;}
            .color-link .svg-wrapper {width: 48px; height: 48px; margin-top: -24px;}
               .color-link .svg-icon {fill: #50dae5;}
               .color-link:hover .svg-icon {fill: #99f7ff;}
            .usefull-links .outside-link .svg-wrapper {width: 24px; height: 22px; left: 18px; margin-top: -11px;}
               .metall-link .svg-icon {fill: #e6e6e6;}
               .metall-link:hover .svg-icon {fill: #fff;}
               .beton-link .svg-icon {fill: #c8d1db;}
               .beton-link:hover .svg-icon {fill: #fff;}

@media all and (min-width: 1025px) {
   .content .usefull-links {display: none;}
}
@media all and (max-width: 1024px) {
   .usefull-links {margin-bottom: 20px;}
      .usefull-links ul {margin-left: -20px;}
         .usefull-links li {float: left; width: 50%; margin-bottom: 20px; padding-left: 20px;}
         .usefull-links .inside-link {margin-bottom: 20px;} 
         .usefull-links .price-link {display: none;}
}
@media all and (max-width: 799px) {
   .inside-link a, .outside-link a {padding-right: 20px;}
      .outside-link:after, .outside-link a:before, .outside-link a:after {display: none;}
}
@media all and (max-width: 639px) {
   .usefull-links {margin-bottom: 40px;}
      .usefull-links ul {margin-left: 0;}
         .usefull-links li {float: none; width: 100%; padding: 0;}
}
@media all and (max-width: 479px) {
   .inside-link a {padding: 0 15px 0 80px;}
   .outside-link a {padding: 0 15px 0 50px;}
      .usefull-links .svg-wrapper {left: 18px;}
      .usefull-links .outside-link .svg-wrapper {left: 12px;}
}


/*====================================================
   .footer
====================================================*/
.footer {position: relative; font-size: 13px; line-height: 1.5; color: #fff; background: #082d3d;}
   .footer a {color: #fff;}
   .footer a:hover {color: #52ccfd;}
   /*footer-top*/
   .footer-top {padding: 40px 0;}
      .footer-top .inner {display: table; width: 100%;}
         .footer-top .inner > div {display: table-cell; vertical-align: top; width: 20%; padding: 0 10px 0 36px; border-left: 1px solid #0a394d;}
            /*footer-logo*/
            .footer-top .inner .footer-logo {width: 25%; padding: 0 36px 0 0; border-left: 0;}
               .footer-logo-image {margin-bottom: 30px;}
                  .footer-logo-image a {display: inline-block;}
                  .footer-logo-image img {display: block; width: 94px;}
               .footer-logo-slogan {font-size: 12px;}
                  .footer-logo-slogan br {display: none;}
            /*footer-menu*/
            .footer-menu {}
               .footer-menu strong {display: block; font-size: 18px; color: #52ccfd;}
               .footer-menu ul {margin: 0;}
                  .footer-menu li {margin: 10px 0; padding: 0;}
                     .footer-menu li:before {display: none;}
                     .footer-menu li.current a {color: #52ccfd; text-decoration: none;}
            /*footer-contacts*/
            .footer-top .inner .footer-contacts {padding-right: 35px; border-right: 1px solid #0a394d;}
               .footer-contacts > div {margin-bottom: 20px;}
                  .footer-contacts a {text-decoration: none; display: inline-block;}
                     .footer-contacts-text {padding-left: 30px;}
                     .footer-contacts img {float: left;}
                     .footer-phone img {width: 18px; height: 18px;}
                     .footer-mail img {width: 20px; height: 12px; margin-top: 4px;}
                     .footer-work img {width: 18px; height: 18px; margin-top: 2px;}
            /*footer-social*/
            .footer-social {padding-left: 30px;}
               .footer-social a {float: left; margin-right: 10px;}
               .footer-social a:last-child {margin: 0;}
                  .footer-social img {width: 29px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                  .footer-social a:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
   /*footer-bottom*/
   .footer-bottom {height: 50px; background: #051a24; position: relative;}
      .footer-bottom .inner {display: table; height: 100%; width: 100%;}
         .footer-bottom .inner > div {display: table-cell; vertical-align: middle;}
         /*footer-policy*/
         .footer-policy {position: absolute; top: -65px; left: 20px;}
         /*footer-developer*/
         .footer-developer {text-align: right;}
            .footer-developer a {text-decoration: none; white-space: nowrap;}
            .footer-developer a:hover {color: #fff;}
            .footer-developer a:hover span:not(.ndash) {text-decoration: underline;}
               .footer-developer span, .footer-developer img {vertical-align: middle;}
               .footer-developer img {margin-top: -6px; width: 60px;}
               .footer-developer .ndash {padding: 0 10px;}

@media all and (max-width: 1334px) {
   /*footer-contacts*/
   .footer-top .inner .footer-contacts {border-right: 0; padding-right: 16px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   /*footer-logo*/
   .footer-logo {width: 20%;}
}
@media all and (max-width: 1024px) {
   .footer-top .inner > div {width: auto; border: 0; padding: 0;}
   /*footer-logo*/
   .footer-top .inner .footer-logo {width: auto;}
      .footer-logo > div {display: table;}
         .footer-logo-image, .footer-logo-slogan {display: table-cell; vertical-align: middle;}
         .footer-logo-image {margin: 0;}
         .footer-logo-slogan {padding-left: 20px;}
            .footer-logo-image img {width: 68px;}
            .footer-logo-slogan br {display: block;}
   /*footer-menu*/
   .footer-top .inner .footer-menu {display: none;}
   /*footer-contacts*/
   .footer-contacts .footer-work {display: block; margin: 0;}
      .footer-work br {display: none;}
      .footer-work .footer-contacts-text span {display: inline-block;}
   .footer-social {padding: 0; margin: 0;}
   /*footer-counters*/
   .footer-bottom .inner .footer-counters {display: none;}
   /*footer-policy*/
   .footer-policy {position: relative; top: auto; left: auto;}
      .footer-policy br {display: none;}
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   /*footer-logo*/
   .footer-top .inner .footer-logo {padding-right: 20px;}
      .footer-logo-image, .footer-logo-slogan {vertical-align: top;}
      .footer-logo-slogan {white-space: nowrap;}
         .footer-logo-image img {max-width: none; margin: -20px 0 0 0;}
   /*footer-contacts*/
   .footer-top .inner .footer-contacts {padding: 0 90px 0 0;}
      .footer-contacts > div {display: inline-block;}
      .footer-phone {padding-right: 30px;}
      .footer-contacts .footer-social {position: absolute; top: 6px; right: 20px;}
}
@media all and (max-width: 767px) {
   /*footer-policy*/
   .footer-policy br {display: block;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   /*footer-contacts*/
   .footer-top .inner .footer-contacts {padding-right: 80px;}
   .footer-phone {padding-right: 20px;}
}
@media all and (max-width: 639px) {
   .footer-top {padding: 0;}
      .footer-top .inner, .footer-top .inner > div {display: block;}
      /*footer-logo*/
      .footer-top .inner .footer-logo {padding: 20px 0; border-bottom: 1px solid #0a394d;}
         .footer-logo-slogan {font-size: 13px;}
      /*footer-contacts*/
      .footer-top .inner .footer-contacts {font-size: 16px; padding: 20px 0;}
         .footer-contacts > div {margin-bottom: 30px;}
            .footer-contacts-text {padding-left: 45px;}
            .footer-phone img {width: 28px; height: 28px; margin-left: 2px;}
            .footer-mail img {width: 34px; height: 22px; margin-top: 2px;}
            .footer-work img {width: 26px; height: 26px; margin-left: 5px; margin-top: 0;}
      /*footer-social*/
      .footer-contacts .footer-social {display: none;}
   .footer-bottom {height: auto; padding: 20px 0;}
      .footer-bottom .inner, .footer-bottom .inner > div {display: block;}
      .footer-bottom .inner > div {margin-bottom: 24px;}
      /*footer-developer*/
      .footer-bottom .inner .footer-developer {margin: 0; text-align: left;}
         .footer-developer a {white-space: normal;}
            .footer-developer img {display: block; margin: 0 0 2px;}
            .footer-developer .ndash {display: none;}
}
@media all and (max-width: 375px) {
   .footer-work br {display: block;}
}


/*====================================================
   .modal-wrapper
====================================================*/
.modal-wrapper {visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding: 0 20px; font-size: 0; line-height: 0; z-index: 2147483649; overflow: visible;}
.modal-wrapper.visible {visibility: visible;}
   .modal-wrapper:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
   /*modal-overlay*/
   .modal-overlay {opacity: 0; visibility: hidden; position: fixed; z-index: 99; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0,.3); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
   .modal-wrapper.visible .modal-overlay {visibility: visible; opacity: 1;}
   /*modal-inner*/
   .modal-inner {opacity: 0; visibility: hidden; position: relative; z-index: 100; width: 700px; max-width: 100%; max-height: 100%; overflow: auto; top: 0; padding: 30px 160px 30px 30px; display: inline-block; vertical-align: middle; text-align: left; font-size: 16px; line-height: 1; background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.15) translate3d(0,-15%,0); -moz-transform: scale(1.15) translate3d(0,-15%,0); transform: scale(1.15) translate3d(0,-15%,0); -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
   .text-form .modal-inner {width: auto; padding: 30px 50px;}
   .modal-wrapper.visible .modal-inner {opacity: 1; visibility: visible; -webkit-transform: scale(1) translate3d(0,0,0); -moz-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0);}
      .modal-inner:before {content: ''; position: absolute; bottom: 0; right: 0; z-index: 0; width: 235px; height: 236px; background: url('../i/modal-bg.png') 0 0 no-repeat;}
      .text-form .modal-inner:before {display: none;}
      .modal-inner .form-submit .tb-cell:last-child {padding-right: 10px;}
      /*modal-title*/
      .modal-title {font-family: "GothamProRegular"; font-size: 20px; line-height: 1.3; font-weight: normal; color: #2d2d2d; margin: 0 0 30px; padding: 0; position: relative; z-index: 1;}
      .text-form .modal-inner .modal-title:last-child {margin-bottom: 0;}
      /*modal-close*/
      .modal-close {display: block; position: absolute; top: 30px; right: 30px; width: 24px; height: 24px; cursor: pointer; z-index: 100;}
      .text-form .modal-close {top: 10px; right: 10px;} 
         .modal-close:before, .modal-close:after {content: ''; position: absolute; top: 11px; left: 4px; width: 18px; height: 2px; background: #000; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
         .modal-close:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
         .modal-close:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg)}
         .modal-close:hover:before, .modal-close:hover:after {background: #e31e24;}

@media all and (max-width: 639px) {
   .modal-title {padding-right: 20px;}
   .modal-inner .form-submit {padding: 0;}
      .modal-inner .form-submit .tb-cell:last-child {padding-right: 0;}
}
@media all and (min-width: 480px) and (max-width: 639px) {
   .modal-inner {padding-right: 100px;}
      .modal-inner:before {width: 200px; width: 201px;}
      .modal-close {top: 25px; right: 25px;}
}
@media all and (max-width: 479px) {
   .modal-inner {padding: 25px 20px;}
   .text-form .modal-inner {padding: 25px;}
      .modal-inner:before {display: none;}
      .modal-title {margin-bottom: 20px;}
      .modal-close {top: 20px; right: 20px;}
}
@media all and (max-width: 375px) {
   .modal-close {top: 10px; right: 10px;}
}


/*====================================================
   .back-top
====================================================*/
.back-top {opacity: 0; position: fixed; bottom: 100px; right: 3%; z-index: 2; cursor: pointer;}
.back-top.visible {opacity: 1; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;}
   .roller {position: absolute; bottom: 0; right: 0; width: 64px; height: 64px; z-index: 2; background: url('../i/roller.svg') 0 0 / contain no-repeat; -webkit-transition: bottom 2.5s ease 0s; -moz-transition: bottom 2.5s ease 0s; transition: bottom 2.5s ease 0s;}
   .roller-paint {position: absolute; bottom: 47px; right: 0; z-index: 1; height: 0; width: 56px; margin-right: 8px;
    background: #84eb1f; -webkit-transition: height 2.5s ease 0s; -moz-transition: height 2.5s ease 0s; transition: height 2.5s ease 0s;}
      .roller-paint:after {content: ''; position: absolute; top: 100%; left: 0; width: 56px; height: 86px; background: url('../i/roller-paint.png') 0 0 no-repeat;}
   .roller-text {position: absolute; top: 0; left: 0; width: 56px; height: 21px; border-radius: 3px; overflow: hidden;}
   .roller.active .roller-text {background: #51ca08;}
      .roller-text span {position: absolute; left: 0; top: 0; width: 100%; text-align: center; font-size: 12px; line-height: 21px; color: #fff; }
      .roller.active .roller-text span {-webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-name: spanRotate; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-name: spanRotate; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-name: spanRotate;}
   .roller:before {content: ''; position: absolute; top: -16px; left: 16px; border-bottom: 10px solid #12668a; border-left: 12px solid transparent; border-right: 12px solid transparent; -webkit-transition: opacity 0.3s ease 0.3s; -moz-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s;}
   .roller.active:before {display: none;}

@media all and (max-width: 1679px) {
   .back-top {right: 12px;}
}
@media all and (min-width: 1025px) and (max-width: 1679px) {
   .back-top {bottom: 420px;} 
}
@media all and (min-width: 640px) and (max-width: 1024px) {
   .back-top {bottom: 230px;}
}
@media all and (max-width: 479px) {
   .back-top {bottom: 70px;}
}


/*====================================================
   Animate
====================================================*/

/*spanRotate*/
@-webkit-keyframes spanRotate {
   0% {
      -webkit-transform: translateY(0);
      opacity: 1
   }
   15% {
      -webkit-transform: rotateX(45deg) translateY(-9px);
      opacity: 0.8
   }
   25% {
      -webkit-transform: translateY(-21px);
      opacity: 0
   }
   50% {
      -webkit-transform: translateY(0);
      opacity: 0
   }
   75% {
      -webkit-transform: translateY(21px);
      opacity: 0
   }
   100% {
      -webkit-transform: rotateX(45deg) translateY(9px);
      opacity: 0.8
   }
}
@-moz-keyframes spanRotate {
   0% {
      -moz-transform: translateY(0);
      opacity: 1
   }
   15% {
      -moz-transform: rotateX(45deg) translateY(-9px);
      opacity: 0.8
   }
   25% {
      -moz-transform: translateY(-21px);
      opacity: 0
   }
   50% {
      -moz-transform: translateY(0);
      opacity: 0
   }
   75% {
      -moz-transform: translateY(21px);
      opacity: 0
   }
   100% {
      -moz-transform: rotateX(45deg) translateY(9px);
      opacity: 0.8
   }
}
@keyframes spanRotate {
   0% {
      transform: translateY(0);
      opacity: 1
   }
   15% {
      transform: rotateX(45deg) translateY(-9px);
      opacity: 0.8
   }
   25% {
      transform: translateY(-21px);
      opacity: 0
   }
   50% {
      transform: translateY(0);
      opacity: 0
   }
   75% {
      transform: translateY(21px);
      opacity: 0
   }
   100% {
      transform: rotateX(45deg) translateY(9px);
      opacity: 0.8
   }
}

/*rotating-Togs*/
@-webkit-keyframes rotating-Togs {
   0% {
      -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
   }
}
@keyframes rotating-Togs {
   0% {
      -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
   }
}

/*rotating-Togs-close*/
@-webkit-keyframes rotating-Togs-close {
   0% {
      -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
   }
   100% {
      -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
   }
}
@keyframes rotating-Togs-close {
   0% {
      -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
   }
   100% {
      -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
   }
}

/*linearing-Togs*/
@-webkit-keyframes linearing-Togs {
   0% { height: 0; }
   100% { height: 100%; }
}
@keyframes linearing-Togs {
   0% { height: 0; }
   100% { height: 100%; }
}

/*op-qwik-Togs*/
@-webkit-keyframes op-qwik-Togs {
   0% { width: 0; }
   100% { width: 15px; }
}
@keyframes op-qwik-Togs {
   0% { width: 0; }
   100% { width: 15px; }
}



/*====================================================
   Slick slider
====================================================*/
.slick-slider {position: relative;display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after {display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;outline: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

/* --- dots --- */
.slick-dots {position: absolute; left: 0; width: 100%; text-align: center; font-size: 0; line-height: 0; padding: 0; margin: 0;}
   .slick-dots li {display: inline-block; padding: 0; margin: 0; z-index: 100;}
      .slick-dots li:before {display: none;}
      .slick-dots li button {display: block; padding: 0; border: 0; text-indent: -9999px; position: relative;}
         .slick-dots li button:after {content: ''; position: absolute; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

/* --- arrows --- */ 
.slick-arrow {position: absolute; top: 50%; width: 16px; height: 26px; margin-top: -13px; padding: 0; border: 0; text-indent: -9999px; z-index: 100; background: none;}
.slick-prev {left: 0;}
.slick-next {right: 0;}
   .slick-arrow:before, .slick-arrow:after {content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 17px; margin-left: 7px; background: #404040; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
   .slick-arrow:hover:before, .slick-arrow:hover:after {background: #52ccfd;}
   .slick-prev:before, .slick-next:after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg);}
   .slick-prev:after, .slick-next:before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);}
   .slick-prev:before, .slick-next:before {margin-top: -1px;}
   .slick-prev:after, .slick-next:after {margin-top: 10px;}

/* --- disabled --- */
.slick-arrow.slick-hidden {display: none;}
.slick-arrow.slick-disabled {opacity: 0.1; cursor: default;}
.slick-arrow.slick-disabled:hover:before , .slick-arrow.slick-disabled:hover:after {background: #404040;}


/*====================================================
   FancyBox v2.1.5
====================================================*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #fff;color: #444;text-shadow: none;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../i/fancybox/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('../i/fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../i/fancybox/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('../i/fancybox/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden; font-weight: 300; color: #033545; font-size: 20px; position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}

@media all and (min-width: 0px) and (max-width: 479px) {
   .fancybox-title {font-size: 16px;}
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
      only screen and (min--moz-device-pixel-ratio: 1.5),
      only screen and (min-device-pixel-ratio: 1.5){

   #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
      background-image: url('../i/fancybox/fancybox_sprite@2x.png');
      background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
   }

   #fancybox-loading div {
      background-image: url('../i/fancybox/fancybox_loading@2x.gif');
      background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
   }
}


/*====================================================
   nouislider - 11.0.0
====================================================*/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: relative;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 6px;
}
.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  left: -8px;
  top: -5px;
  cursor: pointer;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #dadada;
}
.noUi-connect {
  background: #51ca08;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 4px solid #12668a;
  border-radius: 100%;
  background: #FFF;
  cursor: default;
}
.noUi-active {
 
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: none;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/* ?????11.04.2018 - ???? ????*/

   .aside {
    background: #E3E8E8;
    padding: 5px;
    width: 250px;
    float: right;
    margin: 4px;

   }
   /* ?????11.04.2018 - ?????? */
    .block1 {
	 border: 1px solid #ffd05a;
	 /* background: url(/i/logo.gif) no-repeat 5px 50%; */ 
	 padding-bottom: 10px; 
	 padding-top: 10px; 
	 padding-left: 10px; 
	 padding-right: 10px
 }
 
 /*----- .express-box : start ----*/
.express-box {position: fixed; top: 40%; right: 0; z-index: 999;}
.express-box, .express-box *, .express-box *:before, .express-box *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .actions-express {background: #A82C24; box-shadow: 0 0 5px rgba(0,0,0,0.4); padding-left: 38px;}
        /* .express-btn */
        .express-btn {position: absolute; top: 0; left: 0; width: 38px; height: 100%; cursor: pointer;}
        .express-btn, .express-btn * {color: #fff; font-family: "RobotoBold"; font-size: 15px; line-height: 1;  text-decoration: none; text-align: center;}
            .express-btn-in {display: inline-block; vertical-align: top; position: relative; min-width: 128px; max-width: 100%; height: 38px; line-height: 38px; /*padding: 0 23px;*/ top: 50%; -webkit-transform: rotate(-90deg) translateX(-50%); -moz-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0;}
                .express-btn-close {display: block; background: transparent; width: 18px; height: 18px; position: absolute; top: 50%; right: -20px; margin-top: -7px; opacity: 0; visibility: hidden;}
                    .express-btn-close:before, .express-btn-close:after {display: block; content: ''; font-size: 0; position: absolute; top: 8px; width: 100%; height: 1px; background-color: rgba(255,255,255,0.6); -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
                    .express-btn-close:before {left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
                    .express-btn-close:after {right: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
                    .express-btn:hover .express-btn-close:before, .express-btn:hover .express-btn-close:after {background-color: rgba(255,255,255,1);}
        /* .express-content */
        .express-content {width: 0; height: 187px; position: relative; overflow: hidden;}
            .express-content-in {width: 100%; height: 100%; position: relative; background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
            .express-content-in, .express-content-in * {color: #fff; font-size: 14px; line-height: 1.28;}    
               .express-slide-img {display: block; width: 340px;}  
                /* slick slider */
                .express-slider:not(.slick-initialized) .express-slide:not(:first-child) {display: none}
                .express-slider .slick-prev, .express-slider .slick-next {top: auto; bottom: 14px; -webkit-transform: none -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 7px; height: 14px; background: none; border-top: 7px solid transparent; border-bottom: 7px solid transparent; opacity: 0.6;}
                .express-slider .slick-prev {left: 30px; border-right: 7px solid #fff;}
                .express-slider .slick-next {right: 30px; border-left: 7px solid #fff;}
                    .express-slider .slick-prev:hover, .express-slider .slick-next:hover {opacity: 1;}
                    .express-slider .slick-prev:before, .express-slider .slick-next:before, .express-slider .slick-prev:after, .express-slider .slick-next:after {display: none;}
                .express-slider .slick-dots {bottom: 14px; padding: 0 50px; font-size: 0 !important; line-height: 0 !important;}
                    .express-slider .slick-dots li {width: 14px; height: 14px; background: transparent; border: 3px solid rgba(255,255,255,0.6); margin-right: 6px;}
                        .express-slider .slick-dots li:hover, .express-slider .slick-dots .slick-active {background-color: rgba(255,255,255,0.6); border-color: transparent;}

        .express-content, .express-btn-close {-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}

    /* .actions-express.is-open */
    .actions-express.is-open .express-btn-close {opacity: 1; visibility: visible;}
    .actions-express.is-open .express-content {width: 340px;}

@media all and (max-width: 1024px) {
   .actions-express {padding-left: 20px;}
      /* .express-btn */
      .express-btn {width: 20px;}
      .express-btn, .express-btn * {font-family: "RobotoRegular"; font-size: 11px;}
         .express-btn-in {height: 20px; line-height: 20px; min-width: 100px;}
            .express-btn-close {width: 12px; height: 12px; margin-top: -8px;}
}
@media all and (max-width: 479px) {
   /* .express-content */
   .express-content {height: 154px;}
   .actions-express.is-open .express-content {width: 280px;}
      .express-slide-img {width: 280px;}
}
/*----- .express-box : end ----*/