@font-face {
  font-family: numbers;
  src: url(../fonts/numbers/numbers.eot);
  src: url(../fonts/numbers/numbers.eot?#iefix) format('embedded-opentype'),url(../fonts/numbers/numbers.woff2) format('woff2'),url(../fonts/numbers/numbers.woff) format('woff'),url(../fonts/numbers/numbers.ttf) format('truetype'),url(../fonts/numbers/numbers.otf) format('opentype'),url(../fonts/numbers/numbers.svg?#svgnumbers) format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family:numbersBold;src:url(../fonts/numbers/numbers.eot);src:url(../fonts/numbers/numbers.eot?#iefix) format('embedded-opentype'),url(../fonts/numbers/numbers.woff2) format('woff2'),url(../fonts/numbers/numbers.woff) format('woff'),url(../fonts/numbers/numbers.ttf) format('truetype'),url(../fonts/numbers/numbers.otf) format('opentype'),url(../fonts/numbers/numbers.svg?#svgnumbersBold) format('svg');font-weight:700;font-style:normal;
}

.money-formatted.numbers {
  font-family: numbers,Arial,sans-serif;
  -webkit-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig=1';
  -moz-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig' 1;
  font-feature-settings: 'dlig';
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

.money-formatted-italic.numbers {
  font-family: numbers,Arial,sans-serif;
  -webkit-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig=1';
  -moz-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig' 1;
  font-feature-settings: 'dlig';
  text-rendering: optimizeLegibility;
  font-style: italic;
}

.money-formatted-bold.numbers,.money-formatted.numbers b {
  font-family: numbersBold,Arial,sans-serif;
  -webkit-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig=1';
  -moz-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig' 1;
  font-feature-settings: 'dlig';
  text-rendering: optimizeLegibility;
  font-weight: 700;
}

@font-face {
  font-family:ruble;src:url(../fonts/rubleLig/rubleLig.eot);src:url(../fonts/rubleLig/rubleLig.eot?#iefix) format('embedded-opentype'),url(../fonts/rubleLig/rubleLig.woff2) format('woff2'),url(../fonts/rubleLig/rubleLig.woff) format('woff'),url(../fonts/rubleLig/rubleLig.ttf) format('truetype'),url(../fonts/rubleLig/rubleLig.otf) format('opentype'),url(../fonts/rubleLig/rubleLig.svg?#svgruble) format('svg');font-weight:400;font-style:normal;
}

@font-face {
  font-family:rubleBold;src:url(../fonts/rubleLig/rubleLig.eot);src:url(../fonts/rubleLig/rubleLig.eot?#iefix) format('embedded-opentype'),url(../fonts/rubleLig/rubleLig.woff2) format('woff2'),url(../fonts/rubleLig/rubleLig.woff) format('woff'),url(../fonts/rubleLig/rubleLig.ttf) format('truetype'),url(../fonts/rubleLig/rubleLig.otf) format('opentype'),url(../fonts/rubleLig/rubleLig.svg?#svgrubleBold) format('svg');font-weight:700;font-style:normal;
}

.fontsymb .money-formatted.numbers,.money-formatted {
  font-family: ruble,Arial,sans-serif;
  -webkit-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig=1';
  -moz-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig' 1;
  font-feature-settings: 'dlig';
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

.fontsymb .money-formatted-italic.numbers,.money-formatted-italic {
  font-family: ruble,Arial,sans-serif;
  -webkit-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig=1';
  -moz-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig' 1;
  font-feature-settings: 'dlig';
  text-rendering: optimizeLegibility;
  font-style: italic;
}

.fontsymb .money-formatted-bold.numbers,.fontsymb .money-formatted.numbers b,.money-formatted b,.money-formatted-bold {
  font-family: rubleBold,Arial,sans-serif;
  -webkit-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig=1';
  -moz-font-feature-settings: 'dlig';
  -moz-font-feature-settings: 'dlig' 1;
  font-feature-settings: 'dlig';
  text-rendering: optimizeLegibility;
  font-weight: 700;
}

body,html {
  position: relative;
  margin: 0;
  padding: 0;
  color: #000;
}

html {
  height: 100%;
  font-size: 100.1%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  min-height: 100%;
  min-width: 1000px;
  font-family: Arial,sans-serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.2;
}

body.progress {
  cursor: progress;
}

button,form,iframe,input,label,li,ol,optgroup,option,select,table,tbody,td,tfoot,th,thead,tr,ul {
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  vertical-align: baseline;
}

.bold,b {
  font-weight: 700;
}

.link,a {
  color: #2b76ac;
  cursor: pointer;
  text-decoration: underline;
}

.dashed,.dotted {
  text-decoration: none;
  border-bottom: 1px dashed;
  cursor: pointer;
}

.dotted {
  border-bottom-style: dotted;
  display: inline-block;
  line-height: .9;
}

a img {
  border: none;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

table.layout {
  width: 100%;
  table-layout: fixed;
}

table.layout>tbody>tr>td {
  padding: 0;
  vertical-align: top;
}

ul>li {
  list-style: none;
}

input:not([type=checkbox]):not([type=radio]) {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button,input[type=button],input[type=reset],input[type=submit] {
  outline: 0;
  background: 0 0;
  text-align: center;
  cursor: pointer;
}

button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0;
}

.abs,.abs>* {
  position: absolute;
  background-repeat: no-repeat;
}

.abs>.t {
  top: 0;
  background-position: top;
  background-repeat: repeat-x;
}

.abs>.b {
  bottom: 0;
  background-position: bottom;
  background-repeat: repeat-x;
}

.abs>.l {
  left: 0;
  background-position: left;
  background-repeat: repeat-y;
}

.abs>.r {
  right: 0;
  background-position: right;
  background-repeat: repeat-y;
}

.abs>.c,.abs>.l,.abs>.r {
  padding: 0;
}

.abs>.tl {
  top: 0;
  left: 0;
  background-position: top left;
}

.abs>.tr {
  top: 0;
  right: 0;
  background-position: top right;
}

.abs>.bl {
  bottom: 0;
  left: 0;
  background-position: bottom left;
}

.abs>.br {
  bottom: 0;
  right: 0;
  background-position: bottom right;
}

.invis {
  display: none;
}

.vis {
  display: block;
}

.invisible {
  display: none!important;
}

.inlineBlock {
  display: inline-block;
}

.clear {
  clear: both;
}

.hidden {
  visibility: hidden;
}

.unhidden {
  visibility: visible;
}

.italic {
  font-style: italic;
}

.nowrap {
  white-space: nowrap;
}

.capitalize {
  text-transform: capitalize;
}

canvas {
  -ms-touch-action: double-tap-zoom;
}

.tripcoins_info {
  position: relative;
}

.tripcoins_info .money-formatted {
  text-transform: none;
}

.tripcoins_info .text {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}

.tripcoins_info .icon {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/bonus_icon.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.tripcoins_info.advise {
  margin-bottom: 17px;
  padding: 5px 15px;
  background-color: #0099e0;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.tripcoins_info.advise .text {
  width: 154px;
  font-size: 13px;
  text-transform: none;
}

.tripcoins_info.advise .icon {
  width: 36px;
  height: 36px;
}

.footer .tripcoins_info~button {
  margin-top: 0!important;
}

.footer .tripcoins_info {
  line-height: 18px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.footer .tripcoins_info .text {
  font-size: 80%;
}

.footer .tripcoins_info .icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  float: left;
}

.pf_button.tripcoins {
  height: 70px;
}

.pf_button.tripcoins .price_button {
  top: 25px;
}

.pf_button.tripcoins .info_tripcoins {
  position: absolute;
  right: 7px;
  top: 4px;
  line-height: 15px;
  z-index: 4;
}

.pf_button.tripcoins .info_tripcoins .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

.pf_button.tripcoins .info_tripcoins .money-formatted {
  text-transform: none;
}

.pf_button.tripcoins .info_tripcoins .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 6px;
  vertical-align: middle;
  background: url(../images/bonus_icon.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

@font-face {
  font-family:Helvetica-Neue-Medium;src:url(../fonts/helvetica-neue/helveticaneue-medium-webfont.eot);src:local('Helvetica Neue Medium'),local('Helvetica Neue Medium'),url(../fonts/helvetica-neue/helveticaneue-medium-webfont.woff) format('woff'),url(../fonts/helvetica-neue/helveticaneue-medium-webfont.ttf) format('truetype'),url(../fonts/helvetica-neue/helveticaneue-medium-webfont.svg) format('svg');font-weight:400;font-style:normal;
}

@font-face {
  font-family:Helvetica-Neue-Light;src:url(../fonts/helvetica-neue/helveticaneue-light-webfont.eot);src:local('Helvetica Neue Light'),local('Helvetica Neue Light'),url(../fonts/helvetica-neue/helveticaneue-light-webfont.woff) format('woff'),url(../fonts/helvetica-neue/helveticaneue-light-webfont.ttf) format('truetype'),url(../fonts/helvetica-neue/helveticaneue-light-webfont.svg) format('svg');font-weight:400;font-style:normal;
}

@font-face {
  font-family:Helvetica-Neue-Bold;src:url(../fonts/helvetica-neue/HelveticaNeue-Bold.eot);src:local('Helvetica Neue Bold'),local('Helvetica Neue Bold'),url(../fonts/helvetica-neue/HelveticaNeue-Bold.woff) format('woff'),url(../fonts/helvetica-neue/HelveticaNeue-Bold.ttf) format('truetype');font-weight:400;font-style:normal;
}

.tw-important {
  color: red;
}

span.x-small {
  font-size: 60%;
}

span.small {
  font-size: 80%;
}

span.large {
  font-size: 14px;
  color: #fff;
  font-family: Roboto,Arial,sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.warn {
  background: #ffe958;
}

iframe.pm {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  border: none;
  visibility: hidden;
}

.spreader {
  position: relative;
  box-sizing: border-box;
  width: 1000px;
  padding: 0 20px;
  margin: auto;
}

div#layout_panels {
  z-index: 6;
  position: relative;
  color: #fff;
}

#footer,.layoutHeader {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Roboto,Arial,sans-serif;
  line-height: normal;
  font-weight: 400;
}

#footer .spreader,.layoutHeader .spreader {
  width: 960px;
}

.layoutHeader {
  font-size: 13px;
  letter-spacing: .4px;
  text-transform: uppercase;
  background: #000000;
  color: #fff;
}

.layoutHeader a {
  text-decoration: none;
  color: #fff;
}

.layoutHeader .spreader {
  padding: 0;
  height: 72px;
}

.layoutHeader.thin .spreader {
  min-height: 52px;
}

.layoutHeader .logo {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 7;
  width: 84px;
  height: 48px;
  margin: auto;
  left: 0;
}

.layoutHeader .logo img {
  display: block;
  width: 84px;
  height: 48px;
}

.layoutHeader .mainMenu {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 24px;
  left: 96px;
  right: 170px;
  display: flex;
    /* opacity: 0; */;
}

.layoutHeader #menu-overlay {
  top: 36px;
  left: 0;
  right: auto;
}

.layoutHeader #menu-overlay.aside {
  display: none;
}

.layoutHeader #menu-toggle {
  line-height: 10px;
}

.layoutHeader #menu-toggle.selected,.layoutHeader #menu-toggle:active,.layoutHeader #menu-toggle:focus,.layoutHeader #menu-toggle:hover {
  outline: 0;
  box-shadow: none;
}

.layoutHeader #menu-overlay .menu-item.selected,.layoutHeader #menu-overlay .menu-item:active,.layoutHeader #menu-overlay .menu-item:focus,.layoutHeader #menu-overlay .menu-item:hover {
  outline: 0;
  box-shadow: inset 0 0 0 50px #f5f5f5;
}

.layoutHeader .menu-item {
  color: currentColor;
  cursor: pointer;
  padding: 5px 8px 4px;
  font-size: 2rem;
  line-height: 2rem;
  transition: box-shadow .2s;
  display: inline-block;
  border-radius: 2px;
  margin: 0 4px;
  white-space: nowrap;
}

.layoutHeader .menu-item--hide {
  visibility: hidden;
}

@media screen and (max-width:1000px) {
  .layoutHeader .menu-item--hide {
    visibility: visible;
  }
}

.layoutHeader .menu-item.selected,.layoutHeader .menu-item:active,.layoutHeader .menu-item:focus,.layoutHeader .menu-item:hover {
  outline: 0;
  box-shadow: inset 0 0 0 50px #616161;
}

.layoutHeader .menu-item.login {
  padding: 8px 15px 7px;
  margin-top: -4px;
  margin-bottom: -4px;
  border: 1px solid #9e9e9e;
  transition: border-color .2s;
}

.layoutHeader .menu-item.login:active,.layoutHeader .menu-item.login:focus,.layoutHeader .menu-item.login:hover {
  border-color: #fff;
  box-shadow: none;
}

.layoutHeader .asideLabel {
  color: currentColor;
  cursor: pointer;
  padding: 5px 8px 4px;
  transition: box-shadow .2s;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: -8px;
  height: 15px;
  box-sizing: content-box;
}

.layoutHeader .asideLabel:active,.layoutHeader .asideLabel:focus,.layoutHeader .asideLabel:hover {
  outline: 0;
  box-shadow: inset 0 0 0 50px #616161;
}

.layoutHeader .aside {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: -4px;
  height: 24px;
  display: flex;
}

.layoutHeader .aside.loggedin {
  display: none;
}

.layoutHeader .aside.dropDown {
  z-index: 77;
  top: 60px;
  right: -12px;
  bottom: auto;
  height: auto;
  background: #fff;
  padding: 12px 0;
  border-radius: 2px;
}

.layoutHeader .aside.dropDown .menu-item {
  display: block;
  margin: 0;
  border-radius: 0;
  padding: 11px 22px 10px;
  border: none;
  color: #01abfb;
}

.layoutHeader .aside.dropDown .layoutHeader .menu-item:focus,.layoutHeader .aside.dropDown .menu-item:active,.layoutHeader .aside.dropDown .menu-item:hover {
  box-shadow: inset 0 0 0 50px #f5f5f5;
  color: #019dec;
}

.layoutHeader .aside.dropDown .menu-item.menu-item_mob {
  display: none;
}

.layoutHeader .asidePreloader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 43px;
  height: 11px;
  background: url(../main/loader/login.gif) no-repeat center center;
}

.layoutHeader.thin .asidePreloader {
  top: -24px;
}

.layoutHeader.thin .header-partner .asidePreloader {
  top: 0;
}

.layoutHeader .aside.dropDown .menu-item.travelexpert {
  display: none;
}

.layoutHeader .aside.dropDown .menu-item.travelexpert.visible {
  display: block;
}

.layoutHeader .profileIcon {
  display: none;
  fill: #fff;
}

.header-partner {
  color: #01abfb;
  background: #fff;
}

.header-partner-sep {
  display: inline-block;
  height: 46px;
  vertical-align: middle;
  width: 1px;
  background: #ccc;
  margin: 0 16px 0 0;
}

.header-partner .spreader {
  min-height: 72px;
  height: auto;
  padding: 0 0 0 72px!important;
}

.header-partner .withBlock {
  font: italic 13px 'Open Sans',Roboto,Arial,sans-serif;
  letter-spacing: .2px;
  text-transform: none;
  display: table-cell;
  height: 72px;
  color: #424242;
  vertical-align: middle;
}

.header-partner .withBlock .header-partner-image {
  max-height: 52px;
  max-width: 160px;
}

.header-partner .asideLabel:active,.header-partner .asideLabel:focus,.header-partner .asideLabel:hover,.header-partner .loggedoff .menu-item.selected,.header-partner .loggedoff .menu-item:active,.header-partner .loggedoff .menu-item:focus,.header-partner .loggedoff .menu-item:hover {
  color: #019dec;
  box-shadow: none;
}

