/* Start:/local/templates/krasko/css/jquery-ui.min.css?175147699516930*/
/*! jQuery UI - v1.12.1 - 2016-09-21
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/krasko/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/krasko/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/krasko/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/krasko/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/krasko/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/krasko/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/krasko/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* End */


/* Start:/local/templates/krasko/css/style.css?1782463895283991*/
* {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%;}

/*====================================================
   Global
====================================================*/
html, body {height: 100%;}
body {background: #fff url('/local/templates/krasko/css/../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 { box-sizing: border-box;}

.easing, .easing * { 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;}

.flex { display: flex; flex-wrap: wrap;} 
.flex-nowrap { flex-wrap: nowrap;}
.flex-middle { align-items: center;}
.flex-bottom { align-items: flex-end;}
.flex-stretch { align-items: stretch;}
.flex-justify { justify-content: space-between;}
.flex-center { justify-content: center;}

/*scale images*/
.scale-image-wrapper {display: block; position: relative;}
   .scale-image {width: 100%; overflow: hidden;}
      .scale-image img { transform: scale3d(1,1,1); transition: transform 0.5s ease-in-out 0s;}
      .scale-image-wrapper:hover .scale-image img { 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 { 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; 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('/local/templates/krasko/css/../i/file-icon.svg') 0 0 / contain no-repeat;}
   .pdf-link:before {width: 38px; background: url('/local/templates/krasko/css/../i/pdf-icon.svg') 0 0 / contain no-repeat;}
   .doc-link:before {width: 38px; background: url('/local/templates/krasko/css/../i/doc-icon.svg') 0 0 / contain no-repeat;}
   .xls-link:before {width: 38px; background: url('/local/templates/krasko/css/../i/xls-icon.svg') 0 0 / contain no-repeat;}

/*article link*/
.article-link {display: inline-block; padding-left: 55px; position: relative; text-decoration: none; text-align: left; font-size: 14px; line-height: 1.3; color: #404040;}
   .article-link span {vertical-align: middle; border-bottom: 1px solid #7f7f7f; transition: all 0.2s ease 0s;}
   .article-link:hover span {border-color: #fff;}
   .article-link:before {content: ''; position: absolute; top: 50%; margin-top: -20px; left: 0; width: 39px; height: 45px; background: url('/local/templates/krasko/css/../i/article-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; 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('/local/templates/krasko/css/../i/zoom-icon.svg') 0 0 / contain no-repeat; z-index: 2; transform: scale(0);}
   .fancybox-link:hover:before {opacity: 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;}
.alt-rubric-wrapper.wrapper-box {background: none; box-shadow: none; padding-top: 0; padding-bottom: 0;}
   .wrapper-box p:last-child {margin: 0; padding: 0;}

@media all and (min-width: 480px) {
   .alt-rubric-wrapper.wrapper-box {padding: 0;}
}
@media all and (min-width: 1025px) {
   .tablet-block {display: none !important;}
   .desktop-hidden {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;}
   .mobile-hidden {display: none !important;}
}
@media all and (max-width: 479px) {
   .wrapper-box {width: 100%; margin-left: -20px; box-sizing: content-box;}
}


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

a {color: #12668a; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; 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;}

.table-scroll table {width: 100%;}
   .table-scroll table td {vertical-align: middle; border: 1px solid #dadada; line-height: 1.2;}
   .table-scroll table tr.tr-bg td {background: #f0f0f0;}
      .table-scroll table td p {margin: 0; padding: 0;}
      .table-scroll table td ul {margin: 0; padding: 0;}
         .table-scroll table td ul li {margin: 0; padding: 0 0 0 10px;}
            .table-scroll table td ul li:before {width: 6px; height: 1px; border-radius: 0; top: 13px;}

@media all and (max-width: 767px) {
   .table-scroll table {font-size: 16px;}
}
@media all and (max-width: 639px) {
   .table-scroll table {font-size: 14px;}
}
@media all and (max-width: 479px) {
   .table-scroll {overflow: auto; padding-right: 20px; margin-right: -20px;}
      .table-scroll table {width: 640px;}
}

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

hr {border: 0; height: 1px; background: #ccc; margin: 20px 0;}

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('/local/templates/krasko/css/../i/check.svg') 0 0 / contain no-repeat; position: absolute; top: 2px; left: 2px; z-index: 2; opacity: 0; transform: scale(0); transition: all 0.2s ease 0s;}
      .checkbox-wrapper input[type=checkbox]:checked + label:after {opacity: 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; transform: scale(0); transition: all 0.2s ease 0s;}
      .radio-wrapper input[type=radio]:checked + label:after {opacity: 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; 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('/local/templates/krasko/css/../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; 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; transition: all 0.3s ease 0s;}
         .jq-selectbox.opened .jq-selectbox__trigger-arrow { 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; transition: all 0.2s ease 0s;}
            .jq-selectbox__trigger-arrow:before {margin: -3px 0 0 -3px;transform: rotate(-45deg);}
            .jq-selectbox__trigger-arrow:after {margin: -3px 0 0 1px;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; 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('/local/templates/krasko/css/../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; transition: all 0.3s ease-out 0.1s;}
            .cabinet-link:hover .svg-icon {fill: #fff; 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; transform: translate3d(-100%,0,0); transform-origin: 0 50%; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out;}
         .no-touch .header-cabinet:not(.cabinet-login) .cabinet-link:hover:before { 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; 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; 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; 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; 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; 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; 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; 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: 50%; 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;}
   .header-panel .menu-main-separate {display: none;}
      .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;z-index: 1;} 
            .menu-main li:before {display: none;}
            .menu-main a {text-decoration: none; color: #595959; display: inline-block; line-height: 1; position: static;}
            .menu-main a[href$='/fake/'] {padding: 0 10px;}
            .menu-main a[href$='/fake/']:not(:hover) {color: #12668a;}
               .menu-main a:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
               .menu-main a[href$='/fake/']:before {background: #52ccfd;}
               .menu-main a span {position: relative; z-index: 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;*/ right: 20px; 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:not(.select-city__modal__list__item) {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 { -moz-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;color: #404040;}
         .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; 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; z-index: 20;}
         .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) { 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) { 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) { 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; transform: translate3D(4px,-12px,0);}
      /*header-bottom-panel*/
      .header-bottom-panel {padding-left: 304px; width: 100%; position: relative; z-index: 10;}
         .header-bottom-panel-in {position: relative;}
            /*header-search*/
            .header-search {width: 100%; height: 60px; padding-top: 10px;}
            .header-search:only-child {padding-left: 26px; max-width: 640px;}
               /*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('/local/templates/krasko/css/../i/search-icon-blue.svg') 15px 50% no-repeat; background-size: 16px 16px;}
                  .header-search:only-child .search-form input[type="text"] {font-size: 14px;}
                  .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: 26px; right: 0; z-index: 1000; max-height: 0; overflow: hidden; 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;}
            /*header-selection*/
            .selection-link {display: block; height: 60px; line-height: 60px; padding-left: 26px; padding-right: 26px; font-family: "RobotoBold"; font-size: 16px; color: #fff; text-decoration: none; text-transform: uppercase; white-space: nowrap; position: relative;} 
            .selection-link:hover, .selection-link.active {color: #52CCFD;}
               .interactive-link:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 26px; margin-top: -13px; background: #fff; opacity: 0.3;}
            .solution-menu {position: absolute; top: 100%; left: 0; z-index: 10;}
               .solution-menu ul {margin: 0; padding: 0; background: #188CBD;}
               .solution-menu ul li.first-level ul {background: #147AA5;}
               .solution-menu ul li.second-level ul {background: #0C688E;}
                  .solution-menu li {position: relative; padding: 0 20px; margin: 0; list-style: none; font-size: 14px; line-height: 1.15;}
                  .solution-menu ul li.first-level {text-transform: uppercase;}
                  .solution-menu ul li.first-level li {text-transform: none;}
                     .solution-menu li:before {display: none;}
                     .solution-menu li.parent .arrow {position: absolute; top: 24px; right: 20px;}
                        .solution-menu li.parent .arrow:before, .solution-menu li.parent .arrow:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 7px; background: #fff; border-radius: 0; z-index: 2; transition: all 0.3s ease 0s;}
                        .solution-menu li.parent:hover > .arrow:before, .solution-menu li.parent:hover > .arrow:after, .solution-menu li.current .arrow:before, .solution-menu li.current .arrow:after {background: #52CCFD;}
                        .solution-menu li.parent .arrow:before { margin-top: -5px; transform: rotate(-45deg);}
                        .solution-menu li.parent .arrow:after {margin-top: -1px; transform: rotate(45deg);}
                     .solution-menu li a {display: block; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; text-decoration: none;}
                     .solution-menu li.parent > a {padding-right: 15px;}
                     .solution-menu li:last-child > a {border-bottom: 0;}
                     .solution-menu li a:hover, .solution-menu li:hover > a, .solution-menu li.current a {color: #52CCFD;}
                     .solution-menu .submenu {position: relative;}

@media all and (min-width: 1280px) {
   .interactive-link {padding-right: 20px;}
   .interactive-select + .solution-select .solution-link {padding-left: 20px;}
}        
@media all and (min-width: 1025px) {
   .header {position: relative; z-index: 3;}
   .header-hamburger {display: none;} 
      /*header-bottom-panel*/
      .solution-menu {opacity: 0; visibility: hidden; width: 100%;}
      .solution-select:hover .solution-menu {opacity: 1; visibility: visible;}
      .solution-select:hover .solution-link {color: #52CCFD;}
         .solution-menu > ul {width: 33.333%;}
            .solution-menu .submenu {position: absolute; left: 100%; top: 0; opacity: 0; visibility: hidden; width: 100%;}
            .solution-menu li.parent:hover > .submenu {opacity: 1; visibility: visible;}
}
@media all and (min-width: 1025px) and (max-width: 1334px) {
   /*header-bottom-panel*/
   .solution-menu {width: calc(100% + 20px);}
}
@media all and (max-width: 1279px) {
   /*header-bottom-panel*/
   .search-form input[type="text"] {padding: 0 60px 2px 30px; background-position: 10px 50%; background-size: 14px 14px;}
   .search-form input[type="submit"] {width: 60px; font-size: 12px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .header-contacts ul li {display: block;}
   /*menu-main*/
   .menu-main a[href$='/fake/'] {padding: 0 5px;}
   /*catalog-link*/
   .catalog-link {width: 260px;}
   /*header-bottom-panel*/
   .header-bottom-panel {padding-left: 260px;}
      .interactive-link {padding-right: 15px;}
      .interactive-select + .solution-select .solution-link {padding-left: 15px;}
      .solution-menu li {font-size: 13px;}
         .solution-menu li a {padding: 12px 0;}
         .solution-menu li.parent .arrow  {top: 20px;}
         .search-form input[type="text"] {font-size: 12px;}
}
@media all and (min-width: 1152px) and (max-width: 1279px) {
   /*menu-main*/
   .menu-main:not(.menu-main-separate) {padding-right: 250px;}
   .menu-main-separate {width: 225px;}
   /*header-bottom-panel*/
   .selection-link {font-size: 15px;}
}
@media all and (max-width: 1151px) {
   /*header-bottom-panel*/
   .selection-link {font-size: 14px;}
}
@media all and (min-width: 1025px) and (max-width: 1151px) {
   /*menu-main*/
   .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; 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; transition: all 0.2s ease 0s;}
               .menu-top ul li:before {margin-top: -5px;transform: rotate(-45deg);}
               .menu-top ul li:after {margin-top: -1px;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;}
                  .menu-main a[href$='/fake/'] {padding: 0;}
                     .menu-main a[href$='/fake/']:before {width: auto; left: -20px; right: -20px;}
                  /*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; z-index: 2; transition: all 0.2s ease 0s;}
                  .menu-main:not(.menu-main-separate) li:before {margin-top: -5px;transform: rotate(-45deg);}
                  .menu-main:not(.menu-main-separate) li:after {margin-top: -1px;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;}
      /*catalog-link*/
      .catalog-link {height: 42px; line-height: 42px; float: left; padding-left: 54px; background: #52ccfd; font-size: 14px;}
         .catalog-link-hamburger {width: 15px;}
            .catalog-link-hamburger span {width: 15px; left: 0;}
            .catalog-link:hover .catalog-link-hamburger span:nth-child(1) { transform: translate3D(0,9px,0);}
            .catalog-link:hover .catalog-link-hamburger span:nth-child(2) { transform: translate3D(9px,3px,0);}
            .catalog-link:hover .catalog-link-hamburger span:nth-child(3) { transform: translate3D(9px,-12px,0);}
            .catalog-link:hover .catalog-link-hamburger span:nth-child(4) { transform: translate3D(0,-12px,0);}
      /*header-bottom-panel*/
      .interactive-link:after {height: 18px; margin-top: -9px;}
      .selection-link {height: 42px; line-height: 42px; padding-left: 20px; padding-right: 20px;}
      .solution-menu {left: -20px; right: -20px; text-align: left; display: none;}
         .solution-menu li {padding: 0;}
            .solution-menu li:after {content: ''; position: absolute; bottom: 0; left: 20px; right: 20px; height: 1px; background: rgba(255, 255, 255, 0.3);}
            .solution-menu li:last-child:after {display: none;}
            .solution-menu li a {padding: 15px 20px; border-bottom: 0;}
            .solution-menu li.parent > a {padding-right: 30px;}
            .solution-menu li.parent .arrow {right: 25px; transition: all 0.3s ease 0s;}
            .solution-menu li.parent .show + .arrow { transform: rotate(90deg);}
            .solution-menu .submenu {max-height: 0; overflow: hidden; transition: all 0.3s ease 0s;}
            .solution-menu .show ~ .submenu {max-height: 1000px;}
      .header-search {height: 42px; padding-top: 6px;}
      .header-search:only-child {padding-left: 20px;}
         .search-form input[type="text"] {height: 30px; border-radius: 2px; padding: 0 20px 2px 10px; background: #FFF; font-size: 1.25vw;}
         .search-form input[type="submit"] {width: 20px; height: 30px; text-indent: -9999px;  background: url(/local/templates/krasko/css/../i/search-icon-blue.svg) 0 50% no-repeat; background-size: 14px 14px;}
         .search-form input[type="submit"]:hover {background: url(/local/templates/krasko/css/../i/search-icon-blue.svg) 0 50% no-repeat; background-size: 14px 14px;}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
   /*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-menu*/
   .header-menu .menu-main-separate {display: none;}
   /*header-middle*/
   .header-middle .inner {display: table; height: 100%;}
      .header-middle .inner > div {display: table-cell; vertical-align: top;}
   /*header-bottom*/
   .header-bottom {height: 42px;}
      .header-bottom .inner {padding-left: 0;}
   /*catalog-link */
   .catalog-link {width: 234px;}
      .catalog-link-hamburger {left: 20px;}
   /*header-bottom-panel*/
   .header-bottom-panel {padding-left: 234px;}
      .solution-menu {left: 0;}
      .search-variants {left: -214px;}
}
@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;}
   /*header-bottom-panel*/
   .interactive-link {padding-right: 15px;}
   .interactive-select + .solution-select .solution-link {padding-left: 15px;}
}
@media all and (min-width: 768px) 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;}
   /*catalog-link */
   .catalog-link {width: 200px; font-size: 12px;}
   /*header-bottom-panel*/
   .header-bottom-panel {padding-left: 200px;}
      .selection-link {font-size: 12px; padding-left: 15px; padding-right: 15px;}
      .interactive-link {padding-right: 12px;}
      .interactive-select + .solution-select .solution-link {padding-left: 12px;}
      .search-form input[type="submit"], .search-form input[type="submit"]:hover {background-size: 12px 12px;}
      .search-variants {left: -180px;}
}
@media all and (max-width: 767px) {
   .header-content-bottom {border-bottom: 2px solid #188cbc; background: #f0f7fa; position: relative;}
      /*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*/
      .header-panel .menu-main-separate {display: none !important;}
         .menu-main-separate ul li {line-height: 80px;}
      /*header-middle*/
      .header-middle {height: 115px;}
         .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 {background: none; height: auto;}
         .header-bottom .inner {position: static;}
            /*catalog-link*/
            .header-catalog-link {position: absolute; top: 0; right: 20px; height: 115px; display: flex; align-items: center;}
               .catalog-link {float: none; border-radius: 2px;}
            /*header-bottom-panel*/
            .header-bottom-panel {padding-left: 0;}
               .header-bottom-panel-in {display: block;}
                  .header-selection {width: auto; padding: 0 0 5px;}
                     .selection-link {width: 100%; background: #188cbc; margin-bottom: 15px; padding: 0 20px; border-radius: 2px; text-align: center;}
                     .solution-menu li:after {left: 0; right: 0;}
                     .solution-menu li.parent > a {padding-right: 45px;}
                     .solution-menu li.parent .arrow {right: 30px;}
                        .solution-menu li.parent .arrow:before, .solution-menu li.parent .arrow:after {height: 10px;}
                        .solution-menu li.parent .arrow:before {margin-top: -8px;}
                        .solution-menu li.parent .arrow:after {margin-top: -2px;}
                  .header-search {display: none;}
                  .search-variants {left: 20px;}
}
@media all and (min-width: 480px) and (max-width: 767px) {
   /*catalog-link*/
   .catalog-link {width: 220px;}
   /*header-bottom-panel*/
   .header-selection {margin-left: -15px;}
      .interactive-select, .solution-select {margin-left: 15px; width: 50%;}
         .interactive-link:after {display: none;}
}
@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;}
   /*header-bottom-panel*/
   .header-selection {display: block; text-align: center;}
      .selection-link {display: inline-block; max-width: 300px;}
}


/*====================================================
   .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; 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; 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; transition: all 0.2s ease 0s;}
         .menu-catalog ul li.parent:before {margin-top: -5px;transform: rotate(-45deg);}
         .menu-catalog ul li.parent:after {margin-top: -1px;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; 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; 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; 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 ul {margin: 0; padding: 0;}
      .breadcrumbs ul li {margin: 0; padding: 0; display: inline-block;}
         .breadcrumbs ul li:before {display: none;}
         .breadcrumbs li a, .breadcrumbs li > span {margin: 0 5px;}
         .breadcrumbs a {color: #8b8b8b; text-decoration: none;}
         .breadcrumbs li:first-child a {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; transform: scale(0);}
            .main-slider .slick-dots .slick-active button:after { 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); z-index: 2;}
   .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: 233px;}
.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; 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); 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; transition: transform 0.3s ease 0s;}
         .single-video .video-image:hover > div:before { 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; 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); 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); 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; 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; transition: all 0.2s ease 0s;}
   .tabs-toggler span {display: block; width: 54px; height: 54px; position: absolute; top: 0; right: 0; transition: all 0.3s ease 0s;}
   .tabs-toggler.current span {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;transform: rotate(-45deg);}
      .tabs-toggler span:after {margin-top: -2px;transform: rotate(45deg);}
/*tabs-wrapper*/
.tabs-wrapper {position: relative; box-sizing: content-box; 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;}
   .price-tabs .tabs-links li {font-family: "GothamProBold"; font-size: 9px;}
}
@media all and (min-width: 1025px) and (max-width: 1366px) {
   .price-tabs .tabs-links li {font-size: 0.67vw;}
}
@media all and (max-width: 1024px) {
   .tabs-full, .tabs-full .tabs-links-wrapper {width: 100%; padding: 0 20px; margin-left: -20px; 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; 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; 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; box-sizing: content-box;}
      .tabs-links li {display: inline-block; padding: 0 10px; line-height: 50px; 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; 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; transition: all 0.2s ease 0s;}
         .tags-list-toggler div:before {margin: -3px 0 0 -4px;transform: rotate(-45deg);}
         .tags-list-toggler div:after {margin: -3px 0 0 1px;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; transition: all 0.3s ease 0s;}
         .modal-functional .fancybox-close:before { transform: rotate(45deg);}
         .modal-functional .fancybox-close:after { 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; 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; 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; 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-image {text-align: center; position: relative; overflow: hidden;}
               .articles-list-image:before {content: ''; display: block; padding-top: 61.5%;}
               .articles-list-image img {position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; margin-left: 50%; transform: translateX(-50%);}
            .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; 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; box-sizing: content-box;}
      .articles-list-image {margin-left: -20px; margin-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; 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%; 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; 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; 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 { -moz-columns: 2; columns: 2;}
   .faq-list-wrapper .faq-list ul { -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%; 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; 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; 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('/local/templates/krasko/css/../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('/local/templates/krasko/css/../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('/local/templates/krasko/css/../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; vertical-align: top; position: relative; margin: 0 0 9px 9px; text-align: center; cursor: pointer; transition: all 0.2s ease 0s;}
            .palette-item .colors-marker {display: block; position: relative; z-index: 1; width: 65px; height: 65px; overflow: hidden; background-color: rgba(0,0,0,0); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
            .palette-item .colors-name {display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; text-align: center; font-size: 10px; line-height: 1.3;}
               .palette-item .colors-name > div {display: table-cell; vertical-align: middle;}

@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; 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; 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; transition: all 0.2s ease 0s;}
                        .partners-map-addresses-title.current .partners-map-addresses-toggler {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;transform: rotate(-45deg);}
                           .partners-map-addresses-toggler:after {margin-top: -2px;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; 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%; 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; box-sizing: content-box;}
      .partners-map-addresses-title {font-size: 16px; padding: 0 20px; width: 100%; margin-left: -20px; 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('/local/templates/krasko/css/../i/sample-icon-2.svg') 0 0 / contain no-repeat;}
         .price-list-sample a span {border-bottom: 1px solid #7f7f7f; 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; line-height: 1.2;}
      .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; 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('/local/templates/krasko/css/../i/review-icon.svg') 0 0 no-repeat;}
      .price-list .price-list-name a {font-size: 13px; 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: 80px;}
      .price-list .price-list-price {white-space: nowrap;}
      .price-list  .price-list-price:last-child {padding-right: 0;}

@media all and (min-width: 1280px) and (max-width: 1366px)  {
   .price-list th, .price-list td {font-size: 13px;}
   .price-list .price-list-name a {font-size: 12px;}
}
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .price-list th, .price-list td {text-align: left; padding: 10px; font-size: 12px;}
   .price-list .price-list-image {max-width: 70px;}
   .price-list .price-list-name a {font-size: 11px;}
}
@media all and (min-width: 1025px) and (max-width: 1151px) {
   .price-list th, .price-list td {font-size: 10px;}
   .price-list .price-list-name a {font-size: 10px;}
}
@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; transform: scale(0.5); transition: all 0.2s ease 0s;}
      .price-list .price-list-image:hover .price-list-review {opacity: 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; 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('/local/templates/krasko/css/../i/hit-icon.svg') 0 0 / contain no-repeat;}
   .product-label-new {width: 20px; height: 27px; background: url('/local/templates/krasko/css/../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 strong > span > span {font-size: 14px;}

/*colors list - catalog-item, calculator*/
.catalog-item-colors .colors-list, .calculator-form .colors-list {font-size: 0; line-height: 0;}
   /*.catalog-item-colors*/
   .catalog-item-colors .colors-item {display: inline-block; vertical-align: top; text-align: center; transition: all 0.2s ease 0s;}
      .catalog-item-colors .colors-marker {display: block; position: relative; z-index: 1; width: 76px; height: 76px; overflow: hidden; border-radius: 100%; box-shadow: inset 0 0 0 2px rgba(0,0,0,0); cursor: pointer; background-color: rgba(0,0,0,0); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; transition: all 0.2s ease 0s; transform: scale(1);}
      .catalog-item-colors .colors-marker:hover { transform: scale(2.2); z-index: 10;}
      .catalog-item-colors .colors-name {display: inline-block; vertical-align: top; margin-top: 7px; font-size: 11px; line-height: 1.2; text-align: center;}
      .catalog-item-colors .colors-item.current .colors-marker {box-shadow: inset 0 0 0 2px #e31e24;}
   /*slick slider*/
   /*.colors-list-slider .slick-slide {height: 96px;}*/

   /*.calculator-form*/
   /*.calculator-form .colors-marker {width: 50px; height: 50px;}*/
   /*slick slider*/
   /*.calc-colors-list-slider .slick-slide {height: 50px;}*/

   .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; transition: all 0.2s ease 0s;}
   .calc-colors-list-slider .slick-slide {height: 50px;}
   .calculator-form .colors-item.current {box-shadow: inset 0 0 0 2px #e31e24;}
      .calculator-form .colors-item > div {display: table; width: 100%; height: 100%;}
         .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;}
   .product-price strong > span > span {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-item-short {padding-bottom: 0;}
   .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); transition: all 0.3s ease 0s; 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('/local/templates/krasko/css/../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; 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; 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; 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 {margin-left: -20px; font-size: 0; line-height: 0;}
      .products-list-rubric-title a {color: #404040;}
      .products-list-item {display: inline-block; vertical-align: top; width: 33.333%; margin-bottom: 20px; padding-left: 20px; font-size: 14px; line-height: 1.5;}
         .products-list-item-in {height: 100%; padding: 20px 20px 35px;}
            .products-list-image {text-align: center; position: relative; padding-top: 40px; margin-bottom: 20px;}
               .products-list-image .product-label-wrapper {right: 0; left: auto;}
               .products-list-image-link {width: calc(100% - 90px); margin: 0 auto;}
               .products-list-image img {max-width: 150px;}
               .products-list-colors {width: 75px; margin-left: 20px; /*max-height: 215px; overflow: hidden;*/}
                  .products-list-colors .colors-list {margin-left: -10px; margin-bottom: -10px; padding: 10px 0; font-size: 0; line-height: 0; text-align: left;}
                  .products-list-colors .colors-list.colors-list-slider-rows:not(.slick-initialized) .colors-item:nth-child(n+7) {display: none;}
                     .products-list-colors .colors-item {display: inline-block; vertical-align: top; width: 40px; padding-left: 10px; margin: 5px 0;}
                        .products-list-colors .colors-item .colors-marker {position: relative; width: 30px; height: 30px; margin-bottom: 5px; overflow: hidden; border-radius: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
                        .products-list-colors .colors-item .colors-name {font-size: 8px; line-height: 1; text-align: center;}
                     /*slider arrows*/
                     .colors-list-slider-rows.slick-vertical .slick-arrow {width: 8px; height: 10px;}
                     .colors-list-slider-rows.slick-vertical .slick-arrow.slick-disabled {opacity: 0.5;}
                        .colors-list-slider-rows.slick-vertical .slick-arrow:before, .colors-list-slider-rows.slick-vertical .slick-arrow:after {width: 2px; height: 7px; left: -3px;}
                        .colors-list-slider-rows.slick-vertical .slick-prev:before, .colors-list-slider-rows.slick-vertical .slick-next:before {margin-top: -1px;}
                        .colors-list-slider-rows.slick-vertical .slick-prev:after, .colors-list-slider-rows.slick-vertical .slick-next:after {margin-top: 3px;}
            .products-list-text {position: relative;}
               .products-list-title {font-size: 16px;}
                  .products-list-title a {text-decoration: none;}
                     .products-list-title a strong {color: #404040; border-bottom: 1px solid #7f7f7f; transition: all 0.2s ease 0s}
                     .products-list-title a:hover strong {color: #e31e24; border-color: #f3b4b5;}
                  .products-list-comment {padding-top: 7px; font-size: 14px; line-height: 1.2; color: #188cbc;}
               .products-list-price {padding: 22px 0 27px; position: relative;}
               .products-list-btn {text-align: center;}
                  .products-list-btn a.btn-big {display: inline-block; width: 100%; max-width: 320px;}

@media all and (min-width: 1025px) and (max-width: 1279px) { 
   .products-list-item {width: 50%;}
}          
@media all and (max-width: 1024px) {
   .products-list-wrapper {margin-bottom: 40px;}
   .products-list-image img {max-height: 180px;}
}
@media all and (min-width: 600px) and (max-width: 959px) { 
   .products-list-item {width: 50%;}
}
@media all and (max-width: 599px) {
   .products-list {margin-left: 0;}
      .products-list-item {width: 100%; padding-left: 0;}
}
@media all and (max-width: 375px) {
   .products-list-image img {max-width: 100%;}
   .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('/local/templates/krasko/css/../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; 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, .catalog-item-article {/*text-align: right; */padding: 0 40px 0 20px; height: 45px;}
               .catalog-item-file:not(:last-child), .catalog-item-article:not(:last-child) {margin-bottom: 30px;}
      /*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('/local/templates/krasko/css/../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('/local/templates/krasko/css/../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, .catalog-item-article {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, .catalog-item-article {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: flex; 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, .catalog-item-article {margin: 25px 0 10px; max-width: 300px;}
         .catalog-item-links {padding-left: 20px; width: 100%; 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, .catalog-item-article {margin: 20px 0 0;}
   .catalog-item-file:not(:last-child), .catalog-item-article:not(:last-child) {margin-bottom: 20px;}
   .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; box-sizing: content-box;}
      .catalog-item-delivery .catalog-item-title {width: 100%; margin-left: -20px; 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; 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('/local/templates/krasko/css/../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; box-sizing: content-box; transition: all 0.3s ease 0s;}
      .catalog-item-colors-list {opacity: 0; visibility: hidden; position: absolute; top: 30px; left: 0; width: 100%; /*overflow: hidden; */ 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; box-sizing: content-box;}
      .catalog-item-colors-custom br {display: block;}
      .catalog-item-colors-list-wrapper {width: 100%; height: 96px; 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-color: rgba(255,255,255,0); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; 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; transition: all 0.2s ease 0s;}
               .catalog-item-table-cart .amount-btn.plus:after { 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; 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; box-sizing: content-box;}
         .catalog-item-table-scroll {width: 100%; overflow: auto; white-space: nowrap; padding: 20px 20px 20px 0; margin-bottom: 20px; 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('/local/templates/krasko/css/../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-tabs .tabs-inner h3 {font-family: "GothamProBlack"; margin-bottom: 10px; padding-top: 10px;}
.catalog-item-tabs .tabs-inner ul {margin-bottom: 20px;}
.catalog-item-tabs .tabs-inner .block1 {margin-bottom: 20px;}
   .catalog-item-tabs .tabs-inner .block1 ul {margin-bottom: 0;}
/*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; 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 { transform: rotate(45deg);}
                        .btns-right .ls-del:after { 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; 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; transition: all 0.2s ease 0s;}
                        .calc-colors-list-toggler div:before {margin: -3px 0 0 -3px;transform: rotate(-45deg);}
                        .calc-colors-list-toggler div:after {margin: -3px 0 0 2px;transform: rotate(45deg);}
                  .calc-colors-list {height: 0; overflow: hidden; z-index: 100; position: relative; 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; 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 26px 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; transition: all 0.2s ease 0s;}
                  .usefull-articles a:hover .usefull-articles-title strong {color: #e31e24; border-color: #f3b4b5;}
            .usefull-articles-image {text-align: center;}

@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; 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; 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; 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;transform: rotate(-45deg);}
            .cart-steps-arrow span:after {margin-top: -2px;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 { transform: rotate(45deg);}
               .cart-table-delete .delete-btn:after { 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; transform: rotate(-45deg);}
   .cart-btn:after {margin-top: -1px; 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 { 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; transition: all 0.2s ease 0s;}
                  .orders-table-toggler.active span { 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; transform: rotate(-45deg);}
                     .orders-table-toggler span:after {margin-top: -1px; 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; 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('/local/templates/krasko/css/../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; 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; 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; 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; 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;}
}


/*====================================================
   .solutions
====================================================*/
.solutions-item {margin-bottom: 20px;}
   .solutions-item-in {padding: 25px; margin-bottom: 0;}
      .solutions-item-content {background: #EAF3F7; padding: 20px 30px 30px;}
         .solutions-item-title {font-family: "GothamProBlack"; font-size: 18px; margin-bottom: 10px;}
         .solutions-item-text {margin-bottom: 20px;}
         .solutions-item-price {margin-bottom: 40px;}
         .solutions-item-bottom {width: 100%;}
            .solutions-item-icons-list {margin-left: -17px; padding-right: 20px; font-size: 0; line-height: 0;}
               .solutions-item-icons-item {display: inline-block; vertical-align: middle; padding-left: 17px; margin: 3px 0;}
            .solutions-item-btn {max-width: 60%;}
   .solutions-item-calc {display: none; margin-top: 2px;}
      .solutions-item-calc-in {background: #EAF3F7; padding: 20px 30px 30px 40px;}
         .solutions-item-calc-top {padding: 20px 30px 30px 0; margin-bottom: 20px; border-bottom: 1px solid #BDBDBD;}
            .solutions-item-calc-title {font-family: "GothamProBold"; font-size: 16px; padding-right: 20px;}
            .solutions-item-calc-size label {font-family: "GothamProBold"; font-size: 14px; white-space: nowrap; padding-right: 10px;}
            .solutions-item-calc-size input {width: 160px; height: 26px; border: 0; padding: 0 10px;}
         .solutions-item-calc-table {padding-right: 30px; overflow: auto;}
            .solutions-item-calc-table table {width: 100%; margin: 0;}
               .solutions-item-calc-table table td {padding: 0 0 15px 25px; vertical-align: middle; font-size: 14px;}
               .solutions-item-calc-table table tr:first-child td {padding-bottom: 25px; font-size: 12px; white-space: nowrap;}
               .solutions-item-calc-table table tr:last-child td {padding-bottom: 0;}
               .solutions-item-calc-table table td:last-child {text-align: right;}
                  .solutions-item-calc-table table td img {margin-left: -25px; margin-right: 5px;}
         .solutions-item-calc-bottom {padding: 20px 30px 0 0; margin-top: 20px; border-top: 1px solid #BDBDBD;}
            .solutions-item-calc-note {font-size: 12px; padding-right: 20px;}
            .solutions-item-calc-cost table {margin: 0 0 30px; float: right;}
               .solutions-item-calc-cost-title {letter-spacing: 0.25px;}
               .solutions-item-calc-cost table td {width: 90px; padding: 0 0 10px; text-align: right; font-size: 12px; white-space: nowrap;}
               .solutions-item-calc-cost table tr:first-child td {padding-bottom: 5px; padding-right: 0; padding-left: 0;}
               .solutions-item-calc-cost table tr:last-child td {padding-bottom: 0;}
               .solutions-item-calc-cost table td:first-child {padding-right: 10px;}
               .solutions-item-calc-cost .total-cost, .solutions-item-calc-cost .currency {font-size: 14px; line-height: 1.2;}
               .solutions-item-calc-cost .total-cost-full {font-size: 24px;}
            .solutions-item-calc-btn {clear: both;}
.solutions-form .modal-inner {padding-right: 30px;}
   .solutions-form .modal-inner:before {display: none;}
   .solutions-form .modal-title {font-size: 26px;}
   .solutions-form-top {margin-bottom: 40px;}
      .solutions-form-image {width: 260px; float: left;}
      .solutions-form-content {padding-left: 280px;}
         .solutions-form-title h4, .solutions-form-title .h4 {margin-bottom: 10px;}
         .solutions-form-text {margin-bottom: 15px; font-size: 14px; line-height: 1.5;}
         .solutions-form-price {font-size: 14px;}
   .solutions-form input[type="text"], .solutions-form input[type="tel"], .solutions-form input[type="email"] {height: 39px; font-size: 16px;}
   .solutions-form textarea {font-size: 16px;}
   .solutions-form .form-radio {margin-left: -30px;}
      .solutions-form .radio-wrapper {display: inline-block; vertical-align: top; padding-left: 30px;}
         .solutions-form .radio-wrapper label {margin-bottom: 0; font-size: 16px; color: #8b8b8b; transition: all 0.2s ease 0s;}
         .solutions-form .radio-wrapper input[type=radio]:checked + label {color: #404040;}
         .solutions-form .radio-wrapper label:before {top: 5px;}
         .solutions-form .radio-wrapper label:after {top: 8px;}
   .solutions-form .form-submit {position: relative; padding-right: 100px; padding-top: 40px;}
      .solutions-form .form-submit:before {content: ''; position: absolute; bottom: -30px; right: -30px; z-index: -1; width: 147px; height: 167px; background: url(/local/templates/krasko/css/../i/modal-bg.png) 0 100% / contain no-repeat;}

@media all and (min-width: 1025px) {
   .solutions-item-image {width: 53.859%}
   .solutions-item-content {width: calc(46.141% - 25px);}
      .solutions-item-top {height: calc(100% - 54px);}
      .solutions-item-bottom {height: 54px;}
}
@media all and (max-width: 1024px) {
   .solutions-item-in {display: block; padding: 20px 20px 0;}
      .solutions-item-image {margin-bottom: 20px;}
      .solutions-item-content {padding: 20px 20px 20px 30px; margin: 0 -20px;}
         .solutions-item-title {font-size: 16px; margin-bottom: 5px;}
         .solutions-item-text {font-size: 14px;}
         .solutions-item-price {margin-bottom: 20px; font-size: 14px;}
   .solutions-item-calc-in {padding: 20px 20px 20px 30px;}
      .solutions-item-calc-top {padding-right: 0;}
         .solutions-item-calc-size input {width: 120px;}
      .solutions-item-calc-table {padding-right: 0;}
         .solutions-item-calc-cost table {margin-bottom: 20px;}
      .solutions-item-calc-bottom {padding-right: 0;}
}
@media screen and (max-width: 767px) {
   .solutions-item-content {padding: 20px;}
   .solutions-item-calc-in {padding: 20px;}
      .solutions-item-calc-top {display: block; padding: 0; border-bottom: 0;}
         .solutions-item-calc-title {margin-bottom: 20px;}
         .solutions-item-calc-size {padding: 15px 0; border-top: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD;}
      .solutions-item-calc-table {margin-right: -20px;}
         .solutions-item-calc-table table {min-width: 530px;}
            .solutions-item-calc-table table td {padding: 0 20px 10px 0; font-size: 13px;}
            .solutions-item-calc-table table tr:first-child td {padding-bottom: 20px;}
               .solutions-item-calc-table table td img {margin-left: 0;}
      .solutions-item-calc-bottom {display: block;}
         .solutions-item-calc-note {padding-right: 0; margin-bottom: 20px;}
            .solutions-item-calc-note br {display: none;}
         .solutions-item-calc-btn .btn-big {margin: 0 auto;}
   .solutions-form .modal-title {font-size: 24px;}
   .solutions-form-image {width: 40%;}
   .solutions-form-content {padding-left: calc(40% + 20px);}
}
@media all and (max-width: 479px) {
   .solutions-item-title {margin-bottom: 0;}
   .solutions-item-price {margin-bottom: 10px;}
   .solutions-item-bottom {display: block;}
      .solutions-item-icons {margin-bottom: 24px;}
      .solutions-item-btn {max-width: 100%;}
         .solutions-item-btn .btn-big {width: 100%;}
   .solutions-item-calc-size label {width: 125px;}
   .solutions-item-calc-size input {width: calc(100% - 125px);}
   .solutions-item-calc-table table td {padding: 0 20px 5px 0;}
   .solutions-item-calc-table table tr:first-child td {padding-bottom: 10px;}
   .solutions-item-calc-bottom {padding-top: 10px;}
      .solutions-item-calc-note {margin-bottom: 15px;}
      .solutions-item-calc-cost table td {padding-bottom: 5px;}
      .solutions-item-calc-cost table tr:first-child td {padding-bottom: 0;}
   .solutions-form .modal-inner {padding-right: 20px;}
      .solutions-form .modal-title {font-size: 20px;}
      .solutions-form-image {width: 100%; float: none; text-align: center; margin-bottom: 20px;}
      .solutions-form-content {padding-left: 0;}
         .solutions-form-text {font-size: 12px; line-height: 1.3;}
      .solutions-form input[type="text"], .solutions-form input[type="tel"], .solutions-form input[type="email"], .solutions-form textarea {font-size: 14px;}
      .solutions-form .form-radio {margin-left: 0;}
         .solutions-form .radio-wrapper {display: block; padding-left: 0; margin-bottom: 10px;}
      .solutions-form .form-submit {padding-right: 0;}
         .solutions-form .form-submit:before {display: none;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
   .solutions-item-title {margin-bottom: 0;}
   .solutions-item-price {margin-bottom: 10px;}
   .solutions-item-calc-table table td {padding: 0 20px 5px 0;}
   .solutions-item-calc-table table tr:first-child td {padding-bottom: 10px;}
   .solutions-item-calc-bottom {padding-top: 10px;}
      .solutions-item-calc-note {margin-bottom: 15px;}
      .solutions-item-calc-cost table td {padding-bottom: 5px;}
      .solutions-item-calc-cost table tr:first-child td {padding-bottom: 0;}
}


/*====================================================
   .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('/local/templates/krasko/css/../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; 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(/local/templates/krasko/css/../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; 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 { transform: rotate(-45deg);}
               .search-results-list .pagination .pagination-prev:after, .search-results-list .pagination .pagination-next:after { 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-panel {position: relative;}
   .filter {position: relative;}
      .filter-panel-find {display: inline-block; position: absolute; top: 72px; right: 0; z-index: 3; transition: all 0.2s ease 0s;}
         .filter-panel-find .filter-find-result {box-shadow: 1px 0px 4px rgba(0,0,0,0.25);}
      .filter-top {width: 100%; padding: 0 20px; height: 50px; background: #52ccfd;}
         .filter-title {height: 100%; font-size: 16px; line-height: 1.2; color: #fff;}
            .filter-top .btn {font-size: 11px; padding: 0 10px;}
            .filter-panel .filter-top .btn {width: 82px;}
               .filter-top .btn:hover {background: #e31e24;}
      .filter-content {padding: 0 20px;}
      .filter-panel .filter-content {overflow: hidden; transition: all 0.3s ease 0s;}
      .filter-panel .filter-content:not(.full) {height: 0;}
         .filter-row {padding: 14px 0; border-bottom: 1px solid #B7B7B7;}
            .filter-legend {font-size: 16px; line-height: 1.5; position: relative;}
               .filter-legend > div {display: inline-block; position: relative;}
            .filter-legend.with-options {display: table; width: 100%;}
               .filter-legend.with-options > div {display: table-cell; vertical-align: top; text-align: left;}
               .filter-legend.with-options > div:last-child {text-align: right;}
                  .filter-legend.with-options .radio-wrapper {display: inline-block; vertical-align: middle; margin: 0 0 0 16px; padding: 0;}
                  .filter-find, .filter-find-result {display: inline-block; position: relative; height: 28px; margin-left: 10px; padding: 0 16px; border-radius: 3px; background: #51ca08; font-size: 12px; line-height: 27px; color: #fff; white-space: nowrap; text-align: center; z-index: 3; transition: all 0.2s ease 0s;}
                     .filter-find:before, .filter-find-result:before {content: ''; position: absolute; top: 0; left: -10px; border-right: 11px solid #51ca08; border-top: 14px solid transparent; border-bottom: 14px solid transparent;}
                  .filter-find {opacity: 0; position: absolute; top: 50px; left: 100%; margin-left: 25px; height: 28px; padding-left: 10px; padding-right: 10px;}
                  .filter-find.visible {opacity: 1;}
            .filter-fieldset {position: relative;}
               .filter-panel .filter .radio-wrapper label, .filter-panel .filter .checkbox-wrapper label {font-size: 11px; line-height: 1.45; padding-left: 25px;}
               .filter-panel .filter .filter-row-top .radio-wrapper label {font-size: 14px; line-height: 1.2; padding-left: 25px;}
               .filter-panel .filter .radio-wrapper label:before, .filter-panel .filter .checkbox-wrapper label:before {top: 0; width: 16px; height: 16px;}
               .filter-panel .filter .radio-wrapper label:after, .filter-panel .filter .checkbox-wrapper label:after {top: 4px; left: 4px; width: 8px; height: 8px;}
               /*checkbox input*/
               .filter .checkbox-wrapper {min-height: 18px; margin-bottom: 10px;}
                  .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; margin-bottom: 10px;}
                  .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-list {position: relative; margin-right: -20px; margin-bottom: -5px; font-size: 0; line-height: 0;}
            .filter-panel .filter-inputs-list-double {white-space: nowrap;}
               .filter-inputs-list .checkbox-wrapper, .filter-inputs-list .radio-wrapper {display: inline-block; vertical-align: top; padding-right: 20px;}
            .filter-range {padding: 5px 8px; overflow: hidden; margin-left: -4px; box-sizing: content-box;}
            /*range slider text input*/
            .filter-range-inputs.cl {text-align: center;}
               .filter-range-inputs input[type="text"] {width: 105px; padding: 0 10px;}
               .filter-range-inputs.cl span {line-height: 34px; padding: 0 5px;}
            /*range slider values*/
            .filter-range-values {margin: 2px 0 15px; font-size: 12px; color: #b7b7b7;}
         /*filter-bottom*/
         .filter-bottom {padding: 30px 0;}
            .filter-bottom-in {width: 280px; position: relative;}
               .filter-bottom .filter-apply {width: 145px; font-family: "RobotoBold"; letter-spacing: 0.5px;}
               .filter-bottom .filter-reset {width: 110px; line-height: 32px;}
               .filter-bottom .filter-apply, .filter-bottom .filter-reset {height: 34px; font-size: 14px; padding: 0;}
               .filter-panel .filter-bottom .filter-find-result {margin-left: 20px;}

/*filter in left column*/
.left-sidebar .filter-top {display: table;}
   .left-sidebar .filter-title {display: table-cell; vertical-align: middle;}
      .left-sidebar .filter-top .btn {float: right;}
.left-sidebar .filter-fieldset {padding: 20px 0 15px;}
   .left-sidebar .filter-legend {margin-bottom: 20px;}
   .filter-inputs {overflow: hidden; margin: 0; padding: 0; transition: max-height 0.2s ease 0s;}
      .filter-inputs li {margin: 0; padding: 0;}
         .filter-inputs li:before {display: none;}
   .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;}
.left-sidebar .filter-range-inputs {margin-bottom: 15px;}
   .left-sidebar .filter-range-inputs input[type="text"] {width: 120px;}
.left-sidebar .filter-bottom {padding: 0 20px 30px;}
   .left-sidebar .filter-bottom .filter-apply {float: left; width: 120px;}
   .left-sidebar .filter-bottom .filter-reset {float: right; width: 120px;}
.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); 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; transition: all 0.3s ease 0s;}
   .filter-close:before { transform: rotate(45deg);}
   .filter-close:after { transform: rotate(-45deg)}
.filter-toggler-mobile {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-mobile > div {position: relative; width: 100%; height: 100%; padding: 0 20px 0 50px;}
      .filter-toggler-mobile:after, .filter-toggler-mobile > div:before, .filter-toggler-mobile > div:after {content: ''; position: absolute; left: 13px; height: 2px; background: #fff; z-index: 1;}
      .filter-toggler-mobile:after {top: 18px; width: 20px;}
      .filter-toggler-mobile > div:before {top: 23px; width: 15px;}
      .filter-toggler-mobile > div:after {top: 28px; width: 7px;}

@media all and (min-width: 480px) {
   .filter-panel .filter-bottom .filter-find-result {position: absolute; left: 100%; top: 2px;}
}
@media all and (min-width: 640px) {
   .filter-panel-find {display: none;}
   .filter-fieldset-column-full {width: 100%;}
      .filter-range-field-full {width: 100%; padding: 0 40px;}
         .filter-panel .filter-range-inputs {width: 232px;}
}
@media all and (min-width: 1025px) {
   .filter-panel .filter-legend {float: left; width: 280px;}
   .filter-panel .filter-fieldset {padding-left: 280px;}
}
@media all and (min-width: 1025px) and (max-width: 1366px) {
   .filter-panel .filter-range-inputs {width: 200px;}
      .filter-range-inputs input[type="text"] {width: 90px;}
} 
@media all and (min-width: 1025px) and (max-width: 1279px) {
   .filter-range-fieldset {display: block;}
      .filter-range-field, .filter-range-field-full {padding: 0 0 0 40px;}
         .filter-panel .filter-range-inputs {width: 100%;}
            .filter-panel .filter-range-inputs > div {width: calc(50% - 13px);}
               .filter-panel .filter-range-inputs input[type="text"] {width: 100%;}
               .filter-panel .filter-range-inputs.cl span {width: 22px;}
   /*filter in left column*/
   .left-sidebar .filter-range-inputs input[type="text"] {width: 100px;}
   .left-sidebar .filter-bottom .filter-apply {width: 105px;}
   .left-sidebar .filter-bottom .filter-reset {width: 105px;}
}           
@media all and (max-width: 1024px) {
   .filter-row {padding: 15px 0;}
      .filter-panel .filter-legend {margin-bottom: 10px;}
   /*filter in left column*/
   .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; transform: translate3d(-100%, 0, 0); transition: all 0.5s;}
       .filter-wrapper.visible .filter { transform: translate3d(0, 0, 0);}
      .filter-overlay {display: block;}
      .filter-close {display: block;}
      .filter-toggler-mobile {display: inline-block;}
      .left-sidebar .filter-top {height: 55px;}
         .left-sidebar .filter-top .btn {display: none;}
      .filter-find {left: auto; right: 0; top: 75px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .filter-panel .filter-range-inputs {width: 202px;}
      .filter-range-inputs input[type="text"] {width: 90px;}
}
@media all and (max-width: 639px) {
   .filter-fieldset-row {display: block;}
      .filter-fieldset-column:first-child {margin-bottom: 5px;}
         .filter-range-fieldset {display: block;}
            .filter-panel .filter-range-inputs > div {width: calc(50% - 13px);}
               .filter-panel .filter-range-inputs input[type="text"] {width: 100%;}
               .filter-panel .filter-range-inputs.cl span {width: 22px;}
   .filter-inputs-list:not(.list-two):not(.list-arbitrary) .checkbox-wrapper, .filter-inputs-list:not(.list-two):not(.list-arbitrary) .radio-wrapper {width: 100%;}
   .filter-inputs-list.list-two .checkbox-wrapper, .filter-inputs-list.list-two .radio-wrapper {width: 50%;}
      .filter-panel .filter .radio-wrapper label, .filter-panel .filter .checkbox-wrapper label {font-size: 13px;}
         .filter-panel .filter .radio-wrapper label:before, .filter-panel .filter .checkbox-wrapper label:before {top: 1px;}
         .filter-panel .filter .radio-wrapper label:after, .filter-panel .filter .checkbox-wrapper label:after {top: 5px;}
   .filter-bottom-in {width: 240px;}
      .filter-bottom .filter-apply {width: 110px;}
}
@media all and (max-width: 479px) {
   .filter-panel .filter-top {width: 100%; margin-left: -20px; box-sizing: content-box;}
   .filter-range-inputs {margin-bottom: 5px;}
   .filter-bottom-in {width: 100%;}
      .filter-bottom .filter-apply, .filter-bottom .filter-reset {width: calc(50% - 10px);}
      .filter-panel .filter-bottom .filter-find-result {margin-bottom: 20px; margin-left: 0;}
}
@media all and (max-width: 375px) {
   /*filter in left column*/
   .filter-toggler-mobile {width: 100%;}
      .filter-toggler-mobile > div {padding: 0 0 0 70px;}
         .filter-toggler-mobile:after, .filter-toggler-mobile > div:before, .filter-toggler-mobile > 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;transform: rotate(-45deg);}
            .outside-link a:after {margin-top: -1px;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;}
}


/*====================================================
   404 page
====================================================*/
.errors-page {background: #fff;}
   .errors-page .content {padding-bottom: 40px; position: relative; z-index: 0;}
      .errors {text-align: center;}
         .errors-title {display: table; width: auto; margin: 40px auto;}
            .errors-title div {display: table-cell; vertical-align: top;}
               .errors-title h1, .errors-title .h1 {font-family: 'CorbelBold'; font-size: 260px; line-height: 0.9; letter-spacing: -2px; white-space: nowrap; margin-bottom: 0;}
                  .errors-title h1 span {vertical-align: top;}
                  .errors-title h1 span:nth-child(1), .errors-title .h1:nth-child(1) {color: #204F9C;}
                  .errors-title h1 span:nth-child(2), .errors-title .h1:nth-child(2) {color: #E31E24; vertical-align: middle;}
                  .errors-title h1 span:nth-child(3), .errors-title .h1:nth-child(3) {color: #05983D;}
               .errors-title img {margin-left: 13px;}
         .errors-text {font-size: 38px; line-height: 1.2; color: #000; margin-bottom: 30px;}
         .errors-link {font-size: 26px; color: #716F72; white-space: nowrap;}
            .errors-link span {display: inline-block; vertical-align: middle;}
            .errors-link .btn {margin-left: 5px; vertical-align: middle;}

@media all and (min-width: 481px) {
   .errors-link .btn {height: 44px; line-height: 40px; font-size: 26px; padding: 0 20px;}
}
@media all and (min-width: 1025px) {
   .errors-link {font-family: 'CorbelBold';}
}
@media all and (max-width: 767px) {
   .errors-title {margin: 30px auto;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
   .errors-title h1, .errors-title .h1 {font-size: 220px;}
}
@media all and (max-width: 639px) {
   .errors-title {display: block; margin: 0 auto 20px;}
      .errors-title div {display: block;}
         .errors-title h1, .errors-title .h1 {margin-bottom: 30px; line-height: 0.75;}
         .errors-title img {margin-left: 0;}
}
@media all and (min-width: 481px) and (max-width: 639px) {
   .errors-text {font-size: 32px;}
   .errors-link {font-size: 24px;}
      .errors-link .btn {font-size: 24px;}
}
@media all and (max-width: 480px) {
   .errors-link .btn {line-height: 30px;}
}
@media all and (min-width: 376px) and (max-width: 480px) {
   .errors-title h1, .errors-title .h1 {font-size: 180px;}
   .errors-title img {width: 240px;}
   .errors-text {font-size: 28px;}
   .errors-link {font-size: 20px;}
      .errors-link .btn {font-size: 18px;}
}
@media all and (max-width: 375px) {
   .errors-page .content {padding-bottom: 30px;}
      .errors-title h1, .errors-title .h1 {margin-bottom: 20px; font-size: 140px;}
      .errors-title img {width: 200px;}
      .errors-text {font-size: 22px; margin-bottom: 20px;}
      .errors-link {font-size: 18px;}
         .errors-link .btn {font-size: 16px;}
}


/*====================================================
   .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: 10px;}
                  .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; transition: all 0.2s ease 0s;}
                  .footer-social a:hover img { 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: -45px; left: 20px; font-size: 12px;}
         /*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); 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: 10000; 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); transform: scale(1.15) translate3d(0,-15%,0); 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; 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('/local/templates/krasko/css/../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; transition: all 0.3s ease 0s;}
         .modal-close:before { transform: rotate(45deg);}
         .modal-close:after { 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; transition: opacity 0.3s ease 0s;}
   .roller {position: absolute; bottom: 0; right: 0; width: 64px; height: 64px; z-index: 2; background: url('/local/templates/krasko/css/../i/roller.svg') 0 0 / contain no-repeat; 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; transition: height 2.5s ease 0s;}
      .roller-paint:after {content: ''; position: absolute; top: 100%; left: 0; width: 56px; height: 86px; background: url('/local/templates/krasko/css/../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; 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
   }
}
@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% {
      transform: rotate(-45deg);
   }
   100% {
      transform: rotate(360deg);
   }
}
@keyframes rotating-Togs {
   0% {
      transform: rotate(-45deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

/*rotating-Togs-close*/
@-webkit-keyframes rotating-Togs-close {
   0% {
      transform: rotate(360deg);
   }
   100% {
      transform: rotate(0deg);
   }
}
@keyframes rotating-Togs-close {
   0% {
      transform: rotate(360deg);
   }
   100% {
      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; 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 {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;}

/* --- 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:only-child {display: none;}
      .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; 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: 2; 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; transition: all 0.2s ease 0s;}
   .slick-arrow:hover:before, .slick-arrow:hover:after {background: #52ccfd;}
   .slick-prev:before, .slick-next:after {transform: rotate(45deg);}
   .slick-prev:after, .slick-next:before {transform: rotate(-45deg);}
   .slick-prev:before, .slick-next:before {margin-top: -1px;}
   .slick-prev:after, .slick-next:after {margin-top: 10px;}

/* --- arrows vertical --- */
.slick-vertical .slick-arrow {margin-top: 0; transform: rotate(90deg);}
.slick-vertical .slick-prev {top: 0; left: 50%;}
.slick-vertical .slick-next {left: 50%; right: auto; top: auto; bottom: 0;}

/* --- 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 {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('/local/templates/krasko/css/../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('/local/templates/krasko/css/../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('/local/templates/krasko/css/../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('/local/templates/krasko/css/../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);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('/local/templates/krasko/css/../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('/local/templates/krasko/css/../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;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  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%;
  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 {
  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 * {
  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 {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  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 {
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  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 {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/* ?????11.04.2018 - ???? ????*/
.aside {
   background: #E3E8E8;
   padding: 5px;
   width: 250px;
   float: right;
   margin: 10px;
}
@media all and (max-width: 767px)  {
   .aside {float: none; width: 100%; padding: 10px; margin: 20px 0;}
}

/* ?????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;
   margin-bottom: 20px;
}
.block2 {
   margin-bottom: 20px;
}
 
 /*----- .express-box : start ----*/
.express-box {position: fixed; top: 40%; right: 0; z-index: 999;}
.express-box, .express-box *, .express-box *:before, .express-box *:after { 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%; transform: rotate(-90deg) translateX(-50%); 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); transform: translateZ(0px); transition: all 0.2s ease 0s;}
                    .express-btn-close:before {left: 0; transform: rotate(-45deg);}
                    .express-btn-close:after {right: 0; 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; 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; 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 { 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 ----*/

/*----- ispytaniya ----*/
.trials table {border: 1px solid grey;} 
.trials th {border: 1px solid grey;}
.trials td {border: 1px solid grey;}

/*----- .tooltip : start ----*/
.liteTooltip{position: relative; cursor: pointer;}
.tooltip {opacity: 0; position: absolute; background: #fff; max-width: 250px; padding: 5px 10px 7px; font-size: 12px; line-height: 1.2; color: #000; text-align: center; z-index: 999999; box-shadow: 0 4px 5px rgba(0,0,0,.15); transition: opacity 0.3s ease 0s;}
.tooltip.animation-slide {opacity: 1; webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;}
.tooltip .tooltip-arrow {position: absolute; border: 6px solid #fff;}
.tooltip-arrow.bottomtotop {top: -12px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;}
.tooltip-arrow.toptobottom {bottom: -12px; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent;}
.tooltip-arrow.righttoleft {left: -12px; border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; top: 50%; transform: translateY(-50%);}
.tooltip-arrow.lefttoright {right: -12px; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; top: 50%; transform: translateY(-50%);}
.tooltip-arrow.center {left: 50%; transform: translateX(-50%);}
/*----- .tooltip : end ----*/
.price-text-2 {
   font-family: RobotoRegular, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; 
   font-size: 14px;
}
.price-list-color {
   overflow: overlay;
}
.main-slider .slick-dots li {
   z-index: 1;
}
.contacts_first_block {
   margin-bottom: 1em;
}

.row.mb-3 {
   flex: 1 0 0;
}
/* End */


/* Start:/local/templates/krasko/css/additional.css?178246207344243*/
.catalog-item-image{
    display: inline-block;
    float:none;
}
.catalog-item-text{
    width: 764px;
    vertical-align: top;
    display: inline-block;
    padding-left:0;
}

.calc_container .left_col{
    width:29%;
    display:inline-block;
}
.form-calc{
    text-align:center;
    padding:0 30px;
}
.form-calc .title{
    width:100%;
    font-weight:600;
    font-size:19px;
    text-transform:uppercase;
}
.form-calc .desc{
    width:100%;
}
.form-calc .label{
    font-size:17px;
}
.form-calc .input_label{
    display:block;
    width:100%;
    margin:5px auto 20px;
    position:relative;
}
.form-calc .input_label input{
    padding:12px;
    width:100%;
    border:0;
    box-shadow: 1px 2px 8px -1px rgb(0 0 0 / 20%);
    border-radius:5px;
}
.form-calc .input_label span{
    position:absolute;
    right:5px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.form-calc .flex_buttons{
    margin-bottom:20px;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}
.form-calc .flex_buttons .radio_label{
    display:inline-block;
    font-size:17px;
}
.form-calc .flex_buttons .radio_label input:checked ~ span{
    background: #12668a;
    color: #ffffff;
    display:block;
}
.form-calc .flex_buttons .radio_label input + span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 20px;
    width: 84px;
    height: 45px;
    box-shadow: 1px 2px 8px -1px rgb(0 0 0 / 20%);
    border-radius: 4px;
    color: #484848;
    cursor: pointer;
}
.form-calc .calc_btn{
    width:100%;
    padding:10px;
    border:1px solid #555;
    border-radius:5px;
    background-color:#fff;
    text-transform:uppercase;
    font-size:16px;
    margin-top:30px;
}
.form-calc .flex_value{
    padding:10px;
    font-size:17px;
    font-weight:600;
}

.calc_container .right_col{
    width:69%;
    display:inline-block;
}

.right_col{
    vertical-align:top;
}
.catalog-item-colors-list-wrapper{
    border:none;
    padding-top:0;
}
.catalog-item-colors-list{
    position:static;
}
.result{
    margin-top:40px;
}
.calc_count{
    margin:0 auto;
    width:200px;
    text-align:center;
}

.calc_count .qib_desc{
    color:#ccc;
    font-size:13px;
}
.calc_count .qib-container button{
    display:inline-block;
    padding:5px 10px;
    background-color:#fff;
    border:1px solid #bbb;
    color:#555;
    border-radius:5px;
    font-size:18px;
    width:40px;
    text-align:center;
}
.calc_count .qib-container .quantity{
    display:inline-block;
}
.calc_count .qib-container .quantity input{
    font-size:20px;
    width:70px;
    text-align:center;
    border:none;
}
.calc_total{
    margin-top:40px;
}
.calc_total .calc_col{
    width:33%;
    display:inline-block;
    text-align:center;
    min-height:50px;
    vertical-align:middle;
    position:relative;
}
.calc_total .calc_col .discount_name{
    color:#aaa;
    font-size:13px;
}
.calc_total .calc_col .discount_amount{
    color:#aaa;
    font-size:13px;
    font-weight:600;
}
.calc_total .calc_col .total_name{
    font-size:14px;
}
.calc_total .calc_col .total_amount{
    font-size:26px;
    font-weight:600;
    line-height:20px;
}
.calc_total .calc_col .in_cart{
    width:150px;
    padding:10px;
    background:#12668a;
    color:#fff;
    font-size:18px;
    font-weight:400;
    border-radius:5px;
    display:block;
}
.catalog-item-colors .colors-marker{
    width:60px;
    height:60px;
}
.colors-list.colors-list-slider{
    display:flex;
    justify-content: space-evenly;
}
.catalog-item-colors-list .colors-item{
    margin:0;
}
.catalog-item-colors .colors-item .colors-marker{
    border:1px solid #aaa;
}
.catalog-item-colors .colors-item.current .colors-marker{
    box-shadow: none;
    border:2px solid #e31e24;
}
.service{
    display:flex;
    justify-content: space-evenly;
    margin-bottom:40px;
}
.service .btn_service{
    width:46%;
    height:45px;
    vertical-align:top;
    text-align:center;
}
.service .btn_service a{
    width:100%;
    height:100%;
    display:block;
    padding:8px 15px;
    background-color:#12668a;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-decoration:none;
    border-radius:5px;
}
.service .btn_service a:hover{
    background-color:#52ccfd;
}
.catalog-item-image-preview{
    padding:0 0 15px;
}
.catalog-item-image-thumb a{
    line-height:90px;
}
/*
.general_benefits{
    background-color:#6bcefd;
    padding-left:10px;
    width:100%;
    margin-bottom:20px;
    color:#fff;
}
.general_benefits .general_benefits_title{
    background-color:#378dbb;
    width:100%;
    padding:7px 10px;
    text-align:center;
}
.general_benefits .general_benefits_list{
    background-color:#266789;
    color:#6bd3ff;
    width:100%;
    padding:8px 10px;
}
.general_benefits .general_benefits_list ul li{
    padding-left:10px;
    margin-bottom:5px;
    line-height:1.2;
}
.general_benefits .general_benefits_list ul li:before{
    top:7px;
    background: #378dbb;
}
*/
.calc_container .left_col{
    width:30%;
}
.form-calc{
    padding:0;
    text-align:left;
}
.form-calc .layer_block{
	display:flex;
}
.form-calc .area_block{
    margin-bottom:10px;
}
.form-calc .area_block > span{
    display:inline-block;
    width:60%;
    vertical-align:top;
    margin-top:6px;
}
.form-calc .area_block .input_label{
    width:38%;
    display:inline-block;
    vertical-align:top;
    margin:0;
}
.form-calc .layer_block > span{
    display:inline-block;
    width:60%;
    vertical-align:top;
}
.form-calc .layer_block .flex_buttons{
    width:40%;
    display:inline-flex;
    vertical-align:top;
}
.form-calc .flex_buttons{
    margin-bottom:10px;
    justify-content: flex-start;
}
.form-calc .flex_buttons .radio_label{
    display:flex;
    margin-right:10px;
}
.form-calc .flex_buttons .radio_label input:checked ~ span{
    display:flex;
}
.form-calc .flex_buttons .radio_label input + span{
    width:30px;
    height:30px;
    padding: 5px 10px;
    text-align:center;
}

.form-calc .total_block .label_total{
    display:inline-block;
    width:60%;
}
.form-calc .total_block .flex_value{
    width:38%;
    display:inline-block;
    padding:0;
}
.form-calc .calc_btn{
    margin-top:15px;
}
.form-calc .calc_btn:hover{
    background-color:#12668a;
    color:#fff;
}
.form-calc .flex_buttons .radio_label input + span:hover{
    background-color:#12668a;
    color:#fff;
}
.calc_total{
    display:flex;
}
.calc_total .calc_col{
    width:25%;
    display:block;
}
.calc_total .calc_col .total_name{
    font-size:12px;
}
.calc_container .left_col{
    height:auto;
	width:29%;
}
.calc_container .right_col{
    height:auto;
	width:70%;
}
.calc_container{
    display:flex;
    justify-content: space-between;
	min-height:273px;
}
.catalog-item-weights.sku-wrapper{
	padding:0 15px;
}
.calc_total{
    justify-content: flex-end;
}
.calc_total .calc_col .in_cart{
    margin:0;
}
.calc_count{
    margin:0;
}
.calc_total .calc_col .total_name{
    display:inline-block;
    text-align:right;
    width:220px;
}
.calc_total .calc_col .total_amount{
    display:inline-block;
    width:120px;
    text-align:left;
}
.calc_total .calc_col .discount_name{
    display:inline-block;
    text-align:right;
    width:220px;
}
.calc_total .calc_col .discount_amount{
    display:inline-block;
    width:120px;
    text-align:left;
}
.calc_total {
    margin-top: 70px;
}
.catalog-item-info{
    margin:-7px 0 30px 0;
}
.catalog-item-info h1{
    margin:0 0 10px;
}
.service{
    flex-direction:column;
}
.service .btn_service{
    width:100%;
    margin-bottom:20px;
}
.catalog-item-info .tb-cell:first-child{
    padding-right:20px;
}
.catalog-item-info .tb-cell > ul{
    background:#f0f9fc;
    padding:10px;
    border-radius:10px;
    border:1px solid #a3b7bf;
}
.catalog-item-info .tb-cell > ul li{
    padding-left: 16px;
}
.catalog-item-info .tb-cell > ul li:before{
    content:"\2714";
    background:transparent;
    top:0;
    left:0;
    width:15px;
    height:15px;
    border-radius:0;
    color:#059e1e;
}

.general_benefits{
    border-left:6px solid #378dbb;
    padding:0 15px;
    margin:15px 0;
}
.general_benefits .general_benefits_title{
    font-weight:600;
    font-size:17px;
}
.general_benefits .general_benefits_list ul li{
    margin-bottom:3px;
}
.general_benefits .general_benefits_list ul li:before{
    content:"\2756";
    background:transparent;
    top:0;
    left:0;
    width:15px;
    height:15px;
    border-radius:0;
    color:#f71156;
}
.catalog-item-info .tb-cell > ul{
    border-radius:5px;
}
.general_benefits{
    border:1px solid #378dbb;
    border-left:12px solid #378dbb;
    border-radius:5px;
    padding:5px 15px;
}
.general_benefits .general_benefits_title{
    font-size:20px;
    margin-bottom:5px;
}
.general_benefits .general_benefits_list ul li{
    margin-bottom:0;
}
.wrapper-box{
    border-radius:10px;
}
.bx-filter .bx-filter-section .wrapper-box{
    border-radius:0 0 10px 10px;
}
.box{
    border-radius:10px;
}
.menu-catalog.box{
    border-radius:0 0 10px 10px;
}
input[type="submit"],
.btn-big{
    border-radius:5px;
}
.info-list ul li a:before{
    border-radius:10px;
}
.tabs-full .tabs-links{
    border-radius:10px 10px 0 0;
}
.tabs-full .tabs-links li:first-child{
    border-radius:10px 0 0 0;
}
.tabs-full .tabs-links li:last-child{
    border-radius:0 10px 0 0;
}
.filter-top{
    border-radius:10px 10px 0 0;
}
.usefull-links .inside-link a{
    border-radius:10px;
}
/*
.calc_total .calc_col_3{
    width:200px;
}
.calc_total .calc_col_2{
    width:240px;
}
.calc_total .calc_col_1{
    width:350px;
}
*/

.calc_total .calc_col .discount_name{
    width:100px;
    color:#5e5e5e;
}
.calc_total .calc_col .discount_amount{
    width:80px;
    color:#5e5e5e;
    font-size:17px;
    
}
.calc_total .calc_col .total_name{
    width:70px;
}
.calc_total .calc_col .total_amount{
    width:130px;
}
.calc_count .qib-container button{
    padding:10px;
    width:50px;
}
.calc_total .calc_col_2 .calc_row{
    margin-top:11px;
}
.calc_total .calc_col_3 .calc_row{
    margin-top:10px;
}
.calc_total .calc_col .in_cart{
    margin:0 auto;
}
.catalog-item-info{
    margin:-7px 0 0;
}
.catalog-item-image-thumb a{
    line-height: 80px;
}
.wrapper-box{
    padding: 20px 25px;
}
.solutions-description.wrapper-box{
    margin-bottom:20px;
    border-radius:10px;
    text-align: justify;
}
.solutions .desc-list{
    margin:20px 0;
}
.solutions .desc-list li:before{
    content: "\2714";
    background: transparent;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 0;
    color: #059e1e;
}
.solutions .wrapper-box{
    padding:0;
}
.solutions .solutions-item-content{
    border-radius:0 10px 10px 0;
}
.solutions .solutions-item-image img{
    border-radius:10px 0 0 10px;
}
.general_benefits{
    margin:0 0 15px;
}
.general_benefits .general_benefits_title{
    font-size:15px;
}
.calc_container .catalog-item-colors{
    margin:18px 0 0;
}
.general_benefits .general_benefits_title{
    font-size:13px;
	text-align:center;
}
.general_benefits .general_benefits_list{
    font-size:13px;
}
.general_benefits .general_benefits_list ul li:before{
    content: "\2756";
    background: transparent;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 0;
    color: #f71156;
    position:static;
    margin:0 3px;
}
.general_benefits .general_benefits_list ul li:after{
    content: "\2756";
    background: transparent;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 0;
    color: #f71156;
    margin:0 3px;
}
.general_benefits .general_benefits_list ul li{
    padding-left:0;
}
.general_benefits .general_benefits_list ul li{
    text-align:center;
}
.general_benefits{
    padding:5px;
}
.calc_container .calc_total{
    margin-top:0;
}
.calc_container .result{
    margin-top:61px;
}
.form-wrapper .file-item{
    display:inline-block;
    width:150px;
    min-height:200px;
    vertical-align:top;
    border:1px solid #ccc;
    padding:10px;
}
.form-wrapper .file-item a{
    text-decoration:none;
}
.form-wrapper .file-item a:hover{
    text-decoration:underline;
}
.form-wrapper .file-item a .file-img{
    background:url('/local/templates/krasko/css/../i/file-icon.svg') 0 0 no-repeat;
    width:100%;
    height:100px;
    background-size:contain;
    background-position:center;
}
.form-wrapper .file-item a .file-title{
    text-align:center;
    padding:20px 0 0;
}
.general_benefits{
    background:url("/local/templates/krasko/css/../i/protect-tech.png") 0 0 no-repeat;
    border:none;
    width:382px;
    height:74px;
    background-size:cover;
}
.catalog-item-top-title{
    margin:0;
    border:none;
}
.catalog-item-image .slick-dots{
    margin-top:7px;
}
.catalog-item-image .slick-dots li{
    width: 7px;
    height: 7px;
    background-color: #eee;
    border-radius: 100%;
    margin: 0 2px;
    cursor:pointer;
}
.catalog-item-image .slick-dots .slick-active{
    background-color:#12668a;
}

.calc_total .calc_col .quick-order-link2{
    width:150px;
    padding:10px;
    background:#12668a;
    color:#fff;
    font-size:18px;
    font-weight:400;
    border-radius:5px;
    display:block;
    margin: 0 auto;
	height: 42px;
}
.colors-list.colors-list-slider{
    justify-content: flex-start;
    padding:0 40px;
}
.colors-list.colors-list-slider .colors-item{
    margin-right:15px;
}
.tint_desc{
    margin-top:15px;
    padding:0 20px;
}
.catalog-item-colors-custom{
    margin-bottom:0;
}
.calc_container .result{
    margin-top:25px;
}
.calc_container .right_col{
    min-width:65%;
    width:100%; 
}
.calc_container .left_col{
    width:35%;
    margin-right:20px;
}
.catalog-item-colors .colors-name{
    margin-top:0;
    margin-bottom:2px;
}
.catalog-item-colors .colors-price{
    display:inline-block;
    vertical-align:top;
    margin-top:5px;
    font-size:11px;
    line-height:1.2;
    text-align:center;
    font-weight:600;
}
.header-contacts .btn {
    background-color: #FF0000;
}

.bx-soa-location-input-container{
    margin-top:30px;
}
.modal-inner .tocart-btns .btn.btn-continue{
	margin-top:0;
}
.basket-items-list-item-descriptions-inner{
	align-items:center;
}
.basket-item-block-image{
	min-width:30px;
	max-width:60px;
	padding-bottom:0;
}
.basket-item-block-price{
	padding-top:30px;
}
.basket-items-list-item-amount{
	padding-top:30px;
}
.bx-basket-item-list-item-img img{
	width:50px;
}
.bx-basket-item-list-item-name{
	font-size:16px;
    line-height:1.1;
}

.products-list-order{
    position:relative;
    top:20px;
    margin-top:-20px;
    color:#dd0000;
}

.header-menu .menu-main-separate{
	width:18%;
}

.success-list li{
	width:33%;
}

.catalog-item-shipping{
    display:flex;
    justify-content:space-between;
}
.catalog-item-shipping-col{
    width:49%;
    height:180px;
}
.catalog-item-shipping-col .col-moscow{
    width:100%;
    height:100%;
    position:relative;
    background:url('/upload/moscow2.png') 0 0 no-repeat;
}
.catalog-item-shipping-col .col-russia{
    width:100%;
    height:100%;
    position:relative;
    background:url('/upload/russia2.png') 0 0 no-repeat;
}
.catalog-item-shipping-col .shipping-title{
    font-size:25px;
    font-weight:600;
    position:absolute;
    top:2%;
    left:7%;
}
.catalog-item-shipping-col a.shipping-btn{
    position:absolute;
    bottom:2%;
    left:7%;
    padding:10px 15px;
    line-height:20px;
    font-size:17px;
    display:block;
    height:auto;
    cursor: pointer;
}

/*
.menu-catalog ul li ul .section_2 a,
.menu-catalog ul li ul .section_13 a{
	background:#009846;
}
*/

.menu-catalog ul li.active ul .section_2 a,
.menu-catalog ul li.active ul .section_13 a{
	background:#fff;
}




.selected-products-wrapper-btn2 {
	margin-top: 20px;
	max-width: 33%;
    display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.btn2 {
    width: 210px;
    height: 30px;
    vertical-align: top;
    text-align: center;
    margin: 0 0 0 10px;
}

.btn2 a:hover {
	background: #0cbb01;
}

.btn2 a {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 3px;
	background-color: #009846;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    border-radius: 5px;
	padding-left: 0;
    padding-right: 0;
}

.modal-inner-btn2 {
    position: relative;
    z-index: 10000;
    width: 1200px;
    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 rgb(0 0 0 / 30%);
    transition: all 0.2s ease-in-out 0s;
}

.modal-inner-btn2:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 235px;
    height: 236px;
    background: url(/local/templates/krasko/css/../i/modal-bg.png) 0 0 no-repeat;
}

.selected-products-btn2 {
    margin-left: -26px;
    font-size: 0;
    line-height: 0;
	width: 1100px;
}

.selected-products-btn2>.selected-products-item {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
	width: 25%;
}

.selected-products-btn2>.selected-products-item .box {
    padding: 15px;
    box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 3%), 
				0px 2px 4px rgb(0 0 0 / 10%), 
				0px 4px 8px rgb(0 0 0 / 10%), 
				0px 8px 16px rgb(0 0 0 / 10%);
}

.selected-products-btn2>.selected-products-item .box .selected-products-image {
    margin-bottom: 1px;
}

.selected-products-btn2>.selected-products-item .box .selected-products-title {
    font-size: 14px;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 0;
    color: #404040;
}

.selected-products-btn2>.selected-products-item .box .products-list-comment {
    padding-top: 7px;
    font-size: 12px;
    line-height: 1.2;
    color: #188cbc;
}

.selected-products-btn2>.selected-products-item .box .product-price {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
	margin-bottom: 10px;
    color: #404040;
}





#filter-form2 > div.filter-content.wrapper-box.full > div > div.filter-row.filter-row-top > div.filter-fieldset {
        height: 40px;
}

#filter-form2 > div.filter-content.wrapper-box.full {
    padding: 10px 15px;
}

.filter-inputs-list .checkbox-wrapper {
padding-right: 5px;
margin-bottom: 5px;
}

.filter-row {
    padding: 7px 0;
}

.filter-panel .filter-fieldset {
    padding-left: 215px;
}

.filter-panel .filter-legend {
    width: 215px;
	line-height:16px
}

.filter .checkbox-wrapper label {
    width: 240px;
}

body > div.container > div.columns > div > div > h1 {
    line-height: 5px;
}

#filter-form2 > div.filter-content.wrapper-box {
    padding: 0;
}



.catalog-item-tabs .tabs-inner {
   padding: 20px 60px;
}

.catalog-item-tabs .tabs-inner h3 {
   padding-top: 0;
   margin-bottom: 5px;
}

.catalog-item-tabs .tabs-inner .table-scroll table td p {
   margin: 0;
}

.catalog-item-tabs .tabs-inner p {
   margin: 0 0 7px;
}

.catalog-item-tabs .tabs-inner ul {
   margin-bottom: 5px;
}

.grunt {
   background-color: #cee7f2;
   border: solid 1px #b3c9d2;
   padding: 5px;
   min-width: 300px;
   max-width: 300px;
   float: right;
   margin: 0 0 10px 10px;
   border-radius: 10px;
   position: sticky;
   z-index: 1000;
}

.osobenno {
   background-color: #52ccfd17;
   border: solid 1px #bce8f9;
   padding: 5px 10px 5px;
   margin: 10px 0 10px 0;
   display: table;
   border-radius: 10px;
   width: 100%;
}

.target {
   background-color: #84eb1f29;
   border: solid 1px #b3ff69;
   padding: 5px 10px 5px;
   margin: 10px 0 10px 0;
   display: table;
   border-radius: 10px;
   width: 100%;
}

.vnimanie {
   background-color: #e31e2414;
   border: solid 1px #a82c242e;
   padding: 5px 10px 5px;
   margin: 10px 0 10px 0;
   display: table;
   width: 100%;
   border-radius: 10px;
}

.vnimanie_red {
   background-color: #e31e2414;
   border: solid 1px #a82c242e;
   padding: 5px 10px 5px;
   margin: 10px 0 10px 0;
   display: table;
   width: 100%;
   border-radius: 10px;
   color: #a82c24;
}

.vnimanie_red h3 {
   color: #a82c24;
}


.table-scroll table {
   font-size: 14px;
   border: 1px solid #b3c9d2;
}

.table-scroll th {
   background: #cee7f2;
   padding: 5px 10px 5px;
   font-size: 16px;
   text-align: left;
}

.table-scroll table td {
   padding: 5px 10px 5px;
   border: 1px solid #b3c9d2;
}

#catalog-item-properties .table-scroll table tr.zagolovok td {
   background: #cee7f2;
}

#catalog-item-properties table tr:nth-child(odd) td {
   background: none;
}

.table-scroll table tr.zagolovok td {
   background: #cee7f2;
   font-size: 16px;
}




.sale_icon {
    position: absolute;
    top: -118px;
    left: 370px;
    display: inline-block;
    float: right;
    margin: -25px 20px 0 0;
    width: 60px;
    height: 60px;
    background: #52ccfd;
   /* border-radius: 5px;*/
    border-radius: 100%;
    color: white;
    font-size: 30px;
    line-height: 2.0;
    cursor: pointer;
	border: 1px solid #aaa;
}

.sale_icon:hover {
filter: brightness(0.5);
}

.sale_description {
display: block;
	position: absolute;
    top: -95px;
    right: -160px;
    width: 100%;
    transition: opacity 1s;
    font-size: 12px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    z-index: 1;
    opacity: 1;
}

.sale_hide {
display:none;
}


#calc_sale_amount {    
	font-size: 16px;
    background: #f00;
    margin: 0 70px 0 45px;
    color: white;
    border-radius: 5px;
}

#calc_ppkg {    
	font-size: 26px;
    font-weight: 600;
    line-height: 20px;
}

.price-per-kg {
    margin: 0 50px 0 40px;
}

.calc_total .calc_col_2 {
    margin-top: -5px;
	padding: 0 10px 0 5px;
}

.calc_total .calc_col_3 {
    margin-top: 5px;
	padding: 0 50px 0 0;
}

.calc_total .calc_col_3 .calc_row {
    margin: -10px 0 0 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.calc_total .calc_col .total_name_sale_icon {
    width: 130px;
    position: absolute;
    top: -160px;
    left: 330px;
    font-size: 12px;
}

.calc_total .calc_col .total_name {
    width: 130px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
	padding-left: 20px;
}

.colors-list.colors-list-slider {
    padding: 0 80px 0 40px;
}

.sale_desc_static {
    display: block;
}



@media all and (max-width: 1280px) {

.catalog-item-text {
    width: 730px;
}

.sale_icon {
    top: -120px;
    left: 360px;
}

.calc_total .calc_col .total_name_sale_icon {
    top: -163px;
    left: 318px;
    font-size: 11px;
}

.calc_total .calc_col_2 {
    padding-left: 5px;
}

.calc_total .calc_col_3 {
    padding: 0 40px 0 0;
}
}

@media all and (max-width: 1180px) {

	.catalog-item-info .tb, .catalog-item-info .tb-cell {
	  display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
    }

	div.catalog-item-top.wrapper-box {
      display: flex;
      flex-direction: column;
	  align-items: center;
	}

   .catalog-item-text {
      width: 100%;
   }

.catalog-item-text>.catalog-item-info {
      padding: 5px;
}

.calc_count .qib-container button {
    padding: 5px;
    width: 40px;
}

   .catalog-item-top-title {
      text-align: center;
    }

   .general_benefits {
      width: 100%;
      background-size: contain;
   }

.colors-list.colors-list-slider {
      margin-bottom: 20px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
}

   .catalog-item-colors .colors-marker:hover {
      transform: scale(1.4);
   }

div.calc_container > div.right_col.wrapper-box {
    height: auto;
}


.catalog-item-colors-list-wrapper {
    height: auto;
    min-height: auto;
    padding: 0;
}

.sale_icon {
    left: 280px;
	top: -183px;
}

.calc_total .calc_col .total_name_sale_icon {
    left: 240px;
	top: -225px;
}

.price-per-kg {
    margin: 0 30px 0 40px;
}

.calc_total .calc_col_3 {
    padding: 0 20px 0 0;
}

.calc_container .catalog-item-colors {
    margin: 0;
}

.sale_description {
    top: -140px;
    right: -150px;
}

.tint_desc {
    margin-top: 95px;
}

.calc_container .result {
    margin-top: 10px;
}

.catalog-item-info .tb-cell:first-child {
    height: 100%;
}
}

@media all and (max-width: 968px) {

.calc_container .left_col {
    height: auto;
}

.qib-container {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.result>.calc_total {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.calc_count .qib-container button {
    padding: 10px;
    width: 50px;
}

.colors-list.colors-list-slider {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}
   .catalog-item-shipping-col .col-moscow {
      height: 80px;
      background-size: contain;
      margin-left: -10px;
   }

   .catalog-item-shipping-col .col-russia {
      height: 80px;
      background-size: contain;
      margin-left: -10px;
   }

.modal-inner-btn2 {
   max-width: 100%;
   padding: 30px 30px 30px 30px;
}

.selected-products-btn2 {
   max-width: 100%;
}

.selected-products-btn2>.selected-products-item {
  width: 50%;
}

.catalog-item-shipping-col {
    height: auto;
}

.catalog-item-shipping-col .shipping-title {
    font-size: 18px;
}

   div.catalog-item-colors.sku-wrapper>div>div .slick-track {
      display: contents;
   }

.btn2 a {
    padding-top: 0;
}

.catalog-item-colors-list .colors-list.slick-slider {
    margin-left: 0;
}

.tint_desc {
    margin-top: 15px;
}

.sale_icon {
    top: -338px;
}

.calc_total .calc_col .total_name_sale_icon {
    top: -380px;
}

.form-calc .area_block .input_label {
    width: 80%;
}

#calc_sale_amount {
    margin: 0 30px 0 40px;
}

.calc_total .calc_col .quick-order-link2 {
    padding-top: 5px;
}

}

@media all and (max-width: 480px) {

body > div.container > div {
      width: 100%;
      padding-right: 10px;
   }

   .breadcrumbs {
      padding: 5px 0;
      font-size: 8px;
   }

   h1,
   .h1 {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .slick-track img {
      max-width: 80%;
   }

	.catalog-item .wrapper-box {
      margin-bottom: 20px;
      display: flex;
	  flex-direction: column;
	}

   .catalog-item-text {
      width: 100%;
   }

   .catalog-item-top-title .h2 {
      font-size: 14px;
   }

   .catalog-item-info .tb-cell:first-child {
      padding-right: 0;
   }

   .catalog-item-info .tb-cell>ul {
      font-size: 12px;
   }

   .general_benefits {
      width: 100%;
      background-size: contain;
      margin: 10px 0 0 0;
   }

div.catalog-item-top.wrapper-box > div.catalog-item-image {
	margin-bottom: 5px;
	}

   .service {
      margin-bottom: 5px;
   }

   .service .btn_service {
      margin-bottom: 10px;
      height: auto;
   }

   .service .btn_service a {
      font-size: 14px;
   }

   .calc_container {
      display: flex;
      flex-direction: column;
   }

   .calc_container .left_col {
      width: 100%;
      display: block;
      height: 260px;
   }

   .wrapper-box {
      padding: 10px 25px;
   }

   .form-calc .calc_btn {
      width: 95%;
   }

   .catalog-item-colors-list-wrapper {
      padding: 5px 5px 0;
   }

   .catalog-item-colors .colors-marker:hover {
      transform: scale(1.4);
   }

   .colors-list.colors-list-slider {
      padding: 0;
   }

   .slick-list.draggable {
      padding-left: 20px;
      height: auto;
   }

   .express-box {
      top: 55%;
   }

   .tint_desc {
      margin-top: 5px;
      padding: 0 0 20px 0;
   }

   .catalog-item-colors-custom {
      font-size: 12px;
	  padding-top: 10px;
   }

   .calc_container .result {
      margin-top: 5px;
   }

   .calc_total .calc_col {
      display: inline;
   }

   .calc_total {
      display: contents;
   }

   .calc_total .calc_col .quick-order-link2 {
      padding: 5px;
   }

   .catalog-item-shipping-col {
      width: 100%;
   }

   .catalog-item-shipping-col {
      width: 100%;
   }

   .catalog-item-shipping-col .shipping-title {
      font-size: 20px;
   }

   .catalog-item-shipping-col a.shipping-btn {
      width: 95%;
   }

     .catalog-item-shipping {
      height: 230px;
      flex-direction: column;
   }

.selected-products-btn2>.selected-products-item {
  width: 100%;
}

.selected-products-btn2>.selected-products-item .box {
   width: 250px;
}

.selected-products-wrapper-btn2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	margin-bottom: 15px;
	max-width: 100%;
}

.btn2 {
    margin-bottom: 10px;
}



#filter-form2 > div.filter-content.wrapper-box.full > div > div.filter-row.filter-row-top > div.filter-fieldset {
    padding-left: 5px;
	height: 120px;
}

.filter-panel .filter-fieldset {
    padding-left: 20px;
}

#filter-form2 > div.filter-content.wrapper-box.full {
    padding: 10px 20px;
}

.products-list {
    margin-left: -20px;
    margin-right: -20px;
}

 div.products-list-image.flex.flex-nowrap > div {
    width: 50%;
    margin-left: 5px;
}

.colors-list-slider-rows .colors-item .colors-name {
	margin-right: 15px;
}

.catalog-item-tabs .tabs-inner {
    padding: 0;
}

.grunt {
	width: 100%;
	margin: 10px 0 10px 0;
}

#catalog-item-properties table {
    display: table;
    margin: 5px 0 0 0;
}

#catalog-item-properties table tbody {
    display: table-row-group;
    margin: 0;
}

#catalog-item-properties table tr {
    display: table-row;
    margin: 0;
}

#catalog-item-properties table td {
    display: table-cell;
    margin: 0;
}

.result>.calc_total {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-left: 10px;
}

.calc_count .qib-container button {
    padding: 10px 20px;
    width: 50px;
}

.calc_count .qib_desc {
    padding-left: 10px;
}

.calc_total .calc_col {
    margin-bottom: 10px;
	width: 50%;
}

.price-per-kg {
    margin: 0 20px 0 20px;
}

.total_product_row {
    padding-left: 20px;
}

.sale_icon {
    top: -75px;
    left: 220px;
}

.calc_total .calc_col .total_name_sale_icon {
    top: -120px;
    left: 180px;
}

.sale_description {
    top: -35px;
    right: -170px;
}

}


#bx-soa-delivery div.bx-soa-pp-company[data-id="14"] .bx-soa-pp-delivery-cost:before{
	position:absolute;
    content:"Рассчитывается у ТК";
    color:rgb(51, 51, 51);
    visibility:visible;
    padding:5px 7px 5px 9px;
    margin:-5px 0px 0px -9px;
    background:rgb(240, 240, 240);
    border-radius:10px;
}
#bx-soa-delivery div.bx-soa-pp-company[data-id="14"] .bx-soa-pp-delivery-cost{
	visibility:hidden;
}

.form-calc .layer_block .flex_buttons {
    min-width: 38%;
	width: auto;
}

.bx-soa-pp-company[data-id="22"] .bx-soa-pp-list{
	padding:25px 0 0 0;
}
.bx-soa-pp-company[data-id="22"] .bx-soa-pp-list li{
	padding-left:0;
}
.bx-soa-pp-company[data-id="22"] .bx-soa-pp-list li:before{
	display:none;
}
.bx-soa-pp-company[data-id="22"] .bx-soa-pp-list .bx-soa-pp-list-termin{
	display:none;
}
.bx-soa-pp-company[data-id="22"] .bx-soa-pp-list .bx-soa-pp-list-description{
	font-size:0;
}
.bx-soa-pp-company[data-id="22"] .bx-soa-pp-list .bx-soa-pp-list-description a{
	font-size:13px;
	padding:4px 10px;
	background:#f0f7fa;
	border:1px solid #12668a;
	border-radius:12px;
	text-decoration:none;
}
.bx-soa-pp-company[data-id="22"] .bx-soa-pp-list .bx-soa-pp-list-description a:hover{
	background:#12668a;
	color:#fff;
}

body > div.container > div.columns > div > div > h1 {
    line-height: 25px;
}


.kontakt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



.catalog-reviews-admin {
    margin:20px 0px 0px 140px;
    display: flex;
}

.catalog-reviews-admin-text {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
}

.catalog-reviews-date-admin {
    padding-left: 20px;
    color: #959595;
    display: inline;
}

#admin-text {
    padding-top: 10px;
}


.single-video-popup {
	padding-bottom: 15px;
    height: 295px;
}

.video-wrapper {
    height: 100%;
}



.modal-wrapper.docs2-form.visible {
	z-index: 8009;
}

.modal-wrapper.docs2-form.visible .modal-inner {
	padding: 30px 60px 30px 30px;
}

.certificates-slider-popup {
    padding: 0;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.certificates-min-popup {
    width: 23%;
    margin: 5px;
}

.form-wrapper h4 {
    margin-bottom: 5px;
}

.menu-main-separate li{
	line-height:60px;
}

#bx-soa-delivery .bx-soa-pp-company[data-id='45'] .bx-soa-pp-delivery-cost{
    display:none;
}


@media (min-width: 1025px){
	.advantages-wrapper .advantages-list li{
		width:33%;
	}
}



.products-list-text .calc_col.calc_count.calc_col_1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 15px 0;
}

.products-list-text .calc_col.calc_count.calc_col_1 .qib button {
    padding: 15px 10px;
    width: 40px;
}

.products-list-text .calc_col.calc_count.calc_col_1 .qib-container .quantity {
    margin: 0 -10px 0 0;
}

.products-list-text .calc_col.calc_count.calc_col_1 .qib-container .quantity input {
    font-size: 20px;
    width: 50px;
}

.products-list-text .calc_col.calc_count.calc_col_1 .products-list-btn.calc_col.calc_col_4 .btn {
    height: 53px;
    width: 125px;
    line-height: 48px;
    font-family: "RobotoBold";
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 5px;
}



.color-form-link.btn {
    height: 35px;
    padding: 4px 12px 0;
    background: #ffffff;
    color: #12668a;
}

.color-form-link.btn:hover {
    background: #52ccfd;
    border: 1px solid #aaa;
    color: #fff;
}

.modal-wrapper.color-form .tabs-box {
  display:none;
}

.modal-wrapper.color-form .tabs-box.current{
  display:block;
}

.modal-wrapper.color-form .wrapper-box {
    box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 3%), 
				0px 2px 4px rgb(0 0 0 / 10%), 
				0px 4px 8px rgb(0 0 0 / 10%), 
				0px 8px 16px rgb(0 0 0 / 10%);
    margin-bottom: 0;
}

.tabs-inner.ral, .tabs-inner.ncs, .tabs-inner.symphony {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tabs-inner.ral .colors-marker,
.tabs-inner.ncs .colors-marker,
.tabs-inner.symphony .colors-marker {
    margin: 15px 10px;
    padding: 70px 0 0 0;
    font-size: 14px;
    text-shadow: 0px -0.5px 0.5px #ffffff;
    border: 1px solid #aaa;
}

.tabs-inner.ral .colors-marker:hover,
.tabs-inner.ncs .colors-marker:hover,
.tabs-inner.symphony .colors-marker:hover {
    transform: scale(2.2);
    z-index: 10;
}

.catalog-item-tabs .tabs-inner.ral p {
    margin: 3px 0 0 0;
}

.modal-wrapper.color-form .modal-close {
    top: 10px;
    right: 8%;
    z-index: 99999;
}

.modal-wrapper.color-form .modal-inner {
    width: 90%;
    padding: 30px;
    min-height: 100%;
}

.modal-wrapper.color-form .modal-inner:before {
  display:none;
}

.modal-wrapper.color-form .catalog-item-tabs .tabs-inner {
    padding: 20px 0 30px 40px;
}


.header-bottom-panel-in.flex {
    align-items: center;
}

.header-search:first-child {
    padding-left: 26px;
    max-width: 640px;
}

.header-spk {
    padding: 0 0 0 26px;
}

.link-spk.btn {
    display: flex;
    align-items: center;
    height: 60px;
    border-radius: 0;
}

.link-spk.btn:hover {
    background: #52ccfd;
}

/*
.header-spk img {
    width: 70px;
}
*/
.header-spk-title{
	text-align: left;
}

.header-spk span {
    font-size: 14px;
    font-weight: bold;
    font-family: "RobotoBold";
    padding: 0 5px 0 10px;
}

.header-spk span.header-spk-work {
    font-size: 22px;
}




.analogue{
    margin-top:15px;
}
.analogue .analogue__btn{
    display:flex;
    padding:10px;
    border-radius:5px;
    border:2px solid #12668a;
    text-decoration:none;
    color:#12668a;
    font-weight:600;
    font-size:17px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: all 0.3s ease;
	background:#ffefd7;
}
.analogue .analogue__btn:hover{
    background:#12668a;
    color:#fff;
}
.analogue .analogue__btn img{
    margin-right:5px;
    width:24px;
}

.selected-products-wrapper-btn2{
    max-width:456px;
    justify-content: space-between;
    align-items: center;
    gap:15px;
}
.selected-products-wrapper-btn2 .btn2{
    margin:0;
    width:100%;
    
}
@media (min-width: 960px) and (max-width: 1279px) {
    .selected-products-wrapper-btn2{
        max-width:348px;
    }
    .analogue .analogue__btn{
        font-size:13px;
    }
}
@media (max-width: 959px) {
    .analogue .analogue__btn img{
        display:none;
    }
    .analogue .analogue__btn{
        text-align:center;
    }
}

.catalog-item-image{
    padding-right:18px;
}
.catalog-item-info .tb-cell ul{
    margin-bottom:20px;
}
.discount-wrapper{
    display:flex;
    gap:10px;
    padding:10px;
    border:1px solid #ff3030;
    border-radius:5px;
    background-color:#fff6f6;
    color:#d13025;
}
.discount_text .discount_value{
    font-size:22px;
}
.discount_text .discount_value .discount_value_bold{
    font-size:28px;
    font-weight:900;
}
.discount_text .discount_description{
    font-size:16px;
}
.discount_icon{
    background-color: #fff;
    background-image: url(/local/templates/krasko/css/../i/sale_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    height: 74px;
    padding: 8px;
    width: 74px;
    border-radius:18px;
    border:1px solid #ff3030;
}
.total_product_row .total_name_sale_icon,
.total_product_row .sale_icon,
.total_product_row .sale_info{
    display:none;
}

.table-scroll ol{
    margin: 0 0 20px 25px;
}


.catalog-item-weights{
    margin: 20px 0;
}
.catalog-item-weights .weights-list{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.catalog-item-weights .weights-item{
    padding: 10px 14px;
    width: 135px;
    text-align:center;
    border: 1px solid rgb(224, 224, 224);
    cursor: pointer;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    transition: 0.2s;
    font-size: 18px;
    line-height:20px;
    font-weight: 500;
}
.catalog-item-weights .weights-item:hover{
    border-color: #009846;
}
.catalog-item-weights .weights-item.current{
    border-color: #009846;
    background-color: #009846;
    color:#fff;
}
.color-form-link.btn{
    padding: 4px 12px 0 4px;
}
.tint_desc{
    padding:0 15px;
}

.products-list-item .products-list-price { padding:0 0 10px; }
.products-list-item .products-list-text { display: flex; flex-direction: column; flex-grow: 1; }
.products-list-item .catalog-item-sku-logic { margin-top: 15px; display: flex; flex-direction: column; align-items: center; flex-grow: 1; width: 100%; }
.products-list-item .item-price-block { margin-bottom: 15px; font-size: 14px; text-align: center; }
.products-list-item .item-price-block span { font-size: 18px; }
.products-list-item .item-price-block .price-number { font-size: 26px; }
.products-list-item .item-colors { margin-bottom: 10px; width: 100%; }
.products-list-item .colors-list { display: flex; gap: 15px; flex-wrap: wrap; }
.products-list-item .color-btn { display: flex; flex-direction: column; align-items: center; cursor: pointer; width: 40px; transition: transform 0.2s; }
.products-list-item .color-circle { width: 36px; height: 35px; border-radius: 50%; border: 2px solid #dddddd; flex-shrink: 0; transition: border-color 0.2s, box-shadow 0.2s; }
.products-list-item .color-btn:hover .color-circle { box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.products-list-item .color-btn.current .color-circle { border-color: #000; box-shadow: 0 0 8px rgba(0,0,0,0.4); }
.products-list-item .color-name { font-size: 10px; text-align: center; margin-top: 4px; line-height: 1.2; color: #333; word-break: break-word; width: 100%; }
.products-list-item .item-weights { margin-bottom: 15px; width: 100%; }
.products-list-item .weights-list { display: flex; gap: 5px; flex-wrap: wrap; justify-content: center; }
.products-list-item .weight-btn { padding: 5px 10px; border: 1px solid #ccc; cursor: pointer; font-size: 12px; transition: border-color 0.2s, font-weight 0.2s; }
.products-list-item .weight-btn:hover { border-color: #999; }
.products-list-item .weight-btn.current { border-color: #000; font-weight: bold; }
.products-list-item .item-quantity { margin-bottom: 15px; display: flex; justify-content: center; width: 100%; }
.products-list-item .qib-container { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; height: 40px; }
.products-list-item .qty-minus, .qty-plus { width: 35px; height: 100%; background: #f5f5f5; border: none; font-size: 18px; font-weight: bold; cursor: pointer; transition: background 0.2s; }
.products-list-item .qty-minus:hover, .qty-plus:hover { background: #e0e0e0; }
.products-list-item .qty-input { width: 50px; height: 100%; text-align: center; border: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px; pointer-events: none; margin: 0; padding: 0; }
.products-list-item .qty-input::-webkit-outer-spin-button,
.products-list-item .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.products-list-item .item-buttons { display: flex; gap: 10px; align-items: center; justify-content: center; width: 100%; margin-top: auto; }
.products-list-item .item-buttons .btn { flex: 1; height: 54px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: 'Roboto', 'RobotoBold', sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; border-radius: 4px; box-sizing: border-box; cursor: pointer; }
.products-list-item .add-to-cart-btn { background-color:#009846; }
.products-list-item .add-to-cart-btn:hover { background-color:#2ae37f; }
.products-list-order { text-align:center; }



























/* Парящий блок по центру экрана */
.cookie-notice {
    position: fixed;
    bottom: 30px; /* Отступ снизу для эффекта парения */
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 60%; /* Ширина на ПК */
    width: calc(100% - 40px); /* Отступы по краям, если экран уменьшается */
    background-color: #ffffff; /* Белый фон */
    padding: 24px;
    z-index: 9999;
    box-sizing: border-box;
    
    /* Эффект облака: рамка, скругление и мягкие тени */
    border: 1px solid rgba(0, 0, 0, 0.05); 
    border-radius: 16px; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.04);
}

.cookie-notice-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.cookie-notice p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #4a4a4a; /* Мягкий темно-серый цвет текста */
}

/* Минималистичная кнопка */
.btn-cookie-accept {
    background-color: #2b2b2b; /* Темный цвет кнопки */
    color: #ffffff;
    border: none;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px; /* Небольшое скругление кнопки */
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.btn-cookie-accept:hover {
    background-color: #444444;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Тень при наведении */
    transform: translateY(-1px); /* Легкий эффект нажатия/поднятия */
}

/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    .cookie-notice {
        max-width: 100%;
        bottom: 15px;
        padding: 20px;
        width: calc(100% - 30px); /* Сохраняем отступы по краям для парения */
        border-radius: 12px;
    }
    
    .cookie-notice-container {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }
    
    .btn-cookie-accept {
        width: 100%; /* Кнопка на всю ширину */
        padding: 14px 20px;
    }
}


.main-text-wrapper .main-text-top{
	background: #ffffff;
}
/* End */


/* Start:/local/templates/krasko/components/bitrix/sale.basket.basket.line/mobile/style.min.css?17514769964008*/
.basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/krasko/components/bitrix/sale.basket.basket.line/mobile/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/krasko/components/bitrix/sale.basket.basket.line/mobile/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em}
/* End */


/* Start:/local/templates/krasko/components/sotbit/regions.choose/.default/style.css?17514769956146*/
.select-city-wrap {
	position: relative;
}

.select-city__block__text {
	color: #919294;
	font-family: 'NotoSans';
	font-size: 12px;
	line-height: 30px;
}

.select-city__block__text-city {
	color: #414141;
	font-family: 'NotoSans';
	font-size: 12px;
	line-height: 30px;
	text-decoration: underline;
	text-decoration-style: dotted;
	cursor: pointer;
}

.select-city__dropdown__title {
	color: #414141;
	font-size: 13px;
	line-height: 30px;
	font-family: "NotoSans";
	display: block;
	margin-bottom: 10px;
}

.select-city__dropdown {
	background-color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	width: 211px;
	text-align: center;
	padding: 11px 5px 17px 5px;
}

.select-city__dropdown-wrap {
	z-index: 99;
	position: absolute;
}

.select-city__dropdown__choose {
	display: inline-block;
	height: 32px;
	width: 82px;
	font-size: 12px;
	line-height: 32px;
	text-transform: uppercase;
	font-family: 'ProximaNova';
	text-align: center;
	cursor: pointer;
}

.select-city__dropdown__choose:hover, .select-city__dropdown__choose:active,
.select-city__dropdown__choose:focus {
	opacity: .7;
}

.select-city__dropdown__choose__yes {
	color: #919294;
	border: 1px solid #d3d3d3;
	margin-right: 15px;
}

.select-city__dropdown__choose__no {
	color: #ffffff;
	background: #333333;
}

.select-city__dropdown__choose-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select-city__modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
	display: none;
}

.modal__overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 2500;
}


.select-city__modal__title {
	color: #000000 !important;
	font-family: 'ProximaNova' !important;
	line-height: 30px;
	font-size: 25px !important;
	margin-bottom: 20px !important;
}

.select-city__modal__list {
	columns: 3;
	margin-bottom: 23px;
}

.select-city__modal__list__title {
	color: #000000;
	font-family: 'ProximaNovaBold';
	line-height: 30px;
	font-size: 14px;
	display: block;
	margin-bottom: 11px;
}


.select-city__modal__submit__block-wrap {
	background: #eceef1;
	padding: 21px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 42px);
}

.select-city__modal__submit__title {
	color: #000000;
	font-family: 'ProximaNovaBold';
	line-height: 30px;
	font-size: 14px;
	display: block;
	margin-bottom: 0px;
}

.select-city__modal__submit__input {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	box-shadow: none;
	height: 32px;
	width: calc(100% - 32px);
	max-width: 517px;
	color: #414141;
	font-family: 'ProximaNova';
	font-size: 14px;
	margin-right: 15px;
	padding: 0 15px;
}

.select-city__modal__submit__btn {
	background: #000000;
	border: none !important;
	box-shadow: none !important;
	width: 147px;
	height: 32px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'ProximaNova';
	font-size: 12px;
}

.select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active,
.select-city__modal__submit__btn:focus {
	opacity: .7;
}

.select-city__close {
	background: url("/local/templates/krasko/components/sotbit/regions.choose/.default/img/select-city__close.png") no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: -30px;
	cursor: pointer;
}

.select-city__close:hover {
	opacity: .7;
}

@media ( max-width : 768px) {
	.select-city__modal-wrap {
		width: 484px;
		padding: 37px 25px 40px 25px;
	}
	.select-city__modal__list {
		columns: 2;
	}
}

@media ( max-width : 575px) {
	.select-city__modal-wrap {
		width: 80%;
		padding: 27px 20px 30px 20px;
	}
	.select-city__modal-wrap {
		margin: 20vh auto;
	}
	.select-city__modal__title {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}
	.select-city__close {
		top: 15px;
		right: 15px;
	}
	.select-city__modal__list__item {
		font-size: 13px !important;
	}
}

@media ( max-width : 400px) {
	.select-city__modal__list {
		columns: unset;
		max-height:100px;
		overflow:auto;
	}
	.select-city__modal-wrap {
		margin: 5vh auto;
	}
	.select-city__modal__list__title {
		line-height: 20px;
	}
	.select-city__modal__submit__block-wrap {
		display: block;
	}
	.select-city__modal__submit__input {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.select-city__modal-wrap {
		padding: 15px 20px;
	}
	.select-city__modal__submit__btn
	{
		width:100%;
	}
}
.select-city__modal__submit__block-wrap__input_wrap
{
	position:relative;
	width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-container
{
	position:absolute;
	width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list
{
	padding-left:0;
	margin:0;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list li
{
	list-style:none;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item
{
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	background: #ffffff;
	height: 32px;
	width: 100%;
	max-width: 517px;
	color: #414141;
	font-family: 'ProximaNova';
	font-size: 14px;
	padding: 0 15px;
	line-height:32px;
	margin:0!important;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide
{
	display:none;
}
.select-city__modal__submit__block-wrap__input_wrap_error
{
	color:red;
	position:absolute;
	top:-20px;
}
.town-close {
   background: unset !important;
   background-position: unset !important;
   width: 24px !important;
   height: 24px !important;
   top: 30px !important;
   right: 30px !important;
   z-index: 100 !important;
}
.town-close:before {
   transform: rotate(45deg);
}
.town-close:before, .town-close:after {
   content: '';
   position: absolute;
   top: 11px;
   left: 4px;
   width: 18px;
   height: 2px;
   background: #000;
   transition: all 0.3s ease 0s;
}
.town-close:after {
   transform: rotate(-45deg);
}
.menu-towns a:not(.select-city__modal__list__item) {
   font-size: inherit !important;
   font-family: inherit !important;
   line-height: inherit !important;
}
.towns-form ul li a {
	text-decoration: underline;
}
.towns-form ul li a:hover {
	text-decoration: none !important;
	color: #404040 !important;
}
/* End */


/* Start:/local/templates/krasko/components/bitrix/sale.basket.basket.line/.default/style.min.css?17514769964008*/
.basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/krasko/components/bitrix/sale.basket.basket.line/.default/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/krasko/components/bitrix/sale.basket.basket.line/.default/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em}
/* End */


/* Start:/local/templates/krasko/components/bitrix/search.title/catalog/style.css?17514769962175*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/krasko/components/bitrix/search.title/catalog/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/* End */


/* Start:/local/js/krasko/terminals/dist/terminals.bundle.css?17514769956247*/
.--loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.--loading:after{content:'';position:absolute;width:40px;height:40px;top:50%;left:50%;margin-top:-20px;margin-left:-20px;-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23188cbc' class='bi bi-globe2'%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 01.597-.933A7.01 7.01 0 003.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 01-1.565-.667A6.964 6.964 0 001.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 00-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 00-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 017.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 01-.598-.933 8.853 8.853 0 01-.481-1.079 8.38 8.38 0 00-1.198.49 7.01 7.01 0 002.276 1.522zm-1.383-2.964A13.36 13.36 0 013.508 8.5h-2.49a6.963 6.963 0 001.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 002.275-1.521 8.376 8.376 0 00-1.197-.49 8.853 8.853 0 01-.481 1.078 6.688 6.688 0 01-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 008.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0014.982 8.5h-2.49a13.36 13.36 0 01-.437 3.008zM14.982 7.5a6.963 6.963 0 00-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 001.196-.49 7.01 7.01 0 00-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 00-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z'/%3E%3C/svg%3E")}.--loading .terminals-list{display:none}[data-terminals-trigger]{cursor:pointer}@-webkit-keyframes spinner{50%{opacity:.6}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@keyframes spinner{50%{opacity:.6}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}[data-terminals-overlay]{z-index:9999;position:absolute;top:-100%;left:-100%;bottom:-100%;right:-100%;content:"";background:rgba(0,0,0,.5);opacity:0}[data-terminals-modal]{border-radius:13px;position:fixed;z-index:10001;height:90%;overflow:hidden;-webkit-transform:translate(-50%,-50%) scale(.8);-ms-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);left:50%;top:50%;margin:0;width:90%;background-color:#fff;color:#333;border:1px solid #333;padding:12px;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media only screen and (max-width:750px){[data-terminals-modal]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}[data-terminals-modal] .scrollarea{width:100%;max-width:100%;overflow-y:scroll}[data-terminals-modal] .scrollarea::-webkit-scrollbar{width:8px}[data-terminals-modal] .scrollarea::-webkit-scrollbar-track{background:#fff}[data-terminals-modal] .scrollarea::-webkit-scrollbar-thumb{background-color:#009846;border-radius:7px;border:3px solid #fff}[data-terminals-modal]>.terminals-map{border-radius:13px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:2px 2px 2px 0 rgba(23,26,31,.2);box-shadow:2px 2px 2px 0 rgba(23,26,31,.2);overflow:hidden}[data-terminals-modal]>.terminals-map>*{height:100%!important;width:100%!important}[data-terminals-modal]>.terminals-list{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}@media only screen and (max-width:1200px){[data-terminals-modal]>.terminals-list{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%}}@media only screen and (max-width:750px){[data-terminals-modal]>.terminals-list{height:50%}}.terminals-list{padding:1em;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.terminals-list .close{position:absolute;right:10px;top:10px;cursor:pointer}.terminals-list .search input{border:none;border-bottom:1px solid #009846}.terminals-list>.head{padding-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:GothamProRegular;font-size:22px;line-height:1.3;font-weight:400;color:#404040;margin:0 0 10px;padding:0}.terminals-list>.search{margin:0 0 10px}.terminals-list>.list{padding:.5em;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;overflow:auto}.terminals-list>.list .city{padding:1em;margin-top:1em;border-radius:7px;-webkit-box-shadow:2px 2px 2px 0 rgba(23,26,31,.2);box-shadow:2px 2px 2px 0 rgba(23,26,31,.2);overflow:hidden;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.terminals-list>.list .city:hover{-webkit-box-shadow:2px 2px 6px #188cbc;box-shadow:2px 2px 6px #188cbc}.terminals-list>.list .terminal{padding:0;margin-top:1em;border-radius:7px;-webkit-box-shadow:2px 2px 2px 0 rgba(23,26,31,.2);box-shadow:2px 2px 2px 0 rgba(23,26,31,.2);overflow:hidden;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.terminals-list>.list .terminal:hover{-webkit-box-shadow:2px 2px 6px #188cbc;box-shadow:2px 2px 6px #188cbc}.terminals-list>.list .terminal .head{padding-left:1em;padding-right:1em;background:#188cbc;padding-top:.6em;padding-bottom:.6em;color:#fff}.terminals-list>.list .terminal .content{padding-left:1em;padding-right:1em;padding-top:.6em;padding-bottom:.6em}.terminals-list>.list .terminal .content p{margin:0}
/* End */


/* Start:/local/templates/krasko/template_styles.css?175147699529960*/
/*====================================================
   Fonts
====================================================*/
@font-face {
   font-family: "RobotoRegular";
   src: url("/local/templates/krasko/fonts/RobotoRegular/RobotoRegular.eot");
   src: url("/local/templates/krasko/fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
      url("/local/templates/krasko/fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
      url("/local/templates/krasko/fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: "RobotoBold";
   src: url("/local/templates/krasko/fonts/RobotoBold/RobotoBold.eot");
   src: url("/local/templates/krasko/fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
      url("/local/templates/krasko/fonts/RobotoBold/RobotoBold.woff") format("woff"),
      url("/local/templates/krasko/fonts/RobotoBold/RobotoBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: 'RobotoBlack';
   src: url('/local/templates/krasko/fonts/RobotoBlack/roboto-black_allfont.ru-webfont.woff2') format('woff2'),
      url('/local/templates/krasko/fonts/RobotoBlack/roboto-black_allfont.ru-webfont.woff') format('woff'),
      url('/local/templates/krasko/fonts/RobotoBlack/roboto-black_allfont.ru-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "GothamProRegular";
   src: url("/local/templates/krasko/fonts/GothamProRegular/GothamProRegular.eot");
   src: url("/local/templates/krasko/fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
      url("/local/templates/krasko/fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
      url("/local/templates/krasko/fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: "GothamProBold";
   src: url("/local/templates/krasko/fonts/GothamProBold/GothamProBold.eot");
   src: url("/local/templates/krasko/fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
      url("/local/templates/krasko/fonts/GothamProBold/GothamProBold.woff") format("woff"),
      url("/local/templates/krasko/fonts/GothamProBold/GothamProBold.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: "GothamProBlack";
   src: url("/local/templates/krasko/fonts/GothamProBlack/GothamProBlack.eot");
   src: url("/local/templates/krasko/fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
      url("/local/templates/krasko/fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
      url("/local/templates/krasko/fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: "BadScriptRegular";
   src: url("/local/templates/krasko/fonts/BadScriptRegular/BadScriptRegular.eot");
   src: url("/local/templates/krasko/fonts/BadScriptRegular/BadScriptRegular.eot?#iefix")format("embedded-opentype"),
      url("/local/templates/krasko/fonts/BadScriptRegular/BadScriptRegular.woff") format("woff"),
      url("/local/templates/krasko/fonts/BadScriptRegular/BadScriptRegular.ttf") format("truetype");
   font-style: normal;
   font-weight: normal;
}

@font-face {
   font-family: 'CorbelBold';
   src: url('/local/templates/krasko/fonts/Corbel/Corbel-Bold.eot');
   src: url('/local/templates/krasko/fonts/Corbel/Corbel-Bold.eot?#iefix') format('embedded-opentype'),
      url('/local/templates/krasko/fonts/Corbel/Corbel-Bold.woff') format('woff'),
      url('/local/templates/krasko/fonts/Corbel/Corbel-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
}

.header-contacts ul li {
   display: block;
}

.header-contacts ul li:first-child {
   padding-right: 0;
}

.bx-basket-fixed {
   position: static;
   margin-top: 43px;
   border: none;
   background: transparent;
   box-shadow: none;
}

.basket-line {
   min-height: 55px;
   position: relative;
}

.basket-line-block {
   white-space: normal;
   display: flex;
   padding-left: 0;
}

.bx-basket-fixed .basket-line-block {
   margin-left: 0;
}

.basket-total-price {
   display: block;
   margin-top: 20px;
}

.basket-icon {
   background-image: url(/local/templates/krasko/i/shopping-cart1.svg);
   background-repeat: no-repeat;
   background-size: contain;
   display: inline-block;
   width: 36px;
   height: 36px;
}

.basket-icon--white{
   background-image: url(/local/templates/krasko/i/shopping-cart1-white.svg);
   width: 30px;
   height: 30px;
}

.num-products {
   background: #83CAFB;
   font-weight: 700;
   font-size: 11px;
   font-family: 'RobotoRegular';
   color: #fff;
   border-radius: 50%;
   width: 18px;
   height: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   transform: translate(23px, -3px);
   box-shadow: -2px 2px 1px #ffffff;
}

.header-basket-mobile .bx-basket-fixed{
   margin-top: 0;
}

.header-basket-mobile {
   right: 160px;
   position: absolute;
   top: 5px;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
}

.header-basket-mobile .num-products {
   width: 16px;
   height: 16px;
   font-size: 9px;
   background: #528BB9;
   box-shadow: -2px 2px 1px #0b2d3c;
}

.basket-count-desc {
   display: block;
   margin-top: 8px;
}

.bx-basket-item-list-container {
   background: #fff;
   max-height: 450px;
   padding: 25px;
}

.bx-basket-item-list-action{
   background: #f0f7fa;
   font-size: 0;
   cursor:auto;
   display: none;
}

.basket-angle{
    display: none;
    border: 10px solid transparent;
    border-bottom: 18px solid white;
    position: absolute;
    top: 33px;
    left: 20%;
}

.bx-opener .bx-basket-item-list {
   padding-bottom: 75px;
   width: 625px;
   position: absolute;
   right: 0;
   z-index: 25;
   border:none;
   box-shadow: -7px 5px 7px #cccccca8;
   background: #fff;
}

.bx-basket-item-list-item-status {
   font-size: 20px;
   font-weight: 400;
   margin: 0;
   padding: 0 0 20px 0;
   border-radius: 0px;
   background: transparent;
   text-align: left;
   white-space: normal;
   line-height: 1.1;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -ms-border-radius: 0px;
   -o-border-radius: 0px;
   display: flex;
   justify-content: space-between;
}

.basket-close{
   height: 50px;
    width: 50px;
    position: absolute;
    top: 4px;
    right: 4px;
    box-sizing: border-box;
    line-height: 50px;
    display: inline-block;
    cursor:pointer;
}

.basket-close:before, .basket-close:after {
   transform: rotate(-45deg);
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -5px;
   margin-left: -5px;
   display: block;
   height: 1px;
   width: 15px;
   background-color: #2a2a2a;
   transition: all .25s ease-out;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
}

.basket-close:after {
   transform: rotate(-135deg);
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -ms-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
}

.bx-basket-block {
   display: flex;
   flex-direction: column;
}

.bx-basket-item-list-item-remove {
   top: -18px;
   left: -15px;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
   background-color: #a82c24;
}

.bx-basket-item-list-item-img img {
   border: none
}

.basket-all-box {
   min-height: 50px;
   color: #2a2a2a;
   display: flex;
   justify-content: space-between;
   border-top: 1px solid #ccc;
   padding: 30px 0;
}

.basket-all-title {
   font-size: 16px;
   font-weight: 400;
}

.basket-all-value {
   font-size: 20px;
   font-weight: 700;
}

.bx-basket-item-list-item {
   border: 1px solid #EBEBEB;
   padding: 25px 25px 10px;
   margin-bottom: 0;
   display: grid;
   grid-template-columns: 65px 70% 20%;
}

.bx-basket-item-list-item:not(:last-child) {
   border-bottom: none
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
   border-bottom: 1px solid #EBEBEB;
}

.bx-basket-item-list-item-name {
   padding: 15px 5px 15px 25px;
}

.bx-basket-item-list-item-name a {
   font-size: 16px;
   line-height: 1.1;
   color: #2a2a2a;
   text-decoration: none;
}

.bx-basket-item-list-item-name a:hover {
   text-decoration: underline;
}

.bx-basket-item-list-item-price-block {
   padding: 24px 0px 15px 1px;
   white-space: nowrap;
}

.basket-product-price {
   font-size: 16px;
   font-weight: 700;
   color: #2a2a2a
}

.basket-product-count {
   color: #ABABAB;
   font-size: 13px
}

.bx-basket-item-list-button-container {
   padding: 25px;
   border-top: none;
}

.bx-basket-item-list-button-container {
   text-align: right;
   bottom: 0;
   z-index: 26;
}

.bx-basket-item-list-button-container .btn-big {
   display: inline-block;
   padding: 15px 28px;
   width: auto;
   height: auto;
   text-align: center;
   background: #3C6588;
   border-radius: 5px;
   font-family: "RobotoRegular";
   font-size: 14px;
   line-height: 1;
   letter-spacing: 1px;
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}

.bx-basket-item-list-button-container .btn-big:hover {
   background: #52ccfd;
}

.header-personal {
   position: absolute;
   top: 6px;
   height: 55px;
   padding-right: 35px;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
}

.cabinet-menu {
   position: absolute;
   top: 30px;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 200px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 14px;
   background-color: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
   background-clip: padding-box;
}

.header-personal a.cabinet-menu__link {
   color: #404040;
   border-bottom: none;
   display: block;
   padding: 10px 0 10px 15px;
}

ul.cabinet-menu li {
   padding: 0;
   margin: 0;
}

ul.cabinet-menu li:not(:last-child) {
   border-bottom: 1px solid #dadada;
}

ul.cabinet-menu li:before {
   display: none;
}

.header-personal:hover .cabinet-menu {
   display: block;
}

.header-personal a {
   border-bottom: 1px dashed #b8cfd9;
   color: #b8cfd9;
   text-decoration: none;
   font-size: 12px;
}

.header-personal a:hover {
   color: #52ccfd;
   border-color: #52ccfd;
}

.search-variants {
   position: relative;
   top: 8px;
   left: 0px;
   right: 0;
   z-index: 1000;
   max-height: 450px;
   overflow: hidden;
   padding-bottom: 10px;
}
 
div.title-search-result{
   box-shadow: 1.414px 1.414px 2px 0 rgb(23 26 31 / 20%);
   border:none
}

.filter-bottom .filter-apply{
   border:none
}

.catalog-rubrics-form .form-field input[type="text"], .catalog-rubrics-form input[type="text"]:-internal-autofill-selected{
   background-color: transparent!important;
}

.form-wrapper .errortext{
   font-size: 15px;
   line-height: 1.2;
}

.form-wrapper .form-result {
   font-size: 15px;
   padding: 10px 0;
   display: inline-block;
}
/*========================================
    MODAL
========================================*/

.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   z-index: 9000;
}

.modal-window {
   position: fixed;
   top: 100px;
   bottom: auto;
   right: auto;
   left: calc(50% - 150px);
   display: none;
   width: 310px;
   padding: 10px 25px 25px;
   background: #E4E4E4;
   overflow: visible;
   z-index: 9990;
   box-shadow: 0px 15px 15px 0px #07101a94;
}

.modal__title {
   margin: 0 0 18px;
   text-align: center;
   color: #A1271C;
   font-style: italic;
   font-size: 20px;
   font-weight: 400;
}

.modal__group {
   margin-bottom: 17px;
}

.modal-window label {
   display: block;
   margin-bottom: 5px;
   color: #313131;
}

.modal__input {
   width: 100%;
   height: 34px;
   padding-left: 15px;
   border: 1px solid #D8D8D8;
   outline: none;
   border-radius: 1px;
   font-size: 14px;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   -ms-border-radius: 1px;
   -o-border-radius: 1px;
}

textarea.modal__input {
   min-height: 145px;
   resize: vertical;
}

.modal__link {
   display: block;
   margin-bottom: 10px;
   color: #333333;
   font-size: 12px;
}

.modal__link:hover {
   color: #5e5e5e;
}

.modal__link span {
   display: inline-block;
   width: 15px;
   height: 15px;
   margin-right: 10px;
   padding-left: 5px;
   border: 1px solid #b4b4b4;
   border-radius: 50%;
   vertical-align: baseline;
   color: #b4b4b4;
   font-size: 10px;
}

input[type="submit"].modal__btn {
   width: 100%;
   height: 40px;
   border: none;
   border-radius: 0px;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   background: #A1271C;
   transition: all .3s linear;
   margin-top: 25px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -ms-border-radius: 0px;
   -o-border-radius: 0px;
}

input[type="submit"].modal__btn:hover {
   background: #771d14
}

.modal__group.remember input[type="checkbox"] {
   -webkit-appearance: auto;
   margin-top: 5px;
}

.modal__group.remember {
   display: flex;
   margin-bottom: 10px;
}

.modal__group.remember label {
   display: flex;
   padding-left: 10px;
}

.modal-window__txt {
   color: #414141;
   font-size: 13px;
}

.modal-window__btns {
   margin-top: 30px;
   text-align: right;
}

.modal-window__btn {
   display: inline-block;
   padding: 10px 30px;
   margin-left: 5px;
   border-radius: 3px;
   color: #fd3a51;
   font-size: 16px;
   background: #fff;
   transition: all .3s linear;
}

.modal-window__btn:hover {
   color: #fff;
   background: #fd3a51;
}

.modal__label {
   display: inline-block;
   width: 120px;
   padding-top: 10px;
   vertical-align: top;
   font-weight: 400;
}

.close-btn.modal-close:before,
.close-btn.modal-close:after {
   content: '';
   position: absolute;
   top: 9px;
   left: 4px;
   width: 13px;
   height: 2px;
   background: #fff;
   transition: all 0.3s ease 0s;
}

.close-btn {
   top: -14px;
   right: -14px;
   background: #000;
   border-radius: 50%;
   border: 2px solid #fff;
   position: absolute;
   z-index: 9999;
}

.auth-box__row {
   margin: 20px 0;
}

.auth-box input[type="text"],
.auth-box input[type="password"] {
   max-width: 300px;
   height: 40px;
}

.auth-box input[type="checkbox"], input[type="checkbox"] {
   -webkit-appearance: auto;
}

.auth-box__note {
   margin-top: 15px;
}

.personal-section {
   display: flex;
   flex-wrap: wrap;
}

.personal-section__box {
   width: calc(100%/4 - 30px);
   margin: 15px;
}

.sale-personal-section-index-block {
   background-color: #52ccfd;
}

.main-profile-block-shown .form-group {
   max-width: 350px;

}

.main-profile-block-shown .form-group input[type="text"],
.main-profile-block-shown .form-group input[type="password"],
.form-group input[type="password"],
.form-group input[type="text"] {
   height: 40px;
}

.main-profile-block-shown .form-group+.form-group,
.form-group+.form-group {
   margin-top: 30px;
}

.bx_profile .col {
   margin-top: 50px;
   display: flex;
}

.bx_profile .col input[type="submit"]+input[type="submit"] {
   margin-left: 50px;
}

 .col input[name="reset"] {
   background: #d2d2d2;
   text-decoration: none;
}

.col input[name="reset"]:hover {
   background: #52ccfd;
   color:#fff
}

.orders-list .col {
   display: flex;
   flex-direction: column;
}

.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
   background: #ffffff;
}

.basket-item-amount-btn-plus:hover:before,
.basket-item-amount-btn-plus:hover:after,
.basket-item-amount-btn-minus:hover:after {
   background-color: #1d1d1d;
}

.basket-item-amount-btn-plus:hover,
.basket-item-amount-btn-minus:hover {
   background-color: transparent;
}

.basket-btn-checkout {
   display: block;
   width: 225px;
   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;
}

.basket-btn-checkout:hover {
   background: #52ccfd;
}

.basket-items-list-item-container .basket-item-block-actions {
   opacity: 0;
}

.basket-items-list-item-container:hover .basket-item-block-actions {
   opacity: 1;
}

.basket-checkout-block-btn {
   padding-left: 30px;
}

input.basket-item-amount-filed,
.basket-item-block-amount.disabled input.basket-item-amount-filed:hover {
   padding: 0;
   width: 60px;
   height: 28px;
   outline: 0;
   border: 1px solid #e4e4e4;
   border-radius: 1px;
   vertical-align: middle;
   text-align: center;
   transition: 300ms all ease;
}

.bx-soa-section {
   background: #fff;
}

.bx-closed .bx-basket-item-list{
   display: none;
}

.list-profiles{
 display: flex;
}

.list-profile-titles {
   max-width: 250px;
   width: 100%;
}

.list-profile-values {
   max-width: calc(100% - 250px);
   width: 100%;
}

.list-profile-title__box, .list-profile-value__box {
   padding: 15px 0;
}

.list-profile-title__box:not(:last-child), .list-profile-value__box:not(:last-child) {
   border-bottom: 1px solid #dadada;
}

.list-profiles +.list-profiles{
   margin-top: 70px;
}

.sale-personal-profile-list-change-button{
   border-bottom: none;
}

.sale-personal-profile-list-change-button:hover{
   border-bottom:none
}

.section-title__box h4{
   font-weight: bold;
}

.buttons__box{
   display: flex;
   margin-top: 50px;
}

.buttons__box input + input{
   margin-left: 30px;
}

.buttons__box .submit-apply{
   display: none;
}

a.sale-order-list-cancel-payment{
   display: none;
}

.sale-order-detail-payment-options-methods-container:before{
   display: none;
}

.sale-order-detail-section-title{
   font-size: 16px;
   padding: 20px 15px;
}

.sale-order-detail-more-info-details-title{
   color:#333
}


.sale-order-detail th, .sale-order-detail td{
   vertical-align: middle;
}
.sale-order-payment-cancel, .sale-order-detail-payment-options-methods-info-change-link, .sale-order-detail-show-link, .sale-order-detail-hide-link{
   text-decoration: none!important;
}

.sale-order-payment-cancel:hover, .sale-order-detail-payment-options-methods-info-change-link:hover, .sale-order-detail-show-link:hover, .sale-order-detail-hide-link:hover{
   border-color: transparent
}

.sale-order-detail-card .btn.btn-primary, .sale-order-detail-card .btn.btn-link{
   display: inline-block;
   padding: 15px 28px;
   width: auto;
   height: auto;
   text-align: center;
   background: #3C6588;
   border-radius: 5px;
   font-family: "RobotoRegular";
   font-size: 14px;
   line-height: 1;
   letter-spacing: 1px;
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}

.sale-order-detail-card .btn.btn-link{
   background: #d2d2d2;
   text-decoration: none;
}

.sale-order-detail-card .btn.btn-primary:hover, .sale-order-detail-card .btn.btn-link:hover {
   background: #52ccfd;
}

.sale-order-detail-order-item-img-container{
   border:none!important
}

.sale-order-detail-total-payment-list-left li:before,.sale-order-detail-total-payment-list-right li:before{
   display: none;
}

.sale-order-detail-order-item-properties a, .sale-order-detail-order-item-properties, .sale-order-detail th, .sale-order-detail td{
   font-size: 14px;
}

.bx-order-cancel input[type="submit"]{
   margin: 25px 0;
}

.bx-order-cancel  .btn.btn-link{
   background: #fff;
   color: #12668a;
   transition: all 0.2s ease 0s;
   text-decoration: underline;
   font-size: 14px;
   padding: 0;
}

.bx-order-cancel  .btn.btn-link{
   text-decoration: none;
}

textarea[name="REASON_CANCELED"]{
   margin-top: 10px;
}

.sale-order-detail-section-title{
   border: 1px solid #52ccfd;
   background: rgb(82 204 253 / 85%);
   color:#fff;
}

input.hidden{
   display: none;
}

.tocart-form .modal-inner{
   width: 500px;
   padding: 30px;
}

.tocart-form svg {
   width: 90px;
   height: 90px;
}

.tocart-form svg path{
   fill: #3C6588
}

.tocart-form .form-wrapper{
   text-align: center;
}

.tocart-btns{
   display: flex;
   justify-content: space-around;
}

.tocart-btns .btn{
   width: 160px;
   height: 35px;
   font-size: 13px;
   line-height: 34px;
}

.tocart-desc {
   margin: 15px 0 25px; 
   font-size: 14px;
}

.bx-basket-item-list-container::-webkit-scrollbar {
  height: 1px;
  width: 3px;
  background-color: #e9e9eb;
}

.bx-basket-item-list-container::-webkit-scrollbar-thumb {
  height: 1px;
  background-color: #3C6588;
}

ol.search-result-list li::marker{
  font-size: 0;
}

.number-marker{
   font-size: 14px;
   padding-right: 5px;
   margin-left: -25px;
   display: inline-block;
}

.filter-panel .filter .radio-wrapper label, .filter-panel .filter .checkbox-wrapper label{
   font-family: "RobotoRegular", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

.filter-bottom .filter-reset.btn-light {
   display: inline-block;
   background: transparent;
   border-radius: 3px;
   border: 1px solid #404040;
   text-align: center;
   font-family: "RobotoBold";
   font-size: 12px;
   color: #404040;
   position: relative;
   overflow: hidden;
   height: 34px;
    font-size: 14px;
    padding: 0;
    width: 110px;
    line-height: 32px;
    text-decoration: none;
}

.filter-bottom .filter-reset.btn-light:hover {
   background: #404040;
   color: #fff;
}

.filter-wrapper .bx-filter .bx-filter-section{
   padding-top: 0;
}

.radio-wrapper input[name="form_radio_PERSON"] {
    opacity: 0;
    z-index: 3;
    position: absolute;
    top: 6px;
    left: 30px;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
    cursor: pointer;
}

.towns-form ul li a:hover{
   cursor: pointer;
} 

@media (max-width: 479px){
   .radio-wrapper input[name="form_radio_PERSON"]{
      left: 0;
   }
}

@media (min-width: 768px) {
   .basket-items-list-item-remove.hidden-xs {
      display: block !important;
   }

   .visible-xs {
      display: none !important;
   }

   .header-basket-mobile{
      display: none;
   }
}


@media (min-width: 900px){
   .list-profile-title__box, .list-profile-value__box{
      max-height: 50px;
      text-overflow: ellipsis;
    overflow: hidden;
   }
}

@media only screen and (max-width: 1200px) {
   .personal-section__box {
      width: calc(100%/3 - 20px);
      margin: 10px;
   }

   .basket-line-block-right{
      display: none;     
   }

   .bx-basket-fixed{
      width: 45px;
   }
}

@media only screen and (max-width: 1024px) {
   .header-personal a {
      font-size: 0;
      width: 27px;
      height: 27px;
      background-image: url(/local/templates/krasko/i/user-white.png);
      background-size: 22px;
      background-position: center;
      display: block;
      border-radius: 50%;
      border: 2px solid #fff;
   }

   .header-personal {
      right: 90px;
      top: 16px;
   }
}

@media only screen and (max-width: 992px) {
   .personal-section__box .sale-personal-section-index-block {
      margin: 0;
   }
}

@media only screen and (max-width: 900px){
   .list-profile-titles{
      display: none;
   }

   .list-profile-values {
      max-width: 100%;
      width: 100%;
  }
}

@media only screen and (max-width: 767px) {

   .modal-window.modal-window--agree {
      position: absolute;
      top: 165%;
      left: 1%;
      width: 98%;
   }

   .header-personal {
      right: 0px;
      z-index: 99;
       padding-right: 20px;
   }

   .basket-items-list-item-remove.hidden-xs {
      visibility: hidden !important;
   }

   .header-middle .header-basket.desktop-block{
      display: none;
   }

   .header-basket-mobile {
      right: 70px;
  }

}

@media only screen and (max-width: 680px) {

   .personal-section__box {
      width: calc(100%/2 - 30px);
   }

   .modal-window {
      width: 290px;
      top: 30px;
      left: calc(50% - 145px);
      padding: 15px;
      max-height: 90%;
      overflow: scroll;
   }

   .close-btn {
      top: 10px;
      right: 10px;
   }

   .modal__title {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .modal__group {
      margin-bottom: 10px;
   }

   .modal__group label {
      margin-bottom: 0;
   }

   .modal__input {
      height: 32px;
   }

   .modal__btn {
      height: 36px;
      margin: 10px 0;
      font-size: 18px;
   }

   .modal__group .modal__label {
      display: block;
      margin-bottom: 15px;
   }
}

@media only screen and (max-width: 580px) {
   .buttons__box input + input, .bx_profile .col input[type="submit"]+input[type="submit"] {
      margin-left: 0;
      margin-top: 25px;
   }

   .buttons__box, .bx_profile .col {
      flex-direction: column;
   }

   .basket-btn-checkout {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
   }
}

@media only screen and (max-width: 480px) {
   .personal-section__box {
      width: 100%;
   }

   .number-marker{
      font-size: 18px;
      margin-left: 0;
   }
}

.price-list-name {
   max-width: 200 !important;
}
.price-list-usage {
   max-width:220px !important;
}

@media (max-width: 1024px) {
   .menu-towns {
      display: inline-flex;
   }
}

@media (max-width: 440px){
   .tocart-btns {
      flex-direction: column; 
      align-items: center; 
  }
}

.tocart-btns .btn.btn-continue{
   margin-top: 10px;
}
/*====================================================
   .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; 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; transition: all 0.2s ease 0s;}
         .tags-list-toggler div:before {margin: -3px 0 0 -4px;transform: rotate(-45deg);}
         .tags-list-toggler div:after {margin: -3px 0 0 1px;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; transition: all 0.3s ease 0s;}
         .modal-functional .fancybox-close:before { transform: rotate(45deg);}
         .modal-functional .fancybox-close:after { 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; 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;}
}

.user-auth-form-link{
	cursor: pointer;
}

.colors-list-slider-rows.slick-vertical .slick-arrow{
   font-size: 0;
}

.info-list{
   margin-top: 50px;
}
/* End */
/* /local/templates/krasko/css/jquery-ui.min.css?175147699516930 */
/* /local/templates/krasko/css/style.css?1782463895283991 */
/* /local/templates/krasko/css/additional.css?178246207344243 */
/* /local/templates/krasko/components/bitrix/sale.basket.basket.line/mobile/style.min.css?17514769964008 */
/* /local/templates/krasko/components/sotbit/regions.choose/.default/style.css?17514769956146 */
/* /local/templates/krasko/components/bitrix/sale.basket.basket.line/.default/style.min.css?17514769964008 */
/* /local/templates/krasko/components/bitrix/search.title/catalog/style.css?17514769962175 */
/* /local/js/krasko/terminals/dist/terminals.bundle.css?17514769956247 */
/* /local/templates/krasko/template_styles.css?175147699529960 */