@charset "utf-8";
/*
    main styles
    version: 12.11.2014

*/

/* --------------- fonts --------------- */
@font-face {
    font-family: 'helios cond black';
    src: url('../fonts/helioscondblack-webfont.eot');
    src: url('../fonts/helioscondblack-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helioscondblack-webfont.woff') format('woff'),
    url('../fonts/helioscondblack-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helios cond bold ';
    src: url('../fonts/helioscond-bold-webfont.eot');
    src: url('../fonts/helioscond-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helioscond-bold-webfont.woff') format('woff'),
    url('../fonts/helioscond-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helios cond ';
    src: url('../fonts/helioscond-webfont.eot');
    src: url('../fonts/helioscond-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helioscond-webfont.woff') format('woff'),
    url('../fonts/helioscond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helios cond light';
    src: url('../fonts/helioscondlight-webfont.eot');
    src: url('../fonts/helioscondlight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helioscondlight-webfont.woff') format('woff'),
    url('../fonts/helioscondlight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*     font-family: "Open Sans", sans-serif;
       font-family: 'Roboto Condensed', sans-serif;
       font-family: 'helios cond black, sans-serif;
       font-family: 'helios cond bold, sans-serif;
       font-family: ''helios cond , sans-serif;
*/
h1 , h2 , h3 {
    font-weight: normal;
}
/* --------------- /fonts --------------- */

/* --------------- site --------------- */
.site {
    min-height: 100%;
    min-width: 1000px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-family: "helios cond " , sans-serif;
}
.site:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 120px;
}
.site__content {

}
.top-btn{
    position: fixed;
    right: 50px;
    bottom: 25px;
    -webkit-transition: 0.3s ease opacity;
    transition: 0.3s ease opacity;
    z-index: 5;
    display: none;
}
.top-btn:hover{
    opacity: 0.6;
    cursor: pointer;
}
/* --------------- /site --------------- */

/* --------------- header --------------- */
.header {
    position: relative;
    height: 1669px;
    overflow: hidden;
    background: url("../img/header-bg.jpg") top center;
}
.header__wrap {
    position: relative;
    width: 990px;
    margin: 0 auto;
}
    .logo {
        position: absolute;
        top: 54px;
        left: 0;
    }

    .header__address{
        width: 222px;
        position: absolute;
        top: 44px;
        left: 366px;
        padding: 25px 0 0 37px;
        background: url("../img/header-address-point.png") no-repeat 5px 27px;
        color: #375688;
        font-size: 16px;
    
        font-style: normal;
}
    .header__address:before{
        content: '';
        background: url("../img/header-line.png");
        width: 30px;
        height: 86px;
        position: absolute;
        left: -43px;
        top: 0;
    }
    .header__address:after{
        content: '';
        background: url("../img/header-line.png");
        width: 30px;
        height: 86px;
        position: absolute;
        right: -53px;
        top: 0;
    }
        .header__address span{
            font-family: 'helios cond black', sans-serif;
        }
        .header__address a{
            display: inline-block;
            vertical-align: top;
            color: #375688;
            border-bottom: dashed 1px #375688;
            font-family: 'helios cond black', sans-serif;
            text-transform: uppercase;
            margin-top: 10px;
            font-size: 14px;
            -webkit-transition: 0.3s ease border-bottom;
            transition: 0.3s ease border-bottom;
        }
        .header__address a:hover{
            border-bottom: dashed 1px transparent;
        }

    .header__tel{
        position: absolute;
        top: 58px;
        right: 0;
        width: 298px;
        color: #375688;
        padding: 0 0 0 48px;
        font-size: 14px;
        background: url("../img/header-tel.png") no-repeat 3px 16px;
        font-family: 'helios cond black', sans-serif;
    }
        .header__tel span{
           display: block;
        }
        .tel-number{
            display: block;
            font-size: 24px;
            color: #375688;
            margin: 2px 0 11px;
        }
        .order-tel{
            font-size: 14px;
            display: inline-block;
            vertical-align: top;
            color: #375688;
            border-bottom: dashed 1px #375688;
            text-transform: uppercase;
            -webkit-transition: 0.3s ease border-bottom;
            transition: 0.3s ease border-bottom;
        }
        .order-tel:hover{
            border-bottom: dashed 1px transparent;
        }

    .header__menu{
        position: absolute;
        left: 143px;
        top: 183px;
    
        text-transform: uppercase;
}
        .header__menu a{
            color: #345992;
            font-size: 16px;
            font-family: "Open Sans", sans-serif;
            -webkit-transition: ease 0.3s color;
            transition: ease 0.3s color;
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin: 0 30px 0 30px;
        }
        .header__menu a:hover{
            color: #f65458;
        }
        .header__menu a:before{
            content: '';
            background: url("../img/header-menu-point.png");
            width: 8px;
            height: 8px;
            position: absolute;
            left: -34px;
            top: 3px;
        }
        .header__menu .home:before{
            content: '';
            background: url("../img/header-menu-home.png");
            width: 39px;
            height: 39px;
            position: absolute;
            left: -60px;
            top: -8px;
        }

    .header__text{
        width: 550px;
        position: absolute;
        top: 323px;
        left: 0;
    }
        .header__text h2{
            font-family: "helios cond black" , sans-serif;
            font-size: 63px;
            color: #ffffff;
            text-shadow: 2px 2px 4px #363636;
        
            text-transform: uppercase;
            margin-bottom: 76px;
}
            .header__text h2 span{
                font-size: 47px;
                text-shadow: 0 0 7px  #fff;
                font-family: 'Roboto Condensed', sans-serif;
                font-weight: 700;
                display: block;

                color: #000;
                text-transform: none;
                line-height: 40px;
}
        .blue-bg{
            background-color: #325790;
            display: block;
            width: 360px;
            padding: 15px;
            font-size: 35px;
            color: #ffffff;
            font-family: 'helios cond light' , sans-serif;
        
}
        .black-bg{
            display: block;
            font-size: 14px;
            padding: 10px;
            width: 200px;
            color: #ffffff;
            background: #000000;
                    }

    .site-form{
        width: 332px;
        height: 530px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        right: 8px;
        top: 277px;
        padding: 100px 0 ;
        text-align: center;
        color: #30548d;
    }
        .site-form h3{
            font-family: "helios cond black" , sans-serif;
            text-transform: uppercase;
            font-size: 24px;
        }
        .site-form span{
            font-size: 24px;
            display: inline-block;
            vertical-align: top;
        
            text-transform: uppercase;
            margin-bottom: 31px;
}
        .site-form input[type=text]{
            width: 272px;
            height: 46px;
            display: inline-block;
            vertical-align: top;
            margin: 0 0 20px 0;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            background-color: #ffffff;
            box-shadow: 0 2px 5px #a8b1b5;
            font-size: 14px;
        
            border-radius: 10px;
            padding: 9px;
}
        .site-form input[type=submit]{
            background: url("../img/form-btn.png");
            width: 271px;
            height: 59px;
            display: inline-block;
            vertical-align: top;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            box-shadow: 0 2px 4px #414141;
            font-family: "helios cond black" , sans-serif;
            font-size: 18px;
            -webkit-transition: 0.3s ease box-shadow;
            transition: 0.3s ease box-shadow;
            text-transform: uppercase;
        
            margin-top: 28px;
            margin-bottom: 34px;
            border: none;
            border-radius: 10px;
}
        .site-form input[type=submit]:hover{
            box-shadow: 0 1px 0 #a8b1b5;
        }
        .confidence{
            display: inline-block;
            vertical-align: top;
            position: relative;
            color: #30548d;
            border-bottom: dotted 1px #30548d;
            -webkit-transition: 0.3s ease border-bottom;
            transition: 0.3s ease border-bottom;
        }
        .confidence:before{
            content: '';
            background: url("../img/form-lock.png");
            width: 11px;
            height: 14px;
            position: absolute;
            left: -20px;
            top: 0px;
        }
        .confidence:hover{
            border-bottom: dotted 1px transparent;
        }

    .header__benefits{
        position: absolute;
        top: 857px;
        left: 0;
        text-align: justify;
        font-size: 18px;
        color: #ffffff;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .header__benefits:after{
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        vertical-align: top;
    }
        .header__benefits li{
            display: inline-block;
            vertical-align: top;
            width: 270px;
            height: 93px;
            overflow: hidden;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        
            position: relative;
            margin-bottom: 55px;
            text-align: left;
}
        .header__benefits li:before{
            content: '';
            width: 100px;
            height: 50px;
            border-bottom: dashed 1px #ffffff;
            border-right: dashed 1px #ffffff;
            position: absolute;
            right: 0;
            bottom: 5px;
        }
        .header__benefits img{
            display: inline-block;
            vertical-align: top;
        }
        .header__benefits span{
            display: inline-block;
            vertical-align: bottom;
            width: 167px;
        
            margin: 0 0 23px 10px;
            line-height: 22px;
}

    .header__ppu{
        position: absolute;
        top: 1201px;
        left: 50px;
        width: 900px;
        text-align: center;
    
        max-height: 500px;
        overflow: hidden;
}
        .header__ppu h2{
            font-family: "helios cond black" , sans-serif;
            font-size: 60px;
            color: #ffffff;
            position: relative;
            display: inline-block;
            vertical-align: top;
        
            text-transform: uppercase;
            margin-bottom: 38px;
}
        .header__ppu h2:before{
            content: '';
            background: url("../img/ppu-line.png");
            width: 208px;
            height: 9px;
            position: absolute;
            left: -220px;
            top: 29px;
        }
        .header__ppu h2:after{
            content: '';
            background: url("../img/ppu-line.png");
            width: 208px;
            height: 9px;
            position: absolute;
            right: -220px;
            top: 29px;
        }
        .header__ppu img{
            display: inline-block;
            vertical-align: top;
        
            margin-right: 110px;
}
        .about-ppu{
            width: 410px;
            height: 177px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #e3304b;
            color: #ffffff;
            padding: 28px 15px;
            font-size: 24px;
        
            display: inline-block;
            vertical-align: top;
            position: relative;
            text-align: left;
            margin-top: 63px;
            border-radius: 15px;
}
        .about-ppu:before{
            content: '';
            width: 0;
            height: 0;
            border-top: 30px solid #e3304b;
            border-left: 45px solid transparent;
            position: absolute;
            top: 60px;
            left: -45px;
        }
            .about-ppu h3{
                font-family: "helios cond black" , sans-serif;
                color: #ffffff;
                display: inline;
            }
            .about-ppu p{
                color: #ffffff;
                display: inline;
            }
/* --------------- /header --------------- */

/* --------------- site-content --------------- */
.type-ppu{
    width: 990px;
    margin: 0 auto 0;
    padding-top: 79px;
}
    .type-ppu h2{
        display: block;
        text-align: center;
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        color: #31548c;
        text-transform: uppercase;
        margin-bottom: 48px;
    }
    .pink-color{
        color: #e3304b;
    }
    .type-ppu ul{
        position: relative;
        text-align: justify;
    }
    .type-ppu ul:after{
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        vertical-align: top;
    }
        .type-ppu li{
            display: inline-block;
            vertical-align: top;
            width: 275px;
            text-align: center;
            margin-bottom: 48px;
        }
            .type-ppu li img{
                display: inline-block;
                vertical-align: top;
                border-radius: 10px;
                margin-bottom: 23px;
            }
            .type-ppu li h3{
                font-family: "helios cond black" , sans-serif;
                font-size: 24px;
                color: #1b2e4c;
                display: block;
                text-align: center;
                text-transform: uppercase;
                margin-bottom: 10px;
    }
            .order-btn{
                width: 145px;
                height: 40px;
                display: inline-block;
                vertical-align: top;
                background-color: #24406b;
                font-size: 18px;
                color: #ffffff;
                -webkit-transition: 0.3s ease background-color;
                transition: 0.3s ease background-color;
                text-transform: uppercase;
                line-height: 40px;
                border-radius: 5px;
            }
            .order-btn:hover{
                background-color: #e3304b;
            }
            .more-info{
                display: inline-block;
                vertical-align: top;
                font-size: 18px;
                color: #414141;
                -webkit-transition: 0.3s ease all;
                transition: 0.3s ease all;
                line-height: 22px;
                text-transform: uppercase;
                border-bottom: dashed 1px #999999;
                margin-left: 5px;
                margin-top: 10px;
}
            .more-info:hover{
                color: #e3304b;
                border-bottom: dashed 1px transparent;
            }

.why-ppu{
    background: url("../img/why-ppu_bg2.jpg") top center;
    height: 803px;
    overflow: hidden;
}
    .why-ppu__wrap{
        width: 990px;
        margin: 0 auto;
        position: relative;
        color: #ffffff;
        padding-top: 97px;
        text-align: center;
    }
    .why-ppu__wrap:before{
        content: '';
        background: url("../img/why-ppu_bg.png");
        width: 650px;
        height: 507px;
        position: absolute;
        left: 183px;
        top: 206px;
        z-index: 0;
    
        opacity: 0.4;
}
        .why-ppu h2{
            font-size: 60px;
            font-family: "helios cond black" , sans-serif;
            text-transform: uppercase;
        }
        .why-ppu .why-ppu__item1{
            position: absolute;
            top: 204px;
            left: 327px;
            width: 368px;
        }
        .why-ppu .why-ppu__item2{
            position: absolute;
            top: 394px;
            left: 0;
            width: 300px;
        }
        .why-ppu .why-ppu__item3{
            position: absolute;
            top: 394px;
            left: 390px;
            width: 250px;
        }
        .why-ppu .why-ppu__item4{
            position: absolute;
            top: 399px;
            right: 0;
            width: 190px;
        }
        .why-ppu .why-ppu__item5{
            position: absolute;
            top: 602px;
            left: 304px;
            width: 400px;
        }
        .why-ppu__wrap div{
            text-align: center;
        }
        .why-ppu img{
            display: inline-block;
            vertical-align: top;
            margin-bottom: 22px;
        }
        .why-ppu h3{
            font-size: 24px;
            font-family: "helios cond black" , sans-serif;
            text-transform: uppercase;
            margin-bottom: 4px;
        }
        .why-ppu p{
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
            white-space: pre-line;
            line-height: 18px;
        }

.order1{
    background: url("../img/form-send_bg1.jpg") center top;
    height: 518px;
    overflow: hidden;
}
    .send-order__wrap{
       width: 990px;
        margin: 0 auto;
        position: relative;
    }
        .send-order__wrap h2{
            font-size: 37px;
            font-family: "helios cond black" , sans-serif;
            color: #ffffff;
            background-color: #e3304b;
            position: absolute;
            left: 0;
            top: 226px;
        
            text-transform: uppercase;
            z-index: 2;
            padding: 14px 12px 6px;
            white-space: pre-line;
            display: inline;
}
        .send-order__wrap > p{
            font-size: 27px;
            color: #ffffff;
            display: block;
            position: absolute;
            left: 0;
            top: 256px;
            background-color: #31548c;
            padding: 39px 12px 6px;
            width: 450px;
            z-index: 1;
        }
        .send-order__wrap .site-form{
            background: url("../img/form-bg.png");
            width: 333px;
            height: 437px;
            top: 41px;
            padding-top: 93px;
        }

.use-ppu_wrap{
    background: url("../img/grey-bg.jpg");
    padding-bottom: 78px;
}
.use-ppu li{
    width: 277px;
}
.use-ppu .narrow-li li{
    width: 239px;
}
.use-ppu .narrow-li li.first-li h3{min-height: 72px;}
.use-ppu li h3{
    min-height: 55px;
}
.use-ppu .order-btn{
    background-color: #e3304b;
}
.use-ppu .order-btn:hover{
    background-color: #31548c;
}
.use-ppu  div{
    position: relative;
    text-align: center;
}
.use-ppu div img{
    display: inline-block;
    margin-bottom: 5px;
}
.use-ppu div span{
    font-size: 26px;
    text-transform: uppercase;
    color: #444444;
    display: inline-block;
    vertical-align: top;
    background: url("../img/grey-bg.jpg");
    padding: 0 5px;
    margin-bottom: 20px;
    z-index: 1;
    position: relative;
}
.use-ppu > div:before{
    width: 100%;
    height: 1px ;
    background-color: #969696;
    position: absolute;
    left: 0;
    bottom: 32px;
    content: '';
    z-index: 0;
}

.lider{
    background: url("../img/lider-bg.jpg");
    position: relative;
}
.lider:after{
    content: '';
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(9%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.lider:before{
    content: '';
    background: url("../img/lider-bg-top.jpg") top center;
    height: 104px;
    width: 100%;
    position: absolute;
    top: -104px;
    left: 0;
}
    .lider__table{
        width: 990px;
        margin:  0 auto;
    
        padding-bottom: 55px;
}
    .lider h2{
        font-size: 60px;
        color: #ffffff;
        text-transform: uppercase;
        padding: 20px 0 50px;
        display: block;
        text-align: center;
    }
    .lider__table table{
        width: 100%;
    
}
    .lider__table table th ,
    .lider__table table td{
        border: solid 1px #ffffff;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        padding: 16px 20px;
        background: rgba(0,0,0,.3);
    }
    .lider__table table td{
        background: rgba(0,0,0,.1);
    }
    .lider__table tr td:first-child{
        text-align: left;
    }
    .pink-bg{
        background-color: #e34e78 !important;
    }
    .lider__middle-block{
        background: url("../img/lider-bg-center.png") center top ;
        height: 805px;
        overflow: hidden;
    }
    .middle-block__wrap{
        position: relative;
        width: 990px;
        margin: 0 auto;
    }
    .middle-block__wrap h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        width: 512px;
        color: #ffffff;
        text-transform: uppercase;
        position: absolute;
        top: 354px;
        text-align: center;
        left: 213px;
    
        line-height: 72px;
}
    .middle-block__wrap div{
        width: 285px;
        text-align: center;
        position: absolute;
        color: #ffffff;
    }
    .middle-block__wrap img{
        display: inline-block;
        vertical-align: top;
    
        margin-bottom: 28px;
}
    .middle-block__wrap span{
        display: block;
    
        font-size: 22px;
        line-height: 30px;
}
    .lider__block1{
        top: 101px;
        left: 326px;
    }
    .lider__block2{
        top: 211px;
        left: 0px;
    }
    .lider__block3{
        top: 226px;
    
        right: 0;
}
    .lider__block4{
        top: 510px;
        left: 39px;
    }
    .lider__block5 {
        top: 512px;
        left: 596px;
    }
    .keep-heat{
        width: 990px;
        margin: 0 auto;
    
        padding-bottom: 100px;
}
    .keep-heat h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        color: #ffffff;
        text-align: center;
        display: block;
    }
    .keep-heat > span{
        padding: 0 66px;
        display: inline-block;
        vertical-align: top;
        font-size: 24px;
        color: #ffffff;text-align: center;
    
        margin-bottom: 58px;
        line-height: 30px;
}
    .keep-heat li{
        display: block;
        position: relative;
        height: 97px;
        overflow: hidden;
        color: #ffffff;
    }
    .keep-heat li img{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .keep-heat li span{
        font-family: "helios cond black" , sans-serif;
        font-size: 30px;
        display: inline-block;
        line-height: 97px;
        position: relative;
        z-index: 1;
    
}
    .mm120 span{
        padding: 0 0 0 119px;
    }
    .mm340 span{
        padding: 0 0 0 191px;
    }
    .mm350 span{
        padding: 0 0 0 214px;
    }
    .mm940 span{
        padding: 0 0 0 469px;
    }
    .mm2130 span{
        padding: 0 0 0 736px;
    }
    .mm30 span{
        padding: 0 0 0 55px;
    }

.order2{
    background: url("../img/form-send_bg2.jpg");
    height: 530px;
}

.ecologic{
    background: url("../img/grey-bg.jpg");
}
    .ecologic__wrap{
        width: 990px;
        margin: 0 auto;
        padding: 50px 0 30px;
    }
        .ecologic__wrap h2{
            font-family: "helios cond black" , sans-serif;
            font-size: 60px;
            color: #31548c;
            text-align: center;
            display: block;
        
            padding-bottom: 35px;
}
        .ecologic__wrap ul{
            position: relative;
            text-align: justify;
        }
        .ecologic__wrap ul:after{
            content: '';
            width: 100%;
            height: 0;
            display: inline-block;
            vertical-align: top;
        }
        .ecologic__wrap li{
            width: 180px;
            text-align: center;
            display: inline-block;
            vertical-align: top;
        }
        .ecologic__wrap img{
            display: inline-block;
            vertical-align: top;
            margin-bottom: 20px;
        }
        .ecologic__wrap li span{
            font-size: 18px;
            color: #2f2f2f;
            display: block;
        }

.economic{
    background: url("../img/economy-bg.jpg") top center;
    height: 627px;
    overflow: hidden;
    margin-bottom: 60px;
}
    .economic__wrap{
        width: 990px;
        margin: 0 auto;
        text-align: center;
    
        padding: 60px 0;
}
    .economic__wrap h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        color: #ffffff;
        display: block;
        text-transform: uppercase;
    
        margin-bottom: 40px;
}
    .blue-color{
        color: #31548c !important;
    }
    .economic__wrap ul{
        text-align: left;
    }
    .economic__wrap li{
        width: 250px;
        display: inline-block;
        vertical-align: top;
    
        margin: 0 35px 0;
}
    .economic__wrap li img{
        border: solid 8px #ffffff;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    
        margin-bottom: 20px;
}
    .economic__wrap h3{
        font-size: 30px;
        color: #444444;
        text-transform: uppercase;
    
        display: block;
        text-align: center;
        margin-bottom: 25px;
}
    .economic__wrap p{
        text-align: justify;
        color: #666666;
        font-size: 18px;
    }
    .economic__wrap .economic__central{
        margin-top: 35px;
    }
    .economic__wrap .economic__central h3,
    .economic__wrap .economic__central p{
        color: #ffffff;
    }

.ideal{
    width: 990px;
    margin: 0 auto;
}
    .ideal h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        line-height: 66px;
        white-space: pre-line;
        color: #31548c;
        text-transform: uppercase;
        margin-bottom: 20px;
    
        text-align: center;
        margin-bottom: 60px;
}
    .ideal ul{
        position: relative;
        text-align: justify;
    }
    .ideal ul:after{
        width: 100%;
        height: 0;
        content: '';
        display: inline-block;
        vertical-align: top;
    }
    .ideal li{
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 130px;
    }
    .ideal li img{
        display: inline-block;
    
        vertical-align: bottom;
}
    .ideal li div{
        min-height: 100px;
    
        margin-bottom: 11px;
}
    .ideal li span{
        display: inline-block;
        vertical-align: top;
        color: #4a4a4a;
        font-size: 14px;
    }

.order3{
    background: url("../img/form-send_bg3.jpg") center top;
    height: 573px;
}
.order3 h2{
    width: 385px;

    top: 346px;
}
.order3 p{
    top: 405px;

}

.safe{
    background: url("../img/gal-bg.jpg") center top;
    max-height: 1578px !important;
    overflow: hidden;
    margin: -17px 0 0;
}
.safe__wrap{
    width: 990px;
    margin: 0 auto;
    padding: 50px 0;
}
    .safe h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        line-height: 66px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }
    .safe ul{
        position: relative;
        text-align: justify;
    }
    .safe ul:after{
        width: 100%;
        height: 0;
        content: '';
        display: inline-block;
        vertical-align: top;
    }
        .safe li{
            display: inline-block;
            vertical-align: top;
            text-align: center;
            width: 152px;
        }
        .safe li img{
            display: inline-block;

            vertical-align: bottom;
        }
        .safe li > div{
            min-height: 112px;
            margin-bottom: 11px;
            display: table;
            text-align: center;
            width: 100%;
        }
        .safe li > div div{
            display: table-cell;
            vertical-align: bottom;
            text-align: center;
        }
        .safe li span{
            display: inline-block;
            vertical-align: top;
            color: #ffffff;
            font-size: 14px;
        }

.gallery{
    width: 100%;
    padding: 150px 0;
    text-align: center;
}
    .gallery h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 40px;
        display: block;
        text-align: center;
    }
    .gallery div a{
        display: inline-block;
        vertical-align: top;
        float: left;
        line-height: 0;
        -webkit-transition: 0.3s ease opacity;
        transition: 0.3s ease opacity;
    }
    .gallery img{
        width: 100%;
        height: 100%;
    }

.gallery div a:hover{
    opacity: 0.7;
}

.order4{
    background: url("../img/form-send_bg4.jpg");
    height: 529px;
}
.order4 h2{
    top: 346px;
}
.order4 p{
    top: 374px;
}

.our-clients{
    width: 990px;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
}
.our-clients:after{
    content: '';
    width: 1100px;
    height: 84px;
    border: dashed 1px #B2B2B2;
    border-top: none;
    position: absolute;
    left: -55px;
    z-index: 0;
    bottom: 50px;
}
    .our-clients h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        line-height: 66px;
        color: #31548c;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }
    .variable-width div{
        margin: 0 10px;
    }

.comments{
    width: 990px;
    margin:  0 auto;
    position: relative;
    text-align: center;
}
.comments:after{
    content: '';
    width: 1100px;
    height: 84px;
    border: dashed 1px #B2B2B2;
    border-bottom: none;
    position: absolute;
    left: -55px;
    z-index: 0;
    top: 36px;
}
    .comments h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        line-height: 66px;
        color: #31548c;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
        background-color: #ffffff;
        padding: 0 10px;
        display: inline-block;
        position: relative;
        z-index: 1;
    }
    .comments li{
        background-color: #f2f2f2;
        padding: 20px;
        width: 315px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        display: inline-block;
        vertical-align: top;
        position: relative;
        min-height: 240px;
        margin: 0 5px 60px;
}
    .comments li:before{
        content: '';
        width: 0;
        height: 0;
        border-top: 30px solid #f2f2f2;
        border-right: 30px solid transparent;
        position: absolute;
        left: 15px;
        bottom: -30px;
    }
    .comments li > div img{
        border: solid 1px #dcdcdc;
        display: inline-block;
        vertical-align: top;
        width: 95px;
    
        margin-right: 15px;
}
    .comments li > div div{
        display: inline-block;
        vertical-align: top;
        width: 160px;
        text-transform: uppercase;
        color: #2d4a76;
    }
    .comments li div > span{
        font-family: "helios cond black" , sans-serif;
        font-size: 18px;

    
        padding-bottom: 6px;
        display: inline-block;
        vertical-align: top;
}
    .comments address{
        font-size: 14px;
        font-style: normal;
    
        line-height: 17px;
}
    .comments address span{
        display: block;
    }
    .comments p{
        font-size: 14px;
        color: #2d4a76;
    
        padding: 15px 0;
    }
    
