/*Изменение Бутстрапа*/
.container {
    width: 100%;
    max-width: 1600px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    /*padding-right: 2%;
    padding-left: 2%;*/
}
/* / / Изменение Бутстрапа*/




/*Общие стили*/
html, body {
    /*height:100%;*/
}
body{
    font-family: 'proxima_nova', Arial, sans-serif;
    font-size: 15px;
    line-height: 23px;
    color: rgb(30, 30, 30);
    font-weight: 300;
}
.page-wrap{
    position: relative;
    overflow: hidden;
}
.content-wrap{
    position: relative;
    width: 100%;
}
a{
    color: rgb(35, 99, 184);
    text-decoration: none;
    border-bottom: 1px solid rgba(35, 99, 184, .3);
    transition: color .3s, border .3s;
}
a:hover{
    color: rgb(13, 75, 157);
    text-decoration: none;
    border-bottom: 1px solid rgba(13, 75, 157, .5);
    transition: color none, border none;
}
a:active{
    outline: none;
    text-decoration: none;
}
a:focus{
    outline: none;
    text-decoration: none;
}
a:active:focus{
    outline: none;
    text-decoration: none;
}
a:active:hover{
    outline: none;
    text-decoration: none;
}
sup, sub{
    font-size: 0.7em;
}
.row-padding{
    padding-left: 3%;
    padding-right: 3%;
}
.sprites-flat{
    background-image: url("../images/sprites-flat_new_1.png");
    background-repeat: no-repeat;
}
.sprites-photo{
    background-image: url("../images/sprites-photo.png");
    background-repeat: no-repeat;
}
.link-on-this-page{
    color: rgb(35, 99, 184);
    text-decoration: none;
    border-bottom: 1px dotted rgba(35, 99, 184, .3);
    cursor: pointer;
}
.link-on-this-page:hover{
    color: rgb(13, 75, 157);
    text-decoration: none;
    border-bottom: 1px dashed rgba(13, 75, 157, .5);
}
.link-on-this-page:focus{
    color: rgb(30, 30, 30);
    text-decoration: none;
    border-bottom: 1px dashed rgba(13, 75, 157, .5);
    outline: none;
}
.link-like-text{
    color: inherit;
    border-bottom: inherit;
    text-decoration: inherit;
}
.link-like-text:hover{
    color: inherit;
    border-bottom: inherit;
    text-decoration: inherit;
}
.black-link{
    color: rgb(60, 60, 60);
    border-bottom: 1px solid rgba(60, 60, 60, .3);
}
.black-link:hover{
    color: rgb(30, 30, 30);
    border-bottom: 1px solid rgba(30, 30, 30, .5);
}
.red-link{
    color: rgb(234, 74, 54);
    border-bottom: 1px solid rgba(234, 74, 54, .3);
}
.red-link:hover{
    color: rgb(203, 25, 3);
    border-bottom: 1px solid rgba(203, 25, 3, .5);
}
.hidden-container{
    visibility: hidden;
    overflow: hidden;
    height: 0;
}
.half-space{
    font-size: 0.65em;
}

.clear-from-sm-to-md{
    clear: none;
    width: 100%;
}
.clear-from-sm-to-lg{
    clear: none;
    width: 100%;
}
.clear-from-sm-to-infitite{
    clear: none;
    width: 100%;
}
.clear-from-md-to-lg{
    clear: none;
    width: 100%;
}
.clear-from-lg {
    clear: none;
    width: 100%;
}
.editable-content p{
    margin: 0 0 10px 0;
}
.editable-content img{
    width: 100%;
    max-width: 800px;
}
.editable-content ul{
    padding-left: 30px;
}
.editable-content h4{
    font-size: 18px;
    font-weight: bold;
}
.editable-content iframe{
    width: 100%;
    max-width: 800px;
    height: 300px;
    margin: 0 0 20px 0;
}
@media (min-width: 500px){
    .clear-from-sm-to-md{
        clear: both;
    }
    .clear-from-sm-to-lg{
        clear: both;
    }
    .clear-from-sm-to-infitite{
        clear: both;
    }
    .editable-content iframe{
        height: 400px;
    }
}
@media (min-width: 700px){
    .clear-from-sm-to-md{
        clear: none;
    }
    .clear-from-md-to-lg{
        clear: both;
    }
    .editable-content iframe{
        height: 500px;
    }
}
@media (min-width: 960px){
    .clear-from-sm-to-lg{
        clear: none;
    }
    .clear-from-md-to-lg{
        clear: none;
    }
    .clear-from-lg {
        clear: both;
    }
    /*.editable-content iframe{
        width: 65%;
    }*/
}
/*Общие стили*/





