html {
        height: 100%;
        width: 100%;
    }

    body {
        height:         100%;
        padding: 0;
        color: #383838;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        max-width: 1950px;
        margin: 0 auto;
        background-color: #f3f3f3;

    }

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

    a {

        color: inherit;
        text-decoration: none;
    }


    img{
        border: 0;
    }

    .pagetext {

    }

    .pagetext h1 {

    }

    #html_container {
        min-height: 100%;

        background-repeat: repeat-x;
        background-position: top;
    }


    h1, h2, h3, p {
        padding: 0;
        margin: 0;
    }

    .wrapper {
        width: 1200px;
        margin: 0 auto;
        height: auto !important;
    }

    @media screen and (max-width: 1200px) {
        .wrapper {
            width: 980px;
        }
    }




div.clearer {
    clear:               both;
    overflow:            hidden;
    zoom:                1;
    height:              0; /* ie */
}

.footer_marginer {
    height: 300px;
}

div.metrika_code {
    display: none;
}

.btn {
    padding: 0;
    outline: none;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.2s ease-in;
}

.btn:hover {
    transition: background-color 0.2s ease-in;
}

.btn-type1 {
    background-color:  #be0826;
    border-bottom: 4px solid #7c020d;
}

.btn-type1:hover {
    background-color: #7c020d;
}

    .btn-type2 {
        border-radius: 40px;
        background-color: #09518f;
        border-bottom: 4px solid #022860;
        font-size: 18px;
    }

    .btn-type2:hover {
        background-color: #022860;
    }

    .title {
        font-weight: 300;
        font-size: 60px;
        color: #181818;
        line-height: 70px;
        text-align: center;
    }