.warranty{
    background: url("../img/garanty-bg.png") top center;
    height: 637px;
    overflow: hidden;
    margin-bottom: -24px;
    z-index: 2;
    position: relative;
}
    .warranty__wrap{
        width: 990px;
        margin: 0 auto;
    
        padding: 50px 0;
}
    .warranty__wrap h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        line-height: 66px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }
    .warranty__wrap ul{
        position: relative;
        text-align: justify;
    }
    .warranty__wrap ul:after{
        width: 100%;
        height: 0;
        display: inline-block;
        vertical-align: top;
        content: '';
    }
    .warranty__wrap li{
        font-size: 18px;
        color: #ffffff;
        padding: 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        background: rgba(0,0,0,0.1);
        width: 455px;
        height: 200px;
        overflow: hidden;
    
        margin-bottom: 30px;
        text-align: left;
}
    .warranty__wrap .warranty-border{
        background: transparent;
        border: dashed 1px #519bf6;
    }
    .warranty__wrap li h3{
        text-transform: uppercase;
        font-family: "helios cond black" , sans-serif;
        padding-bottom: 10px;
    }
    .warranty__wrap li p{
        line-height: 20px;
    
}

.how-we-work{
    background: url("../img/grey-bg.jpg") ;
    position: relative;
    z-index: 1;
}
.how-we-work__wrap:after{
    content: '';
    width: 1100px;
    height: 84px;
    border: dashed 1px #B2B2B2;
    border-top: none;
    position: absolute;
    left: -55px;
    z-index: 0;
    bottom: 50px;
}
    .how-we-work__wrap{
        width: 990px;
        margin: 0 auto;
        padding: 72px 0;
        position: relative;
    }
    .how-we-work h2{
        font-family: "helios cond black" , sans-serif;
        font-size: 60px;
        line-height: 66px;
        color: #31548c;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 30px;
    }
    .how-we-work ul{
        position: relative;
        text-align: justify;
    }
    .how-we-work ul:after{
        width: 100%;
        height: 0;
        content: '';
        display: inline-block;
        vertical-align: top;
    }
        .how-we-work li{
            display: inline-block;
            vertical-align: top;
            text-align: center;
            width: 152px;
            position: relative;
        }
        .how-we-work li:before{
            content: '';
            background: url("../img/how-we-work_arrow.png");
            width: 33px;
            height: 33px;
            position: absolute;
            left: -23px;
            top: 39px;
        }
        .how-we-work li:first-child:before{
            width: 0;
        }
        .how-we-work li img{
            display: inline-block;

            vertical-align: bottom;
        }
        .how-we-work li > div{
            min-height: 80px;
            margin-bottom: 11px;
            display: table;
            text-align: center;
            margin-bottom: 30px;
            width: 100%;
        }
        .how-we-work li > div div{
            display: table-cell;
            vertical-align: bottom;
            text-align: center;
        }
        .how-we-work li span{
            display: inline-block;
            vertical-align: top;
            min-height: 70px;
            line-height: 28px;
            font-size: 20px;
            text-transform: uppercase;
            font-family: "helios cond bold" , sans-serif;
        }
        .how-we-work li p{
            font-size: 15px;
            line-height: 20px;
        }
        