.header-partner .menu-item.login {
  border-color: #01abfb;
}

.header-partner .menu-item.login:active,.header-partner .menu-item.login:focus,.header-partner .menu-item.login:hover {
  border-color: #019dec;
}

.layoutHeader .profileIcon {
  fill: #fff;
}

@media screen and (max-width:1000px) {
  .layoutHeader .header-partner .logo {
    margin: 0;
    left: 16px;
  }

  .layoutHeader .header-partner>.spreader {
    padding-left: 72px;
  }

  .layoutHeader .aside {
    right: 0;
  }

  .header-partner .withBlock {
    padding-left: 16px;
  }

  .layoutHeader .profileIcon {
    display: inline-block;
    position: absolute;
    right: 0;
    cursor: pointer;
  }

  .layoutHeader .header-partner .profileIcon {
    fill: #01abfb;
  }

  .layoutHeader .asideLabel {
    display: none;
  }

  .header-partner .asideAuth {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 1px 3px 0 rgba(0,0,0,.1);
  }
}

.nav {
  height: 52px;
  line-height: 52px;
  background: #fff;
  font-size: 0;
}

@media screen and (max-width:1000px) {
  .nav {
    position: absolute;
    height: auto;
    width: 100%;
  }
}

@media screen and (max-width:1000px) {
  .nav__list {
    box-shadow: 0 0 60px #000;
  }
}

.nav__item {
  height: 52px;
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
  margin: 0 15px;
  font-family: Roboto,Arial,sans-serif;
  font-weight: 400;
  font-size: 13px;
  background-color: #fff;
  color: #01abfb;
  letter-spacing: .4px;
}

.nav__item_state_active {
  border-bottom: 4px solid #ffd41e;
}

@media screen and (max-width:1000px) {
  .nav__item_state_active {
    border: none;
    color: #ffd41e;
  }
}

@media screen and (max-width:1000px) {
  .nav__item {
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width:1000px) {
  .nav__item {
    height: 38px;
    line-height: 38px;
    font-size: 10px;
  }
}

.nav__item:hover {
  border-bottom: 4px solid #ffd41e;
}

@media screen and (max-width:1000px) {
  .nav__item:hover {
    border: none;
    color: #ffd41e;
  }
}

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

.ismob {
  display: none;
}

@media screen and (max-width:1000px) {
  .ismob {
    display: block;
  }
}

.burger-btn {
  position: absolute;
  z-index: 10;
  top: 15px;
  left: 5px;
  cursor: pointer;
  padding: 10px;
}

.burger-btn span {
  display: block;
  height: 3px;
  width: 21px;
  background: #fff;
  transition: transform 150ms;
}

.burger-btn span:first-child,.burger-btn span:last-child {
  transform-origin: center center;
}

.burger-btn span:nth-child(2) {
  margin: 4px 0;
  transition: opacity .2s;
}

.burger-btn.toggled span:first-child {
  transform: translate3d(0,6px,0) rotate(45deg);
}

.burger-btn.toggled span:last-child {
  transform: translate3d(0,-8px,0) rotate(-45deg);
}

.burger-btn.toggled span:nth-child(2) {
  opacity: 0;
}

.layoutHeader .menu-item.login-icon,.menu-item.menu-item_mob {
  display: none;
}

@media screen and (max-width:1000px) {
  .layoutHeader .mainMenu {
    position: relative;
    width: 100%;
    left: auto;
    right: auto;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 75px;
    padding-bottom: 10px;
  }

  .layoutHeader .menu-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 0 0 15px;
    height: 42px;
    line-height: 42px;
  }

  .layoutHeader .spreader {
    width: 100%;
    height: auto;
    text-align: center;
    min-height: 72px;
  }

  .layoutHeader.thin>.spreader {
    min-height: 52px;
  }

  .layoutHeader.thin>.spreader .burger-btn {
    top: 8px;
  }

  .layoutHeader .logo {
    position: absolute;
    right: 0;
    left: 0;
    top: 11px;
    bottom: auto;
    z-index: 7;
    width: 48px;
    height: 48px;
    margin: auto;
  }

  .layoutHeader .profile {
    position: absolute;
    right: 15px;
    top: 28px;
    bottom: auto;
    margin: auto;
    min-width: 200px;
    height: 20px;
  }

  .layoutHeader .aside.dropDown .menu-item {
    height: auto;
    line-height: normal;
    text-align: left;
  }

  .layoutHeader .aside.dropDown {
    top: 35px;
    right: -9px;
  }

  .profile .menu-item-myOrders {
    display: none;
  }

  .layoutHeader .menu-item.login {
    display: none;
    border: none;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
  }

  .layoutHeader .menu-item.login-icon {
    display: block;
  }

  .layoutHeader .hideMenu {
    display: none!important;
  }

  .layoutHeader #menu-toggle {
    display: none;
  }

  .menu-item.menu-item_mob {
    display: block;
  }
}

#footer {
  font-size: 13px;
  padding: 20px 0 10px;
  background: #fff;
  color: #9e9e9e;
  max-width: 100%;
}

#footer .spreader {
  padding: 0 72px;
}

#footer a {
  text-decoration: none;
  color: #01abfb;
}

#footer a:active,#footer a:focus,#footer a:hover {
  color: #019dec;
}

#footer .footerMenu,#footer .localeSelect,#footer .title {
  font-size: 13px;
  letter-spacing: .4px;
  text-transform: uppercase;
}

#footer .currency-symbol {
  text-transform: none;
}

#footer .flag {
  display: inline-block;
  background: url(/img/flags.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: 200px 20px;
  vertical-align: middle;
  margin: -.1em 8px 0 0;
  border-radius: 10px;
}

#footer .flag.DE {
  background-position: 0 0;
}

#footer .flag.ES {
  background-position: -20px 0;
}

#footer .flag.GB {
  background-position: -40px 0;
}

#footer .flag.IE {
  background-position: -60px 0;
}

#footer .flag.KZ {
  background-position: -80px 0;
}

#footer .flag.PL {
  background-position: -100px 0;
  box-shadow: 0 0 1px 1px #eee;
}

#footer .flag.RU {
  background-position: -120px 0;
  box-shadow: 0 0 1px 1px #eee;
}

#footer .flag.TR {
  background-position: -140px 0;
}

#footer .flag.UA {
  background-position: -160px 0;
}

#footer .flag.US {
  background-position: -180px 0;
}

#footer .localeSelect {
  float: right;
  position: relative;
  margin: -10px -22px 0 0;
}

#footer .localeSelect {
  white-space: nowrap;
}

#footer .localeSelect ul {
  z-index: 77;
  position: absolute;
  bottom: 100%;
  background: #fff;
  border-radius: 2px 2px 0 0;
  padding: 12px 0 0;
  display: none;
}

#footer .localeSelect li {
  margin: 0;
  padding: 0;
  display: block;
}

#footer .currentLocale,#footer .localeSelect a {
  display: block;
  line-height: 36px;
  padding: 0 22px 0 12px;
  transition: background .2s;
  cursor: pointer;
}

#footer .localeSelect a:active,#footer .localeSelect a:focus,#footer .localeSelect a:hover {
  background: #f5f5f5;
}

#footer .communicationBlock {
  margin: 0 36px 6px 0;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

#footer .title {
  margin-bottom: 14px;
}

#footer .communication {
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}

#footer .communication::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 20px;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 0 20px transparent;
}

#footer .communication:active::after,#footer .communication:focus::after,#footer .communication:hover::after {
  box-shadow: inset 0 0 0 20px rgba(65,65,65,.2);
}

#footer .communicationBlock a[href^=tel] {
  font-size: 21px;
  margin-bottom: 8px;
  letter-spacing: 0;
  font-weight: 300;
  color: #616161;
  display: block;
}

#footer .footerMenu {
  margin: 17px -12px;
  display: flex;
  flex-wrap: wrap;
}

#footer .footerMenu a {
  display: inline-block;
  padding: 8px;
  margin: 0 4px;
}

#footer .apps {
  margin: -6px -6px;
}

#footer .apps a {
  display: inline-block;
  margin: 6px;
}

#footer .apps a>* {
  vertical-align: top;
  letter-spacing: .2px;
}

#footer #copyright {
  margin: 40px 0 0;
  letter-spacing: .2px;
}

div#topPanel {
  position: relative;
  z-index: 3;
  background: rgba(0,0,0,.8);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

div#topPanel div.spreader {
  padding-left: 140px;
}

.formABTest #topPanel div.spreader {
  padding-left: 124px;
}

div#topPanel table {
  border-collapse: collapse;
}

div#topPanel table td {
  padding: 0;
  vertical-align: middle;
}

#topPanel .topPanel-links {
  width: 100%;
}

ul#topMenu {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 3px 0;
}

ul#topMenu li {
  padding: 3px 0;
}

ul#topMenu li a {
  outline: 0;
}

ul#topMenu li.selected a {
  color: #fff;
  font-weight: 700;
}

ul#topMenu li {
  color: #b9b9b9;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

ul#topMenu li span {
  vertical-align: middle;
}

ul#topMenu li .ico {
  display: inline-block;
  width: 20px;
  height: 21px;
  margin-left: -25px;
  margin-right: 5px;
  background: url(../images/topMenu.png) no-repeat center;
}

ul#topMenu li#link_avia .ico {
  background-position: 0 0;
}

ul#topMenu li#link_auto .ico {
  background-position: -20px 0;
}

ul#topMenu li#link_hotels .ico {
  background-position: -40px 0;
}

ul#topMenu li#link_trains .ico {
  background-position: -60px 0;
}

ul#topMenu li#link_auto,ul#topMenu li#link_hotels,ul#topMenu li#link_trains {
  color: #535454;
}

div#topPanel table td#topSocialIn {
  padding-left: 30px;
}

div#topPanel table td#topSocialIn * {
  vertical-align: middle;
}

#topSocialIn div {
  display: inline-block;
  white-space: nowrap;
}

#topSocialIn a {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  background: url(../images/social_buttons.png) no-repeat;
  margin-left: 4px;
}

#topSocialIn a.vk {
  background-position: 0 0;
}

#topSocialIn a.fb {
  background-position: -22px 0;
}

#topSocialIn a.tw {
  background-position: -43px 0;
}

#topSocialIn a.jj {
  background-position: -63px 0;
}

#topSocialIn a.od {
  background-position: -85px 0;
}

#topSocialIn a.gl {
  background-position: -107px 0;
}

#topSocialIn a.in {
  background-position: -129px 0;
}

#topSocialIn a.pi {
  background-position: -151px 0;
}

ul#topMenu li>a {
  position: relative;
  padding: 3px 10px!important;
}

ul#topMenu li:not(.selected)>a:after {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 100%;
  background: 0 0;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 10px;
}

ul#topMenu li:not(.selected)>a:hover {
  color: #fefefe;
  -webkit-transition: .2s color;
  -moz-transition: .2s color;
  -o-transition: .2s color;
  transition: .2s color;
}

ul#topMenu li a {
  text-decoration: none;
  color: #b9b9b9;
}

.lang:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  margin-right: 5px;
  width: 24px;
  height: 19px;
  background: url(../images/languages.png) no-repeat;
}

.lang.ru:before {
  background-position: 0 0;
}

.lang.ru-ua:before,.lang.uk-ua:before {
  background-position: -24px 0;
}

.lang.az:before {
  background-position: -48px 0;
}

.lang.en:before {
  background-position: -72px 0;
}

.lang.de:before {
  background-position: -96px 0;
}

.lang.es:before {
  background-position: -120px 0;
}

.lang.tr:before {
  background-position: -144px 0;
}

.lang.br:before {
  background-position: -168px 0;
}

.lang.en-gb:before {
  background-position: -72px 0;
}

.lang.en-us:before {
  background-position: -192px 0;
}

.lang.en-ie:before {
  background-position: -216px 0;
}

.lang.kk-kz:before,.lang.ru-kz:before {
  background-position: -240px 0;
}

.lang.pl:before {
  background-position: -264px 0;
}

#languageSelect {
  display: none;
}

#languageSelect .dm_selected {
  padding: 0 20px 0 35px;
}

#languageSelect .dm_selected.lang:before {
  margin-bottom: 5px;
}

@media only screen and (max-width:1024px) {
  .dm_selected span {
    display: none;
  }
}

div#topPanel {
  font-size: 83%;
}

div#topPanel table td.profileCell {
  padding-left: 15px;
}

.loginLoader {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  background: url(../main/loader/login.gif) no-repeat left center;
  width: 43px;
  height: 11px;
}

#logo {
  z-index: 7;
  position: absolute;
  outline: 0;
}

#logo img {
  position: absolute;
  top: -24px;
  left: 2px;
}

.formABTest #logo img {
  left: -15px;
}

div#topPanel2 {
  z-index: 2;
  position: relative;
  padding: 7px 0 8px;
  min-height: 35px;
  text-align: center;
  background: #1e2021;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#topPanel:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid;
  opacity: .2;
  bottom: 0;
  border-color: #000;
}

#pageTitle {
  font-size: 140%;
  line-height: 35px;
}

#topPanel2 .button {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  outline: 0;
}

#topPanel2 .button.back,#topPanel2 .button.left {
  left: 72px;
}

#topPanel2 .button.changeSearch {
  right: 72px;
  display: none;
}

#topPanel2 .button.foward,#topPanel2 .button.right {
  right: 20px;
}

#topPanel2 .button.back {
  padding-left: 20px;
}

#topPanel2 .button.forward {
  padding-right: 20px;
}

#topPanel2 .button .c,#topPanel2 .button .l,#topPanel2 .button .r {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
}

#topPanel2 .button .c {
  left: 15px;
  right: 15px;
  background: url(../images/button_topPanel2_c.png) repeat-x left;
}

#topPanel2 .button.back .c {
  left: 20px;
}

#topPanel2 .button.foward .c {
  right: 20px;
}

#topPanel2 .button .l,#topPanel2 .button .r {
  background: url(../images/button_topPanel2_lr.png) no-repeat;
  width: 15px;
}

#topPanel2 .button .l {
  left: 0;
  background-position: -35px 0;
}

#topPanel2 .button.back .l {
  width: 20px;
  background-position: left;
}

#topPanel2 .button .r {
  right: 0;
  background-position: -20px 0;
}

#topPanel2 .button.foward .r {
  width: 20px;
  background-position: right;
}

div#layout_body {
  z-index: 5;
  position: relative;
  padding-top: 35px;
  padding-bottom: 35px;
}

.blank {
  position: relative;
  color: #000;
  padding: 1px 0;
  min-height: 518px;
}

.blank>.bg {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #4d4d4d;
  -webkit-box-shadow: 10px 10px 10px 1px rgba(0,0,0,.4);
  -moz-box-shadow: 10px 10px 10px 1px rgba(0,0,0,.4);
  box-shadow: 10px 10px 10px 1px rgba(0,0,0,.4);
}

.blank>.bg table {
  height: 100%;
  width: 101%;
  border-collapse: collapse;
  table-layout: fixed;
}

.blank>.bg table td {
  padding: 0;
  background: #f2f2f2;
}

.blank.carbon>.bg table td {
  background: #f0f0d7;
}

.blank>.bg table col:first-child {
  width: 45px;
}

.blank>.bg table tr:first-child,.blank>.bg table tr:last-child {
  height: 230px;
}

.blank>.bg table tr.hole {
  height: 29px;
}

.blank>.bg table tr.hole td:first-child {
  background: transparent url(../images/blank_hole.png) no-repeat left;
}

.blank.carbon>.bg table tr.hole td:first-child {
  background-position: right;
}

.field {
  display: inline-block;
  position: relative;
  background: #fff;
  vertical-align: middle;
}

