html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-y: hidden
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@font-face {
    font-family: "helveticaneuecyrbold";
    src: url("../fonts/helveticaneuecyr-bold/helveticaneuecyr-bold.eot");
    src: url("../fonts/helveticaneuecyr-bold/helveticaneuecyr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneuecyr-bold/helveticaneuecyr-bold.woff2") format("woff2"), url("../fonts/helveticaneuecyr-bold/helveticaneuecyr-bold.woff") format("woff"), url("../fonts/helveticaneuecyr-bold/helveticaneuecyr-bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "helveticaneuecyrlight";
    src: url("../fonts/helveticaneuecyr-light/helveticaneuecyr-light.eot");
    src: url("../fonts/helveticaneuecyr-light/helveticaneuecyr-light.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneuecyr-light/helveticaneuecyr-light.woff2") format("woff2"), url("../fonts/helveticaneuecyr-light/helveticaneuecyr-light.woff") format("woff"), url("../fonts/helveticaneuecyr-light/helveticaneuecyr-light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "helveticaneuecyrmedium";
    src: url("../fonts/helveticaneuecyr-medium/helveticaneuecyr-medium.eot");
    src: url("../fonts/helveticaneuecyr-medium/helveticaneuecyr-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneuecyr-medium/helveticaneuecyr-medium.woff2") format("woff2"), url("../fonts/helveticaneuecyr-medium/helveticaneuecyr-medium.woff") format("woff"), url("../fonts/helveticaneuecyr-medium/helveticaneuecyr-medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "helveticaneuecyrroman";
    src: url("../fonts/helveticaneuecyr-roman/helveticaneuecyr-roman.eot");
    src: url("../fonts/helveticaneuecyr-roman/helveticaneuecyr-roman.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneuecyr-roman/helveticaneuecyr-roman.woff2") format("woff2"), url("../fonts/helveticaneuecyr-roman/helveticaneuecyr-roman.woff") format("woff"), url("../fonts/helveticaneuecyr-roman/helveticaneuecyr-roman.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "helveticaneuecyrthin";
    src: url("../fonts/helveticaneuecyr-thin/helveticaneuecyr-thin.eot");
    src: url("../fonts/helveticaneuecyr-thin/helveticaneuecyr-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneuecyr-thin/helveticaneuecyr-thin.woff2") format("woff2"), url("../fonts/helveticaneuecyr-thin/helveticaneuecyr-thin.woff") format("woff"), url("../fonts/helveticaneuecyr-thin/helveticaneuecyr-thin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "helveticaneuecyrultralight";
    src: url("../fonts/helveticaneuecyr-ultralight_0/helveticaneuecyr-ultralight_0.eot");
    src: url("../fonts/helveticaneuecyr-ultralight_0/helveticaneuecyr-ultralight_0.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneuecyr-ultralight_0/helveticaneuecyr-ultralight_0.woff2") format("woff2"), url("../fonts/helveticaneuecyr-ultralight_0/helveticaneuecyr-ultralight_0.woff") format("woff"), url("../fonts/helveticaneuecyr-ultralight_0/helveticaneuecyr-ultralight_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "supermolot_lightregular";
    src: url("../fonts/supermolot_light/supermolot_light.eot");
    src: url("../fonts/supermolot_light/supermolot_light.eot?#iefix") format("embedded-opentype"), url("../fonts/supermolot_light/supermolot_light.woff2") format("woff2"), url("../fonts/supermolot_light/supermolot_light.woff") format("woff"), url("../fonts/supermolot_light/supermolot_light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "supermolotbold";
    src: url("../fonts/supermolot_bold/supermolot_bold.eot");
    src: url("../fonts/supermolot_bold/supermolot_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/supermolot_bold/supermolot_bold.woff2") format("woff2"), url("../fonts/supermolot_bold/supermolot_bold.woff") format("woff"), url("../fonts/supermolot_bold/supermolot_bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rating-five {
    color: #00ff0c !important;
    text-shadow: 0 0 2px #00ff0c !important
}

.rating-four {
    color: #eaff00 !important;
    text-shadow: 0 0 2px #eaff00 !important
}

.rating-three {
    color: #ffea00 !important;
    text-shadow: 0 0 2px #ffea00 !important
}

.rating-two {
    color: #ff7800 !important;
    text-shadow: 0 0 2px #ff7800 !important
}

.rating-one {
    color: #ff0000 !important;
    text-shadow: 0 0 2px #ff0000 !important
}

*, *:after, *:before {
    box-sizing: border-box
}

::-moz-selection {
    background: #0090ba
}

::selection {
    background: #0090ba
}

img::selection {
    background: transparent
}

img::-moz-selection {
    background: transparent
}

body, html {
    height: 100%
}

body {
    font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    background: #13263e;
    color: #231f20;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a {
    color: #ff6600;
    text-decoration: none;
    outline: 0;
    transition: all .2s ease-in-out
}

a:hover {
    color: #ff6600
}

a:active {
    color: #231f20
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

ul {
    font-size: 18px;
    display: inline-block;
    padding-left: 25px
}

ul li {
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    color: #a4add5;
    position: relative;
    margin-bottom: 10px
}

ul li:last-of-type {
    margin-bottom: 0
}

ul li:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #ff6600;
    position: absolute;
    left: -25px;
    box-shadow: 0 0 15px 1px rgba(255, 102, 0, 0.51);
    top: 50%;
    margin-top: -3px;
    border-radius: 50%;
    color: #fff
}

ol {
    counter-reset: li;
    padding: 0;
    display: table
}

ol li {
    font-size: 18px;
    list-style: none;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    color: #fff;
    margin-bottom: 10px;
    display: table-row
}

ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #ff6600;
    font-family: "supermolotbold", Helvetica, Arial, sans-serif;
    text-shadow: 0 0 10px #ff6600;
    padding-right: 25px;
    font-size: 24px;
    display: table-cell;
    text-align: right
}

p {
    margin: 0;
    color: #637988
}

p {
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    p {
        font-size: 14px
    }
}

p a {
    position: relative;
    z-index: 1;
    color: #ff6600;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    font-size: 16px;
    border-bottom: 1px solid #ff6600
}

p a:hover {
    border-bottom: 1px solid transparent
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1;
    font-family: "helveticaneuecyrbold", Helvetica, Arial, sans-serif;
    color: #231f20;
    text-transform: uppercase;
    font-weight: normal
}

h1 {
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    position: relative;
    margin-bottom: 70px
}

@media screen and (max-width: 575px) {
    h1 {
        font-size: 30px
    }
}

h1:after {
    position: absolute;
    content: '';
    width: 77px;
    height: 1px;
    background: #ff6600;
    left: 3px;
    bottom: -30px;
    box-shadow: 0px 0px 10px 1px rgba(255, 102, 0, 0.5)
}

h2 {
    font-size: 30px;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
    color: #fff
}

@media screen and (max-width: 575px) {
    h2 {
        font-size: 24px
    }
}

h3 {
    font-size: 24px;
    font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif;
    color: #a4add5;
    margin-bottom: 45px
}

@media screen and (max-width: 575px) {
    h3 {
        font-size: 18px
    }
}

h4, h5, h6 {
    color: #a4add5
}

h4 {
    color: #ff6600;
    font-family: "supermolotbold", Helvetica, Arial, sans-serif;
    text-shadow: 0 0 10px #ff6600;
    font-size: 24px
}

@media screen and (max-width: 575px) {
    h4 {
        font-size: 18px
    }
}

h5 {
    color: #fff;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    font-size: 30px
}

@media screen and (max-width: 767px) {
    h5 {
        font-size: 24px
    }
}

@media screen and (max-width: 575px) {
    h5 {
        font-size: 18px
    }
}

table {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    width: 100%;
    margin-bottom: 40px;
    color: #fff
}

table tr:nth-of-type(odd) {
    background: #25405c
}

table tr:nth-of-type(even) {
    background: #1a3149
}

table td {
    text-align: center;
    padding: 12px 27px
}

.font-white {
    color: #fff;
    font-family: "helveticaneuecyrultralight", Helvetica, Arial, sans-serif
}

p.nostyleparagraph {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    margin-bottom: inherit
}

ul.nostylelist, ul.customScroll {
    font-size: inherit;
    display: inherit;
    padding-left: inherit
}

ul.nostylelist li, ul.customScroll li {
    font-family: inherit;
    color: inherit;
    position: inherit;
    margin-bottom: inherit
}

ul.nostylelist li:last-of-type, ul.customScroll li:last-of-type {
    margin-bottom: inherit
}

ul.nostylelist li:after, ul.customScroll li:after {
    content: inherit;
    width: inherit;
    height: inherit;
    background: inherit;
    position: inherit;
    left: inherit;
    box-shadow: inherit;
    top: inherit;
    margin-top: inherit;
    border-radius: inherit
}

input {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.body-wrap {
    position: relative;
    min-height: 700px
}

@media screen and (max-width: 991px) {
    .body-wrap {
        min-height: 500px
    }
}

.body-wrap:before {
    background: url("../img/background-space.jpg") no-repeat center center;
    background-size: cover;
    content: ' ';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    will-change: transform;
    z-index: -1
}

.wrapper {
    margin: 0 auto;
    max-width: 1012px;
    padding-left: 16px !important;
    padding-right: 16px !important
}

.wrap-modal {
    overflow: hidden;
    position: relative;
    min-height: 100%
}

.wrap-center {
    text-align: center
}

@media screen and (max-width: 991px) {
    .hide-md {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .hide-sm {
        display: none
    }
}

@media screen and (max-width: 575px) {
    .hide-xs {
        display: none
    }
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.overflow-hidden {
    overflow: hidden
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.back {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    display: inline-block;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #a04c19;
    padding: 0 30px
}

.back:hover {
    color: #fff;
    box-shadow: 0 0 10px 3px rgba(255, 102, 0, 0.5)
}

.indent-bot {
    padding-bottom: 100px
}

.bottom-margin {
    margin-bottom: 30px
}

.link-wrap {
    margin-bottom: 60px
}

.link-wrap a {
    margin-right: 40px;
    color: #fff;
    font-family: "helveticaneuecyrmedium", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    border-bottom: 1px solid #ff6600
}

.link-wrap a:hover {
    opacity: .7;
    border-bottom-color: transparent
}

.link-wrap a:last-child {
    margin-right: 0
}

.link-wrap a.click-border {
    border: 1px solid #a2511e;
    padding: 20px 25px
}

.tab-container-blocks-desc {
    font-size: 18px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    color: #c7cde7;
    border-left: 2px solid #ff6600;
    padding: 0 0 0 20px;
    line-height: 18px;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .tab-container-blocks-desc {
        display: none
    }
}

.vertical {
    text-transform: none;
    margin: 0 0 0 35px;
    color: #a4add5;
    font-size: 30px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif
}

.vertical:first-child {
    padding-bottom: 25px
}

.amodal {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 899
}

.amodal__overlay {
    background: rgba(0, 0, 0, 0.78);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900
}

.amodal__scene {
    position: absolute;
    z-index: 901;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.amodal__wrapper {
    position: relative;
    background-color: #25405c;
    padding: 48px;
    margin-top: 100px
}

@media screen and (max-width: 767px) {
    .amodal__wrapper {
        padding: 64px 16px 24px;
        margin-top: 0
    }
}

.amodal__close {
    position: absolute;
    top: 20px;
    right: -70px;
    height: 60px;
    width: 60px;
    cursor: pointer;
    z-index: 100;
    opacity: 1;
    transition: all .2s ease-in-out
}

@media screen and (max-width: 991px) {
    .amodal__close {
        width: 40px;
        height: 40px;
        right: -50px;
        top: 10px
    }
}

@media screen and (max-width: 767px) {
    .amodal__close {
        top: 16px;
        right: 16px;
        background-color: rgba(47, 130, 210, 0.15)
    }
}

.amodal__close .top {
    transform: rotate(45deg)
}

.amodal__close .bottom {
    transform: rotate(-45deg)
}

.amodal__close span {
    background: #fff;
    border: none;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.7);
    transition: all .35s ease;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .amodal__close span {
        top: 20px;
        box-shadow: none
    }
}

.amodal__close:hover span {
    opacity: .7;
    box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0)
}

@media screen and (max-width: 767px) {
    .amodal__close:hover span {
        opacity: 1;
        box-shadow: none
    }
}

.amodal__content {
    max-width: 450px
}

.amodal__content h2 {
    font-size: 35px;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    text-align: center;
    margin-bottom: 60px
}

@media screen and (max-width: 575px) {
    .amodal__content h2 {
        font-family: "supermolotbold", "Helvetica", "Arial", "sans-serif";
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px
    }
}

.amodal__content p {
    text-align: left;
    margin-bottom: 55px;
    font-size: 16px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    color: #a4add5;
    opacity: .75
}

@media screen and (max-width: 575px) {
    .amodal__content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.2px;
        margin-bottom: 24px
    }
}

.amodal__content .form-column {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px
}

@media screen and (max-width: 575px) {
    .amodal__content .form-column {
        width: 100%;
        display: block;
        padding: 0
    }
}

.amodal__content input[type='text'], .amodal__content input[type='tel'] {
    font-size: 16px;
    padding: 10px 0 10px 15px;
    margin-bottom: 25px;
    color: #a4add5;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    background: #344d67;
    width: 100%;
    outline: none;
    transition: .3s ease-in-out all;
    border: 1px solid transparent
}

.amodal__content input[type='text']:focus, .amodal__content input[type='tel']:focus {
    border: 1px solid #cccccc;
    box-shadow: 0 0 10px 1px rgba(204, 204, 204, 0.5)
}

.amodal__content input[type='text'].error, .amodal__content input[type='tel'].error {
    border: 1px solid #ff6600 !important;
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5) !important
}

.amodal__content textarea {
    font-size: 16px;
    padding: 10px 0 10px 15px;
    margin-bottom: 25px;
    color: #a4add5;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    background: #344d67;
    width: 100%;
    outline: none;
    transition: .3s ease-in-out all;
    border: 1px solid transparent
}

.amodal__content textarea.error {
    border: 1px solid #ff6600 !important;
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5) !important
}

.amodal__content textarea.placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content textarea:-moz-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content textarea::-moz-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content textarea:-ms-input-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content textarea:focus.placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content textarea:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content textarea:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content textarea:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content input.placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content input:-moz-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content input::-moz-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content input:-ms-input-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content input::-webkit-input-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

.amodal__content input:focus.placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.amodal__content input[type='submit'] {
    font-size: 18px;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    color: #fff;
    background: #fe5400;
    border: none;
    outline: none;
    display: block;
    padding: 15px 35px;
    margin: 30px auto 0;
    box-shadow: 0 0 10px 1px rgba(255, 102, 0, 0.54);
    transition: all ease-in-out .3s
}

.amodal__content input[type='submit']:hover {
    box-shadow: none;
    background: #db4800
}

.modal--show {
    visibility: visible
}

.modal--show .modal--transition {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal--transition {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.rating-container.error {
    border: 1px solid #ff6600 !important;
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5) !important
}

input[type='text'].error, input[type='tel'].error {
    border: 1px solid #ff6600 !important;
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5) !important
}

.house.error {
    border: 1px solid #ff6600 !important;
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5) !important
}

.modal-cities .city-name, .modal-cities .city-name a {
    font-family: inherit;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    font-weight: lighter;
    position: relative;
    margin-left: 25px;
    text-align: left;
    text-transform: none;
    cursor: default;
    margin-bottom: 8px
}

.modal-cities .amodal__content {
    max-width: 800px
}

@media screen and (max-width: 1024px) {
    .modal-cities .cities-global-select {
        display: none
    }
}

.modal-cities .cities__wrapper {
    max-height: 360px;
    margin-bottom: 25px
}

@media screen and (max-width: 575px) {
    .modal-cities .cities__wrapper {
        max-height: 300px
    }
}

.modal-cities .cities__list {
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    column-count: 4
}

@media screen and (max-width: 991px) {
    .modal-cities .cities__list {
        column-count: 3
    }
}

@media screen and (max-width: 575px) {
    .modal-cities .cities__list {
        column-count: 2
    }
}

@media screen and (max-width: 991px) {
    .modal-cities .city-name {
        margin-bottom: 16px
    }
}

.modal-cities .city-name a {
    margin-left: 0
}

@media screen and (max-width: 575px) {
    .modal-cities .city-name a {
        display: block;
        line-height: 16px
    }
}

.modal-cities a[href] {
    cursor: pointer;
    color: #fff;
    text-decoration: underline
}

.modal-cities a[href]:hover {
    text-decoration: none
}

.modal-cities .city-letter {
    color: #fe5400;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 0 0 10px rgba(254, 84, 0, 0.54);
    position: absolute;
    left: -25px;
    width: 20px;
    text-align: center
}

@media screen and (max-width: 575px) {
    .modal-cities .city-letter {
        line-height: 16px
    }
}

.modal-attention .amodal__content {
    max-width: 800px
}

.modal-attention__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal-attention__wrapper .svg-rocket {
    margin-left: 70px
}

@media screen and (max-width: 991px) {
    .modal-attention__wrapper .svg-rocket {
        display: none
    }
}

.modal-attention__content {
    max-width: 500px
}

.amodal__content .connect-summary {
    color: #fff;
    font-size: 20px;
    font-family: "helveticaneuecyrthin"
}

.amodal__content .inline-title {
    float: left;
    margin-bottom: 0;
    line-height: 38px;
    color: #8290b4;
    margin-right: 25px
}

.amodal__content fieldset {
    margin: 0;
    padding: 0
}

.amodal__content .jq-selectbox__select {
    width: 100%
}

.amodal__content .jq-selectbox__dropdown li {
    margin: 0;
    width: 100%
}

.amodal__content .jq-selectbox__dropdown li:before {
    width: 100%
}

.amodal__content p.check-descr {
    margin-bottom: 20px;
    color: #fff
}

.amodal__content .check-result input[type='submit'].feedback-submit {
    margin-top: 15px
}

.delay-05s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay-1s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.delay-15s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.delay-11s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.fadeInUp, .fadeInDown {
    visibility: visible
}

@-webkit-keyframes shake-it {
    10%, 90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0)
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0)
    }
}

.animation-shakeit {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

@-webkit-keyframes shake-vertical {
    0%, 10% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    2%, 6% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    4%, 8% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
}

.animation-shake-vertical {
    animation: shake-vertical infinite both 8s;
    animation-delay: 2s
}

.animation-shake-vertical-before::before {
    animation: shake-vertical infinite both 8s;
    animation-delay: 2s
}

@-webkit-keyframes rotation-cw {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotation-ccw {
    from {
        -webkit-transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0deg)
    }
}

.animation-vibrate.show {
    animation: animation-vibrate-icon 8s infinite;
    animation-delay: 2s
}

.animation-vibrate.show::before {
    animation: animation-vibrate-inner 8s infinite;
    animation-delay: 2s
}

.animation-vibrate.show::after {
    animation: animation-vibrate-outer 8s infinite;
    animation-delay: 2s
}

.animation-vibrate.show::before, .animation-vibrate.show::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transform: translate3d(0, 0, 0) scale(1)
}

@keyframes animation-vibrate-icon {
    0%, 19% {
        transform: translate3d(0, 0, 0)
    }
    1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17% {
        transform: translate3d(1px, 0, 0)
    }
    2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18% {
        transform: translate3d(-1px, 0, 0)
    }
}

@keyframes animation-vibrate-inner {
    0%, 10% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        transform: translate3d(0, 0, 0) scale(1)
    }
    30% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0);
        transform: translate3d(0, 0, 0) scale(1.1)
    }
    50% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes animation-vibrate-outer {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        transform: translate3d(0, 0, 0) scale(1)
    }
    15% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
        transform: translate3d(0, 0, 0) scale(0.9)
    }
    30% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@media screen and (max-width: 575px) {
    input, textarea {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    input, textarea {
        font-size: 13px
    }
}

input.placeholder, textarea.placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

@media screen and (max-width: 575px) {
    input.placeholder, textarea.placeholder {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    input.placeholder, textarea.placeholder {
        font-size: 12px
    }
}

input:-moz-placeholder, textarea:-moz-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

@media screen and (max-width: 575px) {
    input:-moz-placeholder, textarea:-moz-placeholder {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    input:-moz-placeholder, textarea:-moz-placeholder {
        font-size: 12px
    }
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

@media screen and (max-width: 575px) {
    input::-moz-placeholder, textarea::-moz-placeholder {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    input::-moz-placeholder, textarea::-moz-placeholder {
        font-size: 12px
    }
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

@media screen and (max-width: 575px) {
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-size: 12px
    }
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #7982a3;
    transition: opacity 0.3s ease
}

@media screen and (max-width: 575px) {
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-size: 12px
    }
}

input:focus.placeholder, textarea:focus.placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease
}

.jq-selectbox__select {
    background: rgba(0, 0, 0, 0.23);
    color: #fff;
    text-shadow: none;
    font-size: 16px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    border: none;
    box-shadow: none;
    border-radius: 0
}

@media screen and (max-width: 575px) {
    .jq-selectbox__select {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    .jq-selectbox__select {
        font-size: 12px
    }
}

.jq-selectbox__select:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    background: rgba(223, 235, 255, 0.5);
    box-shadow: 0 0 10px 1px rgba(135, 144, 156, 0.5)
}

@media screen and (max-width: 991px) {
    .jq-selectbox__select:after {
        box-shadow: none
    }
}

.jq-selectbox__dropdown {
    background: #25405c;
    border-radius: 0;
    margin: -1px 0 0;
    border: none;
    padding: 10px 0
}

.jq-selectbox__dropdown .disabled {
    display: none
}

.jq-selectbox__dropdown .mCustomScrollBox {
    max-height: 300px !important
}

.jq-selectbox__dropdown li {
    transition: .2s ease-in-out all;
    padding: 12px 0 12px 15px;
    position: relative;
    width: 308px
}

.jq-selectbox__dropdown li.selected {
    color: #fff;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 16px
}

.jq-selectbox__dropdown li:hover:after, .jq-selectbox__dropdown li:hover:before {
    background: transparent;
    box-shadow: none
}

.jq-selectbox__dropdown li:hover + li:before {
    opacity: 0
}

.jq-selectbox__dropdown li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    width: 293px;
    height: 1px;
    content: '';
    position: absolute;
    top: -1px;
    left: 15px;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

.jq-selectbox__dropdown li:not(.selected) {
    color: #fff;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .jq-selectbox__dropdown li:not(.selected) {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    .jq-selectbox__dropdown li:not(.selected) {
        font-size: 12px
    }
}

.jq-selectbox__dropdown li:first-child:before {
    opacity: 0
}

.jq-selectbox {
    vertical-align: bottom;
    background: transparent
}

.jq-selectbox li.selected {
    background: transparent
}

.jq-selectbox li:hover {
    background: #2f4f6e
}

.jq-selectbox ul {
    background: transparent;
    width: 100%
}

.jq-selectbox.disabled .jq-selectbox__select {
    background: rgba(0, 0, 0, 0.23);
    color: #7982a3
}

.jq-selectbox__select-text {
    overflow: visible
}

.jq-selectbox__trigger {
    border: none
}

.jq-selectbox__trigger-arrow {
    background: url("../img/arrow-blue.png") center no-repeat;
    width: 38px;
    height: 31px;
    border: none;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.jq-selectbox__select {
    height: 40px;
    width: 310px;
    padding: 6px 0 0 15px;
    border: none !important;
    outline: 0
}

.jq-selectbox__select:active {
    box-shadow: none;
    outline: 0
}

.jq-selectbox__select:hover {
    background: rgba(0, 0, 0, 0.23)
}

.room .jq-selectbox__select {
    width: 98px;
    color: #7982a3
}

.room .jq-selectbox__dropdown li:before {
    width: 45px
}

.house .jq-selectbox__select {
    width: 100%;
    color: #7982a3;
    overflow-x: hidden
}

.house .jq-selectbox__dropdown li {
    width: 90px
}

.house .jq-selectbox__dropdown li:after {
    width: 80%
}

.house .jq-selectbox__dropdown li:before {
    width: 70px
}

.house .jq-selectbox__dropdown li:hover + li:before {
    opacity: 0
}

.house .jq-selectbox__dropdown li:nth-of-type(2):before {
    opacity: 0
}

.jq-radio {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: olive;
    border: none;
    box-shadow: none;
    border-radius: 0;
    opacity: 0
}

.jq-radio.checked {
    background: red
}

.sel.disabled {
    display: none !important
}

input.house {
    width: 98px
}

.focused .jq-selectbox__select {
    background: rgba(0, 0, 0, 0.23)
}

.jq-file {
    font-size: 16px;
    padding: 10px 0 10px 15px;
    margin-bottom: 25px;
    color: #a4add5;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    background: #344d67;
    width: 100%;
    outline: none;
    transition: .3s ease-in-out all;
    border: 1px solid transparent
}

.jq-file.error {
    border: 1px solid #ff6600 !important;
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5) !important
}

.jq-file__name {
    border: none;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #7982a3;
    outline: none;
    line-height: 16px
}

.jq-file__browse {
    border: none;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #7982a3;
    height: 100%;
    outline: none;
    line-height: 35px
}

.submit-show {
    background: transparent;
    color: #fff;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    font-size: 18px;
    display: inline-block;
    padding: 9px 32px;
    border: 1px solid #ff6600;
    text-transform: uppercase;
    box-shadow: 0 0 10px 1px rgba(255, 102, 0, 0.5);
    transition: .2s all ease-in-out
}

@media screen and (max-width: 991px) {
    .submit-show {
        box-shadow: none;
        margin-left: 24px
    }
}

@media screen and (max-width: 575px) {
    .submit-show {
        margin-left: 0
    }
}

.submit-show:hover {
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5)
}

input.street {
    border: 0;
    outline: 0;
    background: rgba(0, 0, 0, 0.23);
    height: 40px;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 12px 13px 10px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif
}

.wrap-input {
    display: block;
    position: relative
}

.wrap-input:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    bottom: 1px;
    background: rgba(223, 235, 255, 0.5);
    box-shadow: 0 0 10px 1px rgba(135, 144, 156, 0.5)
}

