/* Start:/local/templates/spgroup/css/normalize.min.css?17141316162002*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* End */


/* Start:/local/templates/spgroup/js/slick/slick.css?15070529691776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.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;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/spgroup/js/slick/slick-theme.css?15070529693145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/spgroup/js/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/spgroup/js/slick/./fonts/slick.eot');
    src: url('/local/templates/spgroup/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/spgroup/js/slick/./fonts/slick.woff') format('woff'), url('/local/templates/spgroup/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/spgroup/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/spgroup/js/fancy/jquery.fancybox.min.css?177937202412775*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/spgroup/css/pikaday.css?17199898694275*/
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 40px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
    font-size: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #f00;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #73A100;
    box-shadow: inset 0 1px 3px #5c8002;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}


/* End */


/* Start:/local/templates/spgroup/css/calc_style.css?17199325758330*/

.calc-container-date {	
	max-width:840px;
	margin:0 auto;
	margin-bottom:60px;
	margin-top:30px;
    font-size: 14px;
	padding:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
    font-style: normal;
	position:relative;
	color:#313131;
    line-height: 1.3;
	background-size:cover;
    box-sizing: border-box; 
	box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.15);

	
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.pika-button {
    text-align: center;
}
.calc_flag_img {
	vertical-align:bottom;
	display: inline-block!important;
}


.calc-container-date p,
.calc-fl p,
.wn-calc p {
	padding:0!important;
	margin:0!important;
}

.calc-container-date br,
.calc-fl br ,
.wn-calc br{
	display:none;
}

.calc-container-date a:focus {
	outline:none;
}


.calc-container-date *{
    box-sizing: border-box;
}





.calc-content-date {
    position: relative;
	z-index:2;
}

.calc-title {
	font-size:20px;
	text-align:center;
	padding:10px 0;
}

.calc-block {
	text-align:center;
	padding: 10px 0;
	max-width:900px;
	margin:0 auto;
}

.cl-block-title {
	font-size:16px;
	padding:10px 0;
	display:block;
}

.input-block {
    padding:0 15px;;
}

.input-block-title {
    padding: 8px 0;
    color: #999;
}

.input-date-div {
	position:relative;
	margin:0;
}

.icon-calendar {
	position:absolute;
	cursor:pointer;
	top:5px;
	right: 4px;
}

.icon-calendar img {
	width:20px;
}

.date-container {
	margin-top:10px;
}

.calendar-span {
	font-weight:bold;
}

.result-date-title {
	text-align:center;
	font-weight:bold;
	padding:10px 0;
}

.result-date {
	text-align:left;
}


.toogle-div {
    display: none;
}
#date_start, #date_fin {
    pointer-events: none;
}

.cl-line {
    padding:6px 10px;
}

.including-end-date {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.inputs-roof  .cl-line {
	padding-left:15px;
	padding-right:15px;
}

.cl-line.last-ln {
    border-bottom: 0;
}

.cl-block {
	padding-bottom:20px;
	min-height:200px;
}


.cl-name {
   padding:5px 0;
   font-size:14px;
   float:left;
   width:70%;
}


.cl-name-title {
    line-height: 1.1;
    padding: 10px 0;
    word-wrap: break-word;
}

.cl-name-desc {
    line-height: 1.1;
    font-size: 13px;
    color:#9b9b9b;
}

.cl-value {
   float:left;
   width:30%;
}


.cl-left {
    float:left;
    box-sizing: border-box;
}

.cl-right{
    width:47%;
    float:left;
    box-sizing: border-box;
}

.cl-f-left {
    width:25%;
    float: left;
    margin-right: 5%;
}

.cl-f-right {
    width: 70%;
    float: left;
}

.cl10{width: 10%;}
.cl15{width: 15%;}
.cl17{width: 17%;}
.cl20{width: 20%;}
.cl25{width: 25%;}
.cl30{width: 30%;}
.cl33{width: 33.333333%;}
.cl35{width: 35%;}
.cl40{width: 40%;}
.cl45{width: 45%;}
.cl50{width: 50%;}
.cl55{width: 55%;}
.cl60{width: 60%;}
.cl63{width: 63%;}
.cl65{width: 65%;}
.cl70{width: 70%;}
.cl80{width: 80%;}
.cl90{width: 90%;}

.calc-container-date .clearfix:after{
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.calc-sel-div-md {
	text-align:center;
}

.al-center {text-align: center;}


.calc-container-date input[type="text"],
.calc-container-date input[type="number"] {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: left;
    width:100%;
    padding: 0 8px;
    border: 1px solid #c4c4c4;
    background: #fff;
    font-size: 16px;
    color: #555;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-sizing: border-box;
	margin-bottom: 0;
	box-shadow: 0 2px 12px -7px inset;
	
}
#including_end_date {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.calc-info-line {
    margin-top: 10px
}

.calc-container-date input[type="text"].date-result,
.calc-container-date input[type="number"].date-result {
	width:45px;
	padding:0px;
	text-align:center;
	color:#003492;
	font-weight:bold;
}


.calc-container-date input[type="text"].wide-input {
    width:100%;
    display: block;
}


.calc-container-date input[type="text"].slider-input {
    max-width: 47%;
    font-size: 20px;
    height: 46px;
    line-height: 46px;
    text-align: right;
    padding: 0px 5%;
	
}

#inp__printing {
	max-width:160px;
	padding: 0 0 0 16px;
	height: 38px;
    line-height: 38px;
	font-size:18px;
	margin-top:8px;
}

.calc-container-date input[type="text"].input-size {
	height:20px;
	line-height:18px;
	margin:2px 0;
	position:absolute;
	width:46px!important;
	text-align:center;
	font-size:14px;
	padding:0;
}

.input-size-title {
	display:inline-block;
	width:60px;
}

.calc-spinner {
    width: 50px;
    height: 31px;
    line-height: 31px;
    font-size: 18px!important;
    margin-top: 0;
    margin-bottom: 0;
	border:0;
	height: 26px!important;
    line-height: 26px!important;
}

.calc-spinner:focus,
.calc-input:focus,
.slider-input:focus{
    outline: none;
}






.inputs-block {
	padding:5px 0;
}

.inputs-div {
    padding-bottom: 15px;
}

.input-title {
  display:inline-block;
  min-width:15px;
}


.title-span {
    display: block;
    padding:5px 0;
}



.is-selected .pika-button {
    background: #003492;
    box-shadow: inset 0 1px 3px #003492;
}


@media (max-width: 800px) {
    
   .cl-line {
    padding: 10px 0;
   }
    .pika-lendar {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
     
    .cl-sm10{width: 10%;}
    .cl-sm20{width: 20%;}
    .cl-sm30{width: 30%;}
    .cl-sm35{width: 35%;}
    .cl-sm40{width: 40%;}
    .cl-sm45{width: 45%;}
    .cl-sm50{width: 50%;}
    .cl-sm55{width: 55%;}
    .cl-sm60{width: 60%;}
    .cl-sm65{width: 65%;}
    .cl-sm70{width: 70%;}
    .cl-sm80{width: 80%;}
    .cl-sm90{width: 90%;}
    .cl-sm100{width: 100%;}
    
    .cl33{width: 100%;}
   
    
   .cl-line {
       line-height: 1.3;
    }
	
	.cl-name, .cl-value {width:100%;}
    
    .type-roof-item {
		width:33.33333333%
	}
	
	.btn-clear {
		position:relative;
		margin-top:15xp;
		right:0;
		display:block;
		margin-top:15px;
	}
 
}

@media (max-width: 500px) {
	
	    
    .cl50{width: 100%;}
	.cl33{width: 100%;}
    
    
    .cl-smx10{width: 10%;}
    .cl-smx20{width: 20%;}
    .cl-smx30{width: 30%;}
    .cl-smx35{width: 35%;}
    .cl-smx40{width: 40%;}
    .cl-smx45{width: 45%;}
    .cl-smx50{width: 50%;}
    .cl-smx55{width: 55%;}
    .cl-smx60{width: 60%;}
    .cl-smx65{width: 65%;}
    .cl-smx70{width: 70%;}
    .cl-smx80{width: 80%;}
    .cl-smx90{width: 90%;}
    .cl-smx100{width: 100%;}
    
   
    .order-img {
        width:80%;
        display: block;
        margin:0 auto;
    }
    
    
    .cl-name {
        margin-bottom:0;
    }
    
    .cl-value {
        margin-top: 3px;
    }
    
    .cl-line {
        border-bottom: 0;
        border-top:0;
    }
    
	
	
    
    .calc-container .selectboxit-container,
    select.calc-sel {
        width:100%!important;
    }
    
    .calc-container .selectboxit-btn {
        width: 100%!important;
    }
    
    
    .type-roof-item {
		width:50%
	}
   
         
    .result-div {
        padding-left: 0;
        padding-right: 0;
    }
    

      
    .wn-calc {width:100%;}
	
	
	
	.form-input-label {
		display: block;
	}
	
	
	
	.cl-ln-item {
		display: block;
		width:100%;
	}
	
	
	
	.result-btn-div {
		text-align:center;
	}
	
	.result-btn-div .calc-btn {
		margin-top: 15px;
	}
	
	.list-item-wrap {
		width: 50%;
	}
	
	.result-ln-value {
		width: 48%;
	}
}
/* End */


/* Start:/local/templates/spgroup/css/style.css?1779372069114581*/
@charset "UTF-8";

/*----------------------------------------------------- */
/* FONTS */
/*----------------------------------------------------- */
@font-face {
	font-family: "PT Sans";
	src: url("/local/templates/spgroup/css/../fonts/PTS55F_W.eot");
	src: local("PT Sans"), url("/local/templates/spgroup/css/../fonts/PTS55F_W.eot?#iefix") format("embedded-opentype"), url("/local/templates/spgroup/css/../fonts/PTS55F_W.woff") format("woff"), url("/local/templates/spgroup/css/../fonts/PTS55F_W.ttf") format("truetype"), url("/local/templates/spgroup/css/../fonts/PTS55F_W.svg#PTSans-Regular") format("svg");
	font-display: swap;
}

@font-face {
	font-family: "PT Sans";
	src: url("/local/templates/spgroup/css/../fonts/PTS75F_W.eot");
	font-weight: bold;
	src: local("PT Sans Bold"), url("/local/templates/spgroup/css/../fonts/PTS75F_W.eot?#iefix") format("embedded-opentype"), url("/local/templates/spgroup/css/../fonts/PTS75F_W.woff") format("woff"), url("/local/templates/spgroup/css/../fonts/PTS75F_W.ttf") format("truetype"), url("/local/templates/spgroup/css/../fonts/PTS75F_W.svg#PTSans-Bold") format("svg");
	font-display: swap;
}

@font-face {
	font-family: "PT Sans Narrow";
	src: url("/local/templates/spgroup/css/../fonts/PTN57F_W.eot");
	src: local("PT Sans Narrow"), url("/local/templates/spgroup/css/../fonts/PTN57F_W.eot?#iefix") format("embedded-opentype"), url("/local/templates/spgroup/css/../fonts/PTN57F_W.woff") format("woff"), url("/local/templates/spgroup/css/../fonts/PTN57F_W.ttf") format("truetype"), url("/local/templates/spgroup/css/../fonts/PTN57F_W.svg#PTSans-Narrow") format("svg");
	font-display: swap;
}

@font-face {
	font-family: "PT Sans Narrow";
	font-weight: bold;
	src: url("/local/templates/spgroup/css/../fonts/PTN77F_W.eot");
	src: local("PT Sans Narrow Bold"), url("/local/templates/spgroup/css/../fonts/PTN77F_W.eot?#iefix") format("embedded-opentype"), url("/local/templates/spgroup/css/../fonts/PTN77F_W.woff") format("woff"), url("/local/templates/spgroup/css/../fonts/PTN77F_W.ttf") format("truetype"), url("/local/templates/spgroup/css/../fonts/PTN77F_W.svg#PTSans-NarrowBold") format("svg");
	font-display: swap;
}

/*----------------------------------------------------- */
/* GLOBAL */
/*----------------------------------------------------- */
html {
	color: #3f4653;
	font: 16px/1.3125 "PT Sans", sans-serif;
	min-width: 1000px;
}

a {
	color: #003492;
	text-decoration: none;
}

.container a:hover {
	color: #aa0000;
}

p a {
	text-decoration: underline;
}

/*.container a {text-decoration: underline;}*/
a.link1 {
	color: red;
	text-decoration: none;
}

img {
	vertical-align: middle;
}

h1 {
	color: #282828;
	font: 36px/1 "PT Sans Narrow";
	margin: 0px 0 0px;
	padding: 15px 0 35px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

h2 {
	color: #282828;
	font: 34px/1 "PT Sans Narrow";
	/*margin: 0 0 20px;*/
	margin: 0 !important;
	padding: 25px 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}

h3,
h4,
h5,
h6 {
	font-size: 21px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

h3,
h4 {
	margin: 0 0 26px;
}

h5,
h6 {
	margin: 0 0 18px;
}

p,
ul,
ol {
	margin: 0 0 18px;
}

p:last-child,
ul:last-child,
ol:last-child {
	margin-bottom: 0;
}

section {
	margin: 0 0 32px;
}

input[type='text'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='email'],
select,
textarea {
	background: #e4e9f1;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #3f4653;
	display: block;
	font-size: 18px;
	height: 42px;
	padding: 9px;
}

select {
	padding: 8px;
}

textarea {
	height: auto;
	resize: none;
}

iframe {
	border: 0;
}

/*----------------------------------------------------- */
/* COMMON */
/*----------------------------------------------------- */
.container {
	margin: 0 auto;
	width: 1200px;
}

@media screen and (max-width: 1240px) {
	.container {
		margin: 0 auto;
		width: 960px;
	}
}

.container1 {
	margin: 0 auto;
	width: 1200px;
}

@media screen and (max-width: 1240px) {
	.container1 {
		margin: 0 auto;
		width: 960px;
	}
}


.clearfix:after {
	clear: both;
	content: "";
	display: block;
}

.global-wrapper {
	min-height: -webkit-calc(100vh - 472px);
	min-height: calc(100vh - 472px);
}

@media screen and (max-width: 1240px) {
	.global-wrapper {
		min-height: -webkit-calc(100vh - 206px);
		min-height: calc(100vh - 206px);
	}
}

.content-section {
	margin: 0 0 48px;
}

.staff.content-section {
	margin: 0 0 0px;
}

@media screen and (max-width: 1240px) {
	.content-section {
		margin: 0 0 36px;
	}
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

.button {
	/*margin-right: 20px;*/
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.5), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.5), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.5), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	color: white;
	display: block;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
	text-align: center;
	text-decoration: none;
	width: 262px;
}

.button_box {
	margin: 0 20px 0 0;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.5), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.5), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.5), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	color: white;
	display: block;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
	text-align: center;
	text-decoration: none;
	width: 250px;
}

