/*==============================FONTS==============================*/

@font-face {

  font-family: 'Assistant-Regular';

  src: url('../fonts/Assistant-Regular.eot');

  src: url('../fonts/Assistant-Regular.woff2') format('woff2'),

       url('../fonts/Assistant-Regular.woff') format('woff'),

       url('../fonts/Assistant-Regular.ttf') format('truetype'),

       url('../fonts/Assistant-Regular.svg#Assistant-Regular') format('svg'),

       url('../fonts/Assistant-Regular.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Assistant-Bold';

  src: url('../fonts/Assistant-Bold.eot');

  src: url('../fonts/Assistant-Bold.woff2') format('woff2'),

       url('../fonts/Assistant-Bold.woff') format('woff'),

       url('../fonts/Assistant-Bold.ttf') format('truetype'),

       url('../fonts/Assistant-Bold.svg#Assistant-Bold') format('svg'),

       url('../fonts/Assistant-Bold.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Assistant-ExtraBold';

  src: url('../fonts/Assistant-ExtraBold.eot');

  src: url('../fonts/Assistant-ExtraBold.woff2') format('woff2'),

       url('../fonts/Assistant-ExtraBold.woff') format('woff'),

       url('../fonts/Assistant-ExtraBold.ttf') format('truetype'),

       url('../fonts/Assistant-ExtraBold.svg#Assistant-ExtraBold') format('svg'),

       url('../fonts/Assistant-ExtraBold.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}



/*---------------------fancybox------------------------*/










@charset "UTF-8";

.fancybox-enabled {

  overflow: hidden; }



.fancybox-enabled body {

  overflow: visible;

  height: 100%; }



.fancybox-is-hidden {

  position: absolute;

  top: -9999px;

  left: -9999px;

  visibility: hidden; }



.fancybox-container {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99993;

  -webkit-tap-highlight-color: transparent;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(0);

  transform: translateZ(0); }



/* Make sure that the first one is on the top */

.fancybox-container ~ .fancybox-container {

  z-index: 99992; }



.fancybox-outer,

.fancybox-inner,

.fancybox-bg,

.fancybox-stage {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0; }



.fancybox-outer {

  overflow-y: auto;

  -webkit-overflow-scrolling: touch; }



.fancybox-bg {

  background: #1e1e1e;

  opacity: 0;

  transition-duration: inherit;

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }



.fancybox-is-open .fancybox-bg {

  opacity: 0.87;

  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }



.fancybox-infobar,

.fancybox-toolbar,

.fancybox-caption-wrap {

  position: absolute;

  direction: ltr;

  z-index: 99997;

  opacity: 0;

  visibility: hidden;

  transition: opacity .25s, visibility 0s linear .25s;

  box-sizing: border-box; }



.fancybox-show-infobar .fancybox-infobar,

.fancybox-show-toolbar .fancybox-toolbar,

.fancybox-show-caption .fancybox-caption-wrap {

  opacity: 1;

  visibility: visible;

  transition: opacity .25s, visibility 0s; }



.fancybox-infobar {

  top: 0;

  left: 50%;

  margin-left: -79px; }



.fancybox-infobar__body {

  display: inline-block;

  width: 70px;

  line-height: 44px;

  font-size: 13px;

  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

  text-align: center;

  color: #ddd;

  background-color: rgba(30, 30, 30, 0.7);

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-font-smoothing: subpixel-antialiased; }



.fancybox-toolbar {

  top: 0;

  right: 0; }



.fancybox-stage {

  overflow: hidden;

  direction: ltr;

  z-index: 99994;

  -webkit-transform: translate3d(0, 0, 0); }



.fancybox-slide {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  overflow: auto;

  outline: none;

  white-space: normal;

  box-sizing: border-box;

  text-align: center;

  z-index: 99994;

  -webkit-overflow-scrolling: touch;

  display: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d; }



.fancybox-slide::before {

  content: '';

  display: inline-block;

  vertical-align: middle;

  height: 100%;

  width: 0; }



.fancybox-is-sliding .fancybox-slide,

.fancybox-slide--previous,

.fancybox-slide--current,

.fancybox-slide--next {

  display: block; }



.fancybox-slide--image {

  overflow: visible; }



.fancybox-slide--image::before {

  display: none; }



.fancybox-slide--video .fancybox-content,

.fancybox-slide--video iframe {

  background: #000; }



.fancybox-slide--map .fancybox-content,

.fancybox-slide--map iframe {

  background: #E5E3DF; }



.fancybox-slide--next {

  z-index: 99995; }



.fancybox-slide > * {

  display: inline-block;

  position: relative;

  padding: 24px;

  margin: 44px 0 44px;

  border-width: 0;

  vertical-align: middle;

  text-align: left;

  background-color: #fff;

  overflow: auto;

  box-sizing: border-box; }



.fancybox-slide .fancybox-image-wrap {

  position: absolute;

  top: 0;

  left: 0;

  margin: 0;

  padding: 0;

  border: 0;

  z-index: 99995;

  background: transparent;

  cursor: default;

  overflow: visible;

  -webkit-transform-origin: top left;

  -ms-transform-origin: top left;

  transform-origin: top left;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden; }



.fancybox-can-zoomOut .fancybox-image-wrap {

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.fancybox-can-zoomIn .fancybox-image-wrap {

  cursor: -webkit-zoom-in;

  cursor: zoom-in; }



.fancybox-can-drag .fancybox-image-wrap {

  cursor: -webkit-grab;

  cursor: grab; }



.fancybox-is-dragging .fancybox-image-wrap {

  cursor: -webkit-grabbing;

  cursor: grabbing; }



.fancybox-image,

.fancybox-spaceball {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  border: 0;

  max-width: none;

  max-height: none; }



.fancybox-spaceball {

  z-index: 1; }



.fancybox-slide--iframe .fancybox-content {

  padding: 0;

  width: 80%;

  height: 80%;

  max-width: calc(100% - 100px);

  max-height: calc(100% - 88px);

  overflow: visible;

  background: #fff; }



.fancybox-iframe {

  display: block;

  margin: 0;

  padding: 0;

  border: 0;

  width: 100%;

  height: 100%;

  background: #fff; }



.fancybox-error {

  margin: 0;

  padding: 40px;

  width: 100%;

  max-width: 380px;

  background: #fff;

  cursor: default; }



.fancybox-error p {

  margin: 0;

  padding: 0;

  color: #444;

  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }



.fancybox-close-small {

  position: absolute;

  top: 0;

  right: 0;

  width: 44px;

  height: 44px;

  padding: 0;

  margin: 0;

  border: 0;

  border-radius: 0;

  outline: none;

  background: transparent;

  z-index: 10;

  cursor: pointer; }



.fancybox-close-small:after {

  content: '×';

  position: absolute;

  top: 5px;

  right: 5px;

  width: 30px;

  height: 30px;

  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;

  color: #888;

  font-weight: 300;

  text-align: center;

  border-radius: 50%;

  border-width: 0;

  background: #fff;

  transition: background .25s;

  box-sizing: border-box;

  z-index: 2; }



.fancybox-close-small:focus:after {

  outline: 1px dotted #888; }



.fancybox-close-small:hover:after {

  color: #555;

  background: #eee; }



.fancybox-slide--iframe .fancybox-close-small {

  top: 0;

  top: 0;

  right: -44px; }



.fancybox-slide--iframe .fancybox-close-small:after {

  background: transparent;

  font-size: 35px;

  color: #aaa; }



.fancybox-slide--iframe .fancybox-close-small:hover:after {

  color: #fff; }



/* Caption */

.fancybox-caption-wrap {

  bottom: 0;

  left: 0;

  right: 0;

  font-weight: 500;

  text-align: center;

  opacity: 1 !important;

  padding: 60px 30px 0 30px;

  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);

  background: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);

  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);

  pointer-events: none; }



.fancybox-caption {

  padding: 30px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.4);

  font-size: 16px;

  color: #fff;

  font-size: 24px;

  line-height: 1.2;

  -webkit-text-size-adjust: none; }



.fancybox-caption a,

.fancybox-caption button,

.fancybox-caption select {

  pointer-events: all; }



.fancybox-caption a {

  color: #fff;

  text-decoration: underline; }



/* Buttons */

.fancybox-button {

  display: inline-block;

  position: relative;

  margin: 0;

  padding: 0;

  border: 0;

  width: 44px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  background: transparent;

  color: #ddd;

  border-radius: 0;

  cursor: pointer;

  vertical-align: top;

  outline: none; }



.fancybox-button[disabled] {

  cursor: default;

  pointer-events: none; }



.fancybox-infobar__body, .fancybox-button {

  background: rgba(30, 30, 30, 0.6); }



.fancybox-button:hover:not([disabled]) {

  color: #fff;

  background: rgba(0, 0, 0, 0.8); }



.fancybox-button::before,

.fancybox-button::after {

  content: '';

  pointer-events: none;

  position: absolute;

  background-color: currentColor;

  color: currentColor;

  opacity: 0.9;

  box-sizing: border-box;

  display: inline-block; }



.fancybox-button[disabled]::before,

.fancybox-button[disabled]::after {

  opacity: 0.3; }



.fancybox-button--left::after,

.fancybox-button--right::after {

  top: 18px;

  width: 6px;

  height: 6px;

  background: transparent;

  border-top: solid 2px currentColor;

  border-right: solid 2px currentColor; }



.fancybox-button--left::after {

  left: 20px;

  -webkit-transform: rotate(-135deg);

  -ms-transform: rotate(-135deg);

  transform: rotate(-135deg); }



.fancybox-button--right::after {

  right: 20px;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg); }



.fancybox-button--left {

  border-bottom-left-radius: 5px; }



.fancybox-button--right {

  border-bottom-right-radius: 5px; }



.fancybox-button--close::before, .fancybox-button--close::after {

  content: '';

  display: inline-block;

  position: absolute;

  height: 2px;

  width: 16px;

  top: calc(50% - 1px);

  left: calc(50% - 8px); }



.fancybox-button--close::before {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg); }



.fancybox-button--close::after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg); }



.fancybox-show-nav .fancybox-arrow {

  opacity: 0.6; }



.fancybox-show-nav .fancybox-arrow[disabled] {

  opacity: 0.3; }



/* Loading indicator */

.fancybox-loading {

  border: 6px solid rgba(100, 100, 100, 0.4);

  border-top: 6px solid rgba(255, 255, 255, 0.6);

  border-radius: 100%;

  height: 50px;

  width: 50px;

  -webkit-animation: fancybox-rotate .8s infinite linear;

  animation: fancybox-rotate .8s infinite linear;

  background: transparent;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -25px;

  margin-left: -25px;

  z-index: 99999; }



@-webkit-keyframes fancybox-rotate {

  from {

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg); }

  to {

  -webkit-transform: rotate(359deg);

  transform: rotate(359deg); } }



@keyframes fancybox-rotate {

  from {

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg); }

  to {

  -webkit-transform: rotate(359deg);

  transform: rotate(359deg); } }



/* Transition effects */

.fancybox-animated {

  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }



/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0);

  opacity: 0; }



.fancybox-fx-slide.fancybox-slide--next {

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0);

  opacity: 0; }



