body {
    background-color: #678FC2;
    color: #666666;
    font-family: Tahoma;
    font-size: 11px;
    line-height: normal;
    height: 100%;
    padding: 0px;
    margin: 0px;
}


td {
    font-size: 11px;
}

a {
    color: #0560A6;
    text-decoration: none;
}

    a:hover {
        color: #0560A6;
        text-decoration: underline;
    }
/* Верхняя полоса */
#l1 td.header {
    height: 24px;
    text-align: right;
    color: #FFFFFF;
    font-size: 8pt;
    padding: 3px 28px 0 0;
    font-weight: bold;
}

/* Полоса с логотипом */
#l2 {
    height: 49px;
    background-image: url(/content/images/line-second-bg3.jpg);
}

    #l2 table.inner {
        width: 100%;
        height: 100%;
    }

    #l2 td.left {
        width: 29px;
        background-image: url(/content/images/line-second-bg1.jpg);
    }

    #l2 td.center {
        font-size: 8pt;
        color: #666666;
        line-height: 1.3em;
        font-weight: bold;
        text-align: right;
    }

        #l2 td.center div.links {
            float: right;
            padding: 10px 0px 0 0;
            line-height: 12pt;
            font-weight: bold;
        }

    #l2 td.right {
        width: 29px;
        background-image: url(/content/images/line-second-bg2.jpg);
    }

#logo {
    width: 200px;
    height: 36px;
    float: left;
    margin: 10px 0 0 0;
    background-image: url(/content/images/line-second-logo.jpg);
}

#logo_test {
    width: 200px;
    height: 36px;
    float: left;
    margin: 10px 0 0 0;
    background-image: url(/Content/images/line-second-logo_test.jpg);
}

#logo_rating {
    width: 175px;
    height: 34px;
    float: left;
    margin: 10px 0 0 0;
    background-image: url(/Content/images/line-second-logo-rating.jpg);
}

#logo_rating_ru {
    width: 175px;
    height: 34px;
    float: left;
    margin: 10px 0 0 0;
    background-image: url(/Content/images/line-second-logo-rating_ru.jpg);
}

#logo_rating_kz {
    width: 175px;
    height: 34px;
    float: left;
    margin: 10px 0 0 0;
    background-image: url(/Content/images/line-second-logo-rating_kz.jpg);
}

#logo_rating_en {
    width: 175px;
    height: 34px;
    float: left;
    margin: 10px 0 0 0;
    background-image: url(/Content/images/line-second-logo-rating_en.jpg);
}

#l2 a {
    color: #666666;
    text-decoration: none;
}

    #l2 a:hover {
        text-decoration: underline;
    }

/* Полоса навигации */
#l3 {
    height: 28px;
}

    #l3 table.inner {
        width: 100%;
        height: 100%;
    }

    #l3 td.center {
        background-image: url(/content/images/line-third-bg1.jpg);
        padding-left: 35px;
    }

    #l3 div.brk {
        background-image: url(/content/images/line-third-bg4.jpg);
        display: block;
        width: 1px;
        height: 100%;
        float: left;
    }

    #l3 a {
        text-align: center;
        float: left;
        display: block;
        color: #11449E;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none;
        height: 28px;
        font-family: Arial;
    }

        #l3 a div {
            float: left;
            display: block;
            cursor: pointer;
        }

            #l3 a div.center {
                padding: 8px 10px 0 10px;
            }

            #l3 a div.left {
                width: 3px;
                height: 100%;
            }

            #l3 a div.right {
                width: 3px;
                height: 100%;
            }

        #l3 a.active, #l3 a.active:hover {
            background-image: url(/content/images/line-third-bg7.jpg);
        }

            #l3 a.active div.left, #l3 a.active:hover div.left {
                background-image: url(/content/images/line-third-bg5.jpg);
            }

            #l3 a.active div.right, #l3 a.active:hover div.right {
                background-image: url(/content/images/line-third-bg6.jpg);
            }

        #l3 a:hover {
            background-image: url(/content/images/line-third-bg10.jpg);
        }

            #l3 a:hover div.left {
                background-image: url(/content/images/line-third-bg9.jpg);
            }

            #l3 a:hover div.right {
                background-image: url(/content/images/line-third-bg8.jpg);
            }

/* Полоса инструментов */
#l4 {
    height: 100%;
}

    #l4 table.inner {
        height: 100%;
        width: 100%;
        table-layout: fixed;
    }

    #l4 td.center {
        background-color: #FFFFFF;
        background-image: url(/content/images/line-4-bg1.jpg);
        background-repeat: repeat-x;
        background-position: top;
        vertical-align: top;
        padding: 4px 9px 4px 9px;
    }

#test {
    height: 91px;
}

    #test table.inner {
        height: 100%;
        width: 100%;
        table-layout: fixed;
    }

    #test td.center {
        background-color: #FFFFFF;
        background-image: url(/content/images/line-9-bg3.jpg);
        background-repeat: repeat-x;
        background-position: top;
        vertical-align: top;
        padding: 4px 9px 4px 9px;
    }

