/*PRE*/
input, select, textarea, table {
    /* font: inherit; */
    color: inherit;
    vertical-align: middle;
    outline: none;
    text-align: left;
    line-height: normal;
}

a, a:hover {
    color: inherit;
    text-decoration: none;
    cursor: text;
}

    a[href], button, [role="button"], [type="button"], [type="submit"] {
        cursor: pointer !important;
    }

*:focus, *:active {
    outline: none !important;
}

p {
    line-height: normal;
}

/* We Change the below code - Pragnesh*/
.companylogo {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

img[style*='url'] {
    content: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    background: no-repeat 50% 50%;
    background-size: cover;
}

hr {
    background: none;
    border: none;
    border-top: 1px solid #333;
    padding: 0;
    margin: 20px 0;
    font-size: 0;
    line-height: 0;
}

iframe {
    background: none;
    border: none;
    max-width: 100%;
}

h1, h2, h3 {
    line-height: normal;
    font-weight: 500;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 20px;
}

.modal-header {
    cursor: move;
}
/*lang*/
/*some code Added by Ilya*/
.denmark, .finland, .sweden, .norway, .english, .netherlands, .spain, .countries, .french, .portugal, .belgium {
    display: inline-block;
    background: no-repeat 0 50%;
    background-size: 25px auto;
    padding-left: 30px;
}

.clearfix {
    clear: both;
    min-height: 1%;
}

    .clearfix:after {
        display: block;
        content: "";
        font-size: 0;
        line-height: 0;
        height: 0;
        visibility: hidden;
        clear: both;
    }

/*!*FONT*!
!*@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");*!
!*example of font-weight: http://screencast.com/t/3KcFVXJqHFh*!
.thin {
    font-weight: 300
}

.light {
    font-weight: 300
}

.regular {
    font-weight: 400
}

.medium {
    font-weight: 500
}

.bold {
    font-weight: 700
}

.black {
    font-weight: 900
}*/

/*LAYOUT*/
html {
    height: 100%;
    background: #fff;
}

body {
    height: 100%;
    font: 16px/1 "Roboto", sans-serif;
    font-weight: 400;
    color: #252525;
}

    body.nav {
        overflow: hidden;
        /* We dont' require the below commented code - Ilya 20-Dec-2016*/
        /*position: fixed;
    width: 100%;*/
    }

/* We dont' require the below commented code - Ilya 20-Dec-2016 */
/*body.nav header .menu{
    position: fixed;
    width: 50px;
    height: 50px;
}*/

#main {
    padding: 30px 0px;
}

/*aside*/
aside {
    float: left;
    width: 20%;
    /*margin-top: -10px;*/
    line-height: 34px;
    font-size: 14px;
}

    aside h5 {
        padding: 12px 0px;
        padding-left: 15px;
        font-size: 16px;
        color: #015cae;
        font-weight: bold;
        line-height: 22px;
        border-bottom: 1px solid #d0d0d0;
        display: block;
    }

    aside ul + ul {
        margin-top: 34px;
        border-top: 1px solid #d0d0d0;
    }

    aside li {
        border-bottom: 1px solid #d0d0d0;
    }

        aside li li {
            border: none;
            border-top: 1px solid #d0d0d0;
        }

        aside li ul {
            display: none;
        }

        aside li.active > ul {
            display: block;
        }

    aside a {
        display: block;
        color: inherit;
        padding: 10px 15px;
        padding-left: 10px;
        border-left: 5px solid transparent;
        line-height: 25px;
        font-size: 16px;
    }

        aside a:hover {
            color: #ae3e92;
        }

        aside a:hover,
        aside li.active > a {
            border-color: #ae3e92;
        }

        aside a:focus {
            color: #252525;
        }

    aside li.active > a {
        background: #f4f4f4;
    }

    aside li.current > a,
    aside li.active > a {
        font-weight: 500;
    }

    aside li li a {
        padding-left: 20px;
    }

    aside li li.sub-menu > a {
        font-family: inherit;
        font-weight: bold;
    }

    aside li li li a {
        padding-left: 30px;
    }
/*main*/
main {
    /*margin-left: 20%;*/ /*SO New Design*/
    padding: 0px 0px 0px 0px; /*SO New Design*/
    overflow: visible;
}