.field.error,.field.warn {
  background-color: #ffe958;
}

.field.disabled,.suggestField.disabled {
  background: #e9e9e9;
}

.suggestField.disabled input {
  background: 0 0;
}

.field input[type=password],.field input[type=text] {
  z-index: 6;
  position: relative;
  font-size: 100%;
  height: 40px;
  line-height: 20px;
  padding: 10px;
  width: 100%;
  background: 0 0;
  text-overflow: ellipsis;
  color: #000;
}

.select-style {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 120px;
  overflow: hidden;
  background-color: #fff;
  background: #fff;
  position: relative;
  height: 40px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}

.select-style:after {
  top: 50%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #000;
  border-width: 5px;
  margin-top: -2px;
  z-index: 100;
}

.select-style select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 20px;
  padding: 10px 0 10px 10px;
}

.select-style select:focus {
  outline: 0;
}

.field input[type=text].placeholder {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  color: silver;
}

.field.checkbox input[type=text] {
  padding-left: 40px;
}

.field div.checkbox {
  z-index: 7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  background: #e9e9e9;
  text-align: center;
  line-height: 40px;
}

.field div.focus {
  display: none;
}

.field .correctionLabel {
  z-index: 7;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 80%;
  color: gray;
  padding: 0 11px 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.field.correction input[type=text] {
  padding-top: 5px;
  padding-bottom: 15px;
}

.intl-tel-input .selected-flag .arrow {
  display: none;
}

.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text] {
  padding-left: 40px!important;
  z-index: 6!important;
}

.intl-tel-input .flag-dropdown:hover {
  cursor: default!important;
}

.intl-tel-input .flag-dropdown:hover .selected-flag {
  background: 0 0!important;
}

.loader {
  z-index: 5;
  position: relative;
  width: 189px;
  height: 186px;
  margin: 60px auto 0;
}

.loader div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.loader .l_background {
  z-index: 1;
  background: url(../main/loader/bg.png) no-repeat 0 0;
  width: 189px;
  height: 186px;
}

.loader .l_shadow {
  z-index: 2;
  background: url(../main/loader/shadow.png) no-repeat 0 0;
  width: 189px;
  height: 186px;
}

.loader .l_arrows {
  z-index: 2;
  background: url(../main/loader/arrows.png) no-repeat;
  width: 76px;
  height: 76px;
  background-position: 0 0;
  left: 57px;
  top: 1px;
}

.loader .content {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

#tw-loader {
  position: relative;
  margin: 60px auto 0;
  width: 189px;
  height: 186px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTg5cHgiIGhlaWdodD0iMTg2cHgiIHZpZXdCb3g9IjAgMCAxODkgMTg2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODkgMTg2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTE3MS41MDQsMzkuNTUzaC0zNi40NjlDMTM0Ljc0MiwxNy42OTUsMTE2Ljg4MSwwLDk0Ljk1MiwwQzczLjAyNSwwLDU1LjE2NCwxNy42OTUsNTQuODcxLDM5LjU1M0gxNy4wMDgNCglDNy42NTIsMzkuNTUzLDAsNDcuMjA2LDAsNTYuNTYxdjExMi43ODNjMCw5LjM1NCw3LjY1MiwxNy4wMDgsMTcuMDA4LDE3LjAwOGgxNTQuNDk2YzkuMzU1LDAsMTcuMDA4LTcuNjU0LDE3LjAwOC0xNy4wMDhWNTYuNTYxDQoJQzE4OC41MTIsNDcuMjA2LDE4MC44NTksMzkuNTUzLDE3MS41MDQsMzkuNTUzeiBNOTQuOTUyLDIzYzkuMjQ1LDAsMTYuNzc4LDcuMzc5LDE3LjA2OSwxNi41NTNINzcuODg1DQoJQzc4LjE3NCwzMC4zNzksODUuNzA5LDIzLDk0Ljk1MiwyM3oiLz4NCjxnIG9wYWNpdHk9IjAuNSI+DQoJPHBhdGggZD0iTTExMi4wMjEsNDAuNTUzYy0wLjAxMS0wLjMzOC0wLjA1MS0wLjY2Ny0wLjA4MS0xSDc3Ljk2NmMtMC4wMywwLjMzMy0wLjA3LDAuNjYyLTAuMDgxLDFIMTEyLjAyMXoiLz4NCgk8cGF0aCBkPSJNMTcxLjUwNCwzOS41NTNoLTM2LjQ2OUMxMzQuNzQyLDE3LjY5NSwxMTYuODgxLDAsOTQuOTUyLDBDNzMuMDI1LDAsNTUuMTY0LDE3LjY5NSw1NC44NzEsMzkuNTUzSDE3LjAwOA0KCQlDNy42NTIsMzkuNTUzLDAsNDcuMjA2LDAsNTYuNTYxdjFjMC05LjM1NCw3LjY1Mi0xNy4wMDgsMTcuMDA4LTE3LjAwOGgzNy44NjNDNTUuMTY0LDE4LjY5NSw3My4wMjUsMSw5NC45NTIsMQ0KCQljMjEuOTI5LDAsMzkuNzksMTcuNjk1LDQwLjA4MywzOS41NTNoMzYuNDY5YzkuMzU1LDAsMTcuMDA4LDcuNjUzLDE3LjAwOCwxNy4wMDh2LTFDMTg4LjUxMiw0Ny4yMDYsMTgwLjg1OSwzOS41NTMsMTcxLjUwNCwzOS41NTMNCgkJeiIvPg0KPC9nPg0KPC9zdmc+) no-repeat;
}

#tw-loader #tw-loader-arrows {
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 57px;
  width: 76px;
  height: 76px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIiBbDQoJPCFFTlRJVFkgbnNfZmxvd3MgImh0dHA6Ly9ucy5hZG9iZS5jb20vRmxvd3MvMS4wLyI+DQpdPg0KPHN2ZyB2ZXJzaW9uPSIxLjAiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNzZweCIgaGVpZ2h0PSI3NnB4IiB2aWV3Qm94PSItMy4xMzMgLTcuMjMxIDc2IDc2Ig0KCSBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMy4xMzMgLTcuMjMxIDc2IDc2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTY0LjU4OSwyMi45MzNDNjEuMTMyLDkuNzUzLDQ5LjExOSwwLDM0Ljg2OSwwYzAsMCwwLDAtMC4wMDEsMEMyMi43MzEsMCwxMS43MDYsNy4xNjksNi43NzgsMTguMjY0DQoJYy0wLjU2MSwxLjI2MiwwLjAwOCwyLjczOSwxLjI3LDMuMjk5YzEuMjYyLDAuNTYxLDIuNzQtMC4wMDgsMy4yOTktMS4yN0MxNS40NzQsMTEuMDAyLDI0LjcwNyw1LDM0Ljg2OSw1DQoJYzExLjc3NSwwLDIxLjcyMyw3Ljk1NywyNC43NjQsMTguNzc0bC01LjI1NCwwLjg5MWw5LjkzNiwxMS45OTZsNS40Mi0xNC42MDFMNjQuNTg5LDIyLjkzM3oiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MS42ODUsMzkuOTcyYy0xLjI2LTAuNTU5LTIuNzM4LDAuMDEtMy4yOTksMS4yNzFjLTQuMTI3LDkuMjkxLTEzLjM1OSwxNS4yOTMtMjMuNTIxLDE1LjI5Mw0KCWMtMTEuNzc3LDAtMjEuNzI0LTcuOTU3LTI0Ljc2NC0xOC43NzNsNS4yNTItMC44OTNMNS40MiwyNC44NzVMMCwzOS40NzZsNS4xNDMtMC44NzNjMy40NTgsMTMuMTgyLDE1LjQ3MiwyMi45MzQsMjkuNzIzLDIyLjkzNA0KCWMxMi4xMzYsMCwyMy4xNjMtNy4xNjgsMjguMDkxLTE4LjI2NEM2My41MTcsNDIuMDExLDYyLjk0Nyw0MC41MzIsNjEuNjg1LDM5Ljk3MnoiLz4NCjwvc3ZnPg==) no-repeat;
  -webkit-animation: arrows 1.5s infinite linear;
  animation: arrows 1.5s infinite linear;
}

@-webkit-keyframes arrows {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes arrows {
  to {
    transform: rotate(360deg);
  }
}

#tw-loader #tw-loader-content {
  z-index: 2;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  font-size: 130%;
}

div.popup .loader .l_background {
  background-position: 0 0;
}

div.popup .loader .l_shadow {
  background-position: 0 0;
}

.smallLoader {
  vertical-align: middle;
  background: url(../main/loader/small.gif) no-repeat left center;
  min-width: 16px;
  min-height: 16px;
}

span.smallLoader {
  display: inline-block;
}

#fadeBlock .loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#fadeBlock {
  z-index: 76;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .4;
}

div.popup {
  z-index: 100;
  visibility: hidden;
  position: relative;
  background-color: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 366px;
  padding: 32px;
  -webkit-box-shadow: 0 0 40px #000;
  -moz-box-shadow: 0 0 40px #000;
  box-shadow: 0 0 40px #000;
}

div.popup>div.loader {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

div.popup>div.content {
  z-index: 2;
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 30px;
  left: 0;
  padding: 0 30px;
  overflow: auto;
}

div.popup>.overflow-shadow {
  z-index: 100;
  height: 2px;
  background-color: red;
  left: 30px;
  right: 30px;
  bottom: 30px;
  position: absolute;
  background-color: #fff;
  pointer-events: none;
  -webkit-box-shadow: 0 -3px 10px 8px #fff;
  -moz-box-shadow: 0 -3px 10px 8px #fff;
  box-shadow: 0 -3px 10px 8px #fff;
}

div.popup.yellow .wrapper .b,div.popup.yellow .wrapper .t {
  background-image: url(../main/social/popup_tb_yellow.png);
}

div.popup.color .wrapper .b,div.popup.color .wrapper .t {
  background-image: url(../main/social/popup_tb_color.png);
}

div.popup.yellow .wrapper .c {
  background-color: #f5d244;
  color: #512609;
}

div.popup .aSign {
  font-size: 72px;
  white-space: nowrap;
  width: 90px;
  text-align: center;
}

div.popup .comment {
  font-size: 80%;
}

div.popup .comment p:first-child {
  font-family: Roboto,Arial,sans-serif;
  font-weight: 400;
  margin: 5px 0 12px;
}

div.popup ul.disc {
  padding-left: 15px;
}

div.popup ul.disc li {
  list-style: disc;
}

div.popup>div.content1 {
  padding: 30px;
}

div.popup>div.content1>:first-child {
  margin-top: 0;
}

div.popup>div.content1>:last-child {
  margin-bottom: 0;
}

div.popup .reason,div.popup div.popupHeader,div.popup div.title {
  font-size: 140%;
  font-weight: 700;
  font-family: Roboto,Arial,sans-serif;
  font-weight: 400;
}

div.popup .wide_s .button.big,div.popup .wide_s .errorActionButton {
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #009add;
  cursor: pointer;
  border: 0;
  padding: 5px 10px;
}

div.popup .wide_s table td {
  padding: 5px 10px;
  vertical-align: top;
}

div.popup .actionButton {
  padding-top: 10px;
}

.close_button {
  z-index: 7;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 8px;
  right: 8px;
  background: url(../main/social/close_button.png);
  -webkit-background-size: cover;
  background-size: cover;
  cursor: pointer;
}

.cross_close {
  z-index: 7;
  position: absolute;
  height: 21px;
  width: 21px;
  right: 3px;
  top: 3px;
  background: url(../main/social/cross_close.png) no-repeat left top;
  cursor: pointer;
}

.cross_close:hover {
  background-position: -21px 0;
}

.button.disabled,button.disabled,button[disabled],input[type=button].disabled,input[type=button][disabled],input[type=reset].disabled,input[type=reset][disabled],input[type=submit].disabled,input[type=submit][disabled] {
  cursor: default;
  opacity: .3;
}

.button {
  z-index: 1;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}

.button .bg,.button .bg:after,.button .bg:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  background-repeat: no-repeat;
}

.button .bg:before {
  background-position: top left;
}

.button .bg:after {
  background-position: top right;
}

.button.small {
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-size: 80%;
  color: #000;
}

.button.small .bg {
  left: 14px;
  right: 14px;
  background: url(../main/buttons/small_c.png) repeat-x top;
}

.button.small .bg:after,.button.small .bg:before {
  width: 14px;
  background-image: url(../main/buttons/small_lr.png);
}

.button.small .bg:before {
  left: -14px;
}

.button.small .bg:after {
  right: -14px;
}

.button.small.green {
  color: #fff;
}

.button.small.green .bg {
  background-image: url(../main/buttons/small_green_c.png);
}

.button.small.green .bg:after,.button.small.green .bg:before {
  background-image: url(../main/buttons/small_green_lr.png);
}

.button.color {
  padding: 0 10px;
  height: 44px;
  line-height: 44px;
  color: #fff;
}

.button.color .bg {
  left: 25px;
  right: 25px;
  background: url(../main/buttons/big_purple_c.png) repeat-x top;
}

.button.color .bg:after,.button.color .bg:before {
  width: 25px;
}

.button.color .bg:before {
  left: -25px;
}

.button.color .bg:after {
  right: -25px;
}

.button.purple .bg {
  background: url(../main/buttons/big_purple_c.png) repeat-x top;
}

.button.blue .bg {
  background: url(../main/buttons/big_blue_c.png) repeat-x top;
}

.button.red .bg {
  background: url(../main/buttons/big_red_c.png) repeat-x top;
}

.button.purple .bg:after,.button.purple .bg:before {
  background-image: url(../main/buttons/big_purple_lr.png);
}

.button.blue .bg:after,.button.blue .bg:before {
  background-image: url(../main/buttons/big_blue_lr.png);
}

.button.red .bg:after,.button.red .bg:before {
  background-image: url(../main/buttons/big_red_lr.png);
}

.hint {
  z-index: 666;
  position: absolute;
  min-height: 16px;
  min-width: 22px;
  padding: 5px 15px 4px;
  font-size: 80%;
  color: #000;
  background: 0 0;
}

.hint.error {
  z-index: 777;
  color: #fff;
}

.hint.black {
  color: #fff;
}

.hint .abs {
  z-index: -1;
  top: -7px;
  right: -9px;
  bottom: -13px;
  left: -9px;
}

.hint .bl,.hint .br,.hint .tl,.hint .tr {
  width: 20px;
  background-image: url(../main/hint/white_corners.png);
}

.hint.error .bl,.hint.error .br,.hint.error .tl,.hint.error .tr {
  background-image: url(../main/hint/red_corners.png);
}

.hint.black .bl,.hint.black .br,.hint.black .tl,.hint.black .tr {
  background-image: url(../main/hint/black_corners.png);
}

.hint .tl,.hint .tr {
  height: 20px;
}

.hint .bl,.hint .br {
  height: 25px;
}

.hint .b,.hint .t {
  left: 20px;
  right: 20px;
  background-image: url(../main/hint/white_tb.png);
}

.hint.error .b,.hint.error .t {
  background-image: url(../main/hint/red_tb.png);
}

.hint.black .b,.hint.black .t {
  background-image: url(../main/hint/black_tb.png);
}

.hint .t {
  height: 7px;
}

.hint .b {
  height: 13px;
}

.hint .l,.hint .r {
  top: 20px;
  bottom: 25px;
  background-image: url(../main/hint/white_lr.png);
}

.hint.error .l,.hint.error .r {
  background-image: url(../main/hint/red_lr.png);
}

.hint.black .l,.hint.black .r {
  background-image: url(../main/hint/black_lr.png);
}

.hint .l {
  width: 20px;
}

.hint .r {
  width: 20px;
}

