/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto:700&subset=cyrillic");*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat');*/
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/montserrat.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

html {
  height: 100%; }

body {
  margin: 0;
  height: 100%;
  font: 1.1vw/1vw 'Open Sans', sans-serif;
  color: #4f5362; }

a {
  color: #4f5362; }
  a:focus {
    outline: none; }
  a:hover, a:focus {
    text-decoration: none; }

h3 {
  color: #f99531;
  font: bold 2em/1.1em 'Montserrat', sans-serif;
  margin: 0 0 30px 30px; }

h4 {
  font: bold 1em/2.3em 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #4f5362; }

h5 {
  font: bold 3em/1em 'Montserrat', sans-serif;
  text-transform: uppercase; }

p {
  line-height: 1.5em; }

.label {
  text-transform: uppercase;
  color: #b8b7bc;
  font: 0.9em 'Montserrat', sans-serif;
  margin-left: 30px;
  position: absolute;
  transition: top 0.2s, font-size 0.2s;
  top: 22px; }
  .label.moved-label {
    font-size: 0.7em !important;
    top: -3px; }

button {
  outline: none !important; }

.w-100 {
  width: 100%; }

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes show {
  to {
    opacity: 0.85; } }

@keyframes swing {
  from, to {
    opacity: 0.85; }
  50% {
    bottom: 4vw; } }

.list_btn {
  position: fixed;
  bottom: 3vw;
  left: 50%;
  transform: translateX(-50%);
  animation: show 1s forwards, swing 1.5s ease 2s infinite;
  padding: 12px 17px;
  background: #eff0f4;
  border-radius: 30px;
  z-index: 5;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none; }
  .list_btn:hover {
    animation-play-state: paused; }

input:not([type=checkbox]), .select {
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: none;
  height: 60px;
  text-decoration: none;
  outline: none;
  position: relative; }
  input:not([type=checkbox]):focus, input:not([type=checkbox]):active, .select:focus, .select:active {
    box-shadow: none;
    text-decoration: none; }

header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  padding: 6px 30px 0;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.5px;
  position: relative; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-box-shadow: none !important; }

.orange-button {
  position: relative;
  padding: 12px 2.5vw;
  border: white 1px solid;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  font-family: 'Montserrat', sans-serif;
  z-index: 2;
  background: none;
  color: #fff;
  outline: none;
  display: inline-block; }
  .orange-button:before {
    background: linear-gradient(60deg, #ef6c00 0%, #fbb03b 100%);
    transition: opacity 0.3s;
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 30px; }
  .orange-button:hover, .orange-button:focus, .orange-button:active {
    color: #fff;
    border: none;
    padding: 13px calc(2.5vw + 1px);
    outline: none !important;
    outline-color: none !important;
    outline-style: none !important;
    outline-width: 0 !important; }
  .orange-button:hover:before, .orange-button:focus:before, .orange-button:active:before {
    opacity: 1;
    outline: none; }

.orange-button.orange-button--full {
  background: linear-gradient(60deg, #ef6c00 0%, #fbb03b 100%);
  color: white;
  border: 0;
  text-decoration: none;
}
.orange-button.orange-button--full:before {
  background: #fbb03b;
}
.orange-button.orange-button--full:hover,
.orange-button.orange-button--full:focus,
.orange-button.orange-button--full:active {
  padding: 12px 2.5vw;
}

#ymaps {
  width: 100%;
  height: 44vw;
  position: absolute;
  z-index: 1;
  top: 0; }

div[id^='ymaps-contacts-'] {
  height: 33vw;
  border-radius: 15px; }

.main-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 2.3vw; }
  .main-menu .logo {
    flex-grow: 1;
    text-align: center;
    position: relative;
    bottom: -20px; }
  .main-menu > div {
    padding: 15px; }
  .main-menu__city {
    flex-grow: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .main-menu__city span {
      margin: 2px 0 15px 0;
      color: #b8b7bc;
      font-size: 0.8em;
      letter-spacing: normal; }
    .main-menu__city img {
      vertical-align: top;
      margin: 3px 0 0 15px; }
  .main-menu__callback {
    font-family: 'Raleway', sans-serif;
    color: #B8B7BC;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }
  .main-menu .main-menu__phone {
    padding: 15px 0;
  }
  .main-menu__phone {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-grow: 8; }
    .main-menu__phone .main-menu__phone__left {
      display: flex;
      flex-direction: column;
      max-width: 100%;
      flex: 0 0 auto;
      width: auto; }
    .main-menu__phone .main-menu__phone__center {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
      text-align: center;
      padding-left: 2.5em; }
    .main-menu__happy-bonuses {
      transition: transform .3s;
    }
    .main-menu__happy-bonuses:hover {
      transform: scale(1.1);
    }
    .main-menu__phone .main-menu__phone__right {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
      text-align: center;
      padding-left: 2.5em; }
    .main-menu__phone span {
      font-family: 'Open Sans', sans-serif;
      margin-right: 21px;
      font-size: 1.6em;
      font-weight: normal;
      letter-spacing: -1px;
      line-height: normal;
      color: #585B69; }
  .main-menu__profile {
    flex-grow: 2.5;
    letter-spacing: normal;
    position: relative; }
    .main-menu__profile a {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .main-menu__profile a .user-name {
        text-decoration: none;
        border-bottom: 1px dashed #4f5362;
        font-family: 'Open Sans', sans-serif;
        text-transform: none;
        font-weight: normal; }
    .main-menu__profile__bill {
      color: #b8b7bc;
      text-transform: none;
      font-family: 'Open Sans', sans-serif;
      font-weight: normal;
      margin-bottom: 7px; }
  .main-menu__signin a {
    flex-direction: row;
    align-items: end; }
    .main-menu__signin a span {
      margin-left: 20px;
      border: none;
      text-transform: uppercase;
      font-family: 'Montserrat', sans-serif;
      color: #b8b7bc; }

.nav-menu {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #eff0f4;
  position: absolute;
  width: 100%;
  left: 0;
  padding-left: 30px;
  padding-right: 30px; }
  .nav-menu .nav-item__link {
    display: inline-block;
    padding: 20px 10px; }
    .nav-menu .nav-item__link.active {
      color: #f7931e;
      border-bottom: 3px solid #f99531; }
    .nav-menu .nav-item__link:hover, .nav-menu .nav-item__link:focus {
      color: #f7931e; }
  .nav-menu.fxd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 10;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.start-page {
  position: relative;
  background: rgba(34, 35, 40, 0.5);
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex; }
  .start-page:before {
    background: url("../images/start.jpg") no-repeat center center/cover;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1; }
  .start-page__inner {
    margin: auto; }
    .start-page__inner img {
      display: block;
      margin: 0 auto;
      margin-bottom: 70px; }
    .start-page__inner a {
      color: white;
      margin: 0 15px; }

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }

.select {
  display: flex;
  position: relative;
  color: #fff;
  width: 12vw; }
  .select img {
    width: 13px;
    transition: all 0.2s; }
  .select-hidden {
    width: 1px !important;
    height: 1px !important;
    border: none;
    opacity: 0;
    padding-right: 10px;
    position: absolute;
    bottom: 0; }
  .select-styled {
    padding: 0 1vw;
    cursor: pointer;
    width: 100%;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center; }
    .select-styled div {
      overflow: hidden;
      width: 100%;
      display: inline-block; }
    .select-styled:after {
      content: "";
      width: 0;
      height: 0;
      border: 0;
      position: absolute; }
    .select-styled:active img, .select-styled.active img {
      transform: rotate(180deg); }
    .select-styled:active:after, .select-styled.active:after {
      top: 9px; }

.select-options {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none; }
  .select-options li {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    transition: all 0.15s ease-in; }
    .select-options li:hover {
      color: #f99531; }
    .select-options li[rel="hide"] {
      display: none; }

.sign-in-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 35, 40, 0.8);
  display: none;
  z-index: 11; }
  .sign-in-shade .form-group {
    margin-bottom: 40px; }
  .sign-in-shade .close {
    color: #fff;
    opacity: 1;
    font-size: 1em;
    font-weight: normal;
    text-shadow: none;
    position: absolute;
    right: 7vw;
    top: 70px; }
  .sign-in-shade form {
    margin: 245px auto 0; }
    .sign-in-shade form h2 {
      font: bold 2.8em/1.1em 'Montserrat', sans-serif;
      color: #fff;
      margin: 20px 0 60px 2vw;
      text-transform: uppercase; }
    .sign-in-shade form input {
      width: 430px; }
    .sign-in-shade form button {
      margin-top: 25px; }

.modal-content {
  backdrop-filter: blur(3px); }

.modal-sm {
  width: 432px; }

.modal-dialog {
  margin: 3vw auto; }

.modal-header {
  padding: 30px 30px 10px; }
  .modal-header .modal-title {
    margin: 80px 30px 0;
    line-height: 1.2em; }
  .modal-header .modal-title.modal-title--low {
    font-size: 2em;
  }

.modal-body {
  padding: 30px 30px 10px; }
  .modal-body h3 {
    color: #fff;
    font-size: 1.4em;
    letter-spacing: 1px;
    margin-left: 0; }

.modal-footer {
  padding: 0 30px 40px 37px;
  text-align: left; }

.modal-cross {
  padding: 5px 7px;
  border-radius: 25px;
  background-color: #000;
  font-size: 30px;
  display: inline-block; }

.modal-content {
  box-shadow: none;
  color: #fff;
  border-radius: 15px; }
  .modal-content .close {
    color: #fff;
    opacity: 1;
    font-size: 1em;
    font-weight: normal;
    text-shadow: none; }

.modal-complete {
  display: none;
  font-size: 1.2em;
  line-height: 1.5em;
  text-align: center;
  padding: 60px 15px; }

.modal-compliance {
  color: white;
  font-size: 0.8em;
  line-height: 1.3;
  text-decoration: underline;
  display: inline-block;
  width: 49%;
  float: right;
  transform: translateY(-20%); }
  .modal-compliance:hover, .modal-compliance:focus, .modal-compliance:active {
    color: #eff0f4;
    text-decoration: none; }

.form-group {
  position: relative;
  margin-bottom: 60px; }

.form-control {
  padding: 6px 12px 6px 30px;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: none;
  height: 60px; }
  .form-control:focus {
    box-shadow: none;
    border-color: white; }

#reviewModal .modal-header h5 {
  margin-top: 60px;
  font-size: 2.5em; }

#reviewModal .form-group {
  margin-bottom: 25px; }

#reviewModal .modal-body {
  padding-top: 20px; }

.content {
  flex: 1 0 auto;
  padding-top: 127px;
  padding-bottom: 60px; }
  .content h1 {
    margin-left: 5vw;
    margin-bottom: 50px;
    font-size: 2.8em;
    /*line-height: 0.7em;*/
    color: #f99531;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif; }
    .content h1.big-h1 {
      font-size: 4em;
      line-height: 1.25em; }
  .content__table {
    margin: 0 0 4vw 30px; }
    .content__table h3 {
      margin-left: 10px; }
    .content__table #myTabs > li, .content__table #myTabs2 > li {
      display: none; }
    .content__table .select {
      width: auto;
      display: inline-block; }
      .content__table .select > ul {
        width: 200px;
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
        .content__table .select > ul li {
          color: #4f5362;
          margin-bottom: 0 !important;
          font-size: 0.8em; }
      .content__table .select-styled {
        color: #4f5362;
        font-size: 0.8em; }
        .content__table .select-styled img {
          margin-left: 15px; }
    .content__table hr {
      width: 94%;
      border-bottom: 1px solid #eee; }
    .content__table .nav-tabs {
      border: none;
      padding: 0 15px; }
      .content__table .nav-tabs > li {
        margin-bottom: 0 !important;
        text-transform: uppercase;
        font: bold 0.9em 'Montserrat', sans-serif; }
        .content__table .nav-tabs > li a {
          color: #b8b7bc; }
        .content__table .nav-tabs > li > a {
          border: 0;
          border-bottom: 2px solid transparent;
        }
        .content__table .nav-tabs > li.active > a {
          color: #f99531;
          border: none;
          border-bottom: 2px solid #f99531; }
          .content__table .nav-tabs > li.active > a:hover, .content__table .nav-tabs > li.active > a:focus {
            border: none;
            border-bottom: 2px solid #f99531;
            color: #f99531; }
    .content__table .panel {
      border: none;
      background: none; }
      .content__table .panel-title {
        padding: 20px 20px 20px 30px;
        font-size: 0.8em; }
      .content__table .panel-body {
        padding: 0 25px;
        border-top: none !important; }
      .content__table .panel ul {
        list-style-type: none;
        margin-top: 15px;
        margin-bottom: 30px; }
        .content__table .panel ul li {
          margin-bottom: 20px;
          line-height: 1.5em; }
          .content__table .panel ul li a {
            text-decoration: underline; }
    .content__table > .tab-content {
      border: solid 2px #eff0f4;
      border-radius: 15px; }
    .content__table .tab-content-ul {
      padding-left: 3vw !important; }
    .content__table .tab-pane {
      padding-top: 1vw; }
      .content__table .tab-pane > h5 {
        margin: 3vw 2vw;
        font-size: 1em;
        line-height: 1.2em; }
      .content__table .tab-pane > ul {
        list-style-type: none;
        padding: 0;
        margin-left: 15px;
        margin-top: 15px; }
        .content__table .tab-pane > ul li {
          margin-bottom: 2vw; }
      .content__table .tab-pane > p {
        margin: 2vw; }
    .content__table table > tbody > tr:nth-child(2) {
      height: 61px; }
    .content__table table > tbody > tr > td {
      border: none;
      vertical-align: bottom;
      padding: 9px; }
    .content__table table > tbody > tr > th {
      color: #b8b7bc;
      font-family: 'Montserrat', sans-serif;
      border: none;
      border-bottom: 1px solid #b8b7bc; }
      .content__table table > tbody > tr > th.small-column {
        width: 20%; }
    .content__table .table {
      margin-bottom: 35px;
      table-layout: fixed; }
    .content__table .reviews-carousel {
      height: auto !important;
      padding: 15px; }
      .content__table .reviews-carousel .item {
        position: relative;
        height: auto !important;
        padding: 0 !important;
        top: 0 !important; }
        .content__table .reviews-carousel .item img {
          margin-left: 2vw; }
      .content__table .reviews-carousel .carousel-divider {
        height: auto !important;
        margin: 0;
        top: 40px;
        left: 14vw !important;
        bottom: 45px;
        position: absolute;
        width: 2px; }
      .content__table .reviews-carousel .carousel-text {
        margin: 30px 10px 30px 3vw !important; }
    .content__table .content__reviews__action {
      margin-bottom: 15px; }
    .content__table .content__reviews__send {
      float: left;
      margin-left: 15px; }
    .content__table .content__reviews__more {
      display: none;
      position: relative;
      left: 50%;
      top: 20px;
      transform: translateX(-50%);
      cursor: pointer;
      color: #6B6E77;
      border-color: #6B6E77; }
      .content__table .content__reviews__more:hover, .content__table .content__reviews__more:focus {
        color: white; }
      .content__table .content__reviews__more:before {
        background: black; }
  .content__for-clients {
    margin-bottom: 4vw; }
    .content__for-clients .row > div > div {
      padding: 10px;
      border-radius: 15px;
      background-color: #eff0f4;
      height: 150px; }
    .content__for-clients a {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%; }
      .content__for-clients a > div:first-child {
        height: 100%;
        display: flex;
        float: left;
        width: 39%; }
        .content__for-clients a > div:first-child img {
          margin: auto; }
      .content__for-clients a > div:last-child {
        width: 60%; }
        .content__for-clients a > div:last-child h5 {
          font-size: 1em;
          line-height: 1.5em; }
        .content__for-clients a > div:last-child p {
          font-size: 0.9em; }
  .content__contacts.content__table {
    margin-left: 0; }
  .content__contacts hr {
    border-top: #b8b7bc solid 1px;
    margin-top: 2.4vw;
    margin-bottom: 40px;
    width: 100%; }
    .content__contacts hr + p {
      color: #b8b7bc;
      position: absolute;
      right: 2vw;
      top: 1em; }
  .content__contacts .tab-content {
    border: 0; }
  .content__contacts .panel-body {
    padding: 0; }
  .content__contacts .select-styled > div {
    font-size: 1.8em;
    line-height: 1em; }
  .content__contacts .vcard > .row > div {
    padding-left: 45px; }
    .content__contacts .vcard > .row > div:last-child {
      padding: 40px 15px 0; }
  .content__contacts .content__reviews {
    margin-bottom: 0; }
  .content__wrapper {
    width: 62%;
    margin: 0 auto; }
  .content__big-wrapper {
    width: 94%;
    margin: 0 auto;
    position: relative; }
    .content__big-wrapper.row {
      width: calc(94% + 30px); }
  .content__subheader {
    position: relative; }
    .content__subheader__indent {
      width: 50px;
      height: 2px;
      background-color: #f99531;
      margin: 13px 30px 370px 80px;
      display: inline-block;
      vertical-align: top; }
    .content__subheader p {
      display: inline-block;
      width: 43%;
      color: #6B6E77;
      line-height: 1.8em;
      letter-spacing: -0.7px; }
    .content__subheader__image {
      position: absolute;
      top: -200px;
      right: 0px;
      overflow: hidden;
      width: 40%; }
      .content__subheader__image img {
        height: 550px;
        margin-left: 30px; }
  .content__banner {
    padding: 14% 16%;
    color: #fff;
    position: relative;
    background: rgba(34, 35, 40, 0.5); }
    .content__banner h2 {
      font-size: 4.5vw;
      letter-spacing: 2px;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 20px;
      font-family: 'Montserrat', sans-serif; }
    .content__banner p {
      font-size: 1.1vw;
      margin-left: 5px;
      line-height: 1.5em;
      letter-spacing: -0.3px; }
    .content__banner:before {
      background: url("../images/bridge.jpg") no-repeat center center/cover;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 100%;
      height: 100%;
      z-index: -1; }
  .content__brickets {
    padding-top: 2vw; }
    .content__brickets .row > div {
      margin-bottom: 30px;
      position: relative;
      height: 23vw; }
    .content__brickets .row .content__brickets__internet {
      background: linear-gradient(60deg, #ef6c00 0%, #fbb03b 100%);
      z-index: -1; }
      .content__brickets .row .content__brickets__internet:before {
        transition: opacity 0.1s;
        background: linear-gradient(60deg, #ef6c00 0%, #ef6c00 100%);
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 15px;
        width: calc(100% - 30px);
        left: 15px; }
      .content__brickets .row .content__brickets__internet:hover:before, .content__brickets .row .content__brickets__internet:focus:before {
        opacity: 1; }
      .content__brickets .row .content__brickets__internet > div a:hover, .content__brickets .row .content__brickets__internet > div a:focus {
        color: #ef6c00; }
    .content__brickets .row .content__brickets__tv {
      background: linear-gradient(60deg, #29BD43 0%, #00E676 100%);
      z-index: -1; }
      .content__brickets .row .content__brickets__tv:before {
        transition: opacity 0.1s;
        background: linear-gradient(60deg, #29BD43 0%, #29BD43 100%);
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 15px;
        width: calc(100% - 30px);
        left: 15px; }
      .content__brickets .row .content__brickets__tv:hover:before, .content__brickets .row .content__brickets__tv:focus:before {
        opacity: 1; }
      .content__brickets .row .content__brickets__tv > div a:hover, .content__brickets .row .content__brickets__tv > div a:focus {
        color: #29BD43; }
    .content__brickets .row .content__brickets__phone {
      background: linear-gradient(60deg, #3155F9 0%, #2196F3 100%);
      z-index: -1; }
      .content__brickets .row .content__brickets__phone:before {
        transition: opacity 0.1s;
        background: linear-gradient(60deg, #3155F9 0%, #3155F9 100%);
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 15px;
        width: calc(100% - 30px);
        left: 15px; }
      .content__brickets .row .content__brickets__phone:hover:before, .content__brickets .row .content__brickets__phone:focus:before {
        opacity: 1; }
      .content__brickets .row .content__brickets__phone > div a:hover, .content__brickets .row .content__brickets__phone > div a:focus {
        color: #3155F9; }
    .content__brickets .row .content__brickets__video {
      background: linear-gradient(60deg, #F93159 0%, #FF5252 100%);
      z-index: -1; }
      .content__brickets .row .content__brickets__video:before {
        transition: opacity 0.1s;
        background: linear-gradient(60deg, #F93159 0%, #F93159 100%);
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 15px;
        width: calc(100% - 30px);
        left: 15px; }
      .content__brickets .row .content__brickets__video:hover:before, .content__brickets .row .content__brickets__video:focus:before {
        opacity: 1; }
      .content__brickets .row .content__brickets__video > div a:hover, .content__brickets .row .content__brickets__video > div a:focus {
        color: #F93159; }
    .content__brickets__block {
      color: #fff;
      border-radius: 15px;
      overflow: hidden; }
      .content__brickets__block__div {
        display: inline-block;
        height: 23vw;
        width: 60%;
        float: right;
        padding-right: 2vw; }
      .content__brickets__block h3 {
        margin: 3.7vw 0 25px;
        position: relative;
        color: #fff;
        font-size: 1.6em;
        text-transform: uppercase;
        z-index: 2; }
      .content__brickets__block__img {
        display: inline-block;
        position: relative;
        width: 40%;
        z-index: 2;
        vertical-align: top;
        text-align: center;
        margin-top: 4vw; }
        .content__brickets__block__img img {
          height: 9vw; }
      .content__brickets__block ul {
        position: relative;
        z-index: 2;
        letter-spacing: -0.6px;
        font-size: 0.9em;
        padding-left: 1vw;
        padding-top: 5px;
        margin: 0; }
        .content__brickets__block ul li {
          line-height: 1.3em;
          padding-bottom: 0.8vw; }
      .content__brickets__block a {
        color: #fff;
        bottom: 2vw;
        padding: 1vw 1.5vw;
        position: absolute; }
        .content__brickets__block a:hover, .content__brickets__block a:focus, .content__brickets__block a:active {
          padding: 1vw 1.5vw;
          border: 1px solid white; }
        .content__brickets__block a:before {
          background: #fff;
          border: 1px solid white; }
        .content__brickets__block a:last-child {
          right: 3vw;
          opacity: 0;
          bottom: -4vw;
          transition: bottom 0.3s; }
  .content__gray-brickets__item {
    background-color: #eff0f4;
    border-radius: 15px;
    text-align: center;
    padding: 0 4vw 3vw;
    margin-bottom: 30px;
    min-height: 35vw;
    position: relative; }
    .content__gray-brickets__item h5 {
      font-size: 1em;
      line-height: 1.5em; }
    .content__gray-brickets__item ul {
      padding-left: 15px;
      text-align: left;
      color: #6B6E77;
      font-size: 0.9em;
      line-height: 1.6em;
      margin-top: 15px;
      margin-right: -2vw;
      margin-bottom: 53px; }
      .content__gray-brickets__item ul li {
        margin-bottom: 0.7vw; }
    .content__gray-brickets__item a {
      position: absolute;
      bottom: 2vw;
      color: #6B6E77;
      border-color: #6B6E77;
      transform: translateX(-50%); }
    .content__gray-brickets__item > div {
      display: flex;
      height: 16vw;
      overflow: hidden;
      padding: 0 3vw; }
      .content__gray-brickets__item > div img {
        margin: auto; }
  .content__gray-brickets__partners h3 {
    text-transform: uppercase;
    font-size: 1.7em; }
  .content__gray-brickets__partners > div:last-child > div {
    border: none;
    padding: 15px; }
  .content__gray-brickets__partner {
    border: 1px solid #eff0f4;
    border-radius: 15px;
    height: 13vw;
    margin-bottom: 15px;
    position: relative;
    filter: grayscale(100%) brightness(150%); }
    .content__gray-brickets__partner:hover {
      filter: grayscale(0%) brightness(100%); }
    .content__gray-brickets__partner > a {
      display: block;
      height: 100%; }
    .content__gray-brickets__partner__c-label {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 150px;
      max-height: 100px; }
    .content__gray-brickets__partner__read-more {
      position: absolute;
      bottom: 2vw;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.3s 0.2s;
      text-transform: uppercase;
      color: #6B6E77;
      font-size: 0.7em;
      font-family: 'Montserrat', sans-serif; }
    .content__gray-brickets__partner__more-reviews {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      height: auto !important;
      margin: auto;
      margin-left: 1vw;
      text-transform: uppercase;
      font: bold 1em/1.6em 'Montserrat', sans-serif;
      color: #6B6E77; }
      .content__gray-brickets__partner__more-reviews img {
        margin-left: 30px; }
  .content__small-text-p {
    padding: 2vw 2vw 3vw;
    font-size: 0.9em; }
    .content__small-text-p ul {
      line-height: 2em; }
    .content__small-text-p img {
      max-width: 100%;
      max-height: 100%; }
  .content__medium-text-p {
    margin: 2vw 2vw 4vw;
    font-size: 1em;
    letter-spacing: -0.7px;
    line-height: 1.1em; }
    .content__medium-text-p ul {
      line-height: 2em; }
    .content__medium-text-p ol h3 {
      margin: 0 0 1vw; }
    .content__medium-text-p ol p {
      margin-bottom: 2vw; }
    .content__medium-text-p ol .content__table {
      margin: 0; }
    .content__medium-text-p p {
      margin-bottom: 1.6vw; }
    .content__medium-text-p__dash {
      position: relative;
      padding-left: 50px; }
      .content__medium-text-p__dash:before {
        content: '';
        position: absolute;
        top: 0.7em;
        left: 0;
        width: 21px;
        height: 2px;
        background-color: #f99531; }
    .content__medium-text-p a {
      color: #f99531;
      text-decoration: underline; }
      .content__medium-text-p a:hover, .content__medium-text-p a:focus {
        text-decoration: none; }
    .content__medium-text-p img {
      max-width: 100%;
      max-height: 100%; }
  .content__animation {
    overflow: hidden;
    height: calc(300px + 15vw);
    display: flex;
    text-align: center;
    flex-direction: column; }
    .content__animation__inner {
      display: block;
      overflow: hidden;
      height: 385px;
      position: relative; }
    .content__animation h2 {
      font-weight: bold;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      z-index: 2;
      white-space: nowrap; }
    .content__animation__1-1, .content__animation__2-1 {
      display: inline-block;
      transition: transform 0.7s, opacity 0.4s 1s; }
    .content__animation__1-2, .content__animation__2-2 {
      display: inline-block;
      transition: opacity 0.7s; }
    .content__animation img {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width 0.7s 0.8s, height 0.7s 0.8s, top 0.7s 0.8s, opacity 0.2s 0.8s; }
    .content__animation p {
      font-size: 1.2em;
      line-height: 1.5em;
      margin: 0 auto; }
  .content__map {
    height: 44vw;
    color: #fff;
    position: relative;
    margin-bottom: 4vw; }
    .content__map-backdrop {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0,0,0,0.4);
      z-index: 2;
    }
    .content__map__text {
      font-size: 0.95em;
      position: relative;
      width: 40%;
      left: 53%;
      top: 15.5vw;
      padding: 5px;
      z-index: 2; }
      .content__map__text p {
        line-height: 1.5em;
        margin-bottom: 20px; }
        .content__map__text p:last-child a {
          text-decoration: underline;
          color: #fff; }
  .content__advantages {
    margin-bottom: 4vw; }
    .content__advantages__block {
      min-height: 7vw;
      margin-top: 3vw; }
    .content__advantages__number {
      display: inline-block;
      vertical-align: top;
      width: auto;
      font: bold 4em 'Roboto', sans-serif;
      color: #F5F5F5;
      transform: rotate(270deg); }
    .content__advantages__stick {
      display: inline-block;
      width: 2px;
      height: 21px;
      vertical-align: middle;
      background-color: #f99531;
      margin-left: 15px; }
    .content__advantages p {
      display: inline-block;
      width: 70%;
      color: #6B6E77;
      letter-spacing: -1px;
      line-height: 1.7em; }
  .content__advantages_small {
    background-color: #eff0f4;
    border-radius: 15px;
    padding-bottom: 30px; }
    .content__advantages_small h4 {
      letter-spacing: 1px;
      font-size: 1.4em;
      line-height: 1em;
      margin: 0;
      padding: 40px 30px 20px; }
    .content__advantages_small__img {
      width: 100%;
      padding-top: 3vw; }
      .content__advantages_small__img img {
        display: block;
        margin: 0 auto; }
      .content__advantages_small__img + h4 {
        padding: 2vw 0; }
    .content__advantages_small > p {
      margin: 0 2vw 1vw;
      letter-spacing: -1px; }
    .content__advantages_small__item {
      margin-bottom: 10px;
      min-height: 5vw; }
      .content__advantages_small__item div {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        text-align: center; }
        .content__advantages_small__item div span {
          font: bold 3em/1em 'Roboto', sans-serif;
          border-bottom: 2px solid #4f5362;
          color: #4f5362;
          opacity: 0.5; }
      .content__advantages_small__item p {
        letter-spacing: -0.8px;
        font-size: 0.9em;
        display: inline-block;
        width: 70%; }
  .content__advantages_medium {
    margin-bottom: 4vw;
    padding-left: 1vw; }
    .content__advantages_medium > div > div {
      margin-bottom: 30px; }
    .content__advantages_medium h5 {
      font-size: 1em;
      line-height: 1.5em;
      margin: 0 0 0.5vw 1vw; }
    .content__advantages_medium p {
      margin-left: 1vw;
      display: block;
      width: 80%; }
      .content__advantages_medium p a {
        text-decoration: underline; }
        .content__advantages_medium p a:hover, .content__advantages_medium p a:focus {
          text-decoration: none; }
    .content__advantages_medium__medium-p {
      font-size: 1.1em !important;
      letter-spacing: -1px !important; }
    .content__advantages_medium .content__advantages_small__item > div {
      margin-bottom: 2vw; }
    .content__advantages_medium__image {
      height: 9vw;
      display: flex !important;
      width: 100% !important;
      margin: 0; }
      .content__advantages_medium__image img {
        margin: auto;
        height: 100%; }
    .content__advantages_medium__image-left {
      height: 11vw;
      overflow: hidden;
      display: flex !important;
      width: 100% !important;
      margin: 0;
      padding-left: 1vw; }
  .content__manager {
    background-color: #222328;
    border-radius: 15px;
    padding: 2vw 2.2vw;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: -0.5px; }
    .content__manager__img {
      display: inline-block;
      width: 29%;
      padding: 0.5vw 2.2vw 0 0; }
      .content__manager__img img {
        border-radius: 150px;
        width: 100%; }
    .content__manager__desc {
      position: relative;
      display: inline-block;
      width: 70%;
      float: right; }
      .content__manager__desc p {
        color: #eff0f4; }
        .content__manager__desc p:first-child {
          margin-top: 10px;
          font-size: 0.8em;
          opacity: 0.5; }
        .content__manager__desc p:nth-child(2) {
          font-size: 0.9em;
          margin: 2vw 0 2.5vw; }
      .content__manager__desc span {
        position: absolute;
        top: 0.3vw;
        right: 1vw;
        color: #f99531;
        text-transform: uppercase;
        font: bold 0.75em/1em 'Montserrat', sans-serif;
        letter-spacing: 1px; }
  .content__order .select-options li {
    color: #4f5362; }
  .content__order h3 {
    font-size: 1.5em;
    margin: 0; }
  .content__order > h3 {
    margin-left: calc(1vw + 30px);
    margin-bottom: 30px; }
  .content__order input, .content__order .select {
    color: #4f5362;
    border-bottom: 1px solid #4f5362;
    width: 90%; }
  .content__order__form.row {
    margin-left: 1vw;
    width: 90%; }
  .content__order__form__h3 {
    margin-top: 2vw !important; }
  .content__order__form > div {
    margin-bottom: 2vw; }
  .content__order__form__submit {
    padding-top: 3vw; }
    .content__order__form__submit input[type=checkbox]:not(checked),
    .content__order__form__submit input[type=radio]:not(checked)
    {
      position: absolute;
      opacity: 0;
      width: 0; }
    .content__order__form__submit input[type=checkbox]:not(checked) + label,
    .content__order__form__submit input[type=radio]:not(checked) + label {
      position: relative;
      padding: 0 0 0 40px;
      top: -3px;
      left: 0;
      margin-left: 0;
      vertical-align: top; }
    .content__order__form__submit input[type=checkbox]:not(checked) + label:before,
    .content__order__form__submit input[type=radio]:not(checked) + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: -4px;
      width: 25px;
      height: 25px;
      border-radius: 2px;
      border: 1px solid black; }
    .content__order__form__submit input[type=checkbox]:checked + label:before,
    .content__order__form__submit input[type=radio]:checked + label:before {
      content: "\2713";
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      font-size: 30px;
      line-height: 0.7em; }
    .content__order__form__submit input[type=checkbox]:focus + label:before,
    .content__order__form__submit input[type=radio]:focus + label:before {
      box-shadow: 0 0 0 3px rgba(200, 200, 200, 0.5); }
    .content__order__form__submit u {
      color: #f99531;
      text-decoration: underline;
      text-transform: none;
      font-weight: normal;
      position: static;
      display: inline-block;
      width: 80%;
      font-size: 1em;
      letter-spacing: -0.8px;
      cursor: pointer; }
    .content__order__form__submit button {
      margin-top: 3vw;
      vertical-align: top;
      background: linear-gradient(80deg, #a1a1a1 0%, #c1c1c1 100%);
      border: none;
      padding: 13px calc(2.5vw + 1px); }
    .content__order__form__submit span {
      display: inline-block;
      width: 60%;
      line-height: 1.7em;
      padding: 2.5vw 0 0 2vw; }
  .content__order .select-styled {
    margin: auto 0; }
  .content__order .select-options {
    background-color: #fff; }
  .content__order__tariff {
    background-color: #222328;
    border-radius: 15px; }
    .content__order__tariff h3 {
      margin: 0;
      padding: 2.5vw 2.2vw 3vw;
      color: #fff;
      line-height: 1.4em;
      letter-spacing: 0.3px;
      font-size: 1.4em; }
    .content__order__tariff__setting, .content__order__tariff__total {
      padding: 0 1vw 1.5vw 2.2vw;
      letter-spacing: -0.3px; }
      .content__order__tariff__setting > div > div, .content__order__tariff__total > div > div {
        display: inline-block;
        width: auto;
        color: #fff;
        padding-right: 5px; }
        .content__order__tariff__setting > div > div:first-child, .content__order__tariff__total > div > div:first-child {
          width: calc(73% - 2.2vw); }
          .content__order__tariff__setting > div > div:first-child span, .content__order__tariff__total > div > div:first-child span {
            white-space: nowrap;
            display: table-cell;
            width: 0;
            padding-right: 10px; }
           .content__order__tariff__total > div > div:first-child:after {
            content: '';
            display: table-cell;
            width: 100%;
            border: none;
            background: url("../images/Line.svg") repeat-x bottom left; }
      .content__order__tariff__setting p, .content__order__tariff__total p {
        font-size: 0.9em;
        width: calc(100% - 10vw);
        color: #b8b7bc;
        margin: 1vw 0 0 0; }
    .content__order__tariff__total {
      position: relative;
      background-color: #faa632;
      margin-top: 1vw;
      padding-top: 2vw; }
      .content__order__tariff__total > div > div {
        letter-spacing: -1px;
        font-size: 1.5em;
        font-weight: bold; }
        .content__order__tariff__total > div > div:first-child {
          width: calc(75% - 2.2vw); }
      .content__order__tariff__total p {
        color: #fff; }
  .content__order input:-webkit-autofill,
  .content__order input:-webkit-autofill:hover,
  .content__order input:-webkit-autofill:focus,
  .content__order textarea:-webkit-autofill,
  .content__order textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
  .content__order select:-webkit-autofill,
  .content__order select:-webkit-autofill:hover,
  .content__order select:-webkit-autofill:focus {
    -webkit-text-fill-color: #4f5362;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-box-shadow: none !important; }
  .content__cctv_request {
    background-color: #222328;
    border-radius: 15px; }
    .content__cctv_request__field {
      color: #fff;
      text-align: center; }
      .content__cctv_request__field h5 {
        font-size: 1em;
        line-height: 1.5em;
        padding: 30px 60px 20px;
        margin: 0; }
      .content__cctv_request__field a {
        display: inline-block;
        margin-bottom: 30px;
        color: #fff;
        font-size: 0.9em; }
        .content__cctv_request__field a.orange-button {
          font-size: 0.8em;
          background: linear-gradient(60deg, #ef6c00 0%, #fbb03b 100%);
          border: none !important; }
          .content__cctv_request__field a.orange-button:before {
            background: #fbb03b; }
          .content__cctv_request__field a.orange-button:hover, .content__cctv_request__field a.orange-button:focus {
            padding: 12px 2.5vw; }
    .content__cctv_request__separator {
      display: block;
      margin: 0 auto;
      background-color: #eff0f4;
      height: 1px;
      width: 90%;
      opacity: 0.2; }
  .content__right-block > .row > div {
    margin-bottom: 20px; }
  .content__right-block_fixed {
    position: fixed;
    right: calc(3% - 15px);
    z-index: 3;
    width: calc( (33.33333333% + 10px) * 0.94);
    padding-left: 15px;
    padding-right: 15px; }
  .content__tariffs {
    margin-bottom: 4vw; }
    .content__tariffs__item {
      display: flex;
      border-radius: 15px;
      height: auto;
      width: 100%;
      overflow: hidden;
      position: relative;
      color: #fff;
      margin-bottom: 2vw;
      min-height: 460px; }
      .content__tariffs__item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(34, 35, 40, 0.4);
        z-index: 1; }
      .content__tariffs__item__background {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 50%;
        transition: filter 0.2s;
        transform: translateY(-50%);
        object-fit: cover;
      }
      .content__tariffs__item__container {
        height: 100%;
        display: flex;
        width: 100%;
        align-items: stretch;
        justify-content: space-between;
      }
      .content__tariffs__item__left-side {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        position: relative;
        z-index: 2;
        padding: calc(10px + 1.5vw);
        padding-right: 0;
        max-width: 55%;
        height: 100%; }
        .content__tariffs__item__left-side > div {
          /*position: absolute;*/
          bottom: 0;
          width: 30vw;
          /*margin-bottom: 3vw;*/
        }
          .content__tariffs__item__left-side > div > div:not(.sp) {
            margin-bottom: 1.4vw;
            position: relative; }
            .content__tariffs__item__left-side > div > div:not(.sp):before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 50px;
              height: 26px;
              border-radius: 13px;
              background: #29bd43;
              box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); }
        .content__tariffs__item__left-side h4 {
          color: #fff;
          font-size: 2em;
          line-height: 1em;
          margin-bottom: 40px; }
        .content__tariffs__item__left-side .content__tariffs__item__speed {
          display: inline-block;
          margin-top: 5px; }
          .content__tariffs__item__left-side .content__tariffs__item__speed img {
            vertical-align: top;
            width: 3vw;
            margin-right: calc(50px - 2vw); }
          .content__tariffs__item__left-side .content__tariffs__item__speed:before {
            background: none;
            box-shadow: none; }
          .content__tariffs__item__left-side .content__tariffs__item__speed p {
            width: 23vw;
            padding: 0;
            display: inline-block; }
        .content__tariffs__item__left-side > div > p {
          width: auto;
          padding: 0;
          margin-bottom: 20px;
          display: inline-block; }
        .content__tariffs__item__left-side label {
          font-family: 'Open Sans', sans-serif;
          margin-left: 0;
          text-transform: none;
          font-weight: normal;
          color: #fff;
          font-size: 0.9em; }
      .content__tariffs__item__info {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
        background: url("../images/info.svg");
        width: 24px;
        height: 24px; }
        .content__tariffs__item__info--d-none {
          display: none;
        }
        .content__tariffs__item__info:active, .content__tariffs__item__info:focus {
          opacity: 0.6; }
        .content__tariffs__item__info:before {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 0%;
          height: 100%;
          opacity: 1;
          background: url("../images/info_x.svg");
          background-size: 100% 100%;
          transition: width 0.2s, left 0.2s;
          z-index: 2; }
        .content__tariffs__item__info_open:before {
          opacity: 1;
          left: 0%;
          width: 100%; }
      .content__tariffs__item__description > div {
        position: absolute;
        top: 0;
        left: -700px;
        padding: 1vw;
        width: 30%;
        height: auto;
        background-color: #222328;
        border-radius: 10px;
        z-index: 2;
        font-size: 0.8em;
        line-height: 1.6em; }
      .content__tariffs__item__right-side {
        display: flex;
        height: auto;
        max-width: 40%;
        color: #fff;
        z-index: 2;
        position: relative;
        vertical-align: top;
        float: right;
        padding: calc(10px + 1.5vw);
         }
        .content__tariffs__item__right-side > div {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 100%;
          text-align: center; }
            .content__tariffs__item__right-side > div > div > div > div {
              margin-bottom: 1.3vw;
              text-align: right;
            }
            .content__tariffs__item__right-side > div > div {text-align: right;}
        .content__tariffs__item__right-side h5 {
          font-size: 1.1em;
          margin-top: 2vw; }
        .content__tariffs__item__right-side p {
          text-align: right !important;
          float: right;
          width: 75%;
          font-size: 0.9em; }
      .content__tariffs__item__price-container.visible + .content__tariffs__item__offer-container::before {
        content: '';
      }
      .content__tariffs__item__offer-container {
        position: relative;
      }
      .content__tariffs__item__offer-container::before {
        content: '+';
        position: absolute;
        top: -1.2vw;
        left: 50%;
        transform: translateX(-50%);
      }
      .js--content__tariffs__item__buy-container{
        position: relative;
      }
      .js--content__tariffs__item__buy-container::before {
        content: '+';
        position: absolute;
        bottom: -1.2vw;
        left: 50%;
        transform: translateX(-50%);
      }
      .content__tariffs__item__price {
        display: inline-block;
        width: auto;
        font-size: 2.5em;
        font-weight: 600;
        margin-right: 1vw; }
        .content__tariffs__item__price-currency {
          display: inline-block;
          width: auto;
          text-align: right;
          font-weight: 600;
          font-size: 0.9em;
          line-height: 1.2em; }
      .content__tariffs__item form {
        width: 100%; }
    .content__tariffs input[type=checkbox]:not(checked),
    .content__tariffs input[type=radio]:not(checked) {
      position: absolute;
      opacity: 0; }
    .content__tariffs input[type=checkbox]:not(checked) + label,
    .content__tariffs input[type=radio]:not(checked) + label {
      position: static;
      padding: 0 15px 0 70px;
      top: 0;
      left: 0;
      color: #b8b7bc; }
    .content__tariffs input[type=checkbox]:not(checked) + label:before,
    .content__tariffs input[type=radio]:not(checked) + label:before {
      content: '';
      position: absolute;
      top: 0px;
      left: 0;
      width: 50px;
      height: 26px;
      background: #cdd1da;
      transition: all .3s;
      border-radius: 13px; }
    .content__tariffs input[type=checkbox]:not(checked) + label:after,
    .content__tariffs input[type=radio]:not(checked) + label:after {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      width: 22px;
      height: 22px;
      border-radius: 11px;
      background: #FFF;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
      transition: all .2s; }
    .content__tariffs input[type=checkbox]:checked + label,
    .content__tariffs input[type=radio]:checked + label {
      color: #fff; }
    .content__tariffs input[type=checkbox]:checked + label:before,
    .content__tariffs input[type=radio]:checked + label:before {
      top: 10px;
      left: 16px;
      width: 10px;
      height: 0px;
      background: #cdd1da; }
    .content__tariffs input[type=checkbox]:checked + label:after,
    .content__tariffs input[type=radio]:checked + label:after {
      left: 26px; }
  .content__license, .content__reviews {
    margin-bottom: 4vw; }
    .content__license h3, .content__reviews h3 {
      margin-bottom: 2vw; }
    .content__license .custom-carousel__controls img, .content__reviews .custom-carousel__controls img {
      background-color: rgba(200, 200, 200, 0.1); }
      .content__license .custom-carousel__controls img:hover, .content__license .custom-carousel__controls img:focus, .content__reviews .custom-carousel__controls img:hover, .content__reviews .custom-carousel__controls img:focus {
        background-color: rgba(200, 200, 200, 0.3); }
  .content__documents {
    margin-bottom: 4vw; }
    .content__documents ul {
      padding-left: 35px; }
      .content__documents ul li {
        list-style-type: none;
        padding-top: 1.3vw; }
        .content__documents ul li span {
          padding: 9px 0 0 12px;
          display: inline-block;
          text-decoration: underline;
          vertical-align: top;
          letter-spacing: -1px;
          color: #4f5362;
          width: 80%;
          line-height: 1.7em; }
  .custom-carousel--upgrade {
    overflow: visible;
    width: calc(100% - 60px);
  }
  .content__reviews {
    margin-bottom: 4vw; }
    .content__reviews .custom-carousel .item img {
      max-width: 10vw;
      height: auto;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .content__reviews .custom-carousel .item .carousel-divider {
      position: absolute;
      left: 11vw; }
    .content__reviews .custom-carousel .item .carousel-text {
      width: 95%;
      margin-top: 0;
      padding-left: 12vw; }
      .content__reviews .custom-carousel .item .carousel-text h4 {
        margin-top: 0;
        letter-spacing: 1px;
        font-size: 1em;
        line-height: 1; }
    .content__reviews .custom-carousel .item .reviews-subheader {
      color: #b8b7bc;
      margin-bottom: 15px;
      font-size: 0.85em;
      line-height: 1.8em; }
    .content__reviews .custom-carousel .item .reviews-text {
      letter-spacing: -0.6px;
      color: #6B6E77;
      line-height: 1.5em; }
    .content__reviews__action {
      overflow: hidden;
      padding-top: 2vw;
      width: 100%; }
      .content__reviews__action p {
        margin-left: 30px;
        font-size: 0.8em;
        line-height: 1.9em;
        width: 50%;
        display: inline-block; }
    .content__reviews__send, .content__reviews__list {
      margin-left: 10px;
      display: inline-block;
      vertical-align: top;
      height: 45px;
      margin-top: 5px;
      font: bold 0.8em/1em 'Montserrat', sans-serif;
      border-radius: 30px;
      transition: background 0.2s ease;
      line-height: 22px;
      font-size: 1em; }
    .content__reviews__send, .content__reviews__list:hover, .content__reviews__list:focus {
      background-color: #000;
      color: #fff;
      padding: 10px 15px;
      border: 0; }
    .content__reviews__list, .content__reviews__send:hover, .content__reviews__send:focus {
      background-color: #fff;
      color: #b8b7bc;
      padding: 9px 14px;
      border: 1px solid #b8b7bc; }
  .content__unfolding h4 {
    display: inline-block;
    width: 80%; }
  .content__unfolding__block {
    padding-top: 10px; }
  .content__unfolding__item {
    background-color: #eff0f4;
    padding: 1vw 2vw;
    margin-bottom: 2vw;
    border-radius: 15px;
    transition: height 0.7s; }
    .content__unfolding__item p {
      display: none; }
    .content__unfolding__item > div {
      display: flex;
      justify-content: space-between;
      align-items: center; }
  .content__unfolding__plus {
    cursor: pointer;
    display: inline-block;
    float: right;
    transition: all 0.2s; }
  .content__address-check {
    margin-bottom: 5vw;
    position: relative;
    height: 25vw;
    padding: 4.3vw 2vw;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: cover; }
    .content__address-check > div {
      position: relative;
      z-index: 2; }
    .content__address-check__shaded {
      background: rgba(0, 0, 0, 0.6);
      position: fixed !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 7 !important; }
    .content__address-check:before {
      background: rgba(41, 22, 0, 0.5);
      border-radius: 15px;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      transition: all 0.2s; }
    .content__address-check h2 {
      text-align: center;
      color: #fff;
      font-weight: bold;
      font-size: 2em;
      margin-bottom: 5vw;
      z-index: 2;
      position: relative; }
    .content__address-check .content__address-check__icon {
      max-width: 100%;
    }
    .content__address-check__success, .content__address-check__missing {
      display: none;
      vertical-align: top;
      position: absolute;
      text-align: center;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .content__address-check__success .content__address-check__body a, .content__address-check__missing .content__address-check__body a {
        color: #f7931e;
      }
      .content__address-check__success .content__address-check__body a:hover, .content__address-check__missing .content__address-check__body a:hover {
        text-decoration: underline;
      }
      .content__address-check__success .content__address-check__complete-text, .content__address-check__missing .content__address-check__complete-text {
        transition: padding 0.6s;
        display: inline-block;
        text-align: left;
        padding: 0 0 0 3vw;
        width: 62%; }
      .content__address-check__success h2, .content__address-check__missing h2 {
        margin: 0 0 2vw;
        margin-bottom: 2vw;
        display: block;
        font-family: 'Montserrat', sans-serif;
        text-align: left; }
      .content__address-check__success p, .content__address-check__missing p {
        display: block;
        overflow: hidden;
        color: #fff;
        margin-bottom: 4vw; }
    .content__address-check__repeat {
      white-space: nowrap;
      color: #fff; }
      .content__address-check__repeat img {
        margin: 0 1.5vw; }
      .content__address-check__repeat span {
        text-decoration: underline; }
      .content__address-check__repeat:hover, .content__address-check__repeat:focus {
        opacity: 0.8;
        color: #fff; }
    .content__address-check form {
      position: relative;
      z-index: 8;
      font-size: 0.8em;
      display: flex;
      justify-content: center;
      align-items: flex-end; }
      .content__address-check form > div {
        position: relative;
        margin: 0 1vw; }
        .content__address-check form > div:nth-child(4) {
          width: 29vw; }
        .content__address-check form > div:nth-child(5) {
          width: 8.4vw; }
      .content__address-check form button {
        position: relative;
        background: none;
        border: none;
        padding: 12px 38px;
        border-radius: 30px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.05em;
        letter-spacing: 0.5px;
        font-family: 'Montserrat', sans-serif;
        color: #fff; }
        .content__address-check form button:before {
          background: linear-gradient(60deg, #ef6c00 0%, #fbb03b 100%);
          content: '';
          opacity: 1;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          border-radius: 30px; }
        .content__address-check form button:after {
          border-radius: 30px;
          background: linear-gradient(60deg, #fbb03b 0%, #fbb03b 100%);
          transition: opacity 0.3s;
          content: '';
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1; }
        .content__address-check form button:hover:after, .content__address-check form button:focus:after {
          opacity: 1; }
      .content__address-check form input {
        padding-left: 15px; }
    .content__address-check label {
      color: #fff;
      opacity: 0.5; }
  .content__banner-trio {
    color: #fff;
    text-align: center;
    display: flex;
    background: url("../images/c5.jpg") no-repeat center 80%/150%; }
    .content__banner-trio > div {
      margin: auto; }
    .content__banner-trio h5 {
      text-transform: none;
      font-size: 1.5em; }
    .content__banner-trio a {
      top: calc(30px + 2vw); }
    .content__banner-trio-hosting {
      background: url("../images/chassis.jpg") no-repeat center center/cover; }
    .content__banner-trio-gossector {
      background: url("../images/flag.jpg") no-repeat center center/cover; }
      .content__banner-trio-gossector h5 {
        font-size: 1.3em; }
    .content__banner-trio-payment {
      background: url("../images/ccard.jpg") no-repeat center center/cover; }
  .content__light-shadow {
    z-index: 6;
    display: flex;
    background-color: #fff;
    opacity: 0.95;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .content__light-shadow h3 {
      margin: auto;
      text-align: center;
      font-size: 1.5em; }

.footer {
  flex: 0 0 auto;
  margin: 0 auto;
  width: 94%;
  background-color: #222328;
  border-radius: 15px 15px 0 0;
  height: 8vw;
  display: flex;
  align-items: center;
  color: #6B6E77; }
  .footer__logo {
    flex-grow: 1.2; }
    .footer__logo img {
      display: block;
      margin-left: 2.5vw; }
  .footer__copyright, .footer__production {
    flex-grow: 0.7;
    font-size: 0.7em;
    line-height: 1.8em;
    letter-spacing: -0.5px;
    margin-top: 20px; }
  .footer__copyright {
    flex-grow: 2; }
  .footer__social {
    flex-grow: 1.7;
    font: bold 0.7em/2.7em 'Montserrat', sans-serif;
    text-transform: uppercase; }
    .footer__social__vk {
      text-transform: none; }
    .footer__social img {
      width: 24px;
      margin-right: 4px; }
  .footer__phone {
    flex-grow: 2; }
    .footer__phone > a {
      display: block;
      font: bold 0.7em/1em 'Montserrat', sans-serif;
      margin-bottom: 18px;
      text-transform: uppercase; }
    .footer__phone span {
      display: block;
      font-size: 2em;
      letter-spacing: -1px; }
      .footer__phone span a {
        color: #6B6E77; }
  .footer__production {
    width: 11vw;
    padding-right: 2.8%; }
    .footer__production a {
      color: #6B6E77; }

@media (max-width: 1023px) {
  .main-menu, .nav-menu {
    display: none; }
  .main-menu__profile {
    float: right;
    padding: 15px 20px; }
    .main-menu__profile .user-name {
      color: #b8b7bc;
      font-size: 1.2em;
      padding-bottom: 1px;
      border-color: #b8b7bc !important; }
  .navbar {
    display: block; }
    .navbar-toggle {
      float: left;
      margin-left: 15px;
      padding: 9px 10px; }
  .list_btn {
    bottom: 20px;
    padding: 15px; }
  .modal-dialog {
    margin: 70px auto; }
  .modal-header {
    padding: 30px 30px 0; }
    .modal-header h5 {
      margin: 50px 30px 0; }
  .modal-footer {
    padding-bottom: 30px; }
  .form-group {
    margin-bottom: 40px; }
  body {
    font: 14px/14px 'Open Sans', sans-serif; }
  header {
    padding: 0; }
    header .navbar-default {
      background-color: #222328;
      border: none; }
    header .navbar-toggle {
      border: none;
      padding-top: 5px;
      padding-bottom: 4px; }
      header .navbar-toggle:active, header .navbar-toggle:hover, header .navbar-toggle:focus {
        background: none !important; }
      header .navbar-toggle .icon-bar {
        background-color: #F2994A !important;
        width: 37px;
        margin-bottom: 7px; }
      header .navbar-toggle img {
        display: none; }
      header .navbar-toggle[aria-expanded=true] {
        margin-top: 7px; }
        header .navbar-toggle[aria-expanded=true] img {
          display: inline; }
        header .navbar-toggle[aria-expanded=true] .icon-bar {
          display: none; }
    header .navbar-collapse {
      background-color: #fff; }
      header .navbar-collapse.in {
        max-height: 640px; }
      header .navbar-collapse ul {
        margin-top: 0; }
        header .navbar-collapse ul li {
          text-align: center;
          border-bottom: 1px solid #E0E0E0; }
          header .navbar-collapse ul li a {
            padding-top: 15px;
            padding-bottom: 15px; }
        header .navbar-collapse ul li.nav__happy-bonuses {
          border-bottom-color: transparent;
          padding: 7px 0;
        }
      header .navbar-collapse-call {
        padding-bottom: 80px; }
        header .navbar-collapse-call a:first-child {
          display: inline-block;
          text-align: center;
          margin-top: 20px;
          margin-bottom: 10px;
          border-radius: 30px;
          padding: 10px;
          background: linear-gradient(60deg, #ef6c00 0%, #fbb03b 100%);
          width: 50%;
          color: #fff !important; }
        header .navbar-collapse-call a:not(:first-child) {
          font-family: 'Open Sans', sans-serif;
          font-size: 1.6em;
          font-weight: normal;
          letter-spacing: -1px; }
    header .main-menu__signin img {
      border: none;
      border-radius: 0; }
  h3 {
    margin: 30px 10px 20px; }
  .row {
    margin: 0; }
    .row > div {
      padding: 0; }
  .content {
    padding: 52px 0 40px; }
    .content h1 {
      margin: 20px 30px 35px;
      font-size: 2em;
      line-height: 1.3em; }
      .content h1.big-h1 {
        font-size: 2em; }
    .content .custom-carousel {
      height: 190px; }
      .content .custom-carousel .item {
        height: 180px; }
        .content .custom-carousel .item img {
          padding-top: 45px;
          height: 120px; }
        .content .custom-carousel .item .carousel-divider {
          margin-top: 45px;
          height: 75px; }
    .content__table {
      margin: 0 10px 4vw; }
      .content__table .tab-clients-ul {
        padding-left: 0 !important; }
      .content__table .nav-tabs > li > a {
        padding: 10px; }
      .content__table .mobile-reviews-carousel {
        height: auto !important; }
        .content__table .mobile-reviews-carousel .owl-item {
          height: auto !important; }
      .content__table .content__reviews__action {
        margin: 0; }
      .content__table .content__reviews__send {
        float: unset;
        margin: 20px 0; }
    .content__for-clients .row > div {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 15px; }
    .content__wrapper {
      width: auto; }
    .content__big-wrapper.row {
      width: 100%; }
      .content__big-wrapper.row > h3 {
        margin-top: 0;
        margin-left: 3vw; }
    .content__banner {
      padding: 17px;
      height: calc(100vh - 152px); }
      .content__banner h2 {
        margin-top: 10px;
        font-size: 1.6em;
        text-align: center;
        letter-spacing: normal; }
      .content__banner p {
        font-size: 1.2em;
        letter-spacing: -1px; }
    .content__brickets {
      padding-top: 20px; }
      .content__brickets .row > div {
        height: 454px; }
      .content__brickets__block {
        height: 454px; }
        .content__brickets__block h3 {
          margin: 25px 0 15px; }
        .content__brickets__block:before {
          width: 100% !important;
          left: 0 !important; }
        .content__brickets__block__div {
          width: 100%;
          height: auto;
          float: unset;
          text-align: center;
          padding: 0; }
          .content__brickets__block__div ul {
            text-align: left;
            padding: 0 10px 30px 20px;
            font-size: 0.95em;
            display: inline-block;
            width: 320px; }
            .content__brickets__block__div ul li {
              line-height: 1.7em; }
        .content__brickets__block__img {
          width: 100%;
          margin: 50px 0 0; }
          .content__brickets__block__img img {
            height: 130px; }
        .content__brickets__block a {
          bottom: 0px;
          padding: 15px;
          position: relative;
          z-index: 2; }
          .content__brickets__block a:hover, .content__brickets__block a:focus, .content__brickets__block a:active {
            padding: 15px; }
          .content__brickets__block a:last-child {
            margin-left: 35px;
            left: inherit;
            right: inherit;
            opacity: 1; }
        .content__brickets__block__buttons {
          display: flex;
          justify-content: center;
          position: absolute;
          bottom: 30px;
          width: 100%; }
    .content__gray-brickets__item {
      padding: 15px 15px 30px;
      height: auto;
      min-height: auto;}
      .content__gray-brickets__item > div {
        height: 150px;
        overflow: hidden;
        padding: 20px 40px; }
        .content__gray-brickets__item > div img {
          width: 100%;
          height: 100%; }
      .content__gray-brickets__item h5 {
        font-size: 1.3em; }
      .content__gray-brickets__item ul {
        padding-left: 20px;
        font-size: 1em; }
    .content__gray-brickets__partners {
      margin-bottom: 30px;
      margin-left: -15px;
      margin-right: -15px; }
      .content__gray-brickets__partners > div {
        padding-left: 15px;
        padding-right: 15px; }
      .content__gray-brickets__partners h3 {
        font-size: 3em;
        margin-bottom: 30px;
        text-align: center; }
    .content__gray-brickets__partner {
      height: 100px;
      margin-bottom: 15px; }
      .content__gray-brickets__partner__c-label {
        max-width: 120px;
        max-height: 80px; }
    .content__animation {
      height: 230px;
      max-height: none; }
      .content__animation h2 {
        margin: 30px 0 20px;
        font-size: 20px; }
      .content__animation__inner {
        display: none; }
      .content__animation p {
        letter-spacing: normal;
        font-size: 1.2em;
        margin: auto; }
    .content__advantages_medium__image {
      height: 110px; }
    .content__advantages_medium .content__advantages_small__item > div {
      margin-bottom: 30px; }
    .content__map {
      padding: 17px;
      padding-top: 27px;
      height: 600px; }
      .content__map #ymaps {
        bottom: 0;
        left: 0;
        height: 380px; }
      .content__map__text {
        color: #4f5362;
        width: auto;
        left: 0;
        top: 0;
        padding: 0;
        font-size: 0.85em;
        letter-spacing: -0.4px; }
        .content__map__text p {
          margin-bottom: 10px; }
          .content__map__text p:last-child > a {
            color: #4f5362; }
    .content__advantages__block {
      padding: 0;
      margin-top: 30px; }
    .content__documents ul {
      padding-left: 15px; }
    .content__reviews__action {
      text-align: center; }
      .content__reviews__action p {
        text-align: left;
        width: auto;
        margin: 010px; }
    .content__medium-text-p {
      margin: 10px 15px 30px; }
      .content__medium-text-p ol > h3 {
        margin-top: 30px; }
    .content__unfolding {
      margin-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px; }
      .content__unfolding h4 {
        width: 90%;
        font-size: 0.8em; }
      .content__unfolding__plus {
        padding-top: 3%;
        padding-bottom: 3%; }
    .content__banner-trio {
      height: 460px !important;
      margin: 0 10px; }
      .content__banner-trio-hosting, .content__banner-trio-gossector, .content__banner-trio-payment {
        height: 360px !important; }
      .content__banner-trio > div {
        margin: 15px auto; }
      .content__banner-trio a {
        top: 30px; }
    .content__tariffs__item__left-side {
      width: 70%; }
      .content__tariffs__item__left-side > div {
        width: 100%; }
      .content__tariffs__item__left-side p {
        width: 100%; }
    .content__tariffs__item .content__tariffs__item__speed img {
      width: 30px; }
    .content__tariffs__item .content__tariffs__item__speed p {
      width: 70%; }
    .content__right-block > .row > div {
      padding-left: 15px;
      padding-right: 15px; }
    .content__tariffs__item__offer-container::before {
      top: -1.5vw;
    }
    .content__left-block {
      padding: 0 3vw !important; }
    .content__manager {
      height: 200px; }
      .content__manager > div:last-child p:nth-child(2) {
        margin: 20px 0 40px; }
    .content__order h3 {
      text-align: center;
      margin-bottom: 20px; }
    .content__order > h3 {
      margin-left: 0; }
    .content__order input, .content__order .select {
      width: 90%;
      margin: 0 auto;
      display: flex; }
    .content__order label {
      width: 100%;
      margin-left: 30px; }
    .content__order__form.row {
      width: 90%;
      margin: 0 auto; }
    .content__order__form__h3 {
      margin-top: 40px !important;
      margin-bottom: 0 !important; }
    .content__order__form__submit {
      padding-left: 15px !important;
      padding-right: 15px !important;
      margin-top: 30px;
      text-align: center; }
      .content__order__form__submit input[type=checkbox]:not(checked) + label:before,
      .content__order__form__submit input[type=radio]:not(checked) + label:before {
        top: 2px; }
      .content__order__form__submit label {
        text-align: left;
        width: 0; }
      .content__order__form__submit u {
        text-align: left; }
      .content__order__form__submit button {
        margin: 30px auto 10px;
        width: auto; }
      .content__order__form__submit span {
        width: 90%;
        padding-bottom: 40px; }
    .content__order .select-styled {
      width: 100%; }
      .content__order .select-styled div {
        width: 100%; }
    .content__order .select-options {
      background-color: #fff;
      left: 20%; }
    .content__order__tariff {
      margin-left: 15px;
      margin-right: 15px; }
      .content__order__tariff h3 {
        padding: 20px 0; }
      .content__order__tariff__setting, .content__order__tariff__total {
        padding: 0 10px 20px 22px; }
        .content__order__tariff__setting > div > div:first-child, .content__order__tariff__total > div > div:first-child {
          width: 60%; }
        .content__order__tariff__setting p, .content__order__tariff__total p {
          margin: 7px 0 0 0; }
      .content__order__tariff__total {
        border-radius: 0 0 15px 15px;
        margin-top: 10px;
        padding-top: 20px; }
        .content__order__tariff__total > div > div:first-child {
          width: 50%; }
      .content__order__tariff .content__manager {
        display: none;
        height: 220px; }
    .content .mobile-main-home-carousel {
      height: 395px !important; }
      .content .mobile-main-home-carousel .owl-item {
        height: 380px !important;
        overflow: hidden; }
        .content .mobile-main-home-carousel .owl-item .item *:not(img):not(.main-home-carousel__stock) {
          position: relative;
          z-index: 2; }
        .content .mobile-main-home-carousel .owl-item:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(41, 22, 0, 0.2);
          z-index: 1; }
        .content .mobile-main-home-carousel .owl-item-background {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
          z-index: -1;
          transition: filter 0.2s; }
        .content .mobile-main-home-carousel .owl-item h2 {
          font: bold 1.8em 'Montserrat', sans-serif;
          text-align: center;
          margin-top: 23px;
          margin-bottom: 20px;
          padding: 0 20px; }
        .content .mobile-main-home-carousel .owl-item p {
          font-size: 1em;
          padding: 20px 30px;
          margin: 0;
          width: 100%; }
      .content .mobile-main-home-carousel .main-home-carousel__indent {
        width: 50px;
        height: 2px;
        background-color: #FFF;
        margin: 0 auto; }
      .content .mobile-main-home-carousel .main-home-carousel__stock {
        position: absolute;
        z-index: 2;
        font-size: 1.3em;
        bottom: 35px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%); }
        .content .mobile-main-home-carousel .main-home-carousel__stock a {
          display: inline-block;
          padding: 15px;
          float: unset; }
          .content .mobile-main-home-carousel .main-home-carousel__stock a:hover {
            padding: 16px; }
        .content .mobile-main-home-carousel .main-home-carousel__stock img {
          display: block;
          padding-top: 0;
          height: 24px;
          margin: auto; }
        .content .mobile-main-home-carousel .main-home-carousel__stock__wrapper {
          text-align: center;
          display: block; }
          .content .mobile-main-home-carousel .main-home-carousel__stock__wrapper > div {
            padding: 10px 0 20px;
            line-height: 1.4em;
            font-size: 0.9em; }
      .content .mobile-main-home-carousel .owl-stage-outer {
        border-radius: 15px; }
    .content .mobile-license-carousel {
      padding: 10px; }
      .content .mobile-license-carousel .owl-item {
        background-color: #eff0f4;
        border-radius: 15px; }
      .content .mobile-license-carousel .lightbox-image-link {
        margin-top: 10vw;
        overflow: hidden;
        height: 217px;
        display: block; }
        .content .mobile-license-carousel .lightbox-image-link img {
          width: 80%;
          margin: 0 auto; }
      .content .mobile-license-carousel .carousel-divider {
        width: 80%;
        height: 2px;
        background-color: #f99531;
        margin: 0 auto; }
      .content .mobile-license-carousel .carousel-text {
        color: #686e77;
        font-size: 1.1em;
        line-height: 1.5em;
        text-align: left;
        width: 80%;
        margin: 30px auto 0;
        letter-spacing: -0.5px; }
        .content .mobile-license-carousel .carousel-text span {
          font-weight: bold; }
      .content .mobile-license-carousel.owl-theme .owl-dots .owl-dot span {
        border: 1px solid #cbcbcf; }
      .content .mobile-license-carousel.owl-theme .owl-dots .owl-dot.active span, .content .mobile-license-carousel .owl-theme .owl-dots .owl-dot:hover span {
        background: #cbcbcf; }
    .content .mobile-reviews-carousel {
      padding: 10px; }
      .content .mobile-reviews-carousel .owl-item {
        background-color: #eff0f4;
        border-radius: 15px; }
        .content .mobile-reviews-carousel .owl-item .item {
          text-align: left;
          position: relative; }
        .content .mobile-reviews-carousel .owl-item img {
          display: none; }
      .content .mobile-reviews-carousel .carousel-divider {
        height: auto !important;
        margin: 0;
        top: 50px;
        left: 15px;
        bottom: 40px;
        position: absolute;
        width: 2px;
        background-color: #f99531; }
      .content .mobile-reviews-carousel .carousel-text {
        display: inline-block;
        vertical-align: top;
        color: #686e77;
        font-size: 1.1em;
        line-height: 1.5em;
        text-align: left;
        width: 80%;
        margin: 30px 10px 30px 30px !important;
        margin: 30px auto 0;
        letter-spacing: -0.5px; }
        .content .mobile-reviews-carousel .carousel-text span {
          font-weight: bold; }
        .content .mobile-reviews-carousel .carousel-text .reviews-subheader {
          font-size: 0.8em;
          color: #b8b7bc; }
      .content .mobile-reviews-carousel.owl-theme .owl-dots .owl-dot span {
        border: 1px solid #cbcbcf; }
      .content .mobile-reviews-carousel.owl-theme .owl-dots .owl-dot.active span, .content .mobile-reviews-carousel .owl-theme .owl-dots .owl-dot:hover span {
        background: #cbcbcf; }
    .content .owl-carousel {
      height: 449px; }
      .content .owl-carousel .owl-item {
        color: #fff;
        border-radius: 15px;
        height: 434px;
        text-align: center; }
      .content .owl-carousel .owl-dots {
        position: relative;
        bottom: 40px; }
    .content .custom-carousel__controls {
      display: none; }
  .footer {
    padding-top: 30px;
    flex-direction: column;
    height: auto;
    text-align: center;
    border-radius: 0;
    width: 100%; }
    .footer__copyright {
      font-size: 1em;
      margin-bottom: 15px;
      order: 2; }
    .footer__social {
      padding-bottom: 25px;
      order: 3;
      font-size: 0.8em; }
      .footer__social div {
        font-size: 1.2em;
        display: inline-block;
        padding-left: 5px; }
    .footer__phone {
      padding: 35px 0 17px;
      order: 1; }
      .footer__phone > a {
        display: none; }
    .footer__production {
      width: auto;
      margin: 0 0 30px;
      font-size: 1em;
      order: 4; } }

@media (min-width: 768px) and (max-width: 1023px) {
  h1 {
    text-align: left !important;
    margin: 47px 34px 37px 34px !important; }
    h1.big-h1 {
      font-size: 3em !important; }
  .content__subheader__indent {
    margin: 10px 15px 300px 37px;
    width: 39px; }
  .content__subheader p {
    width: 36%;
    font-size: 1em;
    line-height: 1.5em; }
  .content__subheader__image {
    top: -130px;
    width: 55%; }
    .content__subheader__image img {
      height: 420px; }
  .content__map {
    height: 380px; }
    .content__map__text {
      padding: 20px;
      font-size: 1.2em; }
      .content__map__text p {
        color: #fff;
        margin-bottom: 20px; }
        .content__map__text p a {
          color: #fff !important; }
  .content__banner {
    padding: 14% 16%;
    color: #fff;
    position: relative;
    background: rgba(34, 35, 40, 0.35); }
    .content__banner h2 {
      font-size: 4.5vw;
      letter-spacing: 2px;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 20px;
      font-family: 'Montserrat', sans-serif; }
    .content__banner p {
      font-size: 1.1vw;
      margin-left: 5px;
      line-height: 1.5em;
      letter-spacing: -0.3px; }
    .content__banner:before {
      background: url("../images/bridge.jpg") no-repeat center center/cover;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 100%;
      height: 100%;
      z-index: -1; }
  .content__reviews .custom-carousel .item .carousel-text {
    font-size: 14px;
    width: 80%; }
  .content__brickets > .row {
    margin-left: -15px;
    margin-right: -15px; }
    .content__brickets > .row > div {
      height: 464px;
      padding-left: 15px;
      padding-right: 15px; }
  .content__brickets__block {
    height: 464px;
    position: relative;
    z-index: 1 !important; }
  .content__gray-brickets > .row {
    margin-left: -15px;
    margin-right: -15px; }
    .content__gray-brickets > .row > div {
      padding-left: 15px;
      padding-right: 15px; }
  .content__gray-brickets__item {
    min-height: 450px; }
    .content__gray-brickets__item > a {
      margin-bottom: 15px; }
  .content__address-check {
    height: 260px; }
    .content__address-check h2 {
      font-size: 1.5em; }
  .content__order__form button {
    width: auto; }
  .content__order__tariff__setting > div > div:first-child, .content__order__tariff__total > div > div:first-child {
    width: 80%; }
  .content__order__tariff .content__manager__img {
    padding: 0 30px; }
  .content__banner-trio {
    height: 360px !important; }
    .content__banner-trio-hosting, .content__banner-trio-gossector, .content__banner-trio-payment {
      height: 260px !important; }
  .content .mobile-reviews-carousel {
    height: 300px; }
    .content .mobile-reviews-carousel .owl-item {
      height: 285px; }
      .content .mobile-reviews-carousel .owl-item .reviews-text {
        max-height: 140px;
        overflow: hidden; } }

@media (max-width: 500px) {
  .start-page__inner a {
    display: block;
    margin: 30px auto;
    text-align: center; }
  .sign-in-shade form {
    margin: 80px auto 0; }
    .sign-in-shade form h2 {
      text-align: center; }
    .sign-in-shade form input {
      width: 90%;
      margin: 0 auto; }
    .sign-in-shade form button {
      padding: 15px 25px; }
      .sign-in-shade form button:hover, .sign-in-shade form button:focus, .sign-in-shade form button:active {
        padding: 16px 26px; }
  .sign-in-shade .close {
    top: 20px; }
  .content__manager {
    flex-direction: column;
    height: 260px; }
    .content__manager__img {
      display: block;
      margin: 0 auto; }
    .content__manager__desc {
      width: 100%;
      float: unset;
      text-align: center; }
  .content__gray-brickets__partners {
    margin-left: -10px;
    margin-right: -10px; }
    .content__gray-brickets__partners > div {
      padding-left: 10px;
      padding-right: 10px; }
  .content__reviews .custom-carousel .item .reviews-text {
    font-size: calc(10px + 1vw); } }

@media (max-width: 680px) {
  .content .mobile-main-home-carousel {
    height: 434px !important; }
    .content .mobile-main-home-carousel .owl-item {
      height: 424px !important; }
      .content .mobile-main-home-carousel .owl-item-background {
        width: auto;
        height: 100%; }
      .content .mobile-main-home-carousel .owl-item p {
        font-size: 1.1em; }
      .content .mobile-main-home-carousel .owl-item:before {
        background: rgba(34, 35, 40, 0.5); } }

@media (min-width: 1900px) {
  .modal-sm {
    width: 600px; } }

@media (min-width: 1024px) {
  .main-menu, .nav-menu {
    display: flex; }
  .navbar {
    display: none; }
  .content .main-home-carousel {
    height: 32vw; }
    .content .main-home-carousel .item {
      overflow: hidden;
      height: 30vw; }
      .content .main-home-carousel .item *:not(img):not(.main-home-carousel__stock) {
        position: relative;
        z-index: 2; }
      .content .main-home-carousel .item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
      .content .main-home-carousel .item-body {
        position: static !important;
        display: table;
        padding: 1.5vw 2vw;
        background: rgba(34, 35, 40, 0.35);
        border-radius: 15px;
        margin-top: 4vw;
        max-width: 90%; }
      .content .main-home-carousel .item-background {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
        z-index: -1;
        transition: filter 0.2s; }
      .content .main-home-carousel .item h2 {
        color: #fff;
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 3em;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif; }
      .content .main-home-carousel .item p {
        color: #fff;
        display: inline;
        font-size: 1.4em;
        width: 45vw;
        letter-spacing: -1px; }
    .content .main-home-carousel__indent {
      width: 50px;
      height: 2px;
      margin: 1em 40px 0 0;
      background-color: #FFF;
      display: inline-block;
      vertical-align: top; }
    .content .main-home-carousel .custom-carousel__controls img {
      position: relative;
      z-index: 2;
      padding: 11px 9px;
      border: 1px solid white;
      border-radius: 40px; }
      .content .main-home-carousel .custom-carousel__controls img.custom-carousel__controls_disabled:hover, .content .main-home-carousel .custom-carousel__controls img.custom-carousel__controls_disabled:focus {
        border: 1px solid white !important;
        padding: 11px 9px !important; }
      .content .main-home-carousel .custom-carousel__controls img:hover, .content .main-home-carousel .custom-carousel__controls img:focus {
        padding: 12px 10px;
        border: none; }
    .content .main-home-carousel .custom-carousel__controls > div {
      position: relative;
      z-index: 1; }
      .content .main-home-carousel .custom-carousel__controls > div:before {
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(60deg, #ef6c00 0%, #fbb03b 100%);
        opacity: 0;
        z-index: -1;
        transition: opacity 0.2s;
        border-radius: 40px; }
      .content .main-home-carousel .custom-carousel__controls > div.custom-carousel__controls_active:before {
        opacity: 1; }
      .content .main-home-carousel .custom-carousel__controls > div.custom-carousel__controls_disabled-div:before {
        background: none; }
    .content .main-home-carousel__stock {
      padding-top: 5vw;
      color: #fff;
      position: absolute;
      bottom: 3vw;
      right: 2vw; }
      .content .main-home-carousel__stock img {
        width: 24px;
        vertical-align: top;
        margin-top: 4px; }
      .content .main-home-carousel__stock a {
        color: #fff;
        margin-top: 2vw; }
      .content .main-home-carousel__stock__wrapper {
        line-height: 1.8em;
        letter-spacing: -0.5px; }
        .content .main-home-carousel__stock__wrapper > div {
          padding-left: 5px;
          display: inline-block; }
    .content .main-home-carousel__all {
      display: block !important;
      margin-top: 10px !important;
      text-decoration: underline;
      font-size: 0.9em; }
      .content .main-home-carousel__all:hover, .content .main-home-carousel__all:focus, .content .main-home-carousel__all:active {
        text-decoration: none; }
  .content__reviews__action > div {
    display: inline; }
  .content__promo-list .main-home-carousel {
    height: 27vw; }
    .content__promo-list .main-home-carousel .item {
      height: 25vw; } }

@media (max-width: 767px) {
  .modal-sm {
    width: 320px; }
    .modal-sm h5.modal-title {
      margin-left: 0 !important;
    }
  #ymaps-contacts {
    height: 430px; }
  .content__animation {
    display: none; }
  .content__map {
    height: auto;
    padding: 10px 0 0; }
    .content__map #ymaps {
      margin-bottom: 40px;
      position: static; }
    .content__map p {
      padding: 17px; }
  .content__contacts .nav-tabs {
    text-align: left !important; }
  .content__contacts > p {
    width: 150px;
    top: 0; }
  .content__contacts > hr {
    margin-top: 55px; }
  .content__contacts .vcard > .row > div {
    padding-left: calc(1vw + 15px); }
    .content__contacts .vcard > .row > div > h4 {
      margin-top: 30px; }
  .content__subheader {
    text-align: center; }
    .content__subheader__indent {
      display: none; }
    .content__subheader p {
      text-align: left;
      display: inline-block;
      width: 90%;
      color: #6B6E77;
      line-height: 1.8em;
      letter-spacing: -0.7px;
      margin: 15px 20px 40px 15px; }
    .content__subheader__image {
      position: static;
      width: 100%; }
      .content__subheader__image img {
        display: inline-block;
        margin: 0 auto;
        width: 95%;
        height: auto; }
  .content__address-check {
    height: 500px; }
    .content__address-check h2 {
      font-size: 1.5em;
      margin: 20px 10px;
      line-height: 1.5em; }
    .content__address-check form {
      flex-direction: column;
      align-items: center;
      text-align: center; }
      .content__address-check form > div {
        width: 90% !important;
        margin-bottom: 10px; }
        .content__address-check form > div label {
          margin: 0;
          width: auto;
          left: 15px;
          top: 15px;
          z-index: 2;
          text-align: left;
          color: #fff;
          font-size: 1.2em; }
          .content__address-check form > div label.moved-label {
            top: -3px; }
        .content__address-check form > div input, .content__address-check form > div .select {
          height: 45px; }
        .content__address-check form > div .select {
          width: auto; }
          .content__address-check form > div .select-styled {
            text-align: left;
            padding: 0 15px;
            font-size: 1.2em; }
            .content__address-check form > div .select-styled.active {
              background: rgba(0, 0, 0, 0.8);
              border-radius: 15px 15px 0 0; }
          .content__address-check form > div .select-options {
            width: 100%;
            text-align: left;
            font-size: 1.2em;
            background: rgba(0, 0, 0, 0.8);
            padding-bottom: 15px;
            border-radius: 0 0 15px 15px; }
      .content__address-check form button {
        margin-top: 40px; }
    .content__address-check__success h2, .content__address-check__missing h2 {
      text-align: center; }
    .content__address-check__success a, .content__address-check__missing a {
      display: inline-block;
      text-align: center;
      margin-bottom: 10px;
      padding: 15px 25px; }
      .content__address-check__success a:hover, .content__address-check__success a:focus, .content__address-check__success a:active, .content__address-check__missing a:hover, .content__address-check__missing a:focus, .content__address-check__missing a:active {
        padding: 16px 26px; }
    .content__address-check__success p, .content__address-check__missing p {
      padding: 0 15px;
      margin-bottom: 35px; }
  .content__manager__img {
    padding: 0 20px; }
  .content__table .nav-tabs {
    text-align: center; }
    .content__table .nav-tabs > li {
      float: unset;
      display: inline-block; }
      .content__table .nav-tabs > li > a {
        padding: 5px; }
  .content__table table > tbody > tr > th.small-column {
    width: 25%; }
  .content__advantages_medium > .row > div {
    padding-left: 15px;
    padding-right: 15px; }
    .content__advantages_medium > .row > div p {
      width: 100%; }
    .content__advantages_medium > .row > div.clearfix {
      margin-bottom: 0; }
  .content__advantages_medium__image-left {
    height: 100px;
    margin-bottom: 20px !important; }
    .content__advantages_medium__image-left img {
      margin: 0 auto; }
  .content__advantages_small__img {
    padding-top: 30px; }
  .content__advantages_small > h4 {
    padding: 20px 0;
    text-align: center; }
  .content__advantages_small > p {
    margin: 0 15px 10px; }
  .content__gray-brickets__item a {
    bottom: 20px;
    padding: 15px 23px; }
    .content__gray-brickets__item a:hover, .content__gray-brickets__item a:focus {
      padding: 16px 24px; }
  .content__gray-brickets__partners > div:last-child > div a img {
    margin-left: 20px; }
  .content__banner-trio > div {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
  .content__banner-trio .col-sm-12 {
    height: 80px; }
  .content__tariffs__item {
    height: auto;
    margin-bottom: 15px; }
    .content__tariffs__item:before {
      background: rgba(34, 35, 40, 0.7); }
    .content__tariffs__item__background {
      top: 0;
      transform: translateY(0%);
      left: 50%;
      transform: translateX(-50%);
      width: auto;
      height: 100%; }
    .content__tariffs__item form {
      position: relative;
      z-index: 2; }
    .content__tariffs__item__left-side {
      position: relative;
      padding: 30px 0 0;
      margin-bottom: 130px;
      width: 100%;
      max-width: none;
      height: auto;
      z-index: 2; }
      .content__tariffs__item__left-side h4 {
        text-align: center;
        font-size: 1.8em;
        margin: 0; }
      .content__tariffs__item__left-side label {
        font-size: 1.1em; }
      .content__tariffs__item__left-side > div {
        padding: 90px 37px 0;
        width: 100%;
        position: static; }
        .content__tariffs__item__left-side > div > div {
          margin: 0 0 15px; }
      .content__tariffs__item__left-side p {
        width: 70%;
        padding: 0;
        font-size: 1.1em; }
    .content__tariffs__item .content__tariffs__item__speed img {
      margin-top: 5px;
      width: 45px;
      margin-right: 20px; }
    .content__tariffs__item .content__tariffs__item__speed p {
      width: 70%; }
    .content__tariffs__item__right-side {
      position: absolute;
      width: 100%;
      max-width: none;
      height: 100%;
      justify-content: center;
      left: 0;
      top: 0;
      z-index: 1;
      padding-top: 80px; }
      .content__tariffs__item__right-side h5 {
        font-size: 1.1em;
        letter-spacing: 1px; }
      .content__tariffs__item__right-side p {
        text-align: center;
        float: unset;
        margin: 0 auto; }
      .content__tariffs__item__right-side > div {
        align-items: center;
      }
      .content__tariffs__item__right-side > div > div {
        bottom: 10px; }
        .content__tariffs__item__right-side > div > div > div {
          display: flex;
        }
        .content__tariffs__item__right-side > div > div > div > div {
          margin: 0 10px 20px; }
      .content__tariffs__item__right-side button {
        padding: 10px 40px; }
        .content__tariffs__item__right-side button:hover, .content__tariffs__item__right-side button:focus {
          padding: 11px 41px; }
    .content__tariffs__item__offer-container::before {
      top: 50%;
      left: -15px;
      transform: translateY(-50%);
    }
    .content__tariffs__item__price {
      font-size: 3em; }
      .content__tariffs__item__price-currency {
        line-height: 1.4em; }
  .content__reviews {
    margin-bottom: 40px; }
  .content__promo-list > hr {
    margin-top: 5px; }
  .content .mobile-reviews-carousel .owl-item .reviews-text {
    max-height: 280px;
    overflow: hidden; } }

@media (max-width: 359px) {
  header .navbar-collapse ul li a {
    padding-top: 8px;
    padding-bottom: 8px; }
  .content__tariffs__item__left-side > div {
    padding: 100px 10px 0; }
  .content__tariffs__item__right-side > div > div {
    max-width: 100%;
    width: 100%; }
  .content__brickets__block a {
    padding: 15px; }
    .content__brickets__block a:hover, .content__brickets__block a:focus, .content__brickets__block a:active {
      padding: 15px; }
  .content__address-check__success a, .content__address-check__missing a {
    padding: 15px; }
  .content .mobile-main-home-carousel .owl-item p {
    font-size: 0.8em; }
  .content .mobile-reviews-carousel .reviews-text {
    font-size: 0.85em; } }

@media (max-width: 384px) {
  .content__brickets__block__div ul {
    width: auto; }
  .content__brickets__block a:last-child {
    margin-left: 0; }
  .content__brickets__block__buttons {
    justify-content: space-around; }
  .content__advantages_medium__image {
    height: 75px;
    padding: 0; }
  .content__advantages_medium .content__advantages_small__item > div {
    margin-bottom: 18px; } }


.chanels-wrap .tab-pane  {
  padding: 75px 80px;
}
.chanel-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px -60px;
  animation: fadeIn .25s ease-in;
}
  .chanel-list__item {
    width: 16.6667%;
    padding: 0 20px 60px;
    box-sizing: border-box;
  }
@media(max-width: 1499px){
  .chanels-wrap .tab-pane  {padding: 45px 40px;}
  .chanel-list {margin: 0 -20px -40px;}
    .chanel-list__item {
      width: 20%;
      padding: 0 20px 40px;
    }
}
@media(max-width: 767px){
  .chanel-list__item {width: 25%;}
  .chanels-wrap .nav-tabs {
    text-align: left;
    font-size: 11px;
    padding: 0;
  }
  .chanels-wrap .nav-tabs > li {
    padding: 5px 0;
  }
}
@media(max-width: 549px){
  .chanels-wrap .tab-pane  {padding: 24px 10px;}
  .chanel-list {margin: 0 -10px -25px;}
    .chanel-list__item {
      width: 33.3334%;
      padding: 0 10px 25px;
    }
}


.chanel-item {
  text-align: center;
  max-width: 100px;
  margin: 0 auto;
}
  .chanel-item__logo {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    height: 60px;
    margin-bottom: 15px;
  }
  .chanel-item__logo > div {max-height: 100%;}
    .chanel-item__logo img {
      max-height: 100%;
      max-width: 100%;
    }
  .chanel-item__title {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;

    color: #6B6F7C;
    text-transform: uppercase;
  }
@media(max-width: 1499px){
  .chanel-item__title {
    font-size: 10px;
    line-height: 14px;
  }
}
@media(max-width: 767px){
  .chanel-item__logo {height: 34px;}
  .chanel-item__title {
    font-size: 9px;
    line-height: 12px;
  }
}