/*шапка*/
    .head {
        background: #f3f3f3;
    }

    .head__container {
        position: relative;
        height: 120px;
        line-height: 120px;
        z-index: 2;
    }

    /*.logo {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 4px solid #f3f3f3;
        position: absolute;
        top: 0;
        left: 0;
        background: url("/img/logo.png") no-repeat center;
    }*/

    .logo {
        width: 160px;
        height: 80px;

        position: absolute;
        top: 15px;
        left: 0;
        background: url("/img/logo.jpg") no-repeat center;
    }



    .logo-text,
    .menu,
    .head__btn {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }


    .logo-text {
        display: inline-block;
        vertical-align: middle;
        font-size: 30px;
        line-height: 36px;
        font-weight: 900;
        margin-left: 205px;
        margin-top: 12px;
    }

    .logo-text span {
        font-weight: normal;
        font-size: 24px;
    }

    .menu {
        float: right;
        margin-top: 24px;
        height: 50px;
        line-height: 50px;
    }


    .menu-item {
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        margin-right: 60px;
        font-size: 16px;
        text-transform: uppercase;
        color: #084c87;
    }

    .menu-item:hover {
        color: #00649d;
    }

    .menu-item:hover span {
        border-bottom: none;
    }

    .menu-item span {
        border-bottom: 1px dotted #084c87;
    }

    .head__btn {
        width: 260px;
        height: 50px;
        line-height: 50px;
    }

    .head__btn span {
        display: inline-block;
        vertical-align: middle;
    }

    .icon-phone {
        position: relative;
        top: -2px;
        margin-right: 5px;
        width: 16px;
        height: 16px;
        background: url(/img/icon-phone.png) no-repeat center;
    }

    @media screen and (max-width: 1200px) {
        .menu-item {
            margin-right: 20px;
        }

        .head__btn {
            width: 230px;
        }
    }

    .top {
        min-width: 1200px;
        margin: 0 auto;
    }

    @media screen and (max-width: 1200px) {
        .top {
            min-width: 980px;
        }
    }

    .part {
        float: left;
        width: 50%;
        height: 630px;
        background: #f3f3f3;
        padding-bottom: 70px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .part.part-right--top {
        line-height: 560px;
        text-align: right;
    }

    .part__content {
        width: 100%;
        max-width: 600px;
        min-width: 490px;
    }

    @media screen and (max-width: 1200px) {
        .part__content {
            width: 490px;
        }
    }

    .part-left .part__content {
        float: right;
    }

    .part-right .part__content {
        float: left;
    }

    .part-left--top:first-child {
        background: #be0826;
        padding-top: 75px;
        padding-bottom: 60px;
    }

    .part-left--top:last-child {
        background: white;
        padding: 50px 0;
    }

    .part-right--top {
        position: relative;
    }

    .part-right--top:before {
        content: '';
        display: block;
        position: absolute;
        height: 110%;
        width: 110%;
        background: url("/img/top-bg.png") no-repeat left bottom;
        bottom: 0;
        right: 0;
    }

    .top-title {
        font-weight: 900;
        font-size: 52px;
        color: white;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 72px;
    }

    @media screen and (max-width: 1200px) {
        .top-title {
            font-size: 42px;
        }
    }


    .top-info {
        border-radius: 30px;
        color: white;
        width: 490px;
        margin-top: 51px;
        height: 60px;

        line-height: 60px;
        background-color: #9b051e;
        font-style: italic;
        text-align: center;
    }

    .top-info span {
        font-weight: 900;
    }

    .btn-record {
        height: 70px;
        line-height: 70px;
        position: relative;
        width: 490px;
    }

    .btn-record:before {
        content: '';
        width: 60px;
        height: 40px;
        display: block;
        position: absolute;
        top: 13px;
        left: -82px;
        background: url("/img/icon-hand.png") no-repeat center;
        z-index: 1;
    }

    @media screen and (max-width: 1200px) {
        .top-info,
        .btn-record {
            width: 460px;
        }
    }


    .top-descr {
        line-height: normal;
        display: inline-block;
        vertical-align: middle;
        width: 83.33%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-weight: 900;
        font-size: 24px;
        color: #181818;
        background: #f3f3f3;
        padding: 40px 20px 44px 70px;
        text-align: left;
        position: relative;
        z-index: 2;
    }

    .about__title {
        text-align: left;
        margin-bottom: 58px;
    }

    .part--about {
        height: 550px;
    }

    .part-left--about .part__content--about {
        position: relative;
    }

    .part-left--about .part__content--about:before {
        content: '';
        display: block;
        position: absolute;
        left: -312px;
        top: 40px;
        width: 312px;
        height: 508px;
        background: url('/img/about-children.jpg') no-repeat bottom;
    }

    @media screen and (max-width: 1200px) {
        .part-left--about .part__content--about:before {
           display: none;
        }
    }





    .part-item {
        font-size: 0;
        margin-bottom: 20px;
    }

    .about__part-item {
        height: 140px;
        line-height: 140px;
    }

    .part-right--about {
        background: #084c87;
        padding-top: 40px;
     }

    .part__content--about {
        margin-left: 60px;
    }

    .part-item__left,
    .part-item__right {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }

    .part-item__left {
        border-radius: 50%;
        
    }
    
    .part-item__left--about {
        height: 100px;
        width: 100px;
    }

    .part-item__right {
        margin-left: 30px;
        font-size: 22px;
        color: #181818;
        width: 380px;
        line-height: 31px;
    }

    @media screen and (max-width: 1200px) {
        .part__content--about .part-item__right {
           width: 330px;
        }
    }




    .about__part-item1 .part-item__left {
        background: url("/img/about-item1.png") no-repeat  center #09518f;
    }

    .about__part-item2 .part-item__left {
        background: url("/img/about-item2.png") no-repeat  center #09518f;
    }


    .about__part-item3 .part-item__left {
        background: url("/img/about-item3.png") no-repeat  center white;
    }

    .about__part-item4 .part-item__left {
        background: url("/img/about-item4.png") no-repeat  center white;
    }

    .about__part-item5 .part-item__left {
        background: url("/img/about-item5.png") no-repeat center white;
    }


    .part-right--about .part-item__right {
        color: white;
    }

    .contacts__container {
        padding-bottom:  160px;
        position: relative;
    }

    .contacts__title {
        padding: 54px 0 22px;
    }

    .part-column {
        display: inline-block;
        width: 590px;
        vertical-align: top;
    }

    .part-column1 {
        margin-right: 16px;
    }

    @media screen and (max-width: 1200px) {
        .part-column {
            width: 49%;
        }

    }


    .contacts__part-item {
        position: relative;
        z-index: 3;
        background: white;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        padding: 40px;
        padding-top: 0;
        padding-right: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }                    
    
     .contacts__part-item:last-child {
       margin-right: 0;
     }

    .part-item__left--contacts,
    .part-item__right--contacts {
        vertical-align: top;
    }
    
    .part-item__left--contacts{
        border-radius: 50%;
        width: 145px;
        height: 145px;
        margin-top: 40px;
    }

    .part-item__right--contacts {
        margin-left: 25px;
    }

    @media screen and (max-width: 1200px) {
        .part-item__right--contacts,
        .contacts__part-item4 .part-item__right--contacts {
            width: 250px;
        }

    }

    .part-item__descr {
        padding-top: 40px;
        position: relative;
    }

    .part-item__descr:nth-child(2):before {
        content: '';
        display: block;
        height: 1px;
        width: 100%;
        background-color: #f0f0f0;
        position: absolute;
        top: 20px;
        left: 0;
    }

    .contacts__part-item4 {
        background-color: #f7e289;
    }

    .contacts__part-item1 .part-item__left--contacts{
        background: url("/img/contacts-icon1_new.jpg") no-repeat center;
    }

    .contacts__part-item2 .part-item__left--contacts{
        background: url("/img/contacts-icon2_new.jpg") no-repeat center;
    }

    .contacts__part-item3 .part-item__left--contacts{
        background: url("/img/contacts-icon3.png") no-repeat center;
    }

    .contacts__part-item4 .part-item__left--contacts{
        background: url("/img/contacts-icon4_new.jpg") no-repeat center;
    }

    .contacts__part-item5 .part-item__left--contacts{
        background: url("/img/contacts-icon5.png") no-repeat center;
    }

    .contacts__part-item6 .part-item__left--contacts{
        background: url("/img/contacts-icon6.jpg") no-repeat center;
    }

    .contacts__part-item7 .part-item__left--contacts{
        background: url("/img/contacts-icon7.jpg") no-repeat center;
    }

    .contacts__part-item8 .part-item__left--contacts{
        background: url("/img/contacts-icon8.jpg") no-repeat center;
    }

    .contacts__part-item9 .part-item__left--contacts{
        background: url("/img/contacts-icon9.jpg") no-repeat center;
    }

    .contacts__part-item10 .part-item__left--contacts{
        background: url("/img/contacts-icon10.jpg") no-repeat center;
    }

    .contacts__part-item11 .part-item__left--contacts{
        background: url("/img/contacts-icon11.jpg") no-repeat center;
    }

    .contacts__part-item12 .part-item__left--contacts{
        background: url("/img/contacts-icon12.jpg") no-repeat center;
    }

    .contacts-name {
        display: inline-block;
        color: #084c87;
        margin-top: 10px;
        font-weight: 900;
    }
    
    .contacts-rank {
        display: block;
        font-style: italic;
        font-size: 18px;
        font-weight: 400;
    }
    f
    .contacts-rank span {
        display: inline-block;
        vertical-align: middle;
    }
    .icon {
        display: inline-block;
         vertical-align: middle;
    }
    
    .contacts-rank__icon {
        width: 20px;
        height: 20px;
        background: url("/img/medal.png") no-repeat;
        
    }
    
    .contacts-phone {
        margin-top: 5px;
        display: block;
        font-weight: 900;
    }
    
    .contacts-phone__icon {
        margin-right: -3px;
        height: 22px;
        width: 22px;
        background: url("/img/contacts-phone.png") no-repeat;
    }

    .contacts__part-item4 .part-item__right--contacts {
        margin-left: 0;
        width: 370px;
    }

    .contacts-feedback,
    .contacts-promo {
        position: absolute;
        z-index: 1;
        bottom: 0
    }

    .contacts-feedback {
        left: 0;
        height: 330px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 630px;
        background: url("/img/form-bg.jpg") no-repeat right bottom;
        padding: 30px;
        border: 1px solid #ddd8d1;
    }

    .contacts-feedback__title {
        font-weight: 900;
        font-size: 38px;
    }


    .form-input,
    .contacts-form__btn {
        width: 310px;
        height: 50px;
        line-height: 50px;
        display: block;
        margin-top: 20px;
    }

    .form-input {
        font-style: italic;
        outline: none;
        border-radius: 30px;
        border: 1px solid #ddd8d1;
        padding-left: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .contacts-promo {
        width: 570px;
        box-sizing: border-box;
        font-size: 18px;
        font-style: italic;
        right: 0;
        padding-bottom: 80px;
        padding-left: 100px;
        padding-right: 20px;
        background: url("/img/arrow.png") no-repeat 20px 90px;
    }

    .contacts-promo span {
        font-weight: 900;
        font-style: italic;

    }


    @media screen and (max-width: 1200px) {
        .contacts-feedback {
            width: 530px;
        }

        .contacts-promo {
            width: 450px;
        }

    }


    .advantage {
        position: relative;
        height: 950px;
        background: url("/img/adv-bg.png") no-repeat center #f3f3f3;
        box-sizing: border-box;
        padding-top: 70px;
        overflow: hidden;
    }

    .advantage:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -100px;
        left: 50%;
        margin-left: -300px;
        width: 600px;
        height: 900px;
        z-index: 1;
        background: url("/img/girl.png") center bottom;
    }

    .advantage__title span {
        font-weight: 900;
    }

    .advantage__row {
        font-size: 0;
        text-align: center;
    }

    .advantage__row1 {
        margin-top: 55px;
    }

    .advantage__row2 {
        margin-top: 75px;
    }

    .advantage__row3 {
        margin-top: 85px;
    }

    .advantage-item {
        position: relative;
        z-index: 2;
        height: 150px;
        width: 456px;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .advantage-item1 {
        background: url("/img/adv-item.png") no-repeat top left;
        width: 545px;
        padding-left: 135px;
    }

    .advantage-item2 {
        background: url("/img/adv-item2.png") no-repeat top right;
        width: 545px;
        padding-left: 265px;
    }


    .advantage-item3 {
        background: url("/img/adv-item3.png") no-repeat top left;
        width: 545px;
        padding-left: 110px;
        margin-right: 80px;
    }

    .advantage-item4 {
        background: url("/img/adv-item4.png") no-repeat top right;
        width: 545px;
        padding-left: 250px;
        margin-left: 80px;
    }


    .advantage-item5 {
        background: url("/img/adv-item5.png") no-repeat top left;
        width: 545px;
        padding-left: 125px;
        margin-right: 35px;
    }

    .advantage-item6 {
        background: url("/img/adv-item6.png") no-repeat top right;
        width: 545px;
        padding-left: 290px;
        margin-left: 35px;
    }

    .advantage-text {
        font-size: 15px;
        text-align: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .advantage-item1 .advantage-text {
        width: 210px;
        padding-top: 15px;
    }

    .advantage-item2 .advantage-text {
        width: 250px;
        padding-top: 15px;
    }

    .advantage-item3 .advantage-text {
        width: 270px;
        padding-top: 20px;
    }

    .advantage-item4 .advantage-text {
        width: 265px;
        padding-top: 20px;
    }


    .advantage-item5 .advantage-text {
        width: 250px;
        padding-top: 20px;
    }


    .advantage-item6 .advantage-text {
        width: 250px;
        padding-top: 20px;
    }



    @media screen and (max-width: 1200px) {
        .advantage-item3,
        .advantage-item4,
        .advantage-item5,
        .advantage-item6 {
            width: 445px;
        }

        .advantage-item4 {
            padding-left: 150px;
        }

    }

    .feedback-bottom {
        background: transparent;
        position: relative;
        margin-top: -70px;
        z-index: 2;
    }

    .feedback-bottom__container {
        font-size: 0;
    }

    .feedback-bottom__left,
    .feedback-bottom__right {
        display: inline-block;
        width: 50%;
        height: 140px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

    }


    .feedback-bottom__left {
        background-color: #9b051e;
        color: white;
        font-size: 22px;
        padding: 40px;
    }

    @media screen and (max-width: 1200px) {
        .feedback-bottom__left {
            padding: 30px;
        }
    }

    .feedback-bottom__right {
        text-align: center;
        vertical-align: top;
        background-color: white;
        line-height: 140px;
    }
    .feedback-bottom__left span {
        font-weight: 900;
    }

    .feedback-bottom__btn {
        width: 380px;
        height: 60px;
        line-height: 60px;
        vertical-align: middle;
    }

.footer {
    background: url("/img/footer-bg.jpg") top left;
    color: #181818;
    margin-top: -70px;
    padding-top: 70px;
}

    .footer-container {
        font-size: 0;
    }

    .footer-part {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        font-size: 15px;
        height: 100px;
        line-height: 100px;
        vertical-align: middle;
    }

    .footer-part__right {
        font-size: 0;
        width: 60%;
    }

    .footer-item {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        font-size: 15px;
        vertical-align: middle;
    }
    .footer-item.footer-item1 a:hover{
        color: #44668c;
    }

    .footer-item1 {
        text-align: left;
        width: 60%;
    }

    .icon-vk {
        height: 35px;
        width: 35px;
        border-radius: 50%;
        background: url("/img/vk-logo.png") no-repeat center #44668c;
    }
    .icon-ig {
        height: 35px;
        width: 35px;
        background: url("/img/ig-logo.png") no-repeat left center;
    }
    .footer_social_vk{
        margin-right: 20px;
    }
    .footer-item a.footer_social_ig:hover{
        color: #7835b7;
    }
    .footer-item2 {
        text-align: right;
    }

    .footer-item2 a {
        color: #44668c;
    }


    .footer-item2 a:hover {
        text-decoration: underline;
    }