body {     margin: 0;     padding: 0;     font-family: sans-serif;     background: #08080d; }  * {     box-sizing: border-box; }  a {     text-decoration: none; }  .container {     max-width: 1200px;     margin: 0 auto;     padding: 0 20px; }  .header__wrapper, .nav__list {     display: flex;     justify-content: space-between;     align-items: center; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     background: #08080d;     z-index: 3; }  .container--wide {     max-width: 1420px; }  .nav {     padding: 0 20px; }  .nav__list {     list-style: none;     padding: 0;     margin: 0;   position: relative; } .nav__list__item {   position: relative; }  .nav__list__item__link {     transition: all .3s;     display: block;     padding: 30px 18px;     font-size: 16px;     color: #fff;     position: relative;     cursor: pointer; }  .nav__list__item__link:before {     content: '';     position: absolute;     bottom: 17px;     left: 18px;     width: calc(100% - 36px);     height: 2px;     background-color: transparent;     -webkit-transition: all .3s;     -o-transition: all .3s;     transition: all .3s; }  .nav__list__item:hover > .nav__list__item__link:before {     background-color: #40c95a; } .drop-menu {   display: none;     position: absolute;     top: 100%;     left: 0;     padding: 0;     background: #272727;     width: 100%; } .nav__list__item:hover .drop-menu {   display: block; } .drop-menu__item {   padding: 10px; } .drop-menu__link {   color: #fff;   display: block; } .btn {     font-weight: 700;     color: #fff;     font-size: 16px;     display: inline-block;     padding: 20.5px 50px;     border-radius: 4px;     outline: 0;     -webkit-box-shadow: none;     box-shadow: none;     border: none;     -webkit-transition: all .3s;     -o-transition: all .3s;     transition: all .3s;     cursor: pointer;     text-align: center; }  .btn--prime {     background: #40c95a; }  .btn--sm {     padding: 10.5px 35px; }  .main {     background: #ffffff; }  .main a {     color: #40c95a; }  .best-sites {     background: #08080d;     padding: 150px 0 0; }  .best-sites__content {     color: #fff;     display: flex;     flex-wrap: wrap; }  .best-sites__content__left {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -webkit-flex-direction: column;     -ms-flex-direction: column;     flex-direction: column;     width: 50%;     padding: 20px; }  .best-sites__content__left__title {     font-size: 56px;     font-weight: 700;     margin: 0; }  .best-sites__content__left__banner img {     width: 85%;     height: auto; }  .best-sites__content__left__list:first-child {     margin-right: 40px; }  .best-sites__content__left__list__title {     font-size: 14px;     line-height: 1.5;     color: #aba9a9; }  .best-sites__content__left__list__images {     margin-top: 14px;     display: flex;     align-items: center;     flex-wrap: wrap; }  .best-sites__content__left__list__images__item, .best-sites__content__left__list__images__rest {     width: 40px;     height: 40px;     margin-right: 0;     box-shadow: 0 0 0 4.5px #08080d;     overflow: hidden;     border-radius: 50%;     position: relative; }  .best-sites__content__left__list__images__item img {     position: absolute;     top: 0;     right: 0;     bottom: 0;     left: 0;     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover; }  .best-sites__content__left--flex {     display: flex;     align-items: center;     justify-content: flex-start;     margin-top: 51px; }  .best-sites__content__left__list__images__rest {     font-size: 16px;     font-weight: 500;     overflow: visible;     -webkit-transition: all .3s;     -o-transition: all .3s;     transition: all .3s;     z-index: 2;     position: static; }  .best-sites__content__left__list__images__rest__count {     display: flex;     align-items: center;     justify-content: center;     background: #232332;     height: 100%;     width: 100%;     border-radius: 50%;     position: relative; }  .best-sites__content__left__list__images__rest__count__toggle {     font-size: 12px; }  .best-sites__content__left__list__images__rest a {     display: block;     height: 100%;     color: #ffffff; }  .best-sites__content__right {     width: 50%;     padding: 20px; }  .choice {     padding: 60px 32px 32px;     position: relative;     border: 1px solid #40c95a;     border-radius: 15px;     margin-bottom: 62px;     margin-top: 40px; }  .choice__icon {     position: absolute;     top: -17px;     left: 19px; }  .best-sites__content__right__content {     display: flex; }  .best-sites__content__right__content__pic {     webkit-flex-basis: 106px;     -ms-flex-preferred-size: 106px;     flex-basis: 106px;     height: 80px;     border: 1px solid #f2f2f2;     border-radius: 4px;     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center;     background: #fff;     padding: 0 12px;     -webkit-flex-shrink: 0;     -ms-flex-negative: 0;     flex-shrink: 0; }  .best-sites__content__right__content__pic img {     max-width: 100%; }  .best-sites__content__right__content__block {     margin-left: 32px; }  .best-sites__content__right__content__block__title {     font-weight: 700;     font-size: 32px;     line-height: 1.1;     margin-bottom: 4px; }  .best-sites__content__right__content__block__label {     color: #fff;     opacity: .5;     font-weight: 500;     font-size: 20px;     margin-right: 8px; }  .best-sites__content__right__content__block__rating {     display: flex;     align-items: center; }  .best-sites__content__right__content__block__rating svg {     width: 21px;     height: 21px;     margin-right: 8px; }  .flag {     max-width: 31px;     margin-left: 12px;     border-radius: 4px; }  .best-sites__content__right__content__block__rating__count {     font-size: 19px; }  .btn.btn-icon__visit {     color: #ffffff; }  .btn-icon__visit {     width: 100%;     display: flex;     align-items: center;     justify-content: center;     margin-top: 38px;     padding: 22px;     font-size: 24px; }  .btn-icon__visit svg {     width: 23px;     height: 25px;     margin-left: 6px; }  .main .best-sites__content-full {     padding: 20px;     background: #0e0e14;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center;     font-size: 16px;     font-weight: 700;     display: flex;     align-items: center;     color: #fff; }  .best-sites__content-full svg {     width: 16px;     height: 16px;     margin-right: 8px; }  .best-sites-info {     text-align: right;     color: #aba9a9;     margin-top: 48px;     padding-bottom: 4px;     font-size: 12px;     opacity: .9;     line-height: 1.5; }  .main-table__cryptocurrencies {     width: 15%;     padding: 16px 8px;     color: #000;     flex: 1;     flex-basis: auto; }  .main-table__cryptocurrencies .best-sites__content__left__list__images__item, .main-table__cryptocurrencies .best-sites__content__left__list__images__rest {     background: #fff;     box-shadow: 0 0 0 4.5px #fff;     width: 31px;     height: 31px; }  .main-table__cryptocurrencies .best-sites__content__left__list__images__rest__count {     background: #fff; }  .main-table__cryptocurrencies .best-sites__content__left__list__images__rest a {     color: #000; }  .main-table__row {     padding: 0 12px;     display: flex;     align-items: center;     margin-top: 8px;     position: relative;     border-radius: 10px;     background-color: #fff;     box-shadow: 0 2px 0 0 #f2f0f0; }  .main-table__name {     display: flex;     align-items: center;     padding: 16px 8px;     width: 30%;     color: #000;     flex: 1;     flex-basis: auto; }  .main-table__name__logo {     display: flex;     align-items: center;     justify-content: center;     width: 82px;     height: 82px;     flex-shrink: 0;     padding: 8px;     border-radius: 4px;     border: 1px solid #f2f2f2;     position: relative; }  .main-table__name__link {     display: block; }  .main-table__name__link img {     width: 64px;     height: auto; }  .main-table__name__link__wrapper-title a {     font-size: 28px;     color: #000; }  .stars {     display: flex;     align-items: center;     margin-top: 8px; }  .stars svg {     width: 18px;     height: 18px; }  .stars p {     margin: 0; }  .main-table__cta {     padding: 16px 8px; }  .main-table__cta .btn-icon__visit {     margin-top: 0;     font-size: 16px;     padding: 16px 5px; }  .main-table__cta .btn-icon__visit svg {     width: 15px;     height: 16px; }  .main-table__bonus {     width: 20%;     padding: 16px 8px; }  .main-table__bonus a {     color: #000000;     font-size: 13px;     font-weight: 500 }  .main-table__order {     padding: 16px 8px;     color: #000;     flex: 1;     flex-basis: auto;     font-size: 16px;     display: flex;     justify-content: center;     align-items: center;     font-weight: 500; }  .main-table__cta {     width: 23%; }  .content {     margin-top: 32px; } .content img {   max-width: 100%;   height: auto; } .content__title {     text-align: center; }  .question__title {     margin-bottom: 40px;     font-size: 44px;     letter-spacing: -.1px;     line-height: 1.3;     font-weight: 700;     color: #000; }  .question__item {     border-bottom: 1px solid #d8d8d8;     overflow: hidden; }  .question__item:first-child {     border-top: 1px solid #d8d8d8; }  .question__item__title {     position: relative;     display: block;     font-size: 24px;     line-height: 1.5;     font-weight: 700;     color: #0d0e0e;     padding: 30px 50px 30px 0;     cursor: pointer;     margin: 0; }  .question__item__title::after {     content: '+';     position: absolute;     top: 0;     right: 0;     bottom: 0;     margin: auto;     width: 32px;     height: 32px;     border-radius: 4px;     border: 1px solid #0d0e0e;     text-align: center;     line-height: 32px;     color: #0d0e0e; }  .question__item__title.open:after {     content: '—'; }  .question__item__text {     font-size: 18px;     line-height: 1.5;     max-height: 0;     transition: max-height 500ms; }  .question__item__text.open {     margin-bottom: 30px;     max-height: 1000px; }  .question__item__text p:not(:first-child) {     margin-top: 32px; }  .question__item__link {     color: #40c95a;     font-weight: 700; }  .best__title {     margin-bottom: 32px;     display: block;     font-size: 24px;     line-height: 1.3;     font-weight: 700; }  .best__item {     color: #0d0e0e;     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-flex-wrap: wrap;     -ms-flex-wrap: wrap;     flex-wrap: wrap; }  .best__item__wrapper {     padding: 20px;     width: 50%; }  .best__item__image {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -webkit-flex-direction: column;     -ms-flex-direction: column;     flex-direction: column;     min-height: 100%; }  .best__item__image__img {     position: relative;     overflow: hidden;     padding-bottom: 56.25%; }  .best__item__image__img img {     position: absolute;     top: 0;     right: 0;     bottom: 0;     left: 0;     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover; }  .main .best__item__image-link {     color: #0d0e0e; }  .best__item__image__title {     font-weight: 700;     font-size: 24px;     line-height: 1.3; }  .best__item__image__cta {     margin-top: 24px; }  .best__item__image-more {     font-size: 16px;     display: -webkit-inline-box;     display: -webkit-inline-flex;     display: -ms-inline-flexbox;     display: inline-flex;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     border-bottom: 1px solid #08080d;     margin: 0; }  .best__item__image-more svg {     width: 15px;     height: 15px;     margin-left: 8px; }  .footer {     padding: 72px 0;     color: #ffffff; }  .footer__top {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-flex-wrap: wrap;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: space-between; }  .footer__top .footer__sc {     display: none; }  .footer__top__left {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     width: 50%; }  .footer__logo {     -ms-flex-negative: 0;     flex-shrink: 0;     width: 56px; }  .footer__logo__link {     width: 31px;     display: block; }  .footer__logo__link img {     display: block;     width: 100%;     height: auto; }  .footer__top__about {     width: calc(100% - 56px); }  .footer__top__about__content-title {     display: block;     margin-bottom: 24px; }  .footer__top__about__content__text {     color: #6e6e6e; }  .footer__top__left .footer__sc {     display: block; }  .footer__sc__inner {     padding-left: 56px;     margin-top: 40px; }  .footer__sc__list {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     padding: 0; }  .footer__sc__list li {     list-style-type: none;     margin-left: 20px; }  .footer__sc__list li:first-child {     margin-left: 0; }  .footer__sc__list__icon {     display: block;     text-decoration: none; }  .footer__sc__list__icon svg {     width: 18px;     height: 18px;     border-radius: 2px; }  .footer__top__right {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     width: 41.66667%;     padding: 0 20px 20px; }  .footer__top__right__menu h2 {     font-size: inherit;     margin: 0 0 24px; }  .footer__menu {     list-style: none;     padding: 0; }  .footer__menu__item {     margin: 0 0 24px; }  .footer__top__right__links {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: space-between;     width: 100%; }  .footer__menu__item:last-child {     margin-bottom: 0; }  .footer__menu__item__link {     color: #6e6e6e;     font-weight: 500;     display: -webkit-inline-box;     display: -webkit-inline-flex;     display: -ms-inline-flexbox;     display: inline-flex; }  .footer__menu__item__link:before {     content: url(/shared/2892/footer-arrow-right-grey.svg);     vertical-align: middle;     margin-right: 10px; }  .footer__menu__item__link:hover {     -webkit-filter: invert(76%) sepia(10%) saturate(5495%) hue-rotate(74deg) brightness(98%) contrast(64%);     filter: invert(76%) sepia(10%) saturate(5495%) hue-rotate(74deg) brightness(98%) contrast(64%); }  @media only screen and (max-width: 1240px) {     .main-table--crypto .best-sites__content__left__list__images__item:nth-child(5) {         display: none;     }      .main-table--crypto .best-sites__content__left__list__images__item:nth-child(4) {         display: none;     } }  .header__menu-btn {     display: none;     position: relative;     left: 5px;     height: 24px;     width: 30px;     -webkit-transition: all .3s;     -o-transition: all .3s;     transition: all .3s;     cursor: pointer; }  .header__menu-btn span, .header__menu-btn span:after, .header__menu-btn span:before {     content: '';     width: 25px;     height: 2px;     background: #fff;     border-radius: 10px;     display: inline-block;     position: absolute;     top: 4px;     -webkit-transition: all .5s;     -o-transition: all .5s;     transition: all .5s;     -webkit-transform-origin: center;     -o-transform-origin: center;     transform-origin: center; }  .header__menu-btn span:after, .header__menu-btn span:before {     left: 0; }  .header__menu-btn span:before {     top: 7px; }  .header__menu-btn span:after {     top: 14px; }  @media only screen and (max-width: 990px) {     .container {         max-width: 720px;     }      .header__menu-btn {         display: block;     }      .main-table--crypto .best-sites__content__left__list__images__item:nth-child(5) {         display: block;     }      .main-table--crypto .best-sites__content__left__list__images__item:nth-child(4) {         display: block;     }      .best-sites__content {         flex-direction: column;     }      .best-sites__content__left,     .best-sites__content__right {         width: 100%;     }      .main-table__row {         flex-wrap: wrap;     }      .main-table__order {         padding: 0 8px;         flex-basis: auto;     }      .main-table__name {         width: 40%;         order: 1;     }      .main-table__cryptocurrencies {         width: 40%;         order: 3;         display: flex;         justify-content: flex-end;         padding-right: 16px;         position: relative;     }      .main-table__bonus {         width: 30%;         flex-grow: 1;         order: 4;     }      .main-table__cta {         width: 50%;         flex-grow: 0;         flex: auto;         order: 7;     }      .footer__top__left .footer__sc.footer__sc--none {         display: none;     }      .footer__top .footer__sc {         display: block;     }      .footer__top,     .footer__top__right__links {         flex-direction: column;     }      .footer__top__left {         margin-bottom: 10px;     }      .footer__top__right {         padding-left: 56px;         width: 100%;     }      .footer__top__left {         width: 100%;     }      .best__item {         flex-wrap: nowrap;         overflow-x: scroll;     }      .best__item__wrapper {         padding: 20px;         width: 40%;         flex-shrink: 0;     }      .header__wrapper {         position: relative;     }      .nav {         display: none;         position: absolute;         top: 100%;         width: 100%;         height: 100vh;         background: #0d0e0e;         z-index: 2;     }      .nav__list {         flex-direction: column;     }      .header.active:after {         display: block;         content: '';         width: 100%;         height: 100vh;         background: rgba(13, 14, 14, 0.5);         position: absolute;         z-index: 1;     }      .header {         padding: 10px 0;     } }  @media only screen and (max-width: 720px) {     .container {         width: 100%     }     .best-sites {         padding: 70px 0 0;     }     .best-sites__content__left__title {         font-size: 28px;     }     .best-sites__content__left__banner img {         width: 100%;     }     .best-sites__content__right__content__pic {         flex-basis: 80px;         height: 56px;     }     .best-sites__content__right__content__block__title {         font-size: 22px;     }     .best-sites__content__right__content__block__label {         font-size: 14px;     }     .best-sites__content__right__content__block__rating svg {         width: 15px;         height: 15px;     }     .best-sites__content__right__content__block__rating__count {         font-size: 14px;     }     .flag {         max-width: 26px;         margin-left: 7px;     }     .btn-icon__visit {         margin-top: 28px;         padding: 18px;         font-size: 16px;     }     .choice {         margin-bottom: 40px;     }      .main-table__name {         width: 75%;         flex-shrink: 1;     }      .main-table__name__logo {         width: 60px;         height: 45px;         margin-right: 10px;     }     .main-table__name__link img {         width: 100%;     }     .main-table__bonus {         width: 100%;         order: 3;     }     .main-table__cryptocurrencies {         order: 4;         flex-grow: 1;         width: auto;         justify-content: flex-start;         padding: 24px 8px;     }     .main-table__cta {         width: 100%;     }     .question__item__title {         font-size: 18px;     }     .best__item__wrapper {         width: 60%;     }     .question__item__text {         font-size: 14px;     } }  @media only screen and (max-width: 455px) {     .logo__link img {         width: 130px;         height: auto;     }     .btn {         font-size: 13px;         padding: 7px 20px;     } } @media only screen and (max-width: 360px) {     .best-sites__content__right__content__block {         margin-left: 5px;     }     .best-sites__content__right__content__block__label,     .best-sites__content__right__content__block__rating svg {         font-size: 10px;         margin-right: 5px;     }     .best-sites-info {         margin-top: 25px;         font-size: 9px;     }     .best-sites__content__left__list__images__item, .best-sites__content__left__list__images__rest {         width: 25px;         height: 25px;     }     .choice {         padding: 32px 10px 32px;         margin-top: 15px;     }     .choice__icon {         top: -12px;         width: 175px;     }     .choice__icon img {         width: 100%;     }      .best-sites__content__right {         padding: 0;     }     .best-sites__content__left--flex {         margin-top: 15px;     }     .best-sites__content__left__list__title {         margin-top: 0;     }     .main-table__row {         padding: 0;     }     .best__item__wrapper {         padding: 5px;     }     .container {         padding: 0 10px;     }     .best__item__wrapper {         width: 85%;     }     .best__item__image__cta {         margin-top: 10px;         font-size: 14px;     }     .best__item__image__title {         font-size: 18px;     } }