.close {
    opacity: 0.8;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 15px
}

.close::before, .close::after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #c8541b
}

.close:before {
    transform: rotate(45deg)
}

.close:after {
    transform: rotate(-45deg)
}

.close-wrapper {
    position: absolute;
    right: 20px;
    bottom: -35px;
    width: 142px;
    height: 32px;
    color: #fff
}

.close-wrapper span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    position: relative
}

@media screen and (max-width: 991px) {
    .close-wrapper span {
        font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
        font-size: 16px
    }
}

.close-wrapper:hover .close {
    opacity: 1
}

.form__inputs {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 991px) {
    .form__inputs {
        flex-wrap: wrap;
        max-width: 352px;
        margin: 0 auto
    }
}

.form__inputs__city {
    pointer-events: none
}

.form__inputs__city .jq-selectbox__trigger {
    display: none
}

@media screen and (max-width: 991px) {
    .form__inputs__city {
        width: 100%;
        margin-bottom: 24px
    }

    .form__inputs__city .jq-selectbox__select {
        width: 100%
    }
}

.form__inputs__street {
    width: 350px
}

@media screen and (max-width: 991px) {
    .form__inputs__street {
        width: calc(65% - 8px);
        margin-bottom: 24px
    }
}

.form__inputs__house {
    width: 120px
}

@media screen and (max-width: 991px) {
    .form__inputs__house {
        width: calc(35% - 8px);
        margin-bottom: 24px
    }

    .form__inputs__house .jq-selectbox__select {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .form__inputs__submit {
        margin-left: 24px
    }
}

@media screen and (max-width: 575px) {
    .form__inputs__submit {
        margin-left: 0
    }
}

@media screen and (max-width: 991px) {
    .form__inputs__close {
        position: relative;
        bottom: auto;
        right: auto;
        width: auto;
        height: auto;
        margin-right: 24px
    }
}

@media screen and (max-width: 575px) {
    .form__inputs__close {
        margin-right: 0
    }
}

.modal-ajax #stype-styler {
    margin-bottom: 25px;
    width: 100%
}

.modal-ajax #plan-styler {
    margin-bottom: 15px;
    width: 100%
}

#check-city-styler {
    margin: 0;
    margin-bottom: 12px;
    width: 100%
}

.cssload-container {
    top: 0;
    width: 100%;
    height: 100%;
    background: #1b1e29;
    position: fixed;
    opacity: 0.9;
    z-index: 999
}

.cssload-whirlpool, .cssload-whirlpool::before, .cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #f60;
    border-left-color: rgba(37, 64, 92, 0.45);
    border-radius: 1124px;
    -o-border-radius: 1124px;
    -ms-border-radius: 1124px;
    -webkit-border-radius: 1124px;
    -moz-border-radius: 1124px
}

.cssload-whirlpool {
    margin: -28px 0 0 -28px;
    height: 56px;
    width: 56px;
    animation: cssload-rotate 1000ms linear infinite;
    -o-animation: cssload-rotate 1000ms linear infinite;
    -ms-animation: cssload-rotate 1000ms linear infinite;
    -webkit-animation: cssload-rotate 1000ms linear infinite;
    -moz-animation: cssload-rotate 1000ms linear infinite
}

.cssload-whirlpool::before {
    content: "";
    margin: -26px 0 0 -26px;
    height: 50px;
    width: 50px;
    animation: cssload-rotate 1000ms linear infinite;
    -o-animation: cssload-rotate 1000ms linear infinite;
    -ms-animation: cssload-rotate 1000ms linear infinite;
    -webkit-animation: cssload-rotate 1000ms linear infinite;
    -moz-animation: cssload-rotate 1000ms linear infinite
}

.cssload-whirlpool::after {
    content: "";
    margin: -33px 0 0 -33px;
    height: 63px;
    width: 63px;
    animation: cssload-rotate 2000ms linear infinite;
    -o-animation: cssload-rotate 2000ms linear infinite;
    -ms-animation: cssload-rotate 2000ms linear infinite;
    -webkit-animation: cssload-rotate 2000ms linear infinite;
    -moz-animation: cssload-rotate 2000ms linear infinite
}

@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg)
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg)
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg)
    }
}

.parallax {
    pointer-events: none;
    height: 1188px;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 1200px) {
    .parallax {
        display: none
    }
}

.parallax.earth {
    width: 644px;
    background: url(../img/earth.png) center no-repeat
}

.parallax.sputnik {
    width: 572px;
    background: url(../img/sputnik.png) center no-repeat
}

.help {
    position: fixed;
    font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    border: 1px solid #ff6a00;
    box-shadow: 0 0 15px 1px rgba(255, 102, 0, 0.5), inset 0px 0px 15px 1px rgba(255, 102, 0, 0.5);
    color: #fafafa;
    text-transform: uppercase;
    transform: rotate(-90deg);
    width: 215px;
    height: 60px;
    line-height: 66px;
    top: 50vh;
    margin-top: -50px;
    left: -90px;
    z-index: 900
}

@media screen and (max-width: 1180px) {
    .help {
        display: none
    }
}

.help:hover {
    box-shadow: 0px 0px 10px 1px rgba(255, 102, 0, 0.4), inset 0px 0px 10px 1px rgba(255, 102, 0, 0.4)
}

.upscrollbtn {
    display: block;
    position: fixed;
    right: 90px;
    bottom: 120px;
    width: 60px;
    height: 60px;
    z-index: 325;
    transform: translate3d(500px, -300px, 0) rotateZ(180deg);
    transition: .3s;
    text-decoration: none;
    background: url("../img/upbtn.png") no-repeat center/cover
}

@media screen and (max-width: 1200px) {
    .upscrollbtn {
        right: 40px;
        bottom: 70px;
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width: 991px) {
    .upscrollbtn {
        right: 16px;
        width: 40px;
        height: 40px
    }
}

.upscrollbtn:hover {
    filter: brightness(1.5);
    -webkit-filter: brightness(1.5)
}

.upscrollbtn.show {
    transform: translate3d(0, 0, 0) rotateZ(0)
}

.mCSB_scrollTools a {
    border-bottom: none !important;
    display: none !important
}

.mCSB_scrollTools {
    right: 10px !important
}

.mCSB_draggerRail {
    background: #1e3954 !important
}

.mCSB_dragger_bar {
    margin-top: -10px !important;
    left: 3px;
    height: 32px !important;
    width: 9px !important;
    background: #ff6600 !important;
    box-shadow: 0 0 10px 2px rgba(255, 102, 0, 0.36)
}

#mCSB_1_scrollbar_vertical .mCSB_dragger {
    height: 10px !important
}

.confform {
    position: fixed;
    width: 370px;
    height: auto;
    padding: 30px 27px 14px;
    background: #27415a;
    bottom: 0;
    left: 30px;
    z-index: 800
}

.confform > div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 991px) {
    .confform {
        display: none;
        width: 100%;
        left: 0
    }

    .confform > div {
        justify-content: flex-end
    }
}

.confform .conftext {
    font-size: 13px;
    line-height: 23px
}

.confform .confform-podr {
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 16px;
    transition-duration: 0.5s;
    text-decoration: underline;
    cursor: pointer
}

.confform .confform-podr:hover {
    color: #ff6600;
    text-decoration: none
}

@media screen and (max-width: 991px) {
    .confform .confform-podr {
        margin-right: 24px
    }
}

.confform .confform-submit {
    font-size: 13px;
    color: white;
    height: 35px;
    width: 112px;
    display: block;
    background: #ff6600;
    text-decoration: none;
    text-align: center;
    line-height: 34px;
    border: 1px solid #ff6600;
    transition-duration: 0.5s;
    cursor: pointer
}

.confform .confform-submit:hover {
    color: #ff6600;
    background: white
}

.graph-rating {
    position: absolute;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .graph-rating {
        display: none
    }
}

.graph-rating:hover .dial {
    text-shadow: #fff 0 0 10px !important
}

.graph-rating:hover:before {
    content: '';
    background: url("../img/graph-shadow.png") center top no-repeat;
    position: absolute;
    top: -27px;
    left: -42px;
    right: -42px;
    bottom: 0;
    z-index: -1
}

.graph-rating:after {
    content: '';
    background: url("../img/graph-rating.png") center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -8px;
    left: 0;
    z-index: -1
}

.graph-rating span {
    position: absolute;
    top: 85px;
    right: 50%;
    width: 65px;
    margin-right: -35px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    color: #fff
}

.graph-rating > div {
    pointer-events: none
}

.graph-rating-sm {
    display: none;
    justify-content: center;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif
}

.graph-rating-sm:hover .graph-rating-sm__title {
    color: #ff6600;
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .graph-rating-sm {
        display: flex
    }
}

.graph-rating-sm__container {
    width: auto;
    display: flex;
    align-items: flex-end
}

.graph-rating-sm__title {
    color: white;
    font-size: 16px;
    line-height: 1;
    margin-right: 16px;
    text-transform: uppercase
}

@media screen and (max-width: 575px) {
    .graph-rating-sm__title {
        font-size: 14px
    }
}

.graph-rating-sm__value {
    font-size: 18px;
    line-height: 1;
    margin-right: 16px;
    text-shadow: none !important
}

.graph-rating-sm__bars {
    width: 30px;
    height: 19px;
    display: flex;
    flex-shrink: 0;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: space-between
}

.graph-rating-sm__bars .bar {
    display: block;
    height: 100%;
    width: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.graph-rating-sm__bars .bar:nth-child(1) {
    height: 25%;
    background-color: #FF1F00
}

.graph-rating-sm__bars .bar:nth-child(2) {
    height: 50%;
    background-color: #FF6600
}

.graph-rating-sm__bars .bar:nth-child(3) {
    height: 75%;
    background-color: #F0FF00
}

.graph-rating-sm__bars .bar:nth-child(4) {
    height: 100%;
    background-color: #2AC610
}

.graph-rating-sm__bars.rating-three .bar:nth-child(4) {
    background-color: gray
}

.graph-rating-sm__bars.rating-two .bar:nth-child(3), .graph-rating-sm__bars.rating-two .bar:nth-child(4) {
    background-color: gray
}

.graph-rating-sm__bars.rating-one .bar:nth-child(2), .graph-rating-sm__bars.rating-one .bar:nth-child(3), .graph-rating-sm__bars.rating-one .bar:nth-child(4) {
    background-color: gray
}

.gears-container .gear-1 {
    background: url("../img/icon_1_1.png") no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotation-ccw 0.5s 1 linear;
    position: absolute;
    animation-play-state: paused;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0
}

@media screen and (max-width: 991px) {
    .gears-container .gear-1 {
        display: none
    }
}

.gears-container .gear-2 {
    background: url("../img/icon_1_2.png") no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotation-cw 0.5s 1 linear;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 0;
    bottom: 0;
    animation-play-state: paused
}

.gears-container__wrapper:hover .gear-1 {
    animation-play-state: running;
    -webkit-animation: rotation-cw 0.5s 1 linear
}

.gears-container__wrapper:hover .gear-2 {
    animation-play-state: running;
    -webkit-animation: rotation-ccw 0.5s 1 linear
}

.gears-container__wrapper:hover .gears-container__text {
    color: #ff6600;
    text-decoration: none
}

.gears-container__text {
    color: #fff;
    text-decoration: underline;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    transition: all 300ms
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none;
    box-sizing: content-box
}

.scroll-element div {
    box-sizing: content-box
}

.scroll-element .scroll-bar {
    cursor: default
}

.scroll-element .scroll-arrow {
    cursor: default
}

.scroll-element.scroll-x.scroll-scrollx_visible {
    display: block
}

.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-textarea {
    border: none
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 10px 0 10px 15px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-outer > .scroll-element {
    background-color: #25405c
}

.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #fe5400
}

.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #1e3954
}

.callback-fab {
    display: none;
    background-color: rgba(47, 130, 210, 0.15);
    position: fixed;
    right: 40px;
    bottom: 130px;
    width: 40px;
    height: 40px;
    z-index: 325;
    transition: opacity .3s;
    text-decoration: none;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    opacity: 0;
    pointer-events: none
}

@media screen and (max-width: 991px) {
    .callback-fab {
        display: flex;
        justify-content: center;
        align-items: center;
        right: 16px;
        width: 40px;
        height: 40px
    }
}

.callback-fab:hover {
    filter: brightness(1.5);
    -webkit-filter: brightness(1.5)
}

.callback-fab.show {
    opacity: 1;
    pointer-events: all
}

.tooltip.open + .tooltip__box:not(.control-not-show) {
    visibility: visible
}

.tooltip__box {
    font-size: 14px;
    line-height: 22px;
    visibility: hidden;
    max-width: 320px;
    background-color: #000;
    border: 1px solid rgba(255, 102, 0, 0.5);
    box-shadow: 0 0 7px rgba(255, 102, 0, 0.5);
    color: #fff;
    text-align: center;
    padding: 8px;
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: calc(100% + 8px)
}

html, body {
    position: relative;
    height: 100%
}

body.noscroll {
    overflow: hidden !important
}

.providers-overlay {
    opacity: 0
}

body.index .header {
    margin-bottom: 60px
}

@media screen and (max-width: 991px) {
    body.index .header {
        margin-bottom: 25px
    }
}

@media screen and (max-width: 575px) {
    body.index .header {
        margin-bottom: 0
    }
}

.header {
    position: relative;
    margin-bottom: 32px
}

@media screen and (max-width: 575px) {
    .header {
        margin-bottom: 0
    }
}

.header .header-top {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 20px
}

.header .header-top.is-active {
    background-color: rgba(80, 142, 201, 0.2)
}

.header .header-top__button {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #FF6600;
    color: #FF6600;
    background-color: transparent;
    display: none
}

@media screen and (max-width: 767px) {
    .header .header-top__button {
        width: 40px;
        height: 40px;
        border: none;
        background-color: rgba(47, 130, 210, 0.15);
        margin-right: 0
    }
}

.header .header-top__button--cons {
    background-image: url("../img/svg/phone-w.svg")
}

@media screen and (max-width: 991px) {
    .header .header-top__button--cons {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 22px
    }
}

@media screen and (max-width: 767px) {
    .header .header-top__button--cons {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .header .header-top__button--cons-xs {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 24px
    }
}

.header .header-top__button--location {
    background-image: url("../img/svg/geo-w.svg")
}

@media screen and (max-width: 767px) {
    .header .header-top__button--location {
        display: block
    }
}

.header .header-top__button--callback {
    background-image: url("../img/svg/phone-w.svg")
}

@media screen and (max-width: 767px) {
    .header .header-top__button--callback {
        display: block
    }
}

.header .header-top__button--menu {
    background-image: url("../img/svg/menu-w.svg")
}

@media screen and (max-width: 575px) {
    .header .header-top__button--menu {
        display: block
    }
}

.header .header-top__button--menu.is-active {
    background-image: url("../img/svg/menu-cross.svg")
}

.header .header-top .header-top-left {
    display: flex;
    align-items: center
}

@media screen and (max-width: 767px) {
    .header .header-top .header-top-left {
        justify-content: space-between;
        width: 100%
    }
}

.header .header-top .header-top-left .logo {
    display: inline-block;
    width: 96px;
    height: 93px;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .header .header-top .header-top-left .logo {
        width: 40px;
        height: 38px;
        margin-right: 15px
    }
}

.header .header-top .header-top-left .logo > img {
    width: 100%;
    height: auto
}

.header .header-top .header-top-left .logo-des {
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    width: 280px;
    line-height: 1.6;
    margin-left: 32px;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .header .header-top .header-top-left .logo-des {
        display: none
    }
}

.header .header-top .header-top-right .row-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header .header-top .header-top-right .row-wrap:first-child {
    margin-bottom: 20px;
    position: relative
}

.header .header-top .header-top-right .city {
    display: inline-block;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    border-bottom: 1px dashed #a1460c;
    margin-right: 95px;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .header .header-top .header-top-right .city {
        margin-right: 25px
    }
}

@media screen and (max-width: 767px) {
    .header .header-top .header-top-right .city {
        display: none
    }
}

.header .header-top .header-top-right .city li.active:after {
    content: '';
    position: absolute;
    width: 37px;
    height: 38px;
    top: -5px;
    left: -40px;
    background: url("../img/icons.png") -2px 0 no-repeat
}

.header .header-top .header-top-right .city li.active:before {
    display: none;
    position: absolute;
    width: 30px;
    height: 23px;
    content: '';
    top: 2px;
    right: -30px;
    background: url("../img/icons.png") -80px -8px no-repeat;
    transition: all ease-in-out .3s
}

.header .header-top .header-top-right .city li.active:hover:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .header-top .header-top-right .phone {
    display: inline-block;
    font-family: "helveticaneuecyrroman", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    margin-right: 32px;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .header .header-top .header-top-right .phone {
        display: none
    }
}

.header .header-top .header-top-right .phone:after {
    position: absolute;
    width: 35px;
    height: 35px;
    content: '';
    top: -6px;
    left: -40px;
    background: url("../img/icons.png") -42px -3px no-repeat
}

.header .header-top .header-top-right .phone:before {
    position: absolute;
    width: 30px;
    height: 23px;
    content: '';
    top: 0px;
    right: -30px;
    background: url("../img/icons.png") -80px -8px no-repeat;
    transition: all ease-in-out .3s
}

.header .header-top .header-top-right .phone:hover:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .header-top .header-top-right .order-phone {
    display: inline-block;
    padding: 12px 30px;
    font-family: "helveticaneuecyrroman", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #ff6600;
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5)
}

@media screen and (max-width: 767px) {
    .header .header-top .header-top-right .order-phone {
        display: none
    }
}

.header .header-top .header-top-right .order-phone:hover {
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5)
}

.dropdown.phone a:hover {
    text-decoration: underline
}

.dropdown.phone-footer a:hover {
    text-decoration: underline
}

.header .header-top .header-top-right .dropdown {
    position: relative;
    z-index: 1
}

.header .header-top .header-top-right .dropdown a {
    color: #fff
}

.header .header-top .header-top-right .dropdown.city .dropdown-inside {
    width: 250px
}

.header .header-top .header-top-right .dropdown.city .dropdown-inside li {
    padding: 12px 0 12px 20px;
    margin: 0;
    transition: .2s ease-in-out all;
    margin-right: 15px
}

.header .header-top .header-top-right .dropdown.city .dropdown-inside li:hover {
    background: #2f4f6e
}

.header .header-top .header-top-right .dropdown.city .dropdown-inside li:hover:before {
    opacity: 0
}

.header .header-top .header-top-right .dropdown.city .dropdown-inside li:hover + li:before {
    opacity: 0
}

.header .header-top .header-top-right .dropdown.city .dropdown-inside li:before {
    width: 183px;
    margin-left: -80px;
    top: 0
}

.header .header-top .header-top-right .dropdown.phone .dropdown-inside {
    width: 185px;
    left: -20px
}

.header .header-top .header-top-right .dropdown.phone .dropdown-inside li {
    padding: 3px 0 3px 20px
}

.header .header-top .header-top-right .dropdown.phone .dropdown-inside li:after {
    left: 20px
}

.header .header-top .header-top-right .dropdown-inside {
    position: absolute;
    display: none;
    background: #25405c;
    left: -20px;
    top: 35px;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23)
}

.header .header-top .header-top-right .dropdown-inside li {
    margin: 15px 0;
    position: relative
}

.header .header-top .header-top-right .dropdown-inside li:last-child {
    margin-bottom: 6px
}

.header .header-top .header-top-right .dropdown-inside li:first-child {
    margin-top: 6px
}

.header .header-top .header-top-right .dropdown-inside li:first-child:before {
    opacity: 0
}

.header .header-top .header-top-right .dropdown-inside li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    width: 142px;
    height: 1px;
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -71px;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

.header .header-top .header-top-right .dropdown-inside:last-of-type:after {
    display: none
}

.manual a:hover {
    text-decoration: underline
}

