.top_menu {
    display: block;
}
.top_menu .navigation {
    width: 100%;
}
.top_menu .navigation li a.active {
    color: #ffd631;
}
.top_menu .navigation li.order a {
    color: #ffd631;
    font-weight: 700;
}
.top_menu:after {
    content: "";
    display: table;
    clear: both;
}
.top_menu_mobile {
    position: relative;
    background: #1c97d7;
    clear: both;
}
.top_menu_mobile .navigation {
    width: 100%;
}
.top_menu_mobile .navigation li {
    display: inline-block;
    float: left;
    text-align: center;
    width: 11%;
    height: 51px;
    position: relative;
}
.top_menu_mobile .navigation li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 20px 0 17px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -3px;
}
.top_menu_mobile .navigation li a:hover {
    background: #3ba6e7;
    border-bottom: 3px solid #2a6ca8;
}
.top_menu_mobile .navigation li a:active {
    background: #0e90cf;
    border-top: 1px solid white;
    border-bottom: 2px solid #004a82;
}
.top_menu_mobile .navigation li:last-child a {
    color: #ffd631;
    font-weight: 700;
}

.top_menu {
    position: relative;
    background: #1c97d7;
    border-bottom: 3px solid #005b96;
    clear: both;
}
.top_menu .navigation {
    width: 100%;
}
.top_menu .top-nav__item {
    display: inline-block;
    float: left;
    text-align: center;
    width: 11%;
    position: relative;
}
.top_menu .top-nav__item > a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 15px 0;
}
.top_menu .top-nav__item > a.active {
    color: #ffd631;
}
.top_menu .top-nav__item > a:active {
    background: #0e90cf;
    border-top: 1px solid white;
    border-bottom: 2px solid #004a82;
}
.top_menu .top-nav__item:last-child > a {
    color: #ffd631;
    font-weight: 700;
}
.top_menu .top-nav__item.order > a {
    color: #ffd631;
    font-weight: 700;
}
.top_menu:after {
    content: "";
    display: table;
    clear: both;
}
.top-nav__service-category {
    position: absolute;
    z-index: 4;
    background-color: #fff;
    width: auto;
    border-top: none;
    display: none;
    margin-top: 0;
    top:54px;
    min-width: 200px;
}
.top-nav__service-category__item,
.top-nav__services__item {
    display: block;
    margin: unset;
    height: auto;
    padding-top: 0;
    border: none;
}
.top-nav__service-category__item:hover,
.top-nav__services__item:hover {
    border: none;
}
.top-nav__service-category__item > a,
.top-nav__services__item > a {
    white-space: nowrap;
    text-align: left;
    color: #000;
    text-shadow: none;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 16px;
    text-decoration: none;
}
.top-nav__services {
    position: absolute;
    z-index: 5;
    width: auto;
    background-color: white;
    display: none;
    left: 100%;
    top: 0;
    margin-top: 0;
}
.top-nav__service-category__item:hover > .top-nav__services {
    display: block;
}
.top-nav__service-category__item > a:hover,
.top-nav__services__item > a:hover {
    color: #EB4561;
}
.top-nav__right-triangle {
    width: 22px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-nav_back {
    display: none;
}

.top-nav {
}
.top-nav .mobile, .tablet {
    display: none;
}
.top-nav__item:last-child:after {
    right: 0
}
.top-nav .tel_cont {
    display: none;
}
.nav_layer {
    z-index: 5;
}
@media (min-width: 1025px) {
    .top_menu .top-nav__item > a:hover {
        background: #3ba6e7;
        border-bottom: 3px solid #EA564C;
        margin-bottom: -3px;
    }
    .top-nav__item.top-nav__item-services > a > .top-nav__right-triangle {
        display: none;
    }
    .top-nav__service-category {
        background-color: #95CEEC;
    }
    .top-nav__service-category__item > a, .top-nav__services__item > a {
        color: #4B4B4B;
    }
    .top-nav__service-category__item > a:hover {
        color: #EA564C;
    }
}
@media (min-width: 1025px) and (max-width: 1140px) {
    .top-nav__item {
        padding-top: 0px;
    }
    .top-nav__item > a {
        height: 31px;
        line-height: 31px;
    }
    .top-nav__services {
        background-color: #DBEDFE;
        min-height: 100%;
        max-height: 546px;
    }
    .top-nav__service-category__item:hover > .top-nav__services._two-columns {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        min-width: 500px;
    }
}
@media (max-width: 1024px) {
    .top_menu {
        position: absolute;
        z-index: 101;
        left: 0;
        padding-top: 0px;
        background-color: #95CEEC;
        border-radius: 0px 100px 100px 0;
        width: 0;
    }
    .top_menu.visible {
        width: 100%;
        border-radius: 0;
        padding-bottom: 76px;
    }
    .header .navigation li a {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        font: 16px 'Roboto', sans-serif;
        font-weight: 700;
    }
    .header .navigation li a.active {
        color: #ffd631;
    }
    .header .navigation li a:active,
    .header .navigation li a:hover,
    .header .navigation li a.hover_effect {
        background: none;
        border-top: none;
        border-bottom: none;
        color: #EA564C;
    }
    .header .navigation li a:hover {
        background-color: transparent;
        border: none;
    }
    body.fixed .header .top_menu {
        top: 99px;
    }
    .top_menu .top-nav__item {
        display: block;
        float: none;
        width: 100%;
    }
    .top_menu .top-nav__item > a {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        font: 18px 'Roboto', sans-serif;
        padding: 14px;
    }
    .top_menu .top-nav__item > a.active {
        color: #ffd631;
    }
    .top_menu .top-nav__item > a:active,
    .top_menu .top-nav__item > a:hover,
    .top_menu .top-nav__item > a.hover_effect {
        background: none;
        border-top: none;
        border-bottom: none;
        color: #fddc00;
    }
    .top_menu .top-nav__item > a:hover {
        background-color: transparent;
        border: none;
    }
    .top-nav__service-category__item > a, .top-nav__services__item > a {
        color: #4E82B2;
    }
    .top-nav__service-category, .top-nav__services {
        border-bottom: 2px solid #004a82;
    }
}
@media (min-width: 668px) {
    .top-nav__service-category__item > a:hover {
        color: #EB4561;
    }
    .top-nav__item:hover > .top-nav__service-category {
        display: block;
    }
}
@media (min-width: 668px) and (max-width: 1024px) {
    .top-nav nav {
        padding: 0;
    }
    .top-nav__item {
        min-width: 50px;
    }
    .top-nav__item > a {
        height: 40px;
        line-height: 40px;
    }
    .top-nav__item:before, .top-nav__item:last-child:after {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAMAAADkO+IoAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEX/tC/9si37sCr4rSj1qiTypyHuox3qnxnmmxXjmBLflA7ckQvZjgfWiwXUiQPTiAHShwDThwDUiADViQLXiwPajQXdjwjgkgrklQ3nmBDrmxPunhbxoRn0pBz3ph75qCAAAAAk8uPdAAAAIHRSTlOapqWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWmmgtkopkAAAABYktHRCCzaz2AAAAACXBIWXMAAAsSAAALEgHS3X78AAAAMUlEQVQI1wXBgwHAAAAAoGbb/v/LFQKhSCyRyuQKpUqt0er0BqPJbLHa7A6ny+3x+n4o8AHx+rJ9hgAAAABJRU5ErkJggg==) no-repeat;
        height: 32px;
        top: 50%;
        margin-top: -16px
    }
}
@media (max-width: 479px) {
    body.fixed .header .top_menu {
        top: 75px;
    }
 }
