* {
  margin: 0;
  padding: 0;
}

nav,
section,
header,
footer {
  margin: 0 auto;
}

.row {
  margin: 0;
}

body {
  font-size: 16px;
  line-height: 1.2;
  min-width: 320px;
  position: relative;
  font-family: "MuseoSansRegular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html {
  overflow-x: hidden;
}

html * {
  max-height: 1000000px;
}

.clear {
  clear: both;
}

input {
  border: none;
}

*::-webkit-input-placeholder {
  color: #b4b3b3;
  opacity: 1;
}

*:-moz-placeholder {
  color: #b4b3b3;
  opacity: 1;
}

*::-moz-placeholder {
  color: #b4b3b3;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #b4b3b3;
  opacity: 1;
}

a:link,
a:visited,
a:hover,
a:focus,
a:active {
  outline: 0;
  text-decoration: none;
  color: inherit;
}

input:focus,
button,
button:active,
button:focus,
span:focus {
  outline: 0;
}

textarea,
textarea:focus,
textarea:active {
  border: 0;
  outline: 0;
  resize: none;
}

button {
  border: none;
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: none;
}

input.error:focus,
textarea.error:focus {
  background-color: #e36b6b;
}

.fancybox-opened .fancybox-skin {
  box-shadow: none;
}

.fancybox-skin {
  background: transparent;
}

p {
  margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.2;
}

h1, h2 {
  font-family: "MuseoSansBlack";
}

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

