/*

Theme Name: ut
Author: ArturBoot
Author URI: www.mowu.ru

*/

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul
{
    margin: 0;
    padding: 0;
}.button,
sup
{
    position: relative;
}.button,
.hero
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}.button:after,
.button:before,
.clear:after,
.nav-scroll li span:after,
.nav-scroll li.active:after
{
    content: '';
}.benefits .item h3,
.button,
.hero .title,
.reviews .reviews-wrap h3,
.section h2
{
    text-transform: uppercase;
}body,
html
{
    width: 100%;
    height: 100%;
}table
{
    border-spacing: 0;;
    border-collapse: collapse;
}fieldset,
img
{
    border: 0;
}sup
{
    top: -.2em;

    vertical-align: text-top;
}ol,
ul
{
    list-style: none;
}h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: RubikBold;
    font-weight: 400;
    line-height: 1.2;

    margin: 20px 0;;

    color: #00600C;
}h2
{
    font-size: 30px;
}h3
{
    font-size: 20px;
}h4
{
    font-size: 18px;
}p
{
    margin: 15px 0;
}a
{
    text-decoration: none;;

    color: #004F40;
}a:hover
{
    color: #f91402;
}@font-face
{
    font-family: RubikRegular;
    font-weight: 400;;
    font-style: normal;

    src: url(/fonts/Rubik-Regular.eot);
    src: url(/fonts/Rubik-Regular.eot?#iefix) format('embedded-opentype'),url(/fonts/Rubik-Regular.woff2) format('woff2'),url(/fonts/Rubik-Regular.woff) format('woff'),url(/fonts/Rubik-Regular.ttf) format('truetype');
}@font-face
{
    font-family: RubikBold;
    font-weight: 400;;
    font-style: normal;

    src: url(/fonts/Rubik-Bold.eot);
    src: url(/fonts/Rubik-Bold.eot?#iefix) format('embedded-opentype'),url(/fonts/Rubik-Bold.woff2) format('woff2'),url(/fonts/Rubik-Bold.woff) format('woff'),url(/fonts/Rubik-Bold.ttf) format('truetype');
}body
{
    font-family: RubikRegular;
    font-size: 17px;
    line-height: 1.5;

    overflow-x: hidden;

    min-width: 320px;

    opacity: 1;;
    color: #000;
    background: #fff;
}.button,
.form-wrap .fields .form-name
{
    font-family: RubikBold;
}.button,
.nav-scroll li span
{
    white-space: nowrap;;

    color: #fff;
}.row
{
    font-size: 0;
}.clear:after
{
    display: block;
    visibility: hidden;;
    clear: both;

    height: 0;
}.bold
{
    font-weight: 700;
}.button
{
    display: table;

    box-sizing: border-box;

    cursor: pointer;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
            transition: all .5s;;

    border: none;
    outline: 0;
    background: #00600C;
    background:    -moz-linear-gradient(top,#00600C 0,#2a8f22 100%);
    background: -webkit-linear-gradient(top,#00600C 0,#2a8f22 100%);
    background:         linear-gradient(to bottom,#00600C 0,#2a8f22 100%);
    text-shadow: 0 0 7px rgba(255,255,255,.28);
}.button:after,
.button:before
{
    position: absolute;
}.button:after
{
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;

    -webkit-border-radius: 124px;
       -moz-border-radius: 124px;
            border-radius: 124px;;
    box-shadow: 0 0 1px 0 rgba(251,96,34,.29),inset 0 0 1px 0 rgba(251,96,34,.29);

         -o-border-radius: 124px;
        -ms-border-radius: 124px;
}.button:before
{
    top: -22px;
    right: -22px;
    bottom: -22px;
    left: -22px;

    -webkit-border-radius: 148px;
       -moz-border-radius: 148px;
            border-radius: 148px;;
    box-shadow: 0 0 1px 0 rgba(251,96,34,.14),inset 0 0 1px 0 rgba(251,96,34,.14);

         -o-border-radius: 148px;
        -ms-border-radius: 148px;
}.button:hover
{
    background: #2a8f22;
    background:    -moz-linear-gradient(top,#2a8f22 0,#00600C 100%);
    background: -webkit-linear-gradient(top,#2a8f22 0,#00600C 100%);
    background:         linear-gradient(to bottom,#2a8f22 0,#00600C 100%);
}.button:active
{
    -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
            transform: scale(.85);
}.button.disabled
{
    cursor: default;
}@media screen and (min-width:980px)
{
    .container,
    .hero .left,
    .hero .right
    {
        -webkit-box-sizing: border-box;;
           -moz-box-sizing: border-box;
    }.feedback .container:after,
    .feedback .container:before,
    .map:after,
    .reviews .container:after
    {
        content: '';

        background-repeat: no-repeat;
    }.button
    {
        font-size: 20px;
        line-height: 104px;

        height: 104px;
        padding: 0 55px;;

        -webkit-border-radius: 104px;
           -moz-border-radius: 104px;
                border-radius: 104px;

             -o-border-radius: 104px;
            -ms-border-radius: 104px;
    }.outer
    {
        margin: 0 -12px;
    }.wrapper
    {
        display: -webkit-flex;
        display:         flex;
        flex-direction: column;;

        height: 100%;
    }.main
    {
        overflow: hidden;;

        flex: 1 0 auto;
    }.container
    {
        position: relative;

        box-sizing: border-box;
        max-width: 1205px;
        height: 100%;
        margin: 0 auto;
        padding: 0 5px;
    }.header,
    .header .container
    {
        height: 100px;
    }.section
    {
        padding: 75px 0 100px;
    }.section h2
    {
        font-size: 44px;

        max-width: 800px;
        margin-bottom: 58px;
    }.header
    {
        position: absolute;
        top: 0;
        left: 0;
    }.header .logo a,
    .header .logo h1
    {
        font-size: 18px;

        max-width: 380px;
    }.header .menu-toggle
    {
        top: 50%;
        left: 0;

        width: 42px;
        height: 42px;

        -webkit-transform: translate(0,-50%);
           -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
    }.header .menu-toggle .menu-toggle-inner
    {
        width: 42px;
        height: 5px;
        margin: -2px 0 0 -21px;
    }.header .menu-toggle .menu-toggle-inner:after,
    .header .menu-toggle .menu-toggle-inner:before
    {
        height: 5px;
    }.header .menu-toggle .menu-toggle-inner:before
    {
        transform: translate(-50%,-14px);
    }.header .menu-toggle .menu-toggle-inner:after
    {
        transform: translate(-50%,14px);
    }.header .logo
    {
        position: absolute;
        top: 50%;
        left: 65px;

        -webkit-transform: translate(0,-50%);
           -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
    }.header .phone
    {
        font-size: 22px;;

        position: absolute;
        top: 36px;
        right: 0;
    }.hero
    {
        height: 777px;
        padding-top: 152px;
    }.hero:after
    {
        bottom: 0;
    }.hero .left,
    .hero .right
    {
        display: inline-block;

        box-sizing: border-box;;
        width: 50%;

        vertical-align: middle;
    }
.cost .form-wrap .form-group .help-block{
    font-size: 14px;
    text-align: center;
    color: red;
}

    .cost .form-wrap .col,
    .cost .form-wrap .form-group,
    .reviews .reviews-wrap .col
    {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
    }.hero .left
    {
        position: relative;;
        z-index: 2;
    }.hero .title
    {
        font-size: 46px;
        line-height: 1.4;
    }.hero li
    {
        font-size: 22px;
    }.hero p
    {
        margin: 40px 0;
    }.hero .circles
    {
        position: absolute;
        z-index: 2;
        top: -5px;
        right: 116px;

        width: 380px;
        height: 380px;
    }.hero .stove
    {
        position: absolute;
        z-index: 3;

        width: 328px;
    }.hero.fridge .stove,
    .hero.index .stove,
    .hero.washer .stove
    {
        top: 68px;
        right: 335px;
    }.hero .fridge
    {
        position: absolute;
        z-index: 4;
        top: -79px;
        right: 155px;

        width: 318px;
    }.hero .washer
    {
        position: absolute;
        z-index: 5;

        width: 360px;
    }.hero .notebook
    {
        position: absolute;
        z-index: 5;

        width: unset;
    }.hero.index .washer
    {
        top: 175px;
        right: -85px;
    }.hero.notebook .notebook
    {
        top: 100px;
        right: 127px;
    }.hero.washer .washer
    {
        top: 8px;
        right: 127px;
    }.hero.fridge .washer
    {
        top: 175px;
        right: -85px;
    }.hero .appliances
    {
        display: none;
    }.benefits .item,
    .cost .form-wrap .col,
    .cost .form-wrap .form-group
    {
        display: inline-block;

        vertical-align: top;
    }.cost
    {
        z-index: 2;
    }.cost .form-wrap
    {
        padding: 40px 86px 64px;;

        -webkit-border-radius: 60px;
           -moz-border-radius: 60px;
                border-radius: 60px;

             -o-border-radius: 60px;
            -ms-border-radius: 60px;
    }.cost .form-wrap .col,
    .cost .form-wrap .form-group
    {
        box-sizing: border-box;;
        width: 29.333333333333333%;
    }.cost .form-wrap .col.middle,
    .cost .form-wrap .form-group.middle
    {
        margin: 0 6%;
    }.cost .form-wrap .col .fields,
    .cost .form-wrap .form-group .fields
    {
        padding: 71px 0 0;
    }.form-wrap .fields .form-name
    {
        margin-bottom: 25px;
    }.benefits .item
    {
        width: 33.333333333333333%;
        padding: 0 10px 68px 127px;
    }.benefits .item .icon
    {
        position: absolute;
        top: 23px;
        left: 0;
    }.benefits .item h3,
    .benefits .item p
    {
        max-width: 220px;
    }.reviews .container:after
    {
        position: absolute;
        z-index: 3;
        bottom: -265px;
        left: -126px;

        display: block;;

        width: 513px;
        height: 479px;

        background-image: url(/images/bg/reviews.png);
        background-size: 513px 479px;
    }.reviews .reviews-wrap
    {
        margin: 0 85px;;
        padding: 93px 86px 64px;

        -webkit-border-radius: 60px;
           -moz-border-radius: 60px;
                border-radius: 60px;

             -o-border-radius: 60px;
            -ms-border-radius: 60px;
    }.reviews .reviews-wrap .col
    {
        display: inline-block;

        box-sizing: border-box;;
        width: 37%;

        vertical-align: top;
    }.reviews .reviews-wrap .col.big
    {
        width: 63%;
    }.reviews .reviews-wrap .avatar
    {
        margin: 0 auto 44px;
    }.reviews .owl-prev
    {
        left: -110px;
    }.reviews .owl-next
    {
        right: -110px;
    }.text
    {
        padding-top: 288px;
    }.text h2
    {
        font-size: 40px;
    }.text .content
    {
        padding-right: 170px;
    }.feedback .container:after,
    .feedback .container:before
    {
        position: absolute;

        display: block;
    }.feedback .container:after
    {
        z-index: 3;
        bottom: 0;
        left: -155px;

        width: 566px;
        height: 860px;;

        background-image: url(/images/bg/man.png);
    }.feedback .container:before
    {
        z-index: 1;
        right: -109px;
        bottom: 0;

        width: 397px;
        height: 331px;;

        background-image: url(/images/bg/money.png);
    }.feedback h3
    {
        font-size: 36px;
    }.feedback .form-wrap
    {
        position: relative;
        z-index: 2;

        padding: 50px 164px 53px;;

        -webkit-border-radius: 60px 60px 0 0;
           -moz-border-radius: 60px 60px 0 0;
                border-radius: 60px 60px 0 0;

             -o-border-radius: 60px 60px 0 0;
            -ms-border-radius: 60px 60px 0 0;
    }.map .contact-wrap,
    .map .ymap,
    .map:after
    {
        position: absolute;
        top: 0;
        left: 0;
    }.feedback .form-wrap .successful-sending
    {
        min-height: 359px;
    }.map:after
    {
        z-index: 4;

        width: 100%;
        height: 345px;;

        background-image: url(/images/bg/wave6.png);
        background-position: center;
    }.map .container
    {
        min-height: 700px;
    }.map .contact-wrap
    {
        z-index: 2;
        bottom: 0;

        max-width: 465px;;

        background-color: #fff;
    }.map .contact-wrap .contact-wrap-inner
    {
        padding: 300px 50px 20px 56px;
    }.map .ymap
    {
        z-index: 1;

        width: 100%;
        height: 100%;;

        background-color: #eee;
    }.footer
    {
        flex: 0 0 auto;
    }.footer .left,
    .footer .right
    {
        display: inline-block;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;;

        vertical-align: top;
    }.footer .left
    {
        width: 72%;
    }.footer .right
    {
        width: 28%;
    }.footer .right ul
    {
        padding-left: 66px;
    }.footer .right ul:after
    {
        top: 6px;
        left: 0;
    }.readmore-toggle
    {
        margin: 20px 0 0;
    }
}@media screen and (max-width:979px)
{
    .footer,
    .hero .title,
    .hero p,
    .section h2
    {
        text-align: center;
    }.button
    {
        font-size: 14px;
        line-height: 70px;

        height: 70px;
        padding: 0 50px;;

        -webkit-border-radius: 70px;
           -moz-border-radius: 70px;
                border-radius: 70px;

             -o-border-radius: 70px;
            -ms-border-radius: 70px;
    }.outer
    {
        margin: 0 -12px;
    }.wrapper
    {
        position: relative;

        overflow: hidden;

        width: 100%;
        max-width: 768px;
        margin: 0 auto;;

        background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
           -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
                box-shadow: 0 0 5px rgba(0,0,0,.1);

        -ie-box-shadow: 0 0 5px rgba(0,0,0,.1);
             -o-box-shadow: 0 0 5px rgba(0,0,0,.1);
    }.container
    {
        position: relative;

        padding: 0 15px;
    }.section
    {
        padding: 60px 0;
    }.section h2
    {
        font-size: 30px;

        max-width: 640px;
        margin-right: auto;
        margin-bottom: 35px;;
        margin-left: auto;
    }.header,
    .header .container
    {
        height: 100px;
    }.header .logo a,
    .header .logo h1
    {
        font-size: 18px;

        max-width: 290px;
    }.header .menu-toggle
    {
        top: 32px;
        left: 20px;

        width: 36px;
        height: 36px;
    }.header .menu-toggle .menu-toggle-inner
    {
        width: 36px;
        height: 4px;
        margin: -2px 0 0 -18px;
    }.hero .title,
    .hero ul
    {
        margin-right: auto;;
        margin-left: auto;
    }.header .menu-toggle .menu-toggle-inner:after,
    .header .menu-toggle .menu-toggle-inner:before
    {
        height: 4px;
    }.header .menu-toggle .menu-toggle-inner:before
    {
        transform: translate(-50%,-12px);
    }.header .menu-toggle .menu-toggle-inner:after
    {
        transform: translate(-50%,12px);
    }.header .logo
    {
        position: absolute;
        top: 50%;
        left: 77px;

        -webkit-transform: translate(0,-50%);
           -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
    }.header .phone
    {
        font-size: 22px;

        position: absolute;
        top: 50%;
        right: 15px;

        -webkit-transform: translate(0,-50%);
           -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
    }.hero
    {
        padding-bottom: 50px;
    }.hero:after
    {
        bottom: 0;
    }.hero .left,
    .hero .right
    {
        display: block;;

        width: 100%;
    }.hero .title
    {
        font-size: 40px;
        line-height: 1.4;
    }.hero ul
    {
        display: table;
    }.hero li
    {
        font-size: 22px;
    }.hero p
    {
        margin: 30px 0 40px;
    }.hero .button
    {
        z-index: 3;

        margin-right: auto;;
        margin-left: auto;
    }.hero .right
    {
        position: relative;

        margin-top: 80px;
    }.hero .circles
    {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 50%;

        width: 300px;
        height: 300px;

        -webkit-transform: translate(-50%,0);
           -moz-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
    }.hero .appliances,
    .hero.fridge .fridge,
    .hero.washer .washer
    {
        position: relative;
        z-index: 3;

        max-width: 100%;
        margin: 0 auto;
    }.hero.index .fridge,
    .hero.index .stove,
    .hero.index .washer
    {
        display: none;
    }.hero.fridge .fridge,
    .hero.washer .washer
    {
        display: block;
    }.hero.fridge .appliances,
    .hero.washer .appliances
    {
        display: none;
    }.benefits .item,
    .cost .form-wrap .col,
    .cost .form-wrap .form-group
    {
        display: inline-block;

        vertical-align: top;
    }.cost
    {
        z-index: 2;

        padding-top: 0;
    }.cost .form-wrap
    {
        padding: 10px 20px 64px;;

        -webkit-border-radius: 60px;
           -moz-border-radius: 60px;
                border-radius: 60px;

             -o-border-radius: 60px;
            -ms-border-radius: 60px;
    }.cost .form-wrap .col,
        .cost .form-wrap .form-group
    {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 46%;
        margin: 0 2%;
    }.cost .form-wrap .col .fields,
    .cost .form-wrap .form-group .fields
    {
        padding: 35px 0 0;
    }.form-wrap .fields .form-name
    {
        margin-bottom: 25px;
    }.benefits
    {
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;;

            -ms-background-size: cover;
    }.benefits .item
    {
        width: 50%;
        max-width: 398px;
        margin-right: auto;;
        margin-left: auto;
        padding: 0 10px 30px 127px;
    }.benefits .item .icon
    {
        position: absolute;
        top: 23px;
        left: 0;
    }.benefits .item h3,
    .benefits .item p
    {
        max-width: 220px;
    }.reviews .reviews-wrap
    {
        margin: 0 20px;;
        padding: 40px 20px 50px;

        -webkit-border-radius: 60px;
           -moz-border-radius: 60px;
                border-radius: 60px;

             -o-border-radius: 60px;
            -ms-border-radius: 60px;
    }.reviews .reviews-wrap .col
    {
        display: block;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding-bottom: 30px;;

        text-align: center;
    }.reviews .reviews-wrap .avatar
    {
        margin: 0 auto 20px;
    }.footer .right ul,
    .footer .sitemap,
    .footer li.name
    {
        margin-right: auto;;
        margin-left: auto;
    }.reviews .owl-prev
    {
        left: -42px;
    }.reviews .owl-next
    {
        right: -42px;
    }.text
    {
        padding: 140px 0;
    }.feedback h3
    {
        font-size: 26px;
    }.feedback .form-wrap
    {
        padding: 50px 80px 53px;;

        -webkit-border-radius: 60px 60px 0 0;
           -moz-border-radius: 60px 60px 0 0;
                border-radius: 60px 60px 0 0;

             -o-border-radius: 60px 60px 0 0;
            -ms-border-radius: 60px 60px 0 0;
    }.content .video
    {
        position: relative;

        display: block;
        overflow: hidden;

        height: 0;
        padding-top: 30px;;
        padding-bottom: 56.25%;
    }.map .ymap
    {
        margin-top: 50px;
    }.content .video embed,
    .content .video iframe,
    .content .video object
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }.footer .left,
    .footer .right
    {
        width: 100%;
    }.footer .right
    {
        padding-top: 50px;
    }.footer .right ul
    {
        max-width: 320px;
        padding-top: 66px;
    }.footer .right ul:after
    {
        top: 0;
        left: 50%;

        -webkit-transform: translate(-50%,0);
           -moz-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
    }.readmore-toggle
    {
        display: table;

        margin: 20px auto 0;
    }
}@media screen and (max-width:728px)
{
    .benefits .item
    {
        display: block;

        width: 100%;
        max-width: 398px;
        padding: 0 0 30px;;

        text-align: center;
    }.benefits .item .icon
    {
        position: relative;
        top: auto;
        left: auto;

        margin: 0 auto 40px;
    }.benefits .item h3,
    .benefits .item p
    {
        max-width: 100%;
    }
}@media screen and (max-width:640px)
{
    .header,
    .header .container
    {
        height: auto;
    }.outer
    {
        margin: 0;
    }.section h2
    {
        font-size: 26px;
    }.header
    {
        padding: 10px 0;
    }.header .menu-toggle
    {
        top: 2px;
        left: 15px;

        width: 30px;
        height: 30px;
    }.header .logo,
    .header .phone
    {
        position: relative;
        top: auto;

        display: table;
    }.header .menu-toggle .menu-toggle-inner
    {
        width: 30px;
        margin: -2px 0 0 -15px;
    }.header .logo
    {
        left: auto;

        margin: 0 auto 15px;;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
                transform: none;
        text-align: center;
    }.header .phone
    {
        font-size: 20px;

        right: auto;

        margin: 0 auto;;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
                transform: none;
    }.hero .title
    {
        font-size: 36px;
    }.hero li
    {
        font-size: 18px;
    }.hero .circles
    {
        width: 200px;
        height: 200px;
    }.reviews .reviews-wrap
    {
        margin: 0 10px;;
        padding: 40px 20px 50px;
    }.reviews .owl-prev
    {
        left: -42px;
    }.reviews .owl-next
    {
        right: -42px;
    }.feedback .form-wrap
    {
        padding: 50px 50px 53px;
    }
}@media screen and (max-width:540px)
{
    .hero .title
    {
        font-size: 34px;
    }.cost .form-wrap
    {
        padding: 60px 40px;;

        -webkit-border-radius: 30px;
           -moz-border-radius: 30px;
                border-radius: 30px;

             -o-border-radius: 30px;
            -ms-border-radius: 30px;
    }.cost .form-wrap .col,
        .cost .form-wrap .form-group
    {
        display: block;

        width: 100%;
        margin: 0 auto;
    }.cost .form-wrap .col .fields,
    .cost .form-wrap .form-group .fields
    {
        padding: 35px 0 0;
    }.form-wrap .fields .form-name
    {
        margin-bottom: 10px;
    }.feedback .form-wrap
    {
        padding: 50px 30px 53px;;

        -webkit-border-radius: 30px 30px 0 0;
           -moz-border-radius: 30px 30px 0 0;
                border-radius: 30px 30px 0 0;

             -o-border-radius: 30px 30px 0 0;
            -ms-border-radius: 30px 30px 0 0;
    }
}@media screen and (max-width:480px)
{
    .button
    {
        font-size: 13px;
        line-height: 60px;

        height: 60px;
        padding: 0 20px;;

        -webkit-border-radius: 60px;
           -moz-border-radius: 60px;
                border-radius: 60px;

             -o-border-radius: 60px;
            -ms-border-radius: 60px;
    }.header .menu-toggle
    {
        left: 10px;

        width: 24px;
        height: 24px;
    }.header .menu-toggle .menu-toggle-inner
    {
        width: 24px;
        margin: -2px 0 0 -12px;
    }.header .logo a,
    .header .logo h1
    {
        font-size: 18px;;

        max-width: 240px;
    }.hero .title
    {
        font-size: 30px;
    }.hero p
    {
        margin: 30px 0;
    }.cost .form-wrap
    {
        padding: 30px 30px 40px;
    }
}@media screen and (max-width:360px)
{
    .button
    {
        font-size: 11px;
    }.container
    {
        padding: 0 10px;
    }.section
    {
        padding: 45px 0;
    }.section h2
    {
        font-size: 24px;
    }.hero:after
    {
        bottom: -55px;
    }.hero .title
    {
        font-size: 28px;
    }.hero .circles
    {
        width: 160px;
        height: 160px;
    }.cost
    {
        z-index: 11;

        padding-top: 0;
    }.cost .form-wrap
    {
        padding: 20px 20px 40px;
    }.text
    {
        padding: 100px 0;
    }
}@media screen and (max-width:320px)
{
    .container
    {
        padding: 0 5px;
    }.section h2
    {
        font-size: 22px;
    }.header .menu-toggle
    {
        left: 5px;
    }
}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi)
{
    .form-wrap .text-select
    {
        background-image: url(/images/icons/select@2x.png)!important;
    }.cost .form-wrap .fields .form-field.phone-field:after
    {
        background-image: url(/images/icons/sprite@2x.png)!important;
    }.benefits .item .icon:after
    {
        background-image: url(/images/icons/benefits@2x.png)!important;
    }.footer .right ul:after,
    .footer .sitemap,
    .readmore-toggle:before
    {
        background-image: url(/images/icons/sprite@2x.png)!important;
    }
}.main.padding
{
    padding: 0 0 100px;
}.nav-scroll
{
    font-size: 0;

    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 20px;

    display: block;

    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
}.form-wrap .fields .form-field.form-icon:after,
.hero li:before
{
    -webkit-transform: translate(0,-50%);;
       -moz-transform: translate(0,-50%);
}.nav-scroll li
{
    position: relative;

    display: block;

    width: 4px;
    height: 4px;
    margin: 0 auto 20px;;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #00204a;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.header .navigation li.active:after,
.nav-scroll li.active:after
{
    -webkit-border-radius: 50%;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.nav-scroll li.active
{
    width: 10px;
    height: 10px;;

    background-color: #004F40;
}.nav-scroll li.active:after
{
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;

    -moz-border-radius: 50%;
         border-radius: 50%;;
    box-shadow: 0 0 2px 0 rgba(253,77,0,.9),inset 0 0 2px 0 rgba(253,77,0,.9);
}.nav-scroll li a
{
    display: block;;

    width: 4px;
    height: 4px;
}.nav-scroll li.active a
{
    width: 10px;
    height: 10px;
}.nav-scroll li span
{
    font-size: 13px;
    line-height: 26px;

    position: absolute;
    top: 50%;
    left: 30px;

    display: block;
    visibility: hidden;

    height: 26px;
    margin-top: -15px;;
    padding: 0 20px;

    transition: .3s linear;

    opacity: 0;
    background-color: #000;
}.nav-scroll li:hover span
{
    display: block!important;
    visibility: visible;

    opacity: 1;
}.nav-scroll li span:after
{
    position: absolute;
    top: 50%;
    right: 100%;

    display: inline-block;

    margin-top: -6px;;

    border: 6px solid transparent;
    border-right: 6px solid #000;
}.form-wrap
{
    -webkit-box-shadow: 0 21px 65px rgba(0,0,0,.07);
            box-shadow: 0 21px 65px rgba(0,0,0,.07);
}.form-wrap .error
{
    font-size: 15px;

    box-sizing: border-box;
    width: 100%;
    margin-top: 50px;;
    padding: 15px 20px;

    color: #000;
    border: 1px solid #ffcfcf;
    background-color: #ffe1e1;
}.form-wrap .fields
{
    text-align: left;
}.form-wrap .fields .form-name
{
    font-size: 16px;;

    display: block;

    color: #000;
}.form-wrap .fields .form-field
{
    position: relative;
}.form-wrap .fields .form-field .text-field,
.form-wrap .fields .form-field .text-select
{
    font-size: 16px;
    line-height: 18px;
    line-height: 50px;

    position: relative;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 20px;;

    color: #000;
    border: 1px solid #004F40;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    outline: 0;
    background-color: #fff;

         -o-border-radius: 50px;
        -ms-border-radius: 50px;
}.form-wrap .fields .form-field .text-field:focus,
.form-wrap .fields .form-field .text-select:focus
{
    -webkit-box-shadow: 0 0 0 1px #004F40;
            box-shadow: 0 0 0 1px #004F40;
}.form-wrap .fields .form-field .text-field.error,
.form-wrap .fields .form-field .text-select.error
{
    background-color: rgba(252,0,0,.019);
}.form-wrap .fields .form-field .text-select
{
    background-image: url(/images/icons/select.png);
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 18px;

    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
            appearance: none!important;
}.form-wrap .fields .form-field.form-icon:after
{
    position: absolute;
    top: 49%;
    right: 13px;

    width: 18px;
    height: 18px;

    content: '';
    -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);;

    background-image: url(/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-size: 500px;
}.form-wrap .fields .form-field.phone-field:after
{
    background-position: 0 0;
}.form-wrap .fields .form-field.user-field:after
{
    background-position: -54px 0;
}.cost:after,
.hero:after
{
    background-repeat: no-repeat;
    background-position: center;
}.form-wrap .checkbox-control
{
    position: relative;

    display: inline-block;

    margin: 0 18px;;

    vertical-align: middle;
}.form-wrap .checkbox-control .toggle
{
    position: relative;

    width: 85px;
    height: 46px;

    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;

    -webkit-border-radius: 46px;
       -moz-border-radius: 46px;
            border-radius: 46px;
    outline: 0;
    background-color: #f5f5f5;

         -o-border-radius: 46px;
        -ms-border-radius: 46px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}.form-wrap .checkbox-control input[type=checkbox].toggle:after
{
    position: absolute;
    top: 0;
    left: 39px;

    display: block;

    width: 34px;
    height: 34px;

    content: '';
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;;

    border: 6px solid #fff;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #9a9a9a;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.form-wrap .checkbox-control input[type=checkbox]:checked.toggle:after
{
    left: 0;

    background-color: #004F40;
    box-shadow: 0 0 10px rgba(0, 79, 64, 0.45);
}.form-wrap .successful-sending
{
    padding: 50px 0 0;;

    text-align: center;
}.form-wrap .successful-circle
{
    position: relative;

    display: block;

    width: 98px;
    height: 98px;
    margin: 0 auto 30px;;

    animation: loader-spin 1.2s infinite linear;

    border: 3px solid rgba(0,0,0,.2);
    border-left-color: #5cb85c;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.form-wrap .successful-circle.animated
{
    transition: border .5s ease-out;
    -webkit-animation: none;
            animation: none;;

    border-color: #5cb85c;
}.form-wrap .successful-circle .checkmark
{
    display: none;
}.form-wrap .successful-circle.animated .checkmark
{
    display: block;
}.form-wrap .successful-circle.animated .checkmark:after
{
    transform: scaleX(-1) rotate(135deg);;
    animation-name: checkmark;
    animation-duration: .8s;
    animation-timing-function: ease;
}.form-wrap .successful-circle .checkmark:after
{
    position: absolute;
    top: 52px;
    left: 27px;

    width: 20px;
    height: 40px;

    content: '';
    transform-origin: left top;;

    opacity: 1;
    border-top: 5px solid #5cb85c;
    border-right: 5px solid #5cb85c;
}@keyframes loader-spin
{
    0%
    {
        transform: rotate(0);
    }100%
    {
        transform: rotate(360deg);
    }
}@keyframes checkmark
{
    0%
    {
        width: 0;
        height: 0;

        opacity: 1;
    }20%
    {
        width: 20px;
        height: 0;

        opacity: 1;
    }100%,
    40%
    {
        width: 20px;
        height: 40px;

        opacity: 1;
    }
}.form-wrap .successful-sending .successful-sending-title
{
    font-family: RubikBold;
    font-size: 20px;
    line-height: 1.2;

    margin-bottom: 5px;
}.form-wrap .successful-sending p
{
    max-width: 320px;
    margin: 20px auto 0;
}.header
{
    width: 100%;
}.header:after
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    width: 100%;
    height: 100px;;

    content: '';

    background-color: #fff;
}.header .menu-toggle
{
    position: absolute;
    z-index: 1001;

    cursor: pointer;

    border: none;
    outline: 0;;
    background-color: transparent;
}.header .menu-toggle .menu-toggle-inner
{
    font-size: 0;

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    cursor: pointer;
    transition: .35s;;

    background-color: #d70a00;
}.header .menu-toggle .menu-toggle-inner:after,
.header .menu-toggle .menu-toggle-inner:before
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 100%;

    content: '';
    transition: transform .35s;
    transform-origin: 100% 0;;

    border: none;
    background-color: #d70a00;
}.header .navigation
{
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;

    display: none;

    padding: 20px 25px 7px 35px;;

    opacity: .98;
    background-color: #fff;
    background-image: linear-gradient(#fff 0,#edf9ff 100%);
    -webkit-box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
       -moz-box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
            box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
}.header .navigation li.active:after,
.hero li:before
{
    -moz-border-radius: 50%;;
    box-shadow: 0 0 10px rgba(255,109,45,.48);
}.header .navigation.show
{
    display: block;

    opacity: 1;
}.header .navigation li
{
    font-size: 18px;
    line-height: 1.4;

    position: relative;

    display: block;

    margin-bottom: 10px;;

    color: #000;
}.header .navigation li.active:after
{
    position: absolute;
    top: 9px;
    left: -17px;

    width: 5px;
    height: 5px;

    content: '';

    border-radius: 50%;;
    background-color: #004F40;
}.hero .circles,
.hero li:before
{
     -o-border-radius: 50%;
    -ms-border-radius: 50%;
}.header .navigation li a
{
    font-size: 18px;;

    display: block;

    color: #000;
}.header .navigation li:hover a
{
    color: #d70a00;
}.header .logo
{
    z-index: 15;
}.header .logo a,
.header .logo h1
{
    font-family: RubikRegular;

    display: block;

    margin: 0;;

    text-decoration: none;

    color: #000;
}.header .phone
{
    line-height: 1;;

    z-index: 15;

    color: #00600C;
}.hero .title,
.hero li
{
    font-family: RubikBold;;
    line-height: 1.25;
}.hero
{
    position: relative;
    z-index: 10;

    box-sizing: border-box;;
    width: 100%;

    background-image: radial-gradient(circle at 25% 40%,#fff 0,#f4f9fc 20%,#e25900  93%);
}.hero .circles:after,
.hero .circles:before,
.hero li:before,
.hero:after
{
    position: absolute;

    content: '';
}.benefits .item,
.cost
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}.hero:after
{
    z-index: 1;
    left: 0;

    width: 100%;
    height: 336px;;

    background-image: url(/images/bg/wave.png);
}.hero .title
{
    max-width: 570px;
    margin-bottom: 28px;;

    color: #00600C;
}.hero .title span
{
    display: block;

    color: #d70a00;
}.hero li
{
    position: relative;

    display: block;

    margin-bottom: 5px;;
    padding-left: 24px;

    color: #000;
}.hero li:before
{
    top: 49%;
    left: 0;

    width: 10px;
    height: 10px;

    -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);

    -webkit-border-radius: 50%;
            border-radius: 50%;;
    background-color: #00600C;
}.hero p
{
    font-size: 18px;;

    color: #000;
}.hero .circles
{
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;;
    box-shadow: 0 0 2px 0 #FFFFFF,inset 0 0 2px 0 #FFFFFF;
}.hero .circles:after,
.hero .circles:before
{
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.hero .circles:after
{
    top: -55px;
    right: -55px;
    bottom: -55px;
    left: -55px;

    box-shadow: 0 0 1px 0 #FFFFFF,inset 0 0 2px 0 #FFFFFF;
}.hero .circles:before
{
    top: -116px;
    right: -116px;
    bottom: -116px;
    left: -116px;

    box-shadow: 0 0 1px 0 #FFFFFF,inset 0 0 1px 0 #FFFFFF;
}.cost
{
    position: relative;

    box-sizing: border-box;
    width: 100%;
    padding-bottom: 0;;

    background-color: #fff;
}.cost:after
{
    position: absolute;
    z-index: 2;
    bottom: -300px;
    left: 0;

    width: 100%;
    height: 350px;;

    content: '';

    background-image: url(/images/bg/wave2.png);
}.cost h2
{
    max-width: 800px;

    color: #d70a00;
}.cost .form-wrap
{
    position: relative;;
    z-index: 3;
}.cost .form-wrap .fields .checkbox-control-text
{
    font-family: RubikBold;
    font-size: 20px;

    display: inline-block;

    vertical-align: middle;
    text-transform: uppercase;
}.cost .form-wrap .fields .checkbox-control-text.yes
{
    color: #004F40;
}.cost .form-wrap .fields .checkbox-control-text.no
{
    color: #9a9a9a;
}.cost .form-wrap .button
{
    margin: 64px auto 0;
}.benefits h2,
.reviews h2
{
    margin-right: auto;
    margin-left: auto;

    text-align: center;
}.benefits
{
    position: relative;
    z-index: 1;

    padding-top: 250px;;

    background-color: #f8fbfc;
    background-image: url(/images/bg/benefits.jpg);
    background-position: center top;
}.benefits:after,
.reviews:after
{
    z-index: 2;

    content: '';;

    background-repeat: no-repeat;
}.benefits:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 270px;;

    background-image: url(/images/bg/wave3.png);
    background-position: center;
}.benefits h2
{
    color: #00600C;
}.benefits .item
{
    position: relative;

    box-sizing: border-box;
}.benefits .item .icon
{
    display: block;

    width: 110px;
    height: 110px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;;
    background-color: #004F40;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.benefits .item .icon:after
{
    position: absolute;
    top: -18px;
    left: -16px;

    display: block;;

    width: 144px;
    height: 144px;

    content: '';

    background-image: url(/images/icons/benefits.png);
    background-repeat: no-repeat;
    background-size: 864px 144px;
}.benefits .item .icon.first:after
{
    background-position: 0 0;
}.benefits .item .icon.second:after
{
    background-position: -144px 0;
}.benefits .item .icon.third:after
{
    background-position: -288px 0;
}.benefits .item .icon.fourth:after
{
    background-position: -432px 0;
}.benefits .item .icon.fifth:after
{
    background-position: -576px 0;
}.benefits .item .icon.sixth:after
{
    background-position: -720px 0;
}.benefits .item h3
{
    font-family: RubikBold;
    font-size: 18px;;

    color: #00204a;
}.benefits .item p
{
    font-size: 18px;
    line-height: 1.3;;

    color: #000;
}.reviews
{
    position: relative;

    padding-top: 97px;;

    background-color: #fff;
}.reviews:after
{
    position: absolute;
    bottom: -270px;
    left: 0;

    width: 100%;
    height: 270px;;

    background-image: url(/images/bg/wave4.png);
    background-position: center;
}.reviews h2
{
    max-width: 100%;

    color: #d70a00;
}.reviews .reviews-wrap
{
    position: relative;
    z-index: 1;

    -webkit-box-shadow: 0 21px 65px rgba(0,0,0,.07);
            box-shadow: 0 21px 65px rgba(0,0,0,.07);
}.reviews .reviews-wrap .col.big
{
    padding: 0 8px;
}.reviews .reviews-wrap .avatar
{
    width: 180px;
    height: 180px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.reviews .reviews-wrap .name
{
    font-family: RubikBold;
    font-size: 20px;

    text-align: center;;

    color: #000;
}.reviews .reviews-wrap h3
{
    font-size: 20px;

    margin: 0 0 20px;;

    color: #00600C;
}.reviews .reviews-wrap p
{
    font-size: 18px;;

    color: #000;
}.reviews .reviews-wrap .button
{
    margin-top: 42px;;
    margin-right: auto;
    margin-left: auto;
}.reviews .owl-next,
.reviews .owl-prev
{
    font-size: 0;

    position: absolute;
    top: 50%;

    width: 48px;
    height: 48px;
    margin: -24px 0 0;;

    cursor: pointer;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #004F40;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.reviews .owl-next:after,
.reviews .owl-prev:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 18px;
    height: 18px;

    content: '';
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);;

    background-image: url(/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-size: 500px;
}.reviews .owl-prev:after
{
    background-position: -18px 0;
}.reviews .owl-next:after
{
    background-position: -36px 0;
}.reviews .owl-next:hover,
.reviews .owl-prev:hover
{
    background-color: #013f33;
}.reviews .owl-next.disabled,
.reviews .owl-prev.disabled
{
    cursor: default;;

    opacity: .8;
}.text
{
    background-color: #f8fbfc;
}.text h2
{
    margin-bottom: 33px;;

    text-transform: none;
}.feedback h3,
.form-wrap .form-title
{
    text-align: center;
    text-transform: uppercase;
}.feedback
{
    position: relative;

    padding-bottom: 0;;

    background-color: #fff;
}.feedback:after
{
    position: absolute;
    z-index: 2;
    top: -230px;
    left: 0;

    width: 100%;
    height: 230px;;

    content: '';

    background-image: url(/images/bg/wave5.png);
    background-repeat: no-repeat;
    background-position: center;
}.footer .right ul:after,
.footer .sitemap
{
    background-image: url(/images/icons/sprite_white.png);
    background-repeat: no-repeat;
    background-size: 500px;
}.feedback h3
{
    max-width: 615px;
    margin: 0 auto;;

    color: #00600C;
}.feedback .desc
{
    font-family: RubikBold;
    font-size: 20px;

    display: block;

    margin: 46px 0 42px;;

    text-align: center;

    color: #000;
}.feedback .form-wrap
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 627px;
    margin: 0 auto;;

    background-color: #fff;
}.form-wrap .form-title
{
    font-family: RubikBold;
    font-size: 19px;

    margin: 0 0 30px;;

    color: #00600C;
}.form-wrap .fields
{
    padding-bottom: 10px;
}.feedback .form-wrap .button
{
    margin: 15px auto 0;
}.map
{
    position: relative;;
    z-index: 10;
}.breadcrumbs
{
    font-size: 15px;

    margin: 150px 0 35px;;

    color: #b9b9b9;
}.breadcrumbs .separator
{
    position: relative;

    margin: 0 10px;
}.breadcrumbs .current
{
    color: #8c8c8c;
}.breadcrumbs a
{
    color: #676767;
    border-bottom: 1px solid rgba(0,0,0,.11);
}.content
{
    font-size: 17px;

    margin-top: 15px;
}.content img
{
    max-width: 100%;
    height: auto;
}.content ul
{
    display: table;

    margin-top: 25px;;
    padding-left: 24px;
}.content ul li
{
    position: relative;

    display: block;

    margin-bottom: 2px;
    padding-left: 5px;
}.content ul li:before
{
    position: absolute;
    top: 11px;
    left: -20px;

    display: block;

    width: 3px;
    height: 3px;

    content: '';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;;
    background-color: #004F40;

         -o-border-radius: 50%;
        -ms-border-radius: 50%;
}.content ol
{
    margin-top: 25px;;

    counter-reset: list;
}.content ol li
{
    position: relative;

    margin-bottom: 10px;;
    padding-left: 18px;
}.content ol li:before
{
    position: absolute;
    top: 0;
    left: 0;;

    content: counter(list) '. ';
    counter-increment: list;
}.footer .right ul:after,
.readmore-section.collapsed:after,
.readmore-toggle:before
{
    content: '';
}.content table
{
    width: 100%;
    margin: 10px 0 20px;;

    border: 1px solid #ddd;
}.content th
{
    font-family: RubikBold;

    color: #333;
}.content td,
.content th
{
    padding: 8px 10px;;

    vertical-align: top;

    border: 1px solid #eee;
}.content .wrap-pic
{
    display: block;
}.content .wrap-pic .caption
{
    font-size: 15px;
    font-style: italic;;

    display: block;

    color: #666;
}.footer,
.footer li,
.footer li a
{
    color: #fff;
}.footer
{
    width: 100%;
    padding: 60px 0 55px;;

    background-color: #003356;
}.footer li
{
    font-size: 20px;
}.footer li.name
{
    font-size: 22px;

    max-width: 500px;
    margin-bottom: 30px;
}.footer li.privacy-policy
{
    font-size: 18px;
}.footer .sitemap
{
    font-size: 0;

    display: block;

    width: 16px;
    height: 16px;
    margin-top: 10px;;

    opacity: .4;
    background-position: -72px 0;
}.footer li .phone
{
    font-family: RubikBold;
}.footer .right ul
{
    position: relative;
}.footer .right ul:after
{
    position: absolute;

    width: 34px;
    height: 48px;;

    background-position: -23px -18px;
}.collapsed,
.readmore-section
{
    position: relative;

    overflow: hidden;

    padding: 0 0 10px;
}.readmore-section.collapsed:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100px;;

    -webkit-transition: -webkit-transform .5s ease;
         -o-transition:      -o-transform .5s ease;
            transition:         transform .5s ease;
            transition:         transform .5s ease,-webkit-transform .5s ease,-o-transform .5s ease;
    -webkit-transform-origin: center bottom;
         -o-transform-origin: center bottom;
            transform-origin: center bottom;

    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#f8fbfc);
    background-image:      -o-linear-gradient(top,rgba(255,255,255,0),#f8fbfc);
    background-image:         linear-gradient(to bottom,rgba(255,255,255,0),#f8fbfc);
}.readmore-toggle
{
    font-size: 15px;

    position: relative;
    z-index: 3;

    padding: 0 0 0 33px;;

    cursor: pointer;

    color: #868686;
    border: none;
    outline: 0;
    background-color: transparent;
}.readmore-toggle:before
{
    position: absolute;
    top: -1px;
    left: 0;

    display: block;;

    width: 23px;
    height: 23px;

    background-image: url(/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 500px;
}.readmore-toggle.open:before
{
    background-position: 0 -18px;
}.readmore-toggle.close:before
{
    background-position: 0 -41px;
}.readmore-toggle span
{
    padding-bottom: 1px;;

    border-bottom: 1px dashed rgba(0,0,0,.38);
}.animated
{
    -webkit-animation-duration: 1s;
            animation-duration: 1s;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}.animated.infinite
{
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}.animated.hinge
{
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}@-webkit-keyframes fadeInUp
{
    from
    {
        -webkit-transform: translate3d(0,100%,0);
                transform: translate3d(0,100%,0);;

        opacity: 0;
    }to
    {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);;

        opacity: 1;
    }
}@keyframes fadeInUp
{
    from
    {
        -webkit-transform: translate3d(0,100%,0);
                transform: translate3d(0,100%,0);;

        opacity: 0;
    }to
    {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);;

        opacity: 1;
    }
}.fadeInUp
{
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}@-webkit-keyframes fadeInDown
{
    from
    {
        -webkit-transform: translate3d(0,-100%,0);
                transform: translate3d(0,-100%,0);;

        opacity: 0;
    }to
    {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);;

        opacity: 1;
    }
}@keyframes fadeInDown
{
    from
    {
        -webkit-transform: translate3d(0,-100%,0);
                transform: translate3d(0,-100%,0);;

        opacity: 0;
    }to
    {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);;

        opacity: 1;
    }
}.fadeInDown
{
    -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
}

label
{
    font-size: 13px;
}

.field-contactform-subject,
.field-contactform-email,
.field-contactform-city
{
    display: none;
}


/* NEW */
.whatsapp_container {
    position: fixed;
    z-index: 99;
    right: 20px;
    bottom: 20px;
}

.whatsapp_container .btn-whatsapp {
    display: block;
    width: 110px;
    height: 110px;
    background-image: url(/images/icons/whatsapp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
}

.whatsapp_container .btn-whatsapp:hover {
    opacity: 1;
}

@media (max-width: 768px) {
.whatsapp_container .btn-whatsapp {
    width: 60px;
    height: 60px;
    opacity: 1;
}
}