/*header*/
header {
    position: relative;
    height: 50px;
    line-height: 50px;
    background: #eee;
    font-size: 14px;
}

    header .info {
    }

    header .logo {
        position: absolute;
        top: 35%;
        left: 0px;
        line-height: 55px;
    }

    header .menu {
        display: none;
        position: absolute;
        width: 50px;
        height: 100%;
        top: 0;
        right: 0;
        cursor: pointer;
    }

        header .menu:hover, .nav .menu {
            background: #015cae;
        }

        header .menu em {
            position: absolute;
            top: 50%;
            left: 25%;
            width: 50%;
            margin-top: -1px;
            border-top: 1px solid #015cae;
            border-bottom: 1px solid #015cae;
        }

            header .menu em:before {
                position: absolute;
                content: "";
                bottom: 5px;
                right: 0;
                width: 75%;
                border-top: 2px solid;
                border-color: inherit;
            }

            header .menu em:after {
                position: absolute;
                content: "";
                top: 5px;
                right: 0;
                width: 75%;
                border-bottom: 2px solid;
                border-color: inherit;
            }

        header .menu:hover em,
        .nav .menu em {
            border-color: #fff;
        }

.nav .menu em {
    border-style: none;
}

    .nav .menu em:before {
        transform: rotate(45deg);
        bottom: -1px;
        right: 12%;
    }

    .nav .menu em:after {
        transform: rotate(-45deg);
        top: -1px;
        right: 12%;
    }

/*nav*/
nav {
    height: 55px;
    /* We Change the below code - Pragnesh*/
    padding: 0 20px 0 180px;
    line-height: 50px;
    background: #fff;
    margin: 0px -15px;
}

    nav li {
        float: left;
        margin-right: 35px;
        text-align: center;
    }

        nav li:nth-child(7) {
            margin-right: 0px;
        }

        nav li.right {
            float: right !important;
            margin-right: 0;
            margin-left: 40px;
        }

        nav li.user {
            position: absolute;
            top: 0;
            right: 0px;
            margin: 0;
            padding: 0;
            line-height: 50px;
            font-size: 14px;
        }

        nav li.lang {
            margin-left: -40px;
            cursor: pointer;
        }

            nav li.lang img {
                display: none;
                height: 20px;
                margin-right: 5px;
            }

            nav li.lang a {
                color: inherit;
            }

            nav li.lang > span:after {
                display: inline-block;
                content: "";
                margin-left: 5px;
                vertical-align: middle;
                font-size: 0;
                line-height: 0;
                border-top: 4px solid #757575;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
            }

        nav li ul {
            display: none;
            position: absolute;
            line-height: 20px;
            padding: 7.5px;
            background: #015cae;
            color: #fff;
            white-space: nowrap;
            z-index: 5;
        }

            nav li ul li {
                float: none;
                margin: 0;
                padding: 7.5px;
            }

        nav li.active > ul,
        #nav-main li.multi-level-menu.active .sub-level-menu,
        #nav-main li.multi-level-menu.active .sub-level-menu.active {
            display: block;
        }

    nav a:hover {
        text-decoration: underline;
        color: #252525;
    }

    nav .active > a,
    nav .open > a {
        color: #ffffff;
        font-weight: bold;
    }
/*elements*/
[role] {
    position: relative;
    height: 48px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
   
}
.gm-style-iw-c
{
    min-height:300px !important;
}

[role] label + * {
    margin-top: 5px;
}

span[role] {
    display: inline-block;
}

[role="textbox"] {
    padding: 0 10px;
}