.header .nav-overlay {
    border-top: 1px solid #626771;
    border-bottom: 1px solid #626771;
    background: rgba(26, 54, 86, 0.46) center no-repeat;
    box-shadow: 0 0 20px rgba(87, 103, 158, 0.59)
}

@media screen and (max-width: 575px) {
    .header .nav-overlay {
        display: none;
        border-top: none;
        background-color: transparent;
        box-shadow: none;
        padding-top: 24px;
        padding-bottom: 16px
    }

    .header .nav-overlay ul {
        text-align: left !important;
        font-size: 26px !important;
        line-height: 48px !important
    }

    .header .nav-overlay ul::after {
        display: none !important
    }

    .header .nav-overlay ul li {
        display: block;
        line-height: inherit
    }

    .header .nav-overlay ul li:not(:last-child) {
        margin-bottom: 24px
    }

    .header .nav-overlay ul li a {
        margin: 0;
        padding: 0;
        border: none;
        font-size: inherit;
        line-height: inherit
    }

    .header .nav-overlay ul li a:hover {
        border: none
    }

    .header .nav-overlay ul li a.active {
        color: #ff6600
    }
}

.header .nav-overlay.is-active {
    display: block;
    margin-bottom: 16px
}

.header .nav-overlay ul {
    text-align: justify;
    line-height: 0;
    font-size: 1px
}

.header .nav-overlay ul::after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block
}

.header .nav-overlay li {
    display: inline-block;
    line-height: normal;
    vertical-align: top
}

.header .nav-overlay li a {
    display: block;
    padding: 23px 20px 20px;
    margin-bottom: -1px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid transparent;
    transition: .3s ease-in-out all
}

@media screen and (max-width: 991px) {
    .header .nav-overlay li a {
        margin-bottom: -2px
    }
}

@media screen and (max-width: 767px) {
    .header .nav-overlay li a {
        font-size: 14px
    }
}

.header .nav-overlay li a:hover, .header .nav-overlay li.active a {
    border-bottom: 1px solid #ff6600
}

@media screen and (max-width: 575px) {
    .header .nav-overlay li a:hover, .header .nav-overlay li.active a {
        border: none
    }
}

.nav-cities-question {
    position: absolute;
    height: 100px;
    width: 175px;
    top: 58px;
    left: -62px;
    background-color: #25405c;
    padding: 15px 25px;
    text-align: center;
    z-index: 302;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -moz-transform: translate3d(0, -20%, 0);
    -ms-transform: translate3d(0, -20%, 0);
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    display: none
}

@media screen and (max-width: 991px) {
    .nav-cities-question {
        left: auto;
        right: 0
    }
}

@media screen and (max-width: 767px) {
    .nav-cities-question {
        position: fixed;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        height: auto;
        width: 180px
    }
}

.nav-cities-question:before {
    position: absolute;
    content: '';
    top: -4px;
    height: 15px;
    width: 15px;
    background-color: #25405c;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    left: 49%
}

@media screen and (max-width: 767px) {
    .nav-cities-question:before {
        display: none
    }
}

.nav-cities-question__name {
    font-size: 14px;
    color: #fff;
    display: none
}

@media screen and (max-width: 767px) {
    .nav-cities-question__name {
        display: block
    }
}

.nav-cities-question span {
    font-size: 14px;
    color: #fff
}

.nav-cities-question-buttons {
    margin-top: 15px
}

.nav-cities-question-buttons button {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    outline: 0;
    text-decoration: none;
    min-width: 0;
    padding: 0 15px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-color: #000;
    display: inline-block;
    font-size: 14px;
    background-color: #ff6600;
    color: #fff
}

.nav-cities-question-buttons button:nth-child(1) {
    margin-right: 15px
}

.nav-cities-question-buttons button:nth-child(2) {
    background-color: #1b3045;
    color: #b7b9b8
}

.body-wrap.mmopen .topic-inside, .body-wrap.mmopen .providers.plans, .body-wrap.mmopen .providers.prv, .body-wrap.mmopen .news, .body-wrap.mmopen .manual, .body-wrap.mmopen .connection, .body-wrap.mmopen .connectivity-choice {
    opacity: 0
}

.footer .phone-footer .active, .footer .phone-footer .active a, .footer .phone-footer .dropdown-inside a {
    color: #fff;
    font-size: 16px;
    position: relative;
    font-family: "helveticaneuecyrroman", "Helvetica", "Arial", "sans-serif"
}

.footer {
    position: relative;
    padding-top: 30px;
    font-size: 0;
    background: url("../img/footer-bg.jpg") center/cover no-repeat
}

.footer .footer-top {
    padding-bottom: 20px;
    border-bottom: 1px solid #2e2f32
}

.footer .footer-middle {
    padding: 13px 0;
    border-bottom: 1px solid #2c2d2e
}

.footer .footer-bottom {
    color: #fff;
    padding: 5px 0 10px
}

.footer .footer-bottom .copyright {
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    text-align: left;
    display: inline-block;
    width: 50%;
    line-height: 1.5
}

@media screen and (max-width: 575px) {
    .footer .footer-bottom .copyright {
        display: block;
        width: 100%
    }
}

.footer .footer-bottom .made {
    font-size: 16px;
    display: block;
    text-align: right;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    color: #fff
}

@media screen and (max-width: 575px) {
    .footer .footer-bottom .made {
        text-align: left
    }
}

.footer .footer-bottom .made span {
    transition: .2s ease-in-out all;
    font-size: 20px;
    color: #ff6600;
    text-shadow: 0 0 5px #ff6600;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif"
}

.footer .footer-bottom .made:hover span {
    text-shadow: 0 0 5px rgba(255, 102, 0, 0)
}

.footer .footer-nav {
    display: inline-block;
    width: 60%;
    font: 14px "Verdana", "Geneva", "sans-serif";
    text-align: justify;
    line-height: 0;
    font-size: 1px
}

@media screen and (max-width: 767px) {
    .footer .footer-nav {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-bottom: 8px
    }
}

.footer .footer-nav:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block
}

.footer .footer-nav > li {
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    vertical-align: top
}

@media screen and (max-width: 767px) {
    .footer .footer-nav > li {
        display: block;
        margin-bottom: 16px
    }
}

.footer .footer-nav a {
    display: block;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    text-transform: uppercase;
    color: #fff
}

.footer .footer-nav a:hover {
    opacity: .5
}

.footer .phone-footer {
    display: inline-block;
    float: right;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    cursor: pointer;
    text-align: right;
    margin-right: 3%;
    position: relative
}

@media screen and (max-width: 767px) {
    .footer .phone-footer {
        display: block;
        float: left
    }
}

.footer .phone-footer .active:after {
    position: absolute;
    width: 35px;
    height: 35px;
    content: '';
    top: -6px;
    right: 140px;
    background: url("../img/icons.png") -42px -3px no-repeat
}

.footer .phone-footer .active:before {
    position: absolute;
    width: 30px;
    height: 23px;
    content: '';
    top: 0;
    right: -30px;
    background: url("../img/icons.png") -80px -8px no-repeat;
    transition: all ease-in-out .3s
}

.footer .phone-footer .active:hover:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer .phone-footer .dropdown-inside {
    position: absolute;
    font-family: "helveticaneuecyrroman", "Helvetica", "Arial", "sans-serif";
    width: 185px;
    display: none;
    background: #25405c;
    text-align: left;
    font-size: 16px;
    right: -30px;
    color: #fff;
    top: 35px;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23)
}

.footer .phone-footer .dropdown-inside li {
    margin: 15px 0;
    position: relative;
    padding: 3px 0 3px 24px
}

.footer .phone-footer .dropdown-inside li:last-child {
    margin-bottom: 6px
}

.footer .phone-footer .dropdown-inside li:first-child {
    margin-top: 6px
}

.footer .phone-footer .dropdown-inside li:first-child:before {
    opacity: 0
}

.footer .phone-footer .dropdown-inside li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    width: 142px;
    height: 1px;
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -71px;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

.footer .header-top-left {
    float: left
}

@media screen and (max-width: 767px) {
    .footer .header-top-left {
        float: none;
        margin-bottom: 24px
    }
}

.footer .logo {
    display: inline-block;
    width: 96px;
    height: 93px;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .footer .logo {
        width: 40px;
        height: 38px
    }
}

.footer .logo > img {
    width: 100%;
    height: auto
}

.footer .logo-des {
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    width: 280px;
    line-height: 1.6;
    margin-left: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-top: 10px
}

@media screen and (max-width: 991px) {
    .footer .logo-des {
        font-size: 12px;
        line-height: 20px;
        margin-left: 24px;
        width: 180px
    }
}

.footer .header-top-right {
    float: right;
    text-align: right;
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .footer .header-top-right {
        float: none;
        text-align: left
    }
}

.footer .header-top-right p {
    width: 405px;
    color: #fff;
    margin-bottom: 13px;
    font-size: 16px
}

@media screen and (max-width: 575px) {
    .footer .header-top-right p {
        width: 100%
    }
}

@media screen and (max-width: 575px) {
    .footer .header-top-right .row-wrap > a {
        width: 100%;
        text-align: center
    }
}

.footer .order-phone {
    display: inline-block;
    padding: 5px 38px;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #ff6600
}

@media screen and (max-width: 991px) {
    .footer .order-phone {
        width: 200px;
        padding: 0;
        font-size: 16px;
        line-height: 48px;
        height: 48px;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .footer .order-phone {
        display: block;
        margin-bottom: 16px;
        width: 100%
    }
}

.footer .order-phone.primary {
    background: #ff6600
}

.footer .order-phone:hover {
    box-shadow: 0 0 10px 3px rgba(255, 102, 0, 0.5)
}

.right-container {
    width: 50%;
    display: inline-block
}

@media screen and (max-width: 575px) {
    .right-container {
        display: block;
        width: 100%;
        margin-top: 16px
    }
}

.social-container {
    text-align: right;
    vertical-align: middle;
    margin-bottom: 16px;
    margin-top: 5px
}

@media screen and (max-width: 575px) {
    .social-container {
        text-align: left
    }
}

.social-descr {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    margin-right: 30px;
    vertical-align: middle
}

.topic {
    position: relative;
    margin-bottom: 45px
}

@media screen and (max-width: 767px) {
    .topic {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 575px) {
    .topic {
        margin-bottom: 16px
    }
}

.topic-wrap {
    display: inline-block;
    vertical-align: middle
}

.topic__header {
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    font-size: 34px;
    color: #fff;
    margin-left: 30px;
    position: relative;
    z-index: 0;
    line-height: 48px;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .topic__header {
        font-size: 26px;
        margin-left: 0;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .topic__header {
        font-family: supermolotbold, sans-serif;
        font-size: 18px;
        line-height: 24px
    }
}

.topic__num {
    color: #19273b;
    font-size: 130px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    position: absolute;
    left: 15px;
    top: -80px;
    z-index: 0;
    pointer-events: none
}

@media screen and (max-width: 767px) {
    .topic__num {
        width: 100%;
        text-align: center;
        left: 0
    }
}

@media screen and (max-width: 575px) {
    .topic__num {
        font-size: 52px;
        line-height: 80px;
        top: -35px
    }
}

.topic .topic__header:after, .connect-head:after {
    position: absolute;
    content: '';
    width: 208px;
    height: 1px;
    background: #ff6600;
    left: 3px;
    bottom: 5px
}

@media screen and (max-width: 767px) {
    .topic .topic__header:after, .connect-head:after {
        display: none
    }
}

h3.topic__header::after {
    display: none
}

.topic .button-not-choose {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid #FF6600;
    color: #FF6600;
    float: right;
    margin-top: 14px;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .topic .button-not-choose {
        display: none
    }
}

.topic .button-not-choose:hover {
    border-bottom: 1px solid transparent
}

.topic .desc {
    font-size: 24px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    color: #a4add5;
    margin-left: 32px;
    position: relative
}

@media screen and (max-width: 767px) {
    .topic .desc {
        margin-left: 0;
        text-align: center;
        font-size: 16px;
        margin-top: 24px
    }
}

@media screen and (max-width: 575px) {
    .topic .desc {
        margin-top: 8px
    }
}

.topic .desc > span {
    font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #fe5400
}

@media screen and (max-width: 767px) {
    .topic .desc > span {
        font-size: 24px
    }
}

.topic .desc > .count {
    font-size: 30px;
    color: #fe5400;
    font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif;
    position: relative;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .topic .desc > .count {
        font-size: 24px
    }
}

.topic .desc > .count:after {
    transition: .2s ease-in-out all;
    content: '';
    background: #fe5400;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1px;
    position: absolute
}

.topic .desc > .count:hover {
    opacity: .8
}

.topic .desc > .count:hover:after {
    opacity: 0
}

.topic-inside .breadcrumbs div, .topic-inside .breadcrumbs div a {
    font-size: 14px;
    color: #9da6cd;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif"
}

@media screen and (max-width: 575px) {
    .topic-inside .breadcrumbs div, .topic-inside .breadcrumbs div a {
        font-size: 10px
    }
}

.topic-inside {
    position: relative
}

.topic-inside .breadcrumbs {
    padding-left: 0;
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .topic-inside .breadcrumbs {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 991px) {
    .topic-inside .breadcrumbs {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 575px) {
    .topic-inside .breadcrumbs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
}

.topic-inside .breadcrumbs div {
    display: inline-block;
    position: relative;
    margin-right: 35px;
    margin-bottom: 0;
    opacity: .8
}

@media screen and (max-width: 575px) {
    .topic-inside .breadcrumbs div {
        margin-right: 16px
    }
}

.topic-inside .breadcrumbs div:after {
    content: '';
    width: 3px;
    height: 3px;
    background: #ff6600;
    position: absolute;
    right: -21px;
    margin-top: -1px;
    top: 50%;
    border-radius: 50%;
    box-shadow: 0 0 15px 1px rgba(255, 102, 0, 0.51)
}

@media screen and (max-width: 575px) {
    .topic-inside .breadcrumbs div:after {
        right: -9px
    }
}

.topic-inside .breadcrumbs div a:hover {
    opacity: 0.8
}

.topic-inside .breadcrumbs div:last-child {
    margin-right: 0
}

.topic-inside .breadcrumbs div:last-child:after {
    display: none
}

.topic-inside h1, .topic-inside h2.topic {
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    position: relative;
    margin-bottom: 70px
}

@media screen and (max-width: 991px) {
    .topic-inside h1, .topic-inside h2.topic {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 32px
    }

    .topic-inside h1:after, .topic-inside h2.topic:after {
        display: none
    }
}

@media screen and (max-width: 575px) {
    .topic-inside h1, .topic-inside h2.topic {
        font-family: supermolotbold, sans-serif;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        text-align: center
    }
}

.topic-inside h1:after, .topic-inside h2.topic:after {
    position: absolute;
    content: '';
    width: 77px;
    height: 1px;
    background: #ff6600;
    left: 3px;
    bottom: -30px;
    box-shadow: 0 0 10px 1px rgba(255, 102, 0, 0.5)
}

@media screen and (max-width: 767px) {
    .topic-inside h1:after, .topic-inside h2.topic:after {
        display: none
    }
}

.topic .desc > a.name-tariff {
    color: #fe5400;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    position: relative
}

.topic .desc > a.name-tariff:hover {
    opacity: .8
}

.topic .desc > a.name-tariff:hover:after {
    opacity: 0
}

.topic .desc > a.name-tariff:after {
    transition: .2s ease-in-out all;
    content: '';
    background: #fe5400;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1px;
    position: absolute
}

.topic .button-not-choose.cant-choose-provider {
    margin-top: 44px
}

@media screen and (max-width: 767px) {
    .topic .button-not-choose.cant-choose-provider {
        display: none
    }
}

.topic .button-not-choose.button-not-choose-plans {
    position: absolute;
    right: 0;
    top: 2px;
    margin-top: 67px
}

@media screen and (max-width: 767px) {
    .topic .button-not-choose.button-not-choose-plans {
        display: none
    }
}

.topic.second.filter-fixed {
    padding-bottom: 80px
}

.topic.second.filter-fixed .prov-filters-container {
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    padding: 14px 22px;
    margin: 0;
    background-color: #1D354F;
    max-width: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.45)
}

@media screen and (max-width: 991px) {
    .topic.second.filter-fixed .prov-filters-container {
        top: 0;
        left: 0;
        right: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        transform: translateX(0)
    }
}

.topic.second.filter-fixed .prov-filters-container > div {
    background: rgba(80, 142, 201, 0.2)
}

.topic.third .topic__num {
    left: 0
}

.tariff .profit, .tariff .sort {
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 10;
    font-size: 16px;
    cursor: pointer
}

.tariff .profit:after, .tariff .sort:after {
    content: '';
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    height: 1px;
    top: 100%;
    box-shadow: 0 0 20px 2px rgba(0, 138, 255, 0.5)
}

@media screen and (max-width: 991px) {
    .tariff .profit:after, .tariff .sort:after {
        box-shadow: none;
        background: rgba(255, 255, 255, 0.3)
    }
}

.tariff .profit .active:after, .tariff .sort .active:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 25px;
    background: url("../img/arrow-blue.png") center no-repeat;
    right: 0;
    top: 35%;
    transition: .3s ease-in-out all
}

@media screen and (max-width: 767px) {
    .tariff .profit .active:after, .tariff .sort .active:after {
        top: 22%
    }
}

.tariff .profit .dropdown-inside, .tariff .sort .dropdown-inside {
    top: 100%;
    margin-top: 1px !important;
    position: absolute;
    background: #25405c;
    width: 100%;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23);
    display: none;
    z-index: 1
}

.tariff .profit .dropdown-inside li, .tariff .sort .dropdown-inside li {
    padding: 12px 0 12px 20px;
    margin: 0;
    transition: .2s ease-in-out all;
    position: relative
}

.tariff .profit .dropdown-inside li:before, .tariff .sort .dropdown-inside li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    width: calc(100% - 40px);
    height: 1px;
    content: '';
    position: absolute;
    top: 0;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

@media screen and (max-width: 991px) {
    .plans .tariff .width-row:first-child {
        width: 100%;
        margin-bottom: 16px
    }
}

.tariff {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 32px
}

.tariff .button-wrap {
    margin: 0
}

@media screen and (max-width: 800px) {
    .tariff .width-row {
        width: 100%
    }
}

.tariff .width-row:first-child {
    flex-grow: 1
}

@media screen and (max-width: 800px) {
    .tariff .width-row:first-child {
        width: 100%;
        margin-bottom: 16px
    }
}

.tariff .width-row:last-child {
    width: 200px
}

.tariff .capt {
    color: #a4add5;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .tariff .capt {
        float: none
    }
}

@media screen and (max-width: 800px) {
    .tariff .capt {
        margin-right: 16px
    }
}

.tariff .profit .active {
    position: relative;
    padding: 16px 0 7px
}

.tariff .profit a {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif"
}

.tariff .profit .dropdown-inside li:hover {
    background: #2f4f6e
}

.tariff .profit .dropdown-inside li:hover:before {
    opacity: 0
}

.tariff .profit .dropdown-inside li:hover + li:before {
    opacity: 0
}

.tariff .profit .dropdown-inside li:first-child:before {
    display: none
}

.tariff .profit:hover .active:after {
    transform: rotate(180deg)
}

.tariff .sort .active {
    position: relative;
    padding: 16px 0 7px
}

@media screen and (max-width: 800px) {
    .tariff .sort .active {
        padding: 8px 0;
        width: 100%
    }
}

.tariff .sort a {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif"
}

.tariff .sort .dropdown-inside li:hover {
    background: #2f4f6e
}

.tariff .sort .dropdown-inside li:hover:before {
    opacity: 0
}

.tariff .sort .dropdown-inside li:hover + li:before {
    opacity: 0
}

.tariff .sort .dropdown-inside li:first-child:before {
    display: none
}

.tariff .sort:hover .active:after {
    transform: rotate(180deg)
}

.tariff .tariff-type {
    position: relative;
    border: rgba(110, 130, 149, 0.51) solid 1px;
    background: transparent;
    box-shadow: 0 0 20px 1px rgba(0, 138, 255, 0.12), inset 0 0 20px 1px rgba(0, 138, 255, 0.22);
    cursor: pointer;
    width: 190px;
    display: inline-block
}

.tariff .tariff-type .active {
    position: relative;
    padding: 10px 0 10px 15px
}

.tariff .tariff-type .active:after {
    content: '';
    position: absolute;
    width: 38px;
    height: 31px;
    background: url("../img/arrow-blue.png") center no-repeat;
    right: 0;
    margin-top: -15px;
    top: 50%;
    transition: .3s ease-in-out all
}

.tariff .tariff-type span {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 16px
}

@media screen and (max-width: 575px) {
    .tariff .tariff-type span {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    .tariff .tariff-type span {
        font-size: 12px
    }

    .tariff .tariff-type span.image-wrapper {
        display: none
    }
}

.tariff .tariff-type .dropdown-inside {
    left: 0;
    top: 100%;
    position: absolute;
    background: #25405c;
    width: 100%;
    display: none;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23);
    z-index: 3
}

.tariff .tariff-type .dropdown-inside li {
    padding: 12px 0 12px 20px;
    margin: 0;
    transition: .2s ease-in-out all;
    position: relative
}

.tariff .tariff-type .dropdown-inside li:hover {
    background: #2f4f6e
}

.tariff .tariff-type .dropdown-inside li:hover:before {
    opacity: 0
}

.tariff .tariff-type .dropdown-inside li:hover + li:before {
    opacity: 0
}

.tariff .tariff-type .dropdown-inside li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    height: 1px;
    content: '';
    position: absolute;
    top: 0;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

.tariff .tariff-type .dropdown-inside li a {
    color: #fff
}

.tariff .tariff-type .dropdown-inside li:first-child:before {
    display: none
}

.tariff .tariff-type:hover .active:after {
    transform: rotate(180deg)
}

.tariff .search-city.width-row {
    font-size: 18px
}

.tariff .tariff-type.providers-types-list {
    width: 210px;
    background: rgba(33, 64, 99, 0.8);
    border: none;
    box-shadow: none;
    vertical-align: top
}

.tariff .tariff-type.providers-types-list:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    background: rgba(223, 235, 255, 0.5);
    box-shadow: 0 0 10px 1px rgba(135, 144, 156, 0.5)
}

.tariff .tariff-type.providers-types-list li.active {
    padding: 9px 0 7px 15px;
    opacity: 0.8
}

.tariff .tariff-type.providers-types-list .dropdown-inside li:before, .tariff .tariff-type.providers-types-list .dropdown-inside li:after {
    width: calc(100% - 40px)
}

.pagination {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px
}

.pagination li {
    display: inline-block
}

.pagination li:last-child {
    margin-right: 0
}

.pagination a {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    display: inline-block;
    padding: 3px 1px 0 0;
    width: 34px;
    height: 34px
}

.pagination a.button-after {
    background: url("../img/arrow-button.png") no-repeat -4px -3px;
    width: 24px;
    height: 31px;
    margin-left: 20px
}