.val {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

input[name="name"] {
  background: url(../img/sprite.png) no-repeat -773px 9px;
}

input[name="phone"] {
  background: url(../img/sprite.png) no-repeat -772px -47px;
}

input[name="email"] {
  background: url(../img/sprite.png) no-repeat -772px -47px;
}

span.clearfix {
  display: block;
}

.bounce, .zoom, .back, .flash, .pulse, .rubberBand, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .animated.flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .hinge, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .zoomOut, .zoomOutDown, .zoomOutLeft, .zoomOutRight, .zoomOutUp, .slideInDown, .slideInLeft, .slideInRight, .slideInUp, .slideOutDown, .slideOutLeft, .slideOutRight, .slideOutUp {
  visibility: hidden;
}

.fixed-menu {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  font-size: 0;
  height: 55px;
  z-index: 5;
  background-color: #327eaf;
  text-align: center;
}

@-moz-document url-prefix() {}
header {
  min-height: 680px;
  background: url(../img/bg1.jpg) no-repeat center top;
}

.header-logo {
  margin-top: 17px;
}

.header-benefits {
  margin-top: 17px;
  padding: 15px 0 25px 15px;
  color: #fff;
  border-left: 2px solid #fff;
}
.header-benefits p {
  margin-top: 11px;
}

.header-feedback {
  margin-top: 45px;
  color: #fff;
}
.header-feedback a {
  display: block;
  position: relative;
  text-align: right;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header-feedback a:nth-of-type(1) {
  font-family: "MuseoSansBlack";
  font-size: 27px;
}
.header-feedback a:nth-of-type(1):before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 60px;
  top: 6px;
  background: url(../img/sprite.png) no-repeat 0px 0px;
}
.header-feedback a:nth-of-type(2) {
  margin-top: 12px;
  font-size: 21px;
}
.header-feedback a:nth-of-type(2):before {
  content: "";
  width: 20px;
  height: 16px;
  position: absolute;
  left: 59px;
  top: 5px;
  background: url(../img/sprite.png) no-repeat -38px -2px;
}
.header-feedback a:hover {
  color: #85f88a;
}

.header-question-items {
  margin-top: 30px;
  position: relative;
}
.header-question-items:before {
  content: "";
  width: 1110px;
  height: 2px;
  position: absolute;
  top: 99px;
  left: 50%;
  margin-left: -555px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.header-question-items:after {
  content: "";
  width: 2px;
  height: 119px;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -1px;
  border-right: 1px dashed rgba(255, 255, 255, 0.3);
}

.header-question-item {
  display: inline-block;
  vertical-align: middle;
  width: 485px;
  margin: 0 25px;
  margin-top: 38px;
  color: #fff;
  font-size: 18px;
  text-align: left;
}
.header-question-item p {
  display: inline-block;
  vertical-align: middle;
}
.header-question-item span {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  background: url(../img/sprite.png) no-repeat -76px 0;
}

.header-title {
  margin-top: 70px;
  color: #fff;
}
.header-title h2 {
  font-size: 34px;
  text-transform: uppercase;
}
.header-title h1 {
  font-size: 45px;
  color: #85f88a;
}
.header-title h1:after {
  content: "";
  display: block;
  width: 350px;
  height: 3px;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #85f88a;
}
.header-title p {
  margin-top: 15px;
  font-family: "MuseoSansMedium";
  font-size: 20px;
}

section.choice {
  min-height: 1956px;
  background: url(../img/bg2.jpg) no-repeat center top;
}
section.choice .container {
  padding: 0;
}

.choice-title {
  margin-top: 75px;
}
.choice-title p {
  font-family: "MuseoSansBold";
  font-size: 17px;
  color: #72d276;
}
.choice-title h2 {
  padding-top: 20px;
  font-size: 34px;
  color: #72d276;
  line-height: 1;
  text-transform: uppercase;
}
.choice-title h2 span {
  font-family: "MuseoSansRegular";
  font-size: 28px;
  color: #242424;
}

.choice-table-wrap {
  position: relative;
  margin-top: 45px;
}
.choice-table-wrap:before {
  content: "";
  width: 1220px;
  height: 443px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -610px;
  background: url(../img/shadow1.png) no-repeat center top;
  pointer-events: none;
}
.choice-table-wrap:after {
  content: "";
  width: 1220px;
  height: 443px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -610px;
  background: url(../img/shadow1.png) no-repeat center top;
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
  pointer-events: none;
}

.choice-table {
  position: relative;
  z-index: 1;
}
.choice-table table {
  border: 2px solid #eee;
  margin-bottom: 0;
}
.choice-table thead th {
  font-family: "MuseoSansBlack";
  color: #fff;
  text-transform: uppercase;
  background: url(../img/item-bg2.jpg) no-repeat center top;
  background-size: 100% 100%;
  border-right: 2px solid #fff;
}
.choice-table thead th:nth-of-type(1) {
  width: 50%;
  padding-left: 90px !important;
  background: url(../img/item-bg1.jpg) no-repeat center top;
  background-size: 100% 100%;
}
.choice-table thead th:last-of-type {
  border-right: none;
}
.choice-table .table > thead > tr > th {
  padding: 20px;
}
.choice-table .table > thead > tr > th,
.choice-table .table > tbody > tr > td {
  vertical-align: middle;
}
.choice-table .table > thead > tr > th.top,
.choice-table .table > tbody > tr > td.top {
  vertical-align: top;
}
.choice-table .table > tbody > tr > td {
  padding: 15px;
}
.choice-table tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
.choice-table tbody tr:nth-of-type(even) {
  background-color: #f9f9f9;
}
.choice-table tbody tr td {
  position: relative;
  color: #242424;
  border-right: 2px solid #eee;
  overflow: hidden;
}
.choice-table tbody tr td + td.on {
  font-family: "MuseoSansBlack";
  font-size: 14px;
  color: #3ec8ff;
  text-transform: uppercase;
}
.choice-table tbody tr td:last-of-type {
  border-right: none;
}
.choice-table tbody tr td span.step {
  position: absolute;
  left: 27px;
  top: 12px;
  font-family: "MuseoSansBlack";
  font-size: 34px;
  color: #72d276;
}
.choice-table tbody tr td span.minus {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 3px;
  background-color: #cfcfcf;
}
.choice-table tbody tr td span.price {
  font-family: "MuseoSansBlack";
  color: #3ec8ff;
  text-transform: uppercase;
}
.choice-table tbody tr td ul {
  margin-left: 100px;
  margin-top: 8px;
  list-style-type: disc;
  list-style-image: url(../img/list-img.png);
}
.choice-table tbody tr td ul li + li {
  margin-top: 6px;
}
.choice-table tbody tr td h3 {
  padding-left: 75px;
  font-size: 18px;
  font-family: "MuseoSansBold";
}
.choice-table tbody tr td h4 {
  vertical-align: top;
  padding-top: 35px;
  padding-left: 75px;
  font-family: "MuseoSansBlack";
  font-size: 16px;
  text-transform: uppercase;
}
.choice-table tbody tr td p {
  font-size: 14px;
}
.choice-table tbody tr td a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 50px;
  padding-left: 20px;
  line-height: 50px;
  background: url(../img/item-bg3.jpg) no-repeat center top;
  font-family: "MuseoSansBlack";
  color: #fff;
  text-transform: uppercase;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.choice-table tbody tr td a:before {
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  left: 13px;
  top: 9px;
  background: url(../img/sprite.png) no-repeat -144px 0;
  pointer-events: none;
}
.choice-table tbody tr td a:after {
  content: "";
  width: 160px;
  height: 8px;
  position: absolute;
  left: 0;
  bottom: -8px;
  background: url(../img/shadow2.png) no-repeat center top;
  pointer-events: none;
}
.choice-table tbody tr td a:hover {
  background: #0c99d2;
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.choice-table tbody tr:last-of-type {
  height: 230px;
  background-color: #fff;
}

section.next {
  min-height: 649px;
  background: url(../img/bg3.jpg) no-repeat center top;
}

.next-img {
  margin-top: 80px;
  margin-left: 145px;
}

.next-title {
  margin-top: 74px;
}
.next-title h2 {
  font-size: 34px;
  color: #fff;
  text-transform: uppercase;
}
.next-title p {
  margin-top: 25px;
  font-family: "MuseoSansBlack";
  font-size: 18px;
  color: #85f88a;
}

.next-descr {
  margin-top: 32px;
}
.next-descr > p {
  margin-top: 35px;
  margin-left: -2px;
  color: #fff;
}
.next-descr > p span {
  color: #72d276;
  text-transform: uppercase;
}
.next-descr > p span:nth-of-type(2) {
  font-family: "MuseoSansBlack";
}
.next-descr > p a:hover {
  text-decoration: underline;
}

.next-descr-list {
  color: #fff;
}
.next-descr-list p {
  position: relative;
  padding-left: 43px;
  margin-top: 12px;
}
.next-descr-list p:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  background: url(../img/sprite.png) no-repeat -213px 0;
}
.next-descr-list p span {
  color: #72d276;
}

.next-callback {
  margin-top: 36px;
  margin-left: 113px;
}
.next-callback p {
  position: relative;
  padding-left: 38px;
  font-family: "MuseoSansBlack";
  color: #85f88a;
  font-size: 24px;
}
.next-callback p:before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 6px;
  background: url(../img/sprite.png) no-repeat -268px -4px;
}
.next-callback a {
  display: inline-block;
  margin-top: 10px;
  font-family: "MuseoSansBold";
  font-size: 34px;
  color: #fff;
}

.next-content {
  position: relative;
}

.mainform input {
  width: 350px;
  height: 40px;
  padding-left: 40px;
  margin-right: 25px;
  line-height: 36px;
  border: 2px solid #e9e9e9;
}
.mainform input:focus {
  border-color: #72d276;
}
.mainform button {
  width: 350px;
  height: 60px;
  position: relative;
  padding-left: 25px;
  background: url(../img/item-bg4.jpg) no-repeat center top;
  font-family: "MuseoSansBlack";
  color: #fff;
  text-transform: uppercase;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.mainform button:before {
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  left: 8px;
  top: 15px;
  background: url(../img/sprite.png) no-repeat -144px 0;
}
.mainform button:after {
  content: "";
  width: 350px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: -15px;
  background: url(../img/shadow2.png) no-repeat center top;
  background-size: 100%;
}
.mainform button:hover {
  background: #5cb860;
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.next-form {
  width: 1170px;
  position: absolute;
  bottom: -245px;
  left: 50%;
  margin-left: -585px;
  padding: 45px 0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.15);
}
.next-form h4 {
  font-family: "MuseoSansBlack";
  font-size: 26px;
  color: #72d276;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.next-form p {
  margin-top: 5px;
  font-size: 18px;
}
.next-form form {
  margin-top: 40px;
}

section.benefits {
  padding-bottom: 85px;
  background-color: #ecf4f6;
}

.benefits-title {
  margin-top: 269px;
}
.benefits-title p {
  font-family: "MuseoSansBlack";
  font-size: 22px;
  color: #3ec8ff;
}
.benefits-title h2 {
  padding-top: 11px;
  font-size: 34px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.benefits-item {
  margin-top: 60px;
}
.benefits-item:nth-of-type(1) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat 0 -138px;
}
.benefits-item:nth-of-type(2) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat -114px -139px;
}
.benefits-item:nth-of-type(3) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat -228px -133px;
}
.benefits-item:nth-of-type(4) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat -342px -137px;
}
.benefits-item:nth-of-type(5) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat -456px -133px;
}
.benefits-item:nth-of-type(6) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat -565px -133px;
}
.benefits-item:nth-of-type(7) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat -670px -133px;
}
.benefits-item:nth-of-type(8) .benefits-item-img {
  background: url(../img/sprite.png) no-repeat 0 -255px;
}

