/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
}
@media (max-width: 1279px) {
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  font-weight: 300;
}

html.html_exhcangesPage {
  overflow-y: visible;
  width: 100vw;
  position: relative;
}

body {
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  background: #1c2237;
}

body.body_exchangesPage {
  height: auto;
  background: #fff;
}

h2 {
  font-size: 45px;
  line-height: 120%;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: #000;
}
h2::before {
  content: '';
  width: 80px;
  height: 5px;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 40px);
  background: #ffd835;
  border-radius: 100px;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  h2 {
    font-size: 40px;
  }
  h2::before {
    bottom: -11px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 28px;
    text-align: center;
  }
  h2::before {
    height: 4px;
    width: 44px;
    left: calc(50% - 22px);
    bottom: -9px;
  }
}

/* Mobile side menu */
.mobileSideMenu {
  width: 210px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  overflow: hidden;
  transform: translateX(210px);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0);
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.mobileSideMenu::before {
  content: '';
  height: 150vh;
  width: 150vw;
  position: absolute;
  z-index: -1;
  top: calc(50% - 75vh);
  left: calc(50% - 75vw);
  background: #1c2237;
}
.mobileSideMenu_opened {
  transform: translateX(0);
  box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}

.mobileSideMenu__linksList {
  display: flex;
  flex-direction: column;
  padding: 19px 30px 0;
}

.mobileSideMenu__divider {
  margin: 15px 0 20px;
  width: 100%;
  height: 0;
  border-top: 1px rgba(255,255,255,.1) solid;
}

.mobileSideMenu__link {
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  text-decoration: none;
  padding: 6px 0 7px;
  display: inline-block;
}

.mobileSideMenu__link_inactive {
  opacity: .5;
}

.mobileSideMenu__link_authBut {
  /* border: 1px #fff solid; */
  border-radius: 100px;
  margin: 7px 0 0 -7px;
  padding: 5px 17px 7px;
  color: #000;
  background: #ffd835;
}