.pagination a.button-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url("../img/arrow-button.png") no-repeat -4px -3px;
    width: 24px;
    height: 31px;
    margin-right: 20px
}

.pagination a:hover {
    opacity: .5
}

.pagination a:hover.pagin-active {
    opacity: 1;
    color: #fff
}

.pagination a.pagin-active {
    border-radius: 50%;
    border: 1px solid #b85312;
    box-shadow: 0 0 10px 1px rgba(255, 102, 0, 0.35), inset 0 0 10px 1px rgba(255, 102, 0, 0.35)
}

.form-tariff {
    margin-bottom: 0;
    font-size: 0
}

.form-tariff h2.topic {
    margin-bottom: 40px !important
}

@media screen and (max-width: 575px) {
    .form-tariff h2.topic {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-bottom: 16px !important
    }
}

.form-tariff .jq-selectbox__select {
    background: rgba(32, 55, 82, 0.69);
    box-shadow: 0 0 5px 1px rgba(0, 138, 255, 0.12);
    color: #a4add5
}

.form-tariff .jq-selectbox__select:after {
    display: none
}

.form-tariff .jq-selectbox.disabled .jq-selectbox__select {
    background: rgba(32, 55, 82, 0.69);
    box-shadow: 0 0 5px 1px rgba(0, 138, 255, 0.12);
    color: #7982a3
}

.form-tariff__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

@media screen and (max-width: 575px) {
    .form-tariff__row {
        flex-wrap: wrap;
        margin-bottom: 8px
    }
}

.form-tariff__row:last-child {
    margin-top: 35px;
    margin-bottom: 35px
}

.form-tariff__row .action-button {
    display: block;
    width: 240px;
    line-height: 48px;
    height: 48px;
    text-align: center
}

@media screen and (max-width: 575px) {
    .form-tariff__row .action-button {
        width: 100%
    }
}

.form-tariff input:not([type="submit"]) {
    border: 0;
    outline: none;
    font-size: 16px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    background: rgba(32, 55, 82, 0.69);
    padding: 10px 18px;
    box-shadow: 0 0 5px 1px rgba(0, 138, 255, 0.12);
    color: #fff
}

.form-tariff input.fio, .form-tariff input.phone {
    width: calc(50% - 8px)
}

@media screen and (max-width: 575px) {
    .form-tariff input.fio, .form-tariff input.phone {
        width: 100%
    }
}

@media screen and (max-width: 575px) {
    .form-tariff input.fio, .form-tariff input.street {
        margin-bottom: 8px
    }
}

.form-tariff input.address {
    width: 38%
}

@media screen and (max-width: 575px) {
    .form-tariff input.address {
        width: 100%
    }
}

.form-tariff input.house {
    width: 13%
}

@media screen and (max-width: 575px) {
    .form-tariff input.house {
        width: calc(50% - 8px)
    }
}

.form-tariff .form__inputs__city {
    width: 32%;
    margin-bottom: 0
}

@media screen and (max-width: 575px) {
    .form-tariff .form__inputs__city {
        width: 100%;
        margin-bottom: 8px
    }
}

.form-tariff textarea {
    width: 100%;
    height: 120px
}

.form-tariff textarea.comment {
    border: 0;
    outline: none;
    font-size: 16px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    background: rgba(32, 55, 82, 0.69);
    padding: 10px 18px;
    box-shadow: 0 0 5px 1px rgba(0, 138, 255, 0.12);
    color: #fff;
    resize: none;
    overflow: hidden
}

.form-tariff .back {
    order: 1
}

@media screen and (max-width: 575px) {
    .form-tariff .back {
        order: 2
    }
}

.form-tariff .submit-connect {
    order: 2;
    border: none;
    outline: 0;
    background: #ff6600;
    color: #fff;
    font-size: 18px;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    box-shadow: 0 0 10px 2px rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54);
    transition: .3s ease-in-out all
}

@media screen and (max-width: 991px) {
    .form-tariff .submit-connect {
        box-shadow: none;
        font-size: 16px
    }
}

@media screen and (max-width: 575px) {
    .form-tariff .submit-connect {
        order: 1;
        margin-bottom: 16px
    }
}

.form-tariff .submit-connect:hover {
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54);
    opacity: .9
}

.form-tariff .jq-selectbox__dropdown li:nth-of-type(2):before {
    opacity: 0
}

@media screen and (max-width: 767px) {
    .homepage__title {
        font-size: 30px
    }
}

@media screen and (max-width: 575px) {
    .homepage__title {
        font-family: supermolotbold, sans-serif !important;
        margin-bottom: 0
    }

    .homepage__title span {
        display: block
    }

    .homepage__title--providers {
        font-size: 40px;
        line-height: 52px
    }

    .homepage__title--tv {
        font-size: 22px;
        line-height: 34px
    }

    .homepage__title--city {
        font-size: 16px;
        line-height: 24px
    }
}

.connection {
    position: relative;
    text-align: center;
    margin-bottom: 52px
}

@media screen and (max-width: 991px) {
    .connection {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 575px) {
    .connection {
        margin-bottom: 0
    }
}

.connection h1, .connection h2 {
    line-height: 1.5;
    color: #dedede;
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 35px
}

.connection h1 {
    font-size: 35px
}

.connection h1:after {
    display: none
}

.connection h2 {
    font-size: 34px
}

.connection__list {
    margin-bottom: 15px;
    margin-left: -70px;
    margin-right: -70px;
    padding-left: 0
}

@media screen and (max-width: 991px) {
    .connection__list {
        display: none
    }
}

.connection .subtitle {
    font-size: 28px;
    color: #a4add5;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 50px
}

.connection .block-con {
    width: 25%;
    float: left
}

.connection .block-con:hover .block-img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: .8
}

.connection .block-con:hover .step {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: .8
}

.connection .block-con .block-img {
    transition: all ease-in-out .3s;
    margin: 0 auto 10px;
    width: 65px;
    height: 65px;
    background: url("../img/connection-icons.png") 0 -5px no-repeat;
    cursor: pointer
}

.connection .block-con .step {
    transition: all ease-in-out .3s;
    color: #fff;
    font-size: 24px;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 20px;
    position: relative;
    cursor: pointer
}

.connection .block-con .step:after {
    transition: all .3s ease-in-out;
    content: '';
    position: absolute;
    width: 88px;
    height: 1px;
    background: #ff6600 center no-repeat;
    box-shadow: 0 0 10px 1px rgba(255, 102, 0, 0.5);
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%)
}

.connection .block-con .descr {
    font-size: 16px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    color: #fff
}

.connection .block-con:nth-of-type(2) .block-img {
    width: 74px;
    height: 72px;
    background-position: -80px -5px
}

.connection .block-con:nth-of-type(3) .block-img {
    width: 69px;
    height: 66px;
    background-position: -155px -5px
}

.connection .block-con:nth-of-type(4) .block-img {
    width: 74px;
    height: 65px;
    background-position: -243px -5px
}

.connection .mouse {
    background: url("../img/mouse-ico.png") center no-repeat;
    width: 54px;
    height: 70px;
    display: none
}

.connection .mouse-wrap {
    display: inline-block;
    transition: all .3s ease-in-out
}

.connection .mouse-wrap:hover {
    transform: scale(0.95) translateY(3px)
}

.connectivity-choice {
    padding-top: 50px;
    margin-bottom: 105px;
    position: relative;
    z-index: 301
}

@media screen and (max-width: 575px) {
    .connectivity-choice {
        margin-bottom: 48px;
        padding-top: 30px
    }
}

.connectivity-choice .topic {
    margin-bottom: 25px
}

.connectivity-choice .unit-opacity {
    margin: 0 auto;
    max-width: 1275px;
    background: rgba(80, 142, 201, 0.2);
    padding-top: 40px;
    padding-bottom: 35px;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23)
}

.connectivity-choice .unit-opacity li:nth-of-type(1) .active-check .tab-img {
    background-position: -3px -0px
}

.connectivity-choice .unit-opacity li:nth-of-type(2) .active-check .tab-img {
    background-position: -93px -4px
}

.connectivity-choice .unit-opacity li:nth-of-type(3) .active-check .tab-img {
    background-position: -188px -4px
}

.connectivity-choice .unit-opacity .tab-container > ul {
    margin-bottom: 35px
}

.connectivity-choice .unit-opacity .tab-container ul > li {
    width: 33.33%;
    float: left;
    position: relative
}

.connectivity-choice .unit-opacity .tab-container ul > li .tab-img {
    display: inline-block;
    background: url("../img/internet-ico.png") 0 0 no-repeat;
    vertical-align: middle
}

.connectivity-choice .unit-opacity .tab-container ul > li:hover:nth-of-type(1) span {
    background-position: -3px -0px
}

.connectivity-choice .unit-opacity .tab-container ul > li:hover:nth-of-type(2) span {
    background-position: -93px -4px
}

.connectivity-choice .unit-opacity .tab-container ul > li:hover:nth-of-type(3) span {
    background-position: -188px -4px
}

.connectivity-choice .unit-opacity .tab-container ul > li a {
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    vertical-align: middle;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    position: relative
}

.connectivity-choice .unit-opacity .tab-container ul > li .tab-word {
    margin-left: 25px;
    position: relative
}

.connectivity-choice .unit-opacity .tab-container ul > li .tab-word:after {
    content: '';
    transition: .2s ease-in-out all;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -2px;
    position: absolute;
    background: #8792a0 center repeat-x;
    box-shadow: 0 0 20px 2px rgba(0, 138, 255, 0.5)
}

.connectivity-choice .unit-opacity .tab-container ul > li:nth-of-type(1) span {
    background-position: -3px -98px;
    width: 81px;
    height: 81px
}

.connectivity-choice .unit-opacity .tab-container ul > li:nth-of-type(2) span {
    background-position: -93px -95px;
    width: 88px;
    height: 78px
}

.connectivity-choice .unit-opacity .tab-container ul > li:nth-of-type(3) span {
    background-position: -188px -95px;
    width: 88px;
    height: 79px
}

.connectivity-choice .unit-opacity .tab-container ul > li .active-check .tab-word:after {
    opacity: 0
}

.connectivity-choice .unit-opacity .tab-container-blocks {
    text-align: left
}

.lenta {
    margin-bottom: 55px;
    position: relative;
    z-index: 300
}

@media screen and (max-width: 991px) {
    .lenta {
        margin-bottom: 112px
    }
}

.lenta__overlay {
    position: relative;
    background: rgba(80, 142, 201, 0.2);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23)
}

@media screen and (max-width: 767px) {
    .lenta__overlay {
        background-color: transparent
    }
}

.lenta__overlay .block-slide {
    overflow: hidden;
    border: 1px solid transparent;
    width: 20%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 18px;
    height: 350px;
    padding-top: 45px;
    transition: .2s ease-in-out all;
    position: relative
}

@media screen and (max-width: 575px) {
    .lenta__overlay .block-slide {
        height: 309px
    }
}

.lenta__overlay .block-slide:after {
    content: '';
    opacity: 1;
    transition: .2s ease-in-out all;
    width: 1px;
    height: 115px;
    right: -0px;
    top: 92px;
    position: absolute;
    background: #657495
}

.lenta__overlay .block-slide:not(.slick-current):hover:after {
    opacity: 0
}

.lenta__overlay .block-slide:hover {
    cursor: pointer;
    background: rgba(80, 142, 201, 0.2)
}

.lenta__overlay .block-slide.active .lenta__title, .lenta__overlay .block-slide.active .lenta__quantity-tariffs, .lenta__overlay .block-slide.active .lenta__shares {
    display: none
}

.lenta__overlay .block-slide .lenta__img {
    position: relative
}

.lenta__overlay .block-slide .lenta__img:after {
    content: '';
    position: absolute;
    left: 10%;
    bottom: -20px;
    width: 80%;
    background: #cccccc;
    box-shadow: 0 0 10px 1px rgba(204, 204, 204, 0.5);
    height: 1px
}

@media screen and (max-width: 991px) {
    .lenta__overlay .block-slide .lenta__img:after {
        box-shadow: none
    }
}

.lenta__overlay .block-slide .lenta__img img {
    display: block;
    height: 100px;
    margin: 0 auto;
    max-width: 90%
}

@media screen and (max-width: 575px) {
    .lenta__overlay .block-slide .lenta__img img {
        height: 60px
    }
}