.fancybox-fx-slide.fancybox-slide--current {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  opacity: 1; }



/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,

.fancybox-fx-fade.fancybox-slide--next {

  opacity: 0;

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }



.fancybox-fx-fade.fancybox-slide--current {

  opacity: 1; }



/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {

  -webkit-transform: scale3d(1.5, 1.5, 1.5);

  transform: scale3d(1.5, 1.5, 1.5);

  opacity: 0; }



.fancybox-fx-zoom-in-out.fancybox-slide--next {

  -webkit-transform: scale3d(0.5, 0.5, 0.5);

  transform: scale3d(0.5, 0.5, 0.5);

  opacity: 0; }



.fancybox-fx-zoom-in-out.fancybox-slide--current {

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  opacity: 1; }



/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {

  -webkit-transform: rotate(-360deg);

  -ms-transform: rotate(-360deg);

  transform: rotate(-360deg);

  opacity: 0; }



.fancybox-fx-rotate.fancybox-slide--next {

  -webkit-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  transform: rotate(360deg);

  opacity: 0; }



.fancybox-fx-rotate.fancybox-slide--current {

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  opacity: 1; }



/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {

  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  opacity: 0; }



.fancybox-fx-circular.fancybox-slide--next {

  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  opacity: 0; }



.fancybox-fx-circular.fancybox-slide--current {

  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

  opacity: 1; }