/* Стили подгонки видеофрейма под определенные соотношения */
.item-responsive {
    position: relative; /* относительное позиционирование */
}
.item-responsive:before {
    display: block; /* отображать элемент как блок */
    content: ""; /* содержимое псевдоэлемента */
    width: 100%; /* ширина элемента */
}
.item-16by9 {
    padding-top: 56.25%; /* (9:16)*100% */
}
.item-responsive>.content {
    position: absolute; /* абсолютное положение элемент */
    /* положение элемента */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* При необходимости (для блоков, имеющих данные классы) */
.item-4by3 {
    padding-top: 75%; /* (3:4)*100% */
}
.item-2by1 {
    padding-top: 50%; /* (1:2)*100% */
}
.item-1by1 {
    padding-top: 100%; /* (1:1)*100% */
}
/* Пример разметки
<div class="item-responsive item-16by9">
  <div class="content"></div>
</div>

<div class="item-responsive item-4by3">
  <div class="content"></div>
</div>

<div class="item-responsive item-2by1">
  <div class="content"></div>
</div>
*/


/* / Стили подгонки видеофрейма под определенные соотношения */




/*Подключение шрифтов*/
@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proxima/proximanova-light-webfont.eot');
    src: url('../fonts/proxima/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima/proximanova-light-webfont.woff2') format('woff2'),
    url('../fonts/proxima/proximanova-light-webfont.woff') format('woff'),
    url('../fonts/proxima/proximanova-light-webfont.ttf') format('truetype'),
    url('../fonts/proxima/proximanova-light-webfont.svg#proxima_nova_ltlight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proxima/proximanova-reg-webfont.eot');
    src: url('../fonts/proxima/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima/proximanova-reg-webfont.woff2') format('woff2'),
    url('../fonts/proxima/proximanova-reg-webfont.woff') format('woff'),
    url('../fonts/proxima/proximanova-reg-webfont.ttf') format('truetype'),
    url('../fonts/proxima/proximanova-reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proxima/proximanova-bold-webfont.eot');
    src: url('../fonts/proxima/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima/proximanova-bold-webfont.woff2') format('woff2'),
    url('../fonts/proxima/proximanova-bold-webfont.woff') format('woff'),
    url('../fonts/proxima/proximanova-bold-webfont.ttf') format('truetype'),
    url('../fonts/proxima/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'ALSRubl-Arial';
    src: url('../fonts/ruble/alsrubl-arial-regular.eot');
    src: url('../fonts/ruble/alsrubl-arial-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/ruble/alsrubl-arial-regular.woff') format('woff'), url('../fonts/ruble/alsrubl-arial-regular.ttf') format('truetype'), url('../fonts/ruble/alsrubl-arial-regular.svg#ALSRublArialRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ALSRubl-Arial';
    src: url('../fonts/ruble/alsrubl-arial-italic.eot');
    src: url('../fonts/ruble/alsrubl-arial-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/ruble/alsrubl-arial-italic.woff') format('woff'), url('../fonts/ruble/alsrubl-arial-italic.ttf') format('truetype'), url('../fonts/ruble/alsrubl-arial-italic.svg#ALSRublArialItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'ALSRubl-Arial';
    src: url('../fonts/ruble/alsrubl-arial-bold.eot');
    src: url('../fonts/ruble/ruble/alsrubl-arial-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ruble/alsrubl-arial-bold.woff') format('woff'), url('../fonts/ruble/alsrubl-arial-bold.ttf') format('truetype'), url('../fonts/ruble/alsrubl-arial-bold.svg#ALSRublArialBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ALSRubl-Arial';
    src: url('../fonts/ruble/alsrubl-arial-bolditalic.eot');
    src: url('../fonts/ruble/alsrubl-arial-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/ruble/alsrubl-arial-bolditalic.woff') format('woff'), url('../fonts/ruble/alsrubl-arial-bolditalic.ttf') format('truetype'), url('../fonts/ruble/alsrubl-arial-bolditalic.svg#ALSRublArialBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
.b-rub {
    font-family: 'ALSRubl-Arial', Arial, sans-serif;
    line-height: normal;
}
/* / / Подключение шрифтов*/



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .sprites-flat {
        background-image: url("../images/sprites-flat_new_1@2x.png");
        background-repeat: no-repeat;
        background-size: 1000px;
    }

    .sprites-photo {
        background-image: url("../images/sprites-photo@2x.png");
        background-repeat: no-repeat;
        background-size: 1000px;
    }
}


/*Тексты*/
.text-11-13-reg{
    font-size: 11px;
    line-height: 13px;
}
.text-12-14-reg{
    font-size: 12px;
    line-height: 14px;
    color: rgb(120, 120, 120);
}
.text-13-16-bold{
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 700;
}
.text-13-18-it-treb{
    font-family: 'Trebuchet MS';
    font-size: 13px;
    line-height: 18px;
    color: rgb(120, 120, 120);
    font-style: italic;
}
.text-14-16-reg{
    font-size: 14px;
    line-height: 16px;
}
.text-14-18-reg{
    font-size: 14px;
    line-height: 18px;
}
.text-15-18-lig{
    font-size: 15px;
    line-height: 18px;
    font-weight: 100;
}
.text-14-20-reg{
    font-size: 14px;
    line-height: 20px;
}
.text-15-18-reg{
    font-size: 15px;
    line-height: 18px;
}
.text-15-18-bold{
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
}
.text-16-18-bold{
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}
.text-16-20-bold{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
.text-16-20-it-treb{
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
}
.text-18-22-reg{
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.text-18-22-reg-2{
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.text-18-22-reg{
    font-size: 18px;
    line-height: 22px;
}
.text-18-22-bold{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
.text-20-24-reg{
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.text-20-24-reg-2{
    font-size: 20px;
    line-height: 24px;
}
.text-20-24-bold{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.text-22-24-lig{
    font-size: 22px;
    line-height: 24px;
    font-weight: 100;
}
.text-22-24-bold{
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
}
.text-22-26-reg-2{
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.text-24-28-reg{
    font-size: 24px;
    line-height: 28px;
}
.text-22-22-bold{
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}
.text-24-26-bold{
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
}
.text-26-26-reg{
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.text-26-26-reg-2{
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.text-28-30-bold{
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
}
.text-28-30-bold-2{
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.text-28-38-bold{
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.text-30-30-bold{
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
}

@media (min-width: 500px){
    .text-18-22-bold{
        font-size: 18px;
        line-height: 22px;
    }
    .text-22-24-bold{
        font-size: 22px;
        line-height: 24px;
        font-weight: 700;
    }
    .text-22-26-reg-2{
        font-size: 22px;
        line-height: 26px;
    }
}
/* Тексты */



/* Кнопки */
.btn{
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height:15px;
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 14px;
    border-bottom: none;
    background-color: rgb(250, 118, 0);
    padding: 6px 16px;
}
.btn:hover{
    color: white;
    text-decoration: none;
    border-bottom: none;
    background-color: rgb(255, 102, 0);
}
.btn:active{
    color: rgb(255, 231, 215);
    box-shadow: inset 0 1px 1px rgb(250, 118, 0);
    background-color: rgb(255, 162, 79);
    outline: none;
    -webkit-transform: translate(0px, 1px);
    transform: translate(0px, 1px);
}
.btn:active:focus{
    color: rgb(255, 194, 186);
}
.btn:focus{
    color: white;
    text-decoration: none;
}

.btn-file{
    background-color: rgb(25, 91, 171);
}
.btn-file:hover{
    background-color: rgb(1, 71, 155);
}
.btn-file:active{
    color: rgb(212, 223, 241);
    background-color: rgb(51, 121, 202);
    box-shadow: inset 0 1px 1px rgb(25, 91, 171);
}

.btn-submit{
    background-color: rgb(122, 193, 37);
}
.btn-submit:hover{
    background-color: rgb(99, 170, 14);
}
.btn-submit:active{
    color: rgb(228, 244, 213);
    background-color: rgb(145, 215, 62);
    box-shadow: inset 0 1px 1px rgb(192, 193, 37);
}
.btn-submit:active:focus{
    color: rgb(228, 244, 213);
    box-shadow: inset 0 1px 1px rgb(192, 193, 37);
}
/* / / Кнопки*/




/*Переключение языков*/
.languages-panel-wrapper{
    text-align: left;
    padding: 0 0 10px 0;
}
.lp-inner-wrapper{
    display: inline-block;
    background-image: none;
    background-position: 44px 0%;
    background-repeat: no-repeat;
    padding: 15px 0;
}
.lp-link-text{
    font-size: 11px;
    line-height: 11px;
    text-align: left;
}
.lp-link{
    display: inline-block;
    color: rgb(90, 90, 90);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(90, 90, 90, .3);
    vertical-align: top;
    margin: 5px 0 5px 18px;
}
.lp-link:hover{
    color: rgb(60, 60, 60);
    border-bottom: 1px solid rgba(60, 60, 60, .5);
}
.lp-link-selected{
    font-weight: bold;
    color: rgb(250, 118, 0) !important;
    border: none !important;
}
.lp-link-home{
    display: inline-block;
    width: 33px;
    height: 21px;
    border-bottom: none !important;
    background-position: 4px 0;
    opacity: .8;
    margin: 0 0 0 0;
}
.lp-link-home:hover{
    opacity: 1;
}
.lp-link-letter{
    display: inline-block;
    width: 35px;
    height: 21px;
    border-bottom: none !important;
    background-position: -21px 0;
    opacity: .8;
    margin: 0 10px 0 0;
}
.lp-link-letter:hover{
    opacity: 1;
}
@media (min-width:500px){
    .languages-panel-wrapper{
        text-align: right;
    }
    .lp-inner-wrapper {
        background-image: url("../images/language-russia-map.png");
    }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    @media (min-width: 500px) {
        .lp-inner-wrapper {
            background-image: url("../images/language-russia-map@2x.png");
            background-size: 121px 52px;
        }
    }
}
/* / / Переключение языков*/


/* Шапка с лого и телефонами */
.middle-header{
    text-align: left;
}
.logo-container {
    float: left;
    width: auto;
    display: flex;
    align-items: flex-start;
}
.logo-wrapper{
    margin-right: 17px;
}
.logo{
    display: block;
    margin: 0 0 4px 0;
}
.logo-years{
    margin-top: -2px;
}
.mh-logo-text{
    text-align: left;
    padding: 0 0 20px 0;
}
.phone-wrapper{
    display: block;
    vertical-align: top;
    margin: 0 0 10px 0;
}
.phone-sign{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -60px -3px;
    vertical-align: top;
    margin: 0 0 0 0;
}
.phone-block{
    display: inline-block;
}
.phone-number{
}
.mh-call-me-btn{
    margin: 0 0 0 0;
}


@media (min-width:500px){
    .middle-header{
        text-align: right;
    }
    /*.logo-wrapper{
        width: 130px;
    }*/
    .phone-wrapper{
        display: inline-block;
        margin: 0 0 10px 25px;
    }
    .mh-call-me-btn{
        vertical-align: top;
        margin: 0 0 10px 25px;
    }
}

@media (max-width: 584px){
    .middle-header{
        text-align: left;
    }
    .logo-container {
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .logo-container .mh-logo-text {
        padding-bottom: 5px;
    }
    .middle-header .block{
        float: left;
        display: flex;
        flex-direction: column;
    }
    .phone-wrapper{
        margin-left: 0;
    }
    .mh-call-me-btn{
        margin-left: 0;
    }
}

@media (min-width:700px){

}
@media (min-width:960px){
    .logo-wrapper{
        width: auto;
    }
}

/*Исправление выпадающего второго телефона*/
.phone-wrapper:nth-child(2){
    display: block;
}
@media (min-width:540px){
    .phone-wrapper:nth-child(2){
        display: inline-block;
    }
}
/* / / Исправление выпадающего второго телефона*/
/* / / Шапка с лого и телефонами*/




/* Меню */
.menu-wrapper{
    position: relative;
    z-index: 3;
    border-radius: 3px;
}
.menu{
    display: none;
    width: 100%;
    background-color: rgb(243, 243, 243);
    border-radius: 3px;
}
.menu a{
    color: rgb(30, 30, 30);
    border-bottom: none;
    transition: none !important;
}
.menu>li{
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 700;
}
.menu>li:first-child{
    border-radius: 3px 0 0 3px;
}
.menu>li:last-child{
    border-radius: 0 3px 3px 0;
}
.menu>li:hover{
    background-color: rgb(250, 118, 0);
}
.menu>li:first-child:hover{
    border-radius: 3px 0 0 0;
}
.menu>li:last-child:hover{
    border-radius: 0 3px 3px 0;
}
.menu>li:hover>a, .menu>li:hover>p{
    color: white;
}
.menu>li>a{
    display: block;
    padding: 10px 0;
}
.menu>li>ul{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
}

.selected-menu-item{
    background-color: rgb(250, 118, 0);
}
.selected-menu-item>a, .selected-menu-item>p{
    color: white;
}

/*Стили стрелки в пунке содержащий дочерние пункты*/
.menu-with-submenu:after{
    content: '';
    display: inline-block;
    width: 11px;
    height: 9px;
    background-image: url("../images/sprites-flat.png");
    background-position: -96px -1px;
    margin: 0 0 0 3px;
}
.menu>li:hover > .menu-with-submenu:after{
    background-position: -84px -1px;
}
.selected-menu-item>.menu-with-submenu:after{
    background-position: -108px -1px;
}
.selected-menu-item>.menu-with-submenu:hover:after{
    background-position: -84px -1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .menu-with-submenu:after{
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }
}
/* / / Стили стрелки в пунке содержащий дочерние пункты*/


/* Субменю */
.menu>li>ul{
    background-color: rgb(243, 243, 243);
    min-width: 100%;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
}
.menu>li>ul>li{
    text-align: left;
    list-style: none;
    text-transform: none;
    font-size: 14px;
    font-weight: 300;
}
.menu>li>ul>li:hover{
    background-color: rgb(250, 118, 0);
}
.menu>li>ul>li>a{
    display: block;
    padding: 12px 10px;
}
.menu>li>ul>li:hover>a{
    color: white;
}
.menu>li:hover ul{
    display: block;
}
/* / / Субменю*/


/*Ссылка скрывающая мобильное меню*/
.show-mobile-menu-link{
    display: block;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: rgb(30, 30, 30);
    background-color: rgb(243, 243, 243);
    border-radius: 3px;
    border-bottom: none;
    padding: 10px;
    transition: none;
}
.show-mobile-menu-link:hover{
    color: white;
    background-color: rgb(250, 118, 0);
    border-bottom: none !important;
}
/* / / Ссылка скрывающая мобильное меню*/

.fixedMenu{
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
}
.fixedMenu .menu{
    border-radius: 0 0 3px 3px;
}
@media (min-width: 500px){
    .menu{
        display: table;
    }
    .show-mobile-menu-link{
        display: none;
    }
}
@media (min-width: 700px){
    .menu>li{
        font-size: 13px;
        line-height: 15px;
    }
}
/* / Меню*/



/*Левое меню*/
.ui-tabs-nav.ui-helper-reset{
    padding: 0;
}
.mm-listview li{
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.mm-panel>.mm-listview>li:after{
    border-bottom: none;
}
.mm-listview>.mm-selected a, .mm-listview>li a{
    display: block;
    border-bottom: none;
    padding: 20px 5%;
}
.mm-listview>li a:nth-child(2):after{
    border-bottom: none;
}
.mm-navbar a{
    border-bottom: none;
}

.mm-listview>.mm-selected{
    background-color: rgb(250, 118, 0);
}
.mm-listview>.mm-selected a{
    color: white;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{
    background-color: rgba(0,0,0,0);
}
/* / Левое меню*/




/*Заголовок главной страницы*/
.models-list-text{
    text-align: center;
    border-top: 1px solid rgb(232, 232, 232);
    border-bottom: 1px solid rgb(232, 232, 232);
}
.models-list-model{
    position: relative;
    display: inline-block;
    color: rgb(120, 120, 120);
    padding: 10px 0 10px 23px;
    margin: 0 2%;
}
.models-list-model:before{
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 18px;
    height: 18px;
    background-image: url("../images/sprites-flat.png");
    background-position: -122px -1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .models-list-model:before{
        content: '';
        position: absolute;
        left: 0;
        top: 12px;
        width: 18px;
        height: 18px;
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }
}
/* / Заголовок главной страницы*/


/* Иллюстрация Волкано */
.volcano-illustration-outer{
    height: 250px;
}
.volcano-illustration-inner{
    background-image: url("../images/hangar.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    /*background-size: 80% 19.282;*/
    background-size: 100%;
    opacity: 0;
    transition: background .7s;
}
.volcano-illustration-inner-open{
    background-size: 85%;
    opacity: 1;
}
.volcano-illustration-volcano{
    width: 150px;
    opacity: 0;
    transform: scale(0.8);
    transition: transform .7s;
}
.volcano-illustration-volcano-open{
    opacity: 1;
    transform: scale(1);
}

@media (min-width: 500px){
    .volcano-illustration-outer{
        height: 300px;
    }
    .volcano-illustration-volcano{
        width: 180px;
    }
}
@media (min-width: 700px){
    .volcano-illustration-outer{
        height: 450px;
    }
    .volcano-illustration-volcano{
        width: 265px;
    }
}
/* / / Иллюстрация Волкано */


/*Преимущества Волкано*/
.rounded-frame{
    border: 1px solid rgb(60, 60, 60);
    border-radius: 4px;
    padding: 20px 0;
}
.rounded-frame-header{
    margin: -34px 0 0 0;
}
.rounded-frame-header span{
    display: inline-block;
    background-color: white;
    padding: 0 13px;
}
.rounded-frame-btn-wrapper{
    margin: -15px 0 0% 0;
}
.rounded-frame-btn-wrapper>span{
    display: inline-block;
    background-color: white;
    padding: 0 13px;
}
.rounded-frame-horisontal-padding{
    padding-left: 3.5%;
    padding-right: 3.5%;
}
.adventage-wrapper{
    padding: 10px 0 15px 0;
}
.adventages-digits-outer{
    height: 60px;
}
.adventages-header{
    padding: 5px 0 5px 0;
}
.adventages-digits-guarantie, .adventages-digits-years, .adventages-digits-comfort, .adventages-digits-control, .adventages-digits-convenience{
    text-align: center;
    font-weight: 100;
}
.adventages-digits-guarantie{
    font-size: 40px;
    line-height: 40px;
}
.adventages-digits-years{
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
}
.adventages-digits-comfort{
    font-size: 46px;
    line-height: 46px;
}
.adventages-digits-control{
    font-size: 28px;
    line-height: 28px;
}
.adventages-digits-convenience{
    font-size: 26px;
    line-height: 26px;
}

@media (min-width: 500px){
    .adventage-wrapper{
        padding: 15px 0 20px 0;
    }
    .adventages-header{
        padding: 10px 0 15px 0;
    }
    .adventages-digits-guarantie{
        font-size: 50px;
        line-height: 50px;
    }
    .adventages-digits-comfort{
        font-size: 50px;
        line-height: 50px;
    }
    .adventages-digits-control{
        font-size: 40px;
        line-height: 40px;
    }
    .adventages-digits-convenience{
        font-size: 26px;
        line-height: 26px;
    }
}
/* / / Преимущества Волкано*/


/*Основные разделы сайта*/
.site-sections-wrapper{
    padding: 0 0 25px 0;
}
.selection-programm-sign{
    display: block;
    width: 19px;
    height: 21px;
    background-position: -1px -1px;
}
.delivery-sign{
    width: 21px;
    height: 21px;
    background-position: -22px -1px;
}
.where-buy-sign{
    width: 21px;
    height: 21px;
    background-position: -45px -1px;
}
.install-sign{
    width: 21px;
    height: 21px;
    background-position: -68px -1px;
}
.site-sections-header{
    position: relative;
    padding: 17px 0 17px 0;
    margin: 0 0 10px 0;
}
.site-sections-header:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 26px;
    height: 2px;
    background-color: rgb(35, 99, 184);
}
.site-sections-header-calc:after{
    background-color: rgb(67, 149, 234);
}
.site-sections-header-delivery:after{
    background-color: rgb(137, 185, 47);
}
.site-sections-header-where-buy:after{
    background-color: rgb(232, 173, 5);
}
.site-sections-header-install:after{
    background-color: rgb(137, 144, 155);
}
.calc-link-color{
    color: rgb(67, 149, 234);
    border-bottom: 1px solid rgba(67, 149, 234, .3);
}
.calc-link-color:hover{
    color: rgb(55, 133, 217);
    border-bottom: 1px solid rgba(55, 133, 217, .5);
}
.calc-link-color:active:focus, .calc-link-color:focus{
    color: rgb(55, 133, 217);
}
.delivery-link-color{
    color: rgb(137, 185, 47);
    border-bottom: 1px solid rgba(137, 185, 47, .3);
}
.delivery-link-color:hover{
    color: rgb(115, 164, 23);
    border-bottom: 1px solid rgba(115, 164, 23, .5);
}
.delivery-link-color:active:focus, .delivery-link-color:focus{
    color: rgb(115, 164, 23);
}
.where-buy-link-color{
    color: rgb(232, 173, 5);
    border-bottom: 1px solid rgba(232, 173, 5, .3);
}
.where-buy-link-color:hover{
    color: rgb(211, 156, 0);
    border-bottom: 1px solid rgba(211, 156, 0, .5);
}
.where-buy-link-color:active:focus, .where-buy-link-color:focus{
    color: rgb(211, 156, 0);
}
.install-link-color{
    color: rgb(137, 144, 155);
    border-bottom: 1px solid rgba(137, 144, 155, .3);
}
.install-link-color:hover{
    color: rgb(115, 124, 137);
    border-bottom: 1px solid rgba(115, 124, 137, .5);
}
.install-link-color:active:focus, .install-link-color:focus{
    color: rgb(115, 124, 137);

}

/* / / Основные разделы сайта*/


/*Таблица моделей Волкано*/
.volcano-models-photo-table{
    display: none;
}
.volcano-models-photo-table .volcano-model-name{
    display: none;
}
@media (min-width: 750px){
    .volcano-models-photo-table{
        display: table;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .volcano-models-photo-table .volcano-model-name{
        display: inline-block;
    }
    .volcano-photo-table{
        display: block;
        margin: 0 auto;
    }

    .volcano-vr1-photo-table{
        width: 145px;
    }
    .volcano-v45-photo-table{
        width: 148px;
    }
    .volcano-mini-photo-table{
        width: 102px;
    }
}
@media (min-width:960px){
    .volcano-vr1-photo-table{
        width: 191px;
    }
    .volcano-v45-photo-table{
        width: 193px;
    }
    .volcano-mini-photo-table{
        width: 136px;
    }
}
/* / Таблица моделей Волкано */





/*Модели Волкано*/
.volcano-models-photo-wrapper{
    position: relative;
    height: 170px;
    max-width: 1000px;
    margin: 0 auto;
}
.volcano-photo{
    position: absolute;
}
.volcano-vr1-photo{
    top: 0;
    left: 0;
    width: 141px;
}
.volcano-vr2-photo{
    top: 3px;
    left: 25%;
    width: 131px;
}
.volcano-vr3-photo{
    top: 10px;
    left: 48%;
    width: 118px;
}
.volcano-mini-photo{
    top: 30px;
    left: 70%;
    width: 94px;
}

@media (min-width: 400px){
    .volcano-vr1-photo{
        left: 0%;
    }
    .volcano-vr2-photo{
        left: 29%;
    }
    .volcano-vr3-photo{
        left: 53%;
    }
    .volcano-mini-photo{
        left: 75%;
    }
}

@media (min-width:500px){
    .volcano-models-photo-wrapper{
        height: 250px;
    }
    .volcano-vr1-photo{
        top: 0;
        left: 0;
        width: 191px;
    }
    .volcano-vr2-photo{
        top: 6px;
        left: 29%;
        width: 178px;
    }
    .volcano-vr3-photo{
        top: 9px;
        left: 51%;
        width: 166px;
    }
    .volcano-mini-photo{
        top: 62px;
        left: 78%;
        width: 109px;
    }
}

@media (min-width:700px){
    .volcano-vr1-photo{
        left: 0%;
    }
    .volcano-vr2-photo{
        left: 30%;
    }
    .volcano-vr3-photo{
        left: 58%;
    }
    .volcano-mini-photo{
        left: 83%;
    }
}

@media (min-width: 750px){
    .volcano-models-photo-wrapper{
        display: none;
    }
}

.volcano-models-names-wrapper{
    position: relative;
    z-index: 1;
    text-align: center;
    margin: -15px 0 0 0;
}
.volcano-model-name{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: rgb(35, 99, 184);
    vertical-align: top;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid rgb(210, 210, 210);
    padding: 3px 12px 2px 12px;
    margin: 5px 0.2%;
}
.volcano-model-name:hover{
    border: 1px solid rgb(180, 180, 180);
}

@media (min-width:500px){
    .volcano-models-names-wrapper{
        margin-top: -30px;
    }
}

@media (min-width:700px){
    .volcano-model-name{
        margin: 5px 0.8%;
    }
}

@media (min-width:750px){
    .volcano-model-name{
        display: none;
    }
}

@media (min-width:800px){
    .volcano-model-name{
        margin: 5px 2.3%;
    }
}

@media (min-width:960px){
    .volcano-model-name{
        margin: 5px 3.5%;
    }
}
/* / / Модели Волкано*/






/*Статья на главной*/
.hidden-text{
    display: none;
}
.open-text{
    display: block;
}
/* / / Статья на главной*/


/*Реализованные проекты*/
.done-projects-wrapper{
    margin: 15px 0 15px 0;
}
.done-projects-thumbs-wrapper{
    display: block;
    text-align: center;
}
.done-projects-thumb{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid white;
    overflow: hidden;
    background-color: white;
    transition: margin .2s;
}
.done-projects-thumb:nth-child(1){
    z-index: 2;
    width: 95px;
    height: 95px;
}
.done-projects-thumb:nth-child(2){
    z-index: 1;
    width: 75px;
    height: 75px;
    margin: 0 0 0 -55px;
}
.done-projects-thumb:nth-child(3){
    z-index: 0;
    width: 60px;
    height: 60px;
    margin: 0 0 0 -45px;
}
.done-projects-thumbs-wrapper:hover .done-projects-thumb:nth-child(2){
    margin: 0 0 0 -45px;
}
.done-projects-thumbs-wrapper:hover .done-projects-thumb:nth-child(3){
    margin: 0 0 0 -35px;
}
.done-projects-thumb>img{
    width: 100%;
}
.done-projects-thumb:nth-child(2)>img{
    opacity: .75;
}
.done-projects-thumb:nth-child(3)>img{
    opacity: .5;
}

.done-projects-header{
    margin: 10px 0 10px 0;
}
@media (min-width: 500px){
    .done-projects-thumb:nth-child(1){
        width: 115px;
        height: 115px;
    }
    .done-projects-thumb:nth-child(2){
        width: 100px;
        height: 100px;
        margin: 0 0 0 -85px;
    }
    .done-projects-thumb:nth-child(3){
        width: 85px;
        height: 85px;
        margin: 0 0 0 -75px;
    }
    .done-projects-thumbs-wrapper:hover .done-projects-thumb:nth-child(2){
        margin: 0 0 0 -75px;
    }
    .done-projects-thumbs-wrapper:hover .done-projects-thumb:nth-child(3){
        margin: 0 0 0 -65px;
    }
}
@media (min-width: 500px){
    .done-projects-wrapper{
        margin: 20px 0 20px 0;
    }
    .done-projects-header{
        margin: 15px 0 15px 0;
    }
}
/* / / Реализованные проекты*/


/*Вопросы и ответы*/
.ui-tabs.ui-widget.ui-widget-content.ui-corner-all{
    padding: 0;
}
.ui-tabs .ui-tabs-nav li{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 0 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    display: block;
    padding: 12px 15px;
    border-bottom: none;
    white-space: normal;
}
.question-tab span{
    color: rgb(35, 99, 184);
    border-bottom: 1px solid rgba(35, 99, 184, .3);
    transition: color .3s, border .3s;
}
.question-tab span:hover{
    color: rgb(13, 75, 157);
    border-bottom: 1px solid rgba(13, 75, 157, .5);
    transition: color 0s, border 0s;
}
.ui-tabs-active{
    position: relative;
    background-color: rgb(235, 235, 237);
    border-bottom: none;
}
.ui-tabs-active:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-image: url("../images/select-question-tab-top.png");
}
.ui-tabs-active:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-image: url("../images/select-question-tab-bottom.png");
}
.ui-tabs-active span{
    color: rgb(60, 60, 60);
    border-bottom: none;
}
.ui-tabs .ui-tabs-panel{
    padding: 0 0 0 0;
}
/* / / Вопросы и ответы*/


/*Заказчики*/
.our-clients-logo-wrapper{
    text-align: center;
    padding: 15px 0;
    line-height: 0;
    font-size: 0;
}
.our-clients-logo{
    display: inline-block;
    height: 0;
    opacity: 0;
    background-image: url("../images/logos-main.png");
    margin: 0 3% 0 3%;
}
.our-clients-logo-open, .our-clients-logo-open2{
    height: 66px;
    opacity: 1;
    margin: 10px 3% 10px 3%;
}
.our-clients-logo-transition{
    transition: margin 0.3s, opacity 0.3s, height 0.3s;
}

.our-clients-logo1{
    width: 74px;
    background-position: -1px 0;
}
.our-clients-logo2{
    width: 71px;
    background-position: -79px 0;
}
.our-clients-logo3{
    width: 79px;
    background-position: -153px 0;
}
.our-clients-logo4{
    width: 84px;
    background-position: -233px 0;
}
.our-clients-logo5{
    width: 78px;
    background-position: -318px 0;
}
.our-clients-logo6{
    width: 69px;
    background-position: -397px 0;
}
.our-clients-logo7{
    width: 125px;
    background-position: -470px 0;
}
.our-clients-logo8{
    width: 87px;
    background-position: -597px 0;
}
.our-clients-logo9{
    width: 120px;
    background-position: -2px -63px;
}
.our-clients-logo10{
    width: 100px;
    background-position: -121px -63px;
}
.our-clients-logo11{
    width: 50px;
    background-position: -221px -63px;
}
.our-clients-logo12{
    width: 72px;
    background-position: -271px -63px;
}
.our-clients-logo13{
    width: 96px;
    background-position: -342px -63px;
}
.our-clients-logo14{
    width: 97px;
    background-position: -437px -63px;
}
.our-clients-logo15{
    width: 51px;
    background-position: -534px -63px;
}
.our-clients-logo16{
    width: 57px;
    background-position: -586px -63px;
}
.our-clients-logo17{
    width: 88px;
    background-position: -646px -63px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .our-clients-logo{
        background-image: url("../images/logos-main@2x.png");
        background-size: 731px 136px;
    }
}
/* / / Заказчики*/



/* Подвал */
.footer-section{
    position: relative;
    background-color: rgb(250, 250, 250);
}
.footer-section-outer{
    padding: 35px 0 10px 0;
}
.logo-hr{
    width: 90px;
    height: 2px;
    background-color: rgb(225, 225, 225);
    margin: 10px 0 7px 0;
}
.youtube-logo{
    width: 24px;
    height: 21px;
    background-position: -143px 0;
}
.facebook-logo{
    width: 24px;
    height: 21px;
    background-position: -168px 0;
}
.footer-social-network-logo{
    display: inline-block;
    border-bottom: none;
    margin: 20px 20px 20px 0;
}
.footer-social-network-logo:hover{
    display: inline-block;
    border-bottom: none;
}
.footer-shredule-wrapper{
    text-align: left;
}
.footer-menu{
    list-style: none;
    padding: 0 0 20px 0;
}
.footer-menu li{
    padding: 0 0 20px 0;
}
.footer-phones-wrapper{
    text-align: left;
}
@media (min-width: 500px){
    .footer-shredule-wrapper{
        text-align: right;
    }
    .footer-menu li{
        padding: 0 0 15px 0;
    }
    .footer-phones-wrapper{
        text-align: right;
    }
}
@media (min-width: 700px){
    .footer-shredule-wrapper{
        text-align: left;
    }
    .footer-menu li{
        padding: 0 0 10px 0;
    }
}
@media (min-width: 960px){
    .footer-shredule-wrapper{
        text-align: left;
    }
    .footer-menu li{
        padding: 0 0 8px 0;
    }
}
/* / / Подвал */



/*Собственные стили всплывающего окна*/
.sm_wrapper1{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .0);
    transition: all 0.3s ease;
}
.sm_show-wrapper1{
    background-color: rgba(255, 255, 255, .96);
}
.sm_wrapper2{
    position: absolute;
    top: 35%;
    width: 100%;
    max-height: 100%;
    opacity: 0;
}
.sm_show-wrapper2{
    opacity: 1;
}
.sm_transition03{
    transition: top .3s ease, opacity .3s ease, transform 0.3s;
}
.sm_close-modal{
    opacity: 0;
    transform: scale(0.85);
}
.sm_success_form{
    position: fixed;
    z-index: 6;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
}
.sm_success_form_before{
    background-color: white;
    opacity: 0;
    transform: scale(1.3);
    transition: all .3s;
}
.sm_success_form_after{
    transform: scale(0.7);
    opacity: 0;
}
.form{
    position: relative;
    width: 100%;
    max-width: 500px;
    max-height: 100vh;
    background-color: white;
    overflow: auto;
    margin: 0 auto;
}
/* / / Собственные стили всплывающего окна*/


/*Всплывающее окно*/
.float-window-wrapper{
    width: 100%;
    max-width: 350px;
    max-height: 100vh;
    border-radius: 3px;
    background-color: rgb(244, 244, 247);
    overflow: auto;
    margin: 0 auto;
}
.float-window-wrapper-padding{
    padding-left: 6%;
    padding-right: 6%;
}
.float-window-close-sign{
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    font-weight: 100;
    color: rgb(23, 36, 80);
    border-bottom: none;
    opacity: .5;
    cursor: pointer;
    transition: opacity .3s;
}
.float-window-close-sign:hover{
    color: rgb(23, 36, 80);
    border-bottom: none;
    opacity: .8;
}
.float-window-success-table{
    width: 100%;
    height: 100%;
}
.float-window-success-table td{
    vertical-align: middle;
}
/* / / Всплывающее окно*/







/*Вкладки разделов*/
.tabs-of-models{
    background: linear-gradient(to top, rgb(245, 245, 245), rgb(255, 255, 255));
}
.tabs-of-sections-wrapper{
    margin: 0 0 30px 0;
    line-height: 0;
}
.tab-of-sections{
    display: inline-block;
    height: 53px;
    opacity: .8;
    margin: 30px 12px 0 0;
    transition: opacity .3s;
}
.tab-of-sections:hover{
    opacity: 1;
    transition: opacity .1s;
}
.tab-of-section-volcano{
    width: 146px;
    background-position: 0 -77px;
}
.tab-of-section-volcano-new{
    width: 214px;
    background-position: -141px -235px;
}
.tab-of-section-defender{
    width: 163px;
    background-position: -146px -77px;
}
.tab-of-section-wing{
    width: 141px;
    background-position: 0 -235px;
}

.tab-of-section-veher{
    width: 105px;
    background-position: -355px -235px;
    margin-right: 0;
}

.tab-of-section-volcano-selected{
    opacity: 1;
    background-position: 0 -24px;
}
.tab-of-section-volcano-new-selected{
    opacity: 1;
    background-position: -141px -182px;
}
.tab-of-section-defender-selected{
    opacity: 1;
    background-position: -146px -24px;
}
.tab-of-section-wing-selected{
    opacity: 1;
    background-position: 0 -182px;
}
.tab-of-section-veher-selected{
    opacity: 1;
    background-position: -355px -182px;
}


.tabs-of-section-wrapper{

}
.tab-of-section{
    display: inline-block;
    color: rgb(120, 120, 120);
    background-color: white;
    border-bottom: 1px solid rgb(230, 230, 230);
    padding: 4px 12px;
    margin: 0 0 0 0;
}
.tab-of-section:hover{
    color: rgb(90, 90, 90);
    border-bottom: 1px solid rgb(230, 230, 230);
}
.tab-of-section-bottom{
    border-top: 1px solid rgb(230, 230, 230);
    border-bottom: none;
}
.tab-of-section-bottom:hover{
    border-top: 1px solid rgb(230, 230, 230);
    border-bottom: none;
}
.tab-of-section-selected{
    color: rgb(30, 30, 30);
    font-weight: 700;
    border-bottom: 1px solid white;
}
.tab-of-section-selected:hover{
    color: rgb(30, 30, 30);
    border-bottom: 1px solid white;
}
/* / / Вкладки разделов*/


/*Содержимое вкладки*/
.tab-of-model-content-and-extras{
    background-color: rgb(245, 245, 245);
}
.tab-of-model-content{
    background-color: white;
    overflow: hidden;
}
.tab-of-model-content-padding{
    padding: 0 15px;
}
.volcano-short-card-wrappers .volcano-short-card-wrapper:last-child{
    padding-right: 0;
}
.volcano-short-card-wrapper{
    display: inline-block;
    padding: 15px 1% 15px 0;
}
.volcano-card-page-anchor {
    transform: translateY(-70px);
}
.volcano-card-img{
    width: 100px;
    margin-left: -9px;
}
.volcano-card-img-new{
    width: 100px;
    margin-left: -7px;
}
.volcano-card-img-mini-new{
    width: 80px;
    margin-left: -5px;
}
.volcano-card-header{
    padding: 3px 0 0 0;
}
.volcano-card-power{
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    background-color: red;
    padding: 3px 10px 1px 10px;
    border-radius: 10px;
}
.volcano-card-power-30-60{
    color: white;
    background: linear-gradient(90deg, rgb(238, 115, 0), rgb(221, 2, 0));
}
.volcano-card-power-15-45{
    color: white;
    background: linear-gradient(90deg, rgb(246, 175, 0), rgb(229, 53, 0));
}
.volcano-card-power-10-30{
    color: white;
    background: linear-gradient(90deg, rgb(252, 212, 0), rgb(237, 111, 0));
}
.volcano-card-power-5-25{
    color: rgb(136, 42, 0);
    background: linear-gradient(90deg, rgb(254, 226, 0), rgb(243, 150, 0));
}
.volcano-card-power-3-20{
    color: rgb(136, 42, 0);
    background: linear-gradient(90deg, rgb(255, 232, 0), rgb(244, 156, 0));
}


.volcano-card-power-5-30{
    color: white;
    background: linear-gradient(90deg, rgb(254, 228, 0), rgb(242, 142, 0));
    background-color: rgb(242, 142, 0);
}
.volcano-card-power-13-75{
    color: white;
    background: linear-gradient(90deg, rgb(251, 177, 0), rgb(221, 1, 0));
    background-color: rgb(221, 1, 0);
}
.volcano-card-power-8-50{
    color: white;
    background: linear-gradient(90deg, rgb(252, 215, 0), rgb(231, 67, 0));
    background-color: rgb(231, 67, 0);
}
.volcano-card-power-3-20-2{
    color: white;
    background: linear-gradient(90deg, rgb(255, 232, 0), rgb(246, 173, 0));
    background-color: rgb(246, 173, 0);
}


.defender-card-power-7-10{
    color: rgb(136, 42, 0);
    background: linear-gradient(90deg, rgb(255, 231, 0), rgb(245, 164, 0));
}
.defender-card-power-6{
    color: rgb(136, 42, 0);
    background-color: rgb(255, 232, 0);
}
.defender-card-power-13-19{
    color: white;
    background: linear-gradient(90deg, rgb(239, 125, 0), rgb(228, 50, 0));
}
.defender-card-power-12{
    color: white;
    background-color: rgb(242, 147, 0);
}
.defender-card-power-19-28{
    color: white;
    background: linear-gradient(90deg, rgb(227, 45, 0), rgb(221, 1, 0));
}
.defender-card-power-13{
    color: white;
    background-color: rgb(241, 136, 0);
}

.wing-card-power-4-17{
    color: rgb(136, 42, 0);
    background: linear-gradient(90deg, rgb(255, 228, 0), rgb(247, 161, 0));
}
.wing-card-power-2-6{
    color: rgb(136, 42, 0);
    background: linear-gradient(90deg, rgb(255, 230, 0), rgb(252, 208, 0));
}
.wing-card-power-10-32{
    color: white;
    background: linear-gradient(90deg, rgb(251, 198, 0), rgb(236, 73, 0));
}
.wing-card-power-4-12{
    color: rgb(136, 42, 0);
    background: linear-gradient(90deg, rgb(255, 230, 0), rgb(249, 184, 0));
}
.wing-card-power-17-47{
    color: white;
    background: linear-gradient(90deg, rgb(246, 157, 0), rgb(228, 3, 0));
}
.wing-card-power-6-15{
    color: rgb(136, 42, 0);
    background: linear-gradient(90deg, rgb(253, 216, 0), rgb(247, 161, 0));
}

.veher-short-card-wrappers .veher-short-card-wrapper:last-child{
    padding-right: 0;
}
.veher-short-card-wrapper{
    display: inline-block;
    padding: 15px 4% 15px 0;
}
.veher-card-img{
    width: 100px;
    margin-left: -7px;
}
.volcano-card-header{
    padding: 3px 0 0 0;
}

.model-price-gw{
    display: flex;
}
.model-seria-w{
    padding: 0 8px 0 0;
}
.model-seria-w .model-seria{
    font-size: 12px;
    line-height: 12px;
    color: white;
    padding: 2px 4px;
    border-radius: 2px;
}
.model-seria-w .seria-1{
    background-color: rgb(32, 169, 0);
}

.model-seria-w .seria-2{
    background-color: rgb(62, 101, 161);
}
.model-price-w{

}




.old-price{
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 3px;
}
.old-price .price{
    position: relative;
    display: inline-block;
    color: rgb(200, 200, 200);
    vertical-align: middle;
}
.old-price .price:before{
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .15);
}
.old-price .mark{
    display: inline-block;
    font-size: 10px;
    line-height: 10px;
    color: rgb(130, 130, 130);
    background-color: rgb(230, 230, 230);
    padding: 2px 3px 1px 2px;
    border-radius: 3px;
    margin-left: 3px;
}



.tab-of-model-content-list{
    list-style: none;
}
.tab-of-model-content-list li{
    padding: 0 0 8px 0;
}
@media (min-width: 500px){
    .tab-of-model-content-padding{
        padding: 0 20px;
    }
    .volcano-card-img{
        width: 171px;
    }
    .volcano-card-img-new{
        width: 150px;
    }
    .volcano-card-img-mini-new{
        width: 136px;
    }
    .veher-card-img{
        width: 174px;
    }
}
@media (min-width: 700px){
    .tab-of-model-content-padding{
        padding: 0 25px;
    }
}
@media (min-width: 960px){
    .tab-of-model-content-padding{
        padding: 0 30px;
    }
}
/* / / Содержимое вкладки*/


/*Фотогалерея во вкладке*/
.tab-of-model-gallery-section{
    background-color: rgb(250, 250, 250);
    padding: 25px 0 25px 0;
}
.fotorama__thumb-border{
    border-color: rgb(250, 118, 0);
}
/*Фотогалерея во вкладке*/


/*Текст-описание во вкладке*/
.tab-of-model-content-read{
    height: auto;
    max-height: 80px;
    overflow: auto;
}
.tab-of-model-awards{
    line-height: 42px;
    vertical-align: top;
}
.tab-of-model-award{
    display: inline-block;
    vertical-align: middle;
    height: 42px;
}
.award-tuv{
    width: 29px;
    background-position: 0 -132px;
}
.award-pzh{
    width: 42px;
    background-position: -31px -132px;
}
.award-ce{
    width: 44px;
    background-position: -75px -132px;
}
.award-qi{
    width: 42px;
    background-position: -121px -132px;
}
.tab-of-model-award-dot{
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
}
/* / / Текст-описание во вкладке*/


/* Дополнительное содержимое > Подбор оборудования */
.extras-section{
    padding: 50px 0 0 0;
}
.first-extras-section{
    margin-top: 0;
}
.equipment-selection-p{
    position: relative;
    padding: 10px 0 10px 30px;
}
.equipment-selection-p:before{
    top: 8px;
    left: 0;
}
.equipment-selection-p-calc:before{
    content: '';
    position: absolute;
    width: 19px;
    height: 21px;
    background-position: -1px -1px;
    background-image: url(../images/sprites-photo.png);
}
.equipment-selection-p-delivery:before{
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background-position: -91px -1px;
    background-image: url(../images/sprites-photo.png);
}
.equipment-selection-p-install:before{
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    background-position: -68px -1px;
    background-image: url(../images/sprites-photo.png);
}
@media (min-width: 960px){
    .first-extras-section{
        margin-top: -165px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .equipment-selection-p-calc:before{
        background-image: url("../images/sprites-photo@2x.png");
        background-size: 1000px;
    }
    .equipment-selection-p-delivery:before{
        background-image: url("../images/sprites-photo@2x.png");
        background-size: 1000px;
    }
    .equipment-selection-p-install:before{
        background-image: url("../images/sprites-photo@2x.png");
        background-size: 1000px;
    }
}
/* / Дополнительное содержимое > Подбор оборудования */



/* Дополнительное содержимое > Реализованные объекты */
.extras-section-with-bg{
    background-color: rgb(251, 251, 251);
    border-radius: 3px;
}
.extras-section-with-bg-paddings{
    padding: 16px 5% 20px 5%;
}

.done-projects-wrapper-in-extras{
    display: inline-block;
}
.done-projects-thumb-in-extras:nth-child(1){
    width: 64px;
    height: 64px;
}
.done-projects-thumb-in-extras:nth-child(2){
    width: 54px;
    height: 54px;
    margin: 0 0 0 -44px;
}
.done-projects-thumb-in-extras:nth-child(3){
    width: 44px;
    height: 44px;
    margin: 0 0 0 -34px;
}
.done-projects-wrapper-in-extras:hover .done-projects-thumb-in-extras:nth-child(2){
    margin: 0 0 0 -34px;
}
.done-projects-wrapper-in-extras:hover .done-projects-thumb-in-extras:nth-child(3){
    margin: 0 0 0 -24px;
}
/*@media (min-width: 500px){
    .done-projects-thumb-in-extras:nth-child(1){
        width: 115px;
        height: 115px;
    }
    .done-projects-thumb-in-extras:nth-child(2){
        width: 100px;
        height: 100px;
        margin: 0 0 0 -85px;
    }
    .done-projects-thumb-in-extras:nth-child(3){
        width: 85px;
        height: 85px;
        margin: 0 0 0 -75px;
    }
    .done-projects-wrapper-in-extras:hover .done-projects-thumb-in-extras:nth-child(2){
        margin: 0 0 0 -75px;
    }
    .done-projects-wrapper-in-extras:hover .done-projects-thumb-in-extras:nth-child(3){
        margin: 0 0 0 -65px;
    }
}*/
/*@media (min-width: 500px){
    .done-projects-wrapper-in-extras{
        margin: 20px 0 20px 0;
    }
}*/
@media (min-width: 960px){
    .extras-section-with-bg-paddings{
        padding-left: 5%;
        padding-right: 5%;
    }
}
/* / / Дополнительное содержимое > Реализованные объекты*/

/*Дополнительное содержимое > Документы*/
.documents__block-title {
    margin-bottom: 20px;
    font-size: 1.125rem;
    font-weight: 700;
}
.document-link {
    position: relative;
    padding: 7px 0 18px 40px;
}
.document-link > a {
    position: relative;
    line-height: 20px;
}
.document-link>a{
    color: rgb(60, 60, 60);
    border-bottom: 1px solid rgba(60, 60, 60, .3);
}
.document-link>a:hover{
    color: rgb(30, 30, 30);
    border-bottom: 1px solid rgba(30, 30, 30, .5);
}
.document-link>a[href$=".pdf"]{
    color: rgb(234, 74, 54);
    border-bottom: 1px solid rgba(234, 74, 54, .3);
}
.document-link>a[href$=".pdf"]:hover{
    color: rgb(217, 24, 0);
    border-bottom: 1px solid rgba(217, 24, 0, .5);
}
.document-link>a[href$=".doc"]{
    color: rgb(41, 84, 151);
    border-bottom: 1px solid rgba(41, 84, 151, .3);
}
.document-link>a[href$=".doc"]:hover{
    color: rgb(7, 64, 153);
    border-bottom: 1px solid rgba(7, 64, 153, .5);
}
.document-link>a:before{
    content: '';
    position: absolute;
    top: 10px;
    left: -40px;
    width: 29px;
    height: 37px;
    background-image: url("../images/sprites-flat.png");
    background-position: -249px -137px;
    margin-top: -19px;
}
.document-link>a[href$=".pdf"]:before{
    background-position: -191px -137px;
}
.document-link>a[href$=".doc"]:before{
    background-position: -220px -137px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .document-link>a:before{
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }
}
.documents__block {
    margin-bottom: 30px
}
/* / / Дополнительное содержимое > Документы*/


/*Баннер «Где купить»*/
.banner-where-buy-text {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-image: url("../images/map-in-banner.png");
    background-repeat: no-repeat;
    background-position: 70px 50%;
    background-size: 1344px 390px;
    padding: 5px 5% 15px 0;

}
.moskow-high-rise {
    display: inline-block;
    width: 24px;
    height: 42px;
    background-position: -165px -132px;
    margin: 0 0 0 0;
}
@media (min-width: 500px) {
    .banner-where-buy-text {
        font-size: 26px;
        line-height: 32px;
        background-position: 100px 50%;
        padding: 12px 20% 17px 0;
    }
}
@media (min-width: 700px) {
    .banner-where-buy-text {
        font-size: 30px;
        line-height: 36px;
        background-position: 100px 50%;
        padding: 15px 30% 15px 0%;
    }
}
@media (min-width: 960px) {
    .banner-where-buy-text {
        font-size: 32px;
        line-height: 40px;
        background-position: 125px 50%;
        padding: 15px 45% 15px 0;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .banner-where-buy-text{
        background-image: url("../images/map-in-banner@2x.png");
    }
}
/* / / Баннер «Где купить»*/


/*Описание Дефендера*/
.defender-description-img{
    margin: 0 0 0 -14px;
}
.dd-table-wrapper{
    position: relative;
    border-radius: 6px 6px 0 0;
    background-color: white;
    padding: 12px 0 12px 14px;
    margin: -32px 0 15px 0;
}
.dd-table-wrapper:before{
    content: '';
    position: absolute;
    top: -11px;
    left: 35px;
    width: 49px;
    height: 12px;
    background-image: url('../images/sprites-flat.png');
    background-position: -193px 0;
}
.dd-table-cell{
    display: inline-block;
    vertical-align: top;
    max-width: 200px;
    margin: 0 30px 0 0;
}
.water-heating-text, .electrisity-heating-text, .without-heating-text{
    position: relative;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 0 13px;
    margin: 5px 0 4px 0;
}
.water-heating-text{
    color: rgb(25, 91, 171);
}
.electrisity-heating-text{
    color: rgb(227, 30, 4);
}
.without-heating-text{
    color: rgb(143, 153, 159);
}
.water-heating-text:before, .electrisity-heating-text:before, .without-heating-text:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/sprites-photo.png");
    width: 10px;
    height: 14px;
}
.water-heating-text:before{
    background-position: -119px -5px;
}
.electrisity-heating-text:before{
    background-position: -130px -5px;
}
.without-heating-text:before{
    background-position: -141px -5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .dd-table-wrapper:before{
        background-image: url('../images/sprites-flat@2x.png');
        background-size: 1000px;
    }
    .water-heating-text-in-table:before, .electrisity-heating-text-in-table:before, .without-heating-text-in-table:before{
        background-image: url("../images/sprites-photo@2x.png");
        background-size: 1000px;
    }
}
/* / / Описание Дефендера*/





/*Таблица с характеристиками*/

.shadow-in-table-wrapper{
    position: relative;
    padding: 20px 0 0 0;
}
.shadow-in-table{
    position: absolute;
    top: 40px;
    display: none;
    width: 15px;
    height: calc(100% - 80px);
    background-size: 100% 100%;
    opacity: 0;
    transition: opacity .1s;
}
.shadow-in-table-open{
    display: block;
}
.shadow-in-table-left{
    left: -1px;
    background-image: url('../images/table-shadow-left.png');
}
.shadow-in-table-right{
    right: -1px;
    background-image: url('../images/table-shadow-right.png');
}
.shadow-in-table-left:before, .shadow-in-table-left:after, .shadow-in-table-right:before,  .shadow-in-table-right:after{
    content: '';
    position: absolute;
    width: 15px;
    height: 40px;
    background-image: url('../images/sprites-flat.png');
}
.shadow-in-table-left:before{
    top: -40px;
    background-position: -312px 0;
}
.shadow-in-table-left:after{
    left: 0;
    bottom: -40px;
    background-position: -312px -40px;
}
.shadow-in-table-right:before{
    top: -40px;
    background-position: -327px 0;
}
.shadow-in-table-right:after{
    right: 0;
    bottom: -40px;
    background-position: -327px -40px;
}






.characteristic-gw{
    display: grid;
    grid-template-columns: 170px calc(100% - 170px);
    -webkit-box-align: start;
    align-items: flex-start;
}

.characteristic-left-w{
    /*padding: 289px 0 0 0;*/
}
.characteristic-right-w{
}



.characteristic-table-wrapper{
    overflow: auto;
}
.characteristic-table{
    width: 100%;
}
.characteristic-table tr:nth-child(even){
    background-color: rgb(245, 245, 245);
}
.characteristic-table tr:first-child td {
    vertical-align: top;
}
.characteristic-table-td{
    min-width: 130px;
    border-right: 1px solid rgb(220, 220, 220);
    vertical-align: middle;
}
.characteristic-table.veher-table .characteristic-table-td{
    width: 33.333%;
}
.characteristic-table .characteristic-table-td:last-child{
    border-right: none;
}
.characteristic-table-header{
    padding: 0 0 4px 0;
}
.characteristic-table-old-price {
    font-size: 12px;
    color: rgb(180, 180, 180);
    text-decoration: line-through;
}
.characteristic-table-p{
    font-size: 14px;
    line-height: 18px;
    padding: 8px 15px 8px 15px;
}
.characteristic-table-view{
    display: block;
    margin: 0 0 12px -11px;
}
.characteristic-table-view2{
    display: block;
    margin: 0 0 12px 0;
}
.characteristic-table-p sup{
    font-size: .7em;
}




.water-heating-text-in-table, .electrisity-heating-text-in-table, .without-heating-text-in-table{
    position: relative;
    display: block;
    line-height: 15px;
    padding: 0 0 0 14px;
}
.water-heating-text-in-table{
    color: rgb(25, 91, 171);
}
.electrisity-heating-text-in-table{
    color: rgb(227, 30, 4);
}
.without-heating-text-in-table{
    color: rgb(143, 153, 159);
}
.water-heating-text-in-table:before, .electrisity-heating-text-in-table:before, .without-heating-text-in-table:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/sprites-photo.png");
    width: 10px;
    height: 14px;
}
.water-heating-text-in-table:before{
    background-position: -119px -5px;
}
.electrisity-heating-text-in-table:before{
    background-position: -130px -5px;
}
.without-heating-text-in-table:before{
    background-position: -141px -5px;
}
/*Таблица с характеристиками*/




/* Схема управления Волкано */
.volcano-scheme .control-sheme-table{
    min-width: 660px;
    max-width: 900px;
}
.volcano-scheme .control-sheme-table td{
    position: relative;
    height: 293px;
}
.volcano-scheme .control-sheme-td-1,
.volcano-scheme .control-sheme-td-3 {
    background-size: cover;
    background-repeat: no-repeat;
}

.volcano-scheme .control-sheme-td-1{
    width: 174px;
    background-image: url("../images/volcano-sheme/heater-1.jpg");
}
.volcano-scheme .control-sheme-td-2{
    position: relative;
    max-width: 200px;
    min-width: 10px;
    background-image: url("../images/volcano-sheme/heater-2.jpg");
    background-size: 100% 100%;
    background-repeat: repeat-x;
}
.volcano-scheme .control-sheme-td-3{
    width: 480px;
    background-image: url("../images/volcano-sheme/heater-3.jpg");
}


.volcano-scheme .control-sheme-td-1:before, .volcano-scheme .control-sheme-td-3:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background-color: rgb(120, 120, 120);
}


.volcano-scheme .control-sheme-td-1:before{
    top: 11px;
    left: 145px;
}
.volcano-scheme .control-sheme-td-3:before{
    bottom: -20px;
    left: 90px;
    height: 15px;
}


.volcano-scheme .control-sheme-line{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: rgb(120, 120, 120);
}
.volcano-scheme .control-sheme-line1{
    top: 55px;
    left: 167px;
}
.volcano-scheme .control-sheme-line2{
    top: 128px;
    left: 90px;
}


.volcano-scheme .control-sheme-text-1{
}
.volcano-scheme .control-sheme-text-2, .volcano-scheme .control-sheme-text-3{
    position: absolute;
    text-align: right;
}
.volcano-scheme .control-sheme-text-2{
    top: 15px;
    left: -10px;
    width: 200px;
}
.volcano-scheme .control-sheme-text-3{
    width: 310px;
    top: 145px;
    left: -115px;
}
.volcano-scheme .control-sheme-text-4{
    margin-top: 20px;
    padding-bottom: 15px;
}

@media (min-width: 500px){
    .volcano-scheme .control-sheme-text-1{
        width: 80%;
    }
}

@media (min-width: 700px){
    .volcano-scheme .control-sheme-text-1{
        width: 350px;
    }
}

@media (min-width: 850px){
    .volcano-scheme .control-sheme-table{
        width: 90%;
    }
}

@media (min-width: 1100px){
    .volcano-scheme .control-sheme-text-1{
        width: 450px;
    }
}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .volcano-scheme .control-sheme-td-1{
        background-image: url("../images/volcano-sheme/heater-1@2x.jpg");
    }
    .volcano-scheme .control-sheme-td-2{
        background-image: url("../images/volcano-sheme/heater-2@2x.jpg");
    }
    .volcano-scheme .control-sheme-td-3{
        background-image: url("../images/volcano-sheme/heater-3@2x.jpg");
    }
}
/* / / Схема управления Волкано */










/* Схема управления Винга */
.wing-scheme{
    position: relative;
}
.wing-scheme .control-sheme-table{
    min-width: 660px;
    width: 95%;
    margin-left: 5%;
}
.wing-scheme .control-sheme-table td{
    position: relative;
    height: 409px;
}

.wing-scheme .control-sheme-td-1{
    width: 261px;
    min-width: 261px;
    background-image: url("../images/wing-sheme/curtain-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.wing-scheme .control-sheme-td-2{
    max-width: 200px;
    background-image: url("../images/wing-sheme/curtain-2.jpg");
    background-size: auto 100%;
    background-repeat: repeat-x;
}
.wing-scheme .control-sheme-td-3{
    width: 199px;
    min-width: 199px;
    background-image: url("../images/wing-sheme/curtain-3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.wing-scheme .control-sheme-td-4{
    max-width: 200px;
    background-image: url("../images/wing-sheme/curtain-4.jpg");
    background-size: auto 100%;
    background-repeat: repeat-x;
}


.wing-scheme .control-sheme-line1, .wing-scheme .control-sheme-line2, .wing-scheme .control-sheme-line3, .wing-scheme .control-sheme-line4, .wing-scheme .control-sheme-line5,
.wing-scheme .control-sheme-text-1, .wing-scheme .control-sheme-text-2, .wing-scheme .control-sheme-text-3, .wing-scheme .control-sheme-text-4, .wing-scheme .control-sheme-text-5{
    position: absolute;
    z-index: 1;
}

.wing-scheme .control-sheme-line1, .wing-scheme .control-sheme-line2, .wing-scheme .control-sheme-line3, .wing-scheme .control-sheme-line4, .wing-scheme .control-sheme-line5{
    width: 1px;
    height: 25px;
    background-color: rgb(120, 120, 120);
}

.wing-scheme .control-sheme-line1{
    width: 15px !important;
    height: 1px !important;
    top: 120px;
    left: 55px;
}
.wing-scheme .control-sheme-line2{
    top: 79px;
    left: 115px;
    height: 10px !important;
}
.wing-scheme .control-sheme-line3{
    top: 275px;
    left: 90px;
    height: 15px;
}
.wing-scheme .control-sheme-line4{
    top: 337px;
    left: 115px;
    height: 15px;
}
.wing-scheme .control-sheme-line5{
    top: 81px;
    left: 115px;
    height: 10px;
}


.wing-scheme .control-sheme-text-1{
    top: 0;
    left: 0;
    width: 300px;
}
.wing-scheme .control-sheme-text-2{
    top: 92px;
    left: 74px;
    width: 185px;
}
.wing-scheme .control-sheme-text-3{
    width: 310px;
    top: 292px;
    left: 15px;
}
.wing-scheme .control-sheme-text-4{
    top: 80px;
    left: -5px;
    width: 305px;
}
.wing-scheme .control-sheme-text-5{
    top: 355px;
    left: -180px;
    width: 480px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .wing-scheme .control-sheme-td-1{
        background-image: url("../images/wing-sheme/curtain-1@2x.jpg");
    }
    .wing-scheme .control-sheme-td-2{
        background-image: url("../images/wing-sheme/curtain-2@2x.jpg");
    }
    .wing-scheme .control-sheme-td-3{
        background-image: url("../images/wing-sheme/curtain-3@2x.jpg");
    }
    .wing-scheme .control-sheme-td-4{
        background-image: url("../images/wing-sheme/curtain-4@2x.jpg");
    }
}
/* / / Схема управления Винга */






/*Дополнительное оборудование*/
.tab-of-model-content-padding .optional-equipment-general-wrapper:last-child{
    margin: 0 0 0 0;
}
.optional-equipment-general-wrapper{
    margin: 0 0 50px 0;
}
.optional-equipment-img{
    width: 100%;
    max-width: 220px;
}
.optional-equipment-art{
    font-size: 13px;
    line-height: 18px;
    color: rgb(120, 120, 120);
    padding: 6px 0 0 0;
}
.optional-equipment-cost-text{
    position: relative;
    padding: 7px 0 12px 28px;
}
.optional-equipment-cost-text:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 19px;
    background-image: url("../images/sprites-flat.png");
    background-position: -312px -84px;
    margin: -13px 0 0 0;
}
.oe-hidden-content{
    display: none;
    margin: 0 0 0 0;
    transition: all 4.3s;
}
.oe-hidden-content-open{
    display: block;
    margin: 15px 0 0 0;
}
.oe-characteristic-wrapper{
    border: 1px solid rgb(220, 220, 220);
    border-radius: 3px;
    padding: 15px 4% 0 4%;
}
.oe-characteristic-wrapper h4{
    font-size: 14px;
    line-height: 16px;
}
.oe-characteristic-wrapper p{
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    padding: 2px 0 14px 0;
}
.oe-documents-header{
    position: relative;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
}
.oe-documents-header:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgb(220, 220, 220);
}
.oe-documents-header>span{
    position: relative;
    display: inline-block;
    background-color: white;
    padding: 0 7px 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .optional-equipment-cost-text:before{
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }
}
/* / / Дополнительное оборудование*/


/*Монтаж тепловентилятора*/
.max-width-216, .max-width-229, .max-width-251, .max-width-265, .max-width-267, .max-width-269{
    width: 100%;
}
.max-width-216{
    max-width: 216px;
}
.max-width-229{
    max-width: 229px;
}
.max-width-251{
    max-width: 251px;
}
.max-width-265{
    max-width: 265px;
}
.max-width-267{
    max-width: 267px;
}
.max-width-269{
    max-width: 269px;
}
/* / / Монтаж тепловентилятора*/





/*Форма «Обратная связь»*/
.modern-form-wrapper{
    background-color: rgb(244, 244, 247);
    border-radius: 3px;
}
.modern-form-wrapper-horisontal-paddings{
    padding-left: 5%;
    padding-right: 5%;
}
.modern-form-text-label{
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    color: rgb(100, 100, 100);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: translate(0px, 27px);
    transition: all .2s;
}
.modern-form-text-label-focused{
    color: rgb(60, 60, 60);
    transform: translate(0px, 0);
}
.modern-form-text-input{
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgb(215, 215, 215);
    border-radius: 3px;
    background-color: transparent;
    padding: 3px 8px;
    transition: all .3s;
}
.modern-form-text-input-focused{
    border-bottom: 1px solid rgb(255, 255, 255);
    background-color: white;
}
.modern-form-filename {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    color: rgb(120, 120, 120);
}
.btn-file-wrapper{
    display: inline-block;
    text-align:center;
    vertical-align: top;
    overflow:hidden;
    width:122px;
    height:27px;
    cursor: pointer;
    margin-left:10px;
}
.btn-file-input {
    margin-top:-50px;
    margin-left:-410px;
    opacity:0;
    font-size:150px;
    height:100px;
    cursor: pointer;
}

.error-msg-container {
    opacity: 0;
    max-height: 0;
    margin: 0 0 0 0;
    transform: translateY(0);
}
.error-msg-container-open, input.error + .error-msg-container {
    opacity: 1;
    max-height: 20em;
    margin: 10px 0 0 0;
    transform: translateY(0px);
    transition: all .3s;
}
.error-msg{
    position: relative;
    font-size: 13px;
    line-height: 15px;
    color: rgb(127, 61, 61);
    background-color: rgb(255, 208, 208);
    border-radius: 3px;
    padding: 6px 10px;
}
.error-msg:before{
    content: '';
    position: absolute;
    top: -5px;
    left: 8px;
    width: 13px;
    height: 6px;
    background-image: url("../images/sprites-flat.png");
    background-position: -84px -13px;
}

/* Подпись про обработку данных */
.form-data-processing-w{

}
.form-data-processing-w input[type="checkbox"]{
    float: left;
    margin-top: 4px;
}
.form-data-processing-text{
    font-size: 13px;
    line-height: 21px;
    color: rgb(120, 120, 120);
    padding: 0 0 0 17px;
}
.form-data-processing-text a{
    color: rgb(30, 30, 30);
    border-bottom-color: rgba(60, 60, 60, .15);
}
.form-data-processing-text a:hover{
    border-bottom-color: rgba(60, 60, 60, .3);
}
.form-data-processing-text a:focus{
    text-decoration: none;
}

@media (min-width: 500px) {
    .modern-form-wrapper-horisontal-paddings{
        padding-left: 4%;
        padding-right: 4%;
    }
}
@media (min-width: 700px) {
    .modern-form-wrapper-horisontal-paddings{
        padding-left: 3%;
        padding-right: 3%;
    }
}
@media (min-width: 960px) {
    .modern-form-wrapper-horisontal-paddings{
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .error-msg:before{
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }
}
/* / / Форма «Обратная связь»*/



/*Контактная инфомация*/
.comment-sign, .adress-sign, .email-sign{
    width: 26px;
    height: 26px;
}
.comment-sign{
    background-position: -345px 0;
}
.adress-sign{
    background-position: -371px 0;
}
.email-sign{
    background-position: -397px 0;
}
/* / / Контактная инфомация*/


/*Карта в Контактной информации*/
.contacts-map-section-outer{
    height: 0;
    overflow: hidden;
    margin: 0 0 0 0;
    transition: all .3s;
}
.contacts-map-section-outer-open{
    height: 400px;
    margin: 30px 0 0 0;
}
.contacts-map-section{
    height: 400px;
}
/* / / Карта в Контактной информации*/




/*Новости*/
.news-date {
    font-size: 11px;
    line-height: 13px;
    color: rgb(160, 160, 160);
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 20px 0 0 0;
}
.news-text {
    padding: 3px 0 0 22px;
}
/* / / Новости*/


/*Где купить*/
.where-buy-letters-wrapper {
    margin-bottom: 5px;
}
.where-buy-letter {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 11px 10px 11px;
}
.where-buy-letter-selected {
    color: white;
    background-color: rgb(250, 118, 0);
    border-radius: 16px;
    border-bottom: none;
    padding: 8px 11px 5px 11px;
    margin: 7px 0 5px 0;
}
.where-buy-letter-selected:hover {
    color: white;
    border-bottom: none;
    cursor: default;
}
.where-buy-letter-selected:focus {
    color: white;
    border-bottom: none;
}

.where-buy-city {
    display: inline-block;
    line-height: 15px;
    margin: 7px 11px 9px 11px;
}
.where-buy-city-selected {
    color: white;
    background-color: rgb(250, 118, 0);
    border-radius: 16px;
    border-bottom: none;
    padding: 5px 11px 4px 11px;
    margin: 2px 0 5px 0;
}
.where-buy-city-selected:hover {
    color: white;
    border-bottom: none;
    cursor: default;
}
.where-buy-city-selected:focus {
    color: white;
    border-bottom: none;
}



.where-buy-adress-wrapper {
    font-size: 15px;
    line-height: 18px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 10px 10px;
}
.where-buy-adress-wrapper:hover {
    background: rgb(240, 243, 248);
    transition: all 0.1s ease;
}
.where-buy-adress-wrapper-selected {
    position: relative;
    color: white;
    background: rgb(250, 118, 43) !important;
    cursor: default;
}
.where-buy-adress-wrapper-selected .where-buy-adress {
    color: white;
    border-bottom: none;
}

.where-buy-adress-wrapper-selected:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -6px;
    width: 0;
    height: 14px;
    background-image: url('../images/sprites-flat.png');
    background-position: -281px 0;
    margin-top: -7px;
}
.where-buy-adress {

}
.where-buy-map-wrapper {
    height: 450px;
}
@media (min-width: 700px) {
    .where-buy-adress-wrapper-selected:after {
        width: 6px;
    }
}
/* / / Где купить*/




/*Вакансии*/
.vacancy-pay{
    position: relative;
    padding: 10px 0 0 30px;
}
.vacancy-pay:before{
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 21px;
    height: 21px;
    background-image: url("../images/sprites-flat.png");
    background-position: -288px 0;
}
.editable-content .vacancy-subheader{
    font-weight: 700;
    padding: 10px 0 0 20px;
    margin: 0 0 0 0;
}
.editable-content .vacancy-description{
    padding: 5px 0 0 40px;
    margin: 0 0 0 0;
}
.editable-content .vacancy-list{
    padding: 0 0 0 60px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .vacancy-pay:before{
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }
}
/* / / Вакансии*/


/*Реализованные проекты*/
.finished-project-intro-wrapper{
    display: block;
    width: 100%;
}
.fpi-left-column, .fpi-right-column{
    display: block;
    vertical-align: middle;
}
.fpi-left-column{
}
.fpi-right-column{
    padding: 0 0 20px 0;
}



.fpi-left-column-thumbs-wrapper{
    display: block;
    padding: 10px 0 10px 0;
}
.fpi-left-column-thumb:nth-child(1){
    width: 115px;
    height: 115px;
}
.fpi-left-column-thumb:nth-child(2){
    width: 100px;
    height: 100px;
    margin: 0 0 0 -70px;
}
.fpi-left-column-thumb:nth-child(3){
    width: 85px;
    height: 85px;
    margin: 0 0 0 -65px;
}
.fpi-left-column-thumbs-wrapper:hover .fpi-left-column-thumb:nth-child(2){
    margin: 0 0 0 -60px;
}
.fpi-left-column-thumbs-wrapper:hover .fpi-left-column-thumb:nth-child(3){
    margin: 0 0 0 -55px;
}

@media (min-width: 500px){
    .finished-project-intro-wrapper{
        display: table;
    }
    .fpi-left-column, .fpi-right-column{
        display: table-cell;
    }
    .fpi-left-column{
        width: 155px;
    }
    .fpi-right-column{
        padding: 5px 0 15px 0;
    }
    .fpi-left-column-thumb:nth-child(1){
        width: 90px;
        height: 90px;
    }
    .fpi-left-column-thumb:nth-child(2){
        width: 75px;
        height: 75px;
        margin: 0 0 0 -60px;
    }
    .fpi-left-column-thumb:nth-child(3){
        width: 50px;
        height: 50px;
        margin: 0 0 0 -35px;
    }
    .fpi-left-column-thumbs-wrapper:hover .fpi-left-column-thumb:nth-child(2){
        margin: 0 0 0 -55px;
    }
    .fpi-left-column-thumbs-wrapper:hover .fpi-left-column-thumb:nth-child(3){
        margin: 0 0 0 -30px;
    }
}
@media (min-width: 700px){
    .finished-project-intro-wrapper{
        display: block;
    }
    .fpi-left-column, .fpi-right-column{
        display: block;
    }
    .fpi-left-column{
        width: 100%;
    }
    .fpi-left-column, .fpi-right-column{
        /*padding: 5px 0;*/
    }
}

@media (min-width: 960px){
    .finished-project-intro-wrapper{
        display: table;
    }
    .fpi-left-column, .fpi-right-column{
        display: table-cell;
        padding: 0 0;
    }
    .fpi-left-column{
        width: 210px;
    }
    .fpi-left-column{
        width: 200px;
    }
    .fpi-left-column-thumb:nth-child(1){
        width: 115px;
        height: 115px;
    }
    .fpi-left-column-thumb:nth-child(2){
        width: 100px;
        height: 100px;
        margin: 0 0 0 -70px;
    }
    .fpi-left-column-thumb:nth-child(3){
        width: 85px;
        height: 85px;
        margin: 0 0 0 -65px;
    }
    .fpi-left-column-thumbs-wrapper:hover .fpi-left-column-thumb:nth-child(2){
        margin: 0 0 0 -60px;
    }
    .fpi-left-column-thumbs-wrapper:hover .fpi-left-column-thumb:nth-child(3){
        margin: 0 0 0 -55px;
    }
}
/* / / Реализованные проекты*/


/*Страница законченного проекта*/
.gallery-wrapper{
    max-width: 1100px;
}
.another-projects-wrapper{
    padding: 10px 0 15px 0;
}
@media (min-width: 960px){
    .another-projects-wrapper{
        padding: 16px 0 22px 0;
    }
}
/* / / Страница законченного проекта*/


/*О компании*/
.about-company-td{
    padding: 7px 10px 7px 0;
}
.about-company-map-wrapper{
    height: 230px;
}
.staff-w {
    display: inline-block;
    width: 140px;
    vertical-align: top;
    padding: 0 5px 0 0;
}
/* / / О компании*/




/*Плоская форма*/
.flat-form-wrapper{
    background-color: rgb(248, 249, 250);
    border-radius: 3px;
}
.flat-form-wrapper-padding{
    padding-left: 10px;
    padding-right: 10px;
}
.flat-form-general-header{
    position: relative;
    padding: 0 0 0 32px;
}
.flat-form-general-header-design:before{
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url('../images/sprites-photo.png');
    background-position: -91px -1px;
}
.flat-form-general-header-calc:before{
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px;
    height: 21px;
    background-image: url('../images/sprites-photo.png');
    background-position: -1px -1px;
}
.flat-form-die{
    background-color: white;
    border-radius: 3px;
}
.flat-form-die-padding{
    padding-left: 10px;
    padding-right: 10px;
}
.flat-form-text-input{
    width: 100%;
    border: 1px solid rgb(244, 245, 247);
    border-radius: 3px;
    background-color: rgb(244, 245, 247);
    transition: border-color .3s;
    padding: 4px 9px;
}
.flat-form-text-input:hover{
    border-color: rgb(229, 231, 236);
}
.flat-form-text-input:focus{
    border-color: rgb(216, 220, 226);
}

.flat-form-number-input{
    font-size: 22px;
    padding: 3px 9px 2px 9px;
}
.flat-form-number-input-diacritic{
    position: absolute;
    display: none;
    font-size: 22px;
}
.flat-form-number-input-diacritic>sup{
    font-size: .6em;
    vertical-align: -1px;
}





.flat-form-select-input + span{
    background-color: rgb(244, 245, 247);
    border: none;
}
.flat-form-select-input + span:after{
    content: '';
    position: absolute;
    top: 15px;
    right: 8px;
    width: 7px;
    height: 6px;
    background-image: url('../images/sprites-flat.png');
    background-position: -272px -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .flat-form-general-header-design:before{
        background-image: url('../images/sprites-photo@2x.png');
        background-size: 1000px;
    }
    .flat-form-select-input + span:after{
        background-image: url('../images/sprites-flat@2x.png');
        background-size: 1000px;
    }
    .flat-form-slider>span{
        background-image: url('../images/sprites-flat@2x.png');
        background-size: 1000px;
    }
    .flat-form-general-header-design:before{
        background-image: url('../images/sprites-photo@2x.png');
        background-size: 1000px;
    }
    .flat-form-general-header-calc:before{
        background-image: url('../images/sprites-photo@2x.png');
        background-size: 1000px;
    }
    .flat-form-general-header-calc-result:before {
        background-image: url('../images/sprites-photo@2x.png');
        background-size: 1000px;
    }
}

.flat-form-select-input{
    width: 100%;
    max-width: 200px;
}
.ui-selectmenu-button span.ui-selectmenu-text{
    padding: 6px 15px 6px 9px;
}
ui-selectmenu-button ui-widget.ui-state-default.ui-corner-all{
    background-color: red;
}
.ui-menu ui-widget.ui-widget-content.ui-corner-bottom{
    background-color: red;
}
.ui-menu .ui-menu-item{
    background-color: white;
    /*border: 1px solid rgb(240, 240, 240);
    border-bottom: none;*/
    border-top: none;
    padding: 8px 9px;
    margin: 0;
}
.ui-menu .ui-menu-item:hover{
    background-color: rgb(244, 245, 247);
}

.ui-selectmenu-menu .ui-menu{
    border: 1px solid rgb(240, 240, 240);
}


.flat-form-radio-label{
    display: block;
    line-height: 16px;
    padding: 16px 0 2px 25px;
}
.flat-form-radio-input + .flat-form-radio-label{
    cursor: pointer;
}
.flat-form-radio-input:not(checked){
    position: absolute;
    opacity: 0;
}
.flat-form-radio-input:not(checked) + .flat-form-radio-label{
    position: relative;
}
.flat-form-radio-input:not(checked) + .flat-form-radio-label:before{
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: rgb(216, 222, 226);
}
.flat-form-radio-input:checked + .flat-form-radio-label:before{
    box-shadow: inset 0 1px 1px rgba(82, 146, 6, .5);
    background-color: rgb(122, 193, 37);
}
.flat-form-radio-input:checked + .flat-form-radio-label:after{
    content: '';
    position: absolute;
    top: 20px;
    left: 5px;
    width: 7px;
    height: 7px;
    box-shadow: 0 1px 1px rgba(82, 146, 6, .5);
    border-radius: 50%;
    background-color: white;
}
.ui-slider-horizontal{
    width: calc(100% - 22px);
    height: 6px;
    background-color: rgb(98, 177, 6);
    background: linear-gradient(90deg, rgb(98, 177, 6), rgb(188, 220, 2), rgb(255, 178, 0));
    /*background: linear-gradient(90deg, rgb(98, 177, 6), rgb(235, 221, 0), rgb(255, 36, 0));*/
    border-radius: 3px;
    margin-left: 11px;
}
.ui-slider-horizontal2{
    background: linear-gradient(90deg, rgb(98, 177, 6), rgb(235, 221, 0), rgb(255, 36, 0));
}
.ui-slider-horizontal .ui-slider-handle{
    top: 9px;
    width: 22px;
    height: 25px;
    background-image: url('../images/sprites-flat.png');
    background-position: -345px -30px;
    margin-left: -11px;
}
.ui-slider-horizontal .ui-slider-handle:before, .ui-slider-horizontal .ui-slider-handle:after{
    content: '';
    position: absolute;
    width: 600px;
    height: 100%;
    background-color: white;
}
.ui-slider-horizontal .ui-slider-handle:before{
    left: -600px;
}
.ui-slider-horizontal .ui-slider-handle:after{
    right: -600px;
}
.slider-value-elem{
    position: absolute;
    top: -34px;
    left: 50%;
    width: 40px;
    height: 20px;
    font-size: 15px;
    text-align: center;
    color: rgb(98, 177, 6);
    margin: 0 0 0 -20px;
    transition: color .2s;
}
.slider-overflow-hidden{
    width: calc(100% + 22px);
    height: 70px;
    overflow: hidden;
    margin: 0 0 0 -11px;
}
.ffs-down-gradient, .ffs-down-gradient2{
    height: 25px;
    background-color: rgb(98, 177, 6);
    margin: 3px 0 0 -11px;
}
.ffs-down-gradient{
    background: linear-gradient(90deg, rgb(98, 177, 6), rgb(188, 220, 2), rgb(255, 178, 0));
}
.ffs-down-gradient2{
    background: linear-gradient(90deg, rgb(98, 177, 6), rgb(235, 221, 0), rgb(255, 36, 0));
}
.calc-form-volcano-img{
    height: 53px;
    background-size: 52px 53px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    margin-left: -4px;
}
.calc-form-volcano-mini {
    background-image: url('../images/calc/speedMini.png');
}
.calc-form-volcano-vr1 {
    background-image: url('../images/calc/speedVR1.png');
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .calc-form-volcano-mini{
        background-image: url('../images/calc/speedMini_2x.png');
    }
    .calc-form-volcano-vr1{
        background-image: url('../images/calc/speedVR1_2x.png');
    }

    .ui-slider-horizontal .ui-slider-handle{
        background-image: url('../images/sprites-flat@2x.png');
        background-size: 1000px;
    }
}


@media (min-width:500px) {
    .flat-form-wrapper-padding{
        padding-left: 15px;
        padding-right: 15px;
    }
    .flat-form-die-padding{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width:700px) {
    .flat-form-wrapper-padding{
        padding-left: 20px;
        padding-right: 20px;
    }
    .flat-form-die-padding{
        padding-left: 19px;
        padding-right: 19px;
    }
}
@media (min-width:960px) {
    .flat-form-wrapper-padding{
        padding-left: 25px;
        padding-right: 25px;
    }
    .flat-form-die-padding{
        padding-left: 23px;
        padding-right: 23px;
    }
}

.valc-speed-wrapper{
    display: inline-block;
    width: 200px;
    vertical-align: top;
    padding: 0 35px 0 0;
}
.valc-speed-additional-text{
    display: none;
}
/* / / Плоская форма*/



/*Результат расчета*/
.flat-form-general-header-calc-result:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px;
    height: 21px;
    background-image: url('../images/sprites-photo.png');
    background-position: -155px -1px;
}
.calc-result-temp{
    display: inline-block;
    background-color: rgb(254, 223, 0);
    border-radius: 3px;
    padding: 0 7px;
}
.calc-result-heat{
    color: rgb(220, 0, 0);
}
.calc-result-heat-value{
    position: relative;
    display: inline-block;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: rgb(220, 0, 0);
    background: linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 204, 76));
    padding: 1px 0 0 10px;
}
.calc-result-heat-value:after{
    content: '';
    position: absolute;
    right: -34px;
    bottom: 0;
    width: 34px;
    height: 45px;
    background-image: url('../images/sprites-photo.png');
    background-position: -1px -26px;
}
.calc-result-item-wrapper{
    display: inline-block;
    width: 270px;
}
.calc-result-item-wrapper2{
    display: inline-block;
    box-sizing: border-box;
    width: 200px;
    border-radius: 3px;
    border: 1px solid rgb(238, 236, 230);
    padding: 20px 15px 20px 15px;
}
.calc-result-img-mini{
    width: 72px !important;
}
.calc-result-img-vr1{
    width: 85px !important;
}
.calc-result-item-or{
    display: inline-block;
    padding-top: 52px;
    vertical-align: top;
}
.calc-result-comment-wrapper{
    position: relative;
    background-color: rgb(251, 250, 247);
    border: 1px solid rgb(238, 236, 230);
    border-radius: 3px;
}
.calc-result-comment-wrapper:before{
    content: '';
    position: absolute;
    top: -22px;
    left: 50px;
    width: 25px;
    height: 22px;
    background-image: url("../images/sprites-flat.png");
    background-position: -369px -30px;
}
.calc-result-comment-wrapper-padding{
    padding-left: 15px;
    padding-right: 15px;
}
.calc-result-few-apparates-wrapper{
    display: inline-block;
    vertical-align: top;
    width: 200px;
}
.calc-result-few-apparates-counter-wrapper{
    width: 78px;
    height: 57px;
    font-size: 50px;
    line-height: 61px;
    text-align: center;
    font-weight: 700;
    color: rgb(205, 205, 205);
    background-image: url("../images/sprites-flat.png");
    background-position: -345px -59px;
}
.few-apparates-counter-multuply{
    font-weight: 100;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .flat-form-general-header-calc-result:before {
        background-image: url('../images/sprites-photo@2x.png');
        background-size: 1000px;
    }
    .calc-result-heat-value:after{
        background-image: url('../images/sprites-photo@2x.png');
        background-size: 1000px;
    }
    .calc-result-comment-wrapper:before{
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }
    .calc-result-few-apparates-counter-wrapper{
        background-image: url("../images/sprites-flat@2x.png");
        background-size: 1000px;
    }

}
/* Результат расчета */


/*Форма с подтверждением отправки формы*/
.form-success-sent-sign{
    display: inline-block;
    width: 23px;
    height: 22px;
    background-image: url('../images/sprites-photo.png');
    background-position: -176px -1px;
}
/* / / Форма с подтверждением отправки формы*/

input[name="surname"] {
    display: none;
}
.ajax_form .error {
    color: rgb(30, 30, 30) !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .form-success-sent-sign{
        background-image: url('../images/sprites-photo@2x.png');
        background-size: 1000px;
    }
}


/* Форма с qr-кодом соцсети */
#qr-form .qr-img {
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
}
#qr-form .btn {
    width: 100%;
    text-align: center;
}
#qr-form .btn:hover:active {
    color: #fff;
}
#qr-form .btn[data-social="tg"] {
    background-color: #3491EC;
}
#qr-form .btn[data-social="tg"]:hover {
    background-color: #257cd1;
}
#qr-form .btn[data-social="tg"]:hover:active {
    background-color: #168cff;
}
#qr-form .btn[data-social="wa"] {
    background-color: #23D366;
}
#qr-form .btn[data-social="wa"]:hover {
    background-color: #11c455;
}
#qr-form .btn[data-social="wa"]:hover:active {
    background-color: #17de63;
}
/* / / Форма с qr-кодом соцсети */


/* Кнопки социальных сетей */
.social-buttons {
    right: 35px;
    bottom: 35px;
    position: fixed;
    z-index: 2;
    display: flex;
    flex-direction: column;
}
.social-buttons__element {
    width: 51px;
    height: 51px;
    margin-bottom: 10px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px;
    border-radius: 50%;
}
.social-buttons__element:last-child {
    margin-bottom: 0;
}
.social-buttons__element.tg-button {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAzMSAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3Ljk5OTMgMC42MTc3NzJMMS41NTEzOCAxMC44MTY2Qy0wLjI1MzU3OSAxMS41NDE1IC0wLjI0MzEzNyAxMi41NDg0IDEuMjIwMjMgMTIuOTk3NEw4LjAxMDQ3IDE1LjExNTdMMjMuNzIxMSA1LjIwMzI3QzI0LjQ2NCA0Ljc1MTI5IDI1LjE0MjcgNC45OTQ0MyAyNC41ODQ4IDUuNDg5NjhMMTEuODU2MSAxNi45NzczSDExLjg1MzFMMTEuODU2MSAxNi45Nzg4TDExLjM4NzcgMjMuOTc3OUMxMi4wNzM5IDIzLjk3NzkgMTIuMzc2NyAyMy42NjMxIDEyLjc2MTUgMjMuMjkxN0wxNi4wNTk3IDIwLjA4NDVMMjIuOTIwMSAyNS4xNTE4QzI0LjE4NSAyNS44NDg1IDI1LjA5MzUgMjUuNDkwNSAyNS40MDgyIDIzLjk4MDlMMjkuOTExNyAyLjc1Njg4QzMwLjM3MjYgMC45MDg2NTQgMjkuMjA2MSAwLjA3MTgwNzUgMjcuOTk5MyAwLjYxNzc3MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}
.social-buttons__element.tg-button,
.social-buttons__element.tg-button::before,
.social-buttons__element.tg-button .social-buttons__element-name {
    background-color: #3491EC;
}

.social-buttons__element.wa-button {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDA5NzY1NjIgMTkuMTczNkwxLjI5OTQgMTQuNDYyMkMwLjUwMzYwMyAxMy4wODMyIDAuMDg1NDQ2NiAxMS41MTk5IDAuMDg2MjExMSA5LjkxNjc5QzAuMDg4NTA0NSA0LjkwNTAzIDQuMTY2ODcgMC44MjY2NiA5LjE3Nzg3IDAuODI2NjZDMTEuNjA5NiAwLjgyNzQyNSAxMy44OTIzIDEuNzc0NTggMTUuNjA5MiAzLjQ5MzA4QzE3LjMyNTQgNS4yMTE1NyAxOC4yNzAzIDcuNDk1NzYgMTguMjY5NSA5LjkyNTJDMTguMjY3MiAxNC45Mzc3IDE0LjE4ODkgMTkuMDE2MSA5LjE3Nzg3IDE5LjAxNjFDNy42NTY2MSAxOS4wMTUzIDYuMTU3NTEgMTguNjMzOSA0LjgyOTY1IDE3LjkwOTJMMC4wMDk3NjU2MiAxOS4xNzM2VjE5LjE3MzZaTTUuMDUyODcgMTYuMjYzM0M2LjMzNDEgMTcuMDIzOSA3LjU1NzIzIDE3LjQ3OTUgOS4xNzQ4MSAxNy40ODAzQzEzLjMzOTYgMTcuNDgwMyAxNi43MzIyIDE0LjA5MDcgMTYuNzM0NSA5LjkyMzY3QzE2LjczNiA1Ljc0ODIyIDEzLjM1OTQgMi4zNjMyMSA5LjE4MDkzIDIuMzYxNjhDNS4wMTMxMiAyLjM2MTY4IDEuNjIyNzYgNS43NTEyOCAxLjYyMTI0IDkuOTE3NTVDMS42MjA0NyAxMS42MTg1IDIuMTE4OSAxMi44OTIgMi45NTU5NyAxNC4yMjQ1TDIuMTkyMjggMTcuMDEzMkw1LjA1Mjg3IDE2LjI2MzNWMTYuMjYzM1pNMTMuNzU3NyAxMi4wODYzQzEzLjcwMTEgMTEuOTkxNSAxMy41NDk4IDExLjkzNDkgMTMuMzIyIDExLjgyMUMxMy4wOTQ5IDExLjcwNzEgMTEuOTc4MSAxMS4xNTc1IDExLjc2OTQgMTEuMDgxOEMxMS41NjE0IDExLjAwNjEgMTEuNDEwMSAxMC45Njc5IDExLjI1OCAxMS4xOTU3QzExLjEwNjYgMTEuNDIyOCAxMC42NzA5IDExLjkzNSAxMC41Mzg2IDEyLjA4NjNDMTAuNDA2MyAxMi4yMzc3IDEwLjI3MzMgMTIuMjU2OCAxMC4wNDYzIDEyLjE0MjlDOS44MTkyNSAxMi4wMjkgOS4wODY5IDExLjc4OTcgOC4yMTkyNCAxMS4wMTUzQzcuNTQ0MjMgMTAuNDEyOSA3LjA4Nzg1IDkuNjY5MTEgNi45NTU2IDkuNDQxM0M2LjgyMzM1IDkuMjE0MjYgNi45NDE4NCA5LjA5MTE4IDcuMDU0OTggOC45NzgwNEM3LjE1NzQyIDguODc2MzcgNy4yODIwMiA4LjcxMjc3IDcuMzk1OTMgOC41Nzk3NkM3LjUxMTM2IDguNDQ4MjcgNy41NDg4MiA4LjM1MzQ4IDcuNjI1MjYgOC4yMDEzNUM3LjcwMDk0IDguMDQ5OTkgNy42NjM0OSA3LjkxNjk4IDcuNjA2MTUgNy44MDMwN0M3LjU0ODgyIDcuNjg5OTMgNy4wOTQ3MyA2LjU3MTU0IDYuOTA1OTEgNi4xMTY2OUM2LjcyMDkxIDUuNjc0MDcgNi41MzM2MiA1LjczMzY5IDYuMzk0NDkgNS43MjY4MUw1Ljk1ODc1IDUuNzE5MTdDNS44MDczOSA1LjcxOTE3IDUuNTYxMjQgNS43NzU3NCA1LjM1MzMgNi4wMDM1NUM1LjE0NTM3IDYuMjMxMzUgNC41NTgyNyA2Ljc4MDIzIDQuNTU4MjcgNy44OTg2M0M0LjU1ODI3IDkuMDE3MDMgNS4zNzI0MSAxMC4wOTcyIDUuNDg1NTUgMTAuMjQ4NkM1LjU5OTQ2IDEwLjM5OTkgNy4wODcwOSAxMi42OTQ4IDkuMzY1OTMgMTMuNjc4N0M5LjkwNzkyIDEzLjkxMjYgMTAuMzMxNCAxNC4wNTI1IDEwLjY2MDkgMTQuMTU3MkMxMS4yMDUyIDE0LjMzIDExLjcwMDYgMTQuMzA1NSAxMi4wOTIgMTQuMjQ3NEMxMi41Mjg1IDE0LjE4MjQgMTMuNDM1OSAxMy42OTc4IDEzLjYyNTUgMTMuMTY3M0MxMy44MTUxIDEyLjYzNiAxMy44MTUxIDEyLjE4MTEgMTMuNzU3NyAxMi4wODYzVjEyLjA4NjNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
}
.social-buttons__element.wa-button,
.social-buttons__element.wa-button::before,
.social-buttons__element.wa-button .social-buttons__element-name {
    background-color: #23D366;
}

.social-buttons__element::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    -webkit-animation: pulse-animation 3.2s ease-in-out infinite;
    -moz-animation: pulse-animation 3.2s ease-in-out infinite;
    -ms-animation: pulse-animation 3.2s ease-in-out infinite;
    -o-animation: pulse-animation 3.2s ease-in-out infinite;
    animation: pulse-animation 3.2s ease-in-out infinite
}
.social-buttons__element-name {
    display: none;
    position: absolute;
    top: 50%;
    padding: 4px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    border-radius: 15px;
    transform: translateY(-50%);
    transition: right .2s ease, left .2s ease;
    cursor: pointer;
}

@-webkit-keyframes pulse-animation {
    0% {
        width: 90%;
        height: 90%
    }
    15% {
        opacity: .5
    }
    60% {
        opacity: 0
    }
    80%,95% {
        opacity: 0;
        width: 250%;
        height: 250%
    }
    100% {
        opacity: 0;
        width: 90%;
        height: 90%
    }
}
@-moz-keyframes pulse-animation {
    0% {
        width: 90%;
        height: 90%
    }
    15% {
        opacity: .5
    }
    60% {
        opacity: 0
    }
    80%,95% {
        opacity: 0;
        width: 250%;
        height: 250%
    }
    100% {
        opacity: 0;
        width: 90%;
        height: 90%
    }
}
@-ms-keyframes pulse-animation {
    0% {
        width: 90%;
        height: 90%
    }
    15% {
        opacity: .5
    }
    60% {
        opacity: 0
    }
    80%,95% {
        opacity: 0;
        width: 250%;
        height: 250%
    }
    100% {
        opacity: 0;
        width: 90%;
        height: 90%
    }
}
@keyframes pulse-animation {
    0% {
        width: 90%;
        height: 90%
    }
    15% {
        opacity: .5
    }
    60% {
        opacity: 0
    }
    80%,95% {
        opacity: 0;
        width: 250%;
        height: 250%
    }
    100% {
        opacity: 0;
        width: 90%;
        height: 90%
    }
}
@media 
    screen and (orientation: landscape) and (min-height: 500px), 
    screen and (min-width: 500px){
    .social-buttons__element-name {
        right: 60px;
    }
    .social-buttons__element:hover .social-buttons__element-name {
        right: 55px;
    }
}
@media 
    screen and (orientation: landscape) and (max-height: 499px), 
    screen and (max-width: 499px){
    .social-buttons {
        bottom: 20px;
        right: 50%;
        transform: translateX(50%);
        flex-direction: row;
    }
    .social-buttons__element {
        margin-bottom: 0;
        margin-right: 20px;
    }
    .social-buttons__element:first-child .social-buttons__element-name {
        right: 60px;
    }
    .social-buttons__element:first-child:hover .social-buttons__element-name {
        right: 55px;
    }
    .social-buttons__element:last-child .social-buttons__element-name {
        left: 60px;
    }
    .social-buttons__element:last-child:hover .social-buttons__element-name {
        left: 55px;
    }
    .social-buttons__element:last-child {
        margin-right: 0;
    }
    @-webkit-keyframes pulse-animation {
        0% {
            width: 90%;
            height: 90%
        }
        15% {
            opacity: .5
        }
        60% {
            opacity: 0
        }
        80%,95% {
            opacity: 0;
            width: 200%;
            height: 200%
        }
        100% {
            opacity: 0;
            width: 90%;
            height: 90%
        }
    }
    @-moz-keyframes pulse-animation {
        0% {
            width: 90%;
            height: 90%
        }
        15% {
            opacity: .5
        }
        60% {
            opacity: 0
        }
        80%,95% {
            opacity: 0;
            width: 200%;
            height: 200%
        }
        100% {
            opacity: 0;
            width: 90%;
            height: 90%
        }
    }
    @-ms-keyframes pulse-animation {
        0% {
            width: 90%;
            height: 90%
        }
        15% {
            opacity: .5
        }
        60% {
            opacity: 0
        }
        80%,95% {
            opacity: 0;
            width: 200%;
            height: 200%
        }
        100% {
            opacity: 0;
            width: 90%;
            height: 90%
        }
    }
    @keyframes pulse-animation {
        0% {
            width: 90%;
            height: 90%
        }
        15% {
            opacity: .5
        }
        60% {
            opacity: 0
        }
        80%,95% {
            opacity: 0;
            width: 200%;
            height: 200%
        }
        100% {
            opacity: 0;
            width: 90%;
            height: 90%
        }
    }
}
/* / / Кнопки социальных сетей */


/* Поле с радио кнопками в форме */
.modern-form-text-label-radio {
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    color: rgb(60, 60, 60);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.radio-container {
    display: flex;
}
.radio-container + .error-msg-container {
    display: inline-block;
}
.radio-container label:not(:last-child) {
    margin-right: 10px
}
.radio-container div:not(:last-child) {
    margin-right: 10px
}
.radio-container .flat-form-radio-label {
    padding-top: 5px
}
.radio-container .flat-form-radio-input:not(checked) + .flat-form-radio-label:before {
    top: 5px
}
.radio-container .flat-form-radio-input:checked + .flat-form-radio-label:after {
    top:10px
}
/* / / Поле с радио кнопками в форме */