.hint .c {
  top: 7px;
  bottom: 13px;
  left: 20px;
  right: 20px;
  background-color: #fff;
}

.hint.error .c {
  background-color: #b80000;
}

.hint.black .c {
  background-color: rgba(0,0,0,.85);
}

.hint .arrUp {
  width: 24px;
  height: 15px;
  top: -7px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url(../main/hint/white_arrUp.png);
}

.hint.error .arrUp {
  background-image: url(../main/hint/red_arrUp.png);
}

.hint.black .arrUp {
  background-image: url(../main/hint/black_arrUp.png);
}

.hint .question {
  display: inline-block;
  background-image: url(../images/QuestionIcon.png);
  width: 17px;
  height: 17px;
  cursor: pointer;
}

.hint .hiddenText {
  display: none;
  margin-top: 10px;
}

.SocialAuth__title {
  font-size: 22px;
  font-family: Roboto,Arial,sans-serif;
  font-weight: 400;
}

.TitleStyle {
  position: absolute;
  overflow: hidden;
  z-index: 666;
  background-color: #fff;
  color: #000;
  padding: 7px 10px;
  font-size: 80%;
  white-space: nowrap;
  -webkit-box-shadow: 0 3px 15px #000;
  -moz-box-shadow: 0 3px 15px #000;
  box-shadow: 0 3px 15px #000;
}

.attention {
  background-color: #ffed00;
  color: #000;
}

#LearnFAQ {
  height: 560px;
  width: 900px;
}

#LearnFAQ .questions {
  overflow: hidden;
  padding: 0;
  margin-top: -30px;
  background-color: #f5d244;
  color: #512609;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.popup .FAQlist .listWrapper {
  height: 480px;
  overflow-y: scroll;
  outline: 0;
  position: absolute;
  top: 50px;
}

.FAQlist .suggestField {
  margin: 0 25px;
}

.FAQlist .suggestField input[type=text] {
  font-size: 20px;
  width: 100%;
  padding: 5px 9px;
}

.popup .FAQlist .comment {
  font-size: 13px;
  padding: 5px;
  line-height: 16px;
}

.popup .FAQlist .Fieldpanel {
  z-index: 2;
  position: absolute;
  padding: 8px 0;
  left: 0;
  right: 0;
  top: 0;
  background: url(../images/topPanel2_grad.png) repeat-x top;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(105,105,105,.6)),to(Black));
  background: -webkit-linear-gradient(top,rgba(105,105,105,.6),#000);
  background: -moz-linear-gradient(top,rgba(105,105,105,.6),#000);
  background: -ms-linear-gradient(top,rgba(105,105,105,.6),#000);
  background: -o-linear-gradient(top,rgba(105,105,105,.6),#000);
  background: linear-gradient(to bottom,rgba(105,105,105,.6),#000);
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.Social {
  position: absolute;
  color: #fff;
  padding: 0;
  font-size: 13px;
  opacity: .99;
  top: 2px;
  right: 0;
}

.Social.friends {
  right: 200px;
  top: 10px;
}

.Social.friends .speak {
  display: inline-block;
  padding-right: 10px;
}

.Social * {
  vertical-align: middle;
}

.Social ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}

.Social ul li {
  display: inline-block;
  margin: 0 2px;
}

.Social .shareable {
  display: inline-block;
}

.Social .img {
  display: inline-block;
  background-image: url(../main/social/social_buttons.png);
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.Social .jj {
  background-position: -63px 0;
}

.Social .fb {
  background-position: -21px 0;
}

.Social .vk {
  background-position: 0 0;
}

.Social .tw {
  background-position: -42px 0;
}

.Contacts .c_info {
  max-height: 500px;
  overflow: auto;
  margin-top: 20px;
}

.contacts-h1 {
  font-size: 26px;
  font-weight: 700;
}

.contacts-h2 {
  margin-top: 16px;
  font-size: 19px;
  font-weight: 700;
}

.About h2,.Contacts h2 {
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 700;
}

.Contacts {
  padding: 0 20px 20px;
  font-size: 13px;
  width: 550px;
}

.Contacts ul {
  margin: 0;
  padding: 0;
}

.Contacts .de_info {
  font-size: 80%;
}

.Contacts .de_info table td {
  padding: 0 20px 0 0;
}

.popup.Contacts li {
  margin: 2px 0;
  list-style: none;
}

.Contacts .email {
  unicode-bidi: bidi-override;
  direction: rtl;
}

.About {
  width: 640px!important;
}

.About .wrapper {
  display: none;
}

.About .close_button {
  top: 10px;
  right: 10px;
}

.popup.commonPopup {
  padding: 20px 20px 0;
  width: 640px;
}

.commonPopup .header {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 10px;
}

.commonPopup .text {
  padding: 10px 0;
  font-size: 90%;
}

.commonPopup .p {
  padding: 5px 0;
}

.commonPopup .smallText {
  font-size: 14px;
}

.commonPopup .Comment {
  padding-bottom: 10px;
}

.commonPopup #notAgree {
  float: right;
}

.commonPopup span#notAgree {
  margin-top: 10px;
}

.commonPopup button {
  font-size: 20px;
}

.commonPopup.small button {
  font-size: 100%;
}

.popup.regConfirm {
  width: 680px;
}

.popup .comment ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.popup .comment li {
  list-style: disc;
}

.PopupForm {
  z-index: 77;
  position: absolute;
  display: block;
  top: 100px;
  right: 0;
  left: 0;
  width: 366px;
  margin: auto;
  padding: 32px;
  color: #000;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 40px #000;
  -moz-box-shadow: 0 0 40px #000;
  box-shadow: 0 0 40px #000;
}

.PopupForm div.popupTitle {
  font-size: 30px;
  text-align: center;
  margin-bottom: 8px;
}

.PopupForm .field,.PopupForm table {
  width: 100%;
}

#SocialRegAuth .hide {
  display: none;
}

.SocialForm .field input[type=password],.SocialForm .field input[type=text] {
  z-index: 6;
  position: relative;
  font-size: 100%;
  height: 56px;
  line-height: 20px;
  padding: 10px;
  width: 100%;
  background: 0 0;
}

.SocialForm .field input[type=text].placeholder {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  color: silver;
}

.SocialForm .text {
  font-family: Roboto,Arial,sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #96989c;
  margin-bottom: 8px;
}

.SocialForm ul {
  margin: 16px 0 24px;
  padding: 0;
  font-size: 0;
  text-align: center;
  display: block;
  list-style: none;
}

.SocialForm .social_list li {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 33px;
  margin-right: 24px;
}

.SocialForm .social_list li:last-child {
  margin-right: 0;
}

.SocialForm .social_list a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../main/social/social_auth.png) no-repeat;
}

.SocialForm .social_list .fb {
  background-position: -5px -5px;
}

.SocialForm .social_list .tw {
  background-position: -89px -5px;
}

.SocialForm .social_list .vk {
  background-position: -89px -47px;
}

.SocialForm .social_list .ok {
  background-position: -47px -47px;
}

.SocialForm .social_list .ya {
  background-position: -136px 0;
}

.SocialForm .social_list .mr {
  background-position: -47px -5px;
}

.SocialForm .social_list .lj {
  background-position: -204px 0;
}

.SocialForm .headName {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
  padding-top: 10px;
}

#SocialReg .addSpace {
  padding-bottom: 7px;
}

.SocialForm .pos_but {
  box-sizing: border-box;
  width: 100%;
  height: 49px;
  line-height: 49px;
  margin: 24px 0 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #009add;
  cursor: pointer;
  border: 0;
  text-transform: uppercase;
}

#SocialReg .pos_but {
  right: 19px;
}

.SocialForm .Error {
  font-size: 80%;
  padding: 3px 0;
  margin-top: 5px;
  text-align: center;
  color: #fff;
  background-color: red;
}

.SocialForm .pf_email,.SocialForm .pf_pas,.SocialForm .pf_repeatPas,.SocialForm .remind_email {
  border: 1px solid #e6e6e6;
}

.PopupForm.dual .passCell {
  text-align: right;
  margin-top: 8px;
}

.SocialForm .passCell .getNewPas {
  display: inline-block;
  font-size: 12px;
  color: #009add;
  border-bottom: 1px dashed #009add;
  cursor: pointer;
}

.SocialForm .SocialAuth__actionType {
  margin-top: 15px;
  text-align: center;
  font-size: 12px;
  color: #009add;
  cursor: pointer;
}

.SocialForm .savePas {
  font-size: 80%;
  padding-top: 10px;
}

.SocialForm .savePas input {
  margin-right: 5px;
}

.SocialForm .agreement {
  padding-top: 10px;
  text-align: left;
}

.SocialForm .agreement-link {
  color: #009add;
}

.SocialForm .checkbox {
  color: #212121;
  margin: 0 3px 3px 0;
}

.popup.sendPasPopup {
  width: 336px;
  padding: 16px 32px;
  background-color: #fff;
}

.popup.sendPasPopup .smallText {
  font-size: 13px;
  font-family: Roboto,Arial,sans-serif;
  font-weight: 400;
  text-align: center;
}

.popup.sendPasPopup {
  padding: 20px;
}

.popup.sendPasPopup .header {
  text-align: center;
  margin-bottom: 8px;
  font-size: 22px;
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

.popup .color_green {
  color: green;
  margin-bottom: 15px;
}

.popup .color_orange {
  color: #ff9000;
}

#layout_body .WelcomeRegister {
  width: 1000px;
  position: relative;
  margin: 0 -20px 50px;
}

.WelcomeRegister .innerContent {
  position: relative;
  z-index: 1;
  width: 1000px;
  height: 520px;
  background: url(../images/welcome/welcome.jpg) no-repeat 0 0;
  color: #fff;
}

.WelcomeRegister .innerContent {
  font-family: Helvetica,Arial,sans-serif;
}

.WelcomeRegister .innerContent .title {
  font-size: 35px;
  font-weight: 400;
  padding-top: 165px;
  text-transform: uppercase;
  text-align: center;
}

.WelcomeRegister .innerContent .summary {
  text-align: center;
  font-size: 28px;
  padding: 30px 0;
}

.welcomeRegisterForm .control-group {
  width: 250px;
  position: relative;
  font-size: 16px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}

.welcomeRegisterForm input[type=text] {
  height: 40px;
  width: 250px;
  padding: 7px 17px;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #000;
}

.welcomeRegisterForm .suggestField input[tabindex] {
  color: #b6baba;
}

.welcomeRegisterForm input[type=text].placeholder {
  color: #7e7e7e;
}

.welcomeRegisterForm input[type=text]::-webkit-input-placeholder {
  color: #7e7e7e;
}

.welcomeRegisterForm input[type=text]:-moz-placeholder {
  color: #7e7e7e;
}

.welcomeRegisterForm input[type=text]::-moz-placeholder {
  color: #7e7e7e;
}

.welcomeRegisterForm input[type=text]:-ms-input-placeholder {
  color: #7e7e7e;
}

.welcomeRegisterForm .email-group .abs.bg.focus {
  visibility: hidden;
}

.welcomeRegisterForm .email-group input {
  background: #fff;
  position: static!important;
}

.welcomeRegisterForm .submit-group {
  width: auto;
}

.welcomeRegisterForm .submit-group button {
  color: #f0c13c;
  border: 1px solid #f0c13c;
  padding: 4px 17px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.welcomeRegisterForm .email-city {
  border: none;
  text-align: center;
}

.welcomeRegisterForm .city-group {
  text-align: left;
}

.popup {
  box-sizing: border-box;
}

.popup.wsMobile {
  width: 784px;
  font-family: Helvetica,Arial,sans-serif;
  -webkit-transform: translateZ(0);
}

.wsMobile .wsTable {
  width: 100%;
  table-layout: fixed;
}

.wsMobile .wsTable td:last-child {
  vertical-align: top;
  background-color: #fff;
}

.wsMobile .plane {
  position: relative;
  height: 408px;
  z-index: 1;
  color: #fff;
  font-size: 24px;
}

.wsMobile .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(../images/welcome/m_welcome.jpg) no-repeat 0 0;
  width: 392px;
  height: 408px;
}

.wsMobile .img:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .4;
}

.wsMobile .otstart {
  text-align: center;
  padding-top: 24px;
  line-height: 32px;
}

.wsMobile .about_ak,.wsMobile .about_hotels {
  display: table-cell;
  text-transform: uppercase;
  font-size: 10px;
  padding: 188px 0 0 32px;
}

.wsMobile .about_ak {
  padding-left: 64px;
}

.wsMobile .about_ak div,.wsMobile .about_hotels div {
  font-weight: 700;
  font-size: 24px;
  width: 116px;
  border-bottom: 1px solid;
  margin-bottom: 8px;
}

.wsMobile form {
  margin: 16px;
}

.wsMobile .about {
  font-size: 24px;
  line-height: 32px;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 16px;
}

.wsMobile .control-group {
  display: block;
  width: 100%;
  padding: 8px 0;
}

.wsMobile .email-city {
  padding: 0;
  margin: 0;
}

.wsMobile .welcomeRegisterForm input[type=text] {
  width: 100%;
  border: none;
}

.wsMobile .field {
  width: 100%;
}

.wsMobile .welcomeRegisterForm .email-group input,.wsMobile .welcomeRegisterForm .suggestField input[tabindex] {
  background: #f2f2f2;
}

.wsMobile .welcomeRegisterForm .submit-group {
  padding: 24px 0 48px;
}

.wsMobile .welcomeRegisterForm .submit-group button {
  width: 100%;
  background-color: #6cc070;
  border: none;
  color: #fff;
  text-transform: none;
}

.wsMobile .nthx {
  text-align: center;
}

.wsMobile .change {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  color: #b6baba;
  cursor: pointer;
  border-bottom: 1px dashed;
  font-size: 16px;
}

.welcomeRegisterForm .suggestField input[type=text] {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 7px 16px;
}

.welcomeRegisterForm .suggestField .abs.bg .b,.welcomeRegisterForm .suggestField .abs.bg .bl,.welcomeRegisterForm .suggestField .abs.bg .br,.welcomeRegisterForm .suggestField .abs.bg .l,.welcomeRegisterForm .suggestField .abs.bg .r,.welcomeRegisterForm .suggestField .abs.bg .t,.welcomeRegisterForm .suggestField .abs.bg .tl,.welcomeRegisterForm .suggestField .abs.bg .tr {
  background: #fff;
}

.welcomeRegisterForm .suggestField .abs.bg .b,.welcomeRegisterForm .suggestField .abs.bg .bl,.welcomeRegisterForm .suggestField .abs.bg .br,.welcomeRegisterForm input[type=text] {
  border-bottom: 1px solid #ccc;
}

.welcomeRegisterForm .suggestField .abs.glow {
  display: none;
}

.welcomeRegisterForm .submit-fieldset {
  margin: 0;
  padding: 15px 0 0 0;
  border: none;
}

.suggest.welcome-city-suggest {
  min-width: 250px;
  max-width: 340px;
  top: 40px;
  left: 4px;
  z-index: 999;
  font-size: 15px;
}

.suggest.welcome-city-suggest table td.code {
  display: none;
}

.welcomeRegisterForm .city-helper input[type=text] {
  padding-left: 108px;
}

.welcomeRegisterForm .city-helper .city-label {
  position: absolute;
  top: 11px;
  left: 16px;
  z-index: 10;
  color: #b6baba;
  font-size: 16px;
}

.suggest {
  z-index: 78;
  position: absolute;
  margin-top: 2px;
  background: #fff;
  color: #000;
  border: 1px solid #535353;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  -webkit-box-shadow: 10px 10px 14px 14px rgba(0,0,0,.4);
  -moz-box-shadow: 10px 10px 14px 14px rgba(0,0,0,.4);
  box-shadow: 10px 10px 14px 14px rgba(0,0,0,.4);
}