[role] input, [role] textarea, [role] select {
    height: 100%;
    width: 100%;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

[role] input {
    color: #252525;
    font-family: inherit;
    margin-top: 0px;
    padding-top: 10px !important;
}

    [role] input:-webkit-autofill {
        -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
        /* We Change the below code - Pragnesh*/
        -webkit-text-fill-color: #000 !important; /* цвет текста */
        /* We Change the below code - Pragnesh*/
        color: #000 !important; /* цвет текста */
    }

[role] label {
    position: absolute;
    top: 5px;
    left: 10px;
    /*color: #015cae;*/
    color: #406ed3;
    /* We Change the below code - Pragnesh*/
    font-size: 11px;
    font-weight: 500;
    font-family: inherit;
}

    [role] label.arror {
        color: #c70933;
    }


    [role] label + select {
        height: calc(100% - 5px);
    }

[role="listbox"] {
}
    /*[role="listbox"]:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 100%;
    right: 0px;
    background-color: white;
    z-index: 2;
}*/
    [role="listbox"]:after {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #015cae;
        border-left: 2px solid #015cae;
        right: 10px;
        top: 50%;
        margin-top: -6px;
        transform: rotate(-45deg);
        z-index: 3;
    }

[role] select {
    height: 39px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none !important;
    padding: 0 10px;
}

[role="checkbox"] {
    display: inline-block !important;
    min-width: 17px;
    height: 17px;
    line-height: 17px;
    border: none;
    vertical-align: middle;
    white-space: nowrap;
}


    [role="checkbox"]:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        top: 0;
        left: 0;
        border: 1px solid #a7a7a7;
        background-color: #ffffff;
    }

    [role="checkbox"].checked:after {
        position: absolute;
        content: "";
        left: 4px;
        top: 5px;
        width: 8px;
        height: 3px;
        border-bottom: 2px solid #015cae;
        border-left: 2px solid #015cae;
        transform: rotate(-45deg);
    }

    [role="checkbox"] input {
        top: 1px;
        left: 1px;
        font-size: 10px;
        opacity: 0;
        z-index: 1;
    }

    [role="checkbox"] input {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        top: 0;
        left: 0;
        border: 1px solid #d0d0d0;
    }

    [role="checkbox"] label {
        position: static;
        font-size: 14px;
        color: inherit;
        font-weight: inherit;
        margin-left: 22px;
    }

    [role="checkbox"] input:checked + label {
        color: inherit;
    }

.filter {
    margin: 0 0 20px -10px;
    font-weight: 400;
}

    .filter li {
        float: left;
        width: calc(25% - 10px);
        margin: 0 0 10px 10px;
    }

.filter5 li {
    float: left;
    width: calc(20% - 10px);
    margin: 0 0 10px 10px;
}

.filtersearchtext {
    width: calc(30% - 10px) !important;
}

.filtercheckbox {
    width: calc(10% - 10px) !important;
}

.filter [role] {
    display: block;
}

.filter [role="checkbox"] {
    margin: 4px 10px;
    margin-right: 0;
}

/*table*/
.grid {
    margin-top: -10px;
    overflow: auto;
}

.table {
    display: table;
    width: 100%;
    line-height: normal;
    cursor: default;
    border: 1px solid #ddd;
}

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

    .table .tr {
        display: table-row;
    }

    .table .th {
        font-weight: 500;
        /* We dont' require the below commented code - Pragnesh*/
        /*cursor: pointer;*/
        line-height: 1;
    }

        .table .th .td {
            position: relative;
            white-space: nowrap;
            font-weight: bold;
            font-size: 16px;
            color: #252525;
            vertical-align: middle;
            background-color: #e6e6e6;
            /*padding-right: 15px;*/
            padding-left: 5px;
        }

        .table .th .text {
            min-width: 100px;
        }

        .table .th .td:after {
            opacity: 0;
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            border-bottom: 1px solid #333;
            border-left: 1px solid #333;
            top: 50%;
            margin: -5px 0 0 5px;
            transform: rotate(-45deg);
        }
        /* We dont' require the below commented code - Pragnesh*/
        /*.table .th .td:hover:after {
    opacity: 1
}*/
        .table .th .td:hover span {
            text-decoration: underline;
        }

        .table .th .td.desc:hover:after {
            transform: rotate(135deg);
            margin-top: -2px;
        }

    .table .tr:nth-child(2n) .td {
        background: #f4f4f4;
    }

    .table .tr.active .td {
        background-color: rgba(1, 92, 174, 0.25) !important;
    }

    .table .td {
        display: table-cell;
        /*padding: 10px*/
    }

        .table .td:first-child {
            padding-left: 5px;
        }

        .table .td:last-child {
            padding-right: 15px;
        }