.lenta__overlay .block-slide .lenta__title {
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    position: relative;
    overflow: hidden;
    height: 50px;
    top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

@media screen and (max-width: 575px) {
    .lenta__overlay .block-slide .lenta__title {
        height: 30px
    }
}

.lenta__overlay .block-slide .lenta__quantity-tariffs {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    margin-top: 45px;
    position: relative;
    padding-top: 25px
}

@media screen and (max-width: 575px) {
    .lenta__overlay .block-slide .lenta__quantity-tariffs {
        padding-top: 15px
    }
}

.lenta__overlay .block-slide .lenta__quantity-tariffs.shifted {
    padding-top: 45px
}

.lenta__overlay .block-slide .lenta__quantity-tariffs:before {
    content: '';
    position: absolute;
    left: 10%;
    top: -7px;
    width: 80%;
    background: #cccccc;
    box-shadow: 0 0 10px 1px rgba(204, 204, 204, 0.5);
    height: 1px
}

@media screen and (max-width: 991px) {
    .lenta__overlay .block-slide .lenta__quantity-tariffs:before {
        box-shadow: none
    }
}

.lenta__overlay .block-slide .lenta__shares {
    font-family: "helveticaneuecyrbold", Helvetica, Arial, sans-serif;
    color: #ff6600;
    text-shadow: 0 0 5px rgba(255, 102, 0, 0.5);
    margin-bottom: 100px;
    padding-top: 13px
}

.lenta__overlay .block-slide li.active {
    display: none;
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    position: relative;
    margin: 30px 0
}

.lenta__overlay .block-slide li.active a, .lenta__overlay .block-slide li.active button {
    display: inline-block;
    margin: 8px 0;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #bfc5cd
}

.lenta__overlay .block-slide li.active a:first-child, .lenta__overlay .block-slide li.active button:first-child {
    margin-top: 0
}

.lenta__overlay .block-slide li.active a:hover, .lenta__overlay .block-slide li.active button:hover {
    opacity: .5
}

.lenta__overlay .block-slide li.active a.lenta-button, .lenta__overlay .block-slide li.active button.lenta-button {
    width: 100%;
    border-bottom: none;
    background: #ff5200;
    display: block;
    margin-top: 16px;
    padding: 12px 0;
    transition: all ease-in-out .2s
}

.lenta__overlay .block-slide li.active a.lenta-button:hover, .lenta__overlay .block-slide li.active button.lenta-button:hover {
    opacity: 1 !important;
    background: #dd4600;
    box-shadow: 0 10px 10px 11px rgba(221, 221, 221, 0.35)
}

.lenta__footer {
    display: none;
    margin-top: 70px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .lenta__footer {
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width: 575px) {
    .lenta__footer {
        display: none
    }
}

.lenta__footer .button-not-choose {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid #FF6600;
    color: #FF6600;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    max-width: 100%
}

.lenta.collapsed {
    margin-bottom: 0
}

.block-slide.slick-current {
    border: 1px solid #fe5400 !important;
    border-bottom: none !important;
    background: rgba(80, 142, 201, 0.2)
}

.slick-arrow {
    opacity: 0.8;
    transition: .3s ease-in-out all;
    width: 41px;
    height: 56px;
    background: url(../img/arrows-slider.png) 0 0 no-repeat
}

@media screen and (max-width: 991px) {
    .slick-arrow {
        width: 30px
    }
}

.slick-arrow:before {
    display: none
}

.slick-arrow:hover {
    opacity: 1
}

.slider, .slider-addresses {
    display: block !important;
    position: relative
}

@media only screen and (max-width: 1100px) {
    .slider, .slider-addresses {
        padding: 0 40px !important
    }
}

.slider .slick-prev, .slider-addresses .slick-prev {
    left: -40px
}

@media only screen and (max-width: 1100px) {
    .slider .slick-prev, .slider-addresses .slick-prev {
        left: 10px
    }
}

@media screen and (max-width: 991px) {
    .slider .slick-prev, .slider-addresses .slick-prev {
        background-position: -4px 0px !important
    }
}

.slider .slick-next, .slider-addresses .slick-next {
    right: -40px;
    background-position: -41px 0px !important
}

@media only screen and (max-width: 1100px) {
    .slider .slick-next, .slider-addresses .slick-next {
        right: 10px
    }
}

@media screen and (max-width: 991px) {
    .slider .slick-next, .slider-addresses .slick-next {
        background-position: -45px 0px !important
    }
}

.slider .slick-disabled, .slider-addresses .slick-disabled {
    opacity: 0.2
}

.slider .slick-dots, .slider-addresses .slick-dots {
    position: absolute;
    bottom: -24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    left: 0;
    width: 100%
}

.slider .slick-dots li, .slider-addresses .slick-dots li {
    position: relative;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0 3px
}

.slider .slick-dots li button, .slider-addresses .slick-dots li button {
    display: none
}

.slider .slick-dots li.slick-active, .slider-addresses .slick-dots li.slick-active {
    background-color: #FF6600
}

.arrow-select-wrap {
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .arrow-select-wrap {
        display: none
    }
}

.arrow-select {
    background: url(../img/arrow-select.png) center no-repeat;
    margin: 20px auto 0;
    width: 130px;
    height: 39px;
    position: relative;
    transition: 1s
}

.arrow-select:after {
    content: '';
    position: absolute;
    width: 100000%;
    right: 100%;
    top: 18px;
    height: 24px;
    background: url(../img/arrow-select-line.png) center repeat-x
}

.arrow-select:before {
    content: '';
    position: absolute;
    width: 100000%;
    left: 100%;
    top: 18px;
    height: 24px;
    background: url(../img/arrow-select-line.png) center repeat-x
}

.block-slide:focus {
    outline: none
}

.hidden-line div > li:after {
    opacity: 0 !important
}

.hidden-line-hard div > li:after {
    opacity: 0 !important
}

.list-rating {
    position: absolute !important;
    right: 15px !important;
    top: 5px !important
}

.list-rating span:first-child {
    display: block;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff
}

.list-rating .rating-stars {
    display: block;
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    margin-top: -5px
}

.prov-filters-container {
    top: -100px;
    padding-left: 32px;
    margin: 30px 0 16px 0
}

@media screen and (max-width: 767px) {
    .prov-filters-container {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px
    }

    .prov-filters-container .jq-selectbox {
        width: calc(50% - 8px)
    }

    .prov-filters-container .jq-selectbox__select {
        width: 100% !important
    }
}

.prov-filters-container .service-type-filter {
    margin-right: 16px
}

@media screen and (max-width: 767px) {
    .prov-filters-container .service-type-filter {
        margin-right: 0
    }
}

.plan-link {
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

.select-tariff {
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrapper-random {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 499px) {
    .select-tariff .tariff-wrapper {
        display: block
    }
}

@media screen and (max-width: 499px) {
    .select-tariff .tariff-wrapper-random {
        display: block
    }
}

.select-tariff .tariff-wrap {
    background: rgba(80, 142, 201, 0.2) center no-repeat;
    margin-bottom: 22px;
    color: #fff;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    position: relative;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23);
    padding: 24px 20px 14px 40px;
    transition: .2s ease-in-out all;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap {
        padding: 0;
        width: calc(50% - 8px)
    }
}

@media screen and (max-width: 499px) {
    .select-tariff .tariff-wrap {
        width: 100%
    }
}

.select-tariff .tariff-wrap:hover {
    background-color: #25405c
}

.select-tariff .tariff-wrap .stock {
    position: absolute;
    font-family: "supermolotbold", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    color: #fff;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 6px 0 0 8px;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap .stock {
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .stock {
        display: block;
        position: relative;
        line-height: 32px;
        padding: 0;
        text-align: center
    }

    .select-tariff .tariff-wrap .stock:after {
        display: none
    }

    .select-tariff .tariff-wrap .stock.promo {
        background-color: #ff6600
    }

    .select-tariff .tariff-wrap .stock.special {
        background-color: #1bb744
    }

    .select-tariff .tariff-wrap .stock:hover {
        padding: 0 !important;
        text-shadow: none !important
    }
}

.select-tariff .tariff-wrap .stock:hover {
    padding-top: 7px;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.45)
}

.select-tariff .tariff-wrap .stock:hover:after {
    border-top-color: #ff7500
}

.select-tariff .tariff-wrap .stock:after {
    opacity: 1;
    transition: .2s ease-in-out all;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 95px solid #ff6600
}

.select-tariff .tariff-wrap .stock.special {
    cursor: default
}

.select-tariff .tariff-wrap .stock.special:after {
    border-top-color: #1bb744
}

.select-tariff .tariff-wrap .stock.special:hover {
    padding: 7px 0 0 9px
}

.select-tariff .tariff-wrap .tariff-wrap-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 16px
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .tariff-wrap-row {
        display: block;
        padding: 24px 16px
    }
}

.select-tariff .tariff-wrap .tariff-wrap-row:after {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 1px;
    background: #42505f;
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.23);
    bottom: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .tariff-wrap-row:after {
        left: 16px;
        right: 16px;
        width: auto
    }
}

.select-tariff .tariff-wrap .tariff-name {
    width: 230px;
    font-size: 20px;
    line-height: 1
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap .tariff-name {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .tariff-name {
        font-size: 15px;
        line-height: 24px;
        width: 100%;
        margin-bottom: 8px;
        font-family: "helveticaneuecyrmedium", "Helvetica", "Arial", "sans-serif"
    }
}

.select-tariff .tariff-wrap .tariff-name .block-name-provider {
    position: relative;
    z-index: 2;
    bottom: -8px
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap .tariff-name .block-name-provider {
        bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .tariff-name .block-name-provider {
        padding: 8px 0
    }
}

.select-tariff .tariff-wrap .tariff-name .block-name-provider a.title-link {
    color: #a4add5;
    font-size: 14px !important;
    font-family: "helveticaneuecyrmedium", "Helvetica", "Arial", "sans-serif";
    text-decoration: underline;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle
}

.select-tariff .tariff-wrap .tariff-name .block-name-provider a:hover {
    opacity: .8
}

.select-tariff .tariff-wrap .tariff-name .block-name-provider .img-block {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle
}

.select-tariff .tariff-wrap .tariff-name .block-name-provider .img-block img {
    max-height: 100%;
    display: block;
    max-width: 35px
}

.select-tariff .tariff-wrap .tariff-speed {
    padding: 0 32px;
    font-family: "helveticaneuecyrultralight", "Helvetica", "Arial", "sans-serif";
    font-size: 50px;
    text-shadow: 0 0 10px white
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap .tariff-speed {
        font-size: 30px;
        line-height: 26px;
        text-shadow: none
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .tariff-speed {
        padding: 0;
        margin-bottom: 16px
    }
}

.select-tariff .tariff-wrap .tariff-speed span {
    text-align: left;
    display: inline-block;
    max-width: 50px;
    line-height: 1;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    text-shadow: none
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap .tariff-speed span {
        font-size: 14px;
        line-height: 1;
        max-width: 30px
    }
}

.select-tariff .tariff-wrap .tariff-price {
    width: 200px;
    text-align: right;
    font-size: 50px;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.61)
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap .tariff-price {
        font-size: 30px;
        line-height: 30px;
        width: 160px;
        text-shadow: none;
        font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .tariff-price {
        width: 100%;
        text-align: left
    }
}

.select-tariff .tariff-wrap .tariff-price span {
    text-align: left;
    line-height: 1;
    display: inline-block;
    max-width: 50px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    text-shadow: none
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap .tariff-price span {
        font-size: 14px;
        line-height: 1
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap .tariff-price span {
        max-width: none
    }
}

.select-tariff .tariff-wrap-row-extra {
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap-row-extra {
        display: block;
        padding: 24px 16px
    }
}

.select-tariff .tariff-wrap-row-extra .tariff-services {
    position: relative;
    display: flex;
    align-items: center
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap-row-extra .tariff-services {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap-row-extra .tariff-services {
        margin-bottom: 24px
    }
}

.select-tariff .tariff-wrap-row-extra .tariff-services .tariff-services-item {
    position: relative;
    margin-right: 24px;
    padding-left: 24px
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap-row-extra .tariff-services .tariff-services-item {
        margin-right: 0;
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap-row-extra .tariff-services .tariff-services-item {
        line-height: 20px;
        margin-bottom: 8px
    }
}

.select-tariff .tariff-wrap-row-extra .tariff-services .tariff-service-icon {
    position: absolute;
    left: 0;
    top: 3px;
    color: #ff6600;
    text-shadow: 0 0 15px rgba(255, 102, 0, 0.51)
}

.select-tariff .tariff-wrap-row-extra .tariff-gift {
    position: relative;
    display: block;
    margin-left: 35px
}

.select-tariff .tariff-wrap-row-extra .tariff-gift:after {
    content: '';
    position: absolute;
    width: 44px;
    height: 44px;
    left: -45px;
    bottom: -12px;
    background: url("../img/router.png") center no-repeat
}

.select-tariff .tariff-wrap-row-extra .free-month {
    display: block;
    margin-left: 35px;
    position: relative
}

.select-tariff .tariff-wrap-row-extra .free-month:after {
    content: '';
    position: absolute;
    background: #ff6600;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    box-shadow: 0 0 5px 1px rgba(255, 102, 0, 0.5);
    left: -20px;
    bottom: 8px
}

.select-tariff .tariff-wrap-row-extra .free-blocks-links {
    display: flex;
    align-items: center
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap-row-extra .free-blocks-links {
        display: block
    }
}

.select-tariff .tariff-wrap-row-extra .free-more {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #ff6600;
    transition: .3s ease-in-out all;
    margin-right: 32px;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .select-tariff .tariff-wrap-row-extra .free-more {
        margin-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap-row-extra .free-more {
        display: block;
        width: 85px;
        margin: 0 auto 16px
    }
}

.select-tariff .tariff-wrap-row-extra .free-more:hover {
    border-bottom: 1px solid transparent
}

.select-tariff .tariff-wrap-row-extra .free-connection {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    z-index: 1;
    border: 1px solid #ff6600;
    padding: 8px 35px 7px 12px;
    transition: .2s ease-in-out all
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-wrap-row-extra .free-connection {
        display: block;
        width: 165px;
        margin: 0 auto
    }
}

.select-tariff .tariff-wrap-row-extra .free-connection:after {
    content: '';
    position: absolute;
    background: url("../img/arrow-button.png") left no-repeat;
    right: 3px;
    top: -2px;
    width: 31px;
    height: 38px
}

.select-tariff .tariff-wrap-row-extra .free-connection:hover {
    background: #ff6600
}

.select-tariff .tariff-wrap-row-extra .free-connection:hover:after {
    background-position: right
}

.select-tariff .tariff-promo-detail {
    position: absolute;
    width: 80%;
    height: 105px;
    background: #b53907;
    top: 0;
    left: -1000px;
    z-index: 10;
    cursor: pointer;
    transition: left 500ms, top 300ms, background-color 300ms
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-promo-detail {
        left: 0;
        top: -500px;
        width: 100%;
        height: auto
    }
}

.select-tariff .tariff-promo-detail:after {
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    transition: border-top 300ms;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 105px solid #b53907
}

.select-tariff .tariff-promo-detail:hover {
    background-color: #cd3b07
}

.select-tariff .tariff-promo-detail:hover::after {
    border-top: 105px solid #cd3b07
}

.select-tariff .tariff-promo-detail.show {
    left: 0
}

@media screen and (max-width: 767px) {
    .select-tariff .tariff-promo-detail.show {
        top: 0
    }
}

.select-tariff .tariff-promo-detail span {
    display: block;
    padding: 16px
}

.select-tariff .tariff-promo-detail.visible span {
    display: block
}

.select-tariff .show-more {
    display: block;
    width: 120px;
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    border-bottom: 1px solid #666b75;
    position: relative
}

.select-tariff .show-more:after {
    content: '';
    position: absolute;
    transition: .2s ease-in-out all;
    width: 38px;
    height: 31px;
    top: 0;
    right: -30px;
    background: url("../img/arrow-blue.png") center no-repeat
}

.select-tariff .show-more:hover {
    border-bottom: 1px solid transparent;
    opacity: .8
}

.select-tariff .show-more:hover:after {
    transform: translate(0, 1px)
}

.news {
    background: #030c17;
    color: #fff;
    padding-top: 80px;
    position: relative
}

.news:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #353d45;
    box-shadow: 0 0 10px 1px rgba(0, 138, 255, 0.2)
}

.news .topic .topic__header {
    display: inline-block
}

@media screen and (max-width: 767px) {
    .news .topic .topic__header {
        display: block
    }
}

.news .topic .topic__header:after {
    width: 120px
}

.news .topic .all-news {
    text-align: right;
    display: inline-block;
    float: right;
    margin-top: 15px;
    margin-right: 70px;
    font-size: 24px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    border-bottom: #ff6600 1px solid;
    color: #fff;
    position: relative
}

@media screen and (max-width: 767px) {
    .news .topic .all-news {
        display: none
    }
}

.news .topic .all-news:after {
    content: '';
    width: 31px;
    height: 38px;
    position: absolute;
    right: -35px;
    top: -1px;
    background: url("../img/arrow-button.png") left no-repeat;
    transition: .2s ease-in-out all
}

.news .topic .all-news:hover {
    border-bottom: 1px solid transparent;
    opacity: .8
}

.news .topic .all-news:hover:after {
    transform: translate(-3px, 0)
}

.news__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.news__block {
    width: calc(50% - 8px);
    overflow: hidden;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .news__block {
        width: 100%
    }
}

.news__block:last-child .news__text-block::after {
    display: none
}

.news__block-link {
    display: flex;
    justify-content: space-between;
    padding: 16px
}

@media screen and (max-width: 767px) {
    .news__block-link {
        align-items: flex-start
    }
}

@media screen and (max-width: 575px) {
    .news__block-link {
        padding: 8px
    }
}

.news__block-link:hover {
    background: #141d2c
}

.news__block-link:hover .news__text-block::after {
    opacity: 0
}

.news__text-block {
    display: block;
    position: relative;
    flex-grow: 1;
    padding-left: 16px
}

.news__text-block::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    width: 120px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    display: none;
    transition: opacity 300ms
}

@media screen and (max-width: 767px) {
    .news__text-block::after {
        display: block
    }
}

.news__image {
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0
}

@media screen and (max-width: 991px) {
    .news__image {
        width: 80px;
        height: 80px
    }
}

@media screen and (max-width: 767px) {
    .news__image {
        width: 60px;
        height: 60px
    }
}

.news__image .date {
    display: block;
    text-align: center;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    line-height: 30px;
    color: #A4ADD5;
    letter-spacing: 0.2px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 991px) {
    .news__image .date {
        width: 100%;
        background-color: transparent;
        padding-left: 0;
        padding-right: 0;
        bottom: -30px
    }
}

.news__title {
    display: block;
    color: #fff;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    text-shadow: none;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 23px;
    position: relative
}

@media screen and (max-width: 767px) {
    .news__title {
        font-size: 16px
    }
}

.news__title:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: #ff6600;
    bottom: -12px;
    left: 0
}

.news__descr {
    display: block;
    color: #a4add5;
    padding-bottom: 16px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif"
}

@media screen and (max-width: 991px) {
    .news__descr {
        font-size: 14px
    }
}

.new.wrapper {
    position: relative;
    margin-bottom: 40px
}

.new.wrapper img {
    margin-right: 20px
}

.new p.desc {
    margin-top: 40px
}

.new a {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}

.news-inside {
    background: none;
    padding-top: 0
}

.news-inside:after {
    display: none
}

.news-inside .pagination {
    padding: 15px 0 45px
}

.news-inside .news__container .news__block-link:hover {
    background: rgba(164, 173, 213, 0.11)
}

.news__footer {
    display: none;
    text-align: center
}

@media screen and (max-width: 767px) {
    .news__footer {
        display: block
    }
}

.news__footer a {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid #FF6600;
    color: #FF6600;
    display: inline-block;
    margin-bottom: 24px
}

.about {
    position: relative;
    padding-top: 64px;
    background: #030c17
}

.about .topic__num {
    left: 0
}

.about__header {
    margin-bottom: 40px
}

.about__text {
    border-bottom: 1px solid #2e2f32
}

.about .about__item {
    display: inline-block;
    position: relative
}

.about .about__item:first-child {
    margin-right: 60px
}

.about .about__item:first-child .active-link-tab {
    background: url("../img/about__item.png") center 33px no-repeat
}

.about .about__item a {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    height: 100px;
    display: block;
    transition: .3s ease-in-out opacity
}

.about .about__item a:not(.active-link-tab):hover {
    opacity: 0.6
}

.about .about__item:last-child .active-link-tab {
    background: url("../img/about__item-two.png") center 33px no-repeat
}

.about p {
    font-size: 18px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 0;
    padding-bottom: 20px;
    color: #fff
}

.about p a {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}

.manual .descr {
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .manual .descr {
        font-size: 14px;
        line-height: 22px
    }
}

.manual h3 {
    position: relative;
    font-size: 30px;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    margin-bottom: 20px
}

@media screen and (max-width: 575px) {
    .manual h3 {
        font-size: 18px;
        line-height: 24px
    }
}

.manual h3.indent-top {
    padding-top: 24px
}

.manual ol {
    margin-bottom: 24px
}

.manual .manual_list {
    margin-top: 65px;
    padding-left: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 799px) {
    .manual .manual_list {
        display: block;
        padding-left: 0
    }
}

.manual .manual_block {
    position: relative;
    width: 350px
}

@media screen and (max-width: 991px) {
    .manual .manual_block::after {
        display: none
    }
}

@media screen and (max-width: 799px) {
    .manual .manual_block {
        margin: 0 auto 85px !important
    }
}

@media screen and (max-width: 420px) {
    .manual .manual_block {
        width: 100%
    }
}

@media screen and (max-width: 799px) {
    .manual .manual_block h3 {
        text-align: center
    }
}

.manual .manual_block .topic__num {
    color: #19273b;
    font-size: 150px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    position: absolute;
    left: -30px;
    top: -80px;
    z-index: 0
}

@media screen and (max-width: 991px) {
    .manual .manual_block .topic__num {
        left: 50%;
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 575px) {
    .manual .manual_block .topic__num {
        top: -30px
    }
}

.manual .manual_block .manual_block_img {
    position: relative;
    width: 342px;
    height: 229px;
    background-image: url("../img/manual.jpg");
    background-repeat: no-repeat;
    margin-bottom: 40px
}

@media screen and (max-width: 420px) {
    .manual .manual_block .manual_block_img {
        width: 100%
    }
}

.manual .manual_block .manual_block_img:after {
    position: absolute;
    content: '';
    left: -35px;
    bottom: -30px;
    width: 114px;
    height: 114px;
    background-image: url("../img/internet-ico.png");
    background-repeat: no-repeat
}

@media screen and (max-width: 420px) {
    .manual .manual_block .manual_block_img:after {
        display: none
    }
}

.manual .manual_block:nth-of-type(1) {
    margin-bottom: 85px
}

.manual .manual_block:nth-of-type(1):after {
    content: '';
    background: url("../img/internet-ico.png") no-repeat -611px -235px;
    width: 150px;
    height: 60px;
    position: absolute;
    right: -170px;
    top: 110px
}

.manual .manual_block:nth-of-type(1) .manual_block_img {
    background-position: left top
}

.manual .manual_block:nth-of-type(1) .manual_block_img:after {
    background-position: -306px -12px
}

.manual .manual_block:nth-of-type(2) {
    margin-bottom: 85px
}

.manual .manual_block:nth-of-type(2):after {
    content: '';
    background: url("../img/internet-ico.png") no-repeat -249px -227px;
    width: 290px;
    height: 150px;
    position: absolute;
    left: -280px;
    bottom: -115px
}

.manual .manual_block:nth-of-type(2) .manual_block_img {
    background-position: right top
}

.manual .manual_block:nth-of-type(2) .manual_block_img:after {
    background-position: -468px -15px
}

.manual .manual_block:nth-of-type(3) {
    margin-bottom: 50px
}

.manual .manual_block:nth-of-type(3):after {
    content: '';
    background: url("../img/internet-ico.png") no-repeat 0 -227px;
    width: 203px;
    height: 134px;
    position: absolute;
    right: -200px;
    top: 125px
}

.manual .manual_block:nth-of-type(3) .manual_block_img {
    background-position: left bottom
}

.manual .manual_block:nth-of-type(3) .manual_block_img:after {
    background-position: -773px -18px
}

.manual .manual_block:nth-of-type(4) {
    margin-bottom: 50px
}

.manual .manual_block:nth-of-type(4) .manual_block_img {
    background-position: right bottom
}

.manual .manual_block:nth-of-type(4) .manual_block_img:after {
    background-position: -614px -15px
}

.manual .manual_block p {
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    color: #a4add5
}

@media screen and (max-width: 991px) {
    .manual .manual_block p {
        font-size: 14px;
        line-height: 22px
    }
}

.manual .connect {
    background: #ff6600;
    color: #fff;
    font-size: 18px;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    padding: 12px 75px 8px;
    box-shadow: 0 0 10px 2px rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54);
    display: block;
    width: 300px;
    margin: 0 auto 40px
}

@media screen and (max-width: 420px) {
    .manual .connect {
        width: 100%;
        text-align: center
    }
}

.manual .connect:hover {
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54);
    opacity: .9;
    text-decoration: none
}

.manual .providers-one {
    display: block;
    width: 300px;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 420px) {
    .manual .providers-one {
        width: 100%
    }
}

.manual .providers-one .consultation {
    position: relative;
    padding: 13px 45px;
    margin-bottom: 25px;
    display: inline-block
}

@media screen and (max-width: 420px) {
    .manual .providers-one .consultation {
        width: 100%;
        text-align: center
    }
}

.manual.wrapper {
    z-index: 2;
    position: relative
}

.page-not-found {
    position: relative;
    padding-top: 65px;
    margin: 0 auto;
    text-align: center
}

.page-not-found .page-not-found-pick {
    background: url("../img/404.png") top no-repeat;
    height: 342px;
    display: block;
    position: relative
}

@media screen and (max-width: 991px) {
    .page-not-found .page-not-found-pick {
        -webkit-background-size: contain;
        background-size: contain
    }
}

@media screen and (max-width: 767px) {
    .page-not-found .page-not-found-pick {
        height: 300px
    }
}

@media screen and (max-width: 575px) {
    .page-not-found .page-not-found-pick {
        height: 250px
    }
}

@media screen and (max-width: 400px) {
    .page-not-found .page-not-found-pick {
        height: 160px
    }
}

.page-not-found .page-not-found-pick span {
    position: absolute;
    left: -50px;
    top: 0;
    color: #2f82d2;
    opacity: 0.1;
    font-size: 68px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase
}

@media screen and (max-width: 991px) {
    .page-not-found .page-not-found-pick span {
        position: relative;
        left: 0;
        top: -50px
    }
}

.page-not-found .page-not-found_desc {
    font-size: 45px;
    font-family: "helveticaneuecyrultralight", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    margin-bottom: 60px
}

@media screen and (max-width: 767px) {
    .page-not-found .page-not-found_desc {
        font-size: 48px
    }
}

@media screen and (max-width: 575px) {
    .page-not-found .page-not-found_desc {
        font-size: 32px
    }
}

.page-not-found .page-not-found_choice {
    font-size: 24px;
    margin-bottom: 120px
}

@media screen and (max-width: 767px) {
    .page-not-found .page-not-found_choice {
        font-size: 20px
    }
}

@media screen and (max-width: 575px) {
    .page-not-found .page-not-found_choice {
        font-size: 16px
    }
}

.page-not-found .page-not-found_choice a {
    font-size: inherit;
    font-family: "helveticaneuecyrroman", "Helvetica", "Arial", "sans-serif"
}

.page-not-found .page-not-found_choice a:hover {
    opacity: .8;
    color: #fe5400
}

.providers {
    position: relative
}

.providers .inner-head {
    font-size: 48px;
    color: #fff;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 50px
}

.providers .providers-overlay {
    margin: 0 auto 24px;
    max-width: 1144px;
    background: #030c17;
    padding-top: 32px;
    padding-bottom: 24px;
    z-index: 101;
    position: relative;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23)
}

.providers .providers-overlay .providers-row {
    line-height: 0;
    font-size: 1px;
    text-justify: newspaper;
    text-align: justify;
    float: left;
    width: 50%;
    position: relative
}

.providers .providers-overlay .providers-row:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block
}

.providers .providers-overlay .providers-row:first-child a:last-child {
    margin-right: 45px
}

.providers .providers-overlay .providers-row:first-child li a {
    margin-right: 45px
}

.providers .providers-overlay .providers-row:last-of-type {
    position: relative
}

.providers .providers-overlay .providers-row:last-of-type:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 34px;
    top: -4px;
    left: 0;
    background: #394049;
    box-shadow: 0 0 20px 2px rgba(0, 138, 255, 0.43)
}

.providers .providers-overlay .providers-row:last-of-type a:first-child {
    margin-left: 45px
}

.providers .providers-overlay .providers-row li {
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    vertical-align: top
}

.providers .providers-overlay .providers-row a {
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #ff6600;
    line-height: normal;
    vertical-align: top
}

.providers .providers-overlay .providers-row a:hover {
    color: #ff6600;
    border-color: transparent
}

.providers .providers-overlay .providers-row a .wrap {
    display: inline-block
}

.providers .providers-overlay .providers-row a.active-link-second {
    color: #ff6600;
    border-color: transparent
}

.providers .providers-overlay .providers-row a.active-link {
    border: 1px solid #ff6600;
    padding: 10px 25px;
    color: #ff6600
}

.providers .form-providers .jq-selectbox__select {
    background: #0c1f30
}

.providers .form-providers .jq-selectbox.disabled .jq-selectbox__select {
    background: #0c1f30
}

.providers .form-providers input.street {
    background: #0c1f30
}

.providers .form-providers .jq-selectbox__dropdown .disabled {
    display: none
}

.providers .search-city {
    font-size: 18px;
    color: #fff;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif"
}

.providers .providers-count-string span {
    font-size: 24px;
    font-family: "helveticaneuecyrmedium", "Helvetica", "Arial", "sans-serif"
}

.providers .providers-row-list {
    position: relative;
    padding-bottom: 30px
}

.providers .providers-row-list .line {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 138, 255, 0.42)
}

@media screen and (max-width: 991px) {
    .providers .providers-row-list .line {
        display: none
    }
}

.providers .providers-row-list .line:nth-of-type(1) {
    top: 300px
}

.providers .providers-row-list .line:nth-of-type(2) {
    top: 600px
}

.providers .providers-list-block {
    transition: .2s ease-in-out all;
    position: relative;
    width: 20%;
    float: left;
    text-align: center;
    font-size: 18px;
    padding-top: 45px;
    height: 350px;
    overflow: hidden;
    border: 1px solid transparent
}