@media (max-width: 1024px) {
    .top-nav {
        border: none;
        box-shadow: none;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(to right, #4ba2e9 0%, #072864 100%);
        opacity: 0.95;
        z-index: 3;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s;
        transition-duration: .4s
    }
    .top-nav.is-visible {
        display: flex;
        flex-direction: column;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    .top-nav__wrap {
        display: block;
    }
    .top-nav__wrap {
        width: 100%;
        text-align: center;
    }
    .top-nav__item {
        display: block;
    }
    .top-nav__item > a {
        text-transform: uppercase;
        font-size: 16px;
        padding: 0;
    }
    .top-nav__item > a {
        display: block;
        padding: 0 16px;
        font: 700 13px/42px Roboto,sans-serif;
        color: #9c5801;
        text-decoration: none;
        transition: all .2s;
    }
    .top-nav__item .active,
    .top-nav__item > a {
        background: 0 0;
        color: #fff;
        font-size: 16px;
        display: flex;
        text-shadow: none;
        box-shadow: none;
        text-align: left;
    }
    .top-nav__item.top-nav__item-services > a {
        display: flex;
        align-items: center;
    }
    .top-nav nav ul li {
        height: unset;
        opacity: unset;
        border-bottom: unset;
    }
    .top-nav__item:before {
        display: none;
    }
    .menu-toggle .menu-back {
        font-size: 18px;
        line-height: 1.1;
        color: #fff;
        display: none;
    }
    .top-nav.is-visible {
        display: flex;
        flex-direction: column;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .top-nav .user-mobile {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 50px 0;
    }
    .top-nav .mobile {
        display: block;
    }
    .top-nav .user-mobile {
        position: relative;
        padding: 0;
    }
    .toggle-btn {
        text-align: center;
    }
    .toggle-btn {
        position: absolute;
        top: 12px;
        width: 33px;
        height: 33px;
        background: #5d697a;
        border-radius: 6px;
        outline: 1px solid transparent;
        border: none;
        -webkit-box-shadow: inset 0 -1px 0 #0d1a27;
        box-shadow: inset 0 -1px 0 #0d1a27;
        z-index: 2;
    }
    .menu-toggle {
        left: 12px;
        font-size: 0;
    }
    .top-nav .toggle-btn {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        margin: 15px 0 0 15px;
    }
    .menu-toggle.active {
        background: #376e9a;
        -webkit-box-shadow: 0 1px 0 #00446b;
        box-shadow: 0 1px 0 #00446b;
        z-index: 100;
    }
    .toggle-btn .lines, .toggle-btn .lines:after, .toggle-btn .lines:before {
        width: 20px;
        height: 3px;
        border-radius: 1px;
        background: #f3ffff;
    }
    .toggle-btn .lines {
        position: relative;
        display: block;
        margin: 0 auto;
    }
    .toggle-btn .lines, .toggle-btn .lines:after, .toggle-btn .lines:before {
        width: 20px;
        height: 3px;
        border-radius: 1px;
        background: #f3ffff;
    }
    .toggle-btn .lines:after, .toggle-btn .lines:before {
        content: "";
        position: absolute;
        left: 0;
    }
    .toggle-btn.active .lines:after, .toggle-btn.active .lines:before {
        top: 0;
    }
    .toggle-btn.active .lines:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .toggle-btn.active .lines:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .toggle-btn.active .lines {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .baseWidthCenter {
        width: 100%;
        padding: 0 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-nav nav {
        margin: 0;
        padding: 0 15px;
        margin-top: 25px;
    }
    .top-nav .baseWidthCenter {
        width: auto;
    }
    .top-nav nav ul {
        margin-top: unset;
        float: none;
    }
    .top-nav__right-triangle {
        width: 42px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        font-size: 18px;
        line-height: 0;
    }

    .top-nav_back {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 33px;
        height: 33px;
        margin: 15px 15px 0 0;
        background-color: #376e9a;
        box-shadow: 0 1px 0 #00446b;
        border-radius: 6px;
        outline: 1px solid transparent;
        border: none;
    }
    .top-nav_back a {
        color: #fff;
        height: 33px;
        padding: 0;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        line-height: 1.1;
    }
    .top-nav nav {
        margin: 0;
        padding: 0 15px;
    }
    .top-nav .user-mobile {
        position: relative;
        padding: 0;
    }
    .top-nav .toggle-btn {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        margin: 15px 0 0 15px;
    }
    .top-nav__item:before, .top-nav__item:last-child:after {
        display: none
    }
    .top-nav__service-category {
        background-color: #fff;
    }
    .top-nav__service-category,
    .top-nav__services {
        z-index: 4;
        display: block;
        left: -1024px;
        width: 100%;
        min-height: 100%;
        transition: left 1s;
        padding-top: 15px;
    }
    .top_menu.visible .top-nav__service-category.top_nav_open {
        left: 0;
    }
    .top_menu.visible .top-nav__services.top_nav_open {
        left: 0;
    }
    .top_menu .navigation {
        display: none;
    }
    .top_menu.visible .navigation {
        display: block;
    }
    .top_menu .container {
        padding: 0;
    }
    .top-nav__service-category {
        top:0px;
    }
}