.benefits-item-img {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.benefits-item-descr {
  margin-top: 5px;
}
.benefits-item-descr p strong {
  font-family: "MuseoSansBlack";
  color: #3ec8ff;
}

section.feedback {
  min-height: 457px;
  background: url(../img/bg4.jpg) no-repeat center top;
}

.feedback-title {
  margin-top: 75px;
  color: #fff;
}
.feedback-title span {
  display: inline-block;
  font-size: 24px;
  text-transform: uppercase;
}
.feedback-title h2 {
  padding-top: 5px;
  font-size: 34px;
  text-transform: uppercase;
}
.feedback-title p {
  margin-top: 15px;
  font-family: "MuseoSansBlack";
  font-size: 18px;
  color: #85f88a;
}

.feedback-form form {
  margin-top: 50px;
}
.feedback-form input {
  width: 350px;
  height: 50px;
  line-height: 46px;
  margin: 0 15px;
  border-color: transparent;
  border-radius: 5px;
  background-color: #fff;
}
.feedback-form input[name="name"] {
  background-position: -773px 14px;
}
.feedback-form input[name="phone"] {
  background-position: -772px -42px;
}
.feedback-form button {
  display: block;
  width: 350px;
  height: 60px;
  margin: 0 auto;
  margin-top: 33px;
  line-height: 60px;
  background: url(../img/item-bg3.jpg) no-repeat center top;
  background-size: 100% 100%;
}
.feedback-form button:before {
  left: 65px;
}
.feedback-form button:hover {
  background: #0c99d2;
}

section.portrait {
  min-height: 630px;
  background: url(../img/bg5.jpg) no-repeat center top;
}

.portrait-title {
  margin-top: 154px;
}
.portrait-title h2 {
  font-size: 34px;
}
.portrait-title h2 span {
  color: #3ec8ff;
}

.portrait-items-wrap .col-lg-3:nth-of-type(n+2):nth-of-type(-n+4) .portrait-item {
  margin-top: 100px;
}
.portrait-items-wrap .col-lg-3:nth-of-type(2) .portrait-item-img-icon {
  background: url(../img/sprite.png) no-repeat -125px -278px #fff;
}
.portrait-items-wrap .col-lg-3:nth-of-type(3) .portrait-item-img-icon {
  background: url(../img/sprite.png) no-repeat -193px -278px #fff;
}
.portrait-items-wrap .col-lg-3:nth-of-type(4) .portrait-item-img-icon {
  background: url(../img/sprite.png) no-repeat -264px -276px #fff;
}
.portrait-items-wrap .col-lg-3:nth-of-type(5) .portrait-item-img-icon {
  background: url(../img/sprite.png) no-repeat -332px -277px #fff;
}
.portrait-items-wrap .col-lg-3:nth-of-type(6) .portrait-item-img-icon {
  background: url(../img/sprite.png) no-repeat -402px -275px #fff;
}
.portrait-items-wrap .col-lg-3:nth-of-type(7) .portrait-item-img-icon {
  background: url(../img/sprite.png) no-repeat -473px -279px #fff;
}
.portrait-items-wrap .col-lg-3:nth-of-type(8) .portrait-item-img-icon {
  background: url(../img/sprite.png) no-repeat -544px -278px #fff;
}

.portrait-item {
  margin-top: 70px;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.portrait-item-square {
  width: 220px;
  height: 190px;
  position: absolute;
  left: 0;
  top: -20px;
  background-color: #3ec8ff;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.portrait-item-img-icon {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 22px;
  top: 1px;
  -webkit-border-radius: 0  0 100% 0;
  -moz-border-radius: 0  0 100% 0;
  border-radius: 0 0 100% 0;
  z-index: 1;
}

.portrait-item-img {
  width: 220px;
  height: 190px;
  position: relative;
  margin-left: 19px;
}
.portrait-item-img:before {
  content: "";
  width: 230px;
  height: 175px;
  position: absolute;
  left: -10px;
  top: -12px;
  background: url(../img/shadow3.png) no-repeat center top;
}
.portrait-item-img:after {
  content: "";
  width: 230px;
  height: 175px;
  position: absolute;
  right: -10px;
  bottom: -12px;
  background: url(../img/shadow3.png) no-repeat center top;
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
.portrait-item-img img {
  width: 100%;
  height: auto;
  outline: 3px solid #fff;
  outline-offset: -3px;
}

.portrait-item-img-descr {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: 0;
  left: 0;
  padding: 10px 0;
  background-color: #fff;
  font-size: 18px;
  z-index: 1;
}
.portrait-item-img-descr span {
  font-family: "MuseoSansBlack";
  color: #3ec8ff;
}

section.statistics {
  min-height: 557px;
  background: url(../img/bg6.jpg) no-repeat center top;
}

.statistics-title {
  margin-top: 75px;
  color: #fff;
}
.statistics-title h2 {
  font-size: 34px;
}

.statistics-item {
  margin-top: 30px;
}

.statistics-item-number {
  font-family: "MuseoSansBlack";
  font-size: 40px;
  color: #85f88a;
}

.statistics-item-descr {
  margin-top: 5px;
  font-size: 20px;
  color: #fff;
}
.statistics-item-descr span {
  font-family: "MuseoSansBlack";
}

.statistics-content {
  position: relative;
}

.statistics-form {
  width: 1170px;
  position: absolute;
  bottom: -347px;
  left: 50%;
  margin-left: -585px;
  padding: 45px 0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.15);
  z-index: 1;
}
.statistics-form h4 {
  font-family: "MuseoSansBlack";
  font-size: 30px;
  color: #72d276;
  text-transform: uppercase;
}
.statistics-form p {
  margin-top: 5px;
  font-size: 26px;
  text-transform: uppercase;
}
.statistics-form span {
  display: inline-block;
  margin-top: 25px;
  font-family: "MuseoSansBold";
  font-size: 18px;
  color: #72d276;
}
.statistics-form form {
  margin-top: 30px;
}

section.support {
  min-height: 647px;
  background: url(../img/bg7.jpg) no-repeat center top;
}
section.support .col-lg-6 {
  padding: 0;
}

.support-descr {
  margin-top: 327px;
}
.support-descr h2 {
  font-size: 34px;
  color: #3ec8ff;
  text-transform: uppercase;
}
.support-descr p {
  margin-top: 12px;
  white-space: nowrap;
}
.support-descr p span {
  color: #3ec8ff;
}
.support-descr a {
  display: inline-block;
  width: 350px;
  height: 60px;
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  padding-left: 25px;
  line-height: 60px;
  background: url(../img/item-bg3.jpg) no-repeat center top;
  background-size: 100% 100%;
  font-family: "MuseoSansBlack";
  color: #fff;
  text-transform: uppercase;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.support-descr a:before {
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  left: 70px;
  top: 15px;
  background: url(../img/sprite.png) no-repeat -144px 0;
}
.support-descr a:after {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: -15px;
  background: url(../img/shadow2.png) no-repeat center top;
  background-size: 100%;
}
.support-descr a:hover {
  background: #0c99d2;
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.map-wrap {
  height: 460px;
}
.map-wrap .container {
  position: relative;
}

.map-descr {
  width: 410px;
  height: 500px;
  position: absolute;
  top: -20px;
  left: 0;
  padding: 0 30px;
  background: url(../img/item-bg5.jpg) no-repeat center top;
  z-index: 1;
  color: #fff;
}
.map-descr:before {
  content: "";
  width: 430px;
  height: 180px;
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -215px;
  background: url(../img/shadow1.png) no-repeat center top;
  background-size: 100% 100%;
  pointer-events: none;
}
.map-descr:after {
  content: "";
  width: 430px;
  height: 180px;
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -215px;
  background: url(../img/shadow1.png) no-repeat center top;
  background-size: 100% 100%;
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
  pointer-events: none;
}
.map-descr h4 {
  padding-top: 100px;
  font-family: "MuseoSansBlack";
  text-align: center;
  font-size: 34px;
  text-transform: uppercase;
}
.map-descr p {
  position: relative;
  padding-left: 40px;
  padding-top: 44px;
}
.map-descr p:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
.map-descr p:nth-of-type(1) {
  margin-top: 37px;
}
.map-descr p:nth-of-type(1):after {
  content: "";
  width: 17px;
  height: 25px;
  position: absolute;
  left: 4px;
  top: 52px;
  background: url(../img/sprite.png) no-repeat -621px -282px;
}
.map-descr p:nth-of-type(2) {
  margin-top: 44px;
}
.map-descr p:nth-of-type(2):after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 60px;
  background: url(../img/sprite.png) no-repeat -689px -280px;
}

.footer-logo {
  margin-top: 40px;
}

.footer-benefits {
  margin-top: 42px;
  padding: 15px 0 25px 15px;
  border-left: 2px solid #ebebeb;
}
.footer-benefits p {
  margin-top: 11px;
}

.footer-feedback {
  margin-top: 68px;
}
.footer-feedback a {
  display: block;
  position: relative;
  text-align: right;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer-feedback a:nth-of-type(1) {
  font-family: "MuseoSansBlack";
  font-size: 27px;
}
.footer-feedback a:nth-of-type(1):before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 60px;
  top: 6px;
  background: url(../img/sprite.png) no-repeat 0px 0px;
}
.footer-feedback a:nth-of-type(2) {
  margin-top: 12px;
  font-size: 21px;
}
.footer-feedback a:nth-of-type(2):before {
  content: "";
  width: 20px;
  height: 16px;
  position: absolute;
  left: 59px;
  top: 5px;
  background: url(../img/sprite.png) no-repeat -38px -2px;
}
.footer-feedback a:hover {
  color: #85f88a;
}

.footer-policy {
  margin-top: 20px;
  background-color: #f4f4f4;
}
.footer-policy a {
  font-family: "MuseoSansBold";
  color: #3ec8ff;
  line-height: 55px;
  text-decoration: underline;
}
.footer-policy a:hover {
  text-decoration: none;
}

.popupform {
  width: 410px;
  padding: 0 30px;
  padding-top: 30px;
  padding-bottom: 50px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 40px 0px rgba(0, 1, 1, 0.15);
  display: none;
}
.popupform p {
  padding-top: 20px;
}
.popupform h3 {
  font-family: "MuseoSansBlack";
  font-size: 26px;
  color: #72d276;
  text-transform: uppercase;
}
.popupform h4 {
  font-family: "MuseoSansBlack";
  font-size: 26px;
  color: #3ec8ff;
  text-transform: uppercase;
}
.popupform input {
  width: 350px;
  height: 50px;
  line-height: 46px;
  margin-top: 15px;
  padding-left: 40px;
  border-radius: 5px;
  border: 2px solid #e9e9e9;
}
.popupform input[name="name"] {
  background-position: -773px 13px;
}
.popupform input[name="phone"] {
  background-position: -772px -43px;
}
.popupform input[name="email"] {
  background-position: -772px -92px;
}
.popupform input[name="site"] {
  background: url(../img/sprite.png) no-repeat -771px -323px;
}
.popupform input[name="vacancy"] {
  background: url(../img/sprite.png) no-repeat -772px -380px;
}
.popupform button {
  display: inline-block;
  width: 350px;
  height: 50px;
  padding-left: 20px;
  line-height: 50px;
  position: relative;
  margin-top: 30px;
  background: url(../img/item-bg3.jpg) no-repeat center top;
  background-size: 100% 100%;
  font-family: "MuseoSansBlack";
  color: #fff;
  text-transform: uppercase;
}
.popupform button:before {
  content: "";
  width: 31px;
  height: 31px;
  position: absolute;
  left: 105px;
  top: 9px;
  background: url(../img/sprite.png) no-repeat -144px 0;
}
.popupform button:after {
  content: "";
  width: 350px;
  height: 15px;
  position: absolute;
  left: 0;
  bottom: -15px;
  background: url(../img/shadow2.png) no-repeat center top;
  background-size: 100% 100%;
}
.popupform button:hover {
  background: #0c99d2;
}
.popupform#question {
  width: 790px;
  padding: 30px 15px 50px 15px;
}
.popupform#question input {
  margin: 0 13px;
  margin-top: 20px;
}
.popupform#question button {
  margin: 0 13px;
  margin-top: 20px;
}
.popupform#question button:before {
  left: 65px;
}