@media screen and (max-width: 991px) {
    .providers .providers-list-block {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    .providers .providers-list-block {
        width: 33.3%;
        margin-bottom: 16px;
        height: 333px
    }
}

@media screen and (max-width: 575px) {
    .providers .providers-list-block {
        width: 50%;
        height: 313px
    }
}

@media screen and (max-width: 400px) {
    .providers .providers-list-block {
        height: 303px
    }
}

.providers .providers-list-block.border-hover {
    border: 1px solid #fe5400 !important;
    border-bottom: none !important;
    background: rgba(80, 142, 201, 0.2)
}

.providers .providers-list-block.border-hover:after {
    opacity: 0
}

.providers .providers-list-block.border-hover + .providers-list-block:after {
    opacity: 0
}

.providers .providers-list-block:hover {
    cursor: pointer;
    background: rgba(80, 142, 201, 0.2)
}

.providers .providers-list-block:hover:after {
    opacity: 0
}

.providers .providers-list-block:hover + .providers-list-block:after {
    opacity: 0
}

.providers .providers-list-block:after {
    content: '';
    opacity: 1;
    transition: .2s ease-in-out all;
    width: 1px;
    height: 115px;
    left: 00px;
    top: 92px;
    position: absolute;
    background: #657495
}

.providers .providers-list-block .lenta__img {
    position: relative
}

.providers .providers-list-block .lenta__img img {
    display: block;
    height: 100px;
    margin: 0 auto;
    max-width: 90%
}

@media screen and (max-width: 767px) {
    .providers .providers-list-block .lenta__img img {
        height: 80px
    }
}

@media screen and (max-width: 575px) {
    .providers .providers-list-block .lenta__img img {
        height: 60px
    }
}

.providers .providers-list-block .lenta__img:after {
    content: '';
    position: absolute;
    left: 10%;
    bottom: -20px;
    width: 80%;
    background: #cccccc;
    box-shadow: 0 0 15px 2px rgba(255, 255, 255, 0.22);
    height: 1px
}

@media screen and (max-width: 991px) {
    .providers .providers-list-block .lenta__img:after {
        box-shadow: none
    }
}

.providers .providers-list-block .lenta__title {
    overflow: hidden;
    top: 30px;
    position: relative;
    height: 50px;
    color: #fff;
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

.providers .providers-list-block .lenta__quantity-tariffs {
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    margin-top: 45px;
    position: relative;
    padding-top: 25px;
    color: #fff
}

.providers .providers-list-block .lenta__quantity-tariffs.shifted {
    padding-top: 45px
}

.providers .providers-list-block .lenta__quantity-tariffs:before {
    content: '';
    position: absolute;
    left: 10%;
    top: -7px;
    width: 80%;
    background: #cccccc;
    box-shadow: 0 0 10px 1px rgba(204, 204, 204, 0.5);
    height: 1px
}

@media screen and (max-width: 991px) {
    .providers .providers-list-block .lenta__quantity-tariffs:before {
        box-shadow: none
    }
}

.providers .providers-list-block .lenta__shares {
    font-family: "helveticaneuecyrbold", "Helvetica", "Arial", "sans-serif";
    color: #ff6600;
    text-shadow: 0 0 5px rgba(255, 102, 0, 0.5);
    padding-top: 13px
}

.providers .providers-list-block .active {
    display: none;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    position: relative;
    margin: 30px 0
}

.providers .providers-list-block .active a, .providers .providers-list-block .active button {
    display: inline-block;
    margin: 8px 0;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #bfc5cd
}

@media screen and (max-width: 400px) {
    .providers .providers-list-block .active a, .providers .providers-list-block .active button {
        font-size: 14px
    }
}

.providers .providers-list-block .active a:first-child, .providers .providers-list-block .active button:first-child {
    margin-top: 0
}

.providers .providers-list-block .active a:hover, .providers .providers-list-block .active button:hover {
    opacity: .5
}

.providers .providers-list-block .active a.lenta-button, .providers .providers-list-block .active button.lenta-button {
    width: 100%;
    border-bottom: none;
    background: #ff5200;
    display: block;
    margin-top: 19px;
    padding: 12px 0;
    transition: all ease-in-out .2s
}

.providers .providers-list-block .active a.lenta-button:hover, .providers .providers-list-block .active button.lenta-button:hover {
    opacity: 1 !important;
    background: #dd4600;
    box-shadow: 0 10px 10px 11px rgba(221, 221, 221, 0.35)
}

@media screen and (min-width: 992px) {
    .providers .providers-list-block:nth-of-type(5n+1):after {
        opacity: 0
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .providers .providers-list-block:nth-of-type(4n+1):after {
        opacity: 0
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .providers .providers-list-block:nth-of-type(3n+1):after {
        opacity: 0
    }
}

@media screen and (max-width: 575px) {
    .providers .providers-list-block:nth-of-type(2n+1):after {
        opacity: 0
    }
}

.providers-topic-inside h1.topic {
    font-size: 40px;
    margin-bottom: 45px
}

@media screen and (max-width: 991px) {
    .providers-topic-inside h1.topic {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 575px) {
    .providers-topic-inside h1.topic {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.providers-topic-inside h1.topic span {
    color: #a4add5
}

@media screen and (max-width: 575px) {
    .providers-topic-inside h1.topic span {
        font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif
    }
}

.providers-topic-inside h1.topic span.incity {
    display: block;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    letter-spacing: 1.5px;
    color: #8088ab;
    padding-top: 5px
}

.providers-topic-inside h1.topic:after {
    display: none
}

.providers-topic-inside h2.topic {
    font-size: 40px;
    margin-bottom: 24px
}

.providers-topic-inside h2.topic span {
    color: #a4add5
}

.providers-topic-inside h2.topic:after {
    position: absolute;
    content: "";
    width: 208px;
    height: 1px;
    background: #f60;
    left: 3px;
    bottom: -20px
}

@media screen and (max-width: 991px) {
    .providers-topic-inside h2.topic:after {
        box-shadow: none
    }
}

select.service-type-filter, select.service-loc-filter, .service-type-filter .jq-selectbox__select-text, .service-loc-filter .jq-selectbox__select-text {
    max-width: 190px
}

@media screen and (max-width: 767px) {
    select.service-type-filter, select.service-loc-filter, .service-type-filter .jq-selectbox__select-text, .service-loc-filter .jq-selectbox__select-text {
        width: auto !important
    }
}

.jq-selectbox.service-type-filter .jq-selectbox__select {
    width: 190px;
    background: #214063;
    opacity: 0.8
}

.jq-selectbox.service-type-filter .jq-selectbox__dropdown, .jq-selectbox.service-loc-filter .jq-selectbox__dropdown, .jq-selectbox.service-type-filter .jq-selectbox__dropdown ul, .jq-selectbox.service-loc-filter .jq-selectbox__dropdown ul {
    max-width: 190px
}

.jq-selectbox.service-loc-filter .jq-selectbox__select {
    width: 190px;
    background: #214063;
    opacity: 0.8
}

.providers__filter__wrapper {
    top: -100px;
    z-index: 100
}

.providers__filter__wrapper.fixed {
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    padding: 14px 22px;
    margin: 0;
    background-color: #1D354F;
    max-width: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.45)
}

@media screen and (max-width: 991px) {
    .providers__filter__wrapper.fixed {
        top: 0;
        left: 0;
        right: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        transform: translateX(0)
    }
}

.providers__filter__wrapper.fixed > div {
    background: rgba(80, 142, 201, 0.2)
}

.providers__filter__wrapper.fixed .service-loc-filter {
    display: none !important
}

.providers__filter__wrapper.fixed > ul.providers-types-list {
    padding-left: 0
}

.providers__filter__wrapper.fixed > ul.providers-types-list li.active {
    padding: 8px 0 7px 15px
}

@media screen and (max-width: 767px) {
    .providers__filter__wrapper.fixed > ul.providers-types-list {
        width: calc(50% - 8px) !important;
        margin-top: 0 !important
    }
}

.providers__filter__wrapper.fixed .jq-selectbox__select, .providers__filter__wrapper.fixed .providers-types-list {
    opacity: 1;
    background-color: #214063
}

.providers__filter__wrapper > ul.providers-types-list {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .providers__filter__wrapper > ul.providers-types-list {
        z-index: 99;
        width: 100% !important;
        margin-right: 0;
        margin-top: 16px
    }

    .providers__filter__wrapper > ul.providers-types-list li {
        margin-bottom: 0
    }
}

.providers__filter__wrapper > .jq-selectbox {
    margin-right: 16px
}

@media screen and (max-width: 767px) {
    .providers__filter__wrapper > .jq-selectbox {
        width: calc(50% - 8px);
        margin-right: 16px
    }

    .providers__filter__wrapper > .jq-selectbox .jq-selectbox__select {
        width: 100%
    }

    .providers__filter__wrapper > .jq-selectbox.service-loc-filter {
        margin-right: 0
    }
}

.providers-count-string {
    margin-bottom: 18px;
    font-size: 24px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    color: #a4add5
}

@media screen and (max-width: 767px) {
    .providers-count-string {
        font-size: 16px;
        text-align: center
    }
}

.providers-count-string > span {
    font-size: 30px;
    color: #fe5400;
    font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif;
    position: relative
}

@media screen and (max-width: 575px) {
    .providers-count-string > span {
        font-size: 16px
    }
}

.providers__detail__header {
    position: relative;
    margin-bottom: 32px
}

.providers__detail__header__actions {
    position: absolute;
    top: -10px;
    right: 0;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width: 991px) {
    .providers__detail__header__actions {
        top: auto;
        bottom: 13px
    }
}

@media screen and (max-width: 767px) {
    .providers__detail__header__actions {
        display: block;
        bottom: 0
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__header__actions {
        position: relative;
        top: 0;
        justify-content: center
    }
}

.providers__detail__header__checktech {
    position: relative;
    margin-right: 32px;
    padding-right: 50px
}

@media screen and (max-width: 991px) {
    .providers__detail__header__checktech {
        padding-right: 0;
        padding-left: 50px
    }
}

@media screen and (max-width: 767px) {
    .providers__detail__header__checktech {
        margin-right: 0;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__header__checktech {
        font-size: 14px;
        width: 190px;
        margin: 0 auto 24px;
        padding-left: 35px
    }

    .providers__detail__header__checktech .gears-container .gear-2 {
        right: auto;
        left: 0
    }
}

.providers__detail__header__checktech .gears-container {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 47px;
    height: 47px
}

@media screen and (max-width: 991px) {
    .providers__detail__header__checktech .gears-container {
        right: auto;
        left: 0
    }
}

.providers__detail__header__rating {
    display: block;
    width: 140px;
    height: 110px;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .providers__detail__header__rating {
        width: auto;
        height: auto
    }
}

.providers__detail__h1 {
    position: relative;
    padding-right: 140px
}

@media screen and (max-width: 991px) {
    .providers__detail__h1 {
        padding-right: 0
    }
}

.providers__detail__h1__logo {
    padding-left: 110px
}

@media screen and (max-width: 991px) {
    .providers__detail__h1__logo {
        padding-left: 0;
        display: flex;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__h1__logo {
        justify-content: center
    }
}

.providers__detail__h1__logo img {
    width: 100%;
    height: auto;
    max-width: 85px;
    max-height: 85px
}

.providers__detail__h1__logo > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    height: 85px
}

@media screen and (max-width: 991px) {
    .providers__detail__h1__logo > div {
        position: relative;
        width: 72px;
        height: 72px;
        margin-right: 16px
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__h1__logo > div {
        display: none
    }
}

.providers__detail__h1 h1 {
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 1
}

@media screen and (max-width: 991px) {
    .providers__detail__h1 h1 {
        font-size: 30px
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__h1 h1 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0
    }
}

.providers__detail__h1 h1::after {
    display: none
}

.providers__detail__h1 h1 > .logo-sm {
    display: none;
    margin-right: 8px;
    height: 24px;
    width: 24px;
    position: relative;
    top: -2px
}

@media screen and (max-width: 575px) {
    .providers__detail__h1 h1 > .logo-sm {
        display: inline-block
    }
}

.providers__detail__h1 h1 .incity {
    display: block;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1.5px;
    color: #8088ab;
    padding-top: 5px
}

@media screen and (max-width: 575px) {
    .providers__detail__h1 h1 .incity {
        padding-top: 0
    }
}

.providers__detail__h1__toplans {
    display: flex;
    width: 350px;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-transform: none;
    text-decoration: underline;
    padding-left: 110px;
    cursor: pointer
}

.providers__detail__h1__toplans:hover {
    text-decoration: none;
    color: #ff6600
}

@media screen and (max-width: 991px) {
    .providers__detail__h1__toplans {
        display: block;
        padding-left: 0;
        font-size: 16px;
        text-align: center;
        width: 200px;
        line-height: 48px;
        text-decoration: none !important;
        text-transform: uppercase;
        border: 1px solid #f60
    }

    .providers__detail__h1__toplans:hover {
        box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5);
        color: #fff
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__h1__toplans {
        margin: 0 auto 24px
    }
}

.providers__detail__h1__toplans::before {
    content: '';
    background-image: url("../img/arrow-down-bold.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    width: 15px;
    vertical-align: bottom;
    margin-right: 10px
}

@media screen and (max-width: 991px) {
    .providers__detail__h1__toplans::before {
        display: none
    }
}

.providers__detail__description {
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    color: #a4add5
}

.providers__detail__contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px
}

@media screen and (max-width: 767px) {
    .providers__detail__contacts {
        display: block;
        margin-bottom: 32px
    }
}

.providers__detail__contacts > div {
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    font-size: 18px
}

@media screen and (max-width: 767px) {
    .providers__detail__contacts > div {
        margin-bottom: 16px;
        font-size: 16px
    }
}

.providers__detail__contacts > div span {
    display: block;
    color: #A4ADD5;
    font-size: 21px
}

@media screen and (max-width: 767px) {
    .providers__detail__contacts > div span {
        font-size: 16px
    }
}

.providers__detail__tabs {
    position: relative;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .providers__detail__tabs {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 767px) {
    .providers__detail__tabs {
        padding-bottom: 70px
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__tabs {
        padding-bottom: 110px
    }
}

.providers__detail__tabs__control {
    display: flex !important;
    padding-right: 300px
}

@media screen and (max-width: 767px) {
    .providers__detail__tabs__control {
        display: none !important
    }
}

.providers__detail__tabs__control li {
    position: relative !important;
    transition: all ease-in-out .3s;
    display: inline-block;
    border: 1px solid transparent;
    border-bottom: 1px solid #626771;
    padding: 12px 0;
    background: transparent;
    text-align: center;
    width: 25%
}

@media screen and (max-width: 991px) {
    .providers__detail__tabs__control li {
        padding: 8px 0
    }
}

.providers__detail__tabs__control li.last-tab::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 100%;
    height: 1px;
    width: 0;
    background-color: #626771
}

.providers__detail__tabs__control li.last-tab-2::after {
    width: 170px
}

@media screen and (max-width: 991px) {
    .providers__detail__tabs__control li.last-tab-2::after {
        display: none !important
    }
}

.providers__detail__tabs__control li:last-child a {
    color: #f60;
    border-bottom: 1px solid #f60
}

.providers__detail__tabs__control li.active-link-tab {
    border: 1px solid #626771;
    border-bottom: 1px solid transparent
}

.providers__detail__tabs__control li.active-link-tab a {
    border-bottom: 1px solid transparent
}

.providers__detail__tabs__control li a {
    color: #a4add5;
    font-size: 18px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    border-bottom: 1px solid #a4add5
}

@media screen and (max-width: 991px) {
    .providers__detail__tabs__control li a {
        font-size: 14px
    }
}

.providers__detail__tabs__control li a:hover {
    border-bottom: 0 solid transparent;
    opacity: 0.7
}

.providers__detail__tabs__services {
    padding: 32px 8px;
    column-count: 3;
    column-gap: 24px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

@media screen and (max-width: 767px) {
    .providers__detail__tabs__services {
        padding: 24px 8px;
        column-count: 2
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__tabs__services {
        padding: 16px 8px;
        column-count: 1
    }
}

.providers__detail__tabs__services > div {
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 32px;
    margin-bottom: 20px;
    position: relative;
    color: #fff
}

@media screen and (max-width: 575px) {
    .providers__detail__tabs__services > div {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 20px
    }
}

.providers__detail__tabs__services > div i {
    color: #ff6600;
    text-shadow: 0 0 15px rgba(255, 102, 0, 0.51);
    position: absolute;
    left: 0;
    text-align: center;
    top: 2px;
    width: 25px
}

.providers__detail__tabs__services > div img {
    margin-right: 10px;
    box-shadow: 0 0 15px rgba(255, 102, 0, 0.51);
    position: absolute;
    left: 0;
    text-align: center;
    top: 2px
}

.providers__detail__tabs__accordion__header {
    display: none;
    letter-spacing: 0.2px;
    font-size: 14px;
    line-height: 40px;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    color: #A4ADD5;
    background-color: rgba(80, 142, 201, 0.2);
    padding-left: 16px;
    padding-right: 48px;
    position: relative;
    transition: transform 300ms
}

.providers__detail__tabs__accordion__header::after {
    content: "";
    position: absolute;
    transition: .2s ease-in-out all;
    width: 35px;
    height: 30px;
    top: 6px;
    right: 6px;
    background: url("../img/arrow-blue.png") center/contain no-repeat
}

@media screen and (max-width: 767px) {
    .providers__detail__tabs__accordion__header {
        display: block
    }

    .providers__detail__tabs__accordion__header + .wrap, .providers__detail__tabs__accordion__header + .providers__detail__reviews__container {
        display: none !important
    }

    .providers__detail__tabs__accordion__header.opened::after {
        transform: rotate(180deg)
    }

    .providers__detail__tabs__accordion__header.opened + .wrap, .providers__detail__tabs__accordion__header.opened + .providers__detail__reviews__container {
        display: block !important
    }
}

.providers__detail__tabs .wrap {
    font-size: 0;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .providers__detail__tabs .wrap td {
        display: block;
        width: 100% !important
    }

    .providers__detail__tabs .wrap td a.galery {
        display: inline-block;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__tabs .wrap table {
        display: block
    }

    .providers__detail__tabs .wrap table tbody {
        display: block
    }

    .providers__detail__tabs .wrap table tr {
        display: block
    }
}

.providers__detail__tabs .type-connect {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    color: #fff
}

.providers__detail__tabs .type-connect ~ ul {
    width: 100%;
    list-style-type: decimal;
    float: left
}

.providers__detail__tabs .type-connect ~ ul li {
    margin-left: 12%;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    color: #fff
}

.providers__detail__tabs + .topic {
    margin-top: 55px
}

.providers__detail__consultation_buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 4px;
    right: 0
}

@media screen and (max-width: 991px) {
    .providers__detail__consultation_buttons {
        top: -4px
    }
}

@media screen and (max-width: 767px) {
    .providers__detail__consultation_buttons {
        top: auto;
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
        max-width: 440px;
        width: 100%;
        justify-content: space-between
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__consultation_buttons {
        flex-direction: column
    }
}

.providers__detail__consultation_buttons .consultation {
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 30px;
    border: 1px solid #ff6600;
    box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5)
}

@media screen and (max-width: 991px) {
    .providers__detail__consultation_buttons .consultation {
        box-shadow: none
    }
}

.providers__detail__consultation_buttons .consultation-small {
    line-height: 1.1;
    color: #ff6600;
    font-size: 18px;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #ff6600;
    transition: all .2s ease-in-out;
    display: none
}

@media screen and (max-width: 991px) {
    .providers__detail__consultation_buttons .consultation-small {
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .providers__detail__consultation_buttons .consultation-small {
        display: block;
        text-transform: uppercase;
        color: #fff
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__consultation_buttons .consultation-small {
        margin-bottom: 24px
    }
}

.providers__detail__consultation_buttons .consultation-small:hover {
    border-bottom: 0 solid transparent;
    opacity: .7
}

.providers__detail__consultation_buttons .consultation-small-plan {
    right: 480px
}

.providers__detail__consultation_buttons .consultation:hover {
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5), inset 0 0 15px 2px rgba(255, 102, 0, 0.1);
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .providers__detail__footer__tab {
        display: block !important
    }
}

.providers__detail__footer__tab > h2.topic {
    display: none
}

@media screen and (max-width: 767px) {
    .providers__detail__footer__tab > h2.topic {
        display: block
    }
}

@media screen and (max-width: 575px) {
    .providers__detail__footer__tab > h2.topic {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (max-width: 767px) {
    .providers__detail__footer > ul {
        display: none
    }
}

.providers__detail__footer > ul li {
    display: inline-block
}

.providers__detail__footer > ul li a {
    display: inline-block
}

.providers__detail__footer > ul li span {
    display: inline-block;
    color: #fff;
    text-shadow: 0 0 10px rgba(47, 140, 255, 0.84);
    font-size: 48px;
    font-family: "helveticaneuecyrultralight", "Helvetica", "Arial", "sans-serif";
    position: relative;
    top: 3px;
    margin-left: 10px;
    margin-right: 10px
}

.providers__detail__footer > ul li h2.topic {
    color: #a4add5;
    position: relative;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .providers__detail__footer > ul li h2.topic {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 32px
    }
}

.providers__detail__footer > ul li h2.topic::before {
    content: '';
    background: #adb3ba;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: -5px;
    position: absolute;
    opacity: 1;
    box-shadow: 0 0 7px 2px rgba(0, 138, 255, 0.42)
}

.providers__detail__footer > ul li h2.topic::after {
    display: none
}

.providers__detail__footer > ul li.right-underline h2.topic {
    right: 0;
    left: auto
}

.providers__detail__footer > ul li.right-underline h2.topic:before {
    right: 0;
    left: auto
}

.providers__detail__footer > ul li.active-link-providers h2.topic {
    color: #fff
}

.providers__detail__footer > ul li.active-link-providers h2.topic:before {
    transition: all .3s ease-in-out;
    box-shadow: 0 0 7px 2px transparent;
    width: 0;
    content: ''
}

.providers__detail__footer .internet-type {
    position: relative;
    width: 100%;
    max-width: 330px;
    border: rgba(110, 130, 149, 0.51) solid 1px;
    background: transparent;
    box-shadow: 0 0 20px 1px rgba(0, 138, 255, 0.12), inset 0 0 20px 1px rgba(0, 138, 255, 0.22);
    cursor: pointer;
    z-index: 11
}

@media screen and (max-width: 575px) {
    .providers__detail__footer .internet-type {
        max-width: none
    }
}

.providers__detail__footer .internet-type .active {
    position: relative;
    padding: 10px 0 10px 15px
}

.providers__detail__footer .internet-type .active:after {
    content: '';
    position: absolute;
    width: 38px;
    height: 31px;
    background: url("../img/arrow-blue.png") center no-repeat;
    right: 0;
    margin-top: -15px;
    top: 50%;
    transition: .3s ease-in-out all
}

.providers__detail__footer .internet-type a {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 16px
}

.providers__detail__footer .internet-type .dropdown-inside {
    left: 0;
    top: 100%;
    position: absolute;
    background: #25405c;
    width: 100%;
    display: none;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23);
    z-index: 11
}

.providers__detail__footer .internet-type .dropdown-inside li {
    padding: 12px 0 12px 20px;
    margin: 0;
    transition: .2s ease-in-out all;
    position: relative
}

.providers__detail__footer .internet-type .dropdown-inside li:hover {
    background: #2f4f6e
}

.providers__detail__footer .internet-type .dropdown-inside li:hover:before {
    opacity: 0
}

.providers__detail__footer .internet-type .dropdown-inside li:hover + li:before {
    opacity: 0
}

.providers__detail__footer .internet-type .dropdown-inside li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    width: 285px;
    height: 1px;
    content: '';
    position: absolute;
    top: 0;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

.providers__detail__footer .internet-type .dropdown-inside li a {
    color: #fff
}

.providers__detail__footer .internet-type .dropdown-inside li:first-child:before {
    display: none
}

.providers__detail__footer .internet-type:hover .active:after {
    transform: rotate(180deg)
}

.providers__detail__footer .profitt {
    font-size: 16px;
    cursor: pointer
}

.providers__detail__footer .profitt:after {
    content: '';
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    height: 1px;
    top: 100%;
    box-shadow: 0 0 20px 2px rgba(0, 138, 255, 0.5)
}

.providers__detail__footer .profitt .active {
    position: relative;
    padding: 16px 0 7px
}

.providers__detail__footer .profitt .active:after {
    content: '';
    position: absolute;
    width: 38px;
    height: 31px;
    background: url("../img/arrow-blue.png") center no-repeat;
    right: 0;
    margin-top: -15px;
    top: 50%;
    transition: .3s ease-in-out all
}

.providers__detail__footer .profitt a {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif"
}

.providers__detail__footer .profitt .dropdown-inside {
    top: 100%;
    margin-top: 1px !important;
    position: absolute;
    background: #25405c;
    width: 100%;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23);
    display: none;
    z-index: 1
}

.providers__detail__footer .profitt .dropdown-inside li {
    padding: 12px 0 12px 20px;
    margin: 0;
    transition: .2s ease-in-out all;
    position: relative
}

.providers__detail__footer .profitt .dropdown-inside li:hover {
    background: #2f4f6e
}

.providers__detail__footer .profitt .dropdown-inside li:hover:before {
    opacity: 0
}

.providers__detail__footer .profitt .dropdown-inside li:hover + li:before {
    opacity: 0
}

.providers__detail__footer .profitt .dropdown-inside li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    width: 205px;
    height: 1px;
    content: '';
    position: absolute;
    top: 0;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

.providers__detail__footer .profitt .dropdown-inside li:first-child:before {
    display: none
}

.providers__detail__footer .profitt:hover .active:after {
    transform: rotate(180deg)
}

.providers__detail__footer .sortt {
    font-size: 16px;
    cursor: pointer
}

.providers__detail__footer .sortt:after {
    content: '';
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    height: 1px;
    top: 100%;
    box-shadow: 0 0 20px 2px rgba(0, 138, 255, 0.5)
}

.providers__detail__footer .sortt .active {
    position: relative;
    padding: 16px 0 7px
}

.providers__detail__footer .sortt .active:after {
    content: '';
    position: absolute;
    width: 38px;
    height: 31px;
    background: url("../img/arrow-blue.png") center no-repeat;
    right: 0;
    margin-top: -15px;
    top: 50%;
    transition: .3s ease-in-out all
}

.providers__detail__footer .sortt a {
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif"
}

.providers__detail__footer .sortt .dropdown-inside {
    top: 100%;
    margin-top: 1px !important;
    position: absolute;
    background: #25405c;
    width: 100%;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.23);
    display: none;
    z-index: 1
}

.providers__detail__footer .sortt .dropdown-inside li {
    padding: 12px 0 12px 20px;
    margin: 0;
    transition: .2s ease-in-out all;
    position: relative
}

.providers__detail__footer .sortt .dropdown-inside li:hover {
    background: #2f4f6e
}

.providers__detail__footer .sortt .dropdown-inside li:hover:before {
    opacity: 0
}

.providers__detail__footer .sortt .dropdown-inside li:hover + li:before {
    opacity: 0
}

.providers__detail__footer .sortt .dropdown-inside li:before {
    transition: .3s ease-in-out all;
    opacity: 1;
    width: 205px;
    height: 1px;
    content: '';
    position: absolute;
    top: 0;
    background: rgba(126, 156, 186, 0.5);
    box-shadow: 0 0 10px 1px rgba(89, 110, 131, 0.5)
}

.providers__detail__footer .sortt .dropdown-inside li:first-child:before {
    display: none
}

.providers__detail__footer .sortt:hover .active:after {
    transform: rotate(180deg)
}

.topic.vertical.provider-name {
    padding-bottom: 2px
}

.topic.vertical.plan-name {
    font-size: 26px;
    display: block;
    text-transform: none;
    color: #9da6cd;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-weight: normal
}

.plans-connect-link {
    margin-top: 5px
}

.providers__detail__tariff__filter {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#providers-tab-tariff .button-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    #providers-tab-tariff .button-wrap {
        flex-direction: column;
        height: 100px;
        margin-top: 0
    }
}

#providers-tab-tariff .button-wrap .back {
    position: absolute;
    left: 0
}

@media screen and (max-width: 767px) {
    #providers-tab-tariff .button-wrap .back {
        position: relative;
        order: 2
    }
}

@media screen and (max-width: 767px) {
    #providers-tab-tariff .button-wrap .show-more {
        margin-bottom: 24px
    }
}

#providers-tab-tariff .select-tariff {
    padding-bottom: 40px
}

.list-reviews > li {
    position: relative !important;
    padding-top: 65px
}

.list-reviews > li:first-child {
    padding-top: 0
}

.list-reviews > li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    bottom: -40px;
    left: 0;
    box-shadow: 0 0 10px 1px rgba(0, 138, 255, 0.2)
}

@media screen and (max-width: 767px) {
    .list-reviews-personal-data {
        padding-left: 0;
        display: flex
    }
}

.list-reviews-personal-data .list-reviews-wrap-left {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .list-reviews-personal-data .list-reviews-wrap-left:nth-child(2) {
        flex-grow: 1
    }
}

.list-reviews-date {
    color: #9da7ce;
    font-size: 14px;
    line-height: 24px;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif"
}

@media screen and (max-width: 767px) {
    .list-reviews-date {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px
    }
}

.list-reviews-name {
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    font-size: 24px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .list-reviews-name {
        font-size: 16px;
        line-height: 24px
    }
}

.list-reviews-mark {
    float: right;
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .list-reviews-mark {
        display: none
    }
}

.list-reviews-mark span {
    margin: 0 15px;
    font-size: 36px;
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    text-shadow: 0 0 10px white
}

.list-reviews-mark .list-reviews-graphic {
    display: inline-block
}

.list-reviews-mark .list-reviews-graphic li {
    display: inline-block;
    width: 7px
}

.list-reviews-mark .list-reviews-graphic li:nth-of-type(5) {
    height: 26px;
    background: #00ff0c
}

.list-reviews-mark .list-reviews-graphic li:nth-of-type(4) {
    height: 20px;
    background: #eaff00
}

.list-reviews-mark .list-reviews-graphic li:nth-of-type(3) {
    height: 13px;
    background: #ffea00
}

.list-reviews-mark .list-reviews-graphic li:nth-of-type(2) {
    height: 7px;
    background: #ff7800
}

.list-reviews-mark .list-reviews-graphic li:nth-of-type(1) {
    height: 2px;
    background: #ff0000
}

.list-reviews-mark .list-reviews-graphic.rating-four li:nth-of-type(5) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.rating-three li:nth-of-type(4), .list-reviews-mark .list-reviews-graphic.rating-three li:nth-of-type(5) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.rating-two li:nth-of-type(3), .list-reviews-mark .list-reviews-graphic.rating-two li:nth-of-type(4), .list-reviews-mark .list-reviews-graphic.rating-two li:nth-of-type(5) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.rating-one li:nth-of-type(2), .list-reviews-mark .list-reviews-graphic.rating-one li:nth-of-type(3), .list-reviews-mark .list-reviews-graphic.rating-one li:nth-of-type(4), .list-reviews-mark .list-reviews-graphic.rating-one li:nth-of-type(5) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.four li:nth-of-type(5) {
    height: 26px;
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.three li:nth-of-type(5) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.three li:nth-of-type(4) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.two li:nth-of-type(5) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.two li:nth-of-type(4) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.two li:nth-of-type(3) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.one li:nth-of-type(5) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.one li:nth-of-type(4) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.one li:nth-of-type(3) {
    background: gray;
    opacity: .3
}

.list-reviews-mark .list-reviews-graphic.one li:nth-of-type(2) {
    background: gray;
    opacity: .3
}

.list-reviews-bars {
    display: none
}

@media screen and (max-width: 767px) {
    .list-reviews-bars {
        display: flex;
        align-items: baseline;
        margin-left: 30px
    }

    .list-reviews-bars > span:nth-child(2) {
        margin-left: 8px;
        margin-right: 8px
    }
}

.list-reviews-img {
    margin-right: 30px;
    background-position: center;
    background-size: cover;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    border: 1px solid #fc5401;
    box-shadow: 0 0 15px 1px rgba(255, 102, 0, 0.51)
}

@media screen and (max-width: 767px) {
    .list-reviews-img {
        width: 60px;
        height: 60px;
        margin-right: 16px
    }
}

.list-reviews .list-reviews-top-row .list-reviews-personal-data .list-reviews-wrap:first-child {
    margin-right: 30px
}

.list-reviews .list-reviews-bottom-row {
    margin-top: 25px;
    position: relative
}

.list-reviews .list-reviews-bottom-row p {
    margin: 0;
    padding-bottom: 10px
}

@media screen and (max-width: 767px) {
    .list-reviews .list-reviews-bottom-row p {
        font-size: 14px
    }
}

.list-reviews .list-reviews-bottom-row p:last-child {
    padding-bottom: 0
}

.list-reviews .arrow-toggle-comment {
    z-index: 20;
    cursor: pointer;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/arrow-blue.png") center no-repeat;
    width: 38px;
    height: 31px;
    transition: all .3s ease-in-out
}

.list-reviews .arrow-toggle-comment:hover {
    bottom: -35px
}

.list-reviews .arrow-toggle-comment.arrow-close-comment {
    transform: translateX(-50%) rotateZ(180deg)
}

.list-reviews .arrow-toggle-comment.arrow-close-comment:hover {
    transform: translateX(-50%) rotateZ(180deg)
}

.list-reviews + .button-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    min-height: 44px;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .list-reviews + .button-wrap {
        flex-direction: column
    }
}

.list-reviews + .button-wrap .connect {
    position: absolute;
    bottom: 0;
    right: 0;
    border: none;
    outline: 0;
    background: #ff6600;
    color: #fff;
    font-size: 18px;
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    padding: 9px 50px;
    display: inline-block;
    box-shadow: 0 0 10px 2px rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54);
    transition: .3s ease-in-out all
}

@media screen and (max-width: 767px) {
    .list-reviews + .button-wrap .connect {
        position: relative;
        order: 2
    }
}

.list-reviews + .button-wrap .connect:hover {
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54);
    opacity: .9
}

.list-reviews + .button-wrap .show-more {
    display: block;
    width: 120px;
    color: #fff;
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    border-bottom: 1px solid #666b75;
    position: relative
}

@media screen and (max-width: 767px) {
    .list-reviews + .button-wrap .show-more {
        margin-bottom: 24px
    }
}

.list-reviews + .button-wrap .show-more:after {
    content: '';
    position: absolute;
    transition: .2s ease-in-out all;
    width: 38px;
    height: 31px;
    top: 0;
    right: -30px;
    background: url("../img/arrow-blue.png") center no-repeat
}

.list-reviews + .button-wrap .show-more:hover {
    border-bottom: 1px solid transparent;
    opacity: .8
}

.list-reviews + .button-wrap .show-more:hover:after {
    transform: translate(0, 1px)
}

#providers-tab-reviews .common-text {
    margin-bottom: 40px;
    color: #a4add5
}

@media screen and (max-width: 767px) {
    #providers-tab-reviews .common-text {
        font-size: 14px
    }
}

#providers-tab-reviews .providers__detail__tabs__accordion__header {
    margin-bottom: 16px
}

.plan__detail__fab-connect {
    display: block;
    position: fixed;
    bottom: -100px;
    left: 0;
    z-index: 101;
    width: 100%;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms
}

@media screen and (max-width: 575px) {
    .plan__detail__fab-connect.show {
        bottom: 0;
        opacity: 1;
        visibility: visible
    }
}

.plan__detail__fab-connect button {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #f60;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 575px) {
    .plan__detail > .plan__detail__params {
        display: none
    }
}

.plan__detail__head {
    position: relative;
    margin-bottom: 40px
}

.plan__detail__head > .plan__detail__params {
    display: none
}

@media screen and (max-width: 575px) {
    .plan__detail__head > .plan__detail__params {
        display: flex;
        margin-bottom: 24px
    }
}

.plan__detail__head__h1 {
    max-width: 750px
}

@media screen and (max-width: 991px) {
    .plan__detail__head__h1 {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__head__h1 {
        margin-bottom: 32px
    }
}

.plan__detail__head__h1 h1.topic {
    margin-bottom: 10px;
    font-size: 34px
}

@media screen and (max-width: 991px) {
    .plan__detail__head__h1 h1.topic {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__head__h1 h1.topic {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

.plan__detail__head__h1 h1.topic > span {
    color: #fff
}

@media screen and (max-width: 575px) {
    .plan__detail__head__h1 h1.topic > span {
        display: block;
        color: #a4add5
    }
}

.plan__detail__head__provider {
    position: relative;
    padding-left: 65px;
    display: flex;
    align-items: center
}

@media screen and (max-width: 991px) {
    .plan__detail__head__provider {
        padding-left: 0
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__head__provider {
        justify-content: center
    }
}

.plan__detail__head__provider > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%
}

@media screen and (max-width: 991px) {
    .plan__detail__head__provider > span {
        position: relative;
        width: 18px;
        margin-right: 8px
    }
}

.plan__detail__head__provider > span img {
    width: 100%;
    height: auto
}

.plan__detail__head__provider > h2 {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #8088ab;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .plan__detail__head__provider > h2 {
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        text-decoration: underline;
        text-transform: none
    }
}

.plan__detail__head__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px
}

@media screen and (max-width: 991px) {
    .plan__detail__head__actions {
        position: relative
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__head__actions {
        display: block
    }
}

.plan__detail__head__actions__connect {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-transform: none;
    text-decoration: underline;
    padding-left: 65px;
    cursor: pointer
}

.plan__detail__head__actions__connect:hover {
    text-decoration: none;
    color: #ff6600
}

@media screen and (max-width: 991px) {
    .plan__detail__head__actions__connect {
        display: block;
        padding-left: 0;
        font-size: 16px;
        text-align: center;
        width: 200px;
        line-height: 48px;
        text-decoration: none !important;
        text-transform: uppercase;
        border: 1px solid #f60
    }

    .plan__detail__head__actions__connect:hover {
        box-shadow: 0 0 10px 5px rgba(255, 102, 0, 0.5);
        color: #fff
    }

    .plan__detail__head__actions__connect::before {
        display: none
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__head__actions__connect {
        margin: 0 auto 16px
    }
}

.plan__detail__head__actions__connect::before {
    content: "";
    background-image: url("../img/arrow-down-bold.png");
    background-repeat: no-repeat;
    height: 17px;
    width: 15px;
    margin-right: 10px
}

.plan__detail__head__actions__checktech {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    width: 175px;
    height: 112px;
    border: 1px solid #3d434c;
    box-shadow: 0 0 20px 1px rgba(0, 138, 255, 0.12), inset 0 0 20px 1px rgba(0, 138, 255, 0.22)
}

@media screen and (max-width: 991px) {
    .plan__detail__head__actions__checktech {
        box-shadow: none;
        border: none;
        width: auto;
        height: auto;
        position: relative;
        padding: 0 0 0 30px
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__head__actions__checktech {
        width: 180px;
        margin: 0 auto;
        display: block
    }
}

.plan__detail__head__actions__checktech .gears-container__text {
    font-size: 14px
}

@media screen and (max-width: 991px) {
    .plan__detail__head__actions__checktech .gears-container__text {
        font-size: 16px
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__head__actions__checktech .gears-container__text {
        font-size: 14px
    }
}

.plan__detail__head__actions__checktech .gears-container .gear-1 {
    width: 42px;
    height: 42px;
    top: 30px;
    left: 50px
}

.plan__detail__head__actions__checktech .gears-container .gear-2 {
    width: 33px;
    height: 33px;
    top: 15px;
    right: 53px
}

@media screen and (max-width: 991px) {
    .plan__detail__head__actions__checktech .gears-container .gear-2 {
        top: -1px;
        left: 0;
        width: 22px;
        height: 22px
    }
}

.plan__detail__params {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px
}

@media screen and (max-width: 575px) {
    .plan__detail__params {
        flex-wrap: wrap;
        justify-content: center
    }
}

.plan__detail__params span.param__separator {
    font-family: "helveticaneuecyrultralight", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 26px;
    margin-right: 12px;
    display: none
}

@media screen and (max-width: 575px) {
    .plan__detail__params span.param__separator {
        display: block
    }
}

.plan__detail__params > div {
    display: inline-block;
    color: #fff;
    line-height: 23px;
    text-align: center;
    font-family: "helveticaneuecyrultralight", Helvetica, Arial, sans-serif;
    font-size: 60px;
    text-shadow: 0 0 10px #fff;
    vertical-align: middle
}

.plan__detail__params > div.param__price {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif
}

@media screen and (max-width: 991px) {
    .plan__detail__params > div {
        font-size: 30px;
        line-height: 26px;
        text-shadow: none
    }

    .plan__detail__params > div.param__price {
        font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif
    }
}

@media screen and (max-width: 575px) {
    .plan__detail__params > div {
        flex-wrap: wrap
    }

    .plan__detail__params > div.param__chanels {
        position: relative
    }

    .plan__detail__params > div.param__price {
        width: 100%;
        font-size: 64px;
        line-height: 1;
        margin-top: 24px
    }

    .plan__detail__params > div.param__price > span {
        font-size: 15px;
        line-height: 24px;
        font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif
    }
}

.plan__detail__params > div > span {
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    text-align: left;
    display: inline-block;
    max-width: 45px;
    line-height: 1;
    font-size: 24px;
    text-shadow: none
}

@media screen and (max-width: 991px) {
    .plan__detail__params > div > span {
        font-size: 14px;
        line-height: 14px
    }
}

.plan__detail .channels-list-cols {
    column-count: 4;
    column-gap: 20px;
    display: block;
    color: #fff;
    padding: 30px 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

@media screen and (max-width: 767px) {
    .plan__detail .channels-list-cols {
        column-count: 3
    }
}

@media screen and (max-width: 575px) {
    .plan__detail .channels-list-cols {
        column-count: 2
    }
}

.plan__detail .channels-list-cols > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0
}

.plan__detail .channels-list-cols > li:before {
    display: inline-block;
    content: counter(li) ". ";
    counter-increment: li;
    color: #fff;
    font-family: inherit;
    text-shadow: none;
    padding-right: 0;
    font-size: inherit
}

.plan__detail #channels {
    color: #fff
}

.plan__detail #channels p {
    padding-left: 30px;
    margin-bottom: 0
}

.plan__detail #channels * {
    color: #fff
}

.addresses__header h1 {
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 24px
}

@media screen and (max-width: 575px) {
    .addresses__header h1 {
        font-family: "supermolotbold", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
        text-align: center
    }
}

.addresses__header h1::after {
    display: none
}

.addresses__body {
    margin-top: 24px
}

.addresses__body .lenta__overlay {
    margin-bottom: 40px
}

.addresses__body .providers .providers-row-list {
    padding-bottom: 0
}

.addresses__body .providers-overlay {
    display: none
}

.addresses__body .providers-count-string {
    font-family: "helveticaneuecyrthin";
    font-weight: 300;
    line-height: 48px;
    color: #A4ADD5;
    letter-spacing: 0.4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .addresses__body .providers-count-string {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 575px) {
    .addresses__body .providers-count-string {
        justify-content: center
    }
}

.addresses__body .providers-count-string span {
    font-family: "helveticaneuecyrmedium";
    font-weight: 500;
    font-size: 30px;
    color: #FF6600
}

@media screen and (max-width: 991px) {
    .addresses__body .providers-count-string span {
        font-size: 20px
    }
}

.addresses__body .plans h2 {
    font-family: "supermolot_lightregular", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .addresses__body .plans h2 {
        font-size: 26px
    }
}

@media screen and (max-width: 575px) {
    .addresses__body .plans h2 {
        font-family: "supermolotbold", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
        text-align: center
    }
}

.addresses__body .search-city {
    min-height: 104px
}

.addresses__body .providers__filter__wrapper:not(.fixed) .tariff-type {
    display: none
}

.addresses__streets {
    font-family: "helveticaneuecyrlight";
    margin-bottom: 56px;
    column-count: 3
}

@media screen and (max-width: 767px) {
    .addresses__streets {
        column-count: 2
    }
}

@media screen and (max-width: 575px) {
    .addresses__streets {
        column-count: 1
    }
}

.addresses__streets__block {
    position: relative;
    padding-left: 42px
}

.addresses__streets__letter {
    position: absolute;
    left: 0;
    top: 0;
    color: #ff6600;
    line-height: 22px
}

.addresses__streets__item {
    display: block;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    line-height: 22px;
    margin-bottom: 8px
}

.addresses__streets__item:hover {
    text-decoration: none;
    color: #ff6600
}

.addresses__houses {
    display: flex;
    flex-flow: wrap;
    font-family: "helveticaneuecyrlight";
    margin-bottom: 56px
}

.addresses__houses__item {
    display: block;
    width: 40px;
    margin-right: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    line-height: 22px
}

.addresses__houses__item:hover {
    text-decoration: none;
    color: #FF6600
}

@media screen and (max-width: 575px) {
    .addresses__houses__item {
        margin-right: 40px
    }
}

.showing-data {
    text-align: justify;
    line-height: 0;
    font-size: 1px;
    text-justify: newspaper;
    margin-bottom: 20px
}

.showing-data:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block
}

.showing-data li {
    display: inline-block;
    color: #fff;
    line-height: 23px;
    text-align: center;
    font-family: "helveticaneuecyrultralight", "Helvetica", "Arial", "sans-serif";
    font-size: 60px;
    text-shadow: 0 0 10px white;
    vertical-align: middle
}

.showing-data li:last-child {
    font-family: "helveticaneuecyrlight", "Helvetica", "Arial", "sans-serif"
}

.showing-data li span {
    font-family: "helveticaneuecyrthin", "Helvetica", "Arial", "sans-serif";
    text-align: left;
    display: inline-block;
    max-width: 45px;
    line-height: 1;
    font-size: 24px;
    text-shadow: none
}

.connect-head {
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    font-size: 40px;
    position: relative;
    line-height: 2
}

.how-to-connect {
    position: relative
}

.how-to-connect .how-to-connect-wrap-list {
    margin-bottom: 50px;
    font-size: 0
}

.how-to-connect .how-to-connect-wrap-list ol {
    display: inline-block;
    width: 50%
}

.how-to-connect .how-to-connect-wrap-list ul {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.how-to-connect .connect {
    background: #ff6600;
    color: #fff;
    font-size: 18px;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 12px 75px 8px;
    display: inline-block;
    margin-bottom: 40px;
    box-shadow: 0 0 10px 2px rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54)
}

.how-to-connect .connect:hover {
    box-shadow: 0 0 0 0px rgba(255, 102, 0, 0.54), inset 0 0 10px 2px rgba(163, 65, 0, 0.54);
    opacity: .9
}

.providers.tariff > .clearfix.wrapper, .providers-one .clearfix {
    z-index: 11;
    position: relative
}

.ui-widget.ui-widget-content {
    border: 1px solid #f60;
    box-shadow: 0 0 7px rgba(255, 102, 0, 0.5)
}

.ui-autocomplete .ui-menu-item {
    background: #25405c;
    list-style: none !important
}

.ui-autocomplete .ui-menu-item:hover {
    background: #2f4f6e
}

.ui-autocomplete .ui-menu-item:after {
    display: none
}

.ui-autocomplete.open-force {
    display: block !important
}

.ui-menu .ui-menu-item-wrapper {
    padding-top: 6px;
    padding-bottom: 6px
}

.select-tariff.collapsed {
    height: 0;
    padding: 0px
}

.select-tariff.collapsed * {
    display: none
}

.arrow-select-wrap.collapsed {
    opacity: 0;
    width: 130px;
    height: 0
}

pre {
    background: lightgoldenrodyellow;
    padding: 20px
}

.jq-selectbox__search input, input[type="search"] {
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid rgba(126, 156, 186, 0.5);
    box-shadow: 0px 0px 10px 1px rgba(89, 110, 131, 0.5);
    color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDI4QzE3RTFFMkY2MTFFNjk5NjBCNjMzRjYwQjU2NkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDI4QzE3RTJFMkY2MTFFNjk5NjBCNjMzRjYwQjU2NkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjhDMTdERkUyRjYxMUU2OTk2MEI2MzNGNjBCNTY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MjhDMTdFMEUyRjYxMUU2OTk2MEI2MzNGNjBCNTY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3UyCUAAAE1SURBVHjahNNPK0RRGMfxc+/MTgwraURegYUNKQtrJmVvJVlZ2PqTN2AhSlKy4F14AxbyZ4siKexEVszxfep365lzb82pT7eZe+5vnvucZ7K4EhohhBpamMcgfnGFE7ziz2k7Mfh1FEOdi9nBsAIe0IcZHGILN3o4upCsFKgwq6qJNVVmGz9xpvANLOFHVdn9XNWWVq7AY4XljrXhEu+Y0uea7mVOKXBElfhNubveYzT5scqwItBepeG+y9w9M4AvV13XCq8x6xoc3cZeTOAuCfFhWRp4ijlMulEwPVjHB96SVlSGFaf8hE1sYxGP6Me4TnsMyzZlSVsqe1jX8d9qNKYxhGecq7JVLChgP3RZRaC94jcuKkbjQK1oad9uMtwdA+4DC+3kNG3tad9L0ueY/lv+BRgAtolSMCGUNOEAAAAASUVORK5CYII=");
    height: 40px
}

.jq-selectbox__not-found {
    background: #25405c;
    color: #fff
}

.form-tariff .city {
    width: 360px
}

table.cities td {
    padding: 5px 0
}

table.cities tr:nth-of-type(even) {
    background: #25405c
}

.dropdown.tariff-type .image-wrapper {
    display: inline-block;
    width: 40px
}

input[name="otherEmail"] {
    display: none !important
}

hr {
    background: #cccccc;
    height: 1px;
    border: none
}

.rating-container {
    width: 100%;
    height: 42px;
    padding: 5px 0;
    margin-bottom: 25px;
    margin-top: 20px;
    padding-left: 5px
}

.rating {
    border: none;
    float: left
}

.rating > input {
    position: absolute;
    left: -9999px
}

.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}

.rating > .half:before {
    content: "\f089";
    position: absolute
}

.rating > label {
    color: #ddd;
    float: right
}

.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: #fe5400
}

.rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {
    color: #ff9966
}

#payment a span {
    color: #ff6600 !important
}

.providers-list-block .provider-link, .block-slide .provider-link {
    left: 0;
    right: 0;
    top: 0;
    height: 155px;
    position: absolute;
    background: red;
    opacity: 0;
    z-index: 3;
    display: none
}

.providers-list-block.border-hover .provider-link, .block-slide.slick-current .provider-link {
    display: block
}

.bg-overlay {
    opacity: 0.25;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: black
}

.slick-slide:last-child::after {
    display: none
}

.form-tariff .customScrollCity .jq-selectbox__trigger {
    display: none
}

.form-tariff .customScrollCity {
    cursor: default
}

.form-providers, .connectivity-choice form {
    margin-bottom: 10px;
    position: relative
}

.social-services {
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle;
    text-align: center;
    height: 20px;
    line-height: 1
}

.social-services img {
    vertical-align: middle
}

.fa.social-service-icon {
    font-size: 23px;
    line-height: 0.8
}

.review-text {
    overflow: hidden;
    transition: 0.3s
}

.table-simple {
    width: 100%
}

.table-simple, .table-simple * {
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: left;
    text-transform: none
}

.table-simple td {
    padding: 0
}

.table-simple tr, .table-simple tr:nth-of-type(odd), .table-simple tr:nth-of-type(even) {
    background: transparent
}

.table-simple img[style*="float:left"], .table-simple img[style*="float: left"] {
    margin: 0 20px 5px 0
}

.table-simple img[style*="float:right"], .table-simple img[style*="float: right"] {
    margin: 0 0 5px 20px
}

#equipment {
    padding-top: 27px
}

