/*   
Theme Name: polis
Version: 3.0
Tags: clean, development, html5, bootstrap
Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

body{
    font-family: 'Montserrat', sans-serif;
}
#stroi,
#zdania,
#ustro,
#steni{
    zoom: 60% !important;
}
header{
    padding: 55px 0 0 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
header .top{
    display: flex;
}
.navbar-default{
    background: none;
    border: none; 
}
.navbar-default .navbar-toggle{
    display: block;
    border: none;
    margin: 5px 0 0 -10px;
    float: none;
    border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 35px;
    height: 3px;
    border-radius: 0;
    margin-bottom: 7px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.logo{
    margin: 9px 39px 0 38px;
}
header .slogan{
    padding: 0 165px 0 0;
}
.tel{
    display: flex;
    justify-content: space-between;
    width: 420px;
}
.tel .link{
    margin: 5px 0 0 2px;
    width: 190px;
}
.tel .link a{
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
.tel .link a:nth-child(2){
    letter-spacing: 0px;
}
.tel .botton{
    
}
.tel .botton a{
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 0;
    width: 195px;
    height: 55px;
    padding: 18px 0;
    letter-spacing: 0.6px;
}
#topnav{
    background: #232E37;
    width: 39%;
    height: 121vh !important;
    position: fixed;
    top: 0;
    left: -999px;
    z-index: 1000;
    display: block !important;
    transition: all 0.5s;
}
#topnav.in{
    left: 0px;
}
#topnav .cont{
    width: 375px;
    float: right;
    margin: 55px 0 0 0;
}
#topnav .cont .top{
    display: flex;
    justify-content: space-between;
}
#topnav .cont .navbar-toggle{
    display: block;
    margin: 3px 0 0 20px;
    float: none;
}
#topnav .logo{
    margin: 10px 80px 0 0;
}
.navbar-nav {
    float: none;
    margin: 105px 0 0 15px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 20px;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
}
#topnav .nav-tabs>li.active>a, 
#topnav .nav-tabs>li.active>a:focus, 
#topnav .nav-tabs>li.active>a:hover, 
#topnav .nav>li>a:focus, 
#topnav .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #fdde2e;
    font-weight: 700;
    border: none;
}
#topnav .tel{
    display: block;
    width: 100%;
    margin: 156px 0 0 30px;
}
#topnav .tel .link {
    width: 100%;
}
#topnav .tel .link a{
    font-size: 24px;
    line-height: 30px;
}
#topnav .tel .botton {
    margin: 30px 0 0 0;
}
#topnav .tel .botton a{
    color: #2c476c;
    font-size: 14px;
    border: none;
    width: 294px;
    height: 65px;
    background: #fdde2e;
    padding: 22px 0;
    letter-spacing: 1px;
}
#top{
    background: #fff url(/dop_data/img/conf/bg.jpg) 50% 0% no-repeat;
    background-size: cover;
    height: 955px;
  position: relative;
  z-index: 1;
}
#top .title{
    font-size: 72px;
    color: #fff;
    font-weight: 800;
    margin: 197px 0 0 -3px;
    letter-spacing: 1.7px;
    line-height: 72px;
}
#top .sub-title{
    color: #fff;
    font-size: 33px;
    font-weight: 400;
    margin: 20px 0 0 -2px;
    width: 635px;
    line-height: 40px;
}
#top .text{
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin: 48px 0 -19px 0;
    padding: 0 0 0 51px;
    width: 610px;
    letter-spacing: 0.3px;
    line-height: 24px;
    background: url(/dop_data/img/conf/ras.png) 0 0 no-repeat;
}
#top .text b{
    font-weight: 800;
}
#top .ras{
    
}
#top .ras .zag{
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    margin: 97px 0 0 0;
    letter-spacing: -0.2px;
}
#top .ras .zag b{
    font-weight: 800;
}
#top .ras .bottom{
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0 0;
    width: 880px;
}
#top .ras .bottom .btn{
    color: #2c476c;
    font-size: 17px;
    border: none;
    width: 360px;
    height: 70px;
    background: #feb942 url(/dop_data/img/conf/next.png) 86% 50% no-repeat;
    padding: 22px 0 22px 56px;
    letter-spacing: 0.8px;
    border-radius: 0;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
}
#top .ras .bottom .txt{
    width: 477px;
    font-size: 14px;
    color: #fff;
    margin: 6px 0 0 0;
}
#top .ras .bottom .txt b{
    font-weight: 800;
}
#calc{
    background: url(/dop_data/img/conf/calc.jpg) 50% 50% no-repeat;
    height: 1190px;
    background-size: cover;
    position: relative;
}
#calc .title{
    font-size: 48px;
    color: #000;
    margin: 50px 0 0 0;
    width: 812px;
    line-height: 60px;
}
#calc .form{
    box-shadow: 0 11px 16px #d1ddea;
    background: #fff;
    height: 688px;
    margin: 42px 0 78px 0;
    padding: 33px 80px;
    position: relative;
}
#calc .stepwizard-row {
    display: flex;
    justify-content: space-between;
}
#calc .stepwizard-step {
    width: 16.6666%;
}
#calc .btn{
    position: relative;
    background: none;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    border-radius: 0;
    display: block;
    height: 51px;
    opacity: 1;
    pointer-events: none;
    cursor: default;
    box-shadow: 0 0 0 #000;
}
#calc .btn.nextBtn,
#calc .btn.prevBtn{
    pointer-events: inherit;
    cursor: pointer;
}
#calc .btn[disabled="disabled"]{
    color: #b4cae0;
}
#calc .stepwizard-step:first-child .btn:after{
    border-radius: 10px 0 0 10px;
}
#calc .stepwizard-step:last-child .btn:after{
    border-radius: 0 10px 10px 0;
}
#calc .btn.btn-default:after{
    content: '';
    background: #eef5fb;
    display: block;
    width: 100%;
    height: 18px;
    position: absolute;
    bottom: 0;
    transition: all 0.5s;
}
#calc .btn.btn-default:before{
    content: '';
    background: url(/dop_data/img/conf/fl.png) 0 0 no-repeat;
    display: block;
    width: 41px;
    height: 18px;
    position: absolute;
    bottom: 0;
    right: -37px;
    z-index: 1;
    transition: all 0.5s;
}
#calc .btn.btn-default:after{
    background: #feb942;
}
#calc .btn.btn-default[disabled="disabled"]:after{
    background: #eef5fb;
}
#calc .btn.btn-default[disabled="disabled"]:before{
    background: transparent;
}
#calc .btn.finish[disabled="disabled"]{
    background: url('/dop_data/img/conf/finish.png') 50% 0 no-repeat;
}
#calc .btn.finish{
    background: url('/dop_data/img/conf/finish1.png') 50% 0 no-repeat;
    transition: all 0.5s;
}
#calc .box,
#calc .kakie{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#calc .box.rig{
    float: right;
    margin: -75px 0 0 0;
}
#calc .box .form-group,
#calc .kakie .form-group{
    width: 16.8%;
    margin: -1px;
}
#calc .kakie .form-group label{
    display: block;
    margin: 0;
}
#calc .radio,
#calc .kakie .form-group input[type="radio"]{
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
#calc .radio + label,
#calc .kakie .wpcf7-list-item-label{
    cursor: pointer;
    border: 2px solid #e7eff8;
    margin: 0;
    width: 166px;
    height: 181px;
    background: #fff;
    transition: all 0.5s;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    display: block;
}
#calc .radio + label:hover,
#calc .kakie .wpcf7-list-item-label:hover{
    background-color: #feb942;
}
#calc .radio + label span,
#calc .kakie .form-group input[type="radio"] + label span{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    height: 20px;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 0 5px;
}
#calc .radio + label img{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 45px;
    margin: auto;
}
#calc .radio:not(checked),
#calc .kakie .form-group input[type="radio"]:not(checked){
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px;
}
#calc .radio:not(checked) + label,
#calc .kakie .form-group input[type="radio"]:not(checked) + .wpcf7-list-item-label{
    position: relative;
}
#calc .radio:checked + label,
#calc .kakie .form-group input[type="radio"]:checked + .wpcf7-list-item-label{
    background-color: #feb942;
    border: 2px solid transparent;
}
#calc .kakie .form-group .radio + label[for="kakie-0"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-0"]{
    background-image: url(/dop_data/img/conf/icon/icon.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-1"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-1"]{
    background-image: url(/dop_data/img/conf/icon/icon1.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-2"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-2"]{
    background-image: url(/dop_data/img/conf/icon/icon2.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-3"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-3"]{
    background-image: url(/dop_data/img/conf/icon/icon3.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-4"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-4"]{
    background-image: url(/dop_data/img/conf/icon/icon4.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-5"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-5"]{
    background-image: url(/dop_data/img/conf/icon/icon5.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-6"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-6"]{
    background-image: url(/dop_data/img/conf/icon/icon6.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-7"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-7"]{
    background-image: url(/dop_data/img/conf/icon/icon7.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-8"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-8"]{
    background-image: url(/dop_data/img/conf/icon/icon8.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-9"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-9"]{
    background-image: url(/dop_data/img/conf/icon/icon9.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-10"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-10"]{
    background-image: url(/dop_data/img/conf/icon/icon10.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .kakie .form-group .radio + label[for="kakie-11"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-11"]{
    background-image: url(/dop_data/img/conf/icon/icon11.png);
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#calc .setup-content .zag{
    font-size: 36px;
    margin: 22px 0 34px 0;
    font-weight: 600;
}
#calc .kakie .form-group .radio + label[for="kakie-12"],
#calc .kakie .form-group input[type="radio"] + label[for="kakie-12"]{
    border: none;
    background: none;
    width: auto;
    height: auto;
    margin: 50px 0 0 0;
    padding: 8px 0 0 50px;
    letter-spacing: 0.6px;
    text-align: left;
}
#calc .kakie .form-group .radio + label[for="kakie-12"]:hover,
#calc .kakie .form-group input[type="radio"] + label[for="kakie-12"]:hover{
    background: none;
}
#calc .kakie .form-group .radio + label[for="kakie-12"] span,
#calc .kakie .form-group input[type="radio"] + label[for="kakie-12"] span{
    position: initial;
    height: auto;
    padding: 0;
    line-height: initial;
}
#calc .kakie .form-group .radio:not(checked) + label[for="kakie-12"]:before,
#calc .kakie .form-group input[type="radio"]:not(checked) + label[for="kakie-12"]:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 30px;
    height: 30px;
    border: 2px solid #ffb619;
    border-radius: 50%;
    background: #FFF;
}
#calc .kakie .form-group .radio:not(checked) + label[for="kakie-12"]:after,
#calc .kakie .form-group input[type="radio"]:not(checked) + label[for="kakie-12"]:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffb619;
    opacity: 0;
    transition: .2s;
}
#calc .kakie .form-group .radio:checked + label[for="kakie-12"]:after,
#calc .kakie .form-group input[type="radio"]:checked + label[for="kakie-12"]:after {
    opacity: 1;
}
#calc .kakie .form-group .radio:checked + label[for="kakie-12"],
#calc .kakie .form-group input[type="radio"]:checked + label[for="kakie-12"]{
    background: none;
    border: none;
}
#calc .btn.nextBtn{
    color: #2c476c;
    font-size: 17px;
    border: none;
    width: 220px;
    height: 70px;
    background: #feb942 url(/dop_data/img/conf/next.png) 73% 50% no-repeat;
    padding: 22px 0 22px 40px;
    letter-spacing: 0.8px;
    border-radius: 0;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    outline: 0;
    margin: 25px 0 0 0;
}
#calc .btn.prevBtn{
    color: #2c476c;
    font-size: 17px;
    width: 220px;
    height: 70px;
    border: 2px solid #ededed;
    background: #fff url(/dop_data/img/conf/back.png) 22% 50% no-repeat;
    padding: 22px 36px 22px 0;
    letter-spacing: 0.8px;
    border-radius: 0;
    text-align: right;
    font-weight: 800;
    text-transform: uppercase;
    outline: 0;
    margin: 25px 0 0 0;
}
#calc .podarok{
    font-size: 18px;
    color: #314e72;
    font-weight: 700;
    background: #fff url(/dop_data/img/conf/podarok.png) 35px 35px no-repeat;
    box-shadow: 0 11px 16px #d1ddea;
    position: absolute;
    right: -330px;
    bottom: 0px;
    width: 305px;
    height: 145px;
    padding: 37px 30px 0 135px;
}
#calc .error{
    font-size: 18px;
    color: #ff3131;
    font-weight: 700;
    margin: -20px 0 0 0;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    text-align: center;
}
#calc .error.active{
    opacity: 1;
    visibility: visible;
}
#calc .galka .radio + label{
    border: none;
    background: none;
    width: auto;
    height: auto;
    margin: 0 0 10px 0;
    padding: 4px 0 5px 50px;
    letter-spacing: 0;
    display: block;
    text-align: left;
    font-size: 14px;
    text-transform: initial;
}
#calc .galka .radio + label:hover{
    background: none;
}
#calc .galka .radio + label span{
    position: initial;
    padding: 0;
    line-height: normal;
    letter-spacing: 0;
}
#calc .galka .radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 30px;
    height: 30px;
    border: 2px solid #e7eff8;
    background: #FFF;
}
#calc .galka .radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 30px;
    height: 30px;
    background: #ffb619 url(/dop_data/img/conf/chek.png) 50% 50% no-repeat;
    opacity: 0;
    transition: .2s;
}
#calc .galka .radio:checked + label:after {
    opacity: 1;
}
#calc #step-2 .box .form-group {
    width: 33%;
    margin: 0;
}
#calc #step-2 .zag{
    margin: 22px 0 29px 0;
}
#calc .form-group input[type="text"],
#calc .form-group input[type="email"]{
    height: 70px;
    border-radius: 0;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    border: 2px solid #b6cce3;
    width: 98%;
    transition: all 0.5s;
}
#calc .form-group.has-error input[type="text"],
#calc .form-group.has-error input[type="email"]{
    border: 2px solid #ff3131;
}
#calc .form-group.has-error input[name="pojelania"]{
    border: 2px solid #b6cce3;
}
#calc .setup-content .title{
    font-size: 24px;
    margin: 40px 0 35px 0;
    font-weight: 600;
    width: 80%;
    line-height: 30px;
}
#calc .form-group.bott{
    width: 460px;
    overflow: hidden;
    float: right;
}
#calc #step-2 .form-group.bott{
    margin: 89px 0 0 0;
}
#calc #step-2 .box .form-group.error{
    width: 55%;
}
#calc #step-3.setup-content .zag{
    width: 90%;
}
#calc #step-3.setup-content .title,
#calc #step-4.setup-content .title,
#calc #step-5.setup-content .title{
    font-size: 18px;
    margin: 0px 0 20px 0;
    font-weight: 600;
    width: 100%;
    line-height: 30px;
}
#calc #step-3.setup-content .has-error .title,
#calc #step-3.setup-content .has-error label,
#calc #step-4.setup-content .has-error .title,
#calc #step-4.setup-content .has-error label,
#calc #step-5.setup-content .has-error .title,
#calc #step-5.setup-content .has-error label{
    color: #ff3131;
}
#calc #step-4.setup-content .error{
    margin: 0;
}
#calc #step-3 .box {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
#calc #step-3 .box > div {
    width: 31.4%;
    margin: 0;
}
#calc #step-3 .box .form-group{
    width: 100%;
    margin: 0;
}
#calc #step-3 .box .form-group.bott{
    width: 460px;
    margin: 10px 0 0 0;
}
#calc #step-3 .box.col3{
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 90px 0 0 0;
}
#calc #step-3 .box.col3 > div{
    width: 26%;
    margin: 0;
}
#calc #step-3 .box.col3 > div:first-child{
    margin-top: 40px;
}
#calc #step-3 .form-group.bott{
    margin-top: 107px;
}
#calc .galka .radio + label[for="zatrudnaus-0"]{
    font-size: 16px;
    color: #828282;
    border-bottom: 1px solid #828282;
    width: 195px;
    padding: 0;
}
#calc .galka .has-error .radio + label[for="zatrudnaus-0"]{
    color: #ff3131;
}
#calc .galka .radio + label[for="zatrudnaus-0"]:after,
#calc .galka .radio + label[for="zatrudnaus-0"]:before{
    display: none;
}
#calc .galka .radio:checked + label[for="zatrudnaus-0"]{
    color: #ffb619;
    border-bottom: 1px solid #ffb619;
}
#calc #step-5 .box > div{
    width: 31%;
    margin: 6px 0 0 0;
}
#calc #step-5 .box.lop > div{
    width: 27%;
}
#calc #step-5 .box.lop > div:nth-child(2){
    width: 26%;
}
#calc #step-5 .box .form-group{
    width: 100%;
    margin: 0;
}
#calc #step-5.setup-content .title {
    margin: 0 0 20px 0;
    line-height: 24px;
}
#calc #step-5 .box {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-bottom: 39px;
}
#calc #step-5 .box.lop > div.form-group.bott{
    margin-top: 75px;
    width: 47%;
}
#calc #step-5 .form-group input[type="text"]{
    width: 58%;
}
#calc #step-4.setup-content .zag{
    margin: 22px 0 14px 0;
}
#calc #step-4 .box > div {
    width: 48%;
    margin: 0 20px 0 0;
}
#calc #step-4 .box > div .wpcf7-form-control{
    display: flex;
    justify-content: left;
}
#calc #step-5 .box > div .wpcf7-form-control .form-group{
    width: auto;
    margin: 0 0 0 0;
}
#calc #step-4 .box{
    border-bottom: 2px solid #eef5fb;
    padding-bottom: 9px;
    margin-bottom: 13px;
}
#calc #step-4 .box > div:last-child{
    margin: 0;
    width: 42%;
}
#calc #step-4 .box > div .form-group{
    width: 33%;
}
#calc #step-4 .box .box{
    margin: 0px 0 0 0;
    border: none;
    padding: 0;
}
#calc #step-4 .box .box .form-group{
    width: 48%;
    margin: 0;
}
#calc #step-4 .box.in{
    padding-bottom: 15px;
}
#calc #step-4 .box.in > div{
    width: auto;
}
#calc #step-4 .box.in > div:first-child{
    width: 45%;
}
#calc #step-4 .box.in > div:nth-child(2) .wpcf7-form-control,
#calc #step-4 .box.las .wpcf7-form-control{
    display: block;
}
#calc #step-4 .box.in > div:nth-child(2) .wpcf7-form-control .form-group,
#calc #step-4 .box.las .wpcf7-form-control .form-group{
    margin: 0;
}
#calc #step-4 .box.in .box > div{
    width: 100%;
}
#calc #step-4 .box.in > div .wpcf7-form-control{
    flex-wrap: wrap;
}
#calc #step-4 .box.in .form-group input[type="text"]{
    margin-top: 45px;
}
#calc #step-4 .box.in .form-group:last-child {
    width: 25%;
}
#calc #step-4 .box.in .form-group .box .form-group {
    width: 48%;
    margin: 0;
}
#calc #step-4 .box.las{
    justify-content: left;
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    float: right;
}
#calc #step-4 .box.las .form-group{
    margin: 0;
    width: 26%;
}
#calc #step-4 .box.las .form-group.bott{
    float: none;
    width: 100%;
    margin: 36px 0 0 9px;
}
#calc #step-4 .has-error .radio.galka + label{
    color: #ff3131;
}
#calc #step-6.setup-content .zag {
    font-size: 36px;
    margin: 22px 0 18px 0;
    font-weight: 600;
}
#calc #step-6.setup-content .title {
    font-size: 18px;
    margin: 0px 0 30px 0;
    font-weight: 400;
    width: 73%;
    line-height: 24px;
}
#calc #step-6 .box .form-group {
    width: 49%;
    margin: 0;
}
#calc #step-6 .box .form-group label {
    display: block;
    max-width: 100%;
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 18px;
}
#calc #step-6 .form-group input[type="text"]{
    margin-bottom: 11px;
}
#calc #step-6 .box .form-group label.ripl{
    margin: 53px 0 14px 0;
}
#calc #step-6 .box .form-group .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#calc #step-6 .box .form-group .file-811 + label {
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    background: #fff url(/dop_data/img/conf/files.png) 97% 50% no-repeat;
    border: 2px solid #fbcc40;
    width: 98%;
    height: 70px;
    padding: 21px 0 0 39px;
    cursor: pointer;
}
#calc #step-6 .form-group.bott{
    float: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: -13px 0 0 0;
}
#calc #step-6 .form-group.bott .btn-success{
    color: #2c476c;
    font-size: 17px;
    border: none;
    width: 390px;
    height: 70px;
    background: #feb942;
    padding: 22px 0 22px 40px;
    letter-spacing: 0.8px;
    border-radius: 0;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    outline: 0;
    margin: 25px 0 0 77px;
    cursor: pointer;
    pointer-events: inherit;
}
#calc #step-6 .form-group.bott .info{
    font-size: 14px;
    font-weight: 600;
    width: 230px;
    margin: 43px 0 0 27px;
}
#calc .btn.btn-default.finish:before{
    display: none;
}
#calc #step-6 .box .form-group.has-error label{
    color: #000;
}
#stroi{
    margin: -45px 0 0 0;
}
.nav-tabs{
    border: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
}
.nav-tabs>li{
    float: none;
    margin: 0 -9px;
    width: 34%;
    padding: 0;
}
.nav-tabs>li>a{
    font-size: 16px;
    color: #1f3f67;
    font-weight: 800;
    background: #fff;
    border: 2px solid #ededed;
    text-transform: uppercase;
    transition: all 0.5s;
    border-radius: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 85px;
    text-align: center;
    padding: 29px 0;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover,
.nav>li>a:focus, 
.nav>li>a:hover{
    border: 2px solid transparent;
    background: #feb942;
    color: #1f3f67;
    font-weight: 800;
}
.tab-content{
    background: url(/dop_data/img/conf/fon.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 900px;
}
#ekonom{
    background: url(/dop_data/img/conf/ekonom.png) 50% 50% no-repeat;
    height: 900px;
    padding: 167px 0 0 0;
}
.tab-content .box{
    display: flex;
    justify-content: space-between;
}
.tab-content .box .all{
    width: 456px;
    height: 350px;
    position: relative;
}
.tab-content .box .all .zag{
    color: #fff;
    font-size: 24px;
    text-align: left;
    line-height: 30px;
    position: relative;
    padding-top: 30px;
}
.tab-content .box .all .zag:before{
    content: '';
    background: url(/dop_data/img/conf/zag.png) 0 0 no-repeat;
    width: 333px;
    height: 67px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -85px;
}
.tab-content .box .all.pl-1 .zag:before{
    background: url(/dop_data/img/conf/zag1.png) 0 0 no-repeat;
    left: auto;
    right: 0;
}
.tab-content .box .all.pl-3 .zag{
    text-align: center;
    padding-top: 0;
}
.tab-content .box .all.pl-1 .zag,
.tab-content .box .all.pl-4 .zag{
    text-align: right;
    padding-top: 0;
}
.tab-content .box .all .lip{
    background: #f1f6fb;
    font-size: 16px;
    color: #000;
    position: relative;
    width: 100%;
    padding: 21px 30px;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    position: absolute;
    left: -60px;
    bottom: 0px;
}
.tab-content .box .all.pl-1 .lip{
    left: auto;
    right: -60px;
    bottom: 24px;
}
.tab-content .box .all.pl-2 .lip{
    left: -60px;
    bottom: 35px;
    width: 456px;
}
.tab-content .box .all.pl-3 .lip{
    left: 23px;
    bottom: 129px;
    width: 334px;
}
.tab-content .box .all.pl-4 .lip{
    left: -18px;
    bottom: 59px;
    width: 457px;
}
.tab-content .box .all.active .lip{
    opacity: 1;
    visibility: visible;
}
.tab-content .box .all .lip:before{
    content: '';
    position: absolute;
    right: 46px;
    top: -38px;
    border: 25px solid transparent;
    border-bottom: 15px solid #f1f6fb;
}
.tab-content .box .all.pl-1 .lip:before{
    right: auto;
    left: 42px;
}
.tab-content .box .all.pl-3 .lip:before{
    right: 143px;
}
.tab-content .box .all.pl-4 .lip:before{
    right: auto;
    left: 45px;
}
.tab-content .box .all .plus{
    background: url(/dop_data/img/conf/plus.png) 0 0 no-repeat;
    width: 94px;
    height: 94px;
    position: absolute;
    bottom: 176px;
    right: 82px;
    cursor: pointer;
    transition: all 0.5s;
}
.tab-content .box .all.active .plus{
    background: url(/dop_data/img/conf/plus1.png) 0 0 no-repeat;
}
.tab-content .box .all.pl-1 .plus{
    right: auto;
    left: 82px;
}
.tab-content .box .all.pl-2 .zag{
    margin: 133px 0 0 0;
}
.tab-content .box .all.pl-2 .plus{
    top: 16px;
    right: 7px;
}
.tab-content .box .all.pl-2 .zag:before{
    bottom: auto;
    top: -55px;
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url(/dop_data/img/conf/zag1.png) 0 0 no-repeat;
}
.tab-content .box .all.pl-3 .zag{
    margin: 160px 0 0 0;
}
.tab-content .box .all.pl-4 .zag{
    margin: 160px 0 0 0;
}
.tab-content .box .all.pl-3 .plus{
    top: 16px;
    right: auto;
    left: 143px;
}
.tab-content .box .all.pl-4 .plus{
    top: 16px;
    right: auto;
    left: 8px;
}
.tab-content .box .all.pl-3 .zag:before{
    background: #ffb600;
    width: 3px;
    height: 57px;
    bottom: 0;
    top: -75px;
    left: 188px;
}
.tab-content .box .all.pl-4 .zag:before{
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    bottom: 0;
    top: -85px;
    left: 45px;
}
#nadej{
    background: url(/dop_data/img/conf/nadej.png) 50% 50% no-repeat;
    height: 900px;
    padding: 165px 0 0 0;
}
#nadej .box .all .zag{
    line-height: 24px;
    padding-top: 0;
}
#nadej .box .all.pl-1 .zag{
    padding-top: 23px;
}
#nadej .box .all.pl-2 .zag {
    margin: 30px 0 0 0;
    padding-top: 38px;
}
#nadej .box .all.pl-2 .zag:before {
    top: 20px;
}
#nadej .box .all.pl-2 .plus {
    top: 21px;
    right: 82px;
}
#nadej .box .all.pl-4 .zag {
    margin: 45px 0 0 0;
    padding-top: 0px;
}
#nadej .box .all.pl-4 .plus {
    left: 83px;
}
#nadej .box .all.pl-4 .zag:before{
    top: 5px;
    left: 125px;
}
#nadej .box .all.pl-4 .lip {
    left: auto;
    right: -60px;
    bottom: 105px;
}
#nadej .box .all.pl .lip{
    bottom: -5px;
}
#prosto{
    background: url(/dop_data/img/conf/prosto.png) 50% 50% no-repeat;
    height: 900px;
    padding: 190px 0 0 0;
}
#prosto .box .all .zag{
    padding-top: 0;
}
#prosto .box .all .zag:before{
    bottom: -79px;
}
#prosto .box .all .plus{
    bottom: 199px;
}
#prosto .box .all.pl-2 .zag {
    margin: 25px 0 0 0;
}
#prosto .box .all.pl-2 .zag:before {
    top: 10px;
}
#prosto .box .all.pl-2 .plus {
    top: -7px;
    right: 81px;
}
#prosto .box .all.pl-4 .zag {
    margin: 50px 0 0 0;
}
#prosto .box .all.pl-4 .zag:before{
    left: 120px;
    bottom: auto;
    top: -20px;
}
#prosto .box .all.pl-4 .plus {
    top: -8px;
    right: auto;
    left: 80px;
}
#prosto .box .all .lip{
    bottom: 20px;
}
#prosto .box .all.pl-2 .lip {
    bottom: 80px;
}
#prosto .box .all.pl-4 .lip {
    left: auto;
    right: -60px;
    bottom: 60px;
}
#zdania{
    
}
#zdania .title{
    font-size: 48px;
    color: #000;
    margin: 61px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
}
#zdania .title b{
    letter-spacing: -0.5px;
}
#zdania .nav-tabs{
    margin-top: 45px;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
#zdania .tab-content{
    background: #f1f6fb;
    margin-top: -42px;
    height: auto;
}
#zdania .tab-content .tab-pane{
    position: relative;
}
#zdania .tab-content .tab-pane .nav-tabs{
    margin: 0;
    width: 45.7%;
    position: absolute;
    right: 0;
    top: 103px;
    justify-content: left;
}
#zdania .tab-content .tab-pane .nav-tabs>li{
    margin: 0 20px 0 0;
    width: auto;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a{
    border-radius: 50%;
    width: 76px;
    height: 76px;
    box-shadow: 0 3px 6px #c7c7c8;
    border: none;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon{
    background: #fff url(/dop_data/img/conf/icon.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon1{
    background: #fff url(/dop_data/img/conf/icon1.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon2{
    background: #fff url(/dop_data/img/conf/icon2.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon3{
    background: #fff url(/dop_data/img/conf/icon3.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon{
    background: #feb942 url(/dop_data/img/conf/iconh.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon1{
    background: #feb942 url(/dop_data/img/conf/icon1h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon2{
    background: #feb942 url(/dop_data/img/conf/icon2h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon3{
    background: #feb942 url(/dop_data/img/conf/icon3h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon4{
    background: #fff url(/dop_data/img/conf/icon4.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon5{
    background: #fff url(/dop_data/img/conf/icon5.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon6{
    background: #fff url(/dop_data/img/conf/icon6.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon7{
    background: #fff url(/dop_data/img/conf/icon7.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon4{
    background: #feb942 url(/dop_data/img/conf/icon4h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon5{
    background: #feb942 url(/dop_data/img/conf/icon5h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon6{
    background: #feb942 url(/dop_data/img/conf/icon6h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon7{
    background: #feb942 url(/dop_data/img/conf/icon7h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon8{
    background: #fff url(/dop_data/img/conf/icon8.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon9{
    background: #fff url(/dop_data/img/conf/icon9.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon10{
    background: #fff url(/dop_data/img/conf/icon10.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li>a.icon11{
    background: #fff url(/dop_data/img/conf/icon11.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon8{
    background: #feb942 url(/dop_data/img/conf/icon8h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon9{
    background: #feb942 url(/dop_data/img/conf/icon9h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon10{
    background: #feb942 url(/dop_data/img/conf/icon10h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-pane .nav-tabs>li.active>a.icon11{
    background: #feb942 url(/dop_data/img/conf/icon11h.png) 50% 50% no-repeat;
}
#zdania .tab-content .tab-content {
    margin: 0;
}
#zdania .img{
    width: 50%;
    height: 687px;
}
#zdania .img img{
    height: 100%;
    float: right;
}
#zdania .text{
    width: 45.7%;
    margin: 225px 0 0 0;
    font-size: 20px;
    color: #000;
    font-weight: 300;
    line-height: 30px;
}
#zdania .text p{
    margin-bottom: 30px;
    width: 475px;
}
#zdania .controls{
    position: absolute;
    bottom: 45px;
    right: 0;
    width: 45.7%;
}
#zdania .controls .btn{
    background: none;
    border: none;
}
#ustro .title{
    font-size: 48px;
    color: #000;
    margin: 52px 0 50px 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 945px;
}
#ustro .title b{
    letter-spacing: -0.5px;
}
#ustro .tab-content .box{
    justify-content: flex-end;
}
#ustro .nav-tabs>li{
    width: 25%;
}
#ustro .img{
    width: 45%;
    height: 710px;
}
#ustro .img img{
    height: 100%;
}
#ustro .text{
    width: 27.2%;
    margin: 80px 65px 0 0;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    line-height: 20px;
}
#ustro .text p{
    margin-bottom: 20px;
}
#ustro .tab-content{
    background: #f1f6fb;
    height: auto;
}
#ustro .text ul{
    list-style: none;
    padding: 0;
    margin: 44px 0 0 0;
}
#ustro .text ul li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
#ustro .text ul li span{
    color: #feb942;
    font-size: 48px;
    font-weight: 800;
}
#ustro .text ul li .txt{
    margin: -9px 0 0 0;
    width: 87%;
}
#ustro .text ul li .txt .title{
    margin: 0;
    font-size: 18px;
    color: #345277;
    font-weight: 800;
    text-transform: uppercase;
    width: auto;
    letter-spacing: 0;
    line-height: normal;
}
#ustro .text ul li .txt p{
    margin: 12px 0 0 0;
    font-size: 14px;
    line-height: 19px;
    width: 90%;
}
#ustro .text ul li:first-child .txt p{
    width: 100%;
}
#ustro .text .zag{
    font-size: 24px;
    font-weight: 400;
    margin: 31px 0 0 0;
}
#ustro .text .osno{
    margin: 0 0 0 -15px;
}
#ustro .text .osno ul{
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: left;
    margin: 35px 0 0 0;
    flex-wrap: wrap;
}
#ustro .text .osno ul li{
    font-size: 14px;
    color: #345277;
    font-weight: 800;
    text-transform: uppercase;
    width: 45%;
    border-left: 4px solid #feb942;
    padding: 0 0 0 13px;
    margin: 0 5% 19px 0;
}
#ustro .text .osno .del{
    font-size: 12px;
    color: #000;
    float: right;
    width: 47%;
    padding: 0 25px 0 0;
}
#ustro #stolb .text > p{
    font-size: 24px;
    line-height: 30px;
}
#ustro #lento .text ul{
    display: flex;
    justify-content: space-between;
}
#ustro #lento .text ul li{
    width: 50%;
}
#ustro #lento .text ul li span{
    margin-right: 15px;
}
#ustro #lento .text .osno ul li{
    width: 45%;
}
#ustro #lento .text .zag {
    margin: 31px 0 0 -15px;
}
#ustro #plit .text .osno ul{
    display: block;
}
#ustro #plit .text .osno ul li{
    width: 70%;
}
#steni{
    height: auto;
    padding-bottom: 10px;
}
#steni .title{
    font-size: 48px;
    color: #000;
    margin: 52px 0 48px 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 95%;
}
#steni .title b{
    letter-spacing: -0.5px;
}
#steni .slick-arrow{
    position: absolute;
    top: 34%;
    z-index: 1;
    background-color: #fff;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    font-size: 0;
    box-shadow: 0 3px 6px #c7c7c8;
    transition: all 0.5s;
    border: 0;
    outline: 0;
}
#steni .slick-arrow.slick-prev{
    left: -35px;
    background-image: url(/dop_data/img/conf/slick-prev.png);
    background-repeat: no-repeat;
    background-position: 45% 50%;
}
#steni .slick-arrow.slick-next{
    right: -35px;
    background-image: url(/dop_data/img/conf/slick-next.png);
    background-repeat: no-repeat;
    background-position: 54% 50%;
}
#steni .slick-arrow:hover{
    background-color: #feb942;
    box-shadow: 0 0 0 #c7c7c8;
}
#steni .sl{
    position: relative;
    height: 567px;
}
#steni .sl .img{
    width: 100%;
}
#steni .sl .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#steni .sl .zag{
    position: absolute;
    left: 69px;
    bottom: 60px;
    z-index: 10;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
}
#steni .sl .zag span{
    font-size: 26px;
    color: #3b597e;
    font-weight: 800;
    background: #feb942;
    border: 4px solid #3b597e;
    width: 48px;
    height: 48px;
    display: block;
    text-align: center;
    border-radius: 50%;
    padding: 3px 0;
    position: relative;
    margin: -8px 30px 0 0;
    float: left;
}
#steni .sl .zag span:before{
    content: '';
    background: #feb942;
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    left: -6px;
    top: -6px;
    z-index: -1;
    border-radius: 50%;
}
#steni .text{
    margin: 40px 0 0 0;
}
#steni .text.box{
    display: flex;
    justify-content: space-between;
}
#steni .text p{
    font-size: 18px;
    color: #000;
    letter-spacing: -0.1px;
}
#steni .text > div{
    width: 53%;
}
#steni .text > div:last-child{
    width: 40%;
}
#steni .text a{
    font-size: 16px;
    color: #3c597e;
    font-weight: 600;
    background: url(/dop_data/img/conf/doc.png) 0 0 no-repeat;
    padding: 0 50px 10px 80px;
    display: block;
}
#steni .text.box p{
    width: 100%;
    text-align: justify;
}
#uznat{
    height: 1160px;
    background: url(/dop_data/img/conf/fon1.jpg) 0% 0% no-repeat;
    background-size: cover;
}
#uznat .title{
    font-size: 48px;
    color: #fff;
    margin: 62px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 75%;
    height: 215px;
    position: relative;
}
#uznat .title:before{
    content: '';
    background: #feb942;
    width: 260px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
#uznat .title b{
    letter-spacing: -0.5px;
}
#uznat .left{
    
}
#uznat .form{
    margin: 34px 0 0 0;
    width: 575px;
}
#uznat .form p{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
}
#uznat .form form{
    width: 457px;
}
#uznat .form form .form-group{
    margin-bottom: 17px;
}
#uznat .form form .form-group input{
    height: 71px;
    border-radius: 0;
    padding: 0 38px;
    font-size: 15px;
    color: #000;
    border: none;
    box-shadow: 0 0 0 #000;
    width: 100%;
}
#uznat .form form .btn{
    outline: 0;
    border: none;
    width: 100%;
    height: 70px;
    border-radius: 0;
    text-transform: uppercase;
    color: #3a587d;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 18px;
    background: #feb942;
}
#uznat .form > span{
    font-size: 13px;
    color: #fff;
    display: block;
    margin: 35px 0 0 0;
    padding: 0 0 0 34px;
    background: url(/dop_data/img/conf/mail.png) 0 0 no-repeat;
}
#video{
    background: url(/dop_data/img/conf/fon1.jpg) 0 -1160px no-repeat;
    background-size: cover;
    height: 660px;
    position: relative;
}
#video .box{
    display: flex;
    justify-content: space-between;
    margin: 62px 0 0 0;
}
#video .box .left{
    width: 293px;
}
#video .box .left .play{
    background: url(/dop_data/img/conf/play.png) 0 0 no-repeat;
    width: 293px;
    height: 293px;
    cursor: pointer;
}
#video .box .right{
    margin: 50px 0 0 0;
    width: 66%;
}
#video .box .right .title{
    color: #000;
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
}
#video .box .right .text{
    color: #000;
    font-size: 24px;
    margin: 31px 0 0 0;
}
#video .vid{
    position: absolute;
    top: -122px;
    left: 0;
    width: 100%;
    height: 785px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
#video .vid.active{
    opacity: 1;
    visibility: visible;
}
#video .vid iframe{
    width: 100%;
    height: 100%;
}
#about{
    background: url(/dop_data/img/conf/about.png) 78% -35px no-repeat;
}
#about.dis-1{
    display: none;
}
#about .title{
    font-size: 48px;
    color: #000;
    margin: 82px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 95%;
}
#about .title b{
    letter-spacing: -0.5px;
}
#about .box{
    display: flex;
    justify-content: space-between;
}
#about .box .text{
    margin: 78px 0 0 0;
    width: 48%;
}
#about .box .text p{
    font-size: 18px;
    margin-bottom: 26px;
    line-height: 28px;
}
#about .box .zag{
    width: 483px;
    height: 70px;
    margin-top: 560px;
    background: #3b597e;
    color: #fff;
    text-align: right;
    padding: 0 21px 27px 0;
    font-size: 16px;
}
#about .box .zag b{
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 22px;
    margin: 8px 0 0 0;
}
#about .form{
    margin: 11px 0 0 0;
    background: #fff url(/dop_data/img/conf/tel.png) 0 0 no-repeat;
    width: 100%;
    height: 160px;
    border: 2px solid #e7eff8;
    box-shadow: 0 11px 16px #eff2f6;
}
#about .form form{
    display: flex;
    justify-content: space-between;
    padding: 42px 57px 0 245px;
}
#about .form form input{
    background: #f5f5f5;
    font-size: 24px;
    color: #000;
    width: 95%;
    height: 72px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 #000;
    padding: 0 29px;
    letter-spacing: 7px;
}
#about .form form .btn{
    font-size: 18px;
    color: #3b597e;
    text-transform: uppercase;
    font-weight: 800;
    border: none;
    width: 49%;
    padding: 0;
    letter-spacing: 1px;
    background: #feb942;
    outline: 0;
    border-radius: 0;
}
#logos{
	overflow: hidden;
}
#logos.show ~ #pdf{
    display: block;
    background: rgba(0, 0, 0, 0.5);
}
#logos.show.zakrit ~ #pdf{
    display: none;
}
#logos .title{
    font-size: 48px;
    color: #000;
    margin: 103px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 80%;
}
#logos .title b{
    letter-spacing: -0.5px;
}
#logos .logos{
    margin-top: 63px;
	overflow: hidden;
}
#logos .logos .slick-slide{
    border: 2px solid #e7eff8;
    outline: 0;
    height: 235px;
    position: relative;
}
#logos .logos img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#logos .slick-arrow{
    position: absolute;
    top: -150px;
    z-index: 1;
    background-color: #fff;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    font-size: 0;
    box-shadow: 0 3px 6px #c7c7c8;
    transition: all 0.5s;
    border: 0;
    outline: 0;
}
#logos .slick-arrow.slick-prev{
    right: 33.6vw;
    background-image: url(/dop_data/img/conf/slick-prev.png);
    background-repeat: no-repeat;
    background-position: 45% 50%;
}
#logos .slick-arrow.slick-next{
    right: 29vw;
    background-image: url(/dop_data/img/conf/slick-next.png);
    background-repeat: no-repeat;
    background-position: 54% 50%;
}
#logos .slick-arrow:hover{
    background-color: #feb942;
    box-shadow: 0 0 0 #c7c7c8;
}
#bolshe{
    background: url(/dop_data/img/conf/fon3.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 890px;
}
#bolshe .title{
    font-size: 48px;
    color: #000;
    margin: 90px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 90%;
}
#bolshe .title b{
    letter-spacing: -0.5px;
}
#bolshe .bol{
    margin: 75px 0 0 0;
}
#bolshe .bol .slick-arrow{
    position: absolute;
    top: 45%;
    z-index: 1;
    background-color: #fff;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    font-size: 0;
    box-shadow: 0 3px 6px #c7c7c8;
    transition: all 0.5s;
    border: 0;
    outline: 0;
}
#bolshe .bol .slick-arrow.slick-prev{
    left: -35px;
    background-image: url(/dop_data/img/conf/slick-prev.png);
    background-repeat: no-repeat;
    background-position: 45% 50%;
}
#bolshe .bol .slick-arrow.slick-next{
    right: -35px;
    background-image: url(/dop_data/img/conf/slick-next.png);
    background-repeat: no-repeat;
    background-position: 54% 50%;
}
#bolshe .bol .slick-arrow:hover{
    background-color: #feb942;
    box-shadow: 0 0 0 #c7c7c8;
}
#bolshe .bol .box{
    display: flex;
    justify-content: space-between;
}
#bolshe .bol .slick-list{
    background: #fff;
    box-shadow: 0 11px 16px #d1ddea;
    border: 2px solid #e7eff8;
}
#bolshe .bol .box .img{
    width: 100%;
    height: 470px;
    border-right: 2px solid #e7eff8;
    position: relative;
}
#bolshe .bol .box .img a.fancybox:after{
    content: '';
    background: url(/dop_data/img/conf/bot.png) 0 0 no-repeat;
    width: 100%;
    height: 467px;
    position: absolute;
    left: 0;
    bottom: 30px;
}
#bolshe .bol .box .img img{
    
}
#bolshe .bol .box .img a.fancybox{
    outline: 0;
    position: relative;
    display: block;
}
#bolshe .bol .box .img a.link{
    font-size: 18px;
    color: #feb942;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    text-decoration: underline;
}
#bolshe .bol .box .img a.link:after{
    display: none;
}
#bolshe .bol .box .img a.link:hover{
    text-decoration: none;
}
#bolshe .bol .box .text{
    width: 67%;
    padding: 68px 78px;
}
#bolshe .bol .box .text p{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 26px;
}
#posmo{
    
}
#posmo .title{
    font-size: 48px;
    color: #000;
    margin: 68px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 90%;
}
#posmo .title b{
    letter-spacing: -0.5px;
}
#posmo .slick-slide{
    height: auto;
    overflow: hidden;
}
#posmo .slick-slide img{
    max-width: 99%;
    margin: 30px auto 0 auto;
}
#posmo .slick-arrow{
    position: absolute;
    top: 45%;
    z-index: 1;
    background-color: #fff;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    font-size: 0;
    box-shadow: 0 3px 6px #c7c7c8;
    transition: all 0.5s;
    border: 0;
    outline: 0;
}
#posmo .slick-arrow.slick-prev{
    left: -35px;
    background-image: url(/dop_data/img/conf/slick-prev.png);
    background-repeat: no-repeat;
    background-position: 45% 50%;
}
#posmo .slick-arrow.slick-next{
    right: -35px;
    background-image: url(/dop_data/img/conf/slick-next.png);
    background-repeat: no-repeat;
    background-position: 54% 50%;
}
#posmo .slick-arrow:hover{
    background-color: #feb942;
    box-shadow: 0 0 0 #c7c7c8;
}
#posmo .box{
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;
}
#posmo .box .icon{
    width: 33%;
    display: flex;
    justify-content: space-between;
}
#posmo .box .icon .img{
    width: 68px;
}
#posmo .box .icon .img img{
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #3b597e;
    margin: 0;
}
#posmo .box .icon .text{
    width: 74%;
    margin: 9px 0 0 0;
}
#posmo .box .icon .text .zag{
    font-size: 16px;
    font-weight: 800;
    text-align: left;
}
#posmo .box .icon .text .txt{
    font-size: 16px;
    margin-top: 6px;
    text-align: left;
    font-weight: normal;
}
#posmo .text{
    margin: 34px 0 0 0;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 27px;
    font-weight: 800;
    text-align: center;
}
#posmo .text p{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 27px;
    text-align: left;
    font-weight: normal;
}
#raschet{
    height: 910px;
    background: url(/dop_data/img/conf/fon4.jpg) 0% 0% no-repeat;
    background-size: cover;
    margin-top: 70px;
}
#raschet .fom{
    border: 19px solid #feb942;
    margin-top: 115px;
    position: relative;
    padding: 65px 76px;
}
#raschet .fom:after{
    content: '';
    background: url(/dop_data/img/conf/dom.png) 0% 0% no-repeat;
    display: block;
    position: absolute;
    width: 600px;
    height: 377px;
    right: -140px;
    bottom: 60px;
}
#raschet .title{
    font-size: 48px;
    color: #fff;
    margin: 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    height: 155px;
    position: relative;
}
#raschet .title:before{
    content: '';
    background: #feb942;
    width: 260px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
#raschet .title b{
    letter-spacing: -0.5px;
}
#raschet .sub-title{
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin: 33px 0 0 0;
    width: 370px;
    line-height: 36px;
}
#raschet .text{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 22px 0 0 3px;
    width: 530px;
    line-height: 30px;
}
#raschet .text b{
    letter-spacing: 0.2px;
}
#raschet .link{
    margin: 43px 0 17px 0;
}
#raschet .link a.btn{
    color: #2c476c;
    font-size: 17px;
    border: none;
    width: 365px;
    height: 70px;
    background: #feb942 url(/dop_data/img/conf/next.png) 86% 50% no-repeat;
    padding: 22px 0 22px 79px;
    letter-spacing: 1.5px;
    border-radius: 0;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
}
#rabota{
    padding-bottom: 10px;
}
#rabota .title{
    font-size: 48px;
    color: #000;
    margin: 77px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 90%;
}
#rabota .title b{
    letter-spacing: -0.5px;
}
#rabota .slick-slide{
    height: 500px;
}
#rabota img{
    height: 100%;
    margin: 0 auto;
}
#rabota .slick-arrow{
    position: absolute;
    top: 45%;
    z-index: 1;
    background-color: #fff;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    font-size: 0;
    box-shadow: 0 3px 6px #c7c7c8;
    transition: all 0.5s;
    border: 0;
    outline: 0;
}
#rabota .slick-arrow.slick-prev{
    left: -35px;
    background-image: url(/dop_data/img/conf/slick-prev.png);
    background-repeat: no-repeat;
    background-position: 45% 50%;
}
#rabota .slick-arrow.slick-next{
    right: -35px;
    background-image: url(/dop_data/img/conf/slick-next.png);
    background-repeat: no-repeat;
    background-position: 54% 50%;
}
#rabota .slick-arrow:hover{
    background-color: #feb942;
    box-shadow: 0 0 0 #c7c7c8;
}
#rabota .sub-title{
    font-size: 30px;
    margin: 26px 0 64px 0;
}
#rabota .info{
    background: #fff;
    box-shadow: 0 3px 6px #c9c8c9;
    border-left: 4px solid #feb942;
    margin: -49px 0 0 68px;
    width: 682px;
    position: relative;
    padding: 36px;
}
#rabota .info p{
    font-size: 18px;
    margin-bottom: 20px;
}
#rabota .info p:last-child{
    margin: 0;
}
#prejde{
    
}
#prejde .title{
    font-size: 48px;
    color: #000;
    margin: 127px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
}
#prejde .title b{
    letter-spacing: -0.5px;
}
#prejde .sub-title{
    font-size: 30px;
    margin: 26px 0 55px 0;
    line-height: 38px;
}
#prejde .box{
    height: 560px;
}
#prejde .box .cif{
    background: #feb942;
    color: #3d5b80;
    font-size: 60px;
    font-weight: 800;
    border-radius: 50%;
    width: 128px;
    height: 128px;
    margin: 80px 0 0 0;
    text-align: center;
    padding: 20px 0 0 0;
}
#prejde .box .text{
    margin: 62px 0 0 0;
    width: 615px;
}
#prejde .box .text p{
    font-size: 24px;
    color: #fff;
    line-height: 31px;
    margin-bottom: 27px;
}
#prejde .box.fon{
    background: url(/dop_data/img/conf/prejde.jpg) 0% 0% no-repeat;
    background-size: cover;
}
#prejde .box.fon1{
    background: url(/dop_data/img/conf/prejde1.jpg) 0% 0% no-repeat;
    background-size: cover;
}
#prejde .box.fon2{
    background: url(/dop_data/img/conf/prejde2.jpg) 0% 0% no-repeat;
    background-size: cover;
}
#prejde .box.fon1 .cif{
    margin: 80px 0 0 588px;
}
#prejde .box.fon1 .text{
    margin: 44px 0 0 585px;
    width: 625px;
}
#prejde .box.fon2 .cif{
    margin: 80px 0 0 0;
}
#prejde .box.fon2 .text{
    margin: 54px 0 0 0;
    width: 645px;
}
#rezult{
    height: 887px;
}
#rezult .title{
    font-size: 48px;
    color: #000;
    margin: 95px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
}
#rezult .title b{
    letter-spacing: -0.5px;
}
#rezult .box{
    display: flex;
    justify-content: space-between;
    margin: 92px 0 0 0;
}
#rezult .box .left{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 71%;
}
#rezult .box .left .inf{
    width: 50%;
    margin-bottom: 70px;
}
#rezult .box .left .inf .zag{
    font-size: 24px;
    position: relative;
    font-weight: 700;
    line-height: 32px;
    padding-bottom: 11px;
}
#rezult .box .left .inf .zag:before{
    content: '';
    background: #feb942;
    width: 70px;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
#rezult .box .left .inf .text{
    font-size: 16px;
    margin: 13px 0 0 0;
    width: 88%;
    line-height: 23px;
}
#rezult .box .right{
    width: 267px;
}
#rezult .box .right .zag{
    font-size: 16px;
    font-weight: 600;
    margin: -2px 0 0 6px;
    width: 88%;
    line-height: 18px;
}
#rezult .box .right .img img{
    margin: 33px 0 0 0;
}
#rezult .box .right .img a.btn{
    font-size: 12px;
    color: #325176;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    background: #feb942;
    border-radius: 0;
    margin: -100px 0 0 35px;
    position: relative;
    width: 207px;
    height: 50px;
    padding: 15px 0;
}
#raskaz{
    background: url(/dop_data/img/conf/fon5.jpg) 50% -130px no-repeat;
    background-size: cover;
}
#raskaz .title{
    font-size: 48px;
    color: #fff;
    margin: 98px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 100%;
    position: relative;
    padding-bottom: 39px;
}
#raskaz .title:before{
    content: '';
    background: #feb942;
    width: 260px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
#raskaz .title b{
    letter-spacing: -0.5px;
}
#raskaz .box{
    display: flex;
    justify-content: space-between;
}
#raskaz .box .left{
    width: 76%;
}
#raskaz .box .right{
    width: 270px;
    position: relative;
}
#raskaz .box .text{
    margin: 40px 0 0 0;
    width: 72%;
}
#raskaz .box .text p{
    font-size: 18px;
    margin-bottom: 26px;
    line-height: 28px;
    color: #fff;
}
#raskaz .box .img{
    margin: 195px 0 -98px -198px;
}
#raskaz .box .img img{
    
}
#raskaz .box .txt{
    position: absolute;
    bottom: 139px;
    right: 0px;
    z-index: 1;
    color: #fff;
    font-size: 18px;
    text-align: right;
    border-right: 3px solid #feb942;
    padding: 0 23px 0 0;
}
#raskaz .box .txt b{
    text-transform: uppercase;
    display: block;
}
#raskaz .form{
    margin: 0px 0 0 0;
    background: #fff url(/dop_data/img/conf/tel.png) 0 0 no-repeat;
    width: 100%;
    height: 160px;
    border: 2px solid #e7eff8;
    box-shadow: 0 11px 16px #eff2f6;
    position: relative;
}
#raskaz .form form{
    display: flex;
    justify-content: space-between;
    padding: 42px 57px 0 245px;
}
#raskaz .form form input{
    background: #f5f5f5;
    font-size: 24px;
    color: #000;
    width: 95%;
    height: 72px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 #000;
    padding: 0 29px;
    letter-spacing: 7px;
}
#raskaz .form form .btn{
    font-size: 18px;
    color: #3b597e;
    text-transform: uppercase;
    font-weight: 800;
    border: none;
    width: 49%;
    padding: 0;
    letter-spacing: 1px;
    background: #feb942;
    outline: 0;
    border-radius: 0;
}
#prichi{
    padding-bottom: 125px;
}
#prichi .title{
    font-size: 48px;
    color: #000;
    margin: 90px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
}
#prichi .title b{
    letter-spacing: -0.5px;
}
#prichi .sub-title{
    font-size: 30px;
    margin: 18px 0 55px 0;
    line-height: 38px;
    width: 85%;
}
#prichi .box{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
#prichi .box .col{
    border: 2px solid #e7eff8;
    margin: -1px;
}
#prichi .box .col .pal{
    display: flex;
    align-content: space-between;
}
#prichi .box .col .pal .icon{
    width: 195px;
    height: 170px;
    position: relative;
}
#prichi .box .col .pal .icon img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#prichi .box .col .pal .lp{
    margin: 40px 0 0 0;
}
#prichi .box .col .zag{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
#prichi .box .col .bold{
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 16px 0 0 0;
}
#prichi .box .text{
    font-size: 14px;
    padding: 5px 43px 32px 43px;
    line-height: 21px;
    width: 565px;
}
#prichi .box .col:last-child{
    width: 99.66%;
}
#prichi .box .col:last-child .pal{
    width: 55%;
    margin: 0 auto;
}
#prichi .box .col:last-child .icon{
    height: 220px;
}
#prichi .box .col:last-child .lp{
    margin: 27px 0 0 85px;
}
#prichi .box .col:last-child .lp .text{
    width: 100%;
    padding: 0;
    margin: 25px 0 40px 0;
}
#garant{
    background: url(/dop_data/img/conf/fon6.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 898px;
}
#garant .box{
    display: flex;
    align-content: space-between;
}
#garant .box .text{
    
}
#garant .box .text .title{
    font-size: 48px;
    margin: 112px 0 0 0;
    line-height: 60px;
}
#garant .box .text .zag{
    font-size: 24px;
    font-weight: 800;
    margin: 64px 0 0 0;
    padding: 10px 0 12px 67px;
    background: url(/dop_data/img/conf/file.png) 0 0 no-repeat;
}
#garant .box .text .txt{
    margin: 27px 0 0 0;
    width: 88%;
    line-height: 27px;
}
#garant .box .text .txt p{
    font-size: 18px;
    margin-bottom: 26px;
}
#garant .box .text .shit{
    font-size: 24px;
    font-weight: 800;
    padding: 10px 0 10px 70px;
    background: url(/dop_data/img/conf/shit.png) 0 0 no-repeat;
    margin: 37px 0 0 0;
}
#garant .box .img{
    margin: 125px 0 0 0;
}
#garant .box .img img{
    margin: 0 -30px 0 0;
}
#ofis{
    height: 905px;
    background: url(/dop_data/img/conf/fon7.jpg) 0% 0% no-repeat;
    background-size: cover;
    overflow: hidden;
}
#ofis .title{
    font-size: 48px;
    color: #fff;
    margin: 72px 0 0 0;
    line-height: 60px;
    letter-spacing: -0.1px;
    width: 780px;
}
#ofis .title b{
    letter-spacing: -0.5px;
    display: block;
}
#ofis .box{
    display: flex;
    justify-content: space-between;
}
#ofis .left{
    width: 42%;
    position: relative;
}
#ofis .right{
    width: 57%;
}
#ofis .left img{
    margin: 57px 0 0 -120px;
}
#ofis .left .info{
    color: #fff;
    text-align: left;
    padding: 0 0 0 20px;
    font-size: 20px;
    position: absolute;
    bottom: 167px;
    border-left: 4px solid #feb942;
}
#ofis .left .info b{
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
}
#ofis .form{
    margin: 23px 0 0 -4px;
    width: 520px;
}
#ofis .form p{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}
#ofis .form form{
    width: 457px;
}
#ofis .form form .form-group{
    margin-bottom: 17px;
}
#ofis .form form .form-group input{
    height: 71px;
    border-radius: 0;
    padding: 0 38px;
    font-size: 15px;
    color: #000;
    border: none;
    box-shadow: 0 0 0 #000;
}
#ofis .form form .btn{
    outline: 0;
    border: none;
    width: 100%;
    height: 70px;
    border-radius: 0;
    text-transform: uppercase;
    color: #3a587d;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 18px;
    background: #feb942;
}
#ofis .form > span{
    font-size: 13px;
    color: #fff;
    display: block;
    margin: 35px 0 0 0;
    padding: 0 0 0 34px;
    background: url(/dop_data/img/conf/tell.png) 0 0 no-repeat;
}
#map{
    position: relative;
}
#map .container{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}
#map .trip{
    position: relative;
    left: 0;
    top: 252px;
    background: #fff;
    box-shadow: 0 11px 16px #eae6dd;
    width: 461px;
}
#map .trip .nav-tabs{
    margin: 0;
}
#map .trip .nav-tabs>li{
    width: 50%;
    margin: 0;
}
#map .trip .nav-tabs>li>a{
    height: 77px;
    padding: 27px 0;
    letter-spacing: 0.1px;
    color: #000;
    font-size: 14px;
}
#map .trip .tab-content{
    height: auto;
    background: #fff;
    border: 2px solid #f7f2e3;
    margin: -2px 0 0 0;
    padding: 45px 50px;
}
#map .trip .tab-content .adres{
    font-size: 20px;
    font-weight: 300;
    padding: 3px 0 0 47px;
    background: url(/dop_data/img/conf/adres.png) 5px 4px no-repeat;
}
#map .trip .tab-content .tel{
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
}
#map .trip .tab-content .tel a{
    color: #000;
    font-size: 24px;
    display: block;
    font-weight: 800;
    padding: 0 0 0 47px;
    letter-spacing: 0.7px;
    margin-bottom: -4px;
    background: url(/dop_data/img/conf/tels.png) 6px 7px no-repeat;
}
#map .trip .tab-content .tel a:last-child{
    letter-spacing: 0.1px;
}
#map .trip .tab-content .mail{
    margin: 33px 0 13px 0;
}
#map .trip .tab-content .mail a{
    font-size: 20px;
    color: #000;
    padding: 0 0 5px 48px;
    letter-spacing: -0.2px;
    background: url(/dop_data/img/conf/mails.png) 4px 3px no-repeat;
}
footer .top{
    display: flex;
    margin: 43px 0 41px 0;
}
footer .top .logo{
    margin: 6px 52px 0 0;
}
footer .top .slogan{
    font-size: 16px;
    color: #000;
    width: 485px;
    margin: 4px 0 0 0;
    font-weight: 300;
    line-height: 24px;
}
footer .top .tel{
    display: flex;
    justify-content: space-between;
    width: 425px;
}
footer .top .tel .link{
    margin: 3px 0 0 2px;
    width: 200px;
}
footer .top .tel .link a{
    color: #000;
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.7px;
}
footer .top .tel .link a:nth-child(2) {
    letter-spacing: 0.2px;
}
footer .top .tel .bot{
    
}
footer .top .tel .bot a.btn{
    font-weight: 700;
    color: #37557a;
    border: 2px solid #feb942;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 0;
    width: 195px;
    height: 55px;
    padding: 18px 0;
    letter-spacing: 0.6px;
}
footer .bottom{
    border-top: 1px solid #eaeaea;
}
footer .bottom .container{
    display: flex;
    justify-content: space-between;
}
footer .bottom .nav{
    width: 70%;
    margin: 22px 0 22px 0;
}
footer .bottom .nav li{
    width: 33%;
}
footer .bottom .nav li:nth-child(2) a{
    text-align: center;
}
footer .bottom .nav li a{
    font-size: 14px;
    color: #37557a;
    font-weight: 600;
    padding: 0;
}
footer .bottom .nav-tabs>li.active>a, 
footer .bottom .nav-tabs>li.active>a:focus, 
footer .bottom .nav-tabs>li.active>a:hover, 
footer .bottom .nav>li>a:focus, 
footer .bottom .nav>li>a:hover {
    border: 0 solid transparent;
    background: transparent;
    color: #37557a;
    font-weight: 600;
    text-decoration: underline;
}
footer .bottom a.right{
    font-size: 14px;
    color: #37557a;
    font-weight: 600;
    width: 30%;
    text-align: right;
    margin-top: 22px;
}
.modal-dialog{
    width: 950px;
    height: 655px;
}
.modal-content{
    background: none;
    border: none;
    box-shadow: 0 0 0 #000;
    border-radius: 0;
    padding: 55px 0 0 0;
    position: relative;
    height: 655px;
}
.modal-content:before{
    content: '';
    background: url(/dop_data/img/conf/piple.png) 0 0 no-repeat;
    width: 560px;
    height: 655px;
    display: block;
    position: absolute;
    left: -133px;
    top: 0;
    z-index: 1;
}
.modal-body{
    background: #fff;
    height: 100%;
    padding: 0 0 0 48%;
}
.modal-body button{
    opacity: 1;
    float: none;
    position: absolute;
    right: 28px;
    top: 18px;
}
.modal-body .form{
    padding: 94px 15% 0 3px;
}
.modal-body .form .zag{
    color: #000;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 37px;
    letter-spacing: 1.4px;
}
.modal-body .form form{
    width: 100%;
}
.modal-body .form .text{
    font-size: 16px;
    letter-spacing: 1.9px;
    line-height: 24px;
}
.modal-body .form .link{
    margin: 40px 0 0 0;
}
.modal-body .form .link a{
    color: #b3b3b3;
    font-size: 17px;
    width: 100%;
    height: 73px;
    padding: 25px 0 25px 0;
    letter-spacing: 0.8px;
    border-radius: 0;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    border: 1px solid #ddd;
    margin-top: 12px;
}
.modal-body .form .link a:hover{
    text-decoration: none;
}
.modal-body .form .link a.btn{
    color: #2c476c;
    font-size: 17px;
    border: none;
    width: 100%;
    height: 73px;
    background: #feb942;
    padding: 25px 0 25px 0;
    letter-spacing: 0.8px;
    border-radius: 0;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
}
.modal-body .form form .form-group{
    margin-bottom: 17px;
}
.modal-body .form form .form-group input{
    height: 71px;
    border-radius: 0;
    padding: 0 38px;
    font-size: 15px;
    color: #000;
    box-shadow: 0 0 0 #000;
}
.modal-body .form form button.btn{
    outline: 0;
    border: none;
    width: 100%;
    height: 70px;
    border-radius: 0;
    text-transform: uppercase;
    color: #3a587d;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 18px;
    background: #feb942;
    position: inherit;
}
#polit .modal-content:before,
#docs .modal-content:before,
#otkaz .modal-content:before{
    display: none;
}
#docs .modal-body,
#polit .modal-body,
#otkaz .modal-body{
    padding: 45px;
}
#polit .modal-body .form,
#docs .modal-body .form,
#otkaz .modal-body .form{
    padding: 0;
}
#docs .modal-dialog,
#polit .modal-dialog,
#otkaz .modal-dialog{
    height: auto;
}
#polit .modal-content,
#docs .modal-content,
#otkaz .modal-content{
    height: auto;
}
#pdf .modal-content:before{
    background: url(/dop_data/img/conf/pdf.png) 0 0 no-repeat;
    width: 712px;
    height: 724px;
    left: -258px;
    top: 64px;
}
#pdf .modal-body .form {
    padding: 48px 11% 0 3px;
}
#pdf .modal-body .form .zag{
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 27px;
    margin-top: 17px;
    letter-spacing: 1.8px;
}
#pdf .modal-body .form .text{
    font-size: 16px;
    letter-spacing: 1.6px;
    line-height: 24px;
}
#pdf .modal-body .form .text p{
    margin-bottom: 46px;
}
#pdf .modal-body .form .text p:last-child{
    margin: 0;
}
#pdf .modal-body .form .text p b{
    letter-spacing: 1.5px;
}
#pdf .modal-body .form .link {
    margin: 26px 0 0 0;
}
#pdf .modal-content{
    height: auto;
}
#pdf .modal-dialog{
    height: auto;
}
#pdf .modal-body{
    padding: 0 0 55px 48%;
}
.page-template-spasibo,
.page-template-spasibo2,
.page-template-spasibo3,
.page-template-spasibo4,
.page-template-spasibo5,
.page-template-spasibo6,
.page-template-spasibo7{
    background: url(/dop_data/img/conf/fon4.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.page-template-spasibo .blok,
.page-template-spasibo2 .blok,
.page-template-spasibo3 .blok,
.page-template-spasibo4 .blok,
.page-template-spasibo5 .blok,
.page-template-spasibo6 .blok,
.page-template-spasibo7 .blok{
    padding-top: 185px;
    overflow: hidden;
    position: relative;
}
.page-template-spasibo .blok:before,
.page-template-spasibo2 .blok:before,
.page-template-spasibo3 .blok:before,
.page-template-spasibo4 .blok:before,
.page-template-spasibo5 .blok:before,
.page-template-spasibo6 .blok:before,
.page-template-spasibo7 .blok:before{
    content: '';
    background: url(/dop_data/img/conf/ok.png) 0% 0% no-repeat;
    width: 128px;
    height: 128px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.page-template-spasibo .blok .warp,
.page-template-spasibo2 .blok .warp,
.page-template-spasibo3 .blok .warp,
.page-template-spasibo4 .blok .warp,
.page-template-spasibo5 .blok .warp,
.page-template-spasibo6 .blok .warp,
.page-template-spasibo7 .blok .warp{
    border: 15px solid #fdde2e;
    width: 100%;
    height: 460px;
    margin: 55px auto 0 auto;
}
.page-template-spasibo .blok .warp .zag,
.page-template-spasibo2 .blok .warp .zag,
.page-template-spasibo3 .blok .warp .zag,
.page-template-spasibo4 .blok .warp .zag,
.page-template-spasibo5 .blok .warp .zag,
.page-template-spasibo6 .blok .warp .zag,
.page-template-spasibo7 .blok .warp .zag{
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin: 112px 0 35px 0;
    letter-spacing: 1.4px;
}
.page-template-spasibo .blok .warp .text,
.page-template-spasibo2 .blok .warp .text,
.page-template-spasibo3 .blok .warp .text,
.page-template-spasibo4 .blok .warp .text,
.page-template-spasibo5 .blok .warp .text,
.page-template-spasibo6 .blok .warp .text,
.page-template-spasibo7 .blok .warp .text{
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.page-template-spasibo .blok .warp .text p,
.page-template-spasibo2 .blok .warp .text p,
.page-template-spasibo3 .blok .warp .text p,
.page-template-spasibo4 .blok .warp .text p,
.page-template-spasibo5 .blok .warp .text p,
.page-template-spasibo6 .blok .warp .text p,
.page-template-spasibo7 .blok .warp .text p{
    margin-bottom: 33px;
}
.page-template-spasibo .blok .bak,
.page-template-spasibo2 .blok .bak,
.page-template-spasibo3 .blok .bak,
.page-template-spasibo4 .blok .bak,
.page-template-spasibo5 .blok .bak,
.page-template-spasibo6 .blok .bak,
.page-template-spasibo7 .blok .bak{
    margin: 66px auto 0 auto;
    width: 360px;
}
.page-template-spasibo .blok .bak a,
.page-template-spasibo2 .blok .bak a,
.page-template-spasibo3 .blok .bak a,
.page-template-spasibo4 .blok .bak a,
.page-template-spasibo5 .blok .bak a,
.page-template-spasibo6 .blok .bak a,
.page-template-spasibo7 .blok .bak a{
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
    border: 2px solid #fff;
    font-weight: 700;
    width: 100%;
    display: block;
    padding: 21px 0;
    letter-spacing: 1.1px;
    text-decoration: none;
}
.page-template-spasibo footer,
.page-template-spasibo2 footer,
.page-template-spasibo3 footer,
.page-template-spasibo4 footer,
.page-template-spasibo5 footer,
.page-template-spasibo6 footer,
.page-template-spasibo7 footer{
    margin-top: 82px;
}
.page-template-spasibo footer .top,
.page-template-spasibo2 footer .top,
.page-template-spasibo3 footer .top,
.page-template-spasibo4 footer .top,
.page-template-spasibo5 footer .top,
.page-template-spasibo6 footer .top,
.page-template-spasibo7 footer .top{
    justify-content: space-between;
}
.page-template-spasibo footer .top > div,
.page-template-spasibo2 footer .top > div,
.page-template-spasibo3 footer .top > div,
.page-template-spasibo4 footer .top > div,
.page-template-spasibo5 footer .top > div,
.page-template-spasibo6 footer .top > div,
.page-template-spasibo7 footer .top > div{
    width: 36%;
}
.page-template-spasibo footer .top > div.grup,
.page-template-spasibo2 footer .top > div.grup,
.page-template-spasibo3 footer .top > div.grup,
.page-template-spasibo4 footer .top > div.grup,
.page-template-spasibo5 footer .top > div.grup,
.page-template-spasibo6 footer .top > div.grup,
.page-template-spasibo7 footer .top > div.grup{
    display: flex;
    justify-content: left;
    width: 50%;
}
.page-template-spasibo footer .top .logo,
.page-template-spasibo2 footer .top .logo,
.page-template-spasibo3 footer .top .logo,
.page-template-spasibo4 footer .top .logo,
.page-template-spasibo5 footer .top .logo,
.page-template-spasibo6 footer .top .logo,
.page-template-spasibo7 footer .top .logo{
    margin: 6px 40px 0 0;
}
.page-template-spasibo footer .top .slogan,
.page-template-spasibo2 footer .top .slogan,
.page-template-spasibo3 footer .top .slogan,
.page-template-spasibo4 footer .top .slogan,
.page-template-spasibo5 footer .top .slogan,
.page-template-spasibo6 footer .top .slogan,
.page-template-spasibo7 footer .top .slogan{
    font-size: 12px;
    color: #fff;
    width: 253px;
    margin: 0px 0 0 4px;
    font-weight: 300;
    line-height: 17px;
}
.page-template-spasibo footer .top .slogan a,
.page-template-spasibo2 footer .top .slogan a,
.page-template-spasibo3 footer .top .slogan a,
.page-template-spasibo4 footer .top .slogan a,
.page-template-spasibo5 footer .top .slogan a,
.page-template-spasibo6 footer .top .slogan a,
.page-template-spasibo7 footer .top .slogan a{
    display: block;
    color: #fff;
    text-decoration: underline;
    margin: 20px 0 0 0;
}
.page-template-spasibo footer .top .slogan a:hover,
.page-template-spasibo2 footer .top .slogan a:hover,
.page-template-spasibo3 footer .top .slogan a:hover,
.page-template-spasibo4 footer .top .slogan a:hover,
.page-template-spasibo5 footer .top .slogan a:hover,
.page-template-spasibo6 footer .top .slogan a:hover,
.page-template-spasibo7 footer .top .slogan a:hover{
    text-decoration: none;
}
.page-template-spasibo footer .top .tel .link a,
.page-template-spasibo2 footer .top .tel .link a,
.page-template-spasibo3 footer .top .tel .link a,
.page-template-spasibo4 footer .top .tel .link a,
.page-template-spasibo5 footer .top .tel .link a,
.page-template-spasibo6 footer .top .tel .link a,
.page-template-spasibo7 footer .top .tel .link a{
    color: #fff;
}
.page-template-spasibo footer .top .tel .link,
.page-template-spasibo2 footer .top .tel .link,
.page-template-spasibo3 footer .top .tel .link,
.page-template-spasibo4 footer .top .tel .link,
.page-template-spasibo5 footer .top .tel .link,
.page-template-spasibo6 footer .top .tel .link,
.page-template-spasibo7 footer .top .tel .link{
    margin: 8px 0 0 8px;
}
.page-template-spasibo footer .top .tel .bot,
.page-template-spasibo2 footer .top .tel .bot,
.page-template-spasibo3 footer .top .tel .bot,
.page-template-spasibo4 footer .top .tel .bot,
.page-template-spasibo5 footer .top .tel .bot,
.page-template-spasibo6 footer .top .tel .bot,
.page-template-spasibo7 footer .top .tel .bot{
    margin: 3px 0 0 0;
}
.page-template-spasibo footer .top .tel .bot a.btn,
.page-template-spasibo2 footer .top .tel .bot a.btn,
.page-template-spasibo3 footer .top .tel .bot a.btn,
.page-template-spasibo4 footer .top .tel .bot a.btn,
.page-template-spasibo5 footer .top .tel .bot a.btn,
.page-template-spasibo6 footer .top .tel .bot a.btn,
.page-template-spasibo7 footer .top .tel .bot a.btn{
    color: #fff;
    border: 2px solid #fff;
}
.page-template-spasibo footer .bottom,
.page-template-spasibo2 footer .bottom,
.page-template-spasibo3 footer .bottom,
.page-template-spasibo4 footer .bottom,
.page-template-spasibo5 footer .bottom,
.page-template-spasibo6 footer .bottom,
.page-template-spasibo7 footer .bottom{
    border-top: none;
}
.page-template-spasibo footer .bottom .nav,
.page-template-spasibo2 footer .bottom .nav,
.page-template-spasibo3 footer .bottom .nav,
.page-template-spasibo4 footer .bottom .nav,
.page-template-spasibo5 footer .bottom .nav,
.page-template-spasibo6 footer .bottom .nav,
.page-template-spasibo7 footer .bottom .nav{
    width: 70%;
    margin: -3px 0 55px 0;
    float: left;
}
.page-template-spasibo footer .bottom .nav li a,
.page-template-spasibo2 footer .bottom .nav li a,
.page-template-spasibo3 footer .bottom .nav li a,
.page-template-spasibo4 footer .bottom .nav li a,
.page-template-spasibo5 footer .bottom .nav li a,
.page-template-spasibo6 footer .bottom .nav li a,
.page-template-spasibo7 footer .bottom .nav li a{
    font-size: 12px;
    color: #5c7594;
    font-weight: 400;
    padding: 0;
    text-decoration: underline;
}
.page-template-spasibo footer .bottom .nav li a:hover,
.page-template-spasibo2 footer .bottom .nav li a:hover,
.page-template-spasibo3 footer .bottom .nav li a:hover,
.page-template-spasibo4 footer .bottom .nav li a:hover,
.page-template-spasibo5 footer .bottom .nav li a:hover,
.page-template-spasibo6 footer .bottom .nav li a:hover,
.page-template-spasibo7 footer .bottom .nav li a:hover{
    text-decoration: none;
}
.page-template-spasibo footer .bottom .nav li,
.page-template-spasibo2 footer .bottom .nav li,
.page-template-spasibo3 footer .bottom .nav li,
.page-template-spasibo4 footer .bottom .nav li,
.page-template-spasibo5 footer .bottom .nav li,
.page-template-spasibo6 footer .bottom .nav li,
.page-template-spasibo7 footer .bottom .nav li{
    width: auto;
    margin-right: 20px;
}
.page-template-spasibo footer .bottom a.right,
.page-template-spasibo2 footer .bottom a.right,
.page-template-spasibo3 footer .bottom a.right,
.page-template-spasibo4 footer .bottom a.right,
.page-template-spasibo5 footer .bottom a.right,
.page-template-spasibo6 footer .bottom a.right,
.page-template-spasibo7 footer .bottom a.right{
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    width: auto;
    text-align: right;
    margin-top: -2px;
    float: right;
}
.page-template-spasibo footer .bottom .container,
.page-template-spasibo2 footer .bottom .container,
.page-template-spasibo3 footer .bottom .container,
.page-template-spasibo4 footer .bottom .container,
.page-template-spasibo5 footer .bottom .container,
.page-template-spasibo6 footer .bottom .container,
.page-template-spasibo7 footer .bottom .container{
    display: block;
}
.page-template-spasibo.page-id-382 .blok .warp .zag,
.page-template-spasibo2.page-id-385 .blok .warp .zag,
.page-template-spasibo3.page-id-365 .blok .warp .zag,
.page-template-spasibo4.page-id-437 .blok .warp .zag,
.page-template-spasibo5.page-id-498 .blok .warp .zag,
.page-template-spasibo6.page-id-520 .blok .warp .zag,
.page-template-spasibo7.page-id-522 .blok .warp .zag{
    margin: 98px 0 33px 0;
}
.page-template-spasibo.page-id-382 .blok .warp .text,
.page-template-spasibo2.page-id-385 .blok .warp .text,
.page-template-spasibo3.page-id-365 .blok .warp .text,
.page-template-spasibo4.page-id-437 .blok .warp .text,
.page-template-spasibo5.page-id-498 .blok .warp .text,
.page-template-spasibo6.page-id-520 .blok .warp .text,
.page-template-spasibo7.page-id-522 .blok .warp .text{
    padding: 0 75px;
}
.page-template-spasibo .blok .warp .text span,
.page-template-spasibo2 .blok .warp .text span,
.page-template-spasibo3 .blok .warp .text span,
.page-template-spasibo4 .blok .warp .text span,
.page-template-spasibo5 .blok .warp .text span,
.page-template-spasibo6 .blok .warp .text span,
.page-template-spasibo7 .blok .warp .text span{
    color: #fdde2e;
    font-weight: 600;
}
.page-template-spasibo .blok .warp .text a,
.page-template-spasibo2 .blok .warp .text a,
.page-template-spasibo3 .blok .warp .text a,
.page-template-spasibo4 .blok .warp .text a,
.page-template-spasibo5 .blok .warp .text a,
.page-template-spasibo6 .blok .warp .text a,
.page-template-spasibo7 .blok .warp .text a{
    color: #fdde2e;
    font-weight: 600;
}
.fancybox-wrap{
    overflow: visible !important;
}
@media (max-width: 1535px){
    #calc .podarok {
        font-size: 18px;
        color: #314e72;
        font-weight: 700;
        background: #fff url(/dop_data/img/conf/podarok.png) 32% 50% no-repeat;
        background-size: 40px;
        box-shadow: 0 11px 16px #d1ddea;
        position: absolute;
        right: 0;
        bottom: -77px;
        width: 100%;
        height: 65px;
        padding: 20px 30px 0 78px;
        text-align: center;
    }
    #calc .form{
        margin: 42px 0 100px 0;
    }
    #uznat{
        background-size: inherit;
        height: 1020px;
    }
    #video {
        background: url(/dop_data/img/conf/fon1.jpg) 0 -1020px no-repeat;
        background-size: inherit;
    }
    #about {
        background: url(/dop_data/img/conf/about.png) 95% -35px no-repeat;
    }
    #logos .slick-arrow.slick-prev {
        right: 33vw;
    }
    #logos .slick-arrow.slick-next {
        right: 26vw;
    }
    #ustro .text {
        width: 580px;
    }
    #raskaz {
        background: url(/dop_data/img/conf/fon5.jpg) 50% 0px no-repeat;
        background-size: initial;
    }
    #video .box{
        margin: 162px 0 0 0;
    }
}
@media (max-width: 1440px){
    #about {
        background: url(/dop_data/img/conf/about.png) 106% -35px no-repeat;
    }
    #logos .slick-arrow.slick-prev {
        right: 28vw;
    }
    #logos .slick-arrow.slick-next {
        right: 21vw;
    }
    #uznat{
        background: url(/dop_data/img/conf/fon1.jpg) 50% 0% no-repeat;
    }
    #video {
        background: url(/dop_data/img/conf/fon1.jpg) 50% -1020px no-repeat;
    }
}
@media (max-width: 1370px){
    #about {
        background: url(/dop_data/img/conf/about.png) 114% -35px no-repeat;
    }
}
@media (max-width: 1300px){
    #about {
        background: url(/dop_data/img/conf/about.png) 131% -35px no-repeat;
    }
}
@media (max-width: 1250px){
    #about {
        background: url(/dop_data/img/conf/about.png) 145% -35px no-repeat;
    }
}
@media (max-width: 1210px){
    #about {
        background: url(/dop_data/img/conf/about.png) 161% -35px no-repeat;
    }
    #logos .slick-arrow.slick-prev {
        right: 24vw;
    }
    #logos .slick-arrow.slick-next {
        right: 16vw;
    }
}
@media (max-width: 1199px){
    .logo {
        margin: 9px 20px 0 20px;
    }
    header .slogan {
        padding: 0 20px 0 0;
        width: 260px;
    }
    #calc .radio + label, #calc .kakie .wpcf7-list-item-label{
        font-size: 10px;
    }
    #calc .podarok{
        background: #fff url(/dop_data/img/conf/podarok.png) 28% 50% no-repeat;
        background-size: 40px;
    }
    #calc .setup-content .title{
        width: 100%
    }
    #calc .form{
        padding: 33px;
    }
    #calc #step-3 .box .form-group.bott {
        width: 415px;
    }
    #calc .btn.prevBtn{
        width: 200px;
        background: #fff url(/dop_data/img/conf/back.png) 15% 50% no-repeat;
    }
    #calc .btn.nextBtn{
        width: 200px;
        background: #feb942 url(/dop_data/img/conf/next.png) 83% 50% no-repeat;
    }
    #calc .form-group.bott {
        width: 420px;
    }
    #calc #step-4 .box.in .form-group .box .form-group {
        width: 50%;
        margin: 0;
    }
    #calc #step-4 .box.in > div:first-child {
        width: 48%;
    }
    #calc #step-4 .box.las .form-group.bott{
        width: 47%;
    }
    #calc #step-6 .form-group.bott .btn-success{
        margin: 25px 0 0 20px;
    }
    #ekonom {
        background: url(/dop_data/img/conf/ekonom.png) 50% 50% no-repeat;
        background-size: 100%;
    }
    #nadej {
        background: url(/dop_data/img/conf/nadej.png) 50% 50% no-repeat;
        background-size: 100%;
    }
    #prosto {
        background: url(/dop_data/img/conf/prosto.png) 50% 50% no-repeat;
        background-size: 100%;
    }
    .tab-content .box .all.pl-2 .zag:before {
        left: -70px;
    }
    .tab-content .box .all.pl-2 .lip {
        left: -128px;
    }
    .tab-content .box .all.pl-3 .plus{
        left: 115px;
    }
    .tab-content .box .all.pl-3 .zag:before{
        left: 160px;
    }
    .tab-content .box .all.pl-3 .lip {
        left: -5px;
    }
    .tab-content #nadej .box .all.pl-2 .zag:before {
        left: 0;
    }
    .tab-content #nadej .box .all.pl-2 .lip {
        left: -60px;
    }
    .tab-content #prosto .box .all.pl-2 .zag:before {
        left: 0;
    }
    .tab-content #prosto .box .all.pl-2 .lip {
        left: -60px;
    }
    #ustro .text {
        width: 510px;
        margin: 80px 25px 0 0;
    }
    #ustro .text .osno ul li{
        width: 48%;
        margin: 0 2% 19px 0;
    }
    #ustro .text ul li .txt {
        width: 83%;
    }
    #ustro .text .zag{
        line-height: normal;
    }
    #steni .title{
        width: 100%;
    }
    #steni .sl .img {
        width: 100%;
        height: 100%;
    }
    #steni {
        height: auto;
    }
    #uznat .title{
        width: 100%;
    }
    #video .box .right {
        margin: 10px 0 0 0;
    }
    #about {
        background: url(/dop_data/img/conf/about.png) 97% 100% no-repeat;
        background-size: 60%;
    }
    #about .box .zag{
        margin-top: 685px;
    }
    #about .form form {
        padding: 42px 25px 0 230px;
    }
    #about .form form .btn{
        width: 60%;
    }
    #about .form form input{
        width: 95%;
    }
    #prejde .box.fon1 .text {
        margin: 44px 0 0 315px;
    }
    #prejde .box.fon1 .cif {
        margin: 160px 0 0 315px;
    }
    #bolshe .title{
        width: 100%;
    }
    #bolshe .bol .box .img{
        height: auto;
    }
    #bolshe .bol .box .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #bolshe .bol .box .img a.fancybox{
        height: 100%;
    }
    #bolshe .bol .box .img a.fancybox:after{
        bottom: 0;
    }
    #bolshe .bol .box .img a.link{
        height: auto;
    }
    #posmo .title{
        width: 100%;
    }
    #raschet .fom{
        padding: 40px;
    }
    #raschet .text{
        width: 400px;
    }
    #raschet .fom:after{
        right: -125px;
    }
    #rabota .title{
        width: 100%;
    }
    #prejde .title{
        margin: 50px 0 0 0;
    }
    #rezult .box .left .inf {
        width: 47%;
    }
    #rezult {
        height: auto;
    }
    #raskaz .box .img {
        margin: 195px 0 -98px -125px;
    }
    #raskaz .form form {
        padding: 42px 25px 0 230px;
    }
    #raskaz .form form .btn{
        width: 60%;
    }
    #raskaz .box .text {
        width: 80%;
    }
    #prichi .box .col .pal .icon {
        width: 150px;
    }
    #prichi .box .text {
        padding: 5px 30px 32px 30px;
        width: 466px;
    }
    #prichi .box .col:last-child {
        width: 99.7%;
    }
    #garant{
        height: auto;
        padding-bottom: 50px;
    }
    #garant .box .text {
        width: 65%;
    }
    #garant .box .img img {
        width: 100%;
    }
    #ofis {
        height: auto;
    }
    #ofis .title{
        width: 100%;
        line-height: 50px;
        font-size: 45px;
    }
    #ofis .left img {
        margin: 330px 0 0 -30px;
        width: 100%;
    }
    #ofis .form {
        margin: 23px 0 0 0;
        width: 100%;
    }
    #ofis .right {
        width: 85%;
    }
    #ofis .left .info{
        bottom: 75px;
    }
    #map .trip{
        width: 370px;
    }
    #map .trip .tab-content {
        padding: 25px 20px;
    }
    footer .top .logo {
        margin: 6px 25px 0 0;
    }
    footer .top .slogan{
        width: 320px;
    }
    footer .bottom .nav li a {
        font-size: 12px;
    }
    .page-template-spasibo.page-id-382 .blok .warp .zag, .page-template-spasibo2.page-id-385 .blok .warp .zag, .page-template-spasibo3.page-id-365 .blok .warp .zag, .page-template-spasibo4.page-id-437 .blok .warp .zag, .page-template-spasibo5.page-id-498 .blok .warp .zag, .page-template-spasibo6.page-id-520 .blok .warp .zag, .page-template-spasibo7.page-id-522 .blok .warp .zag {
        margin: 75px 0 33px 0;
    }
    .page-template-spasibo.page-id-382 .blok .warp .text, .page-template-spasibo2.page-id-385 .blok .warp .text, .page-template-spasibo3.page-id-365 .blok .warp .text, .page-template-spasibo4.page-id-437 .blok .warp .text, .page-template-spasibo5.page-id-498 .blok .warp .text, .page-template-spasibo6.page-id-437 .blok .warp .text, .page-template-spasibo7.page-id-522 .blok .warp .text {
        padding: 0 25px;
    }
    .page-template-spasibo .blok .warp, .page-template-spasibo2 .blok .warp, .page-template-spasibo3 .blok .warp, .page-template-spasibo4 .blok .warp, .page-template-spasibo5 .blok .warp, .page-template-spasibo6 .blok .warp, .page-template-spasibo7 .blok .warp{
        height: auto;
        padding-bottom: 30px;
    }
    section{
        overflow: hidden;
    }
}
@media (max-width: 900px){
    .container {
        width: 500px;
    }
    header .slogan,
    .tel .botton,
    .tel .link a:last-child{
        display: none;
    }
    header .top {
        display: block;
    }
    .logo {
        float: left;
    }
    .tel {
        display: block;
        width: auto;
        float: right;
    }
    .tel .link{
        width: auto;
    }
    .tel .link a:first-child {
        background: url(/dop_data/img/conf/mobile-tel.png) 0 0 no-repeat;
        font-size: 0;
        width: 40px;
        height: 40px;
    }
    #topnav {
        background: #232E37;
        width: 83%;
        height: 118vh !important;
    }
    #topnav .cont {
        float: left;
    }
    #topnav .tel .botton,
    #topnav .tel .link a{
        display: block;
    }
    #topnav .tel .link a:first-child{
        width: auto;
        height: auto;
        background: none;
    }
    #top{
        height: auto;
        padding-bottom: 50px;
    }
    #top .title {
        font-size: 30px;
        margin: 145px 0 0 0px;
        line-height: 42px;
    }
    #top .sub-title {
        font-size: 20px;
        margin: 20px 0 0 0;
        width: 100%;
        line-height: 30px;
    }
    #top .text {
        font-size: 16px;
        width: 100%;
    }
    #top .ras .zag {
        font-size: 20px;
        letter-spacing: 0;
        margin: 65px 0 0 0;
    }
    #top .ras .bottom {
        display: block;
        width: 100%;
        margin: 20px 0 0 0;
    }
    #top .ras .bottom .txt{
        width: 100%;
        margin: 20px 0 0 0;
    }
    #calc .title {
        font-size: 24px;
        width: 100%;
        line-height: 40px;
    }
    #calc .stepwizard .btn{
        height: 35px;
        font-size: 0;
    }
    #calc .btn.btn-default[href="#step-1"]:before{
        content: '1';
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        right: auto;
        left: 0;
        bottom: 0px;
        background: #feb942;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 2px solid #fff;
        padding: 5px 0 0 0;
    }
    #calc .btn.btn-default[href="#step-2"]:before{
        content: '2';
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        right: 0;
        left: 0;
        bottom: 0px;
        background: #feb942;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 2px solid #fff;
        padding: 5px 0 0 0;
        margin: auto;
    }
    #calc .btn.btn-default[href="#step-2"][disabled="disabled"]:before{
        background: #fff;
        border: 2px solid #eef5fb;
        color: #000;
    }
    #calc .btn.btn-default[href="#step-3"]:before{
        content: '3';
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        right: 0;
        left: 0;
        bottom: 0px;
        background: #feb942;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 2px solid #fff;
        padding: 5px 0 0 0;
        margin: auto;
    }
    #calc .btn.btn-default[href="#step-3"][disabled="disabled"]:before{
        background: #fff;
        border: 2px solid #eef5fb;
        color: #000;
    }
    #calc .btn.btn-default[href="#step-4"]:before{
        content: '4';
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        right: 0;
        left: 0;
        bottom: 0px;
        background: #feb942;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 2px solid #fff;
        padding: 5px 0 0 0;
        margin: auto;
    }
    #calc .btn.btn-default[href="#step-4"][disabled="disabled"]:before{
        background: #fff;
        border: 2px solid #eef5fb;
        color: #000;
    }
    #calc .btn.btn-default[href="#step-5"]:before{
        content: '5';
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        right: 0;
        left: 0;
        bottom: 0px;
        background: #feb942;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 2px solid #fff;
        padding: 5px 0 0 0;
        margin: auto;
    }
    #calc .btn.btn-default[href="#step-5"][disabled="disabled"]:before{
        background: #fff;
        border: 2px solid #eef5fb;
        color: #000;
    }
    #calc .btn.btn-default.finish:before{
        content: '';
        display: block;
        background: #feb942 url(/dop_data/img/conf/finish3.png) 50% 50% no-repeat;
        border: 2px solid #fff;
        display: block;
        right: 0;
        bottom: 0px;
        width: 35px;
        height: 35px;
        padding: 0;
        border-radius: 50%;
    }
     #calc .btn.btn-default.finish[disabled="disabled"]:before{
        background: #fff url(/dop_data/img/conf/finish3.png) 50% 50% no-repeat;
        border: 2px solid #eef5fb;
    }
    #calc .stepwizard-step:first-child .btn:after {
        border-radius: 20px 0 0 20px;
    }
    #calc .stepwizard-step:last-child .btn:after {
        border-radius: 0 20px 20px 0;
    }
    #calc .btn.btn-default:after{
        height: 35px;
    }
    #calc .stepwizard-step {
        width: 20%;
    }
    #calc .setup-content .zag {
        font-size: 24px;
        margin: 22px 0;
    }
    #calc .box .form-group, #calc .kakie .form-group {
        width: 33.8%;
        margin: -1px;
    }
    #calc .radio + label, #calc .kakie .wpcf7-list-item-label {
        font-size: 9px;
    }
    #calc .radio + label, #calc .kakie .wpcf7-list-item-label{
        width: 100%;
    }
    #calc .form {
        height: auto;
    }
    #calc{
        height: auto;
        padding-bottom: 80px;
    }
    #calc .podarok {
        background: #fff url(/dop_data/img/conf/podarok.png) 3% 50% no-repeat;
        background-size: 40px;
        padding: 20px 30px 0 68px;
    }
    #calc #step-2 .box .form-group {
        width: 100%;
        margin: 0 0 15px 0;
    }
    #calc .setup-content .title{
        margin: 10px 0 30px 0;
    }
    #calc .box .error {
        display: none;
    }
    #calc #step-2 .form-group.bott {
        margin: 0;
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
    }
    #calc #step-3.setup-content .zag {
        width: 100%;
    }
    #calc #step-3 .box {
        display: block;
    }
    #calc #step-3 .box > div {
        width: 100%;
        margin: 0;
    }
    #calc #step-3 .box.col3 {
        margin: 0;
    }
    #calc #step-3 .box.col3 > div {
        width: 55%;
        margin: 0;
    }
    #calc #step-3 .box .form-group.bott {
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
    }
    #calc #step-5 .box > div {
        width: 100%;
        margin: 6px 0 0 0;
    }
    #calc #step-5 .form-group input[type="text"] {
        width: 100%;
    }
    #calc #step-5.setup-content .error {
        display: none;
    }
    #calc #step-5 .form-group.bott {
        margin-top: 20px;
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
    }
    #calc #step-5 .box {
        display: block;
    }
    #calc #step-5 .box.lop > div {
        width: 100%;
    }
    #calc #step-5 .box.lop > div:nth-child(2) {
        width: 100%;
    }
    #calc #step-5 .box.lop > div.form-group.bott {
        margin-top: 0;
        width: 100%;
    }
    #calc #step-4 .box > div .wpcf7-form-control {
        display: block;
    }
    #calc #step-4 .box > div {
        width: 100%;
        margin: 0;
    }
    #calc #step-4 .box > div:last-child {
        margin: 20px 0 0 0;
        width: 100%;
    }
    #calc #step-4 .box > div .wpcf7-form-control .form-group {
        width: auto;
        margin: 0;
    }
    #calc #step-4 .box .box {
        margin: 0;
        display: block;
    }
    #calc #step-4 .box .box .form-group {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #calc #step-4 .box.in > div:first-child {
        width: 100%;
    }
    #calc #step-4 .box.in .form-group:last-child {
        width: 100%;
        margin: 0;
    }
    #calc #step-4 .box.in .form-group input[type="text"] {
        margin-top: 0;
        width: 100%;
    }
    #calc #step-4 .box.las .form-group {
        margin: 0;
        width: 100%;
    }
    #calc #step-4 .box.las{
        float: none;
    }
    #calc #step-4 .box.las .form-group.bott {
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: space-between;
    }
    #calc #step-6.setup-content .zag {
        font-size: 24px;
    }
    #calc #step-6.setup-content .title{
        width: 100%;
    }
    #calc .box {
        display: block;
    }
    #calc #step-6 .box .form-group {
        width: 100%;
        margin: 0;
    }
    #calc #step-6 .box .form-group label.ripl {
        margin: 15px 0 14px 0;
    }
    #calc .form-group input[type="email"]{
        margin-bottom: 20px;
        width: 100%;
    }
    #calc #step-6 .form-group.bott{
        display: block;
    }
    #calc #step-6 .form-group.bott .btn-success {
        margin: 20px 0 20px 0;
        width: 100%;
    }
    #calc .btn.prevBtn{
        float: none !important;
        width: 190px;
        padding: 22px 20px 22px 0;
    }
    #calc .btn.nextBtn{
        float: none !important;
        width: 190px;
        padding: 22px 0 22px 20px;
    }
    #calc #step-6 .form-group.bott .info {
        font-size: 14px;
        width: 100%;
        margin: 0;
    }
    div.wpcf7 .ajax-loader{
        display: none;
    }
    #calc #step-6 .form-group input[type="text"],
    #calc #step-6 .box .form-group .file-811 + label{
        width: 100%;
    }
    .nav-tabs>li>a {
        font-size: 12px;
        height: 75px;
        padding: 30px 0;
    }
    .nav-tabs>li>a[href="#prosto"]{
        padding: 20px 0;
    }
    .tab-content .box .all .zag {
        font-size: 16px;
    }
    .tab-content .box .all .zag:before {
        content: '';
        display: block;
        position: absolute;
        background: #ffb600;
        width: 3px;
        height: 57px;
        bottom: -55px;
        left: 45px;
    }
    .tab-content .box .all .lip {
        font-size: 14px;
        padding: 21px 23px;
        bottom: -60px;
        z-index: 1;
        left: 0;
        width: 400px;
    }
    .tab-content .box .all .lip:before{
        right: auto;
    }
    .tab-content .box .all .plus{
        right: auto;
        left: 0;
        bottom: 120px;
    }
    .tab-content .box .all.pl-1 .plus {
        right: 0;
        left: auto;
    }
    .tab-content .box .all.pl-1 .zag:before {
        background: #ffb600;
        left: auto;
        right: 45px;
    }
    .tab-content .box .all.pl-2 .zag:before {
        left: 45px;
        background: #ffb600;
        top: -30px;
    }
    .tab-content .box .all.pl-3 .plus {
        left: 0;
        right: 0;
        margin: auto;
        bottom: auto;
    }
    .tab-content .box .all.pl-3 .zag:before {
        left: 0;
        right: 0;
        margin: auto;
        top: -135px;
        bottom: auto;
        height: 130px;
    }
    .tab-content .box .all.pl-4 .plus {
        right: 0;
        left: auto;
    }
    .tab-content .box .all.pl-4 .zag:before{
        left: auto;
        right: 45px;
        top: -60px;
    }
    .tab-content .box .all.pl-1 .lip {
        left: auto;
        right: 0;
        bottom: -35px;
    }
    .tab-content .box .all.pl-1 .lip:before {
        right: 25px;
        left: auto;
    }
    .tab-content .box .all.pl-2 .lip {
        left: 0;
        bottom: 20px;
    }
    .tab-content .box .all.pl-4 .lip {
        left: auto;
        right: 0;
        bottom: 45px;
        width: 450px;
    }
    .tab-content .box .all.pl-4 .lip:before {
        right: 25px;
        left: auto;
    }
    .tab-content .box .all.pl-3 .lip {
        left: -87px;
        bottom: 90px;
    }
    .tab-content .box .all {
        width: 33%;
        height: 300px;
    }
    .tab-content .box .all.pl-3 .zag {
        margin: 200px 0 0 -122px;
        width: 400px;
    }
    .tab-content .box .all.pl-4 .zag {
        margin: 140px 0 0 0;
    }
    .tab-content .box .all.pl-2 .zag {
        margin: 110px 0 0 0;
    }
    #ekonom{
        height: auto;
        padding: 80px 0 0 0;
        background-size: 1000px;
    }
    .tab-content{
        height: auto;
    }
    #nadej{
        height: auto;
        padding: 80px 0 0 0;
        background-size: 1000px;
    }
    .tab-content #nadej .box .all.pl-2 .zag:before {
        left: 45px;
    }
    #nadej .box .all.pl-4 .plus {
        left: auto;
    }
    #nadej .box .all.pl-4 .zag:before {
        top: -60px;
        left: 108px;
    }
    #nadej .box .all .zag:before{
        bottom: -65px;
    }
    #nadej .box .all.pl .lip {
        bottom: -35px;
    }
    .tab-content #nadej .box .all.pl-2 .lip {
        left: 0px;
        bottom: 5px;
    }
    #nadej .box .all.pl-4 .lip {
        left: auto;
        right: 0;
        bottom: 55px;
    }
    #prosto{
        height: auto;
        padding: 80px 0 0 0;
        background-size: 1000px;
    }
    #prosto .box .all .plus {
        bottom: 115px;
    }
    #prosto .box .all .zag:before {
        bottom: -80px;
        height: 70px;
    }
    #prosto .box .all.pl-2 .plus {
        top: -7px;
        right: auto;
    }
    .tab-content #prosto .box .all.pl-2 .zag:before {
        left: 47px;
        top: -80px;
    }
    #prosto .box .all.pl-4 .plus {
        top: -8px;
        right: 0;
        left: auto;
    }
    #prosto .box .all.pl-4 .zag:before {
        left: 107px;
        bottom: 0;
        height: 50px;
    }
    #prosto .box .all .lip {
        bottom: -65px;
    }
    .tab-content #prosto .box .all.pl-2 .lip {
        left: 0;
        bottom: 55px;
    }
    #prosto .box .all.pl-4 .lip {
        left: auto;
        bottom: 33px;
        right: 0;
    }
    #zdania .title{
        font-size: 24px;
        line-height: 35px;
    }
    #strong .tab-content .box,
    #lstk .tab-content .box,
    #lmk .tab-content .box{
        display: block;
    }
    #zdania .img {
        width: 100%;
        height: 400px;
    }
    #zdania .text {
        width: 80%;
        margin: 130px auto 0px auto;
        font-size: 16px;
        line-height: 30px;
    }
    #zdania .text p {
        margin-bottom: 0;
        width: 100%;
    }
    #zdania .controls {
        position: initial;
        bottom: 0;
        right: 0;
        left: 0;
        width: 90px;
        margin: auto;   
    }
    #zdania .tab-content .tab-pane .nav-tabs{
        margin: auto;
        width: 370px;
        position: absolute;
        right: 0;
        left: 0;
        top: 420px;
        justify-content: left;
    }
    #zdania .tab-content .tab-pane {
        padding-bottom: 30px;
    }
    #ustro .title {
        font-size: 24px;
        margin: 35px 0 35px 0;
        line-height: 35px;
        width: 100%;
    }
    #ustro .tab-content .box {
        display: block;
    }
    #ustro .text {
        width: 485px;
        margin: 0 auto;
        padding: 60px 15px 0 15px;
    }
    #ustro #stolb .text > p {
        font-size: 16px;
        line-height: 25px;
    }
    #ustro .text .osno ul{
        display: block;
    }
    #ustro .text .osno ul li {
        width: 100%;
        margin: 0 10px 19px 0;
    }
    #ustro .text .osno .del {
        float: none;
        width: 100%;
    }
    #ustro .img {
        width: 100%;
        height: 400px;
        margin: auto;
    }
    #ustro #lento .text ul {
        display: block;
    }
    #ustro #lento .text ul li {
        width: 100%;
    }
    #ustro #lento .text .osno ul li {
        width: 100%;
    }
    #steni .title {
        font-size: 24px;
        line-height: 35px;
    }
    #steni .slick-arrow{
        top: 56%;
    }
    #steni .sl .zag{
        left: 20px;
        bottom: 150px;
    }
    #steni .slick-arrow.slick-next {
        right: 33%;
    }
    #steni .slick-arrow.slick-prev {
        left: 30%;
    }
    #steni .text p {
        font-size: 16px;
    }
    #steni .text.box {
        display: block;
        margin: 20px 0 20px 0;
    }
    #steni .text > div {
        width: 100%;
    }
    #steni .text > div:last-child {
        width: 100%;
        margin-top: 20px;
    }
    #steni .text a{
        padding: 0 0px 10px 80px;
    }
    #uznat {
        background: url(/dop_data/img/conf/fon1.jpg) 0% 0% no-repeat;
        height: auto;
    }
    #uznat .title {
        font-size: 24px;
        line-height: 35px;
        height: 130px;
    }
    #uznat .form {
        margin: 20px 0 0 0;
        width: 100%;
    }
    #uznat .form p {
        font-size: 18px;
        margin-bottom: 35px;
    }
    #uznat .form > span{
        margin: 35px 0 40px 0;
    }
    #video .box {
        margin: 65px 0 0 0;
        display: block;
    }
    #video .box .left {
        width: 293px;
        margin: 0 auto;
    }
    #video .box .right {
        margin: 30px 0 0 0;
        width: 100%;
    }
    #video .box .right .title {
        font-size: 24px;
        line-height: 35px;
        text-align: center;
    }
    #video .box .right .text {
        font-size: 18px;
        margin: 20px 0 0 0;
        text-align: center;
    }
    #video {
        height: auto;
        padding-bottom: 40px;
    }
    #video .vid {
        top: 0px;
        height: 565px;
    }
    #about .title {
        font-size: 24px;
        margin: 50px 0 0 0;
        line-height: 35px;
        width: 100%;
    }
    #about .box {
        display: block;
    }
    #about .box .text {
        margin: 40px 0 0 0;
        width: 100%;
    }
    #about .box .text p {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 28px;
    }
    #about .box .zag {
        margin-top: 465px;
        width: 100%;
    }
    #about {
        background: url(/dop_data/img/conf/about.png) 50% 100% no-repeat;
        background-size: 800px;
    }
    #about .form{
        background: #fff;
        height: auto;
    }
    #about .form form {
        padding: 25px;
        display: block;
    }
    #about .form form input {
        width: 100%;
        margin-bottom: 15px;
    }
    #about .form form .btn {
        width: 100%;
        display: block;
        height: 72px;
    }
    #logos{
        overflow: visible;
    }
    #logos .title {
        font-size: 24px;
        color: #000;
        margin: 45px 0 0 0;
        line-height: 35px;
        letter-spacing: -0.1px;
        width: 100%;
    }
    #logos .logos {
        margin-top: 45px;
    }
    #logos .slick-arrow{
        top: auto;
        bottom: -30px;
    }
    #logos .slick-arrow.slick-prev {
        right: 43%;
        margin-right: 80px;
    }
    #logos .slick-arrow.slick-next {
        right: 43%;
    }
    #logos .logos .slick-slide{
        height: 175px;
    }
    #bolshe{
        height: auto;
        padding-bottom: 50px;
    }
    #bolshe .title {
        font-size: 24px;
        margin: 70px 0 0 0;
        line-height: 35px;
    }
    #bolshe .bol {
        margin: 40px 0 0 0;
    }
    #bolshe .bol .box {
        display: block;
    }
    #bolshe .bol .box .img {
        height: auto;
        width: 100%;
        border-right: 0px solid #e7eff8;
        border-bottom: 2px solid #e7eff8;
    }
    #bolshe .bol .box .text {
        width: 100%;
        padding: 25px;
    }
    #bolshe .bol .box .text p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 26px;
    }
    #bolshe .bol .slick-arrow{
        top: auto;
        bottom: -30px;
    }
    #bolshe .bol .slick-arrow.slick-prev {
        left: 33%;
    }
    #bolshe .bol .slick-arrow.slick-next {
        right: 35%;
    }
    #posmo .title {
        font-size: 24px;
        margin: 45px 0 0 0;
        line-height: 35px;
    }
    #posmo .box {
        display: block;
    }
    #posmo .box .icon {
        width: 100%;
        display: flex;
        justify-content: left;
        margin-bottom: 15px;
    }
    #posmo .box .icon .img {
        width: 68px;
        margin-right: 15px;
    }
    #posmo .posmo img{
        width: 100%;
        object-fit: cover;
    }
    #posmo .slick-arrow{
        top: auto;
        bottom: 10px;
    }
    #posmo .slick-slide{
        height: 300px;
    }
    #posmo .slick-arrow.slick-prev {
        left: 33%;
    }
    #posmo .slick-arrow.slick-next {
        right: 35%;
    }
    #posmo .text {
        margin: 40px 0 0 0;
    }
    #posmo .text p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 15px;
    }
    #raschet {
        height: auto;
        margin-top: 15px;
    }
    #raschet .fom {
        padding: 30px;
        margin: 35px 0;
        border: 15px solid #feb942;
    }
    #raschet .title {
        font-size: 24px;
        color: #fff;
        margin: 0;
        line-height: 35px;
        letter-spacing: -0.1px;
        height: 130px;
        position: relative;
    }
    #raschet .fom:after{
        display: none;
    }
    #raschet .sub-title {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0 0 0;
        width: 100%;
        line-height: 30px;
    }
    #raschet .text {
        width: 100%;
        margin: 20px 0 0 0;
        font-size: 16px;
        line-height: 25px;
    }
    #raschet .link a.btn{
        width: 100%;
    }
    #rabota {
        padding-bottom: 45px;
    }
    #rabota .title {
        font-size: 24px;
        margin: 40px 0 0 0;
        line-height: 35px;
    }
    #rabota .sub-title {
        font-size: 18px;
        margin: 20px 0 35px 0;
    }
    #rabota .info{
        display: none;
    }
    #rabota .slick-arrow{
        top: auto;
        bottom: -35px;
    }
    #rabota .slick-arrow.slick-prev {
        left: 33%;
    }
    #rabota .slick-arrow.slick-next {
        right: 35%;
    }
    #prejde .title {
        margin: 25px 0 0 0;
        font-size: 24px;
        line-height: 30px;
    }
    #prejde .sub-title {
        font-size: 16px;
        margin: 25px 0 40px 0;
        line-height: 25px;
    }
    #prejde .box .cif {
        font-size: 40px;
        width: 100px;
        height: 100px;
        margin: 60px 0 0 0;
    }
    #prejde .box .text {
        margin: 35px 0 0 0;
        width: 100%;
    }
    #prejde .box .text p {
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        margin-bottom: 15px;
    }
    #prejde .box {
        height: auto;
        padding-bottom: 40px;
    }
    #prejde .box.fon1 .cif {
        margin: 60px 0 0 0px;
    }
    #prejde .box.fon1 .text {
        margin: 35px 0 0 0;
        width: 100%;
    }
    #prejde .box.fon2 .cif {
        margin: 60px 0 0 0;
    }
    #prejde .box.fon2 .text {
        margin: 35px 0 0 0;
        width: 100%;
    }
    #rezult .title {
        font-size: 24px;
        margin: 35px 0 0 0;
        line-height: 35px;
    }
    #rezult .box {
        display: block;
        margin: 35px 0 0 0;
    }
    #rezult .box .left {
        display: block;
        width: 100%;
    }
    #rezult .box .left .inf {
        width: 100%;
        margin-bottom: 30px;
    }
    #rezult .box .left .inf .zag {
        font-size: 18px;
    }
    #rezult .box .left .inf .text{
        width: 100%;
    }
    #rezult .box .right .zag{
        margin: 0;
        width: 100%;
        text-align: center;
    }
    #rezult .box .right .img img {
        width: 100%;
    }
    #rezult .box .right .img a.btn{
        margin: -100px auto 0 auto;
    }
    #rezult .box .right {
        width: 100%;
        margin-bottom: 50px;
    }
    #raskaz .box {
        display: block;
    }
    #raskaz .box .left {
        width: 100%;
    }
    #raskaz .title {
        font-size: 24px;
        margin: 45px 0 0 0;
        line-height: 35px;
        width: 100%;
        padding-bottom: 39px;
    }
    #raskaz .box .text {
        width: 100%;
        margin: 35px 0 0 0;
    }
    #raskaz {
        background: url(/dop_data/img/conf/fon5.jpg) 50% 0px no-repeat;
        background-size: cover;
        overflow: visible;
    }
    #raskaz .box .right {
        width: 100%;
    }
    #raskaz .box .img {
        margin: 50px 0 0 0;
    }
    #raskaz .box .txt{
        bottom: 30px;
    }
    #raskaz .form form {
        padding: 25px;
        display: block;
    }
    #raskaz .form form input{
        width: 100%;
        margin-bottom: 20px;
    }
    #raskaz .form form .btn {
        width: 100%;
        display: block;
        height: 71px;
    }
    #raskaz .form{
        background: #fff;
        height: auto;
        margin: 0 0 -100px 0;
    }
    #prichi {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    #prichi .title {
        font-size: 24px;
        margin: 75px 0 0 0;
        line-height: 35px;
    }
    #prichi .sub-title {
        font-size: 18px;
        margin: 18px 0 40px 0;
        line-height: 25px;
        width: 100%;
    }
    #prichi .box {
        display: block;
    }
    #prichi .box .text {
        padding: 0 30px 30px 30px;
        width: 100%;
    }
    #prichi .box .col:last-child .pal {
        width: 100%;
        margin: 0 auto;
    }
    #prichi .box .col:last-child,
    #prichi .box .col{
        width: 100%;
    }
    #prichi .box .col:last-child .lp {
        margin: 27px 0 0 0px;
        width: 75%;
    }
    #garant .box .text .title {
        font-size: 24px;
        margin: 60px 0 0 0;
        line-height: 35px;
    }
    #garant .box {
        display: block;
    }
    #garant .box .text {
        width: 100%;
    }
    #garant .box .text .zag {
        font-size: 18px;
        margin: 35px 0 0 0;
        padding: 13px 0 25px 67px;
    }
    #garant .box .text .txt {
        width: 100%;
    }
    #garant .box .text .txt p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    #garant .box .text .shit {
        font-size: 18px;
        padding: 14px 0 15px 70px;
        margin: 25px 0 0 0;
    }
    #garant .box .img {
        margin: 45px 0 0 0;
    }
    #garant .box .img img {
        width: 100%;
        margin: 0;
    }
    #ofis .box {
        display: block;
    }
    #ofis .left {
        width: 100%;
    }
    #ofis .left img {
        margin: 30px 0 0 0px;
        width: 100%;
    }
    #ofis .left:after{
        content: '';
        background: #37537a;
        position: absolute;
        width: 100%;
        height: 100px;
        display: block;
        left: 0;
        bottom: 0;
        z-index: 1;
        visibility: visible !important;
        box-shadow: 0 0 45px 33px #37537a;
    }
    #ofis .left .info {
        bottom: 75px;
        z-index: 10;
    }
    #ofis .right {
        width: 100%;
    }
    #ofis .title {
        width: 100%;
        line-height: 35px;
        font-size: 24px;
        margin: 0;
        z-index: 10;
        position: relative;
    }
    #ofis .form p {
        font-size: 18px;
    }
    #ofis .form {
        margin: 23px 0 45px 0;
        width: 100%;
    }
    #ofis .form form {
        width: 100%;
    }
    #map .container {
        top: auto;
        bottom: 50px;
    }
    #map .trip {
        width: 100%;
        top: auto;
        bottom: 0;
    }
    #map .trip .tab-content .tel{
        float: none;
    }
    footer .top .tel{
        display: none;
    }
    footer .top .slogan {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
    }
    footer .bottom .container {
        display: block;
    }
    footer .bottom .nav {
        width: 100%;
    }
    footer .bottom .nav li {
        width: 100%;
        float: none;
    }
    .nav-pills>li+li {
        margin-left: 0;
    }
    footer .bottom .nav li a {
        font-size: 14px;
        text-align: center;
    }
    footer .bottom a.right {
        width: 100%;
        text-align: center;
        margin-top: 22px;
        display: block;
        margin-bottom: 22px;
    }
    .modal-dialog {
        width: 90%;
    }
    .modal-content:before{
        display: none;
    }
    .modal-body .form {
        padding: 0;
    }
    .modal-body{
        padding: 50px;
    }
    .modal-content{
        height: auto;
    }
    .page-template-spasibo .blok .warp .zag, 
    .page-template-spasibo2 .blok .warp .zag, 
    .page-template-spasibo3 .blok .warp .zag, 
    .page-template-spasibo4 .blok .warp .zag, 
    .page-template-spasibo5 .blok .warp .zag, 
    .page-template-spasibo6 .blok .warp .zag, 
    .page-template-spasibo7 .blok .warp .zag {
        font-size: 24px;
        padding: 0 25px;
    }
    .page-template-spasibo .blok .warp .text, 
    .page-template-spasibo2 .blok .warp .text, 
    .page-template-spasibo3 .blok .warp .text, 
    .page-template-spasibo4 .blok .warp .text, 
    .page-template-spasibo5 .blok .warp .text, 
    .page-template-spasibo6 .blok .warp .text, 
    .page-template-spasibo7 .blok .warp .text {
        font-size: 16px;
    }
    .page-template-spasibo .blok .warp, 
    .page-template-spasibo2 .blok .warp, 
    .page-template-spasibo3 .blok .warp, 
    .page-template-spasibo4 .blok .warp, 
    .page-template-spasibo5 .blok .warp, 
    .page-template-spasibo6 .blok .warp, 
    .page-template-spasibo7 .blok .warp {
        height: auto;
        padding-bottom: 0;
    }
    .page-template-spasibo footer .top > div, 
    .page-template-spasibo2 footer .top > div, 
    .page-template-spasibo3 footer .top > div, 
    .page-template-spasibo4 footer .top > div, 
    .page-template-spasibo5 footer .top > div, 
    .page-template-spasibo6 footer .top > div, 
    .page-template-spasibo7 footer .top > div {
        width: 0;
        display: none;
    }
    .page-template-spasibo footer .top > div.grup, 
    .page-template-spasibo2 footer .top > div.grup, 
    .page-template-spasibo3 footer .top > div.grup, 
    .page-template-spasibo4 footer .top > div.grup, 
    .page-template-spasibo5 footer .top > div.grup, 
    .page-template-spasibo6 footer .top > div.grup, 
    .page-template-spasibo7 footer .top > div.grup  {
        width: 100%;
    }
    .page-template-spasibo footer .bottom .nav, 
    .page-template-spasibo2 footer .bottom .nav, 
    .page-template-spasibo3 footer .bottom .nav, 
    .page-template-spasibo4 footer .bottom .nav, 
    .page-template-spasibo5 footer .bottom .nav, 
    .page-template-spasibo6 footer .bottom .nav, 
    .page-template-spasibo7 footer .bottom .nav {
        width: 100%;
        margin: 0 0 30px 0;
        float: none;
    }
    .page-template-spasibo footer .bottom a.right, 
    .page-template-spasibo2 footer .bottom a.right, 
    .page-template-spasibo3 footer .bottom a.right, 
    .page-template-spasibo4 footer .bottom a.right, 
    .page-template-spasibo5 footer .bottom a.right, 
    .page-template-spasibo6 footer .bottom a.right, 
    .page-template-spasibo7 footer .bottom a.right {
        text-align: center;
        float: none;
    }
    .page-template-spasibo footer, 
    .page-template-spasibo2 footer, 
    .page-template-spasibo3 footer, 
    .page-template-spasibo4 footer, 
    .page-template-spasibo5 footer, 
    .page-template-spasibo6 footer, 
    .page-template-spasibo7 footer {
        margin-top: 25px;
    }
    .navbar-header {
        float: left;
    }
}
@media (max-width: 499px){
    body{
        zoom: normal !important;
    }
    #stroi,
    #zdania,
    #ustro,
    #steni{
        zoom: normal !important;
    }
    .container {
        width: 100%;
        padding: 0 25px;
    }
    header {
        padding: 39px 0 0 0;
    }
    .navbar-default .navbar-toggle .icon-bar{
        width: 30px;
        margin-bottom: 5px;
    }
    .logo {
        margin: 10px 5px 0 17px;
    }
    .logo img{
        width: 152px;
    }
    .tel .link {
        margin: 9px 0 0 0px;
    }
    .tel .link a:first-child {
        background: url(/dop_data/img/conf/mobile-tel.png) 0 0 no-repeat;
        background-size: cover;
        font-size: 0;
        width: 33px;
        height: 33px;
    }
    #top {
        padding-bottom: 35px;
    }
    #top .title {
        font-size: 23px;
        margin: 130px 0 0 0px;
        line-height: 30px;
        letter-spacing: 2.2px;
        font-weight: 700;
    }
    #top .sub-title {
        font-size: 16.7px;
        line-height: 26px;
        margin: 14px 0 0 0;
        letter-spacing: -0.1px;
    }
    #top .text b {
        font-weight: 700;
    }
    #top .text {
        font-size: 13.7px;
        width: 330px;
        margin: 21px 0 -2px 0;
        background-size: 17px;
        padding: 0 0 0 31px;
        letter-spacing: -0.4px;
        line-height: 18px;
    }
    #top .text:last-child{
        width: 355px;
        letter-spacing: -0.2px;
    }
    #top .ras .zag b {
        font-weight: 700;
        letter-spacing: -0.4px;
    }
    #top .ras .zag {
        font-size: 16.9px;
        letter-spacing: 0px;
        margin: 28px 0 0 0;
        width: 97%;
    }
    #top .ras .bottom {
        display: block;
        width: 100%;
        margin: 19px 0 0 0;
    }
    #top .ras .bottom .btn{
        width: 297px;
        background: #feb942 url(/dop_data/img/conf/next.png) 86% 50% no-repeat;
        padding: 19px 0 16px 44px;
        font-size: 14px;
        letter-spacing: 1px;
        height: 58px;
        font-weight: 700;
    }
    #top .ras .bottom .txt {
        width: 94%;
        margin: 28px 0 0 0;
        letter-spacing: -0.8px;
        line-height: 17px;
        font-size: 13px;
    }
    #top .ras .bottom .txt b {
        font-weight: 700;
        letter-spacing: -0.3px;
    }
    #calc .title {
        margin: 35px 0 0 0;
        font-size: 19.8px;
        line-height: 25px;
    }
    #calc .form {
        margin: 30px 0 90px 0;
        padding: 30px;
    }
    #calc .stepwizard .btn {
        height: 22px;
        font-size: 0;
    }
    #calc .btn.btn-default[href="#step-1"]:before,
    #calc .btn.btn-default[href="#step-2"]:before,
    #calc .btn.btn-default[href="#step-3"]:before,
    #calc .btn.btn-default[href="#step-4"]:before,
    #calc .btn.btn-default[href="#step-5"]:before,
    #calc .btn.btn-default[href="#step-6"]:before{
        width: 23px;
        height: 23px;
        font-size: 10px;
        padding: 3px 0 0 0;
    }
    #calc .btn.btn-default:after {
        height: 23px;
    }
    #calc .setup-content .zag {
        font-size: 19.8px;
        margin: 32px 0 30px 0;
    }
    #calc .box .form-group, #calc .kakie .form-group {
        width: 50.4%;
    }
    #calc .radio + label, #calc .kakie .wpcf7-list-item-label{
        height: 130px;
    }
    #calc .kakie .form-group .radio + label[for="kakie-0"],
    #calc .kakie .form-group .radio + label[for="kakie-1"],
    #calc .kakie .form-group .radio + label[for="kakie-2"],
    #calc .kakie .form-group .radio + label[for="kakie-3"],
    #calc .kakie .form-group .radio + label[for="kakie-4"],
    #calc .kakie .form-group .radio + label[for="kakie-5"],
    #calc .kakie .form-group .radio + label[for="kakie-6"],
    #calc .kakie .form-group .radio + label[for="kakie-7"],
    #calc .kakie .form-group .radio + label[for="kakie-8"],
    #calc .kakie .form-group .radio + label[for="kakie-9"],
    #calc .kakie .form-group .radio + label[for="kakie-10"],
    #calc .kakie .form-group .radio + label[for="kakie-11"]{
        background-position: 50% 10%;
        background-size: 40px;
        height: 85px;
    }
    #calc .radio + label span, #calc .kakie .form-group .radio + label span{
        bottom: 5px;
        line-height: 12px;
    }
    #calc .kakie .form-group .radio + label[for="kakie-12"]{
        margin: 25px 0 50px 0;
    }
    #calc .setup-content .title {
        font-size: 16px;
        line-height: 23px;
    }
    #calc #step-3 .form-group.bott {
        margin-top: 0;
        float: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #calc #step-5 .box{
        display: block;
        margin-bottom: 15px;
    }
    #calc #step-5 .box.lop > div {
        width: 100%;
    }
    #calc #step-5 .box.lop > div:nth-child(2) {
        width: 100%;
    }
    #calc #step-5 .box.lop > div.form-group.bott {
        margin-top: 0;
        width: 100%;
    }
    #calc #step-4 .box.las{
        float: none;
    }
    #calc #step-4.setup-content .zag {
        margin: 33px 0 24px 0;
        line-height: 26px;
    }
    #calc #step-3.setup-content .title, #calc #step-4.setup-content .title, #calc #step-5.setup-content .title {
        font-size: 15px;
        margin: 0 0 15px 0;
        font-weight: 600;
        width: 100%;
        line-height: 24px;
    }
    #calc .galka .radio + label{
        padding: 5px 0 5px 40px;
        font-size: 11px;
    }
    #calc .galka .radio:not(checked) + label:before{
        width: 25px;
        height: 25px;
    }
    #calc .galka .radio:not(checked) + label:after{
        width: 25px;
        height: 25px;
    }
    #calc #step-5 .galka{
        display: flex;
        justify-content: left;
    }
    #calc #step-5 .box .form-group {
        width: 25%;
    }
    #calc #step-4 .box > div .wpcf7-form-control .form-group {
        width: auto;
        margin: 0 20px 0 0;
    }
    #calc #step-4 .box > div .wpcf7-form-control {
        display: flex;
        flex-wrap: wrap;
    }
    #calc #step-4 .box .box {
        margin: 0;
        display: flex;
    }
    #calc #step-4 .box > div:last-child {
        margin: 10px 0 0 0;
        width: 100%;
    }
    #calc #step-4 .box .box .form-group {
        width: 50%;
        margin: 0 0 20px 0;
    }
    #calc #step-4 .box{
        margin-bottom: 17px;
    }
    #calc #step-5 .box > div .wpcf7-form-control .form-group {
        width: auto;
        margin: 0 20px 0 0;
    }
    #calc .form-group input[type="text"], #calc .form-group input[type="email"]{
        height: 59px;
        font-size: 11px;
    }
    #calc .podarok{
        padding: 10px 30px 10px 68px;
        height: auto;
        font-size: 14px;
        bottom: -70px;
        background-size: 30px;
    }
    #calc .box.rig {
        float: right;
    }
    #calc .btn.nextBtn{
        background: #feb942 url(/dop_data/img/conf/next.png) 73% 50% no-repeat;
        background-size: 28px;
        padding: 16px 0 22px 25px;
        width: 145px;
        font-size: 11px;
        height: 45px;
        margin: 20px 0 0 0;
        font-weight: 700;
    }
    #calc .btn.prevBtn {
        width: 145px;
        padding: 13px 23px 22px 0;
        font-size: 11px;
        height: 45px;
        margin: 20px 0 0 0;
        font-weight: 700;
        background: #fff url(/dop_data/img/conf/back.png) 22% 50% no-repeat;
        background-size: 28px;
    }
    #calc #step-4 .box.in > div:nth-child(2) .wpcf7-form-control, #calc #step-4 .box.las .wpcf7-form-control {
        display: flex;
    }
    #calc #step-4 .box.in > div:nth-child(2) .wpcf7-form-control .form-group, #calc #step-4 .box.las .wpcf7-form-control .form-group {
        margin: 0 20px 0 0;
        width: initial;
    }
    #calc #step-2 .form-group.bott{
        display: flex;
    }
    #calc #step-3 .box.col3 > div:first-child {
        width: 100%;
    }
    #calc .galka .radio + label[for="zatrudnaus-0"]{
        width: 100%;
    }
    #calc #step-3 .box .form-group.bott, #calc #step-4 .form-group.bott, #calc #step-5 .box.las .form-group.bott {
        display: flex;
    }
    #calc #step-6 .box .form-group .file-811 + label {
        padding: 21px 15px 0 15px;
        height: 59px;
        font-size: 11px;
    }
    #calc #step-6 .form-group.bott .btn-success{
        white-space: normal;
        height: auto;
        font-size: 11px;
        text-align: center;
        padding: 22px 0;
    }
    #calc #step-6 .form-group.bott .info {
        font-size: 11px;
    }
    #calc #step-6.setup-content .zag {
        font-size: 19.8px;
    }
    #calc #step-6.setup-content .title{
        font-size: 14px;
        line-height: 20px;
    }
    #calc #step-6 .box .form-group label{
        font-size: 14px;
    }
    #calc {
        padding-bottom: 70px;
    }
    #stroi .container{
        padding: 0;
    }
    .nav-tabs>li{
        margin: 0 -1px;
    }
    .nav-tabs>li>a {
        font-size: 11px;
        height: 51px;
        padding: 18px 0;
        font-weight: 700;
        line-height: 13px;
    }
    #stroi {
        background: url(/dop_data/img/conf/calc.jpg) 50% 50% no-repeat;
    }
    .tab-content .box .all .zag {
        font-size: 13px;
        padding-top: 20px;
        line-height: 20px;
    }
    .tab-content .box .all.pl-3 .zag {
        margin: 138px 0 0 -112px;
        width: 320px;
    }
    .tab-content .box .all .lip{
        width: 290px;
        bottom: -70px;
        font-size: 11px;
        line-height: 14px;
        padding: 15px;
    }
    .tab-content .box .all.pl-1 .lip{
        bottom: -55px;
    }
    .tab-content .box .all.pl-2 .lip{
        width: 290px;
    }
    .tab-content .box .all.pl-2 .lip {
        left: 0;
        bottom: -30px;
    }
    #ekonom {
        padding: 90px 0 95px 0;
        background: url(/dop_data/img/conf/ekonom.png) 50% 35% no-repeat;
        background-size: 575px;
    }
    .tab-content .box .all {
        width: 33%;
        height: 172px;
    }
    #stroi .tab-content .container{
        padding: 0 48px;
    }
    .tab-content .box .all .zag:before{
        bottom: -64px;
    }
    .tab-content .box .all .plus {
        right: 0;
        left: 20px;
        bottom: 50px;
        background-size: cover !important;
        width: 52px;
        height: 52px;
    }
    .tab-content .box .all.pl-1 .zag, .tab-content .box .all.pl-4 .zag {
        text-align: right;
        padding-top: 0;
        line-height: 20px;
    }
    .tab-content .box .all.pl-3 .zag:before {
        top: -108px;
        height: 100px;
    }
    .tab-content .box .all.pl-4 .plus {
        right: 21px;
    }
    .tab-content .box .all.pl-4 .zag {
        margin: 90px 0 0 0;
    }
    .tab-content .box .all.pl-2 .zag {
        margin: 73px 0 0 0;
    }
    .tab-content .box .all.pl-1 .plus {
        right: 20px;
        left: auto;
    }
    .tab-content .box .all.pl-3 .plus {
        right: 12px;
    }
    .tab-content .box .all.pl-1 .zag:before {
        bottom: -70px;
    }
    .tab-content .box .all.pl-3 .lip {
        left: -97px;
        bottom: 30px;
        width: 290px;
    }
    .tab-content .box .all.pl-3 .lip:before {
        right: 120px;
    }
    .tab-content .box .all.pl-4 .lip {
        left: auto;
        right: 0;
        bottom: -30px;
        width: 290px;
    }
    .tab-content .box .all.pl-2 .zag:before{
        top: -40px;
    }
    #nadej .box .all.pl .lip {
        bottom: -55px;
    }
    .tab-content #nadej .box .all.pl-2 .lip {
        left: 0px;
        bottom: -35px;
    }
    #nadej .box .all.pl-4 .zag:before {
        top: -60px;
        left: auto;
    }
    #prosto .box .all.pl-4 .zag:before {
        left: auto;
        top: -55px;
    }
    #nadej .box .all.pl-4 .lip {
        left: auto;
        right: 0;
        bottom: 10px;
    }
    .tab-content #nadej .box .all {
        width: 50%;
    }
    #nadej{
        padding: 80px 0 95px 0;
        background-size: 575px;
    }
    #nadej .box .all .zag {
        line-height: 20px;
    }
    #nadej .box .all.pl-2 .zag {
        margin: 80px 0 0 0;
        padding-top: 20px;
    }
    #nadej .box .all.pl-4 .zag {
        margin: 100px 0 0 0;
        padding-top: 0px;
    }
    #nadej .box .all.pl-2 .zag:before {
        top: -40px;
    }
    #prosto .box .all .plus {
        bottom: 40px;
    }
    #prosto .box .all.pl-2 .zag {
        margin: 100px 0 0 0;
    }
    #prosto .box .all.pl-4 .plus {
        top: 0;
        right: 20px;
        left: auto;
    }
    .tab-content #prosto .box .all {
        width: 50%;
    }
    #prosto .box .all .lip {
        bottom: -95px;
    }
    .tab-content #prosto .box .all.pl-2 .lip {
        left: 0;
        bottom: 5px;
    }
    #prosto .box .all.pl-4 .lip {
        left: auto;
        bottom: -15px;
        right: 0;
    }
    #prosto .box .all.pl-4 .zag {
        margin: 100px 0 0 0;
    }
    #prosto {
        padding: 80px 0 95px 0;
        background: url(/dop_data/img/conf/prosto.png) 50% 45% no-repeat;
        background-size: 575px;
    }
    .nav-tabs>li>a[href="#prosto"] {
        padding: 11px 0;
    }
    #zdania .title {
        font-size: 20px;
        line-height: 25px;
        margin: 42px 0 0 0;
    }
    #zdania .container:first-child{
        padding: 0 25px;
    }
    #zdania .container{
        padding: 0;
    }
    #zdania .tab-content .tab-pane .nav-tabs{
        display: flex;
        top: 440px;
        width: 240px;
    }
    #zdania .tab-content .tab-pane .nav-tabs>li {
        margin: 0 10px 0 0;
    }
    #zdania .tab-content .tab-pane .nav-tabs>li>a{
        width: 47px;
        height: 47px;
        background-size: 25px !important;
    }
    #zdania .nav-tabs {
        margin-top: 29px;
    }
    #zdania .tab-content{
        margin-top: 0;
    }
    #zdania .img {
        height: 405px;
    }
    #zdania .text {
        width: 88%;
        margin: 122px auto 0px auto;
        font-size: 13px;
        line-height: 21px;
    }
    #zdania .text p {
        margin-bottom: 18px;
    }
    #zdania .controls{
        width: 85px;
    }
    #zdania .controls img{
        width: 15px;
    }
    #zdania .tab-content .tab-pane {
        padding-bottom: 33px;
    }
    #ustro .title {
        font-size: 20px;
        margin: 36px 0 25px 0;
        line-height: 25px;
        width: 100%;
    }
    #ustro .container{
        padding: 0;
    }
    #ustro .container:first-child{
        padding: 0 25px;
    }
    #ustro .nav-tabs>li {
        width: 100%;
    }
    #ustro .text {
        width: 100%;
        padding: 60px 25px 0 25px;
        font-size: 14px;
    }
    #ustro .text ul li span{
        font-size: 41px;
    }
    #ustro .text ul li .txt {
        width: 79%;
    }
    #ustro .text ul li .txt .title {
        font-size: 16px;
    }
    #ustro .text ul li .txt p{
        margin: 7px 0 0 0;
        font-size: 12px;
        line-height: 16px;
    }
    #ustro .text .zag {
        font-size: 19.8px;
    }
    #ustro .text .osno ul {
        margin: 25px 0 0 0;
    }
    #ustro .text .osno {
        margin: 0;
    }
    #ustro #lento .text .zag {
        margin: 31px 0 0 0;
    }
    #ustro .text .osno ul li {
        width: 100%;
        margin: 0 0 25px 0;
        font-size: 12px;
        padding: 0 0 0 25px;
    }
    #steni .container{
        padding: 0;
    }
    #steni .title {
        font-size: 20px;
        line-height: 25px;
        margin: 57px 0 27px 0;
        padding: 0 25px;
    }
    #steni .slick-arrow.slick-prev {
        right: 50%;
        left: auto;
        margin-right: 5px;
    }
    #steni .slick-arrow.slick-next {
        right: 50%;
        margin-right: -50px;
    }
    #steni .slick-arrow {
        top: 330px;
        width: 45px;
        height: 45px;
        background-size: 12px;
    }
    #steni .sl {
        height: 405px;
    }
    #steni .sl .zag span{
        padding: 3px 0;
        width: 41px;
        height: 41px;
        font-size: 20px;
    }
    #steni .sl .zag span:before{
        width: 45px;
        height: 45px;
    }
    #steni .sl .zag{
        font-size: 19.5px;
        left: 20px;
        bottom: 90px
    }
    #steni .text {
        margin: 20px 0 0 0;
        padding: 0 25px;
    }
    #steni .text p {
        font-size: 14px;
    }
    #uznat .title {
        height: auto;
        font-size: 20px;
        line-height: 25px;
        margin: 40px 0 0 0;
        padding: 0 0 33px 0;
    }
    #uznat .title:before{
        width: 215px;
    }
    #uznat .form {
        margin: 27px 0 0 0;
        width: 100%;
    }
    #uznat .form form {
        width: 100%;
    }
    #uznat .form p {
        font-size: 14.8px;
        margin-bottom: 32px;
    }
    #uznat .form form .form-group input {
        height: 57px;
        padding: 0 31px;
        font-size: 12px;
    }
    #uznat .form form .btn{
        font-size: 15px;
        margin: -4px 0 0 0;
        height: 59px;
        padding: 0;
    }
    #uznat{
        background: url(/dop_data/img/conf/fon1.jpg) 40% 0% no-repeat;
    }
    #uznat .form > span {
        margin: 35px 0 40px 0;
        font-size: 11px;
        padding: 0 0 0 27px;
    }
    #video .box {
        margin: 35px 0 0 0;
        display: block;
    }
    #video .box .left .play {
        background: url(/dop_data/img/conf/play.png) 0 0 no-repeat;
        width: 175px;
        height: 175px;
        cursor: pointer;
        margin: 0 auto;
        background-size: cover;
    }
    #video .vid {
        top: 0px;
        height: 380px;
    }
    #video .box .right {
        margin: 27px 0 0 0;
        width: 100%;
    }
    #video .box .right .title {
        font-size: 19px;
        line-height: 23px;
        text-align: center;
        padding: 0 15px;
    }
    #video .box .right .text {
        font-size: 15px;
        margin: 23px 0 0 0;
        text-align: center;
        padding: 0 40px;
    }
    #video {
        padding-bottom: 30px;
    }
    #about .title {
        font-size: 20px;
        margin: 39px 0 0 0;
        line-height: 25px;
        width: 100%;
    }
    #about .box .text {
        margin: 24px 0 0 0;
        width: 100%;
    }
    #about .box .text p {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 20px;
    }
    #about .box .zag {
        margin-top: 255px;
        width: 100%;
        height: auto;
        padding: 4px 20px;
        font-size: 14px;
    }
    #about {
        background: url(/dop_data/img/conf/about.png) 48% 120% no-repeat;
        background-size: 690px;
    }
    #about .form {
        background: #fff;
        height: auto;
        margin: 43px 0 0 0;
    }
    #about .form form input {
        width: 100%;
        margin-bottom: 8px;
        height: 58px;
    }
    #about .form form .btn{
        font-size: 13px;
        height: 58px;
    }
    #about .box .zag b{
        font-size: 18px;
    }
    #logos .title{
        font-size: 20px;
        margin: 41px 0 0 0;
        line-height: 25px;
    }
    #logos .logos {
        margin-top: 28px;
    }
    #logos .logos img{
        width: 55%;
    }
    #logos .logos .slick-slide {
        height: 95px;
    }
    #logos .slick-arrow {
        top: auto;
        bottom: -24px;
        width: 45px;
        height: 45px;
        background-size: 12px;
    }
    #logos .slick-arrow.slick-prev {
        right: 50%;
        margin-right: 6px;
    }
    #logos .slick-arrow.slick-next {
        right: 50%;
        margin-right: -47px;
    }
    #bolshe .title {
        font-size: 20px;
        margin: 49px 0 0 0;
        line-height: 25px;
    }
    #bolshe .bol {
        margin: 20px 0 0 0;
    }
    #bolshe .bol .box .img {
        height: 280px;
        width: 100%;
        border-right: 0px solid #e7eff8;
        border-bottom: 2px solid #e7eff8;
        background: #fff;
    }
    #bolshe .bol .box .img a.link{
        bottom: 44px;
        font-size: 16px;
    }
    #bolshe .bol .box .text {
        width: 100%;
        padding: 25px 36px 10px 38px;
    }
    #bolshe .bol .box .text p {
        font-size: 13.3px;
        line-height: 20px;
        margin-bottom: 19px;
    }
    #bolshe .bol .slick-arrow {
        top: auto;
        bottom: -20px;
        width: 45px;
        height: 45px;
        background-size: 12px;
    }
    #bolshe .bol .slick-arrow.slick-next {
        right: 50%;
        margin-right: -47px;
    }
    #bolshe .bol .slick-arrow.slick-prev {
        right: 50%;
        left: auto;
        margin-right: 6px;
    }
    #posmo {
        padding-bottom: 50px;
    }
    #posmo .container{
        padding: 0;
    }
    #posmo .title {
        font-size: 20px;
        margin: 37px 0 0 0;
        line-height: 25px;
        padding: 0 25px;
    }
    #posmo .box{
        margin: 30px 0 40px 0;
        padding: 0 25px;
    }
    #posmo .box .icon .img img {
        width: 58px;
        height: 58px;
    }
    #posmo .box .icon .text .zag {
        font-size: 13px;
    }
    #posmo .box .icon .text .txt {
        font-size: 13px;
        margin-top: 4px;
    }
    #posmo .box .icon{
        margin-bottom: 12px;
    }
    #posmo .slick-slide {
        height: auto;
    }
    #posmo .slick-arrow {
        top: auto;
        bottom: -25px;
        width: 45px;
        height: 45px;
        background-size: 12px;
    }
    #posmo .slick-arrow.slick-prev {
        right: 50%;
        left: auto;
        margin-right: -1px;
    }
    #posmo .slick-arrow.slick-next {
        right: 50%;
        margin-right: -50px;
    }
    #posmo .text {
      margin: 0 20px 0;
      text-align: left;
      font-size: 13px;
    }
    #posmo .box .icon .text {
        display: block;
    }
    #posmo .text p{
        font-size: 13.3px;
        line-height: 20px;
        margin-bottom: 19px;
    }
    #raschet {
        margin-top: 0;
    }
    #raschet .title {
        height: auto;
        padding-bottom: 28px;
        font-size: 20px;
        line-height: 25px;
    }
    #raschet .fom {
        padding: 36px 40px 30px 40px;
        margin: 29px 0;
        border: 8px solid #feb942;
    }
    #raschet .title:before {
        width: 218px;
    }
    #raschet .sub-title {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        margin: 16px 0 0 0;
        width: 100%;
        line-height: 20px;
    }
    #raschet .text {
        width: 100%;
        margin: 20px 0 0 0;
        font-size: 13.3px;
        line-height: 20px;
    }
    #raschet .link {
        margin: 30px 0 8px 0;
    }
    #raschet .link a.btn {
        width: 250px;
        padding: 20px 0 22px 27px;
        font-size: 16px;
        text-align: left;
        line-height: normal;
        height: 59px;
        background-size: 37px !important;
        letter-spacing: 0px;
        background: #feb942 url(/dop_data/img/conf/next.png) 89% 50% no-repeat;
    }
    #rabota .container{
        padding: 0;
    }
    #rabota .title {
        font-size: 20px;
        margin: 52px 0 0 0;
        line-height: 25px;
        padding: 0 25px;
    }
    #rabota .sub-title {
        font-size: 14.9px;
        margin: 14px 0 26px 0;
        padding: 0 25px;
    }
    #rabota .slick-slide{
        height: 352px;
    }
    #rabota .slick-slide img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #rabota .slick-arrow {
        top: auto;
        bottom: -21px;
        width: 45px;
        height: 45px;
        background-size: 12px;
    }
    #rabota .slick-arrow.slick-prev {
        right: 50%;
        left: auto;
        margin-right: 3px;
    }
    #rabota .slick-arrow.slick-next {
        right: 50%;
        margin-right: -48px;
    }
    #prejde .title {
        margin: 12px 0 0 0;
        font-size: 20px;
        line-height: 25px;
    }
    #prejde .sub-title {
        font-size: 13.2px;
        margin: 23px 0 27px 0;
        line-height: 20px;
        padding: 0 40px 0 0;
    }
    #prejde .box .cif {
        font-size: 30px;
        width: 70px;
        height: 70px;
        margin: 30px 0 0 0;
        padding: 15px 0 0 0;
    }
    #prejde .box .text {
        margin: 28px 0 0 0;
        width: 285px;
    }
    #prejde .box .text p {
        font-size: 13.2px;
        line-height: 20px;
        margin-bottom: 19px;
    }
    #prejde .box.fon {
        background: url(/dop_data/img/conf/prejde.jpg) 85% 0 no-repeat;
        background-size: cover;
        padding-bottom: 9px;
    }
    #prejde .box.fon1{
        padding-bottom: 29px;
    }
    #prejde .box.fon1 .cif {
        margin: 23px 0 0 0px;
        width: 70px;
        height: 70px;
        font-size: 30px;
        padding: 15px 0 0 0;
    }
    #prejde .box.fon1 .text {
        margin: 22px 0 0 0;
        width: 300px;
    }
    #prejde .box.fon2{
        background: url(/dop_data/img/conf/prejde2.jpg) 50% 0% no-repeat;
        background-size: cover;
        padding-bottom: 5px;
    }
    #prejde .box.fon2 .cif {
        margin: 26px 0 0 0;
    }
    #prejde .box.fon2 .text {
        margin: 32px 0 0 0;
        width: 310px;
    }
    #rezult .title {
        font-size: 20px;
        margin: 33px 0 0 0;
        line-height: 25px;
    }
    #rezult .box {
        display: block;
        margin: 22px 0 0 0;
    }
    #rezult .box .left .inf .zag {
        font-size: 15px;
        width: 235px;
        line-height: 20px;
        padding-bottom: 0;
    }
    #rezult .box .left .inf .zag:before{
        display: none;
    }
    #rezult .box .left .inf .text:before {
        content: '';
        background: #feb942;
        width: 55px;
        height: 3px;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    #rezult .box .left .inf .text {
        width: 100%;
        position: relative;
        font-size: 13px;
        margin: 19px 0 0 0;
        padding: 0 5px 20px 0;
        line-height: 20px;
    }
    #rezult .box .left .inf {
        margin-bottom: 20px;
    }
    #rezult .box .left .inf:last-child .zag{
        width: 100%;
    }
    #rezult .box .left .inf:last-child .text:before{
        display: none;
    }
    #rezult .box .right .zag{
        line-height: 20px;
    }
    #rezult .box .right .img img {
        width: 310px;
        margin: 22px auto 0 auto;
        display: block;
    }
    #rezult .box .right .img a.btn {
        margin: -110px 0 0 93px;
        width: 170px;
        height: 43px;
        padding: 13px 0;
        font-size: 10px;
    }
    #rezult .box .right {
        margin-bottom: 101px;
    }
    #raskaz .title {
        font-size: 20px;
        margin: 31px 0 0 0;
        line-height: 25px;
        width: 100%;
        padding-bottom: 37px;
        letter-spacing: 0;
    }
    #raskaz .title:before{
        width: 218px;
    }
    #raskaz .box .text {
        width: 100%;
        margin: 34px 0 0 0;
    }
    #raskaz .box .text p {
        font-size: 14.8px;
        margin-bottom: 18px;
        line-height: 20px;
        color: #fff;
    }
    #raskaz .box .img {
        margin: 40px 0 0 0;
    }
    #raskaz .box .img img {
        width: 226px;
        margin: 0 auto;
        display: block;
    }
    #raskaz .box .txt {
        bottom: 21px;
        font-size: 15px;
        padding: 0 22px 0 0;
    }
    #raskaz .form {
        margin: 0 0 -93px 0;
    }
    #raskaz .form form input {
        width: 100%;
        margin-bottom: 11px;
        height: 60px;
        font-size: 16px;
    }
    #raskaz .form form .btn {
        font-size: 13px;
        height: 60px;
    }
    #prichi .title {
        font-size: 20px;
        margin: 73px 0 0 0;
        line-height: 25px;
    }
    #prichi .sub-title {
        font-size: 15px;
        margin: 22px 0 33px 0;
        line-height: 20px;
        width: 100%;
    }
    #prichi .box .col .pal .lp {
        margin: 0;
    }
    #prichi .box .col .zag{
        margin: 28px 0 0 -2px;
        font-size: 11px;
    }
    #prichi .box .col .bold {
        margin: 18px 0 16px -2px;
        font-size: 13px;
    }
    #prichi .box .col .pal .icon {
        width: 135px;
        height: 115px;
    }
    #prichi .box .col .pal .icon img {
        width: 75px;
    }
    #prichi .box .text {
        padding: 0 20px 25px 24px;
        width: 100%;
        font-size: 13.3px;
        line-height: 20px;
    }
    #prichi .box .col:nth-child(2) .text{
        margin-top: 14px;
        line-height: 18px;
        padding: 0 20px 23px 24px;
    }
    #prichi .box .col:nth-child(3) .bold{
        margin: 16px 0 16px -2px;
    }
    #prichi .box .col:nth-child(3) .text{
        margin-top: 5px;
        line-height: 19px;
    }
    #prichi .box .col:nth-child(4) .pal .icon img{
        width: 59px;
    }
    #prichi .box .col:nth-child(4) .zag{
        margin: 35px 0 0 -2px;
    }
    #prichi .box .col:nth-child(4) .text{
        margin-top: 14px;
        line-height: 19px;
        padding: 0 20px 32px 24px;
    }
    #prichi .box .col:last-child .pal {
        display: block;
    }
    #prichi .box .col:last-child .pal .icon{
        float: left;
        height: 76px;
    }
    #prichi .box .col:last-child .lp{
        width: 100%;
    }
    #prichi .box .col:last-child .zag{
        margin: 33px 0 0 -2px;
    }
    #prichi .box .col:last-child .bold{
        margin: 11px 0 16px 0;
        padding: 0 27px 0 0;
    }
    #prichi .box .col:last-child .lp .text{
        width: 100%;
        margin: 25px 0 26px 0;
        padding: 5px 32px 0 24px;
        line-height: 18px;
    }
    #garant {
        padding-bottom: 0px;
    }
    #garant .box .text .title {
        font-size: 20px;
        margin: 30px 0 0 0;
        line-height: 25px;
    }
    #garant .box .text .zag {
        font-size: 14.8px;
        margin: 35px 0 0 0;
        padding: 2px 0 0 59px;
        background-size: 37px;
        width: 270px;
    }
    #garant .box .text .txt p {
        font-size: 13.2px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    #garant .box .text .txt {
        margin: 30px 0 0 0;
    }
    #garant .box .text .shit {
        font-size: 14.8px;
        padding: 4px 0 15px 56px;
        margin: 25px 0 0 0;
        background-size: 37px;
        width: 270px;
    }
    #garant .box .img {
        margin: 30px 0 0 0;
    }
    #garant .box .img img {
        width: 100%;
        height: 557px;
        margin: 0;
        object-fit: cover;
    }
    #ofis .title {
        width: 100%;
        line-height: 25px;
        font-size: 20px;
        margin: -60px 0 0 0;
        z-index: 10;
        position: relative;
    }
    #ofis .left img {
        margin: 30px auto 0 auto;
        width: 285px;
        display: block;
    }
    #ofis .left .info {
        bottom: 108px;
        z-index: 10;
        font-size: 13.3px;
        padding: 0 0 0 13px;
    }
    #ofis .left .info b {
        display: block;
        text-transform: uppercase;
        font-size: 13.4px;
        line-height: 19px;
        padding-bottom: 2px;
    }
    #ofis .form {
        margin: 20px 0 40px 0;
        width: 100%;
        z-index: 1;
        position: relative;
    }
    #ofis .form p {
        font-size: 14.9px;
        line-height: 20px;
        margin-bottom: 33px;
    }
    #ofis .form form .form-group input {
        height: 58px;
        border-radius: 0;
        padding: 0 30px;
        font-size: 12px;
        border: none;
        box-shadow: 0 0 0 #000;
    }
    #ofis .form form .form-group {
        margin-bottom: 15px;
    }
    #ofis .form form .btn{
        font-size: 14px;
        white-space: normal;
        height: 58px;
    }
    #ofis .form > span {
        font-size: 10.8px;
        color: #fff;
        display: block;
        margin: 27px 0 0 0;
        padding: 0 0 0 20px;
        background: url(/dop_data/img/conf/tell.png) 0 0 no-repeat;
        background-size: 11px;
    }
    #map #yamap0{
        min-height: 690px !important;
    }
    #map .container {
        bottom: 35px;
    }
    #map .trip .nav-tabs {
        margin: 0;
        display: flex;
    }
    #map .trip .nav-tabs>li>a {
        font-size: 11px;
        height: 65px;
        padding: 23px 0;
    }
    #map .trip .tab-content .adres {
        font-size: 14px;
        background: url(/dop_data/img/conf/adres.png) 7px 17px no-repeat;
        background-size: 15px;
        padding: 15px 0 0 41px;
        line-height: 20px;
    }
    #map .trip .tab-content .tel {
        margin: 32px 0 0 0;
    }
    #map .trip .tab-content .tel a{
        font-size: 19px;
        padding: 0 0 0 44px;
    }
    #map .trip .tab-content .mail {
        margin: 33px 0 25px 0;
    }
    #map .trip .tab-content .mail a {
        font-size: 16px;
    }
    footer .top {
        margin: 32px 0 31px 0;
    }
    footer .top .logo {
        float: none;
        margin: 0 33px 0 0;
    }
    footer .top .slogan{
        margin-top: -3px;
        width: 190px;
        font-size: 10px;
        line-height: 13px;
    }
    footer .top .logo a{
        display: block;
    }
    footer .top .logo a img{
        display: block;
        margin: 0 auto;
        width: 148px;
    }
    #topnav .cont {
        float: left;
        width: 100%;
    }
    footer .bottom .nav li a {
        font-size: 12px;
        text-align: center;
    }
    footer .bottom a.right {
        width: 100%;
        text-align: center;
        margin-top: 0px;
        display: block;
        margin-bottom: 22px;
        font-size: 12px;
    }
    footer .bottom .nav {
        margin: 22px 0 11px 0;
    }
    #topnav .cont .top{
       justify-content: left;
    }
    #topnav .tel .botton a{
        width: 297px;
    }
    .navbar-nav {
        margin: 105px 0 0 0;
    }
    #topnav .cont .navbar-toggle{
        margin: 3px 20px 0 0;
    }
    #topnav .cont .navbar-nav {
        margin: 45px 0 0 0;
    }
    #topnav .tel {
        display: block;
        width: 100%;
        margin: 45px 0 0 0;
        float: none;
    }
    #topnav .logo {
        margin: 10px 0px 0 0;
    }
    #topnav{
        width: 100%;
    }
    .modal-dialog {
        width: 90%;
        margin: 10px auto;
    }
    .modal-body {
        padding: 30px;
    }
    .modal-body .form .zag {
        color: #000;
        font-size: 24px;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 20px;
        letter-spacing: 1.4px;
    }
    #docs .modal-body, #polit .modal-body, #otkaz .modal-body {
        padding: 15px;
    }
    #pdf .modal-body {
        padding: 30px;
    }
    #pdf .modal-body .form .zag {
        color: #000;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        margin-bottom: 15px;
        margin-top: 10px;
        letter-spacing: 1.8px;
    }
    #pdf .modal-body .form .text {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
    }
    #pdf .modal-body .form .text p {
        margin-bottom: 10px;
    }
    #pdf .modal-body .form {
        padding: 0;
    }
    #pdf .modal-body .form .link a.btn {
        font-size: 12px;
        height: 65px;
    }
    .page-template-spasibo .blok .bak, 
    .page-template-spasibo2 .blok .bak, 
    .page-template-spasibo3 .blok .bak, 
    .page-template-spasibo4 .blok .bak, 
    .page-template-spasibo5 .blok .bak, 
    .page-template-spasibo6 .blok .bak, 
    .page-template-spasibo7 .blok .bak {
        margin: 40px auto 0 auto;
        width: 290px;
    }
    .page-template-spasibo footer .top > div.grup, 
    .page-template-spasibo2 footer .top > div.grup, 
    .page-template-spasibo3 footer .top > div.grup, 
    .page-template-spasibo4 footer .top > div.grup, 
    .page-template-spasibo5 footer .top > div.grup, 
    .page-template-spasibo6 footer .top > div.grup, 
    .page-template-spasibo7 footer .top > div.grup {
        width: 100%;
    }
    .page-template-spasibo footer .top .logo, 
    .page-template-spasibo2 footer .top .logo, 
    .page-template-spasibo3 footer .top .logo, 
    .page-template-spasibo4 footer .top .logo, 
    .page-template-spasibo5 footer .top .logo, 
    .page-template-spasibo6 footer .top .logo, 
    .page-template-spasibo7 footer .top .logo {
        margin: 0;
    }
    .page-template-spasibo footer .top .slogan, 
    .page-template-spasibo2 footer .top .slogan, 
    .page-template-spasibo3 footer .top .slogan, 
    .page-template-spasibo4 footer .top .slogan, 
    .page-template-spasibo5 footer .top .slogan, 
    .page-template-spasibo6 footer .top .slogan, 
    .page-template-spasibo7 footer .top .slogan {
        font-size: 12px;
        color: #fff;
        width: 100%;
        margin: 0px 0 0 20px;
        font-weight: 300;
        line-height: 13px;
    }
    .page-template-spasibo footer .top, 
    .page-template-spasibo2 footer .top, 
    .page-template-spasibo3 footer .top, 
    .page-template-spasibo4 footer .top, 
    .page-template-spasibo5 footer .top, 
    .page-template-spasibo6 footer .top, 
    .page-template-spasibo7 footer .top{
        margin: 25px 0 25px 0;
    }
    .page-template-spasibo .blok, 
    .page-template-spasibo2 .blok, 
    .page-template-spasibo3 .blok, 
    .page-template-spasibo4 .blok, 
    .page-template-spasibo5 .blok, 
    .page-template-spasibo6 .blok, 
    .page-template-spasibo7 .blok {
        padding-top: 120px;
    }
    .page-template-spasibo .blok:before, 
    .page-template-spasibo2 .blok:before, 
    .page-template-spasibo3 .blok:before, 
    .page-template-spasibo4 .blok:before, 
    .page-template-spasibo5 .blok:before, 
    .page-template-spasibo6 .blok:before, 
    .page-template-spasibo7 .blok:before{
        background-size: cover;
        width: 65px;
        height: 65px;
    }
    .page-template-spasibo.page-id-382 .blok .warp .zag, 
    .page-template-spasibo2.page-id-385 .blok .warp .zag, 
    .page-template-spasibo3.page-id-365 .blok .warp .zag, 
    .page-template-spasibo4.page-id-437 .blok .warp .zag, 
    .page-template-spasibo5.page-id-498 .blok .warp .zag, 
    .page-template-spasibo6.page-id-520 .blok .warp .zag, 
    .page-template-spasibo7.page-id-522 .blok .warp .zag {
        margin: 40px 0 30px 0;
        font-size: 20px;
    }
    .page-template-spasibo .blok .warp .text, 
    .page-template-spasibo2 .blok .warp .text, 
    .page-template-spasibo3 .blok .warp .text, 
    .page-template-spasibo4 .blok .warp .text, 
    .page-template-spasibo5 .blok .warp .text, 
    .page-template-spasibo6 .blok .warp .text, 
    .page-template-spasibo7 .blok .warp .text {
        font-size: 14px;
    }
    .page-template-spasibo .blok .warp, 
    .page-template-spasibo2 .blok .warp, 
    .page-template-spasibo3 .blok .warp, 
    .page-template-spasibo4 .blok .warp, 
    .page-template-spasibo5 .blok .warp, 
    .page-template-spasibo6 .blok .warp, 
    .page-template-spasibo7 .blok .warp {
        border: 8px solid #fdde2e;
        margin: 35px auto 0 auto;
    }
    .page-template-spasibo footer .top .slogan a, 
    .page-template-spasibo2 footer .top .slogan a, 
    .page-template-spasibo3 footer .top .slogan a, 
    .page-template-spasibo4 footer .top .slogan a, 
    .page-template-spasibo5 footer .top .slogan a, 
    .page-template-spasibo6 footer .top .slogan a, 
    .page-template-spasibo7 footer .top .slogan a{
        margin: 10px 0 0 0;
    }
}