#social {
    height: 91px;
}

    #social table.inner {
        height: 100%;
        width: 100%;
        table-layout: fixed;
    }

    #social table.inner {
        height: 100%;
        width: 100%;
        table-layout: fixed;
    }

    #social td.center {
        background-color: #FFFFFF;
        background-image: url(/content/images/line-9-bg3.jpg);
        background-repeat: repeat-x;
        background-position: top;
        vertical-align: top;
        padding: 4px 4px 4px 4px;
    }



#inf {
    height: 91px;
    width: 100%;
}

#inf2 {
    height: 45px;
    width: 100%;
}

#inf td.left {
    background-image: url(/content/images/line-9-bg1.jpg);
    width: 2px;
}

#inf td.center {
    background-image: url(/content/images/line-9-bg3.jpg);
    padding: 4px 0px 9px 3px
}

#inf td.right {
    background-image: url(/content/images/line-9-bg2.jpg);
    width: 2px;
}

#inf2 td.left {
    background-image: url(/content/images/line-9-bg1.jpg);
    width: 2px;
}

#inf2 td.center {
    background-image: url(/content/images/line-9-bg3.jpg);
    padding: 4px 0px 0px 3px
}

#inf2 td.right {
    background-image: url(/content/images/line-9-bg2.jpg);
    width: 2px;
}

#tools {
    min-height: 78px;
    width: 100%;
}

    #tools td.left {
        background-image: url(/content/images/line-9-bg1.jpg);
        background-size: auto 100%;
        width: 2px;
    }

    #tools td.center {
        background-image: url(/content/images/line-9-bg3.jpg);
        background-size: auto 100%;
        padding: 4px 0px 9px 3px
    }

    #tools td.right {
        background-image: url(/content/images/line-9-bg2.jpg);
        background-size: auto 100%;
        width: 2px;
    }

table.tool {
    height: 100%;
    table-layout: fixed;
    float: left;
    margin-right: 4px;
    color: #0560A6;
    font-size: 11px;
    table-layout: fixed;
}

    table.tool td.top-left {
        background-image: url(/content/images/line-9-bg4.png);
        width: 2px;
    }

    table.tool td.top-center {
        background-image: url(/content/images/line-9-bg6-top.png);
        height: 62px;
        padding: 4px 6px 4px 6px;
        overflow: hidden;
    }

    table.tool ul {
        margin: 0;
        padding: 0 0 0 20px;
    }

    table.tool li {
        line-height: 12px;
        color: #FF9900;
        list-style-type: square;
    }

    table.tool td.top-right {
        background-image: url(/content/images/line-9-bg5.png);
        width: 2px;
    }

    table.tool td.bottom-left {
        background-image: url(/content/images/line-9-bg4.jpg);
        width: 2px;
        background-position: bottom
    }

    table.tool td.bottom-center {
        background-image: url(/content/images/line-9-bg6.jpg);
        background-position: bottom;
        text-align: center;
        font-size: 9px;
        color: #4372B0;
        font-weight: bold;
        vertical-align: bottom;
        padding-bottom: 3px;
    }

    table.tool td.bottom-right {
        background-image: url(/content/images/line-9-bg5.jpg);
        width: 2px;
        background-position: bottom
    }

    table.tool tr.bottom {
        height: 16px;
    }

table.tool-hover td.top-center {
    background-image: url(/content/images/line-9-bg7.png);
    background-position: top;
}

table.tool-hover td.bottom-center {
    background-image: url(/content/images/line-9-bg7.jpg);
    background-position: bottom;
}
/* Подвал */
#l5 {
    height: 75px;
}

    #l5 table.inner {
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    #l5 td.left {
        width: 15px;
        background-image: url(/content/images/line-7-bg1.jpg);
    }

    #l5 td.center {
        background-image: url(/content/images/line-7-bg3.jpg);
        vertical-align: top;
    }

    #l5 td.right {
        width: 15px;
        background-image: url(/content/images/line-7-bg2.jpg);
    }

#copyright {
    height: 46px;
    width: 100%;
    margin-top: 10px;
}

    #copyright td.left {
        background-image: url(/content/images/line-8-bg1.jpg);
        width: 2px;
    }

    #copyright td.center {
        background-image: url(/content/images/line-8-bg3.jpg);
        font-size: 8pt;
        padding-left: 20px;
        line-height: 14px;
        vertical-align: middle;
    }

    #copyright td.right {
        background-image: url(/content/images/line-8-bg2.jpg);
        width: 2px;
    }


/* Общие для всех полос */
td.left {
    width: 5px;
    background-image: url(/content/images/line-third-bg3.jpg);
    background-repeat: repeat-y;
}

td.right {
    width: 5px;
    background-image: url(/content/images/line-third-bg2.jpg);
    background-repeat: repeat-y;
}