/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {

  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }



.fancybox-fx-tube.fancybox-slide--next {

  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }



.fancybox-fx-tube.fancybox-slide--current {

  -webkit-transform: translate3d(0, 0, 0) scale(1);

  transform: translate3d(0, 0, 0) scale(1); }



/* Styling for Small-Screen Devices */

@media all and (max-width: 800px) {

  .fancybox-infobar {

  left: 0;

  margin-left: 0; }

  .fancybox-button--left,

  .fancybox-button--right {

  display: none !important; }

  .fancybox-caption {

  padding: 20px 0;

  margin: 0; } }



/* Fullscreen  */

.fancybox-button--fullscreen::before {

  width: 15px;

  height: 11px;

  left: calc(50% - 7px);

  top: calc(50% - 6px);

  border: 2px solid;

  background: none; }



/* Slideshow button */

.fancybox-button--play::before,

.fancybox-button--pause::before {

  top: calc(50% - 6px);

  left: calc(50% - 4px);

  background: transparent; }



.fancybox-button--play::before {

  width: 0;

  height: 0;

  border-top: 6px inset transparent;

  border-bottom: 6px inset transparent;

  border-left: 10px solid;

  border-radius: 1px; }



.fancybox-button--pause::before {

  width: 7px;

  height: 11px;

  border-style: solid;

  border-width: 0 2px 0 2px; }



/* Thumbs */

.fancybox-thumbs {

  display: none; }



.fancybox-button--thumbs {

  display: none; }