.suggest ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.suggest li {
  display: block;
  margin: 0;
  padding: .4em 10px;
}

.suggest li:last-child {
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

.suggest li.hover,.suggest li:hover {
  cursor: pointer;
  background: #78a8cc url(../images/suggestHoverRow.gif) repeat-x top;
  background-size: 100% 100%;
  background: -webkit-linear-gradient(top,#9cc1de,#bbdbf4 1px,#78a8cc);
  background: -moz-linear-gradient(top,#9cc1de,#bbdbf4 1px,#78a8cc);
  background: -ms-linear-gradient(top,#9cc1de,#bbdbf4 1px,#78a8cc);
  background: -o-linear-gradient(top,#9cc1de,#bbdbf4 1px,#78a8cc);
  background: linear-gradient(to bottom,#9cc1de,#bbdbf4 1px,#78a8cc);
}

.suggest span {
  color: #7f7f7f;
}

.suggest table {
  border-collapse: collapse;
  width: 100%;
}

.suggest table td {
  padding: 0;
  vertical-align: baseline;
}

.suggest table td.code {
  color: #7f7f7f;
  font: small "Lucida Console",Monaco,monospace;
  width: 3ex;
  padding-left: 1em;
}

.StarsInformation {
  cursor: help;
}

.stars_block {
  display: inline-block;
}

.stars_baloon {
  color: #000;
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  display: none;
}

.stars_baloon .wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.stars_baloon .b,.stars_baloon .bl,.stars_baloon .br,.stars_baloon .l,.stars_baloon .r,.stars_baloon .t,.stars_baloon .tl,.stars_baloon .tr {
  position: absolute;
}

.stars_baloon .bl,.stars_baloon .br,.stars_baloon .tl,.stars_baloon .tr {
  background-image: url(../images/stars/baloon_borders2.png);
  width: 60px;
}

.revert.stars_baloon .bl,.revert.stars_baloon .br,.revert.stars_baloon .tl,.revert.stars_baloon .tr {
  background-image: url(../images/stars/baloon_borders2_revert.png);
}

.stars_baloon .b,.stars_baloon .t {
  background: url(../images/stars/baloon_tb2.png) repeat-x;
  left: 45px;
  right: 45px;
}

.stars_baloon .l,.stars_baloon .r {
  background: url(../images/stars/baloon_lr.png) repeat-y;
  width: 15px;
  top: 0;
  bottom: 0;
}

.stars_baloon .t,.stars_baloon .tl,.stars_baloon .tr {
  height: 20px;
  top: -20px;
}

.stars_baloon .b,.stars_baloon .bl,.stars_baloon .br {
  height: 27px;
  bottom: -27px;
}

.stars_baloon .bl,.stars_baloon .l,.stars_baloon .tl {
  left: -15px;
}

.stars_baloon .br,.stars_baloon .r,.stars_baloon .tr {
  right: -15px;
}

.stars_baloon .l {
  background-position: 0 0;
}

.stars_baloon .r {
  background-position: -15px 0;
}

.stars_baloon .tl {
  background-position: 0 0;
}

.stars_baloon .tr {
  background-position: -60px 0;
}

.stars_baloon .br {
  background-position: -60px -20px;
}

.stars_baloon .bl {
  background-position: 0 -20px;
}

.stars_baloon .t {
  background-position: 0 0;
}

.stars_baloon .b {
  background-position: 0 -20px;
}

.bottom.stars_baloon .bl,.bottom.stars_baloon .br,.bottom.stars_baloon .tl,.bottom.stars_baloon .tr {
  background-image: url(../images/stars/baloon_borders2_bottom.png);
}

.revert.bottom.stars_baloon .bl,.revert.bottom.stars_baloon .br,.revert.bottom.stars_baloon .tl,.revert.bottom.stars_baloon .tr {
  background-image: url(../images/stars/baloon_borders2_bottom_revert.png);
}

.bottom.stars_baloon .t,.bottom.stars_baloon .tl,.bottom.stars_baloon .tr {
  height: 27px;
  top: -27px;
}

.bottom.stars_baloon .b,.bottom.stars_baloon .bl,.bottom.stars_baloon .br {
  height: 20px;
  bottom: -20px;
}

.bottom.stars_baloon .tl {
  background-position: 0 0;
}

.bottom.stars_baloon .tr {
  background-position: -60px 0;
}

.bottom.stars_baloon .br {
  background-position: -60px 20px;
}

.bottom.stars_baloon .bl {
  background-position: 0 20px;
}

.bottom.stars_baloon .b,.bottom.stars_baloon .t {
  background: url(../images/stars/baloon_tb2_bottom.png) repeat-x;
}

.bottom.stars_baloon .t {
  background-position: 0 0;
}

.bottom.stars_baloon .b {
  background-position: 0 -27px;
}

.stars_baloon .cross_close {
  right: 0;
  top: -8px;
}

.stars_baloon .content {
  font-size: 13px;
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  margin: -5px 0;
}

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

.stars_baloon .content ul li {
  display: block;
  margin: 0;
  padding: 1px 0;
  white-space: nowrap;
}

.stars_baloon .content ul li div {
  display: inline-block;
}

.stars_baloon .content .info_stars {
  background: url(../images/stars/BaloonStar.png) repeat-x;
  height: 13px;
  width: 14px;
}

.stars_baloon .content .info_half_stars {
  background: url(../images/stars/BaloonHalfStar.png) no-repeat;
  height: 13px;
  width: 14px;
}

.stars_baloon .content .info_empty_stars {
  background: url(../images/stars/BaloonGrayStar.png) repeat-x;
  height: 13px;
  width: 14px;
}

.stars_baloon .content .comment {
  margin-left: 10px;
  font-size: 13px;
}

.airport_info_balloon .content {
  min-height: 17px;
  min-width: 70px;
}

.airport_info_balloon .smallLoader {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
}

.emptystar,.graystar,.halfgraystar,.halfstar,.star {
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

.star {
  background: url(../images/stars/Star.png) repeat-x;
  margin-left: 5px;
}

.halfstar {
  background: url(../images/stars/HalfStar.png) no-repeat;
}

.emptystar {
  background: url(../images/stars/EmptyStar.png) repeat-x;
}

.graystar {
  background: url(../images/stars/GrayStar.png) repeat-x;
}

.halfgraystar {
  background: url(../images/stars/HalfGrayStar.png) no-repeat;
}

.icon_home,.icon_info_sign,.icon_map_marker,.icon_temperature_negative,.icon_temperature_positive,.icon_time {
  display: inline-block;
  background: url(../images/airport_icons.png) no-repeat;
}

.icon_temperature_negative,.icon_temperature_positive {
  width: 15px;
  height: 15px;
}

.icon_temperature_positive {
  background-position: 0 0;
}

.icon_temperature_negative {
  width: 14px;
  background-position: -15px 0;
}

.icon_map_marker {
  width: 9px;
  height: 13px;
  background-position: -29px 0;
}

.icon_home {
  width: 13px;
  height: 13px;
  background-position: -38px 0;
}

.icon_info_sign {
  width: 12px;
  height: 13px;
  background-position: -63px 0;
}

.icon_time {
  width: 12px;
  height: 13px;
  background-position: -51px 0;
}

.airport_info_balloon .icon_home,.airport_info_balloon .icon_info_sign,.airport_info_balloon .icon_map_marker,.airport_info_balloon .icon_temperature_negative,.airport_info_balloon .icon_temperature_positive,.airport_info_balloon .icon_time {
  margin: 0;
  position: absolute;
  left: 0;
  top: 2px;
}

.airport_info_balloon .icon_temperature_negative,.airport_info_balloon .icon_temperature_positive {
  top: 1px;
}

.airport_info_balloon .icon_map_marker {
  left: 2px;
}

.airport_info_balloon .icon_info_sign,.airport_info_balloon .icon_time {
  left: 1px;
}

.airport_info_balloon ul.airport_info_list li {
  padding-left: 18px;
  margin: 5px 0;
  position: relative;
}

.zingaya {
  position: relative;
  display: inline-block;
  color: #fff;
  cursor: pointer;
  margin: 0 0 0 20px;
  line-height: 30px;
  min-width: 100px;
  z-index: 1;
  white-space: nowrap;
  text-align: center;
}

.faqOverlay .zingaya {
  margin: 10px 0 0 0;
}

.zingaya .online_call {
  margin-left: 10px;
  margin-top: -1px;
  padding: 0 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.zingaya .bg,.zingaya .bg .l,.zingaya .bg .r {
  position: absolute;
  top: 0;
  bottom: 0;
}

.zingaya .bg {
  left: 15px;
  right: 20px;
  background-image: url(../images/map/button_bg.png);
  background-repeat: repeat-x;
  z-index: -1;
}

.zingaya .bg .l,.zingaya .bg .r {
  background-image: url(../images/map/button_lr.png);
}

.zingaya .bg .l {
  width: 15px;
  left: -15px;
  background-position: 0 0;
}

.zingaya .bg .r {
  width: 20px;
  right: -20px;
  background-position: -15px 0!important;
}

.bonusPocket {
  margin-top: 20px;
  min-height: 81px;
  color: #000;
  background: url(../images/bonus_pocket.png) no-repeat left top;
  padding-left: 90px;
}

.bonusPocket .bonuses,.bonusPocket .bonusesIn,.bonusPocket .useBonuses {
  font-size: 80%;
}

.bonusPocket .bonusAmount,.bonusPocket .strong {
  font-size: 130%;
  font-weight: 700;
}

.freezeContent .bonusPocket .bonusAmount,.freezeContent .bonusPocket .strong {
  font-size: 100%;
  font-weight: 400;
}

.metaSearchers,.usedPromo {
  font-size: 80%;
  padding: 10px 0 0;
  font-weight: 700;
}

button.submit {
  padding: 0 0 0 25px;
  min-width: 165px;
  height: 45px;
  line-height: 45px;
  font-size: 19px;
  color: #fff;
  background: url(../images/button_green3.png) no-repeat;
  position: relative;
  overflow: visible;
  border-right: 25px solid transparent;
  background-clip: padding-box;
}

button.submit:after {
  background: url(../images/button_green3.png) top right no-repeat;
  content: ' ';
  display: inline-block;
  margin-right: -25px;
  position: relative;
  float: right;
  width: 25px;
  height: 100%;
}

button.submit-small {
  padding: 0 0 0 25px;
  min-width: 100px;
  height: 32px;
  font-size: 14px;
  color: #fff;
  margin-right: 25px;
  background: url(../images/button_green2.png) no-repeat;
  position: relative;
  overflow: visible;
}

button.submit-small:after {
  background: url(../images/button_green2.png) top right no-repeat;
  content: ' ';
  display: inline-block;
  position: absolute;
  right: -25px;
  top: 0;
  width: 25px;
  height: 100%;
}

.popup_content {
  position: relative;
}

.loadingOverlay {
  background-color: #333;
  background: url(../main/loader/login.gif) #333 no-repeat center center;
  opacity: .8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}

.captcha_form>#recaptcha {
  margin-top: 8px;
  margin-bottom: 8px;
}

.captcha_form {
  height: 220px;
}

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

div::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

div::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.comib {
  display: inline-block;
  outline: 0;
}

.comib img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.loader-disable-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.3);
  z-index: 10;
}

body.loader-disable-overlay--is-visible .button.back {
  display: none;
}

body.loader-disable-overlay--is-visible div#layout_body {
  z-index: 11;
}

.visaPopup .close_button {
  background: url(../images/close_button_white.png) no-repeat;
  height: 24px;
  width: 24px;
  top: 15px;
  right: 15px;
}

.visaPopup {
  height: 220px;
}

.visaPopup .logo {
  height: 220px;
  width: 200px;
  float: left;
}

.visaPopup .logo img {
  margin-left: 22px;
}

.visaPopup .content h1 {
  font-size: 21px;
}

.visaPopup .content h2 {
  font-size: 13px;
  line-height: 21px;
  margin-top: 20px;
}

.visaPopup .content a {
  text-decoration: none;
  border-bottom: 1px dashed;
  font-size: 13px;
}

#debug_env_id {
  position: fixed;
  top: 16px;
  left: 16px;
  padding: 8px;
  z-index: 100;
}

#debug_env_id:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  border-radius: 3px;
  opacity: .6;
  z-index: -1;
}

#debug_env_id .info_row {
  color: tomato;
  font-size: 13px;
}

#debug_env_id .info_row_title {
  color: #adff2f;
  font-size: 13px;
}

@media screen and (max-width:425px) {
  .PopupForm,.PopupForm.dual,div.popup {
    width: 320px;
  }

  .SocialForm .social_list li {
    margin-right: 20px;
  }

  div.popup {
    padding: 32px 5px;
  }
}

.no-wrap {
  white-space: nowrap;
}

.Card__BtnGroup__Container:after,.Card__BtnGroup__Container:before,.Popup__Footer__Container:after,.Popup__Footer__Container:before,.Row:after,.Row:before,.Row__Col:after,.Row__Col:before,.Section--Create__Step:after,.Section--Create__Step:before,.ToggleGroup:after,.ToggleGroup:before {
  clear: both;
  content: '';
  display: table;
}

@font-face {
  font-family:IntroBold;src:url(../loyalty/src/fonts/intro-bold-webfont.eot);src:url(../loyalty/src/fonts/intro-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../loyalty/src/fonts/intro-bold-webfont.woff2) format("woff2"),url(../loyalty/src/fonts/intro-bold-webfont.woff) format("woff"),url(../loyalty/src/fonts/intro-bold-webfont.ttf) format("truetype");font-weight:400;font-style:normal;
}

:root {
  font-size: 10px;
}

body {
  min-width: 0;
  font-family: 'Helvetica Neue',Arial,sans-serif;
  counter-reset: step;
  display: block!important;
}

body.popup-opened {
  overflow: hidden;
}

@media only screen and (max-width:768px) {
  body.popup-opened {
    position: fixed;
    left: 0;
    right: 0;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea:focus {
  outline: 0;
}

#topPanel {
  display: none;
}

@media only screen and (min-width:1000px) {
  #topPanel {
    display: block;
  }
}

.dm_selected span {
  display: none;
}

@media only screen and (min-width:1130px) {
  .dm_selected span {
    display: inline;
  }
}

.SocialForm {
  font-family: Roboto,Arial,sans-serif;
  font-weight: 300;
}

.SocialForm .field input[type=password],.SocialForm .field input[type=text] {
  font-size: 16px;
}

.SocialForm .passCell .getNewPas {
  font-size: 12px;
}

.hint {
  font-size: 12px;
}

div.popup.loader {
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

div.popup .reason {
  font-size: 24px;
}

div.popup .comment {
  font-size: 13px;
}

div.popup .button.small {
  font-size: 13px;
}

div.popup.regConfirm {
  padding-bottom: 20px;
}

div.popup.regConfirm .header {
  font-size: 24px;
}

div.popup.regConfirm .text {
  font-size: 14.4px;
}

div.popup.regConfirm .button {
  font-size: 20px;
}

#fadeBlock {
  position: fixed;
}

