﻿
.wide-menu {
    position: absolute;
    font-family: Golos;
    padding: 0px;
    width: 700px;
    height: 18px;
    left: 390px;
    top: 41px;
}

.wide-menu .standard {
    position: relative;
    text-align: left;
    width: 16.66%;
}

.wide-menu .about {
    position: relative;
    text-align: left;
    width: 16.66%;
}

.wide-menu .payment {
    position: relative;
    text-align: left;
    width: 16.66%;
}

.wide-menu .faq {
    position: relative;
    text-align: left;
    width: 12.66%;
}

.wide-menu .discount {
    position: relative;
    text-align: left;
    width: 16.66%;
}

.wide-menu .tools {
    position: relative;
    text-align: left;
    width: 16.66%;
}

.wide-menu .fileservice {
    position: relative;
    text-align: left;
    width: 20.66%;
}

.wide-menu a, .wide-menu a:visited {
    color: black;
    text-decoration: none;
}

.wide-menu .discount-count {
    position: relative;
    display: inline-block;
    top: -7px;
    width: auto;
    height: auto;
    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-transform: uppercase;
    background: #F60A34;
    color: white;
    border-radius: 4px;
    padding: 4px 6px;
    box-sizing: border-box;
}

.wide-menu .online {
    position: relative;
    display: inline-block;
    top: -7px;
    width: auto;
    height: auto;
    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-transform: uppercase;
    background: #2F80ED;
    color: white;
    border-radius: 4px;
    padding: 4px 6px;
    box-sizing: border-box;
}

.wide-header-buttons {
    position: absolute;
    top: 29px;
    left: 1100px;
    width: 400px;
    height: 42px;
}



.tablet-menu {
    position: absolute;
    font-family: Golos;
    font-size: 13px;
    padding: 0px;
    width: 620px;
    height: 18px;
    left: 210px;
    top: 41px;
}

.tablet-about {
    position: absolute;
    left: 0px;
    top: 0px;
    width: auto;
    height: auto;
}

.tablet-payment {
    position: absolute;
    left: 60px;
    top: 0px;
    width: auto;
    height: auto;
}

.tablet-faq {
    position: absolute;
    left: 140px;
    top: 0px;
    width: auto;
    height: auto;
}

.tablet-discount {
    position: absolute;
    left: 190px;
    top: 0px;
    width: auto;
    height: auto;
}

.tablet-tools {
    position: absolute;
    left: 290px;
    top: 0px;
    width: auto;
    height: auto;
}

.tablet-fileservice {
    position: absolute;
    left: 400px;
    top: 0px;
    width: auto;
    height: auto;
}

.tablet-menu a, .tablet-menu a:visited {
    color: black;
    text-decoration: none;
}

.tablet-menu .discount-count {
    position: relative;
    display: inline-block;
    top: -2px;
    width: auto;
    height: auto;
    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-transform: uppercase;
    background: #F60A34;
    color: white;
    border-radius: 4px;
    padding: 4px 6px;
    box-sizing: border-box;
}

.tablet-menu .online {
    position: relative;
    display: inline-block;
    top: -7px;
    width: auto;
    height: auto;
    font-family: Golos;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    text-transform: uppercase;
    background: #2F80ED;
    color: white;
    border-radius: 4px;
    padding: 4px 6px;
    box-sizing: border-box;
}

.tablet-header-buttons {
    position: absolute;
    top: 29px;
    left: 780px;
    width: 300px;
    height: 42px;
}