@media all and (min-width: 800px) {

  .fancybox-button--thumbs {

  display: inline-block; }

  .fancybox-button--thumbs span {

  font-size: 23px; }

  .fancybox-button--thumbs::before {

  width: 3px;

  height: 3px;

  top: calc(50% - 2px);

  left: calc(50% - 2px);

  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

  .fancybox-thumbs {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: auto;

  width: 220px;

  margin: 0;

  padding: 5px 5px 0 0;

  background: #fff;

  word-break: normal;

  -webkit-tap-highlight-color: transparent;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar;

  box-sizing: border-box;

  z-index: 99995; }

  .fancybox-show-thumbs .fancybox-thumbs {

  display: block; }

  .fancybox-show-thumbs .fancybox-inner {

  right: 220px; }

  .fancybox-thumbs > ul {

  list-style: none;

  position: absolute;

  position: relative;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  overflow-x: hidden;

  overflow-y: auto;

  font-size: 0; }

  .fancybox-thumbs > ul > li {

  float: left;

  overflow: hidden;

  max-width: 50%;

  padding: 0;

  margin: 0;

  width: 105px;

  height: 75px;

  position: relative;

  cursor: pointer;

  outline: none;

  border: 5px solid transparent;

  border-top-width: 0;

  border-right-width: 0;

  -webkit-tap-highlight-color: transparent;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  box-sizing: border-box; }

  li.fancybox-thumbs-loading {

  background: rgba(0, 0, 0, 0.1); }

  .fancybox-thumbs > ul > li > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  min-height: 100%;

  max-width: none;

  max-height: none;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }

  .fancybox-thumbs > ul > li:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border-radius: 2px;

  border: 4px solid #4ea7f9;

  z-index: 99991;

  opacity: 0;

  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {

  opacity: 1; } 

}

/* custom-arrows */

.fancybox-arrow{

  position: absolute;

  top: 50%;

  margin-top: -20px;

  width: 40px;

  height: 40px;

  padding: 0;

  border: 0;

  outline: none;

  background: none;

  cursor: pointer;

  z-index: 99995;

  opacity: 0;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  transition: opacity .25s; 

}

.fancybox-arrow--left{

  left: 30px;

  background-image: url(../images/arrow-left.png);

}

.fancybox-arrow--right{

  right: 30px;

  background-image: url(../images/arrow-right.png);

}

.fancybox-show-nav .fancybox-arrow {

  opacity: 0.9; 

}

.fancybox-show-nav .fancybox-arrow[disabled] {

  opacity: 0.2; 

}

/*==============================GENERAL==============================*/

body {

  min-width: 320px;

  font-family: 'Assistant-Regular';

  line-height: 1.15;

  /*background: #e5dbcd;

  background-image: url(../images/bg-main.png);*/

  background: #e5dbcd url(../images/bg-promo.jpg) 50% 0 no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



@media only screen and (max-width: 480px) {

body {

    background: #e5dbcd url(../images/bg-promo-mob.jpg) 74% top no-repeat fixed;

	height: 100vh;

    background-size: contain;

}

}



.wrapper {

  position: relative;

  overflow-x: hidden;

}

.wrapper:after {

  content: '';

  display: block;

  position: absolute;

  right: -300px;

  bottom: 90px;

  width: 645px;

  height: 771px;

  /*background-image: url(../images/bg-image.png);

  background-repeat: no-repeat;*/

  z-index: 10;

}



.clr:after {

  content: '';

  display: block;

  clear: both;

}



.center-wrapper {

  position: relative;

  margin: 0 auto;

  width: 1030px;

  z-index: 10;

}



h1, h2, h3, h4, h5, h6 {

  font-family: 'Assistant-Bold';

}



p {

  font-size: 16px;

}



strong {

  font-family: 'Assistant-Bold';

}



em {

  font-style: italic;

}



/*==============================INDEX==============================*/

/*---------------------promo------------------------*/

.promo {

  position: relative;

  padding: 65px 0 105px 0;

  /*background: url(../images/bg-promo.jpg) 50% 0 no-repeat;

  background-size: cover;

  background-attachment: fixed;*/

}

.promo:after {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/promo-shape.png);

  background-repeat: no-repeat;

  background-position: -55% 0%;

}



.promo-top {

  margin: 0 auto 40px;

  max-width: 1800px;

  text-align: center;

}



.promo-top-content {

  float: left;

  position: relative;

  width: 800px;

  z-index: 10;

}



.promo__title {

  margin-bottom: 40px;

  font-family: 'Assistant-Bold';

  font-size: 89px;

  color: #143941;

  text-shadow: -2px 3.5px 7px #94743f;

  opacity:0;

  -webkit-transition: opacity 1s ease-out 0.1s;

  -moz-transition: opacity 1s ease-out 0.1s;

  -o-transition: opacity 1s ease-out 0.1s;

  transition: opacity 1s ease-out 0.1s;

}