/*pagination*/
.pagination {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
    padding-top: 30px;
    border-top: 2px solid #ddd;
}

    .pagination li {
        display: inline-block;
        margin: 0 8px;
        vertical-align: middle;
    }

    .pagination .prev, .pagination .next {
        width: 13px;
        height: 13px;
        background: url('gfx/icon-prev1.png') no-repeat 50% 50%;
        cursor: pointer;
    }

    .pagination .next {
        background-image: url('gfx/icon-next1.png');
        margin-right: 0;
    }

    .pagination .next {
        margin-left: 0;
    }

    .pagination .prevAll, .pagination .nextAll {
        width: 18px;
        height: 12px;
        background: url('gfx/icon-prevAll1.png') no-repeat 50% 50%;
        cursor: pointer;
    }

    .pagination .prevAll {
        margin-right: 40px;
    }

    .pagination .nextAll {
        margin-left: 40px;
        background-image: url('gfx/icon-nextAll1.png');
    }

    .pagination .prev, .pagination .next, .pagination .prevAll, .pagination .nextAll {
        /*opacity: 0.5*/
    }

        .pagination .prev:hover {
            background: url('gfx/icon-prev.png') no-repeat 50% 50%;
        }

        .pagination .next:hover {
            background-image: url('gfx/icon-next.png');
        }

        .pagination .prevAll:hover {
            background: url('gfx/icon-prevAll.png') no-repeat 50% 50%;
        }

        .pagination .nextAll:hover {
            background-image: url('gfx/icon-nextAll.png');
        }

    .pagination .current {
        display: inline-block;
        text-align: center;
        margin: 0 5px 3px;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 35px;
        padding: 0px;
    }

        .pagination .current:hover {
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination .pages {
        position: absolute;
        left: 0;
        margin-left: 0;
        font-size: 16px;
    }
/*select form*/
.select_resort_blosk:after {
    background: url(../images/selectric-arrow.png) no-repeat;
    position: absolute;
    content: "";
    width: 12px;
    height: 8px;
    border-bottom: none;
    border-left: none;
    right: 10px;
    top: 55%;
    margin-top: -6px;
    transform: rotate(0deg);
    z-index: 3;
}

.select_resort {
    cursor: pointer;
    padding: 0px 10px !important;
    -ms-appearance: none;
    appearance: none !important;
}

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

.sanatorium-options_collapse {
    position: absolute;
    width: 100%;
    z-index: 6;
    top: 48px;
}

.sanatorium-options {
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
}

    .sanatorium-options .border_list {
        float: none;
        /* We Change the below code - Pragnesh*/
        padding: 0px 15px;
        width: 100%;
        margin: 0px;
        border-bottom: 1px solid #EEEEEE;
    }

        .sanatorium-options .border_list:last-child {
            border-bottom: none;
        }

    .open_block:before,
    .sanatorium-options.collapse.in:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #406eb3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .sanatorium-options span {
        cursor: pointer;
        display: block !important;
    }

    .sanatorium-options i {
        height: 17px;
    }

    .sanatorium-options label {
        position: relative;
        top: 0px;
        cursor: pointer;
        display: block;
    }

.rating-star-row {
    float: right;
}

    .rating-star-row img {
        margin-left: 5px;
        width: 12px;
        height: 12px;
        display: inline-block
    }

.sanatorium-options span.country-label {
    display: inline-block !important;
    position: relative;
    top: 2px
}

.countryImage {
    height: 22px;
    width: 33px;
    margin-right: 10px;
}

/* We dont' require the below commented code - Pragnesh*/
/*.sanatorium-options [role="checkbox"] input{
    left: -33px;
}*/
/*nav-main*/
#nav-main .sub-level-menu {
    border-radius: 0px;
    background-color: #015cae;
    border: none;
    box-shadow: none;
}

    #nav-main .sub-level-menu .sub-menu > ul {
        position: relative;
        border-radius: 0px;
        background-color: #015cae;
        border: none;
        box-shadow: none;
    }

    #nav-main .sub-level-menu > li {
        padding: 7.5px 0px;
    }

        #nav-main .sub-level-menu > li > a {
            font: 16px/1 "Roboto", sans-serif;
            font-weight: 300;
            color: #252525;
        }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
}

#nav-main .sub-level-menu > li:hover > a {
    color: #015cae;
    text-decoration: none;
}

#nav-main .sub-level-menu > li > a:hover {
    background-color: transparent;
    background-image: none;
}

