html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, menu, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
margin: 0
}
*[hidden] {
display: none
}
body {
line-height: 1
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
html {
height: auto
}
body {
height: 100%;
width: 100%;
font-family: Arial, sans-serif;
line-height: 1;
color: #333
}
*, :after, :before {
box-sizing: border-box
}
input:focus, textarea:focus, button:focus, select:focus {
outline: 0
}
ins {
text-decoration: none
}
del, s, strike {
text-decoration: line-through
}
a, a *, a:before, a:after {
text-decoration: none;
transition: all 200ms ease
}
picture {
width: 100%;
height: auto
}
picture source {
display: block
}
b, strong {
font-weight: bold
}
ol, ul {
list-style: none
}
html:not([country="US"]):not([country="cf_country"]) .not-us-hidden {
display: none !important
}
html:not([country="US"]):not([country="cf_country"]) .ftc-navbar, html:not([country="US"]):not([country="cf_country"]) .ftc-disclosure-bottom {
display: none
}
html[country="US"] .us-hidden, html[country="cf_country"] .us-hidden {
display: none !important
}
html[country="US"] .ftc-navbar, html[country="cf_country"] .ftc-navbar {
display: block;
font-size: 13px;
text-align: center;
padding: 8px 10px;
line-height: 1.2;
position: relative
}
html[country="US"] body:not(.new-menu-ppc) .ppc_type:not(.single):not(.post):not(.vendor) header .container, html[country="cf_country"] body:not(.new-menu-ppc) .ppc_type:not(.single):not(.post):not(.vendor) header .container {
margin-top: 15px
}
html[country="US"] .ftc-disclosure-bottom, html[country="cf_country"] .ftc-disclosure-bottom {
display: block;
background: #effaff;
font-weight: bold;
text-align: center;
padding: 20px 30px;
border-top: 1px solid #dcdcee;
border-bottom: 1px solid #dcdcee;
line-height: 1.5em;
font-size: 14px;
margin-top: 30px
}
html[country="US"] .single-popular .ftc-disclosure-bottom, html[country="cf_country"] .single-popular .ftc-disclosure-bottom {
margin-top: 30px
}
html[country="US"] .coupon .ftc-disclosure-bottom, html[country="US"] .single-landing-ppc .ftc-disclosure-bottom, html[country="cf_country"] .coupon .ftc-disclosure-bottom, html[country="cf_country"] .single-landing-ppc .ftc-disclosure-bottom {
margin-bottom: 30px
}
.asw-widget .asw-menu-btn {
background: #5b6a71 !important;
width: 35px;
height: 35px;
border: none;
border-radius: 35px;
background-color: #5b6a71;
outline: unset !important
}
.asw-widget .asw-menu-btn::after {
position: absolute;
top: -9px;
content: "";
left: -9px;
width: 45px;
height: 45px;
border: 5px solid #5b6a71;
border-radius: 40px;
background-color: transparent;
display: inherit
}
.single-vendor.--hero-floating .asw-widget .asw-menu-btn {
bottom: 85px
}
.rtl .asw-widget .asw-menu-btn, .rtl .asw-menu {
right: 20px
}
@media (min-width: 1300px) {
.asw-widget .asw-menu-btn {
top: 12px
}
html[country="US"] .asw-widget .asw-menu-btn, html[country="cf_country"] .asw-widget .asw-menu-btn {
top: 45px
}
}
.asw-widget .asw-menu-btn svg {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
max-width: 20px;
max-height: 20px;
background: 0 0 !important
}
.ftc-navbar__tooltip {
display: inline-block;
cursor: pointer;
text-decoration: underline;
color: #005EAB
}
@media (min-width: 768px) {
.ftc-navbar__tooltip {
position: relative
}
}
.ftc-navbar__tooltip__text {
visibility: hidden;
font-size: 14px;
width: 80vw;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #474a60;
padding: 5px 10px;
position: absolute;
z-index: 9999;
opacity: 0;
transition: opacity 0.3s;
font-weight: 400;
margin-top: 5px;
right: 20px;
text-align: left
}
@media (min-width: 768px) {
.ftc-navbar__tooltip__text {
width: 250px;
right: 0
}
}
@media (min-width: 992px) {
.ftc-navbar__tooltip__text {
width: 400px
}
}
.ftc-navbar__tooltip.active .ftc-navbar__tooltip__text {
visibility: visible;
opacity: 1
}
.cookies-settings {
display: none
}
.ftc_ownership_note {
display: none
}
.ftc_ownership--show .ftc_ownership_note {
display: inline-block
}
.ftc_ownership--small {
font-size: 14px !important;
font-style: italic !important
}
.modal-open {
overflow: hidden
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50)
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5
}
.modal-header:before, .modal-header:after {
content: " ";
display: table
}
.modal-header:after {
clear: both
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1
}
.modal-body {
position: relative;
padding: 15px
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer:before, .modal-footer:after {
content: " ";
display: table
}
.modal-footer:after {
clear: both
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px
}
.modal-footer .btn-block + .btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
}
.modal-sm {
width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px
}
}
/*@font-face {*/
/* font-family: 'Cabin';*/
/* src: local("Cabin Regular"), local("Cabin-Regular"), url("/wp-content/themes/assets/fonts/cabin/cabinregular.woff2") format("woff2"), url("/wp-content/themes/assets/fonts/cabin/cabinregular.woff") format("woff"), url("/wp-content/themes/assets/fonts/cabin/cabinregular.ttf") format("truetype");*/
/* font-weight: 400;*/
/* font-style: normal;*/
/* font-display: swap*/
/*}*/
/*@font-face {*/
/* font-family: 'Cabin';*/
/* src: local("Cabin Italic"), local("Cabin-Italic"), url("/wp-content/themes/assets/fonts/cabin/cabinitalic.woff2") format("woff2"), url("/wp-content/themes/assets/fonts/cabin/cabinitalic.woff") format("woff"), url("/wp-content/themes/assets/fonts/cabin/cabinitalic.ttf") format("truetype");*/
/* font-weight: 400;*/
/* font-style: italic;*/
/* font-display: swap*/
/*}*/
/*@font-face {*/
/* font-family: 'Cabin';*/
/* src: local("Cabin SemiBold"), local("Cabin-SemiBold"), url("/wp-content/themes/assets/fonts/cabin/cabinsemibold.woff2") format("woff2"), url("/wp-content/themes/assets/fonts/cabin/cabinsemibold.woff") format("woff"), url("/wp-content/themes/assets/fonts/cabin/cabinsemibold.ttf") format("truetype");*/
/* font-weight: 600;*/
/* font-style: normal;*/
/* font-display: swap*/
/*}*/
/*@font-face {*/
/* font-family: 'Cabin';*/
/* src: local("Cabin Bold"), local("Cabin-Bold"), url("/wp-content/themes/assets/fonts/cabin/cabinbold.woff2") format("woff2"), url("/wp-content/themes/assets/fonts/cabin/cabinbold.woff") format("woff"), url("/wp-content/themes/assets/fonts/cabin/cabinbold.ttf") format("truetype");*/
/* font-weight: 700;*/
/* font-style: normal;*/
/* font-display: swap*/
/*}*/
html, body {
min-height: 100%;
height: auto
}
body {
width: 100%;
line-height: 1;
color: #37474F;
background: #fff;
font-family: "Cabin", Arial, Sans-Serif;
font-size: 1rem;
direction: ltr
}
.container {
margin: 0 auto;
padding: 0 25px
}
@media (min-width: 768px) {
.container {
width: 750px;
padding: 0
}
}
@media (min-width: 992px) {
.container {
width: 970px
}
}
@media (min-width: 1200px) {
.container {
width: 1170px
}
}
.hidden {
display: none !important
}
.button {
text-align: center;
background: #E64A19 0% 0% no-repeat padding-box;
box-shadow: 0px 5px 5px #e64a191a;
border-radius: 8px;
width: 100%;
display: inline-block;
font-size: 19px;
padding: 14px 15px;
margin-bottom: 12px;
color: #fafafa
}
.--buttons-blue .button {
background: #00ACC1 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 5px "#00ACC11A"
}
.--buttons-blue .button:hover {
background: #E64A19 0% 0% no-repeat padding-box;
box-shadow: 0px 5px 5px #e64a191a
}
@media (min-width: 768px) {
.button {
padding: 11px 15px;
width: auto;
display: inline-block
}
.button:lang(hu), .button:lang(bg), .button:lang(ru), .button:lang(uk) {
padding: 10px 11px
}
}
@media (min-width: 992px) {
.stars-rating .button {
padding: 14px 23px
}
}
.button:after {
content: "";
width: 17px;
height: 17px;
background-position: center;
background-size: contain;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H24V24H0Z'/%3E%3Cpath class='b' d='M10.02,6,8.61,7.41,13.19,12,8.61,16.59,10.02,18l6-6Z'/%3E%3C/svg%3E");
vertical-align: bottom;
transition: ease 0.5s;
transform: rotate(0deg)
}
.button:hover {
background: #00ACC1 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 5px "#00ACC11A"
}
.button:hover:after {
transition: ease 0.5s;
margin-left: 5px;
margin-right: -5px
}
.no-js .img-lazy-wrap, .no-js .picture-lazy, .no-js [data-src], .no-js .lazy, .no-js .content-wrap.comparison, .no-js #watchVideoBlock {
display: none !important
}
.overlay-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
img {
max-width: 100%;
height: auto
}
img[width="1"][height="1"] {
position: absolute;
visibility: hidden
}
.section-title {
font-size: 24px;
line-height: 32px;
margin: 25px 0
}
.section-title--white {
color: #fff
}
@media (min-width: 768px) {
.section-title {
font-size: 32px
}
}
header {
background: #fff;
position: relative
}
header .container {
display: flex;
align-items: center;
justify-content: space-between;
position: static;
height: 66px
}
@media (min-width: 1200px) {
header .container {
position: relative;
height: 43px;
margin-top: 25px
}
}
header .logo {
max-width: 156px
}
.is-the-how-to-guide-domain header .logo {
max-width: 90px
}
header .menu {
width: 24px;
height: 14px
}
@media (min-width: 1200px) {
header .menu {
width: 100%;
display: flex;
justify-content: flex-end
}
}
header .menu__burger {
z-index: 999;
position: absolute;
top: 23px
}
@media (min-width: 1200px) {
header .menu__burger {
display: none
}
}
header .menu__burger div {
background: #1d5b8a;
width: 15px;
height: 2px;
margin: 2px 0;
transition: 0.5s
}
header .menu__burger div:first-child {
width: 18px
}
header .menu__burger div:last-child {
width: 10px
}
header .menu__burger_open {
background: transparent
}
header .menu__burger_open div {
background: transparent
}
header .menu__burger_open div:first-child, header .menu__burger_open div:last-child {
top: 50%;
position: absolute;
width: 14px;
height: 2px;
content: " ";
background: #fff
}
header .menu__burger_open div:first-child {
transform: rotate(-45deg)
}
header .menu__burger_open div:last-child {
transform: rotate(45deg)
}
header .menu__block {
width: 200px;
padding: 50px 25px;
min-height: 100vh;
background: #1d5b8a;
position: absolute;
transition: 0.5s;
display: none;
right: -200px;
top: 0;
z-index: 99
}
@media (min-width: 1200px) {
header .menu__block {
position: static;
display: flex;
width: auto;
min-height: auto;
padding: 0;
background: none;
justify-content: flex-end;
transition: unset
}
}
header .menu__block_open {
display: block;
right: 0
}
header .menu__list {
margin: 30px 0;
list-style: none;
order: 0
}
@media (min-width: 1200px) {
header .menu__list {
order: unset;
display: flex;
margin: 0;
position: relative
}
}
header .menu__list_child {
display: none;
list-style: none;
margin: 10px 0 0
}
@media (min-width: 1200px) {
header .menu__list_child {
position: absolute;
z-index: 99;
background: #fff;
box-shadow: 0 0 15px #0000001a;
border-radius: 6px;
top: 6px;
right: -25px;
padding: 5px 5px 0 5px
}
}
header .menu__list_child-l2 {
display: none;
margin: 10px 0 0
}
@media (min-width: 1200px) {
header .menu__list_child-l2 {
display: block
}
}
header .menu__list_open {
display: block
}
@media (min-width: 1200px) {
header .menu__list_open {
display: flex
}
}
header .menu__item {
padding-bottom: 25px
}
@media (min-width: 1200px) {
header .menu__item {
margin-left: 48px
}
header .menu__item:hover .menu__list_child, header .menu__item.opened .menu__list_child {
display: flex
}
}
header .menu__item:last-child {
padding-bottom: 0
}
header .menu__item_child {
padding-bottom: 10px;
padding-left: 10px
}
@media (min-width: 1200px) {
header .menu__item_child {
min-width: 220px;
padding: 0 5px
}
}
header .menu__item_child-l2 {
padding-bottom: 10px;
padding-left: 10px
}
@media (min-width: 1200px) {
header .menu__item_child-l2 {
height: 30px;
display: flex;
align-items: center;
border-top: 1px solid rgba(55, 71, 79, 0.25);
padding: 0
}
}
header .menu__item_child-l2:last-of-type {
padding-bottom: 0
}
header .menu__item-icon {
display: none
}
@media (min-width: 1200px) {
header .menu__item-icon {
display: block;
font-size: 14px;
height: 14px;
width: 20px;
text-align: center
}
header .menu__item-icon .fa, header .menu__item-icon .svg-ico {
flex-shrink: 0
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
header .menu__item-icon .fa, header .menu__item-icon .svg-ico {
font-size: 14px;
width: 14px;
margin: 0 5px 0 0
}
}
@media (min-width: 1200px) {
header .menu__item-icon .fa-thumbs-up {
color: #078e07
}
header .menu__item-icon .fa-youtube {
color: red
}
header .menu__item-icon .fa-android {
color: #a4c639
}
header .menu__item-icon .fa-mobile {
color: #5856d6
}
header .menu__item-icon .fa-apple {
color: #7d7d7d
}
header .menu__item-icon .fa-wifi {
color: #005aac
}
header .menu__item-icon .fa-desktop {
color: #005ed3
}
header .menu__item-icon .fa-windows {
color: #00a1f1
}
}
header .menu__link {
cursor: pointer;
position: relative;
color: #fff;
font-size: 16px
}
@media (min-width: 1200px) {
header .menu__link {
color: #37474F
}
}
header .menu__link_child {
cursor: pointer;
position: relative;
color: #fff;
font-size: 12px
}
@media (min-width: 1200px) {
header .menu__link_child {
color: #37474F
}
header .menu__link_child::after {
display: none
}
}
header .menu__link_child-l2 {
cursor: pointer;
position: relative;
color: #fff;
font-size: 12px
}
@media (min-width: 1200px) {
header .menu__link_child-l2 {
color: #37474F;
display: flex;
align-items: center;
width: 100%;
height: 30px;
padding: 0 10px
}
header .menu__link_child-l2:hover {
background: #e7e7e7
}
}
header .menu__link_hasChildren::after {
content: "";
position: absolute;
top: calc(70% - 9px);
right: -15px;
width: 0;
height: 0;
border-top: 8px solid #fff;
border-right: 8px solid transparent;
transform: rotate(225deg);
transition: 0.25s transform ease
}
@media (min-width: 1200px) {
header .menu__link_hasChildren::after {
border-top: 8px solid #37474F
}
}
header .menu__link_open::after {
top: calc(50% - 4px);
transform: rotate(135deg)
}
header .menu__search {
padding-top: 25px;
border-top: 1px solid #174c74;
position: relative
}
@media (min-width: 1200px) {
header .menu__search {
display: none
}
}
header .langSwitcher {
padding-bottom: 25px;
border-bottom: 1px solid #174c74;
order: 2
}
@media (min-width: 1200px) {
header .langSwitcher {
order: unset;
margin-left: 48px;
padding-bottom: 0;
border-bottom: 0
}
}
@media (min-width: 1200px) {
header .langSwitcher__block.opened .langSwitcher__list {
display: flex
}
}
header .langSwitcher__btn {
color: #fff;
font-size: 16px;
cursor: pointer;
position: relative
}
@media (min-width: 1200px) {
header .langSwitcher__btn {
color: #37474F
}
}
header .langSwitcher__btn::after {
content: "";
position: absolute;
top: calc(50% - 6px);
right: -15px;
width: 0;
height: 0;
border-top: 8px solid #fff;
border-right: 8px solid transparent;
transform: rotate(225deg);
transition: 0.25s transform ease
}
@media (min-width: 1200px) {
header .langSwitcher__btn::after {
border-top: 8px solid #37474F
}
}
header .langSwitcher__btn_open::after {
top: calc(50% - 4px);
transform: rotate(135deg)
}
header .langSwitcher__list {
display: none;
margin: 10px 0 0;
list-style: none
}
@media (min-width: 1200px) {
header .langSwitcher__list {
width: 300px;
position: absolute;
z-index: 99;
background: #fff;
box-shadow: 0 0 15px #0000001a;
border-radius: 6px;
padding: 5px;
columns: 3;
flex-direction: column;
justify-content: flex-start;
flex-wrap: wrap;
height: 271px;
flex: 0 0 33%;
right: 5px
}
}
header .langSwitcher__list_open {
display: block
}
@media (min-width: 1200px) {
header .langSwitcher__list_open {
display: flex
}
}
header .langSwitcher__item {
padding-bottom: 10px;
padding-left: 10px
}
@media (min-width: 1200px) {
header .langSwitcher__item {
padding: 0;
display: block
}
}
header .langSwitcher__link {
display: block;
cursor: pointer;
position: relative;
font-size: 14px;
line-height: 16px;
color: #fff;
text-transform: capitalize
}
@media (min-width: 1200px) {
header .langSwitcher__link {
padding: 5px;
color: #37474F
}
header .langSwitcher__link:hover {
background: #e7e7e7
}
}
header .langSwitcher__link_rtl {
text-align: right
}
.search__input {
border-radius: 6px;
width: 100%;
padding: 6px;
border: none;
color: #37474F
}
.search__btn {
position: absolute;
color: #266ba9;
bottom: 6px;
right: 8px
}
.search__btn_go {
display: none
}
.search__btn_close {
display: none
}
.search__btn_spinner {
display: inline-block;
animation: pulse 2s infinite linear
}
.search__result {
display: none
}
.fa-pulse {
display: inline-block;
animation: pulse 2s infinite linear
}
@-webkit-keyframes pulse {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes pulse {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes pulse {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes pulse {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes pulse {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
.disclosure__wrap_ppc {
padding: 0 0 10px
}
@media (min-width: 768px) {
.disclosure__wrap_ppc {
padding: 10px 0
}
}
.disclosure__blocks {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
font-size: 14px;
line-height: 18px;
color: #37474F
}
.disclosure__label {
flex: 0 0 100%
}
@media (min-width: 768px) {
.disclosure__label {
flex: 0 0 auto
}
}
.disclosure__item {
flex: 0 0 50%;
margin: 0;
position: relative
}
@media (min-width: 768px) {
.disclosure__item {
flex: 0 0 auto;
margin-left: 12px
}
}
.main-disclosure--short .disclosure__item {
flex: 0 0 auto
}
.disclosure__btn {
cursor: pointer;
list-style: none;
text-decoration: underline;
margin-bottom: 5px
}
.disclosure__btn::marker, .disclosure__btn::-webkit-details-marker {
display: none
}
.disclosure__text {
position: absolute;
z-index: 4;
background: #fff;
box-shadow: 0 0 15px #0000001a;
border-radius: 6px;
width: 230px;
padding: 8px;
color: rgba(55, 71, 79, 0.8)
}
.disclosure__text_odd {
right: 10px
}
@media (min-width: 480px) {
.disclosure__text_odd {
right: auto
}
}
@media (min-width: 768px) {
.disclosure__text_odd {
right: auto
}
}
@media (min-width: 768px) {
.disclosure__text_last {
right: 0
}
}
.main-disclosure--short .disclosure__text {
min-width: 250px;
right: 0
}
@media (min-width: 992px) {
.main-disclosure--short .disclosure__text {
min-width: 430px
}
}
.new-menu {
position: relative
}
.new-menu.open-menu::before {
content: "";
z-index: 10;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5)
}
.new-menu.open-menu .header {
position: static
}
.new-menu.open-menu.new-menu-ppc .header .new-menu-ppc__nav {
transform: translateX(0)
}
.new-menu .new-menu-ppc__nav {
display: none
}
.new-menu .header__follow {
display: flex;
align-items: center;
gap: 11px
}
.new-menu .header__follow__link {
color: #fff;
font-size: 16px;
line-height: 18px;
font-weight: 700;
display: flex;
justify-content: space-between;
padding: 11px 6px
}
.new-menu .header__follow__link i {
font-size: 22px;
display: block
}
.new-menu .header__follow__link--facebook {
background: #3a589e
}
.new-menu .header__follow__link--facebook:hover {
background: #2d4373
}
.new-menu .header__follow__link--twitter {
background: #000
}
.new-menu .header__follow__link--twitter:hover {
background: #4d4d4d
}
.new-menu .header__follow__link--small {
width: 32px;
height: 32px;
padding: 8px;
justify-content: center;
border-radius: 3px
}
.new-menu .header__follow__link--small i {
font-size: 18px
}
.new-menu .header__follow__item--big {
width: 50%
}
.new-menu .header {
position: relative;
z-index: 100;
background-color: #fff;
font-family: "Arial";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.125
}
.new-menu .header .container {
margin: 0 auto;
padding: 0 10px
}
@media (min-width: 768px) {
.new-menu .header .container {
width: 750px;
padding: 0
}
}
@media (min-width: 992px) {
.new-menu .header .container {
width: 970px
}
}
@media (min-width: 1200px) {
.new-menu .header .container {
width: 1170px
}
}
@media (min-width: 1200px) {
.new-menu .header__start > div:last-child {
border-bottom: 3px solid #173a68;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5)
}
}
.new-menu .header__wrap {
background: #173a68
}
@media (min-width: 1200px) {
.new-menu .header__wrap {
background: none
}
}
.new-menu .header__wrap i {
font-size: 16px
}
.new-menu .header__wrap--back {
background: #173a68
}
.new-menu .header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0;
padding: 7px 0
}
.new-menu .header__panel {
padding: 0
}
.new-menu .header__panel.openMenu::after {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5)
}
.new-menu .header__follow {
gap: 14px;
justify-content: center;
padding-top: 27px;
padding-bottom: 27px;
list-style: none
}
@media (min-width: 1200px) {
.new-menu .header__follow {
display: none
}
}
.new-menu .header__search {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 18px 0;
overflow-y: auto;
background: #f6f9fc;
opacity: 0;
transition: opacity 0.3s ease;
display: none
}
.new-menu .header__search.open {
display: block;
opacity: 1;
transition: opacity 0.3s ease
}
.new-menu .header__search-wrap {
text-align: right
}
.new-menu .header__search-wrap .fa-Union {
cursor: pointer;
color: #8999b1
}
.new-menu .header__search-results h3 {
font-family: "Arial";
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px
}
.new-menu .header__search-results_empty {
display: none;
font-size: 22px;
margin-top: 32px
}
.new-menu .header__search-input {
margin-bottom: 30px
}
@media (min-width: 1200px) {
.new-menu .header__search-input {
margin-bottom: 48px
}
}
.new-menu .header__search-input {
position: relative;
border-bottom: 2px solid #246aa8
}
.new-menu .header__search-input .fa-search-new {
position: absolute;
top: 50%;
transform: translate(0, -50%);
font-size: 18px;
color: rgba(51, 51, 51, 0.5);
left: 0
}
.new-menu .header__search-input input {
width: 100%;
padding: 20px 20px 20px 25px;
border: none;
color: rgba(51, 51, 51, 0.5);
font-weight: 400;
font-size: 18px;
line-height: 21px;
background: #f6f9fc
}
.new-menu .header .logo svg {
max-height: 43px;
width: auto
}
.new-menu .header .logo svg.desktop {
display: none
}
@media (min-width: 1200px) {
.new-menu .header .logo svg.desktop {
display: block
}
}
.new-menu .header .logo svg.mobile {
display: block
}
@media (min-width: 1200px) {
.new-menu .header .logo svg.mobile {
display: none
}
}
.new-menu .menu {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0
}
.new-menu .menu a {
text-decoration: none
}
.new-menu .menu__item {
position: relative
}
.new-menu .menu__item.languages.opened .menu__list-child {
display: grid
}
.new-menu .menu__item #langSwitcherBtn img {
display: none
}
@media (min-width: 1200px) {
.new-menu .menu__item #langSwitcherBtn img {
display: inline;
vertical-align: top
}
}
.new-menu .menu__item a {
color: #fff;
cursor: pointer
}
@media (min-width: 1200px) {
.new-menu .menu__item a {
color: #333333
}
}
.new-menu .menu__item.search {
display: none
}
@media (min-width: 1200px) {
.new-menu .menu__item.search {
display: list-item
}
}
.new-menu .menu__item.languages svg.chevron {
display: inline;
width: 10px
}
.new-menu .menu__item.languages.open svg.chevron {
transform: rotate(180deg)
}
@media (min-width: 1200px) {
.new-menu .menu__item:hover a, .new-menu .menu__item.active a {
color: #246aa8
}
}
@media (min-width: 1200px) {
.new-menu .menu__item:first-child {
padding-inline-end: 15px
}
}
@media (min-width: 1200px) {
.new-menu .menu__item:last-child {
padding-inline-start: 15px;
border-inline-start: 1px solid rgba(23, 58, 104, 0.3)
}
}
.new-menu .menu__item:last-child img {
width: 16px;
height: 16px;
vertical-align: middle
}
.new-menu .menu__item .fa-chevron-up {
display: none
}
.new-menu .menu__item .fa-chevron-down, .new-menu .menu__item .fa-chevron-up {
font-size: 12px;
vertical-align: middle;
line-height: 17px
}
.new-menu .menu__item .fa-search-new {
font-size: 18px
}
.new-menu .menu__item.open .menu__list-child {
display: grid
}
.new-menu .menu__item.open .fa-chevron-up {
display: inline
}
.new-menu .menu__item.open .fa-chevron-down {
display: none
}
.new-menu .menu__item.open.search span {
display: none
}
.new-menu .menu__item.open.search i {
color: #333;
position: absolute;
top: 6px;
left: 5px
}
.new-menu .menu__item.open.search input {
display: inline
}
.new-menu .menu__item.search:hover {
color: #246aa8
}
.new-menu .menu__item.search span {
display: inline
}
.new-menu .menu__item.search i {
position: initial;
font-size: 16px
}
.new-menu .menu__item.search input {
padding: 5px 6px;
border: 1.5px solid #e7eaee;
border-radius: 6px;
line-height: 30px;
font-size: 16px;
display: none;
width: auto;
max-width: 170px;
line-height: 20px;
padding-left: 28px
}
.new-menu .menu__item.search input:focus {
border-color: #246aa8
}
.new-menu .menu__item-text--hidden {
display: none
}
@media (min-width: 1200px) {
.new-menu .menu__item-text--hidden {
display: inline
}
}
.new-menu .menu__list-child {
z-index: 10;
position: absolute;
display: none;
grid-auto-columns: 120px;
grid-template-rows:repeat(14, auto);
grid-auto-flow: column;
top: calc(100% + 24px);
padding: 0;
background: #ffffff;
box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
border-radius: 6px;
right: -50px
}
@media (min-width: 340px) {
.new-menu .menu__list-child {
grid-auto-columns: 160px;
top: calc(100% + 34px)
}
}
@media (min-width: 1200px) {
.new-menu .menu__list-child {
width: fit-content;
grid-template-rows:repeat(10, auto);
right: -8px
}
}
.new-menu .menu__list-child::before {
content: "";
position: absolute;
top: -10px;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 11px solid #fff;
left: calc(88% - 55px)
}
@media (min-width: 1200px) {
.new-menu .menu__list-child::before {
left: calc(93% - 18px)
}
}
.new-menu .menu__list-child a {
color: #246aa8;
text-transform: capitalize
}
.new-menu .menu__item-child:nth-child(-n+14) {
border-inline-end: 1px solid #e7eaee
}
@media (min-width: 1200px) {
.new-menu .menu__item-child:nth-child(-n+20) {
border-inline-end: 1px solid #e7eaee
}
}
.new-menu .menu__item-child:hover {
background: #e8f8ff
}
.new-menu .menu__item-child:nth-child(1) {
border-start-start-radius: 6px
}
.new-menu .menu__item-child:nth-child(10) {
border-end-start-radius: 6px
}
.new-menu .menu__item-child:nth-child(21) {
border-start-end-radius: 6px
}
.new-menu .menu__item-child:nth-child(30) {
border-end-end-radius: 6px
}
.new-menu .menu__link-child {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 9px;
padding: 11px 6px
}
@media (min-width: 360px) {
.new-menu .menu__link-child {
padding: 11px 16px
}
}
.new-menu .nav {
position: fixed;
z-index: 100;
top: 0;
min-width: 280px;
width: 70vw;
height: 100%;
padding-inline-start: 20px;
padding-inline-end: 20px;
padding-top: 17px;
background: #fff;
transition: transform 0.5s ease;
max-height: 100vh;
overflow-y: auto;
display: none;
right: 0;
transform: translateX(100%)
}
.new-menu .nav.open {
transform: translateX(0%);
transition: transform 0.5s ease;
display: block
}
@media (min-width: 340px) {
.new-menu .nav {
min-width: 320px
}
}
@media (min-width: 1200px) {
.new-menu .nav {
position: static;
transform: translateX(0);
overflow-y: unset;
width: auto;
height: auto;
padding: 0;
background: transparent;
display: block
}
}
.new-menu .nav__panel {
position: relative;
text-align: center;
margin-bottom: 20px
}
@media (min-width: 1200px) {
.new-menu .nav__panel {
display: none
}
}
.new-menu .nav__panel .fa-Union {
position: absolute;
top: 0;
inset-inline-end: 0;
color: #8999b1;
cursor: pointer
}
.new-menu .nav__list {
list-style: none
}
@media (min-width: 1200px) {
.new-menu .nav__list {
display: flex;
align-items: center;
justify-content: left;
gap: 75px
}
}
.new-menu .nav__item {
position: relative;
border-bottom: 1px solid #e7eaee
}
.new-menu .nav__item-search {
min-width: 280px;
position: relative
}
@media (min-width: 1200px) {
.new-menu .nav__item-search {
display: none
}
}
.new-menu .nav__item-search input {
padding: 5px 6px;
border: 1.5px solid #e7eaee;
border-radius: 6px;
line-height: 30px;
font-size: 16px;
width: 90%;
padding-left: 28px
}
.new-menu .nav__item-search input:focus {
border-color: #246aa8
}
@media (min-width: 375px) {
.new-menu .nav__item-search input {
width: 100%
}
}
.new-menu .nav__item-search i {
position: absolute;
top: 12px;
font-size: 18px;
left: 5px
}
@media (min-width: 1200px) {
.new-menu .nav__item.reviews .nav__list-child .nav__item-child:last-child {
display: none
}
}
.new-menu .nav__item a {
text-decoration: none
}
.new-menu .nav__item a:visited {
color: #333333
}
.new-menu .nav__item > a {
padding: 14px 0
}
.new-menu .nav__item .fa-chevron-up {
display: none
}
.new-menu .nav__item .fa-chevron-up, .new-menu .nav__item .fa-chevron-down {
vertical-align: middle;
font-size: 12px
}
.new-menu .nav__item.open .nav__list-child {
display: grid
}
.new-menu .nav__item.open .fa-chevron-up {
display: inline-block
}
.new-menu .nav__item.open .fa-chevron-down {
display: none
}
@media (min-width: 1200px) {
.new-menu .nav__item {
border: none
}
.new-menu .nav__item:hover .nav__list-child, .new-menu .nav__item.opened .nav__list-child {
display: grid
}
.new-menu .nav__item:hover .fa-chevron-up, .new-menu .nav__item.opened .fa-chevron-up {
display: inline-block
}
.new-menu .nav__item:hover .fa-chevron-down, .new-menu .nav__item.opened .fa-chevron-down {
display: none
}
}
.new-menu .nav__item[data-qa-id="header_menu_tools"] .nav__item-child:before {
left: 0;
width: calc(100% + 10px)
}
.new-menu .nav__item[data-qa-id="header_menu_tools"] .nav__item-child:nth-child(-n+6):before {
left: -10px
}
.new-menu .nav a.nav__link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 3px;
color: #333333;
cursor: pointer;
text-decoration: none
}
@media (min-width: 1200px) {
.new-menu .nav a.nav__link {
color: #fff
}
}
.new-menu .nav__list-child {
display: none;
list-style: none
}
@media (min-width: 1200px) {
.new-menu .nav__list-child {
position: absolute;
display: none;
grid-auto-columns: 290px;
grid-template-rows:repeat(7, auto);
grid-auto-flow: column;
top: calc(100% + 7px);
right: 50%;
transform: translate(50%, 0);
padding: 10px;
border-radius: 6px;
background: #ffffff;
filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.25))
}
}
.new-menu .nav__list-child--column {
display: none
}
.new-menu .nav__list-child--column nav__item-child::before {
width: calc(100% + 10px);
left: 0
}
.new-menu .nav__list-child--column nav__item-child:nth-child(-n+6) {
border-inline-end: 1px solid #e7eaee
}
@media (min-width: 1200px) {
.new-menu .nav__list-child--column {
grid-template-columns:290px;
grid-template-rows:repeat(6, auto)
}
.new-menu .nav__list-child--column .nav__item-child:nth-child(7) {
border-top: none
}
.new-menu .nav__list-child--column .nav__item-child:last-child {
border-bottom: 1px solid #e7eaee
}
}
@media (min-width: 1200px) {
.new-menu .nav__list-child::before {
content: "";
position: absolute;
top: -23px;
left: 39%;
padding-top: 30px;
padding: 10px 0 0 0;
width: 200px;
height: 50px;
left: calc(50% - 82px);
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 70px solid #fff
}
}
.new-menu .nav__item-child {
position: relative;
border-top: 1px solid #e7eaee
}
.new-menu .nav__item-child:first-child {
border-top: none
}
.new-menu .nav__item-child::before {
content: "";
position: absolute;
background: transparent;
width: calc(100% + 20px);
height: 100%;
left: -10px
}
@media (min-width: 1200px) {
.new-menu .nav__item-child:hover::before {
background: #e8f8ff
}
}
.new-menu .nav__link-child {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-inline-end: 16px;
padding-inline-start: 0px;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #333333
}
@media (min-width: 1200px) {
.new-menu .nav__link-child {
padding-top: 19px;
padding-bottom: 19px;
padding-inline-end: 16px;
padding-inline-start: 6px;
font-size: 15px
}
}
.new-menu .nav__link-child i {
padding-top: 3px;
font-size: 20px;
color: #246aa8
}
.new-menu .nav__link-child i.fa-reviews {
font-size: 26px
}
.new-menu .nav__link-child img {
max-width: 24px;
height: auto
}
.new-menu .nav__text-small {
display: none
}
@media (min-width: 1200px) {
.new-menu .nav__text-small {
display: block;
padding-top: 6px;
font-size: 12px;
color: #898989
}
}
.new-menu .burger {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 4px;
width: 20px;
margin-left: 25px
}
@media (min-width: 1200px) {
.new-menu .burger {
display: none
}
}
.new-menu .burger__line {
display: block;
height: 2px;
width: 100%;
border-radius: 10px;
background: #ffffff
}
.new-menu .burger.active .burger__line--1 {
transform: rotateZ(45deg) translateY(4px) translateX(4px);
transition: transform 0.4s ease-in-out
}
.new-menu .burger.active .burger__line--2 {
visibility: hidden;
transition: transform 0.2s ease-in-out
}
.new-menu .burger.active .burger__line--3 {
transform: rotateZ(-45deg) translateY(-5px) translateX(4px);
transition: transform 0.4s ease-in-out
}
.new-menu .burger.inactive .burger__line--1 {
transform: rotateZ(0deg) translateY(0px) translateX(0px);
transition: transform 0.4s ease-in-out
}
.new-menu .burger.inactive .burger__line--2 {
visibility: visible;
transition: transform 0.6s ease-in-out
}
.new-menu .burger.inactive .burger__line--3 {
transform: rotateZ(0deg) translateY(0px) translateX(0px);
transition: transform 0.4s ease-in-out
}
.new-menu .stars .fa {
color: #ffcf55;
font-size: 18px
}
.new-menu .stars__summery {
font-weight: 700;
font-size: 16px;
line-height: 1.2;
margin-inline-start: 10px
}
.new-menu.new-menu-ppc .ftc-navbar {
border-bottom: 1px solid #e7eaee;
background: #f6f9fc
}
.new-menu.new-menu-ppc .header {
border-bottom: 1.5px solid #e7eaee
}
.new-menu.new-menu-ppc .header .new-menu-ppx__close-btn {
position: absolute;
top: -30px;
padding: 10px;
inset-inline-end: 0;
color: #8999b1;
cursor: pointer;
border: none;
background: transparent;
border: none;
transition: all 0.3s liner
}
.new-menu.new-menu-ppc .header .new-menu-ppx__close-btn:hover {
transform: scale(1.1)
}
.new-menu.new-menu-ppc .header #main_logo .mobile {
display: none
}
.new-menu.new-menu-ppc .header #main_logo .desktop {
display: block
}
.new-menu.new-menu-ppc .header .menu__list-child::before {
width: 18px
}
.new-menu.new-menu-ppc .header__wrap {
background: #fff
}
.new-menu.new-menu-ppc .header__wrap--back {
display: none
}
.new-menu.new-menu-ppc .header__start {
border-bottom: 1px solid #e7eaee;
background: #f6f9fc
}
.new-menu.new-menu-ppc .header__start .ftc-navbar {
margin: 0 auto;
text-align: center
}
.new-menu.new-menu-ppc .header__start > div:last-child {
border-bottom: none;
box-shadow: none
}
.new-menu.new-menu-ppc .header .header__inner {
padding: 0
}
.new-menu.new-menu-ppc .header .header__list {
align-self: stretch;
display: flex
}
.new-menu.new-menu-ppc .header .menu {
height: 100%
}
.new-menu.new-menu-ppc .header .menu__item {
padding: 26px 0
}
.new-menu.new-menu-ppc .header .menu__item.search {
display: none
}
.new-menu.new-menu-ppc .header .menu .languages {
display: none
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .menu .languages {
display: list-item
}
}
.new-menu.new-menu-ppc .header .menu .languages.open .languages__current {
color: #246aa8
}
.new-menu.new-menu-ppc .header .menu .burger__line {
background: #2f5986
}
.new-menu.new-menu-ppc .header .menu__item .menu__list-child {
top: calc(100% + 5px)
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-logo {
position: relative;
margin-bottom: 10px;
text-align: center
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-logo > svg {
height: 33px
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-logo {
display: none
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list {
position: relative;
padding: 26px 0
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list {
margin-inline-end: 25px;
padding: 0
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list:focus-within .new-menu-ppx__menu-list-wrap, .new-menu.new-menu-ppc .header .new-menu-ppx__menu-list:focus .new-menu-ppx__menu-list-wrap {
display: flex
}
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list.open .new-menu-ppx__menu-list-wrap {
display: flex
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list.open .new-menu-ppx__menu-list-title {
color: #246aa8
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list.open .new-menu-ppx__menu-list-title svg {
transform: rotate(180deg)
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title {
display: none
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title {
display: block;
color: #333;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%;
padding: 26px 0;
cursor: pointer
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title .chevron {
display: inline;
width: 10px
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title:hover {
color: #246aa8
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title:hover, .new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title:focus, .new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title:active {
text-decoration: none
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-title span {
margin-right: 5px
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item {
width: 100%
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child .lang {
flex-wrap: wrap
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child .lang .new-menu-ppx__menu-list-child-item {
width: 50%;
padding-inline-start: 15px;
border: none
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child .lang .new-menu-ppx__menu-list-child-item:nth-child(2n+1) {
border-inline-end: 1px solid #e7eaee
}
@media (min-width: 768px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child .lang .new-menu-ppx__menu-list-child-item {
width: 33.33%
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child .lang .new-menu-ppx__menu-list-child-item:nth-child(2n+1) {
border-inline-end: none
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child .lang .new-menu-ppx__menu-list-child-item:nth-child(3n+2) {
border-inline-end: 1px solid #e7eaee
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child .lang .new-menu-ppx__menu-list-child-item:nth-child(3n+1) {
border-inline-end: 1px solid #e7eaee
}
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:last-child {
display: none
}
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item {
width: 268px
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item:nth-child(2n) {
border-inline-end: 1px solid #b9c2ce;
border-inline-start: 1px solid #b9c2ce
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item.open .new-menu-ppx__menu-list-child:not(.lang) {
display: block
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item.open .lang {
display: flex
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item.open .new-menu-ppx__menu-list-name .fa.fa-chevron-up::before {
transform: rotateZ(0deg)
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item.open .new-menu-ppx__menu-list-name {
border-bottom-color: transparent
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-item.languages span img {
vertical-align: top;
margin-right: 10px
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-wrap {
display: none;
z-index: 3;
position: absolute;
top: calc(100% + 4px);
width: fit-content;
height: fit-content;
padding: 10px;
border-radius: 6px;
background: #fff;
box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.25);
right: -80px
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-wrap::before {
content: "";
position: absolute;
top: -10px;
z-index: 7;
inset-inline-end: 85px;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-bottom: 11px solid #fff;
opacity: 1
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child {
display: none
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child {
display: block
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child-link {
display: flex;
align-items: center;
gap: 11px;
color: #333;
text-decoration: none
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child-link span {
color: #333
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child-link > i {
color: #246aa8;
font-size: 16px
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child-link > i {
font-size: 20px
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child-link > i.svg-ico {
width: 16px;
height: 16px
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child-link > i.svg-ico {
width: 24px;
height: 24px
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child > li {
padding: 10px 0;
border-bottom: 1px solid #e7eaee;
font-size: 15px;
color: #333;
transition: background 0.3s linear
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child > li {
padding: 20px 20px;
height: 56px
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child > li:last-child {
border-bottom: none
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child > li:hover {
background: #e8f8ff
}
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-child > li > i {
margin-inline-end: 10px;
color: #266ca8
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
color: #333;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-bottom: 1px solid #e7eaee
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name .fa.fa-chevron-up::before {
color: #173a68;
font-size: 12px;
transform: rotateZ(180deg)
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name:hover {
text-decoration: none
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name-mob {
display: inline
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name-desc {
display: none
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name {
display: block;
padding: 20px;
border-bottom: 1px solid #b9c2ce;
color: #0f2339;
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name-mob {
display: none
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name-desc {
display: inline
}
.new-menu.new-menu-ppc .header .new-menu-ppx__menu-list-name .fa.fa-chevron-up {
display: none
}
}
.new-menu.new-menu-ppc .header .new-menu-ppc__nav {
position: fixed;
display: block;
z-index: 101;
top: 0;
min-width: 280px;
width: 86vw;
height: 100%;
padding: 16px;
background: #fff;
transition: transform 0.5s ease;
max-height: 100vh;
inset-inline-end: 0;
overflow: scroll;
transform: translateX(100%)
}
@media (min-width: 1200px) {
.new-menu.new-menu-ppc .header .new-menu-ppc__nav {
position: relative;
padding: 17px 20px 10px;
top: unset;
width: fit-content;
min-width: unset;
padding: initial;
transform: translateX(0);
overflow: unset
}
}
.page__wrapper {
background-position: calc(100% + 20px) 280px;
background-size: 110%;
background-repeat: no-repeat
}
@media (min-width: 768px) {
.page__wrapper {
background-position: calc(100% - 20px) 200px;
background-size: auto 557px
}
}
.hide-hero-bullets .page__wrapper {
background-position: calc(100% + 20px) 190px
}
@media (min-width: 768px) {
.hide-hero-bullets .page__wrapper {
background-position: calc(100% - 20px) 200px
}
}
.hero-wrapper {
background: #f1f1f1;
margin-bottom: -34px;
padding-top: 10px;
margin-top: 12px;
-webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1)
}
@media (min-width: 768px) {
.hero-wrapper {
margin-bottom: 25px
}
}
@media (min-width: 1400px) {
.hero-wrapper .hero__featured-image-list img {
margin-bottom: 17px
}
}
.hero-wrapper .hero__image {
pointer-events: none;
position: relative;
margin-top: -22px;
margin-right: -25px;
max-width: 290px;
height: auto !important
}
@media (min-width: 480px) {
.hero-wrapper .hero__image {
max-width: 400px;
margin-right: 0
}
}
@media (min-width: 768px) {
.hero-wrapper .hero__image {
margin-top: 0;
max-width: 366px
}
}
@media (min-width: 992px) {
.hero-wrapper .hero__image {
max-width: unset
}
}
@media (min-width: 1400px) {
.hero-wrapper .hero__image {
right: -100px
}
}
.hero {
display: flex;
margin: 12px auto 0;
font-family: "Cabin", Arial, Sans-Serif;
justify-content: space-between;
flex-wrap: wrap
}
@media (min-width: 768px) {
.hero {
flex-wrap: nowrap
}
}
.hero__col {
width: 100%;
display: block;
max-width: 700px;
color: #37474F
}
.no-header-bullets-mobile .hero__col {
flex: 0 0 70%;
padding-right: 15px
}
.hero__col:nth-child(2) {
justify-content: flex-end;
width: 100%;
display: flex;
align-items: flex-end
}
.no-header-bullets-mobile .hero__col:nth-child(2) {
flex: 0 0 25%;
padding: 0
}
.hide-hero-bullets .hero__custom-list {
display: none !important
}
.hero__title {
font-size: 24px;
line-height: 31px;
font-family: "Cabin", Arial, Sans-Serif;
font-weight: 500;
margin-bottom: 6px;
white-space: unset
}
.hero__title.mobile {
display: none
}
.no-header-bullets-mobile .hero__title {
margin-bottom: 15px
}
@media (min-width: 992px) {
.hero__title {
white-space: nowrap
}
}
@media (min-width: 480px) {
.hero__title {
font-size: 36px;
line-height: 36px
}
}
@media (min-width: 1400px) {
.hero__title {
font-size: 40px;
line-height: 40px
}
}
.hero__description {
font-size: 16px;
line-height: 21px;
font-family: "Cabin", Arial, Sans-Serif;
margin-bottom: 14px;
display: none
}
.hide-hero-bullets .hero__description {
display: block
}
@media (min-width: 768px) {
.hero__description {
display: block
}
}
.no-header-bullets-mobile .hero__custom-list {
display: none
}
@media (min-width: 768px) {
.no-header-bullets-mobile .hero__custom-list {
display: block
}
}
.hero__custom-list ul {
padding: 0;
margin: 0 0 18px
}
.hero__custom-list ul.desktop {
display: none
}
@media (min-width: 768px) {
.hero__custom-list ul.desktop {
display: block
}
}
@media (min-width: 768px) {
.hero__custom-list ul.mobile {
display: none
}
}
:lang(ja) .v1 .hero__custom-list ul.mobile {
margin: 0
}
@media (min-width: 480px) {
.hero__custom-list ul {
margin-bottom: 24px
}
}
@media (min-width: 1400px) {
.hero__custom-list ul {
margin-bottom: 36px
}
}
.hero__custom-list ul li {
padding-left: 20px;
list-style: none;
margin-bottom: 8px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif
}
@media (min-width: 1400px) {
.hero__custom-list ul li {
margin-bottom: 12px
}
}
.hero__custom-list ul li:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 6px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.929' height='13.243' viewBox='0 0 10.929 13.243'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2300acc1;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M7.973,1.292,3.723,3.18A1.219,1.219,0,0,0,3,4.292V7.145a7.556,7.556,0,0,0,5.464,7.286,7.556,7.556,0,0,0,5.464-7.286V4.292a1.219,1.219,0,0,0-.723-1.111L8.956,1.292a1.207,1.207,0,0,0-.984,0ZM6.819,10.357,5.246,8.784A.605.605,0,0,1,6.1,7.928L7.25,9.07,10.82,5.5a.605.605,0,1,1,.856.856l-4,4a.6.6,0,0,1-.856,0Z' transform='translate(-3 -1.188)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-left: -20px
}
.hero__featured {
display: none;
opacity: 0.8
}
@media (min-width: 768px) {
.hero__featured {
display: block
}
}
.hero__featured-title {
color: #37474F;
margin-bottom: 6px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif
}
@media (min-width: 1400px) {
.hero__featured-title {
margin-bottom: 16px
}
}
.hero__featured-image-list img {
max-width: 75%;
margin-bottom: 8px
}
@media (min-width: 1400px) {
.hero__featured-image-list img {
max-width: 100%
}
}
.hero__meta {
letter-spacing: 0px;
color: #37474F;
opacity: 0.8;
padding-bottom: 24px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif
}
.hide-hero-bullets .hero__meta {
padding-bottom: 8px
}
@media (max-width: 480px) {
.hero__meta {
display: none
}
}
@media (min-width: 1400px) {
.hero__meta {
padding-bottom: 36px
}
}
.hero__meta .hero__date:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 7px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23266ba9;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-683 -435)'%3E%3Cpath class='a' d='M0,0H12V12H0Z' transform='translate(683 435)'/%3E%3Cpath class='b' d='M11,2h-.5V1.5a.5.5,0,0,0-1,0V2h-5V1.5a.5.5,0,0,0-1,0V2H3A1,1,0,0,0,2,3v8a1,1,0,0,0,1,1h8a1,1,0,0,0,1-1V3A1,1,0,0,0,11,2Zm-.5,9h-7a.5.5,0,0,1-.5-.5v-6h8v6A.5.5,0,0,1,10.5,11Z' transform='translate(682 434.5)'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain
}
.hero__image {
max-width: 140px;
height: 85px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-left: -21px
}
@media (min-width: 480px) {
.hero__image {
max-width: none;
height: 160px
}
.hide-hero-bullets .hero__image {
height: 80px
}
}
@media (min-width: 768px) {
.hero__image {
height: 220px
}
.hide-hero-bullets .hero__image {
height: 145px
}
}
@media (min-width: 992px) {
.hero__image {
height: 300px
}
.hide-hero-bullets .hero__image {
height: 200px
}
}
.hero__image.v1 {
max-width: 115px;
margin-top: -15px;
height: auto !important
}
@media (min-width: 480px) {
.hero__image.v1 {
margin-top: 0;
max-width: 150px
}
}
@media (min-width: 768px) {
.hero__image.v1 {
max-width: none
}
}
.hero__image img {
max-height: 100%
}
.hero .ftc_ownership_note {
max-width: 75%;
margin-bottom: 10px;
font-style: normal;
opacity: 1;
font-size: 14px
}
html[country="US"] .hero .ftc_ownership_note, html[country="cf_country"] .hero .ftc_ownership_note {
display: inline-block !important
}
@media (min-width: 1400px) {
.hero .ftc_ownership_note {
max-width: 100%;
margin-bottom: 14px
}
}
.filters-noresults__wrap {
box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.102);
border-radius: 6px;
padding: 24px;
margin-bottom: 36px;
background: #fff;
display: none
}
.filters-noresults__title {
text-align: center;
font-size: 24px;
line-height: 36px;
font-weight: 600
}
.filters-noresults__subtitle {
text-align: center;
font-size: 18px;
line-height: 22px
}
.filters {
margin-bottom: 64px
}
.filters__wrap {
box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.102);
border-radius: 6px
}
.filters__head {
background: #1f5e8f;
padding: 16px 25px;
color: #fff;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
display: flex;
justify-content: space-between;
align-items: center
}
.filters__head__title {
font-weight: 500;
font-size: 20px;
line-height: 30px
}
@media (min-width: 992px) {
.filters__head__title {
font-size: 24px
}
}
.filters__head__title i {
margin-right: 12px
}
.filters__head__reset {
cursor: pointer;
font-weight: 400;
font-size: 16px
}
@media (min-width: 992px) {
.filters__head__reset {
font-size: 18px
}
}
.filters__form {
padding: 15px
}
@media (min-width: 992px) {
.filters__form {
padding: 30px 25px
}
}
@media (min-width: 992px) {
.filters__selects {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
gap: 35px
}
}
.filters__selects__select {
width: 100%;
margin-bottom: 30px
}
@media (min-width: 992px) {
.filters__selects__select {
width: 33.333%;
margin-bottom: 0
}
}
.filters__selects__select label {
display: block;
color: #37474f;
font-weight: 500;
font-size: 18px;
line-height: 22px;
margin-bottom: 10px
}
.filters__selects__select select {
width: 100%;
background: #ffffff;
border: 1.5px solid #e7eaee;
border-radius: 6px;
padding: 10px;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: rgba(55, 71, 79, 0.85);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat
}
.filters__checkboxes {
margin-bottom: 40px
}
@media (min-width: 992px) {
.filters__checkboxes {
display: flex;
align-items: flex-start;
gap: 70px
}
}
.filters__checkboxes__col {
margin-bottom: 30px
}
.filters__checkboxes__col label[for="available_on_router"] {
margin-right: 0
}
.filters__checkboxes__col .label {
display: block;
margin-right: 0;
margin-left: 0;
margin-bottom: 10px;
color: #37474f;
font-weight: 500;
font-size: 18px;
line-height: 22px
}
.filters__checkboxes__col:first-child {
margin-bottom: 30px
}
@media (min-width: 992px) {
.filters__checkboxes__col:first-child {
width: 66.666%;
margin-bottom: 0
}
.filters__checkboxes__col:last-child {
width: 33.333%
}
}
.filters__checkboxes__checkbox {
margin-bottom: 15px
}
@media (min-width: 992px) {
.filters__checkboxes__checkbox {
margin-bottom: 0
}
}
.filters__checkboxes__wrap {
columns: 2
}
@media (min-width: 992px) {
.filters__checkboxes__wrap {
display: flex
}
}
.filters__checkboxes__wrap input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0;
vertical-align: middle
}
.filters__checkboxes__wrap label {
margin-right: 20px;
color: rgba(55, 71, 79, 0.85);
font-weight: 400;
font-size: 16px;
line-height: 20px;
vertical-align: middle
}
@media (min-width: 1200px) {
.filters__checkboxes__wrap label {
margin-right: 33px
}
}
.filters__submit {
text-align: center
}
.filters__submit button {
padding: 10px 52px;
background: #e64a19;
border-radius: 8px;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #fafafa;
border: 0;
cursor: pointer
}
.switch {
position: relative;
display: inline-block;
width: 38px;
height: 20px
}
.switch input {
opacity: 0;
width: 0;
height: 0
}
.switch__slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #b9c2ce;
-webkit-transition: 0.4s;
transition: 0.4s
}
.switch__slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s
}
.switch input:checked + .switch__slider {
background-color: #00acc1
}
.switch input:focus + .switch__slider {
box-shadow: 0 0 1px #00acc1
}
.switch input:checked + .switch__slider:before {
transform: translateX(18px)
}
.switch--round {
border-radius: 10px
}
.switch--round .switch__slider {
border-radius: 10px
}
.switch--round .switch__slider::before {
border-radius: 50%
}
.checkbox {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.checkbox input:checked + .checkmark {
background-color: #00acc1
}
.checkbox input:checked + .checkmark:after {
display: block
}
.checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
border: 1px solid #b9c2ce;
border-radius: 4px
}
.checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.vendors {
display: block;
flex-wrap: wrap;
margin: 0 auto;
font-family: "Cabin", Arial, Sans-Serif;
justify-content: center
}
@media (min-width: 768px) {
.vendors {
display: flex
}
}
.vendors .vendor {
background: #fff;
border-radius: 6px;
padding: 47px 12px 12px;
position: relative;
margin-bottom: 24px;
box-shadow: 5px 0px 15px #0000001a
}
.vendors .vendor:hover {
box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.07)
}
.vendors .vendor .vendor__score-rating-stars, .vendors .vendor .vendor__mark.stars-rating {
color: #5ca0dd
}
.vendors .vendor-1 {
box-shadow: 5px 0px 30px #dd2c004d
}
.vendors .vendor-1:hover {
box-shadow: 5px 0px 30px #dd2c003b
}
.vendors .vendor-1 .vendor__score-rating-stars, .vendors .vendor-1 .vendor__mark.stars-rating {
color: #ff9800
}
.vendors .vendor-2 .vendor__score-rating-stars, .vendors .vendor-2 .vendor__mark.stars-rating {
color: #00acc1
}
.vendors .vendor-3 .vendor__score-rating-stars, .vendors .vendor-3 .vendor__mark.stars-rating {
color: #00acc1
}
@media (min-width: 768px) {
.vendors .vendor {
display: flex;
flex-wrap: nowrap;
gap: 20px;
margin-bottom: 24px;
padding: 60px 25px 27px;
justify-content: space-between
}
}
.vendors .vendor__position {
position: absolute;
padding: 4px 14px;
height: 24px;
width: 35px;
background: #37474f80 0% 0% no-repeat padding-box;
letter-spacing: 0px;
color: #fff;
z-index: 2;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif;
line-height: 16px;
top: 0;
left: 0;
border-radius: 6px 0px
}
@media (max-width: 280px) {
.vendors .vendor__position {
width: 30px
}
}
.filtred .vendors .vendor__position {
display: none
}
.vendors .vendor-1 .vendor__position {
color: #37474F;
background: #f57c00 0% 0% no-repeat padding-box;
padding: 10px 14px;
height: 35px
}
@media (max-width: 280px) {
.vendors .vendor-1 .vendor__position {
padding: 10px 10px
}
}
.vendors .vendor-2 .vendor__position, .vendors .vendor-3 .vendor__position {
background: #00838f 0% 0% no-repeat padding-box;
padding: 10px 14px;
height: 35px
}
@media (max-width: 280px) {
.vendors .vendor-2 .vendor__position, .vendors .vendor-3 .vendor__position {
padding: 10px 10px
}
}
.vendors .vendor-1 .vendor__mark {
color: #ff9800;
font-weight: 700
}
.vendors .vendor__ribbon {
position: absolute;
height: 35px;
display: flex;
align-items: center;
padding: 0 14px 0 18px;
background-color: #ff9800;
color: #fff;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif;
top: 0;
z-index: 3;
top: 0;
left: 30px;
border-radius: 6px 0px
}
@media (max-width: 280px) {
.vendors .vendor__ribbon {
padding: 0 8px 0 8px
}
}
@media (max-width: 280px) {
.vendors .vendor__ribbon {
left: 27px
}
}
.filtred .vendors .vendor__ribbon {
left: 0
}
.hidden-ratings .vendors .vendor__ribbon {
left: 0
}
.vendors .vendor__ribbon.first {
font-weight: 700
}
.vendors .vendor__ribbon.first .separator {
display: none
}
@media (min-width: 768px) {
.vendors .vendor__ribbon.first .separator {
margin: 0 24px;
font-size: 20px;
display: inline-block
}
}
.vendors .vendor__ribbon.first a {
color: #fff;
font-size: 14px;
font-weight: 700;
display: inline-block
}
.vendors .vendor__ribbon.first a.dynamic__text-ribbon2 {
display: none
}
@media (min-width: 768px) {
.vendors .vendor__ribbon.first a.dynamic__text-ribbon2 {
display: inline-block
}
}
.vendors .vendor__ribbon .dynamic__text-ribbon1 {
color: white
}
.vendors .vendor__ribbon.second {
display: flex;
font-weight: 700;
background-color: #00ACC1
}
.vendors .vendor__ribbon.expressvpn::after {
content: "";
width: 54px;
height: 54px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='55' height='52' viewBox='0 0 55 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_20_11853)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5962 16.4851L12.3696 25.8766C12.2899 26.4262 12.3624 26.984 12.5795 27.4911C12.7966 27.9982 13.1501 28.4357 13.6028 28.7574C23.2382 35.8075 26.0919 37.8978 35.1216 44.5031C35.7975 44.9952 36.649 45.2006 37.4901 45.0744C38.3311 44.9482 39.0932 44.5008 39.6096 43.8299L49.7107 30.6391C50.2237 29.9658 50.4482 29.1252 50.3352 28.301C50.2222 27.4767 49.7809 26.736 49.1077 26.2406C40.078 19.6353 37.2242 17.5449 27.5888 10.4948C27.1452 10.1613 26.6161 9.95317 26.0572 9.89249C25.4983 9.83181 24.9303 9.92078 24.4131 10.15L15.5387 13.9492C15.0155 14.1647 14.5588 14.5142 14.2168 14.9606C13.8749 15.407 13.6605 15.9337 13.5962 16.4851Z' fill='%23EB371E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.6825 30.8032C48.1957 30.1299 48.4202 29.2891 48.3067 28.4648C48.1932 27.6405 47.751 26.9001 47.0769 26.4057C38.2215 19.9252 35.306 17.7918 26.1009 11.0592C25.9233 10.9267 25.7431 10.7953 25.5591 10.6625C25.2299 10.4166 24.854 10.2367 24.4523 10.1331C24.9657 9.91327 25.5269 9.8309 26.0782 9.89446C26.6295 9.95802 27.1509 10.1652 27.5887 10.4947C28.0095 10.8042 28.4186 11.1034 28.8162 11.3925C37.4865 17.7377 40.4745 19.9247 49.1076 26.2405C49.7808 26.7358 50.2221 27.4766 50.3351 28.3008C50.4481 29.1251 50.2235 29.9657 49.7105 30.639L42.4743 40.089L39.6095 43.8297C39.2241 44.3304 38.6988 44.7106 38.0995 44.9225C37.5003 45.1344 36.8539 45.1685 36.2417 45.0206C36.7708 44.8013 37.2326 44.447 37.5786 43.995L40.9606 39.5796L47.6825 30.8032Z' fill='%23E23D4D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0609 17.355C21.6353 17.0432 21.1229 16.8643 20.5885 16.8407C20.054 16.8171 19.5215 16.9499 19.0584 17.2224C18.5953 17.4949 18.2223 17.8948 17.9866 18.3716C17.751 18.8483 17.6633 19.3804 17.7346 19.9006C17.8059 20.4208 18.033 20.9057 18.3872 21.2939C18.7414 21.6822 19.2067 21.9564 19.7244 22.0818C20.2421 22.2072 20.7888 22.1782 21.2954 21.9984C21.802 21.8187 22.2457 21.4963 22.5703 21.0721C23.0053 20.5036 23.196 19.7928 23.1005 19.0958C23.0049 18.3988 22.631 17.7727 22.0609 17.355Z' fill='%23E6E6E6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.67 17.7459C21.1869 17.3924 20.5937 17.211 19.986 17.2311C19.3783 17.2511 18.7914 17.4714 18.3197 17.8564L18.2654 17.9249C17.8631 18.4497 17.668 19.0978 17.7173 19.7464C17.7665 20.3949 18.0565 20.9988 18.5325 21.4436C19.0084 21.8883 19.6371 22.1429 20.2993 22.1591C20.9615 22.1754 21.6112 21.9521 22.1252 21.5317L22.1795 21.4631C22.6149 20.8947 22.8058 20.1838 22.7103 19.4867C22.6147 18.7896 22.2405 18.1634 21.67 17.7459Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2492 7.32815C19.7012 9.1246 21.4077 11.4372 22.1813 13.7229C22.9156 15.9017 22.8962 18.3397 21.4247 20.26C21.1152 20.6637 20.7537 21.0267 20.3497 21.3397C20.0444 21.5765 19.7172 21.7844 19.3726 21.9605C18.897 21.7947 18.4813 21.4991 18.1738 21.1078C18.2467 21.0117 18.343 20.9351 18.4536 20.8853C18.8247 20.7208 19.175 20.513 19.4966 20.2665C19.803 20.0289 20.0768 19.7532 20.3109 19.4465C21.4904 17.9081 21.4348 15.9105 20.8532 14.1828C20.1604 12.1373 18.6224 10.0579 16.3983 8.43231C14.1735 6.80408 11.7018 5.9463 9.50198 5.87569C7.39881 5.80632 5.55747 6.46443 4.48567 7.86307C4.47872 7.87417 4.47074 7.88463 4.46183 7.8943C4.41161 7.96099 4.3635 8.02882 4.31751 8.09775L2.75332 8.05971C2.91634 7.72236 3.11272 7.39883 3.34338 7.09192L3.37285 7.05217C4.74241 5.2631 7.0132 4.42092 9.57442 4.50302C12.0388 4.58419 14.7943 5.53199 17.2492 7.32815ZM8.3981 20.5379L8.3981 18.8772C9.08446 19.381 9.81612 19.823 10.5845 20.1981C11.3196 20.5582 12.0892 20.848 12.8829 21.0636C13.061 21.1111 13.2114 21.2267 13.3009 21.3847C13.3904 21.5428 13.4116 21.7305 13.36 21.9065C13.3083 22.0825 13.188 22.2324 13.0254 22.3232C12.8629 22.4141 12.6715 22.4384 12.4933 22.3908C11.6134 22.1518 10.7601 21.8311 9.94464 21.433C9.39766 21.166 8.90822 20.8658 8.3981 20.5379Z' fill='%23212D32'/%3E%3Cpath d='M2.75332 8.05971L4.31751 8.09775C3.9737 8.6129 3.8423 9.23242 3.72694 9.84885L2.31843 9.8146C2.4123 9.21647 2.49285 8.59874 2.75332 8.05971Z' fill='%23212D32'/%3E%3Cpath d='M2.31843 9.8146L3.72694 9.84885C3.65681 10.2236 3.62763 10.6133 3.63787 11.0132L2.23666 10.9293C2.23439 10.5506 2.26136 10.1782 2.31843 9.8146Z' fill='%23212D32'/%3E%3Cpath d='M2.23666 10.9293L3.63787 11.0132C3.64935 11.462 3.71046 11.9236 3.81901 12.3917L2.34394 12.1664C2.2752 11.749 2.23909 11.3355 2.23666 10.9293Z' fill='%23212D32'/%3E%3Cpath d='M2.71364 13.6314C2.54751 13.141 2.42374 12.651 2.34394 12.1664L3.81901 12.3917C3.87893 12.6501 3.9533 12.9104 4.04176 13.1716C4.1865 13.6007 4.36431 14.0293 4.57546 14.4537L3.0309 14.4537C2.91194 14.1798 2.80608 13.9054 2.71364 13.6314Z' fill='%23212D32'/%3E%3Cpath d='M36.0947 22.1422C34.7153 21.6839 32.9956 21.7624 32.2942 23.2479C31.8073 24.2792 32.0675 25.4461 32.8796 26.2308C33.8372 27.1561 35.463 27.6802 36.7711 27.3484C37.8366 27.078 38.6251 26.1493 38.6476 25.0358C38.6775 23.55 37.3808 22.5699 36.0947 22.1422C38.3545 22.8938 35.148 21.828 36.0947 22.1422ZM37.3466 25.3319C37.0031 26.3611 35.4068 25.9297 34.7042 25.6467C34.0047 25.3648 32.5576 24.2918 33.6801 23.5413C34.3836 23.0712 35.5301 23.4858 36.2212 23.8038C36.7981 24.0694 37.5976 24.5801 37.3466 25.3319C37.6681 24.3683 37.2742 25.5488 37.3466 25.3319Z' fill='white'/%3E%3Cpath d='M27.601 23.4746L36.0831 32.9245L36.5149 31.6324L28.0324 22.1822L27.601 23.4746Z' fill='white'/%3E%3Cpath d='M31.6643 29.4049C30.3374 27.2538 25.5622 26.61 25.4196 29.9679C25.3158 32.4124 28.88 33.915 30.8194 32.8009C31.9966 32.1248 32.3737 30.5571 31.6643 29.4049C31.2446 28.7241 32.0532 30.0368 31.6643 29.4049ZM30.4662 30.0972C30.7825 30.4257 30.8933 30.9084 30.6012 31.2958C30.3272 31.6588 29.8123 31.7163 29.3917 31.6883C28.5915 31.6346 27.6036 31.283 27.0291 30.7046C26.3575 30.0281 26.7853 29.1274 27.717 29.0832C28.622 29.0398 29.8296 29.4351 30.4662 30.0972C30.1761 29.7957 30.7558 30.3979 30.4662 30.0972Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_20_11853'%3E%3Crect width='54' height='50.9931' fill='white' transform='translate(0 0.802887) rotate(-0.851914)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -16px;
right: -46px
}
.vendors .vendor.hidden-position .vendor__ribbon {
left: 0
}
.vendors .vendor .--ribbon-desktop {
display: none
}
@media (min-width: 768px) {
.vendors .vendor .--ribbon-desktop {
display: inline-block
}
}
.vendors .vendor .--ribbon-mobile {
display: inline-block
}
@media (min-width: 768px) {
.vendors .vendor .--ribbon-mobile {
display: none
}
}
.vendors .vendor .listing__item-icon:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235CA0DD' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: 6px
}
.vendors .vendor__positionSection {
position: absolute;
top: 35px;
height: 100%;
width: 55px;
right: 10px
}
@media (min-width: 768px) {
.vendors .vendor__positionSection {
height: auto;
right: auto;
top: auto;
width: 75px;
display: flex;
flex-shrink: 0;
position: relative;
margin-bottom: 15px
}
}
.vendors .vendor__positionSection-medal {
background-image: url("/wp-content/themes/assets/img/warranty.svg");
background-position: top;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
min-height: 90px;
width: 100%;
display: flex;
font-size: 22px;
align-items: baseline;
justify-content: center;
font-weight: 700;
padding-top: 15px
}
@media (min-width: 768px) {
.vendors .vendor__positionSection-medal {
background-position: center;
font-size: 32px;
padding-top: 0;
padding-bottom: 15px;
align-items: center
}
}
.vendors .vendor__logoSection {
width: 100%
}
@media (min-width: 768px) {
.vendors .vendor__logoSection {
max-width: 318px;
width: 30%;
flex-shrink: 0;
color: #37474F;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif
}
}
.vendors .vendor__logoSection-logo {
margin-bottom: 12px
}
.hidden-ratings .vendors .vendor__logoSection-logo {
max-width: 170px
}
@media (min-width: 768px) {
.vendors .vendor__logoSection-logo {
max-width: 220px
}
}
.vendors .vendor__logoSection-logo img {
max-height: 50px;
max-width: 65%
}
@media (min-width: 768px) {
.vendors .vendor__logoSection-logo img {
max-height: 55px;
max-width: 100%
}
}
.vendors .vendor__logoSection-description {
display: none
}
@media (min-width: 768px) {
.vendors .vendor__logoSection-description {
display: block
}
.vendors .vendor__logoSection-description > * {
font-weight: 700
}
}
.vendors .vendor__logoSection-listing ul {
list-style: none
}
html[country="US"] .vendors .vendor__logoSection-listing ul.express_bullet1--show li.express_bullet1, html[country="cf_country"] .vendors .vendor__logoSection-listing ul.express_bullet1--show li.express_bullet1 {
display: list-item
}
html[country="US"] .vendors .vendor__logoSection-listing ul.express_bullet1--show li:nth-child(2), html[country="cf_country"] .vendors .vendor__logoSection-listing ul.express_bullet1--show li:nth-child(2) {
display: none
}
.vendors .vendor__logoSection-listing ul li {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif;
margin-bottom: 6px;
margin-left: 4px
}
.vendors .vendor__logoSection-listing ul li:last-child {
margin-bottom: 12px
}
.vendors .vendor__logoSection-listing ul li.express_bullet1 {
display: none
}
@media (min-width: 768px) {
.vendors .vendor__logoSection-listing {
display: none
}
}
.vendors .vendor__logoSection-discount {
font-size: 16px;
font-weight: 700;
color: #266ba9;
margin-top: 10px;
margin-bottom: 16px
}
@media (min-width: 768px) {
.vendors .vendor__logoSection-discount {
margin-top: 30px
}
}
.vendors .vendor__logoSection-discount i:before {
vertical-align: text-top
}
.social_proof--show .vendors .vendor__logoSection-discount .discount1 {
display: none
}
.vendors .vendor__logoSection-discount .discount2 {
display: none
}
.social_proof--show .vendors .vendor__logoSection-discount .discount2 {
display: inline
}
.vendors .vendor__score-btn {
display: flex;
width: auto;
flex-shrink: 0;
flex-wrap: wrap;
justify-content: center
}
@media (min-width: 768px) {
.vendors .vendor__score-btn {
width: 150px;
margin-left: auto
}
}
@media (min-width: 992px) {
.vendors .vendor__score-btn {
display: flex;
flex-wrap: nowrap;
width: auto;
margin-left: 0
}
}
@media (min-width: 1200px) {
.vendors .vendor__score-btn.stars-rating {
width: 320px
}
}
.vendors .vendor__scoreSection {
max-width: fit-content;
position: absolute;
margin-right: 0;
top: 38px;
right: 14px
}
@media (min-width: 415px) {
.vendors .vendor__scoreSection {
top: 12px
}
}
.vendors .vendor__scoreSection.first .donut .donut-segment {
stroke: #ff9800
}
.vendors .vendor__scoreSection.first.rank > div {
color: #ff9800
}
.vendors .vendor__scoreSection.rank {
top: 5px;
right: 15px
}
@media (min-width: 320px) {
.vendors .vendor__scoreSection.rank {
top: 20px
}
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection.rank {
top: 0;
left: 0;
right: 0
}
}
.vendors .vendor__scoreSection.rank > div {
font-size: 32px;
font-family: tahoma, sans-serif;
text-align: center
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection.rank > div {
font-size: 60px
}
}
.vendors .vendor__scoreSection.rank .vendor__mark {
display: block;
font-weight: normal;
line-height: 1.2;
font-size: 12px
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection.rank .vendor__mark {
font-size: 14px
}
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection.rank .vendor__mark .ftc_ownership_note {
display: none !important
}
}
.vendors .vendor__scoreSection.stars-rating {
max-width: unset
}
.vendors .vendor__scoreSection .donut {
width: 64px;
margin-top: -13px
}
@media (max-width: 280px) {
.vendors .vendor__scoreSection .donut {
width: 40px;
margin-top: -32px;
margin-right: -8px
}
}
.vendors .vendor__scoreSection .donut text {
fill: #37474f;
font-size: 17px
}
.vendors .vendor__scoreSection .donut .donut-segment {
stroke: #00ACC1
}
.vendors .vendor__scoreSection .vendor__mark {
display: none
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection {
top: 0;
right: auto;
max-width: 100%;
width: 160px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
flex-wrap: wrap
}
.vendors .vendor__scoreSection svg.donut {
margin: 0 auto;
display: block;
width: 91px
}
.vendors .vendor__scoreSection svg.donut text {
font-size: 17px
}
.vendors .vendor__scoreSection svg.donut .donut-segment {
stroke: #00ACC1
}
.vendors .vendor__scoreSection svg.donut.first .donut-segment {
stroke: #ff9800
}
.vendors .vendor__scoreSection svg.donut.other .donut-segment {
stroke: #5ca0dd
}
.vendors .vendor__scoreSection .vendor__mark {
text-align: center;
font-size: 14px;
line-height: 27px;
text-transform: uppercase;
margin-top: 12px;
display: block
}
.vendors .vendor__scoreSection .vendor__mark.stars-rating {
font-size: 14px;
font-weight: 700;
margin-top: 5px
}
}
@media (min-width: 992px) {
.vendors .vendor__scoreSection {
margin-right: 30px
}
}
.vendors .vendor__scoreSection.score-bar .progress-bars, .vendors .vendor__scoreSection.score-bar .donut__text {
display: none
}
@media (min-width: 992px) {
.vendors .vendor__scoreSection.score-bar {
flex-direction: column;
width: 124px;
margin-right: 62px
}
.vendors .vendor__scoreSection.score-bar .progress-bars {
display: block
}
.vendors .vendor__scoreSection.score-bar .progress-bar {
background-color: #64bac5
}
.vendors .vendor__scoreSection.score-bar .vendor__mark {
color: #00acc1
}
.vendors .vendor__scoreSection.score-bar.first .progress-bar {
background-color: #fec575
}
.vendors .vendor__scoreSection.score-bar.first .vendor__mark {
color: #fd9f19
}
.vendors .vendor__scoreSection.score-bar.other .progress-bar {
background-color: #85b8e6
}
.vendors .vendor__scoreSection.score-bar.other .vendor__mark {
color: #5ca0dd
}
.vendors .vendor__scoreSection.score-bar .donut-block {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 10px
}
.vendors .vendor__scoreSection.score-bar .donut-block__text {
padding-top: 6px;
margin-left: 5px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px
}
.vendors .vendor__scoreSection.score-bar .donut-block__text .donut__text {
display: block
}
.vendors .vendor__scoreSection.score-bar .donut-block .vendor__mark {
font-size: 11px;
font-weight: 700;
line-height: 13px;
margin-top: 0;
text-align: left
}
.vendors .vendor__scoreSection.score-bar .donut-block .donut {
width: 40px;
height: 40px
}
.vendors .vendor__scoreSection.score-bar .progressbar {
display: flex;
justify-content: space-between;
align-items: end;
width: 100%;
margin-bottom: 5px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px
}
.vendors .vendor__scoreSection.score-bar .progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 6px;
width: 124px;
margin-bottom: 10px;
overflow: hidden;
font-size: 14px;
background-color: #e7eaee;
border-radius: 6px
}
.vendors .vendor__scoreSection.score-bar .progress-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
border-radius: 6px;
text-align: center;
transition: width 0.6s ease
}
}
.vendors .vendor__scoreSection .vendor__score-rating {
font-size: 36px;
font-weight: 500;
line-height: 42px;
text-align: center
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection .vendor__score-rating {
font-size: 34px;
line-height: 41px
}
}
.vendors .vendor__scoreSection .vendor__score-rating.first i {
color: #ff9800
}
.vendors .vendor__scoreSection .vendor__score-rating i {
font-size: 22px;
color: #00acc1;
vertical-align: bottom
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection .vendor__score-rating i {
display: none
}
}
.vendors .vendor__scoreSection .vendor__score-rating-stars {
display: none
}
@media (min-width: 768px) {
.vendors .vendor__scoreSection .vendor__score-rating-stars {
display: flex;
line-height: 1;
font-size: 16px;
justify-content: center
}
.vendors .vendor__scoreSection .vendor__score-rating-stars li {
font-size: 13px;
margin: 0 2px
}
.vendors .vendor__scoreSection .vendor__score-rating-stars li.fa-star-half-o {
transform: scale(0.87)
}
}
.vendors .vendor .vendor-special {
z-index: 3;
margin-bottom: 10px
}
@media (min-width: 1200px) {
.vendors .vendor .vendor-special {
margin-top: -25px
}
}
.vendors .vendor .vendor-special .vendor-special-link {
font-size: 12px;
font-weight: 600;
line-height: 18px;
display: inline-block;
color: #28811f;
border: 1.5px dashed #5ebd4bcc;
padding: 6px 3px;
border-radius: 6px;
background: #f2faf1
}
@media (min-width: 375px) {
.vendors .vendor .vendor-special .vendor-special-link {
font-size: 14px;
padding: 6px 10px
}
}
@media (min-width: 768px) {
.vendors .vendor .vendor-special .vendor-special-link {
font-size: 15px;
padding: 6px 15px
}
}
.vendors .vendor .vendor-special .vendor-special-link i {
font-size: 18px;
margin-right: 3px
}
.vendors .vendor__featured {
display: none;
width: auto;
padding: 0 15px
}
@media (min-width: 768px) {
.vendors .vendor__featured {
display: flex;
flex-wrap: wrap;
align-items: center
}
}
@media (min-width: 992px) {
.vendors .vendor__featured {
width: 410px
}
}
.vendors .vendor__featured .available {
flex-basis: 100%
}
.vendors .vendor__featured ul {
list-style: none
}
.vendors .vendor__featured ul.featured__list_mobile {
display: none
}
html[country="US"] .vendors .vendor__featured ul.express_bullet1--show li.express_bullet1, html[country="cf_country"] .vendors .vendor__featured ul.express_bullet1--show li.express_bullet1 {
display: list-item
}
html[country="US"] .vendors .vendor__featured ul.express_bullet1--show li:nth-child(2), html[country="cf_country"] .vendors .vendor__featured ul.express_bullet1--show li:nth-child(2) {
display: none
}
@media (max-width: 480px) {
.vendors .vendor__featured ul.featured__list_mobile {
display: block
}
.vendors .vendor__featured ul.featured__list_desktop {
display: none
}
}
.vendors .vendor__featured ul li {
margin-bottom: 9px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: "Cabin", Arial, Sans-Serif;
padding-left: 21px
}
.vendors .vendor__featured ul li:last-child {
margin-bottom: 12px
}
.vendors .vendor__featured ul li.express_bullet1 {
display: none
}
.vendors .vendor__featured ul li:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 6px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7.301' viewBox='0 0 10 7.301'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%235ca0dd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M18.474,13.206l-4.721,4.721-2.022-2.022a.95.95,0,0,0-1.345,0h0a.95.95,0,0,0,0,1.345l2.7,2.7a.95.95,0,0,0,1.345,0l5.4-5.4a.95.95,0,0,0,0-1.345h0A.961.961,0,0,0,18.474,13.206Z' transform='translate(-10.107 -12.928)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-left: -21px
}
.vendors .vendor .available__os .fa {
font-size: 19px;
display: inline-block;
margin-right: 24px;
opacity: 0.5;
color: #37474f
}
.vendors .vendor__btn {
display: block;
align-items: center;
width: 100%;
z-index: 3
}
@media (min-width: 768px) {
.vendors .vendor__btn {
min-width: 160px;
display: flex;
flex-wrap: wrap;
justify-content: center
}
}
.vendors .vendor__btn-area {
text-align: center
}
.vendors .vendor__btn-site-link {
display: block;
width: 100%;
text-align: center;
font-size: 14px;
color: #37474F;
opacity: 0.8;
text-decoration: underline;
display: none
}
@media (min-width: 768px) {
.vendors .vendor__btn-site-link {
display: block
}
}
.vendors .vendor__btn .button {
font-size: 19px;
display: flex;
justify-content: center;
align-items: center
}
@media (min-width: 768px) {
.vendors .vendor__btn .button:lang(hu), .vendors .vendor__btn .button:lang(bg), .vendors .vendor__btn .button:lang(ru), .vendors .vendor__btn .button:lang(uk) {
font-size: 15px
}
}
@media (min-width: 992px) {
.vendors .vendor__btn .button {
font-size: 20px
}
}
@media (min-width: 1200px) {
.vendors .vendor.score-bars {
padding-top: 35px
}
.vendors .vendor.score-bars .vendor__logoSection, .vendors .vendor.score-bars .vendor__featured {
margin-top: 25px
}
}
.vendors .vendor .ftc_ownership_note {
color: inherit
}
html[country="US"] .vendors .vendor .ftc_ownership_note, html[country="cf_country"] .vendors .vendor .ftc_ownership_note {
display: inline-block !important
}
.vpn-tips {
background: #37474f0d;
width: 100%;
padding-bottom: 30px;
padding-top: 50px;
margin: 50px 0
}
@media (min-width: 992px) {
.vpn-tips {
margin: 50px 0 75px 0;
padding-bottom: 50px;
padding-top: 40px
}
}
.vpn-tips__list {
display: flex;
justify-content: space-between;
flex-direction: column
}
@media (min-width: 992px) {
.vpn-tips__list {
flex-direction: row
}
}
.vpn-tips-section-title {
font-size: 24px;
line-height: 40px;
color: #37474f;
margin-bottom: 45px
}
@media (min-width: 992px) {
.vpn-tips-section-title {
margin-bottom: 35px;
font-size: 36px
}
}
.vpn-tip {
margin-bottom: 20px;
padding: 20px 20px;
filter: drop-shadow(5px 0px 15px rgba(0, 0, 0, 0.102));
border-radius: 4px;
background: white;
display: flex;
justify-content: space-between
}
@media (min-width: 992px) {
.vpn-tip {
width: 30%;
margin-bottom: 0;
padding: 20px 30px
}
}
.vpn-tip__icon {
width: 40px;
flex-shrink: 0;
margin-right: 10px
}
.vpn-tip__heading {
font-size: 16px;
margin-bottom: 15px;
margin-top: 4px
}
.vpn-tip__content {
font-size: 14px;
line-height: 18px
}
.--hover-animation .vendors .vendor {
border: 1px solid #e7eaee;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14)
}
.--hover-animation .vendors .vendor:hover {
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24)
}
.--hover-animation .vendors .vendor-1 {
border: 1px solid rgba(255, 152, 0, 0.5);
box-shadow: 0px 5px 12px 0px rgba(221, 44, 0, 0.15)
}
.--hover-animation .vendors .vendor-1:hover {
box-shadow: 0px 5px 12px 0px rgba(221, 44, 0, 0.25)
}
.--hover-animation1 .vendors .vendor:hover {
margin: -5px -5px 19px;
padding: 65px 30px 32px;
transition: all 0.3s ease-in-out;
position: relative
}
.--hover-animation2 .vendors .vendor:hover {
animation: scale-up-center 0.3s ease-in;
transform: scale(1.01)
}
@keyframes scale-up-center {
0% {
-webkit-transform: scale(1.01);
transform: scale(1.01)
}
50% {
-webkit-transform: scale(1.01);
transform: scale(1.01)
}
}
.notice .ftc_ownership_note {
font-size: 12px;
line-height: 14px;
color: #37474f;
opacity: 80%;
margin-bottom: 15px;
font-style: italic
}
@media (min-width: 768px) {
.notice .ftc_ownership_note {
font-size: 14px;
line-height: 16px;
margin-bottom: 0
}
}
html[country="US"] .notice .ftc_ownership_note, html[country="cf_country"] .notice .ftc_ownership_note {
display: inline-block !important
}
.extra-block {
background: #F6F9FC;
padding: 0 15px 18px;
margin: 5px -12px -12px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
@media (min-width: 768px) {
.extra-block {
background: transparent;
grid-area: 2/1/3/4;
margin: 5px 0px 0px;
padding: 0
}
}
.extra-block.open .extra-block__wrap {
animation: open 0.1s linear forwards
}
.extra-block.open .extra-block__open-block {
padding-bottom: 22px
}
@keyframes open {
from {
overflow: hidden;
opacity: 0;
max-height: 0%
}
to {
overflow: visible;
opacity: 1;
max-height: 100%
}
}
.extra-block.open .extra-block__btn svg {
transform: rotate(180deg)
}
.extra-block__open-block {
padding-top: 9px;
background: #F6F9FC
}
@media (min-width: 768px) {
.extra-block__open-block {
padding: 9px 0 22px;
background: #fff
}
}
.extra-block__wrap {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: all 0.2s linear
}
@media (min-width: 768px) {
.extra-block__wrap {
padding: 0 30px 0;
margin: 0 -25px -27px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background: #F6F9FC
}
}
@media (min-width: 1200px) {
.extra-block__wrap {
display: flex;
gap: 72px;
padding-inline-start: 30px;
padding-inline-end: 41px
}
}
.extra-block__btn {
position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 3px;
margin: 0 auto;
border: none;
background: none;
color: #37474F;
font-family: Cabin;
font-size: 16px;
font-weight: 500;
line-height: 106%;
cursor: pointer;
transition: text-shadow 0.2s ease
}
.extra-block__btn span {
position: relative
}
.extra-block__btn span::before {
position: absolute;
content: "";
bottom: 1.5px;
width: 100%;
height: 0.5px;
background: rgba(55, 71, 79, 0.5)
}
@media (min-width: 768px) {
.extra-block__btn {
margin: 0
}
}
.extra-block__btn:hover {
text-shadow: 0 0 .01px black
}
.extra-block__btn:hover span::before {
background: #37474F
}
.extra-block__name {
margin-bottom: 10px;
color: #333;
font-family: Arial;
font-size: 14px;
font-weight: 400;
line-height: 1
}
@media (min-width: 768px) {
.extra-block__name {
padding-top: 24px
}
}
.extra-block__list {
margin-bottom: 30px
}
.extra-block__list-item {
position: relative;
display: flex;
gap: 10px;
line-height: 128%;
transition: all 0.2s ease
}
.extra-block__list-item:not(:first-child):not(:nth-child(2n)) {
display: none
}
.extra-block__list-item:not(:last-child) {
margin-bottom: 10px
}
.extra-block__list-item::before {
content: '';
flex-shrink: 0;
width: 6px;
height: 6px;
margin-top: 6px;
border-radius: 50%;
background: #005EAB
}
.extra-block__list-item:hover {
text-shadow: 0 0 .01px black;
transition: all 0.2s ease
}
@media (min-width: 768px) {
.extra-block__list-item:not(:first-child):not(:nth-child(2n)) {
display: flex
}
}
@media (min-width: 1200px) {
.extra-block__list {
margin-bottom: 39px;
flex-grow: 1
}
}
.extra-block__devices {
position: relative;
margin-bottom: 27px
}
.extra-block__devices-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px
}
@media (min-width: 1200px) {
.extra-block__devices-wrap {
max-width: 293px
}
}
@media (min-width: 1200px) {
.extra-block__devices {
margin-bottom: 0
}
}
.extra-block__coupon {
align-self: center;
padding-bottom: 20px
}
.extra-block__coupon-block {
position: relative;
z-index: 2;
display: block;
margin-bottom: 15px;
padding: 6px;
border-radius: 5.312px;
border: 2px dashed #5CA0DD
}
@media (min-width: 480px) {
.extra-block__coupon-block {
width: 70%;
margin: 0 auto 10px
}
}
@media (min-width: 1200px) {
.extra-block__coupon-block {
width: fit-content;
min-width: 138px;
margin: 0 auto 15px
}
}
.extra-block__coupon-icon {
position: absolute;
top: -19px;
left: -4px
}
.extra-block__coupon-sale {
padding-inline-start: 5px
}
.extra-block__coupon-inner {
display: flex;
align-items: center;
justify-content: center;
padding: 11px;
border-radius: 5.312px;
background: #FFF;
color: #005EAB;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25)
}
.extra-block__coupon-btn {
justify-content: center;
color: #005EAB;
font-weight: 500
}
.extra-block__coupon-btn > i {
font-size: 14px
}
.extra-block__coupon-btn span::before {
background: rgba(0, 94, 171, 0.6)
}
.extra-block__coupon-btn:hover span::before {
background: #005EAB
}
@media (min-width: 1200px) {
.extra-block__coupon {
max-width: fit-content
}
}
.devices span {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 34px;
border: 1px solid #E7EAEE;
border-radius: 4px;
background: #ffffff;
color: #9BA3A7;
font-size: 22px;
transition: color 0.2s ease
}
.devices span:hover {
color: #37474F
}
@media (min-width: 768px) {
.vendors .vendor.extra {
display: grid;
grid-template-columns:30% auto min-content;
grid-template-rows:auto auto;
gap: 0 20px
}
.vendors .vendor.extra .vendor__logoSection {
grid-area: 1/1/2/2;
width: fit-content
}
.vendors .vendor__featured {
max-width: 410px;
width: 100%
}
}
@media (min-width: 1200px) {
.vendors .vendor.extra {
grid-template-columns:30% 1fr min-content
}
}
.vpn-coupon {
width: 100%
}
.coupon-var .right-column:after {
content: "";
position: absolute;
height: 12px;
width: 28px;
bottom: -2.5px;
left: -12px;
background: white;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border: 3px solid #00838F33;
border-bottom: 0
}
.coupon-var .right-column:before {
content: "";
position: absolute;
height: 12px;
width: 28px;
top: -2.5px;
left: -12px;
background: white;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border: 3px solid #00838F33;
border-top: 0
}
.coupon-var {
margin: 0px auto 24px;
position: relative;
clear: both
}
.coupon-var:after {
display: table;
clear: both;
content: ""
}
.coupon-var a[class*="coupon-wrap-link-"] {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.coupon-var .row2 {
display: flex
}
.coupon-var .row2 p {
margin-bottom: 2px;
margin-block-start: 1px
}
.coupon-var .left-column {
align-items: center;
border: 3px solid #00838F33;
border-radius: 14px;
flex: 0 0 60%;
display: flex;
border-right: 0;
padding: 6px 0 6px 20px
}
@media (min-width: 768px) {
.coupon-var .left-column {
flex: 0 0 70%
}
}
@media (min-width: 992px) {
.coupon-var .left-column {
display: block;
flex: 0 0 84%
}
}
.coupon-var .left-column:before {
height: 40%;
top: 30%;
width: 20px;
content: "";
display: block;
position: absolute;
border: 3px solid #00838F33;
background: white;
left: 0px;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
border-left-color: white
}
.coupon-var .coupon-image {
width: 28%;
z-index: 3;
position: relative;
bottom: -4px;
display: none
}
@media (min-width: 992px) {
.coupon-var .coupon-image {
display: block
}
}
.coupon-var .content-block {
width: 100%;
padding: 10px 10px 10px 13px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.coupon-var .content-block p {
font-size: 16px;
color: #051220
}
@media (max-width: 768px) {
.coupon-var .content-block p {
text-align: center
}
.coupon-var .content-block p:lang(ko), .coupon-var .content-block p:lang(ja), .coupon-var .content-block p:lang(zh) {
line-height: 1.5em
}
}
.coupon-var .content-block p:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.coupon-var a.btn.aff-button {
font-size: 14px;
background: #00838F;
max-width: 100%;
position: relative;
z-index: 2;
width: auto;
padding: 9px 8px 10px 10px;
margin-bottom: 0;
margin-top: 6px
}
@media (min-width: 768px) {
.coupon-var a.btn.aff-button {
font-size: 16px;
padding: 10px 18px;
margin-top: 0
}
}
.coupon-var a.btn.aff-button:after {
margin-bottom: -2px;
height: 16px
}
.coupon-var a.btn.aff-button:hover {
background: #0099a7
}
.coupon-var .row2 .coupon-discount {
color: #00838F;
display: block;
margin-top: 0;
margin-bottom: 6px;
line-height: 1.2;
font-size: 24px;
flex-shrink: unset
}
@media (min-width: 992px) {
.coupon-var .row2 .coupon-discount {
margin-bottom: 0px;
font-size: 32px;
flex-shrink: 0;
margin-right: 15px;
margin-left: 15px
}
}
.coupon-var .row2 .coupon-discount:after {
display: inline-block;
content: "";
width: 56px;
height: 34px;
background: transparent url(/wp-content/themes/assets/img/ppc/coupon-icon.svg) no-repeat center;
background-size: 100%;
margin-left: 13px;
position: relative;
top: 4px;
width: 36px;
height: 28px
}
@media (min-width: 992px) {
.coupon-var .row2 .coupon-discount:after {
width: 49px;
height: 33px;
background-size: cover
}
}
.coupon-var p.coupon-title {
font-size: 14px;
font-weight: 700;
line-height: 20px;
color: #37474F;
margin-bottom: 12px
}
@media (min-width: 768px) {
.coupon-var p.coupon-title {
font-size: 18px
}
}
.coupon-var .coupon-moneyback {
margin-top: 9px;
color: #37474F;
font-size: 12px
}
@media (min-width: 768px) {
.coupon-var .coupon-moneyback {
font-size: 14px
}
}
.coupon-var .right-column {
border: 3px solid #00838F33;
border-radius: 14px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 40%;
background-image: linear-gradient(rgba(0, 131, 143, 0.2) 47%, rgba(255, 255, 255, 0) 0%);
background-position: left;
border-left: none;
background-size: 4px 12px;
background-repeat: repeat-y
}
@media (min-width: 768px) {
.coupon-var .right-column {
flex: 0 0 30%
}
}
@media (min-width: 992px) {
.coupon-var .right-column {
flex: 0 0 16%
}
}
.coupon-var .url-block {
padding: 10px
}
@media (min-width: 768px) {
.coupon-var .url-block {
padding: 17px 25px 17px 25px
}
}
.coupon-var .url-block a span {
display: block
}
.coupon-var .url-block a span i {
margin-left: 5px;
font-size: 18px;
color: #fff
}
.coupon-var .url-block a:hover {
text-decoration: none
}
.coupon-var .url-block-inner {
display: flex;
justify-content: space-between;
flex-direction: column
}
@media (min-width: 992px) {
.coupon-var .url-block-inner {
align-items: center;
flex-direction: row
}
}
.coupon-logo {
width: 100%;
display: block;
max-width: 90px
}
@media (min-width: 992px) {
.coupon-logo {
display: none
}
}
.slider {
overflow: hidden
}
.slider__controls {
display: flex;
justify-content: center;
margin-top: 48px;
margin-bottom: 30px
}
.slider__control-item {
width: 12px;
height: 12px;
margin: 0 3px;
border-radius: 50%;
background: #fff;
opacity: 0.4;
cursor: pointer
}
.slider__control-item.js-active {
opacity: 1
}
.slider-box {
position: relative;
transition: all 0.4s ease-in 0s;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
box-sizing: content-box
}
#slider-nav {
width: 100%;
display: flex;
justify-content: center
}
#slider-nav span {
font-size: 26px;
line-height: 30px;
overflow: hidden;
outline: none;
text-align: center;
transition: 0.5s;
background: #fff;
width: 30px;
height: 30px;
color: #206caa;
border-radius: 3px;
margin: 0 20px;
cursor: pointer
}
#slider-nav span:hover {
color: #206caa
}
.testimonials {
background: linear-gradient(180deg, #266BA9 0%, #1D5B8A 100%);
text-align: center;
padding: 30px 0
}
.single-esim_landing .testimonials {
background: #00acc2
}
.testimonials__title {
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 29px;
font-family: "Cabin", Arial, Sans-Serif;
margin-bottom: 48px;
color: #fff
}
.testimonial__list {
display: flex;
padding: 0;
align-items: stretch
}
.testimonial__item {
width: 320px;
padding: 0 15px;
display: flex;
flex-direction: column;
flex: 0 0 auto;
opacity: 0.6;
transition: opacity 0.4s ease-in 0s
}
@media (min-width: 768px) {
.testimonial__item {
flex-direction: row;
width: 520px;
padding: 0 20px
}
}
.testimonial__item.js-active {
opacity: 1
}
.testimonial__vendor-logo-block {
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px 6px 0 0;
flex: 0 0 110px;
background: #114064
}
@media (min-width: 768px) {
.testimonial__vendor-logo-block {
flex: 0 0 150px
}
}
.testimonial__vendor-logo {
max-width: 90px;
max-height: 90px;
position: relative;
z-index: 9
}
.testimonial__details {
display: flex;
flex-direction: column;
justify-content: flex-start;
background: #fff;
height: 100%;
padding: 20px 10px;
border-radius: 0 0 6px 6px
}
@media (min-width: 768px) {
.testimonial__details {
text-align: left;
padding: 25px
}
}
.testimonial__vendor-title {
font-size: 24px;
line-height: 29px;
color: #37474F;
font-weight: 600
}
.testimonial__review {
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #37474F;
margin: 0 0 10px
}
.testimonial__author {
flex-grow: 1;
font-size: 16px;
line-height: 18px;
font-weight: 600;
color: #37474F;
margin: 0 0 20px
}
@media (min-width: 768px) {
.testimonial__btn {
max-width: max-content
}
}
.rating__list {
display: flex;
justify-content: center;
line-height: 1;
color: #E64A19;
font-size: 16px;
margin: 10px 0;
list-style: none
}
@media (min-width: 768px) {
.rating__list {
justify-content: flex-start
}
}
.rating__list li {
margin: 0 2px
}
.rating__list li.fa-star-half-o {
transform: scale(0.87)
}
.reviews_not_verified {
font-weight: 300;
font-size: 14px
}
@keyframes zoomIn {
0% {
transform: translateX(-50%) translateY(-50%) scale(1, 1) rotate(0deg)
}
10% {
transform: translateX(-50%) translateY(-50%) scale(0.79, 0.79) rotate(-4deg)
}
20% {
transform: translateX(-50%) translateY(-50%) scale(0.95, 0.95) rotate(4deg)
}
30% {
transform: translateX(-50%) translateY(-50%) scale(1, 1) rotate(-3deg)
}
40% {
transform: translateX(-50%) translateY(-50%) scale(0.98, 0.98) rotate(3deg)
}
50% {
transform: translateX(-50%) translateY(-50%) scale(0.98, 0.98) rotate(-3deg)
}
60% {
transform: translateX(-50%) translateY(-50%) scale(0.98, 0.98) rotate(3deg)
}
70% {
transform: translateX(-50%) translateY(-50%) scale(0.98, 0.98) rotate(-2deg)
}
80% {
transform: translateX(-50%) translateY(-50%) scale(1, 1) rotate(2deg)
}
100% {
transform: translateX(-50%) translateY(-50%) rotate(0deg)
}
}
[data-animation="bounce"] {
animation: ease-in 0.9s zoomIn
}
@keyframes slit-in-vertical {
0% {
-webkit-transform: translateZ(-800px) rotateY(90deg);
transform: translateX(-50%) translateY(-50%) translateZ(-800px) rotateY(90deg);
opacity: 0
}
54% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(-160px) rotateY(87deg);
transform: translateX(-50%) translateY(-50%) translateZ(-160px) rotateY(87deg);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotateY(0);
transform: translateX(-50%) translateY(-50%) translateZ(0) rotateY(0)
}
}
[data-animation="slit-in"] {
-webkit-animation: slit-in-vertical 0.45s ease-out both;
animation: slit-in-vertical 0.45s ease-out both
}
@-webkit-keyframes fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
[data-animation="fade-in"] {
-webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both
}
@keyframes swing-in-top-fwd {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotateX(-100deg);
transform: translateX(-50%) translateY(-50%) rotateX(-100deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotateX(0deg);
transform: translateX(-50%) translateY(-50%) rotateX(0deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 1
}
}
[data-animation="swing-in-top-fwd"] {
-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both
}
@keyframes slide-in-elliptic-top-fwd {
0% {
-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
transform: translateY(-600px) rotateX(-30deg) scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotateX(0) scale(1);
transform: translateX(-50%) translateY(-50%) rotateX(0) scale(1);
-webkit-transform-origin: 50% 1400px;
transform-origin: 50% 1400px;
opacity: 1
}
}
[data-animation="slide-in-elliptic-top-fwd"] {
-webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}
@keyframes slide-in-fwd-center {
0% {
transform: none;
opacity: 0
}
50% {
transform: translateZ(-1400px);
opacity: 0
}
100% {
transform: translateZ(0);
opacity: 1
}
}
[data-animation="slide-in-fwd-center"] {
animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}
@keyframes rotate-in-center {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-360deg);
transform: translateX(-50%) translateY(-50%) rotate(-360deg);
opacity: 0
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
transform: translateX(-50%) translateY(-50%) rotate(0);
opacity: 1
}
}
[data-animation="rotate-in-center"] {
-webkit-animation: rotate-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: rotate-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}
.quiz-cards {
padding: 20px 0
}
.single-landing-ppc .quiz-cards {
padding: 20px 0 30px
}
@media (min-width: 768px) {
.single-landing-ppc .quiz-cards {
padding: 20px 0 0
}
}
.quiz-cards__title-block {
margin-bottom: 26px;
text-align: center;
color: #37474F
}
@media (min-width: 768px) {
.quiz-cards__title-block {
margin-bottom: 32px
}
}
.quiz-cards__title-block h2 {
margin-bottom: 8px;
font-size: 1.625em
}
.quiz-cards__card {
position: relative;
border-radius: 6px;
background: #FFF;
box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, 0.1);
overflow: hidden
}
.quiz-cards__card:has(.start.active) .quiz-cards__card-nav {
opacity: 0;
pointer-events: none
}
.quiz-cards__card:has(.vendor.active) .quiz-cards__card-fon {
opacity: 0
}
.quiz-cards__card:has(.vendor.active) .quiz-cards__card-fon-vendor {
opacity: 1
}
.quiz-cards__card:has(.vendor.active) .quiz-cards__card-fon-vendor-mob {
opacity: 1
}
.quiz-cards__card:has(.vendor.active) .quiz-cards__card-nav {
background: transparent
}
.quiz-cards__card .start, .quiz-cards__card .second, .quiz-cards__card .third, .quiz-cards__card .step {
display: none
}
.quiz-cards__card .start.active, .quiz-cards__card .second.active, .quiz-cards__card .third.active, .quiz-cards__card .step.active, .quiz-cards__card .vendor.active {
display: block
}
.quiz-cards__card .vendor {
display: none
}
.quiz-cards__card .vendor .quiz-cards__card-content {
margin: 10px 24px 20px 24px
}
@media (min-width: 992px) {
.quiz-cards__card .vendor .quiz-cards__card-content {
margin: 10px 48px 25px 57px
}
}
.quiz-cards__card .vendor .quiz-cards__card-text {
text-align: start
}
@media (min-width: 768px) {
.quiz-cards__card .vendor .quiz-cards__card-text {
text-align: start;
width: fit-content;
flex-grow: 1;
max-width: 250px
}
}
.quiz-cards__card .vendor .quiz-cards__card-text img {
min-width: 90px;
max-width: 152px
}
@media (min-width: 768px) {
.quiz-cards__card .vendor .quiz-cards__card-text img {
max-width: 239px;
max-height: 170px
}
}
.article-text-wrap .single.post-text .quiz-cards__card .vendor .quiz-cards__card-text img {
max-width: 152px
}
@media (min-width: 768px) {
.article-text-wrap .single.post-text .quiz-cards__card .vendor .quiz-cards__card-text img {
max-height: 170px
}
}
.quiz-cards__card .vendor .quiz-cards__card-btns {
text-align: center
}
@media (min-width: 768px) {
.quiz-cards__card .vendor .quiz-cards__card-btns {
margin-top: 20px
}
}
.quiz-cards__card .vendor .quiz-cards__card-button {
background: #f61
}
.quiz-cards__card .vendor .quiz-cards__card-button:hover {
background: #00ACC1
}
@media (min-width: 768px) {
.quiz-cards__card .vendor .quiz-cards__card-button {
width: fit-content;
min-width: 240px
}
}
.quiz-cards__card-fon {
position: absolute;
bottom: 0;
right: 0
}
.quiz-cards__card-fon-vendor {
opacity: 0;
position: absolute;
top: 0;
display: none;
left: 0
}
@media (min-width: 768px) {
.quiz-cards__card-fon-vendor {
display: block
}
}
.quiz-cards__card-fon-vendor-mob {
position: absolute;
top: 0;
opacity: 0;
left: 0;
right: unset
}
@media (min-width: 768px) {
.quiz-cards__card-fon-vendor-mob {
display: none
}
}
.quiz-cards__card-content {
position: relative;
display: none;
z-index: 1;
flex-direction: column;
align-items: center;
margin: 10px 24px 23px;
gap: 24px
}
.quiz-cards__card-content.show {
display: flex
}
@media (min-width: 768px) {
.quiz-cards__card-content {
flex-direction: row;
justify-content: space-between
}
}
@media (min-width: 1200px) {
.quiz-cards__card-content {
margin: 10px 64px 36px 120px
}
}
.quiz-cards__card-text {
text-align: center
}
@media (min-width: 992px) {
.quiz-cards__card-text {
width: 38%
}
}
.quiz-cards__card-text > p {
margin: 8px;
color: #37474F;
text-align: center;
font-size: 1.5em;
font-weight: 400;
line-height: normal
}
@media (min-width: 768px) {
.quiz-cards__card-text > p {
font-size: 2em;
font-weight: 700
}
}
main.container article .block-content .post-text .quiz-cards__card-text > p {
margin: 8px;
font-size: 1.5em;
font-weight: 400;
line-height: normal
}
@media (min-width: 768px) {
main.container article .block-content .post-text .quiz-cards__card-text > p {
font-size: 2em;
font-weight: 700
}
}
.quiz-cards__card-text img {
max-width: 90px
}
main.container article .quiz-cards__card-text img {
max-width: 90px
}
.quiz-cards__card-nav {
opacity: 1;
position: relative;
z-index: 1;
display: grid;
place-content: center;
width: 54px;
height: 54px;
color: #266BA9;
font-size: 24px;
cursor: pointer;
pointer-events: visible
}
@media (min-width: 768px) {
.quiz-cards__card-nav {
background: #E6F7F9
}
}
.quiz-cards__card-list {
color: #37474F
}
@media (min-width: 992px) {
.quiz-cards__card-list {
width: 426px;
margin-inline-start: 32px
}
}
.quiz-cards__card-list-title {
margin-bottom: 20px;
color: #37474F;
text-align: center;
font-size: 1.25em;
font-weight: 700;
line-height: normal
}
@media (min-width: 768px) {
.quiz-cards__card-list-title {
text-align: start;
font-size: 1.5em
}
}
.article-text-wrap .post-text .quiz-cards__card-list-title {
margin-top: 0;
font-size: 1.25em
}
@media (min-width: 768px) {
.article-text-wrap .post-text .quiz-cards__card-list-title {
font-size: 1.5em
}
}
.article-text-wrap .post-text .quiz-cards__card-list-items {
margin: 0
}
.quiz-cards__card-list-items > li {
display: flex;
align-items: baseline;
gap: 8px
}
.quiz-cards__card-list-items > li:not(:last-child) {
margin-bottom: 14px
}
.quiz-cards__card-list-items > li::before {
content: "";
display: block;
width: 9px;
height: 9px;
flex-shrink: 0;
margin-top: 3px;
border-radius: 50px;
background: #266BA9
}
.article-text-wrap .post-text .quiz-cards__card-list-items > li {
margin-left: 0;
margin-bottom: 14px
}
.quiz-cards__card-btns {
position: relative;
z-index: 1;
width: 100%
}
@media (min-width: 768px) {
.quiz-cards__card-btns {
width: fit-content
}
}
.quiz-cards__card-link {
color: #37474F;
font-size: 0.875em;
font-weight: 400;
line-height: normal;
text-decoration-line: underline
}
.quiz-cards__card-link:visited {
color: #37474F
}
.quiz-cards__card-footer {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding-inline-start: 0;
padding-bottom: 16px;
z-index: 1;
color: #37474F;
font-family: Arial;
font-size: 0.875em;
line-height: 130%;
letter-spacing: 0.14px
}
@media (min-width: 768px) {
.quiz-cards__card-footer {
flex-direction: row;
gap: 16px;
padding-inline-start: 24px
}
}
.quiz-cards__card-footer input[type='range'] {
accent-color: #266BA9;
appearance: none;
width: 95px;
height: 10px;
border-radius: 25px;
background: transparent;
overflow: hidden;
cursor: default;
pointer-events: none
}
.quiz-cards__card-footer input[type='range']:hover {
cursor: default;
pointer-events: none
}
.quiz-cards__card-footer input[type='range']::-webkit-slider-thumb {
position: relative;
width: 25%;
-webkit-appearance: none;
height: 10px;
cursor: ew-resize;
background: #266BA9;
box-shadow: -340px 0 0 322px #266BA9, inset 0 0 0 40px #266BA9;
border-radius: 25px;
transition: box-shadow 0.2s ease-in-out
}
.quiz-cards__card-footer input[type='range']::-webkit-slider-thumb:focus {
outline: none
}
.quiz-cards__card-footer input[type='range']:focus {
outline: none
}
.quiz-cards__card-footer input[type='range']:active::-webkit-slider-thumb, .quiz-cards__card-footer input[type='range']:active::-moz-range-thumb {
background: #266BA9;
box-shadow: -340px 0 0 322px #266BA9, inset 0 0 0 3px #266BA9
}
.quiz-cards__card-footer input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 10px;
background: #AED4D9;
border-radius: 25px;
transition: box-shadow 0.2s ease-in-out;
overflow: hidden
}
@media (min-width: 768px) {
.quiz-cards__card-footer input[type='range']::-webkit-slider-runnable-track {
background: #E6F7F9
}
}
.quiz-cards__card-footer input[type='range']::-moz-range-track {
width: 100%;
height: 10px;
background: #AED4D9;
border-radius: 25px;
transition: box-shadow 0.2s ease-in-out;
overflow: hidden
}
@media (min-width: 768px) {
.quiz-cards__card-footer input[type='range']::-moz-range-track {
background: #E6F7F9
}
}
.quiz-cards__card-footer input[type='range']::-moz-range-thumb {
position: relative;
width: 25%;
appearance: none;
height: 10px;
cursor: ew-resize;
background: #266BA9;
border: none;
box-shadow: -340px 0 0 322px #266BA9, inset 0 0 0 40px #266BA9;
border-radius: 25px;
transition: box-shadow 0.2s ease-in-out
}
.quiz-cards__card-footer input[type='range']::-moz-range-thumb:focus {
outline: none
}
.quiz-cards__recommend {
display: none;
margin-top: 16px;
padding: 8px 16px;
border-radius: 6px;
background: #E6F7F9;
color: #37474F;
font-size: 0.875em;
line-height: normal
}
@media (min-width: 768px) {
.quiz-cards__recommend {
text-align: center
}
}
.quiz-cards__recommend.active {
display: block
}
.quiz-cards__card-button {
position: relative;
display: block;
width: 100%;
white-space: nowrap;
padding: 14px 16px;
border-radius: 8px;
text-align: center;
text-decoration: none;
background: #266BA9;
color: #fff;
font-size: 16px;
font-weight: 700;
transition: none
}
.quiz-cards__card-button:visited {
color: #fff
}
.quiz-cards__card-button:hover {
text-decoration: none;
background: #114064
}
.quiz-cards__card-button:after {
content: "";
width: 17px;
height: 17px;
background-position: center;
background-size: contain;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M7.41 6.93506L6 8.34506L10.58 12.9351L6 17.5251L7.41 18.9351L13.41 12.9351L7.41 6.93506Z' fill='white'/%3E%3Cpath d='M13.2996 6.93506L11.8896 8.34506L16.4696 12.9351L11.8896 17.5251L13.2996 18.9351L19.2996 12.9351L13.2996 6.93506Z' fill='white'/%3E%3C/svg%3E");
vertical-align: middle;
transition: background-image ease 0.2s;
transform: rotate(0deg)
}
.quiz-cards__card-button--light {
white-space: normal;
background: #fff;
border: 1px solid #266BA9;
color: #266BA9;
font-weight: 700
}
@media (min-width: 992px) {
.quiz-cards__card-button--light {
max-width: 360px;
min-width: 280px
}
}
.quiz-cards__card-button--light:visited {
color: #266BA9
}
.quiz-cards__card-button--light:hover {
background: #266BA9;
color: #FFF
}
.quiz-cards__card-button--light:hover::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0,0H24V24H0Z'/%3E%3Cpath class='b' d='M10.02,6,8.61,7.41,13.19,12,8.61,16.59,10.02,18l6-6Z'/%3E%3C/svg%3E")
}
.quiz-cards__card-button--light::after {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0204 6L8.61035 7.41L13.1904 12L8.61035 16.59L10.0204 18L16.0204 12L10.0204 6Z' fill='%23266BA9'/%3E%3C/svg%3E%0A")
}
@media (min-width: 1200px) {
.quiz-cards__card-button {
min-width: 280px
}
}
.quiz-cards__card-button:not(:last-child) {
margin-bottom: 16px
}
.quiz-cards.post__quiz .quiz-cards__card-fon {
height: 170px;
width: 385px
}
.quiz-cards.post__quiz .quiz-cards__card-fon-vendor {
right: 0;
left: unset
}
@media (min-width: 768px) {
.quiz-cards.post__quiz .quiz-cards__card-content {
flex-direction: column
}
}
@media (min-width: 992px) {
.quiz-cards.post__quiz .quiz-cards__card-content {
flex-direction: row
}
}
@media (min-width: 1200px) {
.quiz-cards.post__quiz .quiz-cards__card-content {
margin: 0px 32px 36px 48px
}
}
@media (min-width: 992px) {
.quiz-cards.post__quiz .quiz-cards__card-text {
width: 47%
}
}
@media (min-width: 992px) {
.quiz-cards.post__quiz .vendor .quiz-cards__card-content {
grid-template-rows:min-content auto;
grid-template-columns:1fr 1fr;
gap: 24px 0
}
.quiz-cards.post__quiz .vendor .quiz-cards__card-content.show {
display: grid
}
.quiz-cards.post__quiz .vendor .quiz-cards__card-content .quiz-cards__card-text {
grid-area: 1 / 2 / 2 / 4;
width: 100%;
text-align: center;
margin: 0 auto
}
.quiz-cards.post__quiz .vendor .quiz-cards__card-content .quiz-cards__card-list {
grid-area: 1 / 1 / 3 / 2;
margin-inline-start: 0
}
.quiz-cards.post__quiz .vendor .quiz-cards__card-content .quiz-cards__card-btns {
grid-area: 2 / 2 / 3 / 4;
width: 100%;
margin-top: 0
}
.quiz-cards.post__quiz .vendor .quiz-cards__card-content .quiz-cards__card-btns .quiz-cards__card-button {
margin: 0 auto 16px;
width: unset;
max-width: 280px
}
}
.quiz-cards.post__quiz .vendor .quiz-cards__card-button:hover {
background: linear-gradient(174deg, #FF6320 24%, #F53308 96%)
}
img[data-loading="lazy"], .firstload {
display: none
}
.no-js img[data-loading="lazy"], .vendor-1 img[data-loading="lazy"], .no-js .firstload, .vendor-1 .firstload {
display: initial
}
@media (min-width: 768px) {
img[data-loading="lazy"], .firstload {
display: initial
}
}
.top-three__item, .category__item-features, .category__item-logo-wrapper {
position: relative
}
#vpn_ep {
display: none
}
footer {
overflow-y: auto
}
.--only-mobile-pretty-links .vendors .vendor__btn-site-link {
display: block
}
@media (min-width: 768px) {
.--only-mobile-pretty-links .vendors .vendor__btn-site-link {
display: none
}
}