.popupthx {
  width: 410px;
  min-height: 173px;
  padding: 30px;
  background: url(../img/item-bg6.jpg) no-repeat center top;
  display: none;
}
.popupthx h3 {
  padding-top: 20px;
  font-family: "MuseoSansBlack";
  font-size: 26px;
  color: #72d276;
  text-transform: uppercase;
}
.popupthx p {
  margin-top: 10px;
}

.fancybox-close {
  width: 14px;
  height: 14px;
  top: 10px;
  right: 10px;
  background: url(../img/sprite.png) no-repeat -765px -286px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.back {
  -webkit-animation-name: back;
  animation-name: back;
}

@-webkit-keyframes back {
  0% {
    opacity: 0;
    z-index: 5;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-125px) rotateY(-90deg);
    transform: translateX(-125px) rotateY(-90deg);
  }
  70% {
    z-index: -1;
  }
  75% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  100% {
    z-index: 0;
    -webkit-transform: translateX(0) rotateY(-180deg);
    transform: translateX(0) rotateY(-180deg);
  }
}
@keyframes back {
  0% {
    opacity: 0;
    z-index: 5;
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-125px) rotateY(-90deg);
    transform: translateX(-125px) rotateY(-90deg);
  }
  70% {
    z-index: -1;
  }
  75% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  100% {
    z-index: 0;
    -webkit-transform: translateX(0) rotateY(-180deg);
    transform: translateX(0) rotateY(-180deg);
  }
}
.jump {
  -webkit-animation-name: jump;
  animation-name: jump;
}

.zoom {
  -webkit-animation-name: zoom;
  animation-name: zoom;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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