.heder_border {
    border: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.17);
}

.table-scroll {
    overflow-x: auto;
}

.table-scroll_height {
    min-height: 370px;
}

.table .tr.total .td {
    position: relative;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
    color: #252525;
    height: 50px;
    vertical-align: middle;
    background-color: #e6e6e6;
}

.gridHeader {
    text-align: center;
    border: 1px solid #a7a7a7 !important;
    color: black !important;
    font-size: larger !important;
    height: 5px !important;
}

#nav-main > ul > li.lang > ul li {
    padding: 7.5px 0px;
}

    #nav-main > ul > li.lang > ul li a {
        display: block;
    }

.container {
    /*border: 1px solid rgb(64, 110, 179);*/
    /*padding: 0px;*/
}

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.align_center {
    text-align: center;
}

.table .tr [role="checkbox"]:before {
    border: 1px solid #a5a5a5;
}

.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success:active:focus {
    background-color: #26478d;
    background-image: none;
    border: none;
    font-size: 16px;
}

    .btn-success:hover {
        background-color: #015cae;
        background-image: none;
    }

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:active:hover {
    font-weight: 400;
    background: #fff;
    border: 1px solid #26478d;
    /*color: #26478d;*/
    color: #982881;
    font-size: 16px;
}

.link_will a {
    color: #015cae;
    font-size: 16px;
    text-decoration: underline;
}

    .link_will a:hover {
        text-decoration: none;
    }

/* Selectric Start */

.selectric {
    position: relative;
    background: #fff !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.selectric-wrapper {
    margin: 5px 0px;
}

.selectric-open {
    position: relative;
}

.selectric-hover .selectric {
    border-color: #ddd !important;
}

.selectric-open .selectric {
    border-color: #ddd !important;
}

    .selectric-open .selectric:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #406eb3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .selectric-open .selectric .label {
        color: #406eb3 !important;
    }

.selectric-open .selectric-items {
    border-radius: 0 0 5px 5px !important;
    -webkit-border-radius: 0 0 5px 5px !important;
    -moz-border-radius: 0 0 5px 5px !important;
    -ms-border-radius: 0 0 5px 5px !important;
    -o-border-radius: 0 0 5px 5px !important;
    border-top: none !important;
}

    .selectric-open .selectric-items:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #406eb3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