.button.blue {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzQ5MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwNmRjZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #003492 0%, #106dcf 100%);
	background-image: -webkit-linear-gradient(90deg, #003492 0%, #106dcf 100%);
	background-image: linear-gradient(0deg, #003492 0%, #106dcf 100%);
	border-color: #2460cd;
}

.button.blue:hover {
	color: #fff;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxM2Q0OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #aa0000 0%, #f13d49 100%);
	background-image: -webkit-linear-gradient(90deg, #aa0000 0%, #f13d49 100%);
	background-image: linear-gradient(0deg, #aa0000 0%, #f13d49 100%);
	border-color: #ec3539;
}

.button.red {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxM2Q0OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #aa0000 0%, #f13d49 100%);
	background-image: -webkit-linear-gradient(90deg, #aa0000 0%, #f13d49 100%);
	background-image: linear-gradient(0deg, #aa0000 0%, #f13d49 100%);
	border-color: #c21519;
}

.button.red:hover {
	background: #fc3c48;
	border-color: #ec3539;
	color: #fff;
}

.button.silver {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzVkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #b3c5d0 0%, #feffff 100%);
	background-image: -webkit-linear-gradient(90deg, #b3c5d0 0%, #feffff 100%);
	background-image: linear-gradient(0deg, #b3c5d0 0%, #feffff 100%);
	border-color: #7a8daf;
	color: #003492;
}

.button.silver:hover {
	background: #feffff;
}

.button_box.silver {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzVkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #b3c5d0 0%, #feffff 100%);
	background-image: -webkit-linear-gradient(90deg, #b3c5d0 0%, #feffff 100%);
	background-image: linear-gradient(0deg, #b3c5d0 0%, #feffff 100%);
	border-color: #7a8daf;
	color: #003492;
}

.button_box.silver:hover {
	background: #feffff;
}

.filebox {
	cursor: pointer;
	display: block;
	position: relative;
}

.filebox input {
	left: -9999px;
	position: absolute;
	top: 0;
}

.filebox .button,
.filebox .caption {
	display: inline-block;
	vertical-align: middle;
}

.filebox .button {
	margin-right: 15px;
}

.radiobox {
	cursor: pointer;
	display: block;
	position: relative;
}

.radiobox input[type='radio'] {
	left: -9999px;
	position: absolute;
	top: 0;
}

.radiobox input[type='radio']:checked+span:before {
	background: #a4b8d7;
}

.radiobox span {
	padding-left: 24px;
	position: relative;
}

.radiobox span:before {
	background: white;
	border: 1px solid #003492;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	content: "";
	display: block;
	height: 10px;
	left: 0;
	margin: -5px 0 0;
	position: absolute;
	top: 50%;
	width: 10px;
}

.checkbox {
	cursor: pointer;
	display: block;
	position: relative;
}

.checkbox input[type='checkbox'] {
	left: -9999px;
	position: absolute;
	top: 0;
}

.checkbox input[type='checkbox']:checked+span:before {
	background-image: url(/local/templates/spgroup/css/../img/checkbox-icon.png);
}

.checkbox span {
	padding-left: 28px;
	position: relative;
}

.checkbox span:before {
	background: #e4e9f1;
	border: 1px solid #003492;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	content: "";
	display: block;
	height: 16px;
	left: 0;
	margin: -9px 0 0;
	position: absolute;
	top: 50%;
	width: 16px;
}




.part-left-slider .items-slider .wrapper {
	max-height: 400px;
}

.part-left-slider .photo-slider .slide {

	width: 600px;
}


.items-slider .wrapper {
	overflow: hidden;
	max-height: 600px;
}

.items-slider .slide {
	display: block;
	float: left;
}

.slider-pagination {
	text-align: center;
}

.slider-pagination a {
	background: white;
	/*border: 1px solid #646e80; opacity: 0.5;*/
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	/*height: 16px; margin: 2px 4px; width: 16px;*/
	border: 1px solid #909090;
	opacity: 0.7;
	height: 11px;
	margin: 2px 6px;
	width: 11px;
}

.slider-pagination a.selected {
	/*border: 3px solid #00bca4; margin: 0 2px;*/
	opacity: 1;
	border: 3px solid #003492;
	margin: 0 6px;
}

.slider-pagination span {
	display: none;
}

.slider-controls {
	/*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZjNmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(90deg, #eef3f6 0%, #ffffff 100%); background-image: -webkit-linear-gradient(90deg, #eef3f6 0%, #ffffff 100%); background-image: linear-gradient(0deg, #eef3f6 0%, #ffffff 100%); -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); margin: 25px 0 0;*/
	background-image: none;
	box-shadow: none;
	margin: 0;
}

.slider-controls .slider-prev,
.slider-controls .slider-next {
	/*background: url(/local/templates/spgroup/css/../img/slider-controls.png); display: block; height: 68px; line-height: 68px; width: 68px;*/
	background: url(/local/templates/spgroup/css/../img/slider_arrows_bg2.png);
	display: block;
	height: 70px;
	line-height: 70px;
	width: 70px;
	position: absolute;
	top: 50%;
	margin-top: -64px;
	border: none;
}

.certificates-slider .slider-controls .slider-prev,
.certificates-slider .slider-controls .slider-next {
	margin-top: -94px;
}

.slider-controls .slider-prev {
	background-position: left top;
	/*border: 1px solid #e4e9f1; float: left;*/
	left: 20px;
}

.slider-controls .slider-prev:hover {
	background-position: left bottom;
}

.slider-controls .slider-next {
	background-position: right top;
	/*border: 1px solid #e4e9f1; float: right;*/
	right: 20px;
}

.slider-controls .slider-next:hover {
	background-position: right bottom;
}

.slider-controls .slider-pagination {
	/*border: 1px solid #e4e9f1; height: 68px; line-height: 68px; overflow: hidden;*/
	height: 20px;
	line-height: 16px;
	overflow: hidden;
	border: none;
	display: none;
	margin-top: 15px;
	margin-bottom: -5px;
}

.portfolio-slider,
.steps-slider,
.reviews-slider {
	position: relative;
}

.shadow {
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	padding: 0 0 1px;
	position: relative;
	z-index: 222;
}

.document {
	display: inline-block;
	min-height: 28px;
	padding-left: 32px;
	position: relative;
	vertical-align: middle;
}

.document:hover {
	color: #aa0000;
}

.document:hover:before {
	background-position: right center;
}

.document:before {
	background: url(/local/templates/spgroup/css/../img/document-icons.png) left center;
	content: "";
	display: block;
	height: 28px;
	left: 0;
	position: absolute;
	width: 25px;
}

.tooltip {
	position: relative;
}

.tooltip .handler {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid #003492;
	display: block;
	font-size: 15px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	width: 18px;
}

.tooltip .handler:hover,
.tooltip .handler.is-active {
	border-color: #aa0000;
	color: #aa0000;
}

.tooltip .message {
	background: white;
	border: 1px solid #aa0000;
	color: white;
	background: #626262;
	display: none;
	left: 10px;
	padding: 15px;
	position: absolute;
	top: 36px;
	width: 250px;
	z-index: 999;
	font-weight: normal;
	text-align: left;
	font: 16px/1.3125 "PT Sans", sans-serif;
}

.tooltip .message:after {
	background: url(/local/templates/spgroup/css/../img/tooltip-message-arrow.png);
	bottom: 100%;
	content: "";
	display: block;
	height: 13px;
	left: -1px;
	position: absolute;
	width: 17px;
}

.tooltip .message.m_right {
	right: 10px;
	left: auto;
}

.tooltip .message.m_right:after {
	background: url(/local/templates/spgroup/css/../img/tooltip-message-arrow-r.png);
	left: auto;
	right: -1px;
}

/*----------------------------------------------------- */
/* TOP BAR */
/*----------------------------------------------------- */
.top-bar {
	background: #003492;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 444;
}

.top-bar+.header {
	margin-top: 60px;
}

.top-bar.is-fixed {
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

.top-bar.is-fixed .logo {
	display: block;
}

@media screen and (max-width: 1240px) {
	.top-bar.is-fixed .logo {
		display: none;
	}
}

.top-bar.is-fixed .menu {
	margin-left: 0;
}

@media screen and (max-width: 1240px) {
	.top-bar.is-fixed .menu>li>a {
		font-size: 18px;
	}
}

.top-bar.is-fixed .phone {
	display: block;
}

@media screen and (max-width: 1240px) {
	.top-bar.is-fixed .phone {
		display: none;
	}
}

.top-bar .logo {
	display: none;
	float: left;
	height: 60px;
	line-height: 60px;
	margin-right: 42px;
	width: 218px;
}

.top-bar .logo img {
	width: 100%;
}

.top-bar .menu {
	float: left;
	list-style: none;
	margin: 0 36px 0 260px;
	padding: 0;
}

@media screen and (max-width: 1240px) {
	.top-bar .menu {
		float: left;
		margin: 0;
	}
}

.top-bar .menu>li {
	float: left;
	margin-right: 24px;
}

@media screen and (max-width: 1240px) {
	.top-bar .menu>li {
		margin-right: 44px;
	}
}

.top-bar .menu>li:last-child {
	margin-right: 0;
}

.top-bar .menu>li.has-submenu {
	position: relative;
}

.top-bar .menu>li.has-submenu>a {
	padding-right: 24px;
	position: relative;
}

@media screen and (max-width: 1240px) {
	.top-bar .menu>li.has-submenu>a {
		padding-right: 30px;
	}
}

.top-bar .menu>li.has-submenu>a>em {
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}

.top-bar .menu>li.has-submenu>a>em:after {
	background: url(/local/templates/spgroup/css/../img/top-bar-arrows.png) center top;
	content: "";
	display: block;
	height: 9px;
	position: absolute;
	right: 0;
	top: 27px;
	width: 16px;
}

.top-bar .menu>li.has-submenu.is-active>a>em:after {
	background-position: center center;
}

.top-bar .menu>li.is-active>a {
	color: #fc3c48;
}

.top-bar .menu>li.is-active>a:hover {
	color: #fc3c48;
}

.top-bar .menu>li>a {
	color: white;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
}

@media screen and (max-width: 1240px) {
	.top-bar .menu>li>a {
		font-size: 18px;
	}
}

.top-bar .menu>li>a:hover {
	color: #fc3c48;
}

@media screen and (max-width: 1240px) {
	.top-bar .menu>li>a:hover {
		color: white;
	}
}

.top-bar .submenu {
	background: #051945;
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	display: none;
	list-style: none;
	margin: 0 0 0 -16px;
	padding: 0;
	position: absolute;
}

.top-bar .submenu li:last-child a {
	border: none;
}

.top-bar .submenu a {
	border-bottom: 1px solid #283654;
	color: white;
	display: block;
	padding: 10px 16px;
	white-space: nowrap;
}

@media screen and (max-width: 1240px) {
	.top-bar .submenu a {
		font-size: 18px;
	}
}

.top-bar .submenu a:hover {
	color: #fc3c48;
}

.top-bar .phone {
	color: white;
	display: none;
	float: left;
	line-height: 60px;
}

.top-bar .button {
	float: right;
	height: 46px;
	line-height: 46px;
	margin: 6px 0;
	width: 142px;
}

.top-bar .menu>li.has-submenu.active>a>em:after {
	background-position: center bottom;
}

/*----------------------------------------------------- */
/* HEADER */
/*----------------------------------------------------- */
.header {
	padding: 20px 0;
	position: relative;
	z-index: 111;
}

.header_logo {
	display: block;
	float: left;
	margin: 0px 32px 0 0;
}

.header_logo img {
	width: 311px;
}

@media screen and (max-width: 1240px) {
	.header_logo {
		margin-right: 168px;
	}
}

.header_info {
	float: left;
}

.header_info .entry {
	float: left;
	font-size: 18px;
	height: 24px;
	margin: 24px 0 0;
}

@media screen and (max-width: 1240px) {
	.header_info .entry {
		float: none;
		margin: 0;
	}
}

.header_info .entry:first-child {
	margin-right: 38px;
}

@media screen and (max-width: 1240px) {
	.header_info .entry:first-child {
		margin: 5px 0 14px 0;
	}
}


.header_phones {
	float: left;
	padding-left: 45px;
}


.header_phones .entry {
	/*float: left;*/
	font-size: 18px;
	font-weight: bold;
	height: 24px;
	margin-right: 38px;
}

@media screen and (max-width: 1240px) {
	.header_phones .entry {
		float: none;
		margin: 0;
	}
}

.header_phones .entry:first-child {
	/*margin-top: 6px;*/
}

@media screen and (max-width: 1240px) {
	.header_phones .entry:first-child {
		margin: 0;
	}
}

.header_phones .entry:nth-child(2) {
	/*margin: 24px 0 -6px;*/
}

@media screen and (max-width: 1240px) {
	.header_phones .entry:nth-child(2) {
		margin: 0;
	}
}

.header_phones .entry:last-child {
	/*clear: left;*/
	font-size: 15px;
	line-height: 22px;
}

@media screen and (max-width: 1240px) {
	.header_phones .entry:last-child {
		margin: 0;
	}
}


.header_calc a {
	color: #aa0000;
	display: block;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	float: right;
	margin-top: 15px;
	margin-right: 1px;
}

@media screen and (max-width: 1240px) {
	.header_calc {
		display: none;
	}
}

.head_calc_btn img {
	margin-right: 9px;
	margin-top: 1px;
	display: block;
	float: left;
	width: 33px;
}

.head_calc_btn span {
	display: inline-block;
	line-height: 21px;
	padding-top: 0px;
	font-size: 18px;
}

.head_calc_btn .tooltip .message.m_right {
	top: 22px;
}



.top-bar .bar_calc {
	display: none;
}

.top-bar.is-fixed .bar_calc {
	display: block;
}

.bar_calc a {
	color: #aa0000;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	position: absolute;
	float: right;
	right: 1px;
	top: 70px;
	opacity: 0.7;
}

.bar_calc a:hover {
	opacity: 1;
}



/*----------------------------------------------------- */
/* NAVIGATION */
/*----------------------------------------------------- */
.navigation {
	position: relative;
	z-index: 110;
}

.navigation_upper {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZjNmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #eef3f6 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(90deg, #eef3f6 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #eef3f6 0%, #ffffff 100%);
	border-top: 2px solid #e4e9f1;
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

.navigation_upper>ul {
	list-style: none;
	padding: 0;
	position: relative;
}

.navigation_upper>ul>li {
	float: left;
	position: relative;
	width: 200px;
}

@media screen and (max-width: 1240px) {
	.navigation_upper>ul>li {
		position: static;
		width: 320px;
	}
}

.navigation_upper>ul>li:first-child>a {
	border-left: 1px solid #e4e9f1;
}

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

	.navigation_upper>ul>li:nth-child(4)>a,
	.navigation_upper>ul>li:nth-child(5)>a,
	.navigation_upper>ul>li:nth-child(6)>a {
		border-top: 1px solid #e4e9f1;
	}
}

.navigation_upper>ul>li:nth-child(4) .navigation_lower,
.navigation_upper>ul>li:nth-child(5) .navigation_lower,
.navigation_upper>ul>li:nth-child(6) .navigation_lower {
	right: 0;
}

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

	.navigation_upper>ul>li:nth-child(4) .navigation_lower,
	.navigation_upper>ul>li:nth-child(5) .navigation_lower,
	.navigation_upper>ul>li:nth-child(6) .navigation_lower {
		right: auto;
	}
}

@media screen and (max-width: 1240px) {
	.navigation_upper>ul>li:nth-child(4)>a {
		border-left: 1px solid #e4e9f1;
	}
}

.navigation_upper>ul>li.has-submenu>a>em {
	content: "";
	display: block;
	height: 42px;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
}

.navigation_upper>ul>li.has-submenu>a>em:after {
	background: url(/local/templates/spgroup/css/../img/navigation-arrows.png) center top;
	content: "";
	display: block;
	height: 9px;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 16px;
}

.navigation_upper>ul>li.is-active>a {
	background: #051945;
	border: none;
	-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	color: red;
}

.navigation_upper>ul>li.is-active .icon-1 {
	background-position: 0px bottom;
}

.navigation_upper>ul>li.is-active .icon-2 {
	background-position: -72px bottom;
}

.navigation_upper>ul>li.is-active .icon-3 {
	background-position: -144px bottom;
}

.navigation_upper>ul>li.is-active .icon-4 {
	background-position: -216px bottom;
}

.navigation_upper>ul>li.is-active .icon-5 {
	background-position: -288px bottom;
}

.navigation_upper>ul>li.is-active .icon-6 {
	background-position: -360px bottom;
}

.navigation_upper>ul>li.is-active.has-submenu>a>em:after {
	background-position: center center !important;
}

.navigation_upper>ul>li>a {
	border-right: 1px solid #e4e9f1;
	color: #282828;
	font: 15px/1 "PT Sans Narrow", sans-serif;
	display: block;
	height: 102px;
	padding: 12px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 11;
}

@media screen and (min-width: 1241px) {
	.navigation_upper>ul>li>a:hover {
		background: #051945;
		border: none;
		-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
		color: red;
	}

	.navigation_upper>ul>li>a:hover .icon-1 {
		background-position: 0px bottom;
	}

	.navigation_upper>ul>li>a:hover .icon-2 {
		background-position: -72px bottom;
	}

	.navigation_upper>ul>li>a:hover .icon-3 {
		background-position: -144px bottom;
	}

	.navigation_upper>ul>li>a:hover .icon-4 {
		background-position: -216px bottom;
	}

	.navigation_upper>ul>li>a:hover .icon-5 {
		background-position: -288px bottom;
	}

	.navigation_upper>ul>li>a:hover .icon-6 {
		background-position: -360px bottom;
	}
}

.navigation_upper .icon {
	background: url(/local/templates/spgroup/css/../img/navigation-icons.png);
	display: block;
	height: 72px;
	margin: 0 auto 12px;
	width: 72px;
}

.navigation_upper .icon-1 {
	background-position: 0px top;
}

.navigation_upper .icon-2 {
	background-position: -72px top;
}


.navigation_upper .icon-4-new {
	background: url(/local/templates/spgroup/css/../img/proectirovanie.png);
	display: block;
	height: 72px;
	margin: 0 auto 12px;
	width: 72px;
	background-position: center bottom;
	background-repeat: no-repeat;
}






.navigation_upper>ul>li.active .icon-4-new,
.navigation_upper>ul>li>a:hover .icon-4-new {
	background: url(/local/templates/spgroup/css/../img/proectirovanie-active.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}


.navigation_upper .icon-2-new {
	background: url(/local/templates/spgroup/css/../img/icon2-new.png);
	display: block;
	height: 72px;
	margin: 0 auto 12px;
	width: 72px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.navigation_upper>ul>li.active .icon-2-new,
.navigation_upper>ul>li>a:hover .icon-2-new {
	background: url(/local/templates/spgroup/css/../img/icon2-new-active.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}







.navigation_upper .icon-3 {
	background-position: -144px top;
}

.navigation_upper .icon-4 {
	background-position: -216px top;
}

.navigation_upper .icon-5 {
	background-position: -288px top;
}

.navigation_upper .icon-6 {
	background-position: -360px top;
}


.navigation_upper .icon-7-new {
	background: url(/local/templates/spgroup/css/../img/plazmatron.png);
	display: block;
	height: 72px;
	margin: 0 auto 12px;
	width: 72px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 66px !important;
}

.navigation_upper>ul>li.active .icon-7-new,
.navigation_upper>ul>li>a:hover .icon-7-new {
	background: url(/local/templates/spgroup/css/../img/plazmatron-active.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}


.navigation_upper .icon-8-new {
	background: url(/local/templates/spgroup/css/../img/floor.png);
	display: block;
	height: 72px;
	margin: 0 auto 12px;
	width: 72px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 66px !important;
}

.navigation_upper>ul>li.active .icon-8-new,
.navigation_upper>ul>li>a:hover .icon-8-new {
	background: url(/local/templates/spgroup/css/../img/floor-active.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}




.navigation_upper>ul>li.active>a {
	background: #051945 !important;
	border: none;
	-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	color: red;
}

.navigation_upper>ul>li.active .icon-1 {
	background-position: 0px bottom !important;
}

.navigation_upper>ul>li.active .icon-2 {
	background-position: -72px bottom !important;
}

.navigation_upper>ul>li.active .icon-3 {
	background-position: -144px bottom !important;
}

.navigation_upper>ul>li.active .icon-4 {
	background-position: -216px bottom !important;
}

.navigation_upper>ul>li.active .icon-5 {
	background-position: -288px bottom !important;
}

.navigation_upper>ul>li.active .icon-6 {
	background-position: -360px bottom !important;
}

.navigation_upper>ul>li.active.has-submenu>a>em:after {
	background-position: center bottom;
}

.navigation_lower {
	background: #051945;
	-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
	display: none;
	padding: 25px 21px;
	position: absolute;
	width: 758px;
	z-index: 22;
}

@media screen and (max-width: 1240px) {
	.navigation_lower {
		left: 0;
		padding: 25px;
		width: 910px;
	}
}

.navigation_lower .title {
	color: white;
	float: left;
	font: 24px/38px "PT Sans Narrow", sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.navigation_lower .button {
	float: right;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	width: 174px;
}

.navigation_lower .button:hover {
	color: white;
}

.navigation_lower ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navigation_lower li {
	float: left;
	margin: 24px 22px 0 0;
	width: 238px;
	height: 195px;
}

@media screen and (max-width: 1240px) {
	.navigation_lower li {
		margin: 32px 32px 0 0;
		width: 282px;
	}
}

.navigation_lower li:nth-child(3n) {
	margin-right: 0;
}

.navigation_lower li:last-child {
	margin-bottom: 32px;
}

.navigation_lower a {
	color: white;
	display: block;
	text-align: center;
}

.navigation_lower a:hover {
	color: #fc3c48;
	font-weight: bold;
}

.navigation_lower a:hover .image:after {
	display: block;
}

.navigation_lower .image {
	border: 1px solid white;
	display: block;
	margin: 0 0 8px;
	position: relative;
}

.navigation_lower .image:after {
	border: 2px solid #fc3c48;
	bottom: -1px;
	content: "";
	display: none;
	left: -1px;
	position: absolute;
	right: -1px;
	top: -1px;
}

.navigation_lower .image img {
	width: 100%;
}

.navigation_lower li.active a {
	color: #fc3c48;
	font-weight: bold;
}

/*----------------------------------------------------- */
/* BREADCRUMBS */
/*----------------------------------------------------- */
.breadcrumbs {
	margin: 22px 0;
}

.breadcrumbs ul {
	list-style: none;
	padding: 0;
}

.breadcrumbs li {
	display: inline;
}

.breadcrumbs li:before {
	color: #003492;
	content: "→";
	margin-right: 5px;
}

.breadcrumbs li:first-child:before {
	display: none;
}

/*----------------------------------------------------- */
/* SECTION MENU */
/*----------------------------------------------------- */
.section-menu {
	background: #eff4f6;
	margin: -5px 0 35px;
}

@media screen and (max-width: 1240px) {
	.section-menu.diminished li {
		/*margin-right: 0;*/
		width: 292px;
		text-align: center;
	}
}

.section-menu.diminished a {
	font-size: 17px;
}

.section-menu.diminished.menusect_uslugi a {
	font-size: 15px;
}

@media screen and (max-width: 1240px) {
	.section-menu.diminished a {
		font-size: 20px;
	}

	.section-menu.diminished.menusect_uslugi a {
		font-size: 18px;
	}
}

.section-menu ul {
	list-style: none;
	padding: 0;
}

.section-menu li {
	float: left;
	margin-right: 28px;
}

.section-menu.menusect_uslugi li {
	float: left;
	margin-right: 18px;
}

.section-menu li.is-active a {
	color: #aa0000;
}

.section-menu li:last-child {
	margin-right: 0;
}

.section-menu a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	padding: 14px 0;
}

.section-menu a:hover {
	color: #aa0000;
}

.menusect {
	width: 145px;
	height: 68px;
	margin-bottom: 10px;
}

.menusect_uslugi .menusect {
	width: auto;
	max-width: 140px;
}

/*----------------------------------------------------- */
/* MAIN SLIDER */
/*----------------------------------------------------- */
.main-slider {
	background: url(/local/templates/spgroup/css/../img/main-slider-bg.jpg) center center no-repeat;
	background-size: cover;
	height: 379px;
	padding: 48px 0 24px;
	position: relative;
	z-index: 109;
}

@media screen and (max-width: 1240px) {
	.main-slider {
		height: 311px;
		padding: 40px 0 20px;
	}
}

.main-slider .slides {
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	height: 339px;
	overflow: hidden;
}

@media screen and (max-width: 1240px) {
	.main-slider .slides {
		height: 271px;
	}
}

.main-slider .slide {
	float: left;
	height: 339px;
	overflow: hidden;
	position: relative;
	width: 1200px;
}

@media screen and (max-width: 1240px) {
	.main-slider .slide {
		height: 271px;
		width: 960px;
	}
}

.main-slider .caption {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTFlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #d7e1e7 0%, #ffffff 100%);
	float: left;
	height: 271px;
	padding: 28px 40px 40px;
	position: relative;
	width: 324px;
	z-index: 22;
}

@media screen and (max-width: 1240px) {
	.main-slider .caption {
		height: 243px;
		padding: 14px;
	}
}

.main-slider .caption:after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTFlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #d7e1e7 0%, #ffffff 100%);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -62px;
	top: 0;
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	width: 124px;
	z-index: -1;
}

@media screen and (max-width: 1240px) {
	.main-slider .caption:after {
		right: -50px;
	}
}

.main-slider .title {
	color: #282828;
	font: 28px/1.2 "PT Sans Narrow", sans-serif;
	margin: 0 0 14px;
	text-align: left;
	/*white-space: nowrap;*/
}

@media screen and (max-width: 1240px) {
	.main-slider p {
		margin: 0 0 14px;
	}
}

.main-slider .button {
	bottom: 40px;
	left: 40px;
	position: absolute;
}

@media screen and (max-width: 1240px) {
	.main-slider .button {
		bottom: 14px;
		left: 14px;
	}
}

.main-slider .image {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
}

.main-slider .slider-pagination {
	margin: 18px 0 0;
	position: relative;
	z-index: 33;
}

/*----------------------------------------------------- */
/* BENEFITS (main page) */
/*----------------------------------------------------- */
.mp-benefits {
	padding: 36px 0;
}

@media screen and (max-width: 1240px) {
	.mp-benefits .benefits-list {
		margin-bottom: 18px;
	}
}

.mp-benefits_more {
	margin: 0 auto;
}

/*----------------------------------------------------- */
/* BENEFITS LIST */
/*----------------------------------------------------- */
.content-section .benefits-list {
	margin: 0 auto 26px !important;
	width: auto;
}

.benefits-list {
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

@media screen and (max-width: 1240px) {
	.benefits-list {
		margin-bottom: 18px;
	}
}

.benefits-list li {
	color: #003492;
	float: left;
	text-align: center;
	width: 200px;
}

.benefits-list.benefits_rezka li {
	width: 200px;
}

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

	.benefits-list li,
	.benefits-list.benefits_rezka li {
		margin-bottom: 20px;
		width: 320px;
	}
}

.benefits-list .icon {
	background: url(/local/templates/spgroup/css/../img/benefits-icons.png);
	height: 72px;
	margin: 0 auto 20px;
	width: 108px;
}

.benefits-list .icon-1 {
	background-position: 0px center;
}

.benefits-list .icon-2 {
	background-position: -108px center;
}

.benefits-list .icon-3 {
	background-position: -216px center;
}

.benefits-list .icon-4 {
	background-position: -324px center;
}

.benefits-list .icon-5 {
	background-position: -432px center;
}

.benefits-list .icon-6 {
	background-position: -540px center;
}

.benefits-list .icon-7 {
	background-position: -648px center;
}

.benefits-list .icon-8 {
	background-position: -756px center;
}

.benefits-list .icon-9 {
	background-position: -864px center;
}

.benefits-list .icon-10 {
	background-position: -972px center;
}

.benefits-list .icon-11 {
	background-position: -1080px center;
}

.benefits-list .icon-12 {
	background-position: -1188px center;
}

.benefits-list .icon-13 {
	background-position: -1296px center;
}

.benefits-list .icon-14 {
	background-position: -1399px center;
	width: 86px;
}

.benefits-list .icon-15 {
	background-position: -1479px center;
}

.benefits-list .icon-16 {
	background-position: -1587px center;
	width: 82px;
}

.benefits-list .icon-17 {
	background-position: -1662px center;
	width: 92px;
}

.benefits-list .icon-18 {
	background-position: -1754px center;
	width: 94px;
}

.benefits-list .icon-19 {
	background-position: -1842px center;
	width: 68px;
}

.benefits-list .icon-20 {
	background-position: -1906px center;
	width: 80px;
}

.benefits-list .icon-21 {
	background-position: -1984px center;
	width: 99px;
}

/*----------------------------------------------------- */
/* BUILDINGS (main page) */
/*----------------------------------------------------- */
.mp-buildings {
	background: url(/local/templates/spgroup/css/../img/mp-buildings-bg.jpg) center center no-repeat;
	background-size: cover;
	color: white;
	padding: 36px;
	margin-bottom: 48px;
}

.mp-buildings .title {
	color: white;
	text-align: center;
}

.mp-buildings .sub-title {
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 792px;
}

.mp-buildings .sub-title span {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 264px;
}

.mp-buildings .buildings-list a {
	color: white;
}

.mp-buildings .buildings-list .image {
	border-color: white;
}

.mp-buildings_link {
	margin: 0 auto;
	width: 792px;
}

.mp-buildings_link .button {
	float: left;
	width: 261px;
}

.mp-buildings_link .caption {
	float: left;
	font-size: 14px;
	height: 60px;
	line-height: 58px;
	padding: 0 10px;
	text-align: center;
	width: 244px;
}

.mp-buildings_link .caption span {
	display: inline-block;
	line-height: 1.3125;
	vertical-align: middle;
}

/*----------------------------------------------------- */
/* BUILDINGS */
/*----------------------------------------------------- */
.buildings-list {
	list-style: none;
	padding: 0;
}

@media screen and (max-width: 1240px) {
	.buildings-list {
		margin-bottom: -26px;
	}
}

.buildings-list li {
	float: left;
	width: 200px;
}

@media screen and (max-width: 1240px) {
	.buildings-list li {
		margin-bottom: 26px;
		width: 320px;
	}
}

.buildings-list a {
	color: #3f4653;
	display: block;
	font: bold 18px/1 "PT Sans Narrow", sans-serif;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	width: 190px;
}

.buildings-list a:hover .image:after {
	display: block;
}

.buildings-list .image {
	border: 4px solid #3f4653;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	display: block;
	margin: 0 0 14px;
	overflow: hidden;
	position: relative;
}

.buildings-list .image:after {
	background: rgba(0, 52, 146, 0.8) url(/local/templates/spgroup/css/../img/mp-buildings-icons.png);
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	content: "";
	display: none;
	height: 130px;
	left: 50%;
	margin: -65px 0 0 -65px;
	position: absolute;
	top: 50%;
	width: 130px;
}

.buildings-list .image-1:after {
	background-position: 0px center;
}

.buildings-list img {
	width: 100%;
}

.buildings-list .image-2:after {
	background-position: -130px center;
}

.buildings-list img {
	width: 100%;
}

.buildings-list .image-3:after {
	background-position: -260px center;
}

.buildings-list img {
	width: 100%;
}

.buildings-list .image-4:after {
	background-position: -390px center;
}

.buildings-list img {
	width: 100%;
}

.buildings-list .image-5:after {
	background-position: -520px center;
}

.buildings-list img {
	width: 100%;
}

.buildings-list .image-6:after {
	background-position: -650px center;
}

.buildings-list img {
	width: 100%;
}

.buildings-link {
	float: right;
}

.buildings-link .button {
	float: left;
	line-height: 52px;
	margin-right: 42px;
}

.buildings-link .button span {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

.buildings-link .caption {
	color: #003492;
	float: left;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.buildings-link .caption span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}

.buildings-link .caption strong {
	color: #aa0000;
	display: block;
}

.buildings-link .caption .strong {
	color: #aa0000;
	display: block;
}

.buildings-promo {
	color: #003492;
	float: left;
	font-size: 18px;
	text-align: center;
	width: 600px;
	margin-bottom: 20px;
}

@media screen and (max-width: 1240px) {
	.buildings-promo {
		width: 420px;
	}
}

.buildings-promo strong {
	color: #aa0000;
}

.buildings-promo .strong {
	color: #aa0000;
}

/*----------------------------------------------------- */
/* PANELS (main page) */
/*----------------------------------------------------- */
.mp-panels {
	padding: 36px 0;
}

.mp-panels .sub-title {
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 792px;
}

.mp-panels .sub-title span {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 264px;
}

.mp-panels_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mp-panels_list li {
	float: left;
	text-align: center;
	width: 400px;
}

@media screen and (max-width: 1240px) {
	.mp-panels_list li {
		width: 320px;
	}
}

.mp-panels_list a {
	color: #282828;
	display: block;
}

.mp-panels_list a:hover {
	color: #003492;
}

.mp-panels_list a:hover img {
	opacity: 0.75;
}

.mp-panels_list img {
	margin: 0 0 18px;
	max-width: 90%;
}

.mp-panels_list span {
	display: block;
	font: 21px/1 "PT Sans Narrow", sans-serif;
	text-transform: uppercase;
}

.mp-panels_link {
	margin: 0 auto;
	width: 792px;
}

.mp-panels_link_slide {
	margin: 10px auto;
	width: 270px;
}

.mp-panels_link .button {
	float: left;
	width: 261px;
}

.mp-panels_link .caption {
	float: left;
	font-size: 14px;
	height: 60px;
	line-height: 58px;
	padding: 0 10px;
	text-align: center;
	width: 244px;
}

.mp-panels_link .caption span {
	display: inline-block;
	line-height: 1.3125;
	vertical-align: middle;
}

/*----------------------------------------------------- */
/* PORTFOLIO (main page) */
/*----------------------------------------------------- */
.mp-portfolio {
	background: url(/local/templates/spgroup/css/../img/mp-portfolio-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 36px 0;
}

.mp-portfolio .title {
	color: #fff;
}

.mp-portfolio .nr_podpis {
	color: #fff;
}

.mp-portfolio .center {
	color: #fff;
}

/*----------------------------------------------------- */
/* PORTFOLIO & STEPS SLIDERS */
/*----------------------------------------------------- */
.portfolio-slider .slides,
.steps-slider .slides {
	overflow: hidden;
}

.portfolio-slider .slide,
.steps-slider .slide {
	overflow: hidden;
}

.portfolio-slider .slide:hover .caption,
.steps-slider .slide:hover .caption {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjdkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #0067d0 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, #0067d0 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(0deg, #0067d0 0%, rgba(0, 0, 0, 0) 100%);
}

.portfolio-slider .image,
.steps-slider .image {
	display: block;
	position: relative;
}

.portfolio-slider .image img,
.steps-slider .image img {
	width: 100%;
}

.portfolio-slider .caption,
.steps-slider .caption {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MTk0NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(0deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	color: white;
	display: block;
	font-family: "PT Sans Narrow", sans-serif;
	height: 120px;
	line-height: 120px;
	left: 0;
	padding: 12px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

.steps-slider .extender,
.steps-slider .image {
	height: 285px;
}

.steps-slider .caption {
	display: none;
}

/*chudin*/
.portfolio-slider .caption span,
.steps-slider .caption span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: bottom;
}

@media screen and (max-width: 1240px) {
	.portfolio-slider .wrapper {
		margin: 0 33px;
	}
}

.portfolio-slider .extender {
	width: 1224px;
}

@media screen and (max-width: 1240px) {
	.portfolio-slider .extender {
		width: 918px;
	}
}

.portfolio-slider .slides {
	height: 289px;
}

.portfolio-slider .slide {
	height: 289px;
	margin-right: 24px;
	width: 282px;
}

.portfolio-slider .slide .caption {
	text-align: center;
}

@media screen and (max-width: 1240px) {
	.steps-slider .wrapper {
		margin: 0 65px;
	}
}

.steps-slider .extender {
	width: 1230px;
}

@media screen and (max-width: 1240px) {
	.steps-slider .extender {
		width: 890px;
	}
}

.steps-slider .slide {
	color: #3f4653;
	margin-right: 30px;
	width: 380px;
}

@media screen and (max-width: 1240px) {
	.steps-slider .slide {
		margin-right: 65px;
	}
}

.steps-slider .image {
	margin: 0 0 12px;
}

.steps-slider .caption {
	padding: 14px 28px;
}

/*----------------------------------------------------- */
/* REVIEWS (main page) */
/*----------------------------------------------------- */
.mp-reviews {
	padding: 36px 0;
}

/*----------------------------------------------------- */
/* REVIEWS SLIDER */
/*----------------------------------------------------- */
@media screen and (max-width: 1240px) {
	.reviews-slider .wrapper {
		margin: 0 93px;
	}
}

.reviews-slider .extender {
	width: 1275px;
}

@media screen and (max-width: 1240px) {
	.reviews-slider .extender {
		width: 848px;
	}
}

.reviews-slider .slides {
	overflow: hidden;
}

.reviews-slider .slide {
	margin-right: 75px;
	width: 350px;
}

@media screen and (max-width: 1240px) {
	.reviews-slider .slide {
		margin-right: 74px;
	}
}

.reviews-slider .heading {
	margin: 0 0 20px;
	height: 100px;
}

.reviews-slider .photo {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	float: left;
	margin-right: 14px;
}

.reviews-slider .text {
	color: #282828;
	overflow: hidden;
}

.reviews-slider .name {
	font-size: 16px;
	margin: 10px 0 22px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
}

.reviews-slider .brief {
	border-bottom: 1px solid #e4e9f1;
	height: 209px;
	margin: 0 0 16px;
	overflow: hidden;
	padding: 0 0 16px;
}

.reviews-slider .document {
	display: block;
	line-height: 28px;
}

.reviews-slider .video {
	height: 200px;
}

/*----------------------------------------------------- */
/* REVIEWS LIST */
/*----------------------------------------------------- */
.reviews-list {
	margin-top: 40px;
}

@media screen and (max-width: 1240px) {
	.reviews-list .wrapper {
		margin: 0 93px;
	}
}

.reviews-list .extender {
	width: 1275px;
}

@media screen and (max-width: 1240px) {
	.reviews-list .extender {
		width: 848px;
	}
}

.reviews-list .slides {
	overflow: hidden;
}

.reviews-list .slide {
	margin-right: 75px;
	width: 350px;
	height: 400px;
	margin-bottom: 50px;
	float: left;
}

@media screen and (max-width: 1240px) {
	.reviews-list .list {
		margin-right: 74px;
	}
}

.reviews-list .heading {
	margin: 0 0 20px;
	height: 80px;
}

.reviews-list .photo {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	float: left;
	margin-right: 14px;
}

.reviews-list .text {
	color: #282828;
	overflow: hidden;
}

.reviews-list .name {
	font-size: 16px;
	margin: 10px 0 22px;
	text-align: left;
}

.reviews-list .brief {
	border-bottom: 1px solid #e4e9f1;
	height: 209px;
	margin: 0 0 16px;
	overflow: hidden;
	padding: 0 0 16px;
}

.reviews-list .document {
	line-height: 28px;
}

/*----------------------------------------------------- */
/* SEO TEXT */
/*----------------------------------------------------- */
.mp-seo-text {
	background: url(/local/templates/spgroup/css/../img/seo-text-bg.jpg) center center no-repeat;
	background-size: cover;
	color: white;
	margin: 0 0 8px;
	padding: 36px 0;
}

.mp-seo-text .title {
	color: white;
	margin: 0 0 22px;
}

.mp-seo-text .sub-title {
	color: white;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 22px;
	text-transform: none;
}

.mp-seo-text .button {
	margin: 38px auto 0;
}

.seo-text .title {
	color: #3f4653;
	display: inline-block;
	vertical-align: middle;
}

.seo-text .title:after {
	background: url(/local/templates/spgroup/css/../img/seo-text-arrows.png) center top;
	content: "";
	display: inline-block;
	height: 13px;
	margin-left: 10px;
	width: 23px;
}

.seo-text .title.is-active:after {
	background-position: center bottom;
}

.seo-text .hidden {
	display: none;
}

/*----------------------------------------------------- */
/* COMPANY ABOUT */
/*----------------------------------------------------- */
.company-about .photo {
	float: left;
	margin-right: 22px;
}

.company-about .text {
	overflow: hidden;
}

.company-about span {
	color: #003492;
	font-size: 14px;
}

/*----------------------------------------------------- */
/* PARTNERS SLIDER */
/*----------------------------------------------------- */
.partners-slider {
	margin: 0px 0 0;
	position: relative;
}

.partners-slider .slides {
	font-size: 0;
}

.partners-slider .slide {
	display: inline-block;
	height: 200px;
	float: none;
	margin: 0 28px;
	vertical-align: middle;
}

.partners-slider .slide {
	width: 200px;
}

/*.partners-slider .caroufredsel_wrapper { height: 200px !important; }*/

/*----------------------------------------------------- */
/* CERTIFICATES SLIDER */
/*----------------------------------------------------- */
.certificates-slider {
	margin: 0px 0 0;
	position: relative;
}

@media screen and (max-width: 1240px) {
	.certificates-slider .wrapper {
		margin: 0 82px;
	}
}

.certificates-slider .extender {
	width: 1212px;
}

@media screen and (max-width: 1240px) {
	.certificates-slider .extender {
		width: 808px;
	}
}

.certificates-slider .slide {
	height: 270px;
	color: #3f4653;
	margin-right: 12px;
	width: 190px;
}

.certificates-slider .slide img {
	border: 1px solid #e4e9f1;
	display: block;
	margin: 0 0 16px;
	width: 188px;
}

/*----------------------------------------------------- */
/* STAFF */
/*----------------------------------------------------- */
.staff-item {
	float: left;
	height: 280px;
	margin: 8px 18px 8px 0;
	width: 185px;
}

@media screen and (max-width: 1240px) {
	.staff-item {
		margin-right: 76px;
		margin-bottom: 12px;
		width: 183px;
	}
}

.staff-item:nth-child(6n) {
	margin-right: 0;
}

@media screen and (max-width: 1240px) {
	.staff-item:nth-child(6n) {
		margin-right: 76px;
	}
}

@media screen and (max-width: 1240px) {
	.staff-item:nth-child(4n) {
		margin-right: 0;
	}
}

.staff-item img {
	display: block;
	margin: 0 0 12px;
	width: 100%;
}

.staff-item strong {
	display: block;
	text-transform: uppercase;
}

.staff-item .strong {
	display: block;
	text-transform: uppercase;
}

/*----------------------------------------------------- */
/* FEEDBACK FORM */
/*----------------------------------------------------- */
.feedback-form {
	background: url(/local/templates/spgroup/css/../img/form-bg.jpg) center center no-repeat;
	background-size: cover;
	color: white;
	/*margin: 0 0 8px;*/
	margin-top: 20px;
	padding: 28px 0;
}

@media screen and (max-width: 1240px) {
	.feedback-form {
		padding-bottom: 28px;
	}
}

.feedback-form.order-form .name {
	width: 780px;
}

.feedback-form.order-form .requisites {
	margin: 0 0 10px;
}

.feedback-form.order-form .requisites label {
	margin-right: 40px;
	width: 370px;
}

@media screen and (max-width: 1240px) {
	.feedback-form.order-form .requisites label {
		margin-right: 40px;
		width: 280px;
	}
}

.feedback-form.order-form .requisites label.fb-email {
	width: 380px !important;
}

@media screen and (max-width: 1240px) {
	.feedback-form.order-form .requisites label.fb-email {
		width: 320px !important;
	}
}

.feedback-form.order-form .message {
	margin: 0 0 15px;
}

.feedback-form .title {
	color: white;
	text-align: left;
}

@media screen and (max-width: 1240px) {
	.feedback-form .title {
		color: white;
		text-align: center;
	}
}

.feedback-form+div {
	padding-top: 28px;
}

.feedback-form_recipient {
	float: left;
	font-size: 18px;
	text-align: center;
	width: 400px;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient {
		float: none;
		margin: 0 0 16px;
		text-align: left;
		width: auto;
	}
}

.feedback-form_recipient .title {
	display: none;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient .title {
		display: block;
	}
}

.feedback-form_recipient .photo {
	border: 3px solid white;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin: 0 auto 14px;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient .photo {
		float: left;
		margin: 0 22px 0 0;
	}
}

.feedback-form_recipient .name {
	margin: 0 0 14px;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient .name {
		float: left;
		line-height: 24px;
		margin: 60px 0 0;
		width: 300px;
	}
}

.feedback-form_recipient .name strong {
	display: block;
	text-transform: uppercase;
}

.feedback-form_recipient .name .strong {
	display: block;
	text-transform: uppercase;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient .name strong {
		margin: 0 0 12px;
	}

	.feedback-form_recipient .name .strong {
		margin: 0 0 12px;
	}
}

.feedback-form_recipient .phones {
	margin: 0 0 14px;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient .phones {
		float: left;
		line-height: 24px;
		margin: 60px 0 0;
		width: 220px;
	}
}

.feedback-form_recipient .phones a {
	display: block;
	margin: 0 0 14px;
	font-weight: bold;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient .phones a {
		margin: 0 0 12px;
	}
}

.feedback-form_recipient .phones a:last-child {
	margin-bottom: 0;
}

.feedback-form_recipient .email {
	font-weight: bold;
}

@media screen and (max-width: 1240px) {
	.feedback-form_recipient .email {
		float: right;
		line-height: 24px;
		margin: 60px 0 0;
	}
}

.feedback-form_recipient .email a {
	color: white;
}

.feedback-form_recipient .titlt {
	display: none;
}

.feedback-form_fields {
	overflow: hidden;
}

.feedback-form_fields input,
.feedback-form_fields select,
.feedback-form_fields textarea {
	background: white;
}

.feedback-form_fields .title {
	margin: 0 0 14px;
}

@media screen and (max-width: 1240px) {
	.feedback-form_fields .title {
		display: none;
	}
}

.feedback-form_fields label {
	display: block;
	font-size: 18px;
	margin: 0 0 10px;
}

.feedback-form_fields label input,
.feedback-form_fields label textarea {
	margin: 4px 0 0;
	width: 100%;
}

.feedback-form_fields label select {
	margin: 4px 0 0;
}

.feedback-form_fields .message {
	margin: 0 0 24px;
}

.feedback-form_fields .requisites {
	margin: 0 0 24px;
}

.feedback-form_fields .requisites label {
	float: left;
	margin: 0 25px 0 0;
	width: 250px;
}

@media screen and (max-width: 1240px) {
	.feedback-form_fields .requisites label {
		margin-right: 105px;
	}
}

.feedback-form_fields .requisites label:last-child {
	margin-right: 0;
}

.feedback-form_fields .button {
	width: 248px;
}

.feedback-form_fields .buttons .filebox {
	float: left;
}

.feedback-form_fields .buttons .filebox .button {
	margin-right: 20px;
}

.feedback-form_fields .buttons .filebox .caption {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.feedback-form_fields .buttons input[type='submit'] {
	float: right;
}

/*----------------------------------------------------- */
/* PORTFOLIO ITEMS */
/*----------------------------------------------------- */
.portfolio-items .item {
	display: block;
	float: left;
	margin: 0 2% 2% 0;
	position: relative;
	width: 23.5%;
}

.portfolio-items .item:nth-child(4n) {
	margin-right: 0;
}

.portfolio-items .item:hover:after {
	display: block;
}

.portfolio-items .item:after {
	border: 2px solid #aa0000;
	bottom: 0;
	content: "";
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.portfolio-items .item img {
	width: 100%;
}

.portfolio-items .button {
	margin: 18px auto 0;
}

@media screen and (max-width: 1240px) {
	.portfolio-items .button {
		margin-top: 0;
	}
}

/*----------------------------------------------------- */
/* PORTFOLIO ITEM */
/*----------------------------------------------------- */
.portfolio-items .item1 {
	display: block;
	float: left;
	margin: 0 2% 2% 0;
	position: relative;
	width: 23.5%;
}

.portfolio-items .item1:nth-child(4n) {
	margin-right: 0;
}

.portfolio-items .item1:after {
	border: 2px solid #aa0000;
	bottom: 0;
	content: "";
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.portfolio-items .item1 img {
	width: 100%;
}

.portfolio-items .button {
	margin: 18px auto 0;
}

@media screen and (max-width: 1240px) {
	.portfolio-items .button {
		margin-top: 0;
	}
}

/*----------------------------------------------------- */
/* PHOTO SLIDER */
/*----------------------------------------------------- */
.photo-slider {
	margin: 0 0 48px;
	position: relative;
}

.photo-slider .slide {
	width: 1200px;
}

@media screen and (max-width: 1240px) {
	.photo-slider .slide {
		width: 960px;
	}
}

/*----------------------------------------------------- */
/* DOCUMENTS */
/*----------------------------------------------------- */
.documents {
	/*margin: 48px 0 0; padding: 0 0 48px;*/
	text-align: center;
}

.documents ul {
	list-style: none;
	margin: 12px 0 0px;
	padding: 0;
}

.documents li {
	float: left;
	margin: 0 20px 0px 0;
	width: 285px;
}

@media screen and (max-width: 1240px) {
	.documents li {
		margin: 0 18px 0px 0;
		width: 226px;
	}
}

.documents li:nth-child(4n) {
	margin-right: 0;
}

@media screen and (max-width: 1240px) {
	.documents li:nth-child(4n) {
		margin-right: 18px;
	}
}

@media screen and (max-width: 1240px) {
	.documents li:nth-child(3n) {
		margin-right: 0;
	}
}

.documents .button {
	margin: 18px auto 0;
}

/*----------------------------------------------------- */
/* PROCESS LINKS */
/*----------------------------------------------------- */
.process-links {
	padding: 28px 0 36px;
}

.process-links ul {
	list-style: none;
	padding: 0;
}

.process-links li {
	float: left;
	margin-right: 75px;
	width: 350px;
}

@media screen and (max-width: 1240px) {
	.process-links li {
		margin-right: 24px;
		width: 304px;
	}
}

.process-links li:last-child {
	margin-right: 0;
}

.process-links li:last-child .link {
	padding-left: 106px;
}

.process-links .link {
	display: block;
	padding-left: 90px;
	position: relative;
}

.process-links a:hover {
	color: #aa0000;
}

.process-links .link:before {
	background: url(/local/templates/spgroup/css/../img/process-links.png);
	content: "";
	height: 84px;
	left: 0;
	position: absolute;
	top: 0;
	width: 84px;
}

.process-links .link strong {
	display: block;
	font-size: 21px;
	text-transform: uppercase;
}

.process-links .link span {
	color: #3f4653;
}

.process-links .link span.strong {
	display: block;
	font-size: 21px;
	text-transform: uppercase;
}

.process-links .step-1:before {
	background-position: 0px top;
}

/*.process-links .step-1:hover:before { background-position: 0px bottom; }
*/
.process-links .step-2:before {
	background-position: -84px top;
}

/*.process-links .step-2:hover:before { background-position: -84px bottom; }
*/
.process-links .step-3:before {
	background-position: -168px top;
}

/*.process-links .step-3:hover:before { background-position: -168px bottom; }
*/
/*----------------------------------------------------- */
/* PRODUCTION ITEMS */
/*----------------------------------------------------- */
.production-items {
	list-style: none;
	padding: 0;
}

.production-items li {
	float: left;
	margin: 0 6px 6px 0;
	width: 597px;
}

@media screen and (max-width: 1240px) {
	.production-items li {
		width: 477px;
	}
}

.production-items li:nth-child(even) {
	margin-right: 0;
}

.production-items li.centered {
	clear: both;
	float: none;
	margin: 0 auto;
}

.production-items a {
	/*border-top: 2px solid #e4e9f1;*/
	border: 1px solid #e4e9f1;
	display: block;
	height: 267px;
	overflow: hidden;
	position: relative;
}

/*.production-items a:hover .image:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNzFkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -moz-linear-gradient(90deg, #1171d3 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(90deg, #1171d3 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(0deg, #1171d3 0%, rgba(0, 0, 0, 0) 100%); }*/
.production-items a:hover strong {
	color: #aa0000;
}

.production-items a:hover .strong {
	color: #aa0000;
}

.production-items .image {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 340px;
	z-index: 11;
}

.production-items .image img {
	height: 100%;
}

.production-items .image:after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MTk0NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(0deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	content: "";
	display: block;
	height: 142px;
	left: 0;
	position: absolute;
	width: 100%;
	display: none;
}

.production-items .caption {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTFlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #d7e1e7 0%, #ffffff 100%);
	bottom: 0;
	color: #3f4653;
	font-size: 18px;
	padding: 25px 25px 25px 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 231px;
	z-index: 22;
}

.production-items .caption:after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTFlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #d7e1e7 0%, #ffffff 100%);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: -22px;
	top: 0;
	-moz-transform: skewX(8deg);
	-ms-transform: skewX(8deg);
	-webkit-transform: skewX(8deg);
	transform: skewX(8deg);
	width: 100px;
	z-index: -1;
}

.production-items .caption strong {
	display: block;
	width: 240px;
	margin: 0 0 26px;
	font-size: 21px;
	text-transform: uppercase;
}

.production-items .caption>span.strong {
	display: block;
	width: 240px;
	margin: 0 0 26px;
	font-size: 21px;
	text-transform: uppercase;
}

.production-items .caption small {
	color: #003492;
	display: block;
	font-size: 19px;
	font-weight: bold;
	margin: 60px 0 14px;
}

/*----------------------------------------------------- */
/* PRICES TABLE 1 */
/*----------------------------------------------------- */
.prices-table-1 {
	margin: 0 0 12px;
	width: 1200px;
}

@media screen and (max-width: 1240px) {
	.prices-table-1 {
		width: 100%;
	}
}

.prices-table-1 td,
.prices-table-1 th {
	border: 1px solid #282828;
	text-align: center;
}

.prices-table-1 th {
	background: #f4f7f8;
	color: #003492;
	padding: 9px;
}

.prices-table-1 th strong {
	display: block;
	font-size: 18px;
	margin: 0 0 14px;
}

.prices-table-1 th span.strong {
	display: block;
	font-size: 18px;
	margin: 0 0 14px;
	font-weight: bold
}

.prices-table-1 td {
	padding: 6px;
}

.prices-table-1 tbody tr:hover {
	background-color: #245384;
	color: white;
}

/*----------------------------------------------------- */
.prices-table-2 {
	width: 1000px;
}

.prices-table-2 td,
.prices-table-2 th {
	border: 1px solid #282828;
	text-align: center;
}

.prices-table-2 th {
	background: #f4f7f8;
	color: #003492;
	padding: 9px;
}

.prices-table-2 th strong {
	display: block;
	font-size: 18px;
	margin: 0 0 14px;
}

.prices-table-2 th .strong {
	display: block;
	font-size: 18px;
	margin: 0 0 14px;
}

.prices-table-2 td {
	padding: 6px;
}

/*----------------------------------------------------- */
/* PRICES TABLE 2 */
/*----------------------------------------------------- */
.prices-table-2 {
	margin: 0 0 36px;
	width: 100%;
}

.prices-table-2 th,
.prices-table-2 td {
	border: 1px solid #282828;
	/* padding: 20px;*/
	text-align: center;
}

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

	.prices-table-2 th,
	.prices-table-2 td {
		padding: 16px;
	}
}

.prices-table-2 th {
	background: #f4f7f8;
	color: #003492;
	font-size: 18px;
}

.prices-table-2 td:first-child {
	background: #f4f7f8;
}

.prices-table-2 .category {
	color: #003492;
	padding-right: 30px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
}

.prices-table-2 .category .tooltip {
	margin: -10px 0 0;
	position: absolute;
	right: 0;
	top: 50%;
}

.prices-table-2 tr:nth-child(n+2):hover td:nth-child(n+2) {
	background: rgba(0, 52, 146, 0.75);
	color: white;
}

.prices-table-2 .result {
	color: #aa0000;
	font-size: 18px;
	font-weight: bold;
}

.prices-table-2 .result:first-child {
	text-align: left;
}

/*----------------------------------------------------- */
/* PRICES TABLE 2plus */
/*----------------------------------------------------- */
/*----------------------------------------------------- */
.prices-table-2plus {
	width: 1000px;
}

.prices-table-2plus td,
.prices-table-2plus th {
	border: 1px solid #282828;
	text-align: center;
}

.prices-table-2plus th {
	background: #f4f7f8;
	color: #003492;
	padding: 9px;
}

.prices-table-2plus th strong {
	display: block;
	font-size: 18px;
	margin: 0 0 14px;
}

.prices-table-2plus th .strong {
	display: block;
	font-size: 18px;
	margin: 0 0 14px;
}

.prices-table-2plus td {
	padding: 6px;
}

/*----------------------------------------------------- */
.prices-table-2plus {
	margin: 0 0 36px;
	width: 100%;
}

.prices-table-2plus th,
.prices-table-2plus td {
	border: 1px solid #282828;
	padding: 20px;
	text-align: center;
}

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

	.prices-table-2plus th,
	.prices-table-2plus td {
		padding: 16px;
	}
}

.prices-table-2plus th {
	background: #f4f7f8;
	color: #003492;
	font-size: 18px;
}

.prices-table-2plus td:first-child {
	background: #f4f7f8;
}

.prices-table-2plus .category {
	color: #003492;
	padding-right: 30px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
}

.prices-table-2plus .category .tooltip {
	margin: -10px 0 0;
	position: absolute;
	right: 0;
	top: 50%;
}

.prices-table-2plus tr:nth-child(n+2):hover td:nth-child(n+2) {
	background: rgba(0, 52, 146, 0.75);
	color: white;
}

.prices-table-2plus .result {
	color: #aa0000;
	font-size: 18px;
	font-weight: bold;
}

.prices-table-2plus .result:first-child {
	text-align: left;
}

/*----------------------------------------------------- */
/* PRICES TABLE 3 */
/*----------------------------------------------------- */
.prices-table-3 {
	width: 800px;
	margin: 0 auto;
}

.prices-table-3 tr.em {
	background: rgba(0, 52, 146, 0.05);
}

.prices-table-3 td,
.prices-table-3 th {
	border: 1px solid #282828;
	padding: 12px;
	text-align: center;
}

.prices-table-3 th {
	background: #003492;
	color: white;
}

.prices-table-3 .sizes td {
	border: none;
}

.prices-table-3 .sizes td:first-child {
	border: 1px solid #282828;
}

.prices-table-3 .sizes td:last-child {
	border: 1px solid #282828;
}

.prices-table-3 td:first-child {
	color: #003492;
}

.prices-table-3 td:last-child {
	color: #aa0000;
}

.prices-table-3 .switches {
	list-style: none;
	margin: 0;
	padding: 0;
}

.prices-table-3 .switches li {
	display: inline-block;
	font-size: 18px;
	vertical-align: middle;
}

.prices-table-3 .switches li:after {
	content: "/";
	font-weight: normal;
	margin-left: 5px;
}

.prices-table-3 .switches li:last-child:after {
	display: none;
}

.prices-table-3 .switches li.is-active {
	font-weight: bold;
}

.prices-table-3 .schemes {
	list-style: none;
	margin: 0;
	padding: 0;
}

.prices-table-3 .schemes li {
	display: none;
	text-align: center;
}

.prices-table-3 .schemes a {
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	vertical-align: middle;
}

.prices-table-3 .schemes a:last-child {
	margin-right: 0;
}

.prices-table-3 .schemes a img {
	margin: 0 0 5px;
}

.prices-table-3 .schemes small {
	color: #969696;
	display: block;
	font-size: 14px;
}

/*----------------------------------------------------- */
/* PRICES TABLE 4 */
/*----------------------------------------------------- */
.prices-table-4 {
	/*margin: 0 0 12px;*/
	width: 800px;
	margin: 12px auto;
}

.prices-table-4 th,
.prices-table-4 td {
	border: 1px solid #d7e1e7;
	font-weight: normal;
	padding: 16px 22px;
	text-align: left;
}

.prices-table-4 th {
	background: #f4f7f8;
	color: #003492;
}

.prices-table-4 td {
	color: #aa0000;
	min-width: 132px;
}

/*----------------------------------------------------- */
/* PRICES TABLE 5 */
/*----------------------------------------------------- */
.prices-table-5 {
	margin: 0 auto;
}

.prices-table-5 td {
	padding: 5px;
	border: solid #000 1px;
}

/*----------------------------------------------------- */
/* PRICES TABS */
/*----------------------------------------------------- */
.prices-tabs-handlers {
	margin: 0 0 32px;
	text-align: center;
}

.prices-tabs-handlers .caption {
	color: #003492;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin-right: 42px;
	vertical-align: middle;
}

.prices-tabs-handlers .list {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.prices-tabs-handlers li {
	float: left;
}

.prices-tabs-handlers li:after {
	content: "⁄";
	font-size: 22px;
	font-weight: bold;
}

.prices-tabs-handlers li:last-child:after {
	display: none;
}

.prices-tabs-handlers li.is-active a {
	color: #aa0000;
	position: relative;
}

.prices-tabs-handlers li.is-active a:after {
	border-color: #aa0000 transparent transparent transparent;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	content: "";
	display: block;
	left: 50%;
	margin: 5px 0 0 -10px;
	position: absolute;
	top: 100%;
}

.prices-tabs-handlers a {
	color: #3f4653;
	font-size: 22px;
	font-weight: bold;
	padding: 0 5px
		/*20px*/
	;
}

.prices-tab {
	display: none;
}

.prices-table-block {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

/*----------------------------------------------------- */
/* PANELS */
/*----------------------------------------------------- */
.panels-prices {
	float: left;
}

@media screen and (max-width: 1240px) {
	.panels-prices {
		float: none;
		/*margin-left: 20px; width: 800px;*/
	}
}

.panels-link {
	background: #f4f7f8;
	border: 1px solid #d7e1e7;
	float: right;
	padding: 26px 0;
	width: 1200px;
	margin: 20px auto;
}

@media screen and (max-width: 1240px) {
	.panels-link {
		float: none;
		margin: 0 auto;
		padding: 16px 32px;
		width: 732px;
	}
}

.panels-link .title {
	color: #003492;
	font-size: 18px;
	margin: 0 0 16px;
	text-align: center;
}

@media screen and (max-width: 1240px) {
	.panels-link .title {
		text-align: left;
	}
}

@media screen and (max-width: 1240px) {
	.panels-link .caption {
		float: left;
		width: 442px;
	}
}

.panels-link .button {
	margin: 32px auto 0;
}

@media screen and (max-width: 1240px) {
	.panels-link .button {
		float: right;
		margin: 0;
	}
}

.panels-description {
	float: left;
	width: 580px;
}

@media screen and (max-width: 1240px) {
	.panels-description {
		float: none;
		margin: 0 0 42px;
		width: auto;
	}
}

.panels-description .button {
	margin-left: auto;
	margin-right: auto;
}

.panels-colors {
	float: right;
	width: 600px;
}

@media screen and (max-width: 1240px) {
	.panels-colors {
		float: none;
		margin: 0 auto;
	}
}

.panels-colors ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 600px;
}

.panels-colors li {
	line-height: 1.5;
	color: white;
	float: left;
	font-weight: bold;
	height: 48px;
	margin: 0 2px 2px 0;
	padding: 0 20px;
	width: 108px;
}

/* .panels-gallery a { background: white; border: 1px solid #cacfd5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; float: left; margin: 0 2% 2% 0; text-align: center; overflow: hidden; width: 15%; }
.panels-gallery a:nth-child(6n) { margin-right: 0; }
.panels-gallery a img { max-width: 100%; } */

.panels-gallery {
	width: auto;
	margin: 0 auto 0;
}

.panels-gallery img {
	border: 1px solid #cacfd5;
	margin: 0 16px;
}

@media screen and (max-width: 1240px) {
	.panels-gallery img {
		margin: 0 4px;
	}
}

@media screen and (max-width: 1240px) {
	.panels-buttons {
		text-align: center;
	}
}

.panels-buttons .button {
	float: left;
	margin-right: 30px;
}

@media screen and (max-width: 1240px) {
	.panels-buttons .button {
		float: none;
		margin: 0 auto;
	}
}

.panels-buttons .document {
	float: left;
	line-height: 28px;
	margin: 16px 0 0;
}

@media screen and (max-width: 1240px) {
	.panels-buttons .document {
		float: none;
		margin-top: 30px;
	}
}

/*----------------------------------------------------- */
/* PRODUCT SCHEME */
/*----------------------------------------------------- */
.product-scheme {
	height: 530px;
	background: url(/local/templates/spgroup/css/../img/product-scheme-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 15px 0 0px;
	margin-top: 60px;
}

.product-scheme+.shadow {
	padding-top: 36px;
}

.product-scheme .title {
	color: white;
	margin: 0 0 62px;
}

.product-scheme .image {
	text-align: center;
}

.product-scheme .image img {
	max-width: 100%;
}

/*----------------------------------------------------- */
/* PRODUCT TELLER */
/*----------------------------------------------------- */
.product-teller {
	margin: 0 auto 18px;
	width: 408px;
}

.product-teller .photo {
	border: 4px solid #3f4653;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	float: left;
	height: 172px;
	margin-right: 20px;
}

.product-teller .text {
	font-size: 18px;
	height: 172px;
	line-height: 172px;
	overflow: hidden;
}

.product-teller .text span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}

.product-teller .text strong {
	display: block;
	text-transform: uppercase;
}

.product-teller .text .strong {
	display: block;
	text-transform: uppercase;
}

/*----------------------------------------------------- */
/* SEARCH FORM */
/*----------------------------------------------------- */
.search-form {
	margin: 0 0 28px;
}

.search-form input[type='search'] {
	background: #f4f7f8;
	border: 1px solid #d7e1e7;
	float: left;
	height: auto;
	padding: 17px;
	width: 1000px;
}

@media screen and (max-width: 1240px) {
	.search-form input[type='search'] {
		width: 760px;
	}
}

.search-form .button {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	width: 200px;
}

/*----------------------------------------------------- */
/* DELIVERY */
/*----------------------------------------------------- */
.delivery-map {
	margin: 0 0 28px;
}

.delivery-legend {
	width: 100%;
}

.delivery-legend tr {
	border-bottom: 1px solid #e4e9f1;
}

.delivery-legend th,
.delivery-legend td {
	padding: 12px 0;
}

.delivery-legend th {
	background: url(/local/templates/spgroup/css/../img/delivery-legend-icon.png) left center no-repeat;
	color: #003492;
	font-weight: bold;
	padding-left: 40px;
	text-align: left;
	text-transform: uppercase;
	width: 230px;
}

.delivery-conditions {
	list-style: none;
	padding: 0;
}

.delivery-conditions li {
	margin: 0 0 14px;
	padding-left: 18px;
	position: relative;
}

.delivery-conditions li:last-child {
	margin-bottom: 0;
}

.delivery-conditions li:before {
	color: #003492;
	content: "●";
	left: 0;
	position: absolute;
	top: 0;
}

/*----------------------------------------------------- */
/* CONTACTS */
/*----------------------------------------------------- */
.contacts-info {
	border: 1px solid #e2e7ef;
	float: left;
	width: 244px;
}

@media screen and (max-width: 1240px) {
	.contacts-info {
		float: none;
		width: auto;
	}
}

.contacts-info .column {
	border-bottom: 1px solid #e2e7ef;
	display: block;
	font-size: 18px;
	height: 124px;
	line-height: 124px;
	padding: 14px;
}

@media screen and (max-width: 1240px) {
	.contacts-info .column {
		border-bottom: none;
		border-right: 1px solid #e2e7ef;
		float: left;
		line-height: 1.2;
		text-align: center;
		width: 291px;
	}
}

.contacts-info .column:last-child {
	border-bottom: none;
}

@media screen and (max-width: 1240px) {
	.contacts-info .column:last-child {
		border-right: none;
		width: 290px;
	}
}

.contacts-info .inner {
	display: inline-block;
	line-height: 1.3;
	text-align: left;
	vertical-align: middle;
}

.contacts-info a.column {
	background: #f3f7f9;
	color: #3f4653;
	padding-right: 40px;
	position: relative;
}

@media screen and (max-width: 1240px) {
	.contacts-info a.column {
		padding-bottom: 40px;
		padding-right: 14px;
	}
}

.contacts-info a.column:after {
	background: url(/local/templates/spgroup/css/../img/contacts-column-arrows.png) left center;
	content: "";
	display: none;
	height: 26px;
	margin: -13px 0 0;
	position: absolute;
	right: 7px;
	top: 50%;
	width: 26px;
}

@media screen and (max-width: 1240px) {
	.contacts-info a.column:after {
		background-position: right center;
		bottom: 7px;
		margin: 0 -13px 0 0;
		right: 50%;
		top: auto;
	}
}

.contacts-info a.column.is-active {
	background: #e1e6ee;
}

.contacts-info a.column.is-active:after {
	display: block;
}

.contacts-info a.column.is-active strong {
	color: #aa0000;
}

.contacts-info a.column.is-active .strong {
	color: #aa0000;
}

.contacts-info a.column strong {
	color: #003492;
	display: block;
	font-weight: normal;
	margin: 0 0 16px;
}

.contacts-info a.column .strong {
	color: #003492;
	display: block;
	/*font-weight: normal;*/
	margin: 0 0 16px;
}

.contacts-map {
	overflow: hidden;
}

.contacts-requisites .column {
	float: left;
	width: 520px;
}

@media screen and (max-width: 1240px) {
	.contacts-requisites .column {
		width: 470px;
	}
}

.contacts-requisites .column:first-child {
	margin-right: 20px;
}

.contacts-requisites p {
	margin-bottom: 12px;
}

.contacts-requisites p:last-child {
	margin-bottom: 0;
}

/*----------------------------------------------------- */
/* ARTICLE ITEMS */
/*----------------------------------------------------- */
.article-item {
	border-top: 2px solid #e4e9f1;
	display: block;
	height: 267px;
	margin: 0 0 8px;
	overflow: hidden;
	position: relative;
}

.article-item .image {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 300px;
	z-index: 11;
}

.article-item .image:hover:after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNzFkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #1171d3 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, #1171d3 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(0deg, #1171d3 0%, rgba(0, 0, 0, 0) 100%);
}

.article-item .image img {
	height: 100%;
}

.article-item .image:after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MTk0NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(0deg, #051945 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	content: "";
	display: block;
	height: 142px;
	left: 0;
	position: absolute;
	width: 100%;
}

.article-item .caption {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTFlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #d7e1e7 0%, #ffffff 100%);
	bottom: 0;
	color: #3f4653;
	font-size: 18px;
	line-height: 217px;
	padding: 25px 25px 25px 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 835px;
	z-index: 22;
}

@media screen and (max-width: 1240px) {
	.article-item .caption {
		line-height: 1.3;
		width: 680px;
	}
}

.article-item .caption:after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTFlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -moz-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(90deg, #d7e1e7 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #d7e1e7 0%, #ffffff 100%);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: -50px;
	top: 0;
	-moz-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
	width: 100px;
	z-index: -1;
}

.article-item .text {
	display: inline-block;
	line-height: 1.3;
	margin-right: 18px;
	vertical-align: middle;
	width: 610px;
}

@media screen and (max-width: 1240px) {
	.article-item .text {
		width: 455px;
	}
}

.article-item .title a:hover {
	color: #aa0000;
}

.article-item .button {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
}

/* @media screen and (max-width: 1240px) { .article-item .button { bottom: 25px; position: absolute; right: 25px; } } */
.article-item.news-item .caption:after {
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	width: 100px;
	z-index: -1;
	left: -300px;
	width: 300px;
}

.article-item.news-item h5 a {
	margin-right: 75px;
}

/*----------------------------------------------------- */
/* CALCULATOR */
/*----------------------------------------------------- */
.calculator {
	margin: 0 auto 24px;
	width: 800px;
}

.calculator .heading {
	margin: 0 0 20px;
	text-align: center;
}

.calculator .heading .tooltip {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.calculator .title {
	color: #003492;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.calculator .caption {
	color: #051945;
	font-size: 21px;
}

.calculator input[type='submit'] {
	margin-left: auto;
	margin-right: auto;
}

.calculator .check {
	font-size: 23px;
}

.calculator_tabs {
	counter-reset: ct_counter;
	list-style: none;
	margin: 0 auto 50px;
	padding: 0;
	width: 400px;
}

.calculator_tabs li {
	color: #003492;
	counter-increment: ct_counter;
	float: left;
	font-size: 21px;
	font-weight: bold;
	opacity: 0.25;
	text-align: center;
	width: 200px;
}

/*.calculator_tabs li:before { background: #e4e9f1; border: 2px solid #003492; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; content: counter(ct_counter); display: block; font-size: 32px; font-weight: normal; height: 136px; line-height: 136px; margin: 0 auto 12px; text-align: center; width: 136px; }
*/
.calculator_tabs li.is-active {
	opacity: 1;
}

.calculator .content-section {
	margin: 0 0 10px;
}

@media screen and (max-width: 1240px) {
	.calculator .content-section {
		margin: 0 0 15px;
	}
}

.calculator .horizontal {
	width: 800px;
}

.styled-select_1 {
	margin-right: 30px;
	float: right;
	width: 350px;
	height: 36px;
	overflow: hidden;
	background: url(/calculator/arrow_select.png) no-repeat right #e4e9f1;
	border: 1px solid #0034A2;
}

.styled-select {
	margin-right: 30px;
	float: right;
	width: 550px;
	height: 36px;
	overflow: hidden;
	background: url(/calculator/arrow_select.png) no-repeat right #e4e9f1;
	border: 1px solid #0034A2;
}

.styled-select_3 {
	float: right;
	width: 198px;
	height: 40px;
	overflow: hidden;
	background: url(/calculator/arrow_select.png) no-repeat right #e4e9f1;
	border: 1px solid #0034A2;
}


.calculator .walls_design_1 {
	text-align: center;
	text-align-last: center;
	-webkit-appearance: none;
	background: transparent;
	height: 36px;
	width: 350px;
	font-size: 16px;
	float: right;
}

.calculator .horizontal_caption {
	float: left;
}

.calculator .walls_design {
	text-align: center;
	text-align-last: center;
	-webkit-appearance: none;
	background: transparent;
	height: 36px;
	width: 550px;
	font-size: 16px;
	float: right;
}

.calculator .walls_design_2 {
	border-style: solid;
	border-width: 1px;
	border-color: #0034A2;
}

.calculator .walls_design_3 {
	text-align: center;
	text-align-last: center;
	-webkit-appearance: none;
	background: transparent;
	height: 40px;
	width: 198px;
	font-size: 16px;
}

.calculator_input-1 {
	float: left;
	margin-right: 100px;
	position: relative;
	width: 200px;
}

.calculator_input-1:last-child {
	margin-right: 0;
}

.calculator_input-1 .caption {
	margin: 0 0 10px;
}

.calculator_input-1 .tooltip {
	position: absolute;
	right: 0;
	top: 5px;
}

.calculator_input-1 input {
	text-align: center;
	width: 100%;
}

.calculator_input-2 .caption,
.calculator_input-2 .radiobox {
	display: inline-block;
	vertical-align: middle;
}

.calculator_input-2 .caption {
	width: 260px;
}

.calculator_input-2 .radiobox {
	margin-right: 35px;
}

.calculator_input-2 .radiobox:last-child {
	margin-right: 0;
}

.calculator_input-2 .radiobox.fixed {
	width: 210px;
}

.calculator_input-3 {
	margin: 20px 0;
}

.calculator_input-3:last-child {
	margin-bottom: 0;
}

.string-field {
	width: 100%;
}

.string-field .caption {
	text-align: left;
	display: inline-block;
	width: 85%;
}

.string-field input {
	display: inline-block;
	width: 10%;
}

/*----------------------------------------------------- */
/* PAGINATION */
/*----------------------------------------------------- */
.pagination {
	list-style: none;
	margin: 32px 0;
	padding: 0;
}

.pagination:last-child {
	margin-bottom: 32px;
}

.pagination li {
	display: inline;
	font-size: 18px;
	margin-right: 6px;
}

.pagination strong {
	color: #003492;
}

.pagination .strong {
	color: #003492;
}

.pagination a {
	color: #3f4653;
}

/*----------------------------------------------------- */
/* FOOTER */
/*----------------------------------------------------- */
.footer {
	background: #003492;
	height: 472px;
}

@media screen and (max-width: 1240px) {
	.footer {
		height: 230px;
	}
}

.footer-top {
	border-bottom: 1px solid #2d60aa;
	color: white;
	padding: 23px 0 22px;
}

@media screen and (max-width: 1240px) {
	.footer-top {
		padding: 17px 0 16px;
	}
}

.footer-top .entry {
	height: 36px;
	line-height: 36px;
}

.footer-top_left {
	float: left;
}

.footer-top_left .entry {
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-right: 12px;
	padding-left: 24px;
}

.footer-top_left .entry:first-child {
	background: url(/local/templates/spgroup/css/../img/footer-top-icons.png) left top no-repeat;
}

.footer-top_left .entry:last-child {
	margin-right: 0;
}

@media screen and (max-width: 1240px) {
	.footer-top_left .entry:last-child {
		clear: left;
	}
}

.footer-top_right {
	float: right;
}

.footer-top_right .entry {
	background: url(/local/templates/spgroup/css/../img/footer-top-icons.png) no-repeat;
	padding-left: 24px;
	text-align: right;
}

.footer-top_right .entry:first-child {
	background-position: left center;
	float: left;
}

.footer-top_right .entry:last-child {
	background-position: left bottom;
	float: right;
	margin-left: 62px;
}

@media screen and (max-width: 1240px) {
	.footer-top_right .entry:last-child {
		clear: left;
		margin-left: 0;
	}
}

.footer-top_right a {
	color: white;
	text-decoration: underline;
}

.footer-bottom {
	color: #92b8ef;
	font-size: 14px;
}

.footer-bottom_menu {
	float: left;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_menu {
		float: none;
	}
}

.footer-bottom_menu .column {
	float: left;
	padding: 16px 0 0;
	width: 198px;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_menu .column {
		width: auto;
	}
}

@media screen and (max-width: 1240px) {
	.footer-bottom_menu .column:first-child {
		margin-right: 130px;
	}
}

@media screen and (max-width: 1240px) {
	.footer-bottom_menu .column:nth-child(2) {
		margin-right: 154px;
	}
}

@media screen and (max-width: 1240px) {
	.footer-bottom_menu .column:nth-child(3) {
		margin-right: 174px;
	}
}

@media screen and (max-width: 1240px) {
	.footer-bottom_menu .column:last-child {
		float: right;
	}
}

.footer-bottom_menu .title {
	font-size: 16px;
	margin: 0;
	text-align: left;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
}

.footer-bottom_menu .title a {
	color: #92b8ef;
}

.footer-bottom_menu ul {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_menu ul {
		display: none;
	}
}

.footer-bottom_menu li {
	margin: 16px 0 0;
}

.footer-bottom_menu li a {
	color: white;
}

.footer-bottom_menu li a:hover {
	color: #fc3c48;
	font-weight: bold;
}

.footer-bottom_menu li.active a {
	color: #fc3c48;
	font-weight: bold;
}

.footer-bottom_menu div a:hover {
	color: #fc3c48;
	font-weight: bold;
}

.footer-bottom_menu div a.active {
	color: #fc3c48;
	font-weight: bold;
}

.footer_karta_saita {
	margin-top: 14px;
}

.footer_karta_saita a {
	color: white;
}

.footer_karta_saita a:hover {
	color: #fc3c48;
	font-weight: bold;
}

@media screen and (max-width: 1240px) {
	.footer_karta_saita {
		text-align: center;
	}
}

.footer-bottom_info {
	float: left;
	padding: 16px 0 0;
	width: 204px;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_info {
		float: none;
		padding: 20px 0 0;
		width: auto;
	}
}

.footer-bottom_info .copyright span {
	display: block;
	font-size: 16px;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_info .copyright span {
		display: inline;
	}
}

@media screen and (max-width: 1240px) {
	.footer-bottom_info .copyright_text {
		float: left;
	}
}

.footer-bottom_info .sns {
	list-style: none;
	margin: 12px 0;
	padding: 0;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_info .sns {
		float: right;
		margin: 0px 0;
		padding-left: 90px;
	}
}

.footer-bottom_info .sns li {
	float: left;
	margin-right: 10px;
}

.footer-bottom_info .sns li:last-child {
	margin-right: 0;
}

.footer-bottom_info .sns a {
	background: url(/local/templates/spgroup/css/../img/footer-sns.png);
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	display: block;
	height: 42px;
	width: 42px;
}

.footer-bottom_info .sns .sn-1 {
	background-position: left center;
}

.footer-bottom_info .sns .sn-2 {
	background-position: 126px 0px;
}

.footer-bottom_info .sns .sn-3 {
	background-position: 84px 0;
}

.footer-bottom_info .sns .sn-4 {
	background-position: 42px 0;
	background-color: #fff;
}


.footer-bottom_info .sns .sn-5 {
	background: url(/local/templates/spgroup/css/../img/ins.png) !important;
	-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	display: block;
	height: 42px;
	width: 42px;
}



.footer-bottom_info .counter {
	margin: 12px 0;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_info .counter {
		display: none;
	}
}

.footer-bottom_info .creator {
	margin: 127px 0 0;
}

@media screen and (max-width: 1240px) {
	.footer-bottom_info .creator {
		float: right;
		margin: 0;
		text-align: right;
	}
}

.footer-bottom_info .creator a {
	color: white;
	text-decoration: none;
}


.spisok li {
	padding: 7px;
}

/*.partners-slider .caroufredsel_wrapper {height: 100px !important;}*/
.partners-slider .caroufredsel_wrapper img {
	height: 200px
}

/*----------------------------------------------------- */
/* WARNINGS */
/*----------------------------------------------------- */
#noScriptWarning,
#outdatedBrowserWarning {
	color: white;
	padding: 12px;
	text-align: center;
}

#noScriptWarning a,
#outdatedBrowserWarning a {
	color: white;
}

#noScriptWarning {
	background: red;
}

#outdatedBrowserWarning {
	background: orangered;
}

#calc-result {
	margin: 1% 2% 0 2%;
	border: 1px solid #0034A2;
	font-size: 16px;
	padding: 10px;
}


/*MODAL*/
#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
}


#boxes .window {
	margin-top: 50px;
	position: absolute;
	left: 0;
	top: 150px;
	width: 440px;
	height: 200px;
	display: none;
	z-index: 9999;
	padding: 20px;
}

#boxes #dialog {

	top: 150px;
	width: 800px;
	height: auto;
	padding: 10px;
	background-color: #ffffff;
}

/*----------------------------------------------------- */
/* FORMS */
/*----------------------------------------------------- */

.form_title {

	background: #003492;
	text-align: center;
	color: white;
	line-height: 25px;
	font-size: 16px;
}

.forms label {
	font-size: 14px;
}

.forms .feedback-form_fields {
	width: 820px;
	margin: 0 auto;
	font-size: 14px;
}

.forms label input {
	border: 1px solid #969696;
	border-radius: 4px;
	color: #000;
	font-size: 14px !important;
	padding: 5px 10px;
	height: auto;
}

.forms .vid_rabot_div {
	width: 40%;
	float: left;
	margin-left: 0px;
	line-height: 16px !important;
	margin-bottom: 5px;
	text-align: left;
}

.forms .vid_rabot_div span {
	font-size: 14px;
	line-height: 22px;
	color: #000;
	display: inline-block !important;
	float: none;
	margin-left: 10px;
	height: auto;
}

.forms .vid_rabot_drugoe {
	float: none;
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
}

.forms .vid_rabot_drugoe input {
	display: inline-block;
	border: 1px solid #969696;
	border-radius: 4px;
	color: #000;
	font-size: 14px;
	padding: 5px 10px;
	margin-left: 20px;
	width: 752px;
	height: auto;
}

/*----------------------------------------------------- */
/* formTwo */
/*----------------------------------------------------- */

.formTwo .butt {
	float: left;
	margin-right: 30px;
	width: 280px;
}

.formTwo .inputs {
	color: black;
	width: 270px;
}

.formTwo .x {
	color: red;
}

/*----------------------------------------------------- */
/* WORK SCHEME */
/*----------------------------------------------------- */
.work-scheme {
	background: url(/local/templates/spgroup/css/../img/skhema-raboty.png) center center no-repeat;
	font-size: 15px;
	height: 2026px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 900px;
}

.work-scheme li {
	position: absolute;
	width: 300px;
}

.work-scheme li:nth-child(odd) {
	left: 50%;
	margin-left: 90px;
}

.work-scheme li:nth-child(even) {
	margin-right: 62px;
	right: 50%;
}

.work-scheme .title {
	color: #003492;
	margin: 0 0 10px;
	text-align: left;
}

.work-scheme .step-1 {
	top: 50px;
}

.work-scheme .step-2 {
	top: 286px;
}

.work-scheme .step-3 {
	top: 500px;
}

.work-scheme .step-4 {
	top: 722px;
}

.work-scheme .step-5 {
	top: 960px;
}

.work-scheme .step-6 {
	top: 1157px;
}

.work-scheme .step-7 {
	top: 1365px;
}

.work-scheme .step-8 {
	top: 1602px;
}

.work-scheme .step-9 {
	top: 1838px;
}




/*----------------------------------------------------- */
/* BUTTON GOV */
/*----------------------------------------------------- */
.button_gov_one {
	margin-left: 50px;
	font-family: 'trebuchet ms';
	font-size: 17px;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 10px;
	border: 1px solid silver;
	text-decoration: none;
	cursor: pointer;
	background: #003492;
	color: #fff;
	border: 1px solid #003492;
}

.button_gov_two {
	font-family: 'trebuchet ms';
	font-size: 17px;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 10px;
	border: 1px solid silver;
	text-decoration: none;
	cursor: pointer;
	color: #003492;
	border: 1px solid #003492;
	margin-left: 80px;
}

#dialog .close {
	position: absolute;
	right: 40px;
	top: 30px;
	background: #ffffff;
}

.butt .caption,
.butt .captionTwo,
.butt .captionThree {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
}

.butt span.caption,
.butt span.captionTwo,
.butt span.captionThree {
	width: 240px;
}

.butt a {
	text-align: right;
}

.btn {
	width: 400px;
	height: 100px !important;
	font-size: 20px !important;
	text-transform: uppercase;
	line-height: 4.6;
	margin: 0 auto;

}

.footer-phone a {
	color: white;
}

.u {
	border-bottom: 1px solid blue;
	font-weight: normal;
	padding-bottom: 2px;
}

li .active a {
	color: #fc3c48 !important;
}

.top-bar .menu>li.titleActive>a {
	color: #fc3c48;
}

.table-container {
	width: 100%;
	/*overflow: auto;*/
	margin: 0 0 1em;
}

/*----------------------------------------------------- */
/* SECTION DOCUMENTS */
/*----------------------------------------------------- */
.documents-block {
	list-style-type: none;
	padding-left: 0px;
	overflow: hidden;
	margin: auto auto;
}

.documents-block .three_colmns {
	float: left;
	/*width: 350px;*/
	width: 33%;
	height: 200px;
	text-align: center;
}

@media screen and (max-width: 1240px) {
	.documents-block .three_colmns {
		width: 310px;
	}
}

/*----------------------------------------------------- */
/* PRICES TABS */
/*----------------------------------------------------- */
.prices-tabs-handlers {
	margin: 0 0 32px;
	text-align: center;
}

.prices-tabs-handlers .caption {
	color: #003492;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin-right: 42px;
	vertical-align: middle;
}

.prices-tabs-handlers .list {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.prices-tabs-handlers li {
	float: left;
}

.prices-tabs-handlers li:after {
	content: "⁄";
	font-size: 22px;
	font-weight: bold;
}

.prices-tabs-handlers li:last-child:after {
	display: none;
}

.prices-tabs-handlers li.is-active a {
	color: #aa0000;
	position: relative;
}

.prices-tabs-handlers li.is-active a:after {
	border-color: #aa0000 transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	content: "";
	display: block;
	left: 50%;
	margin: 5px 0 0 -10px;
	position: absolute;
	top: 100%;
}

.prices-tabs-handlers a {
	color: #3f4653;
	font-size: 22px;
	font-weight: bold;
	padding: 0 5px
		/*20px*/
	;
}


/*CALCULATOR_CAPTCHA*/
#captcha_calc {
	/*margin: 20px 0px 20px 220px;*/
	text-align: -webkit-center;
}

#captcha_calc .captcha_block a {
	display: inline-block;
	position: relative;
	top: 20px;
	background: url(/local/templates/spgroup/css/../img/refresh.png) center center no-repeat;
	background-size: 25px 25px;
	width: 30px;
	height: 30px;
	margin-right: 12px
}

#captcha_calc .captcha_word {
	display: inline-block;
	float: left;
	margin-right: 18px;
}

#captcha_calc .captcha_word input {
	width: 150px
}

#captcha_calc img {
	width: 140px;
	height: auto;
	position: relative;
	top: 10px;
}

/*--CAPTCHA--*/
#captcha {
	margin-bottom: 24px;
}

#captcha_word {
	display: inline-block;
	float: left;
	margin-right: 29px;
	width: 250px
}

#captcha_block {
	display: inline-block;
	float: left;
}

#reload_captcha {
	display: inline-block;
	position: relative;
	top: 26px;
	background: url(/local/templates/spgroup/css/../img/arrows.png) center center no-repeat;
	background-size: 30px 30px;
	width: 42px;
	height: 42px;
	margin-right: 19px
}

#captcha_img {
	position: relative;
	top: 10px;
}