.mainHeader {
  height: 94px;
  width: 1400px;
  margin: 0 auto -94px;
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
  align-items: flex-end;
  transition: transform 0.5s ease;
  position: relative;
  z-index: 97;
}
.mainHeader_shiftedToLeft {
  transform: translateX(-210px);
}
.mainHeader__mainMenu {
  margin-bottom: -4px;
}
.mainHeader_opened {
  position: fixed;
  width: 100%;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .mainHeader {
    width: 1282px;
  }
}
@media (max-width: 1800px) {
  .mainHeader {
    width: 980px;
  }
}
@media (max-width: 1279px) {
  .mainHeader {
    width: 895px;
    height: 86px;
    margin-bottom: -86px;
  }
}
@media (max-width: 1023px) {
  .mainHeader {
    width: 672px;
    height: 80px;
    margin-bottom: -80px;
  }

  .mainHeader_opened {
    width: 670px;
    left: calc(50% - 335px);
  }
}
@media (max-width: 767px) {
  .mainHeader {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    height: 57px;
    margin-bottom: -57px;
  }
  .mainHeader_opened {
    width: calc(100% - 40px);
    left: 0;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Main logo */
.mainLogo {
  display: flex;
  align-items: center;
  align-content: center;
  color: #fff;
  cursor: pointer;
  margin-left: -6px;
  text-decoration: none;
  transition: opacity .5s ease;
  opacity: 1;
}

.mainHeader_opened .mainLogo {
  opacity: 0;
}
.mainLogo__emblem {
  display: block;
  width: 50px;
  height: 66px;
  background: url(https://coinrule.com/css/images/mainLogo__emblem.svg);
  margin-right: 15px;
}
.mainLogo__textPart {
  display: block;
  padding: 9px 0 0 11px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'DIN Alternate', sans-serif;
  letter-spacing: 0.22rem;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1279px) {
  .mainLogo__emblem {
    width: 43px;
    height: 57px;
    background-size: 100%;
  }
  .mainLogo__textPart {
    font-size: 26px;
  }
}
@media (max-width: 1023px) {
  .mainLogo__emblem {
    width: 41px;
    height: 54px;
    margin-right: 10px;
  }
  .mainLogo__textPart {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .mainLogo {
    margin-left: -6px;
    position: relative;
    top: 8px;
    transform: scale(.9);
  }
  /* .mainLogo__emblem {
		   width: 29px;
		   height: 38px;
		   margin-right: 8px;
	  }
	   .mainLogo__textPart {
		   font-size: 19px;
	  } */
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Main menu */
.mainMenu {
  font-size: 19px;
  line-height: 19px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: space-between;
  height: 66px;
  align-items: center;
  align-content: center;
  margin-right: -10px;
}
.mainMenu__link {
  padding: 0 22px 4px;
  cursor: pointer;
  transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
  box-sizing: border-box;
  display: flex;
  align-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}
.mainMenu__link_inactive {
  opacity: 0.4;
  pointer-events: none;
}
.mainMenu__link:hover {
  opacity: 0.5;
}
.mainMenu__link_authBut {
  height: 56px;
  padding-left: 29px;
  padding-right: 29px;
  margin-left: 22px;
  border-radius: 100px;
  color: #000;
  background: rgba(255,216,53,1);
  backdrop-filter: blur(15px);
}
.mainMenu__link_authBut:hover {
  opacity: 1;
  background: #fff;
  color: #000;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .mainMenu__link {
    font-size: 18px;
  }
}
@media (max-width: 1279px) {
  .mainMenu__link {
    font-size: 17px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .mainMenu__link_authBut {
    height: 46px;
    padding-left: 28px;
    padding-right: 28px;
    margin-left: 16px;
  }
}
@media (max-width: 1023px) {
  .mainMenu {
    display: none;
  }
}
.screenDimLayer {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 97;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.screenDimLayer::before {
  content: '';
  width: 150vw;
  height: 150vh;
  position: absolute;
  top: calc(50% - 75vh);
  left: calc(50% - 75vw);
  background: rgba(0, 0, 0, .4);
}
.screenDimLayer_visible {
  opacity: 1;
  pointer-events: auto;
}
.burgerMenuBut {
  width: 62px;
  height: 62px;
  margin-right: -10px;
  cursor: pointer;
  background: 50% 50%/40px no-repeat;
  background-image: url(https://coinrule.com/css/images/burgerMenuBut.svg);
  position: relative;
  z-index: 98;
  display: none;
}
.burgerMenuBut_opened {
  background-image: url(https://coinrule.com/css/images/burgerMenuBut_opened.svg);
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1023px) {
  .burgerMenuBut {
    display: block;
  }
}
@media (max-width: 767px) {
  .burgerMenuBut {
    width: 35px;
    height: 35px;
    margin-right: -5px;
    margin-bottom: 4px;
    background-size: 26px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Main content */
.mainContent {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  transition: transform 0.5s ease;
  z-index: 0;
}
.mainContent::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: #fff;
}

.mainContent_shiftedToLeft {
  transform: translateX(-210px);
}

.mainContent__availableCoinsList {
  margin-bottom: 100px;
}

.mainContent__usefulLinksList {
  margin-bottom: 0;
}

.mainContent__cryptoTradingGuides {
  margin-bottom: 110px;
}

.mainContent__latestBlogPosts {
  margin-bottom: 40px;
}

.mainContent__knowledgeBaseTeasers {
  margin-bottom: 80px;
}

.mainContent__availableExchangesList {
  margin-bottom: 85px;
}

.mainContent__benefNtestimonRope {
  margin-bottom: 100px;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .mainContent {
    width: 1282px;
  }
}
@media (max-width: 1800px) {
  .mainContent {
    width: 980px;
  }
}
@media (max-width: 1279px) {
  .mainContent {
    width: 895px;
  }
}
@media (max-width: 1023px) {
  .mainContent {
    width: 672px;
  }
}
@media (max-width: 767px) {
  .mainContent {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Main visual */
.mainVisual {
  position: relative;
  z-index: 1;
  padding-top: 212px;
  color: #fff;
  box-sizing: border-box;
  padding-bottom: 150px;
  background: #6330AB;
}
.mainVisual::before {
  content: '';
  position: absolute;
  width: calc(100vw + 1px);
  top: 0;
  right: 0;
  bottom: 0;
  left: calc(-50vw + 700px);
  z-index: -1;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#852ef6), to(#00ffd4));
  background-image: -webkit-linear-gradient(left, #852ef6 0%, #00ffd4 100%);
  background-image: -moz-linear-gradient(left, #852ef6 0%, #00ffd4 100%);
  background-image: -o-linear-gradient(left, #852ef6 0%, #00ffd4 100%);
  background-image: linear-gradient(90deg, #852ef6 0%, #00ffd4 100%);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.mainVisual::after {
  content: '';
  position: absolute;
  width: calc(100vw + 1px);
  top: 0;
  right: 0;
  bottom: 0;
  left: calc(-50vw + 700px);
  z-index: -2;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#00ffd4), to(#852ef6));
  background-image: -webkit-linear-gradient(left, #00ffd4 0%, #852ef6 100%);
  background-image: -moz-linear-gradient(left, #00ffd4 0%, #852ef6 100%);
  background-image: -o-linear-gradient(left, #00ffd4 0%, #852ef6 100%);
  background-image: linear-gradient(90deg, #00ffd4 0%, #852ef6 100%);
}

.mainVisual_termsNconditions {
  margin-bottom: 50px;
}

.mainVisual_affiliateProgram {
  padding-bottom: 70px;
  margin-bottom: 90px;
}

.mainVisual__h1 {
  margin: 0 0 48px 0;
  font-size: 75px;
  line-height: 125%;
  font-family: 'Lato', sans-serif;
  width: 650px;
}

.mainVisual__h1_bigger {
  font-size: 95px;
  line-height: 102px;
  margin-bottom: 30px;
  white-space: nowrap;
}

.mainVisual__h1_fullWidth {
  width: 100%;
}
.mainVisual__h1_pricing {
  margin: 20px 0 21px;
}
.mainVisual__h1_terms {
  width: 100%;
  margin: 20px 0 21px;
}
.mainVisual__description {
  font-size: 35px;
  line-height: 160%;
  width: 700px;
  margin-bottom: 64px;
}

.mainVisual__description b {
  font-weight: 700;
}
.mainVisual__description a {
  color: #fff;
}
.mainVisual__description_fullWidth {
  width: 100%;
  font-size: 24px;
  line-height: 140%;
  font-family: 'Roboto',sans-serif;
}
.mainVisual__photo {
  position: absolute;
  left: calc(50% + 17px);
  bottom: -38px;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .mainVisual {
    padding-top: 174px;
    padding-bottom: 109px;
  }

  .mainVisual_affiliateProgram {
    padding-bottom: 50px;
  }

  .mainVisual_exchangesPage {
    padding-bottom: 140px;
  }
  .mainVisual_pricing {
    padding-bottom: 307px;
  }
  .mainVisual::before {
    left: calc(-50vw + 641px);
  }
  .mainVisual::after {
    left: calc(-50vw + 641px);
  }
  .mainVisual__h1 {
    margin: 0 0 43px 0;
    font-size: 65px;
    line-height: 116%;
    width: 75%;
  }
  .mainVisual__h1_pricing {
    margin-bottom: 27px;
  }
  .mainVisual__description {
    font-size: 28px;
    line-height: 150%;
    width: 600px;
    margin-bottom: 54px;
  }
  .mainVisual__description_fullWidth {
    font-size: 24px;
    line-height: 140%;
    width: 100%;
  }
  .mainVisual__photo {
    left: calc(50% + 14px);
    bottom: -107px;
  }
}
@media (max-width: 1800px) {
  .mainVisual {
    padding-bottom: 86px;
  }

  .mainVisual_affiliateProgram {
    padding-bottom: 45px;
  }
  .mainVisual_exchangesPage {
    padding-bottom: 140px;
  }
  .mainVisual_pricing {
    padding-bottom: 301px;
  }
  .mainVisual::before {
    left: calc(-50vw + 490px);
  }
  .mainVisual::after {
    left: calc(-50vw + 490px);
  }
  .mainVisual__h1 {
    width: 100%;
    margin-bottom: 45px;
    font-size: 60px;
    line-height: 110%;
  }
  .mainVisual__h1_pricing {
    margin-bottom: 25px;
  }
  .mainVisual__description {
    width: 540px;
    margin-bottom: 47px;
    font-size: 26px;
    line-height: 150%;
  }
  .mainVisual__description_fullWidth {
    font-size: 24px;
    line-height: 140%;
    width: 100%;
  }
  .mainVisual__photo {
    left: calc(50% + 97px);
    bottom: -42px;
  }
}
@media (max-width: 1279px) {
  .mainVisual {
    padding-top: 165px;
    padding-bottom: 126px;
  }

  .mainVisual_affiliateProgram {
    padding-bottom: 30px;
  }
  .mainVisual::before {
    left: calc(-50vw + 447px);
  }
  .mainVisual::after {
    left: calc(-50vw + 447px);
  }

  .mainVisual_exchangesPage {
    padding-bottom: 140px;
  }
  .mainVisual_termsNconditions {
    padding-bottom: 90px;
  }
  .mainVisual__h1 {
    margin-bottom: 66px;
    font-size: 50px;
    line-height: 112%;
  }
  .mainVisual__h1_pricing {
    margin-bottom: 27px;
  }
  .mainVisual__h1_terms {
    margin-bottom: 27px;
  }
  .mainVisual__description {
    width: 340px;
    margin-bottom: 53px;
    font-size: 23px;
    line-height: 140%;
  }
  .mainVisual__description_fullWidth {
    width: 100%;
  }
  .mainVisual__photo {
    top: 350px;
    bottom: auto;
    left: auto;
    right: 0;
  }
}
@media (max-width: 1023px) {
  .mainVisual {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .mainVisual_affiliateProgram {
    padding-bottom: 30px;
  }

  .mainVisual_exchangesPage {
    padding-bottom: 150px;
  }
  .mainVisual_pricing {
    padding-bottom: 270px;
  }
  .mainVisual::before {
    left: calc(-50vw + 336px);
  }
  .mainVisual::after {
    left: calc(-50vw + 336px);
  }
  .mainVisual__h1 {
    margin-bottom: 22px;
    font-size: 43px;
    line-height: 55px;
    text-align: center;
  }
  .mainVisual__h1_pricing {
    margin-bottom: 16px;
  }
  .mainVisual__description {
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    font-size: 23px;
    line-height: 140%;
  }
  .mainVisual__photo {
    position: relative;
    top: auto;
    right: auto;
    bottom: -76px;
    left: auto;
    margin: -41px auto 0;
  }
}
@media (max-width: 767px) {
  .mainVisual {
    padding-top: 120px;
  }

  .mainVisual_affiliateProgram {
    margin-bottom: 70px;
  }
  .mainVisual::before {
    left: calc(-50vw + 50%);
  }
  .mainVisual::after {
    left: calc(-50vw + 50%);
  }
  .mainVisual_pricing {
    padding-bottom: 5px;
  }
  .mainVisual__h1 {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 23px;
    font-size: 36px;
    line-height: 120%;
  }
  .mainVisual__h1_pricing {
    margin-bottom: 16px;
  }
  .mainVisual__description {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 140%;
  }
  .mainVisual__photo {
    margin: -37px 0 0 -20px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Terms description */
.termsDescription {
  font-size: 24px;
  line-height: 160%;
  width: 1000px;
  margin-bottom: 15px;
}

.termsDescription a {
  color: #fff;
}

.termsDescription__promoText {
  margin-bottom: 27px;;
}

.termsDescription__additionalLinks {
  font-size: 15px;
}

.termsDescription__additionalLinks span {
  margin-right: 20px;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
  .termsDescription {
    margin-bottom: 40px;
  }
}
@media (max-width: 1279px) {
  .termsDescription {
    width: 100%;
    margin-bottom: 0;
    font-size: 23px;
    line-height: 140%;
  }
}
@media (max-width: 1023px) {
  .termsDescription {
    padding-bottom: 88px;
  }

  .termsDescription__promoText {
    text-align: center;
  }

  .termsDescription__additionalLinks {
    display: flex;
    justify-content: center;
  }

  .termsDescription__additionalLinks span {
    margin: 0 10px 15px;
  }
}
@media (max-width: 767px) {
  .termsDescription {
    font-size: 18px;
    line-height: 140%;
    padding-bottom: 69px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Terms & Conditions block */
.termsNconditionsBlock {
  background: #fff;
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 19px;
  line-height: 160%;
  color: #686868;
  margin-top: -50px;
}

.termsNconditionsBlock::before {
  content: '';
  width: 150vw;
  height: calc(100% + 100px);
  position: absolute;
  z-index: -1;
  top: -50px;
  left: calc(50% - 75vw);
  background: #fff;
}

.termsNconditionsBlock p {
  margin-top: 10px;
  margin-bottom: 27px;
}

.termsNconditionsBlock__colLeft {}

.termsNconditionsBlock__colRight {
  width: 1000px;
}

.termsNconditionsBlock__navMenu {
  margin-top: -80px;
}

.termsNconditionsBlock__mainDescription {
  color: #000;
  position: relative;
  z-index: 0;
  padding: 60px 0 45px;
  margin-bottom: 20px;
}

.termsNconditionsBlock__mainDescription::before {
  content: '';
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 100vw);
  z-index: -1;
  background: #F7F8FA;
}

.termsNconditionsBlock__h2 {
  text-align: left;
  position: relative;
}

.termsNconditionsBlock__h2::before {
  left: 0;
}

.termsNconditionsBlock__h2ScrollTo {
  position: absolute;
  width: 1px;
  height: 1px;
  left: 50%;
  top: -50px;
  pointer-events: none;
}

.termsNconditionsBlock__section {
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
  z-index: 0;
  display: inline-block;
}

.termsNconditionsBlock__section_grayBg {
  padding-top: 40px;
  padding-bottom: 60px;
}

.termsNconditionsBlock__section_last {
  margin-bottom: 0;
  padding-bottom: 80px;
}

.termsNconditionsBlock__section_grayBg::before {
  content: '';
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 100vw);
  z-index: -1;
  background: #F7F8FA;
}

.termsNconditionsBlock__blackTextP {
  color: #000;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .termsNconditionsBlock__colRight {
    width: 846px;
  }
}
@media (max-width: 1800px) {
  .termsNconditionsBlock {
    font-size: 17px;
  }

  .termsNconditionsBlock__colRight {
    width: 615px;
  }
}
@media (max-width: 1279px) {
  .termsNconditionsBlock {
    flex-direction: column;
  }

  .termsNconditionsBlock__mainDescription {
    padding-top: 82px;
  }

  .termsNconditionsBlock__navDropdown {
    margin: -40px 0;
  }

  .termsNconditionsBlock__colRight {
    width: 100%;
  }

  .termsNconditionsBlock__h2ScrollTo {
    top: -130px;
  }
}
@media (max-width: 1023px) {
  .termsNconditionsBlock__h2 {
    width: 100%;
    text-align: center;
  }

  .termsNconditionsBlock__h2::before {
    left: calc(50% - 40px);
  }

  .termsNconditionsBlock p {
    margin-bottom: 23px;
  }
}
@media (max-width: 767px) {
  .termsNconditionsBlock {
    font-size: 17px;
    line-height: 150%;
    font-weight: 300;
    font-family: 'Roboto',sans-serif;
  }

  .termsNconditionsBlock__h2::before {
    left: calc(50% - 22px);
  }

  .termsNconditionsBlock__navDropdown {
    margin: -33px 0;
  }

  .termsNconditionsBlock__mainDescription {
    padding-top: 63px;
    padding-bottom: 35px;
    margin-bottom: 2px;
  }

  .termsNconditionsBlock__section {
    margin-bottom: 0;
    padding-top: 16px;
  }

  .termsNconditionsBlock__section_grayBg {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Anchor navigation menu */
.anchorNavMenu {
  width: 325px;
  position: relative;
  z-index: 0;
  list-style: none;
  padding: 40px 40px 26px 40px;
  box-sizing: border-box;
  font-size: 19px;
  line-height: 130%;
  z-index: 10;
  font-size: 19px;
  line-height: 130%;
  font-family: 'Lato',sans-serif;
  font-weight: 500;
  color: #000;
}

.anchorNavMenu::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border: 2px #F0CB2E solid;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0,0,0,.15);
}

.anchorNavMenu__li {
  margin-bottom: 16px;
}

.anchorNavMenu__li_last {
  position: relative;
  padding-top: 31px;
  margin-top: 37px;
  font-weight: 700;
}

.anchorNavMenu__li_last::before {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px rgba(0,0,0,.1) solid;
}

.anchorNavMenu__a {
  display: flex;
  cursor: pointer;
  color: #000;
  text-decoration: none;
}

.anchorNavMenu__a:hover,
.anchorNavMenu__a_active {
  font-weight: 700;
}

.anchorNavMenu__a_active {
  cursor: default;
}

.anchorNavMenu__number {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 13px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 100px;
  background: rgba(0,0,0,.07);
  font-size: 13px;
  line-height: 13px;
  font-weight: 950;
  position: relative;
  top: -2px;
  transition: background .15s ease;
}

.anchorNavMenu__a:hover .anchorNavMenu__number,
.anchorNavMenu__a_active .anchorNavMenu__number {
  background-color: #FFD835;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 2000px) {
  .anchorNavMenu {
    padding-left: 0;
    padding-top: 63px;
  }

  .anchorNavMenu::before {
    width: calc(100vw - 1075px);
    left: auto;
    right: 0;
  }

  .anchorNavMenu__number {
    margin-left: -5px;
  }
}
@media (max-width: 1919px) {
  .anchorNavMenu {
    width: 370px;
  }
}
@media (max-width: 1800px) {
  .anchorNavMenu {
    width: 310px;
    font-size: 18px;
  }

  .anchorNavMenu::before {
    width: calc(100vw - 673px);
  }
}
@media (max-width: 1279px) {
  .anchorNavMenu {
    display: none;
  }
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Anchor navigation dropdown */
.anchorNavDropdown {
  width: 100%;
  height: 80px;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  display: none;
}

.anchorNavDropdown::before {
  content: '';
  width: 20px;
  height: 33px;
  position: absolute;
  top: calc(50% - 16px);
  right: 24px;
  z-index: 11;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/anchorNavDropdown__arr.svg);
  opacity: .2;
}

.anchorNavDropdown__fixed {
  position: fixed;
  width: 895px;
  left: calc(50% - 447px);
  top: 10px;
  margin: 0;
  z-index: 11;
}

.anchorNavDropdown__fixed::after {
  content: '';
  width: 150vw;
  height: 100px;
  position: absolute;
  top: -10px;
  left: calc(50% - 75vw);
  background: #fff;
  z-index: -1;
  box-shadow: 0 15px 30px rgba(0,0,0,.15);
}

.anchorNavDropdown__select {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.anchorNavDropdown__textBlock {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  box-sizing: border-box;
  align-content: center;
  align-items: center;
  padding: 0 58px 0 18px;
  background: #fff;
  border: 2px #F0CB2E solid;
  box-shadow: 0 15px 30px rgba(0,0,0,.15);
  pointer-events: none;
  font-size: 20px;
  line-height: 130%;
  font-family: 'Lato',sans-serif;
  font-weight: 600;
  color: #000;
}

.anchorNavDropdown__fixed .anchorNavDropdown__textBlock {
  box-shadow: none;
}

.anchorNavDropdown__number {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 100px;
  background: #FFD835;
  display: flex;
  margin-right: 16px;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 16px;
}

.anchorNavDropdown__number_hidden {
  width: 0;
  min-width: 0;
  max-width: 0;
  position: relative;
  overflow: hidden;
  margin-right: 4px;
}

.anchorNavDropdown__title {
  position: relative;
  top: -2px;
  max-height: calc(100% - 20px);
  position: relative;
  overflow: hidden;
  line-height: 105%;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
}
@media (max-width: 1279px) {
  .anchorNavDropdown {
    display: block;
  }
}
@media (max-width: 1023px) {
  .anchorNavDropdown__fixed {
    width: 672px;
    left: calc(50% - 336px);
  }
}
@media (max-width: 767px) {
  .anchorNavDropdown {
    height: 67px;
  }

  .anchorNavDropdown::before {
    width: 16px;
    height: 26px;
    top: calc(50% - 13px);
  }

  .anchorNavDropdown__fixed {
    height: 67px;
    width: calc(100vw - 40px);
    left: 20px;
    top: 10px;
  }

  .anchorNavDropdown__fixed::after {
    height: 88px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Terms numered list */
.termsNumeredList {
  list-style: none;
  padding: 0;
}

.termsNumeredList__li {
  margin-bottom: 25px;
}

.termsNumeredList__number {
  margin-right: 5px;
  display: inline-block;
  color: #000;
  font-weight: 600;
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Pricing description */
.pricingDescription {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
  margin-bottom: 102px;
}
.pricingDescription__promoText {
  width: 53%;
  font-size: 24px;
  line-height: 160%;
}
.pricingDescription__annualSwitch {
  padding-bottom: 4px;
  margin-right: -7px;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .pricingDescription__promoText {
    width: 67%;
    margin-bottom: 57px;
    font-size: 24px;
    line-height: 160%;
  }
  .pricingDescription__promoText br {
    display: none;
  }
  .pricingDescription__annualSwitch {
    margin-bottom: 51px;
  }
}
@media (max-width: 1800px) {
  .pricingDescription__promoText {
    margin-bottom: 68px;
  }
  .pricingDescription__annualSwitch {
    margin-bottom: 62px;
    margin-right: 0;
  }
}
@media (max-width: 1279px) {
  .pricingDescription {
    align-items: flex-start;
    align-content: flex-start;
  }
  .pricingDescription__promoText {
    width: 52%;
    font-size: 23px;
    line-height: 140%;
  }
}
@media (max-width: 1023px) {
  .pricingDescription {
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .pricingDescription__promoText {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .pricingDescription__promoText {
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 26px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Pricing annual switch */
.pricingAnnualSwitch {
  display: flex;
  align-content: center;
  align-items: center;
  font-size: 19px;
  line-height: 19px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.pricingAnnualSwitch b {
  font-weight: 500;
}
.pricingAnnualSwitch__switchWrap {
  padding: 30px 2px;
  margin: -30px -2px -30px 8px;
  position: relative;
  overflow: hidden;
}
.pricingAnnualSwitch__switch {
  width: 132px;
  height: 40px;
  border-radius: 100px;
  position: relative;
  background: #6d90dc;
}
.pricingAnnualSwitch__note {
  transition: opacity .35s ease;
}
.pricingAnnualSwitch__note_invisivle {
  opacity: 0;
}
.pricingAnnualSwitch__switchInWrap {
  height: 40px;
  width: calc(97px * 2 + 30px);
  display: flex;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  padding-bottom: 1px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  user-select: none;
  transition: right 0.2s ease-in;
}
.pricingAnnualSwitch_monthly .pricingAnnualSwitch__switchInWrap {
  right: -92px;
}
.pricingAnnualSwitch__option1 {
  width: 97px;
  min-width: 97px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 0 3px 10px;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.pricingAnnualSwitch_monthly .pricingAnnualSwitch__option1 {
  opacity: 1;
}
.pricingAnnualSwitch__handler {
  width: 30px;
  min-width: 30px;
  height: 30px;
  position: relative;
}
.pricingAnnualSwitch__handler::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.15s ease, height 0.15s ease, box-shadow 0.15s ease;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 10px 8px rgba(0, 0, 0, 0);
}
.pricingAnnualSwitch__switch:hover .pricingAnnualSwitch__handler::before {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  box-shadow: 0 10px 8px rgba(0, 0, 0, .15);
}
.pricingAnnualSwitch__option2 {
  width: 97px;
  min-width: 97px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px 3px 0;
  opacity: 1;
  transition: opacity 0.1s ease;
}
.pricingAnnualSwitch_monthly .pricingAnnualSwitch__option2 {
  opacity: 0;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1800px) {
  .pricingAnnualSwitch {
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    font-size: 18px;
  }
  .pricingAnnualSwitch__note {
    margin-bottom: 13px;
  }
  .pricingAnnualSwitch__switchWrap {
    margin-right: 0;
    margin-left: -4px;
  }
}
@media (max-width: 1279px) {
  .pricingAnnualSwitch {
    padding-top: 6px;
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media (max-width: 1023px) {
  .pricingAnnualSwitch {
    flex-direction: row;
  }
  .pricingAnnualSwitch__note {
    margin-right: 15px;
    margin-bottom: 11px;
  }
  .pricingAnnualSwitch__switch {
    background: #6da7dc;
  }
}
@media (max-width: 767px) {
  .pricingAnnualSwitch {
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .pricingAnnualSwitch__switch {
    height: 34px;
    width: 110px;
  }
  .pricingAnnualSwitch__switchInWrap {
    height: 34px;
    width: calc(85px * 2 + 19px);
  }
  .pricingAnnualSwitch_monthly .pricingAnnualSwitch__switchInWrap {
    right: -75px;
  }

  .pricingAnnualSwitch__handler {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .pricingAnnualSwitch__option1 {
    width: 85px;
    min-width: 85px;
    font-size: 17px;
    padding-left: 13px;
    font-weight: 400;
  }
  .pricingAnnualSwitch__option2 {
    width: 85px;
    min-width: 85px;
    font-size: 17px;
    padding-right: 13px;
    font-weight: 400;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Team Photo */
.teamPhoto {
  width: calc(((100vw - 1400px) / 2) - 50px + 700px - 17px);
  max-width: 895px;
  box-shadow: -15px 20px 30px rgba(0, 0, 0, .16);
  background: 50% 50%/cover no-repeat;
  background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNkM3RDREQTExMkMxMUVBQTM1NTk3N0QzNkU0RjNFRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNkM3RDREQjExMkMxMUVBQTM1NTk3N0QzNkU0RjNFRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2QzdENEQ4MTEyQzExRUFBMzU1OTc3RDM2RTRGM0VEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA2QzdENEQ5MTEyQzExRUFBMzU1OTc3RDM2RTRGM0VEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+IMWElDQ19QUk9GSUxFAAEBAAAMSExpbm8CEAAAbW50clJHQiBYWVogB84AAgAJAAYAMQAAYWNzcE1TRlQAAAAASUVDIHNSR0IAAAAAAAAAAAAAAAAAAPbWAAEAAAAA0y1IUCAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARY3BydAAAAVAAAAAzZGVzYwAAAYQAAABsd3RwdAAAAfAAAAAUYmtwdAAAAgQAAAAUclhZWgAAAhgAAAAUZ1hZWgAAAiwAAAAUYlhZWgAAAkAAAAAUZG1uZAAAAlQAAABwZG1kZAAAAsQAAACIdnVlZAAAA0wAAACGdmlldwAAA9QAAAAkbHVtaQAAA/gAAAAUbWVhcwAABAwAAAAkdGVjaAAABDAAAAAMclRSQwAABDwAAAgMZ1RSQwAABDwAAAgMYlRSQwAABDwAAAgMdGV4dAAAAABDb3B5cmlnaHQgKGMpIDE5OTggSGV3bGV0dC1QYWNrYXJkIENvbXBhbnkAAGRlc2MAAAAAAAAAEnNSR0IgSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAADzUQABAAAAARbMWFlaIAAAAAAAAAAAAAAAAAAAAABYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9kZXNjAAAAAAAAABZJRUMgaHR0cDovL3d3dy5pZWMuY2gAAAAAAAAAAAAAABZJRUMgaHR0cDovL3d3dy5pZWMuY2gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAuSUVDIDYxOTY2LTIuMSBEZWZhdWx0IFJHQiBjb2xvdXIgc3BhY2UgLSBzUkdCAAAAAAAAAAAAAAAuSUVDIDYxOTY2LTIuMSBEZWZhdWx0IFJHQiBjb2xvdXIgc3BhY2UgLSBzUkdCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGRlc2MAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAACxSZWZlcmVuY2UgVmlld2luZyBDb25kaXRpb24gaW4gSUVDNjE5NjYtMi4xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB2aWV3AAAAAAATpP4AFF8uABDPFAAD7cwABBMLAANcngAAAAFYWVogAAAAAABMCVYAUAAAAFcf521lYXMAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAKPAAAAAnNpZyAAAAAAQ1JUIGN1cnYAAAAAAAAEAAAAAAUACgAPABQAGQAeACMAKAAtADIANwA7AEAARQBKAE8AVABZAF4AYwBoAG0AcgB3AHwAgQCGAIsAkACVAJoAnwCkAKkArgCyALcAvADBAMYAywDQANUA2wDgAOUA6wDwAPYA+wEBAQcBDQETARkBHwElASsBMgE4AT4BRQFMAVIBWQFgAWcBbgF1AXwBgwGLAZIBmgGhAakBsQG5AcEByQHRAdkB4QHpAfIB+gIDAgwCFAIdAiYCLwI4AkECSwJUAl0CZwJxAnoChAKOApgCogKsArYCwQLLAtUC4ALrAvUDAAMLAxYDIQMtAzgDQwNPA1oDZgNyA34DigOWA6IDrgO6A8cD0wPgA+wD+QQGBBMEIAQtBDsESARVBGMEcQR+BIwEmgSoBLYExATTBOEE8AT+BQ0FHAUrBToFSQVYBWcFdwWGBZYFpgW1BcUF1QXlBfYGBgYWBicGNwZIBlkGagZ7BowGnQavBsAG0QbjBvUHBwcZBysHPQdPB2EHdAeGB5kHrAe/B9IH5Qf4CAsIHwgyCEYIWghuCIIIlgiqCL4I0gjnCPsJEAklCToJTwlkCXkJjwmkCboJzwnlCfsKEQonCj0KVApqCoEKmAquCsUK3ArzCwsLIgs5C1ELaQuAC5gLsAvIC+EL+QwSDCoMQwxcDHUMjgynDMAM2QzzDQ0NJg1ADVoNdA2ODakNww3eDfgOEw4uDkkOZA5/DpsOtg7SDu4PCQ8lD0EPXg96D5YPsw/PD+wQCRAmEEMQYRB+EJsQuRDXEPURExExEU8RbRGMEaoRyRHoEgcSJhJFEmQShBKjEsMS4xMDEyMTQxNjE4MTpBPFE+UUBhQnFEkUahSLFK0UzhTwFRIVNBVWFXgVmxW9FeAWAxYmFkkWbBaPFrIW1hb6Fx0XQRdlF4kXrhfSF/cYGxhAGGUYihivGNUY+hkgGUUZaxmRGbcZ3RoEGioaURp3Gp4axRrsGxQbOxtjG4obshvaHAIcKhxSHHscoxzMHPUdHh1HHXAdmR3DHeweFh5AHmoelB6+HukfEx8+H2kflB+/H+ogFSBBIGwgmCDEIPAhHCFIIXUhoSHOIfsiJyJVIoIiryLdIwojOCNmI5QjwiPwJB8kTSR8JKsk2iUJJTglaCWXJccl9yYnJlcmhya3JugnGCdJJ3onqyfcKA0oPyhxKKIo1CkGKTgpaymdKdAqAio1KmgqmyrPKwIrNitpK50r0SwFLDksbiyiLNctDC1BLXYtqy3hLhYuTC6CLrcu7i8kL1ovkS/HL/4wNTBsMKQw2zESMUoxgjG6MfIyKjJjMpsy1DMNM0YzfzO4M/E0KzRlNJ402DUTNU01hzXCNf02NzZyNq426TckN2A3nDfXOBQ4UDiMOMg5BTlCOX85vDn5OjY6dDqyOu87LTtrO6o76DwnPGU8pDzjPSI9YT2hPeA+ID5gPqA+4D8hP2E/oj/iQCNAZECmQOdBKUFqQaxB7kIwQnJCtUL3QzpDfUPARANER0SKRM5FEkVVRZpF3kYiRmdGq0bwRzVHe0fASAVIS0iRSNdJHUljSalJ8Eo3Sn1KxEsMS1NLmkviTCpMcky6TQJNSk2TTdxOJU5uTrdPAE9JT5NP3VAnUHFQu1EGUVBRm1HmUjFSfFLHUxNTX1OqU/ZUQlSPVNtVKFV1VcJWD1ZcVqlW91dEV5JX4FgvWH1Yy1kaWWlZuFoHWlZaplr1W0VblVvlXDVchlzWXSddeF3JXhpebF69Xw9fYV+zYAVgV2CqYPxhT2GiYfViSWKcYvBjQ2OXY+tkQGSUZOllPWWSZedmPWaSZuhnPWeTZ+loP2iWaOxpQ2maafFqSGqfavdrT2una/9sV2yvbQhtYG25bhJua27Ebx5veG/RcCtwhnDgcTpxlXHwcktypnMBc11zuHQUdHB0zHUodYV14XY+dpt2+HdWd7N4EXhueMx5KnmJeed6RnqlewR7Y3vCfCF8gXzhfUF9oX4BfmJ+wn8jf4R/5YBHgKiBCoFrgc2CMIKSgvSDV4O6hB2EgITjhUeFq4YOhnKG14c7h5+IBIhpiM6JM4mZif6KZIrKizCLlov8jGOMyo0xjZiN/45mjs6PNo+ekAaQbpDWkT+RqJIRknqS45NNk7aUIJSKlPSVX5XJljSWn5cKl3WX4JhMmLiZJJmQmfyaaJrVm0Kbr5wcnImc951kndKeQJ6unx2fi5/6oGmg2KFHobaiJqKWowajdqPmpFakx6U4pammGqaLpv2nbqfgqFKoxKk3qamqHKqPqwKrdavprFys0K1ErbiuLa6hrxavi7AAsHWw6rFgsdayS7LCszizrrQltJy1E7WKtgG2ebbwt2i34LhZuNG5SrnCuju6tbsuu6e8IbybvRW9j74KvoS+/796v/XAcMDswWfB48JfwtvDWMPUxFHEzsVLxcjGRsbDx0HHv8g9yLzJOsm5yjjKt8s2y7bMNcy1zTXNtc42zrbPN8+40DnQutE80b7SP9LB00TTxtRJ1MvVTtXR1lXW2Ndc1+DYZNjo2WzZ8dp22vvbgNwF3IrdEN2W3hzeot8p36/gNuC94UThzOJT4tvjY+Pr5HPk/OWE5g3mlucf56noMui86Ubp0Opb6uXrcOv77IbtEe2c7ijutO9A78zwWPDl8XLx//KM8xnzp/Q09ML1UPXe9m32+/eK+Bn4qPk4+cf6V/rn+3f8B/yY/Sn9uv5L/tz/bf///+4ADkFkb2JlAGTAAAAAAf/bAIQADgkJCQoJDgoKDhQNCw0UFxEODhEXGxYWFxYWGxoUFxYWFxQaGh4gIiAeGikpLCwpKTs6Ojo7QEBAQEBAQEBAQAEPDQ0PEA8SDw8SFA4RDhQWERMTERYgFhYYFhYgKR4aGhoaHiklJyIiIiclLS0pKS0tOTk2OTlAQEBAQEBAQEBA/8AAEQgAPABkAwEiAAIRAQMRAf/EAHYAAAEFAQAAAAAAAAAAAAAAAAQAAgMFBgEBAQEBAQAAAAAAAAAAAAAAAAABAgMQAAIBAwMDBAIDAQAAAAAAAAECABEDBCESBTFBE1EiIxRhMnGBFQYRAAICAQQBBQAAAAAAAAAAAAABEQIhMUEiI5FRYXESA//aAAwDAQACEQMRAD8A1hbWLcY3vOEj1mwdLmc3xl24qKWboJBay7V6uw1pACRcMW/WC3MlEYL3MbkZiWE3tKIYZ5DFvPrB7F9b1sOOhjWy0VwncwQJLGIOZGbihak6TiXVcVU1gEzMZGWJkV3IS2QGNKzoaoqIgo+p9YozdpFACbjAQK35myqk+yC5Oc9Se0hHJ/EzVoRKqTiYCtGYCOXywnwKas2kFx3XEXax1bWU75L5OVv3VoZJyJugK26WF4JLyvUukX7DeQH9Z0qua/hr+vWUuFyoxlK3G1IkeDyZXOJLbVY94xHyVz4NTf8AFh44UHoJmb3OgZlB2MI5XkS4KI+4U7TKs4+yanWs1+davFjna1kpRsm5UXUCA+5ofhMlqzVm16zF285bN1Sx0lp/peVfjaoprNWrTVbFra0Q9w3keRF3IVE6KZbY94PZWnWkzGGPNlAH1mntWBZQAekzZVSTWrNKdNkS19sUbXSKYKVmV+pmVz7uX5zbViFmnv3UNdZVZFi277+80yIq8S7ctKdx19ZIuVeukq5qB0j8lFC0TrIMZHDEsKCEg2PuWy+011gnJLcQAqaH8QoufOFHSdzbRuBQBUzLQkE4u7editwk/wAyHLtOuXp0rD8PGuW7xO00iy8O89zyBTQSrQgBkW2NBLLgse5cBHUQXKR1RTtNZoP+at2xj7z1hlOJjvj5iKNKmahFPjWvpKmybORnrXsdJoGxnCig0mJybegJtik/17npFLKMlHYsY9wkOZCeOtm+dx+OE2vFu9n9x93x96zn2bmuIJc4/BU1U1i8GBs2susd8e7WtI1/r9q1jsLxALmBYXIFy3qtZYFMKinZ7hOp9fStZK/goNsdhOI1BjE1CRXBZptCaTq0pp/UTVrC+5eI2/i4d63t8YrIcPGGIGUD2mFL0/Mc1O/SOXuTiD2gtm+LqjWtZaNzl8KAB0gHsofXtEKU1mXO5rAb/uX9taa1igfxU7xSDB//2Q==');
}
.teamPhoto_videoPreview {
  width: 840px;
  left: calc(50% - 140px);
  background-image: url(https://coinrule.com/css/images/teamPhoto_video_preview.jpg);
  cursor: pointer;
}

.teamPhoto__inWrap {
  padding-top: 60%;
  background: 50% 50%/cover no-repeat;
  background-image: url(https://coinrule.com/css/images/teamPhoto.jpg);
}


.teamPhoto__inWrap_videoPreview {
  padding-top: 63.5%;
  background-image: url(https://coinrule.com/css/images/teamPhoto_video_preview.jpg)!important;
}

.teamPhoto__inWrap_videoPreview::before {
  content: '';
  width: 156px;
  height: 156px;
  position: absolute;
  z-index: 1;
  top: calc(50% - 78px);
  left: calc(50% - 78px);
  border-radius: 200px;
  border: 1px #d49820 solid;
  opacity: 0.8;
  background: #ffbc39;
  background: linear-gradient(0deg, rgba(255, 188, 57, 1) 0%, rgba(255, 229, 64, 1) 100%);
  transition: right 0.2s ease, bottom 0.2s ease, opacity 0.2s ease;
}
.teamPhoto__inWrap_videoPreview::after {
  content: '';
  width: 52px;
  height: 63px;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 16px);
  z-index: 2;
  opacity: 1;
  background-size: 52px;
  background: url(https://coinrule.com/css/images/mediaTilesBlock__tile_video_play.svg);
  transition: transform 0.15s ease;
}
.teamPhoto__inWrap_videoPreview:hover::before {
  opacity: 1;
}
.teamPhoto__inWrap_videoPreview:hover::after {
  transform: scale(1.17);
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .teamPhoto {
    width: calc(50vw - 13px);
  }

  .teamPhoto_videoPreview {
    width: 780px;
    left: calc(50% - 137px);
    bottom: -40px;
  }
}
@media (max-width: 1800px) {
  .teamPhoto {
    width: calc(50vw - 112px);
  }

  .teamPhoto_videoPreview {
    width: calc(50vw + 72px);
    max-width: 900px;
    left: calc(50% - 72px);
  }

  .teamPhoto__inWrap_videoPreview::after {
    content: '';
    width: 37px;
    height: 39px;
  }
  .teamPhoto__inWrap_videoPreview::before {
    width: 108px;
    height: 108px;
    top: calc(50% - 54px);
    left: calc(50% - 54px);
  }
  .teamPhoto__inWrap_videoPreview::after {
    width: 36px;
    height: 44px;
    top: calc(50% - 21px);
    left: calc(50% - 11px);
    background-size: 36px;
  }
}
@media (max-width: 1279px) {
  .teamPhoto {
    width: 55%;
  }

  .teamPhoto_videoPreview {
    width: calc(50% + 44px);
    top: 245px;
    left: calc(50% - 44px);
    bottom: auto;
  }
}
@media (max-width: 1023px) {
  .teamPhoto {
    width: 555px;
  }

  .teamPhoto_videoPreview {
    width: 506px;
    top: auto;
    right: auto;
    bottom: -105px;
    left: auto;
    margin-top: -150px;
  }
}
@media (max-width: 767px) {
  .teamPhoto {
    width: calc(100% + 40px);
  }

  .teamPhoto__inWrap_videoPreview::before {
    display: block;
    width: 16vw;
    height: 16vw;
    top: calc(50% - 8vw);
    left: calc(50% - 8vw);
  }
  .teamPhoto__inWrap_videoPreview::after {
    display: block;
    width: 6vw;
    height: 8vw;
    left: calc(50% - 3vw + 4px);
    top: calc(50% - 4vw + 2px);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Circle Social Icons */
.circleSocialIcons {
  height: 32px;
  display: flex;
}
.circleSocialIcons__icon {
  height: 30px;
  width: 30px;
  box-sizing: border-box;
  margin-right: 26px;
  background: 50% 50%/100% no-repeat;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.circleSocialIcons__icon:hover {
  opacity: 0.5;
}
.circleSocialIcons__icon_facebook {
  background-image: url(https://coinrule.com/css/images/circleSocialIcons__icon_facebook.svg);
}
.circleSocialIcons__icon_twitter {
  background-image: url(https://coinrule.com/css/images/circleSocialIcons__icon_twitter.svg);
}
.circleSocialIcons__icon_telegram {
  background-image: url(https://coinrule.com/css/images/circleSocialIcons__icon_telegram.svg);
}
.circleSocialIcons__icon_instagram {
  background-image: url(https://coinrule.com/css/images/circleSocialIcons__icon_instagram.svg);
}
.circleSocialIcons__icon_youtube {
  background-image: url(https://coinrule.com/css/images/circleSocialIcons__icon_youtube.svg);
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1279px) {
  .circleSocialIcons__icon {
    width: 27px;
    height: 27px;
    margin-right: 21px;
  }
}
@media (max-width: 1023px) {
  .circleSocialIcons {
    padding-left: 21px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .circleSocialIcons {
    padding: 0;
  }
  .circleSocialIcons__icon {
    width: 22px;
    height: 22px;
    margin: 0 8px 0 9px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Payment plans block */
.paymentPlansBlock {
  position: relative;
  padding-bottom: 117px;
}
.paymentPlansBlock::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  left: calc(50% - 75vw);
  background: #f7f8fa;
}
.paymentPlansBlock__plansCards {
  margin: -213px 0 66px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.paymentPlansBlock__additionalInfo {
  display: flex;
  justify-content: space-between;
}
.paymentPlansBlock__description {
  width: 55%;
  font-size: 24px;
  line-height: 160%;
  color: #686868;
}
.paymentPlansBlock__helpInfo {
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  position: relative;
  align-self: flex-start;
  box-sizing: border-box;
  padding: 16px 24px 17px 50px;
  z-index: 0;
}
.paymentPlansBlock__helpInfo::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px #9d9d9d solid;
  border-radius: 12px;
  z-index: -1;
}
.paymentPlansBlock__helpInfo::after {
  content: '';
  width: 102px;
  height: 102px;
  position: absolute;
  top: -7px;
  left: -56px;
  z-index: 1;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/paymentPlansBlock__helpInfo.svg);
}
.paymentPlansBlock__helpInfo a {
  font-weight: 600;
  color: #0c76a4;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
.paymentPlansBlock__helpInfo b {
  white-space: nowrap;
}
.paymentPlansBlock__helpInfo a:hover {
  text-decoration: none;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .paymentPlansBlock__plansCards {
    margin-top: calc((-213px) + (-198px));
  }
}
@media (max-width: 1800px) {
  .paymentPlansBlock {
    padding-bottom: 107px;
  }
  .paymentPlansBlock__plansCards {
    margin-top: calc((-213px) + (-198px) + (-14px));
    margin-bottom: 56px;
    flex-wrap: wrap;
  }
  .paymentPlansBlock__planCard {
    margin-bottom: 24px;
  }
  .paymentPlansBlock__description {
    width: 50%;
    font-size: 18px;
  }
}
@media (max-width: 1279px) {
  .paymentPlansBlock {
    padding-bottom: 87px;
  }
  .paymentPlansBlock__plansCards {
    margin-top: calc((-213px) + (-14px) + (-20px));
    margin-bottom: 66px;
  }
  .paymentPlansBlock__planCard {
    margin-bottom: 18px;
  }
  .paymentPlansBlock__additionalInfo {
    flex-direction: column;
  }
  .paymentPlansBlock__helpInfo {
    order: -1;
    margin-left: 40px;
    margin-bottom: 55px;
  }
  .paymentPlansBlock__description {
    width: 85%;
  }
}
@media (max-width: 1023px) {
  .paymentPlansBlock__plansCards {
    margin-top: calc((-346px) + (-14px) + (-20px));
    margin-bottom: 53px;
    flex-wrap: wrap;
  }
  .paymentPlansBlock__planCard {
    margin-bottom: 28px;
  }
  .paymentPlansBlock__additionalInfo {
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-bottom: 26px;
  }
  .paymentPlansBlock__helpInfo {
    align-self: center;
  }
  .paymentPlansBlock__description {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .paymentPlansBlock {
    padding-bottom: 32px;
  }
  .paymentPlansBlock__plansCards {
    margin-top: calc((-91px) + (-14px) + (-20px));
    margin-bottom: 25px;
  }
  .paymentPlansBlock__planCard {
    margin-bottom: 20px;
  }
  .paymentPlansBlock__description {
    width: 100%;
    font-size: 17px;
    line-height: 150%;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Payment plan card */
.paymentPlanCard {
  width: 325px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 35px 38px 36px;
  position: relative;
  z-index: 0;
  box-shadow: 3px 3px 30px rgba(0, 0, 0, .28);
  color: #fff;
  overflow: hidden;
}
.paymentPlanCard::before {
  content: '';
  width: 30vw;
  height: 630px;
  position: absolute;
  top: 105px;
  z-index: -1;
  left: calc(50% - 15vw);
  background: 50% 0/100% 100% no-repeat;
}
.paymentPlanCard::after {
  content: '';
  width: 100%;
  height: calc(100% - 200px);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -2;
  background: #f00;
}
.paymentPlanCard_gray {
  background: #606060;
}
.paymentPlanCard_gray::before {
  background-image: url(https://coinrule.com/css/images/paymentPlanCard__gray_before.gif);
}
.paymentPlanCard_gray::after {
  background: #353535;
}
.paymentPlanCard_green {
  background: #22d188;
}
.paymentPlanCard_green::before {
  background-image: url(https://coinrule.com/css/images/paymentPlanCard__green_before.gif);
}
.paymentPlanCard_green::after {
  background: #3f9394;
}
.paymentPlanCard_purple {
  background: #644fff;
}
.paymentPlanCard_purple::before {
  background-image: url(https://coinrule.com/css/images/paymentPlanCard__purple_before.gif);
}
.paymentPlanCard_purple::after {
  background: #7942dc;
}
.paymentPlanCard_yellow {
  color: #404040;
  background: #ffda40;
}
.paymentPlanCard_yellow::before {
  background-image: url(https://coinrule.com/css/images/paymentPlanCard__yellow_before.gif);
}
.paymentPlanCard_yellow::after {
  background: #ffdb43;
}
.paymentPlanCard__recommendedLabel {
  height: 27px;
  padding: 0 12px 2px 12px;
  box-sizing: border-box;
  position: absolute;
  top: 22px;
  right: 21px;
  display: flex;
  align-content: center;
  align-items: center;
  border-radius: 100px;
  color: #000;
  font-size: 19px;
  line-height: 19px;
  background: #09edd2;
}
.paymentPlanCard__planName {
  font-size: 40px;
  line-height: 120%;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  margin-bottom: 2px;
}
.paymentPlanCard__price {
  display: flex;
  position: relative;
  margin-bottom: 24px;
}
.paymentPlanCard__currency {
  font-size: 20px;
  line-height: 100%;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  position: absolute;
  top: 6px;
  left: -15px;
}
.paymentPlanCard__bigNumber {
  font-size: 58px;
  line-height: 100%;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  margin-left: -2px;
}

.paymentPlanCard__bigNumber_gray {
  color: rgba(255,255,255,.5)!important;
}
.paymentPlanCard__centsNhintWrap {
  margin-left: 7px;
}
.paymentPlanCard__cents {
  padding-top: 5px;
  font-size: 28px;
  line-height: 100%;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-bottom: 6px;
}
.paymentPlanCard__hint {
  font-size: 14px;
  line-height: 130%;
  padding-left: 6px;
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  white-space: nowrap;
}
.paymentPlanCard__hint_invisible {
  display: none;
}
.paymentPlanCard__benefitsList {
  flex-grow: 1;
  padding: 0 0 0 29px;
  list-style: none;
  margin-bottom: 39px;
  font-weight: 400;
}
.paymentPlanCard__benefit {
  font-size: 19px;
  line-height: 120%;
  margin-bottom: 14px;
  position: relative;
}
.paymentPlanCard__benefit::before {
  content: '';
  width: 16px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: -26px;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/paymentPlanCard__benefit_check.svg);
}
.paymentPlanCard__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}
.paymentPlanCard__getPlanBut {
  height: 56px;
  padding: 0 110px 4px 24px;
  position: relative;
  box-sizing: border-box;
  z-index: 0;
  margin: 0 0 17px -8px;
  display: inline-flex;
  align-content: center;
  align-items: center;
  border-radius: 100px;
  color: #fff;
  font-size: 19px;
  line-height: 19px;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.paymentPlanCard__getPlanBut::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.15s ease;
  z-index: -1;
  border-radius: 100px;
  background: #ff165e;
}
.paymentPlanCard__getPlanBut:hover::before {
  width: calc(100% + 6px);
}
.paymentPlanCard__getPlanBut::after {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  top: 17px;
  right: 20px;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/paymentPlanCard__getPlanBut_after.svg);
  opacity: 0.35;
}

.paymentPlanCard__getPlanBut_gray::before{
  background:#6D6D6D;
}

.paymentPlanCard__cancellationNote {
  font-size: 14px;
  line-height: 14px;
  margin-left: -8px;
  font-family: 'Roboto',sans-serif;
  font-weight: 300;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .paymentPlanCard {
    width: 301px;
  }
  .paymentPlanCard::before {
    height: 705px;
  }
  .paymentPlanCard__benefitsList {
    width: calc(100%);
    padding-left: 19px;
  }
}
@media (max-width: 1800px) {
  .paymentPlanCard {
    width: 478px;
    padding-top: 30px;
    padding-left: 33px;
    padding-right: 33px;
  }
  .paymentPlanCard::before {
    width: 40vw;
    height: 1035px;
    top: 55px;
    left: calc(50% - 20vw);
  }
  .paymentPlanCard__planName {
    font-size: 40px;
  }
  .paymentPlanCard__price {
    margin-left: 19px;
  }
  .paymentPlanCard__bigNumber {
    font-size: 65px;
  }
  .paymentPlanCard__centsNhintWrap {
    margin-left: 3px;
  }
  .paymentPlanCard__cents {
    margin-bottom: 8px;
  }
  .paymentPlanCard__hint {
    white-space: nowrap;
  }
  .paymentPlanCard__benefitsList {
    width: calc(100% - 15px);
  }
  .paymentPlanCard__benefit {
    font-size: 18px;
  }
  .paymentPlanCard__recommendedLabel {
    height: 25px;
    padding-bottom: 1px;
    top: 19px;
    right: 16px;
    font-size: 12px;
  }
}
@media (max-width: 1279px) {
  .paymentPlanCard {
    width: 286px;
    padding-top: 28px;
    padding-bottom: 30px;
  }
  .paymentPlanCard::before {
    height: 900px;
  }
  .paymentPlanCard__planName {
    font-size: 35px;
    padding-left: 10px;
  }
  .paymentPlanCard__recommendedLabel {
    top: 16px;
  }
  .paymentPlanCard__price {
    margin-left: 11px;
    margin-bottom: 26px;
  }
  .paymentPlanCard__currency {
    font-size: 15px;
    left: -13px;
    top: 8px;
  }
  .paymentPlanCard__bigNumber {
    font-size: 55px;
  }
  .paymentPlanCard__cents {
    margin-bottom: 5px;
    font-size: 25px;
  }
  .paymentPlanCard__benefit {
    font-size: 17px;
  }
  .paymentPlanCard__getPlanBut {
    height: 48px;
    padding-right: 67px;
    padding-left: 21px;
    margin-bottom: 14px;
    font-size: 17px;
  }
  .paymentPlanCard__getPlanBut::after {
    width: 17px;
    height: 17px;
    top: 15px;
    right: 20px;
  }
  .paymentPlanCard_guru {
    width: 100%;
  }
  .paymentPlanCard_guru::before {
    top: -400px;
    left: calc(50% - 25vw);
    width: 100vw;
    height: 2300px;
  }
  .paymentPlanCard_guru .paymentPlanCard__benefitsList {
    margin-top: -110px;
    margin-left: calc(50% + 15px);
  }
  .paymentPlanCard_guru .paymentPlanCard__footer {
    margin-top: -80px;
  }
}
@media (max-width: 1023px) {
  .paymentPlanCard {
    width: calc(50% - 12px);
  }
  .paymentPlanCard::before {
    width: 50vw;
    left: calc(50% - 25vw);
    height: 1250px;
    top: 20px;
  }


  .paymentPlanCard_guru .paymentPlanCard__benefitsList {
    margin-top: 0;
    margin-left: 10px;
  }

}
@media (max-width: 767px) {
  .paymentPlanCard {
    width: 100%;
    padding-top: 25px;
  }
  .paymentPlanCard__planName {
    font-size: 31px;
  }
  .paymentPlanCard::before, .paymentPlanCard_guru::before {
    width: 100vw;
    height: 1600px;
    top: -100px;
    left: 0;
  }
  .paymentPlanCard__benefitsList, .paymentPlanCard_guru .paymentPlanCard__benefitsList {
    margin: 0 0 20px 0;
  }
  .paymentPlanCard__footer, .paymentPlanCard_guru .paymentPlanCard__footer {
    margin: 0;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
 /* Our clients testimonials */
.ourClientsTestimonials {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  position: relative;
  padding-top: 88px;
}

  .ourClientsTestimonials_yellowBg {
    padding-top: 120px;
    padding-bottom: 120px;
    background: #FFD835;
  }

  .ourClientsTestimonials::before {
    content: '';
    width: 150vw;
    height: 290px;
    position: absolute;
    left: calc(50% - 75vw);
    bottom: 0;
    z-index: 2;
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    transition: opacity .5s ease;
  }

  .ourClientsTestimonials_expanded::before {
    opacity: 0;
  }
  .ourClientsTestimonials::after {
    content: '';
    width: 150vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 75vw);
    z-index: -1;
    background: #fff;
  }
  .ourClientsTestimonials_yellowBg::after {
    background: #FFD835;
  }
.ourClientsTestimonials__h2 {
  margin: 0 0 56px 0;
}

  .ourClientsTestimonials__h2::before {
    background: #fff;
  }
.ourClientsTestimonials__testimonialsListWrapper {
  width: calc(100% + 100px);
  height: 580px;
  margin-left: 0px;
  box-sizing: border-box;
  padding: 0 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  transition: height .5s ease;
}

.ourClientsTestimonials__testimonialsListWrapper_expanded {
	  height: auto;
	}
.ourClientsTestimonials__testimonialsList {
  display: flex;
  justify-content: center;
  width: calc(100% - 40px);
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  position: absolute;
  top: 0;
  left: calc(50% - (100% - 40px)/2);
  padding-bottom: 155px;
}

  .ourClientsTestimonials__testimonialsList_alwaysOpened {
    position: relative;
    left: 0;
    padding-bottom: 0;
  }

.ourClientsTestimonials__testimonialsList1 {
  width: 680px;
  margin: 70px 17px 0 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style: none;
}
.ourClientsTestimonials__testimonialsList2 {
  width: 680px;
  margin: 0 0 0 17px;
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style: none;
}
.ourClientsTestimonials__testimonial {
  margin: 0 0 37px 0;
}
.ourClientsTestimonials__showMoreBut {
  position: absolute;
  left: calc(50% - 46px - 24px);
  bottom: 65px;
  z-index: 4;
  font-size: 19px;
  line-height: 19px;
  font-weight: 400;
  padding-right: 44px;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  width: 132px;
  cursor: pointer;
  transition: color 0.15s ease;
  white-space: nowrap;
  user-select: none;
}
.ourClientsTestimonials__showMoreBut::before {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  top: -4px;
  right: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  border-radius: 100px;
  transition: transform 0.15s ease;
}
.ourClientsTestimonials__showMoreBut::after {
  content: '';
  width: 10px;
  height: 7px;
  position: absolute;
  top: 7px;
  right: 9px;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/ourClientsTestimonials__showMoreBut_after.svg);
  transition: transform .5s ease;
}
.ourClientsTestimonials__showMoreBut_expanded::after {
  transform: rotate(180deg);
}
.ourClientsTestimonials__showMoreBut:hover {
  color: rgba(0, 0, 0, .65);
}
.ourClientsTestimonials__showMoreBut:hover::before {
  transform: scale(1.14);
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .ourClientsTestimonials__testimonialsList {
  }
  .ourClientsTestimonials_yellowBg {
    padding-bottom: 0;
  }
  .ourClientsTestimonials__showMoreBut {
    bottom: 85px;
  }
  .ourClientsTestimonials__testimonialsList {
    padding-bottom: 150px;
  }
  .ourClientsTestimonials__testimonialsList_alwaysOpened {
    padding-bottom: 120px;
  }

  .ourClientsTestimonials__testimonialsList1 {
    width: 628px;
    margin: 70px 13px 0 0;
  }
  .ourClientsTestimonials__testimonialsList2 {
    width: 628px;
    margin: 0 0 0 13px;
  }
  .ourClientsTestimonials__testimonial {
    margin-bottom: 26px;
  }
}
@media (max-width: 1800px) {
  .ourClientsTestimonials {
    padding-top: 74px;
  }

  .ourClientsTestimonials_yellowBg {
    padding-top: 90px;
  }

  .ourClientsTestimonials__testimonialsList {
    padding-bottom: 140px;
  }

  .ourClientsTestimonials__testimonialsList1 {
    width: 478px;
    margin: 70px 12px 0 0;
  }
  .ourClientsTestimonials__testimonialsList2 {
    width: 478px;
    margin: 0 0 0 12px;
  }
  .ourClientsTestimonials__testimonialsList_alwaysOpened {
    padding-bottom: 90px;
  }
}
@media (max-width: 1279px) {
  .ourClientsTestimonials_yellowBg {
    padding-bottom: 20px;
  }

  .ourClientsTestimonials__testimonialsListWrapper {
    height: 530px;
  }
  .ourClientsTestimonials__h2 {
    margin-bottom: 52px;
  }

  .ourClientsTestimonials__testimonialsList {
    padding-bottom: 130px;
  }
  .ourClientsTestimonials__testimonialsList1 {
    width: 438px;
    margin: 70px 8px 0 0;
  }
  .ourClientsTestimonials__testimonialsList2 {
    width: 438px;
    margin: 0 0 0 8px;
  }
  .ourClientsTestimonials__testimonial {
    margin-bottom: 16px;
  }
  .ourClientsTestimonials__showMoreBut {
    font-size: 17px;
    bottom: 71px;
    padding-right: 37px;
    left: calc(50% - 46px - 24px);
  }
}
@media (max-width: 1023px) {
  .ourClientsTestimonials_yellowBg {
    padding-bottom: 0;
  }

  .ourClientsTestimonials__h2 {
    margin-bottom: 45px;
  }
  .ourClientsTestimonials__testimonialsListWrapper {
    width: calc(100% + 60px);
    height: 455px;
  }
  .ourClientsTestimonials__testimonialsListWrapper_permanentlyExpanded {
    height: auto;
  }
  .ourClientsTestimonials__testimonialsList {
    height: auto;
    flex-wrap: nowrap;
    width: 100%;
    flex-direction: column;
    align-items: center;
    align-content: center;
    padding-bottom: 110px;
    left: calc(50% - (100% - 60px)/2);
  }

  .ourClientsTestimonials__testimonialsList1 {
    width: 100%;
    margin: 0;
  }
  .ourClientsTestimonials__testimonialsList2 {
    width: 100%;
    margin: 0;
  }
  .ourClientsTestimonials__testimonial {
    margin: 0 0 26px 0;
  }
  .ourClientsTestimonials__testimonial:first-child {
    margin-top: 0;
  }
  .ourClientsTestimonials__showMoreBut {
    bottom: 64px;
    left: calc(50% - 75px);
  }
}
@media (max-width: 767px) {
  .ourClientsTestimonials {
    padding-top: 55px;
  }

    .ourClientsTestimonials_yellowBg {
      padding-bottom: 70px;
    }

  .ourClientsTestimonials::before {
    height: 200px;
  }
  .ourClientsTestimonials__h2 {
    margin-bottom: 35px;
  }
  .ourClientsTestimonials__testimonialsListWrapper {
    width: calc(100% + 40px);
    height: 457px;
  }
  .ourClientsTestimonials__testimonialsListWrapper_permanentlyExpanded {
    width: 100%;
    height: auto;
  }
  .ourClientsTestimonials__testimonialsList {
    width: calc(100% - 40px);
    left: 20px;
    padding-bottom: 100px;
  }
  .ourClientsTestimonials__testimonialsList_alwaysOpened {
    width: 100%;
    padding-bottom: 0;
    left: 0;
  }
  .ourClientsTestimonials__testimonial {
    margin: 0 0 20px 0;
  }
  .ourClientsTestimonials__showMoreBut {
    font-size: 17px;
    padding-right: 30px;
    bottom: 52px;
    left: calc(50% - 85px)
  }
  .ourClientsTestimonials__showMoreBut::before {
    width: 20px;
    height: 20px;
    top: -1px;
    right: 0;
  }
  .ourClientsTestimonials__showMoreBut::after {
    width: 8px;
    height: 6px;
    top: 7px;
    right: 6px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Client testimonial */
.clientTestimonial {
  width: 683px;
  border: 2px #f0cb2e solid;
  background: #fff;
  box-shadow: 0 15px 25px rgba(0, 0, 0, .06);
  box-sizing: border-box;
  display: flex;
  font-size: 19px;
  line-height: 143%;
  padding: 35px 0 40px 41px;
}
.clientTestimonial__avatarNname {
  width: 75px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.clientTestimonial__avatar {
  width: 75px;
  height: 75px;
  margin-bottom: 7px;
  position: relative;
  overflow: hidden;
  border-radius: 200px;
}
.clientTestimonial__avatar img {
  width: calc(100% + 2px);
  margin: -1px 0 0 -1px;
}
.clientTestimonial__name {
  font-weight: 600;
}
.clientTestimonial__text {
  margin-left: 32px;
  position: relative;
  font-style: italic;
  padding: 2px 80px 0 0;
}
.clientTestimonial__text::before {
  content: '';
  width: 38px;
  height: 33px;
  position: absolute;
  top: 4px;
  right: 32px;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/clientTestimonial__text_quote.svg);
  opacity: 0.23;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .clientTestimonial {
    width: 628px;
  }
}
@media (max-width: 1800px) {
  .clientTestimonial {
    width: 478px;
    padding-top: 25px;
    padding-left: 31px;
    padding-bottom: 33px;
  }
  .clientTestimonial__text {
    font-size: 17px;
    line-height: 145%;
  }
  .clientTestimonial__text::before {
    top: 8px;
    right: 25px;
  }
}
@media (max-width: 1279px) {
  .clientTestimonial {
    width: 438px;
    padding-bottom: 29px;
    padding-left: 26px;
  }
  .clientTestimonial__avatar {
    width: 57px;
    height: 57px;
  }
  .clientTestimonial__name {
    font-size: 17px;
  }
  .clientTestimonial__text {
    margin-left: 20px;
  }
  .clientTestimonial__text::before {
    width: 29px;
    height: 25px;
    right: 27px;
  }
}
@media (max-width: 1023px) {
  .clientTestimonial {
    width: calc(100% - 60px);
    padding-bottom: 23px;
  }
}
@media (max-width: 767px) {
  .clientTestimonial {
    width: 100%;
    padding-top: 22px;
    padding-left: 24px;
    flex-direction: column;
  }
  .clientTestimonial__avatarNname {
    width: auto;
    display: flex;
    flex-direction: row;
  }
  .clientTestimonial__avatar {
    width: 38px;
    height: 38px;
  }
  .clientTestimonial__name {
    margin-left: 6px;
    padding-bottom: 8px;
  }
  .clientTestimonial__text {
    margin-left: 0;
    padding-right: 25px;
    font-size: 17px;
    line-height: 145%;
  }
  .clientTestimonial__text::before {
    width: 24px;
    height: 21px;
    top: -24px;
    right: 22px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Gain Access Teasers */
.gainAccessTeasers {
  padding: 157px 0 128px;
}

.gainAccessTeasers__h3 {
  margin: 0 0 61px;
  position: relative;
  text-align: center;
  font: 600 30px/120% 'Lato',sans-serif;
}

.gainAccessTeasers__h3::before {
  content: '';
  width: 80px;
  height: 5px;
  border-radius: 100px;
  position: absolute;
  left: calc(50% - 40px);
  bottom: -22px;
  background: #FFD835;
}

.gainAccessTeasers__teasersList {
  padding: 0;
  margin-bottom: 65px;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.gainAccessTeasers__teaser {
  width: calc(33.3% - 23px);
  box-sizing: border-box;
  padding: 0 40px;
  text-align: center;
  font: 300 24px/150% 'cr_roboto',sans-serif;
  color: rgba(0,0,0,.7);
}

.gainAccessTeasers__teaser b {
  font-weight: 600;
}

.gainAccessTeasers__subscript {
  text-align: center;
  font: 300 16px/150% 'cr_roboto',sans-serif;
  color: rgba(0,0,0,.7);
}

.gainAccessTeasers__subscript a {
  text-decoration: none;
  font-weight: 600;
  color: rgba(0,0,0,.7);
}

.gainAccessTeasers__subscript a:hover {
  text-decoration: underline;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .gainAccessTeasers__teaser {
    padding: 0 15px;
  }
}

@media (max-width: 1800px) {
  .gainAccessTeasers__teasersList {
    margin-bottom: 40px;
  }

  .gainAccessTeasers__teaser {
    font-size: 20px;
    line-height: 150%;
  }
}

@media (max-width: 1279px) {
  .gainAccessTeasers {
    padding-top: 105px;
    padding-bottom: 103px;
  }

  .gainAccessTeasers__teaser {
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .gainAccessTeasers {
    padding-top: 150px;
    padding-bottom: 123px;
  }

  .gainAccessTeasers__teaser {
    width: calc(33% - 14px);
    font-size: 18px;
    line-height: 160%;
  }
}

@media (max-width: 767px) {
  .gainAccessTeasers {
    padding-top: 115px;
    padding-bottom: 85px;
  }

  .gainAccessTeasers__h3 {
    margin-bottom: 52px;
    font-size: 28px;
  }

  .gainAccessTeasers__h3::before {
    width: 44px;
    height: 4px;
    left: calc(50% - 22px);
    bottom: -11px;
  }

  .gainAccessTeasers__teasersList {
    margin-bottom: 5px;
    flex-direction: column;
  }

  .gainAccessTeasers__teaser {
    width: 100%;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 150%;
  }
}



/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Investment Benefits description */
.investmentBenefitsDescription {
  padding: 194px 0 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  z-index: 0;
}
.investmentBenefitsDescription::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #f7f8fa;
  z-index: -1;
}
.investmentBenefitsDescription::after {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #fff;
  z-index: -2;
}
.investmentBenefitsDescription__mainText {
  padding-bottom: 10px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  font-size: 16px;
  line-height: 150%;
  font-style: italic;
}

.investmentBenefitsDescription__mainText::before {
  content: '';
  width: 80px;
  height: 5px;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 40px);
  background: #ffd835;
  border-radius: 100px;
}

.investmentBenefitsDescription__title {
  margin-bottom: 13px;
  font-size: 30px;
  line-height: 130%;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
  text-align: center;
}

.investmentBenefitsDescription__subtitle {
  margin-bottom: 30px;
  font-size: 19px;
  line-height: 160%;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.investmentBenefitsDescription__contactEmail {
  text-align: center;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
}


/* *** MEDIA QUERIES *** */
@media (max-width: 1279px) {
  .investmentBenefitsDescription {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Roadmap Scheme block */
.roadmapSchemeBlock {
  width: 100%;
  padding: 100px 0 190px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.roadmapSchemeBlock__h2 {
  margin-bottom: 84px;
}
.roadmapSchemeBlock__h2::before {
  background: #4a3dff;
}

.roadmapSchemeBlock::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: #ffd835 50% 100%/100% auto no-repeat;
  background-image: url(https://coinrule.com/css/images/investmentBenefitsDescription_bg.jpg);
}


.roadmapSchemeBlock__timelineNeventsWrap {
  width: 100%;
  position: relative;
}


.roadmapSchemeBlock__timeline {
  width: 100vw;
  height: 6px;
  position: absolute;
  top: calc(50% + 9px);
  left: calc(50% - 50vw);
  background: #fff;
}

.roadmapSchemeBlock__timeline::before {
  content: '';
  width: calc(100% - 50% - 398px);
  height: 6px;
  position: absolute;
  top: 0;
  right: calc(50% + 398px);
  background: 50% 50%/100% 100% url(https://coinrule.com/css/images/roadmapSchemeBlock__timeline_before_bg.png);
}

.roadmapSchemeBlock__eventsList {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
}

.roadmapSchemeBlock__event {
  margin: 0 32px -8px 0;
}
.roadmapSchemeBlock__event:nth-child(even) {
  margin: -8px 32px 0 0;
  order: 10;
}

.roadmapSchemeBlock__event:last-child {
  margin-right: 0;
}

.roadmapSchemeBlock__event:nth-child(2) {
  margin-left: 119px;
}

/* Roadmap Event */
.roadmapEvent {
  width: 325px;
  position: relative;
  overflow: hidden;
  padding: 0 0 65px;
}

/* Dot */
.roadmapEvent::before {
  content: '';
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 5px #fff solid;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: 100px;
  background: #FFD835;
}

.roadmapEvent:nth-child(even) {
  padding: 65px 0 0;
}

.roadmapEvent:nth-child(even)::before {
  bottom: auto;
  top: 0;
}

.roadmapEvent:nth-child(1)::before {border-color:#796fff;background: #796fff;}
.roadmapEvent:nth-child(2)::before {border-color:#695eff;background: #695eff;}
/* .roadmapEvent:nth-child(3)::before {border-color:#4b3eff;background: #4b3eff;} */


.roadmapEvent__date {
  margin-bottom: 8px;
  font-size: 35px;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
}

.roadmapEvent__description {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  font-family: 'Roboto',sans-serif;
}

/* Dashed line */
.roadmapEvent__description::after {
  content: '';
  width: 0;
  height: 300%;
  position: absolute;
  top: calc(100% + 8px);
  left: 7px;
  z-index: 0;
  border-left: 1px rgba(0,0,0,.21) dashed;
}

.roadmapEvent:nth-child(even) .roadmapEvent__description::after {
  top: auto;
  bottom: calc(100% + 50px);
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .roadmapSchemeBlock__event {
    margin-right: 26px;
  }

  .roadmapEvent {
    width: 301px;
  }

  .roadmapSchemeBlock__timeline::before {
    width: calc(100% - 50% - 358px);
    right: calc(50% + 358px);
  }
}
@media (max-width: 1800px) {
  .roadmapSchemeBlock {
    padding-top: 80px;
    padding-bottom: 145px;
  }

  .roadmapSchemeBlock__event {
    margin-right: 24px;
  }

  .roadmapEvent {
    width: 226px;
  }

  .roadmapSchemeBlock__timeline {
    top: calc(50% - 3px);
  }

  .roadmapSchemeBlock__timeline::before {
    width: calc(100% - 50% - 268px);
    right: calc(50% + 268px);
  }
}
@media (max-width: 1279px) {
  .roadmapSchemeBlock {
    padding-top: 70px;
    padding-bottom: 115px;
  }

  .roadmapSchemeBlock__event {
    margin-right: 17px;
  }

  .roadmapEvent {
    width: 210px;
  }

  .roadmapSchemeBlock__timeline::before {
    width: calc(100% - 50% - 240px);
    right: calc(50% + 240px);
  }
}
@media (max-width: 1023px) {

  .roadmapSchemeBlock {
    padding: 70px 0 80px;
  }

  .roadmapSchemeBlock__timeline {
    width: 6px;
    height: calc(100% + 540px);
    top: -270px;
    left: calc(50% - 3px);
    z-index: -1;
  }
  .roadmapSchemeBlock__timeline::before {
    width: 100%;
    height: 535px;
    top: 35px;
    left: 0;
    background: 50% 0/100% 100% no-repeat;
    background-image: url(https://coinrule.com/css/images/roadmapSchemeBlock__timeline_before_bg_vertical2.png);
  }
  .roadmapSchemeBlock__timeline::after {
    content: '';
    width: 100%;
    height: 470px;
    position: absolute;
    top: 35px;
    left: 0;
    background: 50% 0/100% 100% no-repeat;
    background-image: url(https://coinrule.com/css/images/roadmapSchemeBlock__timeline_after_bg_vertical.png);
  }

  .roadmapSchemeBlock__eventsList {
    justify-content: space-between;
  }


  .roadmapEvent {
    width: 258px;
    padding: 0 50px 0 0;
    margin: 0 0 55px 0;
    overflow: visible;
  }

  .roadmapEvent::before {
    bottom: auto;
    top: 12px;
    left: auto;
    right: -86px;
  }

  .roadmapEvent:nth-child(even)::before {
    top: 12px;
    right: auto;
    left: -86px;
  }

  .roadmapEvent__description::after {
    width: 210px;
    height: 0;
    top: -28px;
    right: auto;
    left: 118px;
    border-top: 1px rgba(0,0,0,.2) dashed;
  }

  .roadmapEvent:nth-child(even) .roadmapEvent__description::after {
    width: 110px;
    left: auto;
    right: 218px;
    top: -28px;
  }

  .roadmapEvent:nth-child(even) {
    padding: 0 0 0 50px;
    margin: 0 0 90px 0;
  }

  .roadmapSchemeBlock__event:nth-child(even) {
    order: initial;
    margin: 0 0 100px 0;
    position: relative;
    top: 60px;
  }

  .roadmapSchemeBlock__event:nth-child(2) {
    margin: 0 0 90px 0;
  }
}
@media (max-width: 767px) {
  .roadmapSchemeBlock {
    padding-top: 55px;
    padding-bottom: 50px;
  }

  .roadmapSchemeBlock__h2 {
    margin-bottom: 70px;
  }

  .roadmapSchemeBlock__eventsList {
    flex-direction: column;
    align-items: flex-end;
    align-content: flex-end;
  }

  .roadmapEvent__date {
    font-size: 24px;
    line-height: 32px;
  }

  .roadmapSchemeBlock__event:nth-child(2) {
    margin: 0 0 43px 0;
  }

  .roadmapSchemeBlock__event:nth-child(even) {
    padding: 0;
    margin: 0 0 43px 0;
    top: auto;
  }

  .roadmapEvent {
    width: calc(100% - 34px);
    padding: 0;
    margin: 0 0 43px 0;
  }

  .roadmapEvent__description::after {
    display: none;
  }

  .roadmapSchemeBlock__timeline {
    left: 0;
  }

  .roadmapEvent::before,
  .roadmapEvent:nth-child(even)::before {
    top: 8px;
    right: auto;
    left: -39px;
  }

  .roadmapSchemeBlock__timeline::before {
    height: calc(27%);
    top: 89px;
  }

  .roadmapSchemeBlock__timeline::after {
    height: 210px;
    top: 89px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Investors Benefits Block */
.investorsBenefitsList {
  width: 100%;
  padding: 100px 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  position: relative;
  z-index: 0;
}

.investorsBenefitsList::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: #F7F8FA;
}

.investorsBenefitsList__benefitsList {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.investorsBenefitsList__benefitItem {
  margin: 0 34px 80px 0;
}

.investorsBenefitsList__benefitItem:nth-child(3n) {
  margin-right: 0;
}

.investorsBenefitsList__ctaButWrap {}


/* Investor Benefit Item */
.investorBenefitItem {
  width: 444px;
}

.investorBenefitItem__innerWrap {
  padding: 31px 44px 46px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0,0,0,.06);
}

.investorBenefitItem__title {
  margin-bottom: 18px;
  font-size: 35px;
  line-height: 120%;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
}

.investorBenefitItem__description {
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  color: rgba(0,0,0,.7);
}


/* *** MEDIA QUERY *** */
@media (max-width: 1919px) {
  .investorBenefitItem {
    width: 410px;
  }
  .investorsBenefitsList__benefitItem {
    margin: 0 26px 48px 0;
  }
}

@media (max-width: 1800px) {
  .investorBenefitItem {
    width: 478px;
  }
  .investorsBenefitsList__benefitItem {
    margin-right: 24px;
  }
  .investorsBenefitsList__benefitItem:nth-child(3n) {
    margin-right: 24px;
  }
  .investorsBenefitsList__benefitItem:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 1279px) {
  .investorBenefitItem {
    width: 439px;
  }
  .investorsBenefitsList__benefitItem {
    margin-right: 17px;
  }
  .investorsBenefitsList__benefitItem:nth-child(3n) {
    margin-right: auto;
  }
}

@media (max-width: 1023px) {
  .investorBenefitItem {
    width: 324px;
  }
  .investorsBenefitsList__benefitItem {
    margin-right: 24px;
  }
}

@media (max-width: 767px) {
  .investorsBenefitsList {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .investorBenefitItem {
    width: calc(100% + 40px);
  }
  .investorsBenefitsList__benefitItem,
  .investorsBenefitsList__benefitItem:nth-child(2n),
  .investorsBenefitsList__benefitItem:nth-child(3n) {
    margin: 0 -20px 21px -20px;
  }

  .investorBenefitItem__innerWrap {
    padding: 25px 20px 25px;
  }

  .investorBenefitItem__title {
    font-size: 28px;
    margin-bottom: 5px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Single Promo Video block */
.singlePromoVideoBlock {
  padding: 135px 0 177px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}

.singlePromoVideoBlock::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: #F7F8FA;
}

.singlePromoVideoBlock::after {
  content: '';
  width: 100vw;
  height: 1px;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  background: 50% 50%/100% 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/singlePromoVideoBlock__after_bg.png);
}

.singlePromoVideoBlock__video {
  width: 842px;
  box-shadow: -15px 20px 30px rgba(0,0,0,.12);
}
.singlePromoVideoBlock__videoInWrap1 {
  padding-top: 63.5%;
  position: relative;
  overflow: hidden;
}

.singlePromoVideoBlock__videoInWrap2 {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
}

.singlePromoVideoBlock__videoInWrap2 img {
  width: 100%;
}


/* *** MEDIA QUERIES *** */
@media (max-width: 767px) {
  .singlePromoVideoBlock {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Referral Program link block */
.referralProgramLinkBlock {
  padding: 11px 0 26px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  position: relative;
  z-index: 0;
  color: #fff;
}

.referralProgramLinkBlock::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -2;
  left: calc(50% - 75vw);
  background: #4a3dff;
}
.referralProgramLinkBlock::after {
  content: '';
  width: 75vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: calc(50% - 140px);
  z-index: -1;
  transform: scaleY(-1);
  background: #703cff calc(100% + 1px) 50%/auto 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/emailSubscribeBlock__before.gif);
}

.referralProgramLinkBlock__textSide {
  width: 566px;
  margin: 80px 0 80px 0;
}

.referralProgramLinkBlock__title {
  width: 84%;
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
  font-size: 45px;
  line-height: 140%;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  white-space: wrap;
}

.referralProgramLinkBlock__title span {
  background: 0 100%/100% 3px no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2NUI3NTdEQTQwMjExRUFBQ0ZCODQ1MzBFN0QwN0Q4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2NUI3NTdFQTQwMjExRUFBQ0ZCODQ1MzBFN0QwN0Q4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzY1Qjc1N0JBNDAyMTFFQUFDRkI4NDUzMEU3RDA3RDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzY1Qjc1N0NBNDAyMTFFQUFDRkI4NDUzMEU3RDA3RDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5anAx1AAAAEElEQVR42mL4//9/GkCAAQAJYgNkA4sHGAAAAABJRU5ErkJggg==);
}

.referralProgramLinkBlock__title:hover span {
}

.referralProgramLinkBlock__title::after {
  content: '';
  width: 16px;
  height: 28px;
  position: absolute;
  top: 23px;
  right: -30px;
  background: 50% 50%/100% 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/referralProgramLinkBlock__title_after.svg);
}

.referralProgramLinkBlock__description {
  width: 100%;
  box-sizing: border-box;
  padding-right: 70px;
  font-size: 19px;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.referralProgramLinkBlock__description a {
  color: #35FFFF;
}

.referralProgramLinkBlock__description a:hover {
  text-decoration: none;
}

.referralProgramLinkBlock__imageSide {
  width: 100%;
  max-width: 457px;
}

.referralProgramLinkBlock__imageSide img {
  width: 100%;
}


/* *** MEDI QUERIES *** */
@media (max-width: 1800px) {
  .referralProgramLinkBlock {
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
  }

  .referralProgramLinkBlock__title {
    text-align: center;
  }

  .referralProgramLinkBlock::after {
    right: calc(50% - 100px);
  }

  .referralProgramLinkBlock__textSide {
    margin: 110px 0 30px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }

  .referralProgramLinkBlock__description {
    text-align: center;
    padding-right: 0;
  }

  .referralProgramLinkBlock__textSide {
    margin-bottom: 0;
  }

  .referralProgramLinkBlock__imageSide {
    width: 350px;
    margin-bottom: 20px;
  }
}

@media (max-width: 1279px) {
  .referralProgramLinkBlock__imageSide {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .referralProgramLinkBlock__textSide {
    width: 100%;
    margin-top: 65px;
  }

  .referralProgramLinkBlock__description {
    font-size: 17px;
    line-height: 160%;
  }

  .referralProgramLinkBlock__title {
    margin-bottom: 0;
    font-size: 28px;
  }

  .referralProgramLinkBlock__title::after {
    width: 10px;
    height: 18px;
    top: 13px;
    right: -19px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Quote block */
.quoteBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 214px 0 330px;
  position: relative;
  z-index: 0;
}

.quoteBlock::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #f7f8fa;
  z-index: -1;
}

.quoteBlock::after {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #fff;
  z-index: -2;
}

.quoteBlock_transparentBg::before {
  background: transparent;
}

.quoteBlock_photoOnBg {
  padding-top: 279px;
  padding-bottom: 128px;
}

.quoteBlock_smallTopPadding {
  padding-top: 179px;
}

.quoteBlock_smallerPaddigns {
  padding-top: 290px;
  padding-bottom: 148px;
}

.quoteBlock_robinPhoto {
  padding-top: 125px;
  padding-bottom: 78px;
  align-content: flex-end;
  align-items: flex-end;
}

.quoteBlock_robinPhoto::before,
.quoteBlock_robinPhoto::after {
  width: 100vw;
  height: 100%;
  top: 0;
  left: calc(50% - 50vw);
}

.quoteBlock_robinPhoto::before {
  background: calc(50% - 100px) calc(100% + 20px)/2100px auto no-repeat;
  background-image: url(https://coinrule.com/css/images/quoteBlock_robinPhoto_bg2.jpg?v=1.20201304153837821);
}

.quoteBlock_robinPhoto::after {
  background: 50% 100%/100% 150% no-repeat;
  background-image: url(https://coinrule.com/css/images/quoteBlock_robinPhoto_bg1.gif?v=1.20201404153026171);
}

.quoteBlock__text {
  font-size: 35px;
  line-height: 150%;
  font-style: italic;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  text-align: center;
  width: 800px;
}

.quoteBlock__text_rightCol {
  width: 50%;
}
.quoteBlock__quote {
  display: inline-block;
  width: 0;
  height: 0;
  position: relative;
}
.quoteBlock__quote::before {
  content: '';
  width: 35px;
  height: 37px;
  position: absolute;
  background: 50% 50%/100% no-repeat;
  opacity: 0.23;
}
.quoteBlock__quote_open::before {
  top: -20px;
  left: -60px;
  background: url(https://coinrule.com/css/images/quoteBlock__quote_open.svg);
}
.quoteBlock__quote_close::before {
  top: 35px;
  left: 25px;
  background: url(https://coinrule.com/css/images/quoteBlock__quote_close.svg);
}
.quoteBlock__description {
  font-size: 19px;
  line-height: 160%;
  opacity: 0.65;
  text-align: center;
  width: 66%;
  margin-top: 48px;
  font-family: 'cr_roboto',sans-serif;
}

.quoteBlock__description a {
  color: rgba(0,0,0,.7);
  font-weight: 400;
  font-family: 'cr_roboto',sans-serif;
}

.quoteBlock__description a:hover {
  text-decoration: none;
}

.quoteBlock__description b {
  font-weight: 600;
}

.quoteBlock__description_rightCol {
  width: 50%;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .quoteBlock {
    padding: 200px 0 215px;
  }

  .quoteBlock_smallerPaddigns {
    padding: 250px 0 115px;
  }

  .quoteBlock_photoOnBg {
    padding-top: 275px;
    padding-bottom: 140px;
  }
  .quoteBlock__text {
    width: 750px;
    font-size: 32px;
    line-height: 135%;
  }
  .quoteBlock__description {
    font-size: 18px;
    line-height: 160%;
  }

  .quoteBlock_robinPhoto {
    padding-top: 99px;
    padding-bottom: 94px;
  }

  .quoteBlock_robinPhoto::before {
    background-size: auto 1135px;
  }

  .quoteBlock__text_rightCol {
    width: calc(50% - 13px);
  }

  .quoteBlock__description_rightCol {
    width: calc(50% - 13px);
  }
}
@media (max-width: 1800px) {
  .quoteBlock {
    padding: 125px 0 196px;
  }

  .quoteBlock_photoOnBg {
    padding-top: 229px;
    padding-bottom: 140px;
  }

  .quoteBlock_smallerPaddigns {
    padding: 210px 0 130px;
  }
  .quoteBlock_robinPhoto {
    padding-top: 100px;
    padding-bottom: 75px;
  }

  .quoteBlock_robinPhoto::before {
    background-size: auto 950px;
    background-position: calc(50% - 140px) calc(100% + 0px)
  }
  .quoteBlock__text {
    width: 65%;
    font-size: 30px;
  }
  .quoteBlock__text_rightCol {
    width: 563px;
  }

  .quoteBlock__description {
    width: 92%;
  }

  .quoteBlock__description_rightCol {
    margin-top: 25px;
    width: 563px;
  }
}
@media (max-width: 1279px) {
  .quoteBlock {
    padding-top: 109px;
    padding-bottom: 207px;
  }

  .quoteBlock_smallerPaddigns {
    padding: 200px 0 110px;
  }

  .quoteBlock_photoOnBg {
    padding-top: 105px;
    padding-bottom: 485px;
  }

  .quoteBlock_robinPhoto::before {
    left: calc(50% - 50vw);
    background: 0 0/100% 60% no-repeat, calc(50% + 180px) 100%/auto 830px no-repeat;

    background-image: url(https://coinrule.com/css/images/quoteBlock_robinPhoto_additional_bg.png),
    url(https://coinrule.com/css/images/quoteBlock_robinPhoto_bg2.jpg?v=1.20201304153837821);
  }

  .quoteBlock__text {
    width: 76%;
    font-size: 30px;
    line-height: 135%;
  }

  .quoteBlock__text_rightCol {
    width: 100%;
    box-sizing: border-box;
    padding: 0 140px;
  }
  .quoteBlock__description {
    font-size: 17px;
    line-height: 150%;
  }

  .quoteBlock__description_rightCol {
    width: 100%;
  }

  .quoteBlock__quote::before {
    width: 29px;
    height: 31px;
    background-size: 100%;
  }
  .quoteBlock__quote_open::before {
    top: -20px;
    left: -45px;
  }
  .quoteBlock__quote_close::before {
    top: 35px;
    left: 18px;
  }
}
@media (max-width: 1023px) {
  .quoteBlock {
    padding-top: 166px;
    padding-bottom: 120px;
  }

  .quoteBlock_smallerPaddigns {
    padding: 200px 0 110px;
  }
  .quoteBlock_photoOnBg {
    padding-top: 113px;
    padding-bottom: 498px;
  }
  .quoteBlock__text {
    width: 80%;
  }

  .quoteBlock__text_rightCol {
    width: 100%;
    padding: 0 50px;
  }
}
@media (max-width: 767px) {
  .quoteBlock {
    padding-top: 146px;
    padding-bottom: 85px;
  }
  .quoteBlock_photoOnBg {
    padding-top: 140px;
    padding-bottom: 360px;
  }

  .quoteBlock_robinPhoto::before {
    background: 0 0/100% 60% no-repeat, calc(50% + 130px) 100%/auto 610px no-repeat;
    background-image: url(https://coinrule.com/css/images/quoteBlock_robinPhoto_additional_bg.png),
    url(https://coinrule.com/css/images/quoteBlock_robinPhoto_bg2.jpg?v=1.20201304153837821);
  }
  .quoteBlock_smallTopPadding {
    padding-top: 80px;
  }
  .quoteBlock__text {
    width: 95%;
    font-size: 24px;
    line-height: 130%;
  }

  .quoteBlock__text_rightCol {
    width: 100%;
    padding: 0 5px;
  }

  .quoteBlock__description {
    margin-top: 39px;
    font-size: 17px;
    line-height: 155%;
  }

  .quoteBlock__description_rightCol {
    margin-top: 17px;
    font-size: 15px;
    line-height: 150%;
  }

  .quoteBlock__quote::before {
    width: 22px;
    height: 23px;
  }
  .quoteBlock__quote_open::before {
    top: -15px;
    left: -30px;
  }
  .quoteBlock__quote_close::before {
    top: 23px;
    left: 8px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Biographies block */
.biographiesBlock {
  position: relative;
  z-index: 10;
  display: flex;
  height: 950px;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
.biographiesBlock::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #ffd835;
  z-index: -1;
}
.biographiesBlock__mediaTiles {
  position: absolute;
  z-index: 3;
  top: -215px;
  left: calc(50% - 30px - 1162px);
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .biographiesBlock {
    height: 947px;
  }
  .biographiesBlock__mediaTiles {
    top: -103px;
    left: calc(50% - 23px - 1064px);
  }
}
@media (max-width: 1800px) {
  .biographiesBlock {
    height: 723px;
  }
  .biographiesBlock__mediaTiles {
    top: -119px;
    left: calc(50% - 24px - 817px);
  }
}
@media (max-width: 1279px) {
  .biographiesBlock {
    height: 617px;
  }
  .biographiesBlock__mediaTiles {
    top: -113px;
    left: calc(50% - 24px - 731px);
  }
}
@media (max-width: 1023px) {
  .biographiesBlock {
    height: auto;
    flex-direction: column;
  }
  .biographiesBlock__mediaTiles {
    position: static;
    order: 3;
  }
}
@media (max-width: 767px) {
  .biographiesBlock {
    padding-top: 20px;
  }
  .biographiesBlock__mediaTiles {
    margin-top: -82px !important;
    position: relative;
    bottom: -80px !important;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Media tiles block */
.mediaTilesBlock {
  width: 1162px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 1400px;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.mediaTilesBlock__tile {
  margin: 15px;
  box-shadow: -15px 20px 30px rgba(0, 0, 0, .16);
  overflow: hidden;
  position: relative;
  width: 565px;
  user-select: none;
}
.mediaTilesBlock__tile::before {
  content: '';
  width: 425px;
  height: 425px;
  position: absolute;
  right: -20px;
  bottom: -20px;
  transition: right 0.2s ease, bottom 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  background: #000;
  background: linear-gradient(315deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 43%);
}
.mediaTilesBlock__tile::after {
  content: '';
  width: 47px;
  height: 49px;
  position: absolute;
  right: calc(-20px + 35px);
  bottom: calc(-20px + 35px);
  transition: right 0.2s ease, bottom 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/mediaTilesBlock__tile_zoom.svg);
}
.mediaTilesBlock__tile:hover {
  cursor: pointer;
}
.mediaTilesBlock__tile:hover::before {
  right: 0;
  bottom: 0;
  opacity: 1;
}
.mediaTilesBlock__tile:hover::after {
  right: 35px;
  bottom: 35px;
  opacity: 1;
}
.mediaTilesBlock__tile img {
  max-width: 100vw;
}
.mediaTilesBlock__tile_n1 {
  height: 538px;
}
.mediaTilesBlock__tile_n2 {
  height: 425px;
}
.mediaTilesBlock__tile_n3 {
  height: 318px;
}
.mediaTilesBlock__tile_n4 {
  height: 318px;
}
.mediaTilesBlock__tile_n5 {
  height: 483px;
}
.mediaTilesBlock__tile_n6 {
  height: 433px;
}
.mediaTilesBlock__tile img {
  width: 100%;
}
.mediaTilesBlock__tile_video {
  cursor: pointer;
}
.mediaTilesBlock__tile_video::before {
  content: '';
  width: 156px;
  height: 156px;
  position: absolute;
  z-index: 1;
  top: calc(50% - 78px);
  left: calc(50% - 78px);
  border-radius: 200px;
  border: 1px #d49820 solid;
  opacity: 0.8;
  background: #ffbc39;
  background: linear-gradient(0deg, rgba(255, 188, 57, 1) 0%, rgba(255, 229, 64, 1) 100%);
}
.mediaTilesBlock__tile_video::after {
  content: '';
  width: 52px;
  height: 63px;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 16px);
  z-index: 2;
  opacity: 1;
  background-size: 52px;
  background: url(https://coinrule.com/css/images/mediaTilesBlock__tile_video_play.svg);
  transition: transform 0.15s ease;
}
.mediaTilesBlock__tile_video:hover::before {
  opacity: 1;
}
.mediaTilesBlock__tile_video:hover::after {
  transform: scale(1.17);
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .mediaTilesBlock {
    width: 1064px;
  }
  .mediaTilesBlock__tile {
    width: 519px;
    margin: 12px;
  }
  .mediaTilesBlock__tile_n1 {
    height: 494px;
  }
  .mediaTilesBlock__tile_n2 {
    height: 390px;
  }
  .mediaTilesBlock__tile_n3 {
    height: 292px;
  }
  .mediaTilesBlock__tile_n4 {
    height: 292px;
  }
  .mediaTilesBlock__tile_n5 {
    height: 443px;
  }
  .mediaTilesBlock__tile_n6 {
    height: 398px;
  }
}
@media (max-width: 1800px) {
  .mediaTilesBlock {
    width: 817px;
    height: 1000px;
  }
  .mediaTilesBlock__tile {
    width: 396px;
    margin: 12px;
  }
  .mediaTilesBlock__tile_n1 {
    height: 378px;
  }
  .mediaTilesBlock__tile_n2 {
    height: 298px;
  }
  .mediaTilesBlock__tile_n3 {
    height: 223px;
  }
  .mediaTilesBlock__tile_n4 {
    height: 223px;
  }
  .mediaTilesBlock__tile_n5 {
    height: 338px;
  }
  .mediaTilesBlock__tile_n6 {
    height: 304px;
  }
  .mediaTilesBlock__tile::after {
    content: '';
    width: 37px;
    height: 39px;
  }
  .mediaTilesBlock__tile_video::before {
    width: 108px;
    height: 108px;
    top: calc(50% - 54px);
    left: calc(50% - 54px);
  }
  .mediaTilesBlock__tile_video::after {
    width: 36px;
    height: 44px;
    top: calc(50% - 21px);
    left: calc(50% - 11px);
    background-size: 36px;
  }
}
@media (max-width: 1279px) {
  .mediaTilesBlock {
    width: 742px;
    height: 950px;
  }
  .mediaTilesBlock__tile {
    width: 362px;
    margin: 8px 8px 7px 7px;
  }
  .mediaTilesBlock__tile_n1 {
    height: 345px;
  }
  .mediaTilesBlock__tile_n2 {
    height: 272px;
  }
  .mediaTilesBlock__tile_n3 {
    height: 204px;
  }
  .mediaTilesBlock__tile_n4 {
    height: 204px;
  }
  .mediaTilesBlock__tile_n5 {
    height: 310px;
  }
  .mediaTilesBlock__tile_n6 {
    height: 277px;
  }
}
@media (max-width: 1023px) {
  .mediaTilesBlock {
    width: 672px;
    height: 850px;
    margin: 0 0 -150px -19px;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .mediaTilesBlock__tile {
    width: 323px;
    margin: 12px 12px 11px 11px;
  }
  .mediaTilesBlock__tile_n1 {
    height: 307px;
  }
  .mediaTilesBlock__tile_n2 {
    height: 243px;
  }
  .mediaTilesBlock__tile_n3 {
    height: 181px;
  }
  .mediaTilesBlock__tile_n4 {
    height: 181px;
  }
  .mediaTilesBlock__tile_n5 {
    height: 276px;
  }
  .mediaTilesBlock__tile_n6 {
    height: 247px;
  }
}
@media (max-width: 767px) {
  .mediaTilesBlock {
    width: 100%;
    height: 110vw;
    margin: 0;
    align-content: space-between;
    align-items: center;
    justify-content: flex-start;
  }
  .mediaTilesBlock__tile {
    width: calc(50% - 6px);
    margin: 0 0 12px;
    position: relative;
  }
  .mediaTilesBlock__tile::before, .mediaTilesBlock__tile::after {
    display: none;
  }
  .mediaTilesBlock__tile_n1 {
    height: auto;
  }
  .mediaTilesBlock__tile_n2 {
    height: auto;
  }
  .mediaTilesBlock__tile_n3 {
    height: auto;
  }
  .mediaTilesBlock__tile_n4 {
    height: auto;
  }
  .mediaTilesBlock__tile_n5 {
    height: auto;
  }
  .mediaTilesBlock__tile_n6 {
    height: auto;
  }
  .mediaTilesBlock__tile_video::before {
    display: block;
    width: 16vw;
    height: 16vw;
    top: calc(50% - 8vw);
    left: calc(50% - 8vw);
  }
  .mediaTilesBlock__tile_video::after {
    display: block;
    width: 6vw;
    height: 8vw;
    left: calc(50% - 3vw + 4px);
    top: calc(50% - 4vw + 2px);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .mediaTilesBlock__tileInWrap_n1 {
    padding-top: 95%;
  }
  .mediaTilesBlock__tileInWrap_n2 {
    padding-top: 75%;
  }
  .mediaTilesBlock__tileInWrap_n3 {
    padding-top: 56%;
  }
  .mediaTilesBlock__tileInWrap_n4 {
    padding-top: 56%;
  }
  .mediaTilesBlock__tileInWrap_n5 {
    padding-top: 85%;
  }
  .mediaTilesBlock__tileInWrap_n6 {
    padding-top: 76%;
  }
  .mediaTilesBlock__tileInWrap img {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Biographies carousel */
.biographiesCarousel {
  width: 683px;
  height: 560px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.biographiesCarousel__h2 {
  margin-bottom: 40px;
}
.biographiesCarousel__h2::before {
  background: #fff;
}
.biographiesCarousel__carousel {
  width: 100%;
  z-index: 1;
}
.biographiesCarousel__framesWrap {
  width: 100%;
  display: flex;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.biographiesCarousel__item {
  width: 100%;
  min-width: 100%;
}
.biographiesCarousel__switch {
  margin-bottom: 14px;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .biographiesCarousel {
    width: 628px;
  }
  .biographiesCarousel__h2 {
    margin-top: 24px;
    margin-bottom: 36px;
  }
}
@media (max-width: 1800px) {
  .biographiesCarousel {
    width: 479px;
  }
}
@media (max-width: 1279px) {
  .biographiesCarousel {
    width: 439px;
  }
  .biographiesCarousel__h2 {
    margin-top: 10px;
  }
}
@media (max-width: 1023px) {
  .biographiesCarousel {
    width: 100%;
    margin-bottom: 10px;
  }
  .biographiesCarousel__h2 {
    margin-bottom: 53px;
  }
}
@media (max-width: 767px) {
  .biographiesCarousel {
    height: 400px;
    z-index: 4;
  }

  .biographiesCarousel__switch {
    margin-top: 10px;
  }

  .biographiesCarousel__h2 {
    margin-top: 0;
    margin-bottom: 31px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Biography slide */
.biographySlide {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  opacity: 0.3;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.biographySlide_active {
  opacity: 1;
  pointer-events: all;
}
.biographySlide__photoNnameWrap {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.biographySlide__photo {
  width: 130px;
  height: 130px;
  border-radius: 200px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 18px;
}
.biographySlide__photoImg {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  margin: -2px 0 0 -2px;
}
.biographySlide__name {
  font-size: 23px;
  line-height: 130%;
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-weight: 300;
  margin-bottom: 18px;
}
.biographySlide__name b {
  display: block;
  text-align: center;
}
.biographySlide__description {
  width: 70%;
  text-align: center;
  font-size: 19px;
  line-height: 160%;
  height: 175px;
  position: relative;
  margin-bottom: 50px;
}
.biographySlide__description::before {
  content: '';
  width: 100%;
  height: 70px;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -30px;
  opacity: 1;
  background: #ffd835;
  background: linear-gradient(0deg, rgba(255, 216, 53, 1) 43%, rgba(255, 216, 53, 0) 100%);
}

.biographySlide__descriptionShort {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Roboto',sans-serif;
}
.biographySlide__descriptionFull {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .2s ease;
  font-family: 'Roboto',sans-serif;
}
.biographySlide__descriptionFull_visible {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.biographySlide__descriptionFull::before {
  content: '';
  width: calc(100% + 30px);
  height: calc(100% + 30px);
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: -1;
  background: #FFD835;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .biographySlide__name b {
    margin-right: 8px;
    display: inline-block;
  }
  .biographySlide__name {
    margin-bottom: 19px;
  }
  .biographySlide__description {
    height: 160px;
    font-size: 18px;
  }
}
@media (max-width: 1800px) {
  .biographySlide__description {
    width: 83%;
  }
}
@media (max-width: 1279px) {
  .biographySlide__photoNnameWrap {
    flex-direction: row;
    margin-bottom: 20px;
  }
  .biographySlide__photo {
    width: 77px;
    height: 77px;
    margin: 0;
  }
  .biographySlide__name {
    margin: 0 0 0 20px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 20px;
    line-height: 130%;
  }
  .biographySlide__name b {
    display: block;
  }
  .biographySlide__description {
    font-size: 17px;
    line-height: 150%;
  }
}
@media (max-width: 1023px) {
  .biographySlide__description {
    height: 120px;
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .biographySlide__photoNnameWrap {
    margin-bottom: 17px;
  }

  .biographySlide__descriptionFull::before {
    width: 100vw;
    left: calc(50% - 50vw);
  }
  .biographySlide__photo {
    width: 62px;
    height: 62px;
  }
  .biographySlide__name {
    margin-left: 15px;
    font-size: 18px;
    line-height: 130%;
  }
  .biographySlide__description {
    height: 130px;
    width: 90%;
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 150%;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Carousel switch */
.carouselSwitch {
  display: flex;
}
.carouselSwitch__item {
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 100px;
  margin: 0 7px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.carouselSwitch__item:hover {
  opacity: 1;
}
.carouselSwitch__item_active {
  opacity: 1;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 767px) {
  .carouselSwitch {
    transform: scale(0.8);
  }
  .carouselSwitch__item {
    margin: 0 11px;
  }
}
.teamMembersCardsList {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  padding: 75px 0 183px;
}
.teamMembersCardsList::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #f7f8fa;
  z-index: -1;
}
.teamMembersCardsList__h2 {
  margin-bottom: calc(48px + 37px);
}
.teamMembersCardsList__cardsWrapper {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: calc(100% + 32px);
  margin-left: -2px;
}
.teamMembersCardsList__card {
  margin: 0 16px 34px 17px;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .teamMembersCardsList {
    padding-bottom: 150px;
  }
  .teamMembersCardsList__cardsWrapper {
    width: calc(100% + 37px);
  }
  .teamMembersCardsList__card {
    margin: 0 13px 34px 14px;
  }
}
@media (max-width: 1800px) {
  .teamMembersCardsList {
    padding-bottom: 144px;
  }
  .teamMembersCardsList__cardsWrapper {
    width: calc(100% + 25px);
  }
  .teamMembersCardsList__card {
    margin: 0 12px 25px 13px;
  }
}
@media (max-width: 1279px) {
  .teamMembersCardsList {
    padding-bottom: 91px;
  }
  .teamMembersCardsList__h2 {
    margin-bottom: 60px;
  }
  .teamMembersCardsList__cardsWrapper {
    width: calc(100% + 18px);
  }
  .teamMembersCardsList__card {
    margin: 0 8px 18px 9px;
  }
}
@media (max-width: 1023px) {
  .teamMembersCardsList {
    padding-top: 60px;
  }
  .teamMembersCardsList__cardsWrapper {
    width: calc(100% + 12px + 12px);
  }
  .teamMembersCardsList__card {
    margin: 0 11px 23px 12px;
  }
}
@media (max-width: 767px) {
  .teamMembersCardsList {
    padding-top: 32px;
    padding-bottom: 58px;
    width: 100vw;
    margin-left: -20px;
  }
  .teamMembersCardsList__h2 {
    width: 90%;
    margin-bottom: 36px;
  }
  .teamMembersCardsList__cardsWrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .teamMembersCardsList__card {
    margin: 0 0 15px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Team Member Card */
.teamMemberCard {
  background: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
  width: 325px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding: 33px 0 24px;
  position: relative;
}
.teamMemberCard_advisor {
  padding-bottom: 33px;
}
.teamMemberCard__advisorLogo {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 125px;
  left: 185px;
  z-index: 2;
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.teamMemberCard__advisorLogo span {
  padding: 4px;
  display: inline-block;
  background: #fff;
}
.teamMemberCard__advisorLogo img {
  max-width: 100%;
  max-height: 100%;
}
.teamMemberCard__advisorLogo_mkb span {
  padding-left: 5px;
}
.teamMemberCard__advisorLogo_wpp {
  top: 105px;
  width: 70px;
  height: 70px;
}
.teamMemberCard__advisorLogo_wpp span {
  padding-top: 7px;
}
.teamMemberCard__advisorLogo_cityLondon {
  top: 111px;
  left: 200px;
  width: 55px;
  height: 55px;
}
.teamMemberCard__advisorLogo_sbc {
  top: 115px;
  left: 195px;
  width: 55px;
  height: 55px;
}
.teamMemberCard__photo {
  width: 132px;
  height: 132px;
  border-radius: 200px;
  overflow: hidden;
  position: relative;
  margin-bottom: 18px;
}
.teamMemberCard__photo img {
  width: calc(100% + 2px);
  margin-right: -1px;
}
.teamMemberCard__name {
  font-size: 23px;
  line-height: 120%;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
}
.teamMemberCard__name_advisor {
  margin-bottom: 19px;
}
.teamMemberCard__role {
  font-size: 19px;
  line-height: 160%;
  color: rgba(0, 0, 0, .6);
  margin-bottom: 3px;
  text-align: center;
  font-family: 'Roboto',sans-serif;
}
.teamMemberCard__role_advisor {
  width: 80%;
  font-size: 15px;
  line-height: 160%;
  color: rgba(0, 0, 0, .6);
  margin-bottom: 12px;
}
.teamMemberCard__role_advisor b {
  display: block;
  text-align: center;
}
.teamMemberCard__socialIcons {
  display: flex;
}
.teamMemberCard__socialIcon {
  width: 22px;
  height: 22px;
  background: 50% 50%/100% no-repeat;
  opacity: 0.2;
  transition: opacity 0.15s ease;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  margin: 0 3px 0 4px;
}
.teamMemberCard__socialIcon:hover {
  opacity: 0.4;
}
.teamMemberCard__socialIcon_linkedIn {
  background-image: url(https://coinrule.com/css/images/teamMemberCard__socialIcon_linkedIn.svg);
}
.teamMemberCard__socialIcon_twitter {
  background-image: url(https://coinrule.com/css/images/teamMemberCard__socialIcon_twitter.svg);
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .teamMemberCard {
    width: 301px;
  }
  .teamMemberCard__role_advisor {
    width: 90%;
  }
}
@media (max-width: 1800px) {
  .teamMemberCard {
    width: 310px;
  }
}
@media (max-width: 1279px) {
  .teamMemberCard {
    width: 286px;
  }
  .teamMemberCard_advisor {
    padding-bottom: 40px;
  }
  .teamMemberCard__name {
    font-size: 20px;
    line-height: 120%;
  }
  .teamMemberCard__name_advisor {
    margin-bottom: 9px;
  }
  .teamMemberCard__role {
    font-size: 17px;
    line-height: 140%;
  }
  .teamMemberCard__advisorLogo {
    transform: translateX(-15px);
  }
  .teamMemberCard__advisorLogo_cityLondon {
    transform: translateX(-25px);
  }
}
@media (max-width: 1023px) {
  .teamMemberCard {
    width: 208px;
    padding-bottom: 33px;
  }
  .teamMemberCard__photo {
    width: 102px;
    height: 102px;
  }
  .teamMemberCard__name {
    margin-bottom: 5px;
  }
  .teamMemberCard__role {
    width: 90%;
    margin-bottom: 10px;
  }
  .teamMemberCard__advisorLogo {
    transform: translateX(-60px) translateY(-25px);
  }
  .teamMemberCard__advisorLogo_cityLondon {
    transform: translateX(-70px) translateY(-25px);
  }
}
@media (max-width: 767px) {
  .teamMemberCard {
    width: calc(50vw - 8px);
  }
  .teamMemberCard__photo {
    width: 25vw;
    height: 25vw;
    max-width: 86px;
    max-height: 86px;
  }
  .teamMemberCard__advisorLogo {
    left: calc(50% + 17px);
    top: 85px;
    transform: scale(0.8);
  }
  .teamMemberCard__advisorLogo_wpp {
    margin-top: -20px;
    margin-left: -10px;
  }
  .teamMemberCard__advisorLogo_cityLondon {
    margin-top: -10px;
    margin-left: -5px;
  }
  .teamMemberCard__advisorLogo_sbc {
    margin-top: -10px;
    margin-left: -5px;
  }
  .teamMemberCard__name {
    width: 80%;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
  }
  .teamMemberCard__role {
    font-size: 17px;
    line-height: 135%;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Advisors block */
.advisorsListBlock {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  padding: 64px 0 86px;
}
.advisorsListBlock::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #ffd835;
  z-index: -1;
}
.advisorsListBlock__h2 {
  margin-bottom: 44px;
}
.advisorsListBlock__h2::before {
  background: #4a3dff;
}
.advisorsListBlock__headlineDescription {
  font-size: 19px;
  line-height: 160%;
  color: rgba(0, 0, 0, .7);
  margin-bottom: 54px;
  font-family: 'Roboto',sans-serif;
}
.advisorsListBlock__cardsWrapper {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: calc(100% + 32px);
  margin-left: -2px;
}
.advisorsListBlock__card {
  margin: 0 16px 34px 17px;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .advisorsListBlock__headlineDescription {
    font-size: 17px;
  }
  .advisorsListBlock__cardsWrapper {
    width: calc(100% + 37px);
  }
  .advisorsListBlock__card {
    margin: 0 13px 34px 14px;
  }
}
@media (max-width: 1800px) {
  .advisorsListBlock__cardsWrapper {
    width: calc(100% + 25px);
  }
  .advisorsListBlock__card {
    margin: 0 12px 25px 13px;
  }
}
@media (max-width: 1279px) {
  .advisorsListBlock__headlineDescription {
    margin-bottom: 43px;
  }
  .advisorsListBlock__cardsWrapper {
    width: calc(100% + 32px);
  }
  .advisorsListBlock__card {
    margin: 0 8px 18px 8px;
  }
  .advisorsListBlock__headlineDescription {
    width: 80%;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .advisorsListBlock__card {
    margin: 0 11px 23px 12px;
  }
  .advisorsListBlock__headlineDescription {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .advisorsListBlock {
    padding-top: 28px;
    padding-bottom: 71px;
  }
  .advisorsListBlock__h2 {
    margin-bottom: 34px;
  }
  .advisorsListBlock__headlineDescription {
    font-size: 17px;
    line-height: 150%;
    width: 90%;
    margin-bottom: 35px;
  }
  .advisorsListBlock__cardsWrapper {
    width: 100vw;
    margin: 0;
    justify-content: space-between;
  }
  .advisorsListBlock__card {
    margin: 0 0 15px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Partners list block */
.partnersListBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  padding: 100px 0 160px;
  position: relative;
}
.partnersListBlock::after {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #fff;
  z-index: -2;
}
.partnersListBlock__h2 {
  margin-bottom: 48px;
}
.partnersListBlock__headlineDescription {
  font-size: 19px;
  line-height: 160%;
  color: rgba(0, 0, 0, .55);
  width: 40%;
  text-align: center;
  margin-bottom: 53px;
  font-family: 'Roboto',sans-serif;
}
.partnersListBlock__logosWrapper {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  justify-content: center;
  width: 100%;
  margin-block-start: 0;
  margin-block-end: 0;
}
.partnersListBlock__partnerLogo {
  width: 20%;
  font-size: 0;
  line-height: 0;
  background: 1100% 150%/auto 100% no-repeat;
  top: 0;
  transition: top 0.15s ease;
  position: relative;
  cursor: pointer;
  pointer-events: none;
  margin-bottom: 14px;
  /* outline: 1px rgba(0,0,0,.2) solid; */
}
.partnersListBlock__partnerLogo::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 35%;
  position: static;
  background: 100% 50%/auto 100% no-repeat;
  transform: scale(.78);
}
.partnersListBlock__partnerLogo:hover {
  top: -3px;
}
.partnersListBlock__partnerLogo:hover::before {
  opacity: 1;
}

.partnersListBlock__partnerLogo_kaiko {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_kaiko.jpg);
}.partnersListBlock__partnerLogo_kaiko::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_kaiko.jpg);}

.partnersListBlock__partnerLogo_daneel {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_daneel.jpg);
}.partnersListBlock__partnerLogo_daneel::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_daneel.jpg);}

.partnersListBlock__partnerLogo_bitpanda {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bitpanda2.jpg);
}.partnersListBlock__partnerLogo_bitpanda::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bitpanda2.jpg);}

.partnersListBlock__partnerLogo_primalbase {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_primalbase.jpg);
}.partnersListBlock__partnerLogo_primalbase::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_primalbase.jpg);}

.partnersListBlock__partnerLogo_mkbFintechlab {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_fintechlab.jpg);
}.partnersListBlock__partnerLogo_mkbFintechlab::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_fintechlab.jpg);}

.partnersListBlock__partnerLogo_hitbtc {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_hitbtc.jpg);
}.partnersListBlock__partnerLogo_hitbtc::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_hitbtc.jpg);}

.partnersListBlock__partnerLogo_kraken {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_kraken.jpg);
}.partnersListBlock__partnerLogo_kraken::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_kraken.jpg);}

.partnersListBlock__partnerLogo_coinbasepro {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_coinbasepro.jpg);
}.partnersListBlock__partnerLogo_coinbasepro::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_coinbasepro.jpg);}

.partnersListBlock__partnerLogo_okex {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_okex.jpg);
}.partnersListBlock__partnerLogo_okex::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_okex.jpg);}

.partnersListBlock__partnerLogo_liquid {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_liquid.jpg);
}.partnersListBlock__partnerLogo_liquid::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_liquid.jpg);}

.partnersListBlock__partnerLogo_bitstamp {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bitstamp.jpg);
}.partnersListBlock__partnerLogo_bitstamp::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bitstamp.jpg);}

.partnersListBlock__partnerLogo_bitfinex {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bitfinex.jpg);
}.partnersListBlock__partnerLogo_bitfinex::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bitfinex.jpg);}

.partnersListBlock__partnerLogo_bittrex {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bittrex.jpg);
}.partnersListBlock__partnerLogo_bittrex::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_bittrex.jpg);}

.partnersListBlock__partnerLogo_poloniex {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_poloniex.jpg);
}.partnersListBlock__partnerLogo_poloniex::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_poloniex.jpg);}

.partnersListBlock__partnerLogo_alanturinginstitute {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_alanturinginstitute2.jpg);
}.partnersListBlock__partnerLogo_alanturinginstitute::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_alanturinginstitute2.jpg);}

.partnersListBlock__partnerLogo_fintechalliance {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_fintechalliance.jpg);
}.partnersListBlock__partnerLogo_fintechalliance::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_fintechalliance.jpg);}

.partnersListBlock__partnerLogo_natwest {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_natwest.jpg);
}.partnersListBlock__partnerLogo_natwest::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_natwest.jpg);}

.partnersListBlock__partnerLogo_rbs {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_rbs3.jpg);
}.partnersListBlock__partnerLogo_rbs::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_rbs3.jpg);}

.partnersListBlock__partnerLogo_cryptomondays {
  background-image: url(https://coinrule.com/css/images/partnersBlockLogos_cryptomondays.jpg?v=1.20200804175042507);
}.partnersListBlock__partnerLogo_cryptomondays::before {
   background-image: url(https://coinrule.com/css/images/partnersBlockLogos_cryptomondays.jpg?v=1.20200804175042507);}


/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .partnersListBlock {
    padding-top: 75px;
    padding-bottom: 127px;
  }
  .partnersListBlock__headlineDescription {
    margin-bottom: 33px;
    font-size: 17px;
  }
  .partnersListBlock__logosWrapper {
    justify-content: center;
  }
  .partnersListBlock__partnerLogo {
  }
}
@media (max-width: 1800px) {
  .partnersListBlock {
    padding-bottom: 83px;
  }
  .partnersListBlock__headlineDescription {
    width: 57%;
    margin-bottom: 29px;
  }
  .partnersListBlock__partnerLogo {
    width: 20%;
  }
}
@media (max-width: 1279px) {
  .partnersListBlock {
    padding-top: 64px;
    padding-bottom: 77px;
    width: 100%;
  }
  .partnersListBlock__h2 {
    margin-bottom: 37px;
  }
  .partnersListBlock__headlineDescription {
    width: 80%;
    margin-bottom: 6px;
  }
  .partnersListBlock__partnerLogo {
    width: 25%;
    margin: 0 0 12px 0;
  }
}
@media (max-width: 1023px) {
  .partnersListBlock__partnerLogo {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .partnersListBlock {
    padding-top: 31px;
    padding-bottom: 28px;
  }
  .partnersListBlock__h2 {
    margin-bottom: 31px;
  }
  .partnersListBlock__headlineDescription {
    font-size: 17px;
    line-height: 150%;
    width: 90%;
    margin-bottom: 14px;
  }
  .partnersListBlock__partnerLogo {
    width: 50%;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Email subscription block */
.emailSubscribeBlock {
  position: relative;
  z-index: 0;
  color: #fff;
  padding: 81px 0 126px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}
.emailSubscribeBlock::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -2;
  left: calc(50% - 75vw);
  background: #4a3dff;
}
.emailSubscribeBlock::after {
  content: '';
  width: 75vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: calc(50% - 60px);
  z-index: -1;
  background: #703cff 100% 50%/auto 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/emailSubscribeBlock__before.gif);
}
.emailSubscribeBlock__h2 {
  margin-bottom: 59px;
  color: #fff;
}
.emailSubscribeBlock__headlineDescription {
  font-size: 22px;
  line-height: 160%;
  width: 55%;
  text-align: center;
  margin-bottom: 54px;
  font-family: 'Roboto',sans-serif;
}
.emailSubscribeBlock__formWrapper {
  width: 646px;
  height: 56px;
  position: relative;
  z-index: 0;
  top: -40px;
  display: flex;
  justify-content: center;
}
.emailSubscribeBlock__formWrapper::before {
  width: calc(100% - 3px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .28);
}
.emailSubscribeBlock__formWrapper form {
  display: flex;
}
.emailSubscribeBlock__emailInput {
  height: 56px;
  box-sizing: border-box;
  border: 0;
  display: block;
  padding: 0 25px 2px;
  position: relative;
  flex-grow: 1;
  background: transparent;
  font-size: 19px;
  line-height: 19px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #000;
}
.emailSubscribeBlock__emailInput:focus {
  outline: 2px rgba(150, 150, 150, .5) solid;
  outline-offset: 1px;
}
.emailSubscribeBlock__submitBut {
  height: 56px;
  width: 170px;
  box-sizing: border-box;
  border-radius: 100px;
  border: 0;
  display: block;
  padding-bottom: 3px;
  position: relative;
  font-size: 19px;
  line-height: 19px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  background: #ffd835;
  cursor: pointer;
  transition: background 0.15s ease;
}
.emailSubscribeBlock__submitBut:hover {
  background: #ffe67c;
}
.emailSubscribeBlock__submitBut:focus {
  outline: 2px rgba(0, 0, 0, .1) solid;
  outline-offset: 1px;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .emailSubscribeBlock__headlineDescription {
    margin-bottom: 40px;
    width: 45%;
    font-size: 20px;
  }
  .emailSubscribeBlock__emailInput {
    font-size: 17px;
  }
  .emailSubscribeBlock__submitBut {
    font-size: 17px;
  }
}
@media (max-width: 1800px) {
  .emailSubscribeBlock__headlineDescription {
    width: 75%;
  }
}
@media (max-width: 1279px) {
  .emailSubscribeBlock__h2 {
    margin-bottom: 51px;
  }
  .emailSubscribeBlock__headlineDescription {
    width: 85%;
  }
}
@media (max-width: 1023px) {
  .emailSubscribeBlock__headlineDescription {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .emailSubscribeBlock {
    padding-top: 54px;
    padding-bottom: 95px;
  }
  .emailSubscribeBlock__h2 {
    margin-bottom: 28px;
  }
  .emailSubscribeBlock__headlineDescription {
    font-size: 19px;
    line-height: 150%;
  }
  .emailSubscribeBlock__formWrapper {
    background: transparent;
    width: 100%;
  }
  .emailSubscribeBlock__formWrapper::before {
    display: none;
  }
  .emailSubscribeBlock__formWrapper form {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .emailSubscribeBlock__emailInput {
    height: 42px;
    width: calc(100vw - 40px);
    box-sizing: border-box;
    border-radius: 100px;
    background: #fff;
    font-size: 17px;
    text-align: center;
    margin-bottom: 12px;
  }
  .emailSubscribeBlock__submitBut {
    height: 42px;
    width: auto;
    font-size: 17px;
    text-align: center;
    padding-left: 27px;
    padding-right: 27px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Exchanges Page CTA but */
.exchPageCTAbut {
  height: 56px;
  padding: 0 80px 3px 20px;
  display: flex;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  background: #FF165E;
  font-size: 23px;
  line-height: 23px;
  color: #fff;
  font-weight: 600;
  border-radius: 100px;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: opacity .1s ease, transform .1s ease;
}

.exchPageCTAbut::after {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  top: calc(50% - 12px);
  right: 17px;
  background: 50% 50%/20px no-repeat;
  background-image: url(https://coinrule.com/css/images/exchPageCTAbut_after_bg.svg);
  opacity: .35;
}

.exchPageCTAbut:hover {
  opacity: .7;
  transform: scale(.96);
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Available coins list */
.availableCoinsList {
  background: #fff;
  box-shadow: 0 15px 30px rgba(0,0,0,.06);
  margin-top: -133px;
  position: relative;
  z-index: 3;
  padding-bottom: 10px;
}

.availableCoinsList__headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  padding: 45px 45px 0;
  margin-bottom: 50px;
}

h2.availableCoinsList__headlineText {
  margin: 0;
  padding: 0 10px;
}

h2.availableCoinsList__headlineText::before {
  display: none;
}

.availableCoinsList__headlineCTA {
}

.availableCoinsList__list {
  list-style: none;
  padding: 0 25px 35px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
}

.availableCoinsList__list::before {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 30px;
  left: 0;
  background: #fff;
  z-index: 3;
}

.availableCoinsList__list::after {
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 20px;
  background: #fff;
  z-index: 3;
}

.availableCoinsList__listElement {
  width: calc(100%/12);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  padding: 15px 0;
}

.availableCoinsList__listElement::before {
  content: '';
  width: calc(100% - 24px);
  height: 0;
  border-bottom: 1px rgba(0,0,0,.1) solid;
  position: absolute;
  bottom: 0;
  left: 12px;
}

.availableCoinsList__listElement::after {
  content: '';
  width: 0;
  height: calc(100% - 24px);
  border-right: 1px rgba(0,0,0,.1) solid;
  position: absolute;
  top: 12px;
  right: 0;
}

.availableCoinsList__coinLink {
  display: flex;
  text-decoration: none;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 0;
  background: 0 0 no-repeat;
  transition: opacity .1s ease, transform .1s ease;
}

.availableCoinsList__coinLink:hover {
  opacity: .6;
  transform: scale(.93);
}

.availableCoinsList__coinIcon {
  width: 55px;
  height: 55px;
}


/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
  .availableCoinsList__headline {
    flex-wrap: wrap;
    justify-content: center;
  }

  a.availableCoinsList__headlineCTA {
    margin-top: 20px;
  }
  .availableCoinsList__listElement {
    width: calc(100%/8);
  }
  .availableCoinsList__coinIcon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1279px) {
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
  .availableCoinsList__listElement {
    width: calc(100%/5);
  }
  .availableCoinsList__coinIcon {
    width: 30px;
    height: 30px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Knowledge Base Teasers */
.knowledgeBaseTeasers {
  display: flex;
  flex-wrap: wrap;
}

h2.knowledgeBaseTeasers__headlineH2 {
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
}

h3.knowledgeBaseTeasers__headlineH3 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 140%;
}

.knowledgeBaseTeasers__list {
  width: calc(100% + 17px*2);
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 -17px 40px;
  flex-wrap: wrap;
}

.knowledgeBaseTeasers__listItem {
  width: 205px;
  margin: 0 17px 35px;
  height: 100px;
  display: flex;
  transition: opacity .1s ease, transform .1s ease;
}

.knowledgeBaseTeasers__listItem:hover {
  opacity: .7;
  transform: scale(.96);
}

.knowledgeBaseTeasers__link {
  width: 100%;
  height: 100%;
  border: 2px #F0CB2E solid;
  font-size: 18px;
  line-height: 125%;
  align-items: center;
  align-content: center;
  display: flex;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  padding: 0 15px 6px 77px;
  box-shadow: 0 15px 30px rgba(0,0,0,.06);
  position: relative;
  box-sizing: border-box;
}

.knowledgeBaseTeasers__icon {
  width: 60px;
  height: 60px;
  position: absolute;
  top: calc(50% - 30px);
  left: 11px;
}


/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
}
@media (max-width: 1279px) {
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {

  h2.knowledgeBaseTeasers__headlineH2 {
    margin-bottom: 30px;
  }

  .knowledgeBaseTeasers__listItem {
    transform: scale(.7);
    margin: 0 -20px -10px;
  }

  .knowledgeBaseTeasers__listItem:hover {
    transform: scale(.8);
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Latest Blog Posts */
.latestBlogPosts {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  position: relative;
  z-index: 0;
  padding: 75px 0 90px;
}

.latestBlogPosts::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  background: #F7F8FA;
  z-index: -1;
}

.latestBlogPosts__headline {
  text-align: center;
  margin-bottom: 55px;
}

.latestBlogPosts__postsListWrapper {
  width: 100%;
}

.latestBlogPosts__postsList {
  width: calc(100% + 40px);
  margin-left: -20px;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.latestBlogPosts__listItem {
  width: 326px;
  padding: 12px;
  box-sizing: border-box;
  margin: 0 17px 35px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 15px 30px rgba(0,0,0,.06);
  transition: opacity .13s ease, transform .13s ease;
}

.latestBlogPosts__listItem:hover {
  opacity: .8;
  transform: scale(.97);
}

.latestBlogPosts__listItem_big {
  width: 686px;
}

a.latestBlogPosts__postTeaser {
  text-decoration: none;
  color: #000;
  display: block;
}

span.latestBlogPosts__postImageWrap {
  display: block;
  height: 224px;
  position: relative;
  overflow: hidden;
  margin-bottom: 11px;
}

.latestBlogPosts__postImage {
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

span.latestBlogPosts__text {
  display: block;
  font-size: 18px;
  line-height: 125%;
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 3px;
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Available Exchanges List */
.availableExchangesList {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

  .availableExchangesList_topPadding {
    padding-top: 70px;
  }

.availableExchangesList__headline {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}

.availableExchangesList__logosList {
  padding: 0;
  margin: 0 0 30px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.availableExchangesList__logoItem {
  width: 20%;
  margin-bottom: 15px;
}

.availableExchangesList__logoLink {
  transition: opacity .1s ease;
  display: flex;
  justify-content: center;
}

.availableExchangesList__logoLink:hover {
  opacity: .7;
}

.availableExchangesList__logoImg {
  width: calc(100% - 30px);
  transition: transform .1s ease;
}

.availableExchangesList__logoLink:hover .availableExchangesList__logoImg {
  transform: scale(.96);
}

.availableExchangesList__getStartedBut {}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
}
@media (max-width: 1279px) {
  .availableExchangesList__logoItem {
    width: 33%;
  }
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
  .availableExchangesList__logoItem {
    width: 50%;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Benefits & Testimonials Rope */
.benefNtestimonRope {
  position: relative;
  z-index: 0;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 22px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.benefNtestimonRope::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  background: #655DFB 50% 50%/100% 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/benefNtestimonRope__bg2.gif);
  z-index: -1;
}

.benefNtestimonRope__benefitsList {
  width: 57%;
  display: flex;
  flex-wrap: wrap;
}

.benefNtestimonRope__benefit {
  width: calc(50% - 20px);
  margin-right: 20px;
}

.benefNtestimonRope__testimonial {
  width: 39%;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
}
@media (max-width: 1279px) {
}
@media (max-width: 1023px) {
  .benefNtestimonRope__benefitsList {
    width: 100%;
    margin-bottom: 40px;
  }

  .benefNtestimonRope__testimonial {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .benefNtestimonRope__benefitsList {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .benefNtestimonRope__benefit {
    width: 100%;
    margin-bottom: 35px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Benefit Small teaser */
.benefitSmallTeaser {
  display: flex;
  align-items: center;
  align-content: center;
}

.benefitSmallTeaser__icon {
}

.benefitSmallTeaser__icon img {
  height: 65px;
}

.benefitSmallTeaser__text {
  margin-left: 27px;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
}
@media (max-width: 1279px) {
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
  .benefitSmallTeaser__icon {
    width: 70px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Testimonial Small block */
.testimonialSmallBlock {
  display: flex;
  align-items: center;
  align-content: center;
}

.testimonialSmallBlock__photo {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  position: relative;
  overflow: hidden;
  border-radius: 200px;
}

.testimonialSmallBlock__photo img {
  width: 100%;
}

.testimonialSmallBlock__texts {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.testimonialSmallBlock__title {
  font-size: 20px;
  margin-bottom:9px;
}

.testimonialSmallBlock__ratingNname {
  display: flex;
  font-size: 17px;
  align-items: center;
  align-content: center;
}

.testimonialSmallBlock__rating {
  border-right: 1px #fff solid;
  padding-right: 15px;
  margin-right: 15px;
}

.testimonialSmallBlock__rating img {
  width: 22px;
}

.testimonialSmallBlock__name {}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Template Strategies List */
.templateStrategiesList {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
  padding: 100px 0 80px;
}

  .templateStrategiesList_bigBotPadding {
    padding-bottom: 140px;
  }

.templateStrategiesList:before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  background: #F2F2F2;
  z-index: -1;
}

.templateStrategiesList__headline {
  margin-bottom: 60px;
  text-align: center;
}

.templateStrategiesList__templatesListWrap {
  position: relative;
  height: 255px;
}

.templateStrategiesList__templatesList {
  display: flex;
  list-style: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%)
}

.templateStrategiesList__template {
  margin: 0 10px;
  width: 350px;
}

.templateStrategiesList__templateImg {
  width: 100%;
}

.templateStrategiesList__templateImg_transparent {
  opacity: .4;
}



/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
}
@media (max-width: 1279px) {
  .templateStrategiesList__templatesListWrap {
    height: 170px;
  }
  .templateStrategiesList__template {
    margin: 0 10px;
    width: 220px;
  }
}
@media (max-width: 1023px) {
  .templateStrategiesList__templatesListWrap {
    height: 120px;
  }
  .templateStrategiesList__template {
    margin: 0;
    width: 160px;
  }
}
@media (max-width: 767px) {
  .templateStrategiesList {
    padding-top: 40px;
  }

  .templateStrategiesList_bigBotPadding {
    padding-bottom: 90px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Useful Links List */
.usefulLinksList {
  position: relative;
  z-index: 0;
  color: #fff;
  padding: 111px 0 160px;
}

.usefulLinksList_yellow {
  color: #000;
}

.usefulLinksList::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: #6250ff 0 0/100% 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/usefulLinksList_before_bg.gif);
}

.usefulLinksList_yellow::before {
  background: #FFD835;
}

h2.usefulLinksList__headline {
  color: #fff;
  margin-bottom: 70px;
  text-align: center;
  width: 100%;
}

h2.usefulLinksList__headline::before {
  background: #FFD835;
}

.usefulLinksList_yellow h2.usefulLinksList__headline::before {
  background: #fff;
}

.usefulLinksList_yellow h2.usefulLinksList__headline {
  color: #000;
}

.usefulLinksList__linksList {
  list-style: none;
  padding: 0;
  columns: 4 auto;
}

.usefulLinksList__listElement {
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0 30px 0 15px;
  position: relative;
}

.usefulLinksList__listElement::before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 9px;
  left: 0;
  background: #DBBB4C;
  border-radius: 100px;
}

.usefulLinksList_yellow .usefulLinksList__listElement::before{
  background: #8E88AE;
}

.usefulLinksList__link {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  line-height: 135%;
}

.usefulLinksList_yellow .usefulLinksList__link {
  color: #000;
}

.usefulLinksList__link:hover {
  text-decoration: underline;
}



/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
}
@media (max-width: 1800px) {
  .usefulLinksList__linksList {
    columns: 3 auto;
  }
}
@media (max-width: 1279px) {
  .usefulLinksList__linksList {
    columns: 2 auto;
  }
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
  .usefulLinksList__linksList {
    columns: 1 auto;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Available coins list */




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Main Footer */
.mainFooter {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  transition: transform 0.5s ease;
}

.mainFooter_shiftedToLeft {
  transform: translateX(-210px);
}

.mainFooter::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #f7f8fa;
  z-index: -1;
}

.mainFooter__disclaimerText {
  width: 100%;
  padding: 93px 100px 98px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  font: italic 15px/140% 'cr_roboto',sans-serif;
  color: rgba(0,0,0,.5);
}

.mainFooter__disclaimerText::after {
  content: '';
  width: 100vw;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 50vw);
  background: 50% 50%/100% 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/singlePromoVideoBlock__after_bg.png);
}

.mainFooter__mainBlock {
  display: flex;
  justify-content: space-between;
  padding: 100px 0 15px;
}

.mainFooter__logoNsocials {
  display: flex;
  flex-direction: column;
}

.mainFooter__logo {
  display: flex;
  margin: 0 0 30px -4px;
  align-items: center;
  align-content: center;
  cursor: default;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.mainFooter__logoEmblem {
  width: 44px;
  height: 59px;
  margin-right: 22px;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/mainFooter__logoEmblem2.svg);
}
.mainFooter__logoText {
  margin-top: 10px;
  font-size: 27px;
  line-height: 26px;
  font-family: 'DIN Alternate', sans-serif;
  font-weight: 500;
  letter-spacing: 0.22rem;
  text-transform: uppercase;
  color: #081288;
}
.mainFooter__socials {
  height: 32px;
  display: flex;
}
.mainFooter__socialLink {
  height: 28px;
  width: 28px;
  box-sizing: border-box;
  margin-right: 13px;
  background: 50% 50%/100% no-repeat;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  opacity: 0.25;
  transition: opacity 0.15s ease;
}
.mainFooter__socialLink:hover {
  opacity: 0.12;
}
.mainFooter__socialLink_facebook {
  background-image: url(https://coinrule.com/css/images/mainFooter__socialLink_facebook.svg);
}
.mainFooter__socialLink_twitter {
  background-image: url(https://coinrule.com/css/images/mainFooter__socialLink_twitter.svg);
}
.mainFooter__socialLink_telegram {
  background-image: url(https://coinrule.com/css/images/mainFooter__socialLink_telegram.svg);
}
.mainFooter__socialLink_instagram {
  background-image: url(https://coinrule.com/css/images/mainFooter__socialLink_instagram.svg);
}
.mainFooter__socialLink_youtube {
  background-image: url(https://coinrule.com/css/images/mainFooter__socialLink_youtube.svg);
}
.mainFooter__menusWrapper {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 47px;
}
.mainFooter__menuColumn {
  margin: 0 40px 0 110px;
}

.mainFooter__menuItem {
  font-family: 'Roboto',sans-serif;
  font-weight: 300;
}

@media (min-width: 768px) {.mainFooter__menuColumn {height: auto!important;}}
.mainFooter__menuTitle {
  font-size: 22px;
  line-height: 120%;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  margin-bottom: 24px;
}
.mainFooter__menuList {
  list-style: none;
  padding: 0;
}
.mainFooter__menuItem {
  padding: 0 0 13px;
}
.mainFooter__menuLink {
  cursor: pointer;
  font-size: 19px;
  line-height: 25px;
  color: rgba(0, 0, 0, .7);
  transition: color 0.15s ease;
  text-decoration: none;
}
.mainFooter__menuLink:hover {
  color: rgba(0, 0, 0, .35);
}
.mainFooter__copyright {
  content: '';
  position: relative;
  z-index: 0;
  padding: 47px 0 41px;
  font-size: 13px;
  line-height: 13px;
  color: rgba(0, 0, 0, .7);
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
}
.mainFooter__copyright::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: calc(50% - 75vw);
  background: #fff;
}

.mainFooter__trustLogos {
  text-align: center;
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  z-index: 0;
  padding-bottom: 15px;
  margin-top: -20px;
}

.mainFooter__trustLogos::before {
  content: '';
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 75vw);
  background: #fff;
  z-index: -1;
}
/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .mainFooter {
    width: 1282px;
  }
  .mainFooter__menuColumn {
    margin-left: 110px;
  }
  .mainFooter__menuColumn:last-child {
    margin-right: 0;
  }
  .mainFooter__menuLink {
    font-size: 18px;
  }
  .mainFooter__copyright {
    padding: 32px 0 26px;
  }

  .mainFooter__trustLogos {
    margin-top: -10px;
  }
}
@media (max-width: 1800px) {
  .mainFooter {
    width: 980px;
  }
  .mainFooter__mainBlock {
    padding-top: 93px;
  }
  .mainFooter__menuItem {
    padding-bottom: 8px;
  }
  .mainFooter__menuColumn {
    margin-left: 119px;
  }
}
@media (max-width: 1279px) {
  .mainFooter {
    width: 895px;
  }
  .mainFooter__mainBlock {
    padding-top: 89px;
  }
  .mainFooter__menuItem {
    padding-bottom: 8px;
  }
  .mainFooter__menuColumn {
    margin-left: 119px;
  }
}
@media (max-width: 1023px) {
  .mainFooter {
    width: 672px;
  }

  .mainFooter__disclaimerText {
    padding: 60px 0;
  }

  .mainFooter__socialLink {
    margin-right: 8px;
  }
  .mainFooter__mainBlock {
    padding-top: 70px;
  }
  .mainFooter__logoEmblem {
    width: 36px;
    height: 48px;
  }
  .mainFooter__logoText {
    font-size: 21px;
  }
  .mainFooter__menusWrapper {
    padding-top: 15px;
    box-sizing: border-box;
    width: 66%;
    justify-content: space-between;
  }
  .mainFooter__menuColumn {
    max-width: 30%;
    margin: 0;
  }
  .mainFooter__menuColumn:last-child {
    width: 23%;
  }
  .mainFooter__menuLink {
    font-size: 17px;
  }
  .mainFooter__copyright {
    text-align: center;
  }

  .mainFooter__trustLogos {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .mainFooter {
    width: calc(100vw - 40px);
    margin: 0 auto;
  }
  .mainFooter__mainBlock {
    padding-top: 45px;
    display: flex;
    flex-direction: column;
  }
  .mainFooter__logoNsocials {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
  .mainFooter__logo {
    margin-bottom: 12px;
  }
  .mainFooter__logoEmblem {
    margin-right: 12px;
  }
  .mainFooter__socials {
    margin-bottom: 14px;
  }
  .mainFooter__socialLink {
    width: 25px;
    line-height: 25px;
    margin: 0 5px;
  }
  .mainFooter__menusWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .mainFooter__menuColumn {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: 50px;
    transition: height 0.2s ease;
  }
  .mainFooter__menuColumn:last-child {
    width: 100%;
  }
  .mainFooter__menuColumn::before {
    content: '';
    width: 100%;
    height: 0;
    border-top: 1px rgba(0, 0, 0, .1) solid;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mainFooter__menuTitle {
    font-size: 22px;
    text-align: center;
    margin-bottom: 0;
    padding: 12px 0 12px;
    user-select: none;
  }
  .mainFooter__menuTitleInWrap {
    display: inline-block;
    position: relative;
  }
  .mainFooter__menuTitleInWrap::before {
    content: '';
    width: 10px;
    height: 7px;
    position: absolute;
    top: 11px;
    right: -17px;
    background: 50% 50%/100% no-repeat;
    background-image: url(https://coinrule.com/css/images/mainFooter__menuTitleInWrap_before.svg);
    opacity: 0.1;
    transition: transform 0.15s ease;
  }
  .mainFooter__menuTitle_opened .mainFooter__menuTitleInWrap::before {
    transform: rotate(180deg);
  }


  .mainFooter__menuColumn {
    position: relative;
    overflow: hidden;
  }
  .mainFooter__menuList {
    position: absolute;
    top: 50px;
    width: 100%;
    height: auto;
  }

  .mainFooter__menuList {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 50px;
    width: 100%;
    height: auto;
  }
  .mainFooter__menuItem {
    width: 100%;
  }

  .mainFooter__menuItem:last-child {
    padding-bottom: 15px;
  }
  .mainFooter__menuLink {
    display: block;
    text-align: center;
  }
  .mainFooter__copyright {
    height: 66px;
    box-sizing: border-box;
    padding-top: 26px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/*Get in Touch Form*/
.getInTouchForm {
  width: 100%;
}

.getInTouchForm__form {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.getInTouchForm__form_leftAlignment {
  align-content: flex-start;
  align-items: flex-start;
}

.getInTouchForm__inputsWrap {
  width: 900px;
  margin-bottom: 41px;
  display: flex;
  justify-content: space-between;
}

.getInTouchForm__inputsWrap_smallBotMargin {
  margin-bottom: 20px;
}

.getInTouchForm__inputsWrap_verticalAlignment {
  width: 100%;
  flex-direction: column;
}

.getInTouchForm__formLabel {
  width: calc(33.3% - 15px);
  margin-bottom: 17px;
}

.getInTouchForm__inputsWrap_verticalAlignment .getInTouchForm__formLabel {
  width: 100%;
}

.getInTouchForm__textInput {
  height: 50px;
  width: 100%;
  padding: 0 19px;
  box-sizing: border-box;
  border: 0;
  border-radius: 7px;
  font: 400 20px/50px 'cr_roboto',sans-serif;
  background: #FCF9EB;
  box-shadow: inset 2px 2px 4px rgba(0,0,0,.25);
}

.getInTouchForm__textInput::placeholder {
  color: rgba(0,0,0,.33);
}

.getInTouchForm__selectWrapper {
  width: 100%;
  height: 50px;
  position: relative;
}

  .getInTouchForm__selectWrapper::before {
    content: '';
    width: 37px;
    height: 46px;
    display: block;
    border-radius: 7px;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    background: #fff 50% 50%/13px auto no-repeat;
    background-image: url(./images/getInTouchForm__selectWrapper__before.svg);
    pointer-events: none;
  }

.getInTouchForm__select {
  height: 50px;
  width: 100%;
  padding: 0 19px;
  box-sizing: border-box;
  border: 0;
  border-radius: 7px;
  position: relative;
  font: 400 20px/50px 'cr_roboto',sans-serif;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}

.getInTouchForm__submitNnoteWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.getInTouchForm__submitNnoteWrap_horisontalAlignment {
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.getInTouchForm__submitBut {
  height: 56px;
  padding: 0 110px 4px 24px;
  position: relative;
  box-sizing: border-box;
  z-index: 0;
  margin: 0 0 43px -8px;
  display: inline-flex;
  align-content: center;
  align-items: center;
  border: 0;
  border-radius: 100px;
  color: #fff;
  font-size: 19px;
  line-height: 19px;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.getInTouchForm__submitBut_rightMargin {
  margin-right: 20px;
}

.getInTouchForm__submitBut_0botMargin {
  margin-bottom: 0;
}

.getInTouchForm__submitBut::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.15s ease;
  z-index: -1;
  border-radius: 100px;
  background: #ff165e;
}
.getInTouchForm__submitBut:hover::before {
  width: calc(100% + 6px);
}
.getInTouchForm__submitBut::after {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  top: 17px;
  right: 20px;
  background: 50% 50%/auto calc(100% - 3px) no-repeat;
  background-image: url(https://coinrule.com/css/images/paymentPlanCard__getPlanBut_afterCaretRight.svg);
  opacity: 0.35;
}

.getInTouchForm__note {
  font: 15px/140% 'cr_roboto',sans-serif;
  color: rgba(0,0,0,.5);
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1279px) {

  .getInTouchForm__submitBut {
    height: 48px;
    padding-right: 67px;
    padding-left: 21px;
    margin-bottom: 14px;
    font-size: 17px;
  }
  .getInTouchForm__submitBut::after {
    width: 17px;
    height: 17px;
    top: 15px;
    right: 20px;
  }
}

@media (max-width: 1023px) {
  .getInTouchForm__inputsWrap {
    width: 100%;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
    align-content: center;
  }

  .getInTouchForm__formLabel {
    width: 375px;
  }

  .getInTouchForm__submitBut {
    width: 285px;
  }

  .getInTouchForm__submitNnoteWrap_horisontalAlignment {
    flex-direction: column;
    align-items: center;
    align-content: center;
  }

  .getInTouchForm__form_leftAlignment {
    align-content: center;
    align-items: center;
    flex-direction: column;
  }

  .getInTouchForm__submitBut_rightMargin {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .getInTouchForm__inputsWrap {
    margin-bottom: 5px;
  }

  .getInTouchForm__formLabel {
    width: 100%;
  }

  .getInTouchForm__selectWrapper::before {
    height: 33px;
  }

  .getInTouchForm__textInput,
  .getInTouchForm__select{
    height: 37px;
    font-size: 16px;
  }

  .getInTouchForm__submitBut {
    width: auto;
  }

  .getInTouchForm__note {
    text-align: center;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Get in Touch Section */
.getInTouchSection {
  padding: 100px 0 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
}

.getInTouchSection_narrow {
  width: 440px;
  padding: 0;
  margin: 0;
  align-items: flex-start;
  align-content: flex-start;
}

.getInTouchSection_grayBg::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: #F7F8FA;
}

.getInTouchSection_topDivider::after {
  content: '';
  width: 100vw;
  height: 1px;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  background: 50% 50%/100% 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/singlePromoVideoBlock__after_bg.png);
}

.getInTouchSection_smallBotPadding {
  padding-bottom: 180px;
}

.getInTouchSection__h2 {
  margin-bottom: 76px;
  position: relative;
  font: 600 45px/120% 'Lato',sans-serif;
  text-align: center;
}

.getInTouchSection__h2::before {
  content: '';
  width: 80px;
  height: 5px;
  border-radius: 100px;
  position: absolute;
  left: calc(50% - 40px);
  bottom: -15px;
  background: #FFD835;
}

.getInTouchSection__subtitle {
  margin-bottom: 37px;
  font: 300 20px/140% 'cr_roboto',sans-serif;
  color: rgba(255,255,255,.9);
}

.getInTouchSection__form {}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .getInTouchSection {
    padding-top: 67px;
    padding-bottom: 215px;
  }

  .getInTouchSection_narrow {
    width: 420px;
    padding: 0;
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .getInTouchSection_smallBotPadding {
    padding-bottom: 137px;
  }
}

@media (max-width: 1800px) {
  .getInTouchSection_narrow {
    width: 355px;
    margin-bottom: -40px;
  }

  .getInTouchSection__h2 {
    font-size: 40px;
  }
}

@media (max-width: 1279px) {
  .getInTouchSection_narrow {
    margin-top: -45px;
    margin-bottom: -70px;
  }
}

@media (max-width: 1023px) {
  .getInTouchSection {
    padding-bottom: 110px;
  }

  .getInTouchSection_narrow {
    width: 350px;
    margin: 0 auto -40px;
    align-content: center;
    align-items: center;
  }

  .getInTouchSection__subtitle {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .getInTouchSection {
    padding-top: 30px;
    padding-bottom: 80px;
  }

  .getInTouchSection__subtitle {
    margin-bottom: 27px;
  }

  .getInTouchSection_narrow {
    width: 100%;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .getInTouchSection__h2 {
    margin-bottom: 36px;
    font-size: 28px;
  }

  .getInTouchSection__h2::before {
    width: 44px;
    height: 4px;
    left: calc(50% - 22px);
    bottom: -11px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Key Terms of the Investment */
.keyTermsOfInvestment {
  width: 100%;
  padding: 307px 0 140px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.keyTermsOfInvestment::before {
  content: '';
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background: #F7F8FA;
}

.keyTermsOfInvestment__h2 {
  margin-bottom: 104px;
  position: relative;
  font: 600 45px/120% 'Lato',sans-serif;
  text-align: center;
}

.keyTermsOfInvestment__h2::before {
  content: '';
  width: 80px;
  height: 5px;
  border-radius: 100px;
  position: absolute;
  left: calc(50% - 40px);
  bottom: -15px;
  background: #FFD835;
}

.keyTermsOfInvestment__sectionsList {
  display: flex;
  justify-content: space-between;
}

.keyTermsOfInvestment__section {
  width: calc(33% - 18px);
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .keyTermsOfInvestment__section {
    width: calc(33.3% - 17px);
  }
}
@media (max-width: 1800px) {
  .keyTermsOfInvestment {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .keyTermsOfInvestment__h2 {
    margin-bottom: 70px;
    font-size: 40px;
  }
}

@media (max-width: 1023px) {
  .keyTermsOfInvestment {
    padding-top: 170px;
  }

  .keyTermsOfInvestment__sectionsList {
    width: 100%;
    flex-direction: column;
  }

  .keyTermsOfInvestment__section {
    width: 100%;
    margin-bottom: 27px;
  }
}

@media (max-width: 767px) {
  .keyTermsOfInvestment {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .keyTermsOfInvestment__h2 {
    margin-bottom: 36px;
    font-size: 28px;
  }

  .keyTermsOfInvestment__h2::before {
    width: 44px;
    height: 4px;
    left: calc(50% - 22px);
    bottom: -11px;
  }
}




/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* ===========================================================================================
/* Investment Terms list */
.investmentTermsList {
  padding: 31px 44px 20px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0,0,0,.06);
}

.investmentTermsList__h3 {
  margin: 0 0 40px;
  font: 600 35px/120% 'Lato',sans-serif;
}

.investmentTermsList__mainTitle {}

.investmentTermsList__additionalLabel {
  display: inline-block;
  position: relative;
  font: 16px/150% 'cr_roboto',sans-serif;
  color: rgba(0,0,0,.7);
}

.investmentTermsList__additionalLabel_ukFlag {}

.investmentTermsList__additionalLabel_ukFlag::after {
  content: '';
  width: 29px;
  height: 19px;
  position: absolute;
  top: 1px;
  right: -37px;
  background: 50% 50%/100% no-repeat;
  background-image: url(https://coinrule.com/css/images/investmentTermsList__additionalLabel_ukFlag.gif);
}

.investmentTermsList__termsList {
  list-style: none;
  padding: 0;
  font: 300 20px/150% 'cr_roboto',sans-serif;
  color: rgba(0,0,0,.7);
}

.investmentTermsList__term {
  margin: 0 33px 36px;
  position: relative;
}

.investmentTermsList__term::before {
  content: '';
  width: 20px;
  height: 16px;
  position: absolute;
  top: 10px;
  left: -35px;
  background: 50% 50%/100% 100% no-repeat;
  background-image: url(https://coinrule.com/css/images/investmentTermsList__term_checkmarkGreen.gif);
}

.investmentTermsList__term_noCheckmark {
  margin-left: 0;
  margin-right: 0;
}

.investmentTermsList__term_noCheckmark::before {
  display: none;
}

.investmentTermsList__term_grayCheckmark {}

.investmentTermsList__term_grayCheckmark::before {
  background-image: url(https://coinrule.com/css/images/investmentTermsList__term_checkmarkGray.gif);
}

.investmentTermsList__term b {
  font-weight: 600;
}

/* *** MEDIA QUERIES *** */
@media (max-width: 1800px) {
  .investmentTermsList {
    padding: 20px 34px 10px;
  }

  .investmentTermsList__h3 {
    margin-bottom: 15px;
  }

  .investmentTermsList__termsList {
    margin: 0;
  }

  .investmentTermsList__mainTitle {
    font-size: 23px;
  }

  .investmentTermsList__term {
    margin: 0 0 25px 20px;
    font-size: 18px;
    line-height: 150%;
  }

  .investmentTermsList__term_noCheckmark {
    margin-left: 0;
  }
}

@media (max-width: 1023px) {
  .investmentTermsList {
    padding-bottom: 27px;
  }

  .investmentTermsList__h3 {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .investmentTermsList {
    width: calc(100% + 40px);
    padding: 15px 20px;
    margin: 0 -20px 23px;
  }

  .investmentTermsList__h3 {
    margin-bottom: 11px;
  }

  .investmentTermsList__mainTitle {
    font-size: 18px;
  }

  .investmentTermsList__term {
    font-size: 15px;
    line-height: 160%;
  }

  .investmentTermsList__term::before {
    top: 2px;
    left: -25px;
  }
}



/* ============================================================================ */
/* ============================================================================ */
/* ============================================================================ */

/* Volume Picker Scrollbar */
.volumePickerScrollbar {
  width: calc(100% - 30px);
  height: 47px;
  margin-left: 15px;
  display: flex;
  align-content: center;
  align-items: center;
  position: relative;
  user-select: none;
}

  .volumePickerScrollbar__handle {
    width: 1px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: grab;
  }

    .volumePickerScrollbar__handle::before {
      content: '';
      width: 47px;
      height: 47px;
      position: absolute;
      top: 0;
      left: -23px;
      border-radius: 100px;
      box-shadow: 0 4px 4px rgba(0,0,0,.25);
      background: #fff;
    }

    .volumePickerScrollbar__handle::after {
      content: '';
      width: 21px;
      height: 21px;
      position: absolute;
      top: 13px;
      left: -10px;
      border-radius: 100px;
      background: #FFD835;
    }

  .volumePickerScrollbar__scale {
    width: calc(100% + 30px);
    height: 17px;
    box-sizing: border-box;
    border-radius: 100px;
    position: absolute;
    left: -15px;
    pointer-events: none;
  }

    .volumePickerScrollbar__scale_gray {
      background: #E8E8E8;
    }
    .volumePickerScrollbar__scale_yellow {
      width: 0;
      background: #FFD835;
    }

  .volumePickerScrollbar__scaleDelimiter {
    content: '';
    width: 1px;
    height: 54px;
    position: absolute;
    top: -3px;
    z-index: 0;
    background: rgba(0,0,0,.1);
  }

    .volumePickerScrollbar__scaleDelimiter_first {left: calc(0% - 5px);}
    .volumePickerScrollbar__scaleDelimiter_last {left: calc(100% + 5px);}

    .volumePickerScrollbar__scaleDelimiter_starter {left: calc(8%);}
    .volumePickerScrollbar__scaleDelimiter_hobbyist {left: calc( (28% * 1) + 8%);}
    .volumePickerScrollbar__scaleDelimiter_trader {left: calc( (28% * 2) + 8%);}
    .volumePickerScrollbar__scaleDelimiter_pro {left: calc( (28% * 3) + 8%);}


  .volumePickerScrollbar__scaleLabel {
    width: 0;
    position: absolute;
    top: 50px;
  }

    .volumePickerScrollbar__scaleLabel_starter {left: calc(8%/2 - 6px);}
    .volumePickerScrollbar__scaleLabel_hobbyist {left: calc( (28% * 0) + 8% + 28%/2);}
    .volumePickerScrollbar__scaleLabel_trader {left: calc( (28% * 1) + 8% + 28%/2);}
    .volumePickerScrollbar__scaleLabel_pro {left: calc( (28% * 2) + 8% + 28%/2);}
    .volumePickerScrollbar__scaleLabel_special {left: calc( (28% * 3) + 8% + 8%/2 + 6px);}

    .volumePickerScrollbar__scaleLabelText {
      width: 60px;
      height: 15px;
      position: absolute;
      left: -30px;
      top: 0;
      font-size: 15px;
      font-weight: 500;
      color: rgba(0,0,0,.2);
      text-align: center;
    }

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  .volumePickerScrollbar__scaleLabelText {
    font-size: 13px;
  }
}
@media (max-width: 1279px) {
  .volumePickerScrollbar {
    height: 32px;
  }

  .volumePickerScrollbar__scale {
    height: 11px;
  }

  .volumePickerScrollbar__scaleLabel {
    top: 40px;
  }

  .volumePickerScrollbar__scaleDelimiter {
    height: 40px;
  }

  .volumePickerScrollbar__handle {
    height: 37px;
    top: -2px;
  }

    .volumePickerScrollbar__handle::before {
      width: 37px;
      height: 37px;
      left: -18px;
    }

    .volumePickerScrollbar__handle::after {
      width: 15px;
      height: 15px;
      top: 11px;
      left: -7px;
    }
}
@media (max-width: 767px) {
  .volumePickerScrollbar__scaleLabel {
    top: 30px;
  }
}




/* Trading volume picker */
.tradingVolumePicker {}

  .tradingVolumePicker__description {
    margin-bottom: 31px;
    display: flex;
    justify-content: space-between;
  }

    .tradingVolumePicker__title {
      width: 440px;
      font: 900 45px/133% 'Lato',sans-serif;
      color: #000;
    }

    .tradingVolumePicker__volumeAmount {
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      font: 700 120px/120px 'Lato',sans-serif;
      color: #EDEDED;
      text-shadow: 0 -1px 0 #959595;
    }

      .tradingVolumePicker__volumeCurrency {
        position: relative;
        top: 11px;
        font-size: 45px;
        line-height: 45px;
        color: #DBDBDB;
        text-shadow: none;
      }

      .tradingVolumePicker__volumeAmountValue {
        font-weight: 900;
      }

        .tradingVolumePicker__volumeAmountValue_infinity {
          font-size: 285px;
          font-weight: 400;
        }

  .tradingVolumePicker__scrollBar {}

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {

  .tradingVolumePicker__volumeCurrency {
    margin-right: 3px;
    top: 21px;
    font-size: 35px;
  }

  .tradingVolumePicker__volumeAmountValue {
    font-size: 110px;
  }

    .tradingVolumePicker__volumeAmountValue_infinity {
      font-size: 230px;
    }
}
@media (max-width: 1800px) {
  .tradingVolumePicker__description {
    margin-bottom: 6px;
    align-content: center;
    align-items: center;
  }

  .tradingVolumePicker__title {
    width: 60%;
    font-size: 35px;
    line-height: 133%;
  }

  .tradingVolumePicker__volumeAmountValue {
    font-size: 80px;
  }
  .tradingVolumePicker__volumeAmountValue_infinity {
    font-size: 200px;
  }
}
@media (max-width: 1279px) {
  .tradingVolumePicker__title {
    width: 45%;
    font-size: 24px;
    line-height: 133%;
  }

  .tradingVolumePicker__description {
    margin-bottom: 11px;
  }

  .tradingVolumePicker__volumeAmountValue {
    line-height: 90px;
  }
}
@media (max-width: 1023px) {
  .tradingVolumePicker__title {
    width: 65%;
  }
  .tradingVolumePicker__volumeCurrency {
    top: 6px;
    line-height: 35px;
  }
  .tradingVolumePicker__volumeAmountValue {
    font-size: 70px;
    line-height: 70px;
  }

    .tradingVolumePicker__volumeAmountValue_infinity {
      font-size: 170px;
    }
}
@media (max-width: 767px) {
  .tradingVolumePicker__description {
    margin-bottom: -5px;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }

    .tradingVolumePicker__title {
      width: auto;
      font-size: 20px;
      text-align: center;
    }

    .tradingVolumePicker__volumeCurrency {
      top: 15px;
      font-size: 24px;
      line-height: 24px;
    }

    .tradingVolumePicker__volumeAmountValue {
      font-size: 50px;
    }

    .tradingVolumePicker__volumeAmountValue_infinity {
      font-size: 115px;
    }
}





/* How you will save Value */
.howMuchYouSaveValue {
}

  .howMuchYouSaveValue__title {
    margin-bottom: 26px;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    font: 900 120px/120px 'Lato',sans-serif;
    color: #4A3DFF;
  }

    /* .howMuchYouSaveValue__title_1 {
      font-size: 68px;
      line-height: 118%;
    } */
    /* .howMuchYouSaveValue__title_2 {
      font-size: 68px;
      line-height: 118%;
    } */
    .howMuchYouSaveValue__title_3 {}
    .howMuchYouSaveValue__title_4 {}
    .howMuchYouSaveValue__title_5 {
      font-size: 88px;
      line-height: 118%;
      white-space: nowrap;
    }

    .howMuchYouSaveValue__titleSaveValue {}

    .howMuchYouSaveValue__titleSmallText {
      position: relative;
      top: 15px;
      font-size: 45px;
      line-height: 45px;
      font-weight: 600;
    }

  .howMuchYouSaveValue__comparedTo {
    font: 500 35px/160% 'Lato',sans-serif;
    color: #B5B5B5;
  }

/* *** MEDIA QUERIES *** */
@media (max-width: 1919px) {
  /* .howMuchYouSaveValue__title_1 {
    font-size: 63px;
  } */
  /* .howMuchYouSaveValue__title_2 {
    font-size: 63px;
  } */
}
@media (max-width: 1800px) {
  .howMuchYouSaveValue__title {
    margin-bottom: 7px;
    font-size: 80px;
    line-height: 90px;
  }
    /* .howMuchYouSaveValue__title_1 {
      font-size: 48px;
      line-height: 110%;
    } */
    /* .howMuchYouSaveValue__title_2 {
      font-size: 48px;
      line-height: 110%;
    } */
    .howMuchYouSaveValue__title_5 {
      font-size: 68px;
      line-height: 118%;
      white-space: nowrap;
    }

  .howMuchYouSaveValue__titleSmallText {
    top: 10px;
    font-size: 40px;
  }

  .howMuchYouSaveValue__comparedTo {
    font-size: 24px;
    line-height: 130%;
  }
}
@media (max-width: 1279px) {
  /* .howMuchYouSaveValue__title_1 {
    font-size: 40px;
  } */
  /* .howMuchYouSaveValue__title_2 {
    font-size: 40px;
  } */
  .howMuchYouSaveValue__title_4 {
    white-space: nowrap;
  }
  .howMuchYouSaveValue__title_5 {
    font-size: 61px;
  }

    .howMuchYouSaveValue__titleSmallText {
      top: 8px;
      font-size: 35px;
    }
}
@media (max-width: 1023px) {
  .howMuchYouSaveValue__title {
    justify-content: center;
    font-size: 70px;
    line-height: 110%;
    text-align: center;
  }
    /* .howMuchYouSaveValue__title_1 {
      margin-top: 8px;
      font-size: 50px;
    } */
    /* .howMuchYouSaveValue__title_2 {
      margin-top: 8px;
      font-size: 50px;
    } */
    .howMuchYouSaveValue__title_5 {
      margin-top: 8px;
      font-size: 50px;
    }

  .howMuchYouSaveValue__comparedTo {
    text-align: center;
  }

    .howMuchYouSaveValue__titleSmallText {
      top: 4px;
    }
}
@media (max-width: 767px) {
  .howMuchYouSaveValue__title {
    font-size: 50px;
    white-space: normal;
  }

    .howMuchYouSaveValue__titleSum {
      display: flex;
    }

    /* .howMuchYouSaveValue__title_1 {
      font-size: 35px;
    } */
    /* .howMuchYouSaveValue__title_2 {
      font-size: 35px;
    } */
    .howMuchYouSaveValue__title_5 {
      font-size: 35px;
      white-space: normal;
    }

      .howMuchYouSaveValue__titleSmallText {
        top: 9px;
        font-size: 24px;
        line-height: 24px;
      }

      .howMuchYouSaveValue__comparedTo {
        font-size: 13px;
        text-align: center;
      }
}



/* Trading Volume suitable plan */
.tradingVolumeSuitablePlan {
  width: 445px;
  padding: 29px 32px 50px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px #C9C9C9 solid;
  border-radius: 16px;
  font: 24px/160% 'Lato',sans-serif;
  color: #383838;
  background: #fff;
}

  .tradingVolumeSuitablePlan__description {
    margin-bottom: 103px;
  }

    .tradingVolumeSuitablePlan__descrSection {
      margin-bottom: 18px;
      font-size: 35px;
      font-weight: 900;
    }

      .tradingVolumeSuitablePlan__descrTitle {
        margin-bottom: 7px;
        font: 24px/160% 'Lato',sans-serif;
        color: #383838;
      }

      .tradingVolumeSuitablePlan__descrText {
      }

        .tradingVolumeSuitablePlan__descrSmallText {
          font-size: 24px;
          font-weight: 500;
        }

  .tradingVolumeSuitablePlan__CTAsection {
    font: 24px/160% 'Lato',sans-serif;
    color: #B5B5B5;
  }

    .tradingVolumeSuitablePlan__CTAbut {
      height: 80px;
      padding: 0 35px 4px;
      margin-bottom: 18px;
      box-sizing: border-box;
      position: relative;
      display: flex;
      align-items: center;
      align-content: center;
      border-radius: 100px;
      font-size: 35px;
      line-height: 35px;
      font-weight: 600;
      color: #fff;
      text-decoration: none;
      white-space: nowrap;
      box-shadow: 0 4px 4px rgba(0,0,0,.25);
      background: #FF165E;
      cursor: pointer;
      transition: opacity .1s ease;
    }

      .tradingVolumeSuitablePlan__CTAbut:hover {
        opacity: .7;
      }

      .tradingVolumeSuitablePlan__CTAbut::after {
        content: '';
        width: 26px;
        height: 26px;
        position: absolute;
        top: calc(50% - 14px);
        right: 25px;
        background: 50% 50%/auto 100% no-repeat;
        background-image: url(https://coinrule.com/css/images/tradingVolumeSuitablePlan__CTAbut__caret_icon.svg);
        opacity: .4;
      }



/* *** MEDIA QUERIES *** */
@media (max-width: 1920px) {
  .tradingVolumeSuitablePlan {
    width: 410px;
    padding: 29px 38px 36px;
  }

    .tradingVolumeSuitablePlan__description {
      margin-bottom: 68px;
    }
}
@media (max-width: 1800px) {
  .tradingVolumeSuitablePlan {
    width: 310px;
    padding: 27px 30px 35px;
  }

    .tradingVolumeSuitablePlan__description {
      margin-bottom: 82px;
    }

    .tradingVolumeSuitablePlan__descrSection {
      margin-bottom: 31px;
    }

    .tradingVolumeSuitablePlan__descrTitle {
      margin-bottom: 1px;
      font-size: 18px;
      line-height: 140%;
    }

    .tradingVolumeSuitablePlan__descrText {
      height: 30px;
      font-size: 24px;
      line-height: 30px;
    }

    .tradingVolumeSuitablePlan__CTAsection {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      align-content: flex-start;
      font-size: 18px;
      line-height: 140%;
    }

      .tradingVolumeSuitablePlan__CTAbut {
        width: auto;
        height: 56px;
        padding-right: 106px;
        padding-left: 26px;
        margin-bottom: 14px;
        margin-left: -3px;
        font-size: 19px;
        line-height: 19px;
      }

        .tradingVolumeSuitablePlan__CTAbut::after {
          width: 20px;
          height: 20px;
          top: calc(50% - 10px);
          right: 20px;
        }

}
@media (max-width: 1279px) {
  .tradingVolumeSuitablePlan {
    width: 286px;
    padding-bottom: 22px;
  }

  .tradingVolumeSuitablePlan__description {
    margin-bottom: 57px;
  }

  .tradingVolumeSuitablePlan__descrSection {
    margin-bottom: 22px;
  }

    .tradingVolumeSuitablePlan__descrTitle {
      margin-bottom: 0;
      line-height: 130%;
    }

    .tradingVolumeSuitablePlan__CTAsection {
      line-height: 130%;
    }
}
@media (max-width: 1023px) {
  .tradingVolumeSuitablePlan {
    width: 100%;
    padding-bottom: 11px;
    box-sizing: border-box;
    flex-direction: row;
  }

    .tradingVolumeSuitablePlan__description {
      width: 50%;
      box-sizing: border-box;
      padding-right: 11px;
      margin-bottom: 0;
    }

    .tradingVolumeSuitablePlan__CTAsection {
      width: 50%;
      box-sizing: border-box;
      padding-top: 13px;
      padding-left: 11px;
    }
}
@media (max-width: 767px) {
  .tradingVolumeSuitablePlan {
    padding-bottom: 29px;
    flex-direction: column;
  }

  .tradingVolumeSuitablePlan__description {
    width: 100%;
    padding: 0;
    margin-bottom: 16px;
  }

    .tradingVolumeSuitablePlan__descrTitle {
      text-align: center;
    }

    .tradingVolumeSuitablePlan__descrSection {
      margin-bottom: 10px;
    }

    .tradingVolumeSuitablePlan__descrText {
      text-align: center;
    }

    .tradingVolumeSuitablePlan__CTAsection {
      width: 100%;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      align-content: center;
      font-size: 13px;
      line-height: 18px;
      text-align: center;
    }

    .tradingVolumeSuitablePlan__descrText {
      height: auto;
    }
}


/* Estimate Your Cost Widget */
.estimateYourCostWidget {
  padding-top: 140px;
  margin-bottom: 160px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}

  .estimateYourCostWidget__h2 {
    width: 100%;
    margin: 0 0 107px;
    text-align: center;
  }

  .estimateYourCostWidget__calculatorForm {
    width: 802px;
  }

    .estimateYourCostWidget__tradingVolumePicker {
      margin-bottom: 87px;
    }

    .estimateYourCostWidget__howMuchYouSaveValue {}

  .estimateYourCostWidget__suitablePlan {
  }

/* *** MEDIA QUERIES *** */
@media (max-width: 1920px) {
  .estimateYourCostWidget {}

    .estimateYourCostWidget__calculatorForm {
      width: 737px;
    }
}
@media (max-width: 1800px) {
  .estimateYourCostWidget {
    margin-bottom: 140px;
  }

    .estimateYourCostWidget__h2 {
      margin-bottom: 67px;
    }

    .estimateYourCostWidget__calculatorForm {
      width: 562px;
    }

    .estimateYourCostWidget__tradingVolumePicker {
      margin-bottom: 75px;
    }

    .estimateYourCostWidget__suitablePlan {
      margin-top: 12px;
    }
}
@media (max-width: 1279px) {
  .estimateYourCostWidget {
    padding-top: 85px;
    margin-bottom: 100px;
  }

  .estimateYourCostWidget__calculatorForm {
    width: 514px;
  }
  .estimateYourCostWidget__tradingVolumePicker {
    margin-bottom: 62px;
  }
  .estimateYourCostWidget__suitablePlan {
    margin-top: -4px;
  }

}
@media (max-width: 1023px) {
  .estimateYourCostWidget__h2 {
    margin-bottom: 45px;
  }

  .estimateYourCostWidget__calculatorForm {
    width: 100%;
    margin-bottom: 55px;
  }
  .estimateYourCostWidget__tradingVolumePicker {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .estimateYourCostWidget {
    padding-top: 50px;
    margin-bottom: 70px;
  }

  .estimateYourCostWidget__calculatorForm {
    margin-bottom: 37px;
  }

  .estimateYourCostWidget__tradingVolumePicker {
    margin-bottom: 22px;
  }

  .estimateYourCostWidget__h2 {
    margin-bottom: 40px;
  }
}