html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: 600;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
a,
a:active,
a:hover,
a:visited {
text-decoration: none;
}
@font-face {
font-family: uc;
font-display: swap;
src: url("../fonts/uc.eot");
src: url("../fonts/uc.eot?#iefix") format("embedded-opentype"),
url("../fonts/uc.woff") format("woff"),
url("../fonts/uc.ttf") format("truetype"),
url("../fonts/uc.svg#uc") format("svg");
font-weight: 400;
font-style: normal;
}
[class*="uc-"]:before {
display: inline-block;
font-family: uc;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.uc-attention:before {
content: "A";
}
.uc-download:before {
content: "B";
}
.uc-comments:before {
content: "C";
}
.uc-chevron:before {
content: "D";
}
.uc-check:before {
content: "E";
}
.uc-search:before {
content: "F";
}
.uc-language:before {
content: "G";
}
.uc-refresh:before {
content: "H";
}
.uc-leaves:before {
content: "I";
}
.uc-support:before {
content: "J";
}
.uc-close:before {
content: "K";
}
.uc-menu:before {
content: "L";
}
.uc-user:before {
content: "M";
}
.uc-remove:before {
content: "N";
}
.uc-facebook:before {
content: "O";
}
.uc-twitter:before {
content: "P";
}
.uc-star:before {
content: "Q";
}
.uc-macos:before {
content: "R";
}
.uc-virtual:before {
content: "S";
}
.uc-windows:before {
content: "T";
}
.uc-linux:before {
content: "U";
}
.uc-apple:before {
content: "V";
}
.uc-android:before {
content: "W";
}
.uc-chrome:before {
content: "X";
}
.uc-firefox:before {
content: "Y";
}
.uc-firetv:before {
content: "Z";
}
.uc-instagram:before {
content: "a";
}
.uc-youtube:before {
content: "b";
}
.uc-star-empty:before {
content: "c";
}
.uc-user-empty:before {
content: "d";
}
.uc-lock:before {
content: "e";
}
.uc-hart:before {
content: "f";
}
.uc-tiktok:before {
content: "g";
}
.uc-pinterest:before {
content: "h";
}
.uc-reddit:before {
content: "i";
}
.uc-linkedin:before {
content: "j";
}
*,
::after,
::before {
padding: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-rendering: optimizeLegibility;
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.5;
letter-spacing: -0.1px;
overflow-x: hidden;
color: #222e3a;
padding-top: 64px;
}
body.offset-no-header {
padding-top: 0;
}
.overflow {
overflow: hidden;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 16px;
}
#main {
overflow-x: hidden;
}
#launcher {
z-index: 97 !important;
}
a {
text-decoration: none;
}
img {
display: block;
max-width: 100%;
height: auto;
}
img.lozad[data-src]:not(.no-fade) {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 0;
}
img.lozad[data-src]:not(.no-fade)[data-loaded="true"] {
opacity: 1;
}
svg {
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.design-alpha table,
.dg-body-text table {
border-collapse: collapse;
border: 1px solid #ececec;
width: 100%;
}
.design-alpha td,
.dg-body-text td {
padding: 15px;
border: 1px solid #ececec;
}
@media (max-width: 767px) {
.table-container {
overflow-x: auto;
white-space: nowrap;
}
.table-container::-webkit-scrollbar {
-webkit-appearance: none;
}
.table-container::-webkit-scrollbar:vertical {
width: 12px;
}
.table-container::-webkit-scrollbar:horizontal {
height: 12px;
}
.table-container::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
border: 2px solid #fff;
}
.table-container::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fff;
}
}
@-webkit-keyframes rotateAndScale {
0% {
-webkit-transform: rotate(0) scale(1.2);
transform: rotate(0) scale(1.2);
}
50% {
-webkit-transform: rotate(180deg) scale(0.8);
transform: rotate(180deg) scale(0.8);
}
100% {
-webkit-transform: rotate(360deg) scale(1.2);
transform: rotate(360deg) scale(1.2);
}
}
@keyframes rotateAndScale {
0% {
-webkit-transform: rotate(0) scale(1.2);
transform: rotate(0) scale(1.2);
}
50% {
-webkit-transform: rotate(180deg) scale(0.8);
transform: rotate(180deg) scale(0.8);
}
100% {
-webkit-transform: rotate(360deg) scale(1.2);
transform: rotate(360deg) scale(1.2);
}
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
a:focus,
button:focus {
outline: 0;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
h1.large {
font-size: 70px;
line-height: 1.028;
letter-spacing: -0.022px;
}
@media (max-width: 767px) {
h1.large {
font-size: 38px;
line-height: 1.263;
letter-spacing: -0.022px;
}
}
h1.small {
font-size: 48px;
line-height: 1.208;
letter-spacing: -0.022px;
}
@media (max-width: 767px) {
h1.small {
font-size: 32px;
line-height: 1.5;
letter-spacing: -0.021px;
}
}
h2.large {
font-size: 40px;
line-height: 1.33;
letter-spacing: -0.021px;
}
@media (max-width: 767px) {
h2.large {
font-size: 24px;
letter-spacing: -0.019px;
line-height: 1.416;
}
}
h2.small {
font-size: 32px;
line-height: 1.5;
letter-spacing: -0.021px;
}
@media (max-width: 767px) {
h2.small {
font-size: 20px;
line-height: 1.6;
letter-spacing: -0.017px;
}
}
h3.large {
font-size: 32px;
line-height: 1.5;
letter-spacing: -0.021px;
}
@media (max-width: 767px) {
h3.large {
font-size: 20px;
line-height: 1.6;
letter-spacing: -0.017px;
}
}
h3.small {
font-size: 24px;
line-height: 1.33;
letter-spacing: -0.019px;
}
@media (max-width: 767px) {
h3.small {
font-size: 18px;
line-height: 1.555;
letter-spacing: -0.018px;
}
}
h3.var {
font-size: 18px;
line-height: 1.666;
letter-spacing: -0.018px;
}
@media (max-width: 767px) {
h3.var {
font-size: 16px;
line-height: 1.75;
letter-spacing: -0.011px;
}
}
p {
font-size: 16px;
line-height: 1.75;
letter-spacing: -0.011px;
color: rgba(34, 46, 58, 0.75);
}
@media (max-width: 767px) {
p {
font-size: 14px;
line-height: 1.714;
letter-spacing: 0.2px;
}
}
p.large {
font-size: 18px;
line-height: 1.55;
letter-spacing: -0.018px;
}
@media (max-width: 767px) {
p.large {
font-size: 16px;
line-height: 1.75;
letter-spacing: -0.011px;
}
}
p.lead {
font-size: 22px;
line-height: 1.45;
letter-spacing: -0.018px;
}
@media (max-width: 767px) {
p.lead {
font-size: 18px;
line-height: 1.666;
letter-spacing: -0.018px;
}
}
p.small {
font-size: 14px;
line-height: 1.714;
letter-spacing: 0.2px;
}
.flag {
display: inline-block;
width: 36px;
height: 24px;
background-image: url("../img/sprites/flags.png");
background-size: 36px 4824px;
}
.flag-ad {
background-position: 0 0;
}
.flag-ae {
background-position: 0 -24px;
}
.flag-af {
background-position: 0 -48px;
}
.flag-ag {
background-position: 0 -72px;
}
.flag-al {
background-position: 0 -96px;
}
.flag-am {
background-position: 0 -120px;
}
.flag-ao {
background-position: 0 -144px;
}
.flag-ar {
background-position: 0 -168px;
}
.flag-at {
background-position: 0 -192px;
}
.flag-au {
background-position: 0 -216px;
}
.flag-az {
background-position: 0 -240px;
}
.flag-ba {
background-position: 0 -264px;
}
.flag-bb {
background-position: 0 -288px;
}
.flag-bd {
background-position: 0 -312px;
}
.flag-be {
background-position: 0 -336px;
}
.flag-bf {
background-position: 0 -360px;
}
.flag-bg {
background-position: 0 -384px;
}
.flag-bh {
background-position: 0 -408px;
}
.flag-bi {
background-position: 0 -432px;
}
.flag-bj {
background-position: 0 -456px;
}
.flag-bn {
background-position: 0 -480px;
}
.flag-bo {
background-position: 0 -504px;
}
.flag-br {
background-position: 0 -528px;
}
.flag-bs {
background-position: 0 -552px;
}
.flag-bt {
background-position: 0 -576px;
}
.flag-bw {
background-position: 0 -600px;
}
.flag-by {
background-position: 0 -624px;
}
.flag-bz {
background-position: 0 -648px;
}
.flag-ca {
background-position: 0 -672px;
}
.flag-cd {
background-position: 0 -696px;
}
.flag-cf {
background-position: 0 -720px;
}
.flag-cg {
background-position: 0 -744px;
}
.flag-ch {
background-position: 0 -768px;
}
.flag-ci {
background-position: 0 -792px;
}
.flag-cl {
background-position: 0 -816px;
}
.flag-cm {
background-position: 0 -840px;
}
.flag-cn {
background-position: 0 -864px;
}
.flag-co {
background-position: 0 -888px;
}
.flag-cr {
background-position: 0 -912px;
}
.flag-cu {
background-position: 0 -936px;
}
.flag-cv {
background-position: 0 -960px;
}
.flag-cy {
background-position: 0 -984px;
}
.flag-cz {
background-position: 0 -1008px;
}
.flag-de {
background-position: 0 -1032px;
}
.flag-dj {
background-position: 0 -1056px;
}
.flag-dk {
background-position: 0 -1080px;
}
.flag-dm {
background-position: 0 -1104px;
}
.flag-do {
background-position: 0 -1128px;
}
.flag-dz {
background-position: 0 -1152px;
}
.flag-ec {
background-position: 0 -1176px;
}
.flag-ee {
background-position: 0 -1200px;
}
.flag-eg {
background-position: 0 -1224px;
}
.flag-er {
background-position: 0 -1248px;
}
.flag-es {
background-position: 0 -1272px;
}
.flag-et {
background-position: 0 -1296px;
}
.flag-eu {
background-position: 0 -1320px;
}
.flag-fi {
background-position: 0 -1344px;
}
.flag-fj {
background-position: 0 -1368px;
}
.flag-fm {
background-position: 0 -1392px;
}
.flag-fr {
background-position: 0 -1416px;
}
.flag-ga {
background-position: 0 -1440px;
}
.flag-gb {
background-position: 0 -1464px;
}
.flag-gd {
background-position: 0 -1488px;
}
.flag-ge {
background-position: 0 -1512px;
}
.flag-gh {
background-position: 0 -1536px;
}
.flag-gm {
background-position: 0 -1560px;
}
.flag-gn {
background-position: 0 -1584px;
}
.flag-gq {
background-position: 0 -1608px;
}
.flag-gr {
background-position: 0 -1632px;
}
.flag-gt {
background-position: 0 -1656px;
}
.flag-gw {
background-position: 0 -1680px;
}
.flag-gy {
background-position: 0 -1704px;
}
.flag-hk {
background-position: 0 -1728px;
}
.flag-hn {
background-position: 0 -1752px;
}
.flag-hr {
background-position: 0 -1776px;
}
.flag-ht {
background-position: 0 -1800px;
}
.flag-hu {
background-position: 0 -1824px;
}
.flag-id {
background-position: 0 -1848px;
}
.flag-ie {
background-position: 0 -1872px;
}
.flag-il {
background-position: 0 -1896px;
}
.flag-in {
background-position: 0 -1920px;
}
.flag-iq {
background-position: 0 -1944px;
}
.flag-ir {
background-position: 0 -1968px;
}
.flag-is {
background-position: 0 -1992px;
}
.flag-it {
background-position: 0 -2016px;
}
.flag-jm {
background-position: 0 -2040px;
}
.flag-jo {
background-position: 0 -2064px;
}
.flag-jp {
background-position: 0 -2088px;
}
.flag-ke {
background-position: 0 -2112px;
}
.flag-kg {
background-position: 0 -2136px;
}
.flag-kh {
background-position: 0 -2160px;
}
.flag-ki {
background-position: 0 -2184px;
}
.flag-km {
background-position: 0 -2208px;
}
.flag-kn {
background-position: 0 -2232px;
}
.flag-kp {
background-position: 0 -2256px;
}
.flag-kr {
background-position: 0 -2280px;
}
.flag-kw {
background-position: 0 -2304px;
}
.flag-kz {
background-position: 0 -2328px;
}
.flag-la {
background-position: 0 -2352px;
}
.flag-lb {
background-position: 0 -2376px;
}
.flag-lc {
background-position: 0 -2400px;
}
.flag-li {
background-position: 0 -2424px;
}
.flag-lk {
background-position: 0 -2448px;
}
.flag-ll {
background-position: 0 -2472px;
}
.flag-lr {
background-position: 0 -2496px;
}
.flag-ls {
background-position: 0 -2520px;
}
.flag-lt {
background-position: 0 -2544px;
}
.flag-lu {
background-position: 0 -2568px;
}
.flag-lv {
background-position: 0 -2592px;
}
.flag-ly {
background-position: 0 -2616px;
}
.flag-ma {
background-position: 0 -2640px;
}
.flag-mc {
background-position: 0 -2664px;
}
.flag-md {
background-position: 0 -2688px;
}
.flag-me {
background-position: 0 -2712px;
}
.flag-mg {
background-position: 0 -2736px;
}
.flag-mh {
background-position: 0 -2760px;
}
.flag-mk {
background-position: 0 -2784px;
}
.flag-ml {
background-position: 0 -2808px;
}
.flag-mm {
background-position: 0 -2832px;
}
.flag-mn {
background-position: 0 -2856px;
}
.flag-mr {
background-position: 0 -2880px;
}
.flag-mt {
background-position: 0 -2904px;
}
.flag-mu {
background-position: 0 -2928px;
}
.flag-mv {
background-position: 0 -2952px;
}
.flag-mw {
background-position: 0 -2976px;
}
.flag-mx {
background-position: 0 -3000px;
}
.flag-my {
background-position: 0 -3024px;
}
.flag-mz {
background-position: 0 -3048px;
}
.flag-na {
background-position: 0 -3072px;
}
.flag-ne {
background-position: 0 -3096px;
}
.flag-ng {
background-position: 0 -3120px;
}
.flag-ni {
background-position: 0 -3144px;
}
.flag-nl {
background-position: 0 -3168px;
}
.flag-no {
background-position: 0 -3192px;
}
.flag-np {
background-position: 0 -3216px;
}
.flag-nr {
background-position: 0 -3240px;
}
.flag-nz {
background-position: 0 -3264px;
}
.flag-oc {
background-position: 0 -3288px;
}
.flag-om {
background-position: 0 -3312px;
}
.flag-pa {
background-position: 0 -3336px;
}
.flag-pe {
background-position: 0 -3360px;
}
.flag-pg {
background-position: 0 -3384px;
}
.flag-ph {
background-position: 0 -3408px;
}
.flag-pk {
background-position: 0 -3432px;
}
.flag-pl {
background-position: 0 -3456px;
}
.flag-ps {
background-position: 0 -3480px;
}
.flag-pt {
background-position: 0 -3504px;
}
.flag-pw {
background-position: 0 -3528px;
}
.flag-py {
background-position: 0 -3552px;
}
.flag-qa {
background-position: 0 -3576px;
}
.flag-ro {
background-position: 0 -3600px;
}
.flag-rs {
background-position: 0 -3624px;
}
.flag-ru {
background-position: 0 -3648px;
}
.flag-rw {
background-position: 0 -3672px;
}
.flag-sa {
background-position: 0 -3696px;
}
.flag-sb {
background-position: 0 -3720px;
}
.flag-sc {
background-position: 0 -3744px;
}
.flag-sd {
background-position: 0 -3768px;
}
.flag-se {
background-position: 0 -3792px;
}
.flag-sg {
background-position: 0 -3816px;
}
.flag-si {
background-position: 0 -3840px;
}
.flag-sk {
background-position: 0 -3864px;
}
.flag-sl {
background-position: 0 -3888px;
}
.flag-sm {
background-position: 0 -3912px;
}
.flag-sn {
background-position: 0 -3936px;
}
.flag-so {
background-position: 0 -3960px;
}
.flag-sr {
background-position: 0 -3984px;
}
.flag-ss {
background-position: 0 -4008px;
}
.flag-st {
background-position: 0 -4032px;
}
.flag-sv {
background-position: 0 -4056px;
}
.flag-sy {
background-position: 0 -4080px;
}
.flag-sz {
background-position: 0 -4104px;
}
.flag-td {
background-position: 0 -4128px;
}
.flag-tg {
background-position: 0 -4152px;
}
.flag-th {
background-position: 0 -4176px;
}
.flag-tj {
background-position: 0 -4200px;
}
.flag-tl {
background-position: 0 -4224px;
}
.flag-tm {
background-position: 0 -4248px;
}
.flag-tn {
background-position: 0 -4272px;
}
.flag-to {
background-position: 0 -4296px;
}
.flag-tr {
background-position: 0 -4320px;
}
.flag-tt {
background-position: 0 -4344px;
}
.flag-tv {
background-position: 0 -4368px;
}
.flag-tw {
background-position: 0 -4392px;
}
.flag-tz {
background-position: 0 -4416px;
}
.flag-ua {
background-position: 0 -4440px;
}
.flag-ug {
background-position: 0 -4464px;
}
.flag-us {
background-position: 0 -4488px;
}
.flag-uy {
background-position: 0 -4512px;
}
.flag-uz {
background-position: 0 -4536px;
}
.flag-va {
background-position: 0 -4560px;
}
.flag-vc {
background-position: 0 -4584px;
}
.flag-ve {
background-position: 0 -4608px;
}
.flag-vn {
background-position: 0 -4632px;
}
.flag-vu {
background-position: 0 -4656px;
}
.flag-ws {
background-position: 0 -4680px;
}
.flag-xk {
background-position: 0 -4704px;
}
.flag-ye {
background-position: 0 -4728px;
}
.flag-za {
background-position: 0 -4752px;
}
.flag-zm {
background-position: 0 -4776px;
}
.flag-zw {
background-position: 0 -4800px;
}
.pb-0 {
padding-bottom: 0;
}
.pt-0 {
padding-top: 0;
}
.pb-8 {
padding-bottom: 8px;
}
.pt-8 {
padding-top: 8px;
}
.pb-16 {
padding-bottom: 16px;
}
.pt-16 {
padding-top: 16px;
}
.pb-24 {
padding-bottom: 24px;
}
.pt-24 {
padding-top: 24px;
}
.pb-32 {
padding-bottom: 32px;
}
.pt-32 {
padding-top: 32px;
}
.pb-40 {
padding-bottom: 40px;
}
.pt-40 {
padding-top: 40px;
}
.pb-48 {
padding-bottom: 48px;
}
.pt-48 {
padding-top: 48px;
}
.pb-56 {
padding-bottom: 56px;
}
.pt-56 {
padding-top: 56px;
}
.pb-64 {
padding-bottom: 64px;
}
.pt-64 {
padding-top: 64px;
}
.pb-72 {
padding-bottom: 72px;
}
.pt-72 {
padding-top: 72px;
}
.pb-80 {
padding-bottom: 80px;
}
.pt-80 {
padding-top: 80px;
}
.pb-88 {
padding-bottom: 88px;
}
.pt-88 {
padding-top: 88px;
}
.pb-96 {
padding-bottom: 96px;
}
.pt-96 {
padding-top: 96px;
}
.pb-112 {
padding-bottom: 112px;
}
.pt-112 {
padding-top: 112px;
}
.pb-128 {
padding-bottom: 128px;
}
.pt-128 {
padding-top: 128px;
}
.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.px-0 {
padding-right: 0;
padding-left: 0;
}
.py-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.px-8 {
padding-right: 8px;
padding-left: 8px;
}
.py-16 {
padding-top: 16px;
padding-bottom: 16px;
}
.px-16 {
padding-right: 16px;
padding-left: 16px;
}
.py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
.px-24 {
padding-right: 24px;
padding-left: 24px;
}
.py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.px-32 {
padding-right: 32px;
padding-left: 32px;
}
.py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.px-40 {
padding-right: 40px;
padding-left: 40px;
}
.py-48 {
padding-top: 48px;
padding-bottom: 48px;
}
.px-48 {
padding-right: 48px;
padding-left: 48px;
}
.py-56 {
padding-top: 56px;
padding-bottom: 56px;
}
.px-56 {
padding-right: 56px;
padding-left: 56px;
}
.py-64 {
padding-top: 64px;
padding-bottom: 64px;
}
.px-64 {
padding-right: 64px;
padding-left: 64px;
}
.py-72 {
padding-top: 72px;
padding-bottom: 72px;
}
.px-72 {
padding-right: 72px;
padding-left: 72px;
}
.py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.px-80 {
padding-right: 80px;
padding-left: 80px;
}
.py-88 {
padding-top: 88px;
padding-bottom: 88px;
}
.px-88 {
padding-right: 88px;
padding-left: 88px;
}
.py-96 {
padding-top: 96px;
padding-bottom: 96px;
}
.px-96 {
padding-right: 96px;
padding-left: 96px;
}
.py-112 {
padding-top: 112px;
padding-bottom: 112px;
}
.px-112 {
padding-right: 112px;
padding-left: 112px;
}
.py-128 {
padding-top: 128px;
padding-bottom: 128px;
}
.px-128 {
padding-right: 128px;
padding-left: 128px;
}
@media (max-width: 992px) {
.sm-pb-0 {
padding-bottom: 0;
}
.sm-pt-0 {
padding-top: 0;
}
.sm-pb-8 {
padding-bottom: 8px;
}
.sm-pt-8 {
padding-top: 8px;
}
.sm-pb-16 {
padding-bottom: 16px;
}
.sm-pt-16 {
padding-top: 16px;
}
.sm-pb-24 {
padding-bottom: 24px;
}
.sm-pt-24 {
padding-top: 24px;
}
.sm-pb-32 {
padding-bottom: 32px;
}
.sm-pt-32 {
padding-top: 32px;
}
.sm-pb-40 {
padding-bottom: 40px;
}
.sm-pt-40 {
padding-top: 40px;
}
.sm-pb-48 {
padding-bottom: 48px;
}
.sm-pt-48 {
padding-top: 48px;
}
.sm-pb-56 {
padding-bottom: 56px;
}
.sm-pt-56 {
padding-top: 56px;
}
.sm-pb-64 {
padding-bottom: 64px;
}
.sm-pt-64 {
padding-top: 64px;
}
.sm-pb-72 {
padding-bottom: 72px;
}
.sm-pt-72 {
padding-top: 72px;
}
.sm-pb-80 {
padding-bottom: 80px;
}
.sm-pt-80 {
padding-top: 80px;
}
.sm-pb-88 {
padding-bottom: 88px;
}
.sm-pt-88 {
padding-top: 88px;
}
.sm-py-0 {
padding-top: 0;
padding-bottom: 0;
}
.sm-px-0 {
padding-right: 0;
padding-left: 0;
}
.sm-py-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.sm-px-8 {
padding-right: 8px;
padding-left: 8px;
}
.sm-py-16 {
padding-top: 16px;
padding-bottom: 16px;
}
.sm-px-16 {
padding-right: 16px;
padding-left: 16px;
}
.sm-py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
.sm-px-24 {
padding-right: 24px;
padding-left: 24px;
}
.sm-py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.sm-px-32 {
padding-right: 32px;
padding-left: 32px;
}
.sm-py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.sm-px-40 {
padding-right: 40px;
padding-left: 40px;
}
.sm-py-48 {
padding-top: 48px;
padding-bottom: 48px;
}
.sm-px-48 {
padding-right: 48px;
padding-left: 48px;
}
.sm-py-56 {
padding-top: 56px;
padding-bottom: 56px;
}
.sm-px-56 {
padding-right: 56px;
padding-left: 56px;
}
.sm-py-64 {
padding-top: 64px;
padding-bottom: 64px;
}
.sm-px-64 {
padding-right: 64px;
padding-left: 64px;
}
.sm-py-72 {
padding-top: 72px;
padding-bottom: 72px;
}
.sm-px-72 {
padding-right: 72px;
padding-left: 72px;
}
.sm-py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.sm-px-80 {
padding-right: 80px;
padding-left: 80px;
}
.sm-py-88 {
padding-top: 88px;
padding-bottom: 88px;
}
.sm-px-88 {
padding-right: 88px;
padding-left: 88px;
}
}
@media (max-width: 767px) {
.xs-pb-0 {
padding-bottom: 0 !important;
}
.xs-pt-0 {
padding-top: 0 !important;
}
.xs-pb-8 {
padding-bottom: 8px !important;
}
.xs-pt-8 {
padding-top: 8px !important;
}
.xs-pb-16 {
padding-bottom: 16px !important;
}
.xs-pt-16 {
padding-top: 16px !important;
}
.xs-pb-24 {
padding-bottom: 24px !important;
}
.xs-pt-24 {
padding-top: 24px !important;
}
.xs-pb-32 {
padding-bottom: 32px !important;
}
.xs-pt-32 {
padding-top: 32px !important;
}
.xs-pb-40 {
padding-bottom: 40px !important;
}
.xs-pt-40 {
padding-top: 40px !important;
}
.xs-pb-48 {
padding-bottom: 48px !important;
}
.xs-pt-48 {
padding-top: 48px !important;
}
.xs-pb-56 {
padding-bottom: 56px !important;
}
.xs-pt-56 {
padding-top: 56px !important;
}
.xs-pb-64 {
padding-bottom: 64px !important;
}
.xs-pt-64 {
padding-top: 64px !important;
}
.xs-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.xs-px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.xs-py-8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.xs-px-8 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.xs-py-16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.xs-px-16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.xs-py-24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.xs-px-24 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.xs-py-32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.xs-px-32 {
padding-right: 32px !important;
padding-left: 32px !important;
}
.xs-py-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.xs-px-40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.xs-py-48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.xs-px-48 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.xs-py-56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.xs-px-56 {
padding-right: 56px !important;
padding-left: 56px !important;
}
.xs-py-64 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.xs-px-64 {
padding-right: 64px !important;
padding-left: 64px !important;
}
}
.row.col-p-0 > * {
padding: 0;
}
.row.col-pb-0 > * {
padding-bottom: 0;
}
@media (max-width: 992px) {
.row.sm-col-pb-0 > * {
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.row.xs-col-pb-0 > * {
padding-bottom: 0;
}
}
.row.col-pt-0 > * {
padding-top: 0;
}
@media (max-width: 992px) {
.row.sm-col-pt-0 > * {
padding-top: 0;
}
}
@media (max-width: 767px) {
.row.xs-col-pt-0 > * {
padding-top: 0;
}
}
.row.col-py-0 > * {
padding-bottom: 0;
padding-top: 0;
}
@media (max-width: 992px) {
.row.sm-col-py-0 > * {
padding-bottom: 0;
padding-top: 0;
}
}
@media (max-width: 767px) {
.row.xs-col-py-0 > * {
padding-bottom: 0;
padding-top: 0;
}
}
.row.col-px-0 {
padding-right: 16px;
padding-left: 16px;
}
.row.col-px-0 > * {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 992px) {
.row.sm-col-px-0 {
padding-right: 16px;
padding-left: 16px;
}
.row.sm-col-px-0 > * {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.row.xs-col-px-0 {
padding-right: 16px;
padding-left: 16px;
}
.row.xs-col-px-0 > * {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.gutter-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.gutter-0 .row {
padding-right: 0;
padding-left: 0;
}
}
.mb-8 {
margin-bottom: 8px;
}
.mt-8 {
margin-top: 8px;
}
.mb-16 {
margin-bottom: 16px;
}
.mt-16 {
margin-top: 16px;
}
.mb-24 {
margin-bottom: 24px;
}
.mt-24 {
margin-top: 24px;
}
.mb-32 {
margin-bottom: 32px;
}
.mt-32 {
margin-top: 32px;
}
.mb-40 {
margin-bottom: 40px;
}
.mt-40 {
margin-top: 40px;
}
.mb-48 {
margin-bottom: 48px;
}
.mt-48 {
margin-top: 48px;
}
.mb-56 {
margin-bottom: 56px;
}
.mt-56 {
margin-top: 56px;
}
.mb-64 {
margin-bottom: 64px;
}
.mt-64 {
margin-top: 64px;
}
.mb-72 {
margin-bottom: 72px;
}
.mt-72 {
margin-top: 72px;
}
.mb-80 {
margin-bottom: 80px;
}
.mt-80 {
margin-top: 80px;
}
.mb-88 {
margin-bottom: 88px;
}
.mt-88 {
margin-top: 88px;
}
.mb-96 {
margin-bottom: 96px;
}
.mt-96 {
margin-top: 96px;
}
.mb-112 {
margin-bottom: 112px;
}
.mt-112 {
margin-top: 112px;
}
.mb-128 {
margin-bottom: 128px;
}
.mt-128 {
margin-top: 128px;
}
.my-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.mx-8 {
margin-right: 8px;
margin-left: 8px;
}
.my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.mx-16 {
margin-right: 16px;
margin-left: 16px;
}
.my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.mx-24 {
margin-right: 24px;
margin-left: 24px;
}
.my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.mx-32 {
margin-right: 32px;
margin-left: 32px;
}
.my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.mx-40 {
margin-right: 40px;
margin-left: 40px;
}
.my-48 {
margin-top: 48px;
margin-bottom: 48px;
}
.mx-48 {
margin-right: 48px;
margin-left: 48px;
}
.my-56 {
margin-top: 56px;
margin-bottom: 56px;
}
.mx-56 {
margin-right: 56px;
margin-left: 56px;
}
.my-64 {
margin-top: 64px;
margin-bottom: 64px;
}
.mx-64 {
margin-right: 64px;
margin-left: 64px;
}
.my-72 {
margin-top: 72px;
margin-bottom: 72px;
}
.mx-72 {
margin-right: 72px;
margin-left: 72px;
}
.my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.mx-80 {
margin-right: 80px;
margin-left: 80px;
}
.my-88 {
margin-top: 88px;
margin-bottom: 88px;
}
.mx-88 {
margin-right: 88px;
margin-left: 88px;
}
.my-96 {
margin-top: 96px;
margin-bottom: 96px;
}
.mx-96 {
margin-right: 96px;
margin-left: 96px;
}
.my-112 {
margin-top: 112px;
margin-bottom: 112px;
}
.mx-112 {
margin-right: 112px;
margin-left: 112px;
}
.my-128 {
margin-top: 128px;
margin-bottom: 128px;
}
.mx-128 {
margin-right: 128px;
margin-left: 128px;
}
@media (max-width: 992px) {
.sm-mb-0 {
margin-bottom: 0;
}
.sm-mt-0 {
margin-top: 0;
}
.sm-mb-8 {
margin-bottom: 8px;
}
.sm-mt-8 {
margin-top: 8px;
}
.sm-mb-16 {
margin-bottom: 16px;
}
.sm-mt-16 {
margin-top: 16px;
}
.sm-mb-24 {
margin-bottom: 24px;
}
.sm-mt-24 {
margin-top: 24px;
}
.sm-mb-32 {
margin-bottom: 32px;
}
.sm-mt-32 {
margin-top: 32px;
}
.sm-mb-40 {
margin-bottom: 40px;
}
.sm-mt-40 {
margin-top: 40px;
}
.sm-mb-48 {
margin-bottom: 48px;
}
.sm-mt-48 {
margin-top: 48px;
}
.sm-mb-56 {
margin-bottom: 56px;
}
.sm-mt-56 {
margin-top: 56px;
}
.sm-mb-64 {
margin-bottom: 64px;
}
.sm-mt-64 {
margin-top: 64px;
}
.sm-mb-72 {
margin-bottom: 72px;
}
.sm-mt-72 {
margin-top: 72px;
}
.sm-mb-80 {
margin-bottom: 80px;
}
.sm-mt-80 {
margin-top: 80px;
}
.sm-mb-88 {
margin-bottom: 88px;
}
.sm-mt-88 {
margin-top: 88px;
}
.sm-my-0 {
margin-top: 0;
margin-bottom: 0;
}
.sm-mx-0 {
margin-right: 0;
margin-left: 0;
}
.sm-my-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.sm-mx-8 {
margin-right: 8px;
margin-left: 8px;
}
.sm-my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.sm-mx-16 {
margin-right: 16px;
margin-left: 16px;
}
.sm-my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.sm-mx-24 {
margin-right: 24px;
margin-left: 24px;
}
.sm-my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.sm-mx-32 {
margin-right: 32px;
margin-left: 32px;
}
.sm-my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.sm-mx-40 {
margin-right: 40px;
margin-left: 40px;
}
.sm-my-48 {
margin-top: 48px;
margin-bottom: 48px;
}
.sm-mx-48 {
margin-right: 48px;
margin-left: 48px;
}
.sm-my-56 {
margin-top: 56px;
margin-bottom: 56px;
}
.sm-mx-56 {
margin-right: 56px;
margin-left: 56px;
}
.sm-my-64 {
margin-top: 64px;
margin-bottom: 64px;
}
.sm-mx-64 {
margin-right: 64px;
margin-left: 64px;
}
.sm-my-72 {
margin-top: 72px;
margin-bottom: 72px;
}
.sm-mx-72 {
margin-right: 72px;
margin-left: 72px;
}
.sm-my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.sm-mx-80 {
margin-right: 80px;
margin-left: 80px;
}
.sm-my-88 {
margin-top: 88px;
margin-bottom: 88px;
}
.sm-mx-88 {
margin-right: 88px;
margin-left: 88px;
}
}
@media (max-width: 767px) {
.xs-mb-0 {
margin-bottom: 0;
}
.xs-mt-0 {
margin-top: 0;
}
.xs-mb-8 {
margin-bottom: 8px;
}
.xs-mt-8 {
margin-top: 8px;
}
.xs-mb-16 {
margin-bottom: 16px;
}
.xs-mt-16 {
margin-top: 16px;
}
.xs-mb-24 {
margin-bottom: 24px;
}
.xs-mt-24 {
margin-top: 24px;
}
.xs-mb-32 {
margin-bottom: 32px;
}
.xs-mt-32 {
margin-top: 32px;
}
.xs-mb-40 {
margin-bottom: 40px;
}
.xs-mt-40 {
margin-top: 40px;
}
.xs-mb-48 {
margin-bottom: 48px;
}
.xs-mt-48 {
margin-top: 48px;
}
.xs-mb-56 {
margin-bottom: 56px;
}
.xs-mt-56 {
margin-top: 56px;
}
.xs-mb-64 {
margin-bottom: 64px;
}
.xs-mt-64 {
margin-top: 64px;
}
.xs-my-0 {
margin-top: 0;
margin-bottom: 0;
}
.xs-mx-0 {
margin-right: 0;
margin-left: 0;
}
.xs-my-8 {
margin-top: 8px;
margin-bottom: 8px;
}
.xs-mx-8 {
margin-right: 8px;
margin-left: 8px;
}
.xs-my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.xs-mx-16 {
margin-right: 16px;
margin-left: 16px;
}
.xs-my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.xs-mx-24 {
margin-right: 24px;
margin-left: 24px;
}
.xs-my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.xs-mx-32 {
margin-right: 32px;
margin-left: 32px;
}
.xs-my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.xs-mx-40 {
margin-right: 40px;
margin-left: 40px;
}
.xs-my-48 {
margin-top: 48px;
margin-bottom: 48px;
}
.xs-mx-48 {
margin-right: 48px;
margin-left: 48px;
}
.xs-my-56 {
margin-top: 56px;
margin-bottom: 56px;
}
.xs-mx-56 {
margin-right: 56px;
margin-left: 56px;
}
.xs-my-64 {
margin-top: 64px;
margin-bottom: 64px;
}
.xs-mx-64 {
margin-right: 64px;
margin-left: 64px;
}
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-just {
text-align: justify;
}
@media (max-width: 767px) {
.xs-text-left {
text-align: left;
}
.xs-text-center {
text-align: center;
}
.xs-text-right {
text-align: right;
}
.xs-text-just {
text-align: justify;
}
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.no-gutter {
padding: 0;
}
.full-size {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.full-height {
height: 100%;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.block {
display: block;
}
.relative {
position: relative;
}
.inline {
list-style: none;
}
.inline li {
display: inline-block;
}
.img-center {
margin-right: auto;
margin-left: auto;
}
.align-elements {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
}
.white {
color: #fff;
}
.white-75 {
color: rgba(255, 255, 255, 0.75);
}
.dark {
background-color: #222e3a;
}
.dark h1,
.dark h2,
.dark h3,
.dark h4 {
color: #fff;
}
.dark p,
.dark p.lead,
.dark p.small {
color: rgba(255, 255, 255, 0.75);
}
.button {
font-family: Inter, sans-serif;
font-size: 16px;
line-height: 1;
letter-spacing: normal;
padding: 16px;
border-radius: 8px;
position: relative;
font-weight: 600;
-webkit-transition: all 0.3s ease !important;
transition: all 0.3s ease !important;
display: inline-block;
text-decoration: none;
}
.button.primary {
color: #fff;
background-color: #178a9e;
border: 1px solid #178a9e;
}
.button.primary:not(.disabled):focus,
.button.primary:not(.disabled):hover {
background: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(34, 46, 58, 0.1)),
to(rgba(34, 46, 58, 0.1))
),
#fa3556;
background: linear-gradient(
0deg,
rgba(34, 46, 58, 0.1),
rgba(34, 46, 58, 0.1)
),
#fa3556;
}
.button.primary:not(.disabled):active {
background: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(34, 46, 58, 0.25)),
to(rgba(34, 46, 58, 0.25))
),
#fa3556;
background: linear-gradient(
0deg,
rgba(34, 46, 58, 0.25),
rgba(34, 46, 58, 0.25)
),
#fa3556;
}
.button.primary.notice {
background-color: #fa3556;
border: unset;
}
.button.primary.notice:not(.disabled):focus,
.button.primary.notice:not(.disabled):hover {
background-color: #e94a60;
}
.button.primary.notice.active,
.button.primary.notice:not(.disabled):active {
background-color: #c8455a;
}
.button.secondary {
color: #178a9e;
background-color: #fff;
border: 1px solid #178a9e;
padding: 15px 16px;
}
.button.secondary:not(.disabled):hover {
background-color: #e7f3f5;
}
.button.secondary.active,
.button.secondary:not(.disabled):focus {
-webkit-box-shadow: inset 0 1px 0 0 #178a9e, inset 0 -1px 0 0 #178a9e,
inset 1px 0 0 0 #178a9e, inset -1px 0 0 0 #178a9e;
box-shadow: inset 0 1px 0 0 #178a9e, inset 0 -1px 0 0 #178a9e,
inset 1px 0 0 0 #178a9e, inset -1px 0 0 0 #178a9e;
background-color: #c5e2e7;
}
.button.secondary.notice {
border: 1px solid #fa3556;
color: #fa3556;
}
.button.secondary.notice:not(.disabled):hover {
background-color: #ffecef;
}
.button.secondary.notice.active,
.button.secondary.notice:not(.disabled):focus {
-webkit-box-shadow: inset 0 1px 0 0 #fa3556, inset 0 -1px 0 0 #fa3556,
inset 1px 0 0 0 #fa3556, inset -1px 0 0 0 #fa3556;
box-shadow: inset 0 1px 0 0 #fa3556, inset 0 -1px 0 0 #fa3556,
inset 1px 0 0 0 #fa3556, inset -1px 0 0 0 #fa3556;
background-color: #ffcfd6;
}
.button.simple {
color: #222e3a;
font-weight: 300;
border: 1px solid rgba(34, 46, 58, 0.1);
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
}
.button.simple:not(.disabled):hover {
color: #178a9e;
background-color: rgba(34, 46, 58, 0.05);
border: 1px solid #f9f9f9;
}
.button.simple.active,
.button.simple:not(.disabled):focus {
background-color: rgba(34, 46, 58, 0.1);
border: 1px solid #f9f9f9;
color: #178a9e;
}
.button.simple.mono {
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
}
.button.simple.mono:not(.disabled):hover {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid transparent;
color: #fff;
}
.button.simple.mono.active,
.button.simple.mono:not(.disabled):focus {
border: 1px solid transparent;
background-color: rgba(255, 255, 255, 0.25);
color: #fff;
}
.button.simple.white {
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fa3556;
background-color: #fff;
font-weight: 600;
}
.button.simple.white:not(.disabled):focus,
.button.simple.white:not(.disabled):hover {
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid transparent;
color: #fa3556;
}
.button.text {
color: #222e3a;
font-weight: 400;
letter-spacing: -0.1px;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
padding: 12px;
max-height: 40px;
}
.button.text:not(.disabled):hover {
color: #178a9e;
}
.button.text.active,
.button.text:not(.disabled):focus {
color: #178a9e;
}
.button.text.mono {
color: #fff;
}
.button.text.mono:not(.disabled):hover {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
.button.text.mono.active,
.button.text.mono:not(.disabled):focus {
background-color: rgba(255, 255, 255, 0.25);
color: #fff;
}
.button.text.icon i {
display: inline-block;
font-size: 12px;
margin-right: 6px;
}
.button.text.icon i::before {
display: block;
}
.button.text.drop {
position: relative;
}
.button.text.drop::after {
content: "D";
font-family: uc;
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 8px;
margin-left: 8px;
position: relative;
top: -1px;
}
.button.icon-button {
color: #222e3a;
border-radius: 100%;
font-size: 16px;
padding: 16px;
}
.button.icon-button i::before {
display: block;
}
.button.icon-button:not(.disabled):hover {
background-color: rgba(34, 46, 58, 0.05);
}
.button.icon-button.active,
.button.icon-button:not(.disabled):focus {
background-color: rgba(34, 46, 58, 0.1);
}
.button.icon-button.mono {
color: #fff;
}
.button.icon-button.mono:not(.disabled):hover {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
.button.icon-button.mono.active,
.button.icon-button.mono:not(.disabled):focus {
background-color: rgba(255, 255, 255, 0.25);
color: #fff;
}
.button.support {
border: 1px solid rgba(34, 46, 58, 0.25);
-webkit-box-shadow: 0 4px 8px rgba(34, 46, 58, 0.25);
box-shadow: 0 4px 8px rgba(34, 46, 58, 0.25);
color: #178a9e;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
}
.button.support:not(.disabled):hover {
color: #fff;
background-color: #178a9e;
-webkit-box-shadow: 0 8px 16px rgba(34, 46, 58, 0.25);
box-shadow: 0 8px 16px rgba(34, 46, 58, 0.25);
}
.button.support:not(.disabled):focus {
background-color: transparent;
color: #178a9e;
-webkit-box-shadow: 0 4px 8px rgba(34, 46, 58, 0.25);
box-shadow: 0 4px 8px rgba(34, 46, 58, 0.25);
}
.store {
display: inline-block;
padding: 0;
}
.link:not(.disabled):hover {
border-bottom: 1px solid #178a9e;
}
.link.mono {
color: #fff;
}
.link.mono:not(.disabled):hover {
border-bottom: 1px solid #fff;
}
.link.bold {
font-weight: 600;
}
.link.bold:not(.disabled):hover {
border-bottom: 1px solid transparent;
color: #51a8b7;
}
.link.bold.mono:not(.disabled):hover {
border-bottom: 1px solid transparent;
color: rgba(255, 255, 255, 0.75);
}
.disabled {
opacity: 0.5;
}
.full-width {
display: block;
width: 100%;
text-align: center;
}
.button-container .button:nth-child(2):not(:first-child) {
margin-left: 32px;
}
@media (max-width: 767px) {
.button-container .button:nth-child(2):not(:first-child) {
margin-left: 0;
margin-top: 16px;
}
.button-container .button:not([class*="store"]) {
width: 100%;
text-align: center;
}
}
.checkbox-wrapper {
display: inline-block;
position: relative;
}
.checkbox-wrapper input {
display: none !important;
}
.checkbox-wrapper.disabled::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.checkbox-wrapper label {
position: relative;
cursor: pointer;
height: 20px;
padding-left: 26px;
font-size: 16px;
letter-spacing: -0.1px;
color: #222e3a;
}
.checkbox-wrapper label::before {
content: "";
width: 20px;
height: 20px;
border-radius: 2px;
display: block;
border: 1px solid rgba(34, 46, 58, 0.25);
background: #fff;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
position: absolute;
top: 0;
left: 0;
}
.checkbox-wrapper label::after {
content: "E";
display: block;
font-family: uc;
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 10px;
color: rgba(34, 46, 58, 0.25);
position: absolute;
top: 5px;
left: 5px;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
opacity: 0;
visibility: hidden;
}
.checkbox-wrapper input:checked ~ label::before {
background-color: #178a9e;
border: 1px solid #178a9e;
}
.checkbox-wrapper input:checked ~ label::after {
color: #fff;
opacity: 1;
visibility: visible;
}
.checkbox-wrapper input:checked ~ label:hover::before {
background-color: #51a8b7;
}
.checkbox-wrapper:not(.disabled) label:hover::after {
opacity: 1;
visibility: visible;
}
.checkbox-wrapper.disabled:hover label {
cursor: default;
}
.form-field {
position: relative;
display: block;
}
.form-field.valid label {
top: 25%;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
font-size: 13px;
color: rgba(34, 46, 58, 0.5);
}
.form-field.error label {
top: 25%;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
font-size: 13px;
color: #fa3556 !important;
}
.form-field.error input {
border: 1px solid #fa3556 !important;
}
.form-field.error textarea {
border: 1px solid #fa3556;
}
.form-field.error select {
border: 1px solid #fa3556;
}
.form-field.disabled::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.form-field input,
.form-field select,
.form-field textarea {
display: block;
width: 100%;
padding: 26px 64px 8px 16px;
border-radius: 4px;
border: 1px solid rgba(34, 46, 58, 0.25);
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
background-color: transparent;
z-index: 2;
position: relative;
letter-spacing: -0.1px;
color: #222e3a;
}
.form-field input:hover,
.form-field select:hover,
.form-field textarea:hover {
border: 1px solid #222e3a;
}
.form-field input:hover ~ label,
.form-field select:hover ~ label,
.form-field textarea:hover ~ label {
color: #222e3a;
}
.form-field input.form-field-filled,
.form-field input:focus,
.form-field select.form-field-filled,
.form-field select:focus,
.form-field textarea.form-field-filled,
.form-field textarea:focus {
border: 1px solid #178a9e;
}
.form-field input.form-field-filled ~ label,
.form-field input:focus ~ label,
.form-field select.form-field-filled ~ label,
.form-field select:focus ~ label,
.form-field textarea.form-field-filled ~ label,
.form-field textarea:focus ~ label {
top: 25%;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
font-size: 13px;
color: #178a9e;
}
.form-field input:-webkit-autofill,
.form-field input:-webkit-autofill:focus,
.form-field select:-webkit-autofill,
.form-field select:-webkit-autofill:focus,
.form-field textarea:-webkit-autofill,
.form-field textarea:-webkit-autofill:focus {
-webkit-transition: background-color 600000s 0s, color 600000s 0s;
transition: background-color 600000s 0s, color 600000s 0s;
}
.form-field input[data-autocompleted],
.form-field select[data-autocompleted],
.form-field textarea[data-autocompleted] {
background-color: transparent !important;
}
.form-field label {
position: absolute;
top: 50%;
left: 16px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
color: rgba(34, 46, 58, 0.5);
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.form-field span {
position: absolute;
top: 50%;
right: 16px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.form-field span i {
font-size: 16px;
color: #222e3a;
}
.form-field span i::before {
display: block;
}
.form-field.textarea label {
top: 14%;
left: 16px;
-webkit-transform: translate(0, -14%);
transform: translate(0, -14%);
}
.form-field.textarea.valid label {
top: 10%;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
font-size: 13px;
color: rgba(34, 46, 58, 0.5);
}
.form-field.textarea.error label {
top: 10%;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
font-size: 13px;
color: #fa3556;
}
.form-field.textarea textarea {
height: 128px;
padding-top: 34px;
}
.form-field.textarea textarea:hover ~ label {
color: #222e3a;
}
.form-field.textarea textarea:focus {
border: 1px solid #178a9e;
}
.form-field.textarea textarea:focus ~ label {
top: 10%;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
font-size: 13px;
color: #178a9e;
}
.form-field.select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
padding: 26px 64px 8px 12px;
}
.form-field.select select::-ms-expand {
display: none;
}
.form-field.select select:hover ~ i {
color: #222e3a;
}
.form-field.select i {
position: absolute;
top: 50%;
right: 16px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 12px;
color: rgba(34, 46, 58, 0.5);
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
}
.form-field.select i::before {
display: block;
}
.form-field.select.error i,
.form-field.select.valid i {
color: #222e3a;
}
.form-field.search::before {
content: "F";
display: block;
font-family: uc;
font-style: normal;
font-weight: 400;
line-height: 1;
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: rgba(34, 46, 58, 0.25);
}
.form-field.search input {
border-radius: 56px;
padding-left: 48px;
}
.form-field.search label {
left: 48px;
}
.form-field.search span {
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
opacity: 0;
visibility: hidden;
right: 20px;
cursor: pointer;
z-index: 4;
}
.form-field.search.error span,
.form-field.search.valid span {
opacity: 1;
visibility: visible;
}
.ss-plans .cta {
padding: 15px 16px;
border: 1px solid rgba(34, 46, 58, 0.25);
border-radius: 8px;
line-height: 1;
letter-spacing: normal;
color: #222e3a;
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.one-plan-cta {
background: #222e3a;
color: #fff;
padding-bottom: 96px;
padding-top: 96px;
}
.one-plan-cta.light-bg {
background-image: linear-gradient(220.55deg, #364a6b 0, #1bb4b7 100%);
}
@media (max-width: 1023px) {
.one-plan-cta {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.one-plan-cta {
padding-bottom: 24px;
padding-top: 40px;
}
}
.one-plan-cta .one-plan-cta-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1100px) {
.one-plan-cta .one-plan-details {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 24px;
}
}
@media (max-width: 767px) {
.one-plan-cta .one-plan-details {
margin-top: 0;
}
}
.one-plan-cta .one-plan-details h3 {
font-size: 2rem;
line-height: 1.19;
letter-spacing: -1px;
}
@media (max-width: 767px) {
.one-plan-cta .one-plan-details h3 {
font-size: 1.25rem;
line-height: 1.2;
}
}
.one-plan-cta .one-plan-details .details,
.one-plan-cta .one-plan-details .details-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.one-plan-cta .one-plan-details .details-head {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.one-plan-cta .one-plan-details .details-head {
margin-bottom: 32px;
}
.one-plan-cta .one-plan-details .details-head h4 {
font-size: 1.5rem;
line-height: 1.17;
letter-spacing: -0.5px;
}
@media (max-width: 767px) {
.one-plan-cta .one-plan-details .details-head {
margin-bottom: 24px;
}
.one-plan-cta .one-plan-details .details-head h4 {
font-size: 1rem;
line-height: 1.25;
letter-spacing: -0.5px;
}
}
.one-plan-cta .one-plan-details .details {
margin-bottom: 19px;
}
@media (max-width: 767px) {
.one-plan-cta .one-plan-details .details {
font-size: 0.875rem;
line-height: 1.57;
margin-bottom: 17px;
}
}
.one-plan-cta .one-plan-details .details-icon {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0.015)),
to(rgba(255, 255, 255, 0.1))
);
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.015) 0,
rgba(255, 255, 255, 0.1) 100%
);
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.0509804);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.0509804);
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
aspect-ratio: 1/1;
width: 68px;
height: 68px;
margin-right: 24px;
}
@media (max-width: 767px) {
.one-plan-cta .one-plan-details .details-icon {
width: 32px;
height: 32px;
}
.one-plan-cta .one-plan-details .details-icon > img {
max-height: 20px;
width: auto;
}
}
.one-plan-cta .one-plan-details .details-check {
margin-right: 16px;
margin-top: -3px;
}
.one-plan-cta .one-plan-details {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
row-gap: 32px;
}
@media (max-width: 767px) {
.one-plan-cta .one-plan-details {
grid-template-columns: 1fr;
row-gap: 24px;
margin-left: 8px;
margin-right: 8px;
}
}
.one-plan-cta .one-plan-details h3 {
grid-column: 1/-1;
}
@media (max-width: 767px) {
.one-plan-cta .ss-plans .plan {
padding: 0 !important;
}
}
.one-plan-cta .ss-plans .plan-active {
background: 0 0 !important;
display: block;
}
.one-plan-cta .ss-plans .plan-active:hover {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.one-plan-cta .ss-plans .monthlyPrice {
height: auto;
font-size: 7rem;
}
@media (max-width: 767px) {
.one-plan-cta .ss-plans .monthlyPrice {
font-size: 5rem;
}
}
.one-plan-cta .ss-plans .billing {
text-align: center;
}
.one-plan-cta .one-price-cta {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0.018)),
to(rgba(255, 255, 255, 0.12))
);
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.018) 0,
rgba(255, 255, 255, 0.12) 100%
);
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.037647);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.037647);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 32px;
color: #fff;
text-align: center;
padding: 48px;
max-width: 568px;
margin-left: auto;
margin-right: auto;
}
.one-plan-cta .one-price-cta a {
color: #fff;
}
@media (max-width: 1023px) {
.one-plan-cta .one-price-cta {
padding: 48px 16px;
}
}
@media (max-width: 767px) {
.one-plan-cta .one-price-cta {
border-radius: 0;
padding: 63px 16px;
max-width: unset;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 40px;
}
}
.one-plan-cta .frequency {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 32px;
display: inline-block;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.17;
letter-spacing: -0.5px;
padding: 8px 24px;
margin-bottom: 48px;
}
@media (max-width: 767px) {
.one-plan-cta .frequency {
font-size: 1.25rem;
line-height: 1.2;
letter-spacing: -1px;
margin-bottom: 40px;
}
}
.one-plan-cta .price {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-weight: 600;
margin-bottom: 48px;
}
@media (max-width: 767px) {
.one-plan-cta .price {
margin-bottom: 32px;
padding: 0;
}
}
.one-plan-cta .price-currency,
.one-plan-cta .price-duration {
color: #fff;
font-size: 2rem;
line-height: 1.19;
letter-spacing: -1px;
}
@media (max-width: 767px) {
.one-plan-cta .price-currency,
.one-plan-cta .price-duration {
font-size: 1.25rem;
line-height: 1.2;
}
}
.one-plan-cta .price-amount {
color: #fff;
font-size: 5.5rem;
line-height: 1;
letter-spacing: -5px;
margin-left: 8px;
margin-right: 8px;
}
@media (max-width: 767px) {
.one-plan-cta .price-amount {
font-size: 3rem;
margin-left: 16px;
margin-right: 16px;
}
}
.one-plan-cta .savings {
background-color: #fff;
color: #fa3556;
font-weight: 600;
padding: 8px 24px;
margin-bottom: 32px;
}
.one-plan-cta .billing {
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.1px;
color: rgba(255, 255, 255, 0.5);
padding-bottom: 32px;
}
.one-plan-cta .plan-cta-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.one-plan-cta .plan-cta-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
}
}
.one-plan-cta .cta {
border-radius: 8px;
display: inline-block;
background: #ff4c64 !important;
color: #fff !important;
font-weight: 600;
}
.one-plan-cta .cta:focus,
.one-plan-cta .cta:hover {
background-color: #e94a60 !important;
}
.one-plan-cta .cta:active {
background-color: #c8455a !important;
}
@media (max-width: 767px) {
.one-plan-cta .cta {
display: block;
font-size: 1rem;
padding: 16px;
}
}
.one-plan-cta .one-learn-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.1px;
padding: 0 32px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.one-plan-cta .one-learn-more:hover {
color: rgba(255, 255, 255, 0.75);
}
.one-plan-cta .one-learn-more:hover svg path {
fill: rgba(255, 255, 255, 0.75);
}
.one-plan-cta .one-learn-more > svg {
margin-left: 4px;
}
.accordions-wrap .subtitle-2,
.accordions-wrap h2 {
text-align: center;
}
.accordions {
max-width: 768px;
margin: 0 auto;
}
.accordions .item {
border-bottom: 1px solid rgba(34, 46, 58, 0.1);
-webkit-tap-highlight-color: transparent;
}
.accordions .item:last-child {
border-bottom: none;
}
.accordions .title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 24px;
padding-top: 24px;
margin-top: 8px;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
z-index: 2;
}
.accordions h3 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.5px;
margin-bottom: 0;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
@media (max-width: 767px) {
.accordions h3 {
font-size: 1rem;
line-height: 1.25;
}
}
.accordions .chevron {
width: 24px;
height: 24px;
opacity: 0.3;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.accordions-servers .accordions .chevron {
width: 16px;
}
.accordions .content {
display: none;
padding-bottom: 8px;
font-size: 1rem;
line-height: 1.5;
color: rgba(3, 22, 25, 0.6);
}
.accordions .content a {
color: #178a9e;
}
.accordions .content strong {
color: #222e3a;
}
.accordions .content p + p {
margin-top: 12px;
}
.accordions .content ul {
list-style-position: inside;
margin: 16px 0;
}
.page-template-page-builder .accordions .content {
font-size: 0.96rem;
line-height: 1.7;
}
.accordions .item.open h3 {
color: #222e3a;
}
.accordions .item.open .chevron {
opacity: 1;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordions .item.open .content {
display: block;
}
@media (max-width: 1023px) {
.accordions {
max-width: none;
}
.accordions .title {
padding-bottom: 16px;
padding-top: 16px;
}
}
@media (max-width: 767px) {
.accordions {
padding-left: 8px;
padding-right: 8px;
}
.accordions .title {
padding-bottom: 16px;
padding-top: 16px;
}
.accordions .chevron {
top: 24px;
}
.accordions .content p {
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.1px;
margin-top: -7px;
}
}
.table-comparison-container .table-comparison-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(34, 46, 58, 0.1);
color: rgba(34, 46, 58, 0.5);
}
.table-comparison-container .table-comparison-row:first-child,
.table-comparison-container .table-comparison-row:last-child {
border-bottom: 0;
}
.table-comparison-container .table-comparison-row:nth-child(2) {
border: 1px solid rgba(34, 46, 58, 0.1);
border-radius: 8px;
-webkit-box-shadow: 0 16px 24px rgba(34, 46, 58, 0.25);
box-shadow: 0 16px 24px rgba(34, 46, 58, 0.25);
}
.table-comparison-container
.table-comparison-row:nth-child(1)
.table-comparison-cell,
.table-comparison-container
.table-comparison-row:nth-child(2)
.table-comparison-cell {
height: 96px;
}
.table-comparison-container .table-comparison-row.uc {
font-size: 1.125rem;
font-weight: 600;
letter-spacing: -0.2px;
color: #178a9e;
}
.table-comparison-container .table-comparison-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 14.28%;
height: 64px;
text-align: center;
padding: 0 16px;
}
.table-comparison-container .table-comparison-cell:first-child {
padding-left: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.table-comparison-container .table-comparison-cell:nth-child(2n) {
background: rgba(34, 46, 58, 0.05);
}
.table-comparison-container
.table-comparison-row:first-child
.table-comparison-cell:nth-child(2n) {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.table-comparison-container
.table-comparison-row:last-child
.table-comparison-cell:nth-child(2n) {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.table-comparison-container .price span {
margin-right: 3px;
}
.table-comparison-container .uc-check {
color: #00b065;
}
.table-comparison-container .uc-close {
color: #fa3556;
}
@media (max-width: 992px) {
.table-comparison-container .table-comparison-row {
font-size: 0.875rem;
}
.table-comparison-container .table-comparison-cell:first-child {
padding-left: 8px;
}
.table-comparison-container img {
width: 80px;
}
}
@media (max-width: 767px) {
.table-comparison-container {
overflow-x: scroll;
-webkit-font-smoothing: antialiased;
width: auto;
max-width: none;
}
.table-comparison-container .row {
width: 804px;
padding-right: 16px !important;
}
.table-comparison-container .table-comparison-row.uc {
font-size: 1rem;
}
[lang="ru-RU"] .table-comparison-container .table-comparison-row.uc,
[lang="uk-UA"] .table-comparison-container .table-comparison-row.uc {
font-size: 0.875rem;
}
.table-comparison-container
.table-comparison-row:first-child
.table-comparison-cell {
height: 61px !important;
}
.table-comparison-container .table-comparison-cell {
height: 50px !important;
}
}
.table-comparison-container-dark .table-comparison-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.5);
}
.table-comparison-container-dark .table-comparison-row:first-child,
.table-comparison-container-dark .table-comparison-row:last-child {
border-bottom: 0;
}
.table-comparison-container-dark .table-comparison-row:nth-child(2) {
border: 1px solid rgba(34, 46, 58, 0.1);
border-radius: 16px;
-webkit-box-shadow: 0 16px 24px rgba(34, 46, 58, 0.25);
box-shadow: 0 16px 24px rgba(34, 46, 58, 0.25);
}
.table-comparison-container-dark
.table-comparison-row:nth-child(1)
.table-comparison-cell,
.table-comparison-container-dark
.table-comparison-row:nth-child(2)
.table-comparison-cell {
height: 96px;
}
.table-comparison-container-dark .table-comparison-row.uc {
font-weight: 600;
color: #222e3a;
background: #fff;
}
.table-comparison-container-dark
.table-comparison-row.uc
.table-comparison-cell:nth-child(even) {
background: rgba(34, 46, 58, 0.0509804);
}
.table-comparison-container-dark .table-comparison-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 14.28%;
height: 64px;
text-align: center;
padding: 0 16px;
}
.table-comparison-container-dark .table-comparison-cell:first-child {
padding-left: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.table-comparison-container-dark .table-comparison-cell:nth-child(2n) {
background: rgba(255, 255, 255, 0.0509804);
}
.table-comparison-container-dark
.table-comparison-row:first-child
.table-comparison-cell:nth-child(2n) {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.table-comparison-container-dark
.table-comparison-row:last-child
.table-comparison-cell:nth-child(2n) {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.table-comparison-container-dark .price span {
margin-right: 3px;
}
.table-comparison-container-dark .uc-check {
color: #00b065;
}
.table-comparison-container-dark .uc-close {
color: #fa3556;
}
@media (max-width: 992px) {
.table-comparison-container-dark .table-comparison-row {
font-size: 0.875rem;
}
.table-comparison-container-dark .table-comparison-cell:first-child {
padding-left: 8px;
}
.table-comparison-container-dark img {
width: 80px;
}
}
@media (max-width: 767px) {
.table-comparison-container-dark {
overflow-x: scroll;
-webkit-font-smoothing: antialiased;
width: auto;
max-width: none;
}
.table-comparison-container-dark .row {
width: 804px;
padding-right: 16px !important;
}
.table-comparison-container-dark .table-comparison-row.uc {
font-size: 0.875rem;
}
.table-comparison-container-dark
.table-comparison-row:first-child
.table-comparison-cell {
height: 61px !important;
}
.table-comparison-container-dark .table-comparison-cell {
height: 50px !important;
}
}
.table-comparison-scrollable-container .table-comparison {
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container .table-comparison {
overflow-x: auto;
}
}
@media (max-width: 480px) {
.table-comparison-scrollable-container .table-comparison {
margin-right: -16px;
}
}
.table-comparison-scrollable-container .table-comparison .table-comparison-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row {
min-width: 424px;
}
}
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.table-comparison-cell:not(.uc) {
background-color: #222e3a;
}
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row:nth-child(2n)
.table-comparison-cell:not(.uc) {
background-color: #2d3944;
}
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row:nth-child(2n)
.table-comparison-cell.uc {
background-color: #f4f4f5;
}
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
-webkit-box-flex: 1;
-ms-flex: 1 0 96px;
flex: 1 0 96px;
position: sticky;
left: 0;
}
}
[lang="en-US"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 170px;
}
[lang="de-DE"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 180px;
}
[lang="es-ES"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 160px;
}
[lang="pl-PL"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 200px;
}
[lang="pt-BR"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 160px;
}
[lang="fr-FR"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 175px;
}
[lang="uk-UA"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 175px;
}
[lang="it-IT"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 170px;
}
[lang="nl-NL"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 175px;
}
[lang="fi-FI"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 220px;
}
[lang="ru-RU"]
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.first-column {
min-width: 185px;
}
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.last-column {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.table-comparison-cell.first-column {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container
.table-comparison
.table-comparison-row
.table-comparison-cell.first-column {
min-width: 124px;
}
}
@media (max-width: 567px) {
.table-comparison-scrollable-container .logo-cell .expressvpn-logo {
width: 52px;
}
}
@media (max-width: 567px) {
.table-comparison-scrollable-container .logo-cell .protonvpn-logo {
width: 58px;
}
}
.table-comparison-scrollable-container .table-comparison-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 72px;
text-align: center;
padding: 0 16px;
color: rgba(255, 255, 255, 0.75);
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container .table-comparison-cell {
min-height: 68px;
font-size: 0.875rem;
line-height: 1.57;
}
}
.table-comparison-scrollable-container .table-comparison-cell.uc-check {
color: #00b065;
}
.table-comparison-scrollable-container .table-comparison-cell.uc-close {
color: #fa3556;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container .table-comparison-cell.logo-cell {
padding: 0 8px;
}
}
.table-comparison-scrollable-container .table-comparison-cell.uc {
font-weight: 600;
background: #fff;
overflow: hidden;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container .table-comparison-cell.uc {
-webkit-box-flex: 1;
-ms-flex: 1 0 96px;
flex: 1 0 96px;
min-width: 96px;
position: sticky;
left: 124px;
}
}
.table-comparison-scrollable-container
.table-comparison-cell.uc:not(.uc-check) {
color: #222e3a;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container
.table-comparison-cell.uc.logo-cell {
padding: 0 11px;
}
}
.table-comparison-scrollable-container
.table-comparison-row:first-child
.table-comparison-cell.uc {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.table-comparison-scrollable-container
.table-comparison-row:last-child
.table-comparison-cell.uc {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.table-comparison-scrollable-container .tooltip-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (max-width: 767px) {
.table-comparison-scrollable-container .tooltip-container {
display: none;
}
}
.table-comparison-scrollable-container .tooltip-container .tooltip {
fill: #969ca2;
width: 24px;
height: 24px;
cursor: help;
}
.table-comparison-scrollable-container .tooltip-container .tooltip:hover {
fill: #fff;
}
.table-comparison-scrollable-container .tooltip-container .tooltip-text {
display: none;
position: absolute;
top: -9px;
left: 50%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 345px;
padding: 8px 12px;
border-radius: 8px;
background-color: #6e767e;
-webkit-transform: translateY(-100%) translateX(-35%);
transform: translateY(-100%) translateX(-35%);
color: #fff;
font-size: 0.875rem;
line-height: 1.57;
}
@media (min-width: 1024px) {
.table-comparison-scrollable-container .tooltip-container .tooltip-text {
-webkit-transform: translateY(-100%) translateX(-51%);
transform: translateY(-100%) translateX(-51%);
}
}
@media (min-width: 1300px) {
.table-comparison-scrollable-container .tooltip-container .tooltip-text {
max-width: 472px;
}
}
.table-comparison-scrollable-container .tooltip-container .tooltip-text::after {
content: "";
display: block;
position: absolute;
left: 36%;
bottom: -5px;
width: 12px;
height: 12px;
background-color: #6e767e;
-webkit-transform: rotate(45deg) translateX(-50%) translateY(50%);
transform: rotate(45deg) translateX(-50%) translateY(50%);
}
@media (min-width: 1024px) {
.table-comparison-scrollable-container
.tooltip-container
.tooltip-text::after {
left: 52%;
}
}
.table-comparison-scrollable-container .tooltip-container:hover .tooltip-text {
display: block;
}
.table-comparison-scrollable-container .overflow-wrap-anywhere {
overflow-wrap: anywhere;
}
.table-comparison-last-update {
color: rgba(255, 255, 255, 0.5);
text-align: right;
}
@media (max-width: 767px) {
.table-comparison-last-update {
font-size: 0.875rem;
line-height: 1.57;
}
}
@media (max-width: 440px) {
.pbc-comparison-table.dark .table-comparison-cell {
padding: 0 8px;
}
}
@media (max-width: 767px) {
.pbc-comparison-table.dark .table-comparison-cell.first-column {
max-width: 124px;
}
}
@media (max-width: 440px) {
.pbc-comparison-table.dark .table-comparison-cell.first-column {
padding: 0 16px;
}
}
@media (max-width: 767px) {
.pbc-comparison-table.dark .table-comparison-cell.logo-cell {
padding: 0 16px;
}
}
@media (max-width: 440px) {
.pbc-comparison-table.dark .table-comparison-cell.logo-cell {
padding: 0 8px;
}
}
@media (max-width: 440px) {
.pbc-comparison-table.dark .table-comparison-cell.uc {
left: 156px;
}
}
.pbc-comparison-table.white .table-comparison {
position: relative;
}
@media (max-width: 767px) {
.pbc-comparison-table.white .table-comparison .table-comparison-inner {
width: 709px;
}
}
@media (max-width: 599px) {
.pbc-comparison-table.white .table-comparison .table-comparison-inner {
width: 600px;
}
}
@media (max-width: 520px) {
.pbc-comparison-table.white .table-comparison .table-comparison-inner {
width: 570px;
}
}
@media (max-width: 425px) {
.pbc-comparison-table.white .table-comparison .table-comparison-inner {
width: 500px;
}
}
@media (max-width: 599px) {
.pbc-comparison-table.white .table-comparison .logo-cell .uc-logo {
width: 100px;
}
}
@media (max-width: 599px) {
.pbc-comparison-table.white .table-comparison .logo-cell .expressvpn-logo,
.pbc-comparison-table.white .table-comparison .logo-cell .protonvpn-logo {
width: 90px;
}
}
@media (max-width: 567px) {
.pbc-comparison-table.white .table-comparison .logo-cell .expressvpn-logo,
.pbc-comparison-table.white .table-comparison .logo-cell .protonvpn-logo {
width: 90px;
}
}
.pbc-comparison-table.white
.table-comparison
.table-comparison-cell
.first-cell-text {
color: #222e3a;
}
.pbc-comparison-table.white
.table-comparison
.table-comparison-cell:not(.uc) {
background-color: #fff;
}
.pbc-comparison-table.white .table-comparison .table-comparison-cell.uc {
background: unset;
color: #fff;
}
@media (max-width: 767px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-cell.uc {
position: unset;
left: unset;
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
}
.pbc-comparison-table.white
.table-comparison:nth-child(1)
.table-comparison-cell:not(.uc),
.pbc-comparison-table.white
.table-comparison:nth-child(2n)
.table-comparison-cell:not(.uc) {
background: unset;
}
@media (max-width: 425px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-cell.first-column {
width: 90px;
min-width: 90px;
}
}
@media (max-width: 767px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-cell.first-column {
max-width: 124px;
}
}
@media (max-width: 599px) {
.pbc-comparison-table.white .table-comparison .table-comparison-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:first-child::after {
content: "";
display: block;
width: 25%;
height: calc(100% + 20px);
background: linear-gradient(45deg, #1bb4b7 0, #1f3c6a 100%);
border-radius: 16px;
position: absolute;
left: 25%;
top: -10px;
z-index: -1;
}
@media (max-width: 847px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:first-child::after {
left: 212px;
}
}
@media (max-width: 767px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:first-child::after {
width: 182px;
height: 100%;
left: 160px;
top: 0;
}
}
@media (max-width: 599px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:first-child::after {
width: 153px;
}
}
@media (max-width: 520px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:first-child::after {
width: 142px;
left: 158px;
}
}
@media (max-width: 425px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:first-child::after {
left: 130px;
width: 127px;
}
}
@media (max-width: 767px) {
.pbc-comparison-table.white
.table-comparison
.table-comparison-row
.first-column {
position: unset;
left: unset;
}
}
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:nth-child(2n)
.table-comparison-cell:not(.uc) {
background: rgba(34, 46, 58, 0.05);
}
.pbc-comparison-table.white
.table-comparison
.table-comparison-row:nth-child(2n)
.table-comparison-cell.uc {
background: rgba(34, 46, 58, 0.05);
border-radius: 0;
}
.pbc-comparison-table.white .cell-text {
color: #222e3a;
}
.pbc-comparison-table.white .tooltip-container .tooltip:hover {
fill: #222e3a;
}
.cta-block {
position: relative;
z-index: 2;
}
.cta-block .wrap {
min-height: 310px;
padding: 70px 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: linear-gradient(264.93deg, #1f3c6a 0, #1bb4b7 100%);
border-radius: 16px;
text-align: center;
position: relative;
overflow: hidden;
}
.cta-block .wrap::after {
content: "";
display: block;
position: absolute;
width: 615px;
height: 615px;
border-radius: 100%;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(34, 46, 58, 0)),
to(#222e3a)
);
background: linear-gradient(180deg, rgba(34, 46, 58, 0) 0, #222e3a 100%);
opacity: 0.25;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) perspective(1px);
transform: translate(-50%, -50%) perspective(1px);
-webkit-animation: animate-round-1 5s infinite;
animation: animate-round-1 5s infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media (max-width: 992px) {
.cta-block .wrap::after {
width: 540px;
height: 540px;
}
}
@media (max-width: 767px) {
.cta-block .wrap::after {
display: none;
}
}
.cta-block .wrap::before {
content: "";
display: block;
position: absolute;
width: 918px;
height: 918px;
border-radius: 100%;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(34, 46, 58, 0)),
to(#222e3a)
);
background: linear-gradient(180deg, rgba(34, 46, 58, 0) 0, #222e3a 100%);
opacity: 0.25;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: animate-round-2 4.8s infinite;
animation: animate-round-2 4.8s infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media (max-width: 992px) {
.cta-block .wrap::before {
width: 750px;
height: 750px;
}
}
@media (max-width: 767px) {
.cta-block .wrap::before {
display: none;
}
}
.cta-block .wrap > img {
margin-left: auto;
margin-right: auto;
}
.cta-block .bg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
.cta-block a,
.cta-block h2,
.cta-block img,
.cta-block p {
position: relative;
z-index: 1;
}
.cta-block h2,
.cta-block p {
color: #fff;
}
.cta-block .button:not([class*="store"]) {
min-width: 170px;
}
@media (max-width: 767px) {
.cta-block .wrap {
min-height: auto;
padding: 32px;
}
.cta-block p {
margin-bottom: 24px;
}
}
.servers-block {
text-align: center;
}
.servers-block .lead {
color: #222e3a;
}
.servers-block .continents {
width: 968px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.servers-block .img-continents {
margin: auto;
}
.servers-block .country {
position: absolute;
}
.servers-block .country .inner {
position: relative;
}
.servers-block .country .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px;
border-radius: 4px;
-webkit-box-shadow: 0 8px 16px rgba(34, 46, 58, 0.25);
box-shadow: 0 8px 16px rgba(34, 46, 58, 0.25);
background: #fff;
position: absolute;
left: 50%;
top: -45px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 4;
opacity: 0;
-webkit-animation-name: ripple-country;
animation-name: ripple-country;
-webkit-animation-duration: 11s;
animation-duration: 11s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes ripple-country {
4.54% {
opacity: 1;
}
30% {
-webkit-transform: translate(-50%, -30px);
transform: translate(-50%, -30px);
opacity: 0;
}
100% {
-webkit-transform: translate(-50%, -30px);
transform: translate(-50%, -30px);
opacity: 0;
}
}
@keyframes ripple-country {
4.54% {
opacity: 1;
}
30% {
-webkit-transform: translate(-50%, -30px);
transform: translate(-50%, -30px);
opacity: 0;
}
100% {
-webkit-transform: translate(-50%, -30px);
transform: translate(-50%, -30px);
opacity: 0;
}
}
.servers-block .country .box:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #fff transparent transparent transparent;
position: absolute;
bottom: -4px;
left: 50%;
margin-left: -4px;
}
.servers-block .country .name {
font-size: 0.8125rem;
line-height: 1.4;
color: #000;
letter-spacing: normal;
margin-left: 8px;
white-space: nowrap;
}
.servers-block .canada {
top: 59px;
left: 187px;
}
.servers-block .canada .box,
.servers-block .canada .circle div {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.servers-block .usa {
top: 149px;
left: 122px;
}
.servers-block .usa .box,
.servers-block .usa .circle div {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.servers-block .brazil {
top: 280px;
left: 290px;
}
.servers-block .brazil .box,
.servers-block .brazil .circle div {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.servers-block .argentina {
top: 366px;
left: 234px;
}
.servers-block .argentina .box,
.servers-block .argentina .circle div {
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.servers-block .uk {
top: 83px;
left: 460px;
}
.servers-block .uk .box,
.servers-block .uk .circle div {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.servers-block .turkey {
top: 125px;
left: 570px;
}
.servers-block .turkey .box,
.servers-block .turkey .circle div {
-webkit-animation-delay: 11s;
animation-delay: 11s;
}
.servers-block .nigeria {
top: 209px;
left: 461px;
}
.servers-block .nigeria .box,
.servers-block .nigeria .circle div {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.servers-block .southafrica {
top: 362px;
left: 529px;
}
.servers-block .southafrica .box,
.servers-block .southafrica .circle div {
-webkit-animation-delay: 9s;
animation-delay: 9s;
}
.servers-block .germany {
top: 88px;
left: 494px;
}
.servers-block .germany .box,
.servers-block .germany .circle div {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.servers-block .india {
top: 183px;
left: 717px;
}
.servers-block .india .box,
.servers-block .india .circle div {
-webkit-animation-delay: 7s;
animation-delay: 7s;
}
.servers-block .australia {
top: 346px;
left: 901px;
}
.servers-block .australia .box,
.servers-block .australia .circle div {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.servers-block .flag {
width: 24px;
height: 16px;
background-size: 24px 3216px;
}
.servers-block .flag-ad {
background-position: 0 0;
}
.servers-block .flag-ae {
background-position: 0 -16px;
}
.servers-block .flag-af {
background-position: 0 -32px;
}
.servers-block .flag-ag {
background-position: 0 -48px;
}
.servers-block .flag-al {
background-position: 0 -64px;
}
.servers-block .flag-am {
background-position: 0 -80px;
}
.servers-block .flag-ao {
background-position: 0 -96px;
}
.servers-block .flag-ar {
background-position: 0 -112px;
}
.servers-block .flag-at {
background-position: 0 -128px;
}
.servers-block .flag-au {
background-position: 0 -144px;
}
.servers-block .flag-az {
background-position: 0 -160px;
}
.servers-block .flag-ba {
background-position: 0 -176px;
}
.servers-block .flag-bb {
background-position: 0 -192px;
}
.servers-block .flag-bd {
background-position: 0 -208px;
}
.servers-block .flag-be {
background-position: 0 -224px;
}
.servers-block .flag-bf {
background-position: 0 -240px;
}
.servers-block .flag-bg {
background-position: 0 -256px;
}
.servers-block .flag-bh {
background-position: 0 -272px;
}
.servers-block .flag-bi {
background-position: 0 -288px;
}
.servers-block .flag-bj {
background-position: 0 -304px;
}
.servers-block .flag-bn {
background-position: 0 -320px;
}
.servers-block .flag-bo {
background-position: 0 -336px;
}
.servers-block .flag-br {
background-position: 0 -352px;
}
.servers-block .flag-bs {
background-position: 0 -368px;
}
.servers-block .flag-bt {
background-position: 0 -384px;
}
.servers-block .flag-bw {
background-position: 0 -400px;
}
.servers-block .flag-by {
background-position: 0 -416px;
}
.servers-block .flag-bz {
background-position: 0 -432px;
}
.servers-block .flag-ca {
background-position: 0 -448px;
}
.servers-block .flag-cd {
background-position: 0 -464px;
}
.servers-block .flag-cf {
background-position: 0 -480px;
}
.servers-block .flag-cg {
background-position: 0 -496px;
}
.servers-block .flag-ch {
background-position: 0 -512px;
}
.servers-block .flag-ci {
background-position: 0 -528px;
}
.servers-block .flag-cl {
background-position: 0 -544px;
}
.servers-block .flag-cm {
background-position: 0 -560px;
}
.servers-block .flag-cn {
background-position: 0 -576px;
}
.servers-block .flag-co {
background-position: 0 -592px;
}
.servers-block .flag-cr {
background-position: 0 -608px;
}
.servers-block .flag-cu {
background-position: 0 -624px;
}
.servers-block .flag-cv {
background-position: 0 -640px;
}
.servers-block .flag-cy {
background-position: 0 -656px;
}
.servers-block .flag-cz {
background-position: 0 -672px;
}
.servers-block .flag-de {
background-position: 0 -688px;
}
.servers-block .flag-dj {
background-position: 0 -704px;
}
.servers-block .flag-dk {
background-position: 0 -720px;
}
.servers-block .flag-dm {
background-position: 0 -736px;
}
.servers-block .flag-do {
background-position: 0 -752px;
}
.servers-block .flag-dz {
background-position: 0 -768px;
}
.servers-block .flag-ec {
background-position: 0 -784px;
}
.servers-block .flag-ee {
background-position: 0 -800px;
}
.servers-block .flag-eg {
background-position: 0 -816px;
}
.servers-block .flag-er {
background-position: 0 -832px;
}
.servers-block .flag-es {
background-position: 0 -848px;
}
.servers-block .flag-et {
background-position: 0 -864px;
}
.servers-block .flag-eu {
background-position: 0 -880px;
}
.servers-block .flag-fi {
background-position: 0 -896px;
}
.servers-block .flag-fj {
background-position: 0 -912px;
}
.servers-block .flag-fm {
background-position: 0 -928px;
}
.servers-block .flag-fr {
background-position: 0 -944px;
}
.servers-block .flag-ga {
background-position: 0 -960px;
}
.servers-block .flag-gb {
background-position: 0 -976px;
}
.servers-block .flag-gd {
background-position: 0 -992px;
}
.servers-block .flag-ge {
background-position: 0 -1008px;
}
.servers-block .flag-gh {
background-position: 0 -1024px;
}
.servers-block .flag-gm {
background-position: 0 -1040px;
}
.servers-block .flag-gn {
background-position: 0 -1056px;
}
.servers-block .flag-gq {
background-position: 0 -1072px;
}
.servers-block .flag-gr {
background-position: 0 -1088px;
}
.servers-block .flag-gt {
background-position: 0 -1104px;
}
.servers-block .flag-gw {
background-position: 0 -1120px;
}
.servers-block .flag-gy {
background-position: 0 -1136px;
}
.servers-block .flag-hk {
background-position: 0 -1152px;
}
.servers-block .flag-hn {
background-position: 0 -1168px;
}
.servers-block .flag-hr {
background-position: 0 -1184px;
}
.servers-block .flag-ht {
background-position: 0 -1200px;
}
.servers-block .flag-hu {
background-position: 0 -1216px;
}
.servers-block .flag-id {
background-position: 0 -1232px;
}
.servers-block .flag-ie {
background-position: 0 -1248px;
}
.servers-block .flag-il {
background-position: 0 -1264px;
}
.servers-block .flag-in {
background-position: 0 -1280px;
}
.servers-block .flag-iq {
background-position: 0 -1296px;
}
.servers-block .flag-ir {
background-position: 0 -1312px;
}
.servers-block .flag-is {
background-position: 0 -1328px;
}
.servers-block .flag-it {
background-position: 0 -1344px;
}
.servers-block .flag-jm {
background-position: 0 -1360px;
}
.servers-block .flag-jo {
background-position: 0 -1376px;
}
.servers-block .flag-jp {
background-position: 0 -1392px;
}
.servers-block .flag-ke {
background-position: 0 -1408px;
}
.servers-block .flag-kg {
background-position: 0 -1424px;
}
.servers-block .flag-kh {
background-position: 0 -1440px;
}
.servers-block .flag-ki {
background-position: 0 -1456px;
}
.servers-block .flag-km {
background-position: 0 -1472px;
}
.servers-block .flag-kn {
background-position: 0 -1488px;
}
.servers-block .flag-kp {
background-position: 0 -1504px;
}
.servers-block .flag-kr {
background-position: 0 -1520px;
}
.servers-block .flag-kw {
background-position: 0 -1536px;
}
.servers-block .flag-kz {
background-position: 0 -1552px;
}
.servers-block .flag-la {
background-position: 0 -1568px;
}
.servers-block .flag-lb {
background-position: 0 -1584px;
}
.servers-block .flag-lc {
background-position: 0 -1600px;
}
.servers-block .flag-li {
background-position: 0 -1616px;
}
.servers-block .flag-lk {
background-position: 0 -1632px;
}
.servers-block .flag-ll {
background-position: 0 -1648px;
}
.servers-block .flag-lr {
background-position: 0 -1664px;
}
.servers-block .flag-ls {
background-position: 0 -1680px;
}
.servers-block .flag-lt {
background-position: 0 -1696px;
}
.servers-block .flag-lu {
background-position: 0 -1712px;
}
.servers-block .flag-lv {
background-position: 0 -1728px;
}
.servers-block .flag-ly {
background-position: 0 -1744px;
}
.servers-block .flag-ma {
background-position: 0 -1760px;
}
.servers-block .flag-mc {
background-position: 0 -1776px;
}
.servers-block .flag-md {
background-position: 0 -1792px;
}
.servers-block .flag-me {
background-position: 0 -1808px;
}
.servers-block .flag-mg {
background-position: 0 -1824px;
}
.servers-block .flag-mh {
background-position: 0 -1840px;
}
.servers-block .flag-mk {
background-position: 0 -1856px;
}
.servers-block .flag-ml {
background-position: 0 -1872px;
}
.servers-block .flag-mm {
background-position: 0 -1888px;
}
.servers-block .flag-mn {
background-position: 0 -1904px;
}
.servers-block .flag-mr {
background-position: 0 -1920px;
}
.servers-block .flag-mt {
background-position: 0 -1936px;
}
.servers-block .flag-mu {
background-position: 0 -1952px;
}
.servers-block .flag-mv {
background-position: 0 -1968px;
}
.servers-block .flag-mw {
background-position: 0 -1984px;
}
.servers-block .flag-mx {
background-position: 0 -2000px;
}
.servers-block .flag-my {
background-position: 0 -2016px;
}
.servers-block .flag-mz {
background-position: 0 -2032px;
}
.servers-block .flag-na {
background-position: 0 -2048px;
}
.servers-block .flag-ne {
background-position: 0 -2064px;
}
.servers-block .flag-ng {
background-position: 0 -2080px;
}
.servers-block .flag-ni {
background-position: 0 -2096px;
}
.servers-block .flag-nl {
background-position: 0 -2112px;
}
.servers-block .flag-no {
background-position: 0 -2128px;
}
.servers-block .flag-np {
background-position: 0 -2144px;
}
.servers-block .flag-nr {
background-position: 0 -2160px;
}
.servers-block .flag-nz {
background-position: 0 -2176px;
}
.servers-block .flag-oc {
background-position: 0 -2192px;
}
.servers-block .flag-om {
background-position: 0 -2208px;
}
.servers-block .flag-pa {
background-position: 0 -2224px;
}
.servers-block .flag-pe {
background-position: 0 -2240px;
}
.servers-block .flag-pg {
background-position: 0 -2256px;
}
.servers-block .flag-ph {
background-position: 0 -2272px;
}
.servers-block .flag-pk {
background-position: 0 -2288px;
}
.servers-block .flag-pl {
background-position: 0 -2304px;
}
.servers-block .flag-ps {
background-position: 0 -2320px;
}
.servers-block .flag-pt {
background-position: 0 -2336px;
}
.servers-block .flag-pw {
background-position: 0 -2352px;
}
.servers-block .flag-py {
background-position: 0 -2368px;
}
.servers-block .flag-qa {
background-position: 0 -2384px;
}
.servers-block .flag-ro {
background-position: 0 -2400px;
}
.servers-block .flag-rs {
background-position: 0 -2416px;
}
.servers-block .flag-ru {
background-position: 0 -2432px;
}
.servers-block .flag-rw {
background-position: 0 -2448px;
}
.servers-block .flag-sa {
background-position: 0 -2464px;
}
.servers-block .flag-sb {
background-position: 0 -2480px;
}
.servers-block .flag-sc {
background-position: 0 -2496px;
}
.servers-block .flag-sd {
background-position: 0 -2512px;
}
.servers-block .flag-se {
background-position: 0 -2528px;
}
.servers-block .flag-sg {
background-position: 0 -2544px;
}
.servers-block .flag-si {
background-position: 0 -2560px;
}
.servers-block .flag-sk {
background-position: 0 -2576px;
}
.servers-block .flag-sl {
background-position: 0 -2592px;
}
.servers-block .flag-sm {
background-position: 0 -2608px;
}
.servers-block .flag-sn {
background-position: 0 -2624px;
}
.servers-block .flag-so {
background-position: 0 -2640px;
}
.servers-block .flag-sr {
background-position: 0 -2656px;
}
.servers-block .flag-ss {
background-position: 0 -2672px;
}
.servers-block .flag-st {
background-position: 0 -2688px;
}
.servers-block .flag-sv {
background-position: 0 -2704px;
}
.servers-block .flag-sy {
background-position: 0 -2720px;
}
.servers-block .flag-sz {
background-position: 0 -2736px;
}
.servers-block .flag-td {
background-position: 0 -2752px;
}
.servers-block .flag-tg {
background-position: 0 -2768px;
}
.servers-block .flag-th {
background-position: 0 -2784px;
}
.servers-block .flag-tj {
background-position: 0 -2800px;
}
.servers-block .flag-tl {
background-position: 0 -2816px;
}
.servers-block .flag-tm {
background-position: 0 -2832px;
}
.servers-block .flag-tn {
background-position: 0 -2848px;
}
.servers-block .flag-to {
background-position: 0 -2864px;
}
.servers-block .flag-tr {
background-position: 0 -2880px;
}
.servers-block .flag-tt {
background-position: 0 -2896px;
}
.servers-block .flag-tv {
background-position: 0 -2912px;
}
.servers-block .flag-tw {
background-position: 0 -2928px;
}
.servers-block .flag-tz {
background-position: 0 -2944px;
}
.servers-block .flag-ua {
background-position: 0 -2960px;
}
.servers-block .flag-ug {
background-position: 0 -2976px;
}
.servers-block .flag-us {
background-position: 0 -2992px;
}
.servers-block .flag-uy {
background-position: 0 -3008px;
}
.servers-block .flag-uz {
background-position: 0 -3024px;
}
.servers-block .flag-va {
background-position: 0 -3040px;
}
.servers-block .flag-vc {
background-position: 0 -3056px;
}
.servers-block .flag-ve {
background-position: 0 -3072px;
}
.servers-block .flag-vn {
background-position: 0 -3088px;
}
.servers-block .flag-vu {
background-position: 0 -3104px;
}
.servers-block .flag-ws {
background-position: 0 -3120px;
}
.servers-block .flag-xk {
background-position: 0 -3136px;
}
.servers-block .flag-ye {
background-position: 0 -3152px;
}
.servers-block .flag-za {
background-position: 0 -3168px;
}
.servers-block .flag-zm {
background-position: 0 -3184px;
}
.servers-block .flag-zw {
background-position: 0 -3200px;
}
.servers-block .mobile-flags {
display: none;
}
.servers-block .circle {
position: relative;
z-index: 3;
}
.servers-block .circle div:nth-child(1) {
width: 6px;
height: 6px;
background: #178a9e;
border-radius: 50%;
opacity: 0;
-webkit-animation-name: ripple-first;
animation-name: ripple-first;
-webkit-animation-duration: 11s;
animation-duration: 11s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes ripple-first {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
4.54% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
9.09% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@keyframes ripple-first {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
4.54% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
9.09% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
.servers-block .circle div:nth-child(2) {
width: 12px;
height: 12px;
background: rgba(23, 138, 158, 0.1);
border-radius: 50%;
opacity: 0;
-webkit-animation-name: ripple-second;
animation-name: ripple-second;
-webkit-animation-duration: 11s;
animation-duration: 11s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
position: absolute;
top: -3px;
left: -3px;
}
@-webkit-keyframes ripple-second {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
4.54% {
-webkit-transform: scale(1.9);
transform: scale(1.9);
opacity: 1;
}
9.09% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
10% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@keyframes ripple-second {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
4.54% {
-webkit-transform: scale(1.9);
transform: scale(1.9);
opacity: 1;
}
9.09% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
10% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
.servers-block .circle div:nth-child(3) {
width: 42px;
height: 42px;
background: rgba(23, 138, 158, 0.1);
border-radius: 50%;
border: 1px solid rgba(23, 138, 158, 0.7);
opacity: 0;
-webkit-animation-name: ripple-third;
animation-name: ripple-third;
-webkit-animation-duration: 11s;
animation-duration: 11s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
position: absolute;
top: -18px;
left: -18px;
}
@-webkit-keyframes ripple-third {
4.54% {
opacity: 1;
}
9.09% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes ripple-third {
4.54% {
opacity: 1;
}
9.09% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@media (max-width: 992px) {
.servers-block .continents {
width: 728px;
}
.servers-block .canada {
top: 46px;
left: 139px;
}
.servers-block .usa {
top: 112px;
left: 86px;
}
.servers-block .brazil {
top: 212px;
left: 218px;
}
.servers-block .argentina {
top: 280px;
left: 176px;
}
.servers-block .uk {
top: 62px;
left: 344px;
}
.servers-block .turkey {
top: 102px;
left: 426px;
}
.servers-block .nigeria {
top: 154px;
left: 347px;
}
.servers-block .southafrica {
top: 268px;
left: 398px;
}
.servers-block .germany {
top: 69px;
left: 367px;
}
.servers-block .india {
top: 140px;
left: 540px;
}
.servers-block .australia {
top: 258px;
left: 660px;
}
}
@media (max-width: 767px) {
.servers-block .continents {
width: auto;
margin-top: 32px;
}
.servers-block .img-continents {
width: 286px;
}
.servers-block .country {
display: none;
}
.servers-block .mobile-flags {
display: block;
}
.servers-block .mobile-flags div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 32px;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: 0 4px 8px rgba(34, 46, 58, 0.25);
box-shadow: 0 4px 8px rgba(34, 46, 58, 0.25);
position: absolute;
}
.servers-block .mobile-flags .country-ca {
top: 8px;
left: calc(50% - 12px);
}
.servers-block .mobile-flags .country-ng {
top: 8px;
left: calc(50% + 44px);
}
.servers-block .mobile-flags .country-de {
top: 8px;
left: calc(50% + 100px);
}
.servers-block .mobile-flags .country-br {
top: 8px;
left: calc(50% + 156px);
}
.servers-block .mobile-flags .country-gb {
top: 56px;
left: calc(50% - 152px);
}
.servers-block .mobile-flags .country-us {
top: 56px;
left: calc(50% - 96px);
}
.servers-block .mobile-flags .country-za {
top: 56px;
left: calc(50% - 40px);
}
.servers-block .mobile-flags .country-ar {
top: 56px;
left: calc(50% + 16px);
}
.servers-block .mobile-flags .country-au {
top: 56px;
left: calc(50% + 72px);
}
.servers-block .mobile-flags .country-kz {
top: 56px;
left: calc(50% + 126px);
}
.servers-block .mobile-flags .country-si {
top: 104px;
left: calc(50% - 180px);
}
.servers-block .mobile-flags .country-hr {
top: 104px;
left: calc(50% - 124px);
}
.servers-block .mobile-flags .country-et {
top: 104px;
left: calc(50% - 68px);
}
.servers-block .mobile-flags .country-is {
top: 104px;
left: calc(50% - 12px);
}
}
.video-lazy-block {
position: relative;
display: inline-block;
margin: auto;
cursor: pointer;
}
.video-lazy-block .play {
position: absolute;
top: 88px;
left: 50%;
margin-left: -80px;
}
@media (max-width: 767px) {
.video-lazy-block .play {
width: 128px;
margin-left: -64px;
top: 50%;
margin-top: -84px;
}
}
.video-lazy-block .youtube-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: -1;
opacity: 0;
pointer-events: none;
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.video-modal.active {
opacity: 1;
pointer-events: all;
z-index: 9999;
background: rgba(34, 46, 58, 0.75);
}
.youtube-block .lead {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #222e3a;
}
.youtube-block .lead img {
margin-left: 8px;
}
.youtube-block #youtube-link {
width: 978px;
max-width: 100%;
margin: auto;
cursor: pointer;
position: relative;
}
.youtube-block #youtube-link:before {
content: "";
display: block;
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(34, 46, 58, 0.75);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.youtube-block #youtube-link:after {
content: "";
display: block;
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.youtube-block #youtube-link:hover:before {
background: #fff;
}
.youtube-block #youtube-link:hover:after {
border-color: transparent transparent transparent #222e3a;
}
.youtube-block #youtube-container {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: -1;
opacity: 0;
pointer-events: none;
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.youtube-block #youtube-container.active {
opacity: 1;
pointer-events: all;
z-index: 9999;
background: rgba(34, 46, 58, 0.75);
}
@media (max-width: 767px) {
.youtube-block #youtube-link:before {
width: 48px;
height: 48px;
}
.youtube-block #youtube-link:after {
border-width: 7.5px 0 7.5px 13px;
margin-left: -5px;
}
}
.curve-bottom {
position: relative;
}
.curve-bottom::after {
content: "";
display: block;
width: 130%;
height: 600px;
position: absolute;
bottom: -420px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
border-radius: 100% 100% 0 0/100%;
z-index: -1;
}
@media (min-width: 1201px) {
.curve-bottom::after {
width: 120%;
}
}
@media (max-width: 767px) {
.curve-bottom::after {
bottom: -486px;
}
}
.curve-bottom.curve-color-eerieblack-100::after {
background: #16191c;
}
.list-check {
list-style: none;
font-size: 1.375rem;
line-height: 1.46;
letter-spacing: -0.5px;
text-align: left;
}
@media (max-width: 767px) {
.list-check {
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.1px;
}
}
.list-check li {
position: relative;
padding-left: 36px;
}
.list-check li:before {
content: "";
width: 24px;
height: 24px;
position: absolute;
top: 4px;
left: 0;
background-repeat: no-repeat;
background-size: 24px 24px;
}
@media (max-width: 767px) {
.list-check li:before {
background-size: 20px 20px;
}
}
.list-check li:not(:last-child) {
margin-bottom: 8px;
}
.list-check.list-check-light li {
color: rgba(255, 255, 255, 0.75);
}
.list-check.list-check-light li:before {
background-image: url("../img/icons/checkmark-light.svg");
}
.js-dv-container {
opacity: 0;
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.js-dv-container.js-dv-container-active {
opacity: 1;
}
.js-dv-frequency-display-container-hidden,
.js-dv-frequency-display-container-inactive {
display: none;
}
.js-dv-frequency-display-container-active {
display: initial;
}
.sticky-cta {
width: 232px;
-webkit-box-shadow: 0 8px 16px rgba(34, 46, 58, 0.15);
box-shadow: 0 8px 16px rgba(34, 46, 58, 0.15);
background: #222e3a;
padding: 16px;
border-radius: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
bottom: 24px;
left: 24px;
z-index: 140;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
@media (max-width: 767px) {
.sticky-cta {
width: calc(100% - 32px);
bottom: 64px;
left: 16px;
padding: 20px 16px 16px;
}
}
.s-cta .sticky-cta.active {
opacity: 1;
pointer-events: all;
}
.sticky-cta h4 {
color: #fff;
font-size: 18px;
line-height: 1.55;
letter-spacing: 0.1px;
margin: 0 auto 16px;
}
@media (max-width: 767px) {
.sticky-cta h4 {
display: none;
}
}
.sticky-cta .ribbon {
font-size: 1rem;
line-height: 1.5;
font-weight: 600;
letter-spacing: normal;
color: #fff;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#13a8bc),
to(#006785)
);
background: linear-gradient(180deg, #13a8bc 0, #006785 100%);
padding: 8px 16px;
height: 64px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: -16px;
margin-right: -16px;
margin-bottom: 16px;
position: relative;
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sticky-cta .ribbon:before {
content: "";
display: block;
width: 14px;
height: 88px;
background: url("../img/ribbon-left-side.png");
background-size: 14px 88px;
background-repeat: no-repeat;
position: absolute;
left: -14px;
top: 0;
}
.sticky-cta .ribbon:after {
content: "";
display: block;
width: 14px;
height: 88px;
background: url("../img/ribbon-right-side.png");
background-size: 14px 88px;
background-repeat: no-repeat;
position: absolute;
right: -14px;
top: -24px;
}
.sticky-cta a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
width: 100%;
}
@media (max-width: 767px) {
.sticky-cta a {
min-width: calc(100% - 32px);
}
}
.sticky-cta .close {
position: absolute;
top: -12px;
right: -12px;
width: 24px;
height: 24px;
background: #fff;
-webkit-box-shadow: 0 4px 8px rgba(34, 46, 58, 0.15);
box-shadow: 0 4px 8px rgba(34, 46, 58, 0.15);
border-radius: 16px;
cursor: pointer;
}
.sticky-cta .close i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 24px;
font-size: 0.8125rem;
color: rgba(34, 46, 58, 0.25098);
}
.sticky-cta .free-months {
display: block;
}
.container {
width: 1200px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1232px) {
.container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media (max-width: 992px) {
.container {
padding-left: 4px;
padding-right: 4px;
}
}
@media (max-width: 767px) {
.container {
padding-right: 0;
padding-left: 0;
}
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.row {
padding-right: 8px;
padding-left: 8px;
}
.row > .row {
padding-right: 0;
padding-left: 0;
}
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.row.natural-height {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.align-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.col-xs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-xs-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-1 {
padding: 0.5rem;
}
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-2 {
padding: 0.5rem;
}
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-3 {
padding: 0.5rem;
}
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-4 {
padding: 0.5rem;
}
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-5 {
padding: 0.5rem;
}
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-6 {
padding: 0.5rem;
}
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-7 {
padding: 0.5rem;
}
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-8 {
padding: 0.5rem;
}
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-9 {
padding: 0.5rem;
}
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-10 {
padding: 0.5rem;
}
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-11 {
padding: 0.5rem;
}
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
@media (max-width: 767px) {
.col-xs-12 {
padding: 0.5rem;
}
}
.col-xs-offset-12 {
margin-left: 100%;
}
.row.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 768px) {
.col-sm {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-sm-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-1 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-2 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-3 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-4 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-5 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-6 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-7 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-8 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-9 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-10 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-11 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.col-sm-12 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.col-sm-offset-12 {
margin-left: 100%;
}
.row.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 993px) {
.col-md {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-md-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-1 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-2 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-3 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-4 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-5 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-6 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-7 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-8 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-9 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-10 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-11 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
}
@media only screen and (min-width: 993px) and (max-width: 767px) {
.col-md-12 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 993px) {
.col-md-offset-12 {
margin-left: 100%;
}
.row.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1201px) {
.col-lg {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-lg-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-1 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-2 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-3 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-4 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-5 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-6 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-7 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-8 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-9 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-10 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-11 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
}
@media only screen and (min-width: 1201px) and (max-width: 767px) {
.col-lg-12 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1201px) {
.col-lg-offset-12 {
margin-left: 100%;
}
.row.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1401px) {
.col-xl {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-xl-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-1 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-1 {
margin-left: 8.3333333333%;
}
.col-xl-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-2 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-2 {
margin-left: 16.6666666667%;
}
.col-xl-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-3 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-4 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-4 {
margin-left: 33.3333333333%;
}
.col-xl-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-5 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-5 {
margin-left: 41.6666666667%;
}
.col-xl-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-6 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-7 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-7 {
margin-left: 58.3333333333%;
}
.col-xl-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-8 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-8 {
margin-left: 66.6666666667%;
}
.col-xl-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-9 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-10 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-10 {
margin-left: 83.3333333333%;
}
.col-xl-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-11 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-11 {
margin-left: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
}
@media only screen and (min-width: 1401px) and (max-width: 767px) {
.col-xl-12 {
padding: 0.5rem;
}
}
@media only screen and (min-width: 1401px) {
.col-xl-offset-12 {
margin-left: 100%;
}
.row.start-xl {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row.center-xl {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.end-xl {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row.top-xl {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row.middle-xl {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.row.bottom-xl {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.around-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row.between-xl {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xl {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xl {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.col-gutter-lr {
padding: 0 1rem;
}
.show {
display: block !important;
}
.row.show {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide {
display: none !important;
}
.show-xs {
display: block !important;
}
.row.show-xs {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-xs {
display: none !important;
}
@media only screen and (max-width: 767px) {
.show-xs-only {
display: block !important;
}
.row.show-xs-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-xs-only {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.show-sm {
display: block !important;
}
.row.show-sm {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-sm {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.show-sm-only {
display: block !important;
}
.row.show-sm-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-sm-only {
display: none !important;
}
}
@media only screen and (min-width: 993px) {
.show-md {
display: block !important;
}
.row.show-md {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-md {
display: none !important;
}
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.show-md-only {
display: block !important;
}
.row.show-md-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-md-only {
display: none !important;
}
}
@media only screen and (min-width: 1201px) {
.show-lg {
display: block !important;
}
.row.show-lg {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-lg {
display: none !important;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
.show-lg-only {
display: block !important;
}
.row.show-lg-only {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-lg-only {
display: none !important;
}
}
@media only screen and (min-width: 1401px) {
.show-xl {
display: block !important;
}
.row.show-xl {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.hide-xl {
display: none !important;
}
}
.ss-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background: #fff;
}
.ss-container {
padding: 0 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 64px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ss-container.countdown-container {
height: 120px;
position: relative;
}
@media (min-width: 660px) {
.ss-container.countdown-container {
height: 64px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.ss-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1201px) {
.ss-container {
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.ss-container {
max-width: 1200px;
}
}
.ss-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 0;
position: absolute;
top: 8px;
left: 16px;
}
@media (min-width: 768px) {
.ss-logo {
position: static;
}
}
@media (min-width: 1024px) {
.ss-logo {
margin-right: 8px;
}
}
@media only screen and (min-width: 1201px) {
.ss-logo {
margin-right: 32px;
}
}
.ss-logo svg:first-child {
display: none;
}
@media (min-width: 768px) {
.ss-logo svg:first-child {
display: inline;
}
}
@media (min-width: 768px) {
.ss-logo svg:last-child {
display: none;
}
}
.ss-mobile-menu-opened .ss-logo svg:first-child {
display: block;
}
.ss-mobile-menu-opened .ss-logo svg:last-child {
display: none;
}
.ss-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ss-nav-alt {
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 660px) {
.ss-nav-alt {
-ms-flex-preferred-size: auto;
flex-basis: auto;
height: auto;
}
}
ul.ss-navigation {
display: none;
padding-left: 0;
margin-top: 0;
}
@media only screen and (min-width: 1024px) {
ul.ss-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
}
}
@media only screen and (min-width: 1201px) {
ul.ss-navigation > li:not(:last-child) {
margin-right: 16px;
}
}
ul.ss-navigation > li > .ss-open-submenu,
ul.ss-navigation > li > a {
font-weight: 400;
font-size: 0.875rem;
line-height: 1.14;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
letter-spacing: 0;
color: #423d3d;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
cursor: pointer;
background: 0 0;
border: 0;
width: 100%;
padding: 16px 8px;
}
@media only screen and (min-width: 1024px) {
ul.ss-navigation > li > .ss-open-submenu:hover,
ul.ss-navigation > li > a:hover {
color: #a3a4a6;
}
ul.ss-navigation > li > .ss-open-submenu:hover .svg-chevron-down,
ul.ss-navigation > li > a:hover .svg-chevron-down {
fill: #a3a4a6;
}
}
ul.ss-navigation > li > .ss-open-submenu .svg-chevron-down,
ul.ss-navigation > li > a .svg-chevron-down {
fill: #423d3d;
width: 48px;
height: 24px;
padding: 12px 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
right: 16px;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
}
@media only screen and (min-width: 1024px) {
ul.ss-navigation > li > .ss-open-submenu .svg-chevron-down,
ul.ss-navigation > li > a .svg-chevron-down {
width: 16px;
height: 16px;
padding: 0;
margin-left: 4px;
position: relative;
top: 0;
right: auto;
}
}
.ss-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ss-action > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
margin: 0;
padding-left: 0;
}
.ss-action a,
.ss-action li > span {
font-weight: 400;
font-size: 0.75rem;
line-height: 133%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
letter-spacing: 0;
color: #222e3a;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
}
.ss-action a:hover,
.ss-action li > span:hover {
color: #178a9e;
}
.ss-action a.button.primary.notice,
.ss-action li > span.button.primary.notice {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.14;
letter-spacing: normal;
text-align: center;
color: #fff;
background-color: #fa3556;
padding: 12px;
border-radius: 8px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: unset;
}
.ss-action a.button.primary.notice:focus,
.ss-action a.button.primary.notice:hover,
.ss-action li > span.button.primary.notice:focus,
.ss-action li > span.button.primary.notice:hover {
background-color: #e94a60;
}
.ss-action a.button.primary.notice:active,
.ss-action li > span.button.primary.notice:active {
background-color: #c8455a;
}
.ss-action .svg-chevron-down {
fill: #222e3a;
margin-left: 4px;
display: none;
position: relative;
top: 0;
}
@media (min-width: 1200px) {
.ss-action .svg-chevron-down {
display: block;
}
}
.ss-mobile-menu-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 48px;
height: 48px;
cursor: pointer;
border: 0;
background: 0 0;
}
@media (min-width: 1200px) {
.ss-mobile-menu-toggle {
width: auto;
height: auto;
}
.ss-mobile-menu-toggle .text {
font-size: 0.75rem;
}
}
.ss-mobile-menu-toggle {
position: relative;
}
.ss-mobile-menu-toggle:hover {
color: #178a9e;
}
.ss-mobile-menu-toggle svg {
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
fill: #423d3d;
}
.ss-mobile-menu-toggle svg.svg-close {
opacity: 0;
visibility: hidden;
font-size: 11px;
}
.ss-mobile-menu-toggle.active .svg-burger {
opacity: 0;
visibility: hidden;
}
.ss-mobile-menu-toggle.active .svg-close {
opacity: 1;
visibility: visible;
}
.ss-header-cta {
margin-right: 8px;
}
@media only screen and (min-width: 1024px) {
.ss-header-cta {
margin-right: 0;
}
}
.ss-mobile-menu-opened .ss-header-cta {
display: none;
}
@media (min-width: 768px) {
.ss-mobile-menu-opened .ss-header-cta {
display: initial;
}
}
.ss-header-cta a {
font-weight: 600;
}
.ss-header-login {
display: none;
margin-right: 16px;
}
@media (min-width: 768px) {
.ss-header-login {
display: block;
}
}
@media only screen and (min-width: 1201px) {
.ss-header-login {
margin-right: 32px;
}
}
.ss-header-login a {
font-size: 0.875rem;
line-height: 1.14;
padding: 16px 8px;
}
.ss-header-login a:hover {
color: #a3a4a6;
}
@media screen and (min-width: 1024px) {
.ss-mobile-meniu {
display: none;
}
}
.language-switcher {
display: none;
}
@media (min-width: 768px) {
.language-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
}
.language-switcher button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px;
margin-right: 8px;
border-radius: 32px;
border: 0;
color: #423d3d;
cursor: pointer;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.language-switcher button:hover {
background: rgba(0, 0, 0, 0.05);
}
.language-switcher button:active {
background: #c4c4c5;
}
.language-switcher button > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 24px;
height: 24px;
}
.language-switcher select {
position: absolute;
opacity: 0;
z-index: 10;
left: 20px;
-webkit-transform: translate(-50%);
transform: translate(-50%);
width: 48px;
height: 48px;
border-radius: 32px;
cursor: pointer;
}
.ss-header-empty .ss-header-cta {
display: block;
margin-right: 0;
}
@media (max-width: 337px) {
[lang="fr-FR"] .ss-header-empty .ss-header-cta .button {
padding-left: 7px !important;
padding-right: 7px !important;
}
}
@media (max-width: 322px) {
[lang="it-IT"] .ss-header-empty .ss-header-cta .button {
padding-left: 11px !important;
padding-right: 11px !important;
}
}
@media (max-width: 435px) {
[lang="ja-JP"] .ss-header-empty .ss-header-cta .button {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
@media (max-width: 348px) {
[lang="ja-JP"] .ss-header-empty .ss-header-cta .button {
font-size: 0.675rem !important;
}
}
@media (max-width: 435px) {
[lang="ja-JP"] .ss-header-empty .ss-action,
[lang="ja-JP"] .ss-header-empty .ss-nav,
[lang="nl-NL"] .ss-header-empty .ss-action,
[lang="nl-NL"] .ss-header-empty .ss-nav,
[lang="uk-UA"] .ss-header-empty .ss-action {
-ms-flex-preferred-size: unset !important;
flex-basis: unset !important;
}
}
@media (max-width: 435px) {
[lang="ja-JP"] .ss-header-empty > .ss-container,
[lang="nl-NL"] .ss-header-empty > .ss-container {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
}
.ss-header-transparent {
background: rgba(30, 70, 112, 0.01);
backdrop-filter: blur(4px);
}
.ss-header-transparent .ss-container {
height: 64px;
}
.ss-header-transparent a {
font-size: 0.875rem;
line-height: 1.15;
}
.ss-header-transparent-cta a {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-weight: 600;
font-size: 1rem;
text-align: center;
color: #fff;
background-color: #fa3556;
padding: 16px;
border-radius: 8px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 1;
border: unset;
letter-spacing: normal;
}
.ss-header-transparent-cta a.dg-btn-white {
background: #fff;
font-size: 0.875rem;
color: #16191c;
}
.ss-header-transparent-cta a:focus,
.ss-header-transparent-cta a:hover {
background-color: #e94a60;
}
.ss-header-transparent-cta a:active {
background-color: #c8455a;
}
@media (min-width: 660px) {
.ss-header-transparent-cta a {
padding: 12px;
font-size: 0.875rem;
line-height: 1.14;
}
}
@media (max-width: 359px) {
[lang="de-DE"] .ss-header-transparent-cta a,
[lang="fi-FI"] .ss-header-transparent-cta a,
[lang="fr-FR"] .ss-header-transparent-cta a,
[lang="pl-PL"] .ss-header-transparent-cta a {
padding-left: 7px !important;
padding-right: 7px !important;
}
}
@media (max-width: 435px) {
[lang="es-ES"] .ss-header-transparent-cta a,
[lang="it-IT"] .ss-header-transparent-cta a,
[lang="ja-JP"] .ss-header-transparent-cta a,
[lang="nl-NL"] .ss-header-transparent-cta a,
[lang="pt-BR"] .ss-header-transparent-cta a,
[lang="ru-RU"] .ss-header-transparent-cta a,
[lang="tr-TR"] .ss-header-transparent-cta a,
[lang="uk-UA"] .ss-header-transparent-cta a {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
@media (max-width: 370px) {
[lang="es-ES"] .ss-header-transparent-cta a,
[lang="it-IT"] .ss-header-transparent-cta a,
[lang="ja-JP"] .ss-header-transparent-cta a,
[lang="nl-NL"] .ss-header-transparent-cta a,
[lang="pt-BR"] .ss-header-transparent-cta a,
[lang="ru-RU"] .ss-header-transparent-cta a,
[lang="tr-TR"] .ss-header-transparent-cta a,
[lang="uk-UA"] .ss-header-transparent-cta a {
font-size: 0.675rem !important;
}
}
@media (max-width: 435px) {
[lang="ja-JP"] .ss-header-transparent-cta a {
padding-left: 5px !important;
padding-right: 5px !important;
font-size: 0.675rem !important;
}
}
@media (max-width: 340px) {
[lang="ja-JP"] .ss-header-transparent-cta a {
font-size: 0.6rem !important;
}
}
.ss-header.article.active #article-length {
opacity: 1;
visibility: visible;
}
.ss-header.article #article-length {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
width: 100%;
}
.ss-header.article #article-length .article-line {
width: 0;
height: 3px;
background-color: #178a9e;
}
.ss-submeniu {
-webkit-transition: ease all 0.5s;
transition: ease all 0.5s;
opacity: 0;
visibility: hidden;
z-index: -1;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 64px;
}
@media (min-width: 768px) {
.ss-submeniu {
-webkit-box-shadow: 0;
box-shadow: 0;
}
}
.ss-submeniu .ss-submeniu-main {
width: auto;
z-index: 999;
background: #fff;
}
@media only screen and (min-width: 1024px) {
.ss-submeniu .ss-submeniu-main {
width: 100%;
position: fixed;
left: 0;
-webkit-box-shadow: 0 1px 1px rgba(22, 25, 28, 0.08);
box-shadow: 0 1px 1px rgba(22, 25, 28, 0.08);
}
}
.ss-submeniu .ss-submeniu-main > div {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
.ss-submeniu.ss-submenu-products .ss-submeniu-main {
padding: 32px 0;
}
}
@media only screen and (min-width: 1201px) {
.ss-submeniu.ss-submenu-products .ss-submeniu-main {
padding: 48px 0;
}
}
.ss-submeniu.ss-submenu-products .ss-submeniu-main .colums-row {
position: relative;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
@media only screen and (min-width: 1024px) {
.ss-submeniu.ss-submenu-resources .ss-submeniu-main {
padding: 24px 0 32px;
}
.ss-submeniu.ss-submenu-resources .ss-submeniu-main .colums-row:after {
content: "";
-ms-flex-preferred-size: 22.946%;
flex-basis: 22.946%;
}
.ss-submeniu.ss-submenu-resources
.ss-submeniu-main
.colums-row:lang(en):after {
content: none;
}
}
@media (min-width: 1200px) {
.ss-submeniu.ss-submenu-resources .ss-submeniu-main {
padding: 24px 0 48px;
}
}
ul.ss-navigation {
padding: 0;
}
ul.ss-navigation li.active button .svg-chevron-down {
-webkit-transform: rotate(-180deg) perspective(1px);
transform: rotate(-180deg) perspective(1px);
}
ul.ss-navigation li.active .ss-submeniu {
opacity: 1;
visibility: visible;
z-index: 2;
}
.ss-row-title {
font-weight: 600;
font-size: 0.625rem;
letter-spacing: 1px;
text-transform: uppercase;
color: rgba(34, 46, 58, 0.25);
padding-bottom: 8px;
line-height: 1;
border-bottom: 1px solid rgba(34, 46, 58, 0.1);
margin: 32px 0 16px;
}
.colums-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.colums-row .column {
position: relative;
}
@media only screen and (min-width: 1024px) {
.colums-row .column {
-ms-flex-preferred-size: 21%;
flex-basis: 21%;
min-width: 224px;
max-width: 224px;
}
}
@media only screen and (min-width: 1201px) {
.colums-row .column {
-ms-flex-preferred-size: 22.946%;
flex-basis: 22.946%;
max-width: unset;
}
}
.ss-middle-products-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
row-gap: 16px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
list-style: none;
}
.ss-middle-products-list.direction-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ss-col-title {
display: none;
}
@media only screen and (min-width: 1024px) {
.ss-col-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 0 4px 16px;
margin-bottom: 16px;
font-size: 0.75rem;
line-height: 1.33;
letter-spacing: 0;
color: #a3a4a6;
}
}
@media only screen and (min-width: 1201px) {
.ss-col-title {
padding: 4px 0 4px 24px;
}
}
.ss-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: ease all 0.5s;
transition: ease all 0.5s;
font-weight: 600;
font-size: 0.875rem;
line-height: 171%;
letter-spacing: normal;
color: #423d3d;
}
.ss-link-title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.33;
letter-spacing: 0.1px;
color: #222e3a;
width: 100%;
}
@media only screen and (min-width: 1024px) {
.ss-link-title {
max-width: 268px;
-ms-flex-preferred-size: calc(50% - 16px);
flex-basis: calc(50% - 16px);
}
}
.ss-submenu-resources .ss-link-title {
margin-bottom: 8px;
}
.ss-link-title:last-child {
margin-bottom: 0;
}
.ss-link-title:hover a > svg circle {
opacity: 0;
}
.ss-link-title a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 24px 16px;
border-radius: 8px;
-webkit-transition: ease all 0.5s;
transition: ease all 0.5s;
}
@media only screen and (min-width: 1201px) {
.ss-link-title a {
padding: 24px;
}
}
.ss-link-title a:hover {
background: rgba(34, 46, 58, 0.05);
}
.ss-link-title a > svg {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px;
}
.ss-submenu-resources .ss-link-title .ss-link {
font-size: 0.875rem;
line-height: 1.71;
}
.ss-link-title p {
display: block;
width: 100%;
margin-top: 16px;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.66;
letter-spacing: 0.2px;
color: #423d3d;
}
.ss-link-title .svg-chevron-right {
-webkit-transform: translateX(8px);
transform: translateX(8px);
-webkit-transition: ease all 0.5s;
transition: ease all 0.5s;
fill: #c4c4c5;
}
.ss-link-title:hover .svg-chevron-right {
-webkit-transform: translateX(16px) !important;
transform: translateX(16px) !important;
fill: #16191c;
}
.ss-submenu-resources .ss-link-title .svg-chevron-right {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
.ss-col-additional-products {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: unset !important;
width: auto;
position: relative;
}
.submenu-border-left:before {
content: "";
width: 2px;
height: 100%;
position: absolute;
top: 0;
left: -18px;
background: rgba(0, 0, 0, 0.05);
border-radius: 8px;
}
.ss-simple-links {
list-style: none;
padding-left: 16px;
margin-top: 0;
}
.ss-simple-links.mt-16 {
margin-top: 16px;
}
@media only screen and (min-width: 1201px) {
.ss-simple-links {
padding-left: 24px;
}
}
.ss-simple-links li {
display: block;
}
.ss-simple-links li:not(:last-child) {
margin-bottom: 8px;
}
.ss-simple-links a {
font-weight: 400;
font-size: 0.75rem;
line-height: 1.33;
letter-spacing: 0;
color: #423d3d;
-webkit-transition: ease all 0.7s;
transition: ease all 0.7s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2px 0;
}
.ss-simple-links a:hover {
color: #222e3a;
}
.ss-simple-links a .svg-chevron-right {
fill: #222e3a;
-webkit-transition: all 0.7s;
transition: all 0.7s;
opacity: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.ss-simple-links a:hover .svg-chevron-right {
opacity: 1;
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
@media only screen and (min-width: 1201px) {
.sub-shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: backdrop-filter 0.5s;
transition: backdrop-filter 0.5s;
backdrop-filter: blur(4px) opacity(0);
}
.sub-shadow.active {
backdrop-filter: blur(4px) opacity(1);
}
}
.ss-mobile-menu {
position: fixed;
top: 64px;
left: 0;
width: 100%;
height: calc(100% - 64px);
background-color: #fff;
display: block;
overflow: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: ease all 0.3s;
transition: ease all 0.3s;
z-index: 999;
}
@media only screen and (min-width: 1024px) {
.ss-mobile-menu {
display: none;
}
}
.ss-mobile-menu.active {
opacity: 1;
visibility: visible;
}
.ss-mobile-menu .ss-navigation {
display: block;
list-style: none;
width: 100%;
margin-bottom: 0;
}
@media (min-width: 768px) {
.ss-mobile-menu .ss-navigation {
min-width: calc(100% - 32px);
}
}
.ss-mobile-menu .ss-navigation li {
margin: 0 !important;
}
.ss-mobile-menu .ss-navigation li .ss-open-submenu,
.ss-mobile-menu .ss-navigation li a {
font-weight: 600;
font-size: 14px;
line-height: 1.14;
letter-spacing: 0;
padding: 24px 16px !important;
position: relative;
-webkit-transition: ease all 0.5s;
transition: ease all 0.5s;
}
.ss-mobile-menu .ss-navigation li.active .ss-submeniu {
max-height: none;
-webkit-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
}
.ss-mobile-menu .ss-navigation li.active .ss-col-title,
.ss-mobile-menu .ss-navigation li.active .ss-open-submenu,
.ss-mobile-menu .ss-navigation li.active .ss-submeniu a {
background: #f9f9f9;
border-radius: 0;
}
.ss-mobile-menu .colums-row {
padding: 0 !important;
}
.ss-mobile-menu .colums-row:after,
.ss-mobile-menu .colums-row:before {
content: none !important;
}
.ss-mobile-menu .column {
padding-top: 0 !important;
border: 0 !important;
margin: 0 !important;
}
.ss-mobile-menu .ss-submeniu {
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
transform: none;
overflow: hidden;
-webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
height: auto;
max-height: 0;
padding-bottom: 0;
}
.ss-mobile-menu .ss-submeniu .sub-shadow {
display: none;
}
.ss-mobile-menu .ss-submeniu .ss-submeniu-main > div {
padding: 0;
}
.ss-mobile-menu .ss-submeniu .ss-row-title {
margin-top: 16px;
margin-bottom: 16px;
line-height: 1;
}
.ss-mobile-menu .ss-submeniu .colums-row > div {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0;
padding: 0;
margin-bottom: 8px;
}
.ss-mobile-menu .ss-submeniu .colums-row > div:last-child {
margin-bottom: 0;
}
.ss-mobile-menu .ss-submeniu .uc-products {
padding-bottom: 16px;
}
.ss-mobile-menu .ss-submeniu .ss-link-title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 0;
}
.ss-mobile-menu .ss-submeniu .ss-link-title p {
display: none;
}
.ss-mobile-menu .ss-submeniu .ss-link-title a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.ss-mobile-menu .ss-submeniu .ss-link-title a::after {
border-radius: 0;
-webkit-transform: translateX(-16px);
transform: translateX(-16px);
width: calc(100% + 32px);
}
.ss-mobile-menu .ss-submeniu .ss-link-title a > svg {
margin-right: 8px;
margin-bottom: 0;
}
.ss-mobile-menu .ss-submeniu .ss-link-title:hover svg circle {
opacity: 1;
}
.ss-mobile-menu .ss-submeniu .ss-simple-links,
.ss-mobile-menu .ss-submeniu .uc-vpn-links {
display: none;
}
.ss-mobile-menu .ss-submeniu .ss-link {
font-size: 0.875rem;
line-height: 171%;
}
.ss-mobile-menu .ss-submeniu .ss-link .svg-chevron-right {
display: none;
}
.ss-mobile-menu .ss-submeniu .ss-animation .ss-link {
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
transform: none;
}
.ss-mobile-menu .ss-col-title {
display: block;
padding: 16px;
font-size: 0.75rem;
line-height: 1.33;
letter-spacing: 0;
color: #a3a4a6;
position: relative;
}
.ss-mobile-menu .ss-col-title:after {
content: "";
position: absolute;
bottom: 0;
left: 16px;
right: 16px;
height: 2px;
background: rgba(0, 0, 0, 0.05);
border-radius: 8px;
}
.ss-mobile-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
overflow-x: hidden;
}
.ss-group-btn {
padding: 16px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-item-align: end;
align-self: flex-end;
border-top: 1px solid rgba(22, 25, 28, 0.08);
text-align: center;
}
@media (min-width: 768px) {
.ss-group-btn {
display: none;
}
}
.ss-login {
display: block;
border-radius: 12px;
padding: 14px 16px;
border: 2px solid #16191c;
margin-bottom: 16px;
font-weight: 600;
font-size: 1rem;
line-height: 1;
letter-spacing: normal;
color: #16191c;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: ease all 0.4s;
transition: ease all 0.4s;
}
.ss-login:hover {
background-color: rgba(34, 46, 58, 0.1);
}
.ss-login:active {
background-color: #e7f3f5;
color: #178a9e;
}
.ss-get-btn {
display: block;
padding: 16px;
background: #fa3556;
border-radius: 12px;
font-size: 1rem;
font-weight: 600;
line-height: 1;
letter-spacing: normal;
color: #fff;
}
.ss-get-btn:hover {
background: #e94a60;
}
@media (min-width: 768px) {
.ss-languages-mobile {
display: none;
}
}
.ss-languages-mobile .svg-globe {
margin-right: 8px;
}
.ss-languages-mobile span {
font-size: 0.875rem;
line-height: 114.286%;
}
.lSSlideWrapper,
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSSlide,
.lSSlideWrapper.usingCss .lSFade > * {
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
}
.lSSlideOuter,
.lSSlideOuter .lSPager.lSGallery {
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideOuter {
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightSlider:after,
.lightSlider:before {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform, height;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.lSSlideWrapper .lSFade > .active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > .active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
list-style: none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
content: " ";
display: table;
}
.lSAction > a {
width: 32px;
display: block;
height: 32px;
border-radius: 100%;
border: 1px solid #c7ceda;
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
bottom: -38px;
left: 0;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
overflow: hidden;
}
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0 !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
.lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
padding-left: 0;
list-style: none;
}
.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
padding-right: 0;
}
.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider > * {
float: left;
}
.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider > * {
float: right !important;
}
@-webkit-keyframes rightEnd {
0%,
100% {
left: 0;
}
50% {
left: -15px;
}
}
@keyframes rightEnd {
0%,
100% {
left: 0;
}
50% {
left: -15px;
}
}
@-webkit-keyframes topEnd {
0%,
100% {
top: 0;
}
50% {
top: -15px;
}
}
@keyframes topEnd {
0%,
100% {
top: 0;
}
50% {
top: -15px;
}
}
@-webkit-keyframes leftEnd {
0%,
100% {
left: 0;
}
50% {
left: 15px;
}
}
@keyframes leftEnd {
0%,
100% {
left: 0;
}
50% {
left: 15px;
}
}
@-webkit-keyframes bottomEnd {
0%,
100% {
bottom: 0;
}
50% {
bottom: -15px;
}
}
@keyframes bottomEnd {
0%,
100% {
bottom: 0;
}
50% {
bottom: -15px;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.page-template-deal-australia #main {
background: #222e3a;
overflow-x: visible;
}
.deal-au-hero {
max-height: 100vh;
padding: 32px 0 262px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: url("../img/poland-activation.jpg");
background-size: cover;
background-position: center center;
text-align: center;
}
@media (max-width: 992px) {
.deal-au-hero {
background-image: url("../img/poland-activation-sm.jpg");
background-position: center top;
position: relative;
}
.deal-au-hero .container {
position: relative;
z-index: 2;
}
}
@media (max-width: 767px) {
.deal-au-hero {
height: 480px;
padding: 22px 0 64px;
background-position: center bottom;
}
}
.deal-au-hero .img-logo {
margin: 0 auto 198px;
}
@media (max-width: 767px) {
.deal-au-hero .img-logo {
margin: 0 auto 64px;
}
}
.deal-au-hero h1 {
color: #fff;
}
.deal-au-hero p {
color: #fff;
max-width: 488px;
margin: 0 auto 48px;
}
@media (max-width: 767px) {
.deal-au-hero p {
margin: 0 auto 32px;
}
}
@media (max-width: 767px) {
.deal-au-hero a {
width: 100%;
}
}
.deal-au-table {
padding: 96px 0 72px;
}
.deal-au-table h2 {
color: #fff;
}
@media (max-width: 767px) {
.deal-au-table {
padding: 48px 0 40px;
}
[lang="en-US"] .deal-au-table h2 {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
}
.deal-au-reviews {
padding-bottom: 72px;
margin-top: 64px;
}
.deal-au-reviews h2 {
color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
.deal-au-reviews h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.deal-au-reviews h2 > span {
cursor: pointer;
margin-right: 32px;
}
.deal-au-reviews h2 > span.active {
color: #fff;
}
.deal-au-reviews h2 > span:last-child {
margin-right: 0;
}
@media (max-width: 767px) {
.deal-au-reviews h2 > span {
margin-right: 0;
}
}
.deal-au-reviews .review-block {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
background: rgba(255, 255, 255, 0.0509804);
padding: 24px;
border-radius: 16px;
}
.deal-au-reviews .review-block p {
color: rgba(255, 255, 255, 0.75);
}
.deal-au-reviews .review-block .profile-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.deal-au-reviews .review-block .profile-block span {
font-size: 0.875rem;
line-height: 1.15;
font-weight: 600;
color: #fff;
display: block;
margin-bottom: 8px;
}
.deal-au-reviews .review-block .profile-block div {
margin-left: 16px;
}
@media (max-width: 767px) {
.deal-au-reviews .review-block {
padding: 20px 16px;
}
.deal-au-reviews .review-block p {
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.1px;
}
}
.deal-au-reviews .news-block {
height: 100%;
background: rgba(255, 255, 255, 0.0509804);
padding: 40px 24px;
border-radius: 16px;
text-align: center;
}
.deal-au-reviews .news-block img {
margin-left: auto;
margin-right: auto;
}
.deal-au-reviews .news-block p {
color: #fff;
}
@media (max-width: 767px) {
.deal-au-reviews .news-block {
padding: 24px 16px;
}
.deal-au-reviews .news-block p {
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.1px;
color: rgba(255, 255, 255, 0.75);
}
}
@media (max-width: 767px) {
.deal-au-reviews {
padding-bottom: 48px;
}
.deal-au-reviews .container-xs-overflow {
width: auto;
max-width: none;
overflow-x: scroll;
-webkit-font-smoothing: antialiased;
}
.deal-au-reviews .container-xs-overflow .row {
width: 808px;
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.deal-au-reviews .container-xs-overflow .cnet-review {
width: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.deal-au-reviews .container-xs-overflow .cnet-review > div {
-ms-flex-preferred-size: unset;
flex-basis: unset;
max-width: 275px;
min-width: 275px;
}
.deal-au-reviews .button {
width: 100%;
}
}
@media (max-width: 992px) {
.deal-au-reviews {
padding-bottom: 48px;
}
.deal-au-reviews .container-sm-overflow {
width: auto;
max-width: none;
overflow-x: scroll;
-webkit-font-smoothing: antialiased;
}
.deal-au-reviews .container-sm-overflow .row {
width: 808px;
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.deal-au-reviews .container-sm-overflow .cnet-review {
width: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.deal-au-reviews .container-sm-overflow .cnet-review > div {
-ms-flex-preferred-size: unset;
flex-basis: unset;
max-width: 275px;
min-width: 275px;
}
.deal-au-reviews .container-sm-overflow .row {
width: 1168px;
}
}
@media (max-width: 992px) and (max-width: 767px) {
.deal-au-reviews .container-sm-overflow .row.row-sm-smaller {
width: 880px;
}
}
@media (max-width: 767px) {
.deal-au-reviews h2.small {
font-size: 20px;
line-height: 1.18;
}
}
.deal-au-reviews .rounded-img > img {
border-radius: 100%;
}
.deal-au-features h2 {
color: #fff;
}
.deal-au-features p {
color: rgba(255, 255, 255, 0.75);
}
.deal-au-features .feature-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
background: rgba(255, 255, 255, 0.0509804);
padding: 24px;
border-radius: 16px;
}
.deal-au-features .feature-block h3 {
color: #fff;
}
@media (max-width: 767px) {
.deal-au-features .feature-block {
padding: 18px;
}
.deal-au-features .feature-block img {
width: 53px;
height: 53px;
margin-bottom: 19px;
}
.deal-au-features .feature-block p {
font-size: 1rem;
line-height: 1.5;
letter-spacing: -0.1px;
}
}
@media (max-width: 767px) {
.deal-au-features .container {
padding-top: 48px;
padding-bottom: 48px;
}
}
.deal-au-cta h2 {
color: #fff;
}
.deal-au-cta p {
color: rgba(255, 255, 255, 0.75);
}
.deal-au-cta .deals-cta-block {
display: block;
background: rgba(255, 255, 255, 0.0509804);
padding: 48px;
border-radius: 16px;
}
@media (max-width: 767px) {
.deal-au-cta .deals-cta-block {
padding: 16px;
}
.deal-au-cta .deals-cta-block a {
width: 100%;
}
}
.deal-au-cta .deals-cta-block .title {
display: inline-block;
padding: 8px 24px;
background: rgba(255, 255, 255, 0.1);
border-radius: 32px;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.5px;
color: #fff;
}
@media (max-width: 767px) {
.deal-au-cta .deals-cta-block .title {
font-size: 1.125rem;
line-height: 1.2;
}
}
.deal-au-cta .deals-cta-block .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem;
line-height: 1.2;
font-weight: 600;
letter-spacing: -1px;
color: #fff;
}
.deal-au-cta .deals-cta-block .price .ss-monthly-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 5.5rem;
line-height: 1.1;
letter-spacing: -2.5px;
margin: 0 16px;
}
@media (max-width: 767px) {
.deal-au-cta .deals-cta-block .price {
font-size: 1.25rem;
}
.deal-au-cta .deals-cta-block .price .ss-monthly-price {
font-size: 3rem;
line-height: 1.17;
letter-spacing: -2px;
margin: 0 8px;
}
}
.deal-au-cta .deals-cta-block .saved {
display: inline-block;
background: #fff;
padding: 8px 24px;
border-radius: 32px;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.5px;
color: #fa3556;
}
@media (max-width: 767px) {
.deal-au-cta .deals-cta-block .saved {
font-size: 1.125rem;
line-height: 1.2;
}
}
.deal-au-cta .deals-cta-block .billing {
font-size: 0.875rem;
line-height: 1.55;
color: rgba(255, 255, 255, 0.5);
max-width: 365px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.deal-au-cta .button {
width: 100%;
}
}
.search-page-hero-block {
background: linear-gradient(256.7deg, #1f3c6a 0, #1bb4b7 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 35px;
position: relative;
}
@media (max-width: 767px) {
.search-page-hero-block {
padding-bottom: 48px;
}
}
.search-page-hero-block .button.primary.notice {
border-radius: 8px;
font-size: 1rem;
padding: 16px;
}
@media (max-width: 767px) {
.search-page-hero-block .button.primary.notice {
display: block;
}
}
.search-page-hero-block .hero-top {
margin-bottom: 136px;
}
@media (max-width: 767px) {
.search-page-hero-block .hero-top {
margin-bottom: 0;
}
}
.search-page-hero-block .hero-top:lang(fr),
.search-page-hero-block .hero-top:lang(ja),
.search-page-hero-block .hero-top:lang(ko),
.search-page-hero-block .hero-top:lang(pl),
.search-page-hero-block .hero-top:lang(ru),
.search-page-hero-block .hero-top:lang(tr),
.search-page-hero-block .hero-top:lang(uk),
.search-page-hero-block .hero-top:lang(zh) {
margin-bottom: 204px;
}
@media (max-width: 767px) {
.search-page-hero-block .hero-top:lang(fr),
.search-page-hero-block .hero-top:lang(ja),
.search-page-hero-block .hero-top:lang(ko),
.search-page-hero-block .hero-top:lang(pl),
.search-page-hero-block .hero-top:lang(ru),
.search-page-hero-block .hero-top:lang(tr),
.search-page-hero-block .hero-top:lang(uk),
.search-page-hero-block .hero-top:lang(zh) {
min-height: auto;
margin-bottom: 0;
}
}
.search-page-hero-block .hero-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
margin-top: 94px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
@media (max-width: 767px) {
.search-page-hero-block .hero-text {
margin-top: 40px;
}
}
.search-page-hero-block h1 {
font-size: 5.5rem;
line-height: 1.09;
letter-spacing: -2.5px;
margin-bottom: 24px;
}
.search-page-hero-block h1:lang(fr),
.search-page-hero-block h1:lang(ja),
.search-page-hero-block h1:lang(ko),
.search-page-hero-block h1:lang(pl),
.search-page-hero-block h1:lang(ru),
.search-page-hero-block h1:lang(tr),
.search-page-hero-block h1:lang(uk),
.search-page-hero-block h1:lang(zh) {
font-size: 3.5rem;
}
@media screen and (max-width: 1100px) {
.search-page-hero-block h1 {
font-size: 3.5rem;
}
}
@media (max-width: 767px) {
.search-page-hero-block h1 {
font-size: 3rem;
line-height: 1.17;
letter-spacing: -2px;
margin-bottom: 16px;
}
.search-page-hero-block h1:lang(fr),
.search-page-hero-block h1:lang(ja),
.search-page-hero-block h1:lang(ko),
.search-page-hero-block h1:lang(pl),
.search-page-hero-block h1:lang(ru),
.search-page-hero-block h1:lang(tr),
.search-page-hero-block h1:lang(uk),
.search-page-hero-block h1:lang(zh) {
font-size: 3rem !important;
}
}
@media (max-width: 360px) {
.search-page-hero-block h1:lang(ru) {
font-size: 2rem !important;
}
}
.search-page-hero-block .hero-visual-phone img {
position: absolute;
top: -64px;
left: calc(50% + 32px);
z-index: 0;
}
@media (min-width: 768px) and (max-width: 1100px) {
.search-page-hero-block .hero-visual-phone img {
width: 670px;
left: calc(50% - 120px);
}
}
@media (max-width: 767px) {
.search-page-hero-block .hero-visual-phone img {
position: static;
width: 100%;
margin-bottom: 40px;
}
}
@media (max-width: 1200px) {
.search-page-hero-block .hero-visual-phone img {
left: 50%;
}
}
@media (max-width: 992px) {
.search-page-hero-block .hero-visual-phone img {
width: 70%;
left: 60%;
}
}
@media (max-width: 767px) {
.search-page-hero-block .hero-visual-phone img {
width: 110%;
max-width: 110%;
position: relative;
top: auto;
bottom: auto;
left: 20px;
margin-bottom: 10px;
margin-top: 30px;
}
}
.search-page-hero-block .hero-cta {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
@media screen and (max-width: 767px) {
.search-page-hero-block .hero-cta {
width: 100%;
}
}
.search-logo-wrapper {
display: block;
}
.search-logo-wrapper img {
margin: 26px auto 26px;
}
@media (max-width: 767px) {
.search-logo-wrapper img {
width: 168px;
height: 26px;
margin: 0 auto 8px auto;
}
}
.search-lead {
max-width: 360px;
margin: 0 auto 32px;
}
@media (max-width: 767px) {
.search-info-block {
padding-bottom: 20px !important;
}
.search-info-block .xs-bb-1::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: rgba(34, 46, 58, 0.1);
}
.search-info-block .img-center:not(.last) {
padding-bottom: 46px;
}
.search-info-block .img-center.max {
max-width: 230px;
}
}
.lead.small-width {
max-width: 490px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 767px) {
.lead.small-width {
font-size: 16px;
line-height: 150%;
margin-bottom: 28px;
}
}
@media only screen and (max-width: 950px) {
[lang="de-DE"] .search-page-hero-block .hero-visual-phone img,
[lang="en-US"] .search-page-hero-block .hero-visual-phone img {
width: 70%;
left: 60%;
}
}
@media (max-width: 767px) {
[lang="de-DE"] .search-page-hero-block .hero-visual-phone img,
[lang="en-US"] .search-page-hero-block .hero-visual-phone img {
width: 110%;
left: 20px;
}
}
[lang="nl-NL"] .search-page-hero-block h1 {
font-size: 4.2rem;
}
@media (max-width: 992px) {
[lang="nl-NL"] .search-page-hero-block h1 {
font-size: 3.5rem;
}
}
@media (max-width: 767px) {
[lang="nl-NL"] .search-page-hero-block h1 {
font-size: 2.5rem;
}
}
@media (max-width: 767px) {
.plan-cta-wrap.mobile-full a:not(.one-learn-more) {
width: 100%;
display: block;
}
}