.selectric .label {
    height: 36px !important;
    font-size: 15px !important;
    line-height: 28px !important;
    font-weight: 400;
    text-align: left !important;
    margin-left: 0 !important;
    color: #252525;
    font-family: inherit;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selectric-items li {
    background: #fff;
}

.selectric-items ul, .selectric-items li {
    font-size: 14px !important;
}

.selectric-items ul {
    padding: 0px;
}

.selectric-items li {
    margin: 0px !important;
    padding: 10px 15px;
}

    .selectric-items li:hover {
        color: #406eb3;
        font-weight: bold;
    }

.selectric-open .selectric-items li.last {
    border-radius: 0 0 5px 5px !important;
    -webkit-border-radius: 0 0 5px 5px !important;
    -moz-border-radius: 0 0 5px 5px !important;
    -ms-border-radius: 0 0 5px 5px !important;
    -o-border-radius: 0 0 5px 5px !important;
}

.selectric .button:after {
    border: none !important;
    background: url(../images/selectric-arrow.png) no-repeat;
    height: 6px !important;
    width: 12px !important;
}

.header_blue .modal-header {
    background-color: #26478d;
}

    .header_blue .modal-header h4 {
        color: #FFFFFF;
    }

.tbparams {
    width: 80px;
}
/* 2017-01-30 By Kiran Vaghela for task http://10.20.126.80:8080/jira/browse/SO-7607*/
.help_form {
    border: 1px solid #26478d;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    padding: 15px;
    padding-right: 30px;
    margin-bottom: 20px;
    display: none;
}

    /* 2017-01-30 By Kiran Vaghela for task http://10.20.126.80:8080/jira/browse/SO-7607*/
    .help_form button.close {
        font-weight: bold;
        color: #26478d;
        font-size: 30px;
        opacity: 1;
        position: absolute;
        top: 10px;
        right: 15px;
    }
/*.help_form{
    border: 1px solid #26478d;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    padding: 15px;
    margin-bottom: 20px;
    display: none;
}
.help_form .read_more_button{
    text-align: right;
    padding-top: 10px;
}*/

.h3MM {
    color: #015cae;
    font-weight: bold;
}

.noCustomers {
    display: table-cell;
    padding-left: 5px;
    text-align: center;
    height: 78px;
    vertical-align: middle;
}

.borderColor {
    border-top-color: #e6e6e6 !important;
}

.minHeight {
    height: 20px !important;
}

/*screen*/
@media screen and (min-width: 1024px) {
    .heder_border {
        min-height: 105px;
    }

    main {
        margin-top: 5px;
    }

    .container {
        position: relative;
        padding: 0px;
    }

    #nav-main > ul > .multi-level-menu {
        position: relative;
    }

        #nav-main > ul > .multi-level-menu > .sub-level-menu {
            top: 75px;
        }

    #nav-main > ul > li {
        height: 75px;
    }

        #nav-main > ul > li, #nav-main > ul > li > a {
            display: inline-block;
            text-align: center;
        }

            #nav-main > ul > li.active > a,
            #nav-main > ul > li.open > a {
                font-weight: bold;
            }

            #nav-main > ul > li > a::after {
                display: block;
                content: attr(title);
                font-weight: bold;
                height: 1px;
                color: transparent;
                overflow: hidden;
                visibility: hidden;
            }

    nav li ul,
    #nav-main .sub-level-menu,
    #nav-main .sub-level-menu .sub-menu > ul {
        min-width: 150px;
        background: #fff;
        border: none;
        color: #252525;
        /*border-top: 2px solid #ae3e92;*/
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17);
        background-color: #ffffff;
        padding: 0px 0px;
        line-height: 34px;
        z-index: 10;
    }

        #nav-main .sub-level-menu .sub-menu > ul li:hover a {
            color: #015cae;
            /*font-family: 'RobotoBold';*/
            text-decoration: none;
        }

    nav li ul {
        min-width: inherit;
        padding: 7.5px;
    }

    nav .active > a, nav .open > a {
        color: #015cae;
    }

    #nav-main > ul > li.lang > ul {
        padding: 0px;
    }

        #nav-main > ul > li.lang > ul li {
            padding: 0px 0px;
            text-align: left;
            border-left: 5px solid #015cae;
        }

            #nav-main > ul > li.lang > ul li a {
                display: block;
                line-height: 34px;
                border-bottom: 1px solid #d0d0d0;
                padding: 10px 20px;
                font-size: 16px;
                color: #252525;
            }

            #nav-main > ul > li.lang > ul li:hover a {
                color: #015cae;
                background-color: #f5f5f5 !important;
            }

    #nav-main .sub-level-menu > li a {
        display: block;
        text-align: left;
        line-height: 34px;
        border-bottom: 1px solid #d0d0d0;
        padding: 10px 20px;
        font-size: 16px;
        color: #252525;
    }

    #nav-main .sub-level-menu > li {
        border-left: 5px solid #015cae;
        padding: 0px;
    }

        #nav-main .sub-level-menu > li li {
            padding: 0px;
        }

            #nav-main .sub-level-menu > li:hover > a,
            #nav-main .sub-level-menu > li li:hover > a {
                background-color: #f5f5f5 !important;
            }
}

@media screen and (min-width: 1200px) {
    header {
        font-size: 16px;
    }

    .container {
        width: 1155px;
    }

    .logoContainer {
        min-height: 130px; /*Task-8561*/
    }
}

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

    .logoContainer {
        min-height: 130px; /*Task-8561*/
    }

    header {
        font-size: 16px;
    }
}

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

    .logoContainer {
        min-height: 130px; /*Task-8561*/
    }

    aside {
        width: 250px;
    }

    main {
        margin-left: 0px; /*SO New Design*/
    }
}

@media (min-width: 1280px) and (max-width: 1470px) {
    nav li {
        margin-right: 12px;
    }

        nav li.right {
            margin-left: 20px;
        }
}

@media screen and (max-width: 1280px) {
    nav {
        padding-right: 15px;
        padding-left: 160px;
    }

        nav li {
            margin-right: 20px;
        }

            nav li.right {
                margin-left: 10px;
            }
}

