@charset "UTF-8";
@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SFProDisplay-Light.eot");
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url("../fonts/SFProDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Light.woff2") format("woff2"), url("../fonts/SFProDisplay-Light.woff") format("woff"), url("../fonts/SFProDisplay-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SFProDisplay-Regular.eot");
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url("../fonts/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Regular.woff2") format("woff2"), url("../fonts/SFProDisplay-Regular.woff") format("woff"), url("../fonts/SFProDisplay-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SFProDisplay-Medium.eot");
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url("../fonts/SFProDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Medium.woff2") format("woff2"), url("../fonts/SFProDisplay-Medium.woff") format("woff"), url("../fonts/SFProDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SFProDisplay-Bold.eot");
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url("../fonts/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Bold.woff2") format("woff2"), url("../fonts/SFProDisplay-Bold.woff") format("woff"), url("../fonts/SFProDisplay-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

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

/* Стандартный transition для hover-анимаций */
/*@mixin spriteImage($sprite) {
  background-image: url( unquote('../img/' + nth($sprite,9)));
}*/
/* Миксин замены цвета placeholder у input. 
Нужно добавить в стилях элемента конструкцию вида @include placeholder(#000); */
/* ! == ANIME ==*/
/* ! ========== RESET ============= */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;
    font: inherit;*/
  vertical-align: baseline; }

html {
  font-size: 10px; }

html, body {
  height: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

* {
  margin: 0;
  padding: 0;
  outline: none;
  line-height: inherit;
  min-width: 0;
  min-height: 0; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  max-height: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix:after,
.clearfix:before {
  display: table;
  content: ' '; }

.clearfix:after {
  clear: both; }

.container {
  max-width: 1200px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto; }

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 15px;
  padding-left: 15px; }

body {
  background-color: #fff;
  font-weight: normal;
  font-size: 1.6rem;
  font-family: "SF Pro Display";
  color: #333;
  line-height: 1;
  position: relative;
  min-width: 320px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }

h1, h2, h3, h4, h5 {
  font-weight: bold; }

.full-bg {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover; }

.full-width {
  max-width: 1920px;
  margin: 0 auto; }

.title {
  font-weight: bold;
  font-size: 3.8rem;
  color: #333;
  letter-spacing: 0.02em;
  /*text-transform: uppercase;*/
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 25px; }

.hide {
  display: none; }

.btn {
  background-color: #F03E81;
  font-weight: 500;
  font-size: 1.8rem;
  color: #fff;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  height: 56px;
  padding: 0 25px;
  cursor: pointer;
  border: none;
  overflow: hidden;
  -webkit-border-radius: 99px;
          border-radius: 99px;
  z-index: 1;
  -webkit-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out; }
  .btn:before {
    background-color: transparent;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0); }
  .btn:hover {
    /*background-color: #D32063;
        color: #fff;
        /*border-color: #a116a6;
        color: #a116a6;*/ }
    .btn:hover:before {
      background-color: #D32063;
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1); }

.all-wrapp {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  position: relative;
  width: 100%; }

@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg); }
  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg); }
  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg); }
  75%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@media screen and (max-width: 1100px) {
  .title {
    font-size: 3.2rem; } }

@media screen and (max-width: 991px) {
  .title {
    font-size: 2.8rem; }
  .btn {
    height: 52px; } }

@media screen and (max-width: 575px) {
  .title {
    font-size: 2.4rem; } }

/* ! ========== RESET ============= */
/* ! ========== HEADER ============= */
.header {
  position: fixed;
  width: 100%;
  height: 0;
  z-index: 10;
  top: 0;
  left: 0;
  /*-webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0; */
  }
  .header .header-wrapp {
    background: #222;
    padding: 12px 0;
    -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
            box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15); }

.header .row {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center; }

.header-one {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 52.7%;
      -ms-flex: 0 0 52.7%;
          flex: 0 0 52.7%;
  max-width: 52.7%; }

.header-logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 445px;
          flex: 0 0 445px;
  -ms-flex: 0 0 445px;
  max-width: 445px; }
  .header-logo .logo {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .header-logo .logo .logo-img {
      display: block;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 163px;
          -ms-flex: 0 0 163px;
              flex: 0 0 163px;
      max-width: 163px; }
      .header-logo .logo .logo-img img {
        width: 100%; }
    .header-logo .logo .logo-text {
      font-weight: 200;
      font-size: 1.4rem;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 0.06rem;
      display: block;
      line-height: 1.6em;
      padding-left: 26px; }

.header-as {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 132px;
      -ms-flex: 0 0 132px;
          flex: 0 0 132px;
  max-width: 132px; }

.logo-as svg {
  width: 132px;
  height: 38px; }

.header-second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.header-contact {
  text-align: right; }
  .header-contact .link-phone, .header-contact .link-email {
    font-weight: 500;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .header-contact .link-phone:hover, .header-contact .link-email:hover {
      opacity: 0.8; }
  .header-contact .link-phone {
    font-size: 2rem;
    color: #fff;
   /* padding-top:5px;*/
    /*&:hover {
            color: #F03E81;
        }*/ }
  .header-contact .link-email {
    font-size: 1.6rem;
    color: #F03E81;
    margin-top: 3px;
    /*&:hover {
            color: #fff;
        }*/ }

.header-btn {
  margin-left: 32px;
  width: 270px; }
  .header-btn .btn {
    width: 100%; }

.fixed-header {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  height: auto;
  opacity: 1; }

@media screen and (max-width: 1140px) {
  .header-one {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 510px;
        -ms-flex: 0 0 510px;
            flex: 0 0 510px;
    max-width: 510px; }
  .header-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 320px;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    max-width: 320px; }
    .header-logo .logo .logo-text {
      font-size: 1rem;
      padding-left: 15px; }
  .header-btn {
    width: 230px; } }

@media screen and (max-width: 991px) {
  .header-one {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 390px;
        -ms-flex: 0 0 390px;
            flex: 0 0 390px;
    max-width: 390px; }
  .header-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 165px;
        -ms-flex: 0 0 165px;
            flex: 0 0 165px;
    max-width: 165px; }
    .header-logo .logo {
      display: block; }
      .header-logo .logo .logo-text {
        display: none; }
  .header-btn {
    width: 56px;
    margin-left: 35px; }
    .header-btn .btn {
      font-size: 0;
      display: block;
      width: 56px;
      padding: 0;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
      .header-btn .btn:after {
        position: absolute;
        display: block;
        content: "";
        background-image: url(../img/sprite.png);
        background-position: -33px 0px;
        width: 24px;
        height: 24px;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px; } }

@media screen and (max-width: 767px) {
  .header-one {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 290px;
        -ms-flex: 0 0 290px;
            flex: 0 0 290px;
    max-width: 290px; }
  .header-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 118px;
        -ms-flex: 0 0 118px;
            flex: 0 0 118px;
    max-width: 118px; }
    .header-logo .logo .logo-img {
      max-width: 118px; }
  .header-as {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 105px;
        -ms-flex: 0 0 105px;
            flex: 0 0 105px;
    max-width: 105px; }
    .header-as svg {
      width: 105px;
      height: 30px; }
  .header-contact .link-phone {
    font-size: 1.7rem; } }

@media screen and (max-width: 575px) {
	.header .header-wrapp {
		padding: 10px 0;
	}
  .header-contact {
    /*line-height: 33px;*/
	width: 20px;
	height: 20px;
	 }
    .header-contact .link-phone {
      font-size: 0;
      position: relative;
      width: 20px;
      height: 20px;
      display: block;
      /*margin-top: 40px;*/
      -webkit-transition: all 0s ease;
      -o-transition: all 0s ease;
      transition: all 0s ease; }
      .header-contact .link-phone:before {
        position: absolute;
        display: block;
        content: "";
        background-image: url(../img/sprite.png);
        background-position: -58px 0px;
        width: 20px;
        height: 20px;
        top: 0;
        left: 0; }
    .header-contact .link-email {
      display: none; }
  .header-btn {
    width: 40px;
    margin-left: 25px; }
    .header-btn .btn {
      width: 40px;
      height: 40px; }
      .header-btn .btn:after {
        background-image: url(../img/sprite.png);
        background-position: -58px -21px;
        width: 18px;
        height: 18px;
        margin: -9px 0 0 -9px; } }

@media screen and (max-width: 440px) {
  .header .header-wrapp {
    padding: 7px 0; }
  .header-one {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 148px;
        -ms-flex: 0 0 148px;
            flex: 0 0 148px;
    max-width: 148px; }
  .header-as {
    display: none; } }

/* ! ========== HEADER ============= */
/* ! ========== SECTION TOP ============= */
.section-top {
  background-image: url("../img/bg/top_bg.jpg");
  position: relative;
  padding: 58px 0 130px;
  z-index: 2; }
  .section-top:before {
    background: #000;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
    z-index: 0; }
  .section-top:after {
    background: url("../img/bg/top_right.png") no-repeat right top;
    position: absolute;
    display: block;
    content: "";
    width: 123pc;
    height: 162px;
    top: 50px;
    right: 0;
    z-index: 0; }
  .section-top .container {
    position: relative;
    z-index: 1; }

.section-top__logo {
  position: absolute;
  display: inline-block;
  top: 47px;
  left: 50px;
  z-index: 2; }
  .section-top__logo svg {
    width: 170px;
    height: 49px; }

.section-top__head {
  max-width: 745px;
  margin: 0 auto;
  text-align: center;
  color: #fff; }
  .section-top__head .section-top__title {
    font-weight: bold;
    font-size: 4.8rem;
    letter-spacing: 0.02em;
    display: block;
    line-height: 1.4em;
    margin-top: 19px; }
  .section-top__head .section-top__desc {
    font-weight: normal;
    font-size: 2.4rem;
    display: block;
    line-height: 1.55em;
    margin-top: 2.34rem; }
    .section-top__head .section-top__desc strong {
      font-weight: bold; }

.section-top .top-info {
  margin-top: 68px; }

.item-top {
  text-align: center; }
  .item-top .item-top__img {
    background: #f03e81;
    -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
            box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 72px;
    height: 72px;
    padding: 5px;
    /*line-height: 72px;*/
    margin: 0 auto 21px; }
    .item-top .item-top__img img {
      height: 40px; }
  .item-top .item-top__desc {
    font-weight: 500;
    font-size: 1.8rem;
    color: #fff;
    display: block;
    line-height: 1.5em; }

.section-top__bottom {
  max-width: 371px;
  text-align: center;
  margin: 33px auto 0; }
  .section-top__bottom .btn {
    width: 100%;
    height: 64px; }

@media screen and (max-width: 991px) {
  .section-top {
    background-image: url(../img/bg/top_bg-2.jpg);
    padding: 44px 0 101px; }
    .section-top:after {
      background-image: url(../img/bg/top_right-2.png);
      width: 76px;
      height: 130px;
      right: 0; }
    .section-top .top-info {
      margin-top: 57px; }
  .section-top__logo {
    top: 49px;
    left: 24px; }
    .section-top__logo svg {
      width: 156px;
      height: 45px; }
  .section-top__head .section-top__title {
    font-size: 3.2rem;
    margin-top: 29px; }
  .section-top__head .section-top__desc {
    font-size: 2rem;
    margin-top: 1.42rem; }
  .item-top .item-top__img {
    width: 64px;
    height: 64px;
    margin-bottom: 19px; }
    .item-top .item-top__img img {
      width: 32px;
      height: auto; }
  .item-top .item-top__desc {
    font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .section-top {
    background-image: url(../img/bg/top_bg-3.jpg); }
  .section-top__logo {
    display: none; }
  .section-top__head .block-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .section-top__head .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    max-width: 200px; }
  .section-top__head .section-top__as {
    display: inline-block; }
    .section-top__head .section-top__as svg {
      width: 109px;
      height: 31px; } }

@media screen and (max-width: 720px) {
  .item-top .item-top__img {
    width: 45px;
    height: 45px; }
    .item-top .item-top__img img {
      width: 22px; }
  .item-top .item-top__desc {
    font-size: 1.4rem; } }

@media screen and (max-width: 640px) {
  .top-info {
    margin: 55px -5px 0; }
    .top-info .col {
      padding: 0 5px; } }

@media screen and (max-width: 575px) {
  .section-top {
    background-image: url(../img/bg/top_bg-4.jpg);
    padding: 52px 0 81px; }
    .section-top .top-info {
      display: none; }
  .section-top__head .section-top__title {
    font-size: 2.8rem;
    line-height: 1.3em; }
  .section-top__head .section-top__desc {
    font-size: 1.6rem;
    margin-top: 24px; }
  .section-top__bottom {
    margin-top: 41px; } }

@media screen and (max-width: 440px) {
  .section-top:after {
    display: none; }
  .section-top__head .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 152px;
        -ms-flex: 0 0 152px;
            flex: 0 0 152px;
    max-width: 152px; }
  .section-top__head .section-top__title {
    margin-top: 22px; } }

