@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400&subset=cyrillic");
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css';
.glide-white {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media only screen and (max-width: 1024px) {
    .glide-white {
      display: none; } }
  .glide-white:after {
    content: '';
    position: absolute;
    -webkit-animation: animationGlide 4500ms ease infinite;
    animation: animationGlide 4500ms ease infinite;
    width: 40%;
    height: 100%;
    background: -moz-linear-gradient(-193deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.01) 99%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-193deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.01) 99%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(9%), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.5)), color-stop(99%, rgba(255, 255, 255, 0.01)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(9%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.01) 99%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(9%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.01) 99%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(9%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.01) 99%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
    @media only screen and (max-width: 1024px) {
      .glide-white:after {
        display: none; } }

.glide-gray {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media only screen and (max-width: 1024px) {
    .glide-gray {
      display: none; } }
  .glide-gray:after {
    content: '';
    position: absolute;
    -webkit-animation: animationGlide 4500ms ease infinite;
    animation: animationGlide 4500ms ease infinite;
    width: 40%;
    height: 100%;
    background: -moz-linear-gradient(-193deg, rgba(223, 228, 230, 0) 0%, rgba(223, 228, 230, 0.5) 80%, rgba(223, 228, 230, 0.01) 99%, rgba(223, 228, 230, 0) 100%);
    background: -webkit-linear-gradient(-193deg, rgba(223, 228, 230, 0) 0%, rgba(223, 228, 230, 0.5) 80%, rgba(223, 228, 230, 0.01) 99%, rgba(223, 228, 230, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(9%), color-stop(0%, rgba(223, 228, 230, 0)), color-stop(80%, rgba(223, 228, 230, 0.5)), color-stop(99%, rgba(223, 228, 230, 0.01)), to(rgba(223, 228, 230, 0)));
    background: -webkit-linear-gradient(9%, rgba(223, 228, 230, 0) 0%, rgba(223, 228, 230, 0.5) 80%, rgba(223, 228, 230, 0.01) 99%, rgba(223, 228, 230, 0) 100%);
    background: -o-linear-gradient(9%, rgba(223, 228, 230, 0) 0%, rgba(223, 228, 230, 0.5) 80%, rgba(223, 228, 230, 0.01) 99%, rgba(223, 228, 230, 0) 100%);
    background: linear-gradient(9%, rgba(223, 228, 230, 0) 0%, rgba(223, 228, 230, 0.5) 80%, rgba(223, 228, 230, 0.01) 99%, rgba(223, 228, 230, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
    @media only screen and (max-width: 1024px) {
      .glide-gray:after {
        display: none; } }

@-webkit-keyframes animationGlide {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  1% {
    opacity: 1; }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes animationGlide {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  1% {
    opacity: 1; }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }

body {
  font-family: 'Roboto', sans-serif;
  background-color: #2e485c; }

a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

p {
  font-size: 20px;
  font-weight: lighter;
  line-height: 32px; }

img {
  vertical-align: bottom; }

h1 {
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  position: relative;
  margin: 40px 0 80px 0; }
  h1:after {
    content: '';
    position: absolute;
    width: 160px;
    height: 2px;
    background-color: #d55260;
    bottom: -32px;
    left: 50%;
    margin-left: -80px; }

h2 {
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  position: relative; }

input {
  line-height: 20px;
  padding: 16px;
  font-size: 18px;
  width: calc(100% - 32px);
  letter-spacing: -1px;
  border: 1px solid #eef0f1;
  background-color: #eef0f1;
  border-radius: 4px; }

button {
  background-color: #d55260;
  border: 1px solid #d55260;
  color: #ffffff;
  padding: 12px 40px;
  font-size: 18px;
  border-radius: 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  button:hover {
    background-color: #d03d4d; }

.center {
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  overflow: hidden; }
  .center:after {
    content: " ";
    display: block;
    clear: both; }

.btn {
  display: inline-block;
  background-color: #d55260;
  font-weight: bold;
  color: #fff;
  line-height: 48px;
  padding: 0 40px;
  border-radius: 24px;
  text-decoration: none;
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .btn:hover {
    background-color: #c43040;
    color: rgba(255, 255, 255, 0.9); }

.top {
  background-color: #dfe4e6;
  background-image: url(../i/promo_img.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  height: 770px;
  overflow: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 2; }

.header {
  margin-top: 60px; }
  .header__logo {
    width: 23.00885%;
    float: left;
    margin-right: 2.65487%;
    position: relative; }
  .header__nav {
    width: 74.33628%;
    float: right;
    margin-right: 0;
    text-align: center; }
    .header__nav li {
      display: inline-block;
      float: right;
      margin-left: 32px;
      display: block;
      font-size: 18px;
      letter-spacing: -0.5px; }
      .header__nav li a {
        text-decoration: none;
        color: #2e485c; }
    .header__nav__link {
      display: inline-block;
      line-height: 64px;
      border-bottom: solid #fff 2px;
      position: relative; }
      .header__nav__link:hover {
        color: #d55260;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .header__nav__link:before {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: #d55260;
        content: "";
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .header__nav__link:hover:before {
        width: 100%; }
      .header__nav__link.active {
        color: #d55260; }
        .header__nav__link.active:before {
          width: 100%; }

.promo {
  padding-top: 160px; }
  .promo__text {
    width: 48.67257%;
    float: right;
    margin-right: 0; }
    .promo__text__title {
      font-size: 53px;
      font-family: 'Roboto Slab', serif;
      margin-bottom: 20px; }
    .promo__text__slogan {
      font-size: 30px;
      font-weight: lighter;
      line-height: 32px;
      margin-bottom: 32px; }
    .promo__text .btn {
      margin-bottom: 32px; }
    .promo__text__desc {
      font-weight: lighter;
      font-size: 20px;
      line-height: 24px; }

.b01, .b02, .b03, .b04 {
  position: relative;
  z-index: 3;
  background: #fff;
  left: 0;
  right: 0; }

.b01 {
  padding-top: 40px;
  padding-bottom: 770px;
  top: 770px;
  background: #fff;
  background-image: url(../i/bg_b01.jpg);
  background-position: center 200px;
  background-repeat: no-repeat; }
  .b01:after {
    visibility: hidden;
    display: block;
    clear: both;
    content: " ";
    height: 0; }
  .b01__content {
    width: 48.67257%;
    float: left;
    margin-right: 2.65487%; }
    .b01__content a {
      display: inline-block;
      margin: 20px 0 40px 0; }
      .b01__content a:nth-of-type(1) {
        margin-right: 10px; }
      .b01__content a:hover {
        opacity: .6; }
  .b01__mess {
    clear: both;
    background-color: rgba(223, 228, 230, 0.8);
    padding: 24px 0 40px 0;
    overflow: hidden;
    text-align: center;
    border-radius: 16px; }
    .b01__mess h2, .b01__mess p {
      width: 82.89086%;
      float: left;
      margin-right: 2.65487%;
      margin-left: 8.55457%; }
    .b01__mess p {
      margin-top: 0px; }

.b02 {
  background-color: #dfe4e6;
  padding: 40px 0 80px 0;
  margin-top: 60px; }
  .b02__desc {
    width: 82.89086%;
    float: left;
    margin-right: 2.65487%;
    margin-left: 8.55457%;
    text-align: center;
    margin-bottom: 40px;
    margin-top: -24px; }
  .b02__grid {
    margin-top: 40px; }
    .b02__grid__col {
      width: 20%;
      float: left; }
      .b02__grid__col__number {
        font-size: 150px;
        font-family: "Roboto Slab";
        color: #fff;
        font-weight: 700;
        text-shadow: 0px 8px 24px #d7dce1;
        margin-bottom: 16px; }
      .b02__grid__col__desc {
        font-size: 16px;
        line-height: 24px;
        margin-right: 30px;
        color: #2e485c; }

.b03 {
  padding: 40px 0; }
  .b03__col {
    width: 31.56342%;
    float: left;
    margin-right: 2.65487%;
    text-align: center; }
    .b03__col:last-child {
      width: 31.56342%;
      float: right;
      margin-right: 0; }
    .b03__col:nth-of-type(2) .b03__col__title {
      line-height: 64px; }
    .b03__col__img {
      height: 200px; }
    .b03__col__title {
      font-family: 'Roboto Slab', serif;
      font-size: 28px;
      font-weight: bold;
      min-height: 80px;
      position: relative;
      margin-bottom: 40px; }
      .b03__col__title:after {
        content: '';
        position: absolute;
        background-color: #d55260;
        height: 2px;
        width: 80px;
        margin-left: -40px;
        left: 50%;
        bottom: 0; }
    .b03__col__desc {
      font-size: 16px;
      line-height: 24px;
      color: #2e485c; }

.looking,
.racing,
.devices {
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center; }

.looking {
  background-image: url(../i/looking@2x.png); }

.racing {
  background-image: url(../i/racing@2x.png); }

.devices {
  background-image: url(../i/devices@2x.png); }

.b04 {
  background-color: #dfe4e6;
  padding: 40px 0;
  margin-bottom: 132px;
  -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2); }
  .b04 .b04__grid {
    overflow: hidden; }
    .b04 .b04__grid__col {
      width: 48.67257%;
      float: left;
      margin-right: 2.65487%; }
      .b04 .b04__grid__col:last-child {
        width: 48.67257%;
        float: right;
        margin-right: 0; }
      .b04 .b04__grid__col-left {
        width: 29.69697%;
        float: left;
        margin-right: 5.45455%;
        font-size: 160px;
        font-family: "Roboto Slab";
        color: #fff;
        font-weight: 700;
        text-shadow: 0px 8px 24px #d7dce1;
        text-align: center; }
      .b04 .b04__grid__col-right {
        width: 64.84848%;
        float: right;
        margin-right: 0; }
        .b04 .b04__grid__col-right__title {
          font-size: 30px;
          margin-bottom: 24px;
          margin-top: 24px;
          font-weight: lighter; }
        .b04 .b04__grid__col-right__desc {
          font-size: 16px;
          line-height: 24px; }
  .b04 .btn {
    display: block;
    clear: both;
    text-align: center;
    margin: 40px 0; }

.footer {
  background-color: #2e485c;
  padding: 40px 0;
  color: #dfe4e6;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1; }
  .footer a {
    color: #fff;
    text-decoration: none; }
    .footer a:hover {
      color: #dfe4e6; }
  .footer__left {
    width: 23.00885%;
    float: left;
    margin-right: 2.65487%; }
    .footer__left img {
      width: 180px; }
  .footer__center {
    width: 48.67257%;
    float: left;
    margin-right: 2.65487%;
    text-align: center;
    font-size: 14px; }
    .footer__center a {
      font-size: 27px;
      margin-top: 10px;
      display: inline-block; }
  .footer__right {
    width: 23.00885%;
    float: right;
    margin-right: 0;
    text-align: right;
    line-height: 24px; }

.top__inside {
  background-color: #dfe4e6;
  overflow: hidden;
  padding-bottom: 60px; }

.gas_service, .parthners, .registration, .price {
  background-color: #fff;
  padding: 80px 0;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 2;
  position: relative;
  margin-bottom: 132px; }
  .gas_service h1, .parthners h1, .registration h1, .price h1 {
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    font-size: 48px;
    line-height: 48px;
    text-align: left;
    position: relative;
    margin: 40px 0; }
    .gas_service h1:after, .parthners h1:after, .registration h1:after, .price h1:after {
      display: none; }
  .gas_service .b01__content, .parthners .b01__content, .registration .b01__content, .price .b01__content {
    margin-bottom: 40px; }
  .gas_service .b01__mess p, .parthners .b01__mess p, .registration .b01__mess p, .price .b01__mess p {
    font-size: 30px; }
  .gas_service .b01__mess a, .parthners .b01__mess a, .registration .b01__mess a, .price .b01__mess a {
    color: #2e485c; }
    .gas_service .b01__mess a:hover, .parthners .b01__mess a:hover, .registration .b01__mess a:hover, .price .b01__mess a:hover {
      text-decoration: none;
      color: #d55260; }

.gas_service {
  background-image: url(../i/bg_gas_service.jpg); }

.parthners {
  background-image: url(../i/bg_parthners.jpg); }
  .parthners .b01__content {
    margin-bottom: 160px; }

.registration {
  background-image: url(../i/bg_reg.png); }
  .registration .b01__content {
    width: 31.56342%;
    float: left;
    margin-right: 2.65487%; }

.action {
  background-image: url(../i/bg_action.jpg); }

.price {
  background-color: #ffffff; }
  .price .b01__content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .price__table {
    margin: 40px 0 80px 0;
    overflow: hidden; }
  .price__col {
    width: 33%;
    float: left;
    height: 520px; }
  .price__padd {
    padding: 30px;
    height: 430px;
    position: relative;
    width: calc(100% - 80px); }
  .price__title {
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    margin: 30px 0; }
    .price__title span {
      font-size: 20px;
      line-height: 24px;
      color: #2e485c;
      display: block; }
  .price__number {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    position: absolute;
    top: 62%; }
    .price__number span {
      font-size: 50px;
      line-height: 36px;
      display: block;
      font-weight: bold;
      margin-bottom: 16px; }
  .price__desc {
    font-size: 16px;
    line-height: 20px;
    color: #2e485c;
    position: absolute;
    bottom: 0;
    font-weight: 300; }
  .price h2 {
    text-align: left; }
  .price__list {
    margin-top: 40px; }
    .price__list ul {
      color: #d55260;
      list-style-type: disc;
      margin-left: 20px;
      font-size: 32px;
      font-weight: 300; }
      .price__list ul li {
        margin-bottom: 20px; }
        .price__list ul li span {
          color: #000000; }
  .price__col:nth-of-type(1) {
    background-color: #eff1f2; }
  .price__col:nth-of-type(2) {
    background-color: #dfe4e6; }
  .price__col:nth-of-type(3) {
    background-color: #cbd4d8; }

.form { }
  .form__row {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 300; }
    .form__row:after {
      visibility: hidden;
      display: block;
      clear: both;
      content: " ";
      height: 0; }
    .form__row__title {
      margin-bottom: 8px; }
    .form__row__checkbox {
      margin-top: 40px;
      padding-top: 24px;
      border-top: 1px solid #eff1f2; }
      .form__row__checkbox input {
        width: auto; }
      .form__row__checkbox label {
        font-size: 15px; }
      .form__row__checkbox a {
        color: #d55260; }
  .form .select {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none; }
    .form .select .placeholder {
      position: relative;
      display: block;
      background-color: #eef0f1;
      z-index: 1;
      padding: 1em;
      border-radius: 2px;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .form .select .placeholder:hover {
        background: #e3e6e8; }
      .form .select .placeholder:after {
        position: absolute;
        right: 1em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: 'FontAwesome';
        content: '\f078';
        z-index: 10; }
    .form .select.is-open .placeholder:after {
      content: '\f077'; }
    .form .select.is-open ul {
      display: block; }
    .form .select.select--white .placeholder {
      background: #fff;
      color: #999; }
      .form .select.select--white .placeholder:hover {
        background: #fafafa; }
    .form .select ul {
      display: none;
      position: absolute;
      overflow: hidden;
      width: 100%;
      background: #eef0f1;
      border-radius: 2px;
      top: 100%;
      left: 0;
      list-style: none;
      margin: 5px 0 0 0;
      padding: 0;
      z-index: 100; }
      .form .select ul li {
        display: block;
        text-align: left;
        padding: 0.8em 1em 0.8em 1em;
        color: #999;
        cursor: pointer; }
        .form .select ul li:hover {
          background: #4ebbf0;
          color: #fff; }

/*** custom checkboxes ***/
input[type=checkbox] {
  display: none; }

/* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  font-size: 20px; }

input[type=checkbox] + label:before {
  content: "\f096"; }

/* unchecked icon */
input[type=checkbox] + label:before {
  letter-spacing: 10px; }

/* space between checkbox and label */
input[type=checkbox]:checked + label:before {
  content: "\f046"; }

/* checked icon */
input[type=checkbox]:checked + label:before {
  letter-spacing: 7px; }

/* allow space for check mark */
.footer-inside {
  position: relative; }