.promo__subtitle {

  margin-bottom: 25px;

  padding: 0 20px;

  font-family: 'Assistant-ExtraBold';

  font-size: 48px;

  line-height: 71px;

  text-align: right;

  color: #61460e;

  opacity:0;

  -webkit-transition: opacity 1s ease-out 0.1s;

  -moz-transition: opacity 1s ease-out 0.1s;

  -o-transition: opacity 1s ease-out 0.1s;

  transition: opacity 1s ease-out 0.1s;  

}

.promo__text {

  font-family: 'Assistant-Bold';

  font-size: 49px;

  color: #890103; 

  opacity:0;

  -webkit-transition: opacity 1s ease-out 0.1s;

  -moz-transition: opacity 1s ease-out 0.1s;

  -o-transition: opacity 1s ease-out 0.1s;

  transition: opacity 1s ease-out 0.1s;  

}



.promo-form__title {

  text-align: center;

  margin-bottom: 50px;

  font-family: 'Assistant-Regular';

  font-size: 63px;

  color: #680202;

  letter-spacing: -0.02em;

  opacity:0;

  -webkit-transition: opacity 1s ease-out 0.1s;

  -moz-transition: opacity 1s ease-out 0.1s;

  -o-transition: opacity 1s ease-out 0.1s;

  transition: opacity 1s ease-out 0.1s;  

}



.promo-form-block {

  position: relative;

  padding: 50px 0 105px 0;

  background: url(../images/bg-promo-form.jpg) 50% 0 no-repeat;

  background-size: cover;

  box-shadow: -2.5px 4.3px 18px #54452d;

}

.promo-form-block-ft {

  position: relative;

  padding: 50px 0 105px 0;

  display: none;

 

}

.promo-form-block:after {

  content: '';

  display: block;

  position: absolute;

  left: -115px;

  bottom: -90px;

  width: 624px;

  height: 208px;

  background-image: url(../images/form-flower-image.png);

}



a.promo-form__phone {

    position: absolute;

    left: 50%;

    margin-left: -100px;

    top: -30px;

    text-decoration: none;

    display: inline-block;

    height: 60px;

    font-family: 'Assistant-ExtraBold';

    padding-right: 45px;

    width: 200px;

    line-height: 60px;

    color: #680202;

    font-size: 28px;

    text-align: center;

    background-color: #d5a644;

    border-radius: 39px;

}

.promo-form-block-ft a.promo-form__phone {

    position: absolute;

    left: 50%;

    margin-left: -100px;

    top: 0px;

    text-decoration: none;

    display: inline-block;

    height: 60px;

    font-family: 'Assistant-ExtraBold';

    padding-right: 45px;

    width: 200px;

    line-height: 60px;

    color: #680202;

    font-size: 28px;

    text-align: center;

    background-color: #d5a644;

    border-radius: 39px

}

a.promo-form__phone:after {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -19px;

    right: 15px;

    width: 35px;

    background-size: cover;

    height: 35px;

    background-image: url(../images/icon-phone.png);

}



.promo-form-block__title {

  margin-bottom: 25px;

  text-align: center;

  color: #680202;

  font-family: 'Assistant-Bold';

  font-size: 30px;

}



.promo-form-row {

  text-align: center;

  font-size: 0;

}



.promo-form__field {

  display: inline-block;

  vertical-align: top;

  margin: 0 10px;

  width: 240px;

  height: 49px;

  color: #680202;

  font-size: 30px;

  padding-right: 15px;

  background-color: #f6ebd8;

  text-align: right;

  border: 1px solid #890103;

  border-radius: 6px;

}



.promo-form__btn {

  display: inline-block;

  vertical-align: top;

  margin: 0 10px;

  width: 240px;

  height: 49px;

  font-family: 'Assistant-ExtraBold';

  background-color: #890103;

  border-radius: 6px;

  text-align: center;

  line-height: 49px;

  color: #f6ebd8;

  font-size: 36px;

}



/*---------------------girls------------------------*/

.main {

  padding: 25px 0 55px 0;

}



.girls {

  position: relative;

  padding-top: 30px;

}

.girls:before {

  content: '';

  display: block;

  position: absolute;

  top: -195px;

  left: 0;

  height: 646px;

  width: 100%;

  background-image: url(../images/bg-shape.png);

  background-repeat: no-repeat;

  background-position: 50% 0;

}



.girls-row {

  font-size: 0;

  margin-bottom: 130px;

  margin-left: -16px;

  margin-right: -16px;

}



.girl-item {

  position: relative;

  display: inline-block;

  vertical-align: top;

  margin: 0 15px 32px;

  width: 180px;

  overflow: hidden;

}

.girl-item:nth-child(even) {

  top: 5px;

}

.girl-item:hover .girl-item__content {

  bottom: 0;

}



.girl-item__photo {

  height: 276px;

  overflow: hidden;

}



