@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i&subset=cyrillic);/* Genreal */
body {
	overflow-x: hidden;
	font: 300 16px/1.28 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Basic */
.clearfix:after {
  display: table;
  clear: both;
  content: '';
}
.basic-h1 {
  margin-top: 0;
  margin-bottom: 30px;
  box-sizing: border-box;
  font: 300 48px/1.2 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #222;
}
/* For colored line */
.line--theme_colored .basic-h1 {
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .basic-h1{
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .basic-h1{
    font-size: 30px;
  }
}
.basic-h1:last-child {
  margin-bottom: 0;
}
.basic-h1--separated {
  padding-bottom: 25px;
  min-height: 200px;
  border-bottom: dotted 10px #79b843;
  border-image: url('/assets/images/dot-green.svg') 33.333% round;
}
@media (max-width: 991px) {
  .basic-h1--separated{
    min-height: 0;
  }
}
.line--theme_colored .basic-h1--separated {
  border-image-source: url('/assets/images/dot-white.svg');
}
.basic-h4 {
  margin-top: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
  font: 300 30px/1.2 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #222;
}
/* For colored line */
.line--theme_colored .basic-h4 {
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .basic-h4{
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .basic-h4{
    font-size: 20px;
  }
}
.basic-h4:first-child {
  margin-top: 0;
}
.basic-h4:last-child {
  margin-bottom: 0;
}
/*
  Basic line with few states - 1 and 2 cells per line.

  Default state is for 1 cell on the line.
  Second state checked via rule &:not(:only-child).

  For colored line add mod .line--theme_colored, it will change text color to white.
*/
.line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  box-sizing: border-box;
  width: 100vw;
  min-height: 100vh;
}
@media (max-width: 991px) {
  .line{
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 0;
  }
}
.line--order_reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .line--order_reverse{
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.line__cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  width: 100vw;
}
@media (max-width: 991px) {
  .line__cell{
    min-height: 0;
  }
}
@media (min-width: 992px) {
  .line__cell:not(:only-child):first-child{
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .line__cell:not(:only-child):last-child{
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .line--order_reverse .line__cell:not(:only-child):first-child{
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .line--order_reverse .line__cell:not(:only-child):last-child{
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.line__image {
  max-width: 1600px;
}
@media (min-width: 992px) {
  .line__cell:not(:only-child) .line__image{
    max-width: 800px;
  }
}
.line__container {
  max-width: 800px;
}
@media (min-width: 992px) {
  .line__cell:not(:only-child) .line__container{
    max-width: 800px;
  }
}
.container {
  padding: 70px 50px;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container{
    padding: 40px 25px;
  }
}
@media (max-width: 767px) {
  .container{
    padding: 26px 15px;
  }
}
.section-image {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #eeeeee 50% 50% / cover no-repeat;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-image{
    min-height: 45vh;
  }
}
@media (max-width: 767px) {
  .section-image{
    display: none;
  }
}
.list-numbered {
  margin-bottom: 25px;
  padding-left: 0;
  list-style: none;
  counter-reset: list-numbered;
}
.list-numbered:last-child {
  margin-bottom: 0;
}
.list-numbered__item {
  position: relative;
  padding-left: 20%;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 991px) {
  .list-numbered__item{
    padding-left: 15%;
  }
}
@media (max-width: 767px) {
  .list-numbered__item{
    padding-left: 55px;
  }
}
.list-numbered__item:not(:last-child) {
  margin-bottom: 30px;
}
.list-numbered__item:before {
  position: absolute;
  top: 0;
  left: 0;
  font: 300 48px/1 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #79b843;
  content: counter(list-numbered)'.';
  counter-increment: list-numbered;
}
@media (min-width: 768px) and (max-width: 991px) {
  .list-numbered__item:before{
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .list-numbered__item:before{
    font-size: 30px;
  }
}
.basic-paragraph {
  margin-top: 20px;
  margin-bottom: 20px;
  font: 300 16px/1.28 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #808285;
}
@media (min-width: 768px) and (max-width: 991px) {
  .basic-paragraph{
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .basic-paragraph{
    font-size: 14px;
  }
}
/* For colored line */
.line--theme_colored .basic-paragraph {
  color: #fff;
}
.basic-paragraph:first-child {
  margin-top: 0;
}
.basic-paragraph:last-child {
  margin-bottom: 0;
}
.basic-paragraph--type_highlighted {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: .05em;
  color: #333;
}
@media (min-width: 768px) and (max-width: 991px) {
  .basic-paragraph--type_highlighted{
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .basic-paragraph--type_highlighted{
    font-size: 16px;
  }
}
/* For colored line */
.line--theme_colored .basic-paragraph--type_highlighted {
  color: #fff;
}
.basic-link {
  font: inherit;
  color: #4382b8;
}
.basic-link:hover, .basic-link:focus, .basic-link:visited {
  color: rgb(139, 178, 213);
}
/* For colored line */
.line--theme_colored .basic-link:hover, .line--theme_colored .basic-link:focus, .line--theme_colored .basic-link:visited {
  color: #fff;
}
/* Elements */
.logo {
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.logo__image {
  display: block;
  width: 40vw;
  max-width: 600px;
  min-width: 460px;
}
@media (max-width: 767px) {
  .logo__image{
    width: 60vw;
    min-width: 250px;
  }
}
.package-title {
  position: relative;
}
.package-title:after {
  position: absolute;
  right: 0;
  bottom: 25px;
  display: block;
  height: 165px;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: .7;
  content: '';
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title:after{
    height: 65px;
  }
}
@media (max-width: 767px) {
  .package-title:after{
    height: 55px;
  }
}
.package-title--type_meal {
  padding-right: 190px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_meal{
    padding-right: 90px;
  }
}
@media (max-width: 767px) {
  .package-title--type_meal{
    padding-right: 80px;
  }
}
.package-title--type_meal::after {
  width: 165px;
  background-image: url('/assets/images/package-meal.svg');
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_meal::after{
    width: 65px;
  }
}
@media (max-width: 767px) {
  .package-title--type_meal::after{
    width: 55px;
  }
}
.package-title--type_meal-fit {
  padding-right: 180px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_meal-fit{
    padding-right: 86px;
  }
}
@media (max-width: 767px) {
  .package-title--type_meal-fit{
    padding-right: 77px;
  }
}
.package-title--type_meal-fit::after {
  width: 155px;
  background-image: url('/assets/images/package-meal-fit.svg');
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_meal-fit::after{
    width: 61px;
  }
}
@media (max-width: 767px) {
  .package-title--type_meal-fit::after{
    width: 52px;
  }
}
.package-title--type_club {
  padding-right: 267px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_club{
    padding-right: 120px;
  }
}
@media (max-width: 767px) {
  .package-title--type_club{
    padding-right: 105px;
  }
}
.package-title--type_club::after {
  width: 242px;
  background-image: url('/assets/images/package-club.svg');
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_club::after{
    width: 95px;
  }
}
@media (max-width: 767px) {
  .package-title--type_club::after{
    width: 80px;
  }
}
.package-title--type_club-net {
  padding-right: 263px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_club-net{
    padding-right: 119px;
  }
}
@media (max-width: 767px) {
  .package-title--type_club-net{
    padding-right: 105px;
  }
}
.package-title--type_club-net::after {
  width: 238px;
  background-image: url('/assets/images/package-club-net.svg');
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title--type_club-net::after{
    width: 94px;
  }
}
@media (max-width: 767px) {
  .package-title--type_club-net::after{
    width: 80px;
  }
}
.package-title__label {
  display: block;
  font-weight: 100;
  font-size: 22px;
  letter-spacing: .05em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-title__label{
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .package-title__label{
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .package-title__new-line--screen_desktop{
    display: block;
  }
}
.package-list {
  margin-bottom: 25px;
  padding-left: 0;
  list-style: none;
}
.package-list:last-child {
  margin-bottom: 25px;
}
.package-list__item {
  position: relative;
  padding: 5px 0 5px 50px;
  font: 300 16px/1.28 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-list__item{
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .package-list__item{
    font-size: 14px;
  }
}
.package-list__item:not(:first-child) {
  border-top: solid 1px rgba(255, 255, 255, 0.7);
}
.package-list__item::after {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 20px;
  height: 20px;
  background: url('/assets/images/package-list-check.png') 50% 50% no-repeat;
  background-size: cover;
  content: '';
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-list__item::after{
    top: 4px;
  }
}
@media (max-width: 991px) {
  .package-list__item::after{
    top: 3px;
  }
}
.package-list__item--type_inject {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-list__item--type_inject{
    font-size: 19px;
  }
}
@media (max-width: 991px) {
  .package-list__item--type_inject{
    font-size: 18px;
  }
}
.package-list__item--type_inject::after {
  top: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-list__item--type_inject::after{
    top: 11px;
  }
}
@media (max-width: 991px) {
  .package-list__item--type_inject::after{
    top: 10px;
  }
}
.package-list__item--type_extend::after {
  top: 7px;
  width: 16px;
  height: 16px;
  background-image: url('/assets/images/package-list-plus.png');
}
@media (min-width: 768px) and (max-width: 991px) {
  .package-list__item--type_extend::after{
    top: 6px;
  }
}
@media (max-width: 991px) {
  .package-list__item--type_extend::after{
    top: 6px;
  }
}
.review-block {
  position: relative;
  margin: 25px 0 0;
  padding-top: 38px;
}
.review-block + .review-block {
  margin-top: 50px;
}
.review-block:first-child {
  margin-top: 0 ;
}
.review-block::before {
  position: absolute;
  top: 0;
  left: -5px;
  display: block;
  width: 72px;
  height: 64px;
  background: url('/assets/images/review-block-quote.png') 50% 50% no-repeat;
  background-size: cover;
  content: '';
}
.review-author {
  padding-left: 10px;
}
.review-author:not(:first-child){
  margin-top: 30px;
}
.review-author__image {
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.review-author__info-box {
  padding-left: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100px;
  font: 300 16px/1.28 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
  .review-author__info-box{
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .review-author__info-box{
    font-size: 14px;
  }
}
.review-author__name {
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: #000;
}
/* For colored line */
.line--theme_colored .review-author__name {
  color: #fff;
}
.review-author__description {
  margin-left: 0;
  font: inherit;
  color: #808285;
}
/* For colored line */
.line--theme_colored .review-author__description {
  color: #fff;
}
.club-capability-list {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 0;
  list-style: none;
}
.club-capability-list:first-child {
  margin-top: 0;
}
.club-capability-list:last-child {
  margin-bottom: 0;
}
.club-capability-list__item {
  position: relative;
  padding: 5px 45px 5px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 60px;
  font: 300 16px/1.28 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #808285;
}
@media (min-width: 768px) and (max-width: 991px) {
  .club-capability-list__item{
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .club-capability-list__item{
    padding-right: 0;
    font-size: 14px;
  }
}
.club-capability-list__item:not(:first-child) {
  border-top: solid 1px #d3d2d2;
}
/* For colored line */
.line--theme_colored .club-capability-list__item {
  color: #fff;
}
.club-capability-list__item::before {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -25px;
  display: block;
  width: 50px;
  height: 50px;
  background-position: 50%;
  background-size: 100%;
  content: '';
}
.club-capability-list__item::after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  display: block;
  width: 25px;
  height: 18px;
  background: url('/assets/images/club-capability-list-checkmark.png') 50% 50% no-repeat;
  background-size: 100%;
  content: '';
}
@media (max-width: 767px) {
  .club-capability-list__item::after{
    display: none;
  }
}
.club-capability-list__item--icon_1::before {
  background-image: url('/assets/images/club-capability-list-icon-0.png');
}
.club-capability-list__item--icon_2::before {
  background-image: url('/assets/images/club-capability-list-icon-1.png');
}
.club-capability-list__item--icon_3::before {
  background-image: url('/assets/images/club-capability-list-icon-2.png');
}
.club-capability-list__item--icon_4::before {
  background-image: url('/assets/images/club-capability-list-icon-3.png');
}
.club-capability-list__item--icon_5::before {
  background-image: url('/assets/images/club-capability-list-icon-4.png');
}
.club-capability-list__item--icon_6::before {
  background-image: url('/assets/images/club-capability-list-icon-5.png');
}
.club-capability-list__item--icon_7::before {
  background-image: url('/assets/images/club-capability-list-icon-6.png');
}
.club-capability-list__item--icon_8::before {
  background-image: url('/assets/images/club-capability-list-icon-7.png');
}
/* Layout */
.page {
  margin: 0;
  background: #fff;
}
.header {
  padding: 100px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  width: 100vw;
  min-height: 100vh;
  background: #fff url('/assets/images/bg-main.jpg') 50% 50% repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .header{
    background-image: url('/assets/images/bg-main@2x.jpg');
    background-size: 350px 190px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .header{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.become-user__image {
  background-image: url(/assets/images/section-image-0.jpg);
  background-position: 0 50%;
}
.contacts__image {
  background-image: url(/assets/images/section-image-4.jpg);
  background-position: 0 50%;
}
.your-club {
  background: #76ba43;
}
.your-club__image {
  background-color: inherit;
  background-image: url('/assets/images/section-image-1.jpg');
  background-position: 0 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .your-club__image{
    background-position: 0 45%;
  }
}
.package {
  min-height: 0;
}
.package__cell {
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.package__cell--bg_green {
  background-color: #76ba43;
}
.package__cell--bg_blue {
  background-color: #4dabf5;
}
.package__cell--bg_orange {
  background-color: #ffad33;
}
.package__cell--bg_red {
  background-color: #f6695f;
}
.club-capability__image {
  background-image: url('/assets/images/section-image-2.jpg');
  background-position: left bottom;
}


.overlay {
	background-color: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/*# sourceMappingURL=main.map*/