/*AJAX PROGRESSBAR*/
div[id^="wait_comp_"] {
	display: none !important;
}

.rezka_dop_usl_wrap {}

.rezka_dop_usl {
	float: left;
	text-align: center;
	width: 33%;
	font-size: 18px;
}

.rezka_dop_usl img {
	padding-bottom: 15px;
}

.btn_up {
	z-index: 991;
	cursor: pointer;
	display: none;
	opacity: 0;
	position: fixed;
	bottom: 45px;
	left: 91%;
	text-align: center;
	border-radius: 50px;
	background: #ccc;
	width: 74px;
	height: 74px;
	background: url(/local/templates/spgroup/css/../img/btn_up.png) no-repeat;
}

.btn_up:hover {
	opacity: 1 !important;
}

@media only screen and (max-width: 768px) {
	.btn_up {
		display: none !important;
	}
}


.fancybox-nav span {
	visibility: visible;
}

.form_btn_x {
	cursor: pointer;
}

.btn_calc {
	border: 1px solid #aa0000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #aa0000;
	display: block;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	width: 215px;
	height: 58px;
	float: left;
	margin-right: 0;
}

.btn_calc img {
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 20px;
	display: block;
	float: left;
}

.btn_calc span {
	display: inline-block;
	line-height: 18px;
	padding-top: 10px;
}