.girl-item__content {

  position: absolute;

  bottom: 0;

  left: 0;

  bottom: -82px;

  padding-top: 10px;

  width: 100%;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  text-align: center;

  height: 82px;

  background: rgba(255, 255, 255, 0.7);

}



.girl-item__title {

  margin-bottom: 3px;

  font-family: 'Assistant-Bold';

  color: #1c6360;

  font-size: 25px;

}



.girl-item__text {

  font-size: 21px;

  color: #74520c;

}



/*---------------------benefits------------------------*/

.benefit-item {

  position: relative;

  padding: 30px 135px 25px 55px;

  margin-bottom: 88px;

  background: url(../images/bg-benefit-item.jpg) 50% 0 no-repeat;

  background-size: cover;

}

.benefit-item:after {

  content: '';

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -107px;

  right: -77px;

  width: 176px;

  height: 214px;

  background-image: url(../images/benefit-flower.png);

  z-index: 10;

}



.benefit-item__title {

  margin-bottom: 5px;

  font-size: 36px;

  text-align: center;

  font-family: 'Assistant-Bold';

  color: #2c8682;

}

.flip-container:hover .back {

    z-index: 555;

}

.benefit-item__text {

  color: #b07f11;

  font-size: 28px;

  line-height: 44px;

}



.benefits-text {

  padding-bottom: 70px;

  color: #890103;

  font-family: 'Assistant-Bold';

  font-size: 44px;

  line-height: 38px;

  text-align: center;

  text-shadow: 0px 1px 10px rgba(255, 255, 255, 1);

}



/*---------------------footer------------------------*/

.footer {
    padding: 15px 0px 1px;
    background: #890103;
    font-size: 30px;
    text-align: center;
    color: #efdbb7;
}
.footer .center-wrapper {
	position: relative;
	margin: 0 auto;
	width: 1030px;
	z-index: 10;
}
.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right {
  text-align: center;
  float: none;
  margin: 20px auto;
  width: 325px;
}
.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right a .a2a_svg {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 32px;
  width: 50px;
}
.center-wrapper .a2a_default_style a {
  float: left;
  line-height: 16px;
  padding: 0 15px;
}
.center-wrapper .footer__copy {
	line-height: 28px;
}
.footer .center-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index: 10;
}
.go_to { 

    display: none;

}



.mob_only {

    display: none!important;

}

@media only screen and (min-width: 2000px) {

  .girls:before {

    background-size: 100% 646px;

  }

}

@media only screen and (max-width : 1366px) {

.promo-top-content { 

    width: 650px; 

}

.promo:after { 

    background-position: -330px 0%;

}

	.promo__title {

    margin-bottom: 20px; 

    font-size: 74px; 

	text-align: left;

    padding-left: 20px;

}

	.promo__subtitle {

    margin-bottom: 20px; 

    font-size: 40px;

    line-height: 52px; 

}

.promo-form__title { 

    font-size: 40px; 

}

.promo-form-wrap {

    width: 800px;

    margin: 0 auto;

	

}

.promo__text { 

    font-size: 40px; 

	text-align: right;

}

.promo { 

    padding: 30px 0 105px 0;

}

.promo-top {

    margin: 0 auto 25px; 

}

.promo-form__title { 

    margin-bottom: 50px;  

}

}

@media only screen and (max-width: 1200px) {

  .center-wrapper {

    width: 970px;

  }

.promo-form-wrap {

    width: auto;

    margin: 0 auto;

}

  .promo {

    padding-top: 35px;

  }



  .promo-top-content {

    float: none;

    width: 100%;

    padding: 0 25px;

    text-align: center;

  }



  .promo__subtitle {

    font-size: 42px;

    line-height: 1.3;

  }



  .promo__text {

    font-size: 44px;

  }



  .promo-form__field {

    width: 240px;

  }



  .promo-form__btn {

    width: 240px;

  }



  .girls-row {

    margin-left: 0;

    margin-right: 0;

  }



  .girl-item {

    margin: 0 6px 12px;

  }



  .benefit-item {

    padding-right: 145px;

  }



  .benefit-item:after {

    right: -55px;

  }



  .benefits-text {

    font-size: 40px;

  }

}

@media only screen and (max-width: 999px) {

  .center-wrapper {

    width: 750px;

  }



  .wrapper:after {

    display: none;

  }

.promo-form-block-ft { 

  display: block;

 

}

  .promo__title {

    font-size: 70px;

  }



  .promo-form__field {

    margin-bottom: 20px;

  }



  .girls-row {

    text-align: center;

  }



  .girl-item:nth-child(even) {

    top: 0;

  }



  .girl-item__content {

    bottom: 0;

  }



  .benefit-item {

    padding-left: 20px;

  }



  .benefit-item__title {

    font-size: 31px;

    text-align: right;

  }



  .benefit-item__text {

    font-size: 24px;

    line-height: 1.4;

  }



  .benefits-text {

    font-size: 32px;

  }

}