@media screen and (max-width: 390px) {
  .section-top__bottom .btn {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    height: 56px;
    padding-left: 74px; }
    .section-top__bottom .btn:after {
      position: absolute;
      display: block;
      content: "";
      background-image: url(../img/sprite.png);
      background-position: -33px 0px;
      width: 24px;
      height: 24px;
      top: 50%;
      left: 35px;
      margin-top: -12px; } }

@media screen and (max-width: 340px) {
  .section-top {
    background-image: url(../img/bg/top_bg-5.jpg); }
    .section-top:before {
      display: none; } }

/* ! ========== SECTION TOP ============= */

/*===========  BLOCK MAIN ===========*/
.b-main {
  background: #000;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
  padding-top: 77px;
  overflow: hidden;
}
.b-main .b-main__block {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.b-main .b-main__right {
  flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  max-width: 35%;
}
.b-main .b-main__left {
   background: url(../img/top_1.jpg) center center no-repeat;
  background-size: cover;
}
.block-main__wrapp {
  background: #000;
  padding: 55px 10px;
}
.b-main__title {
  font-weight: 200;
  font-size: 3.4rem;
  text-align: center;
  line-height: 1.1em;
  margin-top: 0;
}
.block-main__data {
  max-width: 340px;
  margin: 40px auto 0;
}
.main-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.main-list li {
  font-weight: 100;
  font-size: 1.8rem;
  position: relative;
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 3px;
}
.main-list li span {
  position: relative;
  padding-left: 20px;
}
.main-list li span:before {
  background: #fff;
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 50%;
  left: 0;
  margin-top: -2px;
}
.b-main_-desc {
  font-weight: 200;
  text-align: center;
  font-size: 2rem;
  padding: 8px 0 35px;
  line-height: 1.5em;
}
.b-main_-desc strong {
  font-weight: 500;
}
.b-main .block-button
{
	margin: 0 0 30px;
	text-align: center;
}
/*.b-main .row {
  -ms-flex-pack: end;
  justify-content: flex-end;
}*/
.block-main__text {
  font-weight: 200;
  font-size: 2rem;
  line-height: 30px;
  text-align: center;
}
.block-main__text strong {
  font-weight: 500;
}
.b-main .block-button .btn-top
{
	border-radius: 25px;
 	background-image: -moz-linear-gradient(90deg, #1670cc 0%, #248ffe 100%);
  	background-image: -webkit-linear-gradient(90deg, #1670cc 0%, #248ffe 100%);
  	background-image: -ms-linear-gradient(90deg, #1670cc 0%, #248ffe 100%);
	background-image: linear-gradient(90deg, #1670cc 0%, #248ffe 100%);
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  border: none;
  cursor: pointer;
  margin: 0 auto;
}
.b-header__button--collapsed {
  height: 46px;
  width: 46px;
  border-radius: 23px;
  /*background: url(/build/5a1d8cf9e5c5eac65e95a0b69d734ad4.svg) center no-repeat;*/
  /*position: absolute;
  right: 0;
  top: 17px;*/
  cursor: pointer;
}
.b-title {
  font-weight: 200;
  font-size: 3.6rem;
  text-align: center;
  padding-top: 110px;
  margin: 0;
  line-height: 48px;
}
.b-main .b-title {
  text-align: center;
}
@media screen and (min-width: 992px) and (max-width: 1160px) {
  .b-main__title {
    font-size: 3.2rem;
  }
  .block-main__text {
    font-size: 1.8rem;
  }
  .main-list li {
    font-size: 1.8rem;
  }
  .b-main_-desc {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 991px) {
  .b-main {
    display: block;
    padding: 0;
  }
  .b-main .b-main__left {
    display: none;
  }
  .b-main .b-main__right {
    background: url(../img/top_1-2.jpg) center center no-repeat;
    background-size: cover;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding: 140px 15px 60px;
  }
  .b-main .b-main__right:before {
    background: rgba(0,0,0,0.7);
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .b-main .flex-col {
    position: relative;
  }
  .block-main__wrapp {
    background: transparent;
    max-width: 100%;
    position: relative;
    padding: 0;
  }
  .block-main__data {
    margin-top: 20px;
  }
}
/*@media screen and (max-width: 767px) {
  .b-main__title {
    font-size: 40px;
  }
}*/
@media screen and (max-width: 530px) {
  .b-main__title {
    font-size: 3rem;
  }
  .block-main__text {
    font-size: 2rem;
  }
  .main-list li {
    font-size: 2rem;
  }
  .b-main_-desc {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 420px) {
	.b-main .b-main__right {
		padding: 120px 15px 50px;
	}
  .b-main__title {
    font-size: 2.4rem;
    line-height: 1em;
  }
  .block-main__text {
    font-size: 1.6rem;
    line-height: 24px;
  }
  .main-list li {
    font-size: 1.8rem;
  }
  .b-main_-desc {
    font-size: 1.8rem;
    padding: 8px 0 20px;
  }
  .block-main__data {
	    margin-top: 15px;
	}
  .block-main__data .main-list {
  	margin: 10px 0;
  }
}

/* ! ========== SECTION VIDEO ============= */
.section-video {
  position: relative;
  margin-top: -60px;
  z-index: 2; }
  .section-video:after {
    background: url(../img/bg/figure_bg.png) no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 84px;
    height: 90px;
    top: 30px;
    /*left: -280px;*/
    left: 150px;
    z-index: -1; }
  .section-video .container {
    max-width: 970px;
    padding: 0;
    position: relative; }
    .section-video .container:before {
      background: url(../img/bg/points.png) no-repeat center center;
      -webkit-background-size: cover;
              background-size: cover;
      position: absolute;
      display: block;
      content: "";
      width: 162px;
      height: 162px;
      bottom: -50px;
      left: -50px;
      z-index: -1; }
  .section-video .block-video {
    background: #fff;
    position: relative;
    padding: 24px;
    -webkit-box-shadow: 0px 22px 42px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 22px 42px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 12px;
            border-radius: 12px;
    margin: 0 auto; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed,
.video-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media screen and (max-width: 1400px) {
  .section-video:after {
    background-image: url(../img/bg/figure_bg-2.png);
    width: 48px;
    height: 52px;
    top: -26px;
    left: 10px; } }

@media screen and (max-width: 1160px) {
  .section-video .container {
    max-width: 1160px; }
  .section-video .block-video {
    width: 71.5%; } }

@media screen and (max-width: 991px) {
  .section-video {
    margin-top: -68px; }
    .section-video .block-video {
      padding: 15px; } }

@media screen and (max-width: 575px) {
  .section-video {
    margin-top: -40px; }
    .section-video .container {
      padding: 0 15px; }
      .section-video .container:before {
        display: none; }
    .section-video:after {
      display: none; }
    .section-video .block-video {
      width: auto;
      max-width: 410px;
      padding: 8px;
      -webkit-border-radius: 5px;
              border-radius: 5px; } }

/* ! ========== SECTION VIDEO ============= */
/* ! ========== SECTION CAUSE ============= */
.section-cause {
  position: relative;
  padding-top: 107px; }
  .section-cause:after {
    background: url(../img/bg/figure_bg.png) no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 84px;
    height: 90px;
    bottom: 114px;
    right: 135px;
    z-index: 0; }
  .section-cause .title {
    font-size: 4.8rem;
    letter-spacing: 0.02em;
    text-align: left;
    line-height: 1.35em; }
    .section-cause .title span {
      color: #F03E81; }
  .section-cause:before {
    background-image: url(../img/bg/circle.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    content: "";
    width: 1064px;
    height: 1673px;
    bottom: 0;
    right: 0;
    z-index: 0; }

.list-cause .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
  margin-bottom: 90px; }
  .list-cause .col:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
    .list-cause .col:first-child .item-cause {
      padding-left: 0; }

.list-cause .col:nth-child(1), .list-cause .col:nth-child(2) {
  margin-bottom: 45px; }

.item-cause {
  position: relative;
  padding-left: 50px; }
  .item-cause:before {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
            background-size: cover;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    z-index: 0; }
  .item-cause .item-cause__img {
    position: relative;
    height: 40px;
    margin-bottom: 12px;
    z-index: 1; }
  .item-cause .item-cause__text {
    position: relative;
    z-index: 1; }
  .item-cause .item-cause__title {
    font-weight: 500;
    font-size: 2.4rem;
    display: block;
    line-height: 1.55em; }
  .item-cause .item-cause__desc {
    font-size: 1.6rem;
    color: #4F4F4F;
    letter-spacing: 0.01em;
    display: block;
    line-height: 1.45em;
    margin-top: 11px; }

.item-cause--1:before {
  background-image: url("../img/icons/1.png");
  width: 93px;
  height: 198px; }

.item-cause--2:before {
  background-image: url("../img/icons/2.png");
  width: 146px;
  height: 202px; }

.item-cause--3:before {
  background-image: url("../img/icons/3.png");
  width: 154px;
  height: 207px; }

.item-cause--4:before {
  background-image: url("../img/icons/4.png");
  width: 164px;
  height: 198px; }

.item-cause--5:before {
  background-image: url("../img/icons/5.png");
  width: 151px;
  height: 202px; }

.item-cause--6:before {
  background-image: url("../img/icons/6.png");
  width: 158px;
  height: 207px; }

.item-cause--7:before {
  background-image: url("../img/icons/7.png");
  width: 142px;
  height: 198px; }

@media screen and (max-width: 991px) {
  .section-cause .title {
    font-size: 3.8rem; }
  .item-cause {
    padding-left: 30px; }
    .item-cause .item-cause__title {
      font-size: 2rem; } }

@media screen and (min-width: 861px) and (max-width: 991px) {
  .item-cause .item-cause__desc {
    font-size: 1.5rem; } }

@media screen and (max-width: 860px) {
  .section-cause {
    padding-top: 98px; }
    .section-cause:before {
      background-image: url(../img/bg/circle-2.png);
      width: 668px;
      height: 1639px;
      top: 131px; }
    .section-cause:after {
      background-image: url(../img/bg/figure_cause.png);
      width: 60px;
      height: 63px;
      right: 17px;
      bottom: 50px; }
  .list-cause .col, .list-cause .col:nth-child(1), .list-cause .col:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 45px; }
  .list-cause .col:nth-child(1), .list-cause .col:nth-child(2) {
    margin-bottom: 49px; }
  .item-cause:before {
    left: -13px; } }

@media screen and (max-width: 640px) {
  .section-cause .title {
    font-size: 3.2rem; } }

@media screen and (min-width: 576px) and (max-width: 640px) {
  .item-cause .item-cause__desc {
    font-size: 1.5rem; } }

@media screen and (max-width: 575px) {
  .section-cause {
    padding-top: 78px; }
    .section-cause .title {
      font-size: 2.8rem;
      text-align: center;
      margin-bottom: 0; }
      .section-cause .title br {
        display: none; }
    .section-cause:before {
      top: 200px; }
    .section-cause:after {
      display: none; }
  .list-cause .col, .list-cause .col:nth-child(1), .list-cause .col:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 58px; } }

@media screen and (max-width: 380px) {
  .section-cause {
    padding-top: 44px; }
    .section-cause .title {
      font-size: 2.4rem; } }

@media screen and (max-width: 320px) {
  .section-cause:before {
    background-image: url(../img/bg/circle-3.jpg);
    width: 320px;
    height: 1567px;
    top: 145px; } }

/* ! ========== SECTION CAUSE ============= */
/* ! == FORM ==*/
.form-group {
  margin: 0 -12px; }
  .form-group .col {
    padding: 0 12px; }
  .form-group .block-input {
    margin-bottom: 0; }

.block-input input, .block-message textarea {
  background: #fff;
  font-weight: normal;
  font-size: 1.6rem;
  color: #828282;
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #E0E0E0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 0 40px 0 20px; }

.block-input {
  position: relative;
  width: 100%;
  margin-bottom: 14px; }
  .block-input:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 0;
    background-image: url(../img/sprite.png);
    background-position: 0px -58px;
    width: 8px;
    height: 8px;
    left: auto;
    right: 23px;
    margin-top: -4px; }
  .block-input input {
    height: 56px;
    line-height: 55px; }

.block-message textarea {
  font-weight: normal;
  font-size: 1.4rem;
  text-align: left;
  min-height: 118px;
  max-height: 118px;
  min-width: 100%;
  max-width: 100%;
  padding: 14px 10px 10px 15px; }

.form .form__bottom {
  margin-top: 26px; }

.form .form-desc {
  font-size: 1.4rem;
  color: #BDBDBD;
  display: block;
  text-align: center;
  line-height: 1.25em; }
  .form .form-desc a {
    color: #BDBDBD;
    text-decoration: none;
    border-bottom: 1px solid #707070;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .form .form-desc a:hover {
      color: #F03E81;
      border-bottom-color: transparent; }

.content-form .btn {
  width: 100%; }

::-webkit-input-placeholder {
  font-weight: normal;
  font-size: 1.6rem;
  color: #828282;
  opacity: 1; }

:-moz-placeholder {
  font-weight: normal;
  font-size: 1.6rem;
  color: #828282;
  opacity: 1; }

::-moz-placeholder {
  font-weight: normal;
  font-size: 1.6rem;
  color: #828282;
  opacity: 1; }

:-ms-input-placeholder {
  font-weight: normal;
  font-size: 1.6rem;
  color: #828282;
  opacity: 1; }

@media screen and (max-width: 991px) {
  .form-group {
    margin: 0 -14px; }
    .form-group .col {
      padding: 0 14px;
      margin-bottom: 24px; }
    .form-group .form-btn {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 0; }
      .form-group .form-btn .btn {
        width: -webkit-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px);
        display: block;
        margin: 0 auto; }
  .block-input input {
    height: 52px;
    line-height: 51px; }
  .block-input input, .block-message textarea {
    font-size: 1.4rem;
    padding-left: 17px; }
  ::-webkit-input-placeholder {
    font-size: 1.4rem; }
  :-moz-placeholder {
    font-size: 1.4rem; }
  ::-moz-placeholder {
    font-size: 1.4rem; }
  :-ms-input-placeholder {
    font-size: 1.4rem; }
  .content-form .form__bottom {
    margin-top: 24px; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .form-group {
    margin: 0 -5px; }
    .form-group .col {
      padding: 0 5px; }
    .form-group .form-btn .btn {
      width: -webkit-calc(33.33333% - 5px);
      width: calc(33.33333% - 5px); } }

@media screen and (max-width: 575px) {
  .form-group .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 12px; }
  .form-group .form-btn {
    margin: 8px 0 0; }
    .form-group .form-btn .btn {
      width: 100%; }
  .content-form .form__bottom {
    margin-top: 20px; } }

/* ! == FORM ==*/
.section-form {
  position: relative;
  z-index: 2; }

.block-form {
  position: relative;
  padding: 39px 40px 38px;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 12px;
          border-radius: 12px; }
  .block-form .contact-head {
    text-align: center;
    margin-bottom: 51px; }
  .block-form .title {
    line-height: 1.1em;
    margin-bottom: 0; }

.background-1 {
  background: #222; }
  .background-1 .title, .background-1 .contact-head {
    color: #fff;
    text-align: center; }

.background-2 {
  background: #fff; }

.section-form--1 {
  margin-top: -13px; }

.section-form--1 .container {
  position: relative; }
  .section-form--1 .container:before {
    background: url(../img/bg/points.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 162px;
    height: 162px;
    top: -72px;
    left: -60px;
    z-index: -1;
    opacity: 0.95; }

.section-form--2 {
  z-index: 1; }
  .section-form--2 .block-form {
    margin-top: -155px;
    z-index: 2; }

@media screen and (max-width: 991px) {
  .block-form {
    padding: 30px 32px 24px; }
    .block-form .contact-head {
      margin-bottom: 35px; }
  .section-form--1 {
    margin-top: -26px; }
  .section-form--2 .block-form {
    margin-top: -131px; }
    .section-form--2 .block-form .title {
      line-height: 1.25em; } }

@media screen and (max-width: 767px) {
  .block-form {
    padding: 30px 20px 24px; } }

@media screen and (max-width: 575px) {
  .section-form--1 {
    margin-top: 0; }
    .section-form--1 .container:before {
      display: none; }
  .block-form {
    max-width: 420px;
    margin: 0 auto; }
  .section-form--2 .block-form {
    margin-top: -198px; }
    .section-form--2 .block-form .title {
      font-size: 2.4rem; } }

@media screen and (max-width: 420px) {
  .block-form {
    padding-bottom: 27px; }
    .block-form .contact-head {
      margin-bottom: 24px; } }

/* ! === SECTION EXAMPLE SERVICE =======*/
.example-service {
  position: relative;
  margin-top: 6.7rem; }
  .example-service .title {
    margin-bottom: 6.3rem; }

.list-block .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
  margin-bottom: 44px; }

.item-block .item-block__img {
  position: relative;
  -webkit-border-radius: 12px;
          border-radius: 12px;
  overflow: hidden;
  line-height: 0; }
  .item-block .item-block__img .item-block__sity {
    background: #F03E81;
    font-size: 1.6rem;
    color: #FCFCFC;
    position: absolute;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    -webkit-border-radius: 0 12px 0 0;
            border-radius: 0 12px 0 0;
    bottom: 0;
    left: 0; }

.item-block .item-block__text {
  margin-top: 1.2rem; }

.item-block .item-block__list {
  font-size: 1.6rem;
  color: #333;
  letter-spacing: 0.02em;
  line-height: 1.65em; }
  .item-block .item-block__list strong {
    font-weight: bold; }

@media screen and (max-width: 991px) {
  .example-service {
    margin-top: 48px; }
  .list-block {
    margin: 0 -8px; }
    .list-block .col {
      padding: 0 8px; } }

@media screen and (max-width: 820px) {
  .list-block .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; } }

@media screen and (max-width: 575px) {
  .example-service {
    margin-top: 46px; }
    .example-service .title {
      line-height: 1.45em;
      margin-bottom: 36px; } }

@media screen and (min-width: 421px) and (max-width: 500px) {
  .item-block .item-block__img .item-block__sity, .item-block .item-block__list {
    font-size: 1.4rem; } }

@media screen and (max-width: 420px) {
  .list-block .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 36px; }
  .item-block .item-block__img img {
    max-width: 230px; } }

/* ! === SECTION EXAMPLE SERVICE =======*/
/* ! == SECTION CENTER SERVICE ========== */
.section-service {
  background: #F3F3F3; }

.center-service {
  background: #222;
  position: relative;
  padding: 67px 0 177px;
  margin-top: 2.45rem; }
  .center-service .container {
    position: relative; }
    .center-service .container:before {
      background: url(../img/bg/points.png) no-repeat center center;
      -webkit-background-size: cover;
      background-size: cover;
      position: absolute;
      display: block;
      content: "";
      width: 162px;
      height: 162px;
      bottom: -115px;
      right: -72px;
      z-index: 0;
      opacity: 0.2; }
    .center-service .container:after {
      background: url(../img/bg/figure_bg.png) no-repeat center center;
      -webkit-background-size: cover;
      background-size: cover;
      position: absolute;
      display: block;
      content: "";
      width: 84px;
      height: 90px;
      top: -120px;
      left: -212px;
      z-index: 0; }
  .center-service .block-number {
    position: relative; }
    .center-service .block-number .block-head {
      color: #fff;
      text-align: center;
      margin-bottom: 80px; }
      .center-service .block-number .block-head .title {
        color: #fff;
        line-height: 1.1em;
        margin-bottom: 2.3rem; }
      .center-service .block-number .block-head .block-number__desc {
        font-weight: 700;
        font-size: 2.4rem;
        letter-spacing: 0.02em; }

.list-number {
  position: relative; }
  .list-number .col {
    margin-bottom: 35px; }

.item-number {
  text-align: center; }
  .item-number .item-number__numeric {
    font-weight: bold;
    font-size: 6.4rem;
    color: #F03E81;
    display: block; }
  .item-number .item-number__desc {
    font-size: 2.4rem;
    color: #fff;
    display: block;
    line-height: 1.1em;
    margin-top: 19px; }

.block-average {
  margin-top: 65px; }
  .block-average .block-average__title {
    font-weight: bold;
    font-size: 2.4rem;
    color: #fff;
    letter-spacing: 0.02em;
    position: relative;
    display: block;
    line-height: 1.1em;
    text-align: center;
    margin-bottom: 74px; }
    .block-average .block-average__title:before {
      background: #383838;
      position: absolute;
      display: block;
      content: "";
      width: 100%;
      height: 1px;
      top: 50%;
      left: 0; }
    .block-average .block-average__title span {
      background: #222;
      position: relative;
      display: inline-block;
      padding: 0 43px; }

.list-average .col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 56px; }

.item-average {
  color: #fff; }
  .item-average .wrapp-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .item-average .item-average__img, .item-average .item-average__text {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .item-average .item-average__img {
    background: #f03e81;
    -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
            box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 72px;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
    max-width: 72px;
    height: 72px;
    padding: 5px;
    -webkit-border-radius: 8px;
            border-radius: 8px; }
  .item-average .item-average__text {
    padding-left: 28px; }
  .item-average .item-average__title {
    font-weight: bold;
    font-size: 3.2rem; }
  .item-average .item-average__desc {
    font-size: 1.8rem;
    color: #BDBDBD;
    display: block;
    line-height: 1.1em;
    margin-top: 14px; }

@media screen and (max-width: 1660px) {
  .center-service:after {
    background: url(../img/bg/figure_bg.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 84px;
    height: 90px;
    top: -49px;
    left: 20px;
    z-index: 0; }
  .center-service .container:after {
    display: none; } }

@media screen and (max-width: 1400px) {
  .center-service:before {
    background: url(../img/bg/points.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 162px;
    height: 162px;
    bottom: 63px;
    right: 72px;
    z-index: 0;
    opacity: 0.2; }
  .center-service .container:before {
    display: none; } }

@media screen and (max-width: 1300px) {
  .center-service:before {
    bottom: 38px; } }

@media screen and (max-width: 1100px) {
  .item-number .item-number__numeric {
    font-size: 5.4rem; } }

@media screen and (max-width: 991px) {
  .center-service {
    padding: 54px 0 171px; }
    .center-service:before {
      background-image: url(../img/bg/points-2.png);
      width: 130px;
      height: 130px;
      bottom: 38px;
      right: 10px;
      opacity: 1; }
    .center-service:after {
      background-image: url(../img/bg/figure_bg-2.png);
      width: 48px;
      height: 52px;
      top: -26px;
      left: 8px; }
    .center-service .container:after {
      display: none; }
    .center-service .block-number .block-head {
      margin-bottom: 54px; }
      .center-service .block-number .block-head .title {
        font-size: 3.2rem;
        margin-bottom: 15px; }
      .center-service .block-number .block-head .block-number__desc {
        font-size: 2rem; }
  .item-number .item-number__numeric {
    font-size: 4.8rem; }
  .item-number .item-number__desc {
    font-size: 2rem;
    line-height: 1.2em;
    margin-top: 17px; }
  .list-average .col {
    margin-bottom: 48px; }
  .block-average {
    margin-top: 32px; }
    .block-average .block-average__title {
      font-size: 2rem;
      margin-bottom: 53px; }
      .block-average .block-average__title span {
        padding: 0 25px; }
  .item-average .item-average__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 56px;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
    max-width: 56px;
    height: 56px; }
    .item-average .item-average__img img {
      max-width: 32px; }
  .item-average .item-average__text {
    padding-left: 20px; }
  .item-average .item-average__title {
    font-size: 2.6rem; }
  .item-average .item-average__desc {
    font-size: 1.6rem;
    margin-top: 10px; } }

@media screen and (max-width: 767px) {
  .item-average .item-average__title {
    font-size: 2.4rem; } }

@media screen and (max-width: 575px) {
  .center-service {
    padding: 45px 0 224px; }
    .center-service:before, .center-service:after {
      display: none; }
    .center-service .block-number .block-head {
      margin-bottom: 38px; }
      .center-service .block-number .block-head .title {
        font-size: 2.4rem;
        margin-bottom: 11px; }
      .center-service .block-number .block-head .block-number__desc {
        font-size: 1.6rem; }
  .item-number .item-number__numeric {
    font-size: 4rem; }
  .item-number .item-number__desc {
    font-size: 1.8rem; }
  .block-average .block-average__title {
    font-size: 1.8rem; }
    .block-average .block-average__title span {
      padding: 0 10px; }
  .list-average .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 44px; } }

@media screen and (max-width: 480px) {
  .list-number .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 32px; }
  .item-number {
    text-align: left; }
    .item-number .wrapp-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .item-number .item-number__desc {
      padding-left: 19px;
      margin-top: 0; }
  .block-average {
    margin-top: 24px; }
    .block-average .block-average__title {
      font-size: 1.6rem;
      margin-bottom: 41px; } }

@media screen and (max-width: 380px) {
  .list-average .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 305px;
        -ms-flex: 0 0 305px;
            flex: 0 0 305px;
    max-width: 305px; }
  .item-average .item-average__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    max-width: 48px;
    height: 48px; }
    .item-average .item-average__img img {
      max-width: 24px; }
  .item-average .item-average__title {
    font-size: 2.2rem; }
  .item-average .item-average__desc {
    line-height: 1.2em;
    margin-top: 10px; } }

/* ! == SECTION CENTER SERVICE ========== */
/* ! === SECTION FRANCHISE ====== */
.section-franchise {
  position: relative;
  padding: 107px 0 33px; }
  .section-franchise .title--full {
    margin-bottom: 72px; }

.section-franchise--1 {
  padding-top: 76px; }

.section-franchise--4 {
  padding-bottom: 64px; }

.section-franchise--bg {
  background: #F3F3F3; }

.block-franchise .franchise-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3%;
      -ms-flex: 0 0 58.3%;
          flex: 0 0 58.3%;
  max-width: 58.3%; }

.franchise-info {
  position: relative; }
  .franchise-info:before {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    top: -45px;
    left: -30px;
    z-index: 0; }
  .franchise-info .wrapp-inner {
    position: relative;
    padding-right: 25px; }
  .franchise-info .title {
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 0; }
  .franchise-info .franchise-info__desc {
    font-size: 1.8rem;
    color: #333;
    display: block;
    line-height: 1.55em;
    margin-top: 15px; }

.section-franchise--1 .franchise-info:before {
  background-image: url(../img/icons/01.png);
  width: 203px;
  height: 149px; }

.section-franchise--2 .franchise-info:before {
  background-image: url(../img/icons/02.png);
  width: 238px;
  height: 148px; }

.section-franchise--3:after {
  background: url(../img/bg/points.png) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  display: block;
  content: "";
  width: 162px;
  height: 162px;
  bottom: -80px;
  right: 95px;
  z-index: 0; }

.section-franchise--3 .franchise-info:before {
  background-image: url(../img/icons/03.png);
  width: 244px;
  height: 148px; }

.section-franchise--4 .franchise-info:before {
  background-image: url(../img/icons/04.png);
  width: 250px;
  height: 148px; }

.franchise-body {
  position: relative;
  margin-top: 30px;
  /*&:after {
        background: #DBDBDB;
        @include pseudo();
        width: 100%;
        height: 1px;
        bottom: 9px;
        left: 0;
    }*/ }
  .franchise-body .row {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -30px; }
    .franchise-body .row .col {
      padding: 0 30px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 31px; }

.item-franchise .item-franchise__title {
  font-weight: bold;
  font-size: 2rem;
  color: #222;
  letter-spacing: 0.02em;
  display: block;
  line-height: 1.2em; }

.item-franchise .item-franchise__desc {
  font-size: 1.6rem;
  display: block;
  line-height: 1.45em;
  margin-top: 3px; }

.franchise-infoFooter {
  padding-top: 25px;
  border-top: 1px solid #DBDBDB;
  margin-top: -9px;
  /*.col:nth-child(even) {
        padding-left: 0;
    }*/ }
  .franchise-infoFooter .row {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .franchise-infoFooter .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 26px; }
  .franchise-infoFooter .price-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .franchise-infoFooter .franchise-infoFooter__price, .franchise-infoFooter .franchise-infoFooter__profit {
    font-weight: bold;
    letter-spacing: 0.02em; }
  .franchise-infoFooter .franchise-infoFooter__price {
    font-size: 2.6rem;
    color: #F03E81;
    display: block;
    text-align: right; }
  .franchise-infoFooter .franchise-infoFooter__desc {
    font-size: 1.6rem;
    color: #333;
    letter-spacing: 0.02em; }
  .franchise-infoFooter .porifit--col .franchise-infoFooter__desc {
    color: #222; }
  .franchise-infoFooter .franchise-infoFooter__profit {
    font-size: 3.2rem;
    color: #222;
    display: block;
    margin-top: 13px; }
  .franchise-infoFooter .btn-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .franchise-infoFooter .btn--franchise {
    font-size: 1.6rem;
    letter-spacing: 0.02em;
    width: 202px;
    height: 69px;
    line-height: 1.4em;
    padding: 3px 17px 3px 73px;
    text-align: left;
    -webkit-border-radius: 12px;
            border-radius: 12px; }
    .franchise-infoFooter .btn--franchise:after {
      position: absolute;
      display: block;
      content: "";
      background-image: url(../img/sprite.png);
      background-position: 0px 0px;
      width: 32px;
      height: 32px;
      top: 50%;
      left: 25px;
      margin-top: -16px; }

.franchise-img .franchise-img__figure {
  margin-top: 16px; }

.franchise-img__figure {
  text-align: right; }
  .franchise-img__figure img {
    display: inline-block;
    -webkit-border-radius: 0 105px 0 105px;
            border-radius: 0 105px 0 105px; }

@media screen and (max-width: 1300px) {
  .franchise-info:before {
    left: 0; } }

@media screen and (max-width: 1200px) {
  .franchise-info .title {
    font-size: 3.6rem; }
  .franchise-info .wrapp-inner {
    padding-right: 15px; }
  .franchise-infoFooter .franchise-infoFooter__profit {
    font-size: 2.6rem; }
  .block-franchise .franchise-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; } }

@media screen and (max-width: 991px) {
  .section-franchise {
    padding: 81px 0 15px; }
    .section-franchise .title--full {
      font-size: 3.2rem;
      margin-bottom: 86px; }
  .section-franchise--1 {
    padding-top: 56px; }
  .section-franchise--3:after {
    background-image: url(../img/bg/points-3.png);
    -webkit-background-size: contain;
            background-size: contain;
    width: 79px;
    height: 130px;
    bottom: -90px;
    right: 0; }
  .franchise-info .wrapp-inner {
    padding-right: 0; }
  .franchise-info .title {
    font-size: 3.2rem; }
  .franchise-info .franchise-infoFooter {
    display: none; }
  .franchise-body .row {
    margin: 0 -15px; }
    .franchise-body .row .col {
      padding: 0 15px; }
  .item-franchise .item-franchise__title {
    font-size: 1.8rem; }
  .franchise-infoFooter.hide {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0; }
  .franchise-infoFooter .col, .franchise-infoFooter .price-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%; }
  .franchise-infoFooter .franchise-infoFooter__price {
    text-align: left; }
  .franchise-infoFooter .franchise-infoFooter__price, .franchise-infoFooter .franchise-infoFooter__profit {
    margin-top: 11px; }
  .franchise-infoFooter .btn-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 290px;
        -ms-flex: 0 0 290px;
            flex: 0 0 290px;
    max-width: 290px; }
  .franchise-infoFooter .btn--franchise {
    width: 100%;
    height: 56px;
    padding-left: 55px;
    text-align: left;
    -webkit-border-radius: 99px;
            border-radius: 99px; }
    .franchise-infoFooter .btn--franchise:after {
      background-image: url(../img/sprite.png);
      background-position: -33px 0px;
      width: 24px;
      height: 24px;
      left: 22px;
      margin-top: -12px; } }

@media screen and (min-width: 441px) and (max-width: 991px) {
  .franchise-infoFooter .price-col {
    display: block; } }

@media screen and (max-width: 840px) {
  .block-franchise .franchise-img {
    display: none; }
  .franchise-info__second {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 28px -15px 0; }
    .franchise-info__second .franchise-body, .franchise-info__second .franchise-info__img {
      -webkit-flex-basis: 0;
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
      max-width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-left: 15px;
      padding-right: 15px; }
    .franchise-info__second .franchise-info__img {
      display: block;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      text-align: right;
      line-height: 0; }
      .franchise-info__second .franchise-info__img img {
        -webkit-border-radius: 0 105px 0 105px;
                border-radius: 0 105px 0 105px; }
  .franchise-info .franchise-info__desc {
    margin-top: 4px; }
    .franchise-info .franchise-info__desc br {
      display: none; }
  .franchise-infoFooter.hide {
    margin-top: 18px; }
  .franchise-body .row .col:nth-child(even) {
    padding-left: 0; } }

@media screen and (max-width: 767px) {
  .franchise-body .row .col:nth-child(4) .item-franchise__title {
    font-size: 1.5rem; } }

@media screen and (max-width: 700px) {
  .franchise-infoFooter .btn-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .franchise-infoFooter .btn--franchise {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 287px;
    padding-left: 75px; }
    .franchise-infoFooter .btn--franchise:after {
      left: 35px; }
  .franchise-body .row .col:nth-child(even) {
    padding: 0; } }

@media screen and (min-width: 576px) and (max-width: 640px) {
  .item-franchise .item-franchise__title {
    font-size: 1.6rem; }
  .item-franchise .item-franchise__desc {
    font-size: 1.4rem; } }

@media screen and (max-width: 575px) {
  .section-franchise .title--full {
    font-size: 2.8rem;
    margin-bottom: 80px; }
  .franchise-info:before {
    top: -48px;
    left: 50%; }
  .franchise-info .franchise-info__head {
    text-align: center; }
  .franchise-info .title {
    font-size: 2.8rem;
    text-align: center; }
  .section-franchise--1 .franchise-info:before {
    background-image: url(../img/icons/01-2.png);
    width: 145px;
    height: 106px;
    margin-left: -73px; }
  .section-franchise--2 .franchise-info:before {
    background-image: url(../img/icons/02-2.png);
    width: 171px;
    height: 106px;
    margin-left: -85px; }
  .section-franchise--3:after {
    display: none; }
  .section-franchise--3 .franchise-info:before {
    background-image: url(../img/icons/03-2.png);
    width: 175px;
    height: 106px;
    margin-left: -87px; }
  .section-franchise--4 .franchise-info:before {
    background-image: url(../img/icons/04-2.png);
    width: 180px;
    height: 106px;
    margin-left: -90px; }
  .franchise-info__second .franchise-body {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .franchise-info__second .franchise-info__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    text-align: center; }
  .franchise-body .row .col:nth-child(even) {
    padding: 0 15px; } }

@media screen and (max-width: 440px) {
  .franchise-body .row .col {
    margin-bottom: 19px; }
  .franchise-infoFooter .col, .franchise-infoFooter .price-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .franchise-infoFooter .porifit--col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .franchise-infoFooter .franchise-infoFooter__desc {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95px;
        -ms-flex: 0 0 95px;
            flex: 0 0 95px;
    max-width: 95px; }
  .franchise-infoFooter .franchise-infoFooter__price, .franchise-infoFooter .franchise-infoFooter__profit {
    margin-top: 0; } }

@media screen and (max-width: 380px) {
  .section-franchise {
    padding: 88px 0 20px; }
    .section-franchise .title--full {
      font-size: 2.4rem; }
  .section-franchise--1 {
    padding-top: 43px; }
  .franchise-info__second {
    margin-top: 19px; }
  .franchise-body {
    margin-top: 20px; }
  .franchise-info .title {
    font-size: 2.4rem; }
  .item-franchise .item-franchise__desc {
    font-size: 1.4rem;
    margin-top: 6px; }
  .franchise-infoFooter.hide {
    margin-top: 0; }
  .franchise-infoFooter {
    padding-top: 17px; }
    .franchise-infoFooter .col {
      margin-bottom: 20px; }
    .franchise-infoFooter .franchise-infoFooter__desc {
      font-size: 1.4rem; }
    .franchise-infoFooter .franchise-infoFooter__price, .franchise-infoFooter .franchise-infoFooter__profit {
      font-size: 2.2rem; }
    .franchise-infoFooter .btn-col {
      margin-top: 5px; } }

/* ! === SECTION FRANCHISE ====== */
/* ! ====  FRANCHISE STRUCTURE   ==== */
.franchise-structure {
  background: #222;
  position: relative;
  padding: 60px 0; }
  .franchise-structure:before {
    background: url(../img/bg/figure_bg.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 84px;
    height: 90px;
    top: -45px;
    right: 168px;
    z-index: 0; }
  .franchise-structure:after {
    background: url(../img/bg/points-structure.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 162px;
    height: 84px;
    bottom: 8px;
    left: 125px;
    z-index: 1; }
  .franchise-structure .title {
    color: #fff;
    margin-bottom: 57px; }

.item-structure {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  line-height: 1.5em;
  margin-bottom: 30px; }
  .item-structure strong {
    font-weight: bold; }
  .item-structure .item-structure__number, .item-structure .item-structure__text {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .item-structure .item-structure__number {
    background: #F03E81;
    font-weight: bold;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: 0;
    /*position: absolute;*/
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    max-width: 40px;
    height: 40px;
    line-height: 41px;
    text-align: center;
    /*top: 50%;
        left: 0;*/
    -webkit-box-shadow: 0px 22px 42px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 22px 42px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 8px;
            border-radius: 8px;
    /*margin-top: -20px;*/ }
  .item-structure .item-structure__text {
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: 0.02em;
    padding-left: 20px; }

.list-structure__left .item-structure:nth-child(6) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .list-structure__left .item-structure:nth-child(6) .item-structure__number {
    /*top: 3px;*/
    margin-top: 3px; }

.list-structure__right .item-structure:nth-child(6) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .list-structure__right .item-structure:nth-child(6) .item-structure__number {
    /*top: 3px;*/
    margin-top: 3px; }

@media screen and (max-width: 1600px) {
  .franchise-structure:after {
    left: 0; } }

@media screen and (max-width: 1300px) {
  .franchise-structure:before {
    right: 20px; }
  .franchise-structure:after {
    background-image: url(../img/bg/points-structure-2.png);
    width: 130px;
    height: 67px; } }

@media screen and (max-width: 991px) {
  .franchise-structure {
    padding: 50px 0; }
    .franchise-structure:before {
      background-image: url(../img/bg/figure_bg-2.png);
      width: 48px;
      height: 52px;
      top: -26px;
      right: 12px; }
    .franchise-structure .title {
      font-size: 3.2rem; }
  .item-structure {
    min-height: 32px;
    margin-bottom: 32px; }
    .item-structure .item-structure__number {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 32px;
          -ms-flex: 0 0 32px;
              flex: 0 0 32px;
      max-width: 32px;
      height: 32px;
      line-height: 32px;
      /*margin-top: 3px;*/ }
    .item-structure .item-structure__text {
      font-size: 1.6rem; } }

@media screen and (max-width: 840px) {
  .franchise-structure {
    padding: 40px 0; }
    .franchise-structure .title {
      margin-bottom: 47px; }
  .item-structure {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .item-structure .item-structure__number {
      margin-top: 3px; } }

@media screen and (min-width: 576px) and (max-width: 840px) {
  .item-structure .item-structure__text {
    font-size: 1.4rem; } }

@media screen and (max-width: 575px) {
  .franchise-structure:before, .franchise-structure:after {
    display: none; }
  .franchise-structure .title {
    font-size: 2.6rem; }
  .list-structure {
    display: block; }
    .list-structure .col {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; } }

@media screen and (max-width: 440px) {
  .franchise-structure {
    padding: 43px 0 30px; }
    .franchise-structure .title {
      font-size: 2.4rem;
      margin: 0 -10px 36px; }
  .item-structure .item-structure__text {
    font-weight: 200;
    /*strong {
                font-weight: 500;
            }*/ } }

/* ! ====  FRANCHISE STRUCTURE   ==== */
/* ! ====  SECTION WORK   ==== */
.section-work {
  background-image: url("../img/bg/work_bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  padding: 60px 0 50px; }
  .section-work:before {
    background: url(../img/bg/figure_bg.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 84px;
    height: 90px;
    top: 56.5%;
    right: 166px;
    z-index: 0; }
  .section-work:after {
    background: url(../img/bg/points-work.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 162px;
    height: 58px;
    top: 8px;
    left: 125px;
    z-index: 0; }
  .section-work .title {
    margin-bottom: 51px; }

.list-regularity {
  position: relative;
  max-width: 971px;
  margin: 0 auto; }
  .list-regularity .row {
    margin-bottom: 20px;
    /*.col {
            padding: 0 10px;
        }*/ }
    .list-regularity .row:last-child {
      margin-bottom: 0; }

.item-regularity .item-regularity__one {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  max-width: 160px;
  padding-right: 5px; }

.item-regularity .item-regularity__time, .item-regularity .item-regularity__desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 64px;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 12px;
          border-radius: 12px;
  letter-spacing: 0.02em; }

.item-regularity .item-regularity__time {
  background: #F03E81;
  font-weight: 500;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px; }

.item-regularity .item-regularity__desc {
  background: #fff;
  font-weight: bold;
  font-size: 2rem;
  color: #333;
  line-height: 1.45em;
  padding: 5px 20px 5px 25px; }

.item-regularity:nth-child(1) .item-regularity__time, .item-regularity:nth-child(2) .item-regularity__time, .item-regularity:nth-child(3) .item-regularity__time {
  background: #EB98B7; }

.item-regularity:nth-child(4) .item-regularity__time {
  background: #F186AF; }

.item-regularity:nth-child(5) .item-regularity__time, .item-regularity:nth-child(6) .item-regularity__time {
  background: #F174A3; }

.item-regularity:nth-child(7) .item-regularity__time {
  background: #F16298; }

.item-regularity:nth-child(8) .item-regularity__time {
  background: #EC4F8A; }

.list-work {
  position: relative;
  margin-top: 63px; }

.item-work .wrapp-inner {
  background: #fff;
  height: 100%;
  padding: 29px 32px 45px;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 12px;
          border-radius: 12px; }

.item-work .item-work__img {
  height: 48px;
  margin-bottom: 10px; }

.item-work .item-work__title {
  font-weight: 500;
  font-size: 2.4rem;
  color: #222;
  display: block;
  line-height: 1.3em;
  margin-bottom: 18px; }

.item-work .item-work__text p {
  font-size: 1.6rem;
  color: #4F4F4F;
  line-height: 1.6em;
  margin-bottom: 25px; }
  .item-work .item-work__text p:last-child {
    margin-bottom: 0; }

@media screen and (max-width: 1600px) {
  .section-work:after {
    left: 0; } }

@media screen and (max-width: 1500px) {
  .section-work:before {
    right: 20px; } }

@media screen and (max-width: 1300px) {
  .section-work:after {
    background-image: url(../img/bg/points-work-2.png);
    width: 130px;
    height: 47px; } }

@media screen and (max-width: 1260px) {
  .section-work:before {
    background-image: url("../img/bg/figure-work.png");
    width: 50px;
    height: 63px;
    top: 840px;
    right: 0; } }

@media screen and (max-width: 991px) {
  .section-work .title {
    font-size: 3.2rem;
    margin-bottom: 43px; }
  .item-work .item-work__title {
    font-size: 2rem;
    margin-bottom: 17px; } }

@media screen and (min-width: 841px) and (max-width: 991px) {
  .list-work {
    margin: 63px -5px 0; }
    .list-work .col {
      padding: 0 5px; }
  .item-work .wrapp-inner {
    padding: 29px 20px 45px; }
  .item-work .item-work__text p {
    font-size: 1.5rem; } }

@media screen and (max-width: 840px) {
  .item-regularity .item-regularity__desc {
    font-size: 1.8rem; }
  .list-work {
    display: block;
    margin-top: 56px; }
    .list-work .col {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 20px; }
      .list-work .col:last-child {
        margin-bottom: 0; } }

@media screen and (min-width: 576px) and (max-width: 840px) {
  .item-work .wrapp-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 29px 32px 36px; }
    .item-work .wrapp-inner .item-work__img, .item-work .wrapp-inner .item-work__text {
      -webkit-flex-basis: 0;
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
      max-width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .item-work .wrapp-inner .item-work__img {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 48px;
          -ms-flex: 0 0 48px;
              flex: 0 0 48px;
      max-width: 48px; }
    .item-work .wrapp-inner .item-work__text {
      padding-left: 37px; } }

@media screen and (max-width: 768px) {
  .section-work {
    background-image: url("../img/bg/work_bg-2.jpg"); } }

@media screen and (max-width: 767px) {
  .section-work .title {
    font-size: 2.8rem; } }

@media screen and (max-width: 575px) {
  .section-work:before, .section-work:after {
    display: none; } }

@media screen and (max-width: 500px) {
  .section-work {
    padding: 35px 0 30px; }
    .section-work .title {
      font-size: 2.4rem;
      margin-bottom: 34px; }
  .list-regularity:before {
    background: #ACACAC;
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 99%;
    top: 0;
    left: 20px; }
  .list-regularity .row {
    display: block;
    margin: 0 0 16px; }
    .list-regularity .row:last-child {
      margin-bottom: 0; }
    .list-regularity .row .col {
      padding: 0; }
  .item-regularity {
    background: #fff;
    position: relative;
    padding: 17px 15px 14px 20px;
    -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
            box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 12px;
            border-radius: 12px; }
    .item-regularity .item-regularity__time, .item-regularity .item-regularity__desc {
      background: transparent !important;
      height: auto;
      padding: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      display: block;
      text-align: left; }
    .item-regularity .item-regularity__time {
      color: #EB98B7;
      margin-bottom: 6px; }
  .list-work {
    margin-top: 53px; }
    .list-work .col {
      margin-bottom: 16px; }
  .item-work .wrapp-inner {
    padding: 21px 15px 30px 20px; }
  .item-work .item-work__img {
    height: auto;
    margin-bottom: 6px; }
    .item-work .item-work__img img {
      max-width: 32px; }
  .item-work .item-work__title {
    margin-bottom: 12px; } }

@media screen and (max-width: 320px) {
  .section-work {
    background-image: url("../img/bg/work_bg-3.png"); } }

/* ! ====  SECTION WORK   ==== */
.blockSection {
  background: #F2F2F2;
  padding-bottom: 80px; }

@media screen and (max-width: 840px) {
  .blockSection {
    padding-bottom: 58px; } }

@media screen and (max-width: 440px) {
  .blockSection {
    padding-bottom: 48px; } }

/* ! ====  SECTION PLACE  ==== */
.section-place {
  background: #fff;
  position: relative;
  padding-bottom: 132px;
  margin-top: 62px; }
  .section-place .block-head {
    max-width: 760px;
    text-align: center;
    margin: 0 auto 48px; }
    .section-place .block-head .desc {
      font-size: 2.4rem;
      color: #333;
      display: block;
      line-height: 1.55em; }
      .section-place .block-head .desc strong {
        font-weight: bold; }

.place-row .map-col {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.45%;
      -ms-flex: 0 0 58.45%;
          flex: 0 0 58.45%;
  max-width: 58.45%; }

.map-col .video-container {
  -webkit-border-radius: 12px;
          border-radius: 12px; }

.map-col .map-col__desc {
  font-size: 1.4rem;
  color: #4F4F4F;
  display: block;
  line-height: 1.5em;
  margin-top: 14px; }

.item-place {
  font-size: 1.8rem;
  color: #333;
  line-height: 1.6em;
  position: relative;
  padding-left: 57px;
  margin-bottom: 28px; }
  .item-place:last-child {
    margin-bottom: 0; }
  .item-place:before {
    background: #F03E81;
    position: absolute;
    display: block;
    content: "";
    width: 32px;
    height: 32px;
    top: 4px;
    left: 0;
    -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
            box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 6px;
            border-radius: 6px; }
  .item-place:after {
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 16px;
    -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
            transform: rotate(20deg);
    top: 12px;
    left: 16px; }

@media screen and (min-width: 841px) and (max-width: 1100px) {
  .place-row .map-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; } }

@media screen and (max-width: 991px) {
  .section-place {
    margin-top: 9px; }
    .section-place .block-head .title {
      font-size: 3.2rem;
      margin-bottom: 14px; }
    .section-place .block-head .desc {
      font-size: 2rem; } }

@media screen and (min-width: 841px) and (max-width: 991px) {
  .item-place {
    font-size: 1.6rem; } }

@media screen and (max-width: 840px) {
  .section-place {
    padding-bottom: 252px; }
    .section-place .block-head {
      margin-bottom: 26px; }
  .map-col {
    margin-bottom: 42px; }
    .map-col .map-col__desc {
      text-align: center;
      margin-top: 18px; }
  .place-row {
    display: block;
    max-width: 536px;
    margin: 0 auto; }
    .place-row .col {
      padding: 0;
      max-width: 100%; }
  .item-place {
    font-size: 1.6rem;
    margin-bottom: 31px; } }

@media screen and (max-width: 575px) {
  .section-place .block-head .title {
    font-size: 2.8rem;
    line-height: 1.2em; }
  .section-place .block-head .desc {
    font-size: 1.8rem; } }

@media screen and (max-width: 500px) {
  .section-place {
    margin-top: 26px; } }

@media screen and (max-width: 460px) {
  .section-place .block-head {
    margin-bottom: 17px; }
    .section-place .block-head .title {
      font-size: 2.4rem;
      margin-bottom: 8px; }
    .section-place .block-head .desc {
      font-size: 1.6rem; }
  .map-col {
    margin-bottom: 32px; }
    .map-col .map-col__desc {
      text-align: left;
      margin-top: 10px; }
  .item-place {
    padding: 45px 0 0;
    margin-bottom: 26px; }
    .item-place:before {
      top: 0; }
    .item-place:after {
      top: 8px; } }

/* ! ====  SECTION PLACE   ==== */
/* ! ====  SECTION FORM 3 ==== */
.section-form--3 .block-form {
  margin-top: -90px; }

@media screen and (max-width: 840px) {
  .section-form--3 .block-form {
    /*margin-top: -215px;*/
    margin-top: -195px; } }

/* ! ====  SECTION FORM 3 ==== */
/* ! ==== SECTION SYSTEM FIXATION ==*/
.section-fixation {
  margin-top: 80px; }
  .section-fixation .title {
    line-height: 1.2em;
    margin-bottom: 55px; }

.item-newsFixation .item-newsFixation__img {
  overflow: hidden;
  -webkit-border-radius: 12px;
          border-radius: 12px; }
  .item-newsFixation .item-newsFixation__img img {
    width: 100%; }

.item-newsFixation .item-newsFixation__desc {
  font-size: 1.6rem;
  color: #333;
  display: block;
  line-height: 1.6em;
  margin-top: 13px; }

.list-fixation {
  margin-top: 51px; }

.item-fixation .wrapp-inner {
  background: #fff;
  height: 100%;
  padding: 23px 35px 36px 30px;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 12px;
          border-radius: 12px; }

.item-fixation .item-fixation__img {
  height: 40px;
  margin-bottom: 13px; }

.item-fixation .item-fixation__text p {
  margin-bottom: 25px; }
  .item-fixation .item-fixation__text p:last-child {
    margin-bottom: 0; }

.item-fixation .item-fixation__desc {
  font-size: 1.6rem;
  color: #333;
  display: block;
  line-height: 1.55em; }

@media screen and (max-width: 991px) {
  .section-fixation {
    margin-top: 52px; }
    .section-fixation .title {
      font-size: 3.2rem; }
  .news-fixation {
    margin: 0 -8px; }
    .news-fixation .col {
      padding: 0 8px; }
  .list-fixation {
    margin: 35px -8px 0; }
    .list-fixation .col {
      padding: 0 8px; }
  .item-fixation .wrapp-inner {
    padding: 23px 15px 36px 20px; } }

@media screen and (max-width: 820px) {
  .section-fixation .title {
    margin-bottom: 44px; }
  .list-fixation {
    display: block; }
    .list-fixation .col {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 16px; }
      .list-fixation .col:last-child {
        margin-bottom: 0; } }

@media screen and (min-width: 501px) and (max-width: 820px) {
  .item-fixation .wrapp-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 23px 25px 24px 35px; }
  .item-fixation .item-fixation__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    max-width: 40px; }
  .item-fixation .item-fixation__text {
    padding-left: 25px; } }

@media screen and (min-width: 576px) and (max-width: 640px) {
  .item-newsFixation .item-newsFixation__desc {
    font-size: 1.4rem; } }

@media screen and (max-width: 575px) {
  .section-fixation .title {
    font-size: 2.8rem; }
  .news-fixation {
    display: block; }
    .news-fixation .col {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-bottom: 31px; }
      .news-fixation .col:last-child {
        margin-bottom: 0; }
  .item-newsFixation .item-newsFixation__img {
    max-width: 79%; }
  .item-newsFixation .item-newsFixation__desc {
    padding-right: 20px;
    margin-top: 10px; } }

@media screen and (max-width: 500px) {
  .list-fixation {
    margin-top: 28px; }
  .item-fixation .wrapp-inner {
    padding: 20px 18px 27px 20px; }
  .item-fixation .item-fixation__img {
    width: 32px; } }

@media screen and (max-width: 440px) {
  .section-fixation {
    margin-top: 27px; }
    .section-fixation .title {
      font-size: 2.4rem;
      margin-bottom: 48px; } }

@media screen and (max-width: 380px) {
  .item-newsFixation .item-newsFixation__desc {
    padding-right: 0; } }

/* ! ==== SECTION SYSTEM FIXATION ==*/
/* ! === SECTION CITY === */
.section-city {
  background: #fff;
  position: relative;
  padding: 60px 0 134px;
  margin-top: 73px; }
  .section-city:before {
    background: url(../img/bg/figure_bg.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 84px;
    height: 90px;
    top: -49px;
    left: 140px;
    z-index: 0; }
  .section-city .title {
    margin-bottom: 13px; }
  .section-city .block-head {
    position: relative;
    text-align: center;
    z-index: 1; }
    .section-city .block-head .desc {
      font-weight: bold;
      font-size: 2.4rem;
      color: #333;
      letter-spacing: 0.02em; }

.city-map {
  position: relative;
  margin-top: -26px; }

.mapInfo {
  position: absolute;
  top: 20%;
  left: 63.3%; }
  .mapInfo .row {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px; }
    .mapInfo .row:last-child {
      margin-bottom: 0; }
  .mapInfo .col {
    padding: 0; }

.item-mapInfo .item-mapInfo__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  max-width: 90px;
  text-align: right; }

.item-mapInfo .item-mapInfo__number {
  font-weight: bold;
  font-size: 7.2rem;
  color: #F03E81; }

.item-mapInfo .item-mapInfo__right.col {
  padding-left: 20px; }

.item-mapInfo .item-mapInfo__desc {
  font-weight: 500;
  font-size: 2.4rem;
  color: #333;
  display: block;
  line-height: 1.2em; }

.item-sity {
  font-weight: 500;
  font-size: 1.6rem;
  color: #333;
  letter-spacing: 0.02em;
  position: absolute;
  display: block;
  padding-left: 22px;
  /*&:before, &:after {
        @include pseudo();
        top: 50%;
        border-radius: 50%;
    }
    &:before {
        background: #F03E81;
        width: 14px;
        height: 14px;
        border: 5px solid #F03E81;
        left: -21px;
        margin-top: -7px;
    }
    &:after {
        background: #fff;
        width: 4px;
        height: 4px;
        left: -16px;
        margin-top: -2px;
    }*/ }
  .item-sity:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 0;
    background-image: url(../img/sprite.png);
    background-position: -58px -40px;
    width: 14px;
    height: 14px;
    left: 0;
    margin-top: -7px; }

.item-sity--1 {
  top: 29%;
  left: 14.5%; }

.item-sity--2 {
  top: 58.3%;
  left: 34.5%; }

.item-sity--3 {
  top: 43%;
  left: 13.4%; }

.item-sity--4 {
  top: 61.7%;
  left: 39.1%; }

.item-sity--5 {
  top: 47%;
  left: 11.6%; }

.item-sity--6 {
  top: 79%;
  left: 41%; }

.item-sity--7 {
  top: 50.7%;
  left: 11.1%; }

.item-sity--8 {
  top: 79%;
  left: 85.3%;
  padding: 22px 0 0; }
  .item-sity--8:before {
    top: 0;
    left: 50%;
    margin: 0 0 0 -7px; }

.item-sity--9 {
  top: 63.6%;
  left: 10.1%; }

.plan-sity {
  max-width: 735px;
  margin: 48px auto 0; }

.plan-one {
  text-align: center;
  margin-bottom: 35px; }
  .plan-one .plan-sity__desc {
    background: #F03E81;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: 0.02em;
    display: inline-block;
    height: 36px;
    padding: 0 22px;
    text-align: center;
    line-height: 36px;
    -webkit-border-radius: 99px;
            border-radius: 99px; }

.plan-second {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.item-plan {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /*.item-plan__left {
        flex: 0 0 175px;
        max-width: 175px;
        text-align: right;
    }*/
  /*&:first-child {
        flex: 0 0 400px;
        max-width: 400px;
    }*/ }
  .item-plan:first-child {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .item-plan:last-child {
    padding-left: 40px; }
  .item-plan .item-plan__number, .item-plan .item-plan__desc {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .item-plan .item-plan__number {
    font-weight: bold;
    font-size: 9.6rem;
    color: #F03E81;
    letter-spacing: 0.02em; }
  .item-plan .item-plan__right {
    padding-left: 27px; }
  .item-plan .item-plan__desc {
    font-weight: 500;
    font-size: 3.2rem;
    color: #333;
    letter-spacing: 0.02em;
    display: inline-block;
    line-height: 1.2em; }

@media screen and (max-width: 1500px) {
  .section-city:before {
    left: 20px; } }

@media screen and (max-width: 1300px) {
  .section-city:before {
    background-image: url("../img/bg/figure-city.png");
    width: 55px;
    height: 58px;
    top: -29px;
    left: 7px; } }

@media screen and (max-width: 991px) {
  .section-city .title {
    font-size: 3.2rem; }
  .section-city .block-head .desc {
    font-size: 2rem; }
  .item-mapInfo .item-mapInfo__number {
    font-size: 6.4rem; }
  .item-mapInfo .item-mapInfo__desc {
    font-size: 2rem; }
  .item-plan {
    /*&:last-child {
            padding-left: 15px;
        }*/ }
    .item-plan .item-plan__number {
      font-size: 8rem; }
    .item-plan .item-plan__desc {
      font-size: 2.6rem; }
  .item-sity--8 {
    left: auto;
    right: 0; } }

@media screen and (max-width: 840px) {
  .section-city {
    padding: 52px 0 122px; }
  .city-map {
    margin-top: 21px; }
  .item-sity {
    font-size: 1.4rem;
    padding-left: 14px; }
    .item-sity:before {
      background-image: url(../img/sprite.png);
      background-position: -44px -46px;
      width: 10px;
      height: 11px;
      margin-top: -5px; }
  .item-sity--2 {
    top: 57.5%; }
  .item-sity--8 {
    padding: 10px 0 0; }
    .item-sity--8:before {
      margin-left: -10px; }
  .plan-sity {
    margin-top: 6px; }
  .plan-one {
    margin-bottom: 25px; }
  /*.item-plan {
        &:first-child {
            flex: 0 0 375px;
            max-width: 355px;
            .item-plan__left {
                flex: 0 0 155px;
                max-width: 155px;
            }
        }
        &:last-child {
            flex: 0 0 290px;
            max-width: 290px;
        }
    }*/ }

@media screen and (max-width: 680px) {
  .item-mapInfo .item-mapInfo__number {
    font-size: 6rem; }
  .item-plan .item-plan__number {
    font-size: 6.4rem; }
  .item-plan .item-plan__desc {
    font-size: 2.2rem; } }

@media screen and (max-width: 575px) {
  .section-city {
    padding: 36px 0 410px;
    margin-top: 50px; }
    .section-city:before {
      display: none; }
    .section-city .title {
      font-size: 2.8rem; }
    .section-city .block-head {
      margin-bottom: 35px; }
      .section-city .block-head .desc {
        font-size: 1.6rem; }
  .city-map .mapInfo {
    display: none; }
  .city-map .city-map--1 {
    display: none; }
  .city-map .city-map--2 {
    display: block; }
  .mapInfo.hide {
    position: relative;
    display: block;
    top: auto;
    left: auto; }
    .mapInfo.hide .row {
      margin-bottom: 19px; }
      .mapInfo.hide .row:last-child {
        margin-bottom: 0; }
    .mapInfo.hide .col {
      padding: 0 15px; }
  .item-mapInfo .item-mapInfo__left {
    text-align: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    padding-right: 0 !important; }
  .item-mapInfo .item-mapInfo__number {
    font-size: 5.6rem; }
  .list-city--one .item-sity {
    font-size: 0; }
    .list-city--one .item-sity:before {
      background-image: none;
      background-color: #F9B1CC;
      width: 5px;
      height: 5px;
      -webkit-border-radius: 50%;
              border-radius: 50%; }
  .item-sity--8 {
    top: 80.5%;
    right: 7%; }
  .list-city--second {
    position: absolute;
    display: block;
    max-width: 345px;
    top: 30%;
    left: 0; }
    .list-city--second .item-sity {
      font-size: 1.6rem;
      position: relative;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 9px; }
      .list-city--second .item-sity:before {
        display: none; }
  .city-map {
    margin-top: -6px; }
  .plan-sity {
    margin-top: 26px; }
  .plan-second {
    display: block; }
    .plan-second .col {
      margin-bottom: 19px; }
      .plan-second .col:last-child {
        margin-bottom: 0; }
    .plan-second .item-plan {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
      .plan-second .item-plan:first-child {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .plan-second .item-plan:last-child {
        padding-left: 15px; }
      .plan-second .item-plan .item-plan__number {
        font-size: 5.6rem; }
      .plan-second .item-plan .item-plan__right {
        padding-left: 15px; }
      .plan-second .item-plan .item-plan__desc {
        font-size: 1.8rem; } }

@media screen and (max-width: 420px) {
  .plan-one .plan-sity__desc {
    font-size: 1.6rem; } }

@media screen and (max-width: 360px) {
  .list-city--second {
    top: 20%; }
    .list-city--second .row .col:nth-child(odd) {
      padding-right: 0; }
    .list-city--second .row .col:nth-child(even) {
      padding-left: 5px; }
  .list-city--one .item-sity:before {
    width: 4px;
    height: 4px; } }

/* ! === SECTION CITY === */
/* ! ====  SECTION FORM 4 ==== */
.section-form--4 .block-form {
  margin-top: -76px; }

.contact-head--desc .desc {
  font-weight: 500;
  font-size: 2.4rem;
  display: block;
  line-height: 1.2em;
  margin-top: 16px; }

@media screen and (max-width: 991px) {
  .contact-head--desc .desc {
    font-size: 2rem;
    margin-top: 12px; } }

@media screen and (max-width: 840px) {
  .section-form--4 .block-form {
    margin-top: -70px; } }

@media screen and (max-width: 575px) {
  .contact-head--desc .desc {
    font-size: 1.6rem; }
  .section-form--4 .block-form {
    margin-top: -380px; } }

/* ! ====  SECTION FORM 4 ==== */
/* ! === SECTION REVIEWS === */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    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: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.section-reviews {
  position: relative;
  margin-top: 72px; }
  .section-reviews:before {
    background: url(../img/bg/figure_bg.png) no-repeat center center;
    background-size: auto;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 84px;
    height: 90px;
    /*top: 540px;*/
    top: 39%;
    right: 120px;
    z-index: 0; }
  .section-reviews .title {
    margin: 0; }

.reviews-slider {
  position: relative; }
  .reviews-slider:before {
    background: url(../img/bg/points.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 162px;
    height: 162px;
    top: -20px;
    left: -72px;
    z-index: 0;
    opacity: 0.95; }

/* ! ==== slider ====*/
.sl-reviews {
  padding-top: 49px;
  margin: 0 -15px;
  /*.slick-slide {
        padding: 35px 20px;
    }*/ }
  .sl-reviews .slick-list {
    padding: 0 5px; }

.item-block--slider {
  padding: 0 15px 35px; }
  .item-block--slider .wrapp-inner {
    background: #fff;
    /*box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);*/
    -webkit-box-shadow: 0 22px 22px rgba(0, 0, 0, 0.15);
            box-shadow: 0 22px 22px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 12px;
            border-radius: 12px;
    padding-bottom: 20px; }
  .item-block--slider .item-block__img {
    display: block;
    /*&:before {
            background: #000;
            @include all-pseudo();
        }*/ }

.item-block .item-block__text, .item-block .item-block__footer {
  padding-right: 10px;
  padding-left: 16px; }

.item-block .item-block__footer {
  margin-top: 6px; }

.item-block .item-block__time {
  font-size: 1.3rem;
  color: #BDBDBD; }

.slick-arrow {
  background: #fff;
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 48px;
  height: 48px;
  top: -37px;
  /*margin-top: -24px;*/
  text-align: center;
  cursor: pointer;
  color: transparent;
  outline: none;
  z-index: 2;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15); }
  .slick-arrow:after {
    font-size: 2.2rem;
    font-family: "fontello";
    color: #BDBDBD;
    position: relative;
    display: block;
    /*content: '';
        width: 10px;
        height: 16px;
        opacity: 0.4;*/
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .slick-arrow:hover:after {
    color: #F03E81; }

.slick-prev {
  right: 75px; }
  .slick-prev:after {
    content: '\e801'; }

.slick-next {
  right: 15px; }
  .slick-next:after {
    content: '\e800'; }

.reviews-btn {
  text-align: center;
  margin: 10px 0 63px; }
  .reviews-btn .btn {
    width: 290px; }

/* ! ==== slider ====*/
.list-reviews .item-review {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
  margin-bottom: 70px; }

.item-review .item-review__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.item-review .item-review__img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 78px;
      -ms-flex: 0 0 78px;
          flex: 0 0 78px;
  max-width: 78px; }
  .item-review .item-review__img img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
            border-radius: 50%; }

.item-review .item-review__info {
  padding-left: 5px; }

.item-review .item-review__name {
  font-size: 1.6rem;
  color: #222;
  display: block; }

.item-review .item-review__work {
  font-size: 1.3rem;
  color: #BDBDBD;
  display: block;
  margin-top: 6px; }

.item-review .item-review__body {
  background: #fff;
  padding: 23px 32px 27px 32px;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 12px;
          border-radius: 12px;
  margin-top: 13px; }
  .item-review .item-review__body p {
    font-size: 1.6rem;
    color: #4F4F4F;
    line-height: 1.45em; }

@media screen and (max-width: 1460px) {
  .section-reviews:before {
    background-image: url(../img/bg/figure-city.png);
    width: 55px;
    height: 58px;
    right: 7px; } }

@media screen and (max-width: 1100px) {
  .reviews-slider {
    margin: 0 -8px; }
  .sl-reviews {
    margin: 0; }
  .item-block--slider {
    padding: 0 8px 35px; }
  .list-reviews {
    margin: 0 -8px; }
    .list-reviews .item-review {
      padding: 0 8px; } }

@media screen and (min-width: 921px) and (max-width: 1100px) {
  .item-block--slider .item-block__list {
    font-size: 1.4rem; } }

@media screen and (max-width: 991px) {
  .section-reviews .title {
    font-size: 3.2rem; }
  .section-reviews:before {
    top: 34%; }
  .reviews-slider:before {
    display: none; } }

@media screen and (max-width: 921px) {
  .section-reviews {
    margin-top: 62px; }
    .section-reviews .container {
      max-width: 800px; }
    .section-reviews:before {
      top: 30%; }
  .sl-reviews .slick-list {
    padding: 0; }
  .item-block--slider .wrapp-inner {
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 10px 12px rgba(0, 0, 0, 0.15); }
  .list-reviews .item-review {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .reviews-btn {
    margin: 16px 0 50px; }
  .item-review .item-review__body {
    padding: 23px 24px 27px 24px; } }

@media screen and (min-width: 576px) and (max-width: 720px) {
  .item-block--slider .item-block__list {
    font-size: 1.3rem; }
  .item-review .item-review__body p {
    font-size: 1.5rem; } }

@media screen and (max-width: 680px) {
  .section-reviews .title {
    font-size: 2.8rem; }
  .section-reviews:before {
    display: none; } }

@media screen and (max-width: 575px) {
  .section-reviews {
    margin-top: 45px; }
    .section-reviews .container {
      max-width: 380px; }
    .section-reviews .section-reviews__desc {
      display: block;
      font-weight: 500;
      font-size: 1.6rem;
      color: #222;
      text-align: center;
      margin-top: 13px; }
  .sl-reviews {
    padding-top: 0;
    margin-top: 27px; }
    .sl-reviews .slick-arrow {
      top: auto;
      bottom: 106px; }
    .sl-reviews .slick-prev {
      right: auto;
      left: -15px; }
    .sl-reviews .slick-next {
      right: -15px; }
  .item-block--slider {
    padding-bottom: 20px; }
    .item-block--slider .wrapp-inner {
      padding-bottom: 14px; }
    .item-block--slider .item-block__img .item-block__sity {
      font-size: 1.4rem;
      height: 30px;
      line-height: 30px; }
    .item-block--slider .item-block__text {
      margin-top: 8px; }
    .item-block--slider .item-block__list {
      font-size: 1.8rem;
      text-align: center; }
      .item-block--slider .item-block__list li {
        margin-bottom: 4px; }
        .item-block--slider .item-block__list li:last-child {
          margin-bottom: 0; }
      .item-block--slider .item-block__list strong {
        display: block; }
    .item-block--slider .item-block__footer {
      text-align: center;
      margin-top: 9px; }
  .list-reviews {
    display: block; }
    .list-reviews .item-review {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 40px; }
  .list-reviews .item-review:nth-child(3) ~ .item-review {
    display: none; }
  .reviews-btn {
    margin-bottom: 43px; }
    .reviews-btn .btn {
      width: 256px; } }

@media screen and (max-width: 420px) {
  .item-block--slider .item-block__img img {
    max-width: 100%; }
  .sl-reviews .slick-prev {
    left: -7px; }
  .sl-reviews .slick-next {
    right: -7px; } }

/* ! === SECTION REVIEWS === */
/* ! ====  SECTION FORM 5 ==== */
.section-form--5 {
  margin-top: 24px; }
  .section-form--5 .block-form:before {
    background: url(../img/bg/points.png) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    content: "";
    width: 162px;
    height: 162px;
    bottom: -44px;
    right: -68px;
    z-index: -1;
    opacity: 0.95; }

@media screen and (max-width: 1340px) {
  .section-form--5 .block-form:before {
    right: -15px; } }

@media screen and (max-width: 991px) {
  .section-form--5 .block-form:before {
    background-image: url(../img/bg/points-form.png);
    width: 130px;
    height: 130px;
    bottom: -38px;
    opacity: 1; } }

@media screen and (max-width: 840px) {
  .section-form--5 {
    margin-top: 0; } }

@media screen and (max-width: 575px) {
  .section-form--5 {
    margin-top: 57px; }
    .section-form--5 .block-form:before {
      display: none; } }

/* ! ====  SECTION FORM 5 ==== */
/* ! ========== Footer ============= */
.footer {
  background: #222;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 34px 0 30px; }

.footer--one {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.footer-logo .logo, .footer-logo .footer-logo__link {
  display: inline-block;
  vertical-align: middle; }

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

.footer-logo .footer-logo__link {
  font-size: 1.4rem;
  color: #E0E0E0;
  -webkit-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out; }
  .footer-logo .footer-logo__link:hover {
    color: #F03E81; }

.footer-social {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  max-width: 110px; }

.block-social {
  text-align: right;
  margin-top: 5px; }
  .block-social .link-social {
    display: inline-block;
    vertical-align: middle;
    margin-left: 26px; }
    .block-social .link-social:first-child {
      margin-left: 0; }
    .block-social .link-social svg path {
      fill: #ebebeb;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .block-social .link-social:hover svg path {
      fill: #F03E81; }
  .block-social .link-social__vk {
    width: 18px;
    height: 12px; }
  .block-social .link-social__insta {
    width: 18px;
    height: 18px; }

.copy {
  font-size: 1.4rem;
  color: #E0E0E0;
  margin-top: 53px; }
  .copy span, .copy a {
    display: inline-block; }
  .copy span {
    position: relative;
    padding-right: 40px; }
    .copy span:after {
      background: #E0E0E0;
      position: absolute;
      display: block;
      content: "";
      width: 4px;
      height: 4px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      top: 50%;
      right: 17px;
      margin-top: -1px; }
  .copy a {
    color: #E0E0E0;
    -webkit-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out; }
    .copy a:hover {
      color: #F03E81; }

@media screen and (max-width: 500px) {
  .footer {
    padding: 26px 0 24px; }
  .footer-logo .logo {
    display: block;
    margin-bottom: 16px; }
  .copy {
    margin-top: 42px; }
    .copy span {
      display: block;
      margin-bottom: 14px; }
      .copy span:after {
        right: auto;
        left: 232px; } }

/* ! ========== Footer ============= */
#toTop {
  background: #fff;
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 72px;
  height: 72px;
  text-align: center;
  right: 42px;
  bottom: 240px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
  z-index: 10;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #toTop:after {
    position: absolute;
    display: block;
    content: "";
    background-image: url(../img/sprite.png);
    background-position: -25px -33px;
    width: 18px;
    height: 24px;
    /*font-size: 3rem;
        color: #F03E81;
        position: relative;
        display: inline-block;
        content: '\2191';*/ }
  #toTop:hover {
    opacity: 0.8; }

@media screen and (max-width: 840px) {
  #toTop {
    display: none !important; } }

/*@media screen and (max-width: 575px) {
    #toTop {
        width: 50px;
        height: 50px;
        right: 15px;
    }
}*/
/* ! ========== MODAL ============= */
/* ! == MODAL == */
.box-form--modal {
  text-align: center; }
  .box-form--modal .modal-title {
    font-weight: 700;
    font-size: 3.2rem;
    color: #333;
    display: block;
    line-height: 1.1em;
    margin-bottom: 13px; }
  .box-form--modal .modal-desc {
    font-size: 2rem;
    color: #333;
    display: block;
    line-height: 1.35em; }
  .box-form--modal textarea {
    min-height: 110px;
    max-height: 110px; }
  .box-form--modal .modal-form {
    margin-top: 29px; }
  .box-form--modal .form .form-desc a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }

.modal-form__bottom {
  max-width: 286px;
  text-align: center;
  margin: 28px auto 0; }
  .modal-form__bottom .btn {
    width: 100%; }
    .modal-form__bottom .btn i {
      font-style: normal;
      display: none; }
  .modal-form__bottom .form-desc {
    margin-top: 16px; }

.reveal-modal {
  color: #404040; }

.wrapp-thanks {
  padding: 15px 0; }

.reveal-modal a, .reveal-modal button, .reveal-modal input, .reveal-modal textarea {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  -ms-transition: none; }

/*.reveal-modal input:focus {
	border: 1px solid #FAD61E;
	box-shadow: inset 0px 0px 6px 2px #FAD61E;
}*/
.wrapp-modal {
  position: relative; }

.reveal-modal-bg {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 100;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  background-color: #fff;
  visibility: hidden;
  top: 80px;
  left: 50%;
  margin-left: -235px;
  width: 470px;
  position: absolute;
  z-index: 110;
  padding: 30px 48px 27px;
  -webkit-box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
          box-shadow: 0 22px 42px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 12px;
          border-radius: 12px;
  margin-top: 100px; }

.thanks {
  /*width: 400px;
    width: 360px;
    */
  top: 100px !important;
  position: fixed;
  color: #fff;
  text-align: center; }

.thanks p {
  margin: 12px 0 0;
  color: #333; }
  .thanks p strong {
    font-weight: bold;
    font-size: 1.6rem;
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: 1.6em; }
  .thanks p span {
    font-size: 1.8rem;
    display: block;
    line-height: 1.2em; }

.close-popap {
  background-image: url(../img/sprite.png);
  background-position: 0px -33px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: block;
  position: absolute;
  overflow: hidden;
  top: 29px;
  right: 30px;
  z-index: 1; }
  .close-popap:hover {
    opacity: 0.8; }

.thanks .close-popap {
  top: 15px;
  right: 20px; }

@media screen and (max-width: 575px) {
  .reveal-modal {
    width: 288px;
    padding: 30px 20px 27px;
    margin-left: -144px; }
  .box-form--modal .modal-title {
    font-size: 2.4rem;
    margin-bottom: 8px; }
  .box-form--modal .modal-desc {
    font-size: 1.6rem; }
  .box-form--modal .modal-form {
    margin-top: 15px; }
  .box-form--modal .block-input {
    margin-bottom: 12px; }
  .close-popap {
    background-image: url(../img/sprite.png);
    background-position: -44px -33px;
    width: 12px;
    height: 12px;
    top: 16px;
    right: 17px; }
  .modal-form__bottom {
    margin-top: 20px; }
    .modal-form__bottom .btn span {
      display: none; }
    .modal-form__bottom .btn i {
      display: inline-block; } }

/* !== MODAL CONSENT ==*/
.consent-modal {
  background: #fff;
  width: 1140px;
  margin-left: -570px;
  /*top: 160px !important; */
  -webkit-border-radius: 25px;
          border-radius: 25px;
  padding: 60px 20px 40px 40px; }

.consent-modal .close-popap {
  position: absolute;
  top: -40px;
  right: 10px; }

.consent-modal .wrapp-modal {
  height: 500px;
  overflow: hidden;
  overflow-y: auto; }

.consent-text {
  padding-right: 20px; }

.consent-text .consent-text__title {
  font-weight: normal;
  font-family: 'GothaProMedium', sans-serif;
  color: #352e2d;
  display: block;
  margin-bottom: 22px; }

.consent-text .consent-text__title-1 {
  font-size: 2.4rem; }

.consent-text .consent-text__title-2 {
  font-size: 2rem; }

.consent-text p, .consent-text li {
  font-size: 1.6rem;
  font-family: 'GothaProReg', sans-serif;
  color: #352e2d;
  line-height: 1.3em; }

.consent-text p a {
  color: #7C2C88;
  border-bottom: 1px solid transparent;
  transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out,border-color 0.3s ease-in-out,color 0.3s ease-in-out; }

.consent-text p a:hover {
  border-bottom-color: #7C2C88; }

.consent-text p {
  margin-bottom: 22px; }

.consent-text ul {
  padding-left: 20px;
  margin-bottom: 17px; }

.consent-text li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px; }

.consent-text li:before {
  background: #352e2d;
  position: absolute;
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 9px;
  left: 0; }

.consent-text .consent-text__last {
  text-align: center; }

.consent-text .consent-text__last strong {
  font-size: 1.8rem;
  font-family: 'GothaProReg', sans-serif;
  margin-top: 30px; }

@media screen and (max-width: 1200px) {
  .consent-modal {
    width: 100%;
    left: 0;
    margin-left: 0;
    /*top: 160px !important; */ } }

@media screen and (max-width: 900px) {
  .hidemobile {
    visibility: hidden;
    display: none;
  }
.item-cause--1:before {
  //background-image: url("../img/icons/1.png");
  width: 93px;
  height: 198px;
  //margin-top: -41px;
top:20px;
 }

.item-cause--2:before {
  //background-image: url("../img/icons/2.png");
  width: 146px;
  height: 202px;
  //margin-top: -41px;
  //text-align: right;
  top:20px;
 }

.item-cause--3:before {
  //background-image: url("../img/icons/3.png");
  width: 154px;
  height: 207px;
  //margin-top: -41px;
  top:20px;
 }

.item-cause--4:before {
  //background-image: url("../img/icons/4.png");
  width: 164px;
  height: 198px;
  //margin-top: -41px;
  top:20px;
 }

.item-cause--5:before {
  //background-image: url("../img/icons/5.png");
  width: 151px;
  height: 202px;
  //margin-top: -41px;
  top:20px;
 }

.item-cause--6:before {
  //background-image: url("../img/icons/6.png");
  width: 158px;
  height: 207px;
  //margin-top: -41px;
  top:20px;
 }

.item-cause--7:before {
  //background-image: url("../img/icons/7.png");
  width: 142px;
  height: 198px;
  //margin-top: -41px;
  top:20px;
 }

}
@media screen and (max-width: 575px) {
  .consent-modal {
    padding: 40px 10px 30px 20px; }
  .consent-text .consent-text__title-1 {
    font-size: 2rem; }
  .consent-text .consent-text__title-2 {
    font-size: 1.8rem; }
  .consent-text .consent-text__title {
    margin-bottom: 15px; }
  .consent-text p, .consent-text li {
    font-size: 1.4rem; }
  .consent-text p {
    margin-bottom: 15px; }
  .consent-text ul {
    padding-left: 10px; }
  .consent-text li {
    padding-left: 15px;
    margin-bottom: 10px; } }

/* ! ========== MODAL ============= */

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

.pf {
    padding-top:5px;
}

.footer-phone {
    font-size: 1.5rem;
    color: #fff;
    margin:5px; }