@media screen and (max-width: 1200px) {
    nav li {
        margin-right: 5px;
    }
}

@media screen and (max-width: 1100px) {
    nav li {
        margin-right: 4px;
    }

        nav li.right {
            margin-left: 10px;
        }
}

@media screen and (max-width: 1024px) {
    #main {
        padding-top: 0;
    }

    aside {
        float: none;
        width: auto;
        line-height: 50px;
        padding: 0 5px;
        background: #f4f4f4;
    }

        aside .current {
            display: none;
        }

        aside ul {
            float: left;
        }

            aside ul + ul {
                margin: 0;
                float: right;
                border-top: none;
            }

        aside li {
            display: inline-block;
            border: none !important;
        }

            aside li li {
                display: block;
                border-bottom: 1px solid #d0d0d0 !important;
            }

                aside li li a {
                    border-left: 5px solid transparent !important;
                }

                    aside li li a:hover {
                        border-left: 5px solid #ae3e92 !important;
                    }

        aside a {
            padding: 0 15px;
        }

        aside li li a {
            padding: 10px 15px;
        }

        aside li > a {
            background: none !important;
            border: none !important;
        }

        aside li li .text {
            display: block;
            border-bottom: 1px solid #d0d0d0;
        }

        aside li li:last-child .text {
            border: none;
        }

        aside li ul {
            position: absolute;
            /* We have to change the code from Important to normal priority - Ilya */
            display: none;
            min-width: 200px;
            line-height: 40px;
            background: #fff;
            border: 1px solid #d0d0d0;
            /*border-top: 2px solid #ae3e92;*/
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17);
            z-index: 1;
        }

            aside li ul li ul {
                position: relative;
            }

        aside li li li a {
            padding-left: 30px;
        }
        /*aside li:hover ul {
        display: block !important
    }*/
        aside li.active > ul {
            display: block !important;
        }

    main {
        margin-left: 0;
        padding: 20px 0 0;
    }

    nav {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 15px;
        height: auto;
        font-size: 18px;
        line-height: normal;
        background: #015cae;
        color: #fff;
        z-index: 1;
        overflow: auto;
        z-index: 10;
    }

    .nav nav {
        display: block;
    }

    nav li {
        float: none !important;
        line-height: 40px;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

        nav li.user {
            position: static;
            color: #70a3d1;
            line-height: 1;
            padding-top: 25px !important;
            margin-top: 10px !important;
            border-top: 1px solid #fff;
        }

        nav li.lang > span:after {
            border-top-color: #fff;
        }

    nav a:hover, nav .active a {
        color: #70a3d1;
    }

    nav li ul {
        position: static;
        padding: 0;
        text-align: left;
    }

    header {
        text-align: center;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17);
    }

        header .menu {
            display: block;
        }

        header .logo {
            height: 30px;
            top: 10px;
            line-height: normal;
            left: 15px;
        }

    #nav-main .sub-level-menu {
        position: static;
        float: none;
    }

    nav a:hover, nav .active a {
        color: #ffffff;
    }

    #nav-main .sub-level-menu > li > a {
        color: #ffffff;
    }

    #nav-main .sub-level-menu > li:hover > a {
        color: #ffffff;
        font-family: inherit;
        font-weight: bold;
    }

    aside h5 {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .filter li {
        width: calc(33% - 10px) !important;
    }

    .filtercheckbox {
        width: calc(10% - 10px) !important;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }

    aside a {
        padding: 0 10px;
    }

    .filter li {
        width: calc(50% - 10px) !important;
        height: 48px;
    }

    .pagination {
        text-align: right;
        padding-top: 20px;
    }
    /*.container{
        margin: 0px 15px;
    }*/
}

@media screen and (max-width: 640px) {
    aside ul, aside ul + ul {
        float: none;
    }

        aside ul + ul {
            border-top: 1px solid #d0d0d0;
        }

    header .info {
        display: none;
    }

    .pagination {
        text-align: center;
    }

        .pagination .pages {
            position: static;
            display: block;
            margin: 0 0 10px;
        }
}

@media screen and (max-width: 400px) {
    .filter li {
        width: auto !important;
        float: none;
    }

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

    .pagination .prevAll {
        margin-right: 10px;
    }
}