#jivo-iframe-container.jivo-iframe-container-bottom {
    left: 80px !important
}

.globalClass_ET {
    display: none !important
}

.button-wrap {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.border-orange-focus {
    border: 1px solid #ff6600 !important;
    box-shadow: 0px 0px 10px 5px rgba(255, 102, 0, 0.5) !important
}

.border-orange-focus .jq-selectbox__select:after, .border-orange-focus.wrap-input:after {
    width: 0 !important
}

.footer-link {
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer
}

.footer-link:hover {
    text-decoration: none;
    color: #ff6600
}

.pi-agreement {
    font-size: 13px
}

div#jivo-iframe-container:not(.jivo-c-mobile) {
    z-index: 2147483646 !important
}

.wrapper-textpage {
    position: relative
}

.checkform input.street, .check-result input[type="text"] {
    width: 100%;
    background: rgba(0, 0, 0, 0.23);
    color: #fff
}

.checkform .house {
    float: right;
    margin-right: 1px
}

.checkform .house .jq-selectbox__select {
    width: 100px
}

@media screen and (max-width: 575px) {
    .checkform .house .jq-selectbox__select {
        width: 80px
    }
}

.checkform .house .jq-selectbox__dropdown {
    width: 100px !important
}

.checkform .house .jq-selectbox__dropdown ul, .checkform .house .jq-selectbox__dropdown .mCustomScrollBox {
    max-height: 130px !important
}