.RowContainer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.Row {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.Row__Col {
  float: left;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.Row__Col__1 {
  width: 8.33333%;
}

.Row__Col__Offset--1 {
  margin-left: 8.33333%;
}

.Row__Col__2 {
  width: 16.66667%;
}

.Row__Col__Offset--2 {
  margin-left: 16.66667%;
}

.Row__Col__3 {
  width: 25%;
}

.Row__Col__Offset--3 {
  margin-left: 25%;
}

.Row__Col__4 {
  width: 33.33333%;
}

.Row__Col__Offset--4 {
  margin-left: 33.33333%;
}

.Row__Col__5 {
  width: 41.66667%;
}

.Row__Col__Offset--5 {
  margin-left: 41.66667%;
}

.Row__Col__6 {
  width: 50%;
}

.Row__Col__Offset--6 {
  margin-left: 50%;
}

.Row__Col__7 {
  width: 58.33333%;
}

.Row__Col__Offset--7 {
  margin-left: 58.33333%;
}

.Row__Col__8 {
  width: 66.66667%;
}

.Row__Col__Offset--8 {
  margin-left: 66.66667%;
}

.Row__Col__9 {
  width: 75%;
}

.Row__Col__Offset--9 {
  margin-left: 75%;
}

.Row__Col__10 {
  width: 83.33333%;
}

.Row__Col__Offset--10 {
  margin-left: 83.33333%;
}

.Row__Col__11 {
  width: 91.66667%;
}

.Row__Col__Offset--11 {
  margin-left: 91.66667%;
}

.Row__Col__12 {
  width: 100%;
}

.Row__Col__Offset--12 {
  margin-left: 100%;
}

@media only screen and (min-width:480px) {
  .Row__Col--Sm__1 {
    width: 8.33333%;
  }

  .Row__Col--Sm__Offset--1 {
    margin-left: 8.33333%;
  }

  .Row__Col--Sm__2 {
    width: 16.66667%;
  }

  .Row__Col--Sm__Offset--2 {
    margin-left: 16.66667%;
  }

  .Row__Col--Sm__3 {
    width: 25%;
  }

  .Row__Col--Sm__Offset--3 {
    margin-left: 25%;
  }

  .Row__Col--Sm__4 {
    width: 33.33333%;
  }

  .Row__Col--Sm__Offset--4 {
    margin-left: 33.33333%;
  }

  .Row__Col--Sm__5 {
    width: 41.66667%;
  }

  .Row__Col--Sm__Offset--5 {
    margin-left: 41.66667%;
  }

  .Row__Col--Sm__6 {
    width: 50%;
  }

  .Row__Col--Sm__Offset--6 {
    margin-left: 50%;
  }

  .Row__Col--Sm__7 {
    width: 58.33333%;
  }

  .Row__Col--Sm__Offset--7 {
    margin-left: 58.33333%;
  }

  .Row__Col--Sm__8 {
    width: 66.66667%;
  }

  .Row__Col--Sm__Offset--8 {
    margin-left: 66.66667%;
  }

  .Row__Col--Sm__9 {
    width: 75%;
  }

  .Row__Col--Sm__Offset--9 {
    margin-left: 75%;
  }

  .Row__Col--Sm__10 {
    width: 83.33333%;
  }

  .Row__Col--Sm__Offset--10 {
    margin-left: 83.33333%;
  }

  .Row__Col--Sm__11 {
    width: 91.66667%;
  }

  .Row__Col--Sm__Offset--11 {
    margin-left: 91.66667%;
  }

  .Row__Col--Sm__12 {
    width: 100%;
  }

  .Row__Col--Sm__Offset--12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width:768px) {
  .Row__Col--Md__1 {
    width: 8.33333%;
  }

  .Row__Col--Md__Offset--1 {
    margin-left: 8.33333%;
  }

  .Row__Col--Md__2 {
    width: 16.66667%;
  }

  .Row__Col--Md__Offset--2 {
    margin-left: 16.66667%;
  }

  .Row__Col--Md__3 {
    width: 25%;
  }

  .Row__Col--Md__Offset--3 {
    margin-left: 25%;
  }

  .Row__Col--Md__4 {
    width: 33.33333%;
  }

  .Row__Col--Md__Offset--4 {
    margin-left: 33.33333%;
  }

  .Row__Col--Md__5 {
    width: 41.66667%;
  }

  .Row__Col--Md__Offset--5 {
    margin-left: 41.66667%;
  }

  .Row__Col--Md__6 {
    width: 50%;
  }

  .Row__Col--Md__Offset--6 {
    margin-left: 50%;
  }

  .Row__Col--Md__7 {
    width: 58.33333%;
  }

  .Row__Col--Md__Offset--7 {
    margin-left: 58.33333%;
  }

  .Row__Col--Md__8 {
    width: 66.66667%;
  }

  .Row__Col--Md__Offset--8 {
    margin-left: 66.66667%;
  }

  .Row__Col--Md__9 {
    width: 75%;
  }

  .Row__Col--Md__Offset--9 {
    margin-left: 75%;
  }

  .Row__Col--Md__10 {
    width: 83.33333%;
  }

  .Row__Col--Md__Offset--10 {
    margin-left: 83.33333%;
  }

  .Row__Col--Md__11 {
    width: 91.66667%;
  }

  .Row__Col--Md__Offset--11 {
    margin-left: 91.66667%;
  }

  .Row__Col--Md__12 {
    width: 100%;
  }

  .Row__Col--Md__Offset--12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width:1024px) {
  .Row__Col--Lg__1 {
    width: 8.33333%;
  }

  .Row__Col--Lg__Offset--1 {
    margin-left: 8.33333%;
  }

  .Row__Col--Lg__2 {
    width: 16.66667%;
  }

  .Row__Col--Lg__Offset--2 {
    margin-left: 16.66667%;
  }

  .Row__Col--Lg__3 {
    width: 25%;
  }

  .Row__Col--Lg__Offset--3 {
    margin-left: 25%;
  }

  .Row__Col--Lg__4 {
    width: 33.33333%;
  }

  .Row__Col--Lg__Offset--4 {
    margin-left: 33.33333%;
  }

  .Row__Col--Lg__5 {
    width: 41.66667%;
  }

  .Row__Col--Lg__Offset--5 {
    margin-left: 41.66667%;
  }

  .Row__Col--Lg__6 {
    width: 50%;
  }

  .Row__Col--Lg__Offset--6 {
    margin-left: 50%;
  }

  .Row__Col--Lg__7 {
    width: 58.33333%;
  }

  .Row__Col--Lg__Offset--7 {
    margin-left: 58.33333%;
  }

  .Row__Col--Lg__8 {
    width: 66.66667%;
  }

  .Row__Col--Lg__Offset--8 {
    margin-left: 66.66667%;
  }

  .Row__Col--Lg__9 {
    width: 75%;
  }

  .Row__Col--Lg__Offset--9 {
    margin-left: 75%;
  }

  .Row__Col--Lg__10 {
    width: 83.33333%;
  }

  .Row__Col--Lg__Offset--10 {
    margin-left: 83.33333%;
  }

  .Row__Col--Lg__11 {
    width: 91.66667%;
  }

  .Row__Col--Lg__Offset--11 {
    margin-left: 91.66667%;
  }

  .Row__Col--Lg__12 {
    width: 100%;
  }

  .Row__Col--Lg__Offset--12 {
    margin-left: 100%;
  }
}

.HeadingGroup--WithBorder {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #e7e7e7;
}

.PreHeading {
  font-size: 1.4rem;
}

.Heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Helvetica Neue',Arial,sans-serif;
  font-weight: 700;
  color: #fff;
}

.wf-active .Heading {
  font-family: IntroBold,sans-serif;
}

.Heading--1 {
  font-size: 2.8rem;
}

.Heading--2 {
  font-size: 2.4rem;
}

.Heading__TotalPrice {
  font-weight: 700;
}

.navbar {
  margin: auto;
  width: 700px;
  font-weight: 500;
  text-align: left;
}

@media only screen and (max-width:767px) {
  .navbar {
    z-index: 5;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    width: 96%;
    overflow-y: scroll;
    transition: height .6s;
    height: auto;
  }
}

.navbar:after {
  content: "";
  display: table;
  clear: both;
}

.navbar-logo {
  float: left;
  margin-right: 50px;
  width: 80px;
  height: 80px;
  margin-top: -18px;
  position: relative;
  z-index: 2;
  display: none;
}

.navbar-items {
  font-size: 0;
  margin: 0 auto;
  width: 575px;
}

@media only screen and (max-width:767px) {
  .navbar-items {
    display: block;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    position: relative;
    width: 100%;
    border-radius: 2px;
    height: auto;
    background-color: rgba(58,58,58,.95);
  }
}

.navbar-wrapper-open {
  height: 272px;
  overflow-y: scroll;
}

.navbar-wrapper-open::-webkit-scrollbar-thumb {
  background-color: grey;
}

.navbar-wr {
  height: auto;
}

.navbar > .navbar-items > .navbar-wrapper > .navbar-wr {
  text-align: center;
}

.navbar-item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 14px;
  padding: 6px 8px;
  border: 1px solid;
  border-radius: 1px;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  color: rgba(255,255,255,.6);
  transition: color .3s;
  line-height: 1.2;
  user-select: none;
  font-family: Roboto,Arial,sans-serif;
  letter-spacing: .65px;
}

@media only screen and (max-width:767px) {
  .navbar-item {
    margin: 0;
    border: none;
    display: block;
    text-align: left;
    position: relative;
    text-transform: none;
    font-size: 16px;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 11px 0 38px;
  }
}

@media only screen and (max-width:330px) {
  .navbar-item {
    font-size: 15px;
  }
}

.navbar-item.active {
  color: #fff;
  cursor: default;
}

@media only screen and (max-width:767px) {
  .navbar-item.active:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 15px;
    top: 20px;
    border-radius: 10px;
    background-color: #ffd41e;
  }
}

.navbar-item:hover {
  color: #fff;
}

.navbar-item-active {
  padding: 0 14px;
}

.navbar-item-active:before {
  display: none!important;
}

.ismob {
  display: none!important;
}

@media only screen and (max-width:767px) {
  .ismob {
    display: block!important;
  }
}

.navbar-icon {
  display: none;
}

@media only screen and (max-width:767px) {
  .navbar-icon {
    display: block;
    position: absolute;
    right: 11px;
    top: 17px;
  }
}

@media only screen and (max-width:767px) {
  .navbar-open {
    height: 320px;
  }

  .navbar-icon-open {
    transform: rotate(180deg);
  }
}

.Tooltip {
  position: absolute;
  display: none;
  z-index: 1;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.2);
  box-shadow: 0 2px 4px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.Tooltip__Container {
  position: relative;
  display: block;
  z-index: 2;
  padding: 1.2rem 2.6rem;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.Tooltip:before {
  position: absolute;
  z-index: 1;
  content: '';
  left: 50%;
  top: -.5rem;
  margin-left: -1.5rem;
  width: 3rem;
  height: 3rem;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.2);
  box-shadow: 0 2px 4px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.2);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.Tooltip__Icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2.2rem;
}

.Tooltip__Icon--Ruble {
  width: 4.8rem;
  height: 4.8rem;
}

.Tooltip__Text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  color: #2e2e2e;
}

.ToggleGroup {
  position: relative;
}

.Btn {
  position: relative;
}

.Btn__Text {
  vertical-align: middle;
}

.Btn__Icon {
  margin-right: 1.2rem;
  vertical-align: middle;
  margin-top: -1px;
}

.Btn--PresentGift {
  margin: 8rem 0;
}

.Btn--PresentGift__Text {
  margin-top: .2rem;
  display: inline-block;
}

.Btn--PresentGift__Icon {
  width: 1.7rem;
  height: 2rem;
}

.Btn--Toggle {
  display: block;
  padding: .4rem;
  color: #838d8f;
  text-transform: none;
}

@media only screen and (min-width:480px) {
  .Btn--Toggle {
    display: block;
    width: 50%;
    float: left;
  }
}

@media only screen and (min-width:768px) {
  .Btn--Toggle {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    float: none;
    width: auto;
  }
}

.Btn--Toggle--hasInput.isActive .Btn--Toggle__Label {
  display: none;
}

.Btn--Toggle--hasInput.isActive .Btn--Toggle__Input {
  display: block;
}

.Btn--Toggle.isActive .Btn--Toggle__Label {
  background: #838d8f;
  border-color: #838d8f;
}

.Btn--Toggle.isActive .Btn--Toggle__Label__Text {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}

.Btn--Toggle__Input {
  display: none;
  width: 100%;
  height: 4.2rem;
  padding: 1rem 1.1rem;
  margin: 0 auto;
  border: 2px solid #838d8f;
  color: #888;
  text-align: center;
  font-size: 1.6rem;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: 150ms border-color,150ms color,150ms background;
  -moz-transition: 150ms border-color,150ms color,150ms background;
  -ms-transition: 150ms border-color,150ms color,150ms background;
  -o-transition: 150ms border-color,150ms color,150ms background;
  transition: 150ms border-color,150ms color,150ms background;
}

@media only screen and (min-width:480px) {
  .Btn--Toggle__Input {
    width: 100%;
    max-width: none;
  }
}

.Btn--Toggle__Input:focus {
  border-color: #63a2f1;
  color: #555;
}

.Btn--Toggle__Input:focus~.Btn--Toggle__Tooltip {
  display: block;
}

