@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/poppins/poppins-v19-latin-300.eot'); 

  src: local(''),

    url('../fonts/poppins/poppins-v19-latin-300.eot?#iefix')

      format('embedded-opentype'),

     url('../fonts/poppins/poppins-v19-latin-300.woff2')

      format('woff2'),

    

      url('../fonts/poppins/poppins-v19-latin-300.woff') format('woff'),

     url('../fonts/poppins/poppins-v19-latin-300.ttf')

      format('truetype'),

    

      url('../fonts/poppins/poppins-v19-latin-300.svg#Poppins') format('svg'); 

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/poppins/poppins-v19-latin-regular.eot'); 

  src: local(''),

    url('../fonts/poppins/poppins-v19-latin-regular.eot?#iefix')

      format('embedded-opentype'),

     url('../fonts/poppins/poppins-v19-latin-regular.woff2')

      format('woff2'),

    

      url('../fonts/poppins/poppins-v19-latin-regular.woff') format('woff'),

     url('../fonts/poppins/poppins-v19-latin-regular.ttf')

      format('truetype'),

    

      url('../fonts/poppins/poppins-v19-latin-regular.svg#Poppins')

      format('svg'); 

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 500;

  src: url('../fonts/poppins/poppins-v19-latin-500.eot'); 

  src: local(''),

    url('../fonts/poppins/poppins-v19-latin-500.eot?#iefix')

      format('embedded-opentype'),

     url('../fonts/poppins/poppins-v19-latin-500.woff2')

      format('woff2'),

    

      url('../fonts/poppins/poppins-v19-latin-500.woff') format('woff'),

     url('../fonts/poppins/poppins-v19-latin-500.ttf')

      format('truetype'),

    

      url('../fonts/poppins/poppins-v19-latin-500.svg#Poppins') format('svg'); 

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 600;

  src: url('../fonts/poppins/poppins-v19-latin-600.eot'); 

  src: local(''),

    url('../fonts/poppins/poppins-v19-latin-600.eot?#iefix')

      format('embedded-opentype'),

     url('../fonts/poppins/poppins-v19-latin-600.woff2')

      format('woff2'),

    

      url('../fonts/poppins/poppins-v19-latin-600.woff') format('woff'),

     url('../fonts/poppins/poppins-v19-latin-600.ttf')

      format('truetype'),

    

      url('../fonts/poppins/poppins-v19-latin-600.svg#Poppins') format('svg'); 

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/poppins/poppins-v19-latin-700.eot'); 

  src: local(''),

    url('../fonts/poppins/poppins-v19-latin-700.eot?#iefix')

      format('embedded-opentype'),

     url('../fonts/poppins/poppins-v19-latin-700.woff2')

      format('woff2'),

    

      url('../fonts/poppins/poppins-v19-latin-700.woff') format('woff'),

     url('../fonts/poppins/poppins-v19-latin-700.ttf')

      format('truetype'),

    

      url('../fonts/poppins/poppins-v19-latin-700.svg#Poppins') format('svg'); 

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 900;

  src: url('../fonts/poppins/poppins-v19-latin-900.eot'); 

  src: local(''),

    url('../fonts/poppins/poppins-v19-latin-900.eot?#iefix')

      format('embedded-opentype'),

     url('../fonts/poppins/poppins-v19-latin-900.woff2')

      format('woff2'),

    

      url('../fonts/poppins/poppins-v19-latin-900.woff') format('woff'),

     url('../fonts/poppins/poppins-v19-latin-900.ttf')

      format('truetype'),

    

      url('../fonts/poppins/poppins-v19-latin-900.svg#Poppins') format('svg'); 

}



body {

  width: 100%;

  height: auto;

  background-color: #081c34;

  font-family: 'Poppins', sans-serif;

  font-size: 16px;

  line-height: 1.17;

  font-weight: 400;

  color: #ffffff;

  overflow-x: hidden;

}



nav,

p,

li,