.check-street-container {
    height: 40px
}

.check-street-container:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    background: rgba(223, 235, 255, 0.5);
    box-shadow: 0px 0px 10px 1px rgba(135, 144, 156, 0.5);
    bottom: 0
}

.check-street-wrapper {
    position: relative;
    height: 40px;
    display: inline-block;
    width: 76%
}

@media screen and (max-width: 575px) {
    .check-street-wrapper {
        width: 60%
    }
}

.check-icon-icon_3_1 {
    width: 30px;
    height: 30px;
    background-position: -5px -5px
}

.check-icon-icon_3_2 {
    width: 30px;
    height: 30px;
    background-position: -45px -5px
}

.check-icon-icon_3_3 {
    width: 30px;
    height: 30px;
    background-position: -85px -5px
}

.check-indicator {
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 15px;
    top: 15px
}

.check-indicator .tooltiptext {
    visibility: hidden;
    white-space: nowrap;
    background-color: #e6e6e6;
    color: #000;
    text-align: center;
    padding: 5px;
    position: absolute;
    z-index: 1;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    font-size: 14px;
    cursor: default;
    left: 25px
}

.check-indicator:hover .tooltiptext {
    visibility: visible
}

.check-provider-name {
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
    font-family: "supermolot_lightregular", Helvetica, Arial, sans-serif;
    font-size: 22px
}

#check-city-styler .jq-selectbox__dropdown .mCustomScrollBox {
    max-height: 100px !important
}

.check-link {
    text-align: center;
    color: #fff;
    text-decoration: underline;
    font-family: "helveticaneuecyrthin", Helvetica, Arial, sans-serif;
    display: block;
    margin-bottom: 25px
}

.connectivity-choice .tab-container-blocks-desc > a {
    color: #c7cde7;
    border-bottom: 1px solid #c7cde7
}

.connectivity-choice .tab-container-blocks-desc > a:hover {
    border-bottom: none
}

.check-result p {
    color: #fff
}

.btn-modal-house, .btn-modal-ofice, .providers-row.nostylelist {
    display: none
}

.index .desc {
    display: block
}

.sort-providers, .tariff .profit {
    float: right;
    clear: both
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000 !important
}

.ui-menu .ui-state-active {
    margin: 0
}

.jq-selectbox.house.disabled .jq-selectbox__select-text {
    color: #7982a3
}

.jq-selectbox.house .jq-selectbox__select-text {
    color: #fff
}

.check-result input[name="userphone"] {
    margin-bottom: 5px;
    margin-top: 10px
}

.check-result {
    margin-bottom: 10px
}

.service-type-filter .jq-selectbox__dropdown li:before, .service-loc-filter .jq-selectbox__dropdown li:before {
    width: 160px !important
}

.popup-license-notification {
    color: #fff;
    font-size: 12px;
    text-transform: none;
    text-align: center
}

.checkform .popup-license-notification, .check-result .popup-license-notification {
    margin-top: 20px
}

.checkform {
    margin-bottom: 40px
}

.popup-license-notification a {
    font-family: "helveticaneuecyrmedium", Helvetica, Arial, sans-serif;
    text-decoration: underline
}

.popup-license-notification a:hover {
    text-decoration: none
}

input.submit-show[disabled] {
    color: gray
}

input.submit-show[disabled]:hover {
    box-shadow: none
}

input.submit-show ~ .submit-show-tooltip {
    font-size: 14px;
    visibility: hidden;
    max-width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: calc(100% + 8px)
}

input.submit-show.showtooltip[disabled]:hover ~ .submit-show-tooltip {
    visibility: visible
}

.check-link.check-link-plans {
    margin-bottom: 10px
}

.checkform .customScrollCity .jq-selectbox__trigger {
    display: none
}

.checkform .customScrollCity {
    cursor: default
}

.row-header-flex {
    display: flex;
    justify-content: space-between
}

.providers-topic__head .h1 {
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 10px 0
}

.providers-topic__head .h1::after {
    display: none
}

.providers-topic__head__info {
    display: flex
}

.providers-topic__head__info div .h2 {
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #8088AB;
    margin-bottom: 0
}

.providers-topic__head__info div a {
    display: flex;
    align-items: center
}

.providers-topic__head__info div .plans-connect-link {
    margin-top: 5px !important
}

.providers-topic__head__logo {
    width: 40px;
    margin-right: 25px
}

.providers-topic__head__logo img {
    width: 100%;
    height: auto
}

.readmore-area + span {
    cursor: pointer;
    margin-bottom: 40px;
    line-height: 1
}

.readmore-area + span:hover {
    text-decoration: none;
    color: #ff6600
}

.readmore-area__button {
    font-size: 18px;
    color: #fff;
    font-family: "helveticaneuecyrlight", Helvetica, Arial, sans-serif;
    text-transform: none;
    text-decoration: underline
}

@media screen and (max-width: 575px) {
    .readmore-area__button {
        text-align: center
    }
}

.readmore-area__button.hide i {
    transform: rotate(180deg)
}

.readmore-area__button i {
    display: inline-block;
    width: 30px;
    height: 16px;
    background: url("../img/icons.png") -80px -8px no-repeat;
    position: relative;
    transform-origin: center 70%
}

.topic.second.filter-fixed .prov-filters-container, .providers__filter__wrapper.fixed {
    transition: border 3s linear, box-shadow 3s linear, top 500ms
}

.topic.second.filter-fixed .prov-filters-container.border-orange, .providers__filter__wrapper.fixed.border-orange {
    border: 1px solid rgba(255, 102, 0, 0.5);
    box-shadow: 0 0 30px rgba(255, 102, 0, 0.6)
}

.svg-rocket {
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='202' viewBox='0 0 200 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M192.203 36.3089C189.074 50.983 181.889 68.1362 168.854 80.9974C155.355 94.3161 114.325 130.422 94.2349 147.911C87.0429 145.499 81.1973 142.082 76.5181 138.32L96.6103 116.481C97.7106 115.285 97.6346 113.422 96.4406 112.32C95.2467 111.218 93.3868 111.294 92.2866 112.49L72.1406 134.387C66.0624 128.289 62.6594 121.902 61.2535 117.715C74.8942 98.9327 104.702 58.5544 121.827 37.6711C134.992 23.3891 151.515 15.1003 165.543 11.0357C172.564 9.00125 178.885 8.04723 183.76 7.90736C186.201 7.83733 188.213 7.97354 189.735 8.25041C191.346 8.54356 192.072 8.93515 192.274 9.10464C192.274 9.10464 192.311 9.13684 192.377 9.22446C192.444 9.31458 192.532 9.4494 192.631 9.6411C192.833 10.0306 193.05 10.5844 193.254 11.3272C193.663 12.8174 193.96 14.8502 194.072 17.3642C194.295 22.3795 193.766 28.9832 192.203 36.3089ZM198.924 9.76682C198.394 7.83643 197.542 5.84164 196.048 4.5891C194.671 3.43407 192.732 2.81017 190.786 2.45601C188.749 2.08556 186.308 1.94264 183.591 2.0206C178.149 2.17677 171.332 3.22748 163.909 5.37851C149.067 9.67914 131.5 18.4667 117.447 33.7413L117.391 33.8028L117.338 33.8673C111.173 41.3824 103.382 51.3986 95.2933 62.0257C95.0382 61.9514 94.7688 61.9107 94.49 61.9088C89.7588 61.8767 81.9879 63.1925 73.8928 64.8895C65.6983 66.6073 56.8605 68.7854 49.8391 70.6055C34.8537 74.4902 20.4598 87.395 6.62883 105.014C5.96239 105.863 5.81342 107.01 6.24069 108.001C6.66799 108.993 7.60291 109.671 8.67682 109.767C20.8877 110.866 44.3587 111.837 57.9142 112.304C57.1082 113.411 56.3483 114.457 55.6393 115.435L54.8179 116.568L55.1765 117.921C55.6532 119.72 56.4701 121.916 57.6703 124.342C57.3908 124.7 57.0787 125.108 56.7316 125.57C54.9378 127.956 52.11 131.91 47.8058 138.214L47.1145 139.227L47.3454 140.432C48.5891 146.919 53.2058 152.472 58.0938 156.469C62.9898 160.472 68.6921 163.351 72.8626 164.182L74.2524 164.459L88.762 152.172C90.4518 152.848 92.2144 153.472 94.0518 154.036L95.6102 154.515L96.841 153.445C97.6788 152.716 98.5592 151.95 99.4782 151.149C101.062 164.718 103.894 187.616 105.955 199.557C106.139 200.621 106.889 201.499 107.911 201.845C108.933 202.191 110.061 201.949 110.851 201.214C127.256 185.97 138.923 170.548 141.566 155.272C142.805 148.114 144.252 139.114 145.293 130.793C146.321 122.573 146.997 114.708 146.579 109.988C146.567 109.858 146.548 109.73 146.52 109.605C157.666 99.6004 167.522 90.5785 172.98 85.1929C187.064 71.2968 194.661 52.9752 197.953 37.5392C199.602 29.8098 200.194 22.6995 199.946 17.1024C199.821 14.3101 199.485 11.8121 198.924 9.76682ZM140.807 114.719C140.704 118.773 140.198 124.155 139.459 130.061C138.434 138.253 137.004 147.152 135.773 154.266C133.673 166.404 124.783 179.402 110.862 193.069C108.721 179.092 106.108 157.443 104.855 146.456C115.136 137.469 128.418 125.782 140.807 114.719ZM82.8579 149.46L72.6932 158.068C69.7306 157.157 65.6044 155.007 61.8119 151.906C57.7802 148.61 54.5729 144.604 53.3928 140.466C56.8397 135.435 59.2413 132.062 60.8674 129.865C65.3356 136.591 72.4349 144.014 82.8579 149.46ZM62.1136 106.551C51.2507 106.207 29.0344 105.352 14.7326 104.339C27.1973 89.3283 39.4055 79.3935 51.3123 76.3069C58.2903 74.498 67.0295 72.345 75.0972 70.6538C81.1608 69.3827 86.6785 68.4098 90.7592 68.0041C80.3844 81.7309 69.9251 95.8777 62.1136 106.551ZM152.33 51.7892C156.867 55.977 157.156 63.0558 152.975 67.6003C148.794 72.1447 141.726 72.4338 137.189 68.246C132.652 64.0582 132.364 56.9794 136.545 52.4349C140.726 47.8905 147.793 47.6014 152.33 51.7892ZM157.298 71.5911C163.68 64.6549 163.239 53.8503 156.314 47.4584C149.389 41.0665 138.602 41.5078 132.221 48.444C125.839 55.3803 126.28 66.1849 133.205 72.5768C140.13 78.9686 150.917 78.5274 157.298 71.5911ZM109.756 102.988C110.856 101.792 110.781 99.9293 109.587 98.8273L109.298 98.5612C108.104 97.4592 106.245 97.5352 105.144 98.7311C104.044 99.927 104.12 101.79 105.314 102.892L105.602 103.158C106.796 104.26 108.656 104.184 109.756 102.988ZM64.4614 168.226C63.2674 167.124 61.4076 167.2 60.3073 168.396L46.8932 182.976C45.7929 184.172 45.8689 186.035 47.0628 187.137C48.2568 188.239 50.1166 188.163 51.2169 186.967L64.631 172.387C65.7313 171.191 65.6554 169.328 64.4614 168.226ZM47.732 166.132C46.538 165.03 44.6782 165.106 43.5779 166.302L30.1638 180.882C29.0635 182.078 29.1395 183.941 30.3335 185.043C31.5274 186.145 33.3872 186.069 34.4875 184.873L47.9017 170.293C49.0019 169.097 48.926 167.234 47.732 166.132ZM45.437 150.666C44.243 149.564 42.3832 149.64 41.2829 150.836L27.8688 165.416C26.7685 166.612 26.8445 168.475 28.0385 169.577C29.2324 170.679 31.0922 170.603 32.1925 169.407L45.6067 154.827C46.7069 153.631 46.631 151.768 45.437 150.666Z' fill='%23FE6507'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M186.203 34.3089C183.074 48.983 175.889 66.1362 162.854 78.9974C149.355 92.3161 108.325 128.422 88.2349 145.911C81.0429 143.499 75.1973 140.082 70.5181 136.32L90.6103 114.481C91.7106 113.285 91.6346 111.422 90.4406 110.32C89.2467 109.218 87.3868 109.294 86.2866 110.49L66.1406 132.387C60.0624 126.289 56.6594 119.902 55.2535 115.715C68.8942 96.9327 98.7025 56.5544 115.827 35.6711C128.992 21.3891 145.515 13.1003 159.543 9.03572C166.564 7.00125 172.885 6.04723 177.76 5.90736C180.201 5.83733 182.213 5.97354 183.735 6.25041C185.346 6.54356 186.072 6.93515 186.274 7.10464C186.274 7.10468 186.311 7.13683 186.377 7.22446C186.444 7.31458 186.532 7.4494 186.631 7.6411C186.833 8.03056 187.05 8.58435 187.254 9.32721C187.663 10.8174 187.96 12.8502 188.072 15.3642C188.295 20.3795 187.766 26.9832 186.203 34.3089ZM192.924 7.76682C192.394 5.83643 191.542 3.84164 190.048 2.5891C188.671 1.43405 186.732 0.810181 184.786 0.456009C182.749 0.0855712 180.308 -0.057358 177.591 0.0205992C172.149 0.176773 165.332 1.22748 157.909 3.37851C143.067 7.67914 125.5 16.4667 111.447 31.7413L111.391 31.8028L111.338 31.8673C105.173 39.3824 97.3824 49.3986 89.2933 60.0257C89.0382 59.9514 88.7688 59.9107 88.49 59.9088C83.7588 59.8767 75.9879 61.1925 67.8928 62.8895C59.6983 64.6073 50.8605 66.7854 43.8391 68.6055C28.8537 72.4902 14.4598 85.395 0.628831 103.014C-0.037627 103.863 -0.186583 105.01 0.240693 106.001C0.667985 106.993 1.60292 107.671 2.67682 107.767C14.8877 108.866 38.3587 109.837 51.9142 110.304C51.1082 111.411 50.3483 112.457 49.6393 113.435L48.8179 114.568L49.1765 115.921C49.6532 117.72 50.4701 119.916 51.6703 122.342C51.3907 122.7 51.0787 123.108 50.7316 123.57C48.9378 125.956 46.11 129.91 41.8058 136.214L41.1145 137.227L41.3454 138.432C42.5891 144.919 47.2058 150.472 52.0938 154.469C56.9898 158.472 62.6921 161.351 66.8626 162.182L68.2524 162.459L82.762 150.172C84.4518 150.848 86.2144 151.472 88.0518 152.036L89.6102 152.515L90.841 151.445C91.6788 150.716 92.5592 149.95 93.4782 149.149C95.0617 162.718 97.8937 185.616 99.9551 197.557C100.139 198.621 100.889 199.499 101.911 199.845C102.933 200.191 104.061 199.949 104.851 199.214C121.256 183.97 132.923 168.548 135.566 153.272C136.805 146.114 138.252 137.114 139.293 128.793C140.321 120.573 140.997 112.708 140.579 107.988C140.567 107.858 140.548 107.73 140.52 107.605C151.666 97.6004 161.522 88.5785 166.98 83.1929C181.064 69.2968 188.661 50.9752 191.953 35.5392C193.602 27.8098 194.194 20.6995 193.946 15.1024C193.821 12.3101 193.485 9.81212 192.924 7.76682ZM134.807 112.719C134.704 116.773 134.198 122.155 133.459 128.061C132.434 136.253 131.004 145.152 129.773 152.266C127.673 164.404 118.783 177.402 104.862 191.069C102.721 177.092 100.108 155.443 98.8552 144.456C109.136 135.469 122.418 123.782 134.807 112.719ZM76.8579 147.46L66.6932 156.068C63.7306 155.157 59.6044 153.007 55.8119 149.906C51.7802 146.61 48.5729 142.604 47.3928 138.466C50.8397 133.435 53.2413 130.062 54.8674 127.865C59.3356 134.591 66.4349 142.014 76.8579 147.46ZM56.1136 104.551C45.2507 104.207 23.0344 103.352 8.73264 102.339C21.1973 87.3283 33.4055 77.3935 45.3123 74.3069C52.2903 72.498 61.0295 70.345 69.0972 68.6538C75.1608 67.3827 80.6785 66.4098 84.7592 66.0041C74.3844 79.7309 63.9251 93.8777 56.1136 104.551ZM146.33 49.7892C150.867 53.977 151.156 61.0558 146.975 65.6003C142.794 70.1447 135.726 70.4338 131.189 66.246C126.652 62.0582 126.364 54.9793 130.545 50.4349C134.726 45.8905 141.793 45.6014 146.33 49.7892ZM151.298 69.5911C157.68 62.6549 157.239 51.8503 150.314 45.4584C143.389 39.0665 132.602 39.5078 126.221 46.444C119.839 53.3803 120.28 64.1849 127.205 70.5768C134.13 76.9686 144.917 76.5274 151.298 69.5911ZM103.756 100.988C104.856 99.7922 104.781 97.9293 103.587 96.8273L103.298 96.5612C102.104 95.4592 100.245 95.5353 99.1443 96.7311C98.044 97.927 98.1199 99.7899 99.3139 100.892L99.6022 101.158C100.796 102.26 102.656 102.184 103.756 100.988ZM58.4614 166.226C57.2674 165.124 55.4076 165.2 54.3073 166.396L40.8932 180.976C39.7929 182.172 39.8689 184.035 41.0628 185.137C42.2568 186.239 44.1166 186.163 45.2169 184.967L58.631 170.387C59.7313 169.191 59.6553 167.328 58.4614 166.226ZM41.732 164.132C40.5381 163.03 38.6782 163.106 37.5779 164.302L24.1638 178.882C23.0635 180.078 23.1395 181.941 24.3335 183.043C25.5274 184.145 27.3872 184.069 28.4875 182.873L41.9017 168.293C43.0019 167.097 42.926 165.234 41.732 164.132ZM39.437 148.666C38.243 147.564 36.3832 147.64 35.2829 148.836L21.8688 163.416C20.7685 164.612 20.8445 166.475 22.0385 167.577C23.2324 168.679 25.0922 168.603 26.1925 167.407L39.6067 152.827C40.7069 151.631 40.631 149.768 39.437 148.666Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A");
    width: 200px;
    height: 204px;
    background-repeat: no-repeat
}

/*# sourceMappingURL=global.css.map */