@media only screen and (max-width: 767px) {

  .center-wrapper {

    width: 100%;

    padding: 0 15px;

  }



  .promo-top-content {

    padding: 0 15px;

  }



  .promo__title {

    font-size: 60px;

  }



  .promo__subtitle {

    padding: 0;

    font-size: 36px;

  }



  .promo__text {

    font-size: 35px;

  }



  .promo-form__title {

    margin-bottom: 75px;

    font-size: 50px;

  }



  .promo-form-block:after {

    display: none;

  }



  .promo-form__field {

    width: 375px;

  }



  .promo-form__btn {

    width: 375px;

  }



  .promo-form-block {

    padding-right: 15px;

    padding-left: 15px;

    padding-bottom: 70px;

  }



  .promo {

    padding-bottom: 90px;

  }



  .benefits-text {

    font-size: 27px;

  }



  .footer {

    font-size: 25px;

  }

}

@media only screen and (max-width: 599px) {

  .promo-form-wrap.desc { 

    display: none;

}

  .promo__title {

    font-size: 48px;

  }

.promo:after {

    bottom: 0;

    height: 80%; 

	top: auto;

}

  .promo__subtitle {

    font-size: 29px;

  }



  .promo-form__title {

    margin-bottom: 70px;

    font-size: 25px;

  }



  .promo__text {

    font-size: 29px;

  }



  .benefit-item:after {

    display: none;

  }

  .benefit-item:before {

        content: '';

    display: block;

    position: absolute;

    left: 50%;

    width: 176px;

    margin-left: -88px;

    margin-top: -112px;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    height: 214px;

    background-image: url(../images/benefit-flower.png);

    z-index: 10;

  }



  .benefit-item {

    padding: 30px;

    text-align: center;

  }



  .benefit-item__title {

    text-align: center;

	padding-top: 80px;

  }

}



/* весь контейнер поддерживает перспективу */

.flip-container {

    position: relative;

    z-index: 5;

}

.flip-container {

 perspective: 1000;

	-webkit-perspective: 1000;

}

 /* переверните сторону при проведении мышью */

 .flip-container:hover .flipper{

  transform: rotateY(180deg);

	 -webkit-transform: rotateY(180deg);

	

	

 }

.flip-container.hover .flipper{

  transform: rotateY(180deg);

	 -webkit-transform: rotateY(180deg);

	

	

 }

.flip-container.hovers .flipper{

  transform: rotateY(0deg);

	 -webkit-transform: rotateY(0deg);

	

	

 }





.flip-container, .front, .back {

 width: 180px;

 height: 276px;

	

}



/* здесь находится скорость перевертывания */

.flipper {

 transition: all 0.6s ease-in-out 0.3s;

	-webkit-transition: all 0.6s ease-in-out 0.3s;

 transform-style: preserve-3d;

-webkit-transform-style: preserve-3d;

 position: relative;

	width:180px;

	height:276px;

}



/* скройте обратную сторону во время переворота */

.front, .back {

 backface-visibility: hidden;

	-webkit-backface-visibility: hidden;



 position: absolute;

 top: 0;

 left: 0;

	

}



/* лицевая сторона размещена над обратной */

.front {

 z-index: 2;

}



/* обратная, изначально скрытая сторона */

.back {-

 transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

 background: rgba(255, 255, 255, 0.7);

 padding: 30px;

	box-sizing: border-box;

}