.map {
    height: 555px;
    overflow: hidden;
    position: relative;
}
.map .site-form{
    background: url("../img/form-bg-map.png");
    top: 60px;
}
.map h2{
    top: 74px;
}
.map p{
    top: 99px;
    
}
.map .confidence{
    color: #ffffff;
    border-bottom: dashed 1px #ffffff;
}
.map .confidence:hover{
    border-bottom: dashed 1px transparent;
}
.map-address{
    font-size: 24px;
    top: 266px;
    left: 54px;
    position: absolute;
    color: #585858;
    width: 375px;
    padding: 20px 20px 20px  50px;
    height: 110px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #dee1e4;
    border: solid 1px #d3d7db;
}
.map-address:before{
    content: '';
    background: url("../img/map-address.png");
    width: 61px;
    height: 56px;
    position: absolute;
    right: -61px;
    top: 20px;
}
.map-address a{
    color: #585858;
    display: inline-block;
    margin-bottom: 17px;
    position: relative;
}
.map-address a:before{
    content: '';
    background: url("../img/map-tel.png");
    width: 19px;
    height: 19px;
    position: absolute;
    left: -31px;
    top: 2px;
}
.map-address address{
    font-style: normal;
    position: relative;
}
.map-address address:before{
    content: '';
    background: url("../img/map-address-point.png");
    width: 16px;
    height: 19px;
    position: absolute;
    left: -29px;
    top: 3px;
}
/* --------------- /site-content --------------- */

