@import url(reset.css);
/*Подключение шрифтов*/
@font-face{
    font-family: 'Roboto Light';
    src: url('/data/fonts/roboto_light/roboto_light.eot');
    src: url('/data/fonts/roboto_light/roboto_light.eot?#iefix') format('embedded-opentype'),
         url('/data/fonts/roboto_light/roboto_light.woff') format('woff'),
         url('/data/fonts/roboto_light/roboto_light.ttf') format('truetype'),
         url('/data/fonts/roboto_light/roboto_light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Roboto Regular';
    src: url('/data/fonts/roboto_regular/roboto_regular.eot');
    src: url('/data/fonts/roboto_regular/roboto_regular.eot?#iefix') format('embedded-opentype'),
         url('/data/fonts/roboto_regular/roboto_regular.woff') format('woff'),
         url('/data/fonts/roboto_regular/roboto_regular.ttf') format('truetype'),
         url('/data/fonts/roboto_regular/roboto_regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ClearSans-L';
    src: url('../fonts/ClearSans/ClearSans-Light.eot');
    src: url('../fonts/ClearSans/ClearSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans/ClearSans-Light.woff') format('woff'),
         url('../fonts/ClearSans/ClearSans-Light.ttf') format('truetype'),
         url('../fonts/ClearSans/ClearSans-Light.svg#ClearSans-L') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'ClearSans-M';
    src: url('../fonts/ClearSans/ClearSans-Medium.eot');
    src: url('../fonts/ClearSans/ClearSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ClearSans/ClearSans-Medium.woff') format('woff'),
         url('../fonts/ClearSans/ClearSans-Medium.ttf') format('truetype'),
         url('../fonts/ClearSans/ClearSans-Medium.svg#ClearSans-M') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'PFCP';
    src: url('../fonts/PFCSP/PF Centro Sans Pro.eot');
    src: url('../fonts/PFCSP/PF Centro Sans Pro.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PFCSP/PF Centro Sans Pro.woff') format('woff'),
         url('../fonts/PFCSP/PF Centro Sans Pro.ttf') format('truetype'),
         url('../fonts/PFCSP/PF Centro Sans Pro.svg#PFCP') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'PFCP-M';
    src: url('../fonts/PFCSP/PF Centro Sans Pro Medium.eot');
    src: url('../fonts/PFCSP/PF Centro Sans Pro Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PFCSP/PF Centro Sans Pro Medium.woff') format('woff'),
         url('../fonts/PFCSP/PF Centro Sans Pro Medium.ttf') format('truetype'),
         url('../fonts/PFCSP/PF Centro Sans Pro Medium.svg#PFCP-M') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'PFCP-B';
    src: url('../fonts/PFCSP/PF Centro Sans Pro Bold.eot');
    src: url('../fonts/PFCSP/PF Centro Sans Pro Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PFCSP/PF Centro Sans Pro Bold.woff') format('woff'),
         url('../fonts/PFCSP/PF Centro Sans Pro Bold.ttf') format('truetype'),
         url('../fonts/PFCSP/PF Centro Sans Pro Bold.svg#PFCP-B') format('svg');
    font-style: normal;
    font-weight: normal;
}

/*Общие стили*/
html,body {width:100%;height:100%;margin:0px;padding:0px;}
body{
    height:100%;
    height:auto;
    min-height:100% !important;
    font: 14px 'Roboto Regular', sans-serif;
    color: #242424;
    background: url(/data/img/bodyBg.png) left top repeat;
    position:relative;
}

p{
    margin-bottom: 15px;
}

a{
    color: #2a6bfe;
}

a:hover, a:active{
    text-decoration: none;
    color: #2a6bfe;
}

h1, .h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto Regular', sans-serif;
    color: #242424;
}

h1, h2, h3, .h1{
    margin-bottom: 20px;
}

h4, h5, h6{
    margin-bottom: 10px;
}

h1, .h1{
    font-size: 30px;
    line-height:34px;
    margin-bottom: 15px;
}

h2{
    font-size: 24px;
}

h3{
    font-size: 18px;
}

h4{
    font-size: 15px;
}

h5{
    font-size: 14px;
}

h6{
    font-size: 12px;
}

.text h2{
    margin:1em 0 0.5em 0;
}

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

.cl10:after {
    height:10px;
}

.cl20:after {
    height:20px;
}

.cover{
    width: 980px;
    margin: 0 auto;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

*::-webkit-input-placeholder {
    color: #959595;
    font-style: italic;
    opacity: 1;
}
*:-moz-placeholder {
    color: #959595;
    font-style: italic;
    opacity: 1;
}
*::-moz-placeholder {
    color: #959595;
    font-style: italic;
    opacity: 1;
}
*:-ms-input-placeholder {
    color: #959595;
    font-style: italic;
    opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
    
}
body input:required:valid,
body textarea:required:valid {
    
}

.hidden {
    display: none;
}
/* customiz style */
.container{
    width: 1050px;
    width: auto !important;
    max-width: 1200px;
    margin: 0 auto;
}
.container::after {
    clear: both;
    content: "";
    display: table; }

.info-header{
    padding: 15px 0 5px;
    background: url("../img/header.jpg") 0 0 repeat-x;
}

.head-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    .head-row {
        width: auto;
    }

.logotype{
    width: 310px;
}

    .logotype img {
        max-width: 100%;
    }
    
.slogan{
    font-family: "ClearSans-L", arial, sans-serif;
    font-size: 17px;
    color: #606060;
    padding: 0 20px;
    margin: 0 auto;
}

.contact-block{
    padding: 2px 0 4px 0;
    margin-left: auto;
}

.contact-block .callback{
    display: block;
    width: 181px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-family: "PFCP-M", arial, sans-serif;
    font-size: 16px;
    text-shadow: 0 1px rgba(0,0,0,.25);
    background: #008bc5;
    border-bottom: 3px solid #007db0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    margin-bottom: 4px;
    margin-left: 13px;
}
.contact-block .callback:hover{
    opacity: .8;
}
.contact-block .contacts-phone{
    position: relative;
    font-family: "ClearSans-L", arial, sans-serif;
    font-size: 20px;
    line-height:1.2em;
    font-weight:bold;
    color: #0081b6;
    margin-left: 12px;
    display:block;
    text-decoration:none;
    cursor: default
}
.mail{
    position: relative;
    font-family: "ClearSans-L", arial, sans-serif;
    font-size: 16px;
    color: #fff;
    float: right;
    z-index: 10;
    display: inline-block;
    margin: 10px 48px 0 0;
    cursor:default;
}
.mail::before{
    content: "";
    width: 15px;
    height: 11px;
    position: absolute;
    background: url("../img/icn-mail.png") 50% 50% no-repeat;
    top: 6px;
    left: -24px;
}
.menuWrapp{
    position: relative;
    overflow:hidden;
}
.menuWrapp::before{
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    margin-right: -215px;
    top: 0;
    height: 100%;
    width: 100%;

    background: #00c0e3; /* Old browsers */
    background: -moz-linear-gradient(left,  #00c0e3 0%, #009fd1 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00c0e3), color-stop(100%,#009fd1)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  #00c0e3 0%,#009fd1 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  #00c0e3 0%,#009fd1 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  #00c0e3 0%,#009fd1 100%); /* IE10 preview */
    background: linear-gradient(to right,  #00c0e3 0%,#009fd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c0e3', endColorstr='#009fd1',GradientType=1 ); /* IE6-9 */

}
.menuWrapp::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 215px;
    height: 100%;
    width: 100%;

    background: #007fb4; /* Old browsers */
    background: -moz-linear-gradient(left,  #007fb4 0%, #0095c5 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#007fb4), color-stop(100%,#0095c5)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left,  #007fb4 0%,#0095c5 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left,  #007fb4 0%,#0095c5 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left,  #007fb4 0%,#0095c5 100%); /* IE10 preview */
    background: linear-gradient(to right,  #007fb4 0%,#0095c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fb4', endColorstr='#0095c5',GradientType=1 ); /* IE6-9 */

}
.lightMenu::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 100%;
    background: rgba(255,255,255,.1);
    z-index: 11;
}
#pull {
    display: none;
}
.menu{
    list-style-type: none;
    z-index: 10;
    float: left;
}
.menu::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 25px solid #009FD1;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
    position: absolute;
    right: 50%;
    margin-right: -240px;
    z-index: 10;
}
.menu li{
    float: left;
}
.menu li a{
    display: block;
    padding: 10px 25px;
    font-family: "PFCP", arial, sans-serif;
    font-size: 18px;
    text-shadow: 0 1px rgba(0,129,182,.75);
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index:19;
}
.menu li a::before,
.menu li:last-child a::after{
    content: "";
    display: block;
    width: 0;
    border-left: 1px solid #0c90ab;
    border-right: 1px solid #91c6ce;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.menu li:last-child a::after{
    left: auto;
    right: 0;
}

.menu li a:hover{
    text-decoration: underline;
}
.phone-number{
    font-family: "ClearSans-L", arial, sans-serif;
    text-decoration: none;
    font-size: 24px;
    position: relative;
    color: #fff;
    float: right;
    z-index: 10;
    display: inline-block;
    margin: 4px 48px 0 0;
    cursor:default;
}
.phone-number:hover{
    color:#fff;
}
.phone-number span{
    font-family: "ClearSans-M", arial, sans-serif;
}
.phone-number::before{
    content: "";
    width: 15px;
    height: 19px;
    position: absolute;
    display: block;
    background: url("../img/icn-phone.png") 50% 50% no-repeat;
    top: 9px;
    left: -27px;
}
/* bottom-header */
.bottom-header{
    background: url("../img/bg1.jpg") 50% 0 no-repeat;
    background-size: cover;
    padding-bottom: 61px;
}
.bottom-header h1{
    font-size: 32px;
    font-family: "PFCP-B", arial, sans-serif;
    line-height: 40px;
    text-shadow: 0 0 7px rgba(30,30,29,.35);
    text-align: center;
    color: #fff;
    padding: 87px 0 0;
    margin:0;
}
.bottom-header h1 span{
    background: url("../img/blank.png") 0 0;
    display: inline-block;
    padding: 3px 15px;
    margin-left: 20px;
}
.welcome-row {
    max-width: 780px;
    margin: 80px auto 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.formWrapp {
    margin-left: auto;
    width: 240px;
}
.adv{
    position: relative;
    font-family: "PFCP", arial, sans-serif;
    font-size: 22px;
    line-height: 20px;
    color: #fff;
    padding: 8px 0 2px 73px;
    margin-bottom: 40px;
}
.adv::before{
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -26px;
}
.adv-1::before{
    background: url("../img/icn-1.png") 50% 50% no-repeat;
}
.adv-2::before{
    background: url("../img/icn-2.png") 50% 50% no-repeat;
}
.adv-3{
    margin-bottom: 0;
}
.adv-3::before{
    background: url("../img/icn-3.png") 50% 50% no-repeat;
}

.form-block{
    background: #fff;
    width: 241px;
    border-radius: 5px;
    padding: 3px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-block .borderWrapp{
    border: 1px solid #008bc5;
    border-radius: 5px;
    padding: 13px 17px 15px;
    background: url("../img/form-bg.jpg") 100% 0 no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-block .borderWrapp h2{
    text-align: center;
    font-family: "PFCP-B", arial, sans-serif;
    font-size: 16px;
    color: #008bc5;
    text-transform: uppercase;
    padding-bottom: 23px;
}
.form-block .borderWrapp input{
    display: block;
    width: 100%;
    height: 37px;
    border-radius: 4px;
}
.form-block .borderWrapp input[type=text]{
    font-style: italic;
    color: #959595;
    border: 2px solid #008bc5;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.form-block .borderWrapp input[type=submit],.newsubmit{
    border: none;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    font-family: "PFCP-B", arial, sans-serif;
    text-shadow: 0 1px rgba(176,2,0,.75);

    background: #ff5036; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff5036 0%, #f11300 50%, #f5321e 50%, #dc0000 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5036), color-stop(50%,#f11300), color-stop(50%,#f5321e), color-stop(100%,#dc0000)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #ff5036 0%,#f11300 50%,#f5321e 50%,#dc0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  #ff5036 0%,#f11300 50%,#f5321e 50%,#dc0000 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  #ff5036 0%,#f11300 50%,#f5321e 50%,#dc0000 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #ff5036 0%,#f11300 50%,#f5321e 50%,#dc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5036', endColorstr='#dc0000',GradientType=0 ); /* IE6-9 */
}

    a.newsubmit{
        display:inline-block;
        padding:5px 20px;
        -webkit-border-radius:3px;
           -moz-border-radius:3px;
             -o-border-radius:3px;
                border-radius:3px;
        text-decoration:none;
    }
    
    a.newsubmit:hover{
        color:#fff;
    }

.form-block .borderWrapp input[type=submit]:hover,.newsubmit:hover{

    background: #dc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #dc0000 0%, #f5321e 50%, #f11300 50%, #ff5036 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc0000), color-stop(50%,#f5321e), color-stop(50%,#f11300), color-stop(100%,#ff5036)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #dc0000 0%,#f5321e 50%,#f11300 50%,#ff5036 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  #dc0000 0%,#f5321e 50%,#f11300 50%,#ff5036 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  #dc0000 0%,#f5321e 50%,#f11300 50%,#ff5036 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #dc0000 0%,#f5321e 50%,#f11300 50%,#ff5036 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0000', endColorstr='#ff5036',GradientType=0 ); /* IE6-9 */
}

/*Блок (mainHeader)*/
/*
.mainHeader{
    background: #fff url(/data/img/headerBg.jpg) left top repeat-x;
}

    .header{
        position: relative;
        padding-bottom: 40px;
    }

    .headerLogo{
        position: absolute;
        top: 20px;
        left: 8px;
        z-index: 101;
    }
    
    .slogan{
        float: right;
        font: italic 17px 'Roboto Light', sans-serif;
        color: #474848;
        margin: 25px 30px 0 0;
    }
    
    .headerPhone{
        float: right;
        margin-right: 10px;
        padding-left: 15px;
        background: url(/data/img/headerPhoneBg.png) top right no-repeat;
    }
    
        .headerPhone p{
            padding: 10px 15px 0 50px;
            background: url(/data/img/headerPhoneIco.png) 5px center no-repeat;
            margin: 0;
        }
        
            .headerPhone p a{
                display: table;
                font-size: 28px;
                font-weight: bold;
                color: #006b9b;
                text-decoration: none;
                cursor: default;
            }
*/
/*Блок (mainMenu)*/
.mainMenu{
    background: url(/data/img/mainMenuBg.png) center top no-repeat;
    width: 100%;
    height: 92px;
    position: relative;
    margin-top: -30px;
    z-index: 100;
}
    
    #headerMl {
        position:absolute;
        top:20px;left:50%;
        margin:0 0 0 -365px;
        z-index:99;
    }
    
    .blockMenu{
        position: relative;
        height: 100%;
    }

    .blockMenu ul{
        float: right;
        overflow: hidden;
        display: table;
    }
    
        .blockMenu ul li{
            display: table-cell;
            height: 38px;
            vertical-align: middle;
            padding: 0 20px;
            font-size: 17px;
            border-left: 1px solid #439eaf;
            box-shadow: inset 1px 0 0 0 #54c7dd;
        }
        
        .blockMenu ul li:first-child{
            border: none;
            box-shadow: none;
        }
        
            .blockMenu ul li a{
                text-decoration: none;
                color: #fff;
                text-shadow: 1px 1px 0 #0094b1;
            }
            
            .blockMenu ul li a:hover, .blockMenu ul li a:active{
                text-decoration: underline;
            }
            
    .consultant{
        position: absolute;
        left: 0;
        bottom: 0;
        padding-left: 50px;
        background: url(/data/img/consultantBg.png) 20px bottom no-repeat;
        height: 43px;
    }
    
        .consultant p{
            width: 237px;
            height: 34px;
            background: url(/data/img/cloudConsultant.png) left top no-repeat;
            margin-top: 7px;
        }
        
            .consultant p a{
                margin-left: 20px;
                display: block;
                height: 85%;
                text-align: center;
                font-size: 15px;
                text-shadow: 1px 1px 0 #caecf2;
                color: #4e4e4e;
                text-decoration: none;
            }
            
                .consultant p a span{
                    padding-top: 3px;
                    display: block;
                }
                
/*Блок (mainBlockContent)*/
#index_page .mainBlockContent{
    margin-top: -15px;
}
    
.mainBlockContent{
    position: relative;
    margin-top: 0;
}

.mainContent {
    background:#fff;
    box-shadow: 0 0 10px 0 #7f7f7f;
    border-radius:3px;
}

/*Блок (mainBlockDopMenu)*/
.mainBanner{
    width:969px;
    height:350px;
    position:relative;
    overflow:hidden;
    border:3px solid #fff;
    border-top:0;
    margin:0 auto 24px auto;
}

/*Блок (mainBigImg)*/
.mainBigImg{
    width: 100%;
    position: relative;
}

    .bigImg{
        display: block;
        height: 100%;
        position:relative;
    }

        .bigImg img{
            width: 100%;
            height: 100%;
        }
        
        .bigImg span{
            display:block;
            position:absolute;
            top:0;left:0;
            width:100%;height:100%;
            background:url(/data/img/banner_cover.png);
        }
        
    .mainTitle{
        position:absolute;
        bottom:20px;left:20px;
        width:100%;
        z-index:199;
        background: #fff9e9;
        width:96%;
    }
    
        .mainTitle a{
            font-size: 18px;
            color: #317411;
            text-decoration: none;
            padding: 10px 15px 10px 0;
            display: block;
            height: 46px;
            border-left:8px solid #60c842;
            opacity: 0.8;
            filter: alpha(opacity=80);
        }
        
        .mainTitle a img{
            float: left;
            margin-left: 20px;
        }
            
        .mainTitle a .label{
            margin-left: 80px;
            display: block;
        }
            
        .mainTitle img{
            margin-top: 3px;
        }
        
.sources {
    position:relative;
    padding: 10px 20px 20px;
    display: flex;
    flex-direction: horizontal;
    flex-wrap: no-wrap;
    justify-content: space-between;
}

    .sources > div {
        width: calc((100%/3) - 30px);
        padding:5px 15px 150px 15px;
        margin:18px 6px 10px 8px;
        position:relative;
    }

        .single_product{
            padding:15px 15px 0 15px;
            margin:0 10px 30px 8px;
            position:relative;
            height:auto;
        }

            .single_product .singleImg{
                width:200px;
                float:left;
                display:block;
                margin:-15px 15px 0 -15px;
            }

                .single_product .singleImg img{
                    width:100%;
                }

    .sources h2 img {
        vertical-align:middle;
        margin-right:10px;
    }
    
    .sources a,
    .single_product a{
        display:block;
        position:absolute;
        top:0;left:0;
        width:100%;height:100%;
        z-index:99;
        border:2px solid #009b33;
        border-radius:3px;
    }
    
    .sources a:hover{
        border-color:#41c540;
    }
    
    .mcImg{
        background: #eee;
        background-size: cover;
        display:block;
        height:150px;
        width:101%;
        overflow:hidden;
        position:absolute;
        bottom:-2px;left:0;
    }
    
    .mcImg:hover{
        opacity:0.5;
    }
    
    .mcImg img{
        width:100%;
    }
/*        
.sources {
    position:relative;
}

    .sources div {
        width:200px;float:left;
        padding:5px 5px 5px 100px;
        margin:18px 6px 10px 12px;
        position:relative;
        height:130px;
    }

    .sources h2 img {
        vertical-align:middle;
        margin-right:10px;
    }
    
    .sources a{
        display:block;
        position:absolute;
        top:0;left:0;
        width:100%;height:100%;
        z-index:99;
        border:2px solid #009b33;
        border-radius:3px;
    }
    
    .sources a:hover{
        border-color:#41c540;
    }
    
    .mcImg{
        background:#eee;
        display:block;
        float:left;
        margin:-5px 0 0 -100px;
        height:142px;
        width:90px;
        overflow:hidden;
    }
    
    .mcImg img{
        width:90px;
    }
*/        
/*Блок (mainBlockDescription)*/
.mainBlockDescription{
    position: relative;
    background: url(/data/img/blockDescriptionBg.png) left top repeat-x;
    background-size: 8px 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blockDescriptionBg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blockDescriptionBg.png', sizingMethod='scale')";
    margin: 0 -6px;
    border-bottom: 5px solid #0084a3;
    padding: 20px 20px 7px 25px;
}

    .leftBg, .rightBg{
        width: 6px;
        height: 6px;
        position: absolute;
        top: -6px;
        background: url(/data/img/blockDescriptionBg_2.png) left top no-repeat;
    }
    
    .leftBg{
        left: 0;
    }
    
    .rightBg{
        right: 0;
        background-position: right top;
    }
    
    .leftBlock{
        float: left;
        width: 405px;
        height: 323px;
        padding-top:30px;
        background: url(/data/img/dopMenuBg.png) left top no-repeat;
    }
    
        .leftBlock div{
            width: 350px;
            margin-top: 20px;
            background: url(/data/img/leftBlockDivBg.png) left top no-repeat;
            padding: 7px 20px 12px;
            position:relative;
            background-size: 100% 100%;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftBlockDivBg.png', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftBlockDivBg.png', sizingMethod='scale')";
            
        }
        
            .leftBlock div a {
                position:absolute;
                top:0;left:0;
                width:100%;height:100%;
                z-index:99;
            }
        
        .leftBlock div:first-child{
            margin: 0;
        }
        
            .leftBlock div h2{
                margin-bottom: 10px;
            }
            
                .leftBlock div h2 img{
                    position: relative;
                    top: 5px;
                    margin: 0 15px 0 10px;
                }
                
            .leftBlock div p{
                font-size: 16px;
                line-height: 1.3;
                margin: 0;
            }
            
    .blockDescText p{
        font-size: 15px;
        color: #383838;
        text-shadow: 1px 1px 0 #acd9f0;
        margin-bottom: 7px;
    }
/*Блок (grass)*/
.grass{
    height: 27px;
    width: 100%;
    background: url(/data/img/grassBg.jpg) left top repeat-x;
}
/*Блок (mainBlockModels)*/
.mainBlockModels{
    padding: 30px 0 50px;
    background: #fff;
}

    .mainBlockModels h1{
        font-size: 24px;
        color: #fff;
        margin: 0 0 20px -16px;
        background: #e5c200;
        display: inline-block;
        padding: 13px 50px 13px 35px;
        position: relative;
    }
    
        .leftBgTitle{
            width: 6px;
            height: 4px;
            background: url(/data/img/leftBgTitle.png) left top no-repeat;
            position: absolute;
            left: 0;
            top: -4px;
        }
        
        .rightBgTitle{
            width: 13px;
            height: 13px;
            background: url(/data/img/rightBgTitle.png) left top no-repeat;
            position: absolute;
            right: 0;
            bottom: 0;
        }
    
    .mainModels{
        float: left;
        width: 720px;
        padding-left: 10px;
    }
    
        .miniBlockModels{
            width: 33.3%;
            float: left;
        }
        
            .miniModels{
                margin-left: 15px;
                padding: 8px;
                cursor: pointer;
            }
            
                .miniModels a{
                    display: block;
                    height: 100%;
                }
                
                .miniModels a:hover{
                    text-decoration: underline;
                }
                
                    .img{
                        background: #000;
                        position: relative;
                    }
                    
                        .mainMagnifier{
                            position: absolute;
                            left: 0;
                            top: 0;
                            background: url(/data/img/mainMagnifierBg.png) left top repeat;
                            width: 100%;
                            height: 100%;
                            display: none;
                        }
                    
                            .img .magnifier{
                                position: absolute;
                                top: 33%;
                                left: 0;
                                width: 100%;
                            }
                            
                            
                                .img .magnifier p{
                                    display: table;
                                    padding-top: 50px;
                                    background: url(/data/img/magnifier.png) center top no-repeat;
                                    font-size: 15px;
                                    color: #fff;
                                    margin: 0 auto;
                                }
            
                        .miniModels img{
                            width: 100%;
                            margin-bottom: 5px;
                            display: block;
                        }
                    
                    .miniModels h4{
                        color: #2a6bfe;
                        margin-bottom: 20px;
                    }
                    
            .miniModels:hover{
                background: #f5f5f5;
                border-radius: 8px;
                box-shadow: 0 0 7px 0 #E3E3E3;
                border: 1px solid #efefef;
                padding: 7px;
            }

.page-row {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}
            
    .mainBlockQuestion{
        width: 219px;
        padding-left: 11px;
        margin-left: auto;
        background: url(/data/img/borderQuestion.png) left top repeat-y;
        border-radius: 7px 0 0 7px;
    }
    
        .blockQuestion{
            background: url(/data/img/mainBlockQuestionBg.jpg) left top repeat;
            height: 100%;
            display: table;
            width: 100%;
        }
    
        .mainBlockQuestion h3{
            color: #fff;
            padding: 12px 10px;
            background: url(/data/img/questionTitleBg.jpg) left top repeat;
            border-bottom: 1px solid #000;
            text-align: center;
        }
        
        .expert{
            padding: 0 0 0 110px;
            background: url(/data/img/expertBg.jpg) 10px top no-repeat;
            font-size: 16px;
            color: #000;
        }
        
            .expert b{
                margin-bottom: 15px;
                display: block;
            }
            
        .prof{
            font-style: italic;
            font-size: 15px;
            text-align: center;
            margin-bottom: 15px;
            line-height: 1.1;
        }
        
        .mainBlockQuestion .buttonQuestion{
            display: block;
            width: 179px;
            height: 19px;
            background: url(/data/img/buttonQuestion.png) left top no-repeat;
            margin: 0 auto 15px;
            font-size: 14px;
            font-weight: bold;
            color: #000;
            text-transform: uppercase;
            text-decoration: none;
            padding: 11px 0 11px 20px;
            letter-spacing: -1px;
            text-shadow: 1px 1px 0 #fdf4a0;
        }
        
        .phoneQuestion{
            font-size: 18px;
            color: #fff;
            text-shadow: 0 0 10px #747474;
            text-align: center;
        }
        
            .phoneQuestion span{
                display: block;
            }
            
            .phoneQuestion a{
                font-size: 22px;
                font-weight: bold;
                color: #fff;
                text-decoration: none;
                cursor: default;
            }
/*Блок (mainBlockNews)*/
.mainBlockNews{
    background: #FCFCFC;
    border-top: 1px solid #eaeaea;
    padding: 35px 0;
}

    .blockNews{
    }
    
        .mainBlockInform, .mainNews{
        }
        
        .mainBlockInform{
            border: none;
        }
        
        .blockInform, .news{
            padding: 0 30px;
        }
        
        .news{
            border-left: 1px solid #D6D6D6;
        }
        
            .blockInform h2, .news h2{
                margin-bottom: 40px;
            }
        
            .blockInform div, .news div{
                margin-bottom: 30px;
            }
        
                .mainBlockInform h4, .mainNews h4{
                    font-weight: bold;
                }
                
                .mainNews h4{
                    margin: 0;
                }
                
                .mainBlockInform a, .mainNews a{
                    color: #000;
                }
                
                .mainBlockInform p{
                    margin: 0;
                }
                
                .mainNews span{
                    color: #868686;
                    display: block;
                    margin-bottom: 5px;
                    font-size: 15px;
                }
                
            .details{
                text-align: right;
            }
            
                .details a{
                    color: #878787;
                }
                
    .groupLinks{
        background: #00C4F4;
        width: 230px;
        float: right;
        border-radius: 8px 0 0 8px;
    }
    
        .groupLinks div{
            padding: 22px 15px 5px 15px;
        }
        
            .groupLinks div p{
                margin-bottom: 20px;
            }
            
                .groupLinks div p a{
                    color: #fff;
                    font-size: 14px;
                    text-shadow: 1px 1px 0 #009cc5;
                }
/*Блок (mainBlockText)*/
.mainBlockText{
    padding: 40px 0 60px;
    background: #fff url(/data/img/textBlockBg.jpg) left top repeat-x;
    border-top: 1px solid #DEDEDE;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}

    .mainBlockText {
        order: 1;
    }
    
    .mainBlockText h2{
        margin-bottom: 20px;
    }

    .mainBlockGallery{
        order: 2;
        width: 340px;
        min-width: 340px;
        margin-left: auto;
        padding-right: 5px;
        display: block;
    }
    
        .gallery{
            width: 50%;
            float: left;
        }
        
            .gallery div{
                margin: 0 20px 20px 0;
            }
            
                .gallery div a{
                    display: block;
                    border: 3px solid #fff;
                    box-shadow: 0 0 4px 0 #D3D3D3;
                }
                
                    .gallery div a img{
                        display: block;
                        width: 100%;
                        height: auto !important;
                    }
                    
    .textBlock{
        
    }
    
        .text{
            padding: 0 30px;
            font-size: 14px;
        }
        
            .text p{
                margin-bottom: 10px;
            }
.mainFooter{
    width: 100%;
    background: url(/data/img/grassBg_2.png) left bottom repeat-x;
}

    .footer{
        border-top: 5px solid #00beef;
        background: url(/data/img/footerBg.jpg) left top repeat;
        padding: 10px;
        width: calc(100% - 20px);
        box-shadow: 3px 0 4px 0 #d7d7d7,
                    -3px 0 4px 0 #d7d7d7;
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: space-between;
    }
    
        .copyright{
            font-size: 15px;
            color: #fff;
            text-shadow: 1px 1px 0 #9f9f9f;
        }
        
            .copyright p{
                display: block;
                font-size: 15px;
                color: #fff;
                text-shadow: 1px 1px 0 #9f9f9f;
                margin:0;
                margin-top: 10px;
            }
            
        .phoneFooter{
            margin-left: auto;
        }
        
            .phoneFooter a{
                display: table;
                font-size: 24px;
                color: #fff;
                text-decoration: none;
                margin-top: 5px;
                text-shadow: 1px 1px 0 #9f9f9f;
                cursor: default;
            }
            
        .logoFooter{
            display: block;
            margin: 0 auto;
        }
        
        .footerMenu{
            margin: 0 auto;
        }
        
            .footerMenu li{
                margin-bottom: 2px;
            }
            
                .footerMenu li a{
                    color: #fff;
                    text-shadow: 1px 1px 0 #9f9f9f;
                }

.innerBlockSubmenu {
    height:60px;
}
                
.innerBlockText,
.product-row {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}
    
    .product-info {
        padding-left: 20px;
    }
    
    .pageBlock {
        
    }
    
    .sideBlock {
        width: 250px;
        min-width: 250px;
        margin-left: auto;
        padding: 20px 20px 0 0;
    }
    
#news_side li{
    margin:0 0 12px 0;
}    
    
    #news_side span{
        color:#7d7d7d;
        display:block;
    }    

.breadcrumbs {
    position:relative;
    padding-left:30px;
    color:#7d7d7d;
    margin:-15px 0 10px 0;
}

    .breadcrumbs p{
        display:inline-block;float:left;
        margin:0 12px 0 0;
        padding:0 0 0 20px;
        background:url(/data/img/breadcrumbs.png) no-repeat center left;
    }
    
    .breadcrumbs p.home{
        background-image:url(/data/img/breadcrumbs_home.png);
    }
    
    .breadcrumbs a{
        color:#7d7d7d;
        font-size:13px;
    }
    
.itext {
    padding:3px;
}

#gallery_photo .galItem {
    width:200px;
    height:150px;
    float:left;
    overflow:hidden;
    margin:0 8px 10px 0;
    border:2px solid #eee;
}

