@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/RobotoMedium/RobotoMedium.eot");
    src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"), url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2Regular"; */

@font-face {
    font-family: "Exo2Regular";
    src: url("../fonts/Exo2Regular/Exo2Regular.eot");
    src: url("../fonts/Exo2Regular/Exo2Regular.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2Regular/Exo2Regular.woff") format("woff"), url("../fonts/Exo2Regular/Exo2Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2Bold"; */

@font-face {
    font-family: "Exo2Bold";
    src: url("../fonts/Exo2Bold/Exo2Bold.eot");
    src: url("../fonts/Exo2Bold/Exo2Bold.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2Bold/Exo2Bold.woff") format("woff"), url("../fonts/Exo2Bold/Exo2Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2Light"; */

@font-face {
    font-family: "Exo2Light";
    src: url("../fonts/Exo2Light/Exo2Light.eot");
    src: url("../fonts/Exo2Light/Exo2Light.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2Light/Exo2Light.woff") format("woff"), url("../fonts/Exo2Light/Exo2Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2BoldItalic"; */

@font-face {
    font-family: "Exo2BoldItalic";
    src: url("../fonts/Exo2BoldItalic/Exo2BoldItalic.eot");
    src: url("../fonts/Exo2BoldItalic/Exo2BoldItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2BoldItalic/Exo2BoldItalic.woff") format("woff"), url("../fonts/Exo2BoldItalic/Exo2BoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2ExtraBold"; */

@font-face {
    font-family: "Exo2ExtraBold";
    src: url("../fonts/Exo2ExtraBold/Exo2ExtraBold.eot");
    src: url("../fonts/Exo2ExtraBold/Exo2ExtraBold.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2ExtraBold/Exo2ExtraBold.woff") format("woff"), url("../fonts/Exo2ExtraBold/Exo2ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2ExtraBoldItalic"; */

@font-face {
    font-family: "Exo2ExtraBoldItalic";
    src: url("../fonts/Exo2ExtraBoldItalic/Exo2ExtraBoldItalic.eot");
    src: url("../fonts/Exo2ExtraBoldItalic/Exo2ExtraBoldItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2ExtraBoldItalic/Exo2ExtraBoldItalic.woff") format("woff"), url("../fonts/Exo2ExtraBoldItalic/Exo2ExtraBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2ExtraLight"; */

@font-face {
    font-family: "Exo2ExtraLight";
    src: url("../fonts/Exo2ExtraLight/Exo2ExtraLight.eot");
    src: url("../fonts/Exo2ExtraLight/Exo2ExtraLight.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2ExtraLight/Exo2ExtraLight.woff") format("woff"), url("../fonts/Exo2ExtraLight/Exo2ExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2ExtraLightItalic"; */

@font-face {
    font-family: "Exo2ExtraLightItalic";
    src: url("../fonts/Exo2ExtraLightItalic/Exo2ExtraLightItalic.eot");
    src: url("../fonts/Exo2ExtraLightItalic/Exo2ExtraLightItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2ExtraLightItalic/Exo2ExtraLightItalic.woff") format("woff"), url("../fonts/Exo2ExtraLightItalic/Exo2ExtraLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2Italic"; */

@font-face {
    font-family: "Exo2Italic";
    src: url("../fonts/Exo2Italic/Exo2Italic.eot");
    src: url("../fonts/Exo2Italic/Exo2Italic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2Italic/Exo2Italic.woff") format("woff"), url("../fonts/Exo2Italic/Exo2Italic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2BlackItalic"; */

@font-face {
    font-family: "Exo2BlackItalic";
    src: url("../fonts/Exo2BlackItalic/Exo2BlackItalic.eot");
    src: url("../fonts/Exo2BlackItalic/Exo2BlackItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2BlackItalic/Exo2BlackItalic.woff") format("woff"), url("../fonts/Exo2BlackItalic/Exo2BlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2LightItalic"; */

@font-face {
    font-family: "Exo2LightItalic";
    src: url("../fonts/Exo2LightItalic/Exo2LightItalic.eot");
    src: url("../fonts/Exo2LightItalic/Exo2LightItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2LightItalic/Exo2LightItalic.woff") format("woff"), url("../fonts/Exo2LightItalic/Exo2LightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2Medium"; */

@font-face {
    font-family: "Exo2Medium";
    src: url("../fonts/Exo2Medium/Exo2Medium.eot");
    src: url("../fonts/Exo2Medium/Exo2Medium.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2Medium/Exo2Medium.woff") format("woff"), url("../fonts/Exo2Medium/Exo2Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2MediumItalic"; */

@font-face {
    font-family: "Exo2MediumItalic";
    src: url("../fonts/Exo2MediumItalic/Exo2MediumItalic.eot");
    src: url("../fonts/Exo2MediumItalic/Exo2MediumItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2MediumItalic/Exo2MediumItalic.woff") format("woff"), url("../fonts/Exo2MediumItalic/Exo2MediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2Black"; */

@font-face {
    font-family: "Exo2Black";
    src: url("../fonts/Exo2Black/Exo2Black.eot");
    src: url("../fonts/Exo2Black/Exo2Black.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2Black/Exo2Black.woff") format("woff"), url("../fonts/Exo2Black/Exo2Black.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2SemiBold"; */

@font-face {
    font-family: "Exo2SemiBold";
    src: url("../fonts/Exo2SemiBold/Exo2SemiBold.eot");
    src: url("../fonts/Exo2SemiBold/Exo2SemiBold.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2SemiBold/Exo2SemiBold.woff") format("woff"), url("../fonts/Exo2SemiBold/Exo2SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2SemiBoldItalic"; */

@font-face {
    font-family: "Exo2SemiBoldItalic";
    src: url("../fonts/Exo2SemiBoldItalic/Exo2SemiBoldItalic.eot");
    src: url("../fonts/Exo2SemiBoldItalic/Exo2SemiBoldItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2SemiBoldItalic/Exo2SemiBoldItalic.woff") format("woff"), url("../fonts/Exo2SemiBoldItalic/Exo2SemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2Thin"; */

@font-face {
    font-family: "Exo2Thin";
    src: url("../fonts/Exo2Thin/Exo2Thin.eot");
    src: url("../fonts/Exo2Thin/Exo2Thin.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2Thin/Exo2Thin.woff") format("woff"), url("../fonts/Exo2Thin/Exo2Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "Exo2ThinItalic"; */

@font-face {
    font-family: "Exo2ThinItalic";
    src: url("../fonts/Exo2ThinItalic/Exo2ThinItalic.eot");
    src: url("../fonts/Exo2ThinItalic/Exo2ThinItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/Exo2ThinItalic/Exo2ThinItalic.woff") format("woff"), url("../fonts/Exo2ThinItalic/Exo2ThinItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html,
body,
header,
article,
section,
footer,
nav,
aside,
figure,
ul,
ol,
li,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
    margin: 0;
    padding: 0;
    border: 0
}

header,
article,
section,
footer,
nav,
aside {
    display: block
}

ul,
ol {
    list-style: none
}

a {
    text-decoration: none;
    color: #262626;
}

input {
    -webkit-appearance: none;
}

* {
    box-sizing: border-box;
}

@roboto: "RobotoMedium";
@regular: "Exo2Regular";
@light: "Exo2Light";
@extralight: "Exo2ExtraLight";
@medium: "Exo2Medium";
@semibold: "Exo2SemiBold";
@red: #dd4345;
.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media screen and (min-width: 320px) {
    .container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media screen and (min-width: 1230px) {
    .container {
        width: 1200px;
    }
}

.flex-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
}

body {
    font-family: @extralight;
    font-size: 16px;
    color: #2d2d2d;
}

article {
    padding-top: 70px;
}

header {
    padding: 10px 0;
    background: #354051;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 100;
    box-shadow: 0 0 5px #888;
    border-bottom: 1px solid #fff;
    .flex-container {
        -webkit-align-items: center;
        -moz-align-items: center;
        -o-align-items: center;
        align-items: center;
        justify-content: space-between;
    }
    .header-phone a{
        color: #fff;
        font-size: 14px;
    }
    .social-wrapper {    
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-justify-content: space-around;
            -moz-justify-content: space-around;
            -o-justify-content: space-around;
            justify-content: space-around;
    }
    .lang a {
      display: block;
      text-align: center;
      text-decoration: none;
      font-size: 12px;
        color: #fff;
    }
    .lang a:hover {
        font-size: 12px;
    }
    .header-contacts {
      font-family: "Exo2Regular";
      text-align: center;
    }
    .header-contacts p {
      font-size: 18px;
    }
    .header-contacts i {
        font-size: 18px;
        margin: 5px;
    }
    .header-logo {
        padding: 0 10px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -o-align-items: center;
        align-items: center;
    }
    .info {
        width: 380px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: flex;
        .time-column {
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -o-align-items: center;
            align-items: center;
            &:nth-of-type(1) {
                width: 65%;
                span {
                    font-family: @roboto;
                    font-size: 18px;
                }
            }
            &:nth-of-type(2) {
                width: 30%;
                margin-left: 5%;
                p {
                    font-family: @regular;
                    text-align: center;
                }
                span {
                    font-family: @medium;
                    font-size: 36px;
                }
            }
        }
    }
    .btn-flex {
        .btn-business {
            display: block;
            width: 255px;
            height: 40px;
            line-height: 40px;
            background: #dd4345;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            font-family: @medium;
            cursor: pointer;
            transition: .2s;
            text-decoration: none;
            &:hover {
                background: darken(#dd4345, 10%);
            }
        }
    }
    .header-contacts {
        font-family: @regular;
    }
}

.top-section {
    height: 780px;
    color: #fff;
    overflow-y: hidden;
    position: relative;
    .header-block {
        height: 685px;
        background: url("../img/pixelate.gif") repeat center center, url("../img/top-bg-min.jpg") no-repeat center center;
        background-size: 2px 2px, cover;
        .inner-container {
            width: 70%;
            margin: 0 auto;
        }
        .flex-item {
            &:nth-of-type(1) {
                width: 65%;
            }
            &:nth-of-type(2) {
                width: 35%;
                img {
                    padding-top: 40px;
                }
            }
        }
        h1 {
            font-family: @medium;
            margin: 90px 0 70px;
            font-size: 60px;
            text-transform: uppercase;
        }
        .description {
            font-family: @medium;
            font-size: 36px;
        }
    }
    .bottom-block {
        width: 990px;
        height: 225px;
        margin: 0 auto;
        background: #354051;
        position: absolute;
        top: 550px;
        left: 0;
        right: 0;
        .flex-container {
            width: 70%;
            margin: 25px auto 25px;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -o-justify-content: space-between;
            justify-content: space-between;
        }
        .icon-item {
            margin-bottom: 10px;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -o-align-items: center;
            align-items: center;
            &:last-of-type {
                margin-bottom: 0;
            }
            .flex-item {
                width: 50%;
            }
            span {
                margin-right: 10px;
            }
        }
        .btn-chat {
            display: block;
            width: 325px;
            height: 60px;
            margin: 0 auto;
            line-height: 60px;
            background: #dd4345;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-size: 21px;
            font-family: @medium;
            cursor: pointer;
            transition: .2s;
            &:hover {
                background: darken(#dd4345, 10%);
            }
        }
    }
}

@media screen and (max-width: 1220px) {
    article {
        padding-top: 69px;
    }
    header {
        .header-logo {
            padding: 0 10px;
        }
        .info {
            width: 290px;
            .time-column {
                &:nth-of-type(1) {
                    width: 55%;
                    font-size: 14px;
                    span {
                        font-size: 14px;
                    }
                }
                &:nth-of-type(2) {
                    width: 45%;
                    span {
                        font-size: 40px;
                    }
                }
            }
        }
        .btn-flex {
            .btn-business {
                width: 200px;
            }
        }
        .header-contacts {
            font-size: 14px;
        }
    }
    .top-section {
        .header-block {
            .inner-container {
                width: 70%;
                margin: 0 auto;
            }
            .flex-item {
                &:nth-of-type(2) {
                    img {
                        padding-top: 40px;
                    }
                }
            }
            h1 {
                margin: 90px 0 70px;
                font-size: 50px;
            }
            .description {
                font-size: 30px;
            }
        }
        .bottom-block {
            .flex-container {
                width: 80%;
                margin: 25px auto 25px;
            }
        }
    }
}

@media screen and (max-width: 992px) {
    header {
        .header-logo {
            padding: 0 5px;
        }
        .info {
            width: 280px;
            .time-column {
                &:nth-of-type(1) {
                    width: 55%;
                    font-size: 14px;
                    span {
                        font-size: 14px;
                    }
                }
                &:nth-of-type(2) {
                    width: 45%;
                    span {
                        font-size: 34px;
                    }
                }
            }
        }
        .btn-flex {
            display: none;
        }
    }
    .top-section {
        height: 580px;
        .header-block {
            background: url("../img/pixelate.gif") repeat center center, url("../img/girl-min.png") no-repeat right center, url("../img/top-bg-min.jpg") no-repeat center center;
            background-size: 2px 2px, contain, cover;
            height: 445px;
            .inner-container {
                width: 100%;
            }
            .flex-item {
                &:nth-of-type(1) {
                    width: 100%;
                }
                &:nth-of-type(2) {
                    display: none;
                }
            }
            h1 {
                margin: 60px 0 40px;
                font-size: 34px;
                text-align: center;
            }
            .description {
                text-align: center;
                font-size: 30px;
            }
        }
        .bottom-block {
            width: 670px;
            height: 210px;
            top: 340px;
            .flex-container {
                width: 85%;
            }
            .icon-item {
                margin-bottom: 10px;
                font-size: 14px;
                .flex-item {
                    width: 50%;
                }
                span {
                    margin-right: 10px;
                }
            }
            .btn-chat {
                width: 325px;
                height: 45px;
                line-height: 45px;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    article {
        padding-top: 56px;
    }
    header {
        height: 56px;
        padding: 5px 0;
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -o-align-items: center;
        align-items: center;
        .header-logo {
            padding: 0;
            img {
                width: 80px;
            }
        }
        .info {
            width: auto;
            text-align: center;
            .time-column {
                &:nth-of-type(1) {
                    width: auto;
                    font-size: 12px;
                    margin: 0;
                    span {
                        font-size: 12px;
                    }
                }
                &:nth-of-type(2) {
                    width: auto;
                    span {
                        font-size: 16px;
                    }
                }
            }
        }
        .header-contacts {
            display: none;
        }
    }
    .top-section {
        height: auto;
        .header-block {
            height: 250px;
            .inner-container {
                width: 100%;
            }
            .flex-item {
                &:nth-of-type(1) {
                    width: 100%;
                    margin-top: 20px;
                }
                &:nth-of-type(2) {
                    display: none;
                }
            }
            h1 {
                margin: 30px 0 30px;
                font-size: 26px;
            }
            .description {
                font-size: 20px;
            }
        }
        .bottom-block {
            position: static;
            width: 100%;
            height: auto;
            padding: 30px 0;
            .flex-container {
                width: 280px;
                margin: 0 auto;
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
                .flex-item {
                    margin-bottom: 15px;
                    &:last-of-type {
                        margin-bottom: 0;
                    }
                }
            }
            .icon-item {
                margin-bottom: 15px;
                font-size: 14px;
                .flex-item {
                    width: 100%;
                    margin-bottom: 15px;
                    &:last-of-type {
                        margin-bottom: 0;
                    }
                }
                span {
                    margin-right: 10px;
                }
            }
            .btn-chat {
                width: 250px;
                height: 45px;
                line-height: 45px;
                font-size: 16px;
                margin-top: 30px;
            }
        }
    }
}


/* ------------------- clubs -------------------- */

.clubs {
    padding: 80px 0 40px;
    background: #fff;
    position: relative;
    .line {
        height: 1px;
        width: 100%;
        background: #000;
        position: absolute;
        top: 300px;
        z-index: 0;
    }
    h4 {
        font-size: 30px;
        margin-bottom: 20px;
        text-align: center;
        &+p {
            text-align: center;
        }
    }
    .icon-wrapper {
        margin-top: 45px;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        .club-item {
            width: 155px;
            text-align: center;
            .club-img {
                margin-bottom: 25px;
                -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;
                &:hover {
                    -webkit-transform: scale(1.2);
                    -moz-transform: scale(1.2);
                    -o-transform: scale(1.2);
                    transform: scale(1.2);
                }
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    .clubs {
        .line {
            top: 320px;
        }
    }
}

@media screen and (max-width: 992px) {
    .clubs {
        padding: 20px 0 40px;
        .line {
            top: 265px;
        }
        .icon-wrapper {
            margin-top: 45px;
            .club-item {
                font-size: 14px;
                margin-bottom: 25px;
                .club-img {
                    margin-bottom: 15px;
                    width: 100px;
                    margin: 0 auto 5px;
                    img {
                        width: 100%;
                    }
                }
                p {
                    font-size: 12px;
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .clubs {
        .line {
            display: none;
        }
        h4 {
            font-size: 26px;
        }
        .icon-wrapper {
            margin-top: 45px;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
            .club-item {
                margin: 0 auto 30px;
                font-size: 16px;
                &:last-of-type {
                    margin: 0 auto;
                }
                p {
                    font-size: 16px;
                }
            }
        }
    }
}


/* ----------------------- parallax-sectin -------------------------- */

.parallax-section {
    height: 435px;
    background: url("../img/pixelate.gif") repeat center center, url("../img/grid-img-bg-min.jpg") no-repeat center center;
    background-size: 2px 2px, cover;
    background-attachment: fixed;
    color: #fff;
    .flex-container {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    h2 {
        margin: 110px 0 45px;
        font-family: @regular;
        font-weight: 400;
        font-size: 44px;
        line-height: 58px;
    }
    .btn-chat {
        display: block;
        width: 325px;
        height: 60px;
        margin-left: auto;
        line-height: 60px;
        background: #d32f28;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 21px;
        font-family: @medium;
        cursor: pointer;
        transition: .2s;
        &:hover {
            background: darken(#d32f28, 10%);
        }
    }
}

@media screen and (max-width: 1220px) {
    .parallax-section {
        h2 {
            font-size: 36px;
        }
        .btn-business {
            margin-left: 0;
        }
    }
}

@media screen and (max-width: 992px) {
    .parallax-section {
        background-attachment: scroll;
        h2 {
            font-size: 32px;
            line-height: 40px;
        }
        .btn-business {
            margin-left: 0;
        }
    }
}

@media screen and (max-width: 768px) {
    .parallax-section {
        h2 {
            margin-top: 70px;
            font-size: 26px;
            line-height: 30px;
        }
        .btn-business {
            margin-left: 0;
            width: 250px;
            font-size: 16px;
        }
    }
}


/* ----------------------- panels-section --------------------- */

.panels-section {
    padding: 65px 0 100px;
    background: #fff;
    h4 {
        font-size: 30px;
        margin-bottom: 40px;
        text-align: center;
    }
    .flex-container {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }
    .panel-item {
        width: 230px;
        box-sizing: border-box;
        border: 1px solid #343f51;
        overflow: hidden;
        .panel-header {
            font-family: @medium;
            height: 50px;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            background: #343f51;
            color: #fff;
        }
        .panel-body {
            height: 315px;
            padding: 20px 0;
            .info-block {
                text-align: center;
                margin-bottom: 15px;
                p:nth-of-type(1) {
                    font-size: 14px;
                    font-family: @light;
                }
                p:nth-of-type(2) {
                    font-family: "Exo2SemiBold";
                    font-size: 14px;
                }
                &:nth-of-type(1) {
                    p:nth-of-type(2) {
                        font-family: "Exo2Thin";
                        font-size: 42px;
                    }
                }
            }
        }
        .panel-footer {
            height: 115px;
            background: #ebebeb;
            text-align: center;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -o-justify-content: center;
            justify-content: center;
            .info-footer-name {
                font-size: 14px;
                font-family: @regular;
            }
            .info-footer-result {
                font-size: 42px;
                font-family: "Exo2SemiBold";
            }
        }
        &:hover {
            .panel-header {
                background: #fff;
                color: #343f51;
            }
            .panel-body {
                background: #343f51;
                color: #fff;
            }
            .panel-footer {
                background: #2d2d2d;
                color: #ebebeb;
            }
        }
    }
    .panel-item-middle {
        background: #fff;
        color: #343f51;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
       /*  .panel-header {
            background: #fff;
            color: #343d53;
            font-size: 18px;
        }
        .panel-body {
            padding: 5px 0 0 0;
            .info-block {
                text-align: center;
                margin-bottom: 15px;
                p:nth-of-type(1) {
                    font-size: 14px;
                    font-family: @light;
                }
                p:nth-of-type(2) {
                    font-family: "Exo2SemiBold";
                    font-size: 16px;
                }
                &:nth-of-type(1) {
                    p:nth-of-type(1) {
                        font-size: 16px;
                    }
                    p:nth-of-type(2) {
                        font-family: "Exo2SemiBold";
                        font-size: 48px;
                    }
                }
            }
        }
        .panel-footer {
            background: #343f51;
            .info-footer-result {
                font-size: 48px;
                font-family: "Exo2SemiBold";
            }
        }*/
        &:hover {
            /*.panel-header {
                background: #343f51;
                color: #fff;
            }
            .panel-body {
                background: #fff;
                color: #343f51;
            }*/
            .panel-footer {
                border-top: 1px solid #2d2d2d;
            }
        } 
    }
}

@media screen and (max-width: 1220px) {
    .panels-section {
        .panel-item {
            .panel-header {
                font-size: 14px;
            }
            .panel-body {
                .info-block {
                    &:nth-of-type(1) {
                        p:nth-of-type(2) {
                            font-size: 32px;
                        }
                    }
                }
            }
            .panel-footer {
                .info-footer-result {
                    font-size: 32px;
                }
            }
        }
        .panel-item-middle {
            .panel-header {
                font-size: 16px;
            }
            .panel-body {
                .info-block {
                    p:nth-of-type(1) {
                        font-size: 12px;
                    }
                    p:nth-of-type(2) {
                        font-size: 14px;
                    }
                    &:nth-of-type(1) {
                        p:nth-of-type(1) {
                            font-size: 16px;
                        }
                        p:nth-of-type(2) {
                            font-size: 36px;
                        }
                    }
                }
            }
            .panel-footer {
                .info-footer-result {
                    font-size: 36px;
                }
            }
        }
    }
}

@media screen and (max-width: 992px) {
    .panels-section {
        padding: 40px 0 40px;
        .flex-container {
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
        }
        .panel-item {
            width: 280px;
            margin: 0 auto;
            margin-bottom: 20px;
            &:last-of-type {
                margin-bottom: 0;
            }
            .panel-header {
                font-size: 20px;
                text-transform: uppercase;
            }
            .panel-body {
                padding: 10px 0;
                .info-block {
                    p:nth-of-type(1) {
                        font-size: 16px;
                    }
                    p:nth-of-type(2) {
                        font-size: 16px;
                    }
                    &:nth-of-type(1) {
                        p:nth-of-type(2) {
                            font-size: 42px;
                        }
                    }
                }
            }
            .panel-footer {
                .info-footer-name {
                    font-size: 16px;
                }
                .info-footer-result {
                    font-size: 42px;
                }
            }
        }
        .panel-item-middle {
            transform: none;
            .panel-header {
                font-size: 18px;
                text-transform: uppercase;
            }
            .panel-body {
                padding: 10px 0;
            }
            .panel-footer {
                .info-footer-result {
                    font-size: 42px;
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .panels-section {
        padding: 40px 0 40px;
        h4 {
            font-size: 24px;
        }
        .panel-item {
            width: 270px;
            margin: 0 auto;
            margin-bottom: 20px;
            &:last-of-type {
                margin-bottom: 0;
            }
            .panel-header {
                height: auto;
                padding: 5px 0;
                font-size: 16px;
            }
            .panel-body {
                height: auto;
                padding: 10px 0;
                .info-block {
                    margin-bottom: 5px;
                    p:nth-of-type(1) {
                        font-size: 16px;
                    }
                    p:nth-of-type(2) {
                        font-size: 16px;
                    }
                    &:nth-of-type(1) {
                        p:nth-of-type(2) {
                            font-size: 32px;
                        }
                    }
                }
            }
            .panel-footer {
                height: auto;
                padding: 5px 0;
                .info-footer-name {
                    font-size: 14px;
                }
                .info-footer-result {
                    font-size: 28px;
                }
            }
        }
        .panel-item-middle {
            transform: none;
            .panel-header {
                height: auto;
                padding: 5px 0;
                font-size: 16px;
            }
            .panel-body {
                padding: 10px 0;
            }
            .panel-footer {
                .info-footer-name {
                    font-size: 14px;
                }
                .info-footer-result {
                    font-size: 28px;
                }
            }
        }
    }
}


/* ------------------------- parallax-section-2 ------------------------ */

.parallax-section-2 {
    height: 435px;
    background:  url("../img/pixelate.gif") repeat center center, url("../img/gym_black.jpg") no-repeat center center;
    background-size: 2px 2px, cover;
    background-attachment: fixed;
    color: #fff;
    .flex-container {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    h2 {
        margin: 110px 0 45px;
        font-family: @regular;
        font-weight: 400;
        font-size: 44px;
        line-height: 58px;
    }
    .btn-chat {
        display: block;
        width: 325px;
        height: 60px;
        margin-left: auto;
        line-height: 60px;
        background: #d32f28;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 21px;
        font-family: @medium;
        cursor: pointer;
        text-decoration: none;
        transition: .2s;
        &:hover {
            background: darken(#d32f28, 10%);
        }
    }
}

@media screen and (max-width: 1220px) {
    .parallax-section-2 {
        h2 {
            font-size: 36px;
        }
        .btn-chat {
            margin-left: 0;
        }
    }
}

@media screen and (max-width: 992px) {
    .parallax-section-2 {
        background-attachment: scroll;
        h2 {
            font-size: 32px;
            line-height: 40px;
        }
    }
}

@media screen and (max-width: 768px) {
    .parallax-section-2 {
        h2 {
            margin-top: 70px;
            font-size: 26px;
            line-height: 30px;
        }
        .btn-chat {
            width: 250px;
            font-size: 16px;
        }
    }
}


/*---------------------- reasons -------------------------*/

.reasons {
    padding: 70px 0 30px;
    background: #354051 url("../img/pixelate.gif") repeat;
    background-size: 2px 2px;
    h4 {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
        color: #fff;
    }
    .reason-block {
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: flex;
        color: #fff;
        &:last-of-type {
            .reason-header {
                padding-bottom: 30px;
            }
            .reason-content {
                padding-bottom: 30px;
            }
        }
    }
    .reason-header {
        width: 20%;
        padding-top: 30px;
        font-family: @regular;
        font-size: 18px;
        border-right: 2px solid #fff;
        text-align: right;
        padding-right: 40px;
        position: relative;
    }
    .reason-content {
        width: 75%;
        padding-top: 30px;
        padding-left: 40px;
        font-family: @extralight;
        text-align: justify;
    }
    .dot {
        position: absolute;
        top: 35px;
        right: -13px;
    }
}

@media screen and (max-width: 992px) {
    .reasons {
        .reason-header {
            width: 30%;
        }
        .reason-content {
            width: 65%;
        }
    }
}

@media screen and (max-width: 768px) {
    .reasons {
        padding: 30px 0;
        h4 {
            font-size: 24px;
        }
        .reason-block {
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
            margin-bottom: 30px;
            &:last-of-type {
                .reason-header {
                    padding-bottom: 0;
                }
                .reason-content {
                    padding-bottom: 0;
                }
            }
        }
        .reason-header {
            width: 100%;
            padding: 0;
            margin-bottom: 15px;
            font-size: 20px;
            border-right: none;
            text-align: center;
        }
        .reason-content {
            width: 100%;
            padding: 0;
        }
        .dot {
            display: none;
        }
    }
}


/* ------------------- contacts ----------------- */

.contacts {
    padding: 90px 0 30px;
    background: #f4f4f4;
    .photo {
        margin: 0px 50px 20px 50px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: flex;
        height: 285px;
        overflow: hidden;
        .photo-wrapper{
            margin: auto;
            img {
                width: 220px;
                height: 285px;
            }            
        }
    }
    .about-content {
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        .content {
            font-family: @extralight;
            color: #000;
            text-align: justify;
            margin-bottom: 20px;
            span {
                font-weight: 600;
            }
        }
        .person-block {
            text-align: center;
            .person-name {
                font-family: @regular;
                color: #d32f28;
                font-size: 44px;
                margin-bottom: 10px;
            }
            .person-position {
                font-family: @light;
                font-size: 16px;
                color: #000;
                margin-bottom: 20px;
            }
        }
        .btn-business {
            display: block;
            width: 100%;
            padding: 10px 5px;
            margin-top: auto;
            background: #d32f28;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-size: 16px;
            font-family: @medium;
            cursor: pointer;
            transition: .2s;
            &:hover {
                background: darken(#d32f28, 10%);
            }
        }
    }
    .contact-info {
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        width: 500px;
        .footer{
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -o-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -o-justify-content: space-between;
            justify-content: space-between;  
            .tel {        
                a {
                    font-size: 18px;                    
                }
            } 
        }
        .tel-block {
            text-align: center;
            .tel-text {
                font-size: 12px;
                font-weight: 600;
                margin-bottom: 10px;
            }
            .tel {
                font-family: @extralight;
                font-size: 24px;
            }
        }
        .details {
            margin-top: auto;
            background: #fff;
            border: 1px solid #000;
            .tel {
                font-family: @extralight;
                font-size: 24px;
                text-align: center;
            }
        }
        .details-list {
            font-family: @extralight;
            font-size: 12px;
            padding: 10px 20px;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -o-justify-content: space-between;
            justify-content: space-between;
        }
        .list-column {
            width: 48%;
            li {
                position: relative;
                padding-left: 10px;
                margin-bottom: 5px;
            }
            li:before {
                display: inline-block;
                content: "";
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: #000;
                position: absolute;
                top: 7px;
                left: 0;
            }
            span {
                font-weight: 600;
            }
        }
        .social-wrapper {
            width: 200px;
            margin: 10px auto;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -o-justify-content: space-between;
            justify-content: space-between;
        }
        .details-footer {
            border-top: 1px solid #000;
            padding: 10px 15px;
            font-size: 12px;
            color: #000;
            font-weight: 600;
            div {
                margin-bottom: 10px;
                &:last-of-type {
                    margin-bottom: 0;
                }
            }
        }
    }
    .google-web-form{
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: flex;
        margin-left: 50px;
        text-align: left;
    }
}

@media screen and (max-width: 1220px) {
    .contacts {
        .photo {
            margin: 0px 20px 20px 20px;
            min-width: 220px;
        }
        .about {
            width: 100%;
        }
        .footer{
            .phone{
                min-width: 160px;
            }
        }
        .about-content {
            .btn-business {
                font-size: 14px;
            }
        }
    }
}

@media screen and (max-width: 992px) {
    .contacts {
        padding: 40px 0;
        .flex-container:first-of-type {
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
        }
        .photo {
            margin: 0px 20px 20px 20px;
            min-width: 220px;
        }
        .about-content {
            .btn-business {
                width: 290px;
                font-size: 14px;
                margin: 30px auto 0;
            }
        }
        .contact-info {
            width: 350px;
            margin: 0 auto;
            .footer{
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
                -webkit-justify-content: space-between;
                -moz-justify-content: space-between;
                -o-justify-content: space-between;
                justify-content: space-between;
                .social, .phone, .btn {
                    margin: auto;
                    text-align: center;
                }
                .social {
                    margin-bottom: 10px;
                }
            }
            .tel-block {
                margin: 15px 0;
                text-align: center;
                .tel-text {
                    font-size: 12px;
                    font-weight: 600;
                    margin-bottom: 10px;
                }
                .tel {
                    font-family: @extralight;
                    font-size: 24px;
                }
            }
            .details {
                margin-top: auto;
                background: #fff;
                border: 1px solid #000;
                .tel {
                    font-family: @extralight;
                    font-size: 24px;
                    text-align: center;
                }
            }
            .details-list {
                font-family: @extralight;
                font-size: 12px;
                padding: 10px 20px;
            }
            .list-column {
                width: 48%;
                li {
                    position: relative;
                    padding-left: 10px;
                    margin-bottom: 5px;
                }
                li:before {
                    display: inline-block;
                    content: "";
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                    background: #000;
                    position: absolute;
                    top: 7px;
                    left: 0;
                }
                span {
                    font-weight: 600;
                }
            }
            .social-wrapper {
                width: 200px;
                margin: 10px auto;
            }
            .details-footer {
                border-top: 1px solid #000;
                padding: 10px 15px;
                font-size: 12px;
                color: #000;
                font-weight: 600;
                div {
                    margin-bottom: 10px;
                    &:last-of-type {
                        margin-bottom: 0;
                    }
                }
            }
        }        
        .google-web-form{
            margin: auto;
            margin-top: 30px;
        }
    }
}

@media screen and (max-width: 768px) {
    .contacts {
        background: #f4f4f4;
        .photo {
            width: 100%;
            margin: 0 auto 30px;
        }
        .about-content {
            .btn-business {
                width: 260px;
            }
        }
        .person-block {
            display: none;
        }
        .contact-info {
            width: 280px;
            margin: 0 auto;
            .tel-block {
                .tel {
                    font-size: 20px;
                }
            }
            .details {
                .tel {
                    font-size: 20px;
                }
            }
            .details-list {
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
                font-size: 16px;
                padding: 10px;
            }
            .list-column {
                width: 100%;
            }
            .social-wrapper {
                width: 200px;
                margin: 10px auto;
            }
            .details-footer {
                padding: 10px;
                font-size: 16px;
            }
        }
    }
}


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

footer {
    background: #354051;
    padding: 45px 0;
    color: #fff;
    .site-support {
        color: #fff;
    }
    .flex-container {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -o-align-items: center;
        align-items: center;
    }
    .flex-column {
        width: 49%;
        &:nth-of-type(1) {
            width: 48%;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -o-justify-content: space-between;
            justify-content: space-between;
            -webkit-align-items: center;
            -moz-align-items: center;
            -o-align-items: center;
            align-items: center;
            font-size: 20px;
            font-family: @light;
            text-align: center;
        }
        &:nth-of-type(2) {
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            font-size: 14px;
        }
    }
}

@media screen and (max-width: 1220px) {
    footer {
        .flex-column {
            width: 49%;
            &:nth-of-type(1) {
                width: 45%;
                font-size: 16px;
            }
            &:nth-of-type(2) {
                width: 55%;
                display: -webkit-flex;
                display: -moz-flex;
                display: -o-flex;
                display: flex;
                font-size: 12px;
            }
        }
    }
}

@media screen and (max-width: 992px) {
    footer {
        padding: 20px 0;
        .flex-column {
            width: 100%;
            &:nth-of-type(1) {
                display: none;
            }
            &:nth-of-type(2) {
                width: 100%;
                font-size: 12px;
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
                text-align: center;
                p {
                    margin-bottom: 10px;
                    &:last-of-type {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }
}


/* ---------------------- map --------------------------- */
.map {
    background: #354051 url("../img/pixelate.gif") repeat center center;
    background-size: 2px 2px;
    padding-bottom: 35px;
    .svg_filial {
        .svg_text {
            display: none;
        }
    }
    .svg_filial:hover {
        cursor: pointer;
        .svg_text {
            display: block;
            -webkit-transform: scaleY(1.03);
            -moz-transform: scaleY(1.03);
            -o-transform: scaleY(1.03);
            -webkit-transform: scaleY(1.03);transform: scaleY(1.03);
        }
    }
    polygon{
        cursor: pointer;        
    }
    polygon:hover {
        fill: #D7DBDC;
    }
    h4 {
        font-family: @extralight;
        text-align: center;
        font-size: 30px;
        color: #fff;
        padding: 70px 0 20px;
    }
    .map-wrapper {
        height: 410px;
        background: url("../img/map-min.png") no-repeat center center;
        background-size: contain;
        position: relative;
        polygon:hover {
            fill: #D7DBDC;
        }
    }
    .map-icon {
        width: 90px;
        height: 36px;
        background: url("../img/map-icon-min.png") no-repeat center center;
        position: absolute;
    }
    .map-icon-1 {
        top: 60px;
        left: 60px;
    }
    .map-icon-2 {
        top: 130px;
        left: 245px;
    }
    .map-icon-3 {
        top: 80px;
        left: 470px;
    }
    .map-icon-4 {
        top: 35px;
        left: 535px;
    }
    .map-icon-5 {
        top: 125px;
        left: 690px;
    }
    .map-icon-6 {
        top: 210px;
        left: 735px;
    }
    .map-icon-7 {
        top: 50px;
        left: 860px;
    }
    .map-icon-8 {
        top: 275px;
        left: 520px;
    }
    .tooltiptext {
        width: auto;
        background: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        left: 10%;
        bottom: 125%;
        opacity: 0;
        transition: opacity .2s;
        font-family: @medium;
        font-size: 18px;
        &:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }
    }
    .map-icon:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (max-width: 1220px) {
    .map {
        .map-icon {
            width: 70px;
            height: 30px;
            background: url("../img/map-icon-min.png") no-repeat center center;
            background-size: contain;
        }
        .map-icon-1 {
            top: 85px;
            left: 25px;
        }
        .map-icon-2 {
            top: 140px;
            left: 170px;
        }
        .map-icon-3 {
            top: 125px;
            left: 385px;
        }
        .map-icon-4 {
            top: 70px;
            left: 425px;
        }
        .map-icon-5 {
            top: 135px;
            left: 560px;
        }
        .map-icon-6 {
            top: 210px;
            left: 610px;
        }
        .map-icon-7 {
            top: 70px;
            left: 715px;
        }
        .map-icon-8 {
            top: 255px;
            left: 430px;
        }
        .tooltiptext {
            font-size: 16px;
        }
    }
}

@media screen and (max-width: 992px) {
    .map {
        .map-icon {
            width: 60px;
            height: 25px;
        }
        .map-icon-1 {
            top: 110px;
            left: 25px;
        }
        .map-icon-2 {
            top: 145px;
            left: 140px;
        }
        .map-icon-3 {
            top: 140px;
            left: 290px;
        }
        .map-icon-4 {
            top: 100px;
            left: 325px;
        }
        .map-icon-5 {
            top: 160px;
            left: 435px;
        }
        .map-icon-6 {
            top: 210px;
            left: 470px;
        }
        .map-icon-7 {
            top: 100px;
            left: 550px;
        }
        .map-icon-8 {
            top: 245px;
            left: 325px;
        }
        .tooltiptext {
            font-size: 16px;
        }
    }
}

@media screen and (max-width: 768px) {
    .map {
        display: none;
    }
}


/* -------------------- calculator --------------------- */

.calculator {
    padding: 80px 0 125px;
    background: #fff url("../img/calc-bg-min.png") no-repeat center bottom;
    h4 {
        font-family: @extralight;
        text-align: center;
        font-size: 30px;
        color: #354051;
        margin-bottom: 40px;
    }
    .inner-container {
        width: 840px;
        margin: 0 auto;
        font-family: "Exo2Light";
    }
    .calc-top {
        .flex-column:nth-of-type(1) {
            width: 40%;
            p {
                font-size: 16px;
                font-family: @light;
            }
        }
        .flex-column:nth-of-type(2) {
            width: 60%;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -o-align-items: center;
            align-items: center;
            position: relative;            
            .min-val {
              font-family: "Exo2Medium";
              font-size: 24px;
              position: absolute;
              left: -23px;
              top: 40px;
            }
            .max-val {
              font-family: "Exo2Medium";
              font-size: 24px;
              position: absolute;
              right: -33px;
              top: 40px;
            }
        }
    }
    .calc-top-result {
        margin-top: 35px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        .result-column {
            width: 33.33%;
            text-align: center;
        }
        .result {
            font-family: "Exo2SemiBold";
            font-size: 46px;
            margin-bottom: 5px;
        }
    }
    .calc-data-wrapper {
        padding: 20px 0 40px;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        .flex-column {
            width: 45%;
        }
        .calc-data-item {
            width: 100%;
            margin-bottom: 15px;
            display: -webkit-flex;
            display: -moz-flex;
            display: -o-flex;
            display: flex;
            border: 2px solid #ebebeb;
            &:last-of-type {
                margin-bottom: 0;
            }
            .calc-data-name {
                padding: 10px 0;
                width: 65%;
                padding-left: 20px;
                background: #d4eef9;
            }
            .calc-data-result {
                padding: 10px 0;
                width: 35%;
                text-align: center;
            }
        }
    }
    .calc-bottom {
        text-align: center;
        border-bottom: 1px solid #000;
        padding-bottom: 30px;
        .result {
            font-family: @semibold;
            font-size: 72px;
            margin-bottom: 20px;
        }
        .description {
            font-family: @medium;
            font-size: 24px;
        }
    }
}

@media screen and (max-width: 992px) {
    .calculator {
        padding: 40px 0 125px;
        .inner-container {
            width: 100%;
        }
        .calc-top {
            .flex-container:nth-of-type(1) {
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
            }
            .flex-column:nth-of-type(1) {
                width: 100%;
                margin-bottom: 50px;
                p {
                    font-size: 18px;
                    text-align: center;
                }
            }
            .flex-column:nth-of-type(2) {
                width: 500px;
                margin: 0 auto;
                .min-val {
                    top: 10px;
                }
                .max-val {
                    top: 10px;
                }
            }
        }
        .calc-top-result {
            margin-top: 60px;
            padding-bottom: 10px;
            .result-column {
                text-align: center;
            }
            .result {
                font-family: "Exo2SemiBold";
                font-size: 40px;
                margin-bottom: 5px;
            }
        }
        .calc-data-wrapper {
            padding: 20px 0 40px;
            .flex-column {
                width: 48%;
            }
            .calc-data-item {
                width: 100%;
                .calc-data-name {
                    padding: 10px 0;
                    width: 70%;
                    padding-left: 10px;
                    background: #d4eef9;
                }
                .calc-data-result {
                    padding: 10px 0;
                    width: 30%;
                    text-align: center;
                }
            }
        }
        .calc-bottom {
            padding-bottom: 30px;
            .result {
                font-size: 52px;
                margin-bottom: 10px;
            }
            .description {
                font-size: 20px;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .calculator {
        background: none;
        padding: 20px 0 20px;
        h4 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .inner-container {
            width: 100%;
        }
        .calc-top {
            .flex-column:nth-of-type(1) {
                width: 100%;
                margin-bottom: 50px;
                p {
                    font-size: 18px;
                    text-align: center;
                }
            }
            .flex-column:nth-of-type(2) {
                width: 80%;
                margin: 0 auto;
                .min-val {
                    top: 10px;
                }
                .max-val {
                    top: 10px;
                }
            }
        }
        .calc-top-result {
            margin-top: 60px;
            padding-bottom: 10px;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: center;
            -moz-align-items: center;
            -o-align-items: center;
            align-items: center;
            .result-column {
                text-align: center;
                margin-bottom: 20px;
            }
            .result {
                font-family: "Exo2SemiBold";
                font-size: 32px;
                margin-bottom: 5px;
            }
        }
        .calc-data-wrapper {
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -o-flex-direction: column;
            flex-direction: column;
            padding: 20px 0 40px;
            .flex-column {
                width: 280px;
                margin: 0 auto;
                margin-bottom: 15px;
                &:last-of-type {
                    margin-bottom: 0;
                }
            }
            .calc-data-item {
                width: 100%;
                align-items: center;
                border-width: 1px;
                height: 30px;
                line-height: 30px;
                .calc-data-name {
                    padding: 0;
                    width: 70%;
                    padding-left: 5px;
                    background: #d4eef9;
                    font-size: 14px;
                }
                .calc-data-result {
                    padding: 0;
                    width: 30%;
                    text-align: center;
                }
            }
        }
        .calc-bottom {
            border-bottom: none;
            padding-bottom: 0;
            .result {
                font-size: 38px;
                margin-bottom: 10px;
            }
            .description {
                font-size: 16px;
            }
        }
    }
}

/* ------------------ forms --------------------- */


.google-web-form form {
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    box-sizing: border-box;
}

.google-web-form h4 {
    font-size: 22px;
    color: #4d4d64;
    text-align: center;
    margin-bottom: 35px;
}

.google-web-form .form-field {
    margin-bottom: 10px;
}

.google-web-form .form-field input {
    display: block;
    -webkit-appearance: none;
    width: 100%;
    height: 45px;
    padding: 0 20px;
    line-height: 55px;
    font-size: 16px;
    color: #4d4d64;
    border: 1px solid #ececec;
    border-radius: 5px;
    box-sizing: border-box;
}

.google-web-form .form-field input:focus {
    outline: none;
}

.google-web-form .form-field:last-of-type {
    margin-bottom: none;
}

.google-web-form input[type=submit] {
    display: block;
    width: 255px;
    height: 50px;
    line-height: 50px;
    background: #dd4345;
    color: #fff;
    border: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: @medium;
    cursor: pointer;
    margin: 0 auto;
    transition: .2s;
    &:hover {
        background: darken(#dd4345, 10%);
    }
}

.google-web-form .error {
    display: none;
    margin-top: 5px;
    color: #da3637;
    font-size: 14px;
    text-align: center
}

@media screen and (max-width: 1220px) {
    .contacts .google-web-form {
        margin-left: 20px;
    }
}

@media screen and (max-width: 992px) {
    .contacts .google-web-form {
        margin-left: auto;
    }
}



/* ------------------ forms --------------------- */

.discount-overlay {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8)
}

.discount-overlay form {
    display: block;
    width: 470px;
    padding: 45px;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: animatetop .4s
}

.discount-overlay .btn-close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px
}

.discount-overlay h4 {
    font-size: 22px;
    color: #4d4d64;
    text-align: center;
    margin-bottom: 35px
}

.discount-overlay .form-field {
    margin-bottom: 20px
}

.discount-overlay .form-field input {
    display: block;
    -webkit-appearance: none;
    width: 100%;
    height: 55px;
    padding: 0 20px;
    line-height: 55px;
    font-size: 16px;
    color: #4d4d64;
    border: 1px solid #ececec;
    border-radius: 5px;
    box-sizing: border-box
}

.discount-overlay .form-field input:focus {
    outline: none;
}

.discount-overlay .form-field:last-of-type {
    margin-bottom: none
}

.discount-overlay input[type=submit] {
    display: block;
    width: 255px;
    height: 50px;
    line-height: 50px;
    background: #dd4345;
    color: #fff;
    border: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: @medium;
    cursor: pointer;
    margin: 0 auto;
    transition: .2s;
    &:hover {
        background: darken(#dd4345, 10%);
    }
}

.discount-overlay .error {
    display: none;
    margin-top: 5px;
    color: #da3637;
    font-size: 14px;
    text-align: center
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: -50%;
        opacity: 1
    }
}

@-moz-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: -50%;
        opacity: 1
    }
}

@-o-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: -50%;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 50%;
        opacity: 1
    }
}

@media screen and (max-width: 768px) {
    .discount-overlay form {
        padding: 40px 5px 20px 5px;
        width: 280px;
        border-radius: 5px;
    }
    .discount-overlay .btn-close {
        top: 10px;
        right: 10px;
    }
    .discount-overlay h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .discount-overlay .form-field {
        margin-bottom: 20px;
    }
    .discount-overlay .form-field input {
        -webkit-appearance: none;
        width: 90%;
        margin: 0 auto;
        height: 40px;
        padding: 0 20px;
        line-height: 40px;
        font-size: 16px;
    }
    .discount-overlay input[type=submit] {
        width: 240px;
        height: 40px;
        line-height: 40px;
    }
}


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #354051;
}

.ui-slider:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: -7px;
    top: -2px;
}

.ui-slider:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    right: -7px;
    top: -2px;
}

.ui-slider-handle {
    position: relative;
}

.ui-slider-handle .outcome {
    font-family: @medium;
    font-size: 24px;
    position: absolute;
    top: -35px;
    left: -15px;
}

@media only screen and (max-width: 768px) {
    .ui-slider-handle .outcome {
        font-size: 16px;
        left: -25px;
    }
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background: #fff;
    &:after {
        display: block;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #354051;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}


/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 3px;
    width: 100%;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -13px;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}


/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    background: #ebebeb;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 2px solid #354051;
    background: #fff;
    font-weight: normal;
    color: #354051;
    border-radius: 50%;
    outline: none;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 2px solid #354051;
    background: #fff;
    font-weight: normal;
    color: #354051;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 2px solid #354051;
    background: #fff;
    font-weight: normal;
    color: #354051;
    outline: none;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #000;
    text-decoration: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}


/* positioning */

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/


/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}


/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}