.wide-footer {
    position: relative;
    width: 100%;
    height: auto;
}

    .wide-footer .links-block {
        position: relative;
        width: 100%;
        height: auto;
        background: #313761;
    }

    .wide-footer .links-line {
        position: relative;
        width: 1216px;
        height: 80px;
        padding: 28px 0 28px 0;
        margin: 0 auto 0 auto;
        box-sizing: border-box;
        background: #313761;
    }

    .wide-footer table {
        position: relative;
        width: 100%;
        height: auto;
        border-spacing: 0px;
        border-collapse: separate;
        box-sizing: border-box;
        table-layout: fixed;
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 26px;
    }

    .wide-footer .column-left {
        width: 14.28%;
        text-align: center;
    }

    .wide-footer .column-right {
        width: 14.28%;
        text-align: center;
    }

    .wide-footer .column {
        width: 14.28%;
        text-align: center;
    }

    .wide-footer .separator {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .wide-footer a, .wide-footer a:visited {
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: white;
        text-decoration: none;
    }

        .wide-footer a:hover {
            text-decoration: underline;
        }

    .wide-footer .content-block {
        position: relative;
        width: 100%;
        height: 264px;
        background: #2A2F58;
    }

    .wide-footer .address-block {
        position: absolute;
        top: 20px;
        left: -40px;
        width: 270px;
        height: 150px;
        font-family: Golos;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 25px;
        color: #FFFFFF;
    }

    .wide-footer .address-line {
        color: #bfc1cd;
    }

a.wide-footer, a.wide-footer:visited {
    color: #2d95d3;
    text-decoration: none;
}

    a.wide-footer:hover {
        text-decoration: underline;
    }

.wide-footer .not-find-block {
    position: absolute;
    top: 50px;
    left: 370px;
    width: 384px;
    height: 61px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.wide-footer .exchange-backup-block {
    position: absolute;
    top: 150px;
    left: 370px;
    width: 384px;
    height: 61px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.wide-footer .follow-us-on-block {
    position: absolute;
    top: 50px;
    left: 770px;
    width: 384px;
    height: 25px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.wide-footer .social-icons {
    position: relative;
    width: 100%;
    height: 26px;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}

.wide-footer .payment-methods-block {
    position: absolute;
    top: 150px;
    left: 770px;
    width: 384px;
    height: 25px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.wide-footer .payment-methods-block2 {
    display: none;
}

.wide-footer .payment-icons {
    position: relative;
    width: 100%;
    height: 26px;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}

.wide-footer .copy-block {
    position: relative;
    width: 100%;
    height: 80px;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    background: #252A50;
    padding: 32px 0 32px 0;
    box-sizing: border-box;
}

.tablet-footer {
    position: relative;
    width: 100%;
    height: auto;
}

    .tablet-footer .links-block {
        position: relative;
        width: 100%;
        height: auto;
        background: #313761;
    }

    .tablet-footer .links-line {
        position: relative;
        width: 768px;
        height: 80px;
        padding: 24px 0 28px 0;
        margin: 0 auto 0 auto;
        box-sizing: border-box;
        background: #313761;
    }

    .tablet-footer table {
        position: relative;
        width: 100%;
        height: auto;
        border-spacing: 0px;
        border-collapse: separate;
        box-sizing: border-box;
        table-layout: fixed;
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
    }

    .tablet-footer .column-left {
        width: 14.28%;
        text-align: center;
    }

    .tablet-footer .column-right {
        width: 14.28%;
        text-align: center;
    }

    .tablet-footer .column {
        width: 14.28%;
        text-align: center;
    }

    .tablet-footer .separator {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .tablet-footer a, .tablet-footer a:visited {
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        color: white;
        text-decoration: none;
    }

    .tablet-footer a:hover {
        text-decoration: underline;
    }

.tablet-footer .content-block {
    position: relative;
    width: 100%;
    height: 264px;
    background: #2A2F58;
}

.tablet-footer .address-block {
    position: absolute;
    top: 20px;
    left: -5px;
    width: 270px;
    height: 150px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.tablet-footer .address-line {
    color: #bfc1cd;
}

a.tablet-footer, a.tablet-footer:visited {
    color: #2d95d3;
    text-decoration: none;
}

a.tablet-footer:hover {
    text-decoration: underline;
}

.tablet-footer .not-find-block {
    position: absolute;
    top: 50px;
    left: 300px;
    width: 384px;
    height: 61px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.tablet-footer .exchange-backup-block {
    position: absolute;
    top: 150px;
    left: 300px;
    width: 384px;
    height: 61px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.tablet-footer .follow-us-on-block {
    position: absolute;
    top: 50px;
    left: 580px;
    width: 384px;
    height: 25px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.tablet-footer .social-icons {
    position: relative;
    width: 100%;
    height: 26px;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}

.tablet-footer .payment-methods-block {
    position: absolute;
    top: 150px;
    left: 480px;
    width: 384px;
    height: 25px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;
}

.tablet-footer .payment-methods-block2 {
    display: none;
}

.tablet-footer .payment-icons {
    position: relative;
    width: 100%;
    height: 26px;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}

.tablet-footer .copy-block {
    position: relative;
    width: 100%;
    height: 80px;
    font-family: Golos;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    background: #252A50;
    padding: 32px 0 32px 0;
    box-sizing: border-box;
}

.mobile-footer {
    position: relative;
    width: 100%;
    height: auto;
}

    .mobile-footer .button-line {
        position: relative;
        width: 100%;
        height: auto;
        background: #313761;
    }

    .mobile-footer .button {
        position: relative;
        width: 100%;
        height: 60px;
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        padding: 24px;
        box-sizing: border-box;
        background: #313761;
        color: white;
        cursor: pointer;
    }

    .mobile-footer .button3 {
        position: relative;
        width: 100%;
        height: 60px;
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        padding: 24px;
        box-sizing: border-box;
        background: #313761;
        color: white;
        cursor: pointer;
        border-bottom: 1px solid #3b4169;
    }

    .mobile-footer .button4 {
        position: relative;
        width: 100%;
        height: 60px;
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        padding: 24px;
        box-sizing: border-box;
        background: #313761;
        color: white;
        cursor: pointer;
    }

    .mobile-footer .arrow {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0%, -50%);
        width: 12px;
        height: 8px;
        background: url(/images/footer-arrow.png) center center no-repeat;
    }

    .mobile-footer .arrow-down {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0%, -50%);
        width: 12px;
        height: 8px;
        background: url(/images/footer-arrow-down.png) center center no-repeat;
    }

    .mobile-footer .copy-line {
        width: 100%;
        height: auto;
        background: #252A50;
    }

    .mobile-footer .copy-block {
        position: relative;
        width: 100%;
        height: auto;
        font-family: Golos;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        color: rgba(255, 255, 255, 0.3);
        background: #252A50;
        padding: 32px 0 32px 0;
        box-sizing: border-box;
    }

    .mobile-footer .address-block {
        position: absolute;
        top: 20px;
        left: 10px;
        width: calc(100% - 20px);
        height: 150px;
        font-family: Golos;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 24px;
        color: #FFFFFF;
    }

    .mobile-footer .address-line {
        color: #bfc1cd;
    }

a.mobile-footer, a.mobile-footer:visited {
    color: #2d95d3;
    text-decoration: none;
}

    a.mobile-footer:hover {
        text-decoration: underline;
    }

.mobile-footer .not-find-block {
    position: absolute;
    top: 140px;
    left: 10px;
    width: calc(100% - 20px);
    height: 61px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.mobile-footer .exchange-backup-block {
    position: absolute;
    top: 210px;
    left: 10px;
    width: calc(100% - 20px);
    height: 61px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.mobile-footer .follow-us-on-block {
    position: absolute;
    top: 280px;
    left: 10px;
    width: 384px;
    height: 25px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.mobile-footer .social-icons {
    position: relative;
    width: 100%;
    height: 26px;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}

.mobile-footer .footer-line {
    position: relative;
    width: 100%;
    height: 442px;
    background: #2A2F58;
}

.mobile-footer .payment-methods-block {
    position: absolute;
    top: 350px;
    left: 10px;
    width: auto;
    height: 25px;
    font-family: Golos;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}

.mobile-footer .payment-icons {
    position: relative;
    width: 100%;
    height: 26px;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}


/* WIDE CONTENT BLOCK */

.wide-content-block {
    min-height: 700px;
}

/* TABLET CONTENT BLOCK */

.tablet-content-block {
    min-height: 700px;
}