#gallery_photo .galItem img {
    width:100%;
}

#galleries li {
    width:195px;
    height:200px;
    float:left;
    overflow:hidden;
    margin:0 15px 10px 0;
}

    #galleries li div {
        width:196px;
        height:145px;
        overflow:hidden;
        border:2px solid #eee;
        margin:0 0 5px 0;
    }

    #galleries img {
        width:100%;
    }
    
#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
.window {position:absolute;left:0;top:0;width:440px;height:200px;z-index:9999;padding:20px;display:none;background-color:#fff;}
.hidden {display:none;}
#mod_error {height:auto;font-size:15px;font-family:'Clear Sans';font-weight:400;cursor:pointer;border:2px solid #ff0000;-webkit-box-shadow:0px 0px 5px #444;-moz-box-shadow:0px 0px 5px #444;box-shadow:0px 0px 5px #444;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#mod_error p {margin:4px 0;}
#mod_close {font-weight:bold;font-size:13px;color:#fff;position:absolute;top:20px;left:50%;margin:0 0 0 450px;z-index:9999;text-decoration:none;display:none;}
#mod_close:hover {color:#a80000;}

.form-error {border:1px solid #f80000 !important;}

.form_mask {position:absolute;left:0;top:0;z-index:900;background-color:#000;width:100%;height:100%;display:none;}
.form_window,#form_window,#form_order {
    position:absolute;background-color:#fff;padding:20px;top:200px;left:50%;margin:0 0 0 -330px;z-index:999;width:660px;height:auto !important;display:none;
    -moz-border-radius:5px;-webkit-border-radius:5px;o-border-radius:5px;border-radius:5px;
}
.form_window .form_caption {position:absolute;top:-12px;left:30px;font-size:12px;font-weight:bold;color:#787878;}
.form_window .form_close {width:20px;height:20px;position:absolute;top:10px;right:10px;text-decoration:none;display:block;font-family:'Clear Sans';font-size:18px;font-weight:300;z-index:99;}
.form_window .form_close:hover {color:#f80000;}
.form_window #form_target {padding:0;position:relative;}
.form_window .form_loading {position:absolute;top:50%;left:50%;}
.form_window h1 {margin-top:6px;}

.pages {
    position:relative;
}
.pages .imgshadow {
    -moz-box-shadow: 0 0 5px 0 #afafaf;
    -webkit-box-shadow: 0 0 5px 0 #afafaf;
    box-shadow: 0 0 5px 0 #afafaf;
}

.sideMenu {
    background:#00c4f4;    
    margin:0 0 20px -10px;
    padding:10px 0;
    width:280px;
    border-radius:5px 0 0 5px;
}

    .sideMenu li{
        
    }
    
    .sideMenu li a{
        color:#fff;
        display:block;
        padding:5px 10px 5px 20px;
        text-shadow:0 0 3px #0084a3;
    }
    
    .sideMenu li a:hover,.sideMenu .current a{
        background:#0084a3;
        text-decoration:none;
    }

body:after {  content: url(/data/img/lightbox/close.png) url(/data/img/lightbox/loading.gif) url(/data/img/lightbox/prev.png) url(/data/img/lightbox/next.png);  display: none;}
.lightboxOverlay {  position: absolute;  top: 0;  left: 0;  z-index: 9999;  background-color: black;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  opacity: 0.8;  display: none;}
.lightbox {  position: absolute;  left: 0;  width: 100%;  z-index: 10000;  text-align: center;  line-height: 0;  font-weight: normal;display: none;}
.lightbox .lb-image {  display: block;  height: auto;  max-width: inherit;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}
.lightbox a img {  border: none;}

.lb-outerContainer {  position: relative;  background-color: white;  *zoom: 1;  width: 250px;  height: 250px;  margin: 0 auto;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;}
.lb-outerContainer:after {  content: "";display: table;  clear: both;}
.lb-container {  padding: 4px;}
.lb-loader {  position: absolute;  top: 43%;  left: 0;
  height: 25%;  width: 100%;  text-align: center;  line-height: 0;
}
.lb-cancel {  display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url(/data/img/lightbox/loading.gif) no-repeat;}
.lb-nav {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 10;}
.lb-container > .nav {  left: 0;}
.lb-nav a {  outline: none;  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {  height: 100%;  cursor: pointer;  display: block;}
.lb-nav a.lb-prev {  width: 34%;  left: 0;  float: left;  background: url(/data/img/lightbox/prev.png) left 48% no-repeat;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {  width: 64%;  right: 0;  float: right;  background: url(/data/img/lightbox/next.png) right 48% no-repeat;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-dataContainer {  margin: 0 auto;  padding-top: 5px;  *zoom: 1;  width: 100%;  -moz-border-radius-bottomleft: 4px;  -webkit-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px;  -webkit-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}
.lb-dataContainer:after {  content: "";  display: table;  clear: both;}
.lb-data {  padding: 0 4px;  color: #ccc;}
.lb-data .lb-details {  width: 85%;  float: left;  text-align: left;  line-height: 1.1em;}
.lb-data .lb-caption {  font-size: 13px;  font-weight: bold;  line-height: 1em;}
.lb-data .lb-number {  display: block;  clear: left;  padding-bottom: 1em;  font-size: 12px;  color: #999999;}
.lb-data .lb-close {  display: block;  float: right;  width: 30px;  height: 30px;  background: url(/data/img/lightbox/close.png) top right no-repeat;  text-align: right;  outline: none;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;  -webkit-transition: opacity 0.2s;  -moz-transition: opacity 0.2s;  -o-transition: opacity 0.2s;  transition: opacity 0.2s;}
.lb-data .lb-close:hover {  cursor: pointer;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}

/*.mosaicflow__column {
    float:left;
    }

.mosaicflow__item {
    position:relative;
    margin-bottom:20px;
    }
    .mosaicflow__item img {
        display:block;
        width:100%;
        max-width:500px;
        height:auto;
        }*/
        
.cat_back {margin-bottom:10px;}
#item_photo {width:150px;float:left;padding-top:10px;}
#item_photo img {width:100%;}
#item_photo .iphide {display:none;}
#item_div {width:620px;float:right;}
#item_div h1 {margin-top:0;}

#item_div ul {list-style:circle;}
#item_div td ul {list-style:none;}

#items_category {padding-left:30px;}
#items_category li {width:160px;float:left;margin:0 20px 20px 0;}
.cat_title {display:block;border:1px solid #0087b7;width:160px;}
.cat_title span {padding:6px 10px;display:block;text-decoration:none;line-height:18px;}
.cat_title:hover span {color:#fff;background:#0087b7;}
.cat_title div {border-bottom:1px solid #0087b7;display:block;width:160px;height:130px;overflow:hidden;}
.cat_title div img {width:100%;}

.form_row {margin-bottom:5px;}
#enter_login .form_row {padding:0 0 0 120px;}
#enter_login .form_row label {margin:0 0 0 -120px;width:100px;float:left;}

.page-block{
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
         -o-border-radius:3px;
            border-radius:3px;
    background: #e9f6fd;
    background: -moz-linear-gradient(top,  #e9f6fd 0%, #d3eefb 100%);
    background: -webkit-linear-gradient(top,  #e9f6fd 0%,#d3eefb 100%);
    background: linear-gradient(to bottom,  #e9f6fd 0%,#d3eefb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 );
    text-align:center;
    padding:6px 0 0 0;
    border:1px solid #d3eefb;
    box-shadow: 0 0 10px 0 #efefef;
    margin:24px 0;
}

    .page-block p{
        display:inline-block;
        font-size:20px;
    }
            
        .page-block p span{
            font-size:15px;
        }
        
    .page-block .newsubmit{
        vertical-align:top;
        margin-left:10px;
    }

.wa-link {
    display: inline-block;
    margin-top: 10px;
}

.wa_mobile {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 25px;
    right: 25px;
    background: #25D366;
    cursor: pointer;
    z-index: 9;
    -webkit-box-shadow: 0 0 15px 0 rgba(30, 30, 30, 0.05);
       -moz-box-shadow: 0 0 15px 0 rgba(30, 30, 30, 0.05);
            box-shadow: 0 0 15px 0 rgba(0, 160, 60, 0.1);
}

    .wa_mobile a,
    .wa-icon {
        background: #25D366 url(/data/img/icon_wa.svg) no-repeat center;
        background-size: auto 80%;
    }
        
    .wa_mobile a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
        .wa-icon {
            position: relative;
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 5px;
            margin-left: 2px;
            margin-bottom: -5px;
            text-decoration: none;
        }
        
    .phone,
    .phone:hover {
        text-decoration: none;
        color: #000;
        font-weight: 500;
        cursor: default;
    }

@media (max-width: 989px){
    .container {
        padding: 0 10px;
    }
    
        .grass {
            margin: 0 -10px;
            width: calc(100% + 20px);
        }
    
    .info-header {
        background-size: auto 100%;
    }
    
    .head-line {
        flex-wrap: wrap;
    }
    
        .logotype{
            order: 1;
        }

        .slogan {
            order: 3;
            width: 100%;
            text-align: center;
            padding: 5px 0;
        }
        
            .slogan br {
                display: none;
            }

        .contact-block{
            order: 2;
        }
    
    .menuWrapp {
        background: rgb(0,172,216);
        background: -moz-linear-gradient(0deg, rgba(0,172,216,1) 0%, rgba(0,179,220,1) 50%, rgba(26,186,224,1) 51%, rgba(26,187,224,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,172,216,1) 0%, rgba(0,179,220,1) 50%, rgba(26,186,224,1) 51%, rgba(26,187,224,1) 100%);
        background: linear-gradient(0deg, rgba(0,172,216,1) 0%, rgba(0,179,220,1) 50%, rgba(26,186,224,1) 51%, rgba(26,187,224,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00acd8",endColorstr="#1abbe0",GradientType=1);
    }
    
        .menuWrapp:before {
            display: none;
        }
    
        .lightMenu .menu {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
        
            .lightMenu::before,
            .menuWrapp::after,
            .menu::before {
                display: none;
            }
        
        .lightMenu a.mail {
            display: none;
        }
    
    .bottom-header h1 {
        font-size: 28px;
    }
    
    .mainBlockQuestion {
        margin-right: -10px;
    }
}

@media (max-width: 890px){
    .bottom-header {
        padding: 50px 0;
    }
    
    .bottom-header h1 {
        padding: 10px;
        background: url("../img/blank.png") 0 0;
    }
    
        .bottom-header h1 br {
            display: none;
        }
        
        .bottom-header h1 span {
            display: inline;
            background: transparent;
            padding: 0;
            margin: 0;
        }
        
        .bottom-header h1 span:first-child {
            padding-bottom: 0;
        }
    
    .welcome-row {
        margin-top: 50px;
    }
    
    .sources {
        padding: 10px 0;
    }
    
        .sources h2 {
            font-size: 20px;
        }
        
    .innerBlockText {
        flex-direction: column;
        padding-bottom: 50px;
    }

    
    .sideBlock {
        order: 1;
    }
    
    .pageBlock {
        order: 2;
    }
    
    #news_sidebar {
        display: none;
    }
    
    .sideBlock {
        width: 100%;
        margin: 0 0 30px 0;
    }
    
        .sideMenu {
            margin: 0;
            width: calc(100% - 20px);
            border-radius: 5px;
            padding: 10px;
        }
}

@media (max-width: 767px){
    .wa_mobile {
        display: block;
        right: auto;
        bottom: 0;
        left: 0;
    }

    .lightMenu ul.menu {
        display: none;
    }
    
    #menuBlock {
        padding: 0;
    }
    
    .lightMenu ul.menu {
        transition: all .3s ease-in-out;
    }
    
    .lightMenu ul.menu {
        display: none;
    }
    
    .lightMenu .active ul.menu {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        background: #00b0da;
        padding: 10px 0;
    }
    
        .lightMenu .active ul.menu li a {
            border: 0;
        }
        
        .lightMenu .active .menu li a::before,
        .menu li:last-child a::after {
            display: none;
        }
    
    #pull {
        display: block;
        padding: 10px 20px;
        display: flex;
        cursor: pointer;
        align-items: center;
    }
    
        #pull label {
            color: #fff;
            font-size: 16px;
            margin-left: 15px;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
        }
    
    #menuBlock .btn {
      display: inline-block;
      width: 40px;
    }

    #menuBlock .btn span {
      display: block;
      width: 100%;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
      border-radius: 3px;
      height: 4px;
      background: #fff;
      transition: all .3s;
      position: relative;
    }

    #menuBlock .btn span + span {
      margin-top: 6px;
    }

    #menuBlock span:nth-child(1) {
      animation: ease .7s top-2 forwards;
    }

    #menuBlock span:nth-child(2) {
      animation: ease .7s scaled-2 forwards;
    }

    #menuBlock span:nth-child(3) {
      animation: ease .7s bottom-2 forwards;
    }

    #menuBlock.active span:nth-child(1) {
      animation: ease .7s top forwards;
    }

    #menuBlock.active span:nth-child(2) {
      animation: ease .7s scaled forwards;
    }

    #menuBlock.active span:nth-child(3) {
      animation: ease .7s bottom forwards;
    }

    @keyframes top {
      0% {
        top: 0;
        transform: rotate(0);
      }
      50% {
        top: 11px;
        transform: rotate(0);
      }
      100% {
        top: 11px;
        transform: rotate(45deg);
      }
    }

    @keyframes top-2 {
      0% {
        top: 11px;
        transform: rotate(45deg);
      }
      50% {
        top: 11px;
        transform: rotate(0deg);
      }
      100% {
        top: 0;
        transform: rotate(0deg);
      }
    }

    @keyframes bottom {
      0% {
        bottom: 0;
        transform: rotate(0);
      }
      50% {
        bottom: 9px;
        transform: rotate(0);
      }
      100% {
        bottom: 9px;
        transform: rotate(135deg);
      }
    }

    @keyframes bottom-2 {
      0% {
        bottom: 11px;
        transform: rotate(135deg);
      }
      50% {
        bottom: 11px;
        transform: rotate(0);
      }
      100% {
        bottom: 0;
        transform: rotate(0);
      }
    }

    @keyframes scaled {
      50% {
        transform: scale(0);
      }
      100% {
        transform: scale(0);
      }
    }

    @keyframes scaled-2 {
      0% {
        transform: scale(0);
      }
      50% {
        transform: scale(0);
      }
      100% {
        transform: scale(1);
      }
    }
    
    .adv {
        font-size: 18px;
        line-height: 20px;
        padding-left: 70px;
        margin-bottom: 30px;
    }
    
    .mainBlockText {
        flex-direction: column;
    }
    
    .mainBlockGallery{
        order: 2;
        width: calc(100% - 40px);
        min-width: 0;
        margin: 40px 0 0;
        padding: 0 20px;
    }
    
    .footer {
        flex-direction: row;
        flex-wrap: wrap;
    }
    
        .footer .elem {
            order: 3;
        }
        
        .logoFooter {
            order: 1;
            width: 100%;
            margin: 0 auto 20px auto;
            text-align: center;
        }
        
        .elem.copyright {
            max-width: 45%;
        }
        
        .footer .elem.footerMenu {
            order: 2;
            width: 100%;
            margin: 0 auto 20px auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .phoneFooter {
            max-width: 45%;
        }
        
            .phoneFooter a {
                display: block;
                font-size: 20px;
            }
}

@media (max-width: 640px){
    .sources {
        flex-direction: column;
        flex-wrap: wrap;
    }
    
        .sources > div {
            width: 100%;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            margin: 0 0 12px 0;
        }
        
        .mcImg{
            display:block;
            height: auto;
            width: 100%;
            max-width: 130px;
            position: relative;
            bottom: auto;
            left: auto;
            order: 2;
        }
        
        div.mcrow {
            padding: 15px 10px 0 15px;
        }
        
    .page-row {
        flex-direction: column;
    }
    
        .mainBlockQuestion{
            width: 100%;
            padding-left: 11px;
            margin: 30px 0 0 0;
            background: url(/data/img/borderQuestion.png) left top repeat-y;
            border-radius: 7px 0 0 7px;
        }
        
            .expert {
                padding: 120px 0 0 0;
                background-position: top center;
                font-size: 16px;
                color: #000;
                text-align: center;
            }
            
    .product-row {
        flex-direction: column;
    }
    
    .product-info {
        padding: 20px 0 0 0;
    }
    
        .product-img img {
            width: auto!important;
            width: height!important;
        }
}

@media (max-width: 580px){
    .wa_mobile {
        width: 100%;
    }

    .head-row {
        width: 100%;
        order: 1;
        margin: 0 auto;
        text-align: center;
    }
    
        .slogan {
            max-width: 300px;
            font-size: 1.1em;
            padding: 5px 0;
        }
        
        .head-row .callback {
            display: inline-block;
            margin: 10px auto 5px auto;
        }
        
    .bottom-header h1 {
        font-size: 24px;
        line-height: 32px;
    }
    
    .welcome-row {
        flex-direction: column;
    }
    
    .formWrapp {
        margin: 0 auto;
    }
    
    .form_window {
        width: auto!important;
        width: calc(100% - 60px)!important;
        margin: 0 10px !important;
        max-width: 100%;
        top: 100px;
        left: 0;
    }
    
        .formrow {
            width: 100%!important;
            float: none!important;
        }
        
        .itext {
            width: 100%;
            max-width: 100%;
        }
        
        #mod_error {
            max-width: 100%;
            width: calc(100% - 60px)!important;
        }
}

@media (max-width: 420px){
    .mcImg {
        display: none;
    }
    
    .footer .elem {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    
    .phoneFooter {
        margin: 30px 0 0 0;
    }
    
    .footer .elem.footerMenu {
        width: 100px;
        margin: 0 auto 20px auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}