.strong {
	font-weight: bold;
}

.block {
	display: block !important;
}

.firm_red {
	color: #a00;
}

.img_title {
	width: 100%;
	margin-bottom: 35px;
}

.content-section .img_title {
	margin-bottom: 0px;
}

.h2_small {
	font: 21px/1.3125 "PT Sans", sans-serif;
	font-weight: bold;
}

.h1_img {
	width: 1200px;
	margin-bottom: 55px;
}

.promo_sandvich {
	color: #aa0000;
	text-align: center;
	font-size: 36px;

}

.clear {
	clear: both;
}

.video-wrap {
	width: 540px;
	display: inline-block;
	margin: 10px 20px;
}

.video-wrap img {
	width: 100%;
}

.video-title {
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.vo-img {
	width: 100%;
}

.video-wrap-big {
	margin: 0 auto 30px auto;
	width: 70%;
	position: relative;
	padding-bottom: 36.9%;
	/* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-wrap-big iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-block {
	margin: 0 auto 0px auto;
	width: 100%;
	position: relative;
	padding-bottom: 50.7%;
	/* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dealers-table table tr:nth-child(5),
.dealers-table table tr:nth-child(5) td,
.dealers-table table tr:nth-child(6),
.dealers-table table tr:nth-child(6) td,
.dealers-table table tr:nth-child(7),
.dealers-table table tr:nth-child(7) td,
.dealers-table table tr:nth-child(8),
.dealers-table table tr:nth-child(8) td {
	background: #f35c5c3b;
}

.f12-h2 {
	text-align: center;
}

.dealers-subtable-left {
	width: 600px;
	float: left;
}

@media screen and (max-width: 1240px) {
	.dealers-subtable-left {
		width: 420px;
	}
}

.ya-share2 {
	position: fixed;
	left: 10px;
	bottom: 10px;
}

/*.lozad {
	opacity: 0;
	transition: all 1s ease;
}
.lozad[src] {
	opacity: 1;
}*/
.lozad:not([data-loaded]) {
	background: #ccc;
}



.percentage-table {
	font-size: 14px;
}


.projects-list,
.projects-detail {
	width: 100%;
	float: left;
	padding: 20px 0px 20px 0px;
}





.project-card {

	width: 23%;
	float: left;
	padding: 10px;
}

.project-title {
	width: 100%;
	float: left;
}

@media(max-width: 1240px) {

	.project-card {

		width: 22%;
		float: left;
		padding: 10px;
	}


	.project-detail-media img {
		max-width: 100%;
	}


}

.project-title h3 {
	font-size: 16px;
	color: #000;
	text-align: left;
}


.project-media {
	width: 100%;
	float: left;
	height: 200px;
}

.project-media img {
	max-height: 200px;
	max-width: 100%;
}

.project-button {
	width: 100%;
	float: left;
	padding-top: 5px;
}

.project-button a {
	height: 38px;
	line-height: 38px;
	width: auto;

}



.project-detail-media {
	width: 50%;
	float: left;
}


.project-detail-data {
	width: calc(50% - 30px);
	float: left;
	padding: 0 15px;
}


.pdd-line {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
	padding-bottom: 25px;
}

.pdd-line span {
	width: 100%;
	font-weight: bold;
	padding: 10px 0;
}

.pdd-line strong {
	padding-top: 10px;
	width: 100%;
	display: inline-block;
	font-size: 20px;
}



.button-details {
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 30px;
}

.button-details a {
	height: 38px;
	line-height: 38px;
	width: auto;
	width: 250px;
	padding: 0 25px;
	display: inline-block;

}


#glass {
	float: left;
	padding-bottom: 20px;
}



.price_sp_h2 {
	color: #aa0000;
}





.part-left-slider {

	width: 50%;
	float: left;
	margin-bottom: 0px;

}

.part-right-text {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.part-left-slider .promo_sandvich {

	font-size: 28px;
}



.spec_h2 h2 {
	padding-top: 0px;
}





.interaction_scheme {
	width: 100%;
	display: block;
	background: #eeeeee;
	padding: 50px 0 80px 0;
}

.is_title {
	color: #282828;
	font: 28px/1 "PT Sans Narrow";
	margin: 0px 0 0px;
	padding: 15px 0 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}


.is_subtitle {
	color: #282828;
	font: 25px/1 "PT Sans Narrow";
	margin: 0px 0 0px;
	padding: 5px 0 35px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}


.is_list {
	list-style: none;
	width: 100%;
	display: inline-block;
}

.is_list li {
	width: 17%;
	display: inline-block;
	padding-right: 2%;
	float: left;
}


.is_list li .is_number {
	font-size: 20px;
	font-weight: bold;
	border: 2px solid #c0c1c3;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	line-height: 40px;
}

.is_list li .is_item_title {
	width: 100%;
	display: block;
	padding-top: 25px;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;

}

.is_list li p {
	padding-top: 20px;
}


.floor_text_content {
	padding: 50px 0;
}

.floor_table_benefits {
	padding: 50px 0 0 0;
}

.floor_scheme .product-scheme {
	height: auto;
}

.floor_reviews {
	padding-top: 35px;
}


.floor-steps .steps-slider .image,
.floor-steps .steps-slider .extender {
	height: 240px;
}


.floor_certs {
	padding-top: 30px;
}

.mobile-image-class img {
	max-width: 100%;
}




/* доборные элементы */

.elements-list {

	padding-bottom: 35px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 20px 20px;
	overflow: hidden;
}


.element-item {
	width: 100%;
	position: relative;
}

.element-item a {
	display: block;
	text-align: center;
	flex-direction: column;
}

.element-item a:hover .el-item-image {
	border: 1px solid red;
}

.el-item-image {
	border: 1px solid #ccc;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .2s ease;
}

.el-item-image img {
	max-height: 75%;
	width: auto;
}


.element-item span {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	display: block;
}


.dobor-element-item-image .deii-image {
	height: 300px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #ccc;
	width: 100%;
}

.dobor-element-item-image img {
	padding-top: 5%;
	max-height: 90%;
	width: auto;
}


.dobor-element-item-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.dobor-element-item {
	padding-bottom: 50px;
}


.deic-content {
	padding-left: 35px;

}


.deii-aditional-images {
	width: 100%;
	padding-top: 10px;

}

.deii-aditional-images ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.deii-aditional-images ul li {
	display: inline-block;
	padding-right: 10px;
}


.deii-aditional-images ul li a {
	width: 100px;
	height: 100px;
	display: flex;
	border: 1px solid #ccc;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.deii-aditional-images ul li a img {
	width: 95%;
	height: 95%;

}



/* dobor update */

.dobor-new-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 20px;
	padding-bottom: 25px;
}

.dng-item {
	width: 100%;
	aspect-ratio: 4 / 2.2;
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
}

.dng-item a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;

}