/* --------------- footer --------------- */
.footer {
    width: 100%;
    z-index: 2;
    position: relative;
    margin-top: -120px;
    height: 120px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border-top: solid 5px #a4bac8;
}
.footer__layout {

    position: relative;
    width: 990px;
    margin: 0 auto;
}
.footer__logo{
    position: absolute;top: 15px;
    left: 0;
}
.joilp{
    position: absolute;
    right: 0;
    top: 15px;
}

/* --------------- /footer --------------- */

.fix-head{
    height: 78px;
    background: #729db9;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    font-family: "helios cond " , sans-serif;
    display: none;
}
.fix-menu__wrap{
    width: 990px;
    margin: 0 auto;
}
.fix-logo{
    display: inline-block;
    vertical-align: top;
    margin: 24px 0 0 0;
}
.fix-menu{
    display: inline-block;
    vertical-align: top;
    top: inherit;
    left: inherit;
    margin: 33px 64px 0 98px;
}
.fix-menu a{
    color: #1c3153;
    font-size: 13px;
    margin: 0 12px;
}
.fix-menu .home:before{
    top: -13px;
    
}
.fix-menu a:before{
    background: url("../img/header-menu-point2.png");
    top: 2px;
    left: -16px;
}
.fix-tel{
    display: inline-block;
    width: 215px;
    float: right;
    margin: 15px 0 0;
}
.fix-tel a:first-child{
    font-size: 23px;
    color: #192c4a;
    margin-bottom: 4px;
    display: inline-block;
    vertical-align: top;
}
.fix-tel .fix-order-tel{
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: dotted 1px #ffffff;
    -webkit-transition: 0.3s ease border-bottom;
    transition: 0.3s ease border-bottom;
}
.fix-tel .fix-order-tel:hover{
    border-bottom: dotted 1px transparent;
}
.full-map{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ymaps-2-1-17-search.ymaps-2-1-17-search_layout_normal{
    display: none;
}
.ymaps-2-1-17-controls__toolbar_right{
    display: none;
}
.ymaps-2-1-17-button_size_s .ymaps-2-1-17-button__text{
    display: none;
}
.popup{
    position: fixed;
    background: rgba(0,0,0,0.5);
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.popup-call .popup__wrap{
    background: url("../img/form-bg.png");
    width: 333px;
    height: 437px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -215px;
    margin-left: -168px;
    z-index: 11;
}
.popup-call .popup__wrap .site-form{
    top: -16px;
    left: 3px;
}
.popup-confidence .popup__wrap{
    background-color: #ffffff;
    box-shadow: 0 0 10px #fff;
    width: 980px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -490px;
    z-index: 15;
    padding: 25px;
    border-radius: 15px;
}
.popup-confidence .popup__wrap h2{
    font-size: 24px;
    font-family: "helios cond black" , sans-serif;
    margin-bottom: 15px;
}
.popup-confidence .popup__wrap p{
    line-height: 18px;
    font-family: "helios cond " , sans-serif;
    margin-bottom: 10px;
}
.popup-send{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    display: none;
}
.popup-send__wrap{
    width: 400px;
    font-size: 20px;
    font-family: "helios cond ",sans-serif;
    line-height: 80px;
    height: 80px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -40px;
    background-color: #2d4a76;
    color: #ffffff;
    border-radius: 20px;
}
/**/

#myoverlay{display: none; position: fixed; z-index: 2; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.75);}
.popup-order{display: none; position: absolute; z-index: 2; background: #d8e6ec; font-family: 'Myriad Pro'; font-size: 14px; max-width: 990px; color: #1b2e4c;}
.popup-order .order-close{display: block; text-indent: -9999px; text-decoration: none; cursor: pointer; width: 22px; height: 23px; background: url(../img/popup-order-close-btn-bg.png) no-repeat top right; position: absolute; top: 16px; right: 17px;}
.popup-order .order-popup-wrap{padding: 41px 54px 50px 38px; overflow: hidden;}
.popup-order .order-left{width: 277px; float: left; margin-right: 49px;}
.popup-order .order-img{margin-bottom: 27px;}
.popup-order .order-img img{max-width: 100%; border-radius: 10px; box-shadow: 0 0 7px rgba(0,0,0,0.6);}
.popup-order .order-txt{width: 277px; height: 44px; border: 0; border-radius: 10px; padding: 0 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.6); margin-bottom: 20px; font-size: 14px; font-family: 'Myriad Pro';}
.popup-order .terms-link{display: block; color: #30548d; text-decoration: none; font-size: 14px; font-family: Arial; padding-left: 60px; line-height: 16px; background: url(../img/lock-icon.png) no-repeat 11px 2px; margin-bottom: 25px;}
.popup-order .terms-link span{border-bottom: 1px dashed #30548d;}
.popup-order .terms-link:hover span{border: 0;}
.popup-order .order-right{width: 570px; float: right;}
.popup-order .order-title{font: normal 24px/24px "helios cond black"; text-transform: uppercase; padding-bottom: 29px;}
.popup-order .order-desc{line-height: 24px;}
.popup-order .order-price{padding-top: 30px; font-family: 'Myriad Pro';}
.popup-order .order-price span.order-price-title{display: block; font-size: 18px; font-weight: normal; text-transform: uppercase;}
.popup-order .order-price div{font-size: 60px; font-weight: bold;}
.popup-order .order-price div span{font-size: 14px; text-transform: uppercase; font-family: 'Myriad Pro'; font-weight: normal;}
.popup-order .order-p-btn{width: 276px; height: 54px; border: 0; border-bottom: 5px solid #b19300; background: url(../img/order-p-btn-bg.png) repeat-x top center; text-transform: uppercase; color: #000; font-size: 18px; font-weight: normal; font-family: "helios cond black"; border-radius: 10px; box-shadow: 0 2px 6px #959595;}