table.inner {
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

/* ========================================== */

.hint-catalog {
    font-style: italic;
}

.catalog-input {
    width: 75% !important;
}

[data-title-bottom] {
    position: relative;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

    [data-title-bottom]:hover::before {
        content: attr(data-title-bottom);
        position: absolute;
        bottom: -30px;
        left: -3px;
        display: inline-block;
        padding: 3px 6px;
        border-radius: 2px;
        background: #000;
        color: #fff;
        font-size: 12px;
        font-family: sans-serif;
        white-space: nowrap;
        opacity: 0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
    }

    [data-title-bottom]:hover::after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0px;
        display: inline-block;
        color: #fff;
        border: 8px solid transparent;
        border-bottom: 8px solid #000;
        opacity: 0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
    }

[data-title-right] {
    position: relative;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

    [data-title-right]:hover::before {
        content: attr(data-title-right);
        position: absolute;
        left: 24px;
        top: -2px;
        display: inline-block;
        padding: 3px 6px;
        border-radius: 2px;
        background: #000;
        color: #fff;
        font-size: 12px;
        font-family: sans-serif;
        white-space: nowrap;
        opacity: 0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
    }

    [data-title-right]:hover::after {
        content: '';
        position: absolute;
        left: 8px;
        display: inline-block;
        color: #fff;
        border: 8px solid transparent;
        border-right: 8px solid #000;
        opacity: 0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
    }

[data-title-top] {
    position: relative;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

    [data-title-top]:hover::before {
        content: attr(data-title-top);
        position: absolute;
        top: -30px;
        left: -8px;
        display: inline-block;
        padding: 3px 6px;
        border-radius: 2px;
        background: #000;
        opacity: 0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
        color: #fff;
        font-size: 12px;
        font-family: sans-serif;
        white-space: nowrap;
    }

    [data-title-top]:hover::after {
        content: '';
        position: absolute;
        top: -10px;
        left: 0px;
        display: inline-block;
        color: #fff;
        border: 8px solid transparent;
        border-top: 8px solid #000;
        opacity: 0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
    }


input[type=text], input[type=number], input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 3px 0px 3px 3px;
    border: 1px solid #DDDDDD;
    line-height: 16px;
}

    input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus {
        box-shadow: 0 0 5px rgba(81, 203, 238, 1);
        padding: 3px 0px 3px 3px;
        border: 1px solid rgba(81, 203, 238, 1);
    }

input[type=button]:hover, input[type=submit]:hover, input[type=file]:hover, button:hover, button[type=button]:hover, select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
    cursor: pointer;
}

input[type=reset]:hover {
    background-color: #fc8686;
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid #9d2f2f;
    cursor: pointer;
}

textarea {
    resize: vertical;
    overflow: auto;
}

    input[class=catalog-input], textarea[class=catalog-input], .input-field {
        background-color: #fff;
        box-sizing: border-box;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        padding: 3px 8px 3px 8px;
        border: 1px solid #DDDDDD;
        border-radius: 4px;
    }


        .input-field:hover {
            padding: 3px 10px 3px 8px;
            -webkit-transition: all 0.30s ease-in-out;
            -moz-transition: all 0.30s ease-in-out;
            -ms-transition: all 0.30s ease-in-out;
            -o-transition: all 0.30s ease-in-out;
        }

.input-field-button-bg {
    background-color: #ffffff;
}

.custom-select {
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    cursor: default;
    line-height: 17px;
    font-size: 13px;
    padding: 3px 30px 2px 8px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%23333' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 9px;
    color: #333;
}

    .custom-select::-ms-expand {
        display: none;
    }

    .custom-select:hover {
        border-color: #777;
    }

.full-width {
    width: 100%;
}

.full-width-important {
    width: 100% !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-left-10 {
    margin-left: 10px;
}

.padding-10 {
    padding: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.bg-white {
    background-color: #fff;
}
.blue-btn {
    background-color: #6f88f5;
    color:white;
}
.red-btn {
    background-color: #c10e0eb0;
    color: white;
}

.custom-select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    padding: 3px 10px 3px 4px;
    border: 1px solid rgba(81, 203, 238, 1);
    outline: none;
}

.custom-select:disabled,
.custom-select[aria-disabled="true"] {
    cursor: not-allowed;
    background-color: rgb(215 208 208 / 75%);
}

    .custom-select:disabled:hover,
    .custom-select[aria-disabled="true"]:hover {
        border-color: #999;
    }


#simplemodal-overlay {
    background-color: #000000;
    cursor: wait;
}

#simplemodal-container {
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 10px;
    max-width: 80%;
}

    #simplemodal-container a.modalCloseImg {
    }

[data-lang-name^="lang-name"]:hover {
    transform: scale(1.1,1.1)
}

.sociallink-div > div:hover {
    transform: scale(1.05,1.05)
}

.text-center {
    text-align:center;
}