.dng-item a:after {
	content: 'Нажмите для увеличения';
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
	color: #000;
	font-size: 14px;
	width: 100%;
	text-align: center;
}

.dng-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	overflow: hidden;
}

.dng-item-price {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dng-item-price .deic-content {
	text-align: center;
}
/* End */


/* Start:/local/templates/spgroup/css/custom.css?176287144523166*/
.links-block {
  width: 100%;
  position: relative;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.link-item {
  width: calc(100% / 7);
  float: left;
}

#dialog {
  padding: 0 !important;
}

#dialog .fancybox-close-small {
  display: none !important;
}

.project-title {
  width: 100%;
  float: left;
  text-align: center;
}

.project-title h3,
.project-title .h3 {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  padding: 15px 0px;
  text-transform: uppercase;
  min-height: 42px;
}

.project-slider {
  width: 100%;
}

.slick-dots li button {
  display: none !important;
}

.slick-dots li {
  background: white;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #909090;
  opacity: 0.7;
  height: 11px;
  margin: 2px 6px;
  width: 11px;
}

.project-media {
  text-align: center;
}

.project-media img {
  display: block;
  margin: auto;
}

.slick-dots {
  position: static;
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots li.slick-active {
  opacity: 1;
  border: 3px solid #003492;
  margin: 0 6px;
}

.link-item a {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 600;
}

.link-image {
  width: 100%;
  float: left;
  height: 100px;
  text-align: center;
}

.link-image img {
  max-width: 50%;
  /*max-height: auto;
  margin-top: 25px;*/
}

.link-item:nth-child(n + 8) {
  display: none;
}

.product-scheme-img img {
  max-width: 100%;
}

.fancybox-image-wrap .fancybox-spaceball {
  background: transparent !important;
}

body .fancybox-image-wrap .fancybox-image {
  max-width: 90% !important;
  margin: auto !important;
  left: 0 !important;
  right: 0 !important;
}

/*------------------------*/

.c-steps-author {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 30px 0;
  border-bottom: 1px solid #cccc;
  margin-bottom: 30px;
}
.steps-img {
  margin-top: 40px;
  display: block;
}
.steps-img img {
  max-width: 100%;
}

.c-steps-author-img img {
  max-width: 250px;
}

.c-steps-author-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.c-steps-author-text {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.c-steps-author-phone {
  font-weight: bold;
  font-size: 18px;
}

.c-steps-row {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.c-steps-video {
  width: 400px;
}
.c-steps-video iframe {
  max-width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  width: 100%;
}

.c-steps-item {
  font-size: 16px;
  margin-bottom: 20px;
}

.c-steps-item-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.c-steps-wrap {
  margin-bottom: 60px;
}

.c-primenenie-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
.c-primenenie-left {
  flex: 1;
}
.c-primenenie-right {
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 30px;
}
.c-primenenie-video {
  width: 100%;
}
.c-primenenie-video iframe {
  max-width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  width: 100%;
  display: block;
}

.c-primenenie-list {
  list-style: none;
  margin: 0 0 35px 0px;
  font-size: 16px;
  padding: 0;
}

.c-primenenie-item {
  margin-bottom: 25px;
  position: relative;
  padding-left: 45px;
  line-height: 27px;
}
.c-primenenie-item:before {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0px;
  content: "";
  background: url(/img/chek-new.svg) no-repeat center;
  background-size: contain;
}

.c-primenenie-item-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.c-primenenie-wrap {
  padding: 10px 0 60px;
}

@media (max-width: 992px) {
  .c-primenenie-row {
    flex-wrap: wrap;
  }
  .c-primenenie-left {
    flex: auto;
    width: 100%;
  }
  .c-primenenie-right {
    width: 100%;
    gap: 30px;
  }
  .c-steps-video {
    margin: auto;
    max-width: 100%;
  }
  .c-steps-row {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .c-steps-video,
  .c-steps-right {
    width: 100%;
  }
}
/*------------------*/

/*----------------- schema ---------------------*/
.c-schema-wrap {
  padding-bottom: 60px;
}

.c-schema {
  margin-top: 30px;
}

.tabs .tabs__caption::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

.tabs .tabs__caption::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.tabs .tabs__caption::-webkit-scrollbar-thumb {
  background: #00205b;
}

.tabs .tabs__caption::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tabs {
  float: left;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  box-sizing: border-box;
}

.tabs .tabs__caption {
  list-style: none;
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  overflow: auto;
}

.tabs .tabs__caption li.active a {
  background: #e4e4e4;
  color: #000;
}

.tabs__caption li:last-child {
  margin-right: 0;
}

.tabs__caption li a:not(.active) {
  cursor: pointer;
}

.tabs__caption li.active a:hover {
  cursor: text;
}

.tabs__content {
  width: 100%;
  box-sizing: border-box;
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.tabs__content.active {
  height: 100%;
  opacity: 1;
  visibility: visible;
}

.block-img {
  float: left;
  position: relative;
}

.block-img img {
  width: 100%;
}

.icon-zoom {
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  background: #00205b url("/img/icon-zoom.png") no-repeat center;
  z-index: 1;
}

.icon-zoom:hover {
  background-color: #eb2903;
}

.scheme-us7 {
  width: 100%;
  position: relative;
  margin-bottom: 0px;
  background: #ededf1;
  display: flex;
  justify-content: space-between;
}

.schema-tabs-wrap {
  flex: 1;
  position: relative;
}

.scheme-us7__img {
  width: 67%;
  position: relative;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  max-height: fit-content;
}

.scheme-us7__img img {
  margin: 0 auto;
  max-width: 715px;
  image-rendering: auto;
}

.tabs-schema .tabs__caption {
  height: 100%;
  max-width: 715px;
  margin: 0 auto;
  float: none;
  overflow: visible;
  padding: 0;
}

.tabs-schema {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
}

.tabs-schema .tabs__caption a {
  width: 36px;
  height: 36px;
  background: #eb2903;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}

.tabs-schema .tabs__caption li.active a {
  background: #00205b;
  color: #fff;
}

.tabs-schema .tabs__content {
  position: absolute;
  top: 0;
  left: 100%;
  width: 49%;
  background: #ededf1;
  padding: 35px 30px;
  box-sizing: border-box;
  font-size: 14px;
  margin-left: 1px;
  height: 100%;
  max-height: 100%;
  overflow: auto;
}
.scheme-block .tabs__content a[href$=".pdf"] {
  padding: 15px 0 15px 55px;
  background: transparent url(/img/icon-pdf_white.png) no-repeat left center;
  display: block;
  color: #01449f;
  font-weight: 500;
  text-decoration: none;
}
.tabs-schema .tabs__content.active {
  z-index: 2;
}

.tabs-schema-header {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.tabs-schema__circle {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background: #00205b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  margin-right: 20px;
}

.tabs-schema__title {
  font-size: 16px;
  color: #00205b;
  font-weight: 600;
}

.tabs-schema p {
  line-height: 21px;
  font-size: 14px;
}

.tabs-schema .tabs__caption li a {
  position: absolute;
  z-index: 2;
}

.schema-li-1 a {
  right: 18%;
  bottom: 22%;
}

.schema-li-2 a {
  right: 70%;
  bottom: 19%;
}
.tabs-schema .tabs__caption li.active .tabs-schema__img-main {
  display: block;
}

.schema-li-3 a {
  right: 53%;
  bottom: 3%;
}

.schema-li-4 a {
  right: 60%;
  bottom: 10%;
}

.schema-li-5 a {
  right: 55%;
  bottom: 20%;
}

.schema-li-6 a {
  right: 36%;
  bottom: 60%;
}

.schema-li-7 a {
  right: 54%;
  bottom: 36%;
}

.schema-li-8 a {
  right: 73%;
  bottom: 29%;
}

.schema-li-9 a {
  right: 75%;
  bottom: 44%;
}

.schema-li-10 a {
  right: 65%;
  bottom: 50%;
}

.schema-li-11 a {
  right: 90%;
  bottom: 45%;
}

.schema-li-12 a {
  right: 49%;
  bottom: 19%;
}

.schema-li-13 a {
  right: 52%;
  bottom: 50%;
}

.schema-li-14 a {
  right: 25%;
  bottom: 26%;
}

.schema-li-15 a {
  right: 8%;
  bottom: 62%;
}

.schema-li-16 a {
  right: 61%;
  bottom: 19%;
}

.schema-li-17 a {
  right: 61%;
  bottom: 34%;
}

.schema-li-18 a {
  right: 83%;
  bottom: 35%;
}

.tabs-schema__img-main {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  text-align: center;
}

.tabs-schema__img-hover {
  position: absolute;
  top: 0;
  left: 100%;
  background: #ededf1;
  padding: 10px 10px;
  box-sizing: border-box;
  font-size: 12px;
  color: #000;
  z-index: 1;
  display: none;
  width: 200px;
  white-space: normal;
  box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.2);
}

.scheme-us7 .tabs-schema .tabs__caption li a:hover .tabs-schema__img-hover {
  display: block;
}

.schema-li-1 .tabs-schema__img-hover,
.schema-li-2 .tabs-schema__img-hover,
.schema-li-3 .tabs-schema__img-hover {
  width: 200px;
  white-space: normal;
}

.scheme-us7_2 .schema-li-0 a {
  right: 2%;
  top: 2%;
  width: auto;
  height: auto;
  border-radius: 25px;
  padding: 10px 25px;
}

.scheme-us7_2 .schema-li-0.active a {
}

.scheme-us7_2 .tabs__caption li a:hover {
  z-index: 9;
}

.tabs-schema .tabs__content img {
  max-width: 100%;
}

.scheme-us7_2 .block-img {
  max-width: 80%;
  margin-right: 20px;
  margin-bottom: 20px;
}

.tabs-schema .tabs__content {
  max-height: 100%;
  overflow: auto;
}

.scheme-us7_2 .scheme-us7__img img {
  max-width: 100%;
}

.scheme-us7_2 .tabs-schema .tabs__caption {
  max-width: 100%;
}

.tabs__content {
  position: absolute;
  padding: 35px 30px;
  width: 100%;
  box-sizing: border-box;
  display: none;
  height: 100%;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
}

.tabs__content.active {
  height: 100%;
  opacity: 1;
  visibility: visible;
  display: block;
}

@media screen and (max-width: 1439px) {
  .tabs-schema .tabs__content {
    /*width: 420px;*/
    width: 50%;
  }

  .tabs .tabs__caption {
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .scheme-us7__img {
    padding: 0;
  }

  .schema-li-1 .tabs-schema__img-hover,
  .schema-li-14 .tabs-schema__img-hover,
  .schema-li-15 .tabs-schema__img-hover {
    left: auto;
    right: 100%;
  }
}

@media screen and (max-width: 991px) {
  .scheme-us7 {
    flex-wrap: wrap;
  }
  .scheme-us7__img {
    width: 100%;
  }
  .schema-tabs-wrap {
    flex: auto;
    width: 100%;
  }
  .tabs__content {
    position: static;
  }
}

@media screen and (max-width: 640px) {
  .icon-zoom {
    width: 25px;
    height: 25px;
    bottom: 0px;
    right: 0px;
    background: #00205b url(/img/icon-zoom.png) no-repeat center;
    background-size: 75%;
  }

  .tabs-schema .tabs__caption a {
    width: 30px;
    height: 30px;
  }

  .tabs-schema .tabs__content {
    padding: 20px 20px;
  }

  .tabs-schema__circle {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 10px;
  }

  .tabs-schema-header {
    margin-bottom: 10px;
  }

  .scheme-us7 {
    margin-bottom: 220px;
  }

  .scheme-us7_2 .tabs-schema .tabs__caption li a {
    width: 20px;
    height: 20px;
    font-size: 10px;
    min-width: 20px;
    min-height: 20px;
    line-height: 1;
  }

  .tabs-schema__img-hover {
    font-size: 10px;
    padding: 1px 5px;
  }

  .schema-li-1 .tabs-schema__img-hover,
  .schema-li-2 .tabs-schema__img-hover,
  .schema-li-3 .tabs-schema__img-hover {
    width: 130px;
  }

  .scheme-us7_2 {
    margin-bottom: 240px;
  }

  .scheme-us7_2 .tabs-schema .tabs__caption .schema-li-0 a {
    width: auto;
    height: auto;
    padding: 3px 15px;
  }
}
/*------------------ schema --------------------*/

@media (max-width: 992px) {
  .link-item:nth-child(n + 7) {
    display: none;
  }
}

@media (max-width: 600px) {
  .links-block {
    height: auto;
    display: inline-block;
  }

  .link-item {
    width: 50%;
    float: left;
  }

  .link-image {
    width: 100%;
    float: left;
    height: 100px;
    text-align: center;
  }

  .link-image img {
    max-height: 100px;
    width: auto;
    margin-top: 0;
  }

  .link-item a span {
    height: 50px;
    float: left;
    width: 100%;
  }
}

@media (min-width: 601px) and (max-width: 992px) {
  .links-block {
    height: auto;
    display: inline-block;
  }

  .link-item {
    width: 33.333333333%;
    float: left;
  }

  .link-image {
    width: 100%;
    float: left;
    height: 100px;
    text-align: center;
  }

  .link-image img {
    max-height: 100px;
    width: auto;
    margin-top: 0;
  }

  .link-item a span {
    height: 50px;
    float: left;
    width: 100%;
  }
}

.button.blue {
  cursor: pointer;
}

.button.blue.hide {
  display: none;
}

.project-slider {
  margin-bottom: 30px;
}

.project-slider .extender {
  width: 100%;
}

.project-slider .project-card {
  max-width: 300px;
  padding-left: 10px;
  padding-right: 10px;
}

.newuslcontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.newuslcontainer > li {
  flex-basis: 24% !important;
  margin: 0 !important;
  margin-bottom: 20px !important;
  width: 24% !important;
  height: 200px;
  overflow: hidden;
}

.newuslcontainer .caption {
  width: 180px !important;
}

.newuslcontainer .caption > span.strong {
  width: 186px !important;
}

.newuslcontainer.production-items .caption small {
  position: absolute;
  margin: 0;
  right: 20px;
  top: 160px;
}

.newuslcontainer.production-items a {
  height: 200px !important;
}

.newuslcontainer.production-items .image {
  width: 286px !important;
  height: 200px !important;
}

.newuslcontainer.production-items .image img {
  position: absolute;
  left: -30%;
}

.faq-main {
  padding: 40px 0;
}

.faq__tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.faq__tabs a {
  display: inline-block;
  padding: 14px 20px;
  border: 1px solid #003492;
  border-radius: 3px;
  position: relative;
}

.faq__tabs a.active::before {
  opacity: 1;
}

.faq__tabs a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0;
  left: 0;
  border-radius: 3px 3px 0px 0px;
  background: #003492;
  transition: all 0.3s ease 0s;
  opacity: 0;
}

.faq__row {
  border-radius: 3px;
  border: 1px solid #003492;
}

.faq__list {
  display: none;
}

.faq__list.active {
  display: block;
  animation: faqAnimation 0.5s ease;
}

.faq__item {
}

.faq__item:not(:last-child) {
  border-bottom: 1px solid #003492;
}

.faq__header {
  padding: 30px 60px 30px 40px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.faq__header.active {
  color: #fc3c48;
}

.faq__header.active svg {
  transform: translateY(-50%) rotate(135deg);
}

.faq__header.active svg path {
  transition: all 0.3s ease 0s;
}

.faq__header.active svg path {
  stroke: #003492 !important;
}

.faq__header:hover {
  color: #fc3c48;
}

.faq__header svg {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}

.faq__body {
  font-size: 16px;
  margin-bottom: 30px;
  padding: 0 40px;
  display: none;
}

@keyframes faqAnimation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.delivery {
  margin: 30px 0;
}

/* .delivery table {
  width: 100%;
}

.delivery table td {
  color: #003492;
  font-size: 18px;
  padding: 16px;
  border: 1px solid #282828;
  text-align: center;
}

.delivery table th {
  background: #f4f7f8;
  border: 1px solid #282828;
  color: #003492;
  padding: 16px;
  text-align: center;
} */

.caption .title__info {
  font-size: 21px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 18px;
  font-weight: bold;
}

.article-item.news-item .title__info a {
  margin-right: 75px;
}

.feedback-form .title__info {
  margin: 0 0 14px;
  color: white;
  text-align: left;
  font-size: 21px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
}

@media screen and (max-width: 1240px) {
  .feedback-form .title__info {
    color: white;
    text-align: center;
  }
}

.product__section .products__items {
  padding-block-end: 15px;
  margin: auto;
  max-width: 1000px;
}

.product__section .products__item {
  display: flex;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.product__section .products__item .products__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border: 1px solid #ccc;
  padding: 5px;
  box-sizing: border-box;
  transition: 0.2s ease;
}

.product__section .slick-list {
  margin: 0 -10px;
}

.product__section .products__items {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.product__section .slick-slide {
  margin: 0 10px;
}

.product__section .slider-item img {
  max-width: 100%;
}

.product__section .products__item span {
  width: 100%;
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.product__section .products__item a:hover {
  color: #aa0000;
}

.product__section .products__item a:hover .products__image img {
  border-color: red;
}

.product__section .products__items .slick-prev,
.product__section .products__items .slick-next {
  background: url(/local/templates/spgroup/css/../img/slider_arrows_bg2.png);
  display: block;
  height: 70px;
  line-height: 70px;
  width: 70px;
  position: absolute;
  top: 20%;
  border: 0;
  transform: scale(0.7);
  z-index: 10;
}

.product__section .products__items .slick-disabled {
  opacity: 0.5;
}

.product__section .products__items .slick-next {
  background-position: right top;
  right: -75px;
}

.product__section .products__items .slick-prev {
  background-position: left top;
  left: -75px;
}

.product__section .products__items .slick-prev::before,
.product__section .products__items .slick-next::before {
  content: none;
}

.product__section .products__items .slick-next:hover {
  background-position: right bottom;
  transform: scale(0.7);
}

.product__section .products__items .slick-prev:hover {
  background-position: left bottom;
  transform: scale(0.7);
}

.section__tabs {
  display: flex;
  justify-content: center;
}

.section__tabs .tab__wrap {
  width: calc(100% - 265px);
  flex: 0 0 calc(100% - 265px);
}

.section__tabs .tab {
  border: 1px solid #ccc;
  background-color: #f4f7f8;
  width: 265px;
  flex: 0 0 265px;
  min-height: 345px;
  box-sizing: border-box;
  border-right: none;
}

.section__tabs .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px;
  width: 90%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  margin: 5%;
  border-radius: 4px;
  font-weight: bold;
  line-height: 58px;
  text-align: center;
  font: 16px / 1.3125 "PT Sans", sans-serif;
}

.section__tabs .tab button:hover {
  background-color: #042f7c30;
}

.section__tabs .tab button.active {
  background-image: linear-gradient(0, #003492 0, #106dcf 100%);
  border-color: #2460cd;
  color: white;
  font-weight: bold;
  line-height: 58px;
  text-align: center;
  font: 16px / 1.3125 "PT Sans", sans-serif;
}

.section__tabs .tabcontent {
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
  min-height: 345px;
  padding: 15px 35px;
  box-sizing: border-box;
  display: none;
}

.section__tabs .tabcontent img {
  max-width: 100%;
}

.scheme__section img.scheme__img {
  max-height: 450px;
  width: 100%;
  object-fit: contain;
}

.section__tabs .scheme__img {
  max-width: 100%;
  margin-block-end: 5px;
}

.section__tabs .tab_items_col {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-block-end: 10px;
}

.section__tabs .tab_item_col {
  flex-grow: 1;
}

.section__tabs .tab_item_col.info {
  flex: 0 0 30%;
  width: 30%;
}

.tabcontent .special__desc {
  text-decoration: underline;
  font-weight: 600;
}

.content-section .btn__info {
  margin: 25px auto 0;
}

@media screen and (max-width: 1240px) {
  .feedback-form .title__info {
    color: white;
    text-align: center;
  }
}

@media screen and (max-width: 1200px) {
  .product__section .products__items .slick-arrow {
    display: none !important;
  }

  .product__section .products__items .slick-dots li {
    height: 5px;
    width: 5px;
    margin: 2px 4px;
  }
}

@media screen and (max-width: 1140px) {
  .product__section .products__items .slick-prev {
    left: -32px;
  }

  .product__section .products__items .slick-next {
    right: -10px;
  }
}

@media screen and (max-width: 1024px) {
  .product__section .products__items {
    max-width: 900px;
  }
}

@media screen and (max-width: 768px) {
  .section__tabs {
    flex-direction: column;
    overflow: clip;
  }

  .section__tabs .tab {
    width: 100%;
    flex: 0 0 100%;
    min-height: unset;
    padding: 10px;
    overflow: scroll;
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #ccc;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .section__tabs .tab::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .section__tabs .tab::-webkit-scrollbar:vertical {
    width: 0px;
  }

  .section__tabs .tab::-webkit-scrollbar:horizontal {
    height: 5px;
  }

  .section__tabs .tab::-webkit-scrollbar-thumb {
    background-color: #003492;
    border-radius: 5px;
  }

  .section__tabs .tab::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(0, 52, 146, 0.25);
  }

  .section__tabs .tab button {
    min-width: max-content;
    width: max-content;
    margin: 0;
  }

  .section__tabs .tabcontent {
    min-height: max-content;
    border: 1px solid #ccc;
    border-top: none;
  }

  .section__tabs .tab__wrap {
    width: 100%;
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 640px) {
  .section__tabs .tab button {
    padding: 5px;
  }

  .section__tabs .tabcontent {
    padding: 15px;
  }
}

.footer {
  height: auto;
}



.calcs {display: flex; flex-direction: column; align-items: center; width: 140px; float: right;}
.calcs-title {font-size: 18px; font-weight: bold; color: #aa0000; margin: 0 0 5px;}
.calcs-links {display: flex;}
.calcs-link {display: flex; color: #003492; flex: 1 0 40%; padding: 0 5px; flex-direction: column; gap: 5px; align-items: center; opacity: 0.7;}
.calcs-link:hover {opacity: 1;}
.calcs-link svg {}
.calcs-link span {}
/* .calcs-link_blue {color: #003492;} */
.calcs-link:hover {color: #003492 !important;}

.top-bar .calcs {display: none; position: absolute; right: 0; top: 70px;}
.top-bar.is-fixed .calcs {display: flex;}

.header .calcs {margin-top: -10px;}

.top-bar.is-fixed + .header .calcs {display: none;}
/* End */


/* Start:/local/templates/spgroup/template_styles.css?177664068466*/
span.bx-context-toolbar-button-text
{
	display: none !important;
}
/* End */
/* /local/templates/spgroup/css/normalize.min.css?17141316162002 */
/* /local/templates/spgroup/js/slick/slick.css?15070529691776 */
/* /local/templates/spgroup/js/slick/slick-theme.css?15070529693145 */
/* /local/templates/spgroup/js/fancy/jquery.fancybox.min.css?177937202412775 */
/* /local/templates/spgroup/css/pikaday.css?17199898694275 */
/* /local/templates/spgroup/css/calc_style.css?17199325758330 */
/* /local/templates/spgroup/css/style.css?1779372069114581 */
/* /local/templates/spgroup/css/custom.css?176287144523166 */
/* /local/templates/spgroup/template_styles.css?177664068466 */