.Btn--Toggle__Label {
  display: block;
  padding: 1rem 3rem;
  min-width: 4.2rem;
  text-align: center;
  cursor: pointer;
  border: 2px solid #e1e3e4;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

@media only screen and (min-width:768px) {
  .Btn--Toggle__Label {
    margin-right: .8rem;
  }
}

.Btn--Toggle__Label:hover {
  border-color: #838d8f;
  background: #fff;
}

.Btn--Toggle__Label__Text {
  font-weight: 400;
  font-size: 1.6rem;
}

.Btn--Toggle--Optional__Label {
  padding: 1rem 3rem 1.2rem;
}

.Btn--Toggle__Tooltip {
  width: 24rem;
  top: 100%;
  margin-top: 1.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.Btn--Toggle__Tooltip:before {
  left: 50%;
}

.Btn--Toggle__Tooltip__Container {
  padding: 1.2rem 1.6rem;
  text-align: center;
}

.Btn--Toggle__Tooltip__Icon {
  position: absolute;
  top: 50%;
  margin-top: -1.5rem;
  width: 3rem;
  height: 3rem;
}

@media only screen and (min-width:480px) {
  .Btn--Toggle__Tooltip__Icon {
    position: static;
    margin-top: 0;
  }
}

.Btn--Toggle__Tooltip__Text {
  display: block;
  line-height: 1.2;
}

@media only screen and (min-width:480px) {
  .Btn--Toggle__Tooltip__Text {
    display: inline-block;
    line-height: 1;
  }
}

@media only screen and (min-width:480px) {
  .Btn--Toggle__Tooltip {
    width: 44rem;
    left: auto;
    right: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  .Btn--Toggle__Tooltip:before {
    right: 12rem;
    left: auto;
  }
}

@media only screen and (min-width:768px) {
  .Btn--Toggle__Tooltip {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .Btn--Toggle__Tooltip__Icon {
    width: 4.8rem;
    height: 4.8rem;
  }

  .Btn--Toggle__Tooltip:before {
    right: auto;
    left: 50%;
  }
}

.Btn--Cart {
  display: block!important;
  width: 100%;
  max-width: 31.6rem;
  margin: 0 auto 4rem;
  position: relative;
}

.Btn--Cart__Text__Inner {
  text-transform: none;
  margin-left: 6px;
}

.Btn--Cart__Icon {
  width: 1.9rem;
  height: 1.8rem;
}

.Form__Text {
  margin-bottom: 2rem;
}

.Form__InputWrapper {
  position: relative;
  margin-bottom: 1.6rem;
}

.Form__Input {
  background: #fff;
  width: 100%;
  border: 2px solid #ccc;
  min-height: 4.3rem;
  font-size: 1.6rem;
  letter-spacing: .02rem;
  padding: 1rem 1.6rem;
  color: #888;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 150ms border-color,150ms color,150ms background;
  -moz-transition: 150ms border-color,150ms color,150ms background;
  -ms-transition: 150ms border-color,150ms color,150ms background;
  -o-transition: 150ms border-color,150ms color,150ms background;
  transition: 150ms border-color,150ms color,150ms background;
}

.Form__Input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.Form__Input:focus {
  border-color: #63a2f1;
  color: #555;
  outline: 0;
}

.Form__Input--Select {
  position: relative;
  padding-right: 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.Form__Input--Select:after {
  content: '';
  top: 45%;
  right: 2rem;
  position: absolute;
  display: block;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -moz-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  -o-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border: 1px solid transparent;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  width: .6rem;
  height: .6rem;
}

.Form__Input--isSuccess {
  border-color: #1abb28;
  color: #000;
}

.Form__Input--hasError {
  border-color: tomato;
  color: #000;
}

.Form__Input--hasError--highLight {
  -webkit-animation: shadowPulse .6s 2;
  -o-animation: shadowPulse .6s 2;
  animation: shadowPulse .6s 2;
}

.Form__Input--hasIcon {
  padding-left: 3.6rem;
}

.Form__Input--hasIcon:focus+.Form__Input__Icon {
  fill: #63a2f1;
}

.Form__Input--hasIcon:focus+.Form__Input__Icon * {
  fill: #63a2f1;
}

.Form__Input--hasIcon.Form__Input--isSuccess+.Form__Input__Icon {
  fill: #1abb28;
}

.Form__Input--hasIcon.Form__Input--isSuccess+.Form__Input__Icon * {
  fill: #1abb28;
}

.Form__Input__Icon {
  position: absolute;
  left: 1.4rem;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  fill: #ccc;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 150ms fill;
  -moz-transition: 150ms fill;
  -ms-transition: 150ms fill;
  -o-transition: 150ms fill;
  transition: 150ms fill;
}

.Form__Input__Icon * {
  -webkit-transition: 150ms fill;
  -moz-transition: 150ms fill;
  -ms-transition: 150ms fill;
  -o-transition: 150ms fill;
  transition: 150ms fill;
  fill: #ccc;
}

.Form__Textarea {
  min-height: 10rem;
}

@media only screen and (max-width:420px) {
  .Form__Textarea {
    width: 100%!important;
  }
}

.Form__Textarea:focus+.Form__Textarea__Limit {
  opacity: 1;
  top: 0;
}

.Form__Textarea__Limit {
  position: relative;
  opacity: 0;
  top: -.6rem;
  text-align: left;
  margin-top: .6rem;
  font-size: 1.4rem;
  padding-right: 1rem;
  -webkit-transition: 150ms opacity,150ms top;
  -moz-transition: 150ms opacity,150ms top;
  -ms-transition: 150ms opacity,150ms top;
  -o-transition: 150ms opacity,150ms top;
  transition: 150ms opacity,150ms top;
}

.Form__Select {
  position: relative;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.Form__Select--Hidden {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 100%;
}

.Form__Select--Hidden:focus+.Form__Select__Input {
  border-color: #63a2f1;
  color: #555;
}

.Form__Select__Input {
  position: relative;
  padding-right: 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.Form__Select__Input:after {
  content: '';
  top: 45%;
  right: 2rem;
  position: absolute;
  display: block;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -moz-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  -o-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border: 1px solid transparent;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  width: .6rem;
  height: .6rem;
}

.Form__Select__List {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 100%;
  min-width: 29rem;
  display: none;
  padding: 0;
  margin: -.4rem 0 0;
  overflow: hidden;
  list-style: none;
  border: 2px solid #ccc;
}

.Form__Select__List__Item {
  position: relative;
  padding: 1rem 3rem;
  background: #fff;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1;
}

.Form__Select__List__Item__Text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.Form__Select__List__Item:hover {
  background: #2e71f0;
  color: #fff;
}

.Form__Select__List__Item--isSelected {
  color: #fff;
  background: #66b366;
}

.Form__Select__List__Item--isSelected:hover {
  background: #66b366;
}

.Form__Select__List__Item--isSelected:before {
  position: absolute;
  left: 1.2rem;
  top: 50%;
  content: '';
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: .3rem;
  height: .8rem;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.Form__Select--isOpened__Input {
  border-color: #63a2f1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #555;
}

.Form__Select--isOpened__Input:after {
  -webkit-transform: rotateZ(-45deg) rotateX(180deg) translateY(-50%);
  -moz-transform: rotateZ(-45deg) rotateX(180deg) translateY(-50%);
  -ms-transform: rotateZ(-45deg) rotateX(180deg) translateY(-50%);
  -o-transform: rotateZ(-45deg) rotateX(180deg) translateY(-50%);
  transform: rotateZ(-45deg) rotateX(180deg) translateY(-50%);
}

.Form__Select--isOpened__List {
  display: block;
  border-top-color: transparent;
  border-right-color: #63a2f1;
  border-left-color: #63a2f1;
  border-bottom-color: #63a2f1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.Form__IconBlock {
  text-align: center;
}

.Form__IconBlock__Icon {
  width: 6.8rem;
  height: 6.8rem;
}

@media only screen and (min-width:768px) {
  .Form__IconBlock__Icon {
    width: 12.8rem;
    height: 12.8rem;
  }
}

.Form__IconBlock__Text {
  max-width: 22rem;
  margin: 2.5rem auto 0;
  padding: 0 1rem;
  font-size: 1.6rem;
  color: #333;
  text-align: center;
}

@-webkit-keyframes shadowPulse {
  from {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }

  20% {
    -webkit-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    -moz-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
  }

  40% {
    -webkit-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    -moz-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
  }

  80% {
    -webkit-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    -moz-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
  }

  to {
    -webkit-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    -moz-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    box-shadow: 0 0 80px 0 rgba(255,0,0,0);
  }
}

@-moz-keyframes shadowPulse {
  from {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }

  20% {
    -webkit-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    -moz-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
  }

  40% {
    -webkit-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    -moz-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
  }

  80% {
    -webkit-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    -moz-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
  }

  to {
    -webkit-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    -moz-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    box-shadow: 0 0 80px 0 rgba(255,0,0,0);
  }
}

@-o-keyframes shadowPulse {
  from {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }

  20% {
    -webkit-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    -moz-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
  }

  40% {
    -webkit-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    -moz-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
  }

  80% {
    -webkit-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    -moz-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
  }

  to {
    -webkit-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    -moz-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    box-shadow: 0 0 80px 0 rgba(255,0,0,0);
  }
}

@-ms-keyframes shadowPulse {
  from {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }

  20% {
    -webkit-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    -moz-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
  }

  40% {
    -webkit-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    -moz-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
  }

  80% {
    -webkit-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    -moz-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
  }

  to {
    -webkit-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    -moz-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    box-shadow: 0 0 80px 0 rgba(255,0,0,0);
  }
}

@keyframes shadowPulse {
  from {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }

  20% {
    -webkit-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    -moz-box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
    box-shadow: 0 0 20px 0 rgba(255,0,0,.8);
  }

  40% {
    -webkit-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    -moz-box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
    box-shadow: 0 0 40px 0 rgba(255,0,0,.4);
  }

  80% {
    -webkit-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    -moz-box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
    box-shadow: 0 0 60px 0 rgba(255,0,0,.2);
  }

  to {
    -webkit-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    -moz-box-shadow: 0 0 80px 0 rgba(255,0,0,0);
    box-shadow: 0 0 80px 0 rgba(255,0,0,0);
  }
}

.Pulse {
  position: absolute;
  top: 50%;
  will-change: transform,opacity;
  opacity: 1;
  width: 100%;
  height: 1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px 20px rgba(255,99,71,.8),0 0 60px 40px rgba(255,99,71,.8) inset;
  -moz-box-shadow: 0 0 20px 20px rgba(255,99,71,.8),0 0 60px 40px rgba(255,99,71,.8) inset;
  box-shadow: 0 0 20px 20px rgba(255,99,71,.8),0 0 60px 40px rgba(255,99,71,.8) inset;
}

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0 !important;
    /* height: 208px !important; */;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:after,.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: inline-block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.Carousel {
  position: relative;
}

.Carousel__Container {
  position: relative;
  padding: 0 3.6rem;
}

@media only screen and (min-width:768px) {
  .Carousel__Container {
    padding: 0 9rem;
  }
}

.Carousel__Item {
  padding: 0 1rem;
}

.Carousel__Item:focus {
  outline: 0;
}

.Carousel__Item__Img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  border-radius: 20px;
}

.Carousel__Item__Title {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 20px;
}

@media only screen and (min-width:767px) {
  .Carousel__Item__Title {
    font-size: 2rem;
  }
}

.Carousel__Nav__Btn {
  position: absolute;
  top: 50%;
  margin-top: -1.7rem;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 150ms background;
  -moz-transition: 150ms background;
  -ms-transition: 150ms background;
  -o-transition: 150ms background;
  transition: 150ms background;
}

@media only screen and (min-width:768px) {
  .Carousel__Nav__Btn {
    margin-top: -3.5rem;
    width: 7rem;
    height: 7rem;
  }
}

.Carousel__Nav__Btn:hover {
  background: #f0f0f0;
}

.Carousel__Nav__Btn--Prev {
  left: 0;
}

.Carousel__Nav__Btn--Next {
  right: 0;
}

.Carousel__Nav__Btn__Icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.2rem;
  height: 1.4rem;
  margin-top: -.7rem;
  margin-left: -1.1rem;
}

@media only screen and (min-width:768px) {
  .Carousel__Nav__Btn__Icon {
    width: 3.2rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    margin-left: -1.6rem;
  }
}

.Carousel__DotsContainer {
  display: none;
  margin-top: 2rem;
}

@media only screen and (min-width:600px) {
  .Carousel__DotsContainer {
    display: block;
  }
}

.Carousel__Dots {
  text-align: center;
}

.Carousel__Dots li {
  display: inline-block;
  cursor: pointer;
}

.Carousel__Dots li.slick-active .Carousel__Dots__Dot {
  background: #fff;
}

.Carousel__Dots__Dot {
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #979797;
  background: #979797;
  text-indent: -9999px;
  margin: 0 1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 150ms background;
  -moz-transition: 150ms background;
  -ms-transition: 150ms background;
  -o-transition: 150ms background;
  transition: 150ms background;
}

.PopupArea {
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  opacity: 0;
  -webkit-transition: 150ms opacity;
  -moz-transition: 150ms opacity;
  -ms-transition: 150ms opacity;
  -o-transition: 150ms opacity;
  transition: 150ms opacity;
  background: #fff;
}

.PopupArea__Overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}

.PopupArea--isOpened {
  opacity: 1;
}

.Popup {
  position: relative;
  z-index: 2;
  padding: 9rem 1.5rem 0;
  top: 0;
  will-change: transform,opacity;
  opacity: 0;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  -webkit-transition: 150ms opacity,150ms transform;
  -moz-transition: 150ms opacity,150ms transform;
  -ms-transition: 150ms opacity,150ms transform;
  -o-transition: 150ms opacity,150ms transform;
  transition: 150ms opacity,150ms transform;
}

.Popup--isOpened {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.Popup__Content__Container {
  font-size: 1.6rem;
}

.Popup__Message {
  font-size: 2rem;
}

.Popup__Container {
  max-width: 77rem;
  margin: 0 auto;
}

.Popup__Title {
  font-weight: 700;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
  color: #3c3d41;
  font-size: 3rem;
  line-height: 3.6rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width:480px) {
  .Popup__Title {
    font-size: 4.2rem;
    line-height: 4.7rem;
  }
}

.Popup__Title--Card {
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}

.Popup__Text {
  color: #9b9b9b;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.Popup__Summary {
  padding: 2rem 0;
}

.Popup__Summary__TableWrapper {
  max-width: 56rem;
  margin: 0 auto 4rem;
}

.Popup__Summary__Table {
  width: 100%;
}

.Popup__Summary__Table__Row td {
  font-weight: 300;
  font-size: 1.3rem;
  color: #888;
  line-height: 2.2rem;
  padding-right: 4px;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

@media only screen and (min-width:380px) {
  .Popup__Summary__Table__Row td {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width:460px) {
  .Popup__Summary__Table__Row td {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.Popup__Summary__Table__Row td:last-child {
  padding-right: 0;
  color: #000;
  text-align: right;
}

.Popup__Footer__Container {
  padding: 2rem 0;
}

.Popup__Footer__Btn {
  width: 19rem;
  float: left;
  letter-spacing: 2px;
}

.Popup__Footer__Btn:last-child {
  float: right;
}

.LoaderPopup {
  z-index: 12;
  width: auto!important;
}

.LoaderPopup .abs.wrapper {
  display: none;
}

.LoaderPopup>.overflow-shadow {
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  background: 0 0!important;
}

.Dropdown {
  z-index: 3;
  position: absolute;
  top: 100%;
  min-width: 100%;
  max-height: 150px;
  overflow-y: auto;
  margin-top: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow: 0 1px 1px rgba(0,0,0,.15);
  background-color: #fff;
}

.CardItem {
  height: 48px;
  font-size: 16px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: 0 12px;
  border-bottom: 1px solid #d4d9dc;
  box-sizing: border-box;
  font-family: Roboto,Arial,sans-serif;
  color: #212121;
  cursor: pointer;
  background-color: #fefefe;
}

.CardItem__CardNumber {
  display: flex;
  align-items: center;
}

.CardItem__SelectedIcon {
  display: none;
}

.CardItem__SelectedIcon--active {
  display: block;
}

.CardItem.CardItem--active {
  right: 0;
  z-index: 1;
  position: relative;
  width: 100%;
  height: auto;
  padding: .8rem;
  border: 1px solid #ccc;
  font-size: 1.6rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  box-sizing: border-box;
  font-family: Roboto,Arial,sans-serif;
  color: #212121;
  cursor: pointer;
}

.CardItem .CardItem__Container {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.CardItem:hover {
  background-color: #eee;
}

.CardIcon svg {
  display: block;
  border-radius: 3px;
}

.ActionCardItem {
  color: #fff;
  background-color: #283f51;
  cursor: pointer;
  text-transform: uppercase;
  padding: 8px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  width: 100%;
  border: 0;
  margin: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ActionCardItem--active,.ActionCardItem:hover {
  background-color: #253a4a;
}

.ActionCardItem:disabled {
  cursor: not-allowed;
  opacity: .2;
}

.ActionCardItem.NewCardItem {
  background: #01abfb;
  text-align: left;
  padding: 14px 12px;
  -webkit-transition: background-color .15s;
  transition: background-color .15s;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.ActionCardItem.NewCardItem:focus,.ActionCardItem.NewCardItem:hover {
  background-color: #0193d7;
}

.ActionCardItem.NewCardItem:focus {
  outline: 0;
}

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

.GiftCard {
  position: relative;
  margin: 0 auto;
  max-width: 36rem;
  width: 100%;
  will-change: transform;
  -webkit-transition: 150ms transform ease-in;
  -moz-transition: 150ms transform ease-in;
  -ms-transition: 150ms transform ease-in;
  -o-transition: 150ms transform ease-in;
  transition: 150ms transform ease-in;
}

.GiftCard__Img {
  max-width: 100%;
  display: block;
  -webkit-border-radius: 2.6rem;
  -moz-border-radius: 2.6rem;
  border-radius: 2.6rem;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.6);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.6);
  box-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.GiftCard__Container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  text-align: left;
}

.GiftCard__Icon {
  width: 3rem;
  height: 3rem;
}

.GiftCard__Icon+.GiftCard__Icon {
  margin-left: 1.5rem;
}

@media only screen and (min-width:420px) {
  .GiftCard__Icon {
    width: 3.6rem;
    height: 3.6rem;
  }

  .GiftCard__Icon+.GiftCard__Icon {
    margin-left: 1.8rem;
  }
}

.GiftCard__Logo {
  position: absolute;
  bottom: 2.4rem;
  right: 2rem;
  width: 5.8rem;
  height: 5.6rem;
}

.Card {
  position: relative;
  margin: 0 auto;
  color: #000;
}

.Card__Container {
  position: relative;
  margin: 0 auto;
  max-width: 56rem;
  min-height: 26.1rem;
}

.Card__Logos {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}

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

.Card__Logo:last-child {
  margin-left: 1rem;
}

.Card__Logo__Icon--Visa {
  width: 4rem;
  height: 2rem;
}

@media only screen and (min-width:380px) {
  .Card__Logo__Icon--Visa {
    width: 6rem;
    height: 2.6rem;
  }
}

.Card__Logo__Icon--MC {
  width: 4rem;
  height: 2.4rem;
}

@media only screen and (min-width:380px) {
  .Card__Logo__Icon--MC {
    width: 5rem;
    height: 3rem;
  }
}

.Card__BtnGroup {
  margin-top: 4rem;
  border-top: 1px solid #e7e7e7;
}

.Card__BtnGroup__Container {
  padding: 2.2rem 0;
}

@media only screen and (min-width:600px) {
  .Card__BtnGroup__Container {
    padding: 2.2rem;
  }
}

.Card__Btn {
  width: 100%;
  float: none;
}

.Card__Btn:last-child {
  margin-top: .8rem;
}

@media only screen and (min-width:420px) {
  .Card__Btn:last-child {
    margin-top: 0;
  }
}

@media only screen and (min-width:420px) {
  .Card__Btn {
    width: 18rem;
  }
}

@media only screen and (min-width:420px) {
  .Card__Btn--Cancel {
    float: left;
  }
}

@media only screen and (min-width:420px) {
  .Card__Btn--Submit {
    float: right;
  }
}

.Card__View {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 23.1rem;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid silver;
  overflow: hidden;
}

@media only screen and (min-width:420px) {
  .Card__View {
    width: 37.4rem;
  }
}

@media only screen and (min-width:520px) {
  .Card__View {
    position: absolute;
  }
}

.Card__View__Container {
  position: absolute;
  padding: 2rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.Card__View--FrontView {
  z-index: 2;
  top: 0;
  left: 0;
  background: #fff;
}

.Card__View--BackView {
  z-index: 1;
  right: 0;
  bottom: 0;
  background: #ececed url(../loyalty/gifts/card-back.png) center center;
  -webkit-background-size: cover;
  background-size: cover;
  margin-top: 1.5rem;
}

.Card__Input {
  z-index: 1;
  position: relative;
  width: 100%;
  padding: 1rem;
  border: 1px solid #ccc;
  font-size: 1.6rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  background: #fff;
}

.Card__Input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.Card__Input:focus {
  border-color: #63a2f1;
  color: #555;
  outline: 0;
}

.Card__Input--isSuccess,.Card__Input--isSuccess.CardItem {
  border-color: #1abb28;
  color: #000;
}

.Card__Input--hasError {
  border-color: tomato;
  color: #000;
}

.Card__Input--hasError--highLight {
  background: tomato;
}

.Card__Input--ExpDate {
  text-align: center;
  width: 5rem;
}

.Card__InputGroup {
  position: relative;
  margin-bottom: 1.6rem;
}

.Card__InputGroup__Title {
  display: block;
  font-size: 1.4rem;
  color: #000;
  margin-bottom: .4rem;
}

.Card__Info {
  margin-bottom: 2.25rem;
}

.Card__ExpDate {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}

.Card__ExpDate__Title {
  margin-bottom: .6rem;
}

.Card__ExpDate__InputGroup {
  margin-bottom: 0;
  margin-right: .8rem;
  display: inline-block;
  vertical-align: bottom;
}

.Card__CVC {
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.Card__CVC__InputGroup {
  margin: 0;
}

.Card__CVC__Input {
  text-align: center;
  width: 5.4rem;
}

.CardNumber__Wrapper {
  position: relative;
  width: 100%;
}

.OrderInfo {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  overflow-y: auto;
}

.OrderInfo__Container {
  opacity: 0;
  max-width: 72rem;
  margin: auto;
  padding: 3rem 2.8rem 2.6rem;
  text-align: center;
}

@media only screen and (min-width:768px) {
  .OrderInfo__Container {
    padding: 14rem 3rem 2.6rem;
  }
}

.OrderInfo__Title {
  margin: 3rem 0;
  font-size: 3.2rem;
  font-weight: 700;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
  color: #3c3d41;
  line-height: 4.8rem;
  text-align: center;
}

@media only screen and (min-width:380px) {
  .OrderInfo__Title {
    font-size: 4.2rem;
  }
}

.OrderInfo__Description {
  font-size: 1.6rem;
  color: #9b9b9b;
  line-height: 2.2rem;
  text-align: center;
}

.OrderInfo__Icon--Unicorn {
  width: 15.4rem;
  height: 14.9rem;
}

.OrderInfo__Btn {
  margin-top: 2.6rem;
  width: 20rem;
}

.Section__Container {
  margin: 0 auto;
  padding: 0 1.5rem;
}

.Section--Intro {
  padding: 7.5rem 0 18rem;
  background: url(../images/gift-min.jpg) no-repeat center center;
  background-size: cover;
}

.Section--Intro__HeadingGroup {
  max-width: 68rem;
  margin: 0 auto;
  text-align: center;
}

.Section--Intro__Heading {
  font-size: 3.8rem;
}

.Section--Menu {
  margin: 7.6rem auto 0;
  text-align: center;
}

@media only screen and (min-width:420px) {
  .Section--Intro__Heading {
    font-size: 4.8rem;
  }
}

.Section--Intro__PreHeading {
  color: #dcc3d0;
  font-weight: 700;
  text-transform: uppercase;
}

.Section--Gift {
  position: relative;
  padding: 18.5rem 0 7.5rem;
}

.Section--Gift__GiftCard {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 1rem;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (min-width:768px) {
  .Section--Gift__GiftCard:hover {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.04);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.04);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.04);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.04);
    transform: translateX(-50%) translateY(-50%) scale(1.04);
  }
}

.Section--Gift__Container {
  text-align: center;
}

.Section--Gift__Text {
  font-size: 2rem;
  line-height: 3rem;
  max-width: 85rem;
  text-align: center;
  color: #333;
  margin: 0 auto;
}

@media only screen and (min-width:480px) {
  .Section--Gift__Text {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

.Advantages {
  max-width: 88rem;
  margin: 0 auto;
}

.Advantage {
  margin-bottom: 4rem;
}

@media only screen and (min-width:1024px) {
  .Advantage {
    margin-bottom: 0;
  }
}

.Advantage__IconWrapper {
  position: relative;
  margin-bottom: 2rem;
  height: 10rem;
}

.Advantage__Icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
}

.Advantage__Icon--Candle {
  width: 3.5rem;
  height: 7.2rem;
  margin-top: -3.6rem;
  margin-left: -1.75rem;
}

.Advantage__Icon--Eye {
  width: 9.1rem;
  height: 8.2rem;
  margin-top: -4.1rem;
  margin-left: -4.55rem;
}

.Advantage__Icon--Pigeon {
  width: 10.3rem;
  height: 6.4rem;
  margin-top: -3.2rem;
  margin-left: -5.15rem;
}

.Advantage__Icon--Conqueror {
  width: 4.2rem;
  height: 7.4rem;
  margin-top: -3.7rem;
  margin-left: -2.1rem;
}

.Advantage__Icon--Road {
  width: 9rem;
  height: 6.4rem;
  margin-top: -3.2rem;
  margin-left: -4.5rem;
}

.Advantage__Icon--Certificate {
  width: 8rem;
  height: 5rem;
  margin-top: -2.5rem;
  margin-left: -4rem;
}

.Advantage__Text {
  font-size: 16px;
  text-align: center;
  max-width: 28rem;
  margin: 3rem auto 0;
}

.Section--Create {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.Section--Create__subTitle {
  text-align: center;
  font-size: 2.6rem;
  margin-bottom: 40px;
  color: #838d8f;
}

@media only screen and (min-width:767px) {
  .Section--Create__subTitle {
    font-size: 3rem;
    margin-bottom: 50px;
  }
}

.Section--Create__Heading {
  color: #000;
}

.Section--Create__HeadingGroup {
  margin-bottom: 4rem;
}

.Section--Create__Container {
  max-width: 82rem;
}

.Section--Create__Step {
  margin-bottom: 7rem;
}

@media only screen and (min-width:420px) {
  .Section--Create__Step {
    padding: 0 4.5rem;
  }
}

.Section--Create__Step:last-child {
  margin: 0;
}

.Section--Create__Step__HeadingGroup {
  position: relative;
  padding-left: 4.5rem;
}

.Section--Create__Step__HeadingGroup:before {
  position: absolute;
  top: -.4rem;
  left: 0;
  display: block;
  counter-increment: step;
  content: counter(step);
  padding: .65rem 0;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  border: 1px solid #ccc;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width:420px) {
  .Section--Create__Step__HeadingGroup:before {
    left: -4.6rem;
    top: -.22rem;
  }
}

.Section--Create__Step__HeadingGroup--WithoutIcon {
  padding-left: 0;
}

.Section--Create__Step__HeadingGroup--WithoutIcon:before {
  display: none;
}

@media only screen and (min-width:420px) {
  .Section--Create__Step__HeadingGroup {
    padding-left: 0;
  }
}

.Section--Create__Step__Heading {
  position: relative;
  color: #000;
  font-size: 2rem;
}

.wf-active .Section--Create__Step__Heading {
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

@media only screen and (min-width:420px) {
  .Section--Create__Step__Heading {
    font-size: 2.4rem;
  }
}

.Section--Create__Step__Form {
  position: relative;
}

@media only screen and (min-width:680px) {
  .Section--Create__Step__Form {
    max-width: 34rem;
  }
}

.Section--Create__Step__FormIcon {
  margin-bottom: 3rem;
}

@media only screen and (min-width:680px) {
  .Section--Create__Step__FormIcon {
    float: right;
  }
}

@media only screen and (min-width:768px) {
  .Section--Create__Step__FormIcon {
    margin-right: 5rem;
  }
}

.Section--Create__Step__Text {
  font-size: 1.6rem;
  color: #888;
}

.Section--Create__Step__Text--Offer {
  margin-top: 1rem;
  font-size: 1.4rem;
  text-align: center;
}

.Section--Create__Step__Text__Link {
  color: #0076ff;
}

.Section--Create__Carousel {
  max-width: 46rem;
  margin: 0 auto;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  .Section--Create__Carousel {
    max-width: 100%;
  }
}

.Section--About {
  margin-bottom: 40px;
}

@media only screen and (min-width:767px) {
  .Section--About {
    margin-bottom: 60px;
  }
}

.Section--About__Title {
  font-size: 2rem;
  cursor: pointer;
  color: #838d8f;
}

@media only screen and (min-width:767px) {
  .Section--About__Title {
    font-size: 2.4rem;
  }
}

.Section--About__subTitle {
  margin: 20px 0 7px;
}

.Section--About__imgContainer {
  display: flex;
  flex-direction: column;
  margin-top: 7px;
}

@media only screen and (min-width:767px) {
  .Section--About__imgContainer {
    justify-content: space-between;
    flex-direction: row;
  }
}

.Section--About__Text {
  display: none;
  font-size: 1.4em;
}

@media only screen and (min-width:767px) {
  .Section--About__Text {
    font-size: 1.6rem;
  }
}

.Section--About__Text-item {
  margin-bottom: 7px;
}

.Section--About__Text-img {
  display: block;
  width: 100%;
}

@media only screen and (min-width:767px) {
  .Section--About__Text-img {
    width: 70%;
  }
}

.Section--About__Text-image {
  width: 100%;
  display: block;
  margin-top: 7px;
}

.Section--About__Text-imgBig {
  width: 100%;
  height: 100%;
}

.Section--About__Text-imgBig:first-child {
  margin-bottom: 20px;
}

@media only screen and (min-width:767px) {
  .Section--About__Text-imgBig:first-child {
    margin-top: 0;
  }
}

@media only screen and (min-width:767px) {
  .Section--About__Text-imgBig {
    width: 45%;
  }
}

.js-underline {
  text-decoration: underline;
}

.b-button {
  display: inline-block;
  height: 48px;
  background-color: #01abfb;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-family: Roboto-Regular,Arial,sans-serif;
  letter-spacing: .2px;
  line-height: 48px;
  padding: 0 20px;
  cursor: pointer;
  transition: background .3s,box-shadow .3s;
  box-sizing: border-box;
}

.b-button:first-letter {
  text-transform: uppercase;
}

.b-button:hover {
  background: #019dec;
}

.b-button_theme_black {
  background-color: #000;
}

.b-button_theme_black:hover {
  background-color: #212121;
}

.b-button_theme_transparent {
  background-color: transparent;
  color: #01abfb;
  border: 1px solid #01abfb;
}

.b-button_theme_transparent:hover {
  background-color: transparent;
  color: #019dec;
  border: 1px solid #019dec;
}

.b-button_theme_yellow {
  color: #000;
  background-color: #ffd41e;
}

.b-button_theme_yellow:hover {
  background-color: #ffc901;
}

.b-button_state_disabled {
  background-color: #eee;
}

.SocialForm .Error {
  font-size: 12px;
}

.js-btn-toggle-description {
  font-size: 17px;
  padding: 14px 14px 0px 14px;
}

.js-btn-toggle-description ul {
}

.js-btn-toggle-description li {
  padding-bottom: 8px;
}

.phones {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 47px;
  right: 0px;
  display: flex;
  width: 250px;
  text-align: right;
}

.mob {
  display: none;
}

@media screen and (min-width: 1001px) {
  .layoutHeader .menu-item.selected,.layoutHeader .menu-item:active,.layoutHeader .menu-item:focus,.layoutHeader .menu-item:hover {
    height: 3.2rem;
  }
}

@media screen and (max-width: 767px) {
  .navbar-wr {
    display: none;
  }
  .mob .navbar-wr {
    display: block;
  }
  .mob {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .layoutHeader .mainMenu {
    position: relative;
    width: 100%;
    left: auto;
    right: auto;
    height: auto;
    display: none;
    vertical-align: top;
    padding-top: 70px;
    padding-bottom: 10px;
    margin: 0;
  }

  .navbar-wr {
    display: none;
  }

  .mob {
    display: block;
  }

  .layoutHeader .logo {
    position: absolute;
    right: 0;
    left: -205px;
    top: 11px;
    bottom: auto;
    z-index: 7;
    width: 84px;
    height: 48px;
    margin: auto;
  }

  .phones {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 10px;
    margin-bottom: auto;
    height: 47px;
    right: 0px;
    display: flex;
    width: 250px;
    text-align: right;
  }
}

.Section--Create__Carousel__Item{
  width: 280px;
}

.Btn--Toggle__Input {
  background: transparent!important;
  border-color: #e1e3e4!important;
  padding: 1rem 1.1rem!important;
}

.isActive .Btn--Toggle__Input {
  background: #838d8f!important;
  border-color: #838d8f!important;
}
.Btn--Toggle__Input input {
  display: none;
  color: #838d8f;
}
.isActive .Btn--Toggle__Input .Btn--Toggle__Label__Text {
  display: none;
}
.isActive .Btn--Toggle__Input input {
  background: #838d8f!important;
  border: none;
  color: #fff;
  display: block;
  text-align: center;
}

.Input--Amount__Price {
  height: 18px;
  font-size: 17px;
  padding: 0;
  margin: 0;
  width: 100px;
}

.Section--Create__Step__Form__Second {
  max-width: 31.6rem;
  margin: 0 auto;
}

.Section--Gift {
  background: #f8ff0017;
}