a {

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



h1,

h2,

h3,

h4 {

  line-height: 1.1;

  font-weight: 700;

  text-transform: uppercase;

  text-align: center;

  z-index: 1000;

}



h1 {

  margin-bottom: 50px;

  font-size: 55px;

  line-height: 0.9;

  text-align: left;

}



h2 {

  margin-bottom: 30px;

  font-size: 45px;

}



h3 {

  margin-bottom: 35px;

  font-size: 35px;

  color: #1cbe60;

}



h4 {

  margin-bottom: 35px;

  font-size: 30px;

  color: #1cbe60;

}



p {

  font-size: 15px;

  line-height: 1.5;

}



ol > li {

  counter-increment: ol;

}



ul,

ol {

  margin-bottom: 32px;

}



*,

*::before,

*::after {

  margin: 0;

  padding: 0;

}



.visuallyhidden {

  opacity: 0;

}



.header,

.cover,

.benefits,

.instructions,

.text,

.faq,

.footer,

.bonuses-gallery {

  overflow: hidden;

}



.content {

  max-width: 1290px;

  width: 100%;

  margin: 0 auto;

  padding: 25px 30px;

}



.button {

  padding: 17px 29px;

  display: inline-block;

  min-width: 121px;

  text-align: center;

  text-transform: uppercase;

  line-height: 1;

  color: #ffffff;

  outline: none;

  border: 1px solid transparent;

  -webkit-border-radius: 25px;

  border-radius: 25px;

  -webkit-filter: drop-shadow(7.071px 7.071px 10px rgba(0, 0, 0, 0.25));

  filter: drop-shadow(7.071px 7.071px 10px rgba(0, 0, 0, 0.25));

}



.transparent {

  padding: 11px 20px;

  position: relative;

  min-width: 117px;

  font-weight: 900;

  background-color: #0e2746;

  border-color: #0e2746;

}



.signup {

  background-color: #1cbe60;

  border-color: #1cbe60;

}



.login {

  background-color: #1e497c;

  border-color: #1e497c;

}



.transparent:hover,

.transparent:focus {

  background-color: transparent;

}



.signup:hover,

.signup:focus,

.login:hover,

.login:focus {

  background-color: transparent;

}



.signup:hover,

.signup:focus {

  color: #1cbe60;

}



.login:hover,

.login:focus {

  color: #265896;

}





.header {

  background-color: #081c34;

}



.header .content {

  padding: 8px 30px;

}



.header nav {

  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;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.header__item + .header__item {

  margin-left: 30px;

}



.header__item-left {

  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;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  width: 50%;

}



.header__logo {

  margin-right: 70px;

  min-width: 128px;

}



.app-btn {

  padding: 12px 30px 12px 56px;

}



.bonuses-btn::before,

.app-btn::before {

  content: '';

  display: block;

  position: absolute;

  background-repeat: no-repeat;

  background-position: center;

}



.bonuses-btn::before {

  background-image: url(../images/bonuses-icon.svg);

  width: 18px;

  height: 20px;

  top: -webkit-calc(50% - 18px / 2);

  top: calc(50% - 18px / 2);

  left: -25px;

}



.app-btn::before {

  background-image: url(../images/app-icon.svg);

  background-size: cover;

  width: 26px;

  height: 26px;

  top: -webkit-calc(50% - 26px / 2);

  top: calc(50% - 26px / 2);

  left: 12px;

}



.header__button {

  margin-left: 19px;

}



.header__item-right {

  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;

  width: 75%;

}



.header__item-left p {

  display: inline-block;

  max-width: 230px;

  font-size: 14px;

  line-height: 1;

  text-transform: uppercase;

}



.hamburger {

  display: none;

}



.hamburger__item-wrap {

  white-space: normal;

}



nav.header__dropdown {

  margin: 0;

  display: none;

}





.cover {

  position: relative;

}



.cover .content {

  min-height: 379px;

}



.cover__item-text {

  margin-left: auto;

  padding: 55px 0 20px;

  position: relative;

  width: 50%;

}



.cover__background {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: absolute;

  top: 0px;

  right: -webkit-calc(50% - 1920px / 2);

  right: calc(50% - 1920px / 2);

  height: 100%;

  z-index: -1;

}



.cover__background img {

  display: block;

  -o-object-fit: cover;

  object-fit: cover;

}



.cover__button {

  background-color: #ff4b4b;

  color: #ffffff;

  border-color: #ff4b4b;

}



.cover__button:hover,

.cover__button:focus {

  color: #ffffff;

}





.bonus {

  background-color: #1cbe60;

  overflow-y: visible;

}



.bonus .content {

  padding: 0 30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  position: relative;

}



.bonus__item {

  width: 50%;

}



.bonus__item-text {

  padding: 43px 0 27px;

  padding-left: 100px;

  z-index: 100;

}



.bonus .content p {

  margin-bottom: 32px;

  font-size: 56px;

  line-height: 1.2;

  font-weight: 700;

  text-transform: uppercase;

}



.bonus .content p + p {

  font-size: 32px;

  font-weight: 700;

}



.bonus__button {

  min-width: 160px;

  background-color: #ff4b4b;

  border-color: #ff4b4b;

  color: #ffffff;

}



.bonus__button:hover,

.bonus__button:focus {

  color: #ffffff;

}



.bonus__item-image {

  position: relative;

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

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.bonus__item-image > div {

  display: block;

  position: absolute;

  left: -webkit-calc(50% - 424px / 2);

  left: calc(50% - 424px / 2);

  bottom: -5px;

}





.benefits .content > div {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  position: relative;

  background-color: #ffffff;

}



.benefits .content > div::before,

.benefits .content > div::after {

  content: '';

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  background-color: #ffffff;

}



.benefits .content > div::before {

  left: -100%;

}



.benefits .content > div::after {

  right: -100%;

}



.benefits__item {

  width: -webkit-calc(50% - 90px / 2);

  width: calc(50% - 90px / 2);

}



.benefits__item-image {

  position: relative;

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

  background-repeat: no-repeat;

  background-size: cover;

  background-position-x: center;

  background-position-y: center;

}



.benefits__image {

  position: absolute;

  bottom: 0;

  left: -webkit-calc(50% - 414px / 2);

  left: calc(50% - 414px / 2);

}



.benefits__image img {

  display: block;

}



.benefits__item-text {

  padding: 35px 0;

  z-index: 100;

}



.benefits__item-text h3 {

  text-align: left;

}



.benefits__item li {

  font-size: 20px;

  color: #1cbe60;

  text-transform: uppercase;

}





.instructions {

  background-color: #0e2746;

}



.instructions .content {

  padding: 50px 30px;

}



.instructions .content h2 {

  color: #1cbe60;

  text-transform: capitalize;

}



.instructions .content > ul {

  margin-bottom: 0;

  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;

}



.instructions .content > ul li {

  padding: 14px 40px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -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;

  position: relative;

  color: #468edf;

  text-transform: uppercase;

  text-align: center;

}



.instructions .content > ul li:nth-child(3n - 1) {

  color: #39d178;

}



.instructions .content > ul li:nth-child(3n) {

  color: #fffefe;

}



.instructions .content > ul li + li {

  margin-left: 25px;

}



.instructions .content > ul li::before {

  content: '';

  position: absolute;

  display: block;

  width: 24px;

  height: 24px;

  border: 8px solid #468edf;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  top: -webkit-calc(50% - 24px / 2);

  top: calc(50% - 24px / 2);

  left: 0;

}



.instructions .content > ul li:nth-child(3n - 1)::before {

  border: 8px solid #39d178;

}



.instructions .content > ul li:nth-child(3n)::before {

  border: 8px solid #fffefe;

}





.rating {

  background-color: #1b2f43;

}



.rating .content {

  padding: 17px 30px;

}



.rating .content > section {

  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;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.rating__img {

  margin-left: 90px;

}



.rating p,

.rating span {

  font-size: 19px;

  text-transform: uppercase;

}





.text .content section {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.text .content section + section {

  margin-top: 28px;

}



.text ul,

.text ol {

  margin-bottom: 32px;

  width: 100%;

}



.text ol > li:before {

  content: counter(ol);

  display: inline-block;

  position: absolute;

  left: 8px;

  color: #ffffff;

}



.text li {

  position: relative;

  padding-left: 30px;

}



.text li + li {

  margin-top: 17px;

}



.text ul > li:before {

  content: '';

  display: inline-block;

  width: 5px;

  height: 2px;

  position: absolute;

  left: 8px;

  top: -webkit-calc(50% - 2px / 2);

  top: calc(50% - 2px / 2);

  background-color: #ffffff;

}



.text p {

  text-align: justify;

}



.text p:not(:last-child) {

  margin-bottom: 32px;

}



.text__button {

  margin-bottom: 38px;

  margin-left: 30px;

  margin-right: 30px;

  min-width: 160px;

}





.faq {

  margin-bottom: 30px;

}



.faq .content {

  padding: 0 30px;

}



.faq__box + .faq__box {

  margin-top: 16px;

}



.faq__box-question {

  position: relative;

  cursor: pointer;

  background-color: #ffffff;

}



.faq__box-question::before,

.faq__box-question::after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  background-color: #ffffff;

}



.answer-hidden,

.answer-hidden::before,

.answer-hidden::after {

  background-color: #0e2746;

}



.faq__box-question::before {

  left: -100%;

}



.faq__box-question::after {

  right: -100%;

}



.faq__box-question p {

  padding: 8px 20px;

  position: relative;

  font-size: 30px;

  line-height: 1.2;

  color: #1cbe60;

  font-weight: 700;

}



.answer-hidden p {

  color: #ffffff;

}



.faq__box-answer {

  border: none;

  display: block;

  height: auto;

  font-size: 16px;

  line-height: 1.67;

  opacity: 1;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.faq__box-answer p {

  padding: 20px;

}



.faq__box-question p::before {

  content: '';

  position: absolute;

  background-image: url(../images/question-icon-hidden.svg);

  background-size: cover;

  width: 17px;

  height: 9px;

  left: -10px;

  top: -webkit-calc(50% - 9px / 2);

  top: calc(50% - 9px / 2);

}



.answer-hidden p::before {

  background-image: url(../images/question-icon.svg);

}



.answer-hidden + .faq__box-answer {

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  opacity: 0;

  height: 0;

  overflow: hidden;

  padding-top: 0;

  padding-bottom: 0;

}





.footer {

  background-color: #051323;

}



.footer .content {

  padding: 48px 30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.footer__logo {

  margin-bottom: 12px;

  display: block;

  min-width: 128px;

}



.footer__copy {

  font-size: 9px;

}



.footer__item + .footer__item {

  margin-left: 54px;

}



.footer__item-left {

}



.footer__item-right {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}





.cover .breadcrumbs {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  top: 10px;

  left: 0;

  font-size: 23px;

  font-weight: 400;

  text-transform: uppercase;

}



.breadcrumbs__item + .breadcrumbs__item {

  margin-left: 24px;

  position: relative;

}



.breadcrumbs__item + .breadcrumbs__item::before {

  content: '';

  position: absolute;

  background-color: #ffffff;

  width: 2px;

  height: 23px;

  left: -12px;

  top: 1px;

}



.breadcrumbs__item span {

  color: #ffffff;

}



.breadcrumbs__item + .breadcrumbs__item span {

  color: #1cbe60;

}





.bonuses-gallery .content {

  padding-bottom: 0;

}



.bonuses-gallery .content > p {

  margin-bottom: 15px;

  text-align: justify;

}



.bonuses-gallery .content > div {

  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: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.bonuses-gallery .content > div section {

  margin-top: 16px;

  margin-bottom: 16px;

  padding: 45px 45px 30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -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;

  width: -webkit-calc((100% - 64px) / 3);

  width: calc((100% - 64px) / 3);

  color: #081c34;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  background-color: #ffffff;

}



.bonuses-gallery__item + .bonuses-gallery__item {

  margin-top: 30px;

}



.bonuses-gallery__item-img {

  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;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.bonuses-gallery__item-text {

  text-align: center;

}



.bonuses-gallery__item-text span {

  margin-bottom: 8px;

  display: inline-block;

  font-size: 32px;

  font-weight: 700;

  color: #1cbe60;

  text-transform: uppercase;

}



.bonuses-gallery__item-text p + p {

  margin-top: 20px;

}



.bonuses-gallery__button {

  margin-top: 28px;

}