@media only screen and (max-width: 479px) {

  .promo__title {

    font-size: 40px;

	margin-bottom: 30px; 

  }

  .mob_only {

    display: block!important;

}

.go_to {

width: 60px;

    margin: 0 auto;

    z-index: 999999;

    position: absolute;

    display: block;

    margin-top: 25px;

    left: 50%;

    margin-left: -30px;

}

.promo__subtitle {

    font-size: 29px;

    line-height: 1.1;

    margin-bottom: 20px; 

	color: #61460e;

	    text-align: center;

}

.promo {

    padding-bottom: 90px;

}

.promo__text {

    font-size: 29px; 

	color: #b90305;

	margin-bottom: 20px;

	    text-align: center;

}

 .promo-form__title {

       margin-bottom: 30px;

    font-size: 25px; 

	    text-align: center;

}

.promo-top {

    margin: 0 auto 0px;

}



  .promo-form__field {

    margin: 0 0 12px 0;

    width: 80%;

  }



  .promo-form__btn {

    width: 80%;

    margin: 0;

  }







.promo-form-block__title {

    font-size: 16px;

    margin-bottom: 14px;

}



  .promo-form__field {

    font-size: 25px;

  }



  .promo-form__btn {

    font-size: 25px;

  }



  .benefit-item {

    padding: 30px 15px;

  }



  .benefit-item__title {

    font-size: 27px;

    margin-bottom: 25px;

  }



  .benefit-item__text {

    font-size: 18px;

  }



  .footer {

    font-size: 21px;

  }

  a.promo-form__phone { 

    margin-left: -70px;

    top: -20px;

    height: 40px;

    width: 140px;

    line-height: 40px;

    font-size: 19px;

    display: inline-block;

}

.promo-form-block-ft a.promo-form__phone { 

     margin-left: -60px;

    top: -25px; 

    height: 30px; 

    width: 120px;

    line-height: 30px; 

    font-size: 15px; 

}

a.promo-form__phone:after { 

   width: 25px;

    height: 25px;

    margin-top: -14px;

}

.promo-form-block { 

    padding-bottom: 25px;

    padding-top: 30px;

}

 .benefit-item:before {

    width: 115px;

    margin-left: -58px;

    margin-top: -96px;

    height: 140px;

	background-size: cover;

}

.benefit-item__title { 

    padding-top: 50px;

}

.promo-form__field { 

    height: 44px; 

}

.girl-item { 

    width: 200px; 

	margin: 0 6px 25px;

}

.flip-container, .front, .back {

    width: 200px;

    height: 307px;

}

.front, .back {

  background-size: cover!important;

}

	.flipper {

	width: 200px;

	height: 307px;

}

}

@media only screen and (max-width: 320px) {

.promo__title {

    font-size: 37px;

    margin-bottom: 50px;

}



}

/*# sourceMappingURL=style.css.map */





.Animated_button {

  

  -moz-animation: cycle 2s linear infinite;            

    -webkit-animation: cycle 2s linear infinite;

  

}



@-moz-keyframes cycle {

        35% {transform: rotate(0) translate(0, 0);}

        40% {transform: rotate(5deg) translate(0, -2px);}

        45% {transform: rotate(-3deg) translate(0, -2px);}

        50% {transform: rotate(5deg) translate(0, -2px);}

        55% {transform: rotate(-3deg) translate(0, -2px);}

        60% {transform: rotate(5deg) translate(0, -2px);}

        65% {transform: rotate(-3deg) translate(0, -2px);}

        70% {transform: rotate(0) translate(0, 0);}

    }



    @-webkit-keyframes cycle {

        35% {transform: rotate(0) translate(0, 0);}

        40% {transform: rotate(5deg) translate(0, -2px);}

        45% {transform: rotate(-3deg) translate(0, -2px);}

        50% {transform: rotate(5deg) translate(0, -2px);}

        55% {transform: rotate(-3deg) translate(0, -2px);}

        60% {transform: rotate(5deg) translate(0, -2px);}

        65% {transform: rotate(-3deg) translate(0, -2px);}

        70% {transform: rotate(0) translate(0, 0);}

    }



	

	h2.form_callback_title {

    font-size: 25px;

	color: red;

}

	
	
@media only screen and (max-width: 480px) {

.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right {
  text-align: center;
  float: none;
  margin: 15px auto;
  width: 330px;
}
	.promo-top.clr .promo-top-content {
	padding: 0 0px !important;
}
	.promo-top-content {
	float: none;
	width: 95%;
	padding: 0 25px;
	text-align: center;
}
	.promo-top-content .promo__title {
	font-size: 36px;
	margin-bottom: 50px;
}
}
@media only screen and (max-width: 420px) {

.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right {
  text-align: center;
  float: none;
  margin: 15px auto;
  width: 325px;
}
	.promo-top.clr .promo-top-content {
	padding: 0 0px !important;
}
}
	
@media only screen and (max-width: 375px) {

.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right {
  text-align: center;
  float: none;
  margin: 15px auto;
  width: 325px;
}
	.promo-top.clr .promo-top-content {
	padding: 0 0px !important;
}
	.promo-top-content {
	float: none;
	width: 95%;
	padding: 0 25px;
	text-align: center;
}
}
@media only screen and (max-width: 360px) {

.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right {
  text-align: center;
  float: none;
  margin: 15px auto;
  width: 325px;
}
	.promo-top.clr .promo-top-content {
	padding: 0 0px !important;
}
	.promo-top-content {
	float: none;
	width: 95%;
	padding: 0 25px;
	text-align: center;
}
}	
	
	
@media only screen and (max-width: 320px) {

.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right {
  text-align: center;
  float: none;
  margin: 15px auto;
  width: 300px;
}
.a2a_kit.a2a_kit_size_32.a2a_default_style.footer-icon-right a .a2a_svg {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  height: 45px;
  line-height: 32px;
  width: 45px;
}
	.promo-top.clr .promo-top-content {
	padding: 0 0px !important;
}
	.promo-top-content {
	float: none;
	width: 95%;
	padding: 0 25px;
	text-align: center;
}
	
}