@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 300;

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

  src: local(''),

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

      format('embedded-opentype'),

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

      format('woff2'),

    

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

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

      format('truetype'),

    

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

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

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

  src: local(''),

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

      format('embedded-opentype'),

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

      format('woff2'),

    

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

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

      format('truetype'),

    

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

      format('svg'); 

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 700;

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

  src: local(''),

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

      format('embedded-opentype'),

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

      format('woff2'),

    

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

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

      format('truetype'),

    

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

}



@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 900;

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

  src: local(''),

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

      format('embedded-opentype'),

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

      format('woff2'),

    

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

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

      format('truetype'),

    

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

}



@font-face {

  font-family: 'Myriad Pro Regular';

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

  src: url('../fonts/myriad/MyriadPro-Regular.eot?#iefix')

      format('embedded-opentype'),

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

    url('../fonts/myriad/MyriadPro-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}



body {

  width: 100%;

  height: auto;

  background-color: #0c1e33;

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

  font-size: 15px;

  line-height: 1.67;

  font-weight: 400;

  color: #ffffff;

  overflow-x: hidden;

}



nav,

p {

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

  color: #ebebeb;

  text-align: center;

  text-transform: uppercase;

}



h1 {

  margin-bottom: 25px;

  font-size: 55px;

  line-height: 0.9;

}



h2 {

  margin-bottom: 30px;

  font-size: 45px;

}



h3 {

  margin-bottom: 35px;

  font-size: 35px;

}



h4 {

  margin-bottom: 30px;

  font-size: 30px;

  font-weight: 300;

}



p {

  font-size: 15px;

  line-height: 1.5;

}



ol > li {

  counter-increment: ol;

}



ul,

ol {

  margin-bottom: 33px;

}



*,

*::before,

*::after {

  margin: 0;

  padding: 0;

}



.visuallyhidden {

  opacity: 0;

}



.content {

  max-width: 1290px;

  width: 100%;

  margin: 0 auto;

  padding: 30px;

}



.button {

  padding: 16px 28px;

  display: inline-block;

  min-width: 121px;

  font-size: 15px;

  font-weight: 400;

  color: #ffffff;

  text-align: center;

  text-transform: uppercase;

  line-height: 1;

  -webkit-border-radius: 25px;

  border-radius: 25px;

  outline: none;

}



.transparent {

  font-weight: 900;

  background-color: #2b66ac;

}



.light {

  background-color: #ffffff;

  color: #000000;

}



.signup {

  background-color: #ee5a1d;

}



.login {

  color: #1a3e67;

  background-color: #2ccc6f;

}



.button:hover,

.button:focus {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}





.header {

  margin-bottom: 22px;

  background-color: #1b2f43;

}



.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 {

  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;

  width: -webkit-calc(100% / 2);

  width: calc(100% / 2);

}



.header__item-left {

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.header p {

  font-size: 14px;

  line-height: 1;

  text-transform: uppercase;

}



.header__logo {

  margin-right: 80px;

  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-width: 128px;

}



.header .button {

  -webkit-filter: none;

  filter: none;

}



.header__button + .header__button {

  margin-left: 19px;

}



.header__item .transparent {

  padding: 12px 21px;

  position: relative;

  min-width: 117px;

}



.header__item .transparent + .transparent {

  padding: 11px 21px 11px 45px;

  margin-left: 40px;

}



.header__item .transparent::before {

  content: '';

  display: block;

  position: absolute;

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

  background-repeat: no-repeat;

  background-position: center;

  width: 18px;

  height: 20px;

  left: -30px;

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

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

}



.header__item .transparent + .transparent::before {

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

  width: 26px;

  height: 26px;

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

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

  left: 12px;

}



.hamburger {

  display: none;

}



.hamburger__item-wrap {

  white-space: normal;

}



nav.header__dropdown {

  margin: 0;

  display: none;

}





.cover {

  position: relative;

  overflow: hidden;

}



.cover .content {

  padding: 0;

  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;

  min-height: 350px;

  position: relative;

  border: 1px solid #2b66ac;

  overflow: hidden;

}



.cover__item-text {

  padding: 77px 30px 50px;

  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;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

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

  background-position-y: top;

  background-position-x: center;

  background-repeat: no-repeat;

  width: 100%;

  z-index: 100;

}



.cover__item-text h1 {

  max-width: 550px;

}



.cover__button {

  min-width: 138px;

}



.cover__item-image {

  position: absolute;

  top: -10px;

  z-index: -10;

}



.cover__image-left {

  left: 0;

}



.cover__image-right {

  right: 0;

}



.cover__background {

  position: absolute;

  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;

  top: 0;

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

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

  width: 100%;

  z-index: -100;

}



.cover__background img {

  -o-object-fit: cover;

  object-fit: cover;

}





.bonus {

  margin-bottom: 10px;

}



.bonus .content {

  padding: 0;

  background-color: #bbbbbb;

  position: relative;

  overflow: hidden;

}



.bonus__item {

  padding: 44px 60px 26px;

  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;

  width: 100%;

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

  background-position-y: top;

  background-position-x: center;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: 100;

}



.bonus .content::before,

.bonus .content::after {

  content: '';

  position: absolute;

  display: block;

  width: 327px;

  height: 416px;

  top: -10px;

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

}



.bonus .content::before {

  left: 0;

}



.bonus .content::after {

  right: 0;

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

  -ms-transform: scale(-1, 1);

  transform: scale(-1, 1);

}



.bonus__item span {

  margin-bottom: 22px;

  display: inline-block;

  max-width: 500px;

  font-size: 56px;

  line-height: 1.2;

  color: #0c1e33;

  font-weight: 700;

  text-align: center;

}



.bonus__item p {

  margin-bottom: 24px;

  font-size: 15px;

}



.bonus__button {

  min-width: 160px;

}





.text .content {

  padding: 30px;

}



.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 ul,

.text ol {

  width: 100%;

  color: #80a1c1;

}



.text ol > li::before {

  content: counter(ol);

  display: inline-block;

  position: absolute;

  left: 0;

  color: #1cbe60;

}



.text li {

  position: relative;

  padding-left: 30px;

  line-height: 1.2;

}



.text li + li {

  margin-top: 20px;

}



.text ul > li::before {

  content: '';

  display: inline-block;

  width: 12px;

  height: 2px;

  position: absolute;

  left: 0;

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

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

  background-color: #1cbe60;

}



.text p:not(:only-of-type) {

  margin-bottom: 25px;

}



.text p:last-child {

  margin-bottom: 0;

}



.text__button {

  padding: 20px 45px;

  margin-top: 20px;

  margin-bottom: 44px;

  min-width: 168px;

}





.welcome-bonus {

  margin-top: 18px;

  margin-bottom: 40px;

}



.welcome-bonus .content {

  position: relative;

  border: 1px solid #1cbe60;

}



.welcome-bonus h2 {

  margin-bottom: 47px;

  color: #2ccc6f;

  text-transform: capitalize;

}



.welcome-bonus ul {

  margin-bottom: 0;

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

  left: 30px;

  width: -webkit-calc(100% - 30px - 30px);

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

}



.welcome-bonus ul > li {

  padding: 17px 45px;

  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;

  font-size: 20px;

  color: #ffffff;

  line-height: 1;

  text-transform: uppercase;

  text-align: center;

}



.welcome-bonus ul > li + li {

  margin-left: 75px;

}



.welcome-bonus ul > li:nth-child(3n - 2) {

  width: 20%;

  background-color: #ee5a1d;

}



.welcome-bonus ul > li:nth-child(3n - 1) {

  width: 40%;

  background-color: #1cbe60;

}



.welcome-bonus ul > li:nth-child(3n) {

  width: 40%;

  color: #000000;

  background-color: #ffffff;

}





.benefits .content {

  padding: 30px 0;

}



.benefits .content > section {

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

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

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

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.benefits__item {

  margin-left: auto;

  padding: 42px 30px 29px;

  width: 50%;

}



.benefits__item h3 {

  margin-bottom: 25px;

  font-size: 35px;

  text-align: left;

}



.benefits__item ul {

  margin-bottom: 40px;

}



.benefits__item li {

  font-size: 20px;

  line-height: 1;

  text-transform: uppercase;

}



.benefits__item li + li {

  margin-top: 5px;

}



.benefits__button {

  min-width: 160px;

  background-color: #2ccc70;

}





.rating {

  background-color: #1b2f43;

}



.rating .content {

  padding: 17px 30px;

}



.rating__item {

  margin: 0 auto;

  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__item p {

  display: block;

  font-size: 19px;

  font-weight: 400;

  line-height: 1.1;

  text-transform: uppercase;

}



.rating__img {

  margin-left: 90px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}





.faq {

  overflow: hidden;

}



.faq .content {

  padding: 10px 0 0;

}



.faq h2 {

  color: #1cbe60;

}



.faq .content > div {

  padding: 0;

  position: relative;

}



.faq .content > div::before,

.faq .content > div::after {

  content: '';

  position: absolute;

  display: inline-block;

  height: 100%;

  z-index: 1;

  top: 0;

  width: 100vw;



  background-color: #1b2f43;

}



.faq .content > div::before {

  right: 70%;

}



.faq .content > div::after {

  left: 30%;

}



.faq__box {

  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;

}



.faq__box-question {

  padding: 25px 30px;

  width: 30%;

  background-color: #254360;

  z-index: 100;

}



.faq__box-question p {

  position: relative;

  font-size: 20px;

  line-height: 1;

  color: #1cbe60;

  font-weight: 700;

}



.faq__box-answer {

  padding: 25px 30px;

  width: 70%;

  background-color: rgba(37, 67, 96, 0.25882352941176473);

  z-index: 100;

}



.faq__box-answer p {

  font-size: 18px;

}



.faq__box-answer p + p {

  margin-top: 20px;

}





.footer .content {

  padding: 45px 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.footer__item-left {

  padding: 17px;

  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;

  min-width: 210px;

  background-color: #0b2034;

  border: 1px solid #1cbe60;

}



.footer__logo {

  display: block;

  min-width: 140px;

}



.footer__copy {

  margin-top: 15px;

  font-size: 8px;

  color: #1cbe60;

}



.footer__item + .footer__item {

  margin-left: 30px;

}



.footer__item p {

  font-family: 'Myriad Pro Regular', sans-serif;

  text-align: justify;

}



.footer__item-center {

  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;

}



.footer__item-right {

  padding: 0 25px 25px 0;

  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-width: 313px;

  background-color: #0b2034;

  border: 1px solid #1cbe60;

}



.footer__item-right ul {

  margin-bottom: 0;

  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;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.footer__item-right ul li {

  margin-left: 20px;

  margin-top: 25px;

}





.cover .breadcrumbs {

  margin-bottom: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  position: absolute;

  display: flex;

  top: 35px;

  font-weight: 400;

}



.breadcrumbs__item + .breadcrumbs__item {

  margin-left: 20px;

  position: relative;

}



.breadcrumbs__item + .breadcrumbs__item span {

  color: #1fa622;

}



.breadcrumbs__item + .breadcrumbs__item::before {

  content: '';

  position: absolute;

  background-color: #ffffff;

  width: 2px;

  height: 25px;

  left: -webkit-calc(-20px / 2 - 2px / 2);

  left: calc(-20px / 2 - 2px / 2);

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

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

}



.breadcrumbs__item span {

  font-size: 23px;

  color: #ffffff;

  text-transform: uppercase;

}





.bonuses-gallery .content {

  padding: 0 30px;

  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-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.bonuses-gallery .content section {

  margin-top: 22px;

  padding: 30px 40px;

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

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

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

  background-image: -o-linear-gradient(269deg, #172a40 0%, #2b3d54 100%);

  background-image: linear-gradient(181deg, #172a40 0%, #2b3d54 100%);

}



.bonuses-gallery .content section:nth-child(-n + 3) {

  margin-top: 0;

}



.bonuses-gallery__item {

  text-align: center;

  color: #2c446e;

}



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

  min-height: 210px;

}



.bonuses-gallery__item-img img {

  z-index: 100;

}



.bonuses-gallery__item + .bonuses-gallery__item {

  margin-top: 40px;

}



.bonuses-gallery__item h2 {

  margin-bottom: 33px;

  font-size: 35px;

}



.bonuses-gallery__item p {

  margin-bottom: 25px;

  color: #45c06b;

}



.bonuses-gallery__button {

  color: #161a1b;

  background-color: #ffffff;

}