.sha-1, .sha-2, .sha-3, .sha-4 { transition: box-shadow .25s ease-out }
.sha-1-hover, .sha-2-hover, .sha-3-hover, .sha-4-hover { cursor: pointer }
.sha-1-hover:hover, .sha-2-hover:hover, .sha-3-hover:hover, .sha-4-hover:hover { transition: box-shadow .25s ease-out }
.sha-1, .sha-1-hover:hover { box-shadow: 0 0 0 1px rgba(56,60,67,.05), 0 1px 3px 0 rgba(56,60,67,.15) }
.sha-2, .sha-2-hover:hover { box-shadow: 0 0 0 1px rgba(56,60,67,.07), 0 3px 6px 0 rgba(56,60,67,.15) }
.sha-3, .sha-3-hover:hover { box-shadow: 0 0 0 1px rgba(56,60,67,.07), 0 8px 14px 1px rgba(56,60,67,.15) }
.sha-4, .sha-4-hover:hover { box-shadow: 0 0 0 1px rgba(56,60,67,.07), 0 15px 20px 1px rgba(56,60,67,.12) }
.has-feedback { position: relative }
.has-feedback .form-control { padding-right: 42.5px }
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; margin-right: 20px; width: auto; height: auto; line-height: normal; text-align: center; pointer-events: none }
.form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px }
.form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px }
.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label { color: #27be56 }
.has-success .form-control { border-color: #27be56; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) }
.has-success .form-control:focus { border-color: #1e9443; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #6ae18f }
.has-success .input-group-addon { color: #27be56; background-color: #dff0d8; border-color: #27be56 }
.has-success .form-control-feedback { color: #27be56 }
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label { color: #ffcc01 }
.has-warning .form-control { border-color: #ffcc01; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) }
.has-warning .form-control:focus { border-color: #cda400; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ffe067 }
.has-warning .input-group-addon { color: #ffcc01; background-color: #fcf8e3; border-color: #ffcc01 }
.has-warning .form-control-feedback { color: #ffcc01 }
.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { color: #f64f64 }
.has-error .form-control { border-color: #f64f64; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) }
.has-error .form-control:focus { border-color: #f41e39; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #fbb0b9 }
.has-error .input-group-addon { color: #f64f64; background-color: #f2dede; border-color: #f64f64 }
.has-error .form-control-feedback { color: #f64f64 }
.has-feedback label~.form-control-feedback { top: 44px }
.has-feedback label.sr-only~.form-control-feedback { top: 0 }
.has-feedback .form-control-feedback { top: 14px }
.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none }
.form-control::-ms-expand {
display:none
}
.popover { font-family: Gordita, sans-serif; background-color: #44474e; max-width: 315px; box-shadow: none; border: none; padding: 8px 16px; border-radius: 3px; color: #fff }
.popover .popover-content { padding: 0; font-size: 12px; line-height: 20px; font-weight: 500 }
.popover.right>.arrow:after { border-right-color: #44474e }
.popover.left>.arrow:after { border-left-color: #44474e }
.popover.bottom>.arrow:after { border-bottom-color: #44474e }
.popover.top>.arrow:after { border-top-color: #44474e }
@-webkit-keyframes mmfadeIn { 0% {
opacity:0
}
to { opacity: 1 }
}
@keyframes mmfadeIn { 0% {
opacity:0
}
to { opacity: 1 }
}
@-webkit-keyframes mmfadeOut { 0% {
opacity:1
}
to { opacity: 0 }
}
@keyframes mmfadeOut { 0% {
opacity:1
}
to { opacity: 0 }
}
.micromodal { display: none }
.micromodal.is-open { display: block }
.micromodal[aria-hidden=false] .modal__overlay { -webkit-animation: mmfadeIn .15s linear; animation: mmfadeIn .15s linear }
.micromodal[aria-hidden=true] .modal__overlay { -webkit-animation: mmfadeOut .15s linear; animation: mmfadeOut .15s linear }
.micromodal[aria-hidden=false] .modal__container { -webkit-animation: mmfadeIn .2s linear; animation: mmfadeIn .2s linear }
.micromodal[aria-hidden=true] .modal__container { -webkit-animation: mmfadeOut .2s linear; animation: mmfadeOut .2s linear }
.micromodal .modal__container, .micromodal .modal__overlay { will-change: opacity }
.micromodal .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center }
.micromodal .modal__close-button { cursor: pointer }
.micromodal .modal__close-button .Button { pointer-events: none }
.micromodal .modal__close-button:hover .Button { background-color: #fa95a2; border-color: #fa95a2 }
@media(max-width:767px) {
.Wpcf7Form .g-recaptcha { -webkit-transform: scale3d(.77, .77, .77)!important; transform: scale3d(.77, .77, .77)!important; -webkit-transform-origin: 0 0!important; transform-origin: 0 0!important }
}
.Accordion__card-wrapper[aria-expanded=true] .Accordion__card-title svg { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.Accordion__card-content { word-wrap: break-word }
.Accordion__card-title .SVG-wrapper { margin-left: auto }
.Accordion__card-title .SVG-wrapper svg { transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out }
.Alert { display: -webkit-inline-flex; display: inline-flex; width: 100%; border-radius: 3px; border: 1px solid }
.Alert--error { border-color: #f64f64 }
.Alert--error .Link { color: #f64f64 }
.Alert--error .Link.Link--active, .Alert--error .Link:hover { color: #fa95a2 }
.Alert--error .Link:active, .Alert--error .Link:focus { color: #f64f64 }
.Alert--info { border-color: #4687ff }
.Alert--info .Link { color: #4687ff }
.Alert--info .Link.Link--active, .Alert--info .Link:hover { color: #90b7ff }
.Alert--info .Link:active, .Alert--info .Link:focus { color: #4687ff }
.Alert--warning { border-color: #ff7e23 }
.Alert--warning .Link { color: #ff7e23 }
.Alert--warning .Link.Link--active, .Alert--warning .Link:hover { color: #ffb27b }
.Alert--warning .Link:active, .Alert--warning .Link:focus { color: #ff7e23 }
.Alert--success { border-color: #27be56 }
.Alert--success .Link { color: #27be56 }
.Alert--success .Link.Link--active, .Alert--success .Link:hover { color: #7dd89a }
.Alert--success .Link:active, .Alert--success .Link:focus { color: #27be56 }
.Alert--neutral { border-color: #d0d1d3 }
.Alert--neutral .Link { color: #73757a }
.Alert--neutral .Link.Link--active, .Alert--neutral .Link:hover { color: #a1a3a7 }
.Alert--neutral .Link:active, .Alert--neutral .Link:focus { color: #73757a }
.Alert__icon { line-height: 1 }
.Alert__text { margin-right: auto }
.Alert__close { background: transparent; position: absolute; right: 28px; line-height: 1 }
.Alert__close:hover { opacity: .5; fill: initial }
.Alert--global { border-radius: 0; border-color: transparent }
.Alert--global .Alert__icon { margin-left: auto }
.Article p { margin: 24px 0 }
.Article p.micro, .Article p.nano { margin: 16px 0 12px }
.Article p.lead { font-weight: 500; text-align: center; margin: 64px 0; color: #383c43 }
@media(min-width:768px) {
.Article p.lead { margin: 80px 0 }
}
.Article p.intro-text { margin: 48px 0 }
.Article p.intro-text, .Article strong { color: #383c43; font-weight: 500 }
.Article .Link { font-weight: 500; width: 100%; background: transparent }
.Article blockquote, .Article blockquote>p { margin: 48px 0; color: #383c43; font-weight: 500; font-size: 20px }
@media(min-width:768px) {
.Article blockquote, .Article blockquote>p { margin: 48px }
}
@media(min-width:992px) {
.Article blockquote, .Article blockquote>p { margin: 48px 64px }
}
.Article .wp-caption, .Article figure { margin: 32px 0 }
@media(min-width:768px) {
.Article .wp-caption, .Article figure { margin: 48px 0 }
}
@media(min-width:992px) {
.Article .wp-caption, .Article figure { margin: 64px 0 }
}
.Article .wp-caption .wp-caption-text, .Article .wp-caption figcaption, .Article figure .wp-caption-text, .Article figure figcaption { margin: 16px 0 12px; font-size: 12px; line-height: 20px; font-weight: 500 }
.Article .wp-caption img, .Article figure img { margin: 0 auto }
.Article img .Article__header { margin: 32px auto }
@media(min-width:768px) {
.Article img .Article__header { margin: 48px auto }
}
@media(min-width:992px) {
.Article img .Article__header { margin: 64px auto }
}
.Article .ListItem img { margin: 0; vertical-align: initial }
.Article ol, .Article ul { list-style: none; margin: 32px 0; color: #383c43 }
.Article ol li, .Article ul li { margin: 16px 0; line-height: 28px }
.Article ul>li { background: url(https://s1.nordcdn.com/nordvpn/media/1.259.0/images/global/icons/16/bullet.svg) no-repeat 0 6px; padding-left: 32px }
.Article ol { position: relative; padding-left: 32px; counter-reset: item }
.Article ol>li { counter-increment: item }
.Article ol>li:before { position: absolute; left: 0; color: #383c43; font-weight: 500; content: counter(item) "." }
.Article ol.alpha>li:before { content: counter(item, lower-alpha) ") " }
.Article__wrapper--large, .Article__wrapper--medium { margin: 64px 0 }
@media(min-width:768px) {
.Article__wrapper--large { margin: 80px 0 }
}
@media(min-width:992px) {
.Article__wrapper--large { margin: 112px 0 }
}
.Article__wrapper--no-t-margin { margin-top: 0 }
.Article__wrapper--no-b-margin { margin-bottom: 0 }
.Article h1 .Article__header { margin: 64px 0 32px }
@media(min-width:768px) {
.Article h1 .Article__header { margin: 80px 0 48px }
}
@media(min-width:992px) {
.Article h1 .Article__header { margin: 112px 0 64px }
}
.Article h2 { margin: 64px 0 32px }
@media(min-width:768px) {
.Article h2 { margin: 80px 0 48px }
}
.Article h3 { margin: 48px 0 32px }
@media(min-width:768px) {
.Article h3 { margin: 64px 0 40px }
}
.Article .h4, .Article .h5, .Article h4, .Article h5 { margin: 48px 0 32px }
@media(min-width:768px) {
.Article .h4, .Article .h5, .Article h4, .Article h5 { margin: 64px 0 32px }
}
.Article .h6, .Article h6 { margin: 48px 0 32px }
.Article .collapse p:first-child, .Article .collapsing p:first-child { margin-top: 0 }
.Article--blog li a:not(.Button), .Article--blog p a:not(.Button) { color: #4687ff }
.Article--blog li a:not(.Button).Link--active, .Article--blog li a:not(.Button):hover, .Article--blog p a:not(.Button).Link--active, .Article--blog p a:not(.Button):hover { color: #90b7ff }
.Article--blog li a:not(.Button):active, .Article--blog li a:not(.Button):focus, .Article--blog p a:not(.Button):active, .Article--blog p a:not(.Button):focus { color: #4687ff }
.Article--blog img { display: block; max-width: 100%; height: auto }
.Article--blog h2 { margin: 48px 0 32px; font-size: 22px; line-height: 38px; font-weight: 500 }
@media(min-width:768px) {
.Article--blog h2 { margin: 64px 0 32px; font-size: 32px; line-height: 44px; font-weight: 500 }
}
.Article--blog h3 { margin: 48px 0 32px; font-size: 28px; line-height: 40px; font-weight: 600 }
@media(min-width:768px) {
.Article--blog h3 { margin: 64px 0 32px }
}
@media(max-width:1199px) {
.Article--blog h3 { font-size: 26px; line-height: 38px; font-weight: 600 }
}
@media(max-width:991px) {
.Article--blog h3 { font-size: 26px; line-height: 38px; font-weight: 600 }
}
@media(max-width:767px) {
.Article--blog h3 { font-size: 24px; line-height: 36px; font-weight: 600 }
}
.Article--blog h4 { margin: 48px 0 32px; font-size: 22px; line-height: 30px; font-weight: 500 }
@media(max-width:1199px) {
.Article--blog h4 { font-size: 22px; line-height: 30px; font-weight: 500 }
}
@media(max-width:991px) {
.Article--blog h4 { font-size: 20px; line-height: 30px; font-weight: 500 }
}
@media(max-width:767px) {
.Article--blog h4 { font-size: 20px; line-height: 30px; font-weight: 500 }
}
.Article--blog .table-of-contents { margin: 48px 0 }
.Article--blog .table-of-contents p { font-size: 20px; color: #383c43; font-weight: 500 }
.Article--blog .table-of-contents>ul { margin: 24px 0 }
.Article--blog .table-of-contents>ul>li { font-weight: 500; background: none; padding: 0 }
.Article--blog .table-of-contents>ul>li ul { margin: 0 }
.Article--blog .table-of-contents>ul>li>ul li { background: url(https://s1.nordcdn.com/nordvpn/media/1.259.0/images/global/icons/16/child-indication.svg) no-repeat 0 6px; font-weight: 400; margin: 8px 0 }
.Article--blog .table-of-contents>ul>li>ul li>.Link { font-weight: 400 }
.Article--blog .Text, .Article--blog ol>li, .Article--blog ul>li { font-size: 16px; line-height: 28px }
@media(min-width:768px) {
.Article--blog .Text, .Article--blog ol>li, .Article--blog ul>li { font-size: 20px; line-height: 32px }
}
.Article--blog__title { font-size: 32px; line-height: 44px }
@media(min-width:768px) {
.Article--blog__title { font-size: 48px; line-height: 64px }
}
.Article--blog__trending-title { font-size: 26px; line-height: 38px }
@media(min-width:768px) {
.Article--blog__trending-title { font-size: 40px; line-height: 54px }
}
.Article--blog__next-read-wrapper { position: fixed; bottom: 32px; left: 0; width: 100% }
@media(min-width:992px) {
.Article--blog__next-read-wrapper { width: auto; left: auto }
}
.Article--blog__next-read-close { background: transparent; border: none }
.Article--blog__next-read { display: -webkit-flex; display: flex; box-shadow: 0 15px 20px rgba(0,0,0,.0001), 0 0 0 rgba(55,59,66,.07), 0 8px 14px rgba(55,59,66,.15) }
@media(min-width:768px) {
.Article--blog__next-read { display: -webkit-inline-flex; display: inline-flex; width: 100% }
}
.Article--blog__next-read--thumb-wrapper { height: 60px; width: 60px; min-width: 60px }
.Article--blog__next-read--thumb-wrapper img { max-width: 100% }
.Article--blog__related-articles .ArticleCard__title { font-size: 16px }
@media(min-width:768px) {
.Article--blog__related-articles { font-size: 20px }
}
.Article--blog__related-article-thumb-wrapper { min-height: 194px }
@media(min-width:992px) {
.Article--blog__related-article-thumb-wrapper { min-height: 148px }
}
.Article--blog__author-avatar { width: 48px; height: 48px }
@media(min-width:768px) {
.Article--blog__author-avatar-md { width: 64px; height: 64px }
}
@media(min-width:768px) {
.Article--blog__author-avatar-lg { width: 96px; height: 96px }
}
.Article--tutorial hr { background-color: #e8e8e9; margin: 48px 0 }
@media(min-width:768px) {
.Article--tutorial hr { margin: 64px 0 }
}
.Article--tutorial pre { display: block; padding: 10px; margin: 0 0 10px; font-size: 13px; word-break: break-all; word-wrap: break-word; color: #151922; background-color: #f3f4f4; border: 1px solid #d0d1d3; border-radius: 4px }
.Article--tutorial pre code { font-family: Menlo, Monaco, Consolas, Courier New, monospace; padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent }
.Article .YoutubeEmbed { margin: 16px auto }
.Award { display: inline-table; width: 130px; font-size: 10px; font-weight: 500 }
@media(min-width:768px) {
.Award { width: 150px }
}
.Award__label { display: table-cell; vertical-align: middle; line-height: 1.4 }
.Award__title { position: relative; width: 132%; left: -16% }
@media(min-width:768px) {
.Award__title { font-size: 12px; font-weight: 600 }
}
.Award>.SVG-wrapper { width: 20%; display: table-cell; vertical-align: middle }
@media(max-width:767px) {
.AwardWithImage { -webkit-justify-content: center; justify-content: center }
}
.Badge__medium { padding: 1px 8px; border-radius: 16px; font-size: 10px; line-height: 14px; cursor: default }
@media(min-width:768px) {
.Badge__medium { padding: 0 10px; font-size: 12px; line-height: 20px }
}
.Badge__large { padding: 4px 16px; border-radius: 16px; font-size: 14px; line-height: 24px }
.BannerByOS__horizontal-divider hr, .BannerByOS__vertical-divider hr { height: 2px; background-color: #d8d8d8; width: 40px }
.BannerByOS__horizontal-divider { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center }
.BannerByOS__androidTV-content { min-width: 180px }
.BannerByOS__platform-content { min-width: 168px }
@media screen and (min-width:567px)and (max-width:767px) {
.BannerByOS__platform-content--with-note { text-align: left }
.BannerByOS__style-button-container { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center }
.BannerByOS__vertical-divider { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; margin-left: 12px; margin-right: 12px }
.BannerByOS__vertical-divider hr { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
}
@media(min-width:768px) {
.BannerByOS__style-button-container { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center }
}
@media(min-width:992px) {
.BannerByOS__style-button-container { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row }
.BannerByOS__vertical-divider { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; margin-left: 12px; margin-right: 12px }
.BannerByOS__vertical-divider hr { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
}
.BannerByOSV2__horizontal-divider hr, .BannerByOSV2__vertical-divider hr { height: 2px; background-color: #d8d8d8; width: 40px }
.BannerByOSV2__horizontal-divider { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center }
.BannerByOSV2__androidTV-content { min-width: 180px }
.BannerByOSV2__platform-content { min-width: 168px }
@media screen and (min-width:567px)and (max-width:767px) {
.BannerByOSV2__platform-content--with-note { text-align: left }
.BannerByOSV2__style-button-container { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center }
.BannerByOSV2__vertical-divider { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; margin-left: 12px; margin-right: 12px }
.BannerByOSV2__vertical-divider hr { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
}
@media(min-width:768px) {
.BannerByOSV2__style-button-container { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center }
}
@media(min-width:992px) {
.BannerByOSV2__style-button-container { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row }
.BannerByOSV2__vertical-divider { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; margin-left: 12px; margin-right: 12px }
.BannerByOSV2__vertical-divider hr { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
}
.Button { outline: none; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out }
.Button--primary:hover { background-color: #fa95a2; border-color: #fa95a2; color: #fff }
.Button--primary:active { background-color: #dd475a; border-color: #dd475a; color: #fff }
.Button--primary.Button--outline { padding: 8px 19px; border-width: 1px }
.Button--primary.Button--outline:hover { background-color: #f64f64; border-color: #f64f64; color: #fff }
.Button--primary.Button--outline:active { background-color: #dd475a; border-color: #dd475a; color: #fff }
.Button--primary.Button--outline.Button--small { padding: 5px 14px }
.Button--primary.Button--outline.Button--small:focus { padding: 4px 13px }
.Button--primary.Button--outline.Button--large { padding: 11px 24px }
.Button--primary.Button--outline.Button--large:focus { padding: 10px 23px }
@media(max-width:991px) {
.Button--primary.Button--outline.Button--large { padding: 8px 19px; font-size: 16px; line-height: 28px }
.Button--primary.Button--outline.Button--large:focus { padding: 7px 18px }
}
.Button--primary.Button--outline.Button--disabled, .Button--primary.Button--outline[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #d0d1d3; color: #b9babd }
.Button--primary.Button--disabled, .Button--primary[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #e8e8e9; color: #b9babd }
.Button--primary:focus { color: #fff }
.Button--secondary:hover { background-color: #7fe0e0; border-color: #7fe0e0; color: #fff }
.Button--secondary:active { background-color: #26b8b8; border-color: #26b8b8; color: #fff }
.Button--secondary.Button--outline { padding: 8px 19px; border-width: 1px }
.Button--secondary.Button--outline:hover { background-color: #2acccc; border-color: #2acccc; color: #fff }
.Button--secondary.Button--outline:active { background-color: #26b8b8; border-color: #26b8b8; color: #fff }
.Button--secondary.Button--outline.Button--small { padding: 5px 14px }
.Button--secondary.Button--outline.Button--small:focus { padding: 4px 13px }
.Button--secondary.Button--outline.Button--large { padding: 11px 24px }
.Button--secondary.Button--outline.Button--large:focus { padding: 10px 23px }
@media(max-width:991px) {
.Button--secondary.Button--outline.Button--large { padding: 8px 19px; font-size: 16px; line-height: 28px }
.Button--secondary.Button--outline.Button--large:focus { padding: 7px 18px }
}
.Button--secondary.Button--outline.Button--disabled, .Button--secondary.Button--outline[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #d0d1d3; color: #b9babd }
.Button--secondary.Button--disabled, .Button--secondary[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #e8e8e9; color: #b9babd }
.Button--tertiary:hover { background-color: #9596ff; border-color: #9596ff; color: #fff }
.Button--tertiary:active { background-color: #4748e6; border-color: #4748e6; color: #fff }
.Button--tertiary.Button--outline { padding: 8px 19px; border-width: 1px }
.Button--tertiary.Button--outline:hover { background-color: #4f50ff; border-color: #4f50ff; color: #fff }
.Button--tertiary.Button--outline:active { background-color: #4748e6; border-color: #4748e6; color: #fff }
.Button--tertiary.Button--outline.Button--small { padding: 5px 14px }
.Button--tertiary.Button--outline.Button--small:focus { padding: 4px 13px }
.Button--tertiary.Button--outline.Button--large { padding: 11px 24px }
.Button--tertiary.Button--outline.Button--large:focus { padding: 10px 23px }
@media(max-width:991px) {
.Button--tertiary.Button--outline.Button--large { padding: 8px 19px; font-size: 16px; line-height: 28px }
.Button--tertiary.Button--outline.Button--large:focus { padding: 7px 18px }
}
.Button--tertiary.Button--outline.Button--disabled, .Button--tertiary.Button--outline[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #d0d1d3; color: #b9babd }
.Button--tertiary.Button--disabled, .Button--tertiary[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #e8e8e9; color: #b9babd }
.Button--blue:hover { background-color: #90b7ff; border-color: #90b7ff; color: #fff }
.Button--blue:active { background-color: #3f7ae6; border-color: #3f7ae6; color: #fff }
.Button--blue.Button--outline { padding: 8px 19px; border-width: 1px }
.Button--blue.Button--outline:hover { background-color: #4687ff; border-color: #4687ff; color: #fff }
.Button--blue.Button--outline:active { background-color: #3f7ae6; border-color: #3f7ae6; color: #fff }
.Button--blue.Button--outline.Button--small { padding: 5px 14px }
.Button--blue.Button--outline.Button--small:focus { padding: 4px 13px }
.Button--blue.Button--outline.Button--large { padding: 11px 24px }
.Button--blue.Button--outline.Button--large:focus { padding: 10px 23px }
@media(max-width:991px) {
.Button--blue.Button--outline.Button--large { padding: 8px 19px; font-size: 16px; line-height: 28px }
.Button--blue.Button--outline.Button--large:focus { padding: 7px 18px }
}
.Button--blue.Button--outline.Button--disabled, .Button--blue.Button--outline[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #d0d1d3; color: #b9babd }
.Button--blue.Button--disabled, .Button--blue[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #e8e8e9; color: #b9babd }
.Button--white:hover { background-color: transparent; border-color: transparent; color: #fff }
.Button--white:active { background-color: #fff; border-color: #fff; color: #fff }
.Button--white.Button--outline { padding: 8px 19px; border-width: 1px }
.Button--white.Button--outline:active, .Button--white.Button--outline:hover { background-color: #fff; border-color: #fff; color: #fff }
.Button--white.Button--outline.Button--small { padding: 5px 14px }
.Button--white.Button--outline.Button--small:focus { padding: 4px 13px }
.Button--white.Button--outline.Button--large { padding: 11px 24px }
.Button--white.Button--outline.Button--large:focus { padding: 10px 23px }
@media(max-width:991px) {
.Button--white.Button--outline.Button--large { padding: 8px 19px; font-size: 16px; line-height: 28px }
.Button--white.Button--outline.Button--large:focus { padding: 7px 18px }
}
.Button--white.Button--outline.Button--disabled, .Button--white.Button--outline[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #d0d1d3; color: #b9babd }
.Button--white.Button--disabled, .Button--white[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #e8e8e9; color: #b9babd }
.Button--white:hover { border-color: #fff; background-color: hsla(0,0%,100%,.32) }
.Button--white:active { background-color: hsla(0,0%,100%,.12) }
.Button--white:focus { color: #fff; border-color: #305eb2 }
.Button--neutral:hover { background-color: #d0d1d3; border-color: #d0d1d3; color: #fff }
.Button--neutral:active { background-color: #383c43; border-color: #383c43; color: #fff }
.Button--neutral.Button--outline { padding: 8px 19px; border-width: 1px }
.Button--neutral.Button--outline:hover { background-color: #5b5e64; border-color: #5b5e64; color: #fff }
.Button--neutral.Button--outline:active { background-color: #383c43; border-color: #383c43; color: #fff }
.Button--neutral.Button--outline.Button--small { padding: 5px 14px }
.Button--neutral.Button--outline.Button--small:focus { padding: 4px 13px }
.Button--neutral.Button--outline.Button--large { padding: 11px 24px }
.Button--neutral.Button--outline.Button--large:focus { padding: 10px 23px }
@media(max-width:991px) {
.Button--neutral.Button--outline.Button--large { padding: 8px 19px; font-size: 16px; line-height: 28px }
.Button--neutral.Button--outline.Button--large:focus { padding: 7px 18px }
}
.Button--neutral.Button--outline.Button--disabled, .Button--neutral.Button--outline[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #d0d1d3; color: #b9babd }
.Button--neutral.Button--disabled, .Button--neutral[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #e8e8e9; color: #b9babd }
.Button--destructive:hover { background-color: #fa95a2; border-color: #fa95a2; color: #fff }
.Button--destructive:active { background-color: #dd475a; border-color: #dd475a; color: #fff }
.Button--destructive.Button--outline { padding: 8px 19px; border-width: 1px }
.Button--destructive.Button--outline:hover { background-color: #f64f64; border-color: #f64f64; color: #fff }
.Button--destructive.Button--outline:active { background-color: #dd475a; border-color: #dd475a; color: #fff }
.Button--destructive.Button--outline.Button--small { padding: 5px 14px }
.Button--destructive.Button--outline.Button--small:focus { padding: 4px 13px }
.Button--destructive.Button--outline.Button--large { padding: 11px 24px }
.Button--destructive.Button--outline.Button--large:focus { padding: 10px 23px }
@media(max-width:991px) {
.Button--destructive.Button--outline.Button--large { padding: 8px 19px; font-size: 16px; line-height: 28px }
.Button--destructive.Button--outline.Button--large:focus { padding: 7px 18px }
}
.Button--destructive.Button--outline.Button--disabled, .Button--destructive.Button--outline[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #d0d1d3; color: #b9babd }
.Button--destructive.Button--disabled, .Button--destructive[disabled] { pointer-events: none; background-color: #e8e8e9; border-color: #e8e8e9; color: #b9babd }
.Button--fab { border-radius: 50%; height: 48px; line-height: 54px; padding: 0; width: 48px }
.Button--fab--large { height: 64px; line-height: 70px; width: 64px }
.Button.Button--loading { min-height: 46px; min-width: 155px }
.Button .SVG-wrapper .SVG--inline { display: block }
.CardWithGradient__image { min-height: 280px; position: relative }
.CardWithGradient__gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px }
@media(min-width:992px) {
.CompactFooter__languages { -webkit-flex-direction: row-reverse; flex-direction: row-reverse }
}
@media(max-width:991px) {
.CompactFooter__content { -webkit-flex-direction: column-reverse; flex-direction: column-reverse }
}
.CompactFooter select { text-decoration: none; font-weight: 500 }
.CompactFooter .container { padding: 0 }
@media(min-width:768px) {
.CompactFooter .container { width: auto; max-width: 1600px }
}
.ComparisonTableRounded table { table-layout: fixed; border-collapse: separate }
.ComparisonTableRounded table tr:not(.ComparisonTableRounded__adjunct)>td, .ComparisonTableRounded table tr:not(.ComparisonTableRounded__adjunct)>th { border-top: 1px solid #e8e8e9 }
.ComparisonTableRounded table tr:not(.ComparisonTableRounded__adjunct)>td:not(.ComparisonTableRounded__cell--highlighted):first-child, .ComparisonTableRounded table tr:not(.ComparisonTableRounded__adjunct)>th:not(.ComparisonTableRounded__cell--highlighted):first-child { border-left: 1px solid #e8e8e9 }
.ComparisonTableRounded table tr:not(.ComparisonTableRounded__adjunct)>td:not(.ComparisonTableRounded__cell--highlighted):not(:first-child), .ComparisonTableRounded table tr:not(.ComparisonTableRounded__adjunct)>th:not(.ComparisonTableRounded__cell--highlighted):not(:first-child) { border-right: 1px solid #e8e8e9 }
.ComparisonTableRounded table tr>th.ComparisonTableRounded__cell--highlighted { border-top: none }
.ComparisonTableRounded table thead tr:last-child>th:first-child { border-radius: 15px 0 0 0 }
.ComparisonTableRounded table thead tr:last-child>th:last-child { border-radius: 0 15px 0 0 }
.ComparisonTableRounded table tbody tr:last-child>td:first-child { border-radius: 0 0 0 15px }
.ComparisonTableRounded table tbody tr:last-child>td:last-child { border-radius: 0 0 15px 0 }
.ComparisonTableRounded table tbody tr:last-child>td { border-bottom: 1px solid #e8e8e9 }
.ComparisonTableRounded__cell--highlighted { background-color: #edf3ff; border-left: 1px solid #bdd4ff; border-right: 1px solid #bdd4ff }
.ComparisonTableRounded td>div, .ComparisonTableRounded th>div { min-height: 60px }
.ComparisonTableRounded__adjunct-cap { height: 20px }
.ComparisonTableRounded__adjunct td:first-child, .ComparisonTableRounded__adjunct th:first-child { border: none }
.ComparisonTableRounded__adjunct td:not(:first-child), .ComparisonTableRounded__adjunct th:not(:first-child) { background-color: #edf3ff }
.ComparisonTableRounded__adjunct td:not(:first-child)>div, .ComparisonTableRounded__adjunct th:not(:first-child)>div { min-height: 20px }
.ComparisonTableRounded__adjunct th { border-radius: 10px 10px 0 0; border: 1px solid #bdd4ff; border-bottom: none }
.ComparisonTableRounded__adjunct td { border-radius: 0 0 10px 10px; border: 1px solid #bdd4ff; border-top: none }
@media(max-width:767px) {
.ComparisonTableRounded__table-wrapper { overflow-x: scroll }
.ComparisonTableRounded table { min-width: 780px }
}
@media(max-width:991px) {
.ComparisonTableRounded__button { padding: 4px 0 }
}
@media(max-width:767px) {
.ComparisonTableV2__first-cell { font-size: 12px }
}
@media(max-width:767px) {
.ComparisonTableV2__button { padding: 4px 13px; font-size: 12px; line-height: 20px }
}
@media(max-width:767px) {
.ComparisonTableV2__table-head span { font-size: 14px }
}
.ComparisonTableV2 table>tbody>tr>td, .ComparisonTableV2 table>tbody>tr>th, .ComparisonTableV2 table>tfoot>tr>td, .ComparisonTableV2 table>tfoot>tr>th, .ComparisonTableV2 table>thead>tr>td, .ComparisonTableV2 table>thead>tr>th { vertical-align: middle; border-bottom: 1px solid #d0d1d3 }
.ComparisonTableV2 table>tbody+tbody { border-top: 1px solid #d0d1d3 }
.ComparisonTableV2 table td, .ComparisonTableV2 table th { position: static; display: table-cell; float: none }
.ComparisonTableV2 table>thead>tr>th { vertical-align: middle; font-size: 16px; border-bottom-color: transparent }
.ComparisonTableV2 table>thead>tr>th:nth-child(2) { border-top-left-radius: 5px; border-top-right-radius: 5px }
.ComparisonTableV2 table>tfoot>tr>td { border-bottom-color: transparent }
.ComparisonTableV2 table>tfoot>tr>td:nth-child(2) { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px }
.ComparisonTableV2--table-responsive { overflow-x: auto; min-height: .01% }
@media(max-width:767px) {
.ComparisonTableV2--table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar }
.ComparisonTableV2--table-responsive>table { margin-bottom: 0 }
.ComparisonTableV2--table-responsive>table>tbody>tr>td, .ComparisonTableV2--table-responsive>table>tbody>tr>th, .ComparisonTableV2--table-responsive>table>tfoot>tr>td, .ComparisonTableV2--table-responsive>table>tfoot>tr>th, .ComparisonTableV2--table-responsive>table>thead>tr>td, .ComparisonTableV2--table-responsive>table>thead>tr>th { white-space: nowrap }
}
.Countdown--large .Countdown__digit { font-size: 36px }
@media(min-width:768px) {
.Countdown--large .Countdown__digit { font-size: 56px }
}
.Countdown--large .Countdown__colon { font-size: 24px }
@media(min-width:768px) {
.Countdown--large .Countdown__colon { font-size: 36px }
}
.Countdown--large .Countdown__date { font-size: 10px }
@media(min-width:768px) {
.Countdown--large .Countdown__date { font-size: 14px }
}
.Countdown--large .Countdown__seconds-wrapper { min-width: 55px }
@media(min-width:768px) {
.Countdown--large .Countdown__seconds-wrapper { min-width: 82px }
}
.Countdown--medium .Countdown__digit { font-size: 36px }
.Countdown--medium .Countdown__colon { font-size: 24px }
.Countdown--medium .Countdown__date { font-size: 10px }
.Countdown--medium .Countdown__seconds-wrapper { min-width: 52px }
@media(min-width:992px) {
.Countdown--medium .Countdown__seconds-wrapper { min-width: 56px }
}
.Countdown--small .Countdown__digit { font-size: 20px }
@media(min-width:768px) {
.Countdown--small .Countdown__digit { font-size: 24px }
}
.Countdown--small .Countdown__colon { font-size: 16px }
@media(min-width:768px) {
.Countdown--small .Countdown__colon { font-size: 18px }
}
.Countdown--small .Countdown__date { font-size: 10px }
.Countdown--micro .Countdown__digit { font-size: 14px }
@media(min-width:768px) {
.Countdown--micro .Countdown__digit { font-size: 18px }
}
.Countdown--micro .Countdown__colon { font-size: 12px }
@media(min-width:768px) {
.Countdown--micro .Countdown__colon { font-size: 14px }
}
.CountdownBox__heading { border-radius: 12px 12px 0 0; background-color: rgba(0,0,0,.2) }
.CountdownBox__content { border-radius: 0 0 12px 12px; background-color: hsla(0,0%,100%,.1) }
.CountdownBox--dark .CountdownBox__heading { background-color: rgba(70,135,255,.1) }
.CountdownBox--dark .CountdownBox__content { background-color: hsla(0,0%,100%,.4) }
@media(max-width:767px) {
.CountdownBox { width: 100% }
}
.CountdownContainer__wrapper { background: hsla(0,0%,100%,.2) }
.CountdownContainer--dark .CountdownContainer__wrapper { background: hsla(0,0%,100%,.5) }
.switch { width: 44px; height: 24px; min-width: 44px }
.checkmark { top: 50%; left: 0; -webkit-transform: translate(2px, -50%); transform: translate(2px, -50%); height: 20px; width: 20px; transition: all .3s }
.checkmark:before { content: ""; position: absolute; width: 9px; height: 2px; background: #d0d1d3; top: 50%; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%) }
.checkmark:after { content: ""; position: absolute; left: 9px; top: 5px; width: 5px; height: 10px; border: solid #4687ff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: none }
.toggle-switch { display: none }
.toggle-switch:checked~.checkmark { background-color: #fff; -webkit-transform: translate(22px, -50%); transform: translate(22px, -50%) }
.toggle-switch:checked~.checkmark:after { display: block }
.toggle-switch:checked~.checkmark:before { display: none }
.switch-button { border-radius: 20px }
input:checked+.switch-button { background-color: #4687ff }
.plus-minus { position: relative; display: inline; width: 12px; height: 12px; min-width: 12px }
.plus-minus:after, .plus-minus:before { content: ""; background: #383c43; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.plus-minus:before { width: 100%; height: 2px }
.plus-minus:after { width: 2px; height: 100% }
.button__plus-minus[aria-expanded=true] .plus-minus:after { display: none }
.CookieAccordion { border-top: 1px solid #e8e8e9 }
.CookieAccordion:last-of-type { border-bottom: 1px solid #e8e8e9 }
.CookieAccordion .cookie-table { border-radius: 8px; padding-bottom: 6px }
.CookieAccordion .cookie-table::-webkit-scrollbar {
height:15px
}
.CookieAccordion .cookie-table::-webkit-scrollbar-thumb {
background-color:#d0d1d3;
border-radius:17px;
border:5px solid #f8f8f8
}
.CookieAccordion .cookie-table::-webkit-scrollbar-track {
background:#f8f8f8
}
.CookieAccordion .cookie-table .cookie-description, .CookieAccordion .cookie-table .cookie-header, .CookieAccordion .cookie-table .cookie-name { white-space: normal; border: 0 }
.CookieAccordion .cookie-table .cookie-description { min-width: 200px }
.CountryItem__flag { float: left }
.CountryRiskTable__separator { left: 50%; width: 1px }
.CountryRiskTable { max-width: 422px }
.CountryRiskTable th:first-child { width: 35px }
@media(min-width:768px) {
.CountryRiskTable th:first-child { width: 65px }
}
.CountryRiskTable th:last-child { width: 60px }
@media(min-width:768px) {
.CountryRiskTable th:last-child { width: 100px }
}
.CountryRiskTable__score { width: 60px }
.CountryRiskTable__indicator { width: 10px; height: 10px; border-radius: 50%; background-color: currentColor }
.CountryRiskWidget__block { height: 210px }
@media(min-width:768px) {
.CountryRiskWidget__block { width: 280px }
}
.CountryRiskWidget__select { overflow: auto }
.CountryRiskWidget__option:hover { background: #edf3ff }
.FeatureCard__image { background: linear-gradient(#edf3ff, #fff) no-repeat 50% 50%/100% 100%; border-top-right-radius: 12px; border-top-left-radius: 12px }
.FeatureCard__image img { transition: -webkit-filter .25s ease-out; transition: filter .25s ease-out; transition: filter .25s ease-out, -webkit-filter .25s ease-out; -webkit-filter: grayscale(80%); filter: grayscale(80%) }
.FeatureCard__badge { transition: background-color .25s ease-out }
.FeatureCard:active .FeatureCard__image img, .FeatureCard:focus .FeatureCard__image img, .FeatureCard:hover .FeatureCard__image img { -webkit-filter: grayscale(0); filter: grayscale(0) }
.FeatureCard:active .FeatureCard__badge, .FeatureCard:focus .FeatureCard__badge, .FeatureCard:hover .FeatureCard__badge { background-color: #4687ff }
.Features2ColAccordion ul { list-style: none }
.Features2ColAccordion__tab>a { color: #73757a }
.Features2ColAccordion__tab--border { padding-left: 32px; border-left: 2px solid #b9babd }
.Features2ColAccordion__tab--border:hover { border-color: #4687ff }
.Features2ColAccordion__tab .Features2ColAccordion__tab-description, .Features2ColAccordion__tab .Features2ColAccordion__tab-title { color: #a1a3a7 }
.Features2ColAccordion__tab .Features2ColAccordion__tab-description--closed { height: 0; overflow: hidden; transition: all .25s ease-out; opacity: 0 }
.Features2ColAccordion__tab.active .Features2ColAccordion__tab-description, .Features2ColAccordion__tab.active .Features2ColAccordion__tab-title, .Features2ColAccordion__tab :hover .Features2ColAccordion__tab-description, .Features2ColAccordion__tab :hover .Features2ColAccordion__tab-title { color: #383c43 }
.Features2ColAccordion__tab.active .Features2ColAccordion__tab--border { border-color: #4687ff }
.Features2ColAccordion__tab.active .Features2ColAccordion__tab-description { opacity: 1; height: auto }
.Features2ColAccordion__panel:not(.active) { display: none }
.FooterFullscreen__copyright { color: #b9babd }
@media(max-width:991px) {
.FooterFullscreen__copyright--dual-color { opacity: .6; color: #fff }
}
.FooterFullscreen svg { opacity: .4 }
.FooterFullscreen .StaticNativeLinkDropdown { transition: opacity .25s ease-in-out }
.FooterFullscreen .StaticNativeLinkDropdown:hover { opacity: .6 }
.FooterFullscreen .StaticNativeLinkDropdown:hover .StaticNativeLinkDropdown__select { color: #fff }
.FooterFullscreen .StaticNativeLinkDropdown:hover:before { border-top-color: #fff }
.FooterV2 { background-color: #151922; padding: 0 24px }
@media(max-width:991px) {
.FooterV2 { padding: 0 15px }
}
.FooterV2 .container { padding: 0 }
@media(min-width:768px) {
.FooterV2 .container { width: auto; max-width: 1600px }
}
.FooterV2__nav { margin-bottom: 40px }
.FooterV2__nav, .FooterV2__nav ul { list-style-type: none; padding: 0 }
.FooterV2__nav li { margin-bottom: 12px }
@media(min-width:768px) {
.FooterV2__nav li { margin-bottom: 8px }
}
.FooterV2__nav a { font-size: 14px; line-height: 24px; font-weight: 500; color: #fff; text-decoration: none; display: inline-block; text-overflow: ellipsis; overflow: hidden; max-width: 100% }
@media(min-width:768px) {
.FooterV2__download-buttons { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: nowrap; flex-wrap: nowrap }
}
.FooterV2__social-icon { margin-bottom: -3px }
@media(min-width:768px) {
.FooterV2__bottom-section { -webkit-flex-direction: row-reverse; flex-direction: row-reverse }
}
.FooterV2 select { text-decoration: none; font-weight: 500 }
.FooterV2__bottom-section-text a { color: #73757a }
.FooterV2__bottom-section-text a:hover { text-decoration: underline }
.Picture img { font-family: "blur-up: always" }
.ls-blur-up-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .4s }
.ls-blur-up-img.ls-inview.ls-original-loaded { opacity: 0 }
img.Graphic-SVG { visibility: hidden }
svg.Graphic-SVG path { fill: currentColor }
.GraphicCard__graphic { width: 310px; min-height: 160px }
@media(max-width:991px) {
.HeaderFullscreen .HeaderV2__wrapper a.HeaderV2__menu-link { color: #151922 }
.HeaderFullscreen .HeaderV2__wrapper a.HeaderV2__menu-link svg { fill: #151922 }
.HeaderFullscreen .HeaderV2__wrapper .NavbarToggle .icon-bar { background-color: #151922 }
}
.SidebarV2 { display: block }
.SidebarV2__body { background-color: #151922; right: -320px; width: 320px; top: 0; bottom: 0; position: fixed; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; z-index: 9999; transition: right .3s ease-in-out }
.SidebarV2__body::-webkit-scrollbar {
display:none
}
.SidebarV2__body-wrapper { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100% }
.SidebarV2__body-wrapper-top { -webkit-flex-grow: 1; flex-grow: 1 }
.SidebarV2__backdrop { outline: none; cursor: auto; position: fixed; background-color: rgba(0,0,0,.5); height: 100%; width: 100%; left: 0; top: 0; z-index: 999; display: none }
.SidebarV2.active .SidebarV2__body { right: 0 }
.SidebarV2.active .SidebarV2__backdrop { display: block }
.SidebarV2--active { overflow: hidden }
.SidebarMenuV2 { position: relative }
.SidebarMenuV2 ul { list-style: none; padding: 0; margin: 0 }
.SidebarMenuV2 ul li:not(:last-child) { margin-bottom: 24px }
.SidebarMenuV2 ul a, .SidebarMenuV2 ul button { font-size: 20px; line-height: 32px; font-weight: 500; text-decoration: none }
.SidebarMenuV2__submenu { position: absolute; top: 0; left: 320px; transition: left .3s, opacity .3s; opacity: 0 }
.SidebarV2.active .SidebarMenuV2__submenu-back { font-size: 20px; line-height: 32px; font-weight: 500; text-decoration: none }
.SidebarV2.active .SidebarMenuV2__submenu-items a { font-weight: 500 }
.SidebarV2.active .SidebarMenuV2__submenu-items a[disabled] { color: #73757a; pointer-events: none }
.SidebarV2.active .SidebarMenuV2__submenu--active { left: 0; opacity: 1 }
.SidebarV2.active .SidebarMenuV2__submenu--active.rtl-flip { right: 0; left: auto }
.SidebarV3 { display: block }
.SidebarV3__body { background-color: #151922; right: -320px; width: 320px; top: 0; bottom: 0; position: fixed; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; z-index: 9999; transition: right .3s ease-in-out }
.SidebarV3__body::-webkit-scrollbar {
display:none
}
.SidebarV3__body-wrapper { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100% }
.SidebarV3__body-wrapper-top { -webkit-flex-grow: 1; flex-grow: 1 }
.SidebarV3__backdrop { outline: none; cursor: auto; position: fixed; background-color: rgba(0,0,0,.5); height: 100%; width: 100%; left: 0; top: 0; z-index: 999; display: none }
.SidebarV3.active .SidebarV3__body { right: 0 }
.SidebarV3.active .SidebarV3__backdrop { display: block }
.SidebarV3--active { overflow: hidden }
.SidebarMenuV3 { position: relative }
.SidebarMenuV3 ul { list-style: none; padding: 0; margin: 0 }
.SidebarMenuV3 ul li:not(:last-child) { margin-bottom: 24px }
.SidebarMenuV3 ul a, .SidebarMenuV3 ul button { font-size: 20px; line-height: 32px; font-weight: 500; text-decoration: none }
.SidebarMenuV3__submenu { position: absolute; top: 0; left: 320px; transition: left .3s, opacity .3s; opacity: 0 }
.SidebarV3.active .SidebarMenuV3__submenu-back { font-size: 20px; line-height: 32px; font-weight: 500; text-decoration: none }
.SidebarV3.active .SidebarMenuV3__submenu-items a { font-weight: 500 }
.SidebarV3.active .SidebarMenuV3__submenu-items a[disabled] { color: #73757a; pointer-events: none }
.SidebarV3.active .SidebarMenuV3__submenu--active { left: 0; opacity: 1 }
.SidebarV3.active .SidebarMenuV3__submenu--active.rtl-flip { right: 0; left: auto }
.HeroIPLookup__map { border-top-left-radius: 12px; border-top-right-radius: 12px; min-height: 175px }
@media(max-width:991px) {
.HeroIPLookup__input button { width: 100% }
}
.HeroIPLookup__details { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px }
.HeroIPLookup__details__text { font-size: 12px; color: #151922; line-height: 1.428571429 }
.HeroIPLookup__bottom-label-icon { margin-bottom: 2px }
.HeroIPLookupV2__map { border-top-left-radius: 12px; border-top-right-radius: 12px; min-height: 175px }
@media(max-width:991px) {
.HeroIPLookupV2__input button { width: 100% }
}
.HeroIPLookupV2__details { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px }
.HeroIPLookupV2__details__text { font-size: 12px; color: #151922; line-height: 1.428571429 }
.HeroIPLookupV2__bottom-label-icon { margin-bottom: 5px }
.Image--clickable { cursor: pointer }
.Image--blurred { -webkit-filter: blur(19px); filter: blur(19px); transition: filter .1s }
.Image--unblurred { -webkit-filter: blur(0); filter: blur(0) }
.ImageWithCallout, .ImageWithCallout__inner { position: relative }
.ImageWithCallout__inner:after { content: ""; position: absolute; width: 0; height: 0; left: 0; bottom: -21px; border-color: #4687ff transparent transparent; border-style: solid; border-width: 22px 22px 0 0 }
.ImageWithCallout__callout { background: #4687ff; color: #fff; border-radius: 23px; border-bottom-left-radius: 0; max-width: 400px; position: absolute; bottom: 0; right: 0; -webkit-transform: translate(30%); transform: translate(30%) }
@media(max-width:1199px) {
.ImageWithCallout__callout { -webkit-transform: translate(10%); transform: translate(10%) }
}
@media(max-width:991px) {
.ImageWithCallout__callout { -webkit-transform: translate(0); transform: translate(0) }
}
@media(max-width:767px) {
.ImageWithCallout__callout { position: relative; max-width: 300px; left: 0; right: 0 }
}
@media(max-width:767px) {
.ImageWithCallout__text { font-size: 12px }
}
.Infographics img { margin: 0 auto }
.Infographics strong { color: inherit; font-weight: 600 }
.Infographics pre { font-family: inherit; margin: 0 }
.JumpToSectionMenu { border-left: 1px solid #d0d1d3 }
.wp-LanguageSwitch { border: 0; color: #fff; font-size: 14px; height: 50px; padding: 5px 20px; font-weight: 400; box-shadow: none; border-radius: 5px; background: url(https://s1.nordcdn.com/nordvpn/media/1.259.0/images/global/icons/16/dropdown-arrow-white.svg) no-repeat 100% #2c3038; background-origin: content-box }
.wp-LanguageSwitch:focus { box-shadow: none }
.Link { cursor: pointer; transition: color .25s, opacity .25s ease-out }
.Link--white:active, .Link--white:focus, .Link--white:hover { opacity: .6 }
.Link--underline, .Link--underline:active, .Link--underline:focus, .Link--underline:hover { text-decoration: underline }
.Link--black:active, .Link--black:focus, .Link--black:hover { opacity: .6 }
.Link--button, .Link--button-styled, .Link--button-with-mode { font-weight: 500; border: none; outline: none }
.Link--button-styled, .Link--button-with-mode { background-color: transparent }
.Link--button-styled { color: #f64f64 }
.ListItem .SVG-wrapper .SVG--inline { vertical-align: baseline }
.ListItem .List { margin: 16px 0 }
.MasonryGrid__grid { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px }
@media(min-width:768px) {
.MasonryGrid__grid.sm-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 }
.MasonryGrid__grid.sm-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 }
.MasonryGrid__grid.sm-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 }
}
@media(min-width:992px) {
.MasonryGrid__grid.md-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 }
.MasonryGrid__grid.md-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 }
.MasonryGrid__grid.md-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 }
}
@media(min-width:1200px) {
.MasonryGrid__grid.lg-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 }
.MasonryGrid__grid.lg-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 }
.MasonryGrid__grid.lg-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 }
}
.MasonryGrid__grid-item { width: 100%; margin-bottom: 20px }
.MasonryGridCard__image { min-height: 280px; position: relative }
.MasonryGridCard__gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px }
.NativeDropdown { position: relative }
.NativeDropdown:before { position: absolute; right: 18px; top: 21px; content: " "; border: 4px solid transparent; border-top-color: #383c43; margin-left: -4px; pointer-events: none }
.NativeDropdown__select { border-color: #b9babd; color: #73757a; border-radius: 3px; height: 46px; padding: 9px 15px; box-shadow: none }
.NativeDropdown__select:focus { box-shadow: none }
.NativeDropdown--dark:before { border-top-color: #fff }
.NativeDropdown--dark .NativeDropdown__select { border: 0; color: #fff; font-size: 14px; font-weight: 500; background-color: #383c43 }
.NativeDropdown--small:before { right: 10px; top: 14px }
.NativeDropdown--small .NativeDropdown__select { font-size: 12px; padding: 5px 10px; font-weight: 500; height: 32px }
.StaticNativeLinkDropdown { position: relative; cursor: pointer }
.StaticNativeLinkDropdown:before { content: " "; border: 4px solid transparent; border-top-color: #383c43; position: absolute; right: 0; pointer-events: none; top: 46% }
.StaticNativeLinkDropdown__select { font-size: 12px; font-weight: 500; color: #383c43; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: auto; border: none; background: none }
@media(min-width:768px) {
.StaticNativeLinkDropdown__select { font-size: 14px }
}
.StaticNativeLinkDropdown__select:focus { outline: none }
.StaticNativeLinkDropdown--dark:before { border-top-color: #fff }
.StaticNativeLinkDropdown--dark .StaticNativeLinkDropdown__select { color: #fff }
.StaticNativeLinkDropdown__width-box { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; visibility: hidden; font-size: 12px }
@media(min-width:768px) {
.StaticNativeLinkDropdown__width-box { font-size: 14px }
}
.StaticNativeLinkDropdown:hover .StaticNativeLinkDropdown__select { color: #73757a; transition: color .25s ease-in-out }
.StaticNativeLinkDropdown:hover:before { border-top-color: #73757a; transition: border-top-color .25s ease-in-out }
.StaticNativeLinkDropdown select::-ms-expand {
display:none
}
.StaticNativeLinkDropdown option { color: #151922 }
.NavbarToggle { display: inline-block; background-color: transparent; border: 0; padding: 0 }
.NavbarToggle:focus, .NavbarToggle:hover { outline: none }
.NavbarToggle:focus .icon-bar, .NavbarToggle:hover .icon-bar { opacity: .6 }
.NavbarToggle .icon-bar { transition: all .2s; display: block; width: 24px; height: 3px; opacity: 1; background-color: #fff }
.NavbarToggle .middle-bar { margin: 4px 0 }
.NavbarToggle.active:focus, .NavbarToggle.active:hover { outline: none }
.NavbarToggle.active:focus .icon-bar:not(.middle-bar), .NavbarToggle.active:hover .icon-bar:not(.middle-bar) { opacity: 1; background-color: #b9babd }
.NavbarToggle.active .top-bar { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 6% 10%; transform-origin: 6% 10% }
.NavbarToggle.active .middle-bar { opacity: 0 }
.NavbarToggle.active .bottom-bar { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 7% 90%; transform-origin: 7% 90% }
.NavbarToggle--light .icon-bar { background-color: #383c43 }
.Onboarding .SwipeCarousel__button-nav, .Onboarding__slide { width: 70%; max-width: 500px }
@media(max-width:991px) {
.Onboarding .SwipeCarousel__button-nav, .Onboarding__slide { width: 100% }
}
.Onboarding__platform-title { font-weight: 500 }
.Onboarding__left-side { max-width: 70% }
.Onboarding__left-side img { width: 100%; height: auto }
@media(max-width:991px) {
.Onboarding__left-side { text-align: center }
}
.Onboarding .SwipeCarousel__dot { padding: 0; background-color: transparent; border: none; border-radius: 50% }
.Onboarding .SwipeCarousel .active .SwipeCarousel__dot-fill { background-color: #fff }
.Onboarding .SwipeCarousel__dot-fill { height: 8px; width: 8px; background-color: #305eb2; border: none }
.Page { -webkit-flex: 1 1 auto; flex: 1 1 auto }
.Paper>:first-child { border-top-right-radius: inherit; border-top-left-radius: inherit; background-clip: padding-box }
.Paper>:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; background-clip: padding-box }
.PartnerBar__item { -webkit-flex: 1; flex: 1 }
.PlatformRowWithSeparators__item { border-right: 1px solid #e8e8e9 }
@media(max-width:767px) {
.PlatformRowWithSeparators__item:nth-child(2n) { border-right: none }
}
@media(min-width:992px) {
.PlatformRowWithSeparators__item:last-child { border-right: none }
}
@media(min-width:992px) {
.PlatformRowWithSeparators__item { -webkit-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100% }
}
.PricingCard { border-radius: 5px; border: 3px solid transparent; transition: box-shadow .25s ease-out; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); position: relative }
@media(max-width:991px) {
.PricingCard .Button { padding: 4px 13px; font-size: 12px; line-height: 20px }
}
.PricingCard__popup { display: table; padding: 6px 20px; border-radius: 25px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); transition: background-color .25s ease-out; font-size: 13px; line-height: 1.428571429; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content }
.PricingCard__popup:after { content: ""; position: absolute; border-color: #4687ff transparent; border-style: solid; border-width: 6px 6px 0; height: 0; width: 0; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); transition: border-color .25s ease-out }
@media(min-width:992px) {
.PricingCard__price-box { font-size: 40px; line-height: 1 }
.PricingCard__price-box__currency { font-size: 20px; vertical-align: super; font-weight: 500 }
}
@media(max-width:991px) {
.PricingCard__price-box__price-box__title { font-size: 14px; letter-spacing: 0; line-height: 1 }
}
@media(max-width:991px) {
.PricingCard__period { font-size: 14px; font-weight: 500 }
}
@media(max-width:991px) {
.PricingCard__per-period { font-weight: 600 }
}
@media(min-width:992px) {
.PricingCard__old-new-price { font-size: 12px; min-height: 40px }
}
@media(max-width:991px) {
.PricingCard__extra-free-subscription { font-size: 14px; line-height: 24px }
}
.PricingCard--best-offer { border-color: #4687ff }
.PricingCard--clickable:hover { box-shadow: 0 0 0 1px rgba(56,60,67,.07), 0 8px 14px 1px rgba(56,60,67,.15) }
.PricingDeal__pricing { border-radius: 5px }
.PricingDeal__price-amount { font-size: 48px }
.PricingDeal__disabled-plan { background-color: hsla(0,0%,100%,.4) }
.PricingDeal__disabled-plan .PricingDeal__price-amount { font-size: 32px; line-height: 1.3 }
.ProductsShowcase { background: linear-gradient(180deg, hsla(0,0%,100%,0) 27.73%, #fff), #eef4f9 }
.ProductsShowcase__title { font-size: 42px; line-height: 46px }
@media(min-width:992px) {
.ProductsShowcase__title { font-size: 64px; line-height: 84px }
}
.ProductsShowcase__subtitle { font-size: 14px; line-height: 30px }
@media(min-width:992px) {
.ProductsShowcase__subtitle { font-size: 22px }
}
.ProductTile__content { display: -webkit-flex; display: flex; border: 1px solid rgba(0,0,0,.05); border-radius: 24px; background: #fff; box-sizing: border-box }
@media(min-width:992px) {
.ProductTile__image { min-height: 245px }
}
.ProductTile__shadow--blue { box-shadow: 0 80px 50px -80px rgba(70,135,255,.6), 0 60px 60px -30px rgba(70,135,255,.3) }
.ProductTile__shadow--purple { box-shadow: 0 80px 50px -80px rgba(127,122,238,.6), 0 60px 60px -30px rgba(127,122,238,.3) }
.ProductTile__shadow--green { box-shadow: 0 80px 50px -80px rgba(67,165,161,.6), 0 60px 60px -30px rgba(67,165,161,.3) }
.RangeCalendar { background: hsla(0,0%,100%,.1); border-radius: 20px }
.RangeCalendar__day { height: 35px; width: 35px; border-radius: 50% }
@media(max-width:991px) {
.RangeCalendar__day { font-size: 10px; height: 24px; width: 24px }
}
@media(min-width:992px) {
.RangeCalendar__day { height: 40px; width: 40px }
}
@media(min-width:768px) {
.RecommendedBy>span { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center }
}
.row__flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap }
.row__flex:after, .row__flex:before { content: normal }
.row--justify-around { -webkit-justify-content: space-around; justify-content: space-around }
.row--justify-between { -webkit-justify-content: space-between; justify-content: space-between }
.row--justify-start { -webkit-justify-content: flex-start; justify-content: flex-start }
.row--justify-center { -webkit-justify-content: center; justify-content: center }
.row--justify-end { -webkit-justify-content: flex-end; justify-content: flex-end }
.ServersTable__card-wrapper[aria-expanded=true] .ServersTable__card-title img { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.ServersTable__card-wrapper .Link { width: 100%; line-height: inherit; display: block }
.ServersTable__card-content { word-wrap: break-word }
.ServersTable__card-content:focus, .ServersTable__card-content:hover { color: #73757a }
.ServersTable__card-title img { transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out }
.SiblingNavigation__wrapper { overflow-x: auto; overflow-y: scroll; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none }
.SiblingNavigation__wrapper::-webkit-scrollbar {
width:0;
height:0
}
.SiblingNavigation__paddle-left, .SiblingNavigation__paddle-right { outline: 0; border: 0; transition: opacity .15s ease-out; width: 24px; z-index: -1 }
.SiblingNavigation__paddle-left:hover .SVG--inline *, .SiblingNavigation__paddle-right:hover .SVG--inline * { fill: #383c43 }
.SiblingNavigation__paddle-left.active, .SiblingNavigation__paddle-right.active { opacity: 1; z-index: 1 }
.SiblingNavigation__paddle-left { border-right: 1px solid #e8e8e9 }
.SiblingNavigation__paddle-right { border-left: 1px solid #e8e8e9 }
.SiblingNavigation__items { list-style-type: none }
.SiblingNavigation .SVG--inline * { transition: fill .25s }
.SiblingNavigation__item { min-width: 145px; max-width: 260px }
@media(max-width:991px) {
.SiblingNavigation__item { min-width: 125px; max-width: 240px }
}
.SiblingNavigation__link { transition: all .25s ease-out; min-width: 120px; max-width: 235px; border: 1px solid transparent }
@media(max-width:991px) {
.SiblingNavigation__link { min-width: 100px; max-width: 215px }
}
.SiblingNavigation__link:hover { background-color: #fff; border-radius: 6px; border-color: #e8e8e9 }
.SingleVideoTestimonial__background { background-color: #192438; border-top-left-radius: 6px; border-top-right-radius: 6px }
@media(min-width:992px) {
.SingleVideoTestimonial__background { border-top-right-radius: 0; border-bottom-left-radius: 6px }
}
@media(min-width:768px) {
.SingleVideoTestimonial__quote { font-size: 20px }
}
.SingleVideoTestimonial__card { position: relative }
.SingleVideoTestimonial__image { position: relative; overflow: hidden; background-size: cover; background-position: 50%; padding-bottom: 50%; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px }
.SingleVideoTestimonial__image:before { content: ""; background: rgba(25,36,56,.3); left: 0; top: 0; position: absolute; width: 100%; height: 100% }
@media(min-width:992px) {
.SingleVideoTestimonial__image { min-height: 400px; border-bottom-left-radius: 0; border-top-right-radius: 6px }
}
.SingleVideoTestimonial__button { z-index: 3; width: 64px; height: 64px; border-radius: 50%; transition: background-color .25s ease-out; background-color: #fff }
.SingleVideoTestimonial__button, .SingleVideoTestimonial__button>:first-child { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50% }
.SingleVideoTestimonial__button:hover { background-color: #4687ff }
.SingleVideoTestimonial__button:hover .SVG--inline * { fill: #fff }
.Spinner { -webkit-animation: spin .9s ease infinite; animation: spin .9s ease infinite }
.Spinner__placeholder--small { width: 16px; height: 16px }
.Spinner__placeholder--medium { width: 24px; height: 24px }
.Spinner__placeholder--large { width: 48px; height: 48px }
@-webkit-keyframes spin { to {
-webkit-transform:rotate(2turn)
}
}
@keyframes spin { to {
-webkit-transform:rotate(2turn);
transform:rotate(2turn)
}
}
.StaticServerPicker__card { border-radius: 0 0 12px 12px }
@media(min-width:768px) {
.StaticServerPicker__card { border-radius: 0 12px 12px 0; border-left: 1px solid #e8e8e9 }
}
.StaticServerPicker__image { background-position: bottom; height: 224px }
@media(min-width:768px) {
.StaticServerPicker__image { border-radius: 0 12px 0 0 }
}
.StaticServerPicker .SwipeCarousel__button-nav { padding: 0 24px; margin-bottom: 32px }
.StaticServerPicker .SwipeCarousel__slide { vertical-align: top }
@media(min-width:768px) {
.StatsBlock { position: relative; margin-left: 23px }
.StatsBlock:before { content: ""; position: absolute; top: 0; left: -23px; height: 100%; width: 1px; opacity: .5; background-color: #fff }
}
@media(max-width:767px) {
.StatsBlock .Title { font-size: 16px; line-height: 1 }
}
.StatusBox .Paper { max-width: 450px }
.StatusBoxV2__container { max-width: 190px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 6px solid #fff }
.StatusBoxV2__title { border-radius: 10px 10px 0 0 }
.StatusBoxV2__text { border-bottom: 1px solid #ccc }
.Stepper__wrapper { -webkit-flex-grow: 1; flex-grow: 1 }
@media(min-width:992px) {
.Stepper__wrapper { max-width: 300px }
}
.Stepper__view { -webkit-flex-direction: column; flex-direction: column; -webkit-align-self: stretch; align-self: stretch }
@media(min-width:992px) {
.Stepper__view { -webkit-flex-direction: row; flex-direction: row }
}
.Stepper__index { font-size: 22px; width: 20px }
@media(min-width:992px) {
.Stepper__index { font-size: 32px; width: 30px }
}
.Stepper__line { -webkit-flex-grow: 1; flex-grow: 1; width: 2px; min-height: 64px }
@media(min-width:992px) {
.Stepper__line { width: auto; min-height: 2px }
}
.Stepper__bullet { width: 8px; height: 8px }
@media(min-width:992px) {
.Stepper__bullet { width: 16px; height: 16px }
}
.SVG-wrapper.SVG-loaded img { display: inline-block }
.SVG-wrapper .SVG--inline { display: inline-block; vertical-align: sub }
@supports(top:0) {
.SVG-wrapper .SVG--inline {
width:auto
}
}
.SVG-wrapper .SVG--inline.text-center { margin-right: auto; margin-left: auto }
.SVG-wrapper img { display: none }
.SwipeCarousel__arrows { position: absolute; top: 25% }
.SwipeCarousel__arrows--centered { top: 50% }
.SwipeCarousel__arrow-left, .SwipeCarousel__arrow-right { -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.SwipeCarousel__arrow-left .SVG--inline *, .SwipeCarousel__arrow-right .SVG--inline * { transition: fill .6s ease; fill: #d0d1d3 }
.SwipeCarousel__arrow-left:hover .SVG--inline *, .SwipeCarousel__arrow-right:hover .SVG--inline * { fill: #b9babd }
.SwipeCarousel__dot-fill { height: 10px; width: 10px; border: 2px solid #d0d1d3; transition: background-color .6s ease, border-color .6s ease }
.SwipeCarousel__dot:hover .SwipeCarousel__dot-fill { background-color: #d0d1d3; border-color: #d0d1d3 }
.SwipeCarousel .active .SwipeCarousel__dot-fill { background-color: #4687ff; border-color: #4687ff }
.Table table { background-color: transparent; width: 100%; max-width: 100% }
.Table table>tbody>tr>td, .Table table>tbody>tr>th, .Table table>tfoot>tr>td, .Table table>tfoot>tr>th, .Table table>thead>tr>td, .Table table>thead>tr>th { vertical-align: top; border-bottom: 1px solid #d0d1d3 }
.Table table>thead>tr>th { vertical-align: bottom }
.Table table>caption+thead>tr:first-child>td, .Table table>caption+thead>tr:first-child>th, .Table table>colgroup+thead>tr:first-child>td, .Table table>colgroup+thead>tr:first-child>th, .Table table>thead:first-child>tr:first-child>td, .Table table>thead:first-child>tr:first-child>th { border-top: 0 }
.Table table>tbody+tbody { border-top: 1px solid #d0d1d3 }
.Table table table { background-color: #fff }
.Table.table-responsive { overflow-x: auto; min-height: .01% }
@media(max-width:767px) {
.Table.table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar }
.Table.table-responsive>table { margin-bottom: 0 }
.Table.table-responsive>table>tbody>tr>td, .Table.table-responsive>table>tbody>tr>th, .Table.table-responsive>table>tfoot>tr>td, .Table.table-responsive>table>tfoot>tr>th, .Table.table-responsive>table>thead>tr>td, .Table.table-responsive>table>thead>tr>th { white-space: nowrap }
}
.TabNavigation__wrapper { overflow-x: auto; overflow-y: scroll; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none }
.TabNavigation__wrapper::-webkit-scrollbar {
width:0;
height:0
}
.TabNavigation__paddle-left, .TabNavigation__paddle-right { outline: 0; border: 0; transition: opacity .15s ease-out; width: 24px }
.TabNavigation__paddle-left:hover .SVG--inline *, .TabNavigation__paddle-right:hover .SVG--inline * { fill: #383c43 }
.TabNavigation__paddle-left.active, .TabNavigation__paddle-right.active { opacity: 1; z-index: 1 }
.TabNavigation__paddle-left .SVG, .TabNavigation__paddle-right .SVG { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.TabNavigation__paddle-left { border-right: 1px solid #e8e8e9 }
.TabNavigation__paddle-right { border-left: 1px solid #e8e8e9 }
.TabNavigation__items { list-style-type: none }
.TabNavigation__items--underlined { border-bottom: 1px solid #4687ff }
.TabNavigation .SVG--inline * { transition: fill .25s }
.TabNavigation__item .TabNavigation__active-divider { width: 0 }
.TabNavigation__item--active, .TabNavigation__item.active { border-bottom: 0 }
.TabNavigation__item--active:hover, .TabNavigation__item.active:hover { background: none }
.TabNavigation__item--active .TabNavigation__title, .TabNavigation__item.active .TabNavigation__title { color: #4687ff }
.TabNavigation__item--active .TabNavigation__active-divider, .TabNavigation__item.active .TabNavigation__active-divider { width: 100%; border-bottom: 3px solid #4687ff; position: relative; margin: -3px auto 0; transition: width .25s ease-out }
.TabNavigation__item--active .SVG--inline *, .TabNavigation__item.active .SVG--inline * { fill: #4687ff }
.TabNavigation__link { min-width: 145px; max-width: 260px; position: relative }
.TabNavigation__link:hover { background-color: #edf3ff }
.TabNavigation__title { max-width: 260px; transition: color .25s ease-out }
.TabNavigation__panels .tab-pane.active { display: block }
.Testimonial__photo { border: 2px solid #fff; border-radius: 50%; max-width: 82px; background: #fff }
.Testimonial__photo .Image { border-radius: 50% }
.Testimonial__photo--no-border { border: none }
.TestimonialsWithQuotes__item { position: relative }
.TestimonialsWithQuotes__item:before { content: "“"; position: absolute; left: 0; top: -40px; font-size: 70px; color: #73757a; line-height: 1 }
@media(min-width:768px) {
.TestimonialsWithQuotes__item:before { left: -50px; top: -8px }
}
.Text .SVG--inline { display: inline-block; vertical-align: initial }
.Text .Text__icon-content-wrapper { display: -webkit-inline-flex; display: inline-flex }
.TextField__element { border-color: #b9babd; color: #73757a; border-radius: 3px; box-shadow: none; height: 46px; padding: 9px 15px }
.TextField__element::-webkit-inner-spin-button, .TextField__element::-webkit-outer-spin-button {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0
}
.TextField__element[disabled] { background: #f3f4f4 }
.TextField__element:focus { border-color: #4687ff; box-shadow: none }
.TextField__element::-webkit-input-placeholder {
color:#b9babd
}
.TextField__element::-moz-placeholder {
color:#b9babd
}
.TextField__element:-ms-input-placeholder {
color:#b9babd
}
.TextField__element::placeholder {
color:#b9babd
}
.TextField__inline-group--row { position: relative; -webkit-align-items: stretch; align-items: stretch }
.TextField__input-wrapper { position: relative; width: 1%; -webkit-flex: 1 1 auto; flex: 1 1 auto }
.TextField.has-error .TextField__element, .TextField.has-error .TextField__element:focus { border-color: #f7697b; box-shadow: none }
.TextField.has-success .TextField__element, .TextField.has-success .TextField__element:focus { border-color: #47c86f; box-shadow: none }
.TextField__clearValue .TextField__element, .TextField__innerButton .TextField__element { padding-right: 40px }
.TextField__clearValueElement, .TextField__innerButtonElement { position: absolute; cursor: pointer; right: 15px; bottom: 0; padding: 14px; line-height: 1 }
.TextField .form-control-feedback { margin-left: 29px; margin-right: auto; left: 0; right: auto }
.TextField .form-control-feedback .SVG { display: block }
.TextField .form-control-feedback.TextField__icon--right { margin-left: auto; margin-right: 29px; left: auto; right: 0 }
.TextField.has-feedback-left .TextField__element { padding-left: 38px }
.TextField__input-wrapper .form-control-feedback { margin-left: 14px }
.TextField__input-wrapper .form-control-feedback.TextField__icon--right { margin-right: 10px }
.TextField--small { margin-bottom: 12px }
.TextField--small .TextField__element { height: 32px; padding: 6px 10px; color: #73757a; font-size: 12px; line-height: 20px; font-weight: 500 }
.TextField--small .TextField__element::-webkit-input-placeholder {
color:#b9babd
}
.TextField--small .TextField__element::-moz-placeholder {
color:#b9babd
}
.TextField--small .TextField__element:-ms-input-placeholder {
color:#b9babd
}
.TextField--small .TextField__element::placeholder {
color:#b9babd
}
.TextField--small label { font-size: 11px; margin-bottom: 8px }
.TextField--small.TextField__clearValue .TextField__element, .TextField--small.TextField__innerButton .TextField__element { padding-right: 28px }
.TextField--small.TextField__clearValue .TextField__clearValueElement, .TextField--small.TextField__clearValue .TextField__innerButtonElement, .TextField--small.TextField__innerButton .TextField__clearValueElement, .TextField--small.TextField__innerButton .TextField__innerButtonElement { padding: 8px }
.Timeline__container { overflow-x: scroll; scrollbar-width: none; scroll-behavior: smooth; max-width: 100% }
.Timeline__container::-webkit-scrollbar {
width:0;
height:0
}
.Timeline__wrapper { min-width: 100vw; -webkit-flex-grow: 1; flex-grow: 1; opacity: .5 }
@media(min-width:768px) {
.Timeline__wrapper { min-width: 375px }
}
.Timeline__view { -webkit-align-self: stretch; align-self: stretch; height: 32px }
.Timeline__title-wrapper { height: 40px }
.Timeline__title { -webkit-transform: scale(.8); transform: scale(.8); font-size: 40px }
.Timeline__line { -webkit-flex-grow: 1; flex-grow: 1; width: 2px; min-height: 2px }
.Timeline__bullet { width: 16px; height: 16px; margin: 0 8px }
.Timeline__subtitle { font-size: 20px; -webkit-transform: scale(.8); transform: scale(.8) }
.Timeline__slide-emphasized { opacity: 1 }
.Timeline__slide-emphasized .Timeline__line { opacity: .5 }
.Timeline__slide-emphasized .Timeline__title { padding-bottom: 2px; -webkit-transform: scale(1); transform: scale(1) }
.Timeline__slide-emphasized .Timeline__bullet { width: 24px; height: 24px; margin: 0 4px }
.Timeline__slide-emphasized .Timeline__subtitle { -webkit-transform: scale(1); transform: scale(1) }
.TweetCard--dark { border: 1px solid #383c43 }
.TweetCard__photo { height: 36px; width: 36px }
.TweetCard__photo .Image, .TweetCard__photo .Intrinsic { border-radius: 50% }
.TweetCard__name { line-height: 1.4 }
.TwitterTestimonials .twitter-tweet { margin-left: auto; margin-right: auto }
.VerizonVerificationPage__container { min-height: 100vh }
.VerticalTabs__items { list-style-type: none; position: relative }
.VerticalTabs__body .VerticalTabs__tab-pane .Intrinsic--transparent { overflow: hidden }
.VerticalTabs__tab-pane { height: 0; overflow: hidden; opacity: 0 }
.VerticalTabs__tab-pane.open { height: auto; opacity: 1 }
@media(min-width:768px) {
.VerticalTabs--content-right .VerticalTabs__content { padding: 0 0 0 40px }
}
@media(min-width:768px) {
.VerticalTabs--content-right .VerticalTabs__divider:before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 1px; background-color: #e8e8e9 }
}
@media(min-width:768px) {
.VerticalTabs--content-left .VerticalTabs__content { padding: 0 40px 0 0 }
}
@media(min-width:768px) {
.VerticalTabs--content-left .VerticalTabs__divider:before { position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 1px; background-color: #e8e8e9 }
}
.VerticalTabs__title { transition: color .2s ease-in-out }
.VerticalTabs__title .SVG--inline * { fill: #4687ff }
.VerticalTabs__item { vertical-align: top }
.VerticalTabs__item__content { position: relative }
.VerticalTabs__item__link:hover .VerticalTabs__title { color: #90b7ff }
.VerticalTabs__item__link:hover .VerticalTabs__title .SVG--inline * { fill: #90b7ff }
.VerticalTabs__chevron { margin-bottom: 0 }
.VerticalTabs--default.VerticalTabs--sm.VerticalTabs--content-below .VerticalTabs__item__link .VerticalTabs__chevron { transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; transition: transform .1s ease-out, -webkit-transform .1s ease-out; -webkit-transform: rotate(0deg); transform: rotate(0deg) }
.VerticalTabs--default.VerticalTabs--sm.VerticalTabs--content-below .VerticalTabs__item__link[data-link=open] .VerticalTabs__chevron { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.VerticalTabs--default.VerticalTabs--sm.VerticalTabs--content-above .VerticalTabs__item__link .VerticalTabs__chevron { transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; transition: transform .1s ease-out, -webkit-transform .1s ease-out; -webkit-transform: rotate(0deg); transform: rotate(0deg) }
.VerticalTabs--default.VerticalTabs--sm.VerticalTabs--content-above .VerticalTabs__item__link[data-link=open] .VerticalTabs__chevron { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.VerticalTabs--default.VerticalTabs--lg .VerticalTabs__item__link .VerticalTabs__chevron { transition: opacity .2s ease-out; opacity: 0 }
.VerticalTabs--default.VerticalTabs--lg .VerticalTabs__item__link[data-link=open] .VerticalTabs__chevron { opacity: 1 }
.VerticalTabs--box.VerticalTabs--sm .Paper { box-shadow: none }
.VerticalTabs--box.VerticalTabs--sm .VerticalTabs__item__link .VerticalTabs__chevron { transition: -webkit-transform .1s ease-out; transition: transform .1s ease-out; transition: transform .1s ease-out, -webkit-transform .1s ease-out; display: none }
.VerticalTabs--box.VerticalTabs--sm .VerticalTabs__item__content { padding: 0 }
.Video--clickable { cursor: pointer }
.VideoModal .close-btn { position: absolute; right: -24px; top: -24px }
.VideoModal .modal .modal-dialog { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.VideoModal .modal-dialog { width: 85%; max-width: 1200px; margin: 20px auto 0; padding-bottom: 50px; position: absolute }
@media(min-aspect-ratio:4/3) {
.VideoModal .modal-dialog { width: 120vh }
}
.VideoModal .modal-dialog .modal-content { border-radius: 0; background: #151922 }
.VideoModal .modal-dialog .modal-body { padding: 0 }
.VideoModal .video-container { position: relative; padding-bottom: 56.3%; height: 0; overflow: hidden }
.VideoModal .video-container iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.VideoModal .modal-content { overflow: visible }
.body-VideoModal .modal-backdrop.in { opacity: .75 }
.VideoModalV2 .close-btn { right: -24px; top: -24px }
.VideoModalV2 .modal .modal-dialog { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.VideoModalV2 .modal-dialog { width: 85%; max-width: 1200px; margin: 20px auto 0; padding-bottom: 50px; position: absolute }
@media(min-aspect-ratio:4/3) {
.VideoModalV2 .modal-dialog { width: 120vh }
}
.VideoModalV2 .modal-dialog .modal-content { border-radius: 0; background: #151922 }
.VideoModalV2 .modal-dialog .modal-body { padding: 0 }
.VideoModalV2 .video-container { padding-bottom: 56.3%; height: 0; overflow: hidden }
.VideoModalV2 .video-container iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.YoutubeEmbed__placeholder { min-height: 150px }
.YoutubeEmbed__placeholder-button { transition: background .1s; opacity: .9 }
.YoutubeEmbed__placeholder-button .SVG--inline:not(.SVG--no-hover) path:last-child { fill: #fff }
.YoutubeEmbed__placeholder-button:hover .SVG--inline:not(.SVG--no-hover) path:first-child { transition: fill .1s; fill: red }
.YoutubeEmbed--responsive .YoutubeEmbed__iframeWrapper { position: relative; padding-bottom: 56.25%; height: 0 }
.YoutubeEmbed--responsive .YoutubeEmbed__iframeWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.YoutubeTestimonialCard__avatar { min-height: 48px; min-width: 48px }
@media(min-width:992px) {
.YoutubeTestimonialCard__avatar { min-height: 64px; min-width: 64px }
}
@media(min-width:768px)and (max-width:991px) {
.YoutubeTestimonialCard__quote { max-width: 430px }
}
@media(min-width:992px)and (max-width:1199px) {
.YoutubeTestimonialCard__quote { max-width: 470px }
}
.YoutubeTestimonialCard__vertical-seperator { border-left: 1px solid #e8e8e9; height: 64px }
.YoutubeVideoTestimonials__avatar { height: 64px; min-width: 64px }
.cc-window { position: fixed; overflow: hidden; box-sizing: border-box; font-family: Gordita, Roboto, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4545; font-weight: 500; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 99999; opacity: 1; transition: opacity 1s ease }
.cc-window.cc-invisible { opacity: 0 }
.cc-window.cc-static { position: static }
.cc-window.cc-banner, .cc-window.cc-floating { width: 100%; -webkit-flex-direction: row; flex-direction: row; padding: 11px 32px; -webkit-align-items: center; align-items: center }
@media(max-width:767px) {
.cc-window.cc-banner, .cc-window.cc-floating { padding: 8px 12px }
}
.cc-window.cc-banner.cc-bottom, .cc-window.cc-floating.cc-bottom { left: 0; right: 0; bottom: 0 }
.cc-window.cc-banner .cc-message, .cc-window.cc-floating .cc-message { -webkit-flex: 1; flex: 1 }
@media(max-width:767px) {
.cc-window .cc-message { font-size: 10px }
.cc-window .cc-btn { padding: 6px 17px; min-width: 80px }
}
.cc-btn, .cc-close, .cc-link { cursor: pointer }
.cc-link { opacity: 1; display: inline-block; text-decoration: underline; padding: .2em }
.cc-link:active, .cc-link:visited { color: initial }
.cc-btn { display: block; text-align: center; padding: 6px 27px; font-size: 12px; font-weight: 700; min-width: 100px; border-radius: 3px; white-space: nowrap; border: 1px solid #9e9e9e }
.cc-btn, .cc-btn:hover { color: #fff }
.cc-message { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 12px }
.cc-btn+.cc-btn { margin-left: .5em }
@media print {
.cc-revoke, .cc-window { display: none }
}