/* ------------------------------------------------------------ *\
    G L O B A L  U T I L I T I E S
\* ------------------------------------------------------------ */

.text-red.field    { color: red;  }
.placeholder.field { color: #aaa; }
.text-black.field  { color: #000; }
.placeholder.text-red { color: red; }

*:focus {outline: none;}
svg:not(:root){
    overflow:visible;
}
a {
    font-weight: 300;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


/* ------------------------------------------------------------ *\
  Base
\* ------------------------------------------------------------ */

html {
    -webkit-text-size-adjust: 100%;
}

html.mobile-safari {
    /* Mobile Safari Bottom Menu Fix */
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

html.mobile-safari body {
    /* Mobile Safari Bottom Menu Fix */
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

body {
    min-width: 320px;
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    /*background: #f9f9f9;*/
}

a {
    color: inherit;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    line-height: 1.4em;
}

h2 {
    font-size: 24px;
    line-height: 1.23;
    font-weight: 100;
    color: #fff;
}

h3 {
    font-size: 23px;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
    margin-bottom:10px;
}

h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom:10px;
}

h5 {
    font-size: 20px;
    line-height: 1.4;
}

h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
}
p{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4em;
}
@media(max-width: 768px){
    h1{font-size: 20px;}
    h2{font-size: 18px;}
    h3{font-size: 14px;}
    h4{font-size: 14px;}
    h5{font-size: 14px;}
    h6{font-size: 12px;}
    p{font-size: 14px;}
}
input,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p {
    padding: 0;
    margin: 0;
}
img{max-width:100%;pointer-events:none;}
img.closePopup{
    cursor:pointer;
    pointer-events:auto;
}
@media (min-width: 1281px) {
.shift-right {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.shell-secure-file-storage .section-quaternary{
    padding-left: 100px;
    padding-right: 100px;
}
}
.open>.shift-right {
    display: block;
}
.shift-right>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

/* ------------------------------------------------------------ *\
  Icons
\* ------------------------------------------------------------ */

[class*="ico"] {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
}

.ico-arrow-right {
    width: 10px;
    height: 15px;
    background-image: url(../assets/images/Icons/1x/arrow-right.png);    
}

/* RESOURCES */

.ico-topics {
    width: 27px;
    height: 31px;
    background-image: url(../assets/images/resources/ico-topics.png);    
}

.ico-zero-knowledge {
    width: 25px;
    height: 25px;
    background-image: url(../assets/icons/ico-zero-knowledge-white.svg);
}

.ico-rapid-development {
    width: 25px;
    height: 25px;
    background-image: url(../assets/icons/ico-deployment-white.svg);
}

.ico-employee-adoption {
    width: 25px;
    height: 25px;
    background-image: url(../assets/icons/ico-adoption-white.svg);
}

.ico-password-support {
    width: 25px;
    height: 25px;
    background-image: url(../assets/icons/ico-shield-white.svg);
}

/* CAREERS */

.ico-careers-indeed {
    width: 127px;
    height: 38px;
    background-image: url(../assets/images/Icons/indeed.svg);
}

.ico-careers-builtin {
    width: 94px;
    height: 36px;
    background-image: url(../assets/images/Icons/builtin.svg);   
}

.ico-careers-linkedin {
    width: 127px;
    height: 38px;
    background-image: url(../assets//images/Icons/linkedin.svg);   
}

/* AWARDS */

.ico-award-google-play {
    width: 196px;
    height: 60px;
    background-image: url(/assets/images/homepage/google-play@2x.png);
}

.ico-award-pc-mag {
    width: 120px;
    height: 50px;
    background-image: url(/assets/images/homepage/pc-mag@2x.png);
}

.ico-award-g2-crowd {
    width: 80px;
    height: 100px;
    background-image: url(/assets/images/homepage/g2-crowd@2x.png);
}

.ico-award-trust-pilot {
    width: 145px;
    height: 70px;
    background-image: url(/assets/images/homepage/trustpilot@2x.png);
}

.ico-award-gtb {
    width: 80px;
    height: 80px;
    background-image: url(/assets/images/homepage/gtb-award@2x.png);
}

.ico-award-stevies {
    width: 80px;
    height: 100px;
    background-image: url(/assets/images/homepage/stevies-award@2x.png);
}

/* PARTNER PROGRAMS */

.ico-keeper-advisory-program {
    width: 56px;
    height: 62px;
    background-image: url(../assets/images/partners/ico-keeper-advisory-program.png);
}

.ico-keeper-channel-program {
    width: 50px;
    height: 51px;
    background-image: url(../assets/images/partners/ico-keeper-channel-program.png);
}

.ico-keeper-referral-program {
    width: 70px;
    height: 41px;
    background-image: url(../assets/images/partners/ico-keeper-referral-program.png);
}

.ico-keeper-security-integration-program {
    width: 53px;
    height: 50px;
    background-image: url(../assets/images/partners/ico-keeper-security-integration-program.png);
}

.ico-keeper-strategic-alliances {
    width: 71px;
    height: 42px;
    background-image: url(../assets/images/partners/ico-keeper-strategic-alliances.png);
}

/* PARTNER PROGRAMS - SMALL */

.ico-keeper-advisory-program-sm {
    width: 36px;
    height: 42px;
    background-image: url(../assets/images/partners/ico-keeper-advisory-program.png);
}

.ico-keeper-channel-program-sm {
    width: 30px;
    height: 31px;
    background-image: url(../assets/images/partners/ico-keeper-channel-program.png);
}

.ico-keeper-referral-program-sm {
    width: 50px;
    height: 31px;
    background-image: url(../assets/images/partners/ico-keeper-referral-program.png);
}

.ico-keeper-security-integration-program-sm {
    width: 33px;
    height: 30px;
    background-image: url(../assets/images/partners/ico-keeper-security-integration-program.png);
}

.ico-keeper-strategic-alliances-sm {
    width: 41px;
    height: 22px;
    background-image: url(../assets/images/partners/ico-keeper-strategic-alliances.png);
}

.ico-401k {
    width: 50px;
    height: 50px;
    background-image: url(../assets/images/careers/ico-401k.jpg);
}

.ico-clothing {
    width: 50px;
    height: 50px;
    background-image: url(../assets/images/careers/ico-clothing.jpg);
}

.ico-pto {
    width: 50px;
    height: 50px;
    background-image: url(../assets/images/careers/ico-pto.jpg);
}

.ico-events {
    width: 50px;
    height: 50px;
    background-image: url(../assets/images/careers/ico-events.jpg);
}

.ico-healthcare {
    width: 50px;
    height: 50px;
    background-image: url(../assets/images/careers/ico-healthcare.jpg);
}

.ico-coffee {
    width: 50px;
    height: 50px;
    background-image: url(../assets/images/careers/ico-coffee.jpg);
}

.ico-soc-certified {
    width: 50px;
    height: 50px;
    background-image: url(../assets/images/Icons/1x/ico-soc-certified.png);
}
.ico-truste-certified {
    width: 48px;
    height: 50px;
    background-image: url(../assets/images/Icons/1x/ico-truste-certified.png);
}
.ico-pci-dss-certified {
    width: 88px;
    height: 50px;
    background-image: url(../assets/images/Icons/1x/ico-pci-dss-certified.png);
}
.ico-hipaa-certified {
    width: 61px;
    height: 50px;
    background-image: url(../assets/images/Icons/1x/ico-hipaa-certified.png);
}

.ico-phone {
    width: 10px;
    height: 10px;
    background-image: url(../assets/images/Icons/1x/ico-phone.png);
}

.ico-phone-white {
    width: 16px;
    height: 16px;
    background-image: url(../assets/images/Icons/1x/ico-phone-white.png);
}

.ico-globe {
    width: 13px;
    height: 13px;
    background-image: url(../assets/images/Icons/1x/ico-globe.png);
}

.ico-play {
    width: 32px;
    height: 32px;
    background-image: url(../assets/images/Icons/1x/ico-play.png);
}

.ico-eye {
    width: 34px;
    height: 29px;
    background-image: url(../assets/images/Icons/1x/ico-eye.png);
}

.ico-shield {
    width: 28px;
    height: 34px;
    background-image: url(../assets/images/Icons/1x/ico-shield.png);
}

.ico-block {
    width: 25px;
    height: 31px;
    background-image: url(../assets/images/Icons/1x/ico-block.png);
}

.ico-google-plus {
    width: 20px;
    height: 19px;
    background-image: url(../assets/images/Icons/1x/ico-google-plus.png);
}

.ico-linkedin {
    width: 19px;
    height: 19px;
    background-image: url('/assets/icons/mo-ico-linkedin@2x.png');
}

.ico-twitter {
    width: 21px;
    height: 17px;
    background-image: url('/assets/icons/mo-ico-twitter@2x.png');
}

.ico-chicago {
    width: 105px;
    height: 105px;
    background-image: url(../assets/images/Icons/1x/ico-chicago.png);
}
.ico-edh {
    width: 105px;
    height: 105px;
    background-image: url(../assets/images/Icons/1x/ico-edh.png);
}
.ico-cork {
    width: 105px;
    height: 105px;
    background-image: url(../assets/images/Icons/1x/ico-cork.png);
}
.ico-tumblr {
    width: 12px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-tumblr.png);
}
.ico-checkmark-orange {
    width: 24px;
    height: 24px;
    background-image: url(../assets/images/Icons/1x/ico-checkmark-orange.png);
}
.ico-checkmark-green {
    width: 24px;
    height: 24px;
    background-image: url(../assets/images/Icons/1x/ico-checkmark-green.png);
}
.ico-checkmark-blue {
    width: 24px;
    height: 24px;
    background-image: url(../assets/images/Icons/1x/ico-checkmark-blue.png);
}

.ico-facebook {
    width: 12px;
    height: 21px;
    background-image: url('/assets/icons/mo-ico-facebook@2x.png');
}

.ico-apple {
    width: 16px;
    height: 19px;
    background-image: url(../assets/images/Icons/1x/ico-apple.png);
}

.ico-android {
    width: 16px;
    height: 19px;
    background-image: url(../assets/images/Icons/1x/ico-android.png);
}

.ico-windows {
    width: 19px;
    height: 19px;
    background-image: url(../assets/images/Icons/1x/ico-windows.png);
}

.ico-linux {
    width: 17px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-linux.png);
}

.ico-alphabet {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-alphabet.png);
}

.ico-chrome {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-chrome.png);
}

.ico-firefox {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-firefox.png);
}

.ico-safari {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-safari.png);
}

.ico-detective {
    width: 29px;
    height: 34px;
    background-image: url(../assets/images/Icons/1x/ico-detective.png);
}

.ico-lock {
    width: 25px;
    height: 33px;
    background-image: url(../assets/images/Icons/1x/ico-lock.png);
}

.ico-fingerprint {
    width: 32px;
    height: 36px;
    background-image: url(../assets/images/Icons/1x/ico-fingerprint.png);
}

.ico-cloud {
    width: 42px;
    height: 28px;
    background-image: url(../assets/images/Icons/1x/ico-cloud.png);
}

.ico-edge {
    width: 20px;
    height: 21px;
    background-image: url(../assets/images/Icons/1x/ico-edge.png);
}

.ico-download {
    width: 13px;
    height: 15px;
    background-image: url(../assets/images/Icons/1x/ico-dwnload.png);
}

.ico-download-black {
    width: 13px;
    height: 15px;
    background-image: url(../assets/images/resources/ico-dwnload.svg);
}

.ico-sheet {
    width: 27px;
    height: 31px;
    background-image: url(../assets/images/Icons/1x/ico-sheet.png);
}

.ico-vault {
    width: 42px;
    height: 34px;
    background-image: url(../assets/images/Icons/1x/ico-vault.png);
}
.ico-devices {
    width: 42px;
    height: 34px;
    background-image: url(../assets/images/Icons/1x/ico-devices.png);
}
.ico-infographic {
    width: 32px;
    height: 31px;
    background-image: url(../assets/images/Icons/1x/ico-infographic.png);
}

.ico-waves {
    width: 36px;
    height: 31px;
    background-image: url(../assets/images/Icons/1x/ico-waves.png);
}

.ico-play-secondary {
    width: 31px;
    height: 31px;
    background-image: url(../assets/images/Icons/1x/ico-play-secondary.png);
}

.ico-paper {
    width: 27px;
    height: 31px;
    background-image: url(../assets/images/Icons/1x/ico-paper.png);
}

.ico-download-black {
    width: 13px;
    height: 15px;
    background-image: url(../assets/images/Icons/1x/ico-dwnload-secondary.png);
}

.ico-play-teritary {
    width: 32px;
    height: 32px;
    background-image: url(../assets/images/Icons/1x/ico-play-teritary.png);
}

.ico-arrow-down-secondary {
    width: 16px;
    height: 16px;
    background-image: url(../assets/images/Icons/1x/ico-arrow-down-secondary.png);
}

.ico-hat {
    width: 44px;
    height: 32px;
    background-image: url(../assets/images/Icons/1x/ico-hat.png);
}

.ico-chatboxes {
    width: 43px;
    height: 33px;
    background-image: url(../assets/images/Icons/1x/ico-chatboxes.png);
}

.ico-linkedin-secondary {
    width: 18px;
    height: 18px;
    background-image: url(../assets/images/Icons/1x/ico-linkedin-secondary.png);
}

.ico-envelope {
    width: 15px;
    height: 12px;
    background-image: url(../assets/images/Icons/1x/ico-envelope.png);
}

.ico-cart {
    width: 16px;
    height: 16px;
    background-image: url(../assets/images/Icons/1x/ico-cart.png);
}

.ico-cart-white {
    width: 14px;
    height: 14px;
    background-image: url(../assets/images/Icons/1x/ico-cart.png);
    filter: invert(1);
}

.ico-head {
    width: 14px;
    height: 14px;
    background-image: url(../assets/images/Icons/1x/ico-head.png);
}

.ico-cloud-secondary {
    width: 16px;
    height: 12px;
    background-image: url(../assets/images/Icons/1x/ico-cloud-secondary.png);
}

.ico-ticket {
    width: 16px;
    height: 13px;
    background-image: url(../assets/images/Icons/1x/ico-ticket.png);
}

.ico-card {
    width: 18px;
    height: 15px;
    background-image: url(../assets/images/Icons/1x/ico-card.png);
}

.ico-github {
    width: 19px;
    height: 19px;
    background-image: url(../assets/images/Icons/1x/ico-github.png);
}

.ico-play-black {
    width: 19px;
    height: 19px;
    background-image: url(../assets/images/Icons/1x/ico-play-black.png);
}

.ico-pc {
    width: 45px;
    height: 30px;
    background-image: url(../assets/images/Icons/1x/ico-pc.png);
}

.ico-mobile {
    width: 18px;
    height: 30px;
    background-image: url(../assets/images/Icons/1x/ico-mobile.png);
}

.ico-tablet {
    width: 27px;
    height: 33px;
    background-image: url(../assets/images/Icons/1x/ico-tablet.png);
}

.ico-windows-secondary {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-windows-secondary.png);
}

.ico-apple-secondary {
    width: 18px;
    height: 21px;
    background-image: url(../assets/images/Icons/1x/ico-apple-secondary.png);
}

.ico-linux-secondary {
    width: 18px;
    height: 22px;
    background-image: url(../assets/images/Icons/1x/ico-linux-secondary.png);
}

.ico-chrome-secondary {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-chrome-secondary.png);
}

.ico-firefox-secondary {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-firefox-secondary.png);
}

.ico-safari-secondary {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-safari-secondary.png);
}

.ico-ie-secondary {
    width: 20px;
    height: 21px;
    background-image: url(../assets/images/Icons/1x/ico-ie-secondary.png);
}

.ico-edge-secondary {
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/Icons/1x/ico-edge-secondary.png);
}

.ico-opera {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/ico-opera@2x.png');
}

.ico-envelope-secondary {
    width: 13px;
    height: 11px;
    background-image: url(../assets/images/Icons/1x/ico-envelope-secondary.png);
}

.ico-phone-secondary {
    width: 11px;
    height: 17px;
    background-image: url(../assets/images/Icons/1x/ico-phone-secondary.png);
}

.ico-apple-teritary {
    width: 47px;
    height: 56px;
    background-image: url(../assets/images/Icons/1x/ico-apple-teritary.png);
}

.ico-android-teritary {
    width: 46px;
    height: 55px;
    background-image: url(../assets/images/Icons/1x/ico-android-teritary.png);
}

.ico-windows-teritary {
    width: 56px;
    height: 57px;
    background-image: url(../assets/images/Icons/1x/ico-windows-teritary.png);
}

.ico-gear {
    width: 56px;
    height: 26px;
    background-image: url(../assets/images/Icons/gears-icon.svg);
}

.ico-headphones {
    width: 56px;
    height: 26px;
    background-image: url(../assets/images/Icons/headphones-icon.svg);
}

.ico-piggy {
    width: 56px;
    height: 26px;
    background-image: url(../assets/images/Icons/piggy-icon.svg);
}

.ico-shield1 {
    width: 56px;
    height: 26px;
    background-image: url(../assets/images/Icons/shield-icon.svg);
}

.ico-carrot {
    width: 56px;
    height: 12px;
    background-image: url(../assets/images/Icons/icon-chevron.svg);
}

.ico-carrot-up {
    width: 56px;
    height: 12px;
    background-image: url(../assets/images/Icons/icon-chevron.svg);
    transform: rotate(180deg);
}

.ico-play-business {
    width: 18px;
    height: 18px;
    background-image: url(../assets/images/Icons/ico-play-button.svg);
    filter: invert(1);
}

a:hover .ico-download {
    background-image: url(../assets/images/Icons/2x/ico-dwnload-secondary@2x.png);
    transition: background-image .5s;
}

.backupbutton {
    position: fixed;
    right: 20px;
    bottom: 60px;
}

.backtotop {
    background: url('../assets/images/Icons/1x/btt-ico.png') no-repeat center center;
    width: 45px;
    height: 45px;
    transition: none;
}

.backtotop:hover {
    background: url('../assets/images/Icons/1x/btt-ico-hover.png') no-repeat center center;
    width: 45px;
    height: 45px;
}

.grey {
    font-size: 14px;
    color: #999;
    text-decoration: none;
}

.grey a {
    text-decoration: none;
    color: #999;
}

.grey a:link {
    text-decoration: none;
    color: #999;
}

.grey a:hover {
    color: #000;
    text-decoration: none;
}

.lower-case-trans {
    text-transform: lowercase;
}

.lower-case-trans::first-letter {
    text-transform: capitalize;
}
.sentence-case{
    text-transform: capitalize;
}

.intro-actions .row {
    margin-bottom: 2rem;
}

@media screen and (min-width: 769px) and (max-width: 833px) {
    .three-button .btn:last-of-type {
        margin-top: 15px;
    }
}

.intro-actions.three-button {
    margin-left: -100px;
    margin-right: -100px;
}

@media screen and (max-width: 768px) {
    .intro-actions.three-button {
        margin-left: 0;
        margin-right: 0;
    }
}

.btn.free-trial {
    background-color: #ffc600;
    border-color: #ffc600;
    color: black;
}

.btn.free-trial:hover {
    border-color: #E6B300;
}

#popup-enterprise-buy {
    background: #fff;
}

@media (min-width: 48em) {
    #popup-enterprise-buy {
        position: absolute;
        width: 700px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.enterprise-buy {
    padding-bottom: 1rem;
}

.enterprise-buy-title {
    text-align: center;
    margin: 1rem 0px 2rem;
}

.enterprise-buy-title-light {
    text-align: center;
    margin: 1rem 15% 2rem;
}

.enterprise-buy-end-message {
    margin-top: 3rem;
    text-align: center;
}

.enterprise-buy-controls {
    text-align: center;
}

.enterprise-buy-controls .intro-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#employee-count-lbl {
    font-size: 14px;
    font-weight: 600;
}

#employee-count {
    text-align: center;
}

.enterprise-buy-button {
    width: 24rem;
    margin: 2rem 0.6rem;
}

.enterprise-buy-legend {
    background-color: #f3f3f3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
}

#popup-enterprise-buy .field {
    font-size: 15px;
}

.legend-title {
    text-align: center;
}

.legend-icons {
    display: flex;
    margin: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.legend-column {
    text-align: center;
    width: 25rem;
    margin: 1rem 0;
}

@media (max-width: 767px) {
    .legend-column {
        width: 12rem;
    }
}

.legend-column-separator {
    display: flex;
    align-items: center;
}

.legend-text {
    font-size: 14px;
}

.legend-amount {
    font-size: 18px;
}

.roi-icon {
    margin-bottom: 1rem;
}

#keeper-cost {
    font-weight: 600;
    font-size: 22px;
}

.enterprise-buy-roi {
    margin-top: 3rem;
    font-size: 13px;
}

.roi-header {
    padding: 1rem 3rem;
    color: #cf9f24;
}

.roi-line {
    display: flex;
    justify-content: space-between;
    padding: 1rem 3rem;
    border: 1px #f8f8f8;
    border-top-style: solid;
    color: #646464;
}

.roi-line.highlighted {
    background-color: #f8f8f8;
    font-weight: 300;
}

.roi-line.total {
    font-weight: bold;
    color: black;
}

.roi-line.footnotes {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top-style: none;
    border: 1px #d6d6d6;
    font-size: 11px;
}

.roi-show-hide {
    margin-top: 1rem;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
}

.roi-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 12rem;
    padding-right: 12rem;
    margin-bottom: 2rem;
}

@media (max-width: 48em) {
    .roi-form {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.roi-form .btn {
    margin-bottom: 1rem;
    margin-top: 1rem;
    min-width: 200px;
}

.roi-form .btn:hover {
    border-color: #ffc600;
}

#enterprise-thank-you {
    margin: 6rem;
    margin-top: 5rem;
}

.modalClose {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 46%, rgba(111, 111, 111, 1) 50%, rgba(0, 0, 0, 0) 54%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 46%, rgba(111, 111, 111, 1) 50%, rgba(0, 0, 0, 0) 54%);
}

.ng-invalid.ng-touched {
    border-bottom: 1px solid #F00;
    background: #ffffff; /* Old browsers */
    transition: 0.5s ease;
}

.text-red.ng-invalid.ng-touched { color: red; }
@media screen and (max-width: 768px) {
    .text-red.ng-invalid.ng-touched {
        color: red;
    }
}

.ng-invalid.ng-touched::-webkit-input-placeholder {
    color: red;
}

.ng-invalid.ng-touched:-moz-placeholder { /* Firefox 18- */
    color: red;
}

.ng-invalid.ng-touched::-moz-placeholder { /* Firefox 19+ */
    color: red;
}

.ng-invalid.ng-touched:-ms-input-placeholder {
    color: red;
}

input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
}

input[type="date"]:focus:before,
input[type="date"]:valid:before {
    content: "";
}

@media only screen and ( -webkit-min-device-pixel-ratio: 2 ), only screen and ( min-device-pixel-ratio: 2 ), only screen and ( min-resolution: 192dpi ) {

    /* ------------------------------------------------------------ *\
    Icons
  \* ------------------------------------------------------------ */

    .ico-careers-indeed {
        background-image: url(../assets/images/Icons/indeed.svg);   
    }

    .ico-careers-builtin {
        background-image: url(../assets/images/Icons/builtin.svg);   
    }

    .ico-careers-linkedin {
        background-image: url(../assets//images/Icons/linkedin.svg);   
    }

    /* PARTNER PROGRAMS */

    .ico-keeper-advisory-program {
        width: 56px;
        height: 62px;
        background-image: url(../assets/images/partners/ico-keeper-advisory-program@2x.png);
    }

    .ico-keeper-channel-program {
        width: 50px;
        height: 51px;
        background-image: url(../assets/images/partners/ico-keeper-channel-program@2x.png);
    }

    .ico-keeper-referral-program {
        width: 70px;
        height: 41px;
        background-image: url(../assets/images/partners/ico-keeper-referral-program@2x.png);
    }

    .ico-keeper-security-integration-program {
        width: 53px;
        height: 50px;
        background-image: url(../assets/images/partners/ico-keeper-security-integration-program@2x.png);
    }

    .ico-keeper-strategic-alliances {
        width: 71px;
        height: 42px;
        background-image: url(../assets/images/partners/ico-keeper-strategic-alliances@2x.png);
    }

    /* PARTNER PROGRAMS - SMALL */

    .ico-keeper-advisory-program-sm {
        width: 36px;
        height: 42px;
        background-image: url(../assets/images/partners/ico-keeper-advisory-program@2x.png);
    }

    .ico-keeper-channel-program-sm {
        width: 30px;
        height: 31px;
        background-image: url(../assets/images/partners/ico-keeper-channel-program@2x.png);
    }

    .ico-keeper-referral-program-sm {
        width: 50px;
        height: 31px;
        background-image: url(../assets/images/partners/ico-keeper-referral-program@2x.png);
    }

    .ico-keeper-security-integration-program-sm {
        width: 33px;
        height: 30px;
        background-image: url(../assets/images/partners/ico-keeper-security-integration-program@2x.png);
    }

    .ico-keeper-strategic-alliances-sm {
        width: 41px;
        height: 22px;
        background-image: url(../assets/images/partners/ico-keeper-strategic-alliances@2x.png);
    }

    .ico-arrow-right {
        width: 10px;
        height: 15px;
        background-image: url(../assets/images/Icons/2x/arrow-right@2x.png);    
    }

    .ico-401k {
    background-image: url(../assets/images/careers/ico-401k@2x.jpg);
    }

    .ico-clothing {
        background-image: url(../assets/images/careers/ico-clothing@2x.jpg);
    }

    .ico-pto {
        background-image: url(../assets/images/careers/ico-pto@2x.jpg);
    }

    .ico-events {
        background-image: url(../assets/images/careers/ico-events@2x.jpg);
    }

    .ico-healthcare {
        background-image: url(../assets/images/careers/ico-healthcare@2x.jpg);
    }

    .ico-coffee {
        background-image: url(../assets/images/careers/ico-coffee@2x.jpg);
    }
    .ico-phone {
        background-image: url(../assets/images/Icons/2x/ico-phone@2x.png);
    }

    .ico-globe {
        background-image: url(../assets/images/Icons/2x/ico-globe@2x.png);
    }

    .ico-play {
        background-image: url(../assets/images/Icons/2x/ico-play@2x.png);
    }
    .ico-soc-certified {
        background-image: url(../assets/images/Icons/2x/ico-soc-certified@2x.png);
    }
    .ico-truste-certified {
        background-image: url(../assets/images/Icons/2x/ico-truste-certified@2x.png);
    }
    .ico-pci-dss-certified {
        background-image: url(../assets/images/Icons/2x/ico-pci-dss-certified@2x.png);
    }
    .ico-hipaa-certified {
        background-image: url(../assets/images/Icons/2x/ico-hipaa-certified@2x.png);
    }

    .ico-eye {
        background-image: url(../assets/images/Icons/2x/ico-eye@2x.png);
    }

    .ico-shield {
        background-image: url(../assets/images/Icons/2x/ico-shield@2x.png);
    }

    .ico-block {
        background-image: url(../assets/images/Icons/2x/ico-block@2x.png);
    }

    .ico-google-plus {
        background-image: url(../assets/images/Icons/2x/ico-google-plus@2x.png);
    }

    .ico-linkedin {
        background-image: url('/assets/icons/mo-ico-linkedin@2x.png');
    }

    .ico-twitter {
        background-image: url('/assets/icons/mo-ico-twitter@2x.png');
    }

    .ico-chicago {
        background-image: url(../assets/images/Icons/2x/ico-chicago@2x.png);
    }
    .ico-edh {
        background-image: url(../assets/images/Icons/2x/ico-edh@2x.png);
    }
    .ico-cork {
        background-image: url(../assets/images/Icons/2x/ico-cork@2x.png);
    }
    .ico-tumblr {
        background-image: url(../assets/images/Icons/2x/ico-tumblr@2x.png);
    }

    .ico-checkmark-orange {
        background-image: url(../assets/images/Icons/2x/ico-checkmark-orange@2x.png);
    }
    .ico-checkmark-green {
        background-image: url(../assets/images/Icons/2x/ico-checkmark-green@2x.png);
    }
    .ico-checkmark-blue {
        background-image: url(../assets/images/Icons/2x/ico-checkmark-blue@2x.png);
    }

    .ico-facebook {
        background-image: url('/assets/icons/mo-ico-facebook@2x.png');
    }

    .ico-apple {
        background-image: url(../assets/images/Icons/2x/ico-apple@2x.png);
    }

    .ico-android {
        background-image: url(../assets/images/Icons/2x/ico-android@2x.png);
    }

    .ico-windows {
        background-image: url(../assets/images/Icons/2x/ico-windows@2x.png);
    }

    .ico-linux {
        background-image: url(../assets/images/Icons/2x/ico-linux@2x.png);
    }

    .ico-alphabet {
        background-image: url(../assets/images/Icons/2x/ico-alphabet@2x.png);
    }

    .ico-chrome {
        background-image: url(../assets/images/Icons/2x/ico-chrome@2x.png);
    }

    .ico-firefox {
        background-image: url(../assets/images/Icons/2x/ico-firefox@2x.png);
    }

    .ico-safari {
        background-image: url(../assets/images/Icons/2x/ico-safari@2x.png);
    }

    .ico-detective {
        background-image: url(../assets/images/Icons/2x/ico-detective@2x.png);
    }

    .ico-lock {
        background-image: url(../assets/images/Icons/2x/ico-lock@2x.png);
    }

    .ico-fingerprint {
        background-image: url(../assets/images/Icons/2x/ico-fingerprint@2x.png);
    }

    .ico-cloud {
        background-image: url(../assets/images/Icons/2x/ico-cloud@2x.png);
    }

    .ico-download {
        background-image: url(../assets/images/Icons/2x/ico-dwnload@2x.png);
    }

    .ico-sheet {
        background-image: url(../assets/images/Icons/2x/ico-sheet@2x.png);
    }

    .ico-vault {
        background-image: url(../assets/images/Icons/2x/ico-vault@2x.png);
    }
    .ico-devices {
        background-image: url(../assets/images/Icons/2x/ico-devices@2x.png);
    }

    .ico-infographic {
        background-image: url(../assets/images/Icons/2x/ico-infographic@2x.png);
    }

    .ico-waves {
        background-image: url(../assets/images/Icons/2x/ico-waves@2x.png);
    }

    .ico-play-secondary {
        background-image: url(../assets/images/Icons/2x/ico-play-secondary@2x.png);
    }

    .ico-play-secondary-white {
        background-image: url(../assets/images/Icons/2x/ico-play-secondary@2x.png);
        filter: invert(1);
    }

    .ico-paper {
        background-image: url(../assets/images/Icons/2x/ico-paper@2x.png);
    }

    .ico-download-black {
        background-image: url(../assets/images/Icons/2x/ico-dwnload-secondary@2x.png);
    }

    .ico-play-teritary {
        background-image: url(../assets/images/Icons/2x/ico-play-teritary@2x.png);
    }

    .ico-arrow-down-secondary {
        background-image: url(../assets/images/Icons/2x/ico-arrow-down-secondary@2x.png);
    }

    .ico-hat {
        background-image: url(../assets/images/Icons/2x/ico-hat@2x.png);
    }

    .ico-chatboxes {
        background-image: url(../assets/images/Icons/2x/ico-chatboxes@2x.png);
    }

    .ico-linkedin-secondary {
        background-image: url(../assets/images/Icons/2x/ico-linkedin-secondary@2x.png);
    }

    .ico-envelope {
        background-image: url(../assets/images/Icons/2x/ico-envelope@2x.png);
    }

    .ico-cart {
        background-image: url(../assets/images/Icons/2x/ico-cart@2x.png);
    }

    .ico-cart-white {
        background-image: url(../assets/images/Icons/2x/ico-cart@2x.png);
        filter: invert(1);
    }

    .ico-head {
        background-image: url(../assets/images/Icons/2x/ico-head@2x.png);
    }

    .ico-cloud-secondary {
        background-image: url(../assets/images/Icons/2x/ico-cloud-secondary@2x.png);
    }

    .ico-ticket {
        background-image: url(../assets/images/Icons/2x/ico-ticket@2x.png);
    }

    .ico-card {
        background-image: url(../assets/images/Icons/2x/ico-card@2x.png);
    }

    .ico-github {
        background-image: url(../assets/images/Icons/2x/ico-github@2x.png);
    }

    .ico-play-black {
        background-image: url(../assets/images/Icons/2x/ico-play-black@2x.png);
    }

    .ico-pc {
        background-image: url(../assets/images/Icons/2x/ico-pc@2x.png);
    }

    .ico-mobile {
        background-image: url(../assets/images/Icons/2x/ico-mobile@2x.png);
    }

    .ico-tablet {
        background-image: url(../assets/images/Icons/2x/ico-tablet@2x.png);
    }

    .ico-windows-secondary {
        background-image: url(../assets/images/Icons/2x/ico-windows-secondary@2x.png);
    }

    .ico-apple-secondary {
        background-image: url(../assets/images/Icons/2x/ico-apple-secondary@2x.png);
    }

    .ico-linux-secondary {
        background-image: url(../assets/images/Icons/2x/ico-linux-secondary@2x.png);
    }

    .ico-chrome-secondary {
        background-image: url(../assets/images/Icons/2x/ico-chrome-secondary@2x.png);
    }

    .ico-firefox-secondary {
        background-image: url(../assets/images/Icons/2x/ico-firefox-secondary@2x.png);
    }

    .ico-safari-secondary {
        background-image: url(../assets/images/Icons/2x/ico-safari-secondary@2x.png);
    }

    .ico-ie-secondary {
        background-image: url(../assets/images/Icons/2x/ico-ie-secondary@2x.png);
    }

    .ico-edge-secondary {
        background-image: url(../assets/images/Icons/2x/ico-edge-secondary@2x.png);
    }

    .ico-envelope-secondary {
        background-image: url(../assets/images/Icons/2x/ico-envelope-secondary@2x.png);
    }

    .ico-phone-secondary {
        background-image: url(../assets/images/Icons/2x/ico-phone-secondary@2x.png);
    }

    .ico-apple-teritary {
        background-image: url(../assets/images/Icons/2x/ico-apple-teritary@2x.png);
    }

    .ico-android-teritary {
        background-image: url(../assets/images/Icons/2x/ico-android-teritary@2x.png);
    }

    .ico-windows-teritary {
        background-image: url(../assets/images/Icons/2x/ico-windows-teritary@2x.png);
    }
 
    .backtotop {
        background-image: url('../assets/images/Icons/2x/btt-ico@2x.png');
        background-size: 45px 45px;
    }

    .backtotop:hover {
        background-image: url('../assets/images/Icons/2x/btt-ico-hover@2x.png');
        background-size: 45px 45px;
    }
}

/* ------------------------------------------------------------ *\
  Images
\* ------------------------------------------------------------ */

.image {
    background-size: 100% 100%;
}

/* WHITE PAPERS */

.image-whitepaper-1 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url('../assets/images/whitepapers/use-cases-enterprise@2x.png');
}

.image-datacenter { width: 100%; padding-top: 67.4%; background-image: url(/assets/images/enterprise/whats-new/desktop/1x/image-datacenter.jpg); }

.image-cornerstone {
    width: 128px;
    height: 71px;
    background-image: url(../assets/images/enterprise/1x/ico-cornerstone.png);
}

.image-siemens {
    width: 128px;
    height: 71px;
    background-image: url(../assets/images/enterprise/1x/ico-siemens.png);
}

/*.image-ohio {
    width: 80px;
    height: 53px;
    background-image: url(../assets/images/enterprise/1x/ico-ohiostate.png);
}*/

.image-quest {
    width: 128px;
    height: 71px;
    background-image: url(../assets/images/enterprise/1x/ico-quest.png);
}

.image-xenith {
    width: 128px;
    height: 71px;
    background-image: url(../assets/images/enterprise/1x/ico-xenith.png);
}

.scott-ablin {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/2x/scott-ablin@2x.jpg);
}
.image-josh {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/2x/josh-fazio@2x.jpg);
}



.image-craig {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/member2.jpg);
}

.image-chris-royer {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/2x/chris-royer@2x.jpg);
}
.image-bill-sheehan{
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/2x/bill@2x.jpg);
}
.image-scott {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/member3.jpg);
}

.image-rainer {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/pages/about/rainer@2x.jpg);
}
.image-erik {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/erik.jpg);
}
.image-jeff {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/2x/jeff_v2@2x.jpg);
}
    
.image-harper {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/member7.jpg);
}

.image-mark {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/member8.jpg);
}

.image-dan-sales {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/dan-sales.jpg);
}

.image-pollak {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/john-pollak.jpg);
}

.image-vancannon {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/vancannon.jpg);
}

.image-oconnor {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/member9.jpg);
}

.image-michael-chester {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/2x/michael-chester@2x.jpg);
}

.image-rachael {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/rachael.jpg);
}

.image-maher {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/john-maher.jpg);
}

.image-tullman {
    width: 160px;
    height: 160px;
    background-image: url(../assets/images/enterprise/1x/howard.jpg);
}

.logo-1 {
    width: 120px;
    height: 35px;
    background-image: url(../assets/images/enterprise/1x/logo-1.png);
}

.logo-2 {
    width: 120px;
    height: 35px;
    background-image: url(../assets/images/enterprise/1x/logo-2.png);
}

.logo-3 {
    width: 140px;
    height: 32px;
    background-image: url(../assets/images/enterprise/1x/logo-3.png);
}

.logo-4 {
    width: 140px;
    height: 32px;
    background-image: url(../assets/images/enterprise/1x/logo-4.png);
}

.image-keeper {
    width: 100%;
    padding-top: 129%;
    background-image: url(../assets/images/enterprise/1x/image12.jpg);
}

.image-terminal {
    width: 100%;
    padding-top: 42.12%;
    background-image: url(../assets/images/enterprise/1x/image13.jpg);
}

.feature-teritary-image-1 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-teritary-image-1.jpg);
}

.feature-teritary-image-2 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-teritary-image-2.jpg);
}

.feature-teritary-image-3 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-teritary-image-3.jpg);
}

.feature-teritary-image-4 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-teritary-image-4.jpg);
}

.feature-teritary-image-5 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-teritary-image-5.jpg);
}

.feature-teritary-image-6 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-teritary-image-6.jpg);
}

.feature-teritary-image-7 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/whitepapers/provision-employees-byod@2x.png);
}

.feature-teritary-image-8 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/whitepapers/reducing-cyber-risk@2x.png);
}

.feature-teritary-image-9 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/whitepapers/enterprise-strength-passwords@2x.png);
}

.feature-teritary-image-10 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/whitepapers/businesses-are-ground-zero@2x.png);
}

.feature-infographic-4 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/infographic-4.jpg);
}

.feature-infographic-5 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/infographic-5.jpg);
}
.feature-infographic-6 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-infographic-6.jpg);
}
.feature-infographic-7 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-infographic-7.jpg);
}

.feature-yougov{
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/pages/resources/webinar-yougov.png);
}


.feature-ovum{
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/pages/resources/ovum.png);
}

.feature-datasheet-financial {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/datasheet-financial-industry.jpg);
}

.feature-datasheet-judiciary {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/judiciary-industry-security-brief.jpg);
}

.feature-datasheet-sso-connect {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/datasheet-sso-connect.jpg);
}

.feature-whitepaper-sso-connect {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/whitepaper-sso-connect.jpg);
}

.feature-whitepaper-pwmanagement{
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/password-management-for-dummies.jpg);
}

.feature-whitepaper-checklist {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/whitepapers/cybersecurity-assessment@2x.png);
}

.feature-whitepaper-pw-evaluation {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/whitepapers/password-management-guide@2x.png);
}

.feature-whitepaper-2016-state {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/whitepapers/state-smb-cybersecurity@2x.png);
}

.feature-webinar-image-1 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/webinar-thumb-1.jpg);
}

.feature-webinar-image-2 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/webinar-thumb-2.jpg);
}

.feature-webinar-image-3 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/webinar-thumb-3.jpg);
}

.feature-webinar-image-4 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/webinar-thumb-4.jpg);
}

.feature-quaternary-image-1 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-1.jpg);
}

.feature-quaternary-image-2 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-2.jpg);
}

.feature-quaternary-image-3 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-3.jpg);
}

.feature-quaternary-image-1 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-1.jpg);
}

.feature-quaternary-image-2 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-2.jpg);
}

.feature-quaternary-image-3 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-3.jpg);
}

.feature-quaternary-image-4 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-4.jpg);
}

.feature-quaternary-image-5 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-5.jpg);
}

.feature-quaternary-image-6 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/enterprise/1x/feature-quaternary-image-6.jpg);
}

.feature-quaternary-image-gartnersummits {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/logos/gartner-summit.jpg);
}

.feature-quaternary-image-secure360 {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/logos/secure360.jpg);
}

.feature-quaternary-image-gartnersymp {
    width: 300px;
    padding-top: 50.33%;
    background-image: url(../assets/images/logos/gartner-sym.jpg);
}

.guide1 {
    width: 100%;
    padding-top: 65.48%;
    background-image: url(../assets/images/enterprise/1x/guide1.jpg);
}

.guide2 {
    width: 100%;
    padding-top: 68.81%;
    background-image: url(../assets/images/enterprise/1x/guide2.jpg);
}

.guide3 {
    width: 100%;
    padding-top: 70.24%;
    background-image: url(../assets/images/enterprise/1x/guide3.jpg);
}

.guide4 {
    width: 100%;
    padding-top: 73.57%;
    background-image: url(../assets/images/enterprise/1x/guide4.jpg);
}

.guide5 {
    width: 100%;
    padding-top: 84.05%;
    background-image: url(../assets/images/enterprise/1x/guide5.jpg);
}

.guide6 {
    width: 100%;
    padding-top: 69.05%;
    background-image: url(../assets/images/enterprise/1x/guide6.png);
}

.section-image-5 {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(../assets/images/enterprise/1x/section-image-5.jpg);
}
.securitypartner .image{
    margin-bottom: 40px; margin-top: 40px;
}

.partner-1 {
    width: 127px;
    height: 63px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-1.jpg);
}

.partner-2 {
    width: 118px;
    height: 64px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-2.jpg);
}

.partner-3 {
    width: 63px;
    height: 64px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-3.jpg);
}

.partner-4 {
    width: 120px;
    height: 44px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-4.jpg);
}

 

.partner-9 {
    width: 111px;
    height: 36px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-9.jpg);
}

.partner-10 {
    width: 111px;
    height: 36px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-10.jpg);
}

.partner-11 {
    width: 95px;
    height: 37px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-11.jpg);
}

.partner-12 {
    width: 111px;
    height: 36px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-12.jpg);
}

.partner-13 {
    width: 111px;
    height: 55px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-13.jpg);
}

.partner-14 {
    width: 111px;
    height: 56px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-14.jpg);
}

.partner-15 {
    width: 106px;
    height: 56px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-15.jpg);
}

.partner-16 {
    width: 108px;
    height: 55px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-16.jpg);
}

.partner-17 {
    width: 79px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-17.jpg);
}

.partner-18 {
    width: 139px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-18.jpg);
}

.partner-19 {
    width: 106px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-19.jpg);
}

.partner-20 {
    width: 111px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-20.jpg);
}

.partner-21 {
    width: 55px;
    height: 50px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-21.jpg);
}

.partner-fido {
    width: 111px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/2x/fido-alliance-member-logo.png);
}
.partner-f5 {
    width: 111px;
    height: 53px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-f5.png);
}

.partner-22 {
    width: 99px;
    height: 51px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-22.jpg);
}

.partner-23 {
    width: 88px;
    height: 51px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-internet2.jpg);
}

.partner-24 {
    width: 64px;
    height: 51px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-24.jpg);
}

.partner-softchoice {
    width: 128px;
    height: 69px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-softchoice.jpg);
}

.partner-futurecom {
    width: 129px;
    height: 55px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-futurecom.jpg);
}

.partner-insight {
    width: 91px;
    height: 55px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-insight.jpg);
}

.partner-concergent {
    width: 168px;
    height: 55px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-concergent.jpg);
}

.partner-guidepoint {
    width: 114px;
    height: 59px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-guidepoint.jpg);
}

.partner-internet2 {
    width: 168px;
    height: 68px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-internet2.jpg);
}

.partner-cdw {
    width: 90px;
    height: 68px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-cdw-channel.jpg);
}

.partner-optiv {
    width: 120px;
    height: 80px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-optiv.jpg)
}

.partner-shi {
    width: 104px;
    height: 69px;
    margin: 0 auto;
    background-image: url(../assets/images/enterprise/1x/partner-shi-channel.jpg);
}

.privacy-image {
    width: 138px;
    height: 44px;
    background-image: url(../assets/images/enterprise/1x/privacy-image.png);
}

.security-image-4 {
    width: 691px;
    min-height: 184px;
    background-image: url(../assets/images/enterprise/1x/security-image-4.png);
}

.security-image-5 {
    width: 920px;
    padding-top: 28%;
    background-image: url(../assets/images/enterprise/1x/security-image-5.png);
}

.security-image-6 {
    width: 74px;
    height: 73px;
    background-image: url(../assets/images/enterprise/1x/security-image-6.jpg);
}

.security-image-7 {
    width: 79px;
    height: 39px;
    background-image: url(../assets/images/enterprise/1x/security-image-7.jpg);
}

.security-image-8 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-8.jpg);
}

.security-image-9 {
    width: 110px;
    height: 110px;
    background-image: url(../assets/images/enterprise/ico-soc2.jpg);
}

.security-image-10 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-10.jpg);
}

.security-image-11 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-11.jpg);
}

.security-image-12 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-12.jpg);
}

.security-image-13 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-13.jpg);
}

.security-image-14 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-14.jpg);
}

.security-image-15 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-15.jpg);
}

.security-image-16 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-16.jpg);
}

.security-image-17 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-17.jpg);
}

.security-image-18 {
    width: 125px;
    height: 110px;
    background-image: url(../assets/images/enterprise/1x/security-image-18.jpg);
}

.security-image-19 {
    width: 142px;
    height: 111px;
    background-image: url(../assets/images/enterprise/1x/security-image-19.jpg);
}

.image-truste {
    width: 142px;
    height: 45px;
    background-image: url(../assets/images/enterprise/1x/truste.png);
}

.image-mcafee {
    width: 94px;
    height: 52px;
    background-image: url(../assets/images/enterprise/1x/mcafee.png);
}

@media (max-width: $breakpoint-lg-xl) {

    /* ------------------------------------------------------------ *\
    Images
  \* ------------------------------------------------------------ */
    .iphone-image {
        width: 278px;
        height: 293px;
    }

    .security-image-4 {
        width: 100%;
        min-height: 0;
        padding-top: 26.63%;
    }

}
@media (max-width: 1280px) {

    /* ------------------------------------------------------------ *\
    Images
  \* ------------------------------------------------------------ */
    .shift-right {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 1000;
        display: none;
        float: right;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
}   

@media(max-width: 414px){
    .image.face{ width: 104px;height: 104px;}
}

    /* ------------------------------------------------------------ *\
    Images
  \* ------------------------------------------------------------ */
    .iphone-image {
        background-image: url(../assets/images/enterprise/2x/intro-image.png);
    }

    .image-datacenter { background-image: url(/assets/images/enterprise/whats-new/desktop/2x/image-datacenter@2x.jpg); }

    .image-android {
        background-image: url(../assets/images/enterprise/2x/section-image-2.jpg);
    }

    .image-cornerstone {
        background-image: url(../assets/images/enterprise/2x/ico-cornerstone@2x.png);
    }

    .image-siemens {
        background-image: url(../assets/images/enterprise/2x/ico-siemens@2x.png);
    }

    .image-ohio {
        background-image: url(../assets/images/enterprise/2x/ico-ohiostate@2x.png);
    }

    .image-quest {
        background-image: url(../assets/images/enterprise/2x/ico-quest@2x.png);
    }

    .image-xenith {
        background-image: url(../assets/images/enterprise/2x/ico-xenith@2x.png);
    }

    
   

    .image-darren {width: 160px;height: 160px;background-image: url('/assets/images/enterprise/4x/darren@4x.png');}
    .image-ponemon {background-image: url(../assets/images/larry-ponemon.jpg);}
    .image-craig {background-image: url(../assets/images/enterprise/2x/member2.png);}
    .image-scott {background-image: url(../assets/images/enterprise/2x/member3.png);}
    .image-erik {background-image: url(../assets/images/enterprise/2x/erik@2x.jpg);}
    .image-jeff {background-image: url(../assets/images/enterprise/2x/jeff_v2@2x.jpg);}
    .image-harper {background-image: url(../assets/images/enterprise/2x/member7.png);}
    .image-mark {background-image: url(../assets/images/enterprise/2x/member8.png);}
    .image-dan-sales {background-image: url(../assets/images/enterprise/2x/dan-sales@2x.jpg);}
    .image-pollak {background-image: url(../assets/images/enterprise/2x/john-pollak@2x.jpg);}
    .image-michael-chester {background-image: url(../assets/images/enterprise/2x/michael-chester@2x.jpg);}
    .image-vancannon {background-image: url(../assets/images/enterprise/2x/vancannon@2x.jpg);}
    .image-oconnor {background-image: url(../assets/images/enterprise/2x/member9.png);}
    .image-mikeryan {background-image: url(../assets/images/enterprise/2x/mike-ryan@2x.jpg);}
    .image-rachael {background-image: url(../assets/images/enterprise/2x/rachael@2x.jpg);}

    .logo-1 {
        background-image: url(../assets/images/enterprise/2x/logo-1.png);
    }

    .logo-2 {
        background-image: url(../assets/images/enterprise/2x/logo-2.png);
    }

    .logo-3 {
        background-image: url(../assets/images/enterprise/2x/logo-3.png);
    }

    .logo-4 {
        background-image: url(../assets/images/enterprise/2x/logo-4.png);
    }

    .image-keeper {
        background-image: url(../assets/images/enterprise/2x/image12.jpg);
    }

    .image-terminal {
        background-image: url(../assets/images/enterprise/2x/image13.jpg);
    }

    .feature-teritary-image-1 {
        background-image: url(../assets/images/enterprise/2x/feature-teritary-image-1.jpg);
    }

    .feature-teritary-image-2 {
        background-image: url(../assets/images/enterprise/2x/feature-teritary-image-2.jpg);
    }

    .feature-teritary-image-3 {
        background-image: url(../assets/images/enterprise/2x/feature-teritary-image-3.jpg);
    }

    .feature-teritary-image-4 {
        background-image: url(../assets/images/enterprise/2x/feature-teritary-image-4.jpg);
    }

    .feature-teritary-image-5 {
        background-image: url(../assets/images/enterprise/2x/feature-teritary-image-5.jpg);
    }

    .feature-teritary-image-6 {
        background-image: url(../assets/images/enterprise/2x/feature-teritary-image-6.jpg);
    }

    .feature-teritary-image-7 {
        background-image: url(../assets/images/whitepapers/provision-employees-byod@2x.png);
    }

    .feature-teritary-image-8 {
        background-image: url(../assets/images/whitepapers/reducing-cyber-risk@2x.png);
    }

    .feature-teritary-image-9 {
        background-image: url(../assets/images/whitepapers/enterprise-strength-passwords@2x.png);
    }

    .feature-teritary-image-10 {
        background-image: url(../assets/images/whitepapers/businesses-are-ground-zero@2x.png);
    }

    .feature-infographic-4 {
        background-image: url(../assets/images/enterprise/2x/infographic-4.jpg);
    }

    .feature-infographic-5 {
        background-image: url(../assets/images/enterprise/2x/infographic-5@2x.jpg);
    }
    .feature-infographic-6 {
        background-image: url(../assets/images/enterprise/2x/feature-infographic-6@2x.jpg);
    }
    .feature-infographic-7 {
        background-image: url(../assets/images/enterprise/2x/feature-infographic-7@2x.jpg);
    }
    .feature-datasheet-financial {
        background-image: url(../assets/images/enterprise/2x/datasheet-financial-industry.jpg);
    }

    .feature-datasheet-judiciary {
        background-image: url(../assets/images/enterprise/2x/judiciary-industry-security-brief@2x.jpg);
    }

    .feature-datasheet-sso-connect {
        background-image: url(../assets/images/enterprise/2x/datasheet-sso-connect@2x.jpg);
    }

    .feature-whitepaper-sso-connect {
        background-image: url(../assets/images/whitepapers/whitepaper-sso-connect@2x.jpg);
    }
    .feature-whitepaper-crossing-the-paper {
        background-image: url(../assets/images/whitepapers/market-focus-crop@2x.jpg);
    }
    .image-super-bundle-tile{
        background-image: url(../assets/images/enterprise/2x/toolkit@2x.png);
    }
    .feature-whitepaper-pwmanagement{
    background-image: url(../assets/images/whitepapers/password-management-for-dummies@2x.jpg);
    }
    .feature-whitepaper-checklist {
        background-image: url(../assets/images/whitepapers/cybersecurity-assessment@2x.png);
    }
    .feature-whitepaper-pw-evaluation {
        background-image: url(../assets/images/whitepapers/password-management-guide@2x.png);
    }

    .feature-whitepaper-2016-state {
        background-image: url(../assets/images/whitepapers/state-smb-cybersecurity@2x.png);
    }

    .feature-webinar-image-1 {
        background-image: url(../assets/images/enterprise/2x/webinar-thumb-1@2x.jpg);
    }

    .feature-webinar-image-2 {
        background-image: url(../assets/images/enterprise/2x/webinar-thumb-2@2x.jpg);
    }

    .feature-webinar-image-3 {
        background-image: url(../assets/images/enterprise/2x/webinar-thumb-3@2x.jpg);
    }

    .feature-webinar-image-4 {
        background-image: url(../assets/images/enterprise/2x/webinar-thumb-4@2x.jpg);
    }

    .feature-quaternary-image-1 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-1.jpg);
    }

    .feature-quaternary-image-2 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-2.jpg);
    }

    .feature-quaternary-image-3 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-3.jpg);
    }

    .feature-quaternary-image-1 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-1.jpg);
    }

    .feature-quaternary-image-2 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-2.jpg);
    }

    .feature-quaternary-image-3 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-3.jpg);
    }

    .feature-quaternary-image-4 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-4.jpg);
    }

    .feature-quaternary-image-5 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-5.jpg);
    }

    .feature-quaternary-image-6 {
        background-image: url(../assets/images/enterprise/2x/feature-quaternary-image-6.jpg);
    }

    .feature-quaternary-image-gartnersummits {
        background-image: url(../assets/images/logos/gartner-summit@2x.jpg);
    }

    .feature-quaternary-image-secure360 {
        background-image: url(../assets/images/logos/secure360@2x.jpg);
    }

    .feature-quaternary-image-gartnersymp {
        background-image: url(../assets/images/logos/gartner-sym@2x.jpg);
    }

    .guide1 {
        background-image: url(../assets/images/enterprise/2x/guide1.jpg);
    }

    .guide2 {
        background-image: url(../assets/images/enterprise/2x/guide2.jpg);
    }

    .guide3 {
        background-image: url(../assets/images/enterprise/2x/guide3.jpg);
    }

    .guide4 {
        background-image: url(../assets/images/enterprise/2x/guide4.jpg);
    }

    .guide5 {
        background-image: url(../assets/images/enterprise/2x/guide5.jpg);
    }

    .guide6 {
        background-image: url(../assets/images/enterprise/2x/guide6.png);
    }

    .list-steps-image-1 {
        background-image: url(../assets/images/enterprise/2x/list-steps-image-1.png);
    }

    .list-steps-image-2 {
        background-image: url(../assets/images/enterprise/2x/list-steps-image-2.png);
    }

    .list-steps-image-3 {
        background-image: url(../assets/images/enterprise/2x/list-steps-image-3.png);
    }

    .section-image-5 {
        background-image: url(../assets/images/enterprise/2x/section-image-5.jpg);
    }

    .partner-1 {
        background-image: url(../assets/images/enterprise/2x/partner-1.jpg);
    }

    .partner-2 {
        background-image: url(../assets/images/enterprise/2x/partner-2.jpg);
    }

    .partner-3 {
        background-image: url(../assets/images/enterprise/2x/partner-3.jpg);
    }

    .partner-4 {
        background-image: url(../assets/images/enterprise/2x/partner-4.jpg);
    }
    .partner-f5 {
        background-image: url(../assets/images/enterprise/2x/partner-f5@2x.png);
    }
 

    .partner-9 {
        background-image: url(../assets/images/enterprise/2x/partner-9.jpg);
    }

    .partner-10 {
        background-image: url(../assets/images/enterprise/2x/partner-10.jpg);
    }

    .partner-11 {
        background-image: url(../assets/images/enterprise/2x/partner-11.jpg);
    }

    .partner-12 {
        background-image: url(../assets/images/enterprise/2x/partner-12.jpg);
    }

    .partner-13 {
        background-image: url(../assets/images/enterprise/2x/partner-13.jpg);
    }

    .partner-14 {
        background-image: url(../assets/images/enterprise/2x/partner-14.jpg);
    }

    .partner-15 {
        background-image: url(../assets/images/enterprise/2x/partner-15.jpg);
    }

    .partner-16 {
        background-image: url(../assets/images/enterprise/2x/partner-16.jpg);
    }

    .partner-17 {
        background-image: url(../assets/images/enterprise/2x/partner-17.jpg);
    }

    .partner-18 {
        background-image: url(../assets/images/enterprise/2x/partner-18.jpg);
    }

    .partner-19 {
        background-image: url(../assets/images/enterprise/2x/partner-19.jpg);
    }

    .partner-20 {
        background-image: url(../assets/images/enterprise/2x/partner-20.jpg);
    }

    .partner-21 {
        background-image: url(../assets/images/enterprise/2x/partner-21.jpg);
    }

    .partner-22 {
        background-image: url(../assets/images/enterprise/2x/partner-22.jpg);
    }

    .partner-23 {
        background-image: url(../assets/images/enterprise/2x/partner-internet2.jpg);
    }

    .partner-24 {
        background-image: url(../assets/images/enterprise/2x/partner-24.jpg);
    }

    .partner-softchoice {
        background-image: url(../assets/images/enterprise/2x/partner-softchoice@2x.jpg);
    }

    .partner-futurecom {
        background-image: url(../assets/images/enterprise/2x/partner-futurecom@2x.jpg);
    }

    .partner-insight {
        background-image: url(../assets/images/enterprise/2x/partner-insight@2x.jpg);
    }

    .partner-concergent {
        background-image: url(../assets/images/enterprise/2x/partner-concergent@2x.jpg);
    }

    .partner-guidepoint {
        background-image: url(../assets/images/enterprise/2x/partner-guidepoint@2x.jpg);
    }

    .partner-internet2 {
        background-image: url(../assets/images/enterprise/2x/partner-internet2@2x.jpg);
    }

    .partner-cdw {
        background-image: url(../assets/images/enterprise/2x/partner-cdw-channel@2x.jpg);
    }

    .partner-optiv {
        background-image: url(../assets/images/enterprise/2x/partner-optiv.png)
    }

    .partner-shi {
        background-image: url(../assets/images/enterprise/2x/partner-shi-channel@2x.jpg);
    }

    .privacy-image {
        background-image: url(../assets/images/enterprise/2x/privacy-image.png);
    }

    .security-image-1 {
        background-image: url(../assets/images/enterprise/2x/security-image-1.png);
    }

    .security-image-2 {
        background-image: url(../assets/images/enterprise/2x/security-image-2.png);
    }

    .security-image-3 {
        background-image: url(../assets/images/enterprise/2x/security-image-3.png);
    }

    .security-image-4 {
        background-image: url(../assets/images/enterprise/2x/security-image-4.png);
    }

    .security-image-5 {
        background-image: url(../assets/images/enterprise/2x/security-image-5.png);
    }

    .security-image-6 {
        background-image: url(../assets/images/enterprise/2x/security-image-6.png);
    }

    .security-image-7 {
        background-image: url(../assets/images/enterprise/2x/security-image-7.png);
    }

    .security-image-8 {
        background-image: url(../assets/images/enterprise/2x/security-image-8.jpg);
    }

    .security-image-9 {
        background-image: url(../assets/images/enterprise/ico-soc2.jpg);
    }

    .security-image-10 {
        background-image: url(../assets/images/enterprise/2x/security-image-10.jpg);
    }

    .security-image-11 {
        background-image: url(../assets/images/enterprise/2x/security-image-11.jpg);
    }

    .security-image-12 {
        background-image: url(../assets/images/enterprise/2x/security-image-12.jpg);
    }

    .security-image-13 {
        background-image: url(../assets/images/enterprise/2x/security-image-13.jpg);
    }

    .security-image-14 {
        background-image: url(../assets/images/enterprise/2x/security-image-14.jpg);
    }

    .security-image-15 {
        background-image: url(../assets/images/enterprise/2x/security-image-15.jpg);
    }

    .security-image-16 {
        background-image: url(../assets/images/enterprise/2x/security-image-16.jpg);
    }

    .security-image-17 {
        background-image: url(../assets/images/enterprise/2x/security-image-17.jpg);
    }

    .security-image-18 {
        background-image: url(../assets/images/enterprise/2x/security-image-18.jpg);
    }

    .security-image-19 {
        background-image: url(../assets/images/enterprise/2x/security-image-19.jpg);
    }

    .image-truste {
        background-image: url(../assets/images/enterprise/2x/truste.png);
    }

    .image-mcafee {
        background-image: url(../assets/images/enterprise/2x/mcafee.png);
    }

    .image-maher {
        background-image: url(../assets/images/enterprise/2x/john-maher@2x.jpg);
    }
    
    .image-tullman {
        background-image: url(../assets/images/enterprise/2x/howard@2x.jpg);
    }
    
    .image-whitepaper-1 {
        background-image: url('../assets/images/whitepapers/use-cases-enterprise@2x.png');
    }

    @media (max-width: 767px) {

        /* ------------------------------------------------------------ *\
      Images
    \* ------------------------------------------------------------ */
        .image-android {
            background-image: url(../assets/images/enterprise/2x/section-image-2-mobile.jpg);
        }
    }


/* ------------------------------------------------------------ *\
  Nav Mobile
\* ------------------------------------------------------------ */

.nav-mobile-wrapper {
    display: none;
}

/* ------------------------------------------------------------ *\
  List Images Teritary
\* ------------------------------------------------------------ */

.list-images-teritary {
    margin: -15px 0 20px;
    list-style-type: none;
    text-align: center;
}

.list-images-teritary li {
    display: inline-block;
    vertical-align: top;
}

.list-images-teritary li + li {
    margin-left: 5px;
}

/* ------------------------------------------------------------ *\
  Popup
\* ------------------------------------------------------------ */

.mfp-bg{
    width:100%;
}
.mfp-bg.my-mfp-zoom-in {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.mfp-bg.my-mfp-zoom-in.mfp-ready {
    opacity: 0.8;
}
/* animate out */
.mfp-bg.my-mfp-zoom-in.mfp-removing {
    opacity: 0;
}

.mfp-bg.dark {
    background: rgba(0, 0, 0, .6);
}

.mfp-bg.dark .mfp-container {
    padding: 0;
}

.mfp-wrap .mfp-container {
    width: 830px;
    height: 530px;
    top: 50%;
    left: 50%;
    padding: 64px 24px 24px;
    margin: -250px 0 0 -415px;
    background:#fff;
    border-radius: 4px; 
}
.mfp-wrap .mfp-close {
    width: 14px;
    height: 14px;
    top: -18px;
    right: 5px;
    opacity: 1;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
}

.mfp-wrap .mfp-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mfp-wrap .mfp-close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mfp-wrap .mfp-close:after,
.mfp-wrap .mfp-close:before {
    content: '';
    position: absolute;
    width: 19px;
    height: 1px;
    top: -12px;
    left: 0;
    background: #000;
}

.mfp-wrap.dark .mfp-close {
    top: 25px;
    right: 24px;
}



.mfp-wrap.dark .mfp-close:after,
.mfp-wrap.dark .mfp-close:before {
    background: #9a9a9a;
}

@media (max-width: 640px){
    .mfp-wrap .mfp-container {
        background:none;
    }
    .mfp-wrap .mfp-close:after,
    .mfp-wrap .mfp-close:before{
        background: #fff;
    }
}

/* ------------------------------------------------------------ *\
  Header
\* ------------------------------------------------------------ */

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}
/* .header .header-content {
    padding: 5px 0 8px;
    background: #e4e4e4;
}

.header .logo {
    float: left;
}

.header .header-inner {
    float: right;
    padding-top: 10px;
}

.header .header-inner:after {
    content: '';
    display: block;
    clear: both;
}

.header .header-inner nav {
    float: left;
}

.header .header-bar {
    padding: 9px 0;
    text-align: right;
    background: #fff;
}

.header .header-bar ul {
    display: inline-block;
} */

/* ------------------------------------------------------------ *\
  Header Secondary
\* ------------------------------------------------------------ */

.header-secondary .logo {
    background-image: url(../assets/images/logo-white.png);
    background-size: 100% 100%;
}

.header-secondary .ico-globe {
    background-image: url(../assets/images/Icons/1x/ico-globe-white.png);
}

.header-secondary .header-content {
    background: #5e5b5b;
}

.header-secondary .header-content nav {
    color: #fff;
}

@media only screen and ( -webkit-min-device-pixel-ratio: 2 ), only screen and ( min-device-pixel-ratio: 2 ), only screen and ( min-resolution: 192dpi ) {

    /* ------------------------------------------------------------ *\
    Header Secondary
  \* ------------------------------------------------------------ */
    .header-secondary .logo {
        background-image: url(../assets/images/logo-white@2x.png);
        background-size: 100% 100%;
    }

    .header-secondary .ico-globe {
        background-image: url(../assets/images/Icons/2x/ico-globe-white@2x.png);
    }
}

.orig-image-sm {
    width: 240px !important;
}

.orig-image-md {
    width: 480px !important;
}

/* ------------------------------------------------------------ *\
  Logo
\* ------------------------------------------------------------ */

.logo {
    display: inline-block;
    width: 128px;
    height: 37px;
    vertical-align: middle;
    background-image: url(../assets/images/logo.png);
    background-size: 100% 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
}

@media only screen and ( -webkit-min-device-pixel-ratio: 2 ), only screen and ( min-device-pixel-ratio: 2 ), only screen and ( min-resolution: 192dpi ) {

    /* ------------------------------------------------------------ *\
    Logo
  \* ------------------------------------------------------------ */
    .logo {
        background-image: url(../assets/images/logo@2x.png);
        background-size: 100% 100%;
    }
}

/* ------------------------------------------------------------ *\
  Intro
\* ------------------------------------------------------------ */

a[name] {
  padding-top: 87px;
  margin-top: -87px;
  display: inline-block; /* required for webkit browsers */
  vertical-align: top;
}

.img-guide-icons {
    vertical-align: bottom;
    height: 20px;
    width: 20px;
}

/* ------------------------------------------------------------ *\

\* ------------------------------------------------------------ */

.link-play-text {
    padding: 2px 0px 0px 0px;
}

.link-play-text:hover {
    color: #E7B400;
    text-decoration: none;
    transition: .5s;
}



/* ------------------------------------------------------------ *\
  Section Features
\* ------------------------------------------------------------ */

.section-features {
    padding: 20px 0 18px;
}

/* ------------------------------------------------------------ *\
  Feature
\* ------------------------------------------------------------ */

.feature {
    padding: 52px 24px;
    border: 1px solid #cdcdcd;
    background: #fff;
}

.feature:after {
    content: '';
    display: block;
    clear: both;
}

.feature .feature-content {
    float: right;
    width: 64%;
    padding-top: 24px;
    line-height: 1.22;
}

.feature .feature-image {
    position: relative;
    float: left;
}

.feature .feature-image span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 24px;
}

/* ------------------------------------------------------------ *\
  Section Info
\* ------------------------------------------------------------ */

.section-info {
    border: 1px solid #cbcbcb;
    background: #fff;
}

.section-info + .section-info {
    margin-top: 18px;
}

.section-info:after {
    content: '';
    display: block;
    clear: both;
}

.section-info h3 {
    padding-bottom: 12px;
}

.section-info p {
    padding-bottom: 24px;
    font-size: 20px; 
    line-height: 28px; 
    font-weight: 300; 
    letter-spacing: -0.22px;
}

.section-info .section-image img {
    width: 100%;
    height: auto;
}

.section-info .section-image-teritary {
    padding: 20px 100px 0 78px;
}

.section-info .section-content {
    float: left;
    width: 50%;
    padding: 93px 50px 30px 67px;
}

.section-info .section-image {
    float: right;
    width: 50%;
}

/* ------------------------------------------------------------ *\
  Feature Secondary
\* ------------------------------------------------------------ */

.feature-secondary {
    padding: 46px 20px 49px;
    border: 1px solid #cdcdcd;
    text-align: center;
    background: #fff;
}

.feature-secondary span {
    display: block;
    min-height: 34px;
    margin-bottom: 20px;
    line-height: 34px;
}

.feature-secondary h4 {
    padding-bottom: 6px;
}

.feature-secondary a:hover {
    color: #999999;
    text-decoration: none;
}

.feature-big-text{
    min-height: 185px;
    
}

.feature-big-text-2{
    padding-left: 70px;
    padding-right: 70px;
}
.feature-big-text-3{
    padding-left: 80px;
    padding-right: 80px;
}

.feature-big-text h4{
    color: #000;
    font-weight: 300;
    font-size: 18px
}

.feature-big-text span {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 40px;
    color: #000;
}

/* ------------------------------------------------------------ *\
  Link More
\* ------------------------------------------------------------ */
.link-more a {
    color: #666666;
    text-decoration: none;
}

.link-more {
    font-size: 18px;
    font-weight: 300;
    color: #E6B300;
}

/* ------------------------------------------------------------ *\
  Section Info Secondary
\* ------------------------------------------------------------ */

.section-info-secondary p {
    padding-right: 15px;
}

.section-info-secondary p span {
    font-weight: 600;
}

.section-info-secondary .section-image {
    float: left;
}

.section-info-secondary .section-content {
    float: right;
    padding-right: 80px;
}

/* ------------------------------------------------------------ *\
  Section Protect
\* ------------------------------------------------------------ */

.section-protect {
    padding: 58px 150px 50px;
    margin-top: 18px;
    border: 1px solid #cbcbcb;
    text-align: center;
    background: #fff;
}

.section-protect h3 {
    padding-bottom: 16px;
}

.section-protect p a {
    color: #E6B300;
}

.section-protect p a:hover {
    color: #333;
    text-decoration: none;
}

.section-protect > p {
    padding-bottom: 39px;
}

.section-protect .section-actions a + a {
    margin-left: 25px;
}

/* ------------------------------------------------------------ *\
  Section Financial Detox
\* ------------------------------------------------------------ */

#section-financialdetox a {
    color: #E6B300 !important;
}

#section-financialdetox .list-group .list-group-item {
    border: 0;
    font-size: 14px;
}

#section-financialdetox b {
    font-weight: 300;
}

/* ------------------------------------------------------------ *\
  Section Awards
\* ------------------------------------------------------------ */

.section-awards {
    padding: 58px 150px 50px;
    margin-top: 18px;
    border: 1px solid #cbcbcb;
    text-align: center;
    background: #fff;
}

.section-awards h3 {
    padding-bottom: 16px;
}

.section-awards p a {
    color: #E6B300;
}

.section-awards p a:hover {
    color: #333;
    text-decoration: none;
}

.section-awards > p {
    padding-bottom: 39px;
}

.section-awards .award-1 {
    width: 45%;
    margin-top: 20px;
}

.section-awards .award-2 {
    width: 50%;
    margin-top: 20px;
}

.section-awards .section-actions a + a {
    margin-left: 25px;
}

/********STUDENT DISCOUNT*******/
.section-student-discount{
    margin-top:18px;
    padding: 50px 40px 0 40px;
    text-align:center;
}
.section-student-discount .btn-yellow{
    padding: 10px 20px;
    text-decoration:none;
}
.section-normal-links p a {
    color: #CF9F24;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.section-normal-links p a:hover {
    color: #767676;
}

/***********KeeperChatOffer************/
#keeperChatOffer.section .section-head{
    max-width: 900px;
}
#keeperChatOffer.section-quaternary .section-actions{
    padding:0 0 20px;
}
#keeperChatOffer.section .playChatVideo{
    margin: 20px 0 20px;
}
#keeperChatOffer.section .playChatVideo a{
    color:#000;
    font-size: 16px;
}
/* ------------------------------------------------------------ *\
  Testimonial
\* ------------------------------------------------------------ */

.testimonial {
    font-weight: 300;
    text-align: left;
}

.testimonial p {
    padding-bottom: 16px;
    line-height: 1.2;
}

.testimonial .testimonial-meta {
    font-size: 14px;
}

.testimonial .testimonial-meta span {
    display: block;
}

.testimonial .testimonial-meta span + span {
    margin-top: 6px;
}

/* ------------------------------------------------------------ *\
  List Customers
\* ------------------------------------------------------------ */


@media (min-width: 768px) {
    .list-customers li:nth-child(1) {
        margin-top: 11px;
    }

    .list-customers li:nth-child(3) {
        margin-top: 8px;
    }

    .list-customers li:nth-child(5) {
        margin-top: 9px;
    }

    .list-customers li:nth-child(6) {
        margin-top: 13px;
    }
}

.list-customers {
    padding: 21px 0 51px;
    margin: 0 -30px;
    list-style-type: none;
}

.list-customers:after {
    content: '';
    display: block;
    clear: both;
}

.list-customers li {
    float: left;
    width: 25%;
    height: 53px;
    line-height: 53px;
}

.list-customers .image {
    display: inline-block;
}

/* ------------------------------------------------------------ *\
  Col
\* ------------------------------------------------------------ */

.cols:after {
    content: '';
    display: block;
    clear: both;
}

.col {
    float: left;
}

.col-size1 {
    width: 23.33%;
}

.col-size2 {
    width: 22.11%;
}

.col-size3 {
    width: 10.34%;
}

.col-size4 {
    width: 45%;
}

.col-size5 {
    width: 55%;
}

.col-size6 {
    width: 40.45%;
}

.col-size7 {
    width: 37.87%;
}

.col-size8 {
    width: 21.68%;
}

.col-size9 {
    width: 26.39%;
}

.col-size10 {
    width: 20.83%;
}

.col-1of2 {
    width: 50%;
}

.col-1of3 {
    width: 33.3%;
}

/* ------------------------------------------------------------ *\
  SSO Connect
\* ------------------------------------------------------------ */

.sso-guide-container p {
    margin-top: 25px;
    margin-bottom: 10px;
    clear: both;
}

p.sso-more-link {
    margin-top: 40px;
}

.sso-guide-container .sso-setupguides {
    background: #fff;
    display: block;
    border: 1px solid #CBCBCB;
    height: 90px;
    min-width: 200px;
    width: 100%;
    margin-bottom: 13px;
    padding-top: 20px;
}

.sso-guide-container .lastfix {
    margin-right: 0px;
}

.sso-guide-container .sso-setupguides {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.sso-guide-container .sso-setupguides:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    border: 1px solid #B6B6B6;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
}

/* ------------------------------------------------------------ *\
  Copyright
\* ------------------------------------------------------------ */

.copyright {
    font-size: 12px;
    font-weight: 300;
    color: #797979;
    text-align: center;
}

/* ------------------------------------------------------------ *\
  Container
\* ------------------------------------------------------------ */

.container {
    width: 100%;
    max-width: 1440px;
}

/* ------------------------------------------------------------ *\
  Intro Secondary
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
  Section
\* ------------------------------------------------------------ */

.section {
    padding: 88px 130px 74px;
    text-align: center;
}

.section a:not(.btn) {
    color: #CF9F24;
}

.section p + h3 {
    padding-top: 33px;
}

.section .section-head {
    max-width: 750px;
    padding-bottom: 39px;
    margin: -6px auto 50px;
    border-bottom: 1px solid #979797;
}

.section .section-head h3 {
    padding-bottom: 17px;
}

.section .section-head p {
    padding: 0;
}



/* ------------------------------------------------------------ *\
  FAQ
\* ------------------------------------------------------------ */

#faq-body a{
    color: #CF9F24;
}

#faq-body a:hover{
    color: #9B9B9B;
    transition: all 0.2s linear;
    text-decoration: none;
}

.faqanswers a{
    color: #CF9F24;
    text-decoration: none;
}
.faqanswers a:hover{
    color: #9B9B9B;
    transition: all 0.2s linear;
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  List Steps
\* ------------------------------------------------------------ */

.list-steps {
    counter-reset: nums;
    list-style-type: none;
    text-align: justify;
}

.list-steps:after {
    content: '';
    display: inline-block;
    width: 100%;
    clear: both;
}

.list-steps li {
    counter-increment: num;
    display: inline-block;
    width: 270px;
    vertical-align: top;
    text-align: center;
}

.list-steps li:before {
    content: counter(num) '. ';
}

.list-steps li:first-child img {
    max-width: 245px;
}

.list-steps .image {
    max-width: 220px;
    margin-top: 50px;
}

.list-steps .image.list-steps-image-1 {
    max-width: 245px;
}

/* ------------------------------------------------------------ *\
  List Numbers
\* ------------------------------------------------------------ */

.list-numbers {
    padding: 9px 0 0;
    counter-reset: nums;
    list-style-type: none;
}

.list-numbers strong {
    font-weight: 600;
}

.list-numbers li {
    position: relative;
    display: block;
    padding-left: 17px;
    line-height: 1.2;
    counter-increment: num;
}

.list-numbers li:before {
    content: counter(num) '.';
    position: absolute;
    top: 0;
    left: 0;
}

.list-numbers li + li {
    margin-top: 11px;
}

.list-numbers a {
    color: #E6B300;
}

/* ------------------------------------------------------------ *\
  Section Secondary
\* ------------------------------------------------------------ */

.section-secondary {
    padding: 62px 130px 79px;
}

.section-secondary h3 {
    padding-bottom: 23px;
}

.section-secondary h4 {
    padding-bottom: 14px;
}

.section-secondary p {
    padding-bottom: 25px;
    line-height: 1.25;
}

.section-secondary p a {
    font-weight: 300;
    color: #000;
}

.section-secondary p:last-child {
    padding-top: 15px;
}

/* ------------------------------------------------------------ *\
  Intro Teritary
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
  Section Teritary
\* ------------------------------------------------------------ */

.section-teritary {
    padding: 50px 95px 60px;
}

.section-teritary h3 {
    padding-bottom: 33px;
}

.section-teritary p {
    padding-bottom: 31px;
}

.section-teritary p.top-spacing {
    padding-top: 31px;
}

#positions h4{
    padding-bottom: 20px;
}

#positions h4 span{
    color: #9B9B9B;
    font-size: 14px;
}
.career-page-postings h4{
    padding-bottom: 20px;
}

#positions a {color:#1B78E0; text-decoration: none;}

.jobs a {color:#1B78E0; text-decoration: none; font-weight: 300;}

.marketing-landing-page h2{
    font-size: 24px;
    color: #000;
    padding-bottom: 33px;
}
.marketing-landing-page h3{
    font-size: 20px;
    color: #000;
}
span.circle-step {
  background: #365271;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
}
.market-pad {
    margin-bottom: 20px;
}
.market-callout{
    border: 1px solid #365271; background: #fff; margin-bottom: 40px; margin-top: 20px; padding:20px;
}
/* ------------------------------------------------------------ *\
  Toggle
\* ------------------------------------------------------------ */

#more-button1{border-style:none;background:none;color:#CF9F24;}
#more-button2{border-style:none;background:none;color:#CF9F24;}

#grow1 input:checked{color:red;}
#grow2 input:checked{color:red;}

#more-button1:hover{color:black;}
#more-button2:hover{color:black;}

#grow1 {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
  }
  #grow2 {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
  }

/* ------------------------------------------------------------ *\
  List Partners
\* ------------------------------------------------------------ */

.list-partners {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style: none;
}

.list-partners li {
    margin-bottom: 40px;
}

/* FOUR COLUMN */

.list-partners.four-column li {
    width: calc(100% / 4);
}

@media screen and (min-width: 431px) and (max-width: 768px) {
    .list-partners.four-column li {
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 430px) {
    .list-partners.four-column li {
        width: calc(100% / 2);
    }
}

/* THREE COLUMN */

.list-partners.three-column li {
    width: calc(100% / 3);
    margin-bottom: 40px;
}

@media screen and (max-width: 430px) {
    .list-partners.three-column li {
        width: 100%;
    }
}

@media screen and (min-width: 431px) and (max-width: 768px) {
    .list-partners.three-column li {
        width: calc(100% / 2);
    }
}

/* ------------------------------------------------------------ *\
  Section Info Teritary
\* ------------------------------------------------------------ */

.section-info-teritary {
    padding-bottom: 67px;
}

.section-info-teritary .section-head {
    padding-bottom: 25px;
    margin-bottom: 43px;
}

.section-info-teritary .list-partners + .list-partners {
    margin-top: 80px;
}

.section-info-teritary .section-actions {
    padding-top: 82px;
    margin-bottom: -30px;
}

.section-info-teritary .section-actions .btn {
    max-width: 220px;
    white-space: normal;
}

/* ------------------------------------------------------------ *\
  List Systems
\* ------------------------------------------------------------ */

.list-systems {
    list-style-type: none;
}

.list-systems:after {
    content: '';
    display: block;
    clear: both;
}

.list-systems li {
    float: left;
}

.list-systems li + li {
    margin-left: 30px;
}

/* ------------------------------------------------------------ *\
  Section Quaternary
\* ------------------------------------------------------------ */

.section-quaternary {
    padding: 58px 16px 53px;
}

#section-wnb.section-quaternary {
    padding-bottom: 0px;
}

.section-quaternary .section-actions {
    padding-top: 85px;
    margin: 0;
}

.section-quaternary .btn + .btn {
    margin-left: 18px;
}

.section-quaternary .section-head {
    padding-bottom: 51px;
    margin: 0 auto;
    border: 0;
}
.section-lesspadd .section-head {
    padding-bottom: 10px;
}

.section-quaternary .section-head p {
    line-height: 1.25;
}

/* ------------------------------------------------------------ *\
  List Services
\* ------------------------------------------------------------ */

.list-services {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 300;
    text-align: center;
    list-style-type: none;
}

.list-services:after {
    content: '';
    display: block;
    clear: both;
}

.list-services li {
    float: left;
    width: 25%;
    padding: 0 21px;
}

.list-services span {
    display: block;
    height: 36px;
    margin-bottom: 17px;
    line-height: 36px;
}

.list-services strong {
    display: block;
    padding-bottom: 9px;
    font-size: 16px;
    font-weight: 300;
}

/* ------------------------------------------------------------ *\
  Intro Quinary
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
  Posts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
  Section Posts
\* ------------------------------------------------------------ */
p.family-plan-intro {
    margin-top: 20px;
}

.section-family-plan-checkout p strong {
    font-size: 14px;
}

.section-family-plan-checkout p:first-child {
    margin-bottom: 10px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.section-family-plan-checkout p:last-child {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.section-family-plan-checkout .btn-yellow {
    min-width: 172px;
}

.section-posts {
    margin-bottom: -2px;
}

.section-posts .section-link {
    display: inline-block;
    padding-top: 28px;
    font-family: 'Lucida Grande', sans-serif;
    font-size: 15px;
    color: #333;
}

/* ------------------------------------------------------------ *\
  What's New
\* ------------------------------------------------------------ */
#whats-new.section-quaternary .section-actions {
    padding-top: 20px;
    margin: 0;
    padding-bottom: 29px;
}

#whats-new img {
    margin-top: 30px;
}

/* ------------------------------------------------------------ *\
  Intro Tabs
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
  Consumer Landing Pages
\* ------------------------------------------------------------ */

.section-price {
    margin: 0 -5px 10px;
}
.price-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -40px 0 53px;
}
.price__item {
    position: relative;
    width: 386px;
    padding: 47px 20px 28px;
    border: 1px solid #cbcbcb;
    background-color: #fff;
    text-align: center;
    min-height: $breakpoint-sm-md;
}
.price__item--green:before, .price__item--blue:after, .price__item--blue:before, .price__item--orange:before {
    position: absolute;
    content: '';
}
.price__item--green:before {
    top: -1px;
    left: -1px;
    right: -1px;
    height: 8px;
    border-top: 7px solid #60c135;
    /*border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;*/
    left: 0px;
    right: 0px;
}
.price__item--orange:before {
    top: -1px;
    left: -1px;
    right: -1px;
    height: 8px;
    border-top: 7px solid #E48200;
}
.price__item--blue:before {
    top: -1px;
    left: -1px;
    right: -1px;
    height: 8px;
    border-top: 7px solid #0791C7;
}
.price__item--green .price__item-message {
    background-color: #60c135;
    min-height: 38px;
    padding-top: 7px;
    color: #fff;
}
.price__item--large {
    z-index: 2;
    padding-bottom: 57px;
    margin: -31px -4px 0;
    padding-top: 0;
    box-shadow: 0 0 12px 4px rgba(0,0,0,.2);
    border: none;
    min-height: 694px;
    padding-left: 0px;
    padding-right: 0px;
}
.price__item .price__item-title {
    margin-bottom: 0px;
    line-height: 1.46;
    font-weight: 600;
    letter-spacing: -.13px;
    color: #000;
    font-size: 22px;
}

.price-items .pricing-per-unit {
    margin-top: 0px;
    margin-bottom: 24px;
}

.price__item--orange .pricing-free-trial a, .price__item--orange .pricing-amount-cell{
    color: #E48200;
}
.price__item--blue .pricing-free-trial a, .price__item--blue .pricing-amount-cell{
    color: #0791C7;
}
.price__item--green .pricing-free-trial a, .price__item--green .pricing-amount-cell{
    color: #60c135;
}

.price__item--green .price__item-title {
    margin-top: 40px;
}

.price-items .pricing-free-trial{
    margin-top: 24px;
    margin-bottom: 32px;
}

.consumer-section .checkout-links-href {
    background-color: #CF9F24;
    color: #fff;
}

.section-sfs h3{
    font-weight: 600;
    letter-spacing: -.13px;
    color: #000;
    font-size: 22px;
    text-align: center;
    margin-top: 16px;
}
.section-sfs p, .section-actions{
    text-align: center;
}

.section-secure-file-storage {
    margin-bottom: 14px;
}


/* ------------------------------------------------------------ *\
  Service
\* ------------------------------------------------------------ */

.service {
    position: relative;
    text-align: center;
    background: #fff;
}

.service .cols {
    padding: 0 125px;
}

.service .service-head {
    position: relative;
    padding: 38px 0 17px; /*background: #e4e4e4;*/
}

.service .service-actions {
    padding: 22px 0;
    background: #5d6b72;
}

.service .service-body {
    min-height: 325px;
    padding: 20px 0 10px;
}

.service .service-price {
    font-size: 18px;
    font-weight: 300;
}

.service .service-price small {
    display: block;
    padding-top: 5px;
    font-size: 16px;
}

.service .pricing-per-unit {
    font-size: 16px;
    font-weight: 300;
}

.pricing-full-price{
    color: #9B9B9B; 
    text-decoration: line-through; 
    margin-top: 10px;
}

.pricing-discount-price{
    font-family: 'Kalam', cursive; 
    font-weight: 700; 
    color: #D0021B; 
    font-size: 22px;
}

.pricing-discount-price span{
    top: -7px; 
    font-size: 14px; 
    position: relative;
}

.list-services-secondary li.pricing-newonly {
    font-size: 12px;
    margin-top: 30px;
}

a.trial-business {
    color: #31C371;
    transition: all 0.2s linear;
    text-decoration: none;
    outline: none;
}

a:hover.trial-business {
    color: #9B9B9B;
    transition: all 0.2s linear;
    text-decoration: none;
    outline: none;
}

a:focus.trial-business, a:active.trial-business, a:hover.trial-business {
    outline: none;
}

a.trial-individual {
    color: #CF9F24;
    transition: all 0.2s linear;
    text-decoration: none;
}

a:hover.trial-individual {
    color: #9B9B9B;
    transition: all 0.2s linear;
    text-decoration: none;
}

.service-business .list-services-title {
    color: #31C371;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 30px
}

.service-family .list-services-title {
    color: #0791C7;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 30px
}

.service-individual .list-services-title {
    color: #CF9F24;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 30px
}

.pricing-free-trial {
    margin-top: 14px;
    color: #31C371;
    text-decoration: none;
    display: block;
}

.perks-n-benefits .row{
    font-size: 16px;

}

.perks-n-benefits .text-center{
    margin-bottom: 40px;
    margin-top: 20px;
}

.perks .pricing-free-trial {
    margin-top: 0px;
}

.perks .section-downloads .intro-title{
    font-size: 28px;
    margin-bottom: 24px;
    font-weight: 100;
}

.perks .highlight{
    font-weight: 300;
    font-size: 18px;
    margin-top: 40px;
}

.perks .section-downloads{
    padding-bottom: 0px;
}

.perks .section-downloads .btn-secondary {
    font-size: 16px;
    margin-top: 30px;
}

.perks li.list-services-secondary {
    font-size: 14px;
}
.perks .list-arrows-secondary li:before {
    top:6px;
}

.perks .list-arrows-secondary li{
    text-transform: lowercase;
} 

.perks li::first-letter {
    text-transform: uppercase;
} 
.perks .keeper_perks li{
    text-transform: none;
}
.service-list-divider {
    border-bottom: solid #CBCBCB 1px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.service-head h3 img {
    vertical-align: baseline;
    position: relative;
    top: 2px;
}

.service-business .pricing-amount-cell {
    color: #31C371;
}

.service-individual .pricing-amount-cell {
    color: #CF9F24;
}

.service-family .pricing-amount-cell {
    color: #0791C7;
}

.pricing-amount-cell {
    font-size: 48px;
    font-weight: 300;
}

.pricing-amount-strikethrough-cell {
    font-size: 48px;
    font-weight: 300;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    color: #55B92F;
}

.pricing-amount-strikethrough-cell:after {
    content: "";
    top: 40%; bottom: 0;
    left: 0; right: 0;
    height: 3px; width: 100%;
    background-color: black;
    border: 0;
    position: absolute;
}

.pricing-symbol-sup {
    font-size: 28px;
    vertical-align: super;
    position: relative;
    top: 5px;
}

.pricing-per-year {
    font-size: 16px;
    font-weight: 300;
    vertical-align: super;
    position: relative;
    top: -4px;
}

.d-inline {
    display: inline-block;
}

[locale="zh_CN"] sup.currency{
    margin-right: 0.2em!important;
}

@media only screen  and (min-width: 768px) {
    .service {
        min-height: 800px;
    }
    .perks .service {
    min-height: 0px;
    padding-bottom: 30px;
    }
}

/* ------------------------------------------------------------ *\
  Service Primary
\* ------------------------------------------------------------ */

.service-primary .service-head:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    background: #f5bc29;
}

.service-family .service-head:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    background: #0791C7;
}

.service-business .service-head:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    background: #31C371;
}

.service-individual .service-head:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    background: #CF9F24;
}

.section-accounting {
    padding-left: 80px;
    padding-right: 80px;
}

.section-accounting-teamup .section-head {
    padding-bottom: 32px
}

.team-with-keeper {
    margin-top: 40px;
    padding-left: 20%;
    padding-right: 20%;
}

/* ------------------------------------------------------------ *\
  Tabs
\* ------------------------------------------------------------ */

.tab {
    display: none;
}

.tab.current {
    display: block;
}

.perks .tabs {
    margin-top: 20px;
}

/* ------------------------------------------------------------ *\
  List Services Secondary
\* ------------------------------------------------------------ */

.list-services-secondary {
    font-size: 15px;
    font-weight: 300;
    list-style-type: none;
}

.list-services-secondary li + li {
    margin-top: 11px;
}

li.list-micetype {
    font-size: 12px;
}

/* ------------------------------------------------------------ *\
  List Arrows
\* ------------------------------------------------------------ */

.list-arrows {
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    list-style-type: none;
}

.list-arrows li:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 5px;
    height: 8px;
    top: -1px;
    margin-right: 9px;
    vertical-align: middle;
    background: url(../assets/images/arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.list-arrows li + li {
    margin-top: 11px;
}

/* ------------------------------------------------------------ *\
  List Awards
\* ------------------------------------------------------------ */

.list-awards {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
}

.list-awards .award {
    width: 33%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .list-awards .award { width: 50%; }
}

@media screen and (max-width: 450px) {
    .list-awards .award { width: 50%; margin-bottom: 50px; }
}

/* ------------------------------------------------------------ *\
  Service Secondary
\* ------------------------------------------------------------ */

.service-secondary h3 {
    font-size: 22px;
    padding-bottom: 4px;
}

.service-secondary p {
    font-size: 18px;
    font-weight: 300;
}

.service-secondary .service-head {
    padding: 52px 0 45px;
}

.service-secondary .service-body {
    min-height: 0;
    padding: 27px 0 61px;
}

.service-secondary .btn { /*max-width: 164px;*/
    padding: 0 10px;
    min-width: 224px;
}

.service-secondary .btn + .btn {
    margin-left: 24px;
}

/* ------------------------------------------------------------ *\
  Intro Privacy
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Section Privacy
\* ------------------------------------------------------------ */

.section-privacy {
    padding: 46px 97px 91px;
}

.section-privacy h3 {
    padding-bottom: 8px;
}

.section-privacy p {
    padding-bottom: 23px;
}

.section-privacy a {
    color: #E6B300;
}

.section-privacy .image {
    margin-bottom: 29px;
}

/* ------------------------------------------------------------ *\
  Tabs Secondary
\* ------------------------------------------------------------ */

.tabs-secondary {
    padding-top: 19px;
    margin: 0;
}

/* ------------------------------------------------------------ *\
  Section Form
\* ------------------------------------------------------------ */

.section-form {
    padding: 51px 98px 60px;
}

.section-form p {
    padding-bottom: 27px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

#install-edge a {
    color: #cf9f24;
    text-decoration: none;
    transition: .5s;
}

#install-edge a:hover {
    color: #6E6E6E;
    transition: .5s;
}

/* ------------------------------------------------------------ *\
  Section ROI
\* ------------------------------------------------------------ */

.section-roi {
    padding: 0px;
}
.section-no-bottom {
    padding-bottom: 30px;
}

/* ------------------------------------------------------------ *\
  User Guides
\* ------------------------------------------------------------ */

#auto-fill a {
    color: #cf9f24;
    text-decoration: none;
    transition: .5s;
}

#auto-fill a:hover {
    color: #6E6E6E;
    transition: .5s;
}

.user-guides p a {
    color: #cf9f24;
    text-decoration: none;
    transition: .5s;
}

.user-guides p a:hover {
    color: #6E6E6E;
    transition: .5s;
}

.console-index ul {
    list-style: none;
    list-style-type: none;
}
.console-index ul h3{
    padding-bottom: 5px;
}
.console-index ul .sublink li a{
    font-size: 22px; 
    line-height: 1.2em;
    padding: 10px 0;
    display:block;
}
@media(max-width: 768px){
    .console-index ul .sublink li a{
        font-size: 14px;
    }
}

.console-index a {
    color: #6E6E6E;
    text-decoration: none;
    transition: .5s;
}

.console-index a:hover {
    color: #cf9f24;
    transition: .5s;
}
/* ------------------------------------------------------------ *\
  Form Partner
\* ------------------------------------------------------------ */

.form-partner h3 {
    padding-bottom: 23px;
}

.form-partner .form-col-size1 {
    width: 39.81%;
}

.form-partner .col + .col {
    float: right;
}

.form-partner .form-actions {
    padding-top: 26px;
    text-align: center;
}

.form-partner .btn {
    height: 43px;
    line-height: 100%;
    background: none;
}

/* ------------------------------------------------------------ *\
  Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder {
    color: #ababab;
    opacity: 1;
}

input::-moz-placeholder {
    color: #ababab;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #ababab;
    opacity: 1;
}

input::placeholder {
    color: #ababab;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #ababab;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #ababab;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #ababab;
    opacity: 1;
}

textarea::placeholder {
    color: #ababab;
    opacity: 1;
}

input:focus {
    outline: 0;
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.field {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 8px;
    border: 0;
    border-bottom: 1px solid #1f1f1f;
    border-radius: 0;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    background: none;
}
.field.field2{
    position:relative;
    border:none;
    background: rgba(0,0,0,0.06);
    border-radius: 4px;
    height: 56px;
    color:#000;
    font-size: 16px;
    line-height: 75px;
}
.field.field2:before{
    content: attr(data-desc);
    position: absolute;
    left:9px;
    top:10px;
    font-size: 12px;
    color: rgba(0,0,0,0.54);
    letter-spacing: 0;
    line-height: 14px;
}

.field-dropdown {
    background-image: url(../assets/images/Icons/icon-chevron.svg);
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

textarea.field {
    height: 140px
}

.field.dropdown {
    background-image: url(../assets/images/Icons/icon-chevron.svg);
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
    background-size: 15px;
    background-repeat: no-repeat;
}

/* ------------------------------------------------------------ *\
  Section Anchors
\* ------------------------------------------------------------ */

a.anchoring {
    display: block;
    position: relative;
    top: -210px;
    visibility: hidden;
}


.section-anchors {
    position: relative;
    padding: 47px 58px 42px;
}

.section-anchors:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    background: #ffc600;
}

.section-bordered-top {
    position: relative;
}

.section-bordered-top :after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    background: #ffc600;
}

.shell-keeper-unlimited .section-bordered-top {
    position: relative;
}

.section-bordered-top-unlimited {
    border-top:7px solid #55B92F;
}

.shell-keeper-unlimited .section-info p{
    padding-bottom:4px;
}
.shell-keeper-unlimited .pricing-amount-cell{
    color: #55B92F;
}
.section-bordered-top-unlimited .btn{
    margin-top: 12px;
}

a.btn-freegray {
    background: #E8E8E8;
    color: #000;
    border: none;
    padding-top: 2px;
    font-size: 16px;
    transition: all 0.2s linear;
    margin-right: 20px;
}

a:hover.btn-freegray {
    background: #D4D4D4;
    border: none;
    transition: all 0.2s linear;
}

/* ------------------------------------------------------------ *\
  List Anchors
\* ------------------------------------------------------------ */

.list-anchors {
    font-size: 18px;
    line-height: 0;
    text-align: justify;
    list-style-type: none;
}

.list-anchors:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.list-anchors li {
    display: inline-block;
    line-height: 1.3;
    text-align: center;
}

.list-anchors span {
    display: block;
    min-height: 31px;
    margin-bottom: 11px;
}

.list-anchors a {
    display: block;
    transition: .5s;
}

.list-anchors a:focus {
    color: #000;
    text-decoration: none;
}

.list-anchors a:hover {
    color: #E7B400;
    text-decoration: none;
    opacity: 1;
}

.view-all-link a:hover {
    color: #E7B400;
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  Section Quinary
\* ------------------------------------------------------------ */

.section-quinary {
    padding: 72px 66px 100px;
}

.section-quinary h3 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 29px;
}

.section-quinary .cols {
    margin-left: -21px;
}

.section-quinary .col {
    padding-left: 21px;
}


/* ------------------------------------------------------------ *\
  Feature Teritary
\* ------------------------------------------------------------ */

.feature-teritary {
    padding: 10px 10px 30px;
    border: 1px solid #cdcdcd;
    text-align: center;
}

.feature-teritary.webinar {
    padding: 30px 10px;
}

.feature-teritary h3 {
    font-size: 16px;
    padding-bottom: 19px;
}
.feature-one-event {
    border: none;
}

.feature-teritary a:not(.btn) {
    display: block;
    color: #000;
}

.feature-teritary i:not(.fa) {
    position: relative;
    top: -2px;
    margin-left: 1px;
}

.feature-teritary span {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 2px;
}

.feature-teritary span:hover {
    opacity: .7;
}

.feature-teritary h3.feature-title a:hover {
    color: #E7B400;
    text-decoration: none;
}

#infographics .feature-teritary {
    min-height: 300px;
}
.feature-one-event {
    border: none;
}

/* ------------------------------------------------------------ *\
  Section Webinars
\* ------------------------------------------------------------ */

.section-webinars {
    margin: 18px 0;
}

.section-webinars h3 {
    font-size: 22px;
    padding-bottom: 13px;
}

.section-webinars p {
    padding-bottom: 24px;
}

.section-webinars .section-inner {
    padding: 66px 20px 40px;
    border: 1px solid #cdcdcd;
    text-align: center;
    background: #fff;
    min-height: 300px;
}

.section-webinars .btn + .btn {
    margin-left: 16px;
}

.section-webinars .old-guide {
    margin-top: 20px;
}

/* ------------------------------------------------------------ *\
  Section Videos
\* ------------------------------------------------------------ */

.section-videos {
    padding: 66px 66px 100px;
    text-align: center;
}

.section-videos h3 {
    font-size: 22px;
    padding-bottom: 35px;
}

.section-videos .section-actions {
    padding-top: 38px;
}

.section-videos .cols {
    margin-left: -18px;
}

.section-videos .col {
    padding-left: 18px;
}

/* ------------------------------------------------------------ *\
  Table
\* ------------------------------------------------------------ */

.comparison-chart th {
    text-align: center;
}
.comparison-chart thead th{
    font-size: 22px;
    font-weight: 300;
}
.comparison-chart .heading-orange{
    color: #E48200;
}
.comparison-chart .heading-green{
    color: #55B92F;
}
.comparison-chart .heading-blue{
    color: #0791C7;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border: none;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}

.table>thead>tr>th{
    border: none;
}
.comparison-chart tr.border-bottom{
    border-bottom: 1px solid #ddd;
}

.border-bottom-cta .btn-secondary{
    margin-top: 15px;
}

.comparison-chart th:first-child {
    text-align: left;
}

.comparison-chart tbody th{
    font-weight: 300;
}

.comparison-chart tbody tr:first-child {
    border: none;
}
.comparison-chart-price{
    font-size: 18px;
    font-weight: 300;
    padding: 0px;
    color: #000;
}


/* ------------------------------------------------------------ *\
  Video
\* ------------------------------------------------------------ */

.video {
    position: relative;
    padding: 10px;
    border: 1px solid #cdcdcd;
    transition: .5s;
}

.video:hover {
    opacity: .7;
}

.video a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 10;
}

.video img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.video p {
    padding: 0;
}

.video .video-inner {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.video .video-content {
    width: 68.33%;
}

.video .video-image {
    width: 31.67%;
}

.video .video-group {
    position: relative;
    display: block;
}

.video .video-group i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    opacity: .66;
}

.video .video-image,
.video .video-content {
    display: table-cell;
    vertical-align: middle;
}

.code_set em {
    color: #228E00;
}

/* ------------------------------------------------------------ *\
  Intro Senary
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
  Intro Nav
\* ------------------------------------------------------------ */

.error-image-title h1 img {
    vertical-align: baseline;
    position: relative;
    top: 1px;
}


/* ------------------------------------------------------------ *\
  Nav Secondary
\* ------------------------------------------------------------ */

.nav-secondary {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.nav-secondary ul {
    list-style-type: none;
}

.nav-secondary ul:after {
    content: '';
    display: block;
    clear: both;
}

.nav-secondary li {
    float: left;
}

.nav-secondary li + li {
}

.nav-secondary a {
    display: block;
    position: relative;
    padding: 0 13px 12px;
    transition: .5s;
    color: #FFF;
    text-decoration: none;
}

.nav-secondary li a:hover {
    color: #ffc600;
    text-decoration: none;
}

.nav-secondary .current a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -1px;
    left: 0;
    background: #ffc600;
}

.nav-secondary .nav-trigger {
    display: none;
}

.nav-secondary .nav-trigger:hover {
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  Section Security
\* ------------------------------------------------------------ */

.section-security {
    padding: 46px 66px 100px;
    font-size: 14px;
}

.section-security h2 {
    color: #000;
    padding-bottom: 18px;
}

.section-security h4 {
    font-weight: 300;
    padding-bottom: 13px;
}

.section-security ul {
    padding-left: 20px;
    line-height: 1.53;
    padding-bottom: 20px;
}

.section-security p:after {
    content: '';
    display: block;
    clear: both;
}

.section-security p .image {
    float: left;
    margin-right: 17px;
}

.section-security img {
    margin-bottom: 75px;
    margin-top: 20px;
}

.section-security .section-content {
    padding: 0 40px 0 0;
}

.section-security .section-image .image {
    width: 100%;
}

.section-security .section-image-secondary {
    padding-top: 68px;
}

.section-security .section-entry {
    padding-bottom: 39px;
    margin-bottom: 34px;
    border-bottom: 2px solid #dedede;
}

.section-security .section-entry > .image {
    display: block;
    margin: 0 auto 61px;
}

.section-security .section-entry > .image:last-child {
    margin-bottom: 0;
}

.section-security .section-entry h4 {
    clear: both;
}

.section-security .section-entry:after {
    content: '';
    display: block;
    clear: both;
}

.section-security .section-entry > p:last-child {
    padding-bottom: 0;
}

.section-security .col-sm-6 {
    margin-bottom: 8px;
}

.section-security .col-sm-6:nth-child(odd) {
    clear: both;
}

.section-security .col-sm-6:last-child {
    margin: 0;
}

.section-security .col-sm-6:last-child p {
    padding-bottom: 0;
}

/* ------------------------------------------------------------ *\
  List Links
\* ------------------------------------------------------------ */

.list-links {
    padding-bottom: 22px;
    margin-top: -6px;
    font-size: 14px;
    font-weight: 300;
    color: #CF9F24;
    list-style-type: none;
}

.list-links:after {
    content: '';
    display: block;
    clear: both;
}

.list-links li {
    float: left;
}

.list-links li + li {
    margin-left: 47px;
}

.list-links li a {
    color: #CF9F24;
    text-decoration: none;
}

.list-links li a:hover {
    text-decoration: none;
    color: #333;
}

/* ------------------------------------------------------------ *\
  List Certificates
\* ------------------------------------------------------------ */

.list-certificates {
    padding: 0 30px 21px;
    margin-top: -6px;
    font-size: 16px;
    list-style-type: none;
}

.list-certificates:after {
    content: '';
    display: block;
    clear: both;
}

.list-certificates li {
    float: left;
    width: 50%;
    margin-bottom: 4px;
}

.list-certificates li:last-child {
    margin-bottom: 0;
}

/* ------------------------------------------------------------ *\
  List Securities
\* ------------------------------------------------------------ */

.list-securities {
    padding: 5px 40px 0;
    font-size: 16px;
    line-height: 1.31;
    text-align: center;
    list-style-type: none;
}

.list-securities:after {
    content: '';
    display: block;
    clear: both;
}

.list-securities li {
    float: left;
    width: 25%;
    margin-bottom: 66px;
}

.list-securities li:nth-child(4n+1) {
    clear: both;
}

.list-securities li:nth-child(n+9) {
    margin-bottom: 0;
}

.list-securities .image {
    display: block;
    margin: 0 auto 11px;
}

/* ------------------------------------------------------------ *\
  Section Search
\* ------------------------------------------------------------ */

.section-search {
    padding: 75px 67px 80px;
}

.section-search h3 {
    font-size: 22px;
    padding-bottom: 32px;
}

.section-search .section-actions {
    padding-top: 40px;
}

.section-search .section-group {
    margin-top: 31px;
    text-align: center;
}

.section-search .section-close {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 24px;
    right: 24px;
}

.section-search .section-close:after {
    left: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

.section-search .section-close:before {
    top: 11px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

.section-search .section-close:before,
.section-search .section-close:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 1px;
    background: #a0a0a0;
}

.section-search .section-content {
    display: none;
    position: relative;
    float: none;
    width: 100%;
    padding: 58px 61px 50px;
    border: 1px solid #cdcdcd;
}

.section-search .section-content h3 {
    font-size: 22px;
    padding-bottom: 18px;
}

.section-search .section-content p {
    padding-bottom: 12px;
    line-height: 1.25;
}

.section-search .section-content li + li {
    margin: 1px 0 0;
}

.section-search .section-content p a {
    color: #CF9F24;
    text-decoration: none;
}

.section-search .section-content p a:link {
    color: #CF9F24;
    text-decoration: none;
}

.section-search .section-content p a:hover {
    color: #000;
}

.section-search .section-content ul {
    padding-bottom: 20px;
}

/* ------------------------------------------------------------ *\
  Search
\* ------------------------------------------------------------ */

.search {
    position: relative;
    max-width: 600px;
    margin-bottom: 45px;
}

.search.active .search-btn {
    width: 17px;
    height: 17px;
    margin-top: -8px;
    background: url(../assets/images/search-active.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.search .search-field {
    padding-right: 40px;
}

.search .search-btn {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -13px;
    border: 0;
    background: url(../assets/images/Icons/2x/search-ico@2x.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

/* ------------------------------------------------------------ *\
  List Arrows Secondary
\* ------------------------------------------------------------ */

.section-sfs-promo .list-arrows-secondary li:before {
    content:none;
}

.section-sfs-promo h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.sfs-pricing {
    margin-bottom: 72px;
    padding-left: 100px;
    padding-right: 100px;
}

.sfs-pricing .txt-storage-size{
    font-size: 48px; margin-bottom: -6px; font-weight: 600;
}
.sfs-pricing .txt-storage-size span{
    font-size: 18px;
}
.sfs-pricing .btn-storage-add {

}

.sfs-pricing .txt-storage-price{
    font-size: 18px; color: #9B9B9B; margin-bottom: 24px;
}

.list-arrows-secondary li + li {
    margin-top: 24px;
}
#positions .list-arrows-secondary li+li {
    margin-top: 8px;
}
/* ------------------------------------------------------------ *\
  Section Video Secondary
\* ------------------------------------------------------------ */

.section-videos-secondary {
    padding: 86px 66px 71px;
}

.section-videos-secondary h3 {
    text-align: left;
}

.section-videos-secondary .col {
    margin-bottom: 28px;
}

/* ------------------------------------------------------------ *\
  Section Contact
\* ------------------------------------------------------------ */

.section-contact {
    padding: 96px 20px 100px;
    text-align: center;
}

.section-contact h3 {
    font-size: 22px;
    padding-bottom: 20px;
}

.section-contact p {
    padding-bottom: 11px;
}

#admin-user-guides p {
    padding-bottom: 17px;
}

.section-adminguides p a {
    color: #CF9F24;
    text-decoration: none;
    transition: color 0.5s ease;
}

.section-adminguides p a:hover {
    transition: color 0.5s ease;
    color: #666;
}

/* ------------------------------------------------------------ *\
  Form Contact
\* ------------------------------------------------------------ */

.form-contact {
    max-width: 375px;
    padding-top: 18px;
    margin: 0 auto;
}

.form-contact .form-row + .form-row {
    margin: 22px 0 0;
}

.form-contact .btn {
    background: none;
}

.form-contact .form-actions {
    padding-top: 48px;
}

/* ------------------------------------------------------------ *\
  Section Webinars Secondary
\* ------------------------------------------------------------ */

.section-webinars-secondary h3 {
    padding-bottom: 19px;
}

.section-webinars-secondary p {
    padding-bottom: 17px;
}

.section-webinars-secondary .section-inner {
    padding: 96px 20px 110px;
}

#webinars .cols h3 {
    min-height: 83px;
    margin-left: 20px;
    margin-right: 20px;
}

#webinars image {
    border: 1px solid #f7f7f7;
}

/* ------------------------------------------------------------ *\
  List Results
\* ------------------------------------------------------------ */

.list-results {
    line-height: 1.06;
    list-style-type: none;
}

.list-results li + li {
    margin-top: 30px;
}

.list-results h3 {
    font-size: 20px;
    padding: 0 0 9px;
}

.list-results p {
    padding: 0;
    line-height: 1.06;
}

.list-results a {
    color: CF9F24;
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  Section Search Secondary
\* ------------------------------------------------------------ */

.section-search-secondary .section-actions {
    text-align: center;
}

/* ------------------------------------------------------------ *\
  Tabs Teritary
\* ------------------------------------------------------------ */

.tabs-teritary .tabs-nav {
    padding: 0 25px;
    margin-bottom: 29px;
    border-bottom: 1px solid #ddd;
}

.tabs-teritary .tabs-nav ul {
    list-style-type: none;
}

.tabs-teritary .tabs-nav ul:after {
    content: '';
    display: block;
    clear: both;
}

.tabs-teritary .tabs-nav li {
    float: left;
}

.tabs-teritary .tabs-nav li + li {
    margin-left: 63px;
}

.tabs-teritary .tabs-nav a {
    position: relative;
    display: block;
    padding: 0 33px 17px;
}

.tabs-teritary .tabs-nav a:focus {
    color: #000;
    text-decoration: none;
}

.tabs-teritary .tabs-nav a:hover {
    color: #cf9f24;
    text-decoration: none;
}

.tabs-teritary .tabs-nav .current a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    background: #cf9f24;
}

/* ------------------------------------------------------------ *\
  Wrapper Popup
\* ------------------------------------------------------------ */

.wrapper-popup {
    margin: -8px;
    height: 5000px;
    background: #000;
}

/* ------------------------------------------------------------ *\
  Wrapper
\* ------------------------------------------------------------ */

.wrapper{
    position:relative;
    padding-top: 64px;
    background-color: black;
}

@media screen and (max-width: 768px) {
    .wrapper{
        padding-top: 64px;
    }
}

/* ------------------------------------------------------------ *\
  Popup Videos
\* ------------------------------------------------------------ */

.popup-videos {
    position: absolute;
    width: 882px;
    height: 558px;
    top: 50%;
    left: 50%;
    margin: -279px 0 0 -441px;
    background: #fff;
}

.popup-videos h2 {
    color: #000;
    padding: 23px 24px 12px;
}

.popup-videos iframe {
    display: block;
    width: 100%;
    height: 455px;
}

/* ------------------------------------------------------------ *\
  Popup White Papers
\* ------------------------------------------------------------ */

.popup-whitepapers {
    position: absolute;
    width: 882px;
    top: 50%;
    left: 50%;
    margin: -279px 0 0 -441px;
    background: #fff;
}

.popup-whitepapers .btn {
    margin-bottom: 3rem;
}

.popup-whitepapers p {
    font-size: 15px;
}

.popup-whitepapers .popup-image {
    margin-bottom: 15px;
    margin-top: 15px;
}

.popup-whitepapers h2 {
    color: #000;
    padding: 23px 24px 12px;
    text-align: center;
}

.popup-whitepapers h3 {
    color: #000;
    padding: 0px 24px 12px;
    text-align: center;
    font-size: 18px;
}

.popup-whitepapers iframe {
    display: block;
    width: 100%;
    height: 455px;
}

.popup-whitepapers {
    padding: 23px 60px 12px;
}

.popup-whitepapers .section-actions {
    padding-top: 50px;
}

.popup-whitepapers .tabs-body p {
    margin-top: 9px;
}

#papers .col-1of3 {
    margin-bottom: 25px;
}

#papers .feature-teritary h3 {
    min-height: 60px;
}

#infographics .feature-teritary h3 {
    min-height: 60px;
}

#sheets .col-1of3 {
    margin-bottom: 25px;
}

#infographics .col-1of3 {
    margin-bottom: 25px;
}

#case-studies img {
    margin-top: 45px;
    margin-bottom: 20px;
}

#case-studies .col-1of3 {
    margin-bottom: 35px;
}

#case-studies h3 {
    margin-left: 10px;
    margin-right: 10px;
}

#webinars .col-1of3 {
    margin-bottom: 25px;
}

/* ------------------------------------------------------------ *\
  Tabs Videos
\* ------------------------------------------------------------ */

.tabs-videos .tabs-nav {
    padding: 0 29px;
    margin-bottom: -15px;
    font-size: 14px;
    border-top: 2px solid #ddd;
    text-align: justify;
}

.tabs-videos .tabs-nav ul:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.tabs-videos .tabs-nav li {
    display: inline-block;
}

.tabs-videos .tabs-nav a {
    height: 38px;
    line-height: 38px;
    text-decoration: none;
}

.tabs-videos .tabs-nav a:hover,
.tabs-videos .tabs-nav .current a {
    color: #a8a8a8;
}

/* ------------------------------------------------------------ *\
  Section Terms
\* ------------------------------------------------------------ */

.section-terms {
    padding: 53px 99px 80px;
}

.section-terms h3 {
    font-size: 22px;
    padding-bottom: 6px;
}

.section-terms a[href*="tel"] {
    display: block;
    color: #000;
}

/* ------------------------------------------------------------ *\
  List Numbers Secondary
\* ------------------------------------------------------------ */

.list-numbers-secondary {
    padding: 0 0 23px;
}

.list-numbers-secondary li {
    padding-left: 0;
    line-height: 1.71;
}

.list-numbers-secondary li + li {
    margin-top: 23px;
}

.list-numbers-secondary li:before {
    position: static;
}

/* ------------------------------------------------------------ *\
  Intro Select
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
  Nav Teritary
\* ------------------------------------------------------------ */

.nav-teritary {
    position: relative;
    height: auto;
    padding: 0;
    border: 0;
    background: #5e5b5b;
    transition: .5s;
}

.nav-teritary:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    background: url(../assets/images/shadow.png) repeat-x 0 0;
    background-size: 100% 100%;
}

.nav-teritary.active {
    padding: 26px 0 0;
}

.nav-teritary.active .cols {
    max-height: 400px;
    padding-bottom: 29px;
}

.nav-teritary.active .nav-trigger i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav-teritary li {
    float: none;
    font-size: 16px;
    text-align: left;
}

.nav-teritary li + li {
    margin: 7px 0 0;
}

.nav-teritary a {
    padding: 0;
}

.nav-teritary .cols {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    transition: .5s;
}

.nav-teritary .container {
    padding: 9px 64px 11px;
}

.nav-teritary .nav-trigger {
    display: inline-block;
    padding: 0;
    font-weight: 300;
}

.nav-teritary .nav-trigger i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    transition: .5s;
}

.nav-teritary .nav-trigger:hover,
.nav-teritary .nav-trigger:focus {
    color: #fff;
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  Section Guide
\* ------------------------------------------------------------ */

.section-guide h3 {
    font-size: 22px;
    padding-bottom: 23px;
}

.section-guide p {
    padding-bottom: 20px;
    line-height: 1.25;
}

.section-guide .section-content {
    padding: 65px 75px 81px 66px;
    clear:both;
}

.section-guide .section-content.section-full-span {
    padding: 65px 75px 81px 66px;
    width: 100%;
}

.section-full-span {
    padding-bottom: 60px
}

.section-full-span img {
    margin-bottom: 10px;

}
.section-full-span .row{
    margin-left: 0px;
    margin-right: 0px; 
}

.section-guide .section-image {
    /*width: 42.88%;*/
    width:49%;
    padding: 70px 68px 57px 0;
}

.section-full-span .section-image {
    padding-bottom: 0px;

}

#no-img-marg img {
    margin-bottom: 0px;
    padding-left: 0px;
}

.section-guide.section-info-secondary .section-image {
    padding: 70px 0 57px 68px;
}

.section-content-biz-whatsnew p {
    text-align: center;
    margin-bottom: 30px;
}

.section-content-biz-whatsnew h3 {
    text-align: center;
}
.user-guides .section-grouped .section-full-span{
    padding-bottom: 0px;
}
.section-grouped .section-full-span {
    padding-bottom: 0px;
}

.section-grouped .section-content{
    padding-top: 0px;
}

.section-grouped .section-image{
    padding-top: 0px;
}
/* ------------------------------------------------------------ *\
  Lsit Arrows Teritary
\* ------------------------------------------------------------ */

.list-arrows-teritary {
    list-style-type: none;
}

.list-arrows-teritary li {
    position: relative;
    padding-left: 22px;
}

.list-arrows-teritary li:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 16px;
    top: 3px;
    left: 0;
    background: url(../assets/images/list-arrows-teritary-arrow.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.list-arrows-teritary li + li {
    margin-top: 18px;
}

/* ------------------------------------------------------------ *\
  Section About
\* ------------------------------------------------------------ */

.section-about {
    padding: 88px 133px 0;
}

.section-about .section-head {
    padding-bottom: 46px;
    margin-bottom: 73px;
}

.section-about .section-body + .section-head {
    margin-top: -20px;
}



/* ------------------------------------------------------------ *\
  Section Locations
\* ------------------------------------------------------------ */

.section-locations {
    padding: 60px 0 58px;
    text-align: center;
}

.section-locations h3 {
    padding-bottom: 8px;
}

/* ------------------------------------------------------------ *\
  List Locations
\* ------------------------------------------------------------ */

.list-locations {
    padding: 30px 48px 60px;
    font-weight: 300;
}

.list-locations li {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
}

.list-locations li + li {
    
}

.list-locations span {
    display: block;
    padding-top: 1px;
    font-weight: 300;
}

/* ------------------------------------------------------------ *\
  Intro Guidelines
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
  Section Logo
\* ------------------------------------------------------------ */

.section-logo {
    padding-bottom: 34px;
}

.section-logo .section-head {
    padding-bottom: 25px;
    margin-bottom: 35px;
}

.section-logo .btn i {
    position: relative;
    top: -1px;
    margin-left: 3px;
}

/* ------------------------------------------------------------ *\
  List Logos
\* ------------------------------------------------------------ */

.list-logos {
    display: block;
    max-width: 745px;
    margin: 0 auto;
    padding-bottom: 50px;
    list-style-type: none;
}

.list-logos:after {
    content: '';
    display: block;
    clear: both;
}

.list-logos li {
    float: left;
    height: 35px;
    line-height: 35px;
}

.list-logos li + li {
    margin-left: 75px;
}

.list-logos .image {
    display: inline-block;
    vertical-align: middle;
}

/* ------------------------------------------------------------ *\
  Section Typography
\* ------------------------------------------------------------ */

.section-typography {
    padding-bottom: 102px;
}

.section-typography .section-head {
    padding-bottom: 29px;
    margin-bottom: 65px;
}

.section-typography .section-head h3 {
    padding-bottom: 13px;
}

/* ------------------------------------------------------------ *\
  List Fonts
\* ------------------------------------------------------------ */

.list-fonts {
    display: inline-block;
    list-style-type: none;
}

.list-fonts:after {
    content: '';
    display: block;
    clear: both;
}

.list-fonts span {
    font-weight: 600;
}

.list-fonts li {
    float: left;
}

.list-fonts li + li {
    margin-left: 74px;
}

/* ------------------------------------------------------------ *\
  Section Colors
\* ------------------------------------------------------------ */

.section-colors {
    padding-bottom: 43px;
}

.section-colors h4 {
    font-size: 16px;
    padding-bottom: 23px;
}

.section-colors .section-head {
    padding-bottom: 33px;
    margin-bottom: 41px;
}

.section-colors .section-head h3 {
    padding-bottom: 13px;
}

/* ------------------------------------------------------------ *\
  Colors
\* ------------------------------------------------------------ */

.colors {
    max-width: 750px;
    padding-bottom: 50px;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    list-style-type: none;
}

.colors:after {
    content: '';
    display: block;
    clear: both;
}

.colors .color {
    float: left;
    width: 16.66%;
}

.color span {
    display: block;
    height: 20px;
    margin-bottom: 11px;
}

.color.lightgrey span {
    background: #f0f0f0;
}

.color.grey span {
    background: #888;
}

.color.black span {
    background: #000;
}

.color.deepyellow span {
    background: #cf9f24;
}

.color.yellow span {
    background: #f5bc29;
}

.color.blue span {
    background: #365271;
}

/* ------------------------------------------------------------ *\
  Section trademarks
\* ------------------------------------------------------------ */

.section-trademarks .section-head {
    padding-bottom: 28px;
    margin-bottom: 28px;
}

.section-trademarks .section-head h3 {
    padding: 0;
}

.section-trademarks .section-body {
    max-width: 750px;
    margin: 0 auto;
    text-align: left;
}

.section-trademarks .section-body + .section-head {
    margin-top: 106px;
}

/* ------------------------------------------------------------ *\
  Section Webinars Teritary
\* ------------------------------------------------------------ */

.section-webinars-teritary .section-inner {
    padding: 99px 37px 86px 67px;
    text-align: left;
}

.section-webinars-teritary .section-inner h3 {
    font-size: 24px;
    padding-bottom: 19px;
}

.section-webinars-teritary .section-inner p {
    padding-bottom: 14px;
    line-height: 1.25;
}

.section-webinars-teritary .list-systems {
    padding: 23px 0 10px;
}

/* ------------------------------------------------------------ *\
  Section Checkout
\* ------------------------------------------------------------ */

.section-checkout {
    padding: 85px 112px 194px;
    margin-top: 19px;
}

/* ------------------------------------------------------------ *\
  Family Plan
\* ------------------------------------------------------------ */

.familyplanlist .btn {
    margin-top: 30px;
    margin-bottom: 50px;
}

.familyplanlist ul {
    margin-top: 10px;
}

.familyplanlist .list-arrows-secondary li + li {
    margin-top: 10px;
}

.family-share-icons .center-block {
    margin-bottom: 30px;
}

/* ------------------------------------------------------------ *\
  Form Checkout
\* ------------------------------------------------------------ */

.form-checkout h3 {
    font-size: 22px;
    padding-bottom: 24px;
}

.form-checkout h4 {
    padding-bottom: 37px;
}

.form-checkout .col-1of2:nth-child(odd) {
    padding: 0 95px 7px 0;
    border-right: 1px solid #ededed;
}

.form-checkout .col-1of2:nth-child(even) {
    padding-left: 94px;
}

.form-checkout .custom-select-quaternary .fs-dropdown-selected {
    padding: 0 25px 0 15px;
    color: #ababab;
}

.form-checkout .form-row-secondary {
    padding-top: 46px;
}

.form-checkout .form-actions-secondary {
    padding-top: 29px;
}

.form-checkout .form-link {
    display: block;
    margin-top: 18px;
    font-size: 14px;
}

.form-checkout .tab .cols {
    position: relative;
    margin-left: -23px;
}

.form-checkout .tab .col {
    padding-left: 23px;
}

.form-checkout .form-tooltip {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    right: -26px;
    margin-top: -7px;
    background: url(../assets/images/tooltip-questionmark.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.form-checkout .form-tooltip:hover {
    cursor: pointer;
}

.form-checkout .form-tooltip:hover p {
    opacity: 1;
    visibility: visible;
}

.form-checkout .form-tooltip p {
    position: absolute;
    width: 297px;
    left: 26px;
    top: 50%;
    padding: 7px 15px 8px;
    opacity: 0;
    visibility: hidden;
    border: 3px solid #979797;
    font-size: 16px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
}

.form-checkout .form-tooltip p:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 15px;
    top: 50%;
    left: -16px;
    margin-top: -7px;
    background: url(../assets/images/tooltip-trinagle.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.form-checkout .form-title {
    padding-top: 58px;
}

.form-checkout .form-row + .form-row {
    margin-top: 10px;
}

.form-checkout .fs-dropdown-open .fs-dropdown-selected,
.form-checkout .fs-dropdown-focus .fs-dropdown-selected {
    outline: 0;
    box-shadow: none;
}

.form-checkout .fs-dropdown {
    margin: 0;
    z-index: auto;
}

.form-checkout .fs-dropdown-options {
    width: auto;
    left: 10px;
    right: 10px;
    top: 10px;
    padding: 32px;
    border: 1px solid #d0d0d0;
    background: #f5f5f5;
    z-index: 60;
    box-shadow: none;
}

.form-checkout .fs-dropdown-item {
    height: auto;
    padding: 0;
    border: 0;
    font-size: 16px;
    line-height: 1.2;
    background: none;
}

.form-checkout .fs-dropdown-item_selected {
    position: relative;
    overflow: visible;
    font-weight: 600;
}

.form-checkout .fs-dropdown-item_selected:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 9px;
    top: 50%;
    left: -20px;
    margin-top: -5px;
    background: url(../assets/images/checkout-selected.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.form-checkout .fs-dropdown-item + .fs-dropdown-item {
    margin-top: 16px;
}

.form-checkout .fs-dropdown-selected {
    font-size: 18px;
}

.form-checkout .fs-dropdown-selected:after {
    width: 7px;
    height: 16px;
    right: 13px;
    border: 0;
    background: url(../assets/images/select-arrows.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.form-checkout .fs-dropdown-selected,
.form-checkout .field {
    width: 100%;
    height: 44px;
    padding: 0 36px;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    color: #000;
}

.form-checkout .tabs-nav {
    padding-top: 10px;
    margin-bottom: 21px;
    border-bottom: 1px solid #d9d9d9;
}

.form-checkout .tabs-nav ul {
    padding: 0 21px;
    list-style-type: none;
}

.form-checkout .tabs-nav ul:after {
    content: '';
    display: block;
    clear: both;
}

.form-checkout .tabs-nav li {
    float: left;
}

.form-checkout .tabs-nav li + li {
    margin-left: 53px;
}

.form-checkout .tabs-nav a {
    display: block;
    padding: 0 30px 5px;
    border-bottom: 4px solid transparent;
}

.form-checkout .tabs-nav .current a {
    border-color: #cf9f24;
}

.form-checkout .tabs-nav a:focus,
.form-checkout .tabs-nav a:hover {
    opacity: .7;
    color: #000;
    text-decoration: none;
}

.form-checkout .form-controls {
    position: relative;
}

.form-checkout .form-controls i {
    position: absolute;
    left: 13px;
    top: 50%;
    z-index: 4;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-checkout .field-secondary {
    padding: 0 15px;
}

.form-checkout .form-actions {
    text-align: right;
}

.form-checkout .form-label-secondary {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 300;
}

.form-checkout .btn {
    min-width: 200px;
    background: none;
}

.form-checkout .btn:hover {
    background: #ffc600;
}

.form-checkout input::-webkit-input-placeholder {
    color: #ababab;
    opacity: 1;
}

.form-checkout input::-moz-placeholder {
    color: #ababab;
    opacity: 1;
}

.form-checkout input:-ms-input-placeholder {
    color: #ababab;
    opacity: 1;
}

.form-checkout input::placeholder {
    color: #ababab;
    opacity: 1;
}

/* ------------------------------------------------------------ *\
  Custom Checkbox
\* ------------------------------------------------------------ */

.list-checkboxes {
    padding: 19px 0 9px;
    list-style-type: none;
}

.custom-checkbox input {
    display: none;
}

.custom-checkbox input:checked + label span:after {
    opacity: 1;
    visibility: visible;
}

.custom-checkbox label {
    display: block;
    min-height: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
}

.custom-checkbox span {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    top: -2px;
    vertical-align: middle;
    margin-right: 8px;
    border: 1px solid #3799ff;
    border-radius: 3px;
}

.custom-checkbox span:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    top: -1px;
    left: -1px;
    opacity: 0;
    visibility: hidden;
    background: url(../assets/images/custom-checkbox-selected.png) no-repeat 0 0;
    background-size: 100% 100%;
    transition: .5s;
}

.custom-checkbox a {
    font-weight: 600;
}

/* ------------------------------------------------------------ *\
  List Totals
\* ------------------------------------------------------------ */

.list-totals {
    margin-top: -2px;
    list-style-type: none;
}

.list-totals li {
    padding: 14px 0 17px;
}

.list-totals li + li {
    border-top: 1px solid #ededed;
}

.list-totals li:after {
    content: '';
    display: block;
    clear: both;
}

.list-totals span {
    float: right;
}

/* ------------------------------------------------------------ *\
  List Checkboxes Secondary
\* ------------------------------------------------------------ */

.list-checkboxes-secondary {
    padding-top: 0;
}

/* ------------------------------------------------------------ *\
  Section Senary
\* ------------------------------------------------------------ */

.section-senary {
    padding-bottom: 64px;
}

.section-senary .section-actions {
    padding-top: 20px;
}

.section-senary .btn {
    min-width: 200px;
}

.section-senary .btn i {
    position: relative;
    top: -2px;
}

.section-senary .btn + .btn {
    margin-left: 15px;
}

/* ------------------------------------------------------------ *\
  Section Info Quaternary
\* ------------------------------------------------------------ */

.section-info-quaternary p {
    line-height: 1.25;
}

.section-info-quaternary ul {
    padding-bottom: 34px;
}

.section-info-quaternary .btn i {
    position: relative;
    top: -2px;
}

.section-info-quaternary .section-content {
    width: 52%;
    padding: 107px 30px 20px 67px;
}

.section-info-quaternary .section-image {
    width: 48%;
}

/* ------------------------------------------------------------ *\
  Section Info Quinary
\* ------------------------------------------------------------ */

.section-info-quinary h3 {
    padding-bottom: 6px;
}

.section-info-quinary .section-content {
    width: 45%;
    padding: 95px 10px 20px 27px;
}

.section-info-quinary .section-image {
    width: 55%;
}

/* ------------------------------------------------------------ *\
  Main
\* ------------------------------------------------------------ */

.main .main-head {
    padding: 30px 0 49px;
}

.main .main-head h1 {
    font-size: 32px;
    color: #000;
    text-align: center;
    padding-bottom: 25px;
}

/* ------------------------------------------------------------ *\
  Search Secondary
\* ------------------------------------------------------------ */

.search-secondary {
    position: relative;
    max-width: 780px;
    margin: 0 auto;
}

.search-secondary .search-field {
    width: 100%;
    height: 44px;
    padding: 0 50px 0 20px;
    border: 0;
    font-size: 18px;
    font-weight: 300;
    color: #ababab;
}

/* ------------------------------------------------------------ *\
  Section Contact Secondary
\* ------------------------------------------------------------ */

.section-contact-secondary {
    padding: 71px 164px 89px;
}

.section-contact-secondary h3 {
    text-align: center;
    padding-bottom: 36px;
}

/* ------------------------------------------------------------ *\
  Tabs Form
\* ------------------------------------------------------------ */

.tabs-form .tabs-head .form-row {
    display: none;
}

.tabs-form .tabs-nav {
    padding: 0;
    margin-bottom: 45px;
    font-weight: 300;
    text-align: justify;
}

.tabs-form .tabs-nav ul {
    font-size: 0;
}

.tabs-form .tabs-nav ul:after {
    content: '';
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.tabs-form .tabs-nav li {
    float: none;
    display: inline-block;
    min-width: 111px;
    font-size: 16px;
    vertical-align: top;
}

.tabs-form .tabs-nav a {
    display: inline-block;
    padding: 0 41px 14px;
}

.tabs-career .tabs-nav a {
    display: inline-block;
    padding: 0 24px 14px;
}
.tabs-career .tabs-nav li+li {
    margin-left: 40px;
}

/* ------------------------------------------------------------ *\
  Form Contact Secondary
\* ------------------------------------------------------------ */

.form-contact-secondary h3 {
    padding-bottom: 22px;
}

.form-contact-secondary .cols {
    margin-left: -90px;
}

.form-contact-secondary .col {
    padding-left: 90px;
}

.form-contact-secondary .form-row + .form-row {
    margin-top: 22px;
}

.form-contact-secondary .form-actions {
    padding-top: 58px;
    text-align: center;
}

.form-contact-secondary .btn {
    background: none;
}

.form-contact-secondary .btn:hover {
    background: #ffc600;
}

.form-contact-secondary .form-notice {
    display: block;
    margin-top: 42px;
}

.form-contact-secondary .form-notice a {
    color: #E6B300;
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  Nav Quinary
\* ------------------------------------------------------------ */

.nav-quinary {
    border: 0;
    font-size: 16px;
    font-weight: 300;
}

.nav-quinary ul {
    display: inline-block;
    border-bottom: 2px solid #bdc0c1;
    vertical-align: top;
}

.nav-quinary a {
    padding: 0 54px 13px;
}

/* ------------------------------------------------------------ *\
  Section Customers
\* ------------------------------------------------------------ */

.section-customers {
    padding: 89px 197px 84px;
}

.section-customers h3 {
    padding-bottom: 24px;
    margin-bottom: 21px;
    border-bottom: 2px solid #c7c7c7;
}

/* ------------------------------------------------------------ *\
  List Customers Secondary
\* ------------------------------------------------------------ */

.list-customers-secondary {
    padding-bottom: 47px;
    list-style-type: none;
}

.list-customers-secondary:after {
    content: '';
    display: block;
    clear: both;
}

.list-customers-secondary + .list-customers-secondary {
    margin-top: -12px;
}

.list-customers-secondary li {
    float: left;
    width: 25%;
    text-align: center;
}

/* ------------------------------------------------------------ *\
  Section Downloads
\* ------------------------------------------------------------ */

.section-downloads {
    padding: 50px 94px 80px;
}

.section-contest {
    padding: 50px 164px 80px;
}
.section-largeimage {
    padding: 0px;
}

.section-downloads .intro-title{
    color: #000;
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}

.section-downloads h1 {
    font-size: 20px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 600;
    color: #000;
}

.section-downloads .section-group {
    position: relative;
    text-align: center;
}

.section-downloads .section-group > .cols {
    margin-left: -224px;
}

.section-downloads .section-group > .cols > .col {
    padding-left: 224px;
}

.section-downloads .col-separator {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    font-size: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ------------------------------------------------------------ *\
  Tabs Senary
\* ------------------------------------------------------------ */

.tabs-senary h3 {
    font-size: 22px;
    padding-bottom: 14px;
}

.tabs-senary p {
    padding-bottom: 30px;
}

.tabs-senary .cols {
    margin-left: -157px;
}

.tabs-senary .col {
    padding-left: 157px;
    text-align: center;
}

.tabs-senary .btn {
    min-width: 280px;
    height: 40px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 36px;
}

.tabs-senary .btn i {
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.tabs-senary .tabs-nav {
    margin-bottom: 30px;
    font-weight: 300;
    text-align: center;
}

.tabs-senary .tabs-nav span {
    display: block;
    height: 34px;
    margin-bottom: 0px;
    line-height: 34px;
}

.tabs-senary .tabs-nav ul {
    display: inline-block;
    vertical-align: top;
}

.tabs-senary .tabs-nav li + li {
    margin-left: 41px;
}

.tabs-senary .tabs-nav a {
    padding: 0 48px 15px;
}

.tabs-senary .tabs-nav .current a {
    color: #cf9f24;
}

.tabs-senary .tabs-nav a:hover .ico-pc,
.tabs-senary .tabs-nav .current .ico-pc {
    background-image: url(../assets/images/ico-pc_active.png);
}

.tabs-senary .tabs-nav a:hover .ico-mobile,
.tabs-senary .tabs-nav .current .ico-mobile {
    background-image: url(../assets/images/ico-mobile_active.png);
}

.tabs-senary .tabs-nav a:hover .ico-tablet,
.tabs-senary .tabs-nav .current .ico-tablet {
    background-image: url(../assets/images/ico-tablet_active.png);
}

.download-btn-section {
    min-height: 70px;
    display: none;
}

.download-btn-section .download-sub-section {
    font-size: 14px;
    text-decoration: none;
}

.download-btn-section .download-sub-section a {
    font-size: 14px;
    color: #CF9F24;
    text-decoration: none;
    transition: background .2s ease-in;
}

.download-btn-section .download-sub-section a:hover {
    color: #a9a9a9;
    text-decoration: none;
    transition: background .2s ease-in;
}

.more-downloads {
    margin-top: 30px;   
    font-size: 14px;
}
.more-downloads .col{
    text-align: left;
}
.more-downloads h4{
    font-size: 14px;
    margin-bottom: 10px;
}

.more-downloads a{
    color: #CF9F24;
    text-decoration: none;
    transition: background .2s ease-in;
}

.more-downloads a:hover {
    color: #999;
    transition: background .2s ease-in;
}

.version-note {
    color:#999;

}
h3 .version-note {
    font-size: 14px;
    margin-top: 5px;

}

.sticky {
  transition: all .2s ease-in-out;
  position: static;
  padding: 2.5vh 0;
  min-height: 10vh;
  width: 100%;
  transform:translateZ(0);
}

.stuck3 {
    position: fixed;
    right: 0;
    top: 120px;
    padding-top: 15px;
    background: url(../assets/images/intro-background-gradient.png) center center no-repeat;
    background-size: cover;
    color: black;
    padding: 1vh;
    min-height: 0;
    width: 100%;
    text-align: center;
    z-index: 90;
}
.stuck3 .row {
  margin-bottom: 5px;

}
.stuck3:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    top: 100%;
    left: 0;
    background: url(../assets/images/intro-shadow.png) repeat-x;
}

@media (max-width: 1279px) {
      .more-downloads {
        margin-top: 30px;   
        font-size: 14px;
    }
}

/* ------------------------------------------------------------ *\
  List Devices Secondary
\* ------------------------------------------------------------ */

.list-devices-secondary {
    color: #a9a9a9;
    list-style-type: none;
    margin-bottom: 30px;
    font-size: 14px;
}

.list-devices-secondary li {
    display: inline-block;
    vertical-align: middle;
}

.list-devices-secondary li + li {
    margin-left: 40px;
    min-width: 30px
}

.list-devices-secondary span {
    display: block;
    height: 30px;
    margin-bottom: 11px;
    line-height: 30px;
}

.list-devices-secondary a {
    display: block;
}

.list-devices-secondary .current .ico-windows-secondary {
    background-image: url(../assets/images/ico-windows-secondary_active.png);
}

.list-devices-secondary .current .ico-apple-secondary {
    background-image: url(../assets/images/ico-apple-secondary_active.png);
}

.list-devices-secondary .current .ico-linux-secondary {
    background-image: url(../assets/images/ico-linux-secondary_active.png);
}

.list-devices-secondary .current .ico-chrome-secondary {
    background-image: url(../assets/images/ico-chrome-secondary_active.png);
}

.list-devices-secondary .current .ico-firefox-secondary {
    background-image: url(../assets/images/ico-firefox-secondary_active.png);
}

.list-devices-secondary .current .ico-safari-secondary {
    background-image: url(../assets/images/ico-safari-secondary_active.png);
}

.list-devices-secondary .current .ico-ie-secondary {
    background-image: url(../assets/images/ico-ie-secondary_active.png);
}

.list-devices-secondary .current .ico-edge-secondary {
    background-image: url(../assets/images/ico-edge-secondary_active.png);
}

.list-devices-secondary .current .ico-opera {
    background-image: url('/assets/icons/ico-opera-active@2x.png');
}

.list-devices-secondary a:focus,
.list-devices-secondary a:hover {
    color: #a9a9a9;
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  Section Downloads Secondary
\* ------------------------------------------------------------ */

.section-downloads-secondary {
    display: none;
    padding: 67px 170px 104px 196px;
}

.section-downloads-secondary.current {
    display: block;
}

.section-downloads-secondary h3 {
    font-size: 22px;
    padding-bottom: 18px;
}

.section-downloads-secondary .cols {
    margin-left: -250px;
}

.section-downloads-secondary .col {
    position: relative;
    padding-left: 250px;
}

.section-downloads-secondary .col:last-child {
    padding-left: 320px;
}

.section-downloads-secondary .col + .col:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 125px;
    background: #d3d3d3;
}

/* ------------------------------------------------------------ *\
  Careers Page Slider
\* ------------------------------------------------------------ */
.career-slider input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../assets/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 20px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .99;
    color: #FFC600;
    font-size: 14px;
}

.back-to i {
    font-size: 12px;
    position: relative;
    top: -1px
}

/* ------------------------------------------------------------ *\
  List Links Secondary
\* ------------------------------------------------------------ */

.list-links-secondary {
    color: #CF9F24;
    list-style-type: none;
}

.list-links-secondary li + li {
    margin-top: 20px;
}

.list-links-secondary a:active {
    color: #FFC600;
    text-decoration: none;
}

.list-links-secondary a:hover {
    color: #999999;
    text-decoration: none;
}

/* ------------------------------------------------------------ *\
  Form Email
\* ------------------------------------------------------------ */

.form-email {
    padding-top: 3px;
}

.form-email i {
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -6px;
    z-index: 5;
}

.form-email .field-email {
    padding: 0 20px 0 31px;
}

.form-email .form-controls {
    position: relative;
}

.form-email .field {
    font-size: 15px;
}

.form-email .form-actions {
    padding-top: 20px;
}

.form-email .btn {
    min-width: 0;
    width: 164px;
    height: 36px;
    line-height: 32px;
    background: none;
}

.form-email .btn:hover {
    background: #ffc600;
}

/* ------------------------------------------------------------ *\
  Form Email Secondary
\* ------------------------------------------------------------ */

.form-email-secondary {
    max-width: 360px;
    margin: 0 auto;
}

/* ------------------------------------------------------------ *\
  Form Phone
\* ------------------------------------------------------------ */

.form-phone .cols {
    margin-left: 0;
}

.form-phone .col {
    padding-left: 0;
}

.form-phone .fs-dropdown {
    top: 3px;
    margin: 0;
}

.form-phone .fs-dropdown-item {
    border: 0;
}

.form-phone .fs-dropdown-selected {
    height: 32px;
    padding: 0 17px 0 24px;
    border: 0;
    font-size: 15px;
    line-height: 32px;
}

.form-phone .fs-dropdown-selected:after {
    width: 0;
    height: 0;
    top: 3px;
    right: 10px;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
}

.form-phone .form-row {
    border-bottom: 1px solid #1f1f1f;
}

.form-phone .field {
    border: 0;
}

/* ------------------------------------------------------------ *\
  Section Devices
\* ------------------------------------------------------------ */

.section-devices {
    display: none;
    padding: 40px 20px 69px;
    text-align: center;
}

.section-devices.current {
    display: block;
}

.section-devices h3 {
    font-size: 22px;
    padding-bottom: 30px;
}

.section-devices .btn i {
    position: relative;
    top: -2px;
    margin-left: 4px;
}

/* ------------------------------------------------------------ *\
  List Devices Quaternary
\* ------------------------------------------------------------ */

.list-devices-quaternary {
    padding-bottom: 30px;
    color: #a9a9a9;
    list-style-type: none;
}

.list-devices-quaternary li {
    display: inline-block;
    min-width: 114px;
    vertical-align: middle;
}

.list-devices-quaternary li a:link {
    text-decoration: none;
}

.list-devices-quaternary li a:hover {
    color: #000;
}

.list-devices-quaternary li + li {
    margin-left: 40px;
}

.list-devices-quaternary span {
    display: block;
    height: 57px;
    margin-bottom: 4px;
    line-height: 57px;
}

/* ------------------------------------------------------------ *\
  Section Septenary
\* ------------------------------------------------------------ */

.section-septenary {
    padding: 72px 66px 90px;
}

.section-septenary h3 {
    padding-bottom: 7px;
}

.section-septenary p {
    padding-bottom: 38px;
    text-align: center;
}

/* ------------------------------------------------------------ *\
  Tabs Features
\* ------------------------------------------------------------ */

.tabs-features .tabs-nav {
    font-weight: 300;
    text-align: center;
}

.tabs-features .tabs-nav li {
    float: none;
    display: inline-block;
}

.tabs-features .tabs-nav li + li {
    margin-left: 150px;
}

/* ------------------------------------------------------------ *\
  Feature Quaternary
\* ------------------------------------------------------------ */

.feature-quaternary {
    padding-bottom: 49px;
}

.feature-quaternary img {
    border: 1px solid #d6d6d6;
    border-radius: 0;
}

.feature-quaternary .feature-meta {
    padding-bottom: 46px;
    font-size: 16px;
    color: #797979;
}

#tab2 .feature-quaternary h3 {
    margin-left: 20px;
    margin-right: 20px;
    min-height: 83px;
}

/* ------------------------------------------------------------ *\
  Nav Lang Secondary
\* ------------------------------------------------------------ */

.nav-lang-secondary {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .7);
    z-index: 101;
    overflow: hidden;
    text-align: center;
    transition: .3s .3s;
}

.nav-lang-secondary.active {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.nav-lang-secondary.active .nav-inner {
    top: 100px;
    opacity: 1;
    transition-delay: .3s;
}

.nav-lang-secondary h3 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 23px;
    clear: both;
}

.nav-lang-secondary ul {
    position: relative;
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    text-align: left;
    z-index: 5;
}

.nav-lang-secondary ul + ul {
    margin-left: 88px;
}

.nav-lang-secondary li + li {
    margin-top: 10px;
}

.nav-lang-secondary .nav-inner {
    position: absolute;
    width: 600px;
    height: 480px;
    top: 0;
    left: 50%;
    padding: 44px 100px 20px;
    margin: 0 0 0 -300px;
    opacity: 0;
    background: #fff;
    transition: .5s;
}

.nav-lang-secondary .nav-inner:after {
    content: '';
    display: block;
    clear: both;
}

.nav-lang-secondary .nav-inner img {
    position: absolute;
    top: 55%;
    left: 53%;
    -webkit-transform: translate(-50%, -50%)scale(1.1);
    -ms-transform: translate(-50%, -50%)scale(1.1);
    transform: translate(-50%, -50%)scale(1.1);
}

.nav-lang-secondary .nav-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 16px;
    height: 16px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 46%, rgba(111, 111, 111, 1) 50%, rgba(0, 0, 0, 0) 54%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 46%, rgba(111, 111, 111, 1) 50%, rgba(0, 0, 0, 0) 54%);
}

.regionsList li:hover {
    color: #CF9F24;
    cursor: pointer;
}
@media (min-width: 767px) {

    #case-studies h3 {
        min-height: 106px;
    }
}
@media (min-width: 800px) {
    #case-studies h3 {
        min-height: 80px;
    }
}

@media (max-width: $breakpoint-lg-xl) {

    /* ------------------------------------------------------------ *\
    Images
  \* ------------------------------------------------------------ */


    .error-image-title h1 img {
        height: 25px;
        width: inherit;
    }
    .perks .intro-title{
        font-size: 22px;
        font-weight: 300;
    }
    .perks .highlight{
        font-size: 16px;
        margin-top: 10px;
    }
    .perks .list-arrows-secondary li{
        font-size: 14px;
    }
    .sfs-pricing {
    margin-bottom: 72px;
    padding-left: 40px;
    padding-right: 40px;
    }

    /* ------------------------------------------------------------ *\
      List Locations
    \* ------------------------------------------------------------ */

    .list-locations {
        padding: 30px 20px 60px;
        font-weight: 300;
    }
    .list-locations li {
        width: 26%;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: $breakpoint-lg-xl) {
    #tab2 .feature-quaternary {
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {

    /* ------------------------------------------------------------ *\
    Feature
  \* ------------------------------------------------------------ */
    .feature .feature-content {
        width: 60%;
    }

    /* ------------------------------------------------------------ *\
    Section Protect
  \* ------------------------------------------------------------ */
    .section-protect {
        padding: 58px 40px 50px;
    }

    /* ------------------------------------------------------------ *\
    Section Awards
  \* ------------------------------------------------------------ */
    .section-awards {
        padding: 58px 40px 50px;
    }

    /* ------------------------------------------------------------ *\
    Section
  \* ------------------------------------------------------------ */
    .section {
        padding: 88px 50px 74px;
    }

    /* ------------------------------------------------------------ *\
    Service Secondary
  \* ------------------------------------------------------------ */
    .service-secondary .cols {
        padding: 0 20px;
    }

    /* ------------------------------------------------------------ *\
    Section Security
  \* ------------------------------------------------------------ */
    .section-security .section-entry > .image {
        max-width: 100%;
        height: auto;
    }

    /* ------------------------------------------------------------ *\
    Nav Secondary
  \* ------------------------------------------------------------ */
    .nav-secondary:not(.nav-teritary) {
        height: 40px;
        text-align: center;
    }

    .nav-secondary:not(.nav-teritary) ul {
        display: inline-block;
    }

    .nav-secondary:not(.nav-teritary) li + li {
        margin-left: 8px;
    }

    /* ------------------------------------------------------------ *\
    Tabs Teritary
  \* ------------------------------------------------------------ */
    .tabs-teritary .tabs-nav {
        display: inline-block;
    }

    .tabs-teritary .tabs-nav li + li {
        margin-left: 15px;
    }

    .tabs-teritary .tabs-nav a {
        padding: 0 15px 17px;
    }

    /* ------------------------------------------------------------ *\
    Section Webinars Teritary
  \* ------------------------------------------------------------ */
    .section-webinars-teritary .section-inner {
        padding: 99px 30px 86px;
    }

    /* ------------------------------------------------------------ *\
    Section Checkout
  \* ------------------------------------------------------------ */
    .section-checkout {
        padding: 85px 20px 194px;
    }

    /* ------------------------------------------------------------ *\
    Tabs Form
  \* ------------------------------------------------------------ */
    .tabs-form .tabs-nav {
        display: block;
        text-align: center;
    }

    .tabs-form .tabs-nav li {
        float: left;
    }

    .tabs-form .tabs-nav ul {
        display: inline-block;
        vertical-align: top;
    }

    /* ------------------------------------------------------------ *\
    Section Customers
  \* ------------------------------------------------------------ */
    .section-customers {
        padding: 89px 40px 84px;
    }

    /* ------------------------------------------------------------ *\
    Tabs Senary
  \* ------------------------------------------------------------ */
    .tabs-senary .tabs-nav {
        display: block;
    }

    .tabs-senary .tabs-nav a {
        padding: 0 48px 15px;
    }

    .tabs-senary .tabs-nav li + li {
        margin-left: 41px;
    }

    /* ------------------------------------------------------------ *\
    Section Downloads
  \* ------------------------------------------------------------ */
    .section-downloads {
        padding: 50px 20px 46px;
    }

    /* ------------------------------------------------------------ *\
    Section Downloads Secondary
  \* ------------------------------------------------------------ */
    .section-downloads-secondary .cols {
        margin-left: -80px;
    }

    .section-downloads-secondary .col + .col:after {
        left: 0;
    }

    .section-downloads-secondary .col:last-child,
    .section-downloads-secondary .col {
        padding-left: 80px;
    }

    /* ------------------------------------------------------------ *\
    Tabs Features
  \* ------------------------------------------------------------ */
    .tabs-features .tabs-nav li + li {
        margin-left: 150px;
    }

    .tabs-features .tabs-nav ul,
    .tabs-features .tabs-nav {
        width: 100%;
    }
}

@media (max-width: 1023px) {


    /* ------------------------------------------------------------ *\
    Feature
  \* ------------------------------------------------------------ */
    .feature {
        padding: 30px 20px;
    }

    .feature .feature-content,
    .feature .feature-image {
        float: none;
        width: 100%;
        text-align: center;
    }

    /* ------------------------------------------------------------ *\
    Feature Secondary
  \* ------------------------------------------------------------ */
    .feature-secondary {
        padding: 20px;
    }

    /* ------------------------------------------------------------ *\
    Section Info
  \* ------------------------------------------------------------ */
    .section-info .section-content {
        padding: 20px;
        font-size: 14px;
    }

    .section-guide .section-content.section-full-span {
        padding: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-full-span img {
        margin-bottom: 10px;
        padding-left: 0px;
    }

    .section-grouped .section-content {
        padding-top: 0px;
    }

    .section-grouped .section-image {
        padding-top: 0px;
    }

    .section-grouped .section-guide .section-content .section-full-span{
        padding-bottom: 0px;
    }

    .section-info .more-padding-dna {
        padding: 30px;
        font-size: 14px;
    }

    /* ------------------------------------------------------------ *\
    MFP
  \* ------------------------------------------------------------ */
    .mfp-wrap .mfp-container {
        width: 100%;
        height: auto;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    /* ------------------------------------------------------------ *\
    List Steps
  \* ------------------------------------------------------------ */
    .list-steps li {
        display: block;
        width: 100%;
        text-align: center;
    }

    .list-steps li + li {
        margin-top: 40px;
    }

    .list-steps img {
        display: block;
        margin: 20px auto 0;
    }

    /* ------------------------------------------------------------ *\
    Section Info
  \* ------------------------------------------------------------ */
    .section-info .section-image-teritary {
        padding: 20px;
    }



    /* ------------------------------------------------------------ *\
    Section Quaternary
  \* ------------------------------------------------------------ */
    .section-quaternary {
        padding: 88px 20px 74px;
    }

    .section-quaternary .section-actions {
        padding-top: 30px;
    }

    /* ------------------------------------------------------------ *\
    List Services
  \* ------------------------------------------------------------ */
    .list-services li {
        width: 50%;
        margin-bottom: 45px;
    }

    /* ------------------------------------------------------------ *\
    List Systems
  \* ------------------------------------------------------------ */
    .list-systems {
        margin-top: -11px;
    }

    .list-systems li + li {
        margin-left: 19px;
    }



    /* ------------------------------------------------------------ *\
    List Services Secondary
  \* ------------------------------------------------------------ */
    .list-services-secondary {
        font-size: 14px;
    }

    /* ------------------------------------------------------------ *\
    Section Form
  \* ------------------------------------------------------------ */
    .section-form {
        padding: 51px 20px 60px;
    }

     /* ------------------------------------------------------------ *\
      Section ROI
    \* ------------------------------------------------------------ */

    .section-roi {
        padding-left: 0px;
        padding-right: 0px;
    }
    .section-no-bottom {
        padding-bottom: 30px;
        padding-top: 0px;
    }

    /* ------------------------------------------------------------ *\
    Form Partner
  \* ------------------------------------------------------------ */
    .form-partner .col {
        width: 45%;
    }

    /* ------------------------------------------------------------ *\
    Section Quinary
  \* ------------------------------------------------------------ */
    .section-quinary {
        padding: 72px 20px 100px;
    }

    /* ------------------------------------------------------------ *\
    Section Videos
  \* ------------------------------------------------------------ */
    .section-videos {
        padding: 66px 20px 100px;
    }

    /* ------------------------------------------------------------ *\
    Section Anchors
  \* ------------------------------------------------------------ */
    .section-anchors {
        padding: 47px 20px 42px;
    }

    /* ------------------------------------------------------------ *\
    Feature Teritary
  \* ------------------------------------------------------------ */
    .feature-teritary br {
        display: none;
    }

    .feature-teritary br .clearfix {
        content: "A" !important;
        display: block !important;
        margin-bottom: 1.5em !important;
    }

    /* ------------------------------------------------------------ *\
    Section Security
  \* ------------------------------------------------------------ */
    .section-security {
        padding: 46px 20px 100px;
    }

    .section-security .section-content {
        padding: 0 40px 0 0;
    }

    /* ------------------------------------------------------------ *\
    List Certificates
  \* ------------------------------------------------------------ */
    .list-certificates {
        padding: 0 0 17px;
        font-size: 14px;
    }

    /* ------------------------------------------------------------ *\
    List Securities
  \* ------------------------------------------------------------ */
    .list-securities {
        padding: 5px 0 0;
    }


    /* ------------------------------------------------------------ *\
    Nav Secondary
  \* ------------------------------------------------------------ */
    .nav-secondary:not(.nav-teritary) {
        height: auto;
        padding: 0;
        margin: 0 -20px;
        border: 0;
        background: #5e5b5b;
        transition: .5s;
    }

    .nav-secondary.active {
        padding: 46px 0;
    }

    .nav-secondary:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        top: 0;
        left: 0;
        background: url(../assets/images/nav-secondary-shadow.png) repeat-x 0 0;
    }

    .nav-secondary ul {
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: .5s;
    }

    .nav-secondary.active ul {
        max-height: 600px;
        margin-bottom: 24px;
    }

    .nav-secondary li {
        float: none;
        width: 100%;
        text-align: center;
    }

    .nav-secondary li + li {
        margin: 8px 0 0;
    }

    .nav-secondary .current a:after {
        display: none;
    }

    .nav-secondary:not(.nav-teritary) .nav-trigger {
        display: block;
        padding: 8px 0;
        font-size: 14px;
        color: #fff;
        text-align: center;
    }

    .nav-secondary .nav-trigger i {
        position: relative;
        top: -1px;
        margin-right: 2px;
        transition: .5s;
    }

    .nav-secondary.active .nav-trigger i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    /* ------------------------------------------------------------ *\
    Nav Teritary
  \* ------------------------------------------------------------ */
    .nav-teritary.active {
        padding: 20px 0 0;
    }

    .nav-teritary.active ul {
        margin: 0;
    }

    .nav-teritary li {
        text-align: left;
    }

    .nav-teritary .container {
        padding: 9px 20px 11px;
    }

    .nav-teritary.active .cols {
        padding-bottom: 30px;
    }

  
    /* ------------------------------------------------------------ *\
    Popup Videos
  \* ------------------------------------------------------------ */
    .popup-videos {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .popup-whitepapers {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .mfp-wrap.dark .mfp-container {
        padding: 0;
    }

    /* ------------------------------------------------------------ *\
    Section Guide
  \* ------------------------------------------------------------ */
    .section-guide .section-image {
        padding: 20px 20px 20px 0;
    }

    /* ------------------------------------------------------------ *\
    Section About
  \* ------------------------------------------------------------ */
    .section-about br {
        display: none;
    }

    /* ------------------------------------------------------------ *\
    List Members
  \* ------------------------------------------------------------ */
    .list-members li {
        width: 25%;
        margin: 0 25px 50px;
    }
    /*
    ul.list-members:nth-child(2) {
        margin-bottom: 150px;
    }
    */
    /* ------------------------------------------------------------ *\
    Intro Senary
  \* ------------------------------------------------------------ */
    .intro-senary br {
        display: none;
    }

    /* ------------------------------------------------------------ *\
    List Logos
  \* ------------------------------------------------------------ */
    .list-logos {
        display: block;
        max-width: 615px;
        margin: 0 auto;
    }

    .list-logos li + li {
        margin-left: 30px;
    }

    /* ------------------------------------------------------------ *\
    List Fonts
  \* ------------------------------------------------------------ */
    .list-fonts li + li {
        margin-left: 20px;
    }

    /* ------------------------------------------------------------ *\
    Form Checkout
  \* ------------------------------------------------------------ */
    .form-checkout .col-1of2:nth-child(odd) {
        padding-right: 40px;
    }

    .form-checkout .col-1of2:nth-child(even) {
        padding-left: 40px;
    }

    .form-checkout .tabs-nav {
        text-align: center;
    }

    .form-checkout .tabs-nav ul {
        display: inline-block;
        vertical-align: top;
    }

    .form-checkout .tabs-nav a {
        padding: 0 12px 5px;
    }

    /* ------------------------------------------------------------ *\
    Section Contact Secondary
  \* ------------------------------------------------------------ */
    .section-contact-secondary {
        padding: 71px 20px 89px;
    }

    /* ------------------------------------------------------------ *\
    Nav Quinary
  \* ------------------------------------------------------------ */
    .nav-secondary.nav-quinary {
        background: none;
    }

    .nav-secondary.nav-quinary ul {
        max-height: 1000px;
        overflow: visible;
    }

    .nav-secondary.nav-quinary li {
        float: left;
        width: 50%;
    }

    .nav-secondary.nav-quinary li + li {
        margin: 0;
    }

    .nav-secondary.nav-quinary a {
        overflow: visible;
    }

    .nav-secondary.nav-quinary .current a:after {
        display: block;
    }

    /* ------------------------------------------------------------ *\
    Section Downloads
  \* ------------------------------------------------------------ */
    .section-downloads .cols {
        margin-left: -40px;
    }

    .section-downloads .col {
        padding-left: 40px;
    }

    .section-downloads .section-group > .cols {
        margin-left: -70px;
    }

    .section-downloads .section-group > .cols > .col {
        padding-left: 70px;
    }

    /* ------------------------------------------------------------ *\
    List Devices Secondary
  \* ------------------------------------------------------------ */
    .list-devices-secondary li + li {
        margin-left: 24px;
    }

    /* ------------------------------------------------------------ *\
    Section Downloads Secondary
  \* ------------------------------------------------------------ */
    .section-downloads-secondary {
        padding: 67px 40px 104px;
    }

    /* ------------------------------------------------------------ *\
    Form Email
  \* ------------------------------------------------------------ */
    .form-email .cols {
        margin-left: 0;
    }

    .form-email .cols .col {
        padding-left: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .personal-heading .btn-yellow{
        margin-top: 15px;
    }  
}

@media (max-width: 1170px) {

    /* ------------------------------------------------------------ *\
    Consumer Landing Page
    \* ------------------------------------------------------------ */
    .price__item {
    width: 33%;
    }
}

@media (max-width: 991px) {

    /* ------------------------------------------------------------ *\
    Posts
  \* ------------------------------------------------------------ */
    .posts .col-sm-6:nth-child(odd) {
        clear: both;
    }

    .posts .col-sm-6:nth-child(3n+1) {
        clear: none;
    }

    /* ------------------------------------------------------------ *\
    Section Webinars
  \* ------------------------------------------------------------ */

    .comparison-chart thead th {
    font-size: 18px;
    font-weight: 300;
    }
}

@media (max-width: 768px) {

    /* ------------------------------------------------------------ *\
    Mobile Hidden
  \* ------------------------------------------------------------ */
    .price__item {
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    padding: 31px 20px 36px;
    margin-bottom: 14px;
    min-height: 560px;
    }
    .price__item--large {
    -ms-flex-order: 1;
    order: 1;
    padding: 0 0px 35px;
    margin: 42px 0 14px;
    box-shadow: none;
    min-height: 560px;
    }

    .mobile-hidden {
        display: none;
    }

    .error-image-title h1 img {
        height: 17px;
        width: inherit;
    }
    .perkheader{
        top: 44px;
    }

    /* ------------------------------------------------------------ *\
    Base
  \* ------------------------------------------------------------ */
    body.active {
        overflow: hidden;
    }

    h3 {
        font-size: 20px;
    }

    /* ------------------------------------------------------------ *\
    Wrapper
  \* ------------------------------------------------------------ */
    .wrapper {
        padding-top: 64px;
    }


    /* ------------------------------------------------------------ *\
    Header Secondary
  \* ------------------------------------------------------------ */
    .header-secondary .nav-btn span {
        background: #fff;
    }

    /* ------------------------------------------------------------ *\
    Nav Lang
  \* ------------------------------------------------------------ */
    .nav-lang {
        position: relative;
        top: -3px;
    }

    .nav-lang .ico-globe {
        width: 19px;
        height: 19px;
        font-size: 18px;
    }

    .nav-lang .ico-globe a:link {
        color: #333;
    }

    /* ------------------------------------------------------------ *\
    Logo
  \* ------------------------------------------------------------ */
    .logo {
        width: 100px;
        height: 29px;
    }

    /* ------------------------------------------------------------ *\
    Section Features
  \* ------------------------------------------------------------ */
    .section-features {
        padding: 9px 0 8px;
    }

    .section-features .col-sm-4 + .col-sm-4 {
        margin-top: 8px;
    }

    /* ------------------------------------------------------------ *\
    Main
  \* ------------------------------------------------------------ */

    .main-content > .container {
        padding: 0;
        overflow: hidden;
    }

    /* ------------------------------------------------------------ *\
    Feature
  \* ------------------------------------------------------------ */
    .feature {
        padding: 20px 20px 25px;
        border-width: 1px 0 1px 0;
        font-size: 15px;
    }

    .feature .feature-content {
        padding-top: 23px;
    }

    /* ------------------------------------------------------------ *\
    Section Info
  \* ------------------------------------------------------------ */
    .section-info {
        padding: 44px 20px 0;
        border-width: 1px 0 1px 0;
    }

    .section-largeimage {
    padding: 0px;
}

    .section-info + .section-info {
        margin-top: 9px;
    }

    .section-info p {
        padding-bottom: 30px;
    }

    .section-info h3 {
        padding-bottom: 12px;
    }

    .section-info .btn {
        display: block;
    }

    .section-info .section-title {
        text-align: center;
        margin-top: -10px;
    }

    .section-info .section-image,
    .section-info .section-content {
        float: none;
        width: 100%;
        padding: 0;
    }

    .section-info .section-image {
        width: auto;
        margin: 0 -20px;
    }

    .section-info .section-content {
        padding-bottom: 14px;   
    }
    .section-info .section-content:not(:first-child){
        margin-top: 40px;
    }

    .section-guide .section-content.section-full-span {
        padding: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* ------------------------------------------------------------ *\
    Feature Secondary
  \* ------------------------------------------------------------ */
    .feature-secondary {
        padding: 48px 0 51px;
    }

    .feature-secondary h4 {
        font-size: 16px;
    }

    /* ------------------------------------------------------------ *\
    Link More
  \* ------------------------------------------------------------ */
    .link-more {
        font-size: 16px;
    }

    /* ------------------------------------------------------------ *\
    Section Protect
  \* ------------------------------------------------------------ */
    .section-protect {
        padding: 35px 20px;
        border-width: 1px 0 0 0;
        text-align: left;
    }

    .section-protect h3 {
        padding-bottom: 11px;
    }

    .section-protect > p {
        padding-bottom: 60px;
        font-size: 15px;
        line-height: 1.16;
    }

    .section-protect .row {
        display: none;
    }

    .section-protect .section-actions {
        padding-top: 12px;
    }

    .section-protect .btn {
        display: block;
    }

    .section-protect .btn + .btn {
        margin: 30px 0 0;
    }

    /* ------------------------------------------------------------ *\
    Section Awards
  \* ------------------------------------------------------------ */
    .section-awards {
        padding: 35px 20px;
        border-width: 1px 0;
        text-align: left;
    }

    .section-awards h3 {
        padding-bottom: 11px;
    }

    .section-awards > p {
        padding-bottom: 60px;
        font-size: 15px;
        line-height: 1.16;
    }

    .section-awards .section-actions {
        padding-top: 12px;
    }

    .section-awards .btn {
        display: block;
    }

    .section-awards .btn + .btn {
        margin: 30px 0 0;
    }

    /* ------------------------------------------------------------ *\
    List Customers
  \* ------------------------------------------------------------ */
    .list-customers {
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .list-customers li {
        width: 50%;
        margin-bottom: 56px;
    }

    .section-content-dna p {
        text-align: center;
    }

    .section-content-dna h3 {
        text-align: center;
    }

    .section-content-biz-whatsnew p {
        text-align: center;
        margin-bottom: 30px;
    }

    .section-content-biz-whatsnew h3 {
        text-align: center;
    }

    /* ------------------------------------------------------------ *\
    Section
  \* ------------------------------------------------------------ */
    .section {
        padding: 36px 20px 23px;
    }

    .section:last-child {
        position: relative;
        margin-bottom: 8px;
    }

    .section:last-child:after {
        content: '';
        position: absolute;
        bottom: -9px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #cdcdcd;
    }

    .section p + h3 {
        padding-top: 5px;
    }

    .section .section-head {
        padding-bottom: 20px;
        margin: 0 0 21px;
    }

    .section .section-head h3 {
        padding-bottom: 19px;
    }

    .section-info + .section,
    .section + .section-info,
    .section + .section {
        margin-top: 8px;
    }

    /* ------------------------------------------------------------ *\
    List Steps
  \* ------------------------------------------------------------ */
    .list-steps {
        font-size: 15px;
    }

    .list-steps img {
        max-width: 180px;
        height: auto;
        margin-top: 29px;
    }

    .list-steps li + li {
        margin-top: 71px;
    }

    .list-steps li:first-child img {
        max-width: 200px;
    }

    /* ------------------------------------------------------------ *\
    List Numbers
  \* ------------------------------------------------------------ */
    .list-numbers {
        padding-bottom: 45px;
        font-size: 15px;
    }

    .list-numbers li {
        padding-left: 0;
        line-height: 1.47;
    }

    .list-numbers li + li {
        margin-top: 10px;
    }

    .list-numbers li:before {
        position: static;
    }

    /* ------------------------------------------------------------ *\
    Wrapper
  \* ------------------------------------------------------------ */
    .wrapper {
        overflow: hidden;
    }

    .wrapper .wrapper-inner {
        position: relative;
        left: 0;
        transition: .5s;
    }

    /* ------------------------------------------------------------ *\
    Nav Mobile
  \* ------------------------------------------------------------ */
    .nav-mobile-wrapper {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 64px;
        left: -100%;
        padding: 50px 20px 30px;
        overflow: auto;
        color: #fff;
        background: #143745;
        z-index: 5;
        transition: .5s;
    }

    .nav-mobile-wrapper.active {
        left: 0;
    }

    .nav-mobile-wrapper .col {
        position: relative;
        min-height: 97px;
    }

    .nav-mobile-wrapper .pushtop {
        margin-top: 40px;
    }

    .nav-mobile-wrapper .phonenumber {
        margin-top: 30px;
        text-align: center;
    }

    .nav-mobile-wrapper .btn {
        display: block;
        margin-top: 40px
    }
    .nav-mobile-wrapper .second {
        margin-top: 20px
    }

    .nav-mobile-wrapper .nav-title {
        margin-bottom: 15px;
    }

    .nav-mobile-wrapper .nav-title a {
        color: #fff;
        text-decoration: none;
    }

    .nav-mobile-wrapper .nav-title a:hover {
        color: #fff;
    }

    .nav-mobile-wrapper .nav-close {
        position: absolute;
        width: 18px;
        height: 20px;
        top: 20px;
        right: 20px;
        background: url(../assets/images/nav-close.png) no-repeat 0 0;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }

    .nav-mobile-wrapper .nav-back {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 20px;
        left: 20px;
        background: url('/assets/icons/arrow-back-white.png') no-repeat 0 0;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }

    .nav-mobile-wrapper .phone-secondary {
        position: fixed;
        bottom: 20px;
        left: 20px;
        text-align: center;
        font-size: 14px;
    }

    .nav-mobile-wrapper .phone-secondary i {
        position: relative;
        top: -1px;
        margin-right: 5px;
    }

    .nav-mobile-wrapper .phone-secondary a {
        text-decoration: none;
        color: #fff;
    }

    .nav-mobile-wrapper .phone-secondary a:hover {
        color: #cccccc;
    }

    .nav-mobile {
        font-size: 14px;
        font-weight: 300;
        color: #fff;
    }

    .nav-mobile ul {
        list-style-type: none;
    }

    .nav-mobile li + li {
        margin-top: 8px;
    }

    .nav-mobile a {
        text-decoration: none;
        color: #fff;
    }

    .nav-mobile a:hover {
        color: #cccccc;
    }

    .nav-mobile .ico-phone-white {
        width: 12px;
        height: 12px;
        vertical-align: baseline;
    }

    /* ------------------------------------------------------------ *\
    Section Teritary
  \* ------------------------------------------------------------ */
    .section-teritary {
        padding: 51px 20px 58px;
        text-align: left;
    }

    .section-teritary h3 {
        padding-bottom: 24px;
    }

    .section-teritary p {
        padding-bottom: 42px;
        font-size: 16px;
        line-height: 1.4;
    }



    /* ------------------------------------------------------------ *\
    Section Secondary
  \* ------------------------------------------------------------ */
    .section-secondary {
        padding: 51px 20px;
        text-align: left;
    }

    .section-secondary:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .section-secondary:last-child:after {
        display: none;
    }

    .section-secondary h3 {
        padding-bottom: 24px;
    }

    .section-secondary h4 {
        padding-bottom: 17px;
    }

    .section-secondary p {
        padding-bottom: 46px;
        font-weight: 300;
        line-height: 1.35;
    }

    .section-secondary p:last-child {
        padding-top: 0;
        margin-top: -34px;
    }

    /* ------------------------------------------------------------ *\
    Section Info Teritary
  \* ------------------------------------------------------------ */
    .section-info-teritary {
        padding: 54px 20px 33px;
    }

    .section-info-teritary:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .section-info-teritary .list-partners + .list-partners {
        margin-top: 60px;
    }

    .section-info-teritary .section-actions {
        padding: 42px 0 44px;
        margin: 0;
    }

    .section-info-teritary .section-actions .btn {
        display: block;
        max-width: 100%;
    }

    .section-info-teritary .section-head {
        padding-bottom: 44px;
        margin-bottom: 0;
    }

    .section-info-teritary .section-head h3 {
        padding-bottom: 13px;
    }

    /* ------------------------------------------------------------ *\
    List Systems
  \* ------------------------------------------------------------ */
    .list-systems {
        padding-bottom: 45px;
        margin: 0;
    }

    .list-systems li + li {
        margin-left: 14px;
    }

    /* ------------------------------------------------------------ *\
    List Services
  \* ------------------------------------------------------------ */
    .list-services li {
        float: none;
        width: 100%;
        margin-bottom: 49px;
    }

    .list-services li:last-child {
        margin: 0;
    }

    /* ------------------------------------------------------------ *\
    Section Quaternary
  \* ------------------------------------------------------------ */
    .section-quaternary .btn + .btn {
        margin: 20px 0 0;
    }

    .section-quaternary .section-actions {
        padding: 61px 0 2px;
    }

    #section-wnb.section-quaternary {
        padding-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #section-wnb header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-quaternary .section-head {
        margin-bottom: 18px;
        text-align: left;
    }

    .section-quaternary .section-head p {
        line-height: 1.67;
    }

    .section-quaternary .section-head h3 {
        padding-bottom: 11px;
    }

    /* ------------------------------------------------------------ *\
    Section Posts
  \* ------------------------------------------------------------ */
    .section-posts {
        position: relative;
        padding-bottom: 0;
        margin: 0;
    }

    .section-posts:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        background: #cdcdcd;
        z-index: 10;
    }

    .section-posts .section-link {
        display: none;
    }

    #showMorePress {
        display: block;
    }

    /* ------------------------------------------------------------ *\
    Service
  \* ------------------------------------------------------------ */
    .service {
        border-top: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
    }

    .services .col-sm-4 + .col-sm-4 {
        margin-top: 8px;
    }

    .service .service-body {
        min-height: 0;
        padding-bottom: 20px;
    }

    .service .service-actions {
        background: none;
    }

    .service .btn {
        color: #fff;
    }

    .service .service-body:after,
    .service .service-body:before,
    .service:before,
    .service:after {
        display: none;
    }

    /* ------------------------------------------------------------ *\
    Tabs
  \* ------------------------------------------------------------ */
    .tabs {
        margin: 0;
    }

    /* ------------------------------------------------------------ *\
    List Services Secondary
  \* ------------------------------------------------------------ */
    .list-services-secondary {
        font-size: 16px;
    }

    /* ------------------------------------------------------------ *\
    Service Secondary
  \* ------------------------------------------------------------ */
    .service-secondary {
        margin-bottom: -10px;
    }

    .service-secondary h3 {
        line-height: 1.29;
    }

    .service-secondary .service-head {
        padding: 37px 28px 28px;
    }

    .service-secondary .service-body {
        padding: 31px 0 20px;
    }

    .service-secondary .service-actions {
        padding-top: 34px;
    }

    .service-secondary .cols {
        padding: 0 20px 0 50px;
    }

    .service-secondary .btn {
        display: block;
        margin: 0 auto;
    }

    .service-secondary .btn + .btn {
        max-width: 165px;
        margin: 30px auto 0;
    }

    .service-secondary .col {
        float: none;
        width: 100%;
    }

    .service-secondary .col + .col {
        margin-top: 11px;
    }

    /* ------------------------------------------------------------ *\
    Section Privacy
  \* ------------------------------------------------------------ */
    .section-privacy {
        position: relative;
        padding: 37px 20px 74px;
        margin-bottom: 6px;
    }

    .section-privacy h3 {
        font-size: 22px;
        padding-bottom: 9px;
    }

    .section-privacy p {
        padding-bottom: 22px;
        font-size: 14px;
        line-height: 1.6;
    }

    .section-privacy .image {
        margin: 16px 0 31px;
    }

    /* ------------------------------------------------------------ *\
    Section Form
  \* ------------------------------------------------------------ */
    .section-form {
        position: relative;
        padding: 41px 10px 60px;
        margin-bottom: 11px;
    }
    .section-form p {
        padding-bottom: 33px;
        font-size: 16px;
        line-height: 1.35;
        text-align: left;
    }

    /* ------------------------------------------------------------ *\
      Section ROI
    \* ------------------------------------------------------------ */

    .section-roi {
        padding-left: 0px;
        padding-right: 0px;
    }
    .section-no-bottom {
        padding-bottom: 10px;
        padding-top: 0px;
    }

    /* ------------------------------------------------------------ *\
    Form Partner
  \* ------------------------------------------------------------ */
    .form-partner h3 {
        font-size: 20px;
        padding-bottom: 26px;
    }

    .form-partner .form-actions {
        padding-top: 60px;
    }

    .form-partner .col {
        float: none;
        width: 100%;
    }

    .form-partner .col + .col {
        margin-top: 37px;
    }

    .form-partner .btn {
        width: 100%;
        max-width: 100%;
    }

    /* ------------------------------------------------------------ *\
    Form Elements
  \* ------------------------------------------------------------ */
    .field {
        height: 34px;
        font-size: 15px;
    }

    /* ------------------------------------------------------------ *\
    Tabs Secondary
  \* ------------------------------------------------------------ */
    .tabs-secondary {
        padding-top: 0;
    }


    /* ------------------------------------------------------------ *\
    Section Anchors
  \* ------------------------------------------------------------ */
    .section-anchors {
        padding: 44px 0 38px;
    }

    .section-anchors:after {
        height: 3px;
    }
    .consumer-landing-page-shell section.section-anchors {
        padding: 44px 20px 38px;
    }

    /* ------------------------------------------------------------ *\
    List Anchors
  \* ------------------------------------------------------------ */
    .list-anchors {
        font-size: 16px;
    }

    .list-anchors:after {
        content: '';
        display: block;
        clear: both;
    }

    .list-anchors li {
        float: left;
        width: 50%;
        margin-bottom: 49px;
        text-align: center;
    }

    .list-anchors li:last-child {
        margin-bottom: 0;
    }

    .list-anchors span {
        margin-bottom: 13px;
    }

    /* ------------------------------------------------------------ *\
    Section Quinary
  \* ------------------------------------------------------------ */
    .section-quinary {
        position: relative;
        padding: 52px 20px 70px;
    }

    .section-quinary:last-child {
        margin-bottom: 9px;
    }

    .section-quinary:last-child:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -9px;
        background: #cdcdcd;
    }

    .section-quinary h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .section-quinary .col {
        float: none;
        width: 100%;
    }

    .section-quinary .col + .col {
        margin-top: 30px;
    }

    .conferences .row {
        margin-bottom: 0px;
    }

    /* ------------------------------------------------------------ *\
    Faeture Teritary
  \* ------------------------------------------------------------ */
    .feature-teritary {
        border: 0;
        border-top: 1px solid #ebebeb;
        padding: 35px 0 0;
    }

    .feature-teritary img {
        margin-bottom: 21px;
    }

    .feature-teritary h3 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .feature-teritary a:first-child {
        padding: 0 11px;
    }

    /* ------------------------------------------------------------ *\
    Section Webinars
  \* ------------------------------------------------------------ */
    .section-webinars {
        padding: 0;
    }

    .section-webinars h3 {
        font-size: 20px;
        padding-bottom: 32px;
    }

    .section-webinars p {
        padding-bottom: 31px;
    }

    .section-webinars .section-inner {
        padding: 44px 20px 60px;
    }

    .section-webinars .btn {
        display: block;
    }

    .section-webinars .btn + .btn {
        margin: 25px 0 0;
    }

    /* ------------------------------------------------------------ *\
    Section Videos
  \* ------------------------------------------------------------ */
    .section-videos {
        padding: 44px 0 0;
    }

    .section-videos h3 {
        font-size: 20px;
        padding-bottom: 58px;
    }

    .section-videos .section-actions {
        display: none;
    }

    .section-videos .col {
        float: none;
        width: 100%;
        border-top: 1px solid #cdcdcd;
    }

    /* ------------------------------------------------------------ *\
    Video
  \* ------------------------------------------------------------ */
    .video {
        padding: 10px;
        border: 0;
    }

    .video p {
        padding: 0;
        font-size: 16px;
    }


    /* ------------------------------------------------------------ *\
    Section Security
  \* ------------------------------------------------------------ */
    .section-security {
        position: relative;
        padding: 50px 20px 60px;
        margin-bottom: 8px;
        font-size: 15px;
    }

    .section-security:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -9px;
        background: #cbcbcb;
    }

    .section-security h2 {
        font-size: 20px;
        padding-bottom: 17px;
    }

    .section-security h4 {
        font-size: 18px;
        padding-bottom: 12px;
    }

    .section-security p {
        padding-bottom: 19px;
        line-height: 1.53;
    }

    .section-security .section-image-secondary {
        padding-bottom: 40px;
    }

    .section-security .section-entry {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .section-security .section-entry > .image {
        margin-bottom: 60px;
    }

    .section-security .img {
        margin-bottom: 60px;
    }

    .section-security .section-image {
        margin: 0;
        padding-bottom: 60px
    }

    /* ------------------------------------------------------------ *\
    List Links
  \* ------------------------------------------------------------ */
    .list-links {
        padding: 17px 0 30px;
        font-size: 15px;
    }

    .list-links li {
        float: none;
    }

    .list-links li + li {
        margin: 12px 0 0;
    }

    /* ------------------------------------------------------------ *\
    List Certificates
  \* ------------------------------------------------------------ */
    .list-certificates {
        padding: 23px 0 40px;
        font-size: 11px;
    }

    .list-certificates li {
        float: none;
        width: 100%;
        margin-bottom: 6px;
    }

    /* ------------------------------------------------------------ *\
    List Securities
  \* ------------------------------------------------------------ */
    .list-securities li {
        float: none;
        width: 100%;
        margin: 0;
    }

    .list-securities li + li {
        margin: 20px 0 0;
    }


    /* ------------------------------------------------------------ *\
    List Anchors Secondary
  \* ------------------------------------------------------------ */
    .list-anchors-secondary li:nth-child(3) {
        margin-bottom: 0;
    }

    /* ------------------------------------------------------------ *\
    Section Search
  \* ------------------------------------------------------------ */
    .section-search {
        padding: 17px 20px 60px;
    }

    .section-search h3 {
        font-size: 20px;
        text-align: center;
        padding-bottom: 36px;
    }

    .section-search .section-actions {
        padding-top: 51px;
    }

    .section-search .section-content {
        padding: 40px 20px;
    }

    .section-search .section-close {
        top: 10px;
        right: 10px;
    }

    /* ------------------------------------------------------------ *\
    Search
  \* ------------------------------------------------------------ */
    .search {
        margin-bottom: 44px;
    }

    .search .search-field {
        height: 38px;
        font-size: 18px;
    }

    /* ------------------------------------------------------------ *\
    List Arrows Secondary
  \* ------------------------------------------------------------ */
    .list-arrows-secondary {
        line-height: 1.25;
    }

    .list-arrows-secondary li {
        padding-left: 20px;
    }

    .list-arrows-secondary li:before {
        top: 4px;
    }

    .perks .list-arrows-secondary li:before{
        top: 4px;
    }

    .list-arrows-secondary li + li {
        margin-top: 20px;
    }

    /* ------------------------------------------------------------ *\
  Familyl Plan
\* ------------------------------------------------------------ */
    .familyplanlist .btn {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .familyplanlist .list-arrows-secondary li + li {
        margin-top: 10px;
    }

    .familyplan-center .section-head {
        text-align: center;
        padding-bottom: 15px;
    }

    /* ------------------------------------------------------------ *\
    Section Videos Secondary
  \* ------------------------------------------------------------ */
    .section-videos-secondary h3 {
        text-align: center;
        padding-bottom: 44px;
    }

    .section-videos-secondary .video-content {
        padding-left: 10px;
        text-align: left;
    }

    .section-videos-secondary .col {
        margin: 0;
    }

    /* ------------------------------------------------------------ *\
    Section Webinars Secondary
  \* ------------------------------------------------------------ */
    .section-webinars-secondary {
        margin: 9px 0;
    }

    .section-webinars-secondary p {
        padding-bottom: 41px;
    }

    .section-webinars-secondary .col-md-7 + .col-md-5 {
        margin-top: 9px;
    }

    .section-webinars-secondary .btn {
        height: 36px;
        line-height: 34px;
    }

    /* ------------------------------------------------------------ *\
    Section Contact
  \* ------------------------------------------------------------ */
    .section-contact {
        position: relative;
        padding: 54px 20px 87px;
        margin-bottom: 8px;
    }

    .section-contact:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -9px;
        background: #cdcdcd;
    }

    .section-contact h3 {
        font-size: 20px;
        padding-bottom: 32px;
    }

    .section-contact p {
        font-size: 16px;
        padding-bottom: 18px;
    }

    .perks .section-downloads p {
        padding-bottom: 20px;
    }

    /* ------------------------------------------------------------ *\
    Form Contact
  \* ------------------------------------------------------------ */
    .form-contact {
        padding-top: 86px;
    }

    .form-contact .field {
        font-size: 16px;
    }

    .form-contact .form-row + .form-row {
        margin-top: 24px;
    }

    .form-contact .btn {
        width: 100%;
        height: 36px;
        font-size: 18px;
        line-height: 34px;
    }

    .form-contact .form-actions {
        padding-top: 16px;
    }

    /* ------------------------------------------------------------ *\
    List results
  \* ------------------------------------------------------------ */
    .list-results h3 {
        padding-bottom: 10px;
        font-size: 18px;
        text-align: left;
    }

    .list-results p {
        padding: 0;
    }

    /* ------------------------------------------------------------ *\
    Tabs Teritary
  \* ------------------------------------------------------------ */
    .tabs-teritary .tabs-nav {
        margin-top: -16px;
        border: 0;
        display: block;
    }

    .tabs-teritary .tabs-nav a {
        display: inline-block;
        padding-bottom: 10px;
    }

    .tabs-teritary .tabs-nav li {
        float: none;
        width: 100%;
    }

    .tabs-teritary .tabs-nav li + li {
        margin: 8px 0 0;
    }

    .tabs-teritary .form-mobile-navigation li:first-child {
        margin: 8px 0 0;
    }

    .tabs-teritary .form-mobile-navigation li {
        font-size: 14px;
        width: 32%;
        vertical-align: middle;
    }

    .tabs-teritary .form-mobile-navigation .tabs-nav a {
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabs-teritary .form-mobile-navigation li a {
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }

    /* ------------------------------------------------------------ *\
    Popup Videos
  \* ------------------------------------------------------------ */
    .popup-videos {
        height: auto;
    }

    .popup-videos h2 {
        padding: 10px;
    }

    .popup-whitepapers {
        height: auto;
    }

    .popup-whitepapers h2 {
        padding: 10px;
    }

    .popup-whitepapers .tabs-body .col-md-6:nth-child(2) {
        margin-top: 30px;
        text-align: center;
    }

    .popup-whitepapers .form-contact {
        padding-top: 30px;
        max-width: none;
    }

    /* ------------------------------------------------------------ *\
    Tabs Videos
  \* ------------------------------------------------------------ */
    .tabs-videos ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .tabs-videos li {
        float: left;
        width: 50%;
    }

    .tabs-videos li:nth-child(even) {
        text-align: right;
    }

    .tabs-videos iframe {
        height: 300px;
    }

    .tabs-videos .tabs-nav {
        padding: 0 10px;
    }

    /* ------------------------------------------------------------ *\
    List Numbers Secondary
  \* ------------------------------------------------------------ */
    .list-numbers-secondary {
        padding-bottom: 25px;
    }

    /* ------------------------------------------------------------ *\
    Nav Teritary
  \* ------------------------------------------------------------ */
    .nav-teritary:after {
        height: 8px;
    }

    .nav-teritary.active {
        padding-bottom: 15px;
    }

    .nav-teritary li {
        font-size: 15px;
        text-align: center;
    }

    .nav-teritary .nav-trigger {
        padding: 6px 0 8px;
    }

    .nav-teritary.active .nav-trigger {
        margin-top: 8px;
    }

    .nav-teritary .col {
        float: none;
        width: 100%;
    }

    .nav-teritary .col + .col,
    .nav-teritary li + li {
        margin-top: 19px;
    }

    /* ------------------------------------------------------------ *\
    Section Guide
  \* ------------------------------------------------------------ */
    .section-guide {
        padding-bottom: 65px;
    }

    .section-guide:last-child {
        position: relative;
        margin-bottom: 9px;
    }

    .section-guide:last-child:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -9px;
        background: #cdcdcd;
    }

    .section-guide h3 {
        font-size: 20px;
        padding-bottom: 14px;
    }

    .section-guide p {
        padding-bottom: 22px;
        line-height: 1.53;
    }

    .section-guide .section-image {
        margin: 0;
    }

    .section-guide .section-content {
        padding-bottom: 4px;
    }

    /* ------------------------------------------------------------ *\
    List Arrows Teritary
  \* ------------------------------------------------------------ */
    .list-arrows-teritary {
        padding-bottom: 32px;
    }

    .list-arrows-teritary li:after {
        top: 2px;
    }

    .list-arrows-teritary li + li {
        margin-top: 24px;
    }


    /* ------------------------------------------------------------ *\
    Section About
  \* ------------------------------------------------------------ */

    .section-about p {
        line-height: 1.55;
    }

    .section-about .section-head {
        padding-bottom: 54px;
        margin-bottom: 51px;
    }

    .section-about .section-head h3 {
        font-size: 24px;
        padding-bottom: 17px;
    }

    /* ------------------------------------------------------------ *\
    List Members
  \* ------------------------------------------------------------ */
    .list-members li {
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 0 50px;
    }

    /* ------------------------------------------------------------ *\
    Section Locations
  \* ------------------------------------------------------------ */
    .list-locations li {
        width: 100%;
        
    }
    .list-locations li + li {
        margin-top: 48px;
    }

    /* ------------------------------------------------------------ *\
    Section Logo
  \* ------------------------------------------------------------ */
    .section-logo {
        padding: 54px 20px 61px;
    }

    .section-logo p {
        line-height: 1.53;
    }

    .section-logo .section-head {
        padding-bottom: 50px;
        margin-bottom: 53px;
    }

    .section-logo .section-head h3 {
        padding-bottom: 27px;
    }

    /* ------------------------------------------------------------ *\
    List Logos
  \* ------------------------------------------------------------ */
    .list-logos li {
        width: 50%;
        margin-bottom: 45px;
    }

    .list-logos li:nth-child(odd) {
        text-align: left;
    }

    .list-logos li:nth-child(even) {
        text-align: right;
    }

    .list-logos li + li {
        margin: 0 0 45px;
    }

    .list-logos li:nth-child(3),
    .list-logos li:nth-child(4) {
        margin: 0;
    }

    /* ------------------------------------------------------------ *\
    Section Typography
  \* ------------------------------------------------------------ */
    .section-typography {
        padding: 54px 20px 60px;
    }

    .section-typography .section-head {
        padding-bottom: 28px;
        margin-bottom: 47px;
    }

    .section-typography .section-head h3 {
        padding-bottom: 11px;
    }

    /* ------------------------------------------------------------ *\
    List Fonts
  \* ------------------------------------------------------------ */
    .list-fonts li {
        float: none;
    }

    .list-fonts li + li {
        margin: 32px 0 0;
    }

    /* ------------------------------------------------------------ *\
    Section Colors
  \* ------------------------------------------------------------ */
    .section-colors {
        padding: 54px 20px 10px;
    }

    .section-colors h4 {
        font-size: 15px;
    }

    .section-colors .section-head {
        padding-bottom: 47px;
        margin-bottom: 60px;
    }

    .section-colors .section-head h3 {
        padding-bottom: 12px;
    }

    /* ------------------------------------------------------------ *\
    Color
  \* ------------------------------------------------------------ */
    .colors .color {
        float: none;
        width: 100%;
        max-width: 133px;
        margin: 0 auto;
    }

    .colors .color + .color {
        margin-top: 50px;
    }

    /* ------------------------------------------------------------ *\
    Section Trademarks
  \* ------------------------------------------------------------ */
    .section-trademarks {
        padding: 54px 20px 30px;
    }

    .section-trademarks p {
        font-size: 14px;
    }

    .section-trademarks .section-head {
        padding-bottom: 12px;
        margin-bottom: 51px;
    }

    .section-trademarks .section-body + .section-head {
        margin-top: 14px;
    }

    /* ------------------------------------------------------------ *\
    Section Webinars Teritary
  \* ------------------------------------------------------------ */
    .section-webinars-teritary .section-inner {
        padding: 40px 18px;
        text-align: center;
    }

    .section-webinars-teritary .section-inner p {
        padding-bottom: 30px;
        font-size: 15px;
    }

    .section-webinars-teritary .section-inner h3 {
        font-size: 20px;
    }

    .section-webinars-teritary .list-systems {
        display: inline-block;
        padding-top: 0;
        vertical-align: top;
    }

    /* ------------------------------------------------------------ *\
    Section Checkout
  \* ------------------------------------------------------------ */
    .section-checkout {
        padding: 39px 20px 77px;
        margin: 0 0 26px;
        border: 0;
        border-bottom: 1px solid #cdcdcd;
    }

    /* ------------------------------------------------------------ *\
    Form Checkout
  \* ------------------------------------------------------------ */
    .form-checkout h3 {
        font-size: 20px;
        padding-bottom: 15px;
    }

    .form-checkout .form-tooltip {
        display: none;
    }

    .form-checkout .form-row-secondary {
        padding-top: 20px;
    }

    .form-checkout .form-title {
        padding: 0 0 25px;
    }

    .form-checkout .tab .col + .col {
        margin-top: 10px;
    }

    .form-checkout .form-actions {
        text-align: right;
    }

    .form-checkout .btn {
        display: inline-block;
    }

    .form-checkout .fs-dropdown-selected {
        font-size: 16px;
    }

    .form-checkout .col {
        float: none;
        width: 100%;
    }

    .form-checkout .col-1of2 + .col-1of2 {
        margin-top: 47px;
    }

    .form-checkout .tabs-nav ul {
        width: 100%;
        padding: 0;
    }

    .form-checkout .tabs-nav li {
        width: 50%;
    }

    .form-checkout .tabs-nav li + li {
        margin: 0;
    }

    .form-checkout .tabs-nav a {
        width: 100%;
        padding: 0 26px 5px;
    }

    .form-checkout .col-1of2:nth-child(even),
    .form-checkout .col-1of2:nth-child(odd) {
        padding: 0;
        border: 0;
    }

    /* ------------------------------------------------------------ *\
    List Totals
  \* ------------------------------------------------------------ */
    .list-totals {
        padding-top: 5px;
        margin: 0 -20px;
        font-size: 14px;
    }

    .list-totals li {
        padding: 6px 20px 7px;
    }

    /* ------------------------------------------------------------ *\
    List Checkboxes
  \* ------------------------------------------------------------ */
    .list-checkboxes {
        padding-top: 27px;
    }

    /* ------------------------------------------------------------ *\
    List Checkboxes Secondary
  \* ------------------------------------------------------------ */
    .list-checkboxes-secondary {
        padding-top: 0;
    }

    /* ------------------------------------------------------------ *\
    Section Senary
  \* ------------------------------------------------------------ */
    .section-senary {
        padding: 41px 20px 60px;
    }

    .section-senary h3 {
        padding-bottom: 10px;
    }

    .section-senary p {
        padding-bottom: 19px;
    }

    .section-senary .btn + .btn {
        margin: 40px 0 0;
    }

    /* ------------------------------------------------------------ *\
    Section Info Teritary
  \* ------------------------------------------------------------ */
    .section-info-quaternary {
        padding: 41px 20px 36px;
    }

    .section-info-quaternary h3 {
        line-height: 1.1;
    }

    .section-info-quaternary p {
        padding-bottom: 35px;
        line-height: 1.53;
    }

    .section-info-quaternary .section-image {
        display: none;
    }

    .section-info-quaternary .btn {
        height: 44px;
        line-height: 40px;
    }

    /* ------------------------------------------------------------ *\
    Section Info Quaternary
  \* ------------------------------------------------------------ */
    .section-info-quinary {
        position: relative;
        padding: 41px 20px 15px;
        margin-bottom: 10px;
    }

    .section-info-quinary:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -11px;
        background: #cdcdcd;
    }

    .section-info-quinary .section-image {
        display: none;
    }

    /* ------------------------------------------------------------ *\
    Tabs Form
  \* ------------------------------------------------------------ */
    .tabs-form .tabs-nav { /*display: none; */
    }

    .tabs-form .tabs-head {
        margin-bottom: 36px;
        text-align: center;
    }

    .tabs-career .tabs-head {
        margin-bottom: 8px;
        text-align: center;
    }

    .tabs-form .tabs-head .form-row {
        display: block;
    }

    /* ------------------------------------------------------------ *\
    Section Contact Secondary
  \* ------------------------------------------------------------ */
    .section-contact-secondary {
        position: relative;
        padding: 48px 20px 71px;
        margin-bottom: 9px;
    }

    .section-contact-secondary:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -10px;
        background: #cdcdcd;
    }

    .section-contact-secondary h3 {
        padding-bottom: 29px;
    }

    /* ------------------------------------------------------------ *\
    Form Contact Secondary
  \* ------------------------------------------------------------ */
    .form-contact-secondary h3 {
        padding-bottom: 43px;
    }

    .form-contact-secondary .col {
        float: none;
        width: 100%;
    }

    .form-contact-secondary .btn {
        height: 36px;
        line-height: 100%;
    }

    .form-contact-secondary .form-actions {
        padding-top: 51px;
    }

    .form-contact-secondary .form-notice {
        margin-top: 50px;
    }

    .form-contact-secondary .col + .col,
    .form-contact-secondary .form-row + .form-row {
        margin-top: 24px;
    }

    /* ------------------------------------------------------------ *\
    List Customers Secondary
  \* ------------------------------------------------------------ */
    .list-customers-secondary li {
        width: 50%;
        margin-bottom: 30px;
    }

    .list-customers-secondary img {
        width: 100%;
        height: auto;
    }

    .list-customers-secondary li:nth-child(2n+1) {
        clear: both;
    }

    .list-customers-secondary li:nth-child(4),
    .list-customers-secondary li:nth-child(3) {
        margin-bottom: 0;
    }

    /* ------------------------------------------------------------ *\
    Intro Customers
  \* ------------------------------------------------------------ */

    /* ------------------------------------------------------------ *\
    Nav Quinary
  \* ------------------------------------------------------------ */
    .nav-secondary.nav-quinary {
        margin: 0;
    }

    .nav-quinary ul {
        width: 100%;
    }

    .nav-quinary a {
        padding: 0 30px 13px;
    }

    /* ------------------------------------------------------------ *\
    Section Customers
  \* ------------------------------------------------------------ */
    .section-customers {
        padding: 54px 20px 0;
        border-bottom: 0;
    }

    .section-customers h3 {
        padding-bottom: 21px;
        margin-bottom: 48px;
        border-width: 1px;
    }

    /* ------------------------------------------------------------ *\
    Tabs Senary
  \* ------------------------------------------------------------ */
    .tabs-senary .col {
        float: none;
        width: 100%;
    }

    .tabs-senary .col + .col {
        margin-top: 85px;
    }

    .tabs-senary .tabs-nav {
        padding: 0;
        margin: 0 -20px 32px;
        font-size: 14px;
    }

    .tabs-senary .tabs-nav ul {
        display: block;
    }

    .tabs-senary .tabs-nav span {
        margin-bottom: 6px;
    }

    .tabs-senary .tabs-nav li {
        float: left;
        width: 33.3%;
    }

    .tabs-senary .tabs-nav li + li {
        margin: 0;
    }

    .tabs-senary .tabs-nav a {
        padding: 0;
    }

    .tabs-senary .tabs-nav .current a:after {
        display: none;
    }

    /* ------------------------------------------------------------ *\
    List Devices Secondary
  \* ------------------------------------------------------------ */
    .list-devices-secondary {
        margin: 0 -20px;
    }

    .list-devices-secondary:after {
        content: '';
        display: block;
        clear: both;
    }

    .list-devices-secondary li {
        float: left;
        width: 33.3%;
    }

    .list-devices-secondary li + li {
        margin: 0;
    }

    /* ------------------------------------------------------------ *\
    List Devices Teritary
  \* ------------------------------------------------------------ */
    .list-devices-teritary {
        margin: 0 auto;
    }

    .list-devices-teritary li {
        width: 20%;
        margin-bottom: 39px;
    }

    .list-devices-teritary li + li {
        margin: 0 0 39px;
    }

    .list-devices-teritary li:nth-child(3),
    .list-devices-teritary li:nth-child(4) {
        margin-bottom: 0;
    }

    /* ------------------------------------------------------------ *\
    Section Downloads
  \* ------------------------------------------------------------ */
    .section-downloads {
        position: relative;
        padding: 58px 20px;
        margin-bottom: 9px;
    }

    .section-downloads:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -10px;
        background: #cdcdcd;
    }

    .section-downloads h3 {
        padding-bottom: 20px;
    }

    .section-downloads p {
        padding-bottom: 46px;
    }

    .section-downloads .btn{
        margin-bottom: 16px;
        margin-top: 20px;
    }

    .section-downloads button  {
        width:100%;
    }

    .section-downloads .col-separator {
        margin-top: 8px;
    }

    /* ------------------------------------------------------------ *\
    Section Downloads Secondary
  \* ------------------------------------------------------------ */
    .section-downloads-secondary.current,
    .section-downloads-secondary {
        display: none;
    }

    /* ------------------------------------------------------------ *\
    Ico
  \* ------------------------------------------------------------ */
    .ico-pc {
        width: 44px;
        height: 29px;
    }

    .ico-mobile {
        width: 19px;
        height: 29px;
    }

    .ico-tablet {
        width: 27px;
        height: 32px;
    }

    /* ------------------------------------------------------------ *\
    Section Devices
  \* ------------------------------------------------------------ */
    .section-devices.current,
    .section-devices {
        display: none;
    }

    /* ------------------------------------------------------------ *\
    Form Email
  \* ------------------------------------------------------------ */
    .form-email .btn {
        width: 100%;
    }

    .form-email .form-actions {
        padding-top: 41px;
    }

    .form-email .col + .col {
        margin: 0;
    }

    /* ------------------------------------------------------------ *\
    Form Phone
  \* ------------------------------------------------------------ */
    .form-phone i {
        top: auto;
        bottom: 9px;
    }

    .form-phone .form-controls {
        position: static;
    }

    .form-phone .form-body {
        position: relative;
    }

    .form-phone .field {
        padding: 0 15px 0 28px;
    }

    .form-phone .fs-dropdown,
    .form-phone .fs-dropdown-selected {
        max-width: 172px;
        margin: 0 auto 6px;
    }

    /* ------------------------------------------------------------ *\
    Tabs Features
  \* ------------------------------------------------------------ */
    .tabs-features .tabs-nav {
        padding: 0 10px;
        margin: 0;
    }

    .tabs-features .tabs-nav li {
        position: relative;
        float: left;
        width: 50%;
        font-size: 16px;
        font-weight: 600;
    }

    .tabs-features .tabs-nav li + li {
        margin: 0;
    }

    .tabs-features .tabs-nav a {
        position: static;
        max-width: 130px;
        margin: 0 auto;
        padding: 0 20px 22px;
        line-height: 1.31;
    }

    /* ------------------------------------------------------------ *\
    Feature Quaternary
  \* ------------------------------------------------------------ */
    .feature-quaternary a:first-child {
        padding: 0;
    }

    /* ------------------------------------------------------------ *\
    Nav Lang Secondary
  \* ------------------------------------------------------------ */
    .nav-lang-secondary {
        z-index: 500;
        background: none;
        transition-delay: 0s;
    }

    .nav-lang-secondary.active .nav-inner {
        top: 0;
        transition-delay: 0s;
    }

    .nav-lang-secondary h3 {
        font-size: 22px;
        padding-bottom: 42px;
    }

    .nav-lang-secondary ul + ul {
        margin-left: 59px;
    }

    .nav-lang-secondary li + li {
        margin-top: 4px;
    }

    .nav-lang-secondary .nav-inner {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 55px 20px 20px;
        margin: 0;
    }

    /* ------------------------------------------------------------ *\
    List Images Teritary
  \* ------------------------------------------------------------ */
    .list-images-teritary {
        margin-top: 0;
    }

    /* ------------------------------------------------------------ *\
    Footer Secondary
  \* ------------------------------------------------------------ */
    .footer-secondary {
        border-top: 1px solid #cdcdcd;
        background: none;
    }

    /* ------------------------------------------------------------ *\
    Section Info
  \* ------------------------------------------------------------ */
    .section-info .section-image-teritary {
        padding: 0;
    }
}


@media screen and (max-width: 460px) {
    .form-contact-secondary .btn {
        width:100%;
    }
}
@media screen and (max-width: 340px) {
    .nav-lang-secondary ul + ul {
        margin-left: 20px;
    }
}

#habla_window_div,
#habla_window_div h1,
#habla_window_div h2,
#habla_window_div h3,
#habla_window_div h4,
#habla_window_div h5,
#habla_window_div h6,
#habla_window_div p,
#habla_window_div td,
#habla_window_div dl,
#habla_window_div tr,
#habla_window_div dt,
#habla_window_div ol,
#habla_window_div form,
#habla_window_div select,
#habla_window_div option,
#habla_window_div pre,
#habla_window_div div,
#habla_window_div table,
#habla_window_div th,
#habla_window_div tbody,
#habla_window_div tfoot,
#habla_window_div caption,
#habla_window_div thead,
#habla_window_div ul,
#habla_window_div li,
#habla_window_div address,
#habla_window_div blockquote,
#habla_window_div dd,
#habla_window_div fieldset,
#habla_window_div li,
#habla_window_div iframe,
#habla_window_div strong,
#habla_window_div legend,
#habla_window_div em,
#habla_window_div s,
#habla_window_div cite,
#habla_window_div span,
#habla_window_div input,
#habla_window_div sup,
#habla_window_div label,
#habla_window_div dfn,
#habla_window_div object,
#habla_window_div big,
#habla_window_div q,
#habla_window_div font,
#habla_window_div samp,
#habla_window_div acronym,
#habla_window_div small,
#habla_window_div img,
#habla_window_div strike,
#habla_window_div code,
#habla_window_div sub,
#habla_window_div ins,
#habla_window_div textarea,
#habla_window_div var,
#habla_window_div a,
#habla_window_div abbr,
#habla_window_div applet,
#habla_window_div del,
#habla_window_div kbd,
#habla_window_div tt,
#habla_window_div b,
#habla_window_div i,
#habla_window_div hr,
    /* HTML5 */

#habla_window_div article,
#habla_window_div aside,
#habla_window_div dialog,
#habla_window_div figure,
#habla_window_div footer,
#habla_window_div header,
#habla_window_div hgroup,
#habla_window_div menu,
#habla_window_div nav,
#habla_window_div section,
#habla_window_div time,
#habla_window_div mark,
#habla_window_div audio,
#habla_window_div video {
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */

    background-position: 0 0;
    background-repeat: repeat;
    border-color: black;
    /* because border-color should match font color, so it is impossible for the reset stylesheet to know what color it should be. Guideline: if you haven't already declared a border-color for an element, be sure to do so when you first declare the border-width */

    border-style: none;
    border-width: medium;
    /* Breaks IE 7 and 8 in quirks mode*/
    /*  bottom:auto;*/

    clear: none;
    clip: auto;
    color: inherit;
    /*  breaks opera*/
    /*  content:normal;*/

    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: inherit;
    display: inline;
    float: none;
    font-family: inherit;
    /* As with other inherit values, this needs to be set on the root container element */

    font-size: inherit;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    height: auto;
    /*  left:auto;*/

    letter-spacing: normal;
    line-height: inherit;
    list-style-type: inherit;
    /* Could set list-style-type to none */

    list-style-position: inside;
    list-style-image: none;
    margin: 0;
    max-height: none;
    max-width: none;
    /*  breaks ie7*/
    /*min-height:0;
     min-width:0;*/

    outline: invert none medium;
    overflow: visible;
    padding: 0;
    position: static;
    quotes: "" "";
    /*  breaks ie7*/
    /*  right:auto;*/

    table-layout: auto;
    text-align: inherit;
    text-decoration: inherit;
    /*Doesn't indent in IE quirks*/
    /*  text-indent:0;*/

    text-transform: none;
    /*Breaks scrolling in ie quirks mode*/
    /*  top:auto;*/

    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    /* CSS3 and proprietary */
    /* This section needs extendin */

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    opacity: 1;
}

#habla_window_div,
#habla_window_div th,
#habla_window_div table,
#habla_window_div h3,
#habla_window_div h5,
#habla_window_div p,
#habla_window_div h1,
#habla_window_div td,
#habla_window_div dl,
#habla_window_div tr,
#habla_window_div dt,
#habla_window_div h6,
#habla_window_div ol,
#habla_window_div form,
#habla_window_div select,
#habla_window_div option,
#habla_window_div pre,
#habla_window_div div,
#habla_window_div tbody,
#habla_window_div h2,
#habla_window_div tfoot,
#habla_window_div caption,
#habla_window_div thead,
#habla_window_div h4,
#habla_window_div ul,
#habla_window_div address,
#habla_window_div blockquote,
#habla_window_div dd,
#habla_window_div fieldset,
#habla_window_div textarea,
#habla_window_div hr,
    /* HTML5 new elements */

#habla_window_div article,
#habla_window_div aside,
#habla_window_div dialog,
#habla_window_div figure,
#habla_window_div footer,
#habla_window_div header,
#habla_window_div hgroup,
#habla_window_div menu,
#habla_window_div nav,
#habla_window_div section {
    display: block;
}

/* == SPECIFIC ELEMENTS == */
/* Some of these are browser defaults; some are just useful resets */

#habla_window_div nav ul,
#habla_window_div nav ol {
    list-style-type: none;
}

#habla_window_div ul,
#habla_window_div menu {
    list-style-type: disc;
}

#habla_window_div ol {
    list-style-type: decimal;
}

#habla_window_div ol ul,
#habla_window_div ul ul,
#habla_window_div menu ul,
#habla_window_div ol menu,
#habla_window_div ul menu,
#habla_window_div menu menu {
    list-style-type: circle;
}

#habla_window_div ol ol ul,
#habla_window_div ol ul ul,
#habla_window_div ol menu ul,
#habla_window_div ol ol menu,
#habla_window_div ol ul menu,
#habla_window_div ol menu menu,
#habla_window_div ul ol ul,
#habla_window_div ul ul ul,
#habla_window_div ul menu ul,
#habla_window_div ul ol menu,
#habla_window_div ul ul menu,
#habla_window_div ul menu menu,
#habla_window_div menu ol ul,
#habla_window_div menu ul ul,
#habla_window_div menu menu ul,
#habla_window_div menu ol menu,
#habla_window_div menu ul menu,
#habla_window_div menu menu menu {
    list-style-type: square;
}

#habla_window_div li {
    display: list-item;
    /* Fixes IE7 issue with positioning of nested bullets */

    min-height: auto;
    min-width: auto;
}

#habla_window_div strong {
    font-weight: bold;
}

#habla_window_div em {
    font-style: italic;
}

#habla_window_div kbd,
#habla_window_div samp,
#habla_window_div code {
    font-family: monospace;
}

#habla_window_div a,
#habla_window_div a *,
#habla_window_div input[type=submit],
#habla_window_div input[type=radio],
#habla_window_div input[type=checkbox],
#habla_window_div select {
    cursor: pointer;
}

#habla_window_div a:hover {
    text-decoration: underline;
}

#habla_window_div button,
#habla_window_div input[type=submit] {
    text-align: center;
}

#habla_window_div input[type=hidden] {
    display: none;
}

#habla_window_div abbr[title],
#habla_window_div acronym[title],
#habla_window_div dfn[title] {
    cursor: help;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

#habla_window_div ins {
    background-color: #ff9;
    color: black;
}

#habla_window_div del {
    text-decoration: line-through;
}

#habla_window_div blockquote,
#habla_window_div q {
    quotes: none;
    /* HTML5 */
}

#habla_window_div blockquote:before,
#habla_window_div blockquote:after,
#habla_window_div q:before,
#habla_window_div q:after,
#habla_window_div li:before,
#habla_window_div li:after {
    content: "";
    content: none;
    /* HTML5 */
}

#habla_window_div input,
#habla_window_div select {
    vertical-align: middle;
}

#habla_window_div select,
#habla_window_div textarea,
#habla_window_div input {
    border: 1px solid #ccc;
}

#habla_window_div table {
    border-collapse: collapse;
    border-spacing: 0;
}

#habla_window_div hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
}

#habla_window_div *[dir=rtl] {
    direction: rtl;
}

#habla_window_div mark {
    background-color: #ff9;
    color: black;
    font-style: italic;
    font-weight: bold;
}

/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit  */

#habla_window_div {
    font-size: 100%;
    /* To restrict to a pixel unit, use 12px */

    line-height: 1;
    direction: ltr;
    text-align: left;
    font-family: "Times New Roman", Times, serif;
    /* Override this with whatever font-family is required */

    color: black;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

/*Layout Elements */

#habla_window_div.habla_window_div_base {
    display: block !important;
    z-index: 99999999;
}

#habla_window_div #olark-callout-bubble-offline,
#habla_window_div #olark-callout-bubble-online {
    position: relative !important;
}

#habla_window_div #olark-callout-bubble,
#habla_window_div #olark-callout-bubble-offline {
    position: relative !important;
}

#habla_window_div #habla_panel_div {
    overflow: hidden;
    background-color: transparent !important;
}

#habla_window_div #habla_middle_div {
    padding: 22px;
    background-color: #fff;
}

/*IE7 Fix*/

*:first-child + html #habla_window_div #habla_middle_div {
    padding: 6px 0 0 0;
}

#habla_window_div textarea {
    max-width: 100%;
    width: 100%;
}

/*IE7 Fix*/

*:first-child + html #habla_window_div textarea {
    width: 97%;
}

/*Chatting*/

#habla_window_div #habla_input_div {
    margin-left: -17px;
    margin-right: -5px;
}

/*IE7 Fix*/

*:first-child + html #habla_window_div #habla_input_div {
    margin-left: 0px;
    margin-right: 0px;
    width: 95%;
}

#habla_window_div #habla_chatform_form {
    padding: 3px 10px 0 10px;
}

#habla_window_div #habla_conversation_div {
    padding: 6px 10px 0 10px;
    margin: -6px -10px 0 -10px;
}

/*IE7 Fix*/

*:first-child + html #habla_window_div #habla_conversation_div,
*:first-child + html #habla_window_div #habla_pre_chat_div,
*:first-child + html #habla_window_div #habla_offline_message_div {
    width: 97%;
}

/*Forms: Prechat and Offline*/

#habla_window_div #habla_name_input,
#habla_window_div #habla_offline_email_input,
#habla_window_div #habla_offline_body_input,
#habla_window_div #habla_pre_chat_name_input,
#habla_window_div #habla_pre_chat_email_input {
    overflow: hidden;
}

#habla_window_div #habla_pre_chat_div,
#habla_window_div #habla_offline_message_sent_div,
#habla_window_div #habla_offline_message_div {
    /*offset any horizontal padding and borders on input elements*/

    padding: 0px 10px 0px 10px;
    margin-left: -10px;
}

/*IE7 Fix*/

*:first-child + html #habla_window_div #habla_pre_chat_div,
*:first-child + html #habla_window_div #habla_offline_message_sent_div,
*:first-child + html #habla_window_div #habla_offline_message_div {
    padding: 5px;
    margin-left: 0px;
}

/* General Text Style */

#habla_window_div {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
}

#habla_middle_div {
    line-height: 1.5em;
}

/* Colors, borders, backgrounds, and general styles */
/*Background*/

#habla_window_div #habla_expanded_div {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    background-color: #fff;
    padding-bottom: 15px;
}

/*Corners and rounding*/

#habla_window_div.habla_window_div_position_inline .habla_panel_border {
    border-bottom: 1px solid #ededed;
}

#habla_window_div.olrk-fixed-bottom .habla_panel_border,
#habla_window_div.olrk-fixed-bottom #habla_topbar_div {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#habla_window_div.olrk-fixed-top .habla_panel_border {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#habla_window_div.olrk-fixed-top #habla_expanded_div {
    border-bottom: 1px solid #ededed;
}

/*Chatting*/

#habla_window_div .habla_conversation_div {
    background: transparent none repeat scroll 0 0;
    border-bottom: none;
    line-height: 1.5em;
    overflow: auto;
    color: black;
    width: 100%;
}

#habla_window_div #habla_wcsend_input {
    background: transparent none repeat scroll 0 0;
    overflow: auto;
    padding: 5px;
    vertical-align: text-top;
    line-height: 1.5em;
}

#habla_window_div .habla_wcsend_input_normal {
    border: 1px solid #b6b6b6;
    color: black;
}

#habla_window_div .habla_wcsend_input_pre {
    color: gray;
}

#habla_window_div .habla_wcsend_input_highlighted {
    border-color: gray !important;
    color: black;
}

#habla_window_div .habla_conversation_p_item {
    background: transparent none repeat scroll 0 0;
    color: black;
    padding: 0;
    margin: 0 0 0 20px;
    text-indent: -20px;
    overflow: visible;
}

#habla_window_div .habla_conversation_person1 {
    color: #979797;
    padding-right: 5px;
    display: inline;
}

#habla_window_div .habla_conversation_person2 {
    color: #5ba0d0;
    padding-right: 5px;
}

#habla_window_div .olrk_avatar {
    float: right;
    /**border: 1px solid lightgray;**/

    border: none;
    margin-left: 5px;
    margin-bottom: 5px;
}

/*Prechat and Offline Styles*/

#habla_window_div #habla_offline_message_span,
#habla_window_div #habla_pre_chat_span {
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
    line-height: 28px;
}

#habla_window_div #habla_offline_message_div,
#habla_window_div #habla_pre_chat_div {
    line-height: 1.5em;
}

#habla_window_div #habla_offline_message_span {
    margin-bottom: 5px;
    display: block;
}

#habla_window_div #habla_name_input,
#habla_window_div #habla_offline_email_input,
#habla_window_div #habla_offline_body_input,
#habla_window_div #habla_pre_chat_name_input,
#habla_window_div #habla_pre_chat_email_input,
#habla_window_div #habla_wcsend_input {
    border: 0px;
    padding: 12px;
    margin-bottom: 15px !important;
    font-size: 16px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #f0f0f0;
    color: #8e8e8e;
    height: 45px !important;
    resize: none;
}

#habla_window_div #habla_wcsend_input {
    margin-bottom: 0px !important;
}

#habla_window_div .habla_offline_submit_input {
    background: #ffc600 none repeat scroll 0 0;
    border: medium none #ededed;
    color: #000;
    float: right;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 1px 6px 1px 6px;
    height: 45px;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    margin: 5px 0 20px;
}

#habla_window_div .habla_offline_error_span,
#habla_window_div #habla_pre_chat_error_span {
    margin-top: -20px;
    float: left;
    padding-bottom: 10px;
    font-style: italic;
    line-height: 1.5em;
}

/*Topbar*/

#habla_window_div #habla_topbar_div {
    background: url('../assets/images/Logos/chat-ico.png') no-repeat 22px 7px rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    padding: 13px 0 12px 140px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
}

#habla_window_div #habla_oplink_a {
    color: white;
    text-decoration: none;
}

#habla_window_div #habla_oplink_a.habla_oplink_a_hover {
    text-decoration: underline;
}

#habla_window_div .clear_style {
    clear: both;
}

/* Topbar Buttons */

#habla_window_div .habla_button {
    float: right;
    margin-top: 5px;
    margin-right: 14px;
    padding: 0px;
    width: 16px;
    height: 16px;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background-position: 0 top;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
    /*Hide the Ascii buttons*/

    overflow: hidden;
    line-height: 1000px;
    background-image: url('../assets/images/Icons/1x/chev-down-ico-sm.png');
}

#habla_window_div .habla_button:hover {
    background-color: #333;
}

/*#habla_window_div #habla_sizebutton_a {
        background-position: -80px top !important;
    }*/
/*.olrk-state-expanded #habla_window_div #habla_sizebutton_a {
        background-position: -96px top !important;
    }*/

#habla_window_div #habla_sizebutton_a:hover {
    background-color: transparent;
}

#habla_window_div #habla_closebutton_a {
    background-position: 0px top !important;
}

#habla_window_div #habla_closebutton_a:hover {
    background-color: transparent;
}

#habla_window_div #habla_popout_a {
    background-position: -16px top !important;
}

#habla_window_div #habla_popout_a:hover {
    background-color: transparent;
}

/* preserve link coloring */

#habla_window_div #habla_panel_div #habla_expanded_div a,
#habla_window_div #habla_panel_div #habla_conversation_div a {
    color: #CF9F24;
}

#habla_window_div #habla_panel_div #habla_expanded_div a:visited,
#habla_window_div #habla_panel_div #habla_conversation_div a:visited {
    color: #CF9F24;
}

#habla_window_div #habla_panel_div #habla_expanded_div a:active,
#habla_window_div #habla_panel_div #habla_conversation_div a:active {
    color: #CF9F24;
}

/* //////////                   ////////// */
/* ////////// Chat Ratings Form ////////// */

#habla_conversation_div .olark-feedback-wrapper {
    background-color: #fff !important;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #4d4d4d;
    padding: 10px 10px 12px !important;
    filter: none !important;
    /* sets bg in ie 8,9 */
}

#habla_conversation_div p .olark-feedback-wrapper {
    color: #4d4d4d;
    /* Fallback for IE8 */

    color: rgba(0, 0, 0, 0.7);
    line-height: 1.2em;
    font-size: 13px;
}

#habla_conversation_div p.olark-feedback-question {
    color: #4d4d4d;
    /* Fallback for IE8 */

    color: rgba(0, 0, 0, 0.7);
    font-weight: bold;
}

#habla_conversation_div .olark-feedback-error {
    background-color: #FF9581;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: white;
    margin-bottom: 3px;
    padding: 5px;
}

#habla_conversation_div .olark-feedback-hidden {
    display: none;
}

#habla_conversation_div .olark-feedback-low-answer,
#habla_conversation_div .olark-feedback-high-answer {
    background: #E4E089;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #4d4d4d;
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    margin: 8px 0px 15px;
    padding: 5px 5px;
    position: relative;
    text-align: center;
    max-width: 42%;
}

#habla_conversation_div .olark-feedback-high-answer {
    float: right;
}

#habla_conversation_div .olark-feedback-low-answer:after,
#habla_conversation_div p .olark-feedback-low-answer:before,
#habla_conversation_div .olark-feedback-high-answer:after,
#habla_conversation_div p .olark-feedback-high-answer:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}

#habla_conversation_div .olark-feedback-low-answer:after,
#habla_conversation_div p .olark-feedback-low-answer:before {
    left: 5px;
    bottom: -5px;
    border: 4px solid;
    border-color: #E4E089 transparent transparent #E4E089;
    /* creates triangle */
}

#habla_conversation_div .olark-feedback-high-answer:after,
#habla_conversation_div p .olark-feedback-high-answer:before {
    right: 5px;
    bottom: -5px;
    border: 4px solid;
    border-color: #E4E089 #E4E089 transparent transparent;
    /* creates triangle */
}

#habla_conversation_div .olark-feedback-choices-wrap {
    border-top: 2px solid #CACACA;
    clear: both;
    height: 15px;
    text-align: justify;
    /* allows radio buttons to fully fill container */
}

#habla_conversation_div .olark-feedback-radio {
    -webkit-appearance: radio;
}

#habla_conversation_div .olark-feedback-input {
    border: 0;
    /* removes border in ie8*/

    display: inline-block;
    margin-top: -20px;
}

#habla_conversation_div .olark-feedback-choices-wrap:after {
    content: '';
    width: 100%;
    /* Ensures there are at least 2 lines of text, so justification works */

    display: inline-block;
}

#habla_conversation_div .olark-feedback-question-number {
    color: #4d4d4d;
    display: inline-block;
    font-size: 13px;
    padding: 6px 0px;
    margin-right: 5px;
}

#habla_conversation_div .olark-feedback-text {
    box-sizing: border-box;
    color: #4d4d4d;
    font-size: 14px;
    min-height: 100px;
    margin-bottom: 5px;
    padding: 3px;
}

#habla_conversation_div .olark-feedback-placeholder {
    color: #AAAAAA;
    /* Color for ie8 and ie9 placeholder */
}

#habla_conversation_div .olark-feedback-submit {
    background: #1eaedb;
    border: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: white;
    display: inline-block;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    padding: 5px 5px;
}

#habla_conversation_div .olark-feedback-submit:disabled {
    background: #DDD;
    color: #4d4d4d;
}

#habla_conversation_div .habla_conversation_notification.olark-feedback-wrapper {
    color: #4d4d4d !important;
}

/*Animations*/

@-webkit-keyframes pulse {
    0% {
    }
    50% {
        background-color: rgba(255, 0, 0, 0.7);
    }
    100% {
    }
}

@-webkit-keyframes tab_in_bottom {
    0% {
        margin-bottom: -50px;
        padding-bottom: 10px;
    }
    50% {
        margin-bottom: 0px;
        padding-bottom: 15px;
    }
    100% {
        padding-bottom: 10px;
    }
}

@-webkit-keyframes tab_in_top {
    0% {
        margin-top: -50px;
        padding-top: 10px;
    }
    50% {
        margin-top: 0px;
        padding-top: 15px;
    }
    100% {
        padding-top: 10px;
    }
}

.olrk-state-compressed .olrk-fixed-bottom #habla_topbar_div {
    -webkit-animation-name: tab_in_bottom;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

.olrk-state-compressed .olrk-fixed-top #habla_topbar_div {
    -webkit-animation-name: tab_in_top;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

#habla_window_div .habla_topbar_div_highlighted {
    background: #d05c34 none repeat scroll 0 0;
    color: #FFFFFF;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

/*Quirksmode IE fixes*/

a.hbl_pal_title_fg {
    color: !important;
}

.hbl_pal_main_bg {
    background-color: white !important;
}

.hbl_pal_title_fg {
    color: !important;
}

.hbl_pal_local_fg {
    color: !important;
}

.hbl_pal_title_bg {
    background-color: !important;
}

.hbl_pal_offline_submit_fg {
    color: !important;
}

.hbl_pal_remote_fg {
    color: !important;
}

.hbl_pal_offline_submit_bg {
    background-color: !important;
}

div.hbl_pal_main_height {
    height: 150px !important;
}

div.hbl_pal_main_width {
    width: 375px !important;
}

/*Make position:fixed work in IE6!*/

.olrk-fixed-top
    /* position fixed Top    */

{
    position: fixed;
    bottom: auto;
    top: 0px;
}

.olrk-fixed-bottom
    /* position fixed Bottom */

{
    position: fixed;
    bottom: 0px;
    top: auto;
}

.olrk-fixed-left
    /* position fixed Left   */

{
    position: fixed;
    right: auto;
    left: 0px;
}

.olrk-fixed-right
    /* position fixed right  */

{
    position: fixed;
    right: 0px;
    left: auto;
}

/* backwards compat */

.habla_window_div_position {
    bottom: 0px;
    position: fixed;
    right: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.habla_window_div_position_inline {
}

.habla_window_div_position_floating {
    bottom: 0px;
    position: fixed;
    right: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.habla_window_div_position_floating_ie {
    bottom: 0px;
    position: absolute;
    right: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media (max-width: 1366px) and (min-width: 1000px) {
    /*.content-a,*/
    .commander_hero_fold.fullscreen {
        height: 82%;
        min-height: 82%;
    }

    .commander_hero_fold .content-b {
        top: 378px;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: $breakpoint-lg-xl)
and (orientation: portrait) {

    .header-inner .open > .dropdown-menu {
        display: block;
        position: absolute;
        left: -122px;
    }
}

.empty-input {
    border-bottom: 1px solid red;
}

.empty-input::-webkit-input-placeholder { /* Chrome */
    color: #FF0000;
    transition: color 250ms ease-in-out;
}

.empty-input:-ms-input-placeholder { /* IE 10+ */
    color: red;
    transition: color 250ms ease-in-out;
}

.empty-input::-moz-placeholder { /* Firefox 19+ */
    color: red;
    opacity: 1;
    transition: color 250ms ease-in-out;
}

.empty-input:-moz-placeholder { /* Firefox 4 - 18 */
    color: red;
    opacity: 1;
    transition: color 250ms ease-in-out;
}

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

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

#survey-points {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

#survey-point-numbers {
    display: flex;
    justify-content: space-between;
}

#survey-point-labels {
    display: flex;
    justify-content: space-between;
}

.survey-point-number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    border-style: solid;
    border-color: #b8b8b8;
    border-width: 1px;
    color: #b8b8b8;
    cursor: pointer;
}
@media (max-width: 768px) {
    .stuck3 {
        top: 44px;
        z-index: 0;
    }
    .stuck3 .video-popup{
        display: none;
      }
    .stuck3 .link-play{
        margin-bottom: 0px;
    }
    .perks .section-downloads .intro-title{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .perk_companyname{

    }
    .perk_company_discount{
        word-wrap:break-word;
        display: block;
        margin-bottom: 10px;    

    }
    .intro-accounting .stuck3{
        z-index: 1;
    }
}
@media (max-width: 767px) {
    .survey-point-number {
        width: 25px;
        height: 25px;
        font-size: 10px;
        line-height: 25px;
    }
    a.btn-freegray {
        margin-right: 0px;
    }
    .section-bordered-top-unlimited .pricing-amount-cell{
        text-align: center;
    }

    .sfs-pricing .btn-storage-add {
        margin-bottom: 40px;
        width: 230px;
    }
    .sfs-pricing {
        margin-bottom: 24px;
    }

    .shell-secure-file-storage header h3, .shell-secure-file-storage header p{
        text-align: center;
    }

    #nps-intro {
        display: none;
    }

    .enterprise-buy-legend {
        padding: 1.3rem;
    }
    .feature-big-text {
    min-height: 100px; 
    padding: 24px 0 24px;
    }

    section .enterprise-buy-controls .btn {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .enterprise-buy-controls .intro-actions {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    #papers .feature-teritary h3 {
        min-height:0px;
    }
    #infographics .feature-teritary h3 {
    min-height: 60px;
}
    
}

#survey-notes {
    width: 100%;
}

.selected-score {
    color: black;
    background-color: #ffc600;
}

#thanks-nps {
    text-align: center;
}

.thanks-title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.thanks-message {
    text-align: center;
}

div.multi-column {
    width: 100%;
    margin: 20px 0;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}

@media (max-width: 767px) {
    div.multi-column {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
}

div.error-above {
    font-size: 16px;
    opacity: 0;
    position: relative;
    transition: opacity 0.2s;
    color: #c00;
    top: -78px;
}

select#guide-selector {
    opacity: 0;
}
[view="support"] select#guide-selector {
    display:none;
}


/* ------------------------------------------------------------ *\
	F L A G S
\* ------------------------------------------------------------ */

.flagstrap-icon {
    margin-right: 10px;
    margin-top: -3px;
}

.country-phone {
    margin-left: 5px;
}

/* ------------------------------------------------------------ *\
	M I S C .
\* ------------------------------------------------------------ */

.linux-download-link {
    display: block;
    margin: 15px 0;
    color: #cf9f24;
}

.linux-download-link:hover {
    color: #E6B300;
}

.linux-download-link .mute {
    color: grey;
}

/* ------------------------------------------------------------ *\
	C O O K I E  C O N S E N T
\* ------------------------------------------------------------ */

/* COOKIE CONSENT POPUP */

.cookie-consent-popup .modal-content {
    border-radius: 0;
    padding: 40px;
    width: 600px;
    margin: 0 auto;
}

@media screen and (max-width: 620px) {
    .cookie-consent-popup {
        padding: 0 !important;
    }
    .cookie-consent-popup .modal-content {
        width: 100%;
    }
}

.cookie-consent-popup h3 {
    margin-bottom: 20px;
}

.cookie-consent-popup p {
    font-size: 16px;
}

.cookie-consent-popup p a {
    color: #499ee6;
}

.cookie-consent-popup .actions {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: flex-end;
    margin-top: 20px;
}

@media screen and (max-width: 465px) {
    .cookie-consent-popup .actions .btn-black {
        min-width: 0;
    }
}

.cookie-consent-popup .actions a:last-of-type {
    margin-left: 10px;
    margin-top: 0;
}
html[locale='ar_AE'] .cookie-consent-popup .actions a:last-of-type {
    margin-left:0;
    margin-right:10px;
}

@media screen and (max-width: 450px) {
    .cookie-consent-popup .actions {
        flex-flow: column wrap;
    }
    
    .cookie-consent-popup .actions .btn {
        width: 100%;
        margin: 0;
    }

    .cookie-consent-popup .actions a:last-of-type {
        margin-top: 15px;
        margin-left: 0;
    }
    html[locale='ar_AE'] .cookie-consent-popup .actions a:last-of-type {
        margin-top: 15px;
        margin-right:0;
    }
}

/* COOKIE CONSENT BANNER - DEFAULT */

.cookie-consent-banner {
    position: fixed;
    display: block;
    bottom: 0; left: 0; right: 0;
    width: 100%;
    padding: 20px;
    background-color: #333333;
    z-index: 9999999999;
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    transition: 0.4s ease;
}

.cookie-consent-banner h6 {
    color: white;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300;
}

.cookie-consent-banner .columns {
    display: flex;
}

@media screen and (max-width: 768px) {
    .cookie-consent-banner .columns {
        display: block;
    }
}

.cookie-consent-banner p {
    color: white;
    font-size: 16px;
}

.cookie-consent-banner p a {
    color: #b3b3b3;
    text-decoration: none;
}

.cookie-consent-banner p a:hover {
    text-decoration: none;
    color: white;
}

.cookie-consent-banner .actions {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .cookie-consent-banner .actions {
        margin: 0;
        margin-top: 15px;
        width: 100%;
    }
}

.cookie-consent-banner .actions .btn-alt {
    padding: 0 15px;
    border-radius: 5px;
    line-height: 32px;
    color: black;
    font-size: 16px;
}

.cookie-consent-banner .actions .btn-alt:hover {
    text-decoration: none;
}

.cookie-consent-banner .actions .btn-alt.btn-yellow {
    background-color: #ffc600;
    transition: 0.2s ease;
}

.cookie-consent-banner .actions .btn-alt.btn-yellow:hover {
    background-color: #E6B300;
    filter: brightness(0.7);
}

.cookie-consent-banner .actions .btn-alt.btn-grey {
    background-color: lightgrey;
    transition: 0.2s ease;
}

.cookie-consent-banner .actions .btn-alt.btn-grey:hover {
    background-color: white;
    filter: brightness(0.7);
}

.cookie-consent-banner .actions .cookie_accept {
    margin-left: 10px;
}

.backupbutton {
    bottom: 85px;
    z-index: 999998;
}

#olark-wrapper .olark-launch-button.olark-chat-tab {
    z-index: 999998 !important;
}


/* COOKIE CONSENT BANNER - NO CONSENT */

.no-cookie-consent .cookie-consent-banner {
    display: none;
}

.no-cookie-consent #cookie-consent-popup-trig,
#cookie-consent-popup-trig {
    display: none;
}

/* COOKIE CONSENT BANNER - WITH CONSENT */

.user-cookie-consent .cookie-consent-banner {
    display: none;
}

.user-cookie-consent #cookie-consent-popup-trig {
    display: block;
}

/* COOKIE CONSENT BANNER - HIDE */

.no-cookie-consent-banner .cookie-consent-banner {
    display: none;
}

/* DEFAULT STATE */

.cookie-consent .cookie-consent-banner {
    display: none;
}

/* COOKIE CONSENT - US STATE */


.us-implied-consent #cookie-consent-popup-trig {
    display: none !important;
}

/********************************************************* LOCALE SPECIFIC STYLES */

html:lang(sk) #view-guide-button {
    font-size: 16px;
}

html:lang(ja) [view="enterprise-resources"] #papers .feature-teritary a {
    font-size: 15px;
}

.capitalize {
    text-transform: capitialize;
}

html:lang(ja) .cookie-consent-banner .columns {
    flex-flow: column nowrap;
}

html:lang(ja) .cookie-consent-banner .actions {
    margin-top: 20px;
}

/* @media screen and (max-width: $breakpoint-lg-xl) {
    body.modal-open .main-content {
        display: none;
    }
} */

.g-recaptcha > div {
    margin: 0 auto;
}


/******* Error state for select option ******/

select.ng-invalid.ng-touched:not([id*="country"]) + button.dropdown {
    border-color: #d50000;
    box-shadow: none;
    color: #d50000;
    background: rgba(213,0,0,.1);
}

.iphone-image {
    width: 418px;
    height: 440px;
    background-image: url(/assets/images/translated/homepage/desktop/en_US/cyborg.png);
}

.touch-id {
    width: 100%;
    height: 384px;
    background-image: url(/assets/images/translated/homepage/desktop/en_US/iphone-touch.png)
}

.image-android {
    width: 100%;
    padding-top: 67.72%;
    background-image: url(/assets/images/translated/homepage/desktop/en_US/passwords.jpg);
}

.ipad-image {
    width: 100%;
    padding-top: 69.57%;
    background-image: url(/assets/images/translated/homepage/desktop/en_US/ipad@2x.jpg);
}

.image-dashboard {
    width: 100%;
    padding-top: 68.94%;
    background-image: url(/assets/images/admin-pw.jpg);
}

.image-dashboard-2 {
    width: 100%;
    padding-top: 68.66%;
    background-image: url(/assets/images/translated/business/desktop/en_US/image-security-audit-update.png);
}

.image-teamsharing {
    width: 100%;
    padding-top: 68.19%;
    background-image: url(/assets/images/translated/business/desktop/en_US/business-sharing-teams.jpg);
}

.image-permissions {
    width: 100%;
    margin-top: 30px;
    padding-top: 66.6%;
    background-image: url(/assets/images/translated/business/desktop/en_US/business-enforcement-settings.jpg);
}

.image-data {
    width: 100%;
    padding-top: 65.59%;
    background-image: url(/assets/images/prevent-data.jpg);
}

.image-kf {
    width: 100%;
    padding-top: 69.44%;
    background-image: url(/assets/images/translated/business/desktop/en_US/kf-an.png);
}

.image-bizsecuritykey {
    width: 100%;
    padding-top: 69.44%;
    background-image: url(/assets/images/translated/business/desktop/en_US/image-bizsecuritykey.jpg);
}

.image-launcher {
    width: 100%;
    padding-top: 69.44%;
    background-image: url(/assets/images/translated/business/image-launcher.jpg);
}

.image-identityinfo {
    width: 100%;
    padding-top: 69.44%;
    background-image: url(/assets/images/translated/personal/image-identityinfo.jpg);
}

.image-u2f {
    width: 100%;
    padding-top: 67.4%;
    background-image: url(/assets/images/translated/personal/image-u2f.png);
}

.image-emergencyaccess {
    width: 100%;
    padding-top: 69.44%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/image-emergencyaccess.jpg);
}

.image-securitykey {
    width: 100%;
    padding-top: 67.33%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/image-securitykey.jpg);
}

.image-keeperchatPersonal {
    width: 100%;
    padding-top: 81%;
    background-image: url(/assets/images/image-keeperchat-personal.jpg);
}

.image-vault {
    width: 100%;
    padding-top: 65.41%;
    background-image: url(/assets/images/translated/business/desktop/en_US/Vault.png);
}

.image-security {
    width: 100%;
    padding-top: 65.41%;
    background-image: url(/assets/images/translated/business/desktop/en_US/security-audit.jpg);
    margin-top: 15px;
}

.image-sso-connect {
    width: 100%;
    padding-top: 78.04%;
    background-image: url(/assets/images/translated/business/desktop/en_US/sso-connect.jpg);
}

.image-customize-keeper {
    width: 100%;
    padding-top: 65.41%;
    background-image: url(/assets/images/translated/business/desktop/en_US/image-customize-keeper.jpg);
}

.image-migrate-pw {
    width: 100%;
    padding-top: 67.312%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/image-migrate-pw.jpg);
}

.image-iphone-2 {
    width: 100%;
    padding-top: 70.85%;
    background-image: url(/assets/images/translated/business/desktop/en_US/iphone-vault.png);
}

.image-nexus {
    width: 100%;
    padding-top: 100%;
    background-image: url(/assets/images/translated/business/desktop/en_US/nexus.jpg);
}

.image-admin {
    width: 100%;
    padding-top: 65.41%;
    background-image: url(/assets/images/translated/business/desktop/en_US/admin-scale.jpg);
}

.image-bridge {
    width: 100%;
    padding-top: 61.82%;
    background-image: url(/assets/images/translated/business/desktop/en_US/bridge.jpg);
}

.image-iphone-pw {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/iphone-PW.png);
}

.image-touch {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/an-touch.png);
}

.image-meter {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/iphone-meter.png);
}

.image-kf-an {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/KF-an.png);
}

.image-an-add {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/An-Add.png);
}

.image-multi {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/multi.png);
}

.image-watch {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/watch.png);
}

.image-dna-1 {
    width: 100%;
    padding-top: 67.72%;
    background-image: url(/assets/images/translated/dna/en_US/iphone-hand-dna.jpg);
}

.image-dna-2 {
    width: 100%;
    padding-top: 67.37%;
    background-image: url(/assets/images/translated/dna/keeper-dna-iot-devices.jpg);
}

.image-dna-hero {
    width: 350px;
    height: 436px;
    background-image: url(/assets/images/translated/dna/en_US/keeper-dna-watch-header.png);
}

.image-whatsnew-1 {
    width: 100%;
    padding-top: 65.38%;
    background-image: url(/assets/images/translated/business/desktop/en_US/privileges.jpg);
}

.image-whatsnew-2 {
    width: 100%;
    padding-top: 65.56%;
    background-image: url(/assets/images/translated/business/desktop/en_US/team-folders.jpg);
    border-right: 1px solid #efefef;
}

.image-whatsnew-3 {
    width: 100%;
    padding-top: 65.38%;
    background-image: url(/assets/images/translated/business/desktop/en_US/transfer.jpg);
}

.image-whatsnew-4 {
    width: 100%;
    padding-top: 65.57%;
    background-image: url(/assets/images/enterprise/whats-new/desktop/1x/multi-account.jpg);
}

.image-whatsnew-5 {
    width: 100%;
    padding-top: 65.38%;
    background-image: url(/assets/images/translated/business/desktop/en_US/duo.jpg);
}

.image-whatsnew-6 {
    width: 100%;
    padding-top: 65.56%;
    background-image: url(/assets/images/enterprise/whats-new/desktop/1x/enhanced-AD.jpg);
}

.image-whatsnew-sso {
    width: 100%;
    padding-top: 79%;
    background-image: url(/assets/images/translated/business/desktop/en_US/sso-flexibleandsecure.jpg);
}

.image-whatsnew-keeperdesktop {
    width: 100%;
    padding-top: 71.03%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/whatsnew-keeperdesktop.jpg);
}

.image-whatsnew-edge {
    width: 100%;
    padding-top: 71.36%;
    margin-top: 30px;
    background-image: url(/assets/images/translated/personal/desktop/en_US/whatsnew-edge.png);
}

.image-whatsnew-teamprov {
    width: 100%;
    padding-top: 71.36%;
    background-image: url(/assets/images/enterprise/whats-new/desktop/1x/whatsnew-teamprov.jpg);
}

.image-whatsnew-persistentfolder {
    width: 100%;
    padding-top: 67.49%;
    background-image: url(/assets/images/translated/business/desktop/en_US/whatsnew-persistentfolder.jpg);
}

.image-whatsnew-passwordimport {
    width: 100%;
    padding-top: 67.32%;
    background-image: url(/assets/images/enterprise/whats-new/desktop/1x/whatsnew-passwordimport.jpg);
}

.image-whatsnew-appkeeperfill {
    width: 100%;
    padding-top: 67.32%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/image-appkeeperfill.jpg);
}

.image-whatsnew-recordhistory {
    width: 100%;
    padding-top: 67.32%;
    background-image: url(/assets/images/translated/personal/desktop/en_US/record-history.jpg);
}

.image-biz-whatsnew {
    width: 100%;
    padding-top: 37.1%;
    background-image: url(/assets/images/enterprise/whats-new/desktop/1x/whats-new-with-keeperv101.jpg);
}

.image-familyplan-1 {
    width: 100%;
    padding-top: 65.38%;
    background-image: url(/assets/images/familyplan/1x/hackers-target-digital-lives.jpg);
}

.image-familyplan-2 {
    width: 100%;
    padding-top: 65.56%;
    background-image: url(/assets/images/familyplan/1x/protect-family-legacy.jpg);
}

.image-familyplan-3 {
    width: 100%;
    padding-top: 65.38%;
    margin-top: 55px;
    background-image: url(/assets/images/familyplan/1x/family-benefits.jpg);
}

.image-familyplan-4 {
    width: 100%;
    padding-top: 72.76%;
    background-image: url(/assets/images/familyplan/1x/personal-family-plan.jpg);
}

.list-steps-image-1 {
    width: 220px;
    height: 305px;
    margin: 0 auto;
    background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-1.png);
}

.list-steps-image-2 {
    width: 220px;
    height: 305px;
    margin: 0 auto;
    background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-2.png);
}

.list-steps-image-3 {
    width: 220px;
    height: 305px;
    margin: 0 auto;
    background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-3.png);
}

.list-steps-image-4 {
    width: 220px;
    height: 305px;
    margin: 0 auto;
    background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-4.png);
}

.image-sso-1 {
    width: 100%;
    padding-top: 79.1%;
    background-image: url(/assets/images/translated/sso-connect/sso-connect-graphic.jpg);
}

.image-sso-2 {
    width: 100%;
    padding-top: 69.95%;
    background-image: url(/assets/images/translated/sso-connect/sso-seamlessauthentication.jpg);
}

.image-sso-3 {
    width: 100%;
    padding-top: 73.9%;
    background-image: url(/assets/images/translated/sso-connect/sso-flexibleandsecure.jpg);
}

.image-sso-4 {
    width: 100%;
    padding-top: 70.3%;
    background-image: url(/assets/images/translated/sso-connect/sso-easytodeploy.jpg);
}

.image-neverforgetpasswords {
    width: 100%;
    padding-top: 77.4%;
    background-image: url(/assets/images/translated/personal/never-remember-passwords-again.jpg);
}

.image-keeper-unlimited-plan {
    width: 100%;
    padding-top: 78.04%;
    background-image: url(/assets/images/marketing-landing-pages/keeper-unlimited-plan.jpg);
}

.image-accounting-password-manager {
    width: 100%;
    padding-top: 68.8%;
    margin-top: 16px;
    background-image: url(/assets/images/marketing-landing-pages/password-managers-for-accounting.jpg);
}

.image-vault-for-accountants {
    width: 100%;
    padding-top: 70.2%;
    background-image: url(/assets/images/marketing-landing-pages/vault-for-accountants.jpg);
}

.image-manage-certificates {
    width: 100%;
    padding-top: 70%;
    background-image: url(/assets/images/enterprise/1x/manage-certificates.jpg);
}

.image-digital-certificates {
    width: 100%;
    padding-top: 70%;
    background-image: url(/assets/images/enterprise/1x/digital-certificates.jpg);
}

.image-record-history {
    width: 100%;
    padding-top: 70%;
    background-image: url(/assets/images/enterprise/1x/record-history.jpg);
}

.image-secure-sharing {
    width: 100%;
    padding-top: 70%;
    background-image: url(/assets/images/enterprise/1x/secure-sharing.jpg);
}

@media(max-width: 1199px) {

    /* ------------------------------------------------------------ *\
      Images
    \* ------------------------------------------------------------ */

    .touch-id {
        height: auto;
        padding-top: 67.49%;
    }
}

@media(max-width: 1024px) {

    /* ------------------------------------------------------------ *\
      Images
    \* ------------------------------------------------------------ */

    .iphone-image {
        width: 278px;
        height: 293px;
    }

    .image-dna-hero {
        width: 210px;
        height: 262px;
    }
}

@media(max-width: 767px) {

    /* ------------------------------------------------------------ *\
      Images
    \* ------------------------------------------------------------ */

    .touch-id {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/homepage/mobile/en_US/iphone-touch.jpg)
    }

    .image-android {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/homepage/mobile/en_US/passwords-mobile.jpg);
    }

    .ipad-image {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/homepage/mobile/en_US/ipad-mobile.jpg);
    }

    .image-dashboard {
        padding-top: 67.5%;
        background-image: url(/assets/images/admin-pw-mobile.jpg);
    }

    .image-dashboard-2 {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/business/mobile/en_US/image-security-audit-update.png);
    }

    .image-teamsharing {
        padding-top: 61.4%;
        background-image: url(/assets/images/translated/business/mobile/en_US/business-sharing-teams.jpg);
    }

    .image-kf {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/business/mobile/en_US/KF-mobile.jpg);
    }

    .image-identityinfo {
        padding-top: 81.3%;
        background-image: url(/assets/images/translated/personal/image-identityinfo-mobile.jpg);
    }

    .image-vault {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/business/mobile/en_US/vault.jpg);
    }

    .image-iphone-2 {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/business/mobile/en_US/iphone-vault.jpg);
    }

    .image-nexus {
        /*padding-top: 81.25%;*/
        background-image: url(/assets/images/translated/business/mobile/en_US/nexus-mobile.jpg);
    }

    .image-admin {
        padding-top: 81.25%;
        background-image: url(/assets/images/admin-scale-mobile@2x.jpg);
    }

    .image-sso-connect {
        padding-top: 41.17%;
        background-image: url(/assets/images/translated/business/mobile/en_US/sso-connect-mobile.jpg);
    }

    .image-customize-keeper {
        padding-top: 60.19%;
        background-image: url(/assets/images/translated/business/mobile/en_US/image-customize-keeper-mobile.jpg);
    }

    .image-bridge {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/business/mobile/en_US/Bridge-Mobile.jpg);
    }

    .image-iphone-pw {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/personal/mobile/en_US/iphone-PW-mobile.jpg);
    }

    .image-touch {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/personal/mobile/en_US/an-touch-mobile.jpg);
    }

    .image-meter {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/personal/mobile/en_US/iphone-meter-mobile.jpg);
    }

    .image-kf-an {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/personal/mobile/en_US/KF-an-mobile.jpg);
    }

    .image-an-add {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/personal/mobile/en_US/An-Add-mobile.jpg);
    }

    .image-multi {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/personal/mobile/en_US/multi-mobile.jpg);
    }

    .image-watch {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/personal/mobile/en_US/watch-mobile.jpg);
    }

    .image-dna-1 {
        padding-top: 81.25%;
        background-image: url(/assets/images/translated/dna/en_US/iphone-hand-dna-mobile.jpg);
    }

    .image-whatsnew-2 {
        width: 100%;
        padding-top: 66.6%;
        background-image: url(/assets/images/translated/business/mobile/en_US/team-folders-mobile.jpg);
        border-right: none;
    }

    .image-whatsnew-4 {
        padding-top: 81.25%;
        background-image: url(/assets/images/enterprise/whats-new/mobile/1x/multi-account-mobile.jpg);
    }

    .image-biz-whatsnew {
        width: 100%;
        padding-top: 60.92%;
        background-image: url(/assets/images/enterprise/whats-new/mobile/1x/whats-new-with-keeperv101.jpg);
    }

    .image-whatsnew-teamprov {
        width: 100%;
        padding-top: 48.5%;
        background-image: url(/assets/images/enterprise/whats-new/mobile/1x/whatsnew-teamprov-mobile.jpg);
    }

    .image-familyplan-3 {
        margin-top: 0px;
    }

    .image-familyplan-1 {
        background-image: url(/assets/images/familyplan/mobile/hackers-target-digital-lives.jpg);
    }

    .image-familyplan-4 {
        width: 100%;
        padding-top: 67.43%;
        background-image: url(/assets/images/familyplan/1x/protect-family-legacy.jpg);
    }

    .image-sso-4 {
        padding-top: 64.57%;
        background-image: url(/assets/images/translated/sso-connect/sso-easytodeploy-mobile.jpg);
    }

    .image-security {
        margin-top: 0px;
    }

    .image-neverforgetpasswords {
        margin-top: 40px;
    }

    .image-accounting-password-manager {
        margin-top: 0px;
    }

    .image-vault-for-accountants {
        padding-top: 68.8%;
        background-image: url(/assets/images/marketing-landing-pages/mobile-password-managers-for-accounting.jpg);
    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {

    /* ------------------------------------------------------------ *\
      Images
    \* ------------------------------------------------------------ */

    .iphone-image {
        background-image: url(/assets/images/translated/homepage/desktop/en_US/cyborg@2x.png);
    }

    .touch-id {
        background-image: url(/assets/images/translated/homepage/desktop/en_US/iphone-touch@2x.png)
    }

    .image-android {
        background-image: url(/assets/images/translated/homepage/desktop/en_US/new-passwords@2x.jpg);
    }

    .ipad-image {
        background-image: url(/assets/images/translated/homepage/desktop/en_US/ipad@2x.jpg);
    }

    .image-dashboard {
        background-image: url(/assets/images/admin-pw@2x.jpg);
    }

    .image-dashboard-2 {
        background-image: url(/assets/images/translated/business/desktop/en_US/image-security-audit-update@2x.png);
    }

    .image-teamsharing {
        background-image: url(/assets/images/translated/business/desktop/en_US/business-sharing-teams@2x.jpg);
    }

    .image-permissions {
        background-image: url(/assets/images/translated/business/desktop/en_US/business-enforcement-settings@2x.jpg);
    }

    .image-identityinfo {
        background-image: url(/assets/images/translated/personal/image-identityinfo@2x.jpg);
    }

    .image-u2f {
        background-image: url(/assets/images/translated/personal/image-u2f@2x.png);
    }

    .image-emergencyaccess {
        background-image: url(/assets/images/translated/personal/desktop/en_US/image-emergencyaccess@2x.jpg);
    }

    .image-securitykey {
        background-image: url(/assets/images/translated/personal/desktop/en_US/image-securitykey@2x.jpg);
    }

    .image-keeperchatPersonal {
        background-image: url(/assets/images/image-keeperchat-personal@2x.jpg);
    }

    .image-data {
        background-image: url(/assets/images/prevent-data.jpg);
    }

    .image-kf {
        background-image: url(/assets/images/translated/business/desktop/en_US/kf-an@2x.png);
    }

    .image-bizsecuritykey {
        background-image: url(/assets/images/translated/business/desktop/en_US/image-bizsecuritykey@2x.jpg);
    }

    .image-launcher {
        background-image: url(/assets/images/translated/business/image-launcher@2x.jpg);
    }

    .image-vault {
        background-image: url(/assets/images/translated/business/desktop/en_US/Vault@2x.png);
    }

    .image-security {
        background-image: url(/assets/images/translated/business/desktop/en_US/security-audit@2x.jpg);
    }

    .image-sso-connect {
        background-image: url(/assets/images/translated/business/desktop/en_US/sso-connect@2x.jpg);
    }

    .image-customize-keeper {
        background-image: url(/assets/images/translated/business/desktop/en_US/image-customize-keeper@2x.jpg);
    }

    .image-migrate-pw {
        background-image: url(/assets/images/translated/personal/desktop/en_US/image-migrate-pw@2x.jpg);
    }

    .image-iphone-2 {
        background-image: url(/assets/images/translated/business/desktop/en_US/iphone-vault@2x.png);
    }

    .image-nexus {
        background-image: url(/assets/images/translated/business/desktop/en_US/nexus@2x.jpg);
    }

    .image-admin {
        background-image: url(/assets/images/translated/business/desktop/en_US/admin-scale@2x.jpg);
    }

    .image-bridge {
        background-image: url(/assets/images/translated/business/desktop/en_US/bridge@2x.jpg);
    }

    .image-iphone-pw {
        background-image: url(/assets/images/translated/personal/desktop/en_US/iphone-PW@2x.png);
    }

    .image-touch {
        background-image: url(/assets/images/translated/personal/desktop/en_US/an-touch@2x.png);
    }

    .image-meter {
        background-image: url(/assets/images/translated/personal/desktop/en_US/iphone-meter@2x.png);
    }

    .image-kf-an {
        background-image: url(/assets/images/translated/personal/desktop/en_US/KF-an@2x.png);
    }

    .image-an-add {
        background-image: url(/assets/images/translated/personal/desktop/en_US/An-Add@2x.png);
    }

    .image-multi {
        background-image: url(/assets/images/translated/personal/desktop/en_US/multi@2x.png);
    }

    .image-watch {
        background-image: url(/assets/images/translated/personal/desktop/en_US/watch@2x.png);
    }

    .image-dna-hero {
        background-image: url(/assets/images/translated/dna/en_US/keeper-dna-watch-header@2x.png);
    }

    .image-dna-1 {
        background-image: url(/assets/images/translated/dna/en_US/iphone-hand-dna@2x.jpg);
    }

    .image-dna-2 {
        background-image: url(/assets/images/translated/dna/keeper-dna-iot-devices@2x.jpg);
    }

    .image-whatsnew-1 {
        background-image: url(/assets/images/translated/business/desktop/en_US/privileges@2x.jpg);
    }

    .image-whatsnew-2 {
        background-image: url(/assets/images/translated/business/desktop/en_US/team-folders@2x.jpg);
    }

    .image-whatsnew-3 {
        background-image: url(/assets/images/translated/business/desktop/en_US/transfer@2x.jpg);
    }

    .image-whatsnew-4 {
        background-image: url(/assets/images/enterprise/whats-new/desktop/2x/multi-account@2x.jpg);
    }

    .image-whatsnew-5 {
        background-image: url(/assets/images/translated/business/desktop/en_US/duo@2x.jpg);
    }

    .image-whatsnew-6 {
        background-image: url(/assets/images/enterprise/whats-new/desktop/2x/enhanced-AD@2x.jpg);
    }

    .image-whatsnew-sso {
        background-image: url(/assets/images/translated/business/desktop/en_US/sso-flexibleandsecure@2x.jpg);
    }

    .image-whatsnew-keeperdesktop {
        background-image: url(/assets/images/translated/personal/desktop/en_US/whatsnew-keeperdesktop@2x.jpg);
    }

    .image-whatsnew-edge {
        background-image: url(/assets/images/translated/personal/desktop/en_US/whatsnew-edge@2x.png);
    }

    .image-whatsnew-teamprov {
        background-image: url(/assets/images/enterprise/whats-new/desktop/2x/whatsnew-teamprov@2x.jpg);
    }

    .image-whatsnew-persistentfolder {
        background-image: url(/assets/images/translated/business/desktop/en_US/whatsnew-persistentfolder@2x.jpg);
    }

    .image-whatsnew-passwordimport {
        background-image: url(/assets/images/enterprise/whats-new/desktop/2x/whatsnew-passwordimport@2x.jpg);
    }

    .image-whatsnew-appkeeperfill {
        background-image: url(/assets/images/translated/personal/desktop/en_US/image-appkeeperfill@2x.jpg);
    }

    .image-biz-whatsnew {
        background-image: url(/assets/images/enterprise/whats-new/desktop/2x/whats-new-with-keeperv101@2x.jpg);
    }

    .image-whatsnew-recordhistory {
        background-image: url(/assets/images/translated/personal/desktop/en_US/record-history@2x.jpg);
    }

    .image-familyplan-1 {
        background-image: url(/assets/images/familyplan/2x/hackers-target-digital-lives@2x.jpg);
    }

    .image-familyplan-2 {
        background-image: url(/assets/images/familyplan/2x/protect-family-legacy@2x.jpg);
    }

    .image-familyplan-3 {
        background-image: url(/assets/images/familyplan/2x/family-benefits@2x.jpg);
    }

    .image-familyplan-4 {
        background-image: url(/assets/images/familyplan/2x/personal-family-plan@2x.jpg);
    }

    .list-steps-image-1 {
        background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-1@2x.png);
    }

    .list-steps-image-2 {
        background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-2@2x.png);
    }

    .list-steps-image-3 {
        background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-3@2x.png);
    }

    .list-steps-image-4 {
        background-image: url(/assets/images/translated/keeper_sdk/en_US/list-steps-image-4@2x.png);
    }

    .image-sso-1 {
        background-image: url(/assets/images/translated/sso-connect/sso-connect-graphic@2x.jpg);
    }

    .image-sso-2 {
        background-image: url(/assets/images/translated/sso-connect/sso-seamlessauthentication@2x.jpg);
    }

    .image-sso-3 {
        background-image: url(/assets/images/translated/sso-connect/sso-flexibleandsecure@2x.jpg);
    }

    .image-sso-4 {
        background-image: url(/assets/images/translated/sso-connect/sso-easytodeploy@2x.jpg);
    }

    .image-neverforgetpasswords {
        background-image: url(/assets/images/translated/personal/never-remember-passwords-again@2x.jpg);
    }

    .image-keeper-unlimited-plan {
        background-image: url(/assets/images/marketing-landing-pages/keeper-unlimited-plan@2x.jpg);
    }

    .image-accounting-password-manager {
        background-image: url(/assets/images/marketing-landing-pages/password-managers-for-accounting@2x.jpg);
    }

    .image-vault-for-accountants {
        background-image: url(/assets/images/marketing-landing-pages/vault-for-accountants@2x.jpg);
    }

    @media(max-width: 767px) {
        .touch-id {
            background-image: url(/assets/images/translated/homepage/mobile/en_US/iphone-touch@2x.png)
        }

        .image-android {
            background-image: url(/assets/images/translated/homepage/mobile/en_US/passwords-mobile@2x.jpg);
        }

        .ipad-image {
            background-image: url(/assets/images/translated/homepage/mobile/en_US/ipad-mobile@2x.jpg);
        }

        .image-dashboard {
            background-image: url(/assets/images/admin-pw-mobile@2x.jpg);
        }

        .image-dashboard-2 {
            background-image: url(/assets/images/translated/business/mobile/en_US/image-security-audit-update@2x.png);
        }

        .image-teamsharing {
            background-image: url(/assets/images/translated/business/mobile/en_US/business-sharing-teams@2x.jpg);
        }

        .image-customize-keeper {
            background-image: url(/assets/images/translated/business/mobile/en_US/image-customize-keeper-mobile@2x.jpg);
        }

        .image-kf {
            background-image: url(/assets/images/translated/business/mobile/en_US/KF-mobile@2x.png);
        }

        .image-identityinfo {
            background-image: url(/assets/images/translated/personal/image-identityinfo-mobile@2x.jpg);
        }

        .image-vault {
            background-image: url(/assets/images/translated/business/mobile/en_US/vault@2x.png);
        }

        .image-iphone-2 {
            background-image: url(/assets/images/translated/business/mobile/en_US/iphone-vault@2x.png);
        }

        .image-nexus {
            background-image: url(/assets/images/translated/business/mobile/en_US/nexus-mobile@2x.jpg);
        }

        .image-admin {
            background-image: url(/assets/images/admin-scale-mobile@2x.jpg);
        }

        .image-sso-connect {
            background-image: url(/assets/images/translated/business/mobile/en_US/sso-connect-mobile@2x.jpg);
        }

        .image-bridge {
            background-image: url(/assets/images/translated/business/mobile/en_US/Bridge-Mobile@2x.jpg);
        }

        .image-iphone-pw {
            background-image: url(/assets/images/translated/personal/mobile/en_US/iphone-PW-mobile@2x.png);
        }

        .image-touch {
            background-image: url(/assets/images/translated/personal/mobile/en_US/an-touch-mobile@2x.png);
        }

        .image-meter {
            background-image: url(/assets/images/translated/personal/mobile/en_US/iphone-meter-mobile@2x.png);
        }

        .image-kf-an {
            background-image: url(/assets/images/translated/personal/mobile/en_US/KF-an-mobile@2x.png);
        }

        .image-an-add {
            background-image: url(/assets/images/translated/personal/mobile/en_US/An-Add-mobile@2x.png);
        }

        .image-multi {
            background-image: url(/assets/images/translated/personal/mobile/en_US/multi-mobile@2x.png);
        }

        .image-watch {
            background-image: url(/assets/images/translated/personal/mobile/en_US/watch-mobile@2x.png);
        }

        .image-dna-1 {
            background-image: url(/assets/images/translated/dna/en_US/iphone-hand-dna-mobile@2x.jpg);
        }

        .image-whatsnew-2 {
            background-image: url(/assets/images/translated/business/mobile/en_US/team-folders-mobile@2x.jpg);
        }

        .image-whatsnew-4 {
            background-image: url(/assets/images/enterprise/whats-new/mobile/2x/multi-account-mobile@2x.jpg);
        }

        .image-whatsnew-teamprov {
            background-image: url(/assets/images/enterprise/whats-new/mobile/2x/whatsnew-teamprov-mobile@2x.jpg);
        }

        .image-biz-whatsnew {
            background-image: url(/assets/images/enterprise/whats-new/mobile/2x/whats-new-with-keeperv101@2x.jpg);
        }

        .image-familyplan-1 {
            background-image: url(/assets/images/familyplan/mobile/hackers-target-digital-lives@2x.jpg);
        }

        .image-familyplan-4 {
            background-image: url(/assets/images/familyplan/2x/protect-family-legacy@2x.jpg);
        }

        .image-sso-4 {
            background-image: url(/assets/images/translated/sso-connect/sso-easytodeploy-mobile@2x.jpg);
        }

        .image-security {
            margin-top: 0px;
        }

        .image-accounting-password-manager {
            margin-top: 0px;
        }

        .image-vault-for-accountants {
            background-image: url(/assets/images/marketing-landing-pages/mobile-password-managers-for-accounting@2x.jpg);
        }
    }
}

#olark-wrapper .olark-launch-button .olark-button-text{
    max-width: 300px!important;
};
@charset "UTF-8";
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.list-default {
  list-style: none; }

.list-default .list-item {
  margin: 10px 0;
  text-transform: capitalize; }

.list-arrows-secondary {
  list-style-type: none; }

.list-arrows-secondary > li a:hover {
  color: #E7B400;
  text-decoration: none; }

.list-arrows-secondary > li {
  position: relative;
  padding-left: 18px; }

.list-arrows-secondary > li:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #cf9f24;
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0; }

.list-arrows-blue,
.list-arrows-green,
.list-arrows-yellow {
  list-style-type: none; }

.list-arrows-blue > li a:hover {
  color: #1B78E0;
  text-decoration: none; }

.list-arrows-green > li a:hover {
  color: #21C800;
  text-decoration: none; }

.list-arrows-yellow > li a:hover {
  color: #FFC600;
  text-decoration: none; }

.list-arrows-blue > li,
.list-arrows-green > li,
.list-arrows-yellow > li {
  position: relative;
  padding-left: 30px; }

.list-arrows-blue > li:before,
.list-arrows-green > li:before,
.list-arrows-yellow > li:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 9px;
  height: 9px;
  transform: rotate(45deg); }

.list-arrows-blue > li:before {
  border: 2px solid #1B78E0;
  border-left: 0;
  border-bottom: 0; }

.list-arrows-green > li:before {
  border: 2px solid #21C800;
  border-left: 0;
  border-bottom: 0; }

.list-arrows-yellow > li:before {
  border: 2px solid #FFC600;
  border-left: 0;
  border-bottom: 0; }

.iconLIs {
  list-style-type: none; }
  .iconLIs li {
    padding-left: 62px;
    position: relative; }
    @media (max-width: 768px) {
      .iconLIs li {
        padding-left: 0;
        padding-top: 62px;
        text-align: center; } }
    .iconLIs li:before {
      content: '';
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      left: 0;
      top: 0; }
      @media (max-width: 768px) {
        .iconLIs li:before {
          left: 50%;
          margin-left: -20px; } }
    .iconLIs li.iconKeeperFill:before {
      background: url("/assets/images/pages/affiliate/ico-keeperfill.svg") no-repeat center/contain; }
    .iconLIs li.iconCustomFields:before {
      background: url("/assets/images/pages/affiliate/ico-custom-fields.svg") no-repeat center/contain; }
    .iconLIs li.iconAccess:before {
      background: url("/assets/images/pages/affiliate/ico-emergency-access.svg") no-repeat center/contain; }
    .iconLIs li.iconBreachWatch:before {
      background: url("/assets/images/pages/affiliate/ico-breachwatch.svg") no-repeat center/contain; }
    .iconLIs li.iconShield:before {
      background: url("/assets/images/pages/affiliate/ico-shield.svg") no-repeat center/contain; }
    .iconLIs li.iconVault:before {
      background: url("/assets/images/pages/affiliate/ico-vault.svg") no-repeat center/contain; }
    .iconLIs li.iconProductivity:before {
      background: url("/assets/images/pages/affiliate/ico-productivity.svg") no-repeat center/contain; }
    .iconLIs li.iconGears:before {
      background: url("/assets/images/pages/affiliate/ico-gears.svg") no-repeat center/contain; }
    .iconLIs li.iconChat:before {
      background: url("/assets/images/pages/affiliate/ico-keeperchat.svg") no-repeat center/contain; }
    .iconLIs li.iconCloud:before {
      background: url("/assets/images/pages/affiliate/ico-secure-cloud.svg") no-repeat center/contain; }
    .iconLIs li.iconShare:before {
      background: url("/assets/images/pages/affiliate/ico-secure-share.svg") no-repeat center/contain; }
    .iconLIs li.icon2FA:before {
      background: url("/assets/images/pages/affiliate/ico-two-factor-authentication.svg") no-repeat center/contain; }
    .iconLIs li.iconVersion:before {
      background: url("/assets/images/pages/affiliate/ico-version-history.svg") no-repeat center/contain; }
    .iconLIs li.iconPayments:before {
      background: url("/assets/images/pages/affiliate/ico-identity-payments.svg") no-repeat center/contain; }
  .iconLIs.centered li {
    padding-left: 0;
    padding-top: 80px;
    text-align: center;
    width: 100%; }
    .iconLIs.centered li:before {
      content: '';
      display: block;
      width: 56px;
      height: 56px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -28px; }

[locale="ar_AE"] .list-arrows-blue > li,
[locale="ar_AE"] .list-arrows-green > li,
[locale="ar_AE"] .list-arrows-yellow > li {
  padding-left: 0;
  padding-right: 30px; }
  [locale="ar_AE"] .list-arrows-blue > li:before,
  [locale="ar_AE"] .list-arrows-green > li:before,
  [locale="ar_AE"] .list-arrows-yellow > li:before {
    left: auto;
    right: 0;
    transform: rotate(-135deg); }
[locale="ar_AE"] .iconLIs li {
  padding-left: 0;
  padding-right: 62px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .iconLIs li {
      padding-right: 0; } }
  [locale="ar_AE"] .iconLIs li:before {
    left: auto;
    right: 0; }
    @media (max-width: 768px) {
      [locale="ar_AE"] .iconLIs li:before {
        right: 50%;
        margin-right: -20px; } }

.flagstrap {
  display: inline-block;
  position: relative;
  width: 100%; }

.flagstrap-icon {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url("/assets/images/flags.png") no-repeat; }

.flagstrap-placeholder,
.flagstrap-placeholder i {
  display: none; }

.flagstrap-icon.flagstrap-ad {
  background-position: -16px 0; }

.flagstrap-icon.flagstrap-ae {
  background-position: -32px 0; }

.flagstrap-icon.flagstrap-af {
  background-position: -48px 0; }

.flagstrap-icon.flagstrap-ag {
  background-position: -64px 0; }

.flagstrap-icon.flagstrap-ai {
  background-position: -80px 0; }

.flagstrap-icon.flagstrap-al {
  background-position: -96px 0; }

.flagstrap-icon.flagstrap-am {
  background-position: -112px 0; }

.flagstrap-icon.flagstrap-an {
  background-position: -128px 0; }

.flagstrap-icon.flagstrap-ao {
  background-position: -144px 0; }

.flagstrap-icon.flagstrap-ar {
  background-position: -160px 0; }

.flagstrap-icon.flagstrap-as {
  background-position: -176px 0; }

.flagstrap-icon.flagstrap-at {
  background-position: -192px 0; }

.flagstrap-icon.flagstrap-au {
  background-position: -208px 0; }

.flagstrap-icon.flagstrap-aw {
  background-position: -224px 0; }

.flagstrap-icon.flagstrap-az {
  background-position: -240px 0; }

.flagstrap-icon.flagstrap-ba {
  background-position: 0 -11px; }

.flagstrap-icon.flagstrap-bb {
  background-position: -16px -11px; }

.flagstrap-icon.flagstrap-bd {
  background-position: -32px -11px; }

.flagstrap-icon.flagstrap-be {
  background-position: -48px -11px; }

.flagstrap-icon.flagstrap-bf {
  background-position: -64px -11px; }

.flagstrap-icon.flagstrap-bg {
  background-position: -80px -11px; }

.flagstrap-icon.flagstrap-bh {
  background-position: -96px -11px; }

.flagstrap-icon.flagstrap-bi {
  background-position: -112px -11px; }

.flagstrap-icon.flagstrap-bj {
  background-position: -128px -11px; }

.flagstrap-icon.flagstrap-bm {
  background-position: -144px -11px; }

.flagstrap-icon.flagstrap-bn {
  background-position: -160px -11px; }

.flagstrap-icon.flagstrap-bo {
  background-position: -176px -11px; }

.flagstrap-icon.flagstrap-br {
  background-position: -192px -11px; }

.flagstrap-icon.flagstrap-bs {
  background-position: -208px -11px; }

.flagstrap-icon.flagstrap-bt {
  background-position: -224px -11px; }

.flagstrap-icon.flagstrap-bv {
  background-position: -240px -11px; }

.flagstrap-icon.flagstrap-bw {
  background-position: 0 -22px; }

.flagstrap-icon.flagstrap-by {
  background-position: -16px -22px; }

.flagstrap-icon.flagstrap-bz {
  background-position: -32px -22px; }

.flagstrap-icon.flagstrap-ca {
  background-position: -48px -22px; }

.flagstrap-icon.flagstrap-catalonia {
  background-position: -64px -22px; }

.flagstrap-icon.flagstrap-cd {
  background-position: -80px -22px; }

.flagstrap-icon.flagstrap-cf {
  background-position: -96px -22px; }

.flagstrap-icon.flagstrap-cg {
  background-position: -112px -22px; }

.flagstrap-icon.flagstrap-ch {
  background-position: -128px -22px; }

.flagstrap-icon.flagstrap-ci {
  background-position: -144px -22px; }

.flagstrap-icon.flagstrap-ck {
  background-position: -160px -22px; }

.flagstrap-icon.flagstrap-cl {
  background-position: -176px -22px; }

.flagstrap-icon.flagstrap-cm {
  background-position: -192px -22px; }

.flagstrap-icon.flagstrap-cn {
  background-position: -208px -22px; }

.flagstrap-icon.flagstrap-co {
  background-position: -224px -22px; }

.flagstrap-icon.flagstrap-cr {
  background-position: -240px -22px; }

.flagstrap-icon.flagstrap-cu {
  background-position: 0 -33px; }

.flagstrap-icon.flagstrap-cv {
  background-position: -16px -33px; }

.flagstrap-icon.flagstrap-cw {
  background-position: -32px -33px; }

.flagstrap-icon.flagstrap-cy {
  background-position: -48px -33px; }

.flagstrap-icon.flagstrap-cz {
  background-position: -64px -33px; }

.flagstrap-icon.flagstrap-de {
  background-position: -80px -33px; }

.flagstrap-icon.flagstrap-dj {
  background-position: -96px -33px; }

.flagstrap-icon.flagstrap-dk {
  background-position: -112px -33px; }

.flagstrap-icon.flagstrap-dm {
  background-position: -128px -33px; }

.flagstrap-icon.flagstrap-do {
  background-position: -144px -33px; }

.flagstrap-icon.flagstrap-dz {
  background-position: -160px -33px; }

.flagstrap-icon.flagstrap-ec {
  background-position: -176px -33px; }

.flagstrap-icon.flagstrap-ee {
  background-position: -192px -33px; }

.flagstrap-icon.flagstrap-eg {
  background-position: -208px -33px; }

.flagstrap-icon.flagstrap-eh {
  background-position: -224px -33px; }

.flagstrap-icon.flagstrap-england {
  background-position: -240px -33px; }

.flagstrap-icon.flagstrap-er {
  background-position: 0 -44px; }

.flagstrap-icon.flagstrap-es {
  background-position: -16px -44px; }

.flagstrap-icon.flagstrap-et {
  background-position: -32px -44px; }

.flagstrap-icon.flagstrap-eu {
  background-position: -48px -44px; }

.flagstrap-icon.flagstrap-fi {
  background-position: -64px -44px; }

.flagstrap-icon.flagstrap-fj {
  background-position: -80px -44px; }

.flagstrap-icon.flagstrap-fk {
  background-position: -96px -44px; }

.flagstrap-icon.flagstrap-fm {
  background-position: -112px -44px; }

.flagstrap-icon.flagstrap-fo {
  background-position: -128px -44px; }

.flagstrap-icon.flagstrap-fr {
  background-position: -144px -44px; }

.flagstrap-icon.flagstrap-ga {
  background-position: -160px -44px; }

.flagstrap-icon.flagstrap-gb {
  background-position: -176px -44px; }

.flagstrap-icon.flagstrap-gd {
  background-position: -192px -44px; }

.flagstrap-icon.flagstrap-ge {
  background-position: -208px -44px; }

.flagstrap-icon.flagstrap-gf {
  background-position: -224px -44px; }

.flagstrap-icon.flagstrap-gg {
  background-position: -240px -44px; }

.flagstrap-icon.flagstrap-gh {
  background-position: 0 -55px; }

.flagstrap-icon.flagstrap-gi {
  background-position: -16px -55px; }

.flagstrap-icon.flagstrap-gl {
  background-position: -32px -55px; }

.flagstrap-icon.flagstrap-gm {
  background-position: -48px -55px; }

.flagstrap-icon.flagstrap-gn {
  background-position: -64px -55px; }

.flagstrap-icon.flagstrap-gp {
  background-position: -80px -55px; }

.flagstrap-icon.flagstrap-gq {
  background-position: -96px -55px; }

.flagstrap-icon.flagstrap-gr {
  background-position: -112px -55px; }

.flagstrap-icon.flagstrap-gs {
  background-position: -128px -55px; }

.flagstrap-icon.flagstrap-gt {
  background-position: -144px -55px; }

.flagstrap-icon.flagstrap-gu {
  background-position: -160px -55px; }

.flagstrap-icon.flagstrap-gw {
  background-position: -176px -55px; }

.flagstrap-icon.flagstrap-gy {
  background-position: -192px -55px; }

.flagstrap-icon.flagstrap-hk {
  background-position: -208px -55px; }

.flagstrap-icon.flagstrap-hm {
  background-position: -224px -55px; }

.flagstrap-icon.flagstrap-hn {
  background-position: -240px -55px; }

.flagstrap-icon.flagstrap-hr {
  background-position: 0 -66px; }

.flagstrap-icon.flagstrap-ht {
  background-position: -16px -66px; }

.flagstrap-icon.flagstrap-hu {
  background-position: -32px -66px; }

.flagstrap-icon.flagstrap-ic {
  background-position: -48px -66px; }

.flagstrap-icon.flagstrap-id {
  background-position: -64px -66px; }

.flagstrap-icon.flagstrap-ie {
  background-position: -80px -66px; }

.flagstrap-icon.flagstrap-il {
  background-position: -96px -66px; }

.flagstrap-icon.flagstrap-im {
  background-position: -112px -66px; }

.flagstrap-icon.flagstrap-in {
  background-position: -128px -66px; }

.flagstrap-icon.flagstrap-io {
  background-position: -144px -66px; }

.flagstrap-icon.flagstrap-iq {
  background-position: -160px -66px; }

.flagstrap-icon.flagstrap-ir {
  background-position: -176px -66px; }

.flagstrap-icon.flagstrap-is {
  background-position: -192px -66px; }

.flagstrap-icon.flagstrap-it {
  background-position: -208px -66px; }

.flagstrap-icon.flagstrap-je {
  background-position: -224px -66px; }

.flagstrap-icon.flagstrap-jm {
  background-position: -240px -66px; }

.flagstrap-icon.flagstrap-jo {
  background-position: 0 -77px; }

.flagstrap-icon.flagstrap-jp {
  background-position: -16px -77px; }

.flagstrap-icon.flagstrap-ke {
  background-position: -32px -77px; }

.flagstrap-icon.flagstrap-kg {
  background-position: -48px -77px; }

.flagstrap-icon.flagstrap-kh {
  background-position: -64px -77px; }

.flagstrap-icon.flagstrap-ki {
  background-position: -80px -77px; }

.flagstrap-icon.flagstrap-km {
  background-position: -96px -77px; }

.flagstrap-icon.flagstrap-kn {
  background-position: -112px -77px; }

.flagstrap-icon.flagstrap-kp {
  background-position: -128px -77px; }

.flagstrap-icon.flagstrap-kr {
  background-position: -144px -77px; }

.flagstrap-icon.flagstrap-kurdistan {
  background-position: -160px -77px; }

.flagstrap-icon.flagstrap-kw {
  background-position: -176px -77px; }

.flagstrap-icon.flagstrap-ky {
  background-position: -192px -77px; }

.flagstrap-icon.flagstrap-kz {
  background-position: -208px -77px; }

.flagstrap-icon.flagstrap-la {
  background-position: -224px -77px; }

.flagstrap-icon.flagstrap-lb {
  background-position: -240px -77px; }

.flagstrap-icon.flagstrap-lc {
  background-position: 0 -88px; }

.flagstrap-icon.flagstrap-li {
  background-position: -16px -88px; }

.flagstrap-icon.flagstrap-lk {
  background-position: -32px -88px; }

.flagstrap-icon.flagstrap-lr {
  background-position: -48px -88px; }

.flagstrap-icon.flagstrap-ls {
  background-position: -64px -88px; }

.flagstrap-icon.flagstrap-lt {
  background-position: -80px -88px; }

.flagstrap-icon.flagstrap-lu {
  background-position: -96px -88px; }

.flagstrap-icon.flagstrap-lv {
  background-position: -112px -88px; }

.flagstrap-icon.flagstrap-ly {
  background-position: -128px -88px; }

.flagstrap-icon.flagstrap-ma {
  background-position: -144px -88px; }

.flagstrap-icon.flagstrap-mc {
  background-position: -160px -88px; }

.flagstrap-icon.flagstrap-md {
  background-position: -176px -88px; }

.flagstrap-icon.flagstrap-me {
  background-position: -192px -88px; }

.flagstrap-icon.flagstrap-mg {
  background-position: -208px -88px; }

.flagstrap-icon.flagstrap-mh {
  background-position: -224px -88px; }

.flagstrap-icon.flagstrap-mk {
  background-position: -240px -88px; }

.flagstrap-icon.flagstrap-ml {
  background-position: 0 -99px; }

.flagstrap-icon.flagstrap-mm {
  background-position: -16px -99px; }

.flagstrap-icon.flagstrap-mn {
  background-position: -32px -99px; }

.flagstrap-icon.flagstrap-mo {
  background-position: -48px -99px; }

.flagstrap-icon.flagstrap-mp {
  background-position: -64px -99px; }

.flagstrap-icon.flagstrap-mq {
  background-position: -80px -99px; }

.flagstrap-icon.flagstrap-mr {
  background-position: -96px -99px; }

.flagstrap-icon.flagstrap-ms {
  background-position: -112px -99px; }

.flagstrap-icon.flagstrap-mt {
  background-position: -128px -99px; }

.flagstrap-icon.flagstrap-mu {
  background-position: -144px -99px; }

.flagstrap-icon.flagstrap-mv {
  background-position: -160px -99px; }

.flagstrap-icon.flagstrap-mw {
  background-position: -176px -99px; }

.flagstrap-icon.flagstrap-mx {
  background-position: -192px -99px; }

.flagstrap-icon.flagstrap-my {
  background-position: -208px -99px; }

.flagstrap-icon.flagstrap-mz {
  background-position: -224px -99px; }

.flagstrap-icon.flagstrap-na {
  background-position: -240px -99px; }

.flagstrap-icon.flagstrap-nc {
  background-position: 0 -110px; }

.flagstrap-icon.flagstrap-ne {
  background-position: -16px -110px; }

.flagstrap-icon.flagstrap-nf {
  background-position: -32px -110px; }

.flagstrap-icon.flagstrap-ng {
  background-position: -48px -110px; }

.flagstrap-icon.flagstrap-ni {
  background-position: -64px -110px; }

.flagstrap-icon.flagstrap-nl {
  background-position: -80px -110px; }

.flagstrap-icon.flagstrap-no {
  background-position: -96px -110px; }

.flagstrap-icon.flagstrap-np {
  background-position: -112px -110px; }

.flagstrap-icon.flagstrap-nr {
  background-position: -128px -110px; }

.flagstrap-icon.flagstrap-nu {
  background-position: -144px -110px; }

.flagstrap-icon.flagstrap-nz {
  background-position: -160px -110px; }

.flagstrap-icon.flagstrap-om {
  background-position: -176px -110px; }

.flagstrap-icon.flagstrap-pa {
  background-position: -192px -110px; }

.flagstrap-icon.flagstrap-pe {
  background-position: -208px -110px; }

.flagstrap-icon.flagstrap-pf {
  background-position: -224px -110px; }

.flagstrap-icon.flagstrap-pg {
  background-position: -240px -110px; }

.flagstrap-icon.flagstrap-ph {
  background-position: 0 -121px; }

.flagstrap-icon.flagstrap-pk {
  background-position: -16px -121px; }

.flagstrap-icon.flagstrap-pl {
  background-position: -32px -121px; }

.flagstrap-icon.flagstrap-pm {
  background-position: -48px -121px; }

.flagstrap-icon.flagstrap-pn {
  background-position: -64px -121px; }

.flagstrap-icon.flagstrap-pr {
  background-position: -80px -121px; }

.flagstrap-icon.flagstrap-ps {
  background-position: -96px -121px; }

.flagstrap-icon.flagstrap-pt {
  background-position: -112px -121px; }

.flagstrap-icon.flagstrap-pw {
  background-position: -128px -121px; }

.flagstrap-icon.flagstrap-py {
  background-position: -144px -121px; }

.flagstrap-icon.flagstrap-qa {
  background-position: -160px -121px; }

.flagstrap-icon.flagstrap-re {
  background-position: -176px -121px; }

.flagstrap-icon.flagstrap-ro {
  background-position: -192px -121px; }

.flagstrap-icon.flagstrap-rs {
  background-position: -208px -121px; }

.flagstrap-icon.flagstrap-ru {
  background-position: -224px -121px; }

.flagstrap-icon.flagstrap-rw {
  background-position: -240px -121px; }

.flagstrap-icon.flagstrap-sa {
  background-position: 0 -132px; }

.flagstrap-icon.flagstrap-sb {
  background-position: -16px -132px; }

.flagstrap-icon.flagstrap-sc {
  background-position: -32px -132px; }

.flagstrap-icon.flagstrap-scotland {
  background-position: -48px -132px; }

.flagstrap-icon.flagstrap-sd {
  background-position: -64px -132px; }

.flagstrap-icon.flagstrap-se {
  background-position: -80px -132px; }

.flagstrap-icon.flagstrap-sg {
  background-position: -96px -132px; }

.flagstrap-icon.flagstrap-sh {
  background-position: -112px -132px; }

.flagstrap-icon.flagstrap-si {
  background-position: -128px -132px; }

.flagstrap-icon.flagstrap-sk {
  background-position: -144px -132px; }

.flagstrap-icon.flagstrap-sl {
  background-position: -160px -132px; }

.flagstrap-icon.flagstrap-sm {
  background-position: -176px -132px; }

.flagstrap-icon.flagstrap-sn {
  background-position: -192px -132px; }

.flagstrap-icon.flagstrap-so {
  background-position: -208px -132px; }

.flagstrap-icon.flagstrap-somaliland {
  background-position: -224px -132px; }

.flagstrap-icon.flagstrap-sr {
  background-position: -240px -132px; }

.flagstrap-icon.flagstrap-ss {
  background-position: 0 -143px; }

.flagstrap-icon.flagstrap-st {
  background-position: -16px -143px; }

.flagstrap-icon.flagstrap-sv {
  background-position: -32px -143px; }

.flagstrap-icon.flagstrap-sx {
  background-position: -48px -143px; }

.flagstrap-icon.flagstrap-sy {
  background-position: -64px -143px; }

.flagstrap-icon.flagstrap-sz {
  background-position: -80px -143px; }

.flagstrap-icon.flagstrap-tc {
  background-position: -96px -143px; }

.flagstrap-icon.flagstrap-td {
  background-position: -112px -143px; }

.flagstrap-icon.flagstrap-tf {
  background-position: -128px -143px; }

.flagstrap-icon.flagstrap-tg {
  background-position: -144px -143px; }

.flagstrap-icon.flagstrap-th {
  background-position: -160px -143px; }

.flagstrap-icon.flagstrap-tj {
  background-position: -176px -143px; }

.flagstrap-icon.flagstrap-tk {
  background-position: -192px -143px; }

.flagstrap-icon.flagstrap-tl {
  background-position: -208px -143px; }

.flagstrap-icon.flagstrap-tm {
  background-position: -224px -143px; }

.flagstrap-icon.flagstrap-tn {
  background-position: -240px -143px; }

.flagstrap-icon.flagstrap-to {
  background-position: 0 -154px; }

.flagstrap-icon.flagstrap-tr {
  background-position: -16px -154px; }

.flagstrap-icon.flagstrap-tt {
  background-position: -32px -154px; }

.flagstrap-icon.flagstrap-tv {
  background-position: -48px -154px; }

.flagstrap-icon.flagstrap-tw {
  background-position: -64px -154px; }

.flagstrap-icon.flagstrap-tz {
  background-position: -80px -154px; }

.flagstrap-icon.flagstrap-ua {
  background-position: -96px -154px; }

.flagstrap-icon.flagstrap-ug {
  background-position: -112px -154px; }

.flagstrap-icon.flagstrap-um {
  background-position: -128px -154px; }

.flagstrap-icon.flagstrap-us {
  background-position: -144px -154px; }

.flagstrap-icon.flagstrap-uy {
  background-position: -160px -154px; }

.flagstrap-icon.flagstrap-uz {
  background-position: -176px -154px; }

.flagstrap-icon.flagstrap-va {
  background-position: -192px -154px; }

.flagstrap-icon.flagstrap-vc {
  background-position: -208px -154px; }

.flagstrap-icon.flagstrap-ve {
  background-position: -224px -154px; }

.flagstrap-icon.flagstrap-vg {
  background-position: -240px -154px; }

.flagstrap-icon.flagstrap-vi {
  background-position: 0 -165px; }

.flagstrap-icon.flagstrap-vn {
  background-position: -16px -165px; }

.flagstrap-icon.flagstrap-vu {
  background-position: -32px -165px; }

.flagstrap-icon.flagstrap-wales {
  background-position: -48px -165px; }

.flagstrap-icon.flagstrap-wf {
  background-position: -64px -165px; }

.flagstrap-icon.flagstrap-ws {
  background-position: -80px -165px; }

.flagstrap-icon.flagstrap-ye {
  background-position: -96px -165px; }

.flagstrap-icon.flagstrap-yt {
  background-position: -112px -165px; }

.flagstrap-icon.flagstrap-za {
  background-position: -128px -165px; }

.flagstrap-icon.flagstrap-zanzibar {
  background-position: -144px -165px; }

.flagstrap-icon.flagstrap-zm {
  background-position: -160px -165px; }

.flagstrap-icon.flagstrap-zw {
  background-position: -176px -165px; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.ico-business-tier {
  width: 25px;
  height: 25px;
  background-image: url("/assets/images/pricing/ico-business-tier-white@1x.png"); }

.ico-individual-tier {
  width: 25px;
  height: 25px;
  background-image: url("/assets/images/pricing/ico-individual-tier-white@1x.png"); }

.ico-gold-chevron {
  width: 25px;
  height: 25px; }

.ico-alert {
  width: 20px;
  height: 20px;
  background-image: url("/assets/images/GDPR/ico-alert.png"); }

.ico-check-lock {
  width: 20px;
  height: 20px;
  background-image: url("/assets/images/GDPR/ico-check-lock.png"); }

.ico-eye {
  width: 20px;
  height: 20px;
  background-image: url("/assets/images/GDPR/ico-eye.png"); }

.ico-people {
  width: 20px;
  height: 20px;
  background-image: url("/assets/images/GDPR/ico-people.png"); }

.ico-shield {
  width: 20px;
  height: 20px;
  background-image: url("/assets/images/GDPR/ico-shield.png"); }

.ico-chevron-down-black {
  background-image: url("/assets/images/Icons/icon-chevron.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px 15px; }

.ico-chevron-right-white {
  width: 24px;
  height: 24px;
  background-image: url("/assets/icons/chevron-right-white.png"); }

.ico-chat-with-support {
  width: 20px;
  height: 20px;
  background-image: url("/assets/icons/icon-chat@2x.png");
  margin-right: 5px; }

.icon-award-g2-crowd {
  margin-bottom: 10px;
  width: 150px;
  height: 40px;
  background-image: url("/assets/images/register-trial/logo-g2crowd.jpg");
  display: block;
  margin: 0 auto; }

.icon-award-get-app {
  margin-bottom: 10px;
  width: 150px;
  height: 40px;
  background-image: url("/assets/images/register-trial/logo-getapp.jpg");
  display: block;
  margin: 0 auto; }

.icon-award-trust-pilot {
  margin-bottom: 10px;
  width: 150px;
  height: 40px;
  background-image: url("/assets/images/register-trial/logo-trustpilot.jpg");
  display: block;
  margin: 0 auto; }

.icon-cybersecurity-protection {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
  background-image: url("/assets/images/register-trial/ico-cyber-protection.jpg"); }

.icon-rapid-deployment {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
  background-image: url("/assets/images/register-trial/ico-rapid-deployment.jpg"); }

.icon-employee-adoption {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
  background-image: url("/assets/images/register-trial/ico-employee-adoption.jpg"); }

.icon-password-support {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
  background-image: url("/assets/images/register-trial/ico-mitigate-support.jpg"); }

.icon-five-stars {
  width: 120px;
  height: 24px;
  background-image: url("/assets/images/register-trial/stars.jpg"); }

.icon-download {
  width: 25px;
  height: 25px;
  background: url("/assets/images/pages/download/ico-dwnload@2x.png") no-repeat center/contain;
  margin-right: 10px; }
  @media (max-width: 768px) {
    .icon-download {
      width: 16px;
      height: 16px; } }

.ico-on-demand,
.ico-operator,
.ico-green-building {
  width: 40px;
  height: 40px; }

.ico-on-demand {
  background: url("/assets/images/demo/ico-on-demand.svg") no-repeat center/contain; }

.ico-operator {
  background: url("/assets/images/demo/ico-semi-weekly.svg") no-repeat center/contain; }

.ico-green-building {
  background: url("/assets/images/demo/ico-customized-demo.svg") no-repeat center/contain; }

.iconChevDown {
  display: inline-block;
  margin-right: 10px;
  background: url("/assets/icons/ico-double-chev.svg") no-repeat center/contain;
  width: 24px;
  height: 24px; }

/* Mobile */
@media only screen and (min-width: 320px) {
  .ico-gold-chevron {
    background-image: url("/assets/icons/mobile/chevron.png"); } }
/* Desktop */
@media only screen and (min-width: 991px) {
  .ico-gold-chevron {
    background-image: url("/assets/icons/desktop/chevron.png"); } }
/* 2K */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .icon-award-g2-crowd {
    background-image: url("/assets/images/register-trial/logo-g2crowd@2x.jpg"); }

  .icon-award-get-app {
    background-image: url("/assets/images/register-trial/logo-getapp@2x.jpg"); }

  .icon-award-trust-pilot {
    background-image: url("/assets/images/register-trial/logo-trustpilot@2x.jpg"); }

  .ico-business-tier {
    background-image: url("/assets/images/pricing/ico-business-tier-white@2x.png"); }

  .ico-individual-tier {
    background-image: url("/assets/images/pricing/ico-individual-tier-white@2x.png"); }

  .ico-alert {
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/GDPR/ico-alert.png"); }

  .ico-check-lock {
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/GDPR/ico-check-lock@2x.png"); }

  .ico-eye {
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/GDPR/ico-eye@2x.png"); }

  .ico-people {
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/GDPR/ico-people@2x.png"); }

  .ico-shield {
    width: 20px;
    height: 20px;
    background-image: url("/assets/images/GDPR/ico-shield@2x.png"); }

  .ico-chevron-right-white {
    width: 20px;
    height: 20px;
    background-image: url("/assets/icons/chevron-right-white@2x.png"); }

  .ico-chat-with-support {
    width: 20px;
    height: 20px;
    background-image: url("/assets/icons/icon-chat@2x.png"); }

  /* Mobile */ }
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px) {
  .ico-gold-chevron {
    background-image: url("/assets/icons/mobile/chevron@2x.png"); } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  /* Desktop */ }
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 991px), only screen and (min-device-pixel-ratio: 2) and (min-width: 991px), only screen and (min-resolution: 192dpi) and (min-width: 991px) {
  .ico-gold-chevron {
    background-image: url("/assets/icons/desktop/chevron@2x.png"); } }
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.image-student-discount {
  background: url("/assets/images/homepage/student-discount-illustration@1x.png") no-repeat center/contain;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 20%;
  clear: both;
  margin-top: 15px; }

.image-quick-start-enterprise {
  background-image: url("/assets/images/resources/super-bundle-header.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.image-number-1,
.image-number-2,
.image-number-3 {
  background-position: 0;
  background-size: 34px 34px;
  background-repeat: no-repeat; }

.image-number-1 {
  background-image: url("/assets/images/resources/circle-1.png"); }

.image-number-2 {
  background-image: url("/assets/images/resources/circle-2.png"); }

.image-number-3 {
  background-image: url("/assets/images/resources/circle-3.png"); }

.image-g2crowd {
  width: 161px;
  height: 48px;
  background-image: url("/assets/images/resources/button-g2.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.image-capterra {
  width: 161px;
  height: 48px;
  background-image: url("/assets/images/resources/button-capterra.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.image-spiceworks {
  width: 161px;
  height: 48px;
  background-image: url("/assets/images/resources/button-spiceworks.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.image-gdpr-lock {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/images/GDPR/gdpr-lock.jpg"); }

.image-siem-msp {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.image-forrester {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.image-crypto-currencies {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.image-government-industry-brief {
  background-size: cover;
  background-repeat: no-repeat; }

.image-sso-connect-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.image-datasheet-business {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-business.png"); }

.image-datasheet-financial {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-financial.png"); }

.image-datasheet-healthcare {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-healthcare.png"); }

.image-datasheet-higher-education {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-higher-education.png"); }

.image-datasheet-judiciary {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-judiciary.jpg"); }

.image-datasheet-keeper-enterprise-brief {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-keeper-enterprise-brief.png"); }

.image-partner-gsa {
  background-image: url("/assets/images/our-partners/partner-ico-gsa.jpg");
  width: 166px;
  height: 62px;
  margin: 0 auto; }

.image-partner-kis {
  background-image: url("/assets/images/Icons/ico-kis.svg");
  width: 166px;
  height: 62px;
  margin: 0 auto; }

.image-partner-airwatch {
  background-image: url("/assets/images/our-partners/partner-ico-airwatch-new.jpg");
  width: 166px;
  height: 62px;
  margin: 0 auto; }

.image-partner-yubico {
  background-image: url("/assets/images/our-partners/partner-ico-yubico.jpg");
  width: 166px;
  height: 62px;
  margin: 0 auto; }

.image-datasheet-sso-connect {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-sso-connect.jpg"); }

.image-whitepaper-business-are-ground-zero {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/businesses-are-ground-zero@1x.png"); }

.image-whitepaper-cybersecurity-assessment {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/cybersecurity-assessment@1x.png"); }

.image-whitepaper-password-management-guide {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/password-management-guide@1x.png"); }

.image-whitepaper-reducing-cyber-risk {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/reducing-cyber-risk@1x.png"); }

.image-easy-to-deploy {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/easy-to-deploy.png"); }

.image-whitepaper-aws {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/aws.png"); }

.image-whitepaper-crossing-the-chasm {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.image-whitepaper-byod {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.image-gdpr {
  background-size: cover;
  background-position: center;
  background-image: url("/assets/images/resources/gdpr-header.png"); }

.image-b2b-dummies-password-management {
  background-size: cover;
  background-position: center;
  background-image: url("/assets/images/resources/dummies-header.png"); }

.image-b2b-business-password-manager {
  background-size: cover;
  background-position: center;
  background-image: url("/assets/images/resources/enterprise-use-cases.png"); }

.image-b2b-enterprise-password-management {
  background-size: cover;
  background-position: center;
  background-image: url("/assets/images/resources/pwm-it-admin-header.png"); }

.image-b2b-evaluating-management-solutions {
  background-size: cover;
  background-position: center;
  background-image: url("/assets/images/resources/selecting-pwn-ebook-header.png"); }

.image-adam-e {
  width: 160px;
  height: 160px;
  background-image: url("/assets/images/about/adam.jpg"); }

@media only screen and (min-width: 320px) {
  .image-student-discount {
    background: url("/assets/images/homepage/student-discount-illustration@1x.png") no-repeat center/cover;
    padding-top: 33%; }

  .image-quick-start-enterprise {
    background-image: url("/assets/images/resources/super-bundle-header-mobile.png"); }

  .image-g2crowd {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-g2-mobile.png"); }

  .image-capterra {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-capterra-mobile.png"); }

  .image-spiceworks {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-spiceworks-mobile.png"); }

  .image-number-1 {
    background-image: url("/assets/images/resources/circle-1-mobile.png"); }

  .image-number-2 {
    background-image: url("/assets/images/resources/circle-2-mobile.png"); }

  .image-number-3 {
    background-image: url("/assets/images/resources/circle-3-mobile.png"); }

  .image-siem-msp {
    background-image: url("/assets/images/resources/siem-msp-header-mobile.png"); }

  .image-forrester {
    background-image: url("/assets/images/resources/forrester-header-mobile.png"); }

  .image-crypto-currencies {
    background-image: url("/assets/images/resources/cryptocurrency-header-mobile.png"); }

  .image-government-industry-brief {
    background-image: url("/assets/images/resources/government-header-mobile.png"); }

  .image-sso-connect-header {
    background-image: url("/assets/images/resources/sso-connect-header-mobile.png"); }

  .image-whitepaper-crossing-the-chasm {
    background-image: url("/assets/images/resources/password-chasm-mobile.png"); }

  .image-whitepaper-byod {
    background-image: url("/assets/images/resources/byod-mobile.png"); } }
@media only screen and (min-width: 991px) {
  .image-student-discount {
    background: url("/assets/images/homepage/student-discount-illustration@1x.png") no-repeat center/contain;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 20%;
    clear: both;
    margin-top: 15px; }

  .image-quick-start-enterprise {
    background-image: url("/assets/images/resources/super-bundle-header.png"); }

  .image-siem-msp {
    background-image: url("/assets/images/resources/siem-msp-header.png"); }

  .image-forrester {
    background-image: url("/assets/images/resources/forrester-header.png"); }

  .image-crypto-currencies {
    background-image: url("/assets/images/resources/cryptocurrency-header.png"); }

  .image-government-industry-brief {
    background-image: url("/assets/images/resources/government-header.png"); }

  .image-sso-connect-header {
    background-image: url("/assets/images/resources/sso-connect-header.png"); }

  .image-whitepaper-crossing-the-chasm {
    background-image: url("/assets/images/resources/password-chasm.png"); }

  .image-whitepaper-byod {
    background-image: url("/assets/images/resources/byod-desktop.png"); }

  .image-number-1 {
    background-image: url("/assets/images/resources/circle-1.png"); }

  .image-number-2 {
    background-image: url("/assets/images/resources/circle-2.png"); }

  .image-number-3 {
    background-image: url("/assets/images/resources/circle-3.png"); }

  .image-g2crowd {
    width: 161px;
    height: 48px;
    background-image: url("/assets/images/resources/button-g2.png"); }

  .image-capterra {
    width: 161px;
    height: 48px;
    background-image: url("/assets/images/resources/button-capterra.png"); }

  .image-spiceworks {
    width: 161px;
    height: 48px;
    background-image: url("/assets/images/resources/button-spiceworks.png"); } }
.image-student-discount {
  background: url("/assets/images/homepage/student-discount-illustration@2x.png") no-repeat center/contain; }

.image-quick-start-enterprise {
  background-image: url("/assets/images/resources/super-bundle-header@2x.png"); }

.image-g2crowd {
  width: 141px;
  height: 42px;
  background-image: url("/assets/images/resources/button-g2@2x.png"); }

.image-capterra {
  width: 141px;
  height: 42px;
  background-image: url("/assets/images/resources/button-capterra@2x.png"); }

.image-spiceworks {
  width: 141px;
  height: 42px;
  background-image: url("/assets/images/resources/button-spiceworks@2x.png"); }

.image-number-1 {
  background-image: url("/assets/images/resources/circle-1@2x.png"); }

.image-number-2 {
  background-image: url("/assets/images/resources/circle-2@2x.png"); }

.image-number-3 {
  background-image: url("/assets/images/resources/circle-3@2x.png"); }

.image-gdpr-lock {
  background-image: url("/assets/images/GDPR/gdpr-lock@2x.jpg"); }

.image-datasheet-business {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-business@2x.png"); }

.image-datasheet-financial {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-financial@2x.png"); }

.image-datasheet-healthcare {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-healthcare@2x.png"); }

.image-datasheet-higher-education {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-higher-education@2x.png"); }

.image-datasheet-judiciary {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-judiciary@2x.jpg"); }

.image-datasheet-keeper-enterprise-brief {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-keeper-enterprise-brief@2x.png"); }

.image-datasheet-sso-connect {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/datasheet-sso-connect@2x.jpg"); }

.image-whitepaper-business-are-ground-zero {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/businesses-are-ground-zero@2x.png"); }

.image-whitepaper-cybersecurity-assessment {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/cybersecurity-assessment@2x.png"); }

.image-whitepaper-enterprise-strength-passwords {
  background-image: url("/assets/images/resources/enterprise-strength-passwords@2x.png"); }

.image-whitepaper-password-management-guide {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/password-management-guide@2x.png"); }

.image-whitepaper-provision-employees-byod {
  background-image: url("/assets/images/resources/provision-employees-byod@2x.png"); }

.image-whitepaper-reducing-cyber-risk {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/reducing-cyber-risk@2x.png"); }

.image-whitepaper-state-smb-cybersecurity {
  background-image: url("/assets/images/resources/state-smb-cybersecurity@2x.png"); }

.image-whitepaper-use-cases-enterprise {
  background-image: url("/assets/images/resources/use-cases-enterprise@2x.png"); }

.image-protecting-goverment-assets {
  background-image: url("/assets/images/resources/keeper-for-government@2x.png"); }

.image-easy-to-deploy {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/easy-to-deploy@2x.png"); }

.image-resources-gdpr {
  background-image: url("/assets/images/resources/gdpr@2x.png"); }

.image-whitepaper-forrester {
  background-image: url("/assets/images/resources/forrester-report@2x.png"); }

.image-best-practices {
  background-image: url("/assets/images/resources/CUNA_Image@2x.jpg"); }

.image-whitepaper-aws {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/aws@2x.png"); }

.cpa-academy-image {
  background: url("/assets/images/webinars/cpa-academy@2x.png") no-repeat center top/cover;
  padding-top: 41%; }

.image-msp-mssp {
  width: 300px;
  padding-top: 50.33%;
  background-image: url("/assets/images/resources/msp-mssp@2x.png"); }

.image-whitepaper-sso-connect {
  background-image: url("/assets/images/resources/whitepaper-sso-connect@2x.png"); }

.image-whitepaper-password-evaluation {
  background-image: url("/assets/images/resources/password-management-guide@2x.png"); }

.image-whitepaper-cryptocurrency {
  background-image: url("/assets/images/resources/cryptocurrency@2x.png"); }

.image-partner-airwatch {
  background-image: url("/assets/images/our-partners/partner-ico-airwatch-new@2x.jpg"); }

.image-partner-yubico {
  background-image: url("/assets/images/our-partners/partner-ico-yubico@2x.jpg"); }

.image-resources-dummies {
  background-image: url("/assets/images/resources/password-management-for-dummies@2x.png"); }

.image-gdpr {
  background-image: url("/assets/images/resources/gdpr-header@2x.png"); }

.image-b2b-dummies-password-management {
  background-image: url("/assets/images/resources/dummies-header@2x.png"); }

.image-b2b-business-password-manager {
  background-image: url("/assets/images/resources/enterprise-use-cases@2x.png"); }

.image-b2b-enterprise-password-management {
  background-image: url("/assets/images/resources/pwm-it-admin-header@2x.png"); }

.image-b2b-evaluating-management-solutions {
  background-image: url("/assets/images/resources/selecting-pwn-ebook-header@2x.png"); }

.image-partner-gsa {
  background-image: url("/assets/images/our-partners/partner-ico-gsa@2x.jpg"); }

.image-adam-e {
  background-image: url("/assets/images/about/adam@2x.jpg"); }

@media only screen and (min-width: 320px) {
  .image-quick-start-enterprise {
    background-image: url("/assets/images/resources/super-bundle-header-mobile@2x.png"); }

  .image-g2crowd {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-g2-mobile@2x.png"); }

  .image-capterra {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-capterra-mobile@2x.png"); }

  .image-spiceworks {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-spiceworks-mobile@2x.png"); }

  .image-number-1 {
    background-image: url("/assets/images/resources/circle-1-mobile@2x.png"); }

  .image-number-2 {
    background-image: url("/assets/images/resources/circle-2-mobile@2x.png"); }

  .image-number-3 {
    background-image: url("/assets/images/resources/circle-3-mobile@2x.png"); }

  .image-siem-msp {
    background-image: url("/assets/images/resources/siem-msp-header-mobile@2x.png"); }

  .image-forrester {
    background-image: url("/assets/images/resources/forrester-header-mobile@2x.png"); }

  .image-crypto-currencies {
    background-image: url("/assets/images/resources/cryptocurrency-header-mobile@2x.png"); }

  .image-government-industry-brief {
    background-image: url("/assets/images/resources/government-header-mobile@2x.png"); }

  .image-sso-connect-header {
    background-image: url("/assets/images/resources/sso-connect-header-mobile@2x.png"); }

  .image-whitepaper-crossing-the-chasm {
    background-image: url("/assets/images/resources/password-chasm-mobile@2x.png"); }

  .image-whitepaper-byod {
    background-image: url("/assets/images/resources/byod-mobile@2x.png"); } }
@media only screen and (min-width: 991px) {
  .image-siem-msp {
    background-image: url("/assets/images/resources/siem-msp-header@2x.png"); }

  .image-forrester {
    background-image: url("/assets/images/resources/forrester-header@2x.png"); }

  .image-crypto-currencies {
    background-image: url("/assets/images/resources/cryptocurrency-header@2x.png"); }

  .image-government-industry-brief {
    background-image: url("/assets/images/resources/government-header@2x.png"); }

  .image-sso-connect-header {
    background-image: url("/assets/images/resources/sso-connect-header@2x.png"); }

  .image-whitepaper-crossing-the-chasm {
    background-image: url("/assets/images/resources/password-chasm@2x.png"); }

  .image-whitepaper-byod {
    background-image: url("/assets/images/resources/byod-desktop@2x.png"); }

  .image-g2crowd {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-g2@2x.png"); }

  .image-capterra {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-capterra@2x.png"); }

  .image-spiceworks {
    width: 141px;
    height: 42px;
    background-image: url("/assets/images/resources/button-spiceworks@2x.png"); }

  .image-number-1 {
    background-image: url("/assets/images/resources/circle-1@2x.png"); }

  .image-number-2 {
    background-image: url("/assets/images/resources/circle-2@2x.png"); }

  .image-number-3 {
    background-image: url("/assets/images/resources/circle-3@2x.png"); } }
/* ------------------------------------------------------------ *\
+	Flex Form
+\* ------------------------------------------------------------ */
.ff-container {
  width: 100%; }

.ff-section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 45%; }

.ff-section.left {
  float: left; }

.ff-section.right {
  float: right; }

.ff-section.stretch {
  clear: both;
  width: 100%; }

.ff-item {
  width: 100%;
  margin-bottom: 40px; }

.ff-item.half-spacing {
  margin-bottom: 20px; }

.ff-item.actions {
  margin: 20px 0; }

.ff-invisible {
  visibility: hidden; }

.ff-hidden {
  display: none; }

.ff-item.ff-hide-sm {
  display: block; }

.ff-item.ff-show-sm {
  display: none; }

@media screen and (max-width: 768px) {
  .ff-section, .ff-item {
    width: 100%; }

  .ff-item.ff-hide-sm {
    display: none; }

  .ff-item.ff-show-sm {
    display: block; } }
#partner-section-company,
#partner-section-personal,
#partner-section-proposal {
  clear: both; }

label[for='privacy'] {
  font-weight: 300;
  font-size: 16px;
  margin: 0 0 24px 0; }
  label[for='privacy'] a {
    color: #cf9f24;
    white-space: nowrap; }

input[type='checkbox'] {
  margin-right: 10px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox; }

input[type='submit'][disabled] {
  cursor: not-allowed !important; }

label.keeper-md.is-invalid {
  color: #d50000 !important;
  font-size: 12px; }

.appear-disabled {
  opacity: 0.50;
  cursor: not-allowed !important;
  box-shadow: none; }

.field-country {
  position: relative; }

.terms-notice {
  font-size: 16px;
  text-align: center;
  width: 250px;
  margin: 0px auto;
  margin-bottom: 25px;
  color: black;
  font-weight: 300; }
  @media (max-width: 768px) {
    .terms-notice {
      font-size: 14px; } }
  .terms-notice a {
    color: #1B78E0; }

.terms-notice-checkbox {
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 25px;
  color: black;
  font-weight: 300;
  height: auto; }
  .terms-notice-checkbox a {
    color: #1B78E0; }

.feature-notice {
  opacity: 0.55;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px; }

.eu-notice {
  font-size: 16px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 25px;
  color: #afafaf;
  font-weight: 300; }

.error-notice {
  text-align: center;
  margin: 0px auto;
  margin-top: 25px;
  color: #ff4b4b; }
  .error-notice p {
    font-weight: 300;
    font-size: 14px;
    color: #ff4b4b !important; }

.row.terms {
  text-align: center; }

.field.dropdown {
  background-image: url(../assets/icons/arrow-down.svg) !important;
  background-position-x: -webkit-calc(100% - 10px) !important;
  background-position-x: calc(100% - 10px) !important;
  background-position-y: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
  background-color: #F9F9F9;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  padding: 16px 16px;
  font-size: 16px;
  font-weight: 300; }

.field {
  height: auto;
  width: 100%; }

.fs-dropdown-item {
  padding: 10px;
  background: #f9f9f9; }

.fs-dropdown-item:hover {
  background: #fff; }

.fs-dropdown-options {
  background: #f9f9f9;
  border: 1px solid #efefef;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); }

.fs-dropdown-item_selected {
  background: #ddd; }

.fs-dropdown-item_selected:hover {
  background: #ddd; }

[data-page-type="user-guides"] .fs-dropdown {
  max-width: 400px;
  margin: 0 auto; }

.fs-dropdown {
  position: relative; }

.fs-dropdown-element {
  display: none !important; }

.fs-dropdown-open .fs-dropdown-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.fs-dropdown-selected.is-invalid {
  background: rgba(213, 0, 0, 0.1);
  color: #d50000 !important; }

body .wrapper .main form .eu-notice {
  color: grey;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0; }

textarea.is-invalid {
  background: rgba(213, 0, 0, 0.1) !important;
  color: #d50000 !important;
  border: 1px solid #d50000 !important; }
  textarea.is-invalid::placeholder, textarea.is-invalid:-ms-input-placeholder, textarea.is-invalid::-moz-placeholder, textarea.is-invalid:-moz-placeholder, textarea.is-invalid::-webkit-input-placeholder {
    color: #d50000 !important; }

textarea.is-invalid::placeholder,
textarea.is-invalid:-ms-input-placeholder,
textarea.is-invalid::-moz-placeholder,
textarea.is-invalid:-moz-placeholder,
textarea.is-invalid::-webkit-input-placeholder {
  color: #d50000 !important; }

.btn {
  display: inline-block;
  padding: 0 40px;
  height: 40px;
  width: auto;
  max-width: 100%;
  font-size: 16px;
  line-height: 38px;
  font-weight: 600;
  letter-spacing: 0.23px;
  text-align: center;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: 0.5s ease;
  cursor: pointer; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .btn {
      line-height: 44px; } }
  @media only screen and (max-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .btn {
      line-height: 44px; } }
  @media only screen and (max-width: 768px) {
    .btn {
      display: inline-block;
      margin: 0 auto;
      height: 32px;
      max-width: 100%;
      line-height: 29px;
      font-size: 14px; } }
  .btn.playBtn {
    position: relative;
    padding: 0 28px 0 57px !important; }
    .btn.playBtn:before {
      content: '';
      position: absolute;
      left: 28px;
      top: 4px;
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: 2px solid #000;
      display: inline-block;
      margin: 5px 10px 0 0;
      transition: 0.5s ease; }
      @media (max-width: 768px) {
        .btn.playBtn:before {
          width: 16px;
          height: 16px;
          top: 6px;
          left: 30px;
          margin: 0; } }
    .btn.playBtn:after {
      content: '';
      position: absolute;
      left: 36px;
      top: 14px;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 7px solid #000;
      transition: 0.5s ease; }
      @media (max-width: 768px) {
        .btn.playBtn:after {
          top: 11px;
          left: 36px;
          border-top: 3px solid transparent;
          border-bottom: 3px solid transparent;
          border-left: 5px solid #000; } }
    .btn.playBtn:hover:before {
      border: 2px solid #CF9F24; }
    .btn.playBtn:hover:after {
      border-left: 7px solid #CF9F24; }
  .btn.btn-blue {
    background: #1B78E0;
    color: #ffffff; }
    .btn.btn-blue.playBtn:before {
      border-color: #fff; }
    .btn.btn-blue.playBtn:after {
      border-left: 7px solid #fff; }
      @media (max-width: 768px) {
        .btn.btn-blue.playBtn:after {
          border-left: 5px solid #fff; } }
    .btn.btn-blue.playBtn:hover:before {
      border-color: #fff; }
    .btn.btn-blue.playBtn:hover:after {
      border-left: 7px solid #fff; }
      @media (max-width: 768px) {
        .btn.btn-blue.playBtn:hover:after {
          border-left: 5px solid #fff; } }
  .btn.btn-black {
    background: #000;
    color: #ffffff; }
    .btn.btn-black.playBtn:before {
      border-color: #fff; }
    .btn.btn-black.playBtn:after {
      border-left: 7px solid #fff; }
      @media (max-width: 768px) {
        .btn.btn-black.playBtn:after {
          border-left: 5px solid #fff; } }
    .btn.btn-black.playBtn:hover:before {
      border-color: #fff; }
    .btn.btn-black.playBtn:hover:after {
      border-left: 7px solid #fff; }
      @media (max-width: 768px) {
        .btn.btn-black.playBtn:hover:after {
          border-left: 5px solid #fff; } }
  .btn.btn-yellow .playIcon {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url("/assets/icons/play-outlined_black.svg") no-repeat center/contain; }
    @media (max-width: 768px) {
      .btn.btn-yellow .playIcon {
        width: 18px;
        height: 18px; } }
  .btn.btn-yellow.playBtn:hover:before {
    border-color: #000; }
  .btn.btn-yellow.playBtn:hover:after {
    border-left: 7px solid #000; }
    @media (max-width: 768px) {
      .btn.btn-yellow.playBtn:hover:after {
        border-left: 5px solid #000; } }

@media only screen and (max-width: 768px) {
  .btn + .btn {
    margin-top: 16px; } }

@media (max-width: 768px) {
  .btn img {
    width: 16px;
    height: 16px; } }

.btn.btn-yellow {
  background: #FFC600;
  color: #000000; }

.btn.btn-yellow:hover {
  background: #CF9F24; }

.btn.btn-green {
  background: #21C800;
  color: #fff; }

.btn.btn-green:hover {
  background: #3AAC14; }

.btn.btn-clear-yellow {
  background: none;
  border: 2px solid #CF9F24;
  color: #000000; }

.btn.btn-clear-yellow:hover {
  color: #CF9F24; }

.btn.btn-clear-black {
  border: 2px solid #CF9F24;
  color: #000000; }

.btn.btn-clear-blue {
  border: 2px solid #1B78E0;
  color: #1B78E0; }

.btn.btn-clear-blue:hover {
  border: 2px solid #1765bd;
  color: #1765bd; }

.btn.btn-clear-white {
  border: 2px solid #CF9F24;
  color: #ffffff; }

.btn.btn-clear-white:hover {
  border: 2px solid transparent;
  color: #000000; }

.btn.btn-blue:hover {
  background: #1765bd; }

.btn.btn-white {
  border: 2px solid #ffffff;
  color: #ffffff; }

.btn.btn-white:hover {
  border: 2px solid #CF9F24;
  color: #CF9F24; }

.btn.btn-grey {
  background: #E8E8E8;
  color: black; }

.btn.btn-grey:hover {
  background: #b5b5b5;
  color: black; }

.btn.btn-business {
  background: #fff;
  border: none;
  color: white; }

.btn.btn-business:hover {
  background: #388819;
  border: none;
  color: white; }

.btn.btn-enterprise {
  background: #0791C7;
  border: none;
  color: white; }

.btn.btn-enterprise:hover {
  background: #05749f;
  border: none;
  color: white; }

.btn.bg-yellow {
  background-color: #FFC600;
  color: #000000; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.chat-with-support {
  position: fixed;
  bottom: calc(87px + 40px);
  right: 0;
  background-color: #ffce22;
  padding: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  display: none;
  z-index: 9999999; }

@media only screen and (max-width: 768px) {
  .chat-with-support {
    display: none !important; } }
.chat-with-support.bring-to-bottom {
  bottom: 0 !important; }

.chat-with-support h4 {
  font-weight: 600;
  font-size: 16px; }

.chat-with-support p {
  margin-top: 5px;
  font-size: 16px; }

body.user-cookie-consent .chat-with-support {
  display: none !important; }

body.no-cookie-consent .backupbutton {
  bottom: 100px; }

body.user-cookie-consent .backupbutton {
  bottom: 85px; }

.backupbutton {
  bottom: 200px; }

body.user-cookie-consent .cookie-consent-only {
  display: block; }

body.no-cookie-consent .cookie-consent-only {
  display: none; }

body.user-cookie-consent .no-cookie-consent-only {
  display: none; }

body.no-cookie-consent .no-cookie-consent-only {
  display: block; }

.main.secondary[view="404"] {
  padding-bottom: 0; }
  .main.secondary[view="404"] .intro {
    height: 60vh;
    position: relative;
    background: url("/assets/images/404/space-background@2x.png") no-repeat center/cover;
    overflow: hidden; }
    @media (max-width: 1600px) {
      .main.secondary[view="404"] .intro {
        background: url("/assets/images/404/space-background.png") no-repeat center/cover; } }
    @media (max-width: 768px) {
      .main.secondary[view="404"] .intro {
        height: 95vh;
        background: url("/assets/images/404/mo-space-background@2x.png") no-repeat center/cover; } }
    @media (max-width: 320px) {
      .main.secondary[view="404"] .intro {
        background: url("/assets/images/404/mo-space-background.png") no-repeat center/cover; } }
    .main.secondary[view="404"] .intro .container {
      position: relative;
      z-index: 20; }
    .main.secondary[view="404"] .intro h1.intro-title {
      margin-top: 18vh;
      position: relative;
      z-index: 20; }
      @media (max-width: 768px) {
        .main.secondary[view="404"] .intro h1.intro-title {
          margin-top: 40vh; } }
    .main.secondary[view="404"] .intro:before {
      content: '';
      display: block;
      width: 1080px;
      height: 1080px;
      position: absolute;
      left: -250px;
      top: -350px;
      z-index: 5;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background: url("/assets/images/404/shuttle@2x.png") no-repeat center/contain; }
      @media (max-width: 1440px) {
        .main.secondary[view="404"] .intro:before {
          left: -350px; } }
      @media (max-width: 1200px) {
        .main.secondary[view="404"] .intro:before {
          width: 800px;
          height: 800px;
          left: -200px;
          top: -250px; } }
      @media (max-width: 1024px) {
        .main.secondary[view="404"] .intro:before {
          left: -300px;
          top: -300px; } }
      @media (max-width: 991px) {
        .main.secondary[view="404"] .intro:before {
          left: -350px;
          top: -300px; } }
      @media (max-width: 640px) {
        .main.secondary[view="404"] .intro:before {
          background: url("/assets/images/404/mo-shuttle@2x.png") no-repeat center/contain; } }
    .main.secondary[view="404"] .intro:after {
      content: '';
      display: block;
      width: 700px;
      height: 700px;
      position: absolute;
      right: -150px;
      bottom: -250px;
      z-index: 5;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background: url("/assets/images/404/earth@2x.png") no-repeat center/contain; }
      @media (max-width: 1440px) {
        .main.secondary[view="404"] .intro:after {
          right: -250px; } }
      @media (max-width: 1200px) {
        .main.secondary[view="404"] .intro:after {
          width: 600px;
          height: 600px;
          right: -200px;
          bottom: -200px; } }
      @media (max-width: 1024px) {
        .main.secondary[view="404"] .intro:after {
          right: -250px;
          bottom: -250px; } }
      @media (max-width: 640px) {
        .main.secondary[view="404"] .intro:after {
          background: url("/assets/images/404/mo-earth@2x.png") no-repeat center/contain; } }

main.main[view="ambassador"] .intro {
  margin-bottom: 50px; }
  @media (max-width: 1023px) {
    main.main[view="ambassador"] .intro img {
      width: 287px; } }
main.main[view="ambassador"] h2 {
  color: #000;
  margin-bottom: 40px; }
main.main[view="ambassador"] .section-info.box {
  width: 100%;
  text-align: center; }
  @media (max-width: 1200px) {
    main.main[view="ambassador"] .section-info.box {
      padding: 48px; } }
  main.main[view="ambassador"] .section-info.box .iconsList {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
    width: 800px;
    max-width: 100%;
    margin: 0 auto; }
    main.main[view="ambassador"] .section-info.box .iconsList .iconCell {
      display: block;
      width: 30%;
      text-align: center;
      margin: 20px 0; }
      @media (max-width: 640px) {
        main.main[view="ambassador"] .section-info.box .iconsList .iconCell {
          width: 50%; } }
      @media (max-width: 460px) {
        main.main[view="ambassador"] .section-info.box .iconsList .iconCell {
          width: 100%; } }
      main.main[view="ambassador"] .section-info.box .iconsList .iconCell p {
        display: block;
        clear: both;
        margin-top: 10px;
        text-align: center; }
main.main[view="ambassador"] #becomeAnAmbassador .btn {
  display: inline-block;
  margin: 0 auto; }

.main.primary[view="affiliateLanding"] {
  background: #fff;
  /*************RATING*************/ }
  @media (min-width: 992px) {
    .main.primary[view="affiliateLanding"] .col-md-4 {
      width: 33.3%; } }
  .main.primary[view="affiliateLanding"] .main-content {
    background-color: #fff; }
    .main.primary[view="affiliateLanding"] .main-content.white {
      background: #fff; }
  .main.primary[view="affiliateLanding"] .intro {
    position: relative;
    background: #000; }
    .main.primary[view="affiliateLanding"] .intro .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .main.primary[view="affiliateLanding"] .intro .container:before, .main.primary[view="affiliateLanding"] .intro .container:after {
        display: none; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] .intro .container {
          flex-flow: column nowrap;
          justify-content: flex-start; } }
      .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
        height: 456px;
        width: 60%;
        margin-left: -10%;
        position: relative;
        background: url("/assets/images/homepage/desktop-header.jpg") no-repeat left bottom/contain; }
        .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate:before {
          content: '';
          display: block;
          width: 100px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
          background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
          background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); }
          @media (max-width: 1400px) {
            .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate:before {
              display: none; } }
        @media (max-width: 1400px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            margin-left: -15px;
            width: 50%;
            background-size: cover;
            background-position: bottom right; } }
        @media (max-width: 1250px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            width: 50%; } }
        @media (max-width: 1000px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            left: 0; } }
        @media (max-width: 991px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            margin-left: -24px; } }
        @media (max-width: 768px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            order: 2;
            width: calc(100% + 48px);
            height: 491px;
            background: url("/assets/images/homepage/mo-header.png") no-repeat left bottom/contain; } }
        @media (max-width: 640px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            height: 414px; } }
        @media (max-width: 480px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            height: 300px; } }
        @media (max-width: 414px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-image.image-intro-affiliate {
            height: 260px; } }
      .main.primary[view="affiliateLanding"] .intro .container .intro-content {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        width: 40%;
        padding: 0; }
        @media (max-width: 1440px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content {
            width: 48%;
            margin-left: 0;
            padding-left: 4%; } }
        @media (max-width: 1080px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content {
            width: 50%; } }
        @media (max-width: 1024px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content {
            width: 52%; } }
        @media (max-width: 991px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content {
            width: 53%; } }
        @media (max-width: 990px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content {
            width: 55%; } }
        @media (max-width: 960px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content {
            width: 56%; } }
        @media (max-width: 768px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content {
            margin-left: 0;
            width: 100%; } }
        .main.primary[view="affiliateLanding"] .intro .container .intro-content h1 {
          color: #fff; }
          @media (max-width: 768px) {
            .main.primary[view="affiliateLanding"] .intro .container .intro-content h1 {
              font-size: 22px; } }
        .main.primary[view="affiliateLanding"] .intro .container .intro-content h2 {
          color: #fff; }
        .main.primary[view="affiliateLanding"] .intro .container .intro-content p {
          color: #fff; }
          @media (max-width: 768px) {
            .main.primary[view="affiliateLanding"] .intro .container .intro-content p {
              font-size: 14px; } }
        .main.primary[view="affiliateLanding"] .intro .container .intro-content .actions .btn {
          font-weight: 600; }
        @media only screen and (min-width: 768px) {
          .main.primary[view="affiliateLanding"] .intro .container .intro-content .actions .btn {
            min-width: 200px; } }
        .main.primary[view="affiliateLanding"] .intro .container .intro-content .personalCTA {
          margin-top: 40px; }
          .main.primary[view="affiliateLanding"] .intro .container .intro-content .personalCTA a {
            color: #FFC600;
            white-space: nowrap; }
    .main.primary[view="affiliateLanding"] .intro .introSubIntro {
      display: block;
      width: 100%;
      margin: 0;
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.35);
      color: #fff;
      font-size: 18px;
      padding: 15px 0; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateLanding"] .intro .introSubIntro {
          padding: 15px; } }
      @media (max-width: 414px) {
        .main.primary[view="affiliateLanding"] .intro .introSubIntro {
          padding: 10px 15px; } }
      .main.primary[view="affiliateLanding"] .intro .introSubIntro a {
        color: #FFC600;
        white-space: nowrap; }
  .main.primary[view="affiliateLanding"] .image-personal-intro {
    background: url("/assets/images/personal/header-brain@2x.jpg") no-repeat center bottom/cover; }
    @media (max-width: 1024px) {
      .main.primary[view="affiliateLanding"] .image-personal-intro {
        background-image: url("/assets/images/personal/header-brain.jpg"); } }
  .main.primary[view="affiliateLanding"] .offset-lg-2,
  .main.primary[view="affiliateLanding"] .offset-md-2,
  .main.primary[view="affiliateLanding"] .offset-sm-2 {
    margin-left: 17%; }
    @media (max-width: 1199px) {
      .main.primary[view="affiliateLanding"] .offset-lg-2,
      .main.primary[view="affiliateLanding"] .offset-md-2,
      .main.primary[view="affiliateLanding"] .offset-sm-2 {
        margin-left: 0; } }
  @media (max-width: 1024px) {
    .main.primary[view="affiliateLanding"] .offset-lg-1,
    .main.primary[view="affiliateLanding"] .offset-md-1,
    .main.primary[view="affiliateLanding"] .offset-sm-1 {
      margin-left: 8.5%; } }
  @media (max-width: 991px) {
    .main.primary[view="affiliateLanding"] .offset-lg-1,
    .main.primary[view="affiliateLanding"] .offset-md-1,
    .main.primary[view="affiliateLanding"] .offset-sm-1 {
      margin-left: 0; } }
  .main.primary[view="affiliateLanding"] .container {
    max-width: 1440px; }
  .main.primary[view="affiliateLanding"] .intro-inner {
    max-width: 900px;
    margin: 0 auto; }
  .main.primary[view="affiliateLanding"] .white {
    background: #fff;
    display: block; }
  .main.primary[view="affiliateLanding"] #testimonials {
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="affiliateLanding"] #testimonials {
        transition: all 0.3s ease;
        padding: 40px 0; } }
    @media (max-width: 640px) {
      .main.primary[view="affiliateLanding"] #testimonials {
        padding-bottom: 0; } }
    @media (max-width: 768px) {
      .main.primary[view="affiliateLanding"] #testimonials p {
        font-size: 14px; } }
    .main.primary[view="affiliateLanding"] #testimonials .container {
      max-width: 900px; }
    .main.primary[view="affiliateLanding"] #testimonials .item {
      width: 100%;
      max-width: 100%;
      min-height: 346px;
      display: block;
      /*float: left;*/ }
    .main.primary[view="affiliateLanding"] #testimonials .carousel-inner {
      transition: all 0.3s ease; }
    .main.primary[view="affiliateLanding"] #testimonials h3 {
      font-size: 36px;
      color: #000000;
      text-align: center;
      line-height: 42px;
      margin-bottom: 48px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #testimonials h3 {
          font-size: 20px;
          letter-spacing: 0;
          line-height: 24px; } }
    .main.primary[view="affiliateLanding"] #testimonials .quote {
      color: #000;
      text-align: center;
      margin: 0 auto 32px;
      width: 870px;
      max-width: 100%; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #testimonials .quote {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 18px; } }
    .main.primary[view="affiliateLanding"] #testimonials .authorName {
      color: #000000;
      text-align: center;
      margin-bottom: 32px;
      font-weight: 600; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #testimonials .authorName {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 18px;
          margin-bottom: 24px; } }
    .main.primary[view="affiliateLanding"] #testimonials img {
      margin: 0 auto;
      margin-bottom: 30px;
      max-width: 100%;
      height: auto; }
    .main.primary[view="affiliateLanding"] #testimonials .slick-dots {
      bottom: 0;
      max-width: 100%; }
      .main.primary[view="affiliateLanding"] #testimonials .slick-dots li button:before {
        color: #bfbfbf;
        border: none;
        font-size: 12px;
        margin: 1px 7px; }
      .main.primary[view="affiliateLanding"] #testimonials .slick-dots li.slick-active button:before {
        color: #1B78E0;
        border: none;
        font-size: 12px; }
  .main.primary[view="affiliateLanding"] #rating {
    margin-top: 24px;
    text-align: center; }
    @media (max-width: 991px) {
      .main.primary[view="affiliateLanding"] #rating {
        margin-top: 48px;
        padding-top: 0 !important; } }
    @media (max-width: 480px) {
      .main.primary[view="affiliateLanding"] #rating {
        margin-top: 16px; } }
    .main.primary[view="affiliateLanding"] #rating .box {
      margin-bottom: 3px; }
      @media (max-width: 1200px) {
        .main.primary[view="affiliateLanding"] #rating .box {
          padding: 48px; } }
      @media (max-width: 480px) {
        .main.primary[view="affiliateLanding"] #rating .box {
          padding: 32px 16px; } }
    .main.primary[view="affiliateLanding"] #rating .intro-inner {
      max-width: 100%; }
    .main.primary[view="affiliateLanding"] #rating h2 {
      color: #000;
      margin-bottom: 40px;
      text-align: center; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #rating h2 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        .main.primary[view="affiliateLanding"] #rating h2 {
          font-size: 20px;
          margin-bottom: 0; } }
    .main.primary[view="affiliateLanding"] #rating p {
      text-align: center;
      margin-top: 20px; }
      .main.primary[view="affiliateLanding"] #rating p a {
        display: block; }
        .main.primary[view="affiliateLanding"] #rating p a:hover {
          color: #000;
          text-decoration: none; }
      .main.primary[view="affiliateLanding"] #rating p strong {
        font-weight: 600; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #rating p {
          font-size: 14px; } }
    .main.primary[view="affiliateLanding"] #rating .starsCount {
      display: block;
      clear: both;
      font-size: 20px;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
    @media screen and (max-width: 991px) {
      .main.primary[view="affiliateLanding"] #rating {
        padding: 50px 0 0; }
        .main.primary[view="affiliateLanding"] #rating h3 {
          font-size: 28px; }
        .main.primary[view="affiliateLanding"] #rating img {
          height: 32px;
          width: auto; }
        .main.primary[view="affiliateLanding"] #rating p.rate {
          margin: 0 0 80px;
          height: 40px;
          font-size: 14px; } }
    @media screen and (max-width: 991px) and (max-width: 991px) {
      .main.primary[view="affiliateLanding"] #rating p.rate {
        margin-bottom: 0; } }
    @media screen and (max-width: 991px) {
        .main.primary[view="affiliateLanding"] #rating .starsCount {
          font-size: 14px; }
        .main.primary[view="affiliateLanding"] #rating .intro-content h3 {
          font-size: 28px;
          margin-bottom: 70px; } }
    @media only screen and (max-width: 767px) {
      .main.primary[view="affiliateLanding"] #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .main.primary[view="affiliateLanding"] #rating p.rate {
        margin: 10px 0 0;
        height: 40px;
        display: block;
        height: auto;
        overflow: hidden; }
        .main.primary[view="affiliateLanding"] #rating p.rate img {
          display: block;
          width: 100%;
          clear: both; }
      .main.primary[view="affiliateLanding"] #rating .logoCol {
        width: 100%; }
      .main.primary[view="affiliateLanding"] #rating .starsCount {
        display: block;
        clear: both;
        font-size: 14px;
        min-height: 30px;
        line-height: 20px;
        margin: 0;
        white-space: nowrap; } }
  .main.primary[view="affiliateLanding"] #peopleLoveKeeper {
    display: block;
    padding: 56px 0 0; }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper h3 {
      font-size: 36px;
      margin-bottom: 56px;
      color: #000;
      text-align: center;
      line-height: 40px; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper h3 {
          margin-bottom: 0;
          width: 250px;
          margin: 0 auto;
          line-height: 26px; } }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper h3 {
          font-size: 20px; } }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper #testimonialsSlider {
      display: none; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper #testimonialsSlider {
          margin-bottom: 0; } }
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper #testimonialsSlider .slick-dots li button:before {
        color: rgba(0, 0, 0, 0.25);
        font-size: 12px; }
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper #testimonialsSlider .slick-dots li.slick-active button:before {
        color: #1b78e0;
        font-size: 12px; }
    @media (max-width: 640px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .testimonials {
        display: none; }
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper #testimonialsSlider {
        display: block; } }
    @media (max-width: 768px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .slick-dotted.slick-slider {
        margin-bottom: 70px; } }
    @media (max-width: 768px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .slick-dots {
        bottom: -36px; } }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper #rating {
      padding-bottom: 60px; }
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper #rating p {
        text-align: center;
        margin-top: 20px; }
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper #rating p strong {
          font-weight: 600; }
        @media (max-width: 768px) {
          .main.primary[view="affiliateLanding"] #peopleLoveKeeper #rating p {
            font-size: 14px; } }
        @media (max-width: 640px) {
          .main.primary[view="affiliateLanding"] #peopleLoveKeeper #rating p img {
            height: 32px;
            width: auto; } }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote {
      display: inline-block;
      max-width: 100%;
      position: relative;
      margin-bottom: 56px;
      float: left; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote {
          margin-right: 20px; } }
      @media only screen and (max-width: 460px) {
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote {
          margin: 10px; } }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper .secondRow .feedbackQuote {
      float: right; }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote img {
      display: inline-block;
      vertical-align: middle; }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p {
      display: inline-block;
      vertical-align: middle;
      width: 406px;
      box-sizing: border-box;
      padding: 20px 30px;
      border-radius: 8px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
      background: #fff;
      border: 1px solid #E8E8E8;
      max-width: 100%;
      margin-left: 20px; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p {
          font-size: 14px; } }
      @media (max-width: 640px) {
        .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p {
          box-shadow: none; } }
    @media (max-width: 640px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote.slick-current p {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } }
    .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p strong {
      display: block;
      margin-top: 20px;
      font-weight: 600; }
    @media (max-width: 1100px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p {
        width: 370px;
        padding: 20px; } }
    @media (max-width: 1023px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p {
        width: 100%;
        margin-left: 0; }
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote img {
        position: absolute;
        right: 10px;
        bottom: -30px; } }
    @media (max-width: 991px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper h3 {
        font-size: 24px; } }
    @media (max-width: 768px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper h3 {
        font-size: 22px; } }
    @media (max-width: 640px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper h3 {
        font-size: 20px; }
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p {
        font-size: 14px; } }
    @media (max-width: 460px) {
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote p {
        padding: 116px 20px 20px;
        text-align: center; }
      .main.primary[view="affiliateLanding"] #peopleLoveKeeper .feedbackQuote img {
        position: absolute;
        right: auto;
        left: 50%;
        top: 20px;
        bottom: auto;
        margin-left: -40px; } }
  .main.primary[view="affiliateLanding"] #mustHave {
    padding-top: 24px; }
    @media (max-width: 480px) {
      .main.primary[view="affiliateLanding"] #mustHave {
        padding-top: 16px; } }
    .main.primary[view="affiliateLanding"] #mustHave .box {
      margin-bottom: 3px; }
      @media (max-width: 1024px) {
        .main.primary[view="affiliateLanding"] #mustHave .box {
          padding: 48px; } }
      @media (max-width: 480px) {
        .main.primary[view="affiliateLanding"] #mustHave .box {
          padding: 32px 16px; } }
    .main.primary[view="affiliateLanding"] #mustHave h2 {
      color: #000;
      margin-bottom: 55px;
      text-align: center; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #mustHave h2 {
          font-size: 22px; } }
    .main.primary[view="affiliateLanding"] #mustHave .iconLIs {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      .main.primary[view="affiliateLanding"] #mustHave .iconLIs li {
        width: 48%; }
        @media (max-width: 640px) {
          .main.primary[view="affiliateLanding"] #mustHave .iconLIs li {
            width: 100%;
            margin-bottom: 40px; } }
        .main.primary[view="affiliateLanding"] #mustHave .iconLIs li:first-child, .main.primary[view="affiliateLanding"] #mustHave .iconLIs li:nth-child(2) {
          margin-bottom: 60px; }
          @media (max-width: 640px) {
            .main.primary[view="affiliateLanding"] #mustHave .iconLIs li:first-child, .main.primary[view="affiliateLanding"] #mustHave .iconLIs li:nth-child(2) {
              margin-bottom: 40px; } }
        @media (max-width: 640px) {
          .main.primary[view="affiliateLanding"] #mustHave .iconLIs li:last-child {
            margin-bottom: 0; } }
  .main.primary[view="affiliateLanding"] #numberOneSolution {
    padding-top: 24px; }
    @media (max-width: 480px) {
      .main.primary[view="affiliateLanding"] #numberOneSolution {
        padding-top: 16px; } }
    .main.primary[view="affiliateLanding"] #numberOneSolution .box {
      margin-bottom: 3px; }
      @media (max-width: 1024px) {
        .main.primary[view="affiliateLanding"] #numberOneSolution .box {
          padding: 48px; } }
      @media (max-width: 480px) {
        .main.primary[view="affiliateLanding"] #numberOneSolution .box {
          padding: 32px 16px; } }
    .main.primary[view="affiliateLanding"] #numberOneSolution h2 {
      color: #000;
      margin-bottom: 55px;
      text-align: center; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #numberOneSolution h2 {
          font-size: 22px; } }
    .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue li {
        width: 48%; }
        @media (max-width: 640px) {
          .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue li {
            width: 100%;
            margin-bottom: 40px; } }
        .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue li:first-child, .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue li:nth-child(2) {
          margin-bottom: 60px; }
          @media (max-width: 640px) {
            .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue li:first-child, .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue li:nth-child(2) {
              margin-bottom: 40px; } }
        @media (max-width: 640px) {
          .main.primary[view="affiliateLanding"] #numberOneSolution .list-arrows-blue li:last-child {
            margin-bottom: 0; } }
  .main.primary[view="affiliateLanding"] #readyToProtect {
    padding-top: 56px; }
    @media (max-width: 480px) {
      .main.primary[view="affiliateLanding"] #readyToProtect {
        padding-top: 40px; } }
    .main.primary[view="affiliateLanding"] #readyToProtect h2 {
      color: #000;
      margin-bottom: 55px;
      text-align: center; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateLanding"] #readyToProtect h2 {
          font-size: 22px; } }
    .main.primary[view="affiliateLanding"] #readyToProtect .actions {
      text-align: center;
      padding-bottom: 80px; }
      .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn {
        display: inline-block;
        min-width: 232px; }
        @media (max-width: 480px) {
          .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn {
            display: block;
            min-width: 190px;
            margin: 0 auto; } }
        .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn + .btn {
          margin-left: 16px; }
          @media (max-width: 768px) {
            .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn + .btn {
              margin-top: 0; } }
          @media (max-width: 480px) {
            .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn + .btn {
              margin-left: auto;
              margin-top: 16px;
              clear: both; } }
      @media (max-width: 480px) {
        .main.primary[view="affiliateLanding"] #readyToProtect .actions {
          padding-bottom: 0; } }

[locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }
  [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-position: 0 0; }
    @media (max-width: 1200px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container {
        background-position: -10% 0; } }
    @media (max-width: 1100px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container {
        background-position: -20% 0; } }
    @media (max-width: 1080px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container {
        background-position: -30% 0; } }
    @media (max-width: 1024px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container {
        background-position: -40% 0; } }
    @media (max-width: 991px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container {
        background-position: -50% 0; } }
    @media (max-width: 960px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container {
        background-position: -80% 0; } }
    @media (max-width: 1300px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container .intro-content {
        margin-right: 40px !important;
        margin-left: 40%; } }
    @media (max-width: 640px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container .intro-content {
        margin: 0 auto !important;
        padding: 20px !important;
        text-align: center !important; } }
    [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .container .intro-content .pricing > div > #basePrice {
      margin-right: 0;
      margin-left: 16px; }
  [locale="ar_AE"] .main.primary[view="affiliateLanding"] .intro .introSubIntro {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
[locale="ar_AE"] .main.primary[view="affiliateLanding"] #mustHave .iconLIs li {
  padding-left: 0;
  padding-right: 62px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="affiliateLanding"] #mustHave .iconLIs li {
      padding-right: 0; } }
  [locale="ar_AE"] .main.primary[view="affiliateLanding"] #mustHave .iconLIs li:before {
    left: auto;
    right: 0; }
    @media (max-width: 768px) {
      [locale="ar_AE"] .main.primary[view="affiliateLanding"] #mustHave .iconLIs li:before {
        right: 50%;
        margin-right: -20px; } }
@media (max-width: 768px) {
  [locale="ar_AE"] .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn {
    min-width: 180px; } }
[locale="ar_AE"] .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn + .btn {
  margin-right: 16px;
  margin-left: auto; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn + .btn {
      margin-top: 0; } }
  @media (max-width: 480px) {
    [locale="ar_AE"] .main.primary[view="affiliateLanding"] #readyToProtect .actions .btn + .btn {
      margin-right: auto;
      margin-top: 16px;
      clear: both; } }

.main.primary[view="affiliateDiscount"] {
  background: #fff;
  /*************RATING*************/ }
  @media (min-width: 992px) {
    .main.primary[view="affiliateDiscount"] .col-md-4 {
      width: 33.3%; } }
  .main.primary[view="affiliateDiscount"] .main-content {
    background-color: #fff; }
    .main.primary[view="affiliateDiscount"] .main-content.white {
      background: #fff; }
  .main.primary[view="affiliateDiscount"] .intro {
    position: relative; }
    .main.primary[view="affiliateDiscount"] .intro h1 {
      color: #fff; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateDiscount"] .intro h1 {
          font-size: 22px; } }
    .main.primary[view="affiliateDiscount"] .intro p {
      color: #fff; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateDiscount"] .intro p {
          font-size: 14px; } }
    .main.primary[view="affiliateDiscount"] .intro .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .main.primary[view="affiliateDiscount"] .intro .container:before, .main.primary[view="affiliateDiscount"] .intro .container:after {
        display: none; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateDiscount"] .intro .container {
          flex-flow: column nowrap;
          justify-content: flex-start; } }
      .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
        height: 568px;
        width: 60%;
        margin-left: -10%;
        position: relative;
        background: url("/assets/images/homepage/desktop-header.jpg") no-repeat left bottom/contain; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate:before {
          content: '';
          display: block;
          width: 100px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
          background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
          background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); }
          @media (max-width: 1400px) {
            .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate:before {
              display: none; } }
        @media (max-width: 1400px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            margin-left: -15px;
            width: 50%;
            background-size: cover;
            background-position: bottom right; } }
        @media (max-width: 1250px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            width: 50%; } }
        @media (max-width: 1000px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            left: 0; } }
        @media (max-width: 991px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            margin-left: -24px; } }
        @media (max-width: 768px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            order: 2;
            width: calc(100% + 48px);
            height: 491px;
            background: url("/assets/images/homepage/mo-header.png") no-repeat left bottom/contain; } }
        @media (max-width: 640px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            height: 414px; } }
        @media (max-width: 480px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            height: 300px; } }
        @media (max-width: 414px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-image.image-intro-affiliate {
            height: 260px; } }
      .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        width: 40%;
        padding: 0; }
        @media (max-width: 1440px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
            width: 48%;
            margin-left: 0;
            padding-left: 4%; } }
        @media (max-width: 1080px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
            width: 50%; } }
        @media (max-width: 1024px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
            width: 52%; } }
        @media (max-width: 991px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
            width: 53%; } }
        @media (max-width: 990px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
            width: 55%; } }
        @media (max-width: 960px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
            width: 56%; } }
        @media (max-width: 768px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
            margin-left: 0;
            width: 100%; } }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content h1 {
          color: #fff; }
          @media (max-width: 768px) {
            .main.primary[view="affiliateDiscount"] .intro .container .intro-content h1 {
              font-size: 22px; } }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content h2 {
          color: #fff; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content p {
          color: #fff; }
          @media (max-width: 768px) {
            .main.primary[view="affiliateDiscount"] .intro .container .intro-content p {
              font-size: 14px; } }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .strYellow {
          font-size: 24px;
          font-weight: 600;
          color: #FFC600;
          margin: 30px 0 0 0; }
          @media (max-width: 640px) {
            .main.primary[view="affiliateDiscount"] .intro .container .intro-content .strYellow {
              margin-top: 0; } }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #basePrice {
          color: rgba(255, 255, 255, 0.4);
          font-weight: 600;
          opacity: 1; }
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #basePrice.yellowPrice {
            color: #FFC600; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing-amount-strikethrough-cell:after {
          background: #FFC600;
          transform: rotate(-10deg);
          height: 4px;
          margin-top: 10px; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #discountedPrice {
          color: #FFC600;
          font-weight: 600; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #basePrice,
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #discountedPrice {
          font-size: 48px; }
          @media (max-width: 640px) {
            .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #basePrice,
            .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #discountedPrice {
              font-size: 40px; } }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div {
          display: inline-block; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #basePrice sup,
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #discountedPrice sup {
          font-size: 40%;
          top: -1em; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #basePrice > sup.cents,
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #discountedPrice > sup.cents {
          top: -1em; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing.not-loaded {
          visibility: hidden; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .buy-now {
          margin-top: 30px; }
        @media screen and (max-width: 550px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div {
            display: block; }
            .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div #basePrice {
              margin-right: auto; } }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content #basePrice {
          opacity: 0.7; }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .actions .btn {
          font-weight: 600; }
        @media only screen and (min-width: 768px) {
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content .actions .btn {
            min-width: 200px; } }
        .main.primary[view="affiliateDiscount"] .intro .container .intro-content .personalCTA {
          margin-top: 40px; }
          .main.primary[view="affiliateDiscount"] .intro .container .intro-content .personalCTA a {
            color: #FFC600;
            white-space: nowrap; }
  .main.primary[view="affiliateDiscount"] .image-personal-intro {
    background: url("/assets/images/personal/header-brain@2x.jpg") no-repeat center bottom/cover; }
    @media (max-width: 1024px) {
      .main.primary[view="affiliateDiscount"] .image-personal-intro {
        background-image: url("/assets/images/personal/header-brain.jpg"); } }
  .main.primary[view="affiliateDiscount"] .container {
    max-width: 1440px; }
  .main.primary[view="affiliateDiscount"] .intro-inner {
    max-width: 900px;
    margin: 0 auto; }
  .main.primary[view="affiliateDiscount"] .blueGradient {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
    color: #fff; }
  .main.primary[view="affiliateDiscount"] .white {
    background: #fff;
    display: block; }
  .main.primary[view="affiliateDiscount"] #rating {
    margin-top: 24px;
    text-align: center; }
    @media (max-width: 991px) {
      .main.primary[view="affiliateDiscount"] #rating {
        margin-top: 48px;
        padding-top: 0 !important; } }
    @media (max-width: 480px) {
      .main.primary[view="affiliateDiscount"] #rating {
        margin-top: 16px; } }
    .main.primary[view="affiliateDiscount"] #rating .box {
      margin-bottom: 3px; }
      @media (max-width: 1200px) {
        .main.primary[view="affiliateDiscount"] #rating .box {
          padding: 48px; } }
      @media (max-width: 480px) {
        .main.primary[view="affiliateDiscount"] #rating .box {
          padding: 32px 16px; } }
    .main.primary[view="affiliateDiscount"] #rating .intro-inner {
      max-width: 100%; }
    .main.primary[view="affiliateDiscount"] #rating h2 {
      color: #000;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateDiscount"] #rating h2 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #rating h2 {
          font-size: 20px;
          margin-bottom: 0; } }
    .main.primary[view="affiliateDiscount"] #rating p {
      text-align: center;
      margin-top: 20px; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #rating p {
          margin-top: 40px; } }
      .main.primary[view="affiliateDiscount"] #rating p strong {
        font-weight: 600; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateDiscount"] #rating p {
          font-size: 14px; } }
    .main.primary[view="affiliateDiscount"] #rating .starsCount {
      display: block;
      clear: both;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
    .main.primary[view="affiliateDiscount"] #rating p a {
      display: block; }
      .main.primary[view="affiliateDiscount"] #rating p a:hover {
        color: #000;
        text-decoration: none; }
    .main.primary[view="affiliateDiscount"] #rating p.rate {
      height: auto; }
      @media (max-width: 991px) {
        .main.primary[view="affiliateDiscount"] #rating p.rate {
          margin-bottom: 0; } }
    .main.primary[view="affiliateDiscount"] #rating p.rate {
      margin-top: 20px; }
      @media screen and (max-width: 991px) {
        .main.primary[view="affiliateDiscount"] #rating p.rate {
          margin: 20px 0 80px;
          height: 40px;
          font-size: 14px; } }
      @media screen and (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #rating p.rate {
          margin: 10px 0 0;
          display: block;
          overflow: hidden;
          height: auto; }
          .main.primary[view="affiliateDiscount"] #rating p.rate img {
            display: block;
            width: 100%;
            clear: both; } }
      .main.primary[view="affiliateDiscount"] #rating p.rate .starsCount {
        display: block;
        clear: both;
        text-align: center;
        margin: 20px 0 40px 0;
        white-space: nowrap; }
        @media screen and (max-width: 991px) {
          .main.primary[view="affiliateDiscount"] #rating p.rate .starsCount {
            white-space: pre-wrap;
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          .main.primary[view="affiliateDiscount"] #rating p.rate .starsCount {
            white-space: pre-wrap;
            font-size: 16px; } }
        @media screen and (max-width: 640px) {
          .main.primary[view="affiliateDiscount"] #rating p.rate .starsCount {
            display: block;
            clear: both;
            font-size: 14px;
            height: auto;
            margin: 0;
            white-space: nowrap; } }
    @media screen and (max-width: 991px) {
      .main.primary[view="affiliateDiscount"] #rating {
        padding: 50px 0 0; }
        .main.primary[view="affiliateDiscount"] #rating h3 {
          font-size: 28px; }
        .main.primary[view="affiliateDiscount"] #rating img {
          height: 32px;
          width: auto; }
        .main.primary[view="affiliateDiscount"] #rating .intro-content h3 {
          font-size: 28px;
          margin-bottom: 70px; } }
    @media only screen and (max-width: 767px) {
      .main.primary[view="affiliateDiscount"] #rating .intro-content h3 {
        font-size: 20px; } }
    .main.primary[view="affiliateDiscount"] #rating #testimonials {
      padding: 0;
      max-width: 100%;
      overflow: hidden;
      position: relative;
      background: #fff; }
      @media (max-width: 480px) {
        .main.primary[view="affiliateDiscount"] #rating #testimonials {
          display: none; } }
      .main.primary[view="affiliateDiscount"] #rating #testimonials h3 {
        font-size: 22px;
        margin: 40px 0 0; }
      .main.primary[view="affiliateDiscount"] #rating #testimonials .shortTestimonials {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between; }
        .main.primary[view="affiliateDiscount"] #rating #testimonials .shortTestimonials .testimonial {
          text-align: center;
          width: 30%;
          font-size: 18px;
          padding-top: 48px; }
          @media (max-width: 991px) {
            .main.primary[view="affiliateDiscount"] #rating #testimonials .shortTestimonials .testimonial {
              width: 48%; } }
          @media (max-width: 640px) {
            .main.primary[view="affiliateDiscount"] #rating #testimonials .shortTestimonials .testimonial {
              width: 100%; } }
          .main.primary[view="affiliateDiscount"] #rating #testimonials .shortTestimonials .testimonial img {
            display: block;
            clear: both;
            margin: 0 auto 24px; }
            @media (max-width: 991px) {
              .main.primary[view="affiliateDiscount"] #rating #testimonials .shortTestimonials .testimonial img {
                width: 100px; } }
  .main.primary[view="affiliateDiscount"] #keyFeatures,
  .main.primary[view="affiliateDiscount"] #secureAddons {
    margin-top: 24px;
    margin-bottom: 3px; }
    .main.primary[view="affiliateDiscount"] #keyFeatures .box,
    .main.primary[view="affiliateDiscount"] #secureAddons .box {
      padding: 48px; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #keyFeatures .box,
        .main.primary[view="affiliateDiscount"] #secureAddons .box {
          padding: 32px 24px; } }
    .main.primary[view="affiliateDiscount"] #keyFeatures h3,
    .main.primary[view="affiliateDiscount"] #secureAddons h3 {
      font-size: 28px;
      width: 100%;
      text-align: center;
      margin-bottom: 48px; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #keyFeatures h3,
        .main.primary[view="affiliateDiscount"] #secureAddons h3 {
          margin-bottom: 0; } }
    .main.primary[view="affiliateDiscount"] #keyFeatures p,
    .main.primary[view="affiliateDiscount"] #secureAddons p {
      text-align: center; }
      .main.primary[view="affiliateDiscount"] #keyFeatures p.blue,
      .main.primary[view="affiliateDiscount"] #secureAddons p.blue {
        color: #1B78E0; }
        @media (max-width: 640px) {
          .main.primary[view="affiliateDiscount"] #keyFeatures p.blue,
          .main.primary[view="affiliateDiscount"] #secureAddons p.blue {
            display: none; } }
    .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs,
    .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs {
      display: flex;
      flex-flow: row wrap;
      justify-content: center; }
      .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li,
      .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li {
        width: 33.332%;
        padding: 80px 1.5% 48px; }
        @media (max-width: 768px) {
          .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li,
          .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li {
            width: 50%; } }
        @media (max-width: 768px) {
          .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li,
          .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li {
            width: 100%;
            margin-bottom: 0;
            padding-bottom: 0; } }
        .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li:first-child, .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li:nth-child(2),
        .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li:first-child,
        .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li:nth-child(2) {
          margin-bottom: 60px; }
          @media (max-width: 768px) {
            .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li:first-child, .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li:nth-child(2),
            .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li:first-child,
            .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li:nth-child(2) {
              margin-bottom: 0;
              padding-bottom: 0; } }
        @media (max-width: 768px) {
          .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li:last-child,
          .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li:last-child {
            margin-bottom: 0;
            padding-bottom: 0; } }
        @media (max-width: 768px) {
          .main.primary[view="affiliateDiscount"] #keyFeatures .iconLIs li:before,
          .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li:before {
            width: 32px;
            height: 32px;
            margin-left: -16px;
            top: 40px; } }
  @media (max-width: 640px) {
    .main.primary[view="affiliateDiscount"] #secureAddons .box {
      padding: 32px 24px; } }
  .main.primary[view="affiliateDiscount"] #secureAddons h3 {
    margin-bottom: 0; }
    .main.primary[view="affiliateDiscount"] #secureAddons h3 + p {
      margin-bottom: 48px; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #secureAddons h3 + p {
          margin-bottom: 0; } }
  .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li {
    padding: 80px 1.5% 0; }
    .main.primary[view="affiliateDiscount"] #secureAddons .iconLIs li h5 {
      font-size: 22px;
      margin-bottom: 8px; }
  .main.primary[view="affiliateDiscount"] #moreProductive {
    padding-top: 24px;
    padding-bottom: 3px; }
    @media (max-width: 480px) {
      .main.primary[view="affiliateDiscount"] #moreProductive {
        padding-top: 16px; } }
    .main.primary[view="affiliateDiscount"] #moreProductive .box {
      margin-bottom: 3px; }
      @media (max-width: 1024px) {
        .main.primary[view="affiliateDiscount"] #moreProductive .box {
          padding: 48px; } }
      @media (max-width: 480px) {
        .main.primary[view="affiliateDiscount"] #moreProductive .box {
          padding: 32px 16px; } }
    .main.primary[view="affiliateDiscount"] #moreProductive h3 {
      margin-bottom: 55px;
      font-size: 28px;
      text-align: center; }
      @media (max-width: 768px) {
        .main.primary[view="affiliateDiscount"] #moreProductive h3 {
          font-size: 22px; } }
      @media (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #moreProductive h3 {
          margin-bottom: 36px; } }
    .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li {
        width: 48%; }
        @media (max-width: 640px) {
          .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li {
            width: 100%;
            margin-bottom: 28px; } }
        .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li:first-child, .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li:nth-child(2) {
          margin-bottom: 60px; }
          @media (max-width: 640px) {
            .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li:first-child, .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li:nth-child(2) {
              margin-bottom: 40px; } }
          @media (max-width: 640px) {
            .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li:first-child, .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li:nth-child(2) {
              margin-bottom: 28px; } }
        @media (max-width: 640px) {
          .main.primary[view="affiliateDiscount"] #moreProductive .list-arrows-blue li:last-child {
            margin-bottom: 0; } }
    .main.primary[view="affiliateDiscount"] #moreProductive .actions {
      text-align: center;
      padding: 48px 0 0; }
      @media (max-width: 640px) {
        .main.primary[view="affiliateDiscount"] #moreProductive .actions {
          padding-top: 32px; } }
      .main.primary[view="affiliateDiscount"] #moreProductive .actions .btn {
        display: inline-block; }
        @media (max-width: 480px) {
          .main.primary[view="affiliateDiscount"] #moreProductive .actions .btn {
            display: block;
            width: 190px;
            margin: 0 auto; } }
        .main.primary[view="affiliateDiscount"] #moreProductive .actions .btn + .btn {
          margin-left: 16px; }
          @media (max-width: 768px) {
            .main.primary[view="affiliateDiscount"] #moreProductive .actions .btn + .btn {
              margin-top: 0; } }
          @media (max-width: 480px) {
            .main.primary[view="affiliateDiscount"] #moreProductive .actions .btn + .btn {
              margin-left: auto;
              margin-top: 16px;
              clear: both; } }
      @media (max-width: 480px) {
        .main.primary[view="affiliateDiscount"] #moreProductive .actions {
          padding-bottom: 0; } }

[locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container {
  background-position: 0 0; }
  @media (max-width: 1200px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container {
      background-position: -10% 0; } }
  @media (max-width: 1100px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container {
      background-position: -20% 0; } }
  @media (max-width: 1080px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container {
      background-position: -30% 0; } }
  @media (max-width: 1024px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container {
      background-position: -40% 0; } }
  @media (max-width: 991px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container {
      background-position: -50% 0; } }
  @media (max-width: 960px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container {
      background-position: -80% 0; } }
  @media (max-width: 1300px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
      margin-right: 40px !important;
      margin-left: 40%; } }
  @media (max-width: 640px) {
    [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container .intro-content {
      margin: 0 auto !important;
      padding: 40px 20px 100px !important;
      text-align: center !important; } }
  [locale="ar_AE"] .main.primary[view="affiliateDiscount"] .intro .container .intro-content .pricing > div > #basePrice {
    margin-right: 0;
    margin-left: 16px; }

main.main.secondary[view="affiliateProgram"] {
  /*************RATING*************/ }
  main.main.secondary[view="affiliateProgram"] .intro {
    position: relative;
    padding: 72px 0;
    overflow: hidden; }
    @media (max-width: 767px) {
      main.main.secondary[view="affiliateProgram"] .intro {
        padding: 40px 0; } }
    main.main.secondary[view="affiliateProgram"] .intro .container {
      max-width: 100%;
      width: 1200px; }
      main.main.secondary[view="affiliateProgram"] .intro .container .intro-content {
        text-align: center;
        color: #fff; }
        main.main.secondary[view="affiliateProgram"] .intro .container .intro-content #poweredBy {
          width: 640px;
          max-width: 100%;
          margin: 0 auto;
          background: rgba(255, 255, 255, 0.08);
          border-radius: 8px;
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
          padding: 30px 7%;
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          align-items: center; }
          @media (max-width: 640px) {
            main.main.secondary[view="affiliateProgram"] .intro .container .intro-content #poweredBy {
              flex-flow: column nowrap;
              height: 240px; } }
        main.main.secondary[view="affiliateProgram"] .intro .container .intro-content .actions {
          margin: 40px 0 0; }
  main.main.secondary[view="affiliateProgram"] #programHighlights {
    padding: 72px 0; }
    @media (max-width: 767px) {
      main.main.secondary[view="affiliateProgram"] #programHighlights {
        padding: 40px 0; } }
    main.main.secondary[view="affiliateProgram"] #programHighlights .container {
      max-width: 100%;
      width: 1200px; }
      main.main.secondary[view="affiliateProgram"] #programHighlights .container h2 {
        color: #000;
        font-size: 26px;
        font-weight: 500;
        margin-bottom: 40px; }
        @media (max-width: 640px) {
          main.main.secondary[view="affiliateProgram"] #programHighlights .container h2 {
            padding: 0 14px; } }
      main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between; }
        @media (max-width: 640px) {
          main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent {
            flex-flow: column nowrap;
            padding: 0 16px; } }
        main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent ul.list-arrows-blue {
          width: 46%;
          font-size: 20px;
          margin-bottom: 48px; }
          @media (max-width: 640px) {
            main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent ul.list-arrows-blue {
              width: 100%;
              margin-bottom: 0; } }
          main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent ul.list-arrows-blue li {
            padding-bottom: 12px; }
            @media (max-width: 768px) {
              main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent ul.list-arrows-blue li {
                font-size: 14px; } }
        main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article {
          width: 46%;
          padding-left: 72px;
          display: flex;
          flex-flow: row nowrap;
          align-items: center; }
          main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#promoDiscount {
            background: url("/assets/images/pages/affiliateprogram/ico-promotions.svg") no-repeat left center; }
          main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#gainAccess {
            background: url("/assets/images/pages/affiliateprogram/ico-conversions.svg") no-repeat left center; }
          @media (max-width: 640px) {
            main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article {
              width: 100%;
              text-align: center;
              margin-top: 32px;
              padding: 50px 0 0 0; }
              main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#promoDiscount, main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#gainAccess {
                background-position: top center; } }
          main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article p {
            font-size: 20px; }
            main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article p strong {
              font-weight: 500; }
  main.main.secondary[view="affiliateProgram"] #rating {
    text-align: center;
    padding: 50px 0 30px;
    background: #F9F9F9; }
    @media (max-width: 767px) {
      main.main.secondary[view="affiliateProgram"] #rating {
        padding: 40px 0; } }
    main.main.secondary[view="affiliateProgram"] #rating .container {
      max-width: 100%;
      width: 1200px; }
      main.main.secondary[view="affiliateProgram"] #rating .container .intro-inner {
        max-width: 100%; }
      main.main.secondary[view="affiliateProgram"] #rating .container h2 {
        color: #000;
        font-weight: 500;
        text-align: center;
        font-size: 26px;
        margin-bottom: 40px; }
        @media (max-width: 768px) {
          main.main.secondary[view="affiliateProgram"] #rating .container h2 {
            font-size: 24px; } }
        @media (max-width: 640px) {
          main.main.secondary[view="affiliateProgram"] #rating .container h2 {
            font-size: 20px; } }
      main.main.secondary[view="affiliateProgram"] #rating .container p {
        text-align: center;
        font-size: 22px;
        font-weight: 400;
        margin-top: 20px; }
        main.main.secondary[view="affiliateProgram"] #rating .container p strong {
          font-weight: 500; }
        @media (max-width: 768px) {
          main.main.secondary[view="affiliateProgram"] #rating .container p {
            font-size: 14px; } }
      main.main.secondary[view="affiliateProgram"] #rating .container p.rate {
        margin-top: 20px; }
        @media screen and (max-width: 991px) {
          main.main.secondary[view="affiliateProgram"] #rating .container p.rate {
            margin: 20px 0 80px;
            height: 40px;
            font-size: 14px; } }
        @media screen and (max-width: 640px) {
          main.main.secondary[view="affiliateProgram"] #rating .container p.rate {
            margin: 20px 0 0;
            display: block;
            overflow: hidden;
            height: auto; }
            main.main.secondary[view="affiliateProgram"] #rating .container p.rate img {
              display: block;
              width: 100%;
              clear: both; } }
        main.main.secondary[view="affiliateProgram"] #rating .container p.rate .starsCount {
          display: block;
          clear: both;
          font-size: 22px;
          text-align: center;
          margin: 20px 0 40px 0;
          white-space: nowrap; }
          @media screen and (max-width: 991px) {
            main.main.secondary[view="affiliateProgram"] #rating .container p.rate .starsCount {
              white-space: pre-wrap;
              font-size: 18px; } }
          @media screen and (max-width: 768px) {
            main.main.secondary[view="affiliateProgram"] #rating .container p.rate .starsCount {
              white-space: pre-wrap;
              font-size: 16px; } }
          @media screen and (max-width: 640px) {
            main.main.secondary[view="affiliateProgram"] #rating .container p.rate .starsCount {
              display: block;
              clear: both;
              font-size: 14px;
              height: auto;
              margin: 0;
              white-space: nowrap; } }
      @media screen and (max-width: 991px) {
        main.main.secondary[view="affiliateProgram"] #rating .container {
          padding: 50px 0 0; }
          main.main.secondary[view="affiliateProgram"] #rating .container h3 {
            font-size: 28px; }
          main.main.secondary[view="affiliateProgram"] #rating .container img {
            height: 32px;
            width: auto; }
          main.main.secondary[view="affiliateProgram"] #rating .container .starsCount {
            font-size: 14px; }
          main.main.secondary[view="affiliateProgram"] #rating .container .intro-content h3 {
            font-size: 28px;
            margin-bottom: 70px; } }
      @media only screen and (max-width: 767px) {
        main.main.secondary[view="affiliateProgram"] #rating .container .intro-content h3 {
          font-size: 20px; } }
      @media screen and (max-width: 640px) {
        main.main.secondary[view="affiliateProgram"] #rating .container .logoCol {
          width: 100%; }
        main.main.secondary[view="affiliateProgram"] #rating .container .starsCount {
          display: block;
          clear: both;
          font-size: 14px;
          min-height: 30px;
          line-height: 20px;
          margin: 0 0 40px 0;
          white-space: nowrap; } }
  main.main.secondary[view="affiliateProgram"] #joinOurProgram {
    padding: 72px 0; }
    @media (max-width: 767px) {
      main.main.secondary[view="affiliateProgram"] #joinOurProgram {
        padding: 40px 0; } }
    main.main.secondary[view="affiliateProgram"] #joinOurProgram .container {
      max-width: 100%;
      width: 1200px; }
      main.main.secondary[view="affiliateProgram"] #joinOurProgram .container h2 {
        color: #000;
        font-weight: 500;
        font-size: 26px;
        text-align: center;
        margin-bottom: 56px; }
        @media (max-width: 480px) {
          main.main.secondary[view="affiliateProgram"] #joinOurProgram .container h2 {
            margin-bottom: 15px; } }
      main.main.secondary[view="affiliateProgram"] #joinOurProgram .container p {
        text-align: center;
        font-size: 18px; }
      main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 640px;
        max-width: 100%;
        margin: 0 auto; }
        @media (max-width: 480px) {
          main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels {
            flex-flow: column nowrap; } }
        main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels div {
          display: flex;
          flex-flow: column nowrap;
          justify-content: flex-end;
          min-width: 200px;
          max-width: 50%;
          text-align: center; }
          @media (max-width: 480px) {
            main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels div {
              width: 100%;
              max-width: 100%;
              padding: 20px 0; }
              main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels div.rakutenChannel img {
                width: 80px;
                height: auto;
                display: block;
                margin: 0 auto; }
              main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels div.cjChannel img {
                width: 120px;
                height: auto;
                display: block;
                margin: 0 auto; } }
          main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels div p.greyText {
            color: #979797;
            margin: 32px 0 48px; }
        main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels + p {
          margin-top: 48px; }
          @media (max-width: 480px) {
            main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels + p {
              margin-top: 15px; } }
  main.main.secondary[view="affiliateProgram"] #contactUs {
    background: #313131;
    padding: 72px 0;
    color: #fff; }
    @media (max-width: 767px) {
      main.main.secondary[view="affiliateProgram"] #contactUs {
        padding: 40px 0; } }
    main.main.secondary[view="affiliateProgram"] #contactUs h2 {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="affiliateProgram"] #contactUs h2 {
          margin-bottom: 24px; } }
    main.main.secondary[view="affiliateProgram"] #contactUs h4 {
      margin-bottom: 20px; }
    main.main.secondary[view="affiliateProgram"] #contactUs .materialDesign .mdl-textfield--floating-label.is-invalid input,
    main.main.secondary[view="affiliateProgram"] #contactUs .materialDesign textarea.is-invalid,
    main.main.secondary[view="affiliateProgram"] #contactUs .materialDesign .fs-dropdown-selected.is-invalid {
      background: #fbe5e5 !important; }
    main.main.secondary[view="affiliateProgram"] #contactUs .mdl-textfield__error {
      color: #f7324a; }
    main.main.secondary[view="affiliateProgram"] #contactUs .keeper-md {
      left: 25px; }
    main.main.secondary[view="affiliateProgram"] #contactUs .big-field input {
      height: 136px; }
    main.main.secondary[view="affiliateProgram"] #contactUs .mdl-textfield__input {
      color: black; }
    main.main.secondary[view="affiliateProgram"] #contactUs textarea {
      padding-top: 10px;
      margin-bottom: 0;
      height: 136px;
      color: black; }
    main.main.secondary[view="affiliateProgram"] #contactUs .row.actions div {
      text-align: center; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="affiliateProgram"] #contactUs .row.terms {
        margin-top: 20px; } }
    main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms-notice {
      width: auto;
      text-align: left;
      color: #fff; }
      main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms-notice a {
        color: #FFC600; }
    main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms-notice-checkbox {
      color: #fff; }
      main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms-notice-checkbox span {
        color: #fff; }
    main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .actions {
      text-align: right; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms-notice {
        width: 250px;
        text-align: center;
        color: #fff; }
      main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms-notice-checkbox {
        color: white; }
        main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms-notice-checkbox a {
          color: #FFC600; }
      main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .terms {
        margin-top: 20px; }
      main.main.secondary[view="affiliateProgram"] #contactUs .terms-with-actions .actions {
        text-align: center; } }
    main.main.secondary[view="affiliateProgram"] #contactUs .materialDesign button.fs-dropdown-selected {
      padding-top: 0 !important; }

html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] .intro .container .intro-content {
  text-align: center; }
  html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] .intro .container .intro-content h1.intro-title,
  html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] .intro .container .intro-content p {
    text-align: center; }
html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#gainAccess,
html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#promoDiscount {
  padding: 0 72px 0 0;
  background-position: right center; }
  @media (max-width: 640px) {
    html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#gainAccess,
    html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] #programHighlights .container #programContent article#promoDiscount {
      padding: 50px 0 0 0;
      background-position: top center; } }
@media (max-width: 480px) {
  html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels .rakutenChannel p img,
  html[locale="ar_AE"] main.main.secondary[view="affiliateProgram"] #joinOurProgram .container .joinChannels .cjChannel p img {
    margin: 0 auto; } }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
[view="free-trial-3-thankyou"] {
  background-color: #f9f9f9; }
  [view="free-trial-3-thankyou"] .intro-title {
    display: none; }
  [view="free-trial-3-thankyou"][data-type='demo'] .intro-title.demo {
    display: block; }
  [view="free-trial-3-thankyou"][data-type='trial'] .intro-title.trial {
    display: block; }
  [view="free-trial-3-thankyou"] .language-selection .dropdown-toggle .ico-globe {
    width: 16px;
    height: 16px; }
  [view="free-trial-3-thankyou"] .language-selection .dropdown-toggle:hover {
    text-decoration: none;
    opacity: 0.7; }
  [view="free-trial-3-thankyou"] .language-selection .dropdown-toggle:focus {
    text-decoration: none;
    opacity: 0.7; }
  [view="free-trial-3-thankyou"] .intro {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b78e0", endColorstr="#004899",GradientType=1 );
    padding: 32px 0;
    text-align: center;
    z-index: -1; }
    @media only screen and (max-width: 768px) {
      [view="free-trial-3-thankyou"] .intro {
        padding: 50px 0; } }
    [view="free-trial-3-thankyou"] .intro h1 {
      color: #fff;
      font-size: 36px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 30px;
      padding: 95px 0 35px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        [view="free-trial-3-thankyou"] .intro h1 {
          font-size: 20px;
          padding: 0;
          margin: 0; } }
  [view="free-trial-3-thankyou"] .site-header {
    background: rgba(0, 0, 0, 0.65);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 60px; }
  [view="free-trial-3-thankyou"] .site-navigation {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    align-items: center; }
    [view="free-trial-3-thankyou"] .site-navigation > .list-items {
      width: 50%;
      height: 60px;
      list-style: none;
      display: flex;
      align-items: center; }
  [view="free-trial-3-thankyou"] .site-navigation > .list-items:nth-of-type(1) {
    justify-content: flex-start; }
  [view="free-trial-3-thankyou"] .site-navigation > .list-items:nth-of-type(2) {
    justify-content: flex-end; }
  [view="free-trial-3-thankyou"] .site-navigation > .list-items > .list-item + .list-item {
    margin-left: 24px; }
  @media only screen and (max-width: 768px) {
    [view="free-trial-3-thankyou"] .site-navigation .list-items.right .list-item:last-of-type {
      display: none; }
    [view="free-trial-3-thankyou"] .site-navigation .list-items.right .list-item.dropdown.language-selection {
      display: block; } }
  [view="free-trial-3-thankyou"] .box {
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 48px 180px; }
    @media (max-width: 1200px) {
      [view="free-trial-3-thankyou"] .box {
        padding: 48px; } }
    [view="free-trial-3-thankyou"] .box > h2 {
      font-size: 20px;
      color: #000000;
      letter-spacing: 0;
      text-align: center;
      line-height: 22px;
      text-align: center;
      margin-bottom: 16px;
      font-weight: 300; }
    [view="free-trial-3-thankyou"] .box > p {
      font-size: 16px;
      color: #000000;
      letter-spacing: 0;
      text-align: center;
      line-height: 20px;
      margin-bottom: 40px; }
  [view="free-trial-3-thankyou"] .box-small {
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 35px; }
  [view="free-trial-3-thankyou"] section.next-steps {
    display: flex;
    justify-content: space-between;
    margin-top: 40px; }
  [view="free-trial-3-thankyou"] section.next-steps .box-small {
    width: 32%;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center; }
  @media only screen and (max-width: 768px) {
    [view="free-trial-3-thankyou"] section.next-steps {
      margin-top: 20px;
      flex-flow: column nowrap; }
    [view="free-trial-3-thankyou"] section.next-steps .box-small {
      width: 100%;
      margin-bottom: 20px; } }
  [view="free-trial-3-thankyou"] section.next-steps h2 {
    font-size: 26px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.4em;
    font-weight: 600;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      [view="free-trial-3-thankyou"] section.next-steps h2 {
        font-size: 20px; } }
  @media only screen and (max-width: 768px) {
    [view="free-trial-3-thankyou"] section.next-steps h2 {
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      text-align: center;
      line-height: 21px;
      margin-bottom: 8px; } }
  [view="free-trial-3-thankyou"] section.next-steps p {
    font-size: 22px;
    font-weight: 300;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.4em;
    margin-bottom: 40px;
    max-width: 100%; }
    @media only screen and (max-width: 768px) {
      [view="free-trial-3-thankyou"] section.next-steps p {
        font-size: 16px;
        color: #000000;
        letter-spacing: 0;
        text-align: center;
        line-height: 21px;
        margin-bottom: 32px; } }
  [view="free-trial-3-thankyou"] .btn-demo {
    background: #3AAC14;
    color: #fff;
    border-radius: 3px;
    min-width: 185px;
    height: 48px;
    border: 0;
    padding-top: 12px; }
    [view="free-trial-3-thankyou"] .btn-demo:hover {
      background-color: #27750D;
      color: white; }
  [view="free-trial-3-thankyou"] .btn-vault {
    background: #FFC600;
    border-radius: 3px;
    min-width: 185px;
    height: 48px;
    border: 0;
    padding-top: 12px;
    color: black; }
    [view="free-trial-3-thankyou"] .btn-vault:hover {
      background-color: #CF9F24;
      color: black; }
  [view="free-trial-3-thankyou"] .btn-console {
    background: #0175A1;
    color: #fff;
    border-radius: 3px;
    min-width: 185px;
    height: 48px;
    border: 0;
    padding-top: 12px; }
    [view="free-trial-3-thankyou"] .btn-console:hover {
      background-color: #005C7F;
      color: white; }
  [view="free-trial-3-thankyou"] .icon-web-vault {
    background: url("/assets/icons/ico-vault-login.svg") no-repeat center/contain;
    height: 56px;
    width: 56px; }
  [view="free-trial-3-thankyou"] .icon-admin-console {
    background: url("/assets/icons/ico-console-login.svg") no-repeat center/contain;
    height: 56px;
    width: 56px; }
  [view="free-trial-3-thankyou"] .icon-schedule-demo {
    background: url("/assets/icons/ico-schedule-demo.svg") no-repeat center/contain;
    height: 56px;
    width: 56px; }
  [view="free-trial-3-thankyou"] .additional-resources {
    margin: 24px 0 40px; }
    [view="free-trial-3-thankyou"] .additional-resources h2 {
      font-size: 26px;
      font-weight: 600;
      line-height: 1.4em; }
      @media (max-width: 768px) {
        [view="free-trial-3-thankyou"] .additional-resources h2 {
          font-size: 20px; } }
    [view="free-trial-3-thankyou"] .additional-resources p {
      font-size: 22px;
      font-weight: 300;
      line-height: 1.4em; }
      @media (max-width: 768px) {
        [view="free-trial-3-thankyou"] .additional-resources p {
          font-size: 14px; } }
    @media only screen and (max-width: 768px) {
      [view="free-trial-3-thankyou"] .additional-resources {
        margin-top: 0; } }
    [view="free-trial-3-thankyou"] .additional-resources > .list-resources {
      list-style: none; }
      [view="free-trial-3-thankyou"] .additional-resources > .list-resources > .row {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; }
        @media (max-width: 768px) {
          [view="free-trial-3-thankyou"] .additional-resources > .list-resources > .row {
            flex-flow: column nowrap; } }
        [view="free-trial-3-thankyou"] .additional-resources > .list-resources > .row > a {
          width: 45%;
          min-height: 72px;
          padding: 10px 40px 10px 70px;
          display: flex;
          color: #1B78E0;
          font-size: 22px;
          line-height: 1.4em;
          align-items: center;
          background-color: white;
          margin-bottom: 8px;
          border-radius: 4px;
          background: url("/assets/images/pages/support/ico-whitepaper.svg") no-repeat 20px 50%/24px;
          transition: .5s; }
          @media (max-width: 768px) {
            [view="free-trial-3-thankyou"] .additional-resources > .list-resources > .row > a {
              width: 100%;
              font-size: 14px; } }
        [view="free-trial-3-thankyou"] .additional-resources > .list-resources > .row > .empty {
          width: 45%; }
  [view="free-trial-3-thankyou"] .site-footer {
    margin-bottom: 30px; }
    [view="free-trial-3-thankyou"] .site-footer p {
      font-size: 16px;
      color: #666666;
      text-align: center; }
  [view="free-trial-3-thankyou"] .icon-launch-white {
    background-image: url("/assets/images/register-trial/launch-white.png");
    width: 24px;
    height: 24px;
    margin-right: 8px; }
  [view="free-trial-3-thankyou"] .icon-launch-black {
    background-image: url("/assets/images/register-trial/launch-black.png");
    width: 24px;
    height: 24px;
    margin-right: 8px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [view="free-trial-3-thankyou"] .icon-launch-white {
      background-image: url("/assets/images/register-trial/launch-white@2x.png"); }
    [view="free-trial-3-thankyou"] .icon-launch-black {
      background-image: url("/assets/images/register-trial/launch-black@2x.png"); } }
  [view="free-trial-3-thankyou"] .desktop-only {
    display: block; }
  [view="free-trial-3-thankyou"] .mobile-only {
    display: none; }
  @media only screen and (max-width: 768px) {
    [view="free-trial-3-thankyou"] .desktop-only {
      display: none; }
    [view="free-trial-3-thankyou"] .mobile-only {
      display: block; } }
  [view="free-trial-3-thankyou"] .site-content .next-steps .desktop-notice p {
    font-size: 14px;
    color: #888888;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px; }
  [view="free-trial-3-thankyou"] .icon-info {
    background-image: url("/assets/images/register-trial/info.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 8px;
    opacity: 0.3; }

[view="free-trial-3-form"] .wrapper {
  background-color: #FFF; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3-form"] [name="form"] .ff-item {
    margin-bottom: 0; } }
[view="free-trial-3-form"] .ff-item.half-spacing {
  width: 100%;
  margin-bottom: 20px; }
[view="free-trial-3-form"] form.ff-container .ff-section:first-of-type {
  margin-top: 0; }
[view="free-trial-3-form"] .eu-notice.ff-item {
  margin-bottom: 15px; }
  [view="free-trial-3-form"] .eu-notice.ff-item .eu-notice {
    font-size: 16px;
    color: grey;
    margin: 0; }
[view="free-trial-3-form"] .language-selection .dropdown-toggle .ico-globe {
  width: 16px;
  height: 16px; }
[view="free-trial-3-form"] .language-selection .dropdown-toggle:hover {
  text-decoration: none;
  opacity: 0.7; }
[view="free-trial-3-form"] .language-selection .dropdown-toggle:focus {
  text-decoration: none;
  opacity: 0.7; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3-form"] .site-navigation .list-items.right .list-item:last-of-type {
    display: none; }
  [view="free-trial-3-form"] .site-navigation .list-items.right .list-item.dropdown.language-selection {
    display: block; } }
[view="free-trial-3-form"] .text-family {
  color: #0791C7; }
[view="free-trial-3-form"] .text-enterprise {
  color: #0791C7; }
[view="free-trial-3-form"] .text-business {
  color: #60c135; }
[view="free-trial-3-form"] .text-unlimited {
  color: #60c135; }
[view="free-trial-3-form"] .btn-enterprise, [view="free-trial-3-form"] .btn-family, [view="free-trial-3-form"] .btn-business, [view="free-trial-3-form"] .btn-unlimited, [view="free-trial-3-form"] .main[view="product-comparison"] .btn-enterprise, .main[view="product-comparison"] [view="free-trial-3-form"] .btn-enterprise, [view="free-trial-3-form"] .main[view="product-comparison"] .btn-family, .main[view="product-comparison"] [view="free-trial-3-form"] .btn-family, [view="free-trial-3-form"] .main[view="product-comparison"] .btn-business, .main[view="product-comparison"] [view="free-trial-3-form"] .btn-business, [view="free-trial-3-form"] .main[view="product-comparison"] .btn-unlimited, .main[view="product-comparison"] [view="free-trial-3-form"] .btn-unlimited, [view="free-trial-3-form"] .main[view="product-comparison"] .btn-free, .main[view="product-comparison"] [view="free-trial-3-form"] .btn-free {
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  min-width: 160px;
  border: 2px solid;
  border-radius: 3px;
  min-height: 48px;
  padding-top: 6px;
  background-color: transparent; }
[view="free-trial-3-form"] .btn-enterprise {
  border-color: #0791C7;
  color: #0791C7; }
[view="free-trial-3-form"] .btn-enterprise:hover {
  border-color: #05749f;
  background-color: #05749f;
  color: white; }
[view="free-trial-3-form"] .btn-family {
  border-color: #0791C7;
  color: #0791C7; }
[view="free-trial-3-form"] .btn-family:hover {
  border-color: #05749f;
  background-color: #05749f;
  color: white; }
[view="free-trial-3-form"] .btn-business {
  border-color: #60c135;
  color: #60c135; }
[view="free-trial-3-form"] .btn-business:hover {
  border-color: #388819;
  background-color: #388819;
  color: white; }
[view="free-trial-3-form"] .btn-unlimited {
  border-color: #60c135;
  color: #60c135; }
[view="free-trial-3-form"] .btn-unlimited:hover {
  border-color: #388819;
  background-color: #388819;
  color: white; }
[view="free-trial-3-form"] .site-header {
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 60px; }
[view="free-trial-3-form"] .site-navigation {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: center; }
[view="free-trial-3-form"] .site-navigation > .list-items {
  width: 50%;
  height: 60px;
  list-style: none;
  display: flex;
  align-items: center; }
[view="free-trial-3-form"] .site-navigation > .list-items:nth-of-type(1) {
  justify-content: flex-start; }
[view="free-trial-3-form"] .site-navigation > .list-items:nth-of-type(2) {
  justify-content: flex-end; }
[view="free-trial-3-form"] .site-navigation > .list-items > .list-item + .list-item {
  margin-left: 24px; }
[view="free-trial-3-form"] .intro {
  background: #1b78e0;
  background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b78e0", endColorstr="#004899",GradientType=1 );
  padding: 125px 0 55px;
  text-align: center;
  color: #fff; }
  [view="free-trial-3-form"] .intro h1 {
    font-weight: 600; }
    @media only screen and (max-width: 768px) {
      [view="free-trial-3-form"] .intro h1 {
        font-size: 20px; } }
  [view="free-trial-3-form"] .intro p {
    font-size: 22px; }
    @media only screen and (max-width: 768px) {
      [view="free-trial-3-form"] .intro p {
        font-size: 14px;
        margin-bottom: 0; } }
  @media only screen and (max-width: 768px) {
    [view="free-trial-3-form"] .intro {
      padding: 75px 0; } }
[view="free-trial-3-form"] .intro-heading {
  font-size: 26px;
  color: #000000;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 300; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3-form"] .intro-heading {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px; } }
[view="free-trial-3-form"] .intro-subheading {
  font-size: 22px;
  color: #000000;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 48px;
  max-width: 600px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3-form"] .intro-subheading {
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px; } }
[view="free-trial-3-form"] .btn-fill-yellow {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  background: #FFC600;
  border-radius: 3px;
  padding: 0 20px;
  transition: 250ms ease; }
[view="free-trial-3-form"] .btn-fill-yellow:hover {
  background-color: #E6B300;
  text-decoration: none; }
[view="free-trial-3-form"] .btn-outline-yellow {
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  border: 2px solid #FFC600;
  border-radius: 3px;
  padding: 0 20px;
  transition: 250ms ease; }
[view="free-trial-3-form"] .btn-outline-yellow:hover {
  border: 2px solid #E6B300;
  background-color: #E6B300;
  text-decoration: none;
  color: black; }
[view="free-trial-3-form"] .box {
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  margin: 20px 0;
  padding: 50px; }
@media only screen and (max-width: 430px) {
  [view="free-trial-3-form"] .box {
    padding: 50px 10px; } }
[view="free-trial-3-form"] .box h2 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 60px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3-form"] .box h2 {
    font-weight: 300;
    margin-bottom: 40px;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 21px; } }
[view="free-trial-3-form"] .box h2 + p {
  margin-top: -40px;
  text-align: center; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3-form"] .box h2 + p {
    margin-top: -30px; } }
[view="free-trial-3-form"] .ff-container > .ff-section:first-of-type {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  min-height: 325px;
  margin: 40px 0; }
[view="free-trial-3-form"] .ff-container > .ff-section:last-of-type {
  align-items: center; }
[view="free-trial-3-form"] .ff-item {
  width: 48%;
  margin-bottom: 16px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3-form"] .ff-item {
    width: 100%; } }
[view="free-trial-3-form"] .field {
  display: block;
  width: 100%;
  height: 48px;
  font-weight: 300;
  background-color: #f9f9f9;
  border: 1px solid #DADADA;
  border-radius: 3px;
  padding: 0 10px;
  font-size: 16px; }
[view="free-trial-3-form"] .btn-fill-yellow {
  font-size: 18px;
  color: #000;
  letter-spacing: 0;
  text-align: center;
  background: #FFC600;
  border-radius: 3px;
  padding: 0 25px;
  transition: 250ms ease;
  border: 0;
  display: inline-block;
  min-width: 200px;
  margin: 0 auto;
  cursor: pointer; }
[view="free-trial-3-form"] .btn-fill-yellow:hover {
  background-color: #E6B300;
  text-decoration: none; }
[view="free-trial-3-form"] .btn-fill-yellow[disabled='disabled'] {
  opacity: 0.5; }
[view="free-trial-3-form"] .ng-invalid.ng-touched {
  border: 1px solid red;
  transition: .5s ease; }
[view="free-trial-3-form"] .site-footer {
  margin-bottom: 30px; }
[view="free-trial-3-form"] .site-footer p {
  font-size: 16px;
  color: #666666;
  text-align: center; }
  @media (max-width: 768px) {
    [view="free-trial-3-form"] .site-footer p {
      font-size: 14px; } }

html[lang='ar'] .employee-slider {
  direction: ltr; }

html[lang='ar'] [view="free-trial-3"] .site-navigation > .list-items > .list-item + .list-item {
  margin-right: 24px;
  margin-left: 0; }

[view="free-trial-3"] .intro {
  margin-top: 0; }
[view="free-trial-3"] .site-content {
  padding-top: 5px; }
[view="free-trial-3"] .language-selection .dropdown-toggle .ico-globe {
  width: 16px;
  height: 16px; }
[view="free-trial-3"] .language-selection .dropdown-toggle:hover {
  text-decoration: none;
  opacity: 0.7; }
[view="free-trial-3"] .language-selection .dropdown-toggle:focus {
  text-decoration: none;
  opacity: 0.7; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .site-navigation .list-items.right .list-item:last-of-type {
    display: none; }
  [view="free-trial-3"] .site-navigation .list-items.right .list-item.dropdown.language-selection {
    display: block; } }
[view="free-trial-3"] .text-family {
  color: #0791C7; }
[view="free-trial-3"] .text-enterprise {
  color: #0791C7; }
[view="free-trial-3"] .text-business {
  color: #60c135; }
[view="free-trial-3"] .text-unlimited {
  color: #60c135; }
[view="free-trial-3"] .btn-enterprise, [view="free-trial-3"] .btn-family, [view="free-trial-3"] .btn-business, [view="free-trial-3"] .btn-unlimited, [view="free-trial-3"] .main[view="product-comparison"] .btn-enterprise, .main[view="product-comparison"] [view="free-trial-3"] .btn-enterprise, [view="free-trial-3"] .main[view="product-comparison"] .btn-family, .main[view="product-comparison"] [view="free-trial-3"] .btn-family, [view="free-trial-3"] .main[view="product-comparison"] .btn-business, .main[view="product-comparison"] [view="free-trial-3"] .btn-business, [view="free-trial-3"] .main[view="product-comparison"] .btn-unlimited, .main[view="product-comparison"] [view="free-trial-3"] .btn-unlimited, [view="free-trial-3"] .main[view="product-comparison"] .btn-free, .main[view="product-comparison"] [view="free-trial-3"] .btn-free {
  font-size: 18px;
  letter-spacing: 0;
  text-align: center;
  min-width: 160px;
  border: 2px solid;
  border-radius: 3px;
  min-height: 48px;
  padding-top: 6px;
  background-color: transparent; }
[view="free-trial-3"] .btn-enterprise {
  border-color: #0791C7;
  color: #0791C7; }
[view="free-trial-3"] .btn-enterprise:hover {
  border-color: #05749f;
  background-color: #05749f;
  color: white; }
[view="free-trial-3"] .btn-family {
  border-color: #0791C7;
  color: #0791C7; }
[view="free-trial-3"] .btn-family:hover {
  border-color: #05749f;
  background-color: #05749f;
  color: white; }
[view="free-trial-3"] .btn-business {
  border-color: #60c135;
  color: #60c135; }
[view="free-trial-3"] .btn-business:hover {
  border-color: #388819;
  background-color: #388819;
  color: white; }
[view="free-trial-3"] .btn-unlimited {
  border-color: #60c135;
  color: #60c135; }
[view="free-trial-3"] .btn-unlimited:hover {
  border-color: #388819;
  background-color: #388819;
  color: white; }
[view="free-trial-3"] .site-header {
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 60px; }
[view="free-trial-3"] .site-header .logo {
  background-image: url("/assets/images/logo-white.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  [view="free-trial-3"] .site-header .logo {
    background-image: url("/assets/images/logo-white@2x.png"); } }
[view="free-trial-3"] .site-navigation {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: center; }
[view="free-trial-3"] .site-navigation > .list-items {
  width: 50%;
  height: 60px;
  list-style: none;
  display: flex;
  align-items: center; }
[view="free-trial-3"] .site-navigation > .list-items:nth-of-type(1) {
  justify-content: flex-start; }
[view="free-trial-3"] .site-navigation > .list-items:nth-of-type(2) {
  justify-content: flex-end; }
[view="free-trial-3"] .site-navigation > .list-items > .list-item + .list-item {
  margin-left: 24px; }
[view="free-trial-3"] .intro {
  padding: 200px 0;
  background-image: url("/assets/images/register-trial/desktop-header.png");
  background-position: calc(100% + 150px) bottom;
  background-repeat: no-repeat;
  background-size: 800px;
  background-color: #E3E3E3; }
@media only screen and (min-width: 1680px) {
  [view="free-trial-3"] .intro {
    background-position: calc(50% + 425px) bottom; } }
@media only screen and (max-width: 1280px) {
  [view="free-trial-3"] .intro {
    background-size: 715px; } }
@media only screen and (max-width: 1085px) {
  [view="free-trial-3"] .intro {
    background-size: 624px; } }
@media only screen and (max-width: 994px) {
  [view="free-trial-3"] .intro {
    background-size: 580px; } }
@media only screen and (max-width: 958px) {
  [view="free-trial-3"] .intro {
    background-position: calc(100% + 50px) bottom;
    background-size: 400px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  [view="free-trial-3"] .intro {
    background-image: url("/assets/images/register-trial/desktop-header@2x.png"); } }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .intro {
    padding-bottom: 300px;
    padding-top: 50px;
    background-image: url("/assets/images/register-trial/mobile-header.png");
    background-size: 400px;
    background-position: bottom;
    text-align: center; } }
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  [view="free-trial-3"] .intro {
    background-image: url("/assets/images/register-trial/mobile-header@2x.png"); } }

[view="free-trial-3"] .intro-heading {
  font-size: 26px;
  color: #000000;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 300; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .intro-heading {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px; } }
[view="free-trial-3"] .intro-subheading {
  font-size: 22px;
  color: #000000;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 48px;
  max-width: 600px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .intro-subheading {
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px; } }
[view="free-trial-3"] .btn-fill-yellow {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  background: #FFC600;
  border-radius: 3px;
  padding: 0 20px;
  transition: 250ms ease; }
[view="free-trial-3"] .btn-fill-yellow:hover {
  background-color: #E6B300;
  text-decoration: none; }
[view="free-trial-3"] .btn-outline-yellow {
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  border: 2px solid #FFC600;
  border-radius: 3px;
  padding: 0 20px;
  transition: 250ms ease; }
[view="free-trial-3"] .btn-outline-yellow:hover {
  border: 2px solid #E6B300;
  background-color: #E6B300;
  text-decoration: none;
  color: black; }
[view="free-trial-3"] .why-use-keeper .list-items {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
[view="free-trial-3"] .why-use-keeper .list-items .list-item {
  width: 23%;
  text-align: center; }
[view="free-trial-3"] .why-use-keeper .list-items .list-item h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  font-weight: 300; }
[view="free-trial-3"] .why-use-keeper .list-items .list-item p {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  font-weight: 300;
  margin-top: 8px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .why-use-keeper .list-items {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start; }
  [view="free-trial-3"] .why-use-keeper .list-items .list-item {
    width: 100%;
    margin-bottom: 45px; }
  [view="free-trial-3"] .why-use-keeper .list-items .list-item:last-of-type {
    margin-bottom: 0; } }
[view="free-trial-3"] .critically-acclaimed .list-items {
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: flex-start; }
[view="free-trial-3"] .critically-acclaimed .list-items .list-item {
  width: 30%;
  text-align: center; }
[view="free-trial-3"] .critically-acclaimed .list-items .list-item .rating {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 8px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .critically-acclaimed .list-items {
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column; }
  [view="free-trial-3"] .critically-acclaimed .list-items .list-item {
    width: 100%;
    margin-bottom: 40px; } }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .compare-plans.box {
    display: none; } }
[view="free-trial-3"] .contact-sales {
  margin-bottom: 35px; }
[view="free-trial-3"] .contact-sales p {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: center; }
[view="free-trial-3"] .site-footer {
  margin-bottom: 30px; }
[view="free-trial-3"] .site-footer p {
  font-size: 12px;
  color: #666666;
  text-align: center; }
[view="free-trial-3"] .table tbody tr {
  border-bottom: 1px solid gainsboro; }
[view="free-trial-3"] .table tr td {
  text-align: center; }
[view="free-trial-3"] .table tbody tr td:first-of-type {
  text-align: left; }
[view="free-trial-3"] .table tfoot a {
  margin-top: 20px; }
[view="free-trial-3"] .plan-slider .pricing {
  display: flex;
  justify-content: space-evenly;
  width: 60%;
  margin: 0 auto; }
@media screen and (max-width: 768px) {
  [view="free-trial-3"] .plan-slider .pricing {
    flex-flow: column; }
  [view="free-trial-3"] .plan-slider .pricing > .business {
    margin-bottom: 30px; } }
[view="free-trial-3"] .employee-slider {
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px; }
[view="free-trial-3"] input[type="number"]::-webkit-outer-spin-button, [view="free-trial-3"] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
[view="free-trial-3"] .employee-count {
  display: flex;
  margin: 20px 0;
  justify-content: center; }
[view="free-trial-3"] .employee-count > input {
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #9B9B9B;
  min-width: 64px;
  min-height: 48px;
  appearance: textfield;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  width: 44px; }
[view="free-trial-3"] .pricing-content .employee-count > input {
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #9B9B9B;
  min-width: 64px;
  min-height: 48px;
  margin-bottom: 33px;
  appearance: textfield;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  width: 44px; }
[view="free-trial-3"] .pricing-content .employee-slider {
  margin: 0 auto; }
[view="free-trial-3"] .pricing-content .plans {
  display: flex;
  justify-content: space-between;
  margin-top: 40px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .pricing-content .plans {
    flex-flow: column;
    margin-top: 40px;
    align-items: center;
    justify-content: center; } }
[view="free-trial-3"] .pricing-content .plans > .plan {
  width: 45%; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .pricing-content .plans > .plan {
    width: 100%; }
  [view="free-trial-3"] .pricing-content .plans .plan:first-of-type {
    margin-bottom: 56px; } }
[view="free-trial-3"] .pricing-content .plans > .plan h3 {
  font-size: 22px;
  text-align: center;
  line-height: 24px;
  margin-bottom: 20px; }
[view="free-trial-3"] .pricing-content .plans > .plan.enterprise h3 {
  color: #0791C7;
  font-weight: 600; }
[view="free-trial-3"] .pricing-content .plans > .plan.business h3 {
  color: #60c135;
  font-weight: 600; }
[view="free-trial-3"] .pricing-content .plans > .plan > .price {
  color: lightgrey;
  font-size: 40px;
  color: #000000;
  letter-spacing: -1.33px;
  line-height: 48px;
  margin-bottom: 15px;
  font-weight: 300; }
[view="free-trial-3"] .pricing-content .plans > .plan > .price > sup {
  font-size: 50%;
  padding: 0 3px;
  font-weight: 600;
  letter-spacing: 1px; }
[view="free-trial-3"] .pricing-content .plans > .plan > .price-recurring {
  font-size: 14px;
  color: #7A7A7A;
  text-align: center;
  margin-bottom: 16px; }
[view="free-trial-3"] .pricing-content .plans > .plan > p {
  margin: 0 auto;
  max-width: 350px; }
[view="free-trial-3"] .pricing-content .plans > .plan > a.btn {
  margin-top: 40px; }
[view="free-trial-3"] .icon-five-stars {
  display: block;
  margin: 20px auto;
  margin-top: 20px;
  margin-bottom: 10px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .icon-five-stars {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 15px; } }
[view="free-trial-3"] .quote.box {
  background: linear-gradient(90deg, #02719d 0, #004762 100%);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  color: white;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 25px; }
[view="free-trial-3"] .quote.box .quote {
  margin: 0 auto 45px; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .quote.box .quote {
    width: 100%; } }
[view="free-trial-3"] .quote.box .quote q {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  display: flex;
  justify-content: center; }
[view="free-trial-3"] .quote.box .quote p {
  max-width: 500px; }
[view="free-trial-3"] .quote.box .quote .icon-quote-right {
  margin-left: 10px;
  position: initial; }
[view="free-trial-3"] .quote.box .quote .icon-quote-left {
  margin-right: 10px;
  position: initial; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .quote.box .quote p {
    max-width: 500px; }
  [view="free-trial-3"] .quote.box .quote q {
    position: relative;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 21px;
    display: block; }
  [view="free-trial-3"] .quote.box .quote .icon-quote-right {
    height: 40px;
    position: absolute;
    top: 3px;
    width: 40px;
    right: 0; }
  [view="free-trial-3"] .quote.box .quote .icon-quote-left {
    height: 40px;
    left: 0;
    position: absolute;
    width: 40px;
    display: block; } }
[view="free-trial-3"] .quote.box .quote q::before,
[view="free-trial-3"] .quote.box .quote q::after {
  content: ""; }
[view="free-trial-3"] .quote.box .citation cite {
  font-style: normal;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  font-weight: 300; }
[view="free-trial-3"] .quote.box .citation p {
  font-size: 14px;
  color: #FFFFFF;
  text-align: center; }
@media only screen and (max-width: 768px) {
  [view="free-trial-3"] .quote.box .citation p,
  [view="free-trial-3"] .quote.box .citation cite {
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px; } }
[view="free-trial-3"] .icon-quote-right {
  background-image: url("/assets/images/register-trial/quote-right.png");
  position: absolute;
  width: 40px;
  height: 40px;
  right: -60px;
  top: 3px; }
[view="free-trial-3"] .icon-quote-left {
  background-image: url("/assets/images/register-trial/quote-left.png");
  position: absolute;
  width: 40px;
  height: 40px;
  left: -60px; }
[view="free-trial-3"] .plans .pricing .price .currency {
  top: 0;
  font-size: 1em;
  margin-right: 2px; }
[view="free-trial-3"] .plans .pricing .cycle .currency {
  top: 0;
  font-size: 1em; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
[locale="ar_AE"] .guide.container {
  direction: ltr;
  unicode-bidi: bidi-override; }

.main.secondary[view="enterprise-guide"] {
  background-color: #FFF;
  position: relative;
  z-index: 0; }
  .main.secondary[view="enterprise-guide"] .intro .fs-dropdown {
    max-width: 400px;
    margin: 0 auto; }
  .main.secondary[view="enterprise-guide"] .content {
    padding-top: 0; }
  .main.secondary[view="enterprise-guide"] .section[section-name="overview"]:first-of-type {
    margin-top: 40px; }
  .main.secondary[view="enterprise-guide"] .icon-arrow-right {
    background: url("/assets/images/enterprise-guide/white-chev.png") no-repeat center/contain;
    width: 20px;
    height: 20px;
    margin-top: 13px;
    margin-left: 7px; }
  .main.secondary[view="enterprise-guide"] .image-app-store-ios,
  .main.secondary[view="enterprise-guide"] .image-app-store-google,
  .main.secondary[view="enterprise-guide"] .image-app-store-surface,
  .main.secondary[view="enterprise-guide"] .image-app-store-amazon {
    height: 40px;
    width: 134px; }
  .main.secondary[view="enterprise-guide"] .image-app-store-ios {
    background: url("/assets/images/enterprise-guide/ios-badge.png") no-repeat left/contain; }
  .main.secondary[view="enterprise-guide"] .image-app-store-google {
    background: url("/assets/images/enterprise-guide/google-play-badge.png") no-repeat left/contain; }
  .main.secondary[view="enterprise-guide"] .image-app-store-surface {
    background: url("/assets/images/enterprise-guide/microsoft-badge.png") no-repeat left/contain; }
  .main.secondary[view="enterprise-guide"] .image-app-store-amazon {
    background: url("/assets/images/enterprise-guide/amazon-badge.png") no-repeat left/contain; }
  .main.secondary[view="enterprise-guide"] .popup-image {
    width: 100%;
    height: auto; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-1 {
    background: url("/assets/images/enterprise-guide/config-step-1.png") no-repeat center/contain;
    padding-top: 70%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-2 {
    background: url("/assets/images/enterprise-guide/config-step-2.png") no-repeat center/contain;
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-3 {
    background: url("/assets/images/enterprise-guide/config-step-3.png") no-repeat center/contain;
    padding-top: 77%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-4 {
    background: url("/assets/images/enterprise-guide/config-step-4.png") no-repeat center/contain;
    padding-top: 47%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-5 {
    background: url("/assets/images/enterprise-guide/config-step-5.png") no-repeat center/contain;
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-6 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-6b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-7 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-7b.png");
    padding-top: 51%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-8 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-8b.png");
    padding-top: 74%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-8c {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-8c.png");
    padding-top: 40%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-8d {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-8d.png");
    padding-top: 32%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-9 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-9b.png");
    padding-top: 54%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-10 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-10b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-11 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-11b.png");
    padding-top: 76%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-12 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-12b.png");
    padding-top: 36%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-13 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-13b.png");
    padding-top: 97%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-14 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-14b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-15 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-15b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-16 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-16b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-17 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-17b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-18 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-18b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-19 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-19b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-20 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-20b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-21 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-21b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-22 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-22b.png");
    padding-top: 45%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-23 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-23b.png");
    padding-top: 75%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-24 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-24b.png");
    padding-top: 62%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-25 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-25b.png");
    padding-top: 74%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-26 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-26b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-27 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-27b.png");
    padding-top: 60%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-28 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-28b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-29 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-29b.png");
    padding-top: 74%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-30 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-30b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-31 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-31b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-32 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-32b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-33 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-33b.png");
    padding-top: 60%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-34 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-34b.png");
    padding-top: 49%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-35 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-35b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-36 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-36b.png");
    padding-top: 52%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-37 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-37b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-38 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-38b.png");
    padding-top: 34%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-39 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-39b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-40 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-40b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-41 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-41b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-42 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-42b.png");
    padding-top: 25%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-43 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-43b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-44 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-44b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-45 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-45b.png");
    padding-top: 70%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-46 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-46b.png");
    padding-top: 30%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-47 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-47b.png");
    padding-top: 71%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-48 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-48b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-49 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-49b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-50 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-50b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-51 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-51b.png");
    padding-top: 50%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-52 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-52b.png");
    padding-top: 67%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-53 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-53b.png");
    padding-top: 64%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-54 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-54b.png");
    padding-top: 72%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-55 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-55b.png");
    padding-top: 60%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-56 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-56b.png");
    padding-top: 50%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-57 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-57b.png");
    padding-top: 56%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-58 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-58b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-59 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-59b.png");
    padding-top: 35%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-60 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-60b.png");
    padding-top: 42%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-61 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-61b.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-62 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-62b.png");
    padding-top: 46%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-63 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-63b.png");
    padding-top: 59%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-64 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-64b.png");
    padding-top: 73%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-65 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-65b.png");
    padding-top: 22%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-108 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/g129@2x.png");
    padding-top: 61%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-109 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/g130@2x.png");
    padding-top: 70%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-110 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-110b.png");
    padding-top: 47%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-111 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-111b.png");
    padding-top: 45%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-112 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-112b.png");
    padding-top: 60%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-113 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-113b.png");
    padding-top: 30%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-114 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-111c.png");
    padding-top: 63%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-115 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/sub-folders-shared.png");
    padding-top: 80%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-116 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/shared-icons.png");
    padding-top: 10%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-117 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/azure-scim-1.png");
    padding-top: 120%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-118 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-2b.png");
    padding-top: 50%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-119 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/azure-scim-3.png");
    padding-top: 50%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-120 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/config-step-4b.png");
    padding-top: 50%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-121 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/azure-scim-5.png");
    padding-top: 120%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-122 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/azure-scim-6.png");
    padding-top: 50%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-123 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/okta-add-on.png");
    padding-top: 80%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-124 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/okta-sign-on.png");
    padding-top: 130%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-125 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/browser-extension-1b.png");
    padding-top: 40%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-126 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/browser-extension-2b.png");
    padding-top: 60%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-127 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/browser-extension-3b.png");
    padding-top: 40%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-128 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/browser-extension-4b.png");
    padding-top: 50%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-129 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/browser-extension-5b.png");
    padding-top: 38%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-130 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/custom-field-1.png");
    padding-top: 60%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-131 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/ms-store.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-132 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/ms-store-settings.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-133 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/ms-store-keeper.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-134 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/ms-store-license.png");
    padding-top: 65%; }
  .main.secondary[view="enterprise-guide"] .image-configuration-steps-135 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("/assets/images/enterprise-guide/ms-store-services.png");
    padding-top: 65%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .main.secondary[view="enterprise-guide"] .icon-arrow-right {
      background-image: url("/assets/images/enterprise-guide/white-chev@2x.png"); }
    .main.secondary[view="enterprise-guide"] .image-app-store-ios {
      background-image: url("/assets/images/enterprise-guide/ios-badge@2x.png"); }
    .main.secondary[view="enterprise-guide"] .image-app-store-google {
      background-image: url("/assets/images/enterprise-guide/google-play-badge@2x.png"); }
    .main.secondary[view="enterprise-guide"] .image-app-store-amazon {
      background-image: url("/assets/images/enterprise-guide/amazon-badge@2x.png"); } }
  .main.secondary[view="enterprise-guide"] .guide {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap; }
  .main.secondary[view="enterprise-guide"] .section {
    margin: 30px 0;
    padding: 20px; }
    .main.secondary[view="enterprise-guide"] .section h2 {
      font-weight: 600;
      text-align: left;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      width: 100%;
      margin-bottom: 6px; }
      @media only screen and (min-width: 768px) {
        .main.secondary[view="enterprise-guide"] .section h2 {
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 8px; } }
    .main.secondary[view="enterprise-guide"] .section h3 {
      text-overflow: wrap;
      font-weight: 600;
      font-size: 16px;
      color: #000000;
      letter-spacing: 0;
      text-align: left;
      margin-top: 32px;
      margin-bottom: 8px; }
      @media only screen and (min-width: 768px) {
        .main.secondary[view="enterprise-guide"] .section h3 {
          font-size: 20px;
          line-height: 20px;
          margin-bottom: 16px; } }
    .main.secondary[view="enterprise-guide"] .section h4 {
      text-overflow: wrap;
      font-weight: 300;
      font-size: 16px;
      color: #000000;
      letter-spacing: 0;
      text-align: left;
      margin-top: 32px;
      margin-bottom: 8px; }
      @media only screen and (min-width: 768px) {
        .main.secondary[view="enterprise-guide"] .section h4 {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 20px;
          margin-bottom: 16px; } }
    .main.secondary[view="enterprise-guide"] .section p {
      text-align: left;
      font-size: 22px;
      color: #000000;
      letter-spacing: 0;
      line-height: 1.4em; }
      @media only screen and (max-width: 768px) {
        .main.secondary[view="enterprise-guide"] .section p {
          font-size: 16px; } }
    .main.secondary[view="enterprise-guide"] .section b {
      font-weight: 300; }
  .main.secondary[view="enterprise-guide"] .list-resources {
    width: 100%;
    list-style: none; }
    .main.secondary[view="enterprise-guide"] .list-resources .list-item {
      background: url("/assets/images/enterprise-guide/ico-file.png") no-repeat 0 12px/24px 24px;
      width: 100%;
      height: 48px;
      text-align: left;
      padding-left: calc(12px + 24px);
      margin-top: 24px;
      display: flex;
      align-items: center; }
      .main.secondary[view="enterprise-guide"] .list-resources .list-item a {
        font-weight: 300;
        font-size: 22px;
        color: #0075A1;
        line-height: 1.4em; }
        .main.secondary[view="enterprise-guide"] .list-resources .list-item a:hover {
          color: #0098cf;
          text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .main.secondary[view="enterprise-guide"] .list-resources {
      display: flex;
      flex-flow: row wrap; }
      .main.secondary[view="enterprise-guide"] .list-resources .list-item {
        width: 40%;
        margin-right: 30px; }
        .main.secondary[view="enterprise-guide"] .list-resources .list-item a {
          font-size: 14px; } }
  .main.secondary[view="enterprise-guide"] .list-arrow {
    list-style: none;
    margin-top: 24px; }
    .main.secondary[view="enterprise-guide"] .list-arrow > li {
      background: url("/assets/images/enterprise-guide/ico-chevron.png") no-repeat 0 4px/24px 24px;
      text-align: left;
      padding-left: 40px;
      margin: 24px 0;
      font-size: 22px;
      line-height: 1.4em; }
      @media only screen and (max-width: 768px) {
        .main.secondary[view="enterprise-guide"] .list-arrow > li {
          background-position: 0 -2px; } }
      @media only screen and (max-width: 768px) {
        .main.secondary[view="enterprise-guide"] .list-arrow > li {
          font-size: 14px; } }
  .main.secondary[view="enterprise-guide"] table tr th,
  .main.secondary[view="enterprise-guide"] table tr td {
    font-size: 22px;
    line-height: 1.4em; }
    @media (max-width: 768px) {
      .main.secondary[view="enterprise-guide"] table tr th,
      .main.secondary[view="enterprise-guide"] table tr td {
        font-size: 14px; } }
  .main.secondary[view="enterprise-guide"] .list-number {
    list-style: none;
    margin: 24px 0; }
    .main.secondary[view="enterprise-guide"] .list-number > .list-item {
      text-align: left;
      margin-bottom: 24px;
      font-size: 22px;
      line-height: 1.4em; }
      @media only screen and (max-width: 768px) {
        .main.secondary[view="enterprise-guide"] .list-number > .list-item {
          font-size: 14px; } }
  .main.secondary[view="enterprise-guide"] .list-app-stores {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
    flex-flow: row wrap; }
    .main.secondary[view="enterprise-guide"] .list-app-stores > .list-item {
      width: 50%;
      margin-top: 20px; }
      @media only screen and (min-width: 768px) {
        .main.secondary[view="enterprise-guide"] .list-app-stores > .list-item {
          width: auto;
          margin-top: 0; } }
    .main.secondary[view="enterprise-guide"] .list-app-stores > li > a > div:first-of-type {
      text-align: left;
      padding-bottom: 5px;
      color: black;
      margin-bottom: 17px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .main.secondary[view="enterprise-guide"] .list-arrow > li {
      background-image: url("/assets/images/enterprise-guide/ico-chevron@2x.png"); }
    .main.secondary[view="enterprise-guide"] .list-resources .list-item {
      background-image: url("/assets/images/enterprise-guide/ico-file@2x.png"); } }
  .main.secondary[view="enterprise-guide"] .guide.container.fixed-height {
    overflow: hidden; }
  .main.secondary[view="enterprise-guide"] .guide-navigation {
    width: 100%;
    height: 100vh;
    left: -100%;
    position: absolute;
    background-color: #fff;
    transition: 0.5s ease;
    order: 0;
    z-index: 2;
    top: -44px; }
    .main.secondary[view="enterprise-guide"] .guide-navigation .aside-toggle {
      background: #494949;
      width: 40px;
      height: 48px;
      position: fixed;
      left: 0;
      top: 220px;
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      transition: 0.5s ease;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
      z-index: 5; }
    .main.secondary[view="enterprise-guide"] .guide-navigation .aside-close {
      position: absolute;
      width: 18px;
      height: 20px;
      top: 20px;
      right: 20px;
      background: url("/assets/images/enterprise-guide/close.svg") no-repeat;
      background-size: 100% 100%;
      z-index: 99999999; }
    .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content.fixed {
      position: fixed;
      width: 100%;
      top: 100px;
      height: calc(100vh - 150px);
      overflow-y: scroll; }
    @media only screen and (min-width: 768px) {
      .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content.fixed {
        width: 260px; } }
    .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content.bottom {
      position: absolute;
      bottom: 33px; }
    .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content {
      margin-top: 50px;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-flow: row nowrap;
      padding: 0 0 75px 30px; }
    @media only screen and (min-width: 768px) {
      .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content {
        width: 260px;
        padding: 0; } }
    .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav {
      list-style: none;
      float: none;
      width: 100%; }
      .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading {
        margin: 0;
        margin-bottom: 24px;
        float: none;
        display: block; }
        .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a:active, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a:focus, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a:hover {
          font-size: 16px;
          color: darkgray;
          background-color: transparent;
          float: none;
          border-radius: 0;
          position: initial;
          display: block;
          padding: 0;
          padding-left: 20px; }
      .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item {
        margin: 0;
        margin-bottom: 24px;
        float: none;
        display: block; }
        .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:active, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:focus, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:hover {
          background-color: transparent;
          color: black;
          float: none;
          border-radius: 0;
          position: initial;
          display: block;
          padding: 10px 0 10px 20px;
          font-size: 16px;
          line-height: 1.16em; }
          @media (max-width: 768px) {
            .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:active, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:focus, .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:hover {
              font-size: 14px; } }
        .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item.active > a {
          color: #0075A1;
          text-decoration: none;
          background-color: transparent;
          border-left: 2px solid #0075A1;
          padding: 10px 0 10px 20px;
          padding-left: 18px; }
        .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown {
          margin: 24px 0; }
          .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item {
            margin: 0;
            margin-bottom: 8px;
            float: none;
            display: block; }
            .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item > a {
              background-color: transparent;
              color: black;
              float: none;
              border-radius: 0;
              position: initial;
              display: block;
              padding: 0;
              padding-left: 40px; }
            .main.secondary[view="enterprise-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item.active > a {
              color: #0075A1;
              text-decoration: none;
              background-color: transparent;
              border-left: 2px solid #0075A1;
              padding: 0;
              padding-left: 38px; }
  .main.secondary[view="enterprise-guide"] .aside-scrollbar {
    position: absolute;
    top: 90px;
    left: 30px;
    bottom: 0;
    width: 2px;
    background: #d3d3d3; }
  .main.secondary[view="enterprise-guide"] .fixed .aside-scrollbar {
    top: 40px; }
  @media only screen and (min-width: 768px) {
    .main.secondary[view="enterprise-guide"] .aside-scrollbar {
      position: absolute;
      top: 90px;
      left: 0;
      bottom: 0;
      width: 2px;
      background: lightgrey; } }
  .main.secondary[view="enterprise-guide"] .guide-navigation .aside-nav > .aside-nav-item {
    margin-bottom: 24px; }
  @media only screen and (min-width: 768px) {
    .main.secondary[view="enterprise-guide"] .aside-content .aside-nav-item > a {
      font-size: 16px; }
    .main.secondary[view="enterprise-guide"] .aside-content .list-dropdown .aside-nav-item > a {
      font-size: 14px; } }
  .main.secondary[view="enterprise-guide"] .guide-navigation.active {
    width: 100vw;
    height: 100vh;
    left: 0;
    position: absolute;
    background-color: #FFF;
    transition: .5s ease;
    order: 0;
    top: 0;
    overflow-y: scroll; }
    .main.secondary[view="enterprise-guide"] .guide-navigation.active .aside-toggle {
      left: -70px; }
  @media only screen and (min-width: 768px) {
    .main.secondary[view="enterprise-guide"] .guide-navigation {
      width: 260px;
      height: 100vh;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .main.secondary[view="enterprise-guide"] .guide-navigation .aside-toggle {
        display: none; }
      .main.secondary[view="enterprise-guide"] .guide-navigation .aside-close {
        display: none; } }
  .main.secondary[view="enterprise-guide"] .guide-content {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .main.secondary[view="enterprise-guide"] .guide-content {
      width: calc(100% - 260px);
      order: 1;
      padding-left: 12px; } }
  .main.secondary[view="enterprise-guide"] .guide-content a {
    color: #cf9f24; }
  .main.secondary[view="enterprise-guide"] .guide-content a:hover {
    text-decoration: none;
    color: #FFC700; }

.main[view="thankyou"] .ngTabbed {
  display: none; }
  .main[view="thankyou"] .ngTabbed.active {
    display: flex; }
.main[view="thankyou"] h2 {
  font-size: 32px;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.15px;
  text-align: center; }
.main[view="thankyou"] .checkboxGreen {
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin: 20px auto 0;
  background: #64dc16;
  position: relative; }
  @media (max-width: 414px) {
    .main[view="thankyou"] .checkboxGreen {
      width: 40px;
      height: 40px; } }
  .main[view="thankyou"] .checkboxGreen:after {
    content: '';
    border: 5px solid #fff;
    border-right: 0;
    border-top: 0;
    transform: rotate(-45deg);
    display: block;
    width: 32px;
    height: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -16px; }
    @media (max-width: 414px) {
      .main[view="thankyou"] .checkboxGreen:after {
        width: 22px;
        height: 14px;
        margin: -10px 0 0 -11px; } }
.main[view="thankyou"] .errorRed {
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin: 20px auto 0;
  background: #ff0000;
  position: relative; }
  @media (max-width: 414px) {
    .main[view="thankyou"] .errorRed {
      width: 40px;
      height: 40px; } }
  .main[view="thankyou"] .errorRed:before {
    content: '';
    background: #fff;
    width: 40px;
    height: 5px;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -19px; }
    @media (max-width: 414px) {
      .main[view="thankyou"] .errorRed:before {
        width: 30px;
        margin: -3px 0 0 -15px; } }
  .main[view="thankyou"] .errorRed:after {
    content: '';
    background: #fff;
    width: 40px;
    height: 5px;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -19px; }
    @media (max-width: 414px) {
      .main[view="thankyou"] .errorRed:after {
        width: 30px;
        margin: -3px 0 0 -15px; } }
.main[view="thankyou"] .actions {
  padding: 0; }

.main[view="contact"] [data-react-component="Contact"] .inner {
  max-width: 800px;
  margin: 0 auto; }
.main[view="contact"] [data-react-component="Contact"] .materialDesign textarea {
  padding: 10px; }
.main[view="contact"] [data-react-component="Contact"] .keeper-md.optionSelected {
  left: 24px; }
.main[view="contact"] [data-react-component="Contact"] h3 {
  margin-bottom: 20px; }
.main[view="contact"] [data-react-component="Contact"] .mobile.radio-nav {
  position: relative; }
.main[view="contact"] [data-react-component="Contact"] .btn-submit {
  margin: 0 auto; }
.main[view="contact"] .container.content {
  overflow: visible; }
  .main[view="contact"] .container.content .box {
    margin-top: 0; }
@media (max-width: 1024px) {
  .main[view="contact"] .main-content .box {
    padding: 48px; } }
@media (max-width: 480px) {
  .main[view="contact"] .main-content .box {
    padding: 48px 30px; } }
@media (max-width: 360px) {
  .main[view="contact"] .main-content .box {
    padding: 48px 20px; } }
@media only screen and (min-width: 768px) {
  .main[view="contact"] .show-on-mobile {
    display: none; } }
@media only screen and (max-width: 768px) {
  .main[view="contact"] .show-on-mobile {
    display: block; } }
@media only screen and (min-width: 768px) {
  .main[view="contact"] .show-on-desktop {
    display: block; } }
@media only screen and (max-width: 768px) {
  .main[view="contact"] .show-on-desktop {
    display: none; } }
.main[view="contact"] .intro .fs-dropdown-selected.dropdown.field {
  margin: 0;
  padding-top: 0; }
.main[view="contact"] .radio-nav {
  display: block;
  padding: 40px 0;
  overflow: hidden;
  text-align: center; }
  @media (max-width: 640px) {
    .main[view="contact"] .radio-nav {
      text-align: left;
      padding: 0 7px; }
      .main[view="contact"] .radio-nav label {
        display: block;
        clear: both; } }
.main[view="contact"] .mobile.radio-nav {
  display: none;
  overflow: visible;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    .main[view="contact"] .mobile.radio-nav {
      display: block; } }
  .main[view="contact"] .mobile.radio-nav .keeper-md {
    left: 12px; }
.main[view="contact"] .desktop.radio-nav {
  display: block; }
  @media only screen and (max-width: 768px) {
    .main[view="contact"] .desktop.radio-nav {
      display: none; } }
@media only screen and (max-width: 768px) {
  .main[view="contact"] .tabs-head {
    margin-bottom: 0; } }
.main[view="contact"] .tabs-head h3 {
  text-align: center;
  font-size: 26px; }
  @media only screen and (max-width: 768px) {
    .main[view="contact"] .tabs-head h3 {
      font-size: 18px;
      margin-bottom: 15px; } }
.main[view="contact"] .form-body {
  display: block;
  clear: both;
  position: relative;
  width: 900px;
  max-width: 100%;
  margin: 0 auto; }
  .main[view="contact"] .form-body:after {
    content: '';
    display: block;
    clear: both; }
  .main[view="contact"] .form-body .form-fields {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .main[view="contact"] .form-body .form-fields .ff-item {
      width: 49%;
      margin-bottom: 0; }
      .main[view="contact"] .form-body .form-fields .ff-item.stretch {
        width: 100%; }
      @media (max-width: 768px) {
        .main[view="contact"] .form-body .form-fields .ff-item {
          width: 48.6%; } }
      @media (max-width: 640px) {
        .main[view="contact"] .form-body .form-fields .ff-item {
          width: 100%; }
          .main[view="contact"] .form-body .form-fields .ff-item.fnameField {
            order: 10; }
          .main[view="contact"] .form-body .form-fields .ff-item.lnameField {
            order: 20; }
          .main[view="contact"] .form-body .form-fields .ff-item.emailField {
            order: 30; }
          .main[view="contact"] .form-body .form-fields .ff-item.zipcodeField {
            order: 40; }
          .main[view="contact"] .form-body .form-fields .ff-item.phoneField {
            order: 50; }
          .main[view="contact"] .form-body .form-fields .ff-item.locationField {
            order: 60; }
          .main[view="contact"] .form-body .form-fields .ff-item.companyField {
            order: 70; }
          .main[view="contact"] .form-body .form-fields .ff-item.employeesField {
            order: 80; }
          .main[view="contact"] .form-body .form-fields .ff-item.notesField {
            order: 100; } }
  .main[view="contact"] .form-body .ff-section {
    padding: 0 7px; }
    .main[view="contact"] .form-body .ff-section.left, .main[view="contact"] .form-body .ff-section.right {
      width: 50%; }
      @media (max-width: 640px) {
        .main[view="contact"] .form-body .ff-section.left, .main[view="contact"] .form-body .ff-section.right {
          width: 100%; } }
    .main[view="contact"] .form-body .ff-section.stretched {
      width: 100%; }
    .main[view="contact"] .form-body .ff-section .ff-section-row {
      width: 100%;
      margin: 0 -7px; }
      @media (max-width: 640px) {
        .main[view="contact"] .form-body .ff-section .ff-section-row {
          margin: 0; } }
    .main[view="contact"] .form-body .ff-section .ff-item {
      margin-bottom: 0; }
      .main[view="contact"] .form-body .ff-section .ff-item.half {
        width: 50%;
        padding: 0 7px; }
        @media (max-width: 640px) {
          .main[view="contact"] .form-body .ff-section .ff-item.half {
            width: 100%;
            padding: 0; } }
      .main[view="contact"] .form-body .ff-section .ff-item.left {
        float: left; }
      .main[view="contact"] .form-body .ff-section .ff-item.right {
        float: right;
        clear: none; }
.main[view="contact"] #personal .form-body .form-fields .ff-item.fnameField,
.main[view="contact"] #personal .form-body .form-fields .ff-item.lnameField {
  width: 24%; }
  @media (max-width: 640px) {
    .main[view="contact"] #personal .form-body .form-fields .ff-item.fnameField,
    .main[view="contact"] #personal .form-body .form-fields .ff-item.lnameField {
      width: 100%; } }
@media (max-width: 640px) {
  .main[view="contact"] #business form[name="pressForm"] .form-body .form-fields .ff-item.companyField,
  .main[view="contact"] #business form[name="billingForm"] .form-body .form-fields .ff-item.companyField {
    order: 35; } }
.main[view="contact"] .form-actions {
  display: block;
  clear: both;
  overflow: hidden;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center; }
  .main[view="contact"] .form-actions .btn {
    margin: 0 auto 3px; }
  .main[view="contact"] .form-actions .btn-yellow[disabled="disabled"] {
    background: #e8e8e8;
    pointer-events: none; }
.main[view="contact"] #personalBillingForm .names,
.main[view="contact"] #personalGeneralInqForm .names {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }
  .main[view="contact"] #personalBillingForm .names .ff-item,
  .main[view="contact"] #personalGeneralInqForm .names .ff-item {
    width: 48.5%; }
    @media (max-width: 1200px) {
      .main[view="contact"] #personalBillingForm .names .ff-item,
      .main[view="contact"] #personalGeneralInqForm .names .ff-item {
        width: 48%; } }
    @media (max-width: 480px) {
      .main[view="contact"] #personalBillingForm .names .ff-item,
      .main[view="contact"] #personalGeneralInqForm .names .ff-item {
        width: 100%; } }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
main[view='index'].main.primary {
  padding-bottom: 0;
  /************************ ANIMATIONS**************************/
  /*************LEADING SOLUTION*************/
  /*************KEEPER BENEFTIS*************/
  /*************RATING*************/ }
  main[view='index'].main.primary .intro {
    position: relative; }
    main[view='index'].main.primary .intro:after {
      content: '';
      display: block;
      clear: both; }
    main[view='index'].main.primary .intro .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      main[view='index'].main.primary .intro .container:before, main[view='index'].main.primary .intro .container:after {
        display: none; }
      @media (max-width: 768px) {
        main[view='index'].main.primary .intro .container {
          flex-flow: column nowrap;
          justify-content: flex-start; } }
      main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
        height: 456px;
        width: 60%;
        margin-left: 0;
        position: relative;
        background: url("/assets/images/homepage/en_US/desktop-header.jpg") no-repeat left bottom/contain; }
        main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage:before {
          content: '';
          display: block;
          width: 100px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
          background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
          background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); }
          @media (max-width: 1400px) {
            main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage:before {
              display: none; } }
        @media (max-width: 1400px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            margin-left: -15px;
            width: 50%;
            background-size: cover;
            background-position: bottom right; } }
        @media (max-width: 1250px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            width: 50%;
            margin-left: 80px; } }
        @media (max-width: 1000px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            left: 0;
            margin-left: -20px; } }
        @media (max-width: 991px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            margin-left: -24px; } }
        @media (max-width: 768px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            order: 2;
            width: calc(100% + 48px);
            height: 491px;
            background: url("/assets/images/homepage/mo-header.png") no-repeat left bottom/contain; } }
        @media (max-width: 640px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            height: 414px; } }
        @media (max-width: 480px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            height: 300px; } }
        @media (max-width: 414px) {
          main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
            height: 260px; } }
      main[view='index'].main.primary .intro .container .intro-content {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        width: 43%;
        padding: 0 5% 0 0; }
        @media (max-width: 1250px) {
          main[view='index'].main.primary .intro .container .intro-content {
            margin: 0;
            width: 50%; } }
        @media (max-width: 1024px) {
          main[view='index'].main.primary .intro .container .intro-content {
            padding: 0; } }
        @media (max-width: 768px) {
          main[view='index'].main.primary .intro .container .intro-content {
            order: 1;
            width: 100%;
            padding-top: 100px; }
            main[view='index'].main.primary .intro .container .intro-content h1 {
              margin: 0 auto 16px; }
            main[view='index'].main.primary .intro .container .intro-content p {
              margin: 0 auto 32px; } }
        @media (max-width: 640px) {
          main[view='index'].main.primary .intro .container .intro-content {
            padding-top: 80px; } }
        main[view='index'].main.primary .intro .container .intro-content .btn {
          font-weight: 600; }
        main[view='index'].main.primary .intro .container .intro-content #pcMapAward {
          display: flex;
          align-self: flex-end;
          margin-top: 8px;
          margin-right: -60px; }
          @media (max-width: 1300px) {
            main[view='index'].main.primary .intro .container .intro-content #pcMapAward {
              margin-right: -55px; } }
          @media (max-width: 1024px) {
            main[view='index'].main.primary .intro .container .intro-content #pcMapAward {
              margin-right: 0; } }
          @media (max-width: 768px) {
            main[view='index'].main.primary .intro .container .intro-content #pcMapAward {
              align-self: center;
              margin-top: 30px; }
              main[view='index'].main.primary .intro .container .intro-content #pcMapAward img {
                width: 160px;
                height: 56px; } }
  @media only screen and (min-width: 768px) {
    main[view='index'].main.primary .mobile-only {
      display: none; }
    main[view='index'].main.primary .desktop-only {
      display: inline-block; } }
  @media only screen and (max-width: 768px) {
    main[view='index'].main.primary .mobile-only {
      display: block; }
    main[view='index'].main.primary .desktop-only {
      display: none; } }
  main[view='index'].main.primary #firstCard {
    display: flex;
    justify-content: space-between; }
  main[view='index'].main.primary #firstCard .feature {
    width: 32%; }
  @media (max-width: 768px) {
    main[view='index'].main.primary #firstCard {
      flex-flow: row wrap; }
    main[view='index'].main.primary #firstCard .feature {
      width: 100%;
      margin: 5px 0; } }
  main[view='index'].main.primary #studentDiscount {
    display: none; }
  main[view='index'].main.primary .container {
    max-width: 1440px; }
  main[view='index'].main.primary .blueGradient {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b78e0', endColorstr='#004899', GradientType=1);
    color: #fff; }
  main[view='index'].main.primary .charcoalGradient {
    background: #767676;
    background: -moz-linear-gradient(left, #767676 0%, #242424 100%);
    background: -webkit-linear-gradient(left, #767676 0%, #242424 100%);
    background: linear-gradient(to right, #767676 0%, #242424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#242424', GradientType=1); }
  main[view='index'].main.primary .yellow {
    background: #FFC600;
    display: block; }
  main[view='index'].main.primary .white {
    background: #fff;
    display: block; }
  main[view='index'].main.primary .grey {
    background: #ECECEC;
    display: block; }
  main[view='index'].main.primary .grey h3 {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #000000;
    text-align: center; }
  main[view='index'].main.primary .grey p {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px; }
  main[view='index'].main.primary .grey p.authorName {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    margin: 30px 0; }
  main[view='index'].main.primary .charcoal {
    background: #111;
    display: block;
    padding: 4% 0;
    color: #fff; }
  main[view='index'].main.primary .charcoal h3 {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center; }
  main[view='index'].main.primary .charcoal p {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: -0.1px;
    text-align: center;
    line-height: 26px; }
  main[view='index'].main.primary section hr {
    display: block;
    width: 80px;
    height: 2px;
    background: #FFC700;
    margin: 30px auto;
    border: none; }
  main[view='index'].main.primary .animatedSection,
  main[view='index'].main.primary .animate {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;
    position: relative; }
  main[view='index'].main.primary .animatedSection .fadeIn {
    opacity: 0; }
  main[view='index'].main.primary .animatedSection.viewed .fadeIn {
    opacity: 1; }
  main[view='index'].main.primary .animatedSection .zoomIn {
    transform: scale(0.5);
    opacity: 0; }
  main[view='index'].main.primary .animatedSection.viewed .zoomIn {
    transform: scale(1);
    opacity: 1; }
  main[view='index'].main.primary .animatedSection .slideFromRight {
    left: 20%;
    opacity: 0; }
  main[view='index'].main.primary .animatedSection.viewed .slideFromRight {
    left: 0;
    opacity: 1; }
  main[view='index'].main.primary .animatedSection .slideFromLeft {
    right: 20%;
    opacity: 0; }
  main[view='index'].main.primary .animatedSection.viewed .slideFromLeft {
    right: 0;
    opacity: 1; }
  main[view='index'].main.primary .animatedSection .zoomInFade {
    opacity: 0;
    transform: scale(50%); }
  main[view='index'].main.primary .animatedSection.viewed .zoomInFade {
    opacity: 1;
    transform: scale(100%); }
  @media (max-width: 768px) {
    main[view='index'].main.primary #primaryMessage .intro-image {
      left: -10%;
      opacity: 1;
      transform: scale(1); }
    @keyframes introContentTextTransition {
      0% {
        left: 0; }
      100% {
        left: 0; } }
    main[view='index'].main.primary #primaryMessage .intro-content {
      float: none;
      text-align: center;
      width: 100%;
      padding: 65px 0 0; }
    main[view='index'].main.primary .animatedSection .fadeIn {
      opacity: 1; }
    main[view='index'].main.primary .animatedSection .zoomIn {
      transform: scale(1);
      opacity: 1; }
    main[view='index'].main.primary .animatedSection .slideFromRight {
      left: 0;
      opacity: 1; }
    main[view='index'].main.primary .animatedSection .slideFromLeft {
      right: 0;
      opacity: 1; } }
  main[view='index'].main.primary #businesses {
    padding: 72px 0 42px;
    max-width: 100%;
    overflow: hidden; }
    main[view='index'].main.primary #businesses .container {
      max-width: 1440px; }
    @media only screen and (max-width: 768px) {
      main[view='index'].main.primary #businesses {
        padding: 40px 0; } }
    main[view='index'].main.primary #businesses h3 {
      font-size: 36px;
      color: #fff;
      text-align: center;
      line-height: 42px;
      font-weight: 600;
      margin-bottom: 50px; }
      @media only screen and (max-width: 991px) {
        main[view='index'].main.primary #businesses h3 {
          width: 600px;
          margin: 0 auto 50px; } }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #businesses h3 {
          font-size: 20px;
          letter-spacing: 0;
          line-height: 24px;
          margin-bottom: 24px;
          width: 330px; } }
      @media only screen and (max-width: 360px) {
        main[view='index'].main.primary #businesses h3 {
          width: 100%; } }
    main[view='index'].main.primary #businesses p {
      font-size: 22px;
      color: #000000;
      letter-spacing: -0.12px;
      text-align: center;
      line-height: 28px;
      font-weight: 100; }
    main[view='index'].main.primary #businesses #businessLogos {
      display: block;
      width: 1440px;
      max-width: 100%;
      text-align: center;
      margin: 0 auto;
      list-style-type: none; }
      @media (max-width: 1230px) {
        main[view='index'].main.primary #businesses #businessLogos {
          width: 600px; } }
      main[view='index'].main.primary #businesses #businessLogos .businessLogo {
        list-style-type: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 15px 30px;
        padding: 0;
        text-align: center;
        height: 57px;
        width: 175px; }
        @media (max-width: 1230px) {
          main[view='index'].main.primary #businesses #businessLogos .businessLogo {
            margin: 0 10px 30px; } }
        @media (max-width: 460px) {
          main[view='index'].main.primary #businesses #businessLogos .businessLogo {
            width: 100%;
            margin: 0 0 30px; } }
        main[view='index'].main.primary #businesses #businessLogos .businessLogo.honeywell {
          background: url("/assets/images/homepage/honeywell_logo.svg") no-repeat center/127px; }
        main[view='index'].main.primary #businesses #businessLogos .businessLogo.mark_spencer {
          background: url("/assets/images/homepage/marks-spencer-logo.svg") no-repeat center/57px; }
        main[view='index'].main.primary #businesses #businessLogos .businessLogo.wwe_network {
          background: url("/assets/images/homepage/wwe-network.svg") no-repeat center/57px; }
        main[view='index'].main.primary #businesses #businessLogos .businessLogo.lucky_brand {
          background: url("/assets/images/homepage/lucky_brand_logo.svg") no-repeat center/175px; }
        main[view='index'].main.primary #businesses #businessLogos .businessLogo.top_golf {
          background: url("/assets/images/homepage/top-golf-logo.svg") no-repeat center/77px; }
        main[view='index'].main.primary #businesses #businessLogos .businessLogo.peapod_logo {
          background: url("/assets/images/homepage/peapod_logo.svg") no-repeat center/100px; }
  @media only screen and (max-width: 768px) {
    main[view='index'].main.primary #cyberSecurity p {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 18px; } }
  main[view='index'].main.primary #testimonials {
    padding: 56px 0 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff; }
    main[view='index'].main.primary #testimonials #testimonialsSlider {
      position: relative; }
    @media only screen and (max-width: 768px) {
      main[view='index'].main.primary #testimonials {
        transition: all 0.3s ease;
        padding: 40px 0; } }
    @media (max-width: 768px) {
      main[view='index'].main.primary #testimonials p {
        font-size: 14px; } }
    main[view='index'].main.primary #testimonials .container {
      max-width: 900px; }
    main[view='index'].main.primary #testimonials .item {
      width: 100%;
      max-width: 100%;
      min-height: 346px;
      display: block;
      /*float: left;*/ }
    main[view='index'].main.primary #testimonials .carousel-inner {
      transition: all 0.3s ease; }
    main[view='index'].main.primary #testimonials h3 {
      font-weight: 300;
      font-size: 36px;
      color: #000;
      text-align: center;
      line-height: 42px;
      margin-bottom: 48px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #testimonials h3 {
          font-size: 20px;
          letter-spacing: 0;
          line-height: 24px; } }
    main[view='index'].main.primary #testimonials .quote {
      color: #000;
      text-align: center;
      margin-bottom: 32px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #testimonials .quote {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 18px; } }
    main[view='index'].main.primary #testimonials p.authorName {
      color: #000;
      text-align: center;
      margin-bottom: 32px;
      font-weight: 600; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #testimonials p.authorName {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 18px;
          margin-bottom: 24px; } }
    main[view='index'].main.primary #testimonials img {
      margin: 0 auto;
      margin-bottom: 30px;
      max-width: 100%;
      height: auto; }
    main[view='index'].main.primary #testimonials .slick-dots {
      bottom: 0;
      max-width: 100%; }
      main[view='index'].main.primary #testimonials .slick-dots li button:before {
        color: #bfbfbf;
        border: none;
        font-size: 12px;
        margin: 1px 7px; }
      main[view='index'].main.primary #testimonials .slick-dots li.slick-active button:before {
        color: #1B78E0;
        border: none;
        font-size: 12px; }
  main[view='index'].main.primary #protect {
    background: #fff;
    padding: 30px 0; }
    main[view='index'].main.primary #protect .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      padding: 0; }
      @media (max-width: 768px) {
        main[view='index'].main.primary #protect .container {
          flex-flow: column nowrap; } }
      main[view='index'].main.primary #protect .container .box {
        width: 47.5%;
        margin: 0;
        padding: 48px 70px;
        text-align: center; }
        @media (max-width: 768px) {
          main[view='index'].main.primary #protect .container .box {
            width: calc(100% - 30px);
            margin: 15px; } }
        @media (max-width: 480px) {
          main[view='index'].main.primary #protect .container .box {
            padding: 40px; } }
        @media (max-width: 414px) {
          main[view='index'].main.primary #protect .container .box {
            padding: 32px 24px; } }
        main[view='index'].main.primary #protect .container .box + .box {
          margin-top: 0; }
        main[view='index'].main.primary #protect .container .box h2 {
          color: #000;
          margin-bottom: 14px; }
        main[view='index'].main.primary #protect .container .box .btn {
          display: inline-block;
          margin: 48px auto 40px; }
        main[view='index'].main.primary #protect .container .box p.cta {
          font-size: 18px; }
          main[view='index'].main.primary #protect .container .box p.cta a {
            white-space: nowrap; }
          main[view='index'].main.primary #protect .container .box p.cta.familyCTA a {
            color: #E6B300; }
          main[view='index'].main.primary #protect .container .box p.cta.enterpriseCTA a {
            color: #1B78E0; }
  main[view='index'].main.primary #leadingSolution {
    position: relative;
    transition: all 1.3s ease;
    background: #fff url("/assets/images/homepage/market-leading@2x.png") no-repeat right bottom/contain;
    background-position: calc(50% + 490px) bottom;
    padding: 225px 0;
    max-width: 100%;
    overflow: hidden; }
    main[view='index'].main.primary #leadingSolution.viewed {
      background-position: 80.5% bottom; }
    @media screen and (max-width: 1600px) {
      main[view='index'].main.primary #leadingSolution {
        background-position: calc(50% + 500px) bottom; } }
    @media screen and (max-width: 1450px) {
      main[view='index'].main.primary #leadingSolution {
        background-position: calc(100% + 210px) bottom; } }
    @media screen and (max-width: 1200px) {
      main[view='index'].main.primary #leadingSolution {
        padding: 16% 0; } }
    @media screen and (max-width: 1100px) {
      main[view='index'].main.primary #leadingSolution {
        padding: 17% 0; } }
    @media screen and (max-width: 1023px) {
      main[view='index'].main.primary #leadingSolution {
        padding: 18vh 0; } }
    @media screen and (max-width: 991px) {
      main[view='index'].main.primary #leadingSolution {
        background-position: calc(100% + 100px) bottom; } }
    @media screen and (max-width: 990px) {
      main[view='index'].main.primary #leadingSolution {
        padding: 8vh 0; } }
    @media screen and (max-width: 860px) {
      main[view='index'].main.primary #leadingSolution {
        padding: 6vh 0; } }
    @media screen and (max-width: 800px) {
      main[view='index'].main.primary #leadingSolution {
        padding: 4vh 0; } }
    @media screen and (max-width: 768px) {
      main[view='index'].main.primary #leadingSolution {
        padding: 40px 24px 86%;
        background-image: url("/assets/images/homepage/market-leading@1x.jpg");
        background-position: calc(100% + 20px) bottom; }
        main[view='index'].main.primary #leadingSolution .intro-content {
          width: 100%; } }
    @media screen and (max-width: 640px) {
      main[view='index'].main.primary #leadingSolution .carousel-indicators {
        bottom: 30px; } }
    @media screen and (max-width: 480px) {
      main[view='index'].main.primary #leadingSolution {
        background-position: center bottom; } }
    main[view='index'].main.primary #leadingSolution .intro-inner {
      max-width: 100%; }
    main[view='index'].main.primary #leadingSolution .intro-content {
      width: 568px;
      max-width: 100%;
      float: left;
      text-align: left;
      position: relative;
      z-index: 3; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #leadingSolution .intro-content {
          width: 100%; } }
      main[view='index'].main.primary #leadingSolution .intro-content h3 {
        font-size: 26px;
        letter-spacing: -0.81px;
        line-height: 48px;
        color: #000;
        margin-bottom: 18px;
        float: left;
        text-align: left; }
        @media only screen and (max-width: 768px) {
          main[view='index'].main.primary #leadingSolution .intro-content h3 {
            font-size: 20px;
            letter-spacing: 0;
            text-align: center;
            line-height: 24px;
            margin-bottom: 8px;
            float: none; } }
      main[view='index'].main.primary #leadingSolution .intro-content p {
        color: #000;
        float: left;
        text-align: left; }
        @media only screen and (max-width: 768px) {
          main[view='index'].main.primary #leadingSolution .intro-content p {
            font-size: 14px;
            letter-spacing: 0;
            text-align: center;
            line-height: 18px;
            width: 100%; } }
        main[view='index'].main.primary #leadingSolution .intro-content p a.btn {
          margin-top: 30px; }
  main[view='index'].main.primary #keeperBenefits {
    color: #000;
    padding: 55px 0 15px;
    overflow: hidden;
    max-width: 100%; }
    @media only screen and (max-width: 768px) {
      main[view='index'].main.primary #keeperBenefits {
        padding: 40px 0; } }
    main[view='index'].main.primary #keeperBenefits .intro-inner {
      max-width: 100%; }
    main[view='index'].main.primary #keeperBenefits h3 {
      color: #000;
      font-size: 26px;
      letter-spacing: -0.81px;
      line-height: 30px;
      max-width: 450px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #keeperBenefits h3 {
          font-size: 20px;
          letter-spacing: 0;
          text-align: center;
          line-height: 24px;
          margin-bottom: 32px; } }
    main[view='index'].main.primary #keeperBenefits h4 {
      margin-bottom: 20px;
      font-size: 20px;
      color: #000;
      line-height: 24px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #keeperBenefits h4 {
          font-size: 14px;
          color: #000;
          letter-spacing: 0;
          text-align: center;
          line-height: 18px;
          margin-bottom: 8px; } }
    main[view='index'].main.primary #keeperBenefits p {
      margin-bottom: 50px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #keeperBenefits p {
          font-size: 14px;
          color: #000;
          letter-spacing: 0;
          text-align: center;
          line-height: 18px;
          margin-bottom: 40px; } }
    @media (max-width: 991px) {
      main[view='index'].main.primary #keeperBenefits .intro-content h3 {
        font-size: 28px;
        margin-bottom: 70px; }
      main[view='index'].main.primary #keeperBenefits .intro-content p {
        font-size: 20px; } }
    @media (max-width: 640px) {
      main[view='index'].main.primary #keeperBenefits h3 {
        max-width: 100%; }
      main[view='index'].main.primary #keeperBenefits .intro-content h4 {
        margin-bottom: 12px; }
      main[view='index'].main.primary #keeperBenefits .intro-content p {
        margin-bottom: 30px; } }
  main[view='index'].main.primary #rating {
    text-align: center;
    padding: 72px 0 30px; }
    main[view='index'].main.primary #rating .intro-inner {
      max-width: 100%; }
    main[view='index'].main.primary #rating h2 {
      color: #000;
      text-align: center;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        main[view='index'].main.primary #rating h2 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        main[view='index'].main.primary #rating h2 {
          font-size: 20px; } }
    main[view='index'].main.primary #rating p {
      text-align: center;
      margin-top: 20px; }
      main[view='index'].main.primary #rating p strong {
        font-weight: 600; }
      @media (max-width: 768px) {
        main[view='index'].main.primary #rating p {
          font-size: 14px; } }
    main[view='index'].main.primary #rating p.rate {
      margin-top: 20px; }
      @media screen and (max-width: 991px) {
        main[view='index'].main.primary #rating p.rate {
          margin: 20px 0 80px;
          height: 40px;
          font-size: 14px; } }
      @media screen and (max-width: 640px) {
        main[view='index'].main.primary #rating p.rate {
          margin: 20px 0 0;
          display: block;
          overflow: hidden;
          height: auto; }
          main[view='index'].main.primary #rating p.rate img {
            display: block;
            width: 100%;
            clear: both; } }
      main[view='index'].main.primary #rating p.rate .starsCount {
        display: block;
        clear: both;
        font-size: 20px;
        text-align: center;
        margin: 20px 0 40px 0;
        white-space: nowrap; }
        @media screen and (max-width: 991px) {
          main[view='index'].main.primary #rating p.rate .starsCount {
            white-space: pre-wrap;
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          main[view='index'].main.primary #rating p.rate .starsCount {
            white-space: pre-wrap;
            font-size: 16px; } }
        @media screen and (max-width: 640px) {
          main[view='index'].main.primary #rating p.rate .starsCount {
            display: block;
            clear: both;
            font-size: 14px;
            height: auto;
            margin: 0;
            white-space: nowrap; } }
    @media screen and (max-width: 991px) {
      main[view='index'].main.primary #rating {
        padding: 50px 0 0; }
        main[view='index'].main.primary #rating h3 {
          font-size: 28px; }
        main[view='index'].main.primary #rating img {
          height: 32px;
          width: auto; }
        main[view='index'].main.primary #rating .starsCount {
          font-size: 14px; }
        main[view='index'].main.primary #rating .intro-content h3 {
          font-size: 28px;
          margin-bottom: 70px; } }
    @media only screen and (max-width: 767px) {
      main[view='index'].main.primary #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      main[view='index'].main.primary #rating .logoCol {
        width: 100%; }
      main[view='index'].main.primary #rating .starsCount {
        display: block;
        clear: both;
        font-size: 14px;
        min-height: 30px;
        line-height: 20px;
        margin: 0 0 40px 0;
        white-space: nowrap; } }
  main[view='index'].main.primary #getStarted {
    padding: 72px 0;
    max-width: 100%;
    overflow: hidden; }
    main[view='index'].main.primary #getStarted h2 {
      color: #FFF;
      text-align: center;
      margin-bottom: 16px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #getStarted h2 {
          font-size: 20px;
          letter-spacing: 0;
          line-height: 24px;
          margin-bottom: 8px; } }
    main[view='index'].main.primary #getStarted p:first-of-type {
      color: #FFF;
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #getStarted p:first-of-type {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 18px;
          margin-bottom: 32px; } }
    main[view='index'].main.primary #getStarted p:last-of-type {
      color: #FFFFFF;
      letter-spacing: 0;
      text-align: center;
      line-height: 26px; }
      @media only screen and (max-width: 768px) {
        main[view='index'].main.primary #getStarted p:last-of-type {
          font-size: 14px;
          line-height: 18px; } }
      main[view='index'].main.primary #getStarted p:last-of-type a {
        color: #FFC600;
        font-weight: 300;
        transition: 0.5s ease; }
        main[view='index'].main.primary #getStarted p:last-of-type a:hover {
          text-decoration: none;
          color: #cf9f24; }
        @media only screen and (max-width: 768px) {
          main[view='index'].main.primary #getStarted p:last-of-type a {
            color: #FFC600;
            font-weight: 300;
            transition: 0.5s ease;
            display: block; } }
    main[view='index'].main.primary #getStarted .actions {
      text-align: center;
      margin-bottom: 48px; }
      @media (max-width: 768px) {
        main[view='index'].main.primary #getStarted .actions {
          display: flex;
          flex-flow: column nowrap;
          justify-content: center; } }
      main[view='index'].main.primary #getStarted .actions .btn {
        display: inline-block;
        font-weight: 600;
        min-width: 195px; }
      main[view='index'].main.primary #getStarted .actions .btn:first-of-type {
        margin-right: 16px; }
        @media only screen and (max-width: 768px) {
          main[view='index'].main.primary #getStarted .actions .btn:first-of-type {
            margin-right: auto; } }
      main[view='index'].main.primary #getStarted .actions .btn:last-of-type {
        color: white; }
      main[view='index'].main.primary #getStarted .actions .btn:last-of-type:hover {
        color: #CF9F24; }
    @media only screen and (max-width: 768px) {
      main[view='index'].main.primary #getStarted {
        padding: 40px 24px; } }
    @media screen and (max-width: 640px) {
      main[view='index'].main.primary #getStarted .logoCol {
        width: 100%;
        min-height: auto; } }
  @media screen and (max-width: 991px) {
    main[view='index'].main.primary .container {
      padding: 0 24px; } }
  @media screen and (min-width: 769px) {
    main[view='index'].main.primary body .header .bottombar {
      display: block; } }
  @media only screen and (max-width: 768px) {
    main[view='index'].main.primary .charcoal,
    main[view='index'].main.primary .grey,
    main[view='index'].main.primary .white,
    main[view='index'].main.primary .yellow {
      padding: 8% 0; }
    main[view='index'].main.primary #keeperBenefits .intro-content h3,
    main[view='index'].main.primary #rating .intro-content h3 {
      font-size: 28px;
      max-width: 100%; }
    main[view='index'].main.primary #keeperBenefits .intro-content h3,
    main[view='index'].main.primary #rating .intro-content h3 {
      margin-bottom: 40px; }
    main[view='index'].main.primary #keeperBenefits .intro-content h4,
    main[view='index'].main.primary #keeperBenefits .intro-content p {
      font-size: 16px;
      line-height: 20px; } }
  @media screen and (max-width: 640px) {
    main[view='index'].main.primary .col-xs-6.logoCol,
    main[view='index'].main.primary .col-xs-4.logoCol {
      width: 50%;
      float: left;
      min-height: auto; }
    main[view='index'].main.primary #rating {
      padding-bottom: 40px; }
      main[view='index'].main.primary #rating h3 {
        font-size: 22px;
        margin-bottom: 0; }
      main[view='index'].main.primary #rating img {
        margin-top: 32px; }
      main[view='index'].main.primary #rating p {
        margin-top: 0; }
      main[view='index'].main.primary #rating .starsCount {
        margin-bottom: 0; }
    main[view='index'].main.primary .yellow,
    main[view='index'].main.primary .white,
    main[view='index'].main.primary .grey,
    main[view='index'].main.primary .charcoal {
      padding: 12% 0; }
    main[view='index'].main.primary #leadingSolution .intro-content h3,
    main[view='index'].main.primary #keeperBenefits .intro-content h3,
    main[view='index'].main.primary #rating .intro-content h3,
    main[view='index'].main.primary #keeperBenefits .intro-content h4,
    main[view='index'].main.primary #leadingSolution .intro-content p,
    main[view='index'].main.primary #rating .intro-content p,
    main[view='index'].main.primary #keeperBenefits .intro-content p {
      text-align: center; }
    main[view='index'].main.primary #keeperBenefits .intro-content h3,
    main[view='index'].main.primary #leadingSolution .intro-content h3,
    main[view='index'].main.primary #rating .intro-content h3,
    main[view='index'].main.primary #testimonials h3 {
      font-size: 20px; }
    main[view='index'].main.primary #keeperBenefits .intro-content h4,
    main[view='index'].main.primary #leadingSolution .intro-content p,
    main[view='index'].main.primary #keeperBenefits .intro-content p {
      font-size: 14px; } }

[locale="ar_AE"] .main.primary[view='index'] #getStarted .actions .btn:first-of-type {
  margin-right: 0;
  margin-left: 16px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view='index'] #getStarted .actions .btn:first-of-type {
      margin: 0 auto; } }

[locale="de_DE"] .main.primary[view='index'] .intro .intro-content {
  padding-bottom: 0; }
  @media (max-width: 1300px) {
    [locale="de_DE"] .main.primary[view='index'] .intro .intro-content {
      padding-top: 80px; } }
  @media (max-width: 1150px) {
    [locale="de_DE"] .main.primary[view='index'] .intro .intro-content {
      padding-top: 60px; }
      [locale="de_DE"] .main.primary[view='index'] .intro .intro-content h1 {
        font-size: 30px; }
      [locale="de_DE"] .main.primary[view='index'] .intro .intro-content p {
        font-size: 20px; } }
  @media (max-width: 768px) {
    [locale="de_DE"] .main.primary[view='index'] .intro .intro-content h1 {
      font-size: 20px;
      line-height: 24px; }
    [locale="de_DE"] .main.primary[view='index'] .intro .intro-content p {
      font-size: 14px; } }

@media (max-width: 1300px) {
  [locale="ja_JP"] .main.primary[view='index'] .intro .intro-content h1,
  [locale="es_ES"] .main.primary[view='index'] .intro .intro-content h1,
  [locale="ru_RU"] .main.primary[view='index'] .intro .intro-content h1 {
    font-size: 30px; }
  [locale="ja_JP"] .main.primary[view='index'] .intro .intro-content p,
  [locale="es_ES"] .main.primary[view='index'] .intro .intro-content p,
  [locale="ru_RU"] .main.primary[view='index'] .intro .intro-content p {
    font-size: 20px; } }
@media (max-width: 1150px) {
  [locale="ja_JP"] .main.primary[view='index'] .intro .intro-content h1,
  [locale="es_ES"] .main.primary[view='index'] .intro .intro-content h1,
  [locale="ru_RU"] .main.primary[view='index'] .intro .intro-content h1 {
    font-size: 30px; }
  [locale="ja_JP"] .main.primary[view='index'] .intro .intro-content p,
  [locale="es_ES"] .main.primary[view='index'] .intro .intro-content p,
  [locale="ru_RU"] .main.primary[view='index'] .intro .intro-content p {
    font-size: 20px; } }
@media (max-width: 768px) {
  [locale="ja_JP"] .main.primary[view='index'] .intro .intro-content h1,
  [locale="es_ES"] .main.primary[view='index'] .intro .intro-content h1,
  [locale="ru_RU"] .main.primary[view='index'] .intro .intro-content h1 {
    font-size: 20px;
    line-height: 24px; }
  [locale="ja_JP"] .main.primary[view='index'] .intro .intro-content p,
  [locale="es_ES"] .main.primary[view='index'] .intro .intro-content p,
  [locale="ru_RU"] .main.primary[view='index'] .intro .intro-content p {
    font-size: 14px; } }

[locale="ar_AE"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/ar_AE/desktop-header.jpg"); }

[locale="de_DE"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/de_DE/desktop-header.jpg"); }

[locale="en_US"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/en_US/desktop-header.jpg"); }

[locale="en_GB"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/en_GB/desktop-header.jpg"); }

[locale="es_ES"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/es_ES/desktop-header.jpg"); }

[locale="fr_FR"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/fr_FR/desktop-header.jpg"); }

[locale="it_IT"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/it_IT/desktop-header.jpg"); }

[locale="ja_JP"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/ja_JP/desktop-header.jpg"); }

[locale="nl_NL"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/nl_NL/desktop-header.jpg"); }

[locale="pl_PL"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/pl_PL/desktop-header.jpg"); }

[locale="pt_BR"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/pt_BR/desktop-header.jpg"); }

[locale="ru_RU"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/ru_RU/desktop-header.jpg"); }

[locale="zh_CN"] main[view='index'].main.primary .intro .container .intro-image.image-intro-homepage {
  background-image: url("/assets/images/homepage/zh_CN/desktop-header.jpg"); }

main.main.primary[view="affiliate-1"] {
  background: #fff;
  /*************RATING*************/ }
  main.main.primary[view="affiliate-1"] .charcoalGradient {
    background: #767676;
    background: -moz-linear-gradient(left, #767676 0%, #242424 100%);
    background: -webkit-linear-gradient(left, #767676 0%, #242424 100%);
    background: linear-gradient(to right, #767676 0%, #242424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#242424', GradientType=1); }
  main.main.primary[view="affiliate-1"] .blueGradient {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b78e0', endColorstr='#004899', GradientType=1);
    color: #fff; }
  main.main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
    position: relative;
    height: 674px;
    width: 780px;
    /*background: url(/assets/images/affiliate/image-keeper-unlimited@2x.png)no-repeat bottom right / contain;*/
    background: url("/assets/images/homepage/market-leading@2x.png") no-repeat bottom right/contain; }
    @media (max-width: 1377px) {
      main.main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
        height: 704px; } }
    @media (max-width: 1250px) {
      main.main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
        position: absolute;
        left: -13%;
        bottom: 0;
        height: auto;
        background-size: 110%;
        background-position: 30% bottom; } }
    @media (max-width: 1024px) {
      main.main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
        background-size: 110%;
        background-position: 52% bottom;
        left: -15%; } }
    @media (max-width: 1000px) {
      main.main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
        left: auto;
        right: 54%;
        width: 46%;
        background-size: 190%; } }
    @media (max-width: 991px) {
      main.main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
        right: 54%;
        width: 60%;
        background-size: 190%; } }
    @media (max-width: 768px) {
      main.main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
        left: 0;
        position: relative;
        bottom: auto;
        height: 0;
        width: 100%;
        padding-top: 61%;
        background-size: contain; } }
  main.main.primary[view="affiliate-1"] .intro .intro-content {
    width: 42%;
    padding: 145px 0 70px; }
    @media (max-width: 1250px) {
      main.main.primary[view="affiliate-1"] .intro .intro-content {
        margin-left: 50%; } }
    @media (max-width: 768px) {
      main.main.primary[view="affiliate-1"] .intro .intro-content {
        width: 100%;
        margin: 0;
        padding: 40px; } }
    main.main.primary[view="affiliate-1"] .intro .intro-content #thePrice {
      font-size: 64px;
      color: #fff; }
      @media (max-width: 768px) {
        main.main.primary[view="affiliate-1"] .intro .intro-content #thePrice {
          font-size: 48px; } }
      main.main.primary[view="affiliate-1"] .intro .intro-content #thePrice .currency,
      main.main.primary[view="affiliate-1"] .intro .intro-content #thePrice .cycle {
        font-size: 32px; }
        @media (max-width: 768px) {
          main.main.primary[view="affiliate-1"] .intro .intro-content #thePrice .currency,
          main.main.primary[view="affiliate-1"] .intro .intro-content #thePrice .cycle {
            font-size: 24px; } }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #basePrice {
      color: rgba(255, 255, 255, 0.5);
      font-weight: 600; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing-amount-strikethrough-cell:after {
      background: #fff;
      transform: rotate(-10deg);
      height: 4px;
      margin-top: 10px; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #discountedPrice {
      color: #FFC600;
      font-weight: 600; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #basePrice,
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #discountedPrice {
      font-size: 48px; }
      @media (max-width: 640px) {
        main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #basePrice,
        main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #discountedPrice {
          font-size: 54px; } }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div {
      display: inline-block; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #basePrice sup,
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #discountedPrice sup {
      font-size: 50%;
      top: -0.6em; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #basePrice > sup.cents,
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div > #discountedPrice > sup.cents {
      top: -0.7em; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .pricing.not-loaded {
      visibility: hidden; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .buy-now {
      margin-top: 30px; }
    @media screen and (max-width: 550px) {
      main.main.primary[view="affiliate-1"] .intro .intro-content .pricing > div {
        display: block; } }
    main.main.primary[view="affiliate-1"] .intro .intro-content #basePrice {
      opacity: 0.7;
      font-size: 48px; }
    main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start; }
      @media (max-width: 640px) {
        main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions {
          flex-flow: column nowrap; } }
      main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions .btn + .btn {
        margin-top: 0;
        margin-left: 16px; }
        @media (max-width: 640px) {
          main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions .btn + .btn {
            margin: 16px auto 0; } }
      main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions .btn-clear-yellow {
        color: #fff; }
  main.main.primary[view="affiliate-1"] h3 {
    font-size: 36px; }
  main.main.primary[view="affiliate-1"] h4 {
    font-size: 26px;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      main.main.primary[view="affiliate-1"] h4 {
        font-size: 18px; } }
  main.main.primary[view="affiliate-1"] h5 {
    font-size: 22px; }
    @media (max-width: 1100px) {
      main.main.primary[view="affiliate-1"] h5 {
        font-size: 18px; } }
    @media (max-width: 768px) {
      main.main.primary[view="affiliate-1"] h5 {
        font-size: 14px; } }
  @media (max-width: 1024px) {
    main.main.primary[view="affiliate-1"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    main.main.primary[view="affiliate-1"] p {
      font-size: 14px; } }
  main.main.primary[view="affiliate-1"] [locale="de_DE"] .pricing > div > #basePrice,
  main.main.primary[view="affiliate-1"] [locale="de_DE"] .pricing > div > #discountedPrice {
    font-size: 48px; }
  main.main.primary[view="affiliate-1"] .box {
    padding: 48px; }
    @media (max-width: 768px) {
      main.main.primary[view="affiliate-1"] .box {
        padding: 48px 30px; } }
    main.main.primary[view="affiliate-1"] .box.feature-secondary {
      margin: 56px 0 24px; }
      @media (max-width: 767px) {
        main.main.primary[view="affiliate-1"] .box.feature-secondary {
          margin-top: 30px; } }
      @media (max-width: 640px) {
        main.main.primary[view="affiliate-1"] .box.feature-secondary {
          margin: 15px 0; } }
    main.main.primary[view="affiliate-1"] .box img {
      display: block;
      margin: 12% auto 0; }
  main.main.primary[view="affiliate-1"] #primaryCallouts {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media (max-width: 768px) {
      main.main.primary[view="affiliate-1"] #primaryCallouts {
        flex-flow: column nowrap; } }
    main.main.primary[view="affiliate-1"] #primaryCallouts .callout {
      width: 32%; }
      @media (max-width: 768px) {
        main.main.primary[view="affiliate-1"] #primaryCallouts .callout {
          width: 100%;
          margin: 24px 0 0; } }
  main.main.primary[view="affiliate-1"] #benefits {
    padding: 48px 60px 72px; }
    main.main.primary[view="affiliate-1"] #benefits h2 {
      color: #000;
      margin-bottom: 40px; }
    main.main.primary[view="affiliate-1"] #benefits .benefitsLists {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main.main.primary[view="affiliate-1"] #benefits .benefitsLists {
          flex-flow: column nowrap;
          justify-content: center; } }
      main.main.primary[view="affiliate-1"] #benefits .benefitsLists ul {
        width: 48%;
        margin: 0; }
        @media (max-width: 1200px) {
          main.main.primary[view="affiliate-1"] #benefits .benefitsLists ul {
            width: 46%; } }
        @media (max-width: 1024px) {
          main.main.primary[view="affiliate-1"] #benefits .benefitsLists ul {
            width: 44%; } }
        @media (max-width: 768px) {
          main.main.primary[view="affiliate-1"] #benefits .benefitsLists ul {
            width: auto;
            display: inline-block;
            margin: 0 auto; }
            main.main.primary[view="affiliate-1"] #benefits .benefitsLists ul li {
              padding-left: 30px; }
              main.main.primary[view="affiliate-1"] #benefits .benefitsLists ul li:before {
                left: 10px; } }
    @media (max-width: 640px) {
      main.main.primary[view="affiliate-1"] #benefits {
        padding: 48px; }
        main.main.primary[view="affiliate-1"] #benefits h3 {
          font-size: 22px; } }
    @media (max-width: 600px) {
      main.main.primary[view="affiliate-1"] #benefits {
        padding: 30px 15px; } }
    @media (max-width: 480px) {
      main.main.primary[view="affiliate-1"] #benefits {
        padding: 15px 0; } }
  main.main.primary[view="affiliate-1"] .ico-shield {
    width: 56px;
    height: 56px;
    background-image: url("/assets/icons/ico-pwm.svg"); }
  main.main.primary[view="affiliate-1"] .ico-vault {
    width: 56px;
    height: 56px;
    background-image: url("/assets/icons/ico-file-storage.svg"); }
  main.main.primary[view="affiliate-1"] .ico-devices {
    width: 56px;
    height: 56px;
    background-image: url("/assets/icons/ico-devices.svg"); }
  main.main.primary[view="affiliate-1"] ul {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: left; }
    main.main.primary[view="affiliate-1"] ul li {
      list-style-type: none;
      margin: 0 0 24px 0;
      padding: 0 0 0 40px;
      position: relative; }
      @media (max-width: 480px) {
        main.main.primary[view="affiliate-1"] ul li {
          padding-left: 30px; } }
      main.main.primary[view="affiliate-1"] ul li:before {
        content: '';
        display: block;
        width: 8px;
        height: 18px;
        border: 2px solid #000;
        border-left: none;
        border-top: 0;
        transform: rotate(45deg);
        position: absolute;
        left: 0;
        top: 0; }
        @media (max-width: 640px) {
          main.main.primary[view="affiliate-1"] ul li:before {
            transform: rotate(45deg) scale(0.75); } }
    @media (max-width: 991px) {
      main.main.primary[view="affiliate-1"] ul {
        font-size: 14px; } }
  main.main.primary[view="affiliate-1"] #primaryFeatures .section-info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 72px;
    margin-bottom: 8px; }
    main.main.primary[view="affiliate-1"] #primaryFeatures .section-info:after {
      display: none; }
    @media (max-width: 860px) {
      main.main.primary[view="affiliate-1"] #primaryFeatures .section-info {
        padding: 16px 24px 48px; } }
    main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature {
      width: 44%;
      padding-top: 56px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: flex-start; }
      @media (max-width: 860px) {
        main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature {
          width: 48%; } }
      @media (max-width: 640px) {
        main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature {
          width: 100%; } }
      @media (max-width: 414px) {
        main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature {
          flex-flow: column nowrap;
          padding-top: 32px; } }
      main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature img {
        display: inline-block;
        width: 42px;
        height: 42px;
        margin: 6px 0 0 0; }
        @media (max-width: 414px) {
          main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature img {
            margin: 0 auto 18px; } }
      main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature .featureDesc {
        padding-left: 42px; }
        @media (max-width: 860px) {
          main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature .featureDesc {
            padding-left: 30px; } }
        @media (max-width: 414px) {
          main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature .featureDesc {
            text-align: center;
            padding-left: 0; } }
        main.main.primary[view="affiliate-1"] #primaryFeatures .section-info .primFeature .featureDesc h4 {
          font-size: 22px;
          font-weight: 600; }
  main.main.primary[view="affiliate-1"] #rating {
    background: #fff;
    text-align: center;
    padding: 48px;
    margin-bottom: 0; }
    main.main.primary[view="affiliate-1"] #rating h2 {
      color: #000;
      margin-bottom: 40px; }
    @media (max-width: 991px) {
      main.main.primary[view="affiliate-1"] #rating {
        padding: 48px; }
        main.main.primary[view="affiliate-1"] #rating h3 {
          font-size: 22px; }
        main.main.primary[view="affiliate-1"] #rating img {
          height: 32px;
          width: auto; } }
    @media (max-width: 991px) and (max-width: 991px) {
      main.main.primary[view="affiliate-1"] #rating img.stars {
        height: 26px; } }
    @media (max-width: 991px) and (max-width: 768px) {
      main.main.primary[view="affiliate-1"] #rating img.stars {
        height: 20px; } }
    @media (max-width: 991px) {
        main.main.primary[view="affiliate-1"] #rating p.rate {
          margin: 0 0 80px;
          height: 40px;
          font-size: 14px; }
        main.main.primary[view="affiliate-1"] #rating .starsCount {
          font-size: 14px; }
        main.main.primary[view="affiliate-1"] #rating .intro-content h3 {
          font-size: 28px;
          margin-bottom: 70px; } }
    @media (max-width: 768px) {
      main.main.primary[view="affiliate-1"] #rating {
        padding: 48px 0; }
        main.main.primary[view="affiliate-1"] #rating .starsCount {
          font-size: 14px;
          line-height: 18px;
          margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      main.main.primary[view="affiliate-1"] #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      main.main.primary[view="affiliate-1"] #rating p.rate {
        margin: 20px 0 0;
        height: 40px;
        display: block;
        height: 78px;
        overflow: hidden; }
        main.main.primary[view="affiliate-1"] #rating p.rate img {
          display: block;
          width: 100%;
          clear: both; }
      main.main.primary[view="affiliate-1"] #rating .logoCol {
        width: 100%; }
      main.main.primary[view="affiliate-1"] #rating .starsCount {
        display: block;
        clear: both;
        height: 30px;
        margin: 0 0 40px 0;
        white-space: nowrap; } }
    @media (max-width: 414px) {
      main.main.primary[view="affiliate-1"] #rating {
        padding: 24px 0; } }
    main.main.primary[view="affiliate-1"] #rating .testimonials {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main.main.primary[view="affiliate-1"] #rating .testimonials {
          flex-flow: column nowrap; } }
      main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial {
        background: #fff;
        width: 32%;
        border-radius: 10px;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
        padding: 48px;
        text-align: left; }
        @media (max-width: 991px) {
          main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial {
            padding: 40px 16px; } }
        @media (max-width: 768px) {
          main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial {
            width: 100%;
            padding: 48px;
            margin-bottom: 16px; } }
        @media (max-width: 414px) {
          main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial {
            padding: 32px 24px;
            text-align: center; } }
        main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial p {
          margin-top: 16px;
          text-align: left; }
          @media (max-width: 414px) {
            main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial p {
              text-align: center; } }
          main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial p:first-child {
            margin-top: 32px; }
          main.main.primary[view="affiliate-1"] #rating .testimonials .testimonial p strong {
            font-weight: 600; }
    main.main.primary[view="affiliate-1"] #rating .moreReviews {
      text-align: center;
      font-size: 20px;
      margin: 48px 0 56px; }
      main.main.primary[view="affiliate-1"] #rating .moreReviews a {
        display: inline-block;
        color: #1B78E0;
        position: relative; }
        main.main.primary[view="affiliate-1"] #rating .moreReviews a:after {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          border: 2px solid #1B78E0;
          border-left: 0;
          border-bottom: 0;
          transform: rotate(45deg);
          position: absolute;
          right: -10px;
          top: 13px; }
          @media (max-width: 768px) {
            main.main.primary[view="affiliate-1"] #rating .moreReviews a:after {
              top: 9px;
              width: 7px;
              height: 7px; } }
    main.main.primary[view="affiliate-1"] #rating .intro-inner {
      max-width: 100%;
      width: 860px;
      margin: 0 auto; }
    main.main.primary[view="affiliate-1"] #rating h3 {
      text-align: center;
      font-size: 36px;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        main.main.primary[view="affiliate-1"] #rating h3 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        main.main.primary[view="affiliate-1"] #rating h3 {
          font-size: 20px; } }
    main.main.primary[view="affiliate-1"] #rating p {
      text-align: center;
      margin-top: 20px; }
      main.main.primary[view="affiliate-1"] #rating p strong {
        font-weight: 600; }
    main.main.primary[view="affiliate-1"] #rating .starsCount {
      display: block;
      clear: both;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
    main.main.primary[view="affiliate-1"] #rating .btn.btn-yellow {
      width: 210px;
      margin: 0 auto; }
    main.main.primary[view="affiliate-1"] #rating .outro-actions {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center; }
      @media (max-width: 768px) {
        main.main.primary[view="affiliate-1"] #rating .outro-actions {
          flex-flow: column nowrap;
          align-items: center; } }
      main.main.primary[view="affiliate-1"] #rating .outro-actions .btn {
        min-width: 184px;
        margin: 0 8px; }
        @media (max-width: 768px) {
          main.main.primary[view="affiliate-1"] #rating .outro-actions .btn {
            min-width: 220px; }
            main.main.primary[view="affiliate-1"] #rating .outro-actions .btn + .btn {
              margin-top: 16px; } }

@media (max-width: 1250px) {
  html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-image {
    left: 54%;
    right: auto; } }
@media (max-width: 991px) {
  html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-image {
    background-size: 130%; } }
@media (max-width: 1250px) {
  html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-content {
    margin-right: 55%; } }
@media (max-width: 768px) {
  html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-content {
    margin-right: 0;
    text-align: center !important; } }
@media (max-width: 640px) {
  html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions {
    flex-flow: column nowrap; } }
html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions .btn:first-of-type {
  margin-right: 0; }
  @media (max-width: 768px) {
    html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions .btn:first-of-type {
      margin-right: auto; } }
html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions .btn + .btn {
  margin-right: 16px;
  margin-left: 0; }
  @media (max-width: 640px) {
    html[locale="ar_AE"] main.main.primary[view="affiliate-1"] .intro .intro-content .intro-actions .btn + .btn {
      margin: 16px auto 0; } }

html[locale="fr_FR"] .main.primary[view="affiliate-1"] #rating .btn.btn-yellow {
  width: 240px; }

[locale="ar_AE"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/ar_AE/market-leading@2x.png"); }

[locale="de_DE"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/de_DE/market-leading@2x.png"); }

[locale="en_US"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/en_US/market-leading@2x.png"); }

[locale="en_GB"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/en_GB/market-leading@2x.png"); }

[locale="es_ES"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/es_ES/market-leading@2x.png"); }

[locale="fr_FR"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/fr_FR/market-leading@2x.png"); }

[locale="it_IT"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/it_IT/market-leading@2x.png"); }

[locale="ja_JP"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/ja_JP/market-leading@2x.png"); }

[locale="nl_NL"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/nl_NL/market-leading@2x.png"); }

[locale="pl_PL"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/pl_PL/market-leading@2x.png"); }

[locale="pt_BR"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/pt_BR/market-leading@2x.png"); }

[locale="ru_RU"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/ru_RU/market-leading@2x.png"); }

[locale="zh_CN"] .main.primary[view="affiliate-1"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/zh_CN/market-leading@2x.png"); }

main.main.secondary[view="aram"] .intro {
  position: relative;
  padding: 10% 0;
  overflow: hidden; }
  @media (min-width: 1900px) {
    main.main.secondary[view="aram"] .intro {
      padding: 200px 0; } }
  @media (max-width: 1600px) {
    main.main.secondary[view="aram"] .intro {
      padding: 9% 0; } }
  @media (max-width: 1500px) {
    main.main.secondary[view="aram"] .intro {
      padding: 8% 0; } }
  @media (max-width: 1400px) {
    main.main.secondary[view="aram"] .intro {
      padding: 7.75% 0; } }
  @media (max-width: 1300px) {
    main.main.secondary[view="aram"] .intro {
      padding: 7.5% 0; } }
  @media (max-width: 1200px) {
    main.main.secondary[view="aram"] .intro {
      padding: 7% 0; } }
  @media (max-width: 1100px) {
    main.main.secondary[view="aram"] .intro {
      padding: 6.5% 0; } }
  @media (max-width: 1050px) {
    main.main.secondary[view="aram"] .intro {
      padding: 6% 0; } }
  @media (max-width: 1000px) {
    main.main.secondary[view="aram"] .intro {
      padding: 5% 0; } }
  @media (max-width: 950px) {
    main.main.secondary[view="aram"] .intro {
      padding: 4.2% 0; } }
  @media (max-width: 900px) {
    main.main.secondary[view="aram"] .intro {
      padding: 3.6% 0; } }
  @media (max-width: 860px) {
    main.main.secondary[view="aram"] .intro {
      padding: 40px 0; } }
  main.main.secondary[view="aram"] .intro .intro-image {
    background: url("/assets/images/pages/aram/aram-header.jpg") no-repeat right bottom/contain;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 48%;
    height: 0;
    padding-top: 26.55%;
    border-radius: 8px 0 0 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    overflow: hidden; }
    @media (min-width: 1900px) {
      main.main.secondary[view="aram"] .intro .intro-image {
        height: 500px;
        width: 904px;
        padding: 0; } }
    @media (max-width: 860px) {
      main.main.secondary[view="aram"] .intro .intro-image {
        display: none; } }
  main.main.secondary[view="aram"] .intro .container {
    max-width: 100%;
    width: 1300px; }
    main.main.secondary[view="aram"] .intro .container .intro-content {
      width: 50%;
      text-align: left; }
      @media (max-width: 860px) {
        main.main.secondary[view="aram"] .intro .container .intro-content {
          width: 100%;
          text-align: center; } }
      main.main.secondary[view="aram"] .intro .container .intro-content h1 {
        max-width: 340px; }
        @media (max-width: 860px) {
          main.main.secondary[view="aram"] .intro .container .intro-content h1 {
            max-width: 100%; } }
      main.main.secondary[view="aram"] .intro .container .intro-content p {
        max-width: 560px; }
        @media (max-width: 860px) {
          main.main.secondary[view="aram"] .intro .container .intro-content p {
            max-width: 100%; } }
        main.main.secondary[view="aram"] .intro .container .intro-content p:last-child {
          margin-bottom: 0; }
main.main.secondary[view="aram"] #securityNightmare {
  padding: 0 0 64px 0;
  text-align: center; }
  @media (max-width: 768px) {
    main.main.secondary[view="aram"] #securityNightmare {
      padding: 30px 0 40px 0; } }
  main.main.secondary[view="aram"] #securityNightmare h2 {
    color: #000;
    font-size: 26px; }
  main.main.secondary[view="aram"] #securityNightmare .actions {
    margin-top: 40px; }
    main.main.secondary[view="aram"] #securityNightmare .actions .btn {
      display: inline-block;
      min-width: 210px; }
main.main.secondary[view="aram"] #aram-key-features {
  padding: 0 0 64px;
  background: #F9F9F9;
  text-align: center; }
  @media (max-width: 768px) {
    main.main.secondary[view="aram"] #aram-key-features {
      padding: 40px 20px; } }
  @media (max-width: 414px) {
    main.main.secondary[view="aram"] #aram-key-features {
      padding: 10px 6px; } }
  main.main.secondary[view="aram"] #aram-key-features h2 {
    color: #000;
    text-align: center; }
    @media (max-width: 768px) {
      main.main.secondary[view="aram"] #aram-key-features h2 {
        font-size: 22px; } }
    @media (max-width: 414px) {
      main.main.secondary[view="aram"] #aram-key-features h2 {
        margin-bottom: 10px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="aram"] #aram-key-features p {
      margin: 0;
      text-align: left; } }
  main.main.secondary[view="aram"] #aram-key-features p strong {
    font-weight: 600;
    margin-bottom: 8px; }
  main.main.secondary[view="aram"] #aram-key-features #featuresSlider {
    width: 1150px;
    margin: 0 auto;
    max-width: 100%; }
    main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slick-list {
      padding-bottom: 0; }
    main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide {
      padding: 24px 15px 6px; }
      @media (max-width: 768px) {
        main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide {
          padding: 24px 10px 6px; } }
      main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide h5 {
        font-size: 22px;
        margin-bottom: 8px; }
        @media (max-width: 768px) {
          main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide h5 {
            font-size: 14px; } }
      main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide p {
        text-align: center; }
      main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide .slick-dots {
        position: relative;
        margin-top: 48px; }
        @media (max-width: 768px) {
          main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide .slick-dots {
            display: none; } }
        main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide .slick-dots li button:before {
          width: 12px;
          height: 12px;
          color: rgba(0, 0, 0, 0.1);
          font-size: 12px; }
        main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide .slick-dots li.slick-active button:before {
          color: #FFC600; }
      main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide img {
        margin-top: 30px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
        border-radius: 8px; }
        @media (max-width: 768px) {
          main.main.secondary[view="aram"] #aram-key-features #featuresSlider .slide img {
            display: none; } }
main.main.secondary[view="aram"] #getStarted {
  display: block;
  text-align: center;
  padding-top: 64px; }
  @media (max-width: 414px) {
    main.main.secondary[view="aram"] #getStarted {
      padding: 32px 9px; } }
  main.main.secondary[view="aram"] #getStarted h2 {
    color: #000; }
  main.main.secondary[view="aram"] #getStarted .actions {
    display: block;
    margin: 32px 0 64px; }
    main.main.secondary[view="aram"] #getStarted .actions .btn {
      display: inline-block;
      min-width: 210px; }
  main.main.secondary[view="aram"] #getStarted p a {
    color: #1B78E0; }
    main.main.secondary[view="aram"] #getStarted p a:hover {
      text-decoration: none; }
main.main.secondary[view="aram"] .slick-slide {
  height: auto; }
main.main.secondary[view="aram"] .slick-dots {
  bottom: unset;
  top: 0; }
main.main.secondary[view="aram"] .slick-dots li.slick-active button:before {
  color: #1b78e0; }
main.main.secondary[view="aram"] .slick-dots li button:before {
  color: #bfbfbf; }
main.main.secondary[view="aram"] .text-content {
  margin-right: auto;
  margin-left: auto;
  max-width: 600px; }

.main.primary[view="get_extension"] {
  padding-bottom: 0; }
  .main.primary[view="get_extension"] .blueGradient {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
    color: #fff; }
  .main.primary[view="get_extension"] .container {
    overflow: hidden; }
  .main.primary[view="get_extension"] .intro {
    position: relative;
    min-height: 60vh; }
    .main.primary[view="get_extension"] .intro .intro-content {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      width: 100%;
      padding: 50px 0 115px;
      min-height: 555px; }
      @media only screen and (max-width: 1250px) {
        .main.primary[view="get_extension"] .intro .intro-content {
          width: 100%;
          margin-left: 0; } }
      @media only screen and (max-width: 768px) {
        .main.primary[view="get_extension"] .intro .intro-content {
          padding-top: 50px;
          padding-bottom: 150px; } }
      .main.primary[view="get_extension"] .intro .intro-content #setup {
        width: 900px;
        max-width: 100%;
        margin: 0 auto; }
        .main.primary[view="get_extension"] .intro .intro-content #setup .browser-icon {
          display: block;
          width: 150px;
          height: 150px;
          margin: -20px auto 20px; }
          .main.primary[view="get_extension"] .intro .intro-content #setup .browser-icon.firefox {
            background: url("/assets/icons/ico-browser-firefox.svg") no-repeat center/contain; }
          .main.primary[view="get_extension"] .intro .intro-content #setup .browser-icon.chrome {
            background: url("/assets/icons/ico-browser-chrome.svg") no-repeat center/contain; }
          .main.primary[view="get_extension"] .intro .intro-content #setup .browser-icon.edge {
            background: url("/assets/icons/ico-browser-edge.svg") no-repeat center/contain; }
          .main.primary[view="get_extension"] .intro .intro-content #setup .browser-icon.ie {
            background: url("/assets/icons/ico-browser-ie.svg") no-repeat center/contain; }
          .main.primary[view="get_extension"] .intro .intro-content #setup .browser-icon.safari {
            background: url("/assets/icons/ico-browser-safari.svg") no-repeat center/contain; }
          .main.primary[view="get_extension"] .intro .intro-content #setup .browser-icon.opera {
            background: url("/assets/icons/ico-browser-opera.svg") no-repeat center/contain; }
        .main.primary[view="get_extension"] .intro .intro-content #setup h1 {
          font-size: 36px; }
          @media (max-width: 768px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup h1 {
              font-size: 20px; } }
        .main.primary[view="get_extension"] .intro .intro-content #setup p {
          font-size: 22px;
          font-weight: 300; }
          @media (max-width: 768px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup p {
              font-size: 14px; } }
        .main.primary[view="get_extension"] .intro .intro-content #setup #install_button {
          padding-left: 60px;
          background: #FFC600 url("/assets/icons/ico-download.svg") no-repeat 20px 11px/24px; }
          @media (max-width: 768px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup #install_button {
              background-position: 12px 5px;
              background-size: 18px;
              padding-left: 40px;
              margin-right: auto; } }
        .main.primary[view="get_extension"] .intro .intro-content #setup .actions {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          align-content: flex-start; }
          @media only screen and (max-width: 860px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup .actions {
              flex-direction: column;
              align-items: start;
              justify-content: flex-start; } }
          @media only screen and (max-width: 768px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup .actions {
              align-items: center;
              justify-content: center; } }
          @media only screen and (max-width: 860px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn {
              width: auto;
              margin-left: 0; } }
          .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:first-child {
            margin: auto 0 auto 0; }
            @media only screen and (max-width: 768px) {
              .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:first-child {
                margin: 16px auto 0 auto; } }
          .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:not(:first-child) {
            margin: 0 0 0 16px; }
            @media only screen and (max-width: 860px) {
              .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:not(:first-child) {
                margin: 16px auto auto 0; } }
            @media only screen and (max-width: 768px) {
              .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:not(:first-child) {
                margin: 16px auto 0 auto; } }
        .main.primary[view="get_extension"] .intro .intro-content #setup .additional {
          display: none; }
          @media (max-width: 768px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup .additional {
              margin-left: auto; } }
          .main.primary[view="get_extension"] .intro .intro-content #setup .additional.info {
            padding: 40px 0 0; }
            .main.primary[view="get_extension"] .intro .intro-content #setup .additional.info p {
              color: #fff;
              line-height: 1.6em;
              font-size: 18px; }
              .main.primary[view="get_extension"] .intro .intro-content #setup .additional.info p:last-child {
                margin-bottom: 0; }
            .main.primary[view="get_extension"] .intro .intro-content #setup .additional.info a {
              color: #FFC600; }
              .main.primary[view="get_extension"] .intro .intro-content #setup .additional.info a:hover {
                text-decoration: none; }
        .main.primary[view="get_extension"] .intro .intro-content #setup.chromeView .additional {
          display: none; }
        .main.primary[view="get_extension"] .intro .intro-content #setup.firefoxView .additional {
          display: none; }
        .main.primary[view="get_extension"] .intro .intro-content #setup.safariView .additional {
          display: none; }
        .main.primary[view="get_extension"] .intro .intro-content #setup.ieView .additional.btn-white.ie {
          display: inline; }
          @media (max-width: 768px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup.ieView .additional.btn-white.ie {
              display: block;
              clear: both;
              margin-top: 16px; } }
        .main.primary[view="get_extension"] .intro .intro-content #setup.ieView .additional.info.ie {
          display: block; }
        .main.primary[view="get_extension"] .intro .intro-content #setup.edgeView .additional.btn-white.edge {
          display: inline; }
          @media (max-width: 768px) {
            .main.primary[view="get_extension"] .intro .intro-content #setup.edgeView .additional.btn-white.edge {
              display: inline-block;
              clear: both;
              margin-top: 16px; } }
        .main.primary[view="get_extension"] .intro .intro-content #setup.edgeView .additional.info.edge {
          display: inline-block; }
        .main.primary[view="get_extension"] .intro .intro-content #setup.operaView .additional.info.opera {
          display: inline-block; }
    .main.primary[view="get_extension"] .intro nav {
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      background: #043975; }
      .main.primary[view="get_extension"] .intro nav ul {
        list-style-type: none;
        display: block;
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
        text-align: center; }
        .main.primary[view="get_extension"] .intro nav ul li {
          display: inline-block;
          vertical-align: top;
          text-align: center;
          margin: 0;
          padding: 0; }
          .main.primary[view="get_extension"] .intro nav ul li a {
            display: block;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            padding: 20px 40px;
            font-size: 16px;
            color: #fff;
            opacity: 0.5; }
            .main.primary[view="get_extension"] .intro nav ul li a:hover {
              opacity: 0.8;
              text-decoration: none; }
            @media (max-width: 767px) {
              .main.primary[view="get_extension"] .intro nav ul li a {
                padding: 20px; } }
            @media (max-width: 640px) {
              .main.primary[view="get_extension"] .intro nav ul li a {
                padding: 20px 10px; } }
            @media (max-width: 414px) {
              .main.primary[view="get_extension"] .intro nav ul li a {
                padding: 20px 8px; } }
            @media (max-width: 380px) {
              .main.primary[view="get_extension"] .intro nav ul li a {
                padding: 20px 6px; } }
            @media (max-width: 360px) {
              .main.primary[view="get_extension"] .intro nav ul li a {
                padding: 20px 4px; } }
          .main.primary[view="get_extension"] .intro nav ul li.active a {
            opacity: 1; }

@media (max-width: 1250px) {
  html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content {
    margin: 0 auto; } }
@media (max-width: 991px) {
  html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content {
    width: 700px; } }
@media (max-width: 860px) {
  html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content {
    width: 100%; } }
html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions {
  justify-content: flex-start;
  align-content: flex-start; }
  @media only screen and (max-width: 860px) {
    html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions {
      flex-direction: column;
      align-items: start;
      justify-content: flex-start; } }
  @media only screen and (max-width: 768px) {
    html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions {
      align-items: center;
      justify-content: center; } }
  html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn {
    line-height: 1.2em; }
    @media only screen and (max-width: 860px) {
      html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn {
        width: auto;
        margin-left: 0; } }
    html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:first-child {
      margin: auto 0 auto 0; }
      @media only screen and (max-width: 768px) {
        html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:first-child {
          margin: 16px auto 0 auto; } }
    html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:not(:first-child) {
      margin: 0 16px 0 0; }
      @media only screen and (max-width: 860px) {
        html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:not(:first-child) {
          margin: 16px 0 auto 0; } }
      @media only screen and (max-width: 768px) {
        html[locale='ar_AE'] .main.primary[view="get_extension"] .intro .intro-content #setup .actions .btn:not(:first-child) {
          margin: 16px auto 0 auto; } }

@media only screen and (max-width: 1024px) {
  html[locale='pl_PL'] .main.primary[view="get_extension"] .intro .intro-content #setup .btn {
    font-size: 16px;
    padding: 0 20px; } }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.main.secondary[view="our-partners"] {
  background: #fff; }
  .main.secondary[view="our-partners"] .intro p {
    width: 780px;
    max-width: 100%;
    margin: 0 auto 32px; }
  .main.secondary[view="our-partners"] .intro .intro-actions a.btn {
    font-weight: 600;
    min-width: 225px; }
  .main.secondary[view="our-partners"] .box {
    padding: 48px; }
    .main.secondary[view="our-partners"] .box .section-head {
      max-width: 1140px; }
    @media (max-width: 768px) {
      .main.secondary[view="our-partners"] .box {
        padding: 48px 20px 20px; } }
  .main.secondary[view="our-partners"] .section .section-head {
    border: none; }
  .main.secondary[view="our-partners"] h2 {
    color: #000; }
    @media (max-width: 768px) {
      .main.secondary[view="our-partners"] h2 {
        font-size: 22px; } }
  @media (max-width: 1024px) {
    .main.secondary[view="our-partners"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main.secondary[view="our-partners"] p {
      font-size: 14px; } }
  .main.secondary[view="our-partners"] .list-partners {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 840px;
    max-width: 100%;
    margin: 0 auto; }
    .main.secondary[view="our-partners"] .list-partners li {
      width: calc(100% / 4); }
  .main.secondary[view="our-partners"] #securityTechProviders li {
    width: 25%; }
    @media (max-width: 768px) {
      .main.secondary[view="our-partners"] #securityTechProviders li {
        width: 50%; } }
  .main.secondary[view="our-partners"] .image {
    max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 106px;
    height: 36px;
    margin: 0 auto; }
    .main.secondary[view="our-partners"] .image.partner-1 {
      background-image: url("/assets/images/enterprise/2x/partner-1.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-2 {
      background-image: url("/assets/images/enterprise/2x/partner-2.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-3 {
      background-image: url("/assets/images/enterprise/2x/partner-3.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-4 {
      background-image: url("/assets/images/enterprise/2x/partner-4.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-f5 {
      background-image: url("/assets/images/enterprise/2x/partner-f5@2x.png"); }
    .main.secondary[view="our-partners"] .image.partner-9 {
      background-image: url("/assets/images/enterprise/2x/partner-9.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-10 {
      background-image: url("/assets/images/enterprise/2x/partner-10.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-11 {
      background-image: url("/assets/images/enterprise/2x/partner-11.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-12 {
      background-image: url("/assets/images/enterprise/2x/partner-12.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-13 {
      background-image: url("/assets/images/enterprise/2x/partner-13.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-14 {
      background-image: url("/assets/images/enterprise/2x/partner-14.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-15 {
      background-image: url("/assets/images/enterprise/2x/partner-15.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-16 {
      background-image: url("/assets/images/enterprise/2x/partner-16.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-17 {
      background-image: url("/assets/images/enterprise/2x/partner-17.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-18 {
      background-image: url("/assets/images/enterprise/2x/partner-18.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-19 {
      background-image: url("/assets/images/enterprise/2x/partner-19.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-20 {
      background-image: url("/assets/images/enterprise/2x/partner-20.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-21 {
      background-image: url("/assets/images/enterprise/2x/partner-21.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-22 {
      background-image: url("/assets/images/enterprise/2x/partner-22.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-23 {
      background-image: url("/assets/images/enterprise/2x/partner-internet2.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-24 {
      background-image: url("/assets/images/enterprise/2x/partner-24.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-softchoice {
      background-image: url("/assets/images/Icons/ico-softchoice.svg");
      height: 72px;
      width: 160px; }
    .main.secondary[view="our-partners"] .image.partner-futurecom {
      background-image: url("/assets/images/enterprise/2x/partner-futurecom@2x.jpg");
      width: 129px;
      height: 55px; }
    .main.secondary[view="our-partners"] .image.partner-concergent {
      background-image: url("/assets/images/enterprise/2x/partner-concergent@2x.jpg");
      width: 168px;
      height: 55px; }
    .main.secondary[view="our-partners"] .image.partner-cdw {
      background-image: url("/assets/images/enterprise/2x/partner-cdw-channel@2x.jpg"); }
    .main.secondary[view="our-partners"] .image.partner-optiv {
      background-image: url("/assets/images/enterprise/2x/partner-optiv.png"); }
    .main.secondary[view="our-partners"] .image.partner-shi {
      background-image: url("/assets/images/enterprise/2x/partner-shi-channel@2x.jpg"); }
    .main.secondary[view="our-partners"] .image.verizon {
      background-image: url("../assets/images/Icons/ico-verizon.svg");
      height: 72px;
      margin: 0 auto;
      width: 160px; }
    .main.secondary[view="our-partners"] .image.att {
      background-image: url("../assets/images/Icons/ico-att.svg");
      height: 72px;
      margin: 0 auto;
      width: 160px; }
    .main.secondary[view="our-partners"] .image.orange {
      background-image: url("../assets/images/Icons/ico-orange.svg");
      height: 63px;
      margin: 0 auto;
      width: 63px; }
    .main.secondary[view="our-partners"] .image.america_movil {
      background-image: url("/assets/images/Icons/ico-america-movil.svg");
      height: 72px;
      margin: 0 auto;
      width: 160px; }
    .main.secondary[view="our-partners"] .image.shi {
      background-image: url("/assets/images/Icons/ico-shi.svg");
      width: 160px;
      height: 72px;
      margin: 0 auto; }
    .main.secondary[view="our-partners"] .image.image-partner-airwatch {
      background-image: url("/assets/images/Icons/ico-airwatch.svg");
      height: 72px;
      margin: 0 auto;
      width: 160px; }
    .main.secondary[view="our-partners"] .image.partner-isg {
      background-image: url("/assets/images/Icons/ico-isg.svg");
      width: 160px;
      height: 72px;
      margin: 0 auto; }
    .main.secondary[view="our-partners"] .image.partner-scc {
      background-image: url("/assets/images/Icons/ico-scc.svg");
      width: 160px;
      height: 72px;
      margin: 0 auto; }
    .main.secondary[view="our-partners"] .image.partner-bright-skies {
      background: url("/assets/images/Icons/ico-bright-skies.svg");
      width: 160px;
      height: 72px;
      margin: 0 auto; }
    .main.secondary[view="our-partners"] .image.partner-data3 {
      background: url("/assets/images/Icons/ico-data3.svg");
      width: 160px;
      height: 72px;
      margin: 0 auto; }
    .main.secondary[view="our-partners"] .image.partner-5 {
      background-image: url("/assets/images/Icons/ico-google.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-6 {
      background-image: url("/assets/images/Icons/ico-samsung.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-7 {
      background-image: url("/assets/images/Icons/ico-htc.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-8 {
      background-image: url("/assets/images/Icons/ico-silent-circle.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-9 {
      background-image: url("/assets/images/Icons/ico-amazon.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-10 {
      background-image: url("/assets/images/Icons/ico-microsoft.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-11 {
      background-image: url("/assets/images/Icons/ico-alcatel.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-12 {
      background-image: url("/assets/images/Icons/ico-nokia.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-13 {
      background-image: url("/assets/images/Icons/ico-lg.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-14 {
      background-image: url("/assets/images/Icons/ico-huawei.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-15 {
      background-image: url("/assets/images/Icons/ico-asus.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-16 {
      background-image: url("/assets/images/Icons/ico-zte.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-18 {
      background-image: url("/assets/images/Icons/ico-mobileiron.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-19 {
      background-image: url("/assets/images/Icons/ico-rsa.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-20 {
      background-image: url("/assets/images/Icons/ico-duo.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.image-partner-yubico {
      background-image: url("/assets/images/Icons/ico-yubico.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.image-partner-gemalto {
      background-image: url("/assets/images/Icons/ico-gemalto.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-fido {
      background-image: url("/assets/images/Icons/ico-fido.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-cdw {
      background-image: url("/assets/images/Icons/ico-cdw.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-carahsoft {
      background-image: url("/assets/images/Icons/ico-carahsoft.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-optiv {
      background-image: url("/assets/images/Icons/ico-optiv.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-insight {
      background-image: url("/assets/images/Icons/ico-insight.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-internet2 {
      background-image: url("/assets/images/Icons/ico-internet2.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.image-partner-gsa {
      background: url("/assets/images/Icons/ico-gsa.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-guidepoint {
      background-image: url("/assets/images/Icons/ico-guidepoint.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-northamber {
      background-image: url("/assets/images/Icons/ico-northamber.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-compub {
      background-image: url("/assets/images/Icons/ico-compu.svg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-antimalwares {
      background-image: url("/assets/images/Icons/ico-antimalwares.png");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.partner-blackboat {
      background-image: url("/assets/images/Icons/ico-blackboat.jpg");
      width: 160px;
      height: 72px; }
    .main.secondary[view="our-partners"] .image.image-partner-kis {
      background-image: url("/assets/images/Icons/ico-kis.svg");
      width: 160px;
      height: 72px;
      margin: 0 auto; }
  .main.secondary[view="our-partners"] #OEM .section-head p {
    width: 750px;
    margin: 0 auto;
    max-width: 100%; }
  .main.secondary[view="our-partners"] #channelPartners .section-head p {
    width: 800px;
    margin: 0 auto;
    max-width: 100%; }
  @media only screen and (max-width: 768px) {
    .main.secondary[view="our-partners"] .list-partners {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-flow: row wrap; }
    .main.secondary[view="our-partners"] .list-partners li {
      width: calc(100% / 2); } }

@media (max-width: 414px) {
  .main[view="whats-new"] .box {
    padding: 48px 20px; } }
.main[view="whats-new"] h2 {
  color: #000;
  margin-bottom: 12px; }
  @media (max-width: 768px) {
    .main[view="whats-new"] h2 {
      font-size: 22px; } }
@media (max-width: 1024px) {
  .main[view="whats-new"] p {
    font-size: 18px; } }
@media (max-width: 768px) {
  .main[view="whats-new"] p {
    font-size: 14px; } }
.main[view="whats-new"] .image-whatsnew-individual-subfolders {
  background: url("/assets/images/whats-new/@@emailsystem_locale/subfolders-individual.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-individual-drag-drop {
  background: url("/assets/images/whats-new/@@emailsystem_locale/drag-drop-individual.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-individual-grid-view {
  background: url("/assets/images/whats-new/@@emailsystem_locale/grid-view.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-individual-ios-update {
  background: url("/assets/images/whats-new/@@emailsystem_locale/ios-ui-update.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-individual-ie-extension {
  background: url("/assets/images/whats-new/@@emailsystem_locale/ie-extension.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-business-subfolders {
  background: url("/assets/images/whats-new/@@emailsystem_locale/subfolders-biz.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-business-drag-drop {
  background: url("/assets/images/whats-new/@@emailsystem_locale/drag-drop-biz.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-business-grid-view {
  background: url("/assets/images/whats-new/@@emailsystem_locale/grid-view.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-business-ie-extension {
  background: url("/assets/images/whats-new/@@emailsystem_locale/ie-extension.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .image-whatsnew-business-open-ldap {
  background: url("/assets/images/whats-new/@@emailsystem_locale/open-ldap.jpg") no-repeat center bottom/cover;
  padding-top: 64%; }
.main[view="whats-new"] .list-services {
  font-size: 16px; }
  .main[view="whats-new"] .list-services strong {
    font-size: 20px; }
.main[view="whats-new"] .section-quaternary .section-actions {
  text-align: center; }
  .main[view="whats-new"] .section-quaternary .section-actions .btn {
    font-weight: 600;
    display: inline-block; }
    @media (max-width: 767px) {
      .main[view="whats-new"] .section-quaternary .section-actions .btn {
        width: 200px !important;
        margin: 10px auto; } }
    @media (max-width: 768px) {
      .main[view="whats-new"] .section-quaternary .section-actions .btn + .btn {
        margin: 0; } }
    @media (max-width: 767px) {
      .main[view="whats-new"] .section-quaternary .section-actions .btn + .btn {
        width: 200px;
        margin: 10px auto; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .main[view="whats-new"] .image-whatsnew-individual-subfolders {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/subfolders-individual@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-individual-drag-drop {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/drag-drop-individual@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-individual-grid-view {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/grid-view@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-individual-ios-update {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/ios-ui-update@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-individual-ie-extension {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/ie-extension@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-business-subfolders {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/subfolders-biz@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-business-drag-drop {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/drag-drop-biz@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-business-grid-view {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/grid-view@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-business-ie-extension {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/ie-extension@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-business-open-ldap {
    background-image: url("/assets/images/whats-new/@@emailsystem_locale/open-ldap@2x.jpg"); } }
@media only screen and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .main[view="whats-new"] .image-whatsnew-individual-subfolders {
    background-image: url("/assets/images/whats-new/en_US/subfolders-individual-mobile@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-individual-drag-drop {
    background-image: url("/assets/images/whats-new/en_US/drag-drop-individual-mobile@2x.jpg");
    padding-top: 76%; }
  .main[view="whats-new"] .image-whatsnew-individual-grid-view {
    background-image: url("/assets/images/whats-new/en_US/grid-view-mobile@2x.jpg");
    padding-top: 80%; }
  .main[view="whats-new"] .image-whatsnew-individual-ios-update {
    background-image: url("/assets/images/whats-new/en_US/ios-ui-update-mobile@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-individual-ie-extension {
    background-image: url("/assets/images/whats-new/en_US/ie-extension-mobile@2x.jpg");
    padding-top: 85%; }
  .main[view="whats-new"] .image-whatsnew-business-subfolders {
    background-image: url("/assets/images/whats-new/en_US/subfolders-biz-mobile@2x.jpg"); }
  .main[view="whats-new"] .image-whatsnew-business-drag-drop {
    background-image: url("/assets/images/whats-new/en_US/drag-drop-biz-mobile@2x.jpg");
    padding-top: 76%; }
  .main[view="whats-new"] .image-whatsnew-business-grid-view {
    background-image: url("/assets/images/whats-new/en_US/grid-view-mobile@2x.jpg");
    padding-top: 80%; }
  .main[view="whats-new"] .image-whatsnew-business-ie-extension {
    background-image: url("/assets/images/whats-new/en_US/ie-extension-mobile@2x.jpg");
    padding-top: 85%; }
  .main[view="whats-new"] .image-whatsnew-business-open-ldap {
    background-image: url("/assets/images/whats-new/en_US/open-ldap-mobile@2x.jpg"); } }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
main[view='freeTrialThankYou'] #offsetCards .card .consoleMobileMsg p {
  color: #b3b3b3;
  font-size: 14px; }
main[view='freeTrialThankYou'] .mobile-only {
  display: none; }
main[view='freeTrialThankYou'] #offsetCards .card .consoleMobileMsg.mobile-only {
  display: none; }
main[view='freeTrialThankYou'] #offsetCards .card .consoleMobileMsg.mobile-only p {
  text-align: center; }
main[view='freeTrialThankYou'] .icon-info {
  background-image: url("/assets/images/register-trial/info.svg");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 8px;
  opacity: 0.3;
  display: block;
  text-align: center;
  margin: 20px auto 8px; }
main[view='freeTrialThankYou'] .blueGradient {
  background: #1b78e0;
  background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
  color: #fff; }
main[view='freeTrialThankYou'] .btn-yellow {
  border-radius: 3px;
  height: 48px;
  line-height: 1em; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .btn-yellow {
      line-height: 1.5em; } }
main[view='freeTrialThankYou'] .intro {
  display: block;
  padding: 80px 0 110px;
  text-align: center;
  margin-bottom: 20px; }
main[view='freeTrialThankYou'] .intro > .container > h1.intro-title {
  font-size: 36px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .intro > .container > h1.intro-title {
      font-size: 20px; } }
main[view='freeTrialThankYou'] .intro > .container > .intro-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  margin-bottom: 24px;
  background-image: url("/assets/icons/desktop/thumbs-up.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  main[view='freeTrialThankYou'] .intro > .container > .intro-icon > i {
    color: #FFC600;
    margin: 0 auto;
    font-size: 64px; }
main[view='freeTrialThankYou'] .intro > .container > .intro-title {
  font-weight: 300;
  margin-bottom: 40px;
  font-size: 26px;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .intro > .container > .intro-title {
      font-size: 18px; } }
main[view='freeTrialThankYou'] .card-resources h2 {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  display: block;
  color: #000;
  margin-bottom: 16px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card-resources h2 {
      font-size: 16px; } }
main[view='freeTrialThankYou'] .card-resources p {
  font-size: 22px;
  text-align: center;
  display: block;
  margin-bottom: 56px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card-resources p {
      font-size: 14px; } }
main[view='freeTrialThankYou'] .resources-inner {
  width: 850px;
  max-width: 100%;
  margin: 0 auto; }
main[view='freeTrialThankYou'] .card-resources a {
  display: block;
  font-size: 22px;
  color: #1B78E0;
  padding-left: 50px;
  position: relative;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card-resources a {
      font-size: 14px; } }
  main[view='freeTrialThankYou'] .card-resources a.pre-last, main[view='freeTrialThankYou'] .card-resources a.last {
    margin-bottom: 0; }
  @media (max-width: 991px) {
    main[view='freeTrialThankYou'] .card-resources a.pre-last {
      margin-bottom: 40px; }
    main[view='freeTrialThankYou'] .card-resources a.last {
      margin-bottom: 10px; } }
main[view='freeTrialThankYou'] .card-resources a:hover {
  text-decoration: none; }
main[view='freeTrialThankYou'] .card-resources a:before {
  content: "";
  display: block;
  background: url(/assets/icons/ico-blue-file.svg) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px; }
main[view='freeTrialThankYou'] .card {
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 48px;
  margin-bottom: 30px; }
main[view='freeTrialThankYou'] .card > h2 {
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  text-align: center;
  line-height: 22px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card > h2 {
      font-size: 18px; } }
main[view='freeTrialThankYou'] .cards.two-column {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
main[view='freeTrialThankYou'] .cards.two-column > .card {
  width: 49%; }
main[view='freeTrialThankYou'] #offsetCards {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: -100px; }
  main[view='freeTrialThankYou'] #offsetCards .card {
    width: 32%;
    position: relative;
    padding: 48px 48px 130px; }
    @media only screen and (max-width: 1100px) {
      main[view='freeTrialThankYou'] #offsetCards .card {
        width: 31.5%;
        min-height: 470px; } }
    @media (max-width: 768px) {
      main[view='freeTrialThankYou'] #offsetCards .card {
        width: 100%; } }
    main[view='freeTrialThankYou'] #offsetCards .card .cardIcon {
      margin-bottom: 40px; }
    main[view='freeTrialThankYou'] #offsetCards .card h3 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 20px;
      text-align: center; }
      @media (max-width: 768px) {
        main[view='freeTrialThankYou'] #offsetCards .card h3 {
          font-size: 16px; } }
    main[view='freeTrialThankYou'] #offsetCards .card p {
      font-size: 22px;
      text-align: center; }
      @media (max-width: 768px) {
        main[view='freeTrialThankYou'] #offsetCards .card p {
          font-size: 14px; } }
    main[view='freeTrialThankYou'] #offsetCards .card .cardCta {
      position: absolute;
      bottom: 50px;
      left: 0;
      display: block;
      width: 100%;
      text-align: center; }
      main[view='freeTrialThankYou'] #offsetCards .card .cardCta .btn {
        display: inline-block;
        margin: 70px auto 0;
        min-width: 190px;
        width: auto;
        font-weight: 600; }
        @media (max-width: 960px) {
          main[view='freeTrialThankYou'] #offsetCards .card .cardCta .btn {
            font-size: 16px;
            line-height: 1.2em; } }
        @media (max-width: 860px) {
          main[view='freeTrialThankYou'] #offsetCards .card .cardCta .btn {
            font-size: 15px; } }
        @media (max-width: 1100px) {
          main[view='freeTrialThankYou'] #offsetCards .card .cardCta .btn {
            padding: 8px 15px; } }
  main[view='freeTrialThankYou'] #offsetCards .row .col-md-4:last-child .card .btn {
    width: 220px; }
@media (max-width: 991px) {
  main[view='freeTrialThankYou'] #offsetCards .card p.cardCta.desktop-only {
    display: none; }
  main[view='freeTrialThankYou'] #offsetCards .card .consoleMobileMsg.mobile-only {
    display: block; }
  main[view='freeTrialThankYou'] .intro {
    padding: 6% 0; }
  main[view='freeTrialThankYou'] .intro > .container > h1.intro-title {
    margin-bottom: 0; }
  main[view='freeTrialThankYou'] #offsetCards {
    margin: 0; }
  main[view='freeTrialThankYou'] #offsetCards .card {
    min-height: auto;
    padding: 30px 30px 130px; }
    main[view='freeTrialThankYou'] #offsetCards .card.admin-console {
      padding-bottom: 40px; }
  main[view='freeTrialThankYou'] .card.card-resources {
    padding: 30px; } }
@media only screen and (max-width: 1600px) {
  main[view='freeTrialThankYou'] .intro {
    padding: 5% 0 7%; } }
@media only screen and (max-width: 1300px) {
  main[view='freeTrialThankYou'] .intro {
    padding: 6% 0 8.5%; } }
@media only screen and (max-width: 640px) {
  main[view='freeTrialThankYou'] .intro {
    padding: 7% 0 11.5%; } }
@media only screen and (max-width: 460px) {
  main[view='freeTrialThankYou'] .intro {
    padding: 7% 0 3%; }
  main[view='freeTrialThankYou'] .card-resources a {
    padding-left: 30px;
    font-size: 18px; } }
@media only screen and (max-width: 768px) {
  main[view='freeTrialThankYou'] .cards.two-column {
    flex-flow: column wrap; }
  main[view='freeTrialThankYou'] .cards.two-column > .card {
    width: 100%; } }
main[view='freeTrialThankYou'] .card-steps > .list-next-steps {
  list-style: none;
  padding-top: 16px; }
main[view='freeTrialThankYou'] .card-steps a {
  color: #E6B300; }
main[view='freeTrialThankYou'] .card-steps > .list-next-steps .list-item {
  text-align: center;
  margin-bottom: 15px; }
main[view='freeTrialThankYou'] .card-steps > .list-next-steps .list-item h4 {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
  line-height: 20px; }
main[view='freeTrialThankYou'] .card-steps > .list-next-steps .list-item p {
  font-weight: 300;
  font-size: 16px;
  color: #000012;
  line-height: 20px; }
main[view='freeTrialThankYou'] .card-demo > p {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  margin-top: 16px;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card-demo > p {
      font-size: 14px; } }
main[view='freeTrialThankYou'] .card-demo > .actions {
  width: 100%;
  text-align: center; }
main[view='freeTrialThankYou'] .card-demo > .actions > .btn-demo {
  border: 2px solid #000000;
  border-radius: 3px;
  font-size: 18px;
  color: #000000;
  height: 48px;
  padding: 0 20px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card-demo > .actions > .btn-demo {
      font-size: 16px; } }
main[view='freeTrialThankYou'] .card-demo > .actions > .btn-demo:hover {
  background: #FFC600;
  border: 2px solid #FFC600;
  border-radius: 3px; }
main[view='freeTrialThankYou'] .card-resources > p {
  margin-top: 16px;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card-resources > p {
      font-size: 14px; } }
main[view='freeTrialThankYou'] .card-resources > .list-resources {
  list-style: none; }
main[view='freeTrialThankYou'] .card-resources > .list-resources > .row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }
main[view='freeTrialThankYou'] .card-resources > .list-resources > .row > a {
  width: 45%;
  min-height: 72px;
  padding: 0 24px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  background-color: #F9F9F9;
  border: 1px solid #E2E2E2;
  margin-bottom: 8px;
  border-radius: 4px;
  background-image: url("/assets/icons/chevron-right.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  transition: 0.5s; }
  @media (max-width: 768px) {
    main[view='freeTrialThankYou'] .card-resources > .list-resources > .row > a {
      font-size: 14px; } }
@media only screen and (max-width: 768px) {
  main[view='freeTrialThankYou'] .card-resources > .list-resources > .row > a {
    width: 100%; }
  main[view='freeTrialThankYou'] .card-resources > .list-resources > .row {
    flex-flow: column nowrap; } }
main[view='freeTrialThankYou'] .card-resources > .list-resources > .row > a:hover {
  text-decoration: none;
  background-color: #E2E2E2;
  border: 1px solid #E2E2E2;
  border-radius: 4px; }
main[view='freeTrialThankYou'] .card-resources > .list-resources > .row > .empty {
  width: 45%; }
main[view='freeTrialThankYou'] .card-last p {
  margin-top: 42px;
  text-align: center; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
html[lang='ar'] .pricing-content > .container > .employee-slider {
  direction: ltr; }

.main.secondary[view="freeTrial"] {
  /*@media only screen and (max-width: $breakpoint-md) {
      .free-trial-form > form {
          order: 0;
          box-shadow: 0 1px 8px 0 rgba(0,0,0,0.35);
          border-radius: 2.8px;
          top: -300px;
          padding: 20px;
          margin-bottom: -300px;
      }
  }*/
  /* The slider itself */
  /* Mouse-over effects */
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
  .main.secondary[view="freeTrial"] .fs-dropdown-selected.field.dropdown {
    padding-bottom: 4px; }
  .main.secondary[view="freeTrial"] .eu-notice {
    font-size: 16px;
    margin-bottom: 20px; }
  .main.secondary[view="freeTrial"] p {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4em; }
    @media (max-width: 1024px) {
      .main.secondary[view="freeTrial"] p {
        font-size: 18px; } }
    @media (max-width: 768px) {
      .main.secondary[view="freeTrial"] p {
        font-size: 14px; } }
  .main.secondary[view="freeTrial"] a {
    color: #CF9F24; }
  .main.secondary[view="freeTrial"] .btn-business {
    border: 2px solid #3AAC14;
    border-radius: 3px;
    width: 160px;
    height: 40px;
    line-height: 38px;
    color: #3AAC14;
    transition: 0.5s;
    background-color: white; }
  .main.secondary[view="freeTrial"] .btn-enterprise {
    border: 2px solid #0175A1;
    border-radius: 3px;
    width: 160px;
    height: 40px;
    line-height: 38px;
    color: #0175A1;
    transition: 0.5s;
    background-color: white; }
  .main.secondary[view="freeTrial"] .banner {
    width: 100%;
    min-height: 60px;
    background-color: #FFC600;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 64px;
    z-index: 99;
    transition: .5s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    @media only screen and (max-width: 1000px) {
      .main.secondary[view="freeTrial"] .banner {
        min-height: 53px;
        padding: 20px 40px;
        top: 60px; } }
    .main.secondary[view="freeTrial"] .banner.active {
      left: 100%; }
    .main.secondary[view="freeTrial"] .banner h3 {
      font-weight: 600;
      font-size: 20px;
      display: block;
      text-align: center; }
      @media only screen and (max-width: 1000px) {
        .main.secondary[view="freeTrial"] .banner h3 {
          font-size: 16px !important;
          text-align: center;
          line-height: 20px;
          font-weight: 300; } }
      @media only screen and (max-width: 580px) {
        .main.secondary[view="freeTrial"] .banner h3 {
          font-size: 14px !important; } }
  .main.secondary[view="freeTrial"] .intro {
    margin-top: 113px;
    padding: 85px 0; }
    @media only screen and (max-width: 1000px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 16%;
        padding-bottom: 40px;
        margin-top: 0; } }
    @media only screen and (max-width: 960px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 22%; } }
    @media only screen and (max-width: 860px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 23%; } }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="freeTrial"] .intro {
        text-align: center;
        padding-top: 26%; } }
    @media only screen and (max-width: 580px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 30%; } }
    @media only screen and (max-width: 480px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 36%; } }
    @media only screen and (max-width: 460px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 40%; } }
    @media only screen and (max-width: 400px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 48%; } }
    @media only screen and (max-width: 380px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 50%; } }
    @media only screen and (max-width: 360px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 60%; } }
    @media only screen and (max-width: 330px) {
      .main.secondary[view="freeTrial"] .intro {
        padding-top: 68%; } }
    .main.secondary[view="freeTrial"] .intro .container {
      margin-bottom: 0; }
      .main.secondary[view="freeTrial"] .intro .container h1 {
        color: #FFFFFF;
        text-align: left; }
        @media only screen and (max-width: 1000px) {
          .main.secondary[view="freeTrial"] .intro .container h1 {
            text-align: center;
            width: 100%;
            font-size: 20px; } }
      .main.secondary[view="freeTrial"] .intro .container p {
        color: #FFFFFF;
        width: 50%;
        text-align: left;
        margin-left: 0; }
        @media (max-width: 1024px) {
          .main.secondary[view="freeTrial"] .intro .container p {
            font-size: 18px; } }
        @media only screen and (max-width: 1000px) {
          .main.secondary[view="freeTrial"] .intro .container p {
            font-size: 14px;
            max-width: 500px;
            text-align: center;
            margin: 0 auto;
            width: 100%; } }
  .main.secondary[view="freeTrial"] .container {
    justify-content: space-between;
    overflow: visible;
    margin-bottom: 50px; }
    @media only screen and (max-width: 1000px) {
      .main.secondary[view="freeTrial"] .container {
        padding: 0 20px;
        margin-bottom: 40px; } }
  .main.secondary[view="freeTrial"] .reasons {
    width: 100%;
    padding: 30px 500px 0 15px;
    position: relative;
    min-height: 700px; }
    @media only screen and (max-width: 1000px) {
      .main.secondary[view="freeTrial"] .reasons {
        width: 100%;
        order: 1;
        padding: 30px 15px; } }
    .main.secondary[view="freeTrial"] .reasons .reason {
      padding-left: 20px;
      background: url("/assets/icons/mobile/chevron.png") no-repeat 0 8px/9px;
      margin: 20px 0; }
    .main.secondary[view="freeTrial"] .reasons > .reason:first-of-type {
      margin-top: 32px; }
    .main.secondary[view="freeTrial"] .reasons > .reason h4 {
      font-weight: 600;
      font-size: 22px; }
      @media (max-width: 1000px) {
        .main.secondary[view="freeTrial"] .reasons > .reason h4 {
          font-size: 16px; } }
  .main.secondary[view="freeTrial"] .free-trial-form {
    max-width: 474px;
    position: absolute;
    right: 0;
    top: -120px; }
    @media only screen and (max-width: 1450px) {
      .main.secondary[view="freeTrial"] .free-trial-form {
        right: 15px; } }
    @media only screen and (max-width: 991px) {
      .main.secondary[view="freeTrial"] .free-trial-form {
        right: 0; } }
    @media only screen and (max-width: 1000px) {
      .main.secondary[view="freeTrial"] .free-trial-form {
        margin: 0 auto;
        position: relative;
        top: 30px;
        width: 100%;
        max-width: 100%; } }
  .main.secondary[view="freeTrial"] .free-trial-form > form {
    top: 0;
    position: relative;
    background-color: white;
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 30px; }
  .main.secondary[view="freeTrial"] .free-trial-form > form h2 {
    color: #000000;
    text-align: center;
    line-height: 30px;
    margin-bottom: 34px;
    font-weight: 600;
    font-size: 20px; }
  .main.secondary[view="freeTrial"] label[for="privacy"] a {
    color: #CF9F24;
    white-space: nowrap; }
  @media only screen and (max-width: 1000px) {
    .main.secondary[view="freeTrial"] .free-trial-form > form h2 {
      font-size: 18px; } }
  .main.secondary[view="freeTrial"] .pricing-content > .container:first-of-type {
    background-color: white;
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    text-align: center; }
  .main.secondary[view="freeTrial"] .pricing-content > .container:last-of-type {
    padding: 40px 0;
    padding-bottom: 0; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > h3 {
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 16px;
    font-weight: 600; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > p {
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 24px; }
  .main.secondary[view="freeTrial"] .pricing-content > .container:last-of-type > p {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 80%; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .employee-count > input {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #9B9B9B;
    min-width: 64px;
    min-height: 48px;
    margin-bottom: 33px;
    appearance: textfield;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    width: 44px; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .employee-slider {
    margin: 0 auto; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans {
    display: flex;
    justify-content: space-between;
    margin-top: 40px; }
  @media only screen and (max-width: 1000px) {
    .main.secondary[view="freeTrial"] .pricing-content > .container {
      margin-bottom: 0; }
      .main.secondary[view="freeTrial"] .pricing-content > .container > .plans {
        flex-flow: column;
        margin-top: 40px;
        align-items: center;
        justify-content: center; } }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan {
    width: 45%; }
  @media only screen and (max-width: 1000px) {
    .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan {
      width: 100%; }
    .main.secondary[view="freeTrial"] .pricing-content > .container > .plans .plan:first-of-type {
      margin-bottom: 56px; } }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan h3 {
    font-size: 22px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px; }
    @media (max-width: 1000px) {
      .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan h3 {
        font-size: 16px; } }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan.enterprise h3 {
    color: #0791C7; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan.business h3 {
    color: #60c135; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > .price {
    color: lightgrey;
    font-size: 40px;
    color: #000000;
    letter-spacing: -1.33px;
    line-height: 48px;
    margin-bottom: 15px;
    font-weight: 300; }
    @media (max-width: 1000px) {
      .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > .price {
        font-size: 26px; } }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > .price > sup {
    font-size: 50%;
    padding: 0 3px;
    font-weight: 600;
    letter-spacing: 1px; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > .price-recurring {
    font-size: 14px;
    color: #7A7A7A;
    text-align: center;
    margin-bottom: 16px; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > p {
    margin: 0 auto;
    max-width: 350px; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > button {
    margin-top: 40px; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > button.btn-enterprise:hover {
    background-color: #0175A1;
    color: white; }
  .main.secondary[view="freeTrial"] .pricing-content > .container > .plans > .plan > button.btn-business:hover {
    background-color: #3AAC14;
    color: white; }
  .main.secondary[view="freeTrial"] .field {
    background-color: #f9f9f9;
    border: 1px solid #DADADA;
    border-radius: 3px;
    padding: 20px 10px;
    font-size: 16px; }
  .main.secondary[view="freeTrial"] .field.valid {
    border: 1px solid #008f00; }
  .main.secondary[view="freeTrial"] .field.invalid {
    border: 1px solid red; }
  .main.secondary[view="freeTrial"] .ff-section {
    width: 47%; }
  @media only screen and (max-width: 768px) {
    .main.secondary[view="freeTrial"] .ff-section {
      width: 100%; }
    .main.secondary[view="freeTrial"] .ff-section.right,
    .main.secondary[view="freeTrial"] .ff-section.left {
      width: 100%; } }
  .main.secondary[view="freeTrial"] .ff-section.stretch {
    width: 100%; }
  .main.secondary[view="freeTrial"] .ff-item {
    margin-bottom: 0; }
  .main.secondary[view="freeTrial"] ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #969696;
    opacity: 1;
    /* Firefox */ }
  .main.secondary[view="freeTrial"] :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #969696; }
  .main.secondary[view="freeTrial"] ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #969696; }
  .main.secondary[view="freeTrial"] #form_country-dropdown-selected {
    line-height: 0; }
  .main.secondary[view="freeTrial"] .field.ng-invalid.ng-touched {
    border: 1px solid #F00 !important;
    background: #FFF5F6;
    transition: 0.5s ease;
    color: #D0021B; }
  .main.secondary[view="freeTrial"] #error-message.ng-invalid {
    color: red; }
  .main.secondary[view="freeTrial"] small.mute {
    color: red;
    width: 100%; }
  .main.secondary[view="freeTrial"] .ico-download-black {
    width: 10px;
    height: 15px;
    background-image: url("/assets/icons/dwnload-icon.png");
    margin-top: -2px;
    margin-right: 10px; }
  @media screen and (max-width: 420px) {
    .main.secondary[view="freeTrial"] .g-recaptcha {
      transform: scale(0.7);
      -webkit-transform: scale(0.7); } }
  .main.secondary[view="freeTrial"] p {
    white-space: normal; }
  .main.secondary[view="freeTrial"] .g-recaptcha iframe {
    height: 79px; }
  .main.secondary[view="freeTrial"] .ie .main[view="download_template"] .field {
    padding: 0px 10px; }
  .main.secondary[view="freeTrial"] .slidecontainer {
    width: 100%;
    /* Width of the outside container */ }
  .main.secondary[view="freeTrial"] .employee-slider {
    position: relative;
    max-width: 400px; }
  .main.secondary[view="freeTrial"] .slider {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin: 0 auto;
    height: 6px;
    width: 400px;
    background: #D8D8D8; }
  .main.secondary[view="freeTrial"] .slider-green {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    margin: 0 auto;
    height: 6px;
    width: 400px;
    background: #64DD17; }
  .main.secondary[view="freeTrial"] .slider:hover {
    opacity: 1;
    /* Fully shown on mouse-over */ }
  .main.secondary[view="freeTrial"] .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer; }
  .main.secondary[view="freeTrial"] .slider::-moz-range-thumb {
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer; }
  .main.secondary[view="freeTrial"] input[type="number"]::-webkit-outer-spin-button, .main.secondary[view="freeTrial"] input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .main.secondary[view="freeTrial"] .btn-yellow {
    color: black;
    background: #ffc600;
    border-radius: 3px;
    width: 160px;
    transition: .5s; }
  .main.secondary[view="freeTrial"] #submitButton {
    color: black;
    width: 180px;
    margin: 0 auto; }
  .main.secondary[view="freeTrial"] .rangeslider,
  .main.secondary[view="freeTrial"] .rangeslider__fill {
    display: block;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
  .main.secondary[view="freeTrial"] .rangeslider {
    background: #e6e6e6;
    position: relative; }
  .main.secondary[view="freeTrial"] .rangeslider--horizontal {
    height: 20px;
    width: 100%; }
  .main.secondary[view="freeTrial"] .rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%; }
  .main.secondary[view="freeTrial"] .rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4; }
  .main.secondary[view="freeTrial"] .rangeslider__fill {
    background: #00ff00;
    position: absolute; }
  .main.secondary[view="freeTrial"] .rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%; }
  .main.secondary[view="freeTrial"] .rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%; }
  .main.secondary[view="freeTrial"] .rangeslider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .main.secondary[view="freeTrial"] .rangeslider__handle:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .main.secondary[view="freeTrial"] .rangeslider__handle:active,
  .main.secondary[view="freeTrial"] .rangeslider--active .rangeslider__handle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }
  .main.secondary[view="freeTrial"] .rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y; }
  .main.secondary[view="freeTrial"] .rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x; }
  .main.secondary[view="freeTrial"] input[type="range"]:focus + .rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }
  .main.secondary[view="freeTrial"] .rangeslider__handle {
    background: white;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    /* border: 1px solid #ccc; */
    cursor: pointer;
    display: inline-block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: -10px;
    /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g); */
    /* background-size: 100%; */
    /* background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); */
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    /* background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); */
    /* background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); */
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    /* -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); */
    /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); */
    -moz-border-radius: 50%;
    /* -webkit-border-radius: 50%; */
    border-radius: 50%; }
  .main.secondary[view="freeTrial"] .rangeslider {
    background: #e6e6e6;
    position: relative;
    height: 8px !important; }
  .main.secondary[view="freeTrial"] #contact-sales {
    margin: 0 auto; }
  @media only screen and (max-width: 1000px) {
    .main.secondary[view="freeTrial"] #contact-sales {
      margin: 0 auto;
      margin-bottom: 25px; } }

.ie main[view='freeTrial'] .field {
  padding: 0 10px; }

.main.secondary[view="resources"] {
  background: #fff; }
  .main.secondary[view="resources"] .content {
    padding-top: 72px; }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] .content {
        padding-top: 40px; } }
  @media (max-width: 414px) {
    .main.secondary[view="resources"] .box {
      padding: 48px 20px; } }
  .main.secondary[view="resources"] .box h2 {
    color: #000000;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] .box h2 {
        font-size: 18px;
        line-height: 20px; } }
  @media only screen and (max-width: 768px) {
    .main.secondary[view="resources"] #topics {
      padding-top: 24px; } }
  .main.secondary[view="resources"] .image-whitepaper-ponemon-2018 {
    background-image: url("/assets/images/webinars/webinar-ponemon.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  @media only screen and (max-width: 768px) {
    .main.secondary[view="resources"] .image-whitepaper-ponemon-2018 {
      background-image: url("/assets/images/webinars/mo-webinar-ponemon.png"); } }
  .main.secondary[view="resources"] .image-cpa-academy-org {
    background-image: url("/assets/images/webinars/webinar-cpa.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  @media only screen and (max-width: 768px) {
    .main.secondary[view="resources"] .image-cpa-academy-org {
      background-image: url("/assets/images/webinars/mo-webinar-cpa.png"); } }
  .main.secondary[view="resources"] .box .left,
  .main.secondary[view="resources"] .box .right {
    width: 50%; }
  .main.secondary[view="resources"] #papers.box {
    padding: 0 0 20px;
    margin-top: 35px; }
    @media (max-width: 768px) {
      .main.secondary[view="resources"] #papers.box {
        margin-top: 40px;
        padding-bottom: 0; }
        .main.secondary[view="resources"] #papers.box .list-whitepapers {
          margin-top: 32px;
          margin-bottom: 0; } }
  .main.secondary[view="resources"] #whitePapers {
    padding: 0; }
  @media (max-width: 1024px) {
    .main.secondary[view="resources"] #trendingTopics {
      padding: 15px; }
      .main.secondary[view="resources"] #trendingTopics .list-datasheets,
      .main.secondary[view="resources"] #trendingTopics .list-studies {
        padding-left: 15px; } }
  @media (max-width: 768px) {
    .main.secondary[view="resources"] #trendingTopics .list-datasheets,
    .main.secondary[view="resources"] #trendingTopics .list-studies {
      padding-left: 0; } }
  .main.secondary[view="resources"] #whitePapers .list-whitepapers {
    text-align: center; }
  .main.secondary[view="resources"] #whitePapers .list-whitepapers .whitepaper {
    display: inline-block;
    vertical-align: top;
    text-align: center; }
  .main.secondary[view="resources"] #webinars {
    padding: 0;
    margin-top: 72px; }
    @media (max-width: 768px) {
      .main.secondary[view="resources"] #webinars {
        margin-top: 40px; } }
    @media (max-width: 768px) {
      .main.secondary[view="resources"] #webinars .list-whitepapers {
        margin-top: 32px; } }
    .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper {
      margin: 0 auto; }
      .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper.withButton {
        padding-bottom: 110px;
        position: relative; }
        @media (max-width: 768px) {
          .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper.withButton {
            padding-bottom: 30px; } }
        .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper.withButton .actions {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          display: block; }
          @media (max-width: 768px) {
            .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper.withButton .actions {
              position: relative;
              padding-bottom: 0; } }
      .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper h3 {
        padding: 0 20px; }
      @media (max-width: 768px) {
        .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper {
          margin: 0 auto 16px; }
          .main.secondary[view="resources"] #webinars .list-whitepapers .whitepaper h3 {
            min-height: auto; } }
  .main.secondary[view="resources"] #infographics {
    padding: 28px 0 0 0; }
    @media (max-width: 768px) {
      .main.secondary[view="resources"] #infographics {
        padding: 0; } }
    @media (max-width: 768px) {
      .main.secondary[view="resources"] #infographics .list-whitepapers {
        margin-top: 32px; } }
    .main.secondary[view="resources"] #infographics .list-whitepapers .whitepaper {
      margin: 0 auto 24px; }
      .main.secondary[view="resources"] #infographics .list-whitepapers .whitepaper.withButton {
        padding-bottom: 110px;
        position: relative; }
        @media (max-width: 768px) {
          .main.secondary[view="resources"] #infographics .list-whitepapers .whitepaper.withButton {
            padding-bottom: 30px; } }
        .main.secondary[view="resources"] #infographics .list-whitepapers .whitepaper.withButton .actions {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          display: block; }
          @media (max-width: 768px) {
            .main.secondary[view="resources"] #infographics .list-whitepapers .whitepaper.withButton .actions {
              position: relative;
              padding-bottom: 0; } }
      @media (max-width: 768px) {
        .main.secondary[view="resources"] #infographics .list-whitepapers .whitepaper {
          margin: 0 auto 16px; }
          .main.secondary[view="resources"] #infographics .list-whitepapers .whitepaper h3 {
            min-height: auto; } }
  @media screen and (max-width: 768px) {
    .main.secondary[view="resources"] .box .left,
    .main.secondary[view="resources"] .box .right {
      width: 100%; }
    .main.secondary[view="resources"] .box .left {
      margin-bottom: 56px; } }
  .main.secondary[view="resources"] nav.nav-secondary {
    display: block;
    position: relative;
    background: #0D4A8E;
    color: #fff; }
    .main.secondary[view="resources"] nav.nav-secondary ul {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      padding: 0;
      margin: 0; }
      .main.secondary[view="resources"] nav.nav-secondary ul li {
        width: 15.655%;
        display: inline-block; }
        .main.secondary[view="resources"] nav.nav-secondary ul li a {
          display: block;
          color: rgba(255, 255, 255, 0.5);
          padding: 19px 0;
          font-size: 16px;
          font-weight: 600; }
          .main.secondary[view="resources"] nav.nav-secondary ul li a:hover {
            color: rgba(255, 255, 255, 0.75); }
          .main.secondary[view="resources"] nav.nav-secondary ul li a.active {
            color: #fff; }
        .main.secondary[view="resources"] nav.nav-secondary ul li:first-child a {
          padding-left: 0; }
        .main.secondary[view="resources"] nav.nav-secondary ul li:last-child a {
          padding-right: 0; }
    .main.secondary[view="resources"] nav.nav-secondary.stickyNav {
      position: fixed;
      top: 64px;
      display: block;
      width: 100%;
      z-index: 10; }
    .main.secondary[view="resources"] nav.nav-secondary.stickyNav + .main-content {
      padding-top: 84px; }
  @media (max-width: 1199px) {
    .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) {
      height: 64px; }
    .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) ul {
      display: block; }
      .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) ul li {
        float: none;
        width: auto; }
        .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) ul li a {
          padding: 19px; }
        .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) ul li:first-child a {
          padding-left: 0; }
        .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) ul li:last-child a {
          padding-right: 0; } }
  @media (max-width: 1024px) {
    .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) ul li a {
      padding: 19px 16px; } }
  @media (max-width: 1023px) {
    .main.secondary[view="resources"] nav.nav-secondary:not(.nav-teritary) {
      display: none; } }
  @media (max-width: 768px) {
    .main.secondary[view="resources"] nav.nav-secondary.stickyNav + .main-content {
      padding-top: 0; } }
  .main.secondary[view="resources"] #topics {
    padding: 0; }
  .main.secondary[view="resources"] .list-topics {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
    list-style: none;
    margin-top: 56px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] .list-topics {
        margin-top: 32px; } }
    .main.secondary[view="resources"] .list-topics .topic {
      width: 48%;
      margin: 0 1% 40px;
      position: relative;
      overflow: hidden;
      min-height: 240px;
      background: #FFFFFF;
      border: 1px solid #EFEFEF;
      box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      padding: 48px; }
      @media screen and (max-width: 768px) {
        .main.secondary[view="resources"] .list-topics .topic {
          width: 100%;
          margin-bottom: 16px;
          min-height: auto;
          padding: 30px 48px; }
          .main.secondary[view="resources"] .list-topics .topic:last-child {
            margin-bottom: 0; } }
      .main.secondary[view="resources"] .list-topics .topic h3 {
        font-size: 22px;
        color: #000000;
        text-align: center;
        line-height: 26px;
        margin-bottom: 16px; }
        @media screen and (max-width: 768px) {
          .main.secondary[view="resources"] .list-topics .topic h3 {
            font-size: 14px;
            letter-spacing: 0; } }
      .main.secondary[view="resources"] .list-topics .topic p {
        color: #000000;
        text-align: center;
        margin-bottom: 100px; }
        @media (max-width: 1024px) {
          .main.secondary[view="resources"] .list-topics .topic p {
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          .main.secondary[view="resources"] .list-topics .topic p {
            font-size: 14px;
            margin-bottom: 24px;
            line-height: 20px; } }
      .main.secondary[view="resources"] .list-topics .topic .actions {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        padding-bottom: 48px; }
        @media screen and (max-width: 768px) {
          .main.secondary[view="resources"] .list-topics .topic .actions {
            position: relative;
            padding-bottom: 0; } }
        .main.secondary[view="resources"] .list-topics .topic .actions .btn {
          min-width: 200px;
          max-width: 100%;
          display: inline-block;
          margin: 0 auto;
          font-weight: 600;
          padding: 0 20px;
          border: 2px solid #CF9F24; }
  .main.secondary[view="resources"] .list-whitepapers {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
    list-style: none;
    margin-top: 56px;
    margin-bottom: 20px; }
    .main.secondary[view="resources"] .list-whitepapers .whitepaper {
      width: 32%;
      background: #FFFFFF;
      border: 1px solid #EFEFEF;
      box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      padding: 0 20px;
      margin-bottom: 24px;
      transition: 0.5 ease; }
      @media screen and (max-width: 768px) {
        .main.secondary[view="resources"] .list-whitepapers .whitepaper {
          margin-bottom: 16px;
          width: 100%; }
          .main.secondary[view="resources"] .list-whitepapers .whitepaper:last-child {
            margin-bottom: 0 !important; } }
      .main.secondary[view="resources"] .list-whitepapers .whitepaper h3 {
        font-size: 22px;
        color: #000000;
        text-align: center;
        line-height: 26px;
        min-height: 132px; }
        @media screen and (max-width: 768px) {
          .main.secondary[view="resources"] .list-whitepapers .whitepaper h3 {
            min-height: auto; } }
        .main.secondary[view="resources"] .list-whitepapers .whitepaper h3 a {
          display: block;
          padding: 40px 0;
          overflow: hidden;
          transition: 0.5 ease; }
          .main.secondary[view="resources"] .list-whitepapers .whitepaper h3 a:hover {
            text-decoration: none;
            color: #000; }
        @media screen and (max-width: 768px) {
          .main.secondary[view="resources"] .list-whitepapers .whitepaper h3 {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 20px; }
            .main.secondary[view="resources"] .list-whitepapers .whitepaper h3 a {
              padding: 24px 0; } }
      .main.secondary[view="resources"] .list-whitepapers .whitepaper .actions {
        position: relative;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 48px; }
        @media screen and (max-width: 768px) {
          .main.secondary[view="resources"] .list-whitepapers .whitepaper .actions {
            padding-bottom: 30px; } }
        .main.secondary[view="resources"] .list-whitepapers .whitepaper .actions .btn {
          display: inline-block;
          max-width: 100%;
          min-width: 200px;
          margin: 0 auto;
          font-weight: 600;
          padding: 0;
          border: 2px solid #CF9F24; }
      .main.secondary[view="resources"] .list-whitepapers .whitepaper:hover {
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); }
        .main.secondary[view="resources"] .list-whitepapers .whitepaper:hover h3 a {
          color: #cf9f24; }
    .main.secondary[view="resources"] .list-whitepapers .whitepaper:nth-of-type(2n) {
      margin: 0 1% 24px; }
      @media screen and (max-width: 768px) {
        .main.secondary[view="resources"] .list-whitepapers .whitepaper:nth-of-type(2n) {
          margin: 0 0 24px; } }
      @media screen and (max-width: 480px) {
        .main.secondary[view="resources"] .list-whitepapers .whitepaper:nth-of-type(2n) {
          margin: 0 0 16px; } }
    .main.secondary[view="resources"] .list-whitepapers .whitepaper-image {
      margin-left: -20px;
      margin-right: -20px; }
    .main.secondary[view="resources"] .list-whitepapers .whitepaper-image > .image {
      width: 100%;
      padding-top: 46%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 8px 8px 0 0;
      overflow: hidden;
      position: relative; }
      .main.secondary[view="resources"] .list-whitepapers .whitepaper-image > .image > a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
  .main.secondary[view="resources"] #datasheets-and-studies {
    display: flex;
    padding: 0 15px 48px;
    margin-top: 100px;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] #datasheets-and-studies {
        flex-flow: column nowrap;
        padding: 0 0 48px;
        margin-top: 0; } }
    .main.secondary[view="resources"] #datasheets-and-studies .box + .box {
      margin-top: 0; }
      @media screen and (max-width: 768px) {
        .main.secondary[view="resources"] #datasheets-and-studies .box + .box {
          margin-top: 16px; } }
    .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets, .main.secondary[view="resources"] #datasheets-and-studies > div#studies {
      width: 49.3%;
      padding: 48px 117px; }
      @media screen and (max-width: 1400px) {
        .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets, .main.secondary[view="resources"] #datasheets-and-studies > div#studies {
          padding: 48px; } }
      @media screen and (max-width: 991px) {
        .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets, .main.secondary[view="resources"] #datasheets-and-studies > div#studies {
          padding: 48px 15px; } }
      @media screen and (max-width: 768px) {
        .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets, .main.secondary[view="resources"] #datasheets-and-studies > div#studies {
          width: 100%;
          padding: 48px;
          margin-top: 100px; } }
      @media screen and (max-width: 414px) {
        .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets, .main.secondary[view="resources"] #datasheets-and-studies > div#studies {
          padding: 30px 16px; } }
      .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets h2, .main.secondary[view="resources"] #datasheets-and-studies > div#studies h2 {
        margin: -140px 0 120px; }
        @media screen and (max-width: 768px) {
          .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets h2, .main.secondary[view="resources"] #datasheets-and-studies > div#studies h2 {
            margin: -90px 0 60px; } }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] #datasheets-and-studies > div#datasheets {
        margin-bottom: 30px; } }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] #datasheets-and-studies {
        display: block; } }
  .main.secondary[view="resources"] .list-datasheets,
  .main.secondary[view="resources"] .list-studies {
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin-top: 56px; }
    @media screen and (max-width: 1150px) {
      .main.secondary[view="resources"] .list-datasheets,
      .main.secondary[view="resources"] .list-studies {
        margin-top: 30px; } }
    @media screen and (max-width: 991px) {
      .main.secondary[view="resources"] .list-datasheets,
      .main.secondary[view="resources"] .list-studies {
        padding-left: 0; } }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] .list-datasheets,
      .main.secondary[view="resources"] .list-studies {
        margin-top: 20px; } }
    .main.secondary[view="resources"] .list-datasheets li,
    .main.secondary[view="resources"] .list-studies li {
      font-weight: 300;
      font-size: 22px;
      color: #000000;
      line-height: 26px;
      padding-left: 48px;
      margin-bottom: 32px;
      cursor: pointer;
      transition: 0.25 ease;
      max-width: 100%; }
      @media screen and (max-width: 870px) {
        .main.secondary[view="resources"] .list-datasheets li,
        .main.secondary[view="resources"] .list-studies li {
          font-size: 20px; } }
      @media screen and (max-width: 800px) {
        .main.secondary[view="resources"] .list-datasheets li,
        .main.secondary[view="resources"] .list-studies li {
          font-size: 18px; } }
      @media screen and (max-width: 768px) {
        .main.secondary[view="resources"] .list-datasheets li,
        .main.secondary[view="resources"] .list-studies li {
          font-size: 16px;
          letter-spacing: 0;
          line-height: 26px;
          margin-bottom: 20px; } }
      .main.secondary[view="resources"] .list-datasheets li.datasheet,
      .main.secondary[view="resources"] .list-studies li.datasheet {
        background: url("/assets/images/pages/resources/ico-datasheet.svg") no-repeat 0 0/32px; }
      .main.secondary[view="resources"] .list-datasheets li.study,
      .main.secondary[view="resources"] .list-studies li.study {
        background: url("/assets/images/pages/resources/ico-case-study.svg") no-repeat 0 0/32px; }
    .main.secondary[view="resources"] .list-datasheets li:hover a,
    .main.secondary[view="resources"] .list-datasheets li:hover,
    .main.secondary[view="resources"] .list-studies li:hover a,
    .main.secondary[view="resources"] .list-studies li:hover {
      color: #CF9F24;
      text-decoration: none; }
  .main.secondary[view="resources"] .list-datasheets .datasheet {
    height: 64px;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .main.secondary[view="resources"] .list-datasheets .datasheet {
        min-height: 32px;
        margin-bottom: 20px; } }

[locale="ar_AE"] .main.secondary[view="resources"] .list-studies .study {
  background-position: top right;
  padding-left: 0;
  padding-right: 48px; }
[locale="ar_AE"] .main.secondary[view="resources"] .list-datasheets li {
  background-position: top right;
  padding-left: 0;
  padding-right: 48px; }

.main[view="reviews"] {
  /*************RATING*************/ }
  .main[view="reviews"] #rating {
    text-align: center;
    padding: 50px 0 30px; }
    .main[view="reviews"] #rating .intro-content {
      width: 1200px;
      max-width: 100%;
      margin: 0 auto; }
    .main[view="reviews"] #rating .intro-inner {
      max-width: 100%; }
    .main[view="reviews"] #rating h2 {
      color: #000;
      text-align: center;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        .main[view="reviews"] #rating h2 {
          font-size: 18px; } }
    .main[view="reviews"] #rating p {
      text-align: center;
      font-size: 22px;
      margin-top: 20px; }
      @media (max-width: 1024px) {
        .main[view="reviews"] #rating p {
          font-size: 18px; } }
      @media (max-width: 768px) {
        .main[view="reviews"] #rating p {
          font-size: 14px; } }
      .main[view="reviews"] #rating p strong {
        font-weight: 600; }
    .main[view="reviews"] #rating .starsCount {
      display: block;
      clear: both;
      font-size: 22px;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
    @media screen and (max-width: 991px) {
      .main[view="reviews"] #rating {
        padding: 50px 0 0; }
        .main[view="reviews"] #rating img.revLogo {
          height: 32px;
          width: auto; }
        .main[view="reviews"] #rating p.rate {
          margin: 0 0 80px;
          height: 40px;
          font-size: 14px; }
        .main[view="reviews"] #rating .starsCount {
          font-size: 14px; }
        .main[view="reviews"] #rating .intro-content h3 {
          font-size: 28px;
          margin-bottom: 70px; } }
    @media only screen and (max-width: 767px) {
      .main[view="reviews"] #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .main[view="reviews"] #rating p.rate {
        margin: 20px 0 0;
        height: 40px;
        display: block;
        height: 75px;
        overflow: hidden; }
        .main[view="reviews"] #rating p.rate img.revLogo {
          display: block;
          width: 100%;
          clear: both; }
      .main[view="reviews"] #rating .logoCol {
        width: 100%; }
      .main[view="reviews"] #rating .starsCount {
        display: block;
        clear: both;
        font-size: 14px;
        height: 30px;
        line-height: 45px;
        margin: 0 0 40px 0;
        white-space: nowrap; } }
  .main[view="reviews"] .critically-acclaimed h2 {
    color: #000;
    text-align: center;
    margin-bottom: 40px; }
  .main[view="reviews"] .critically-acclaimed .list-items {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: flex-start; }
  .main[view="reviews"] .critically-acclaimed .list-items a {
    width: 30%;
    text-align: center;
    text-decoration: none; }
  .main[view="reviews"] .critically-acclaimed .list-items .list-item .rating {
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 8px; }
  @media only screen and (max-width: 768px) {
    .main[view="reviews"] .critically-acclaimed .list-items {
      justify-content: flex-start;
      align-items: flex-start;
      flex-flow: column; }
    .main[view="reviews"] .critically-acclaimed .list-items a {
      width: 100%;
      margin-bottom: 40px; } }
  .main[view="reviews"] .posts .col-sm-6.postContainer:nth-child(odd) {
    clear: both; }
  .main[view="reviews"] .post-meta.ng-binding {
    font-size: 22px;
    display: block;
    text-align: right; }
    @media (max-width: 768px) {
      .main[view="reviews"] .post-meta.ng-binding {
        font-size: 14px; } }
    @media (max-width: 640px) {
      .main[view="reviews"] .post-meta.ng-binding {
        display: none; } }
  .main[view="reviews"] .reviewPosts {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .main[view="reviews"] .reviewPosts .postContainer {
      min-height: 330px;
      width: 49%;
      margin-bottom: 18px; }
      @media (max-width: 768px) {
        .main[view="reviews"] .reviewPosts .postContainer {
          width: 100%;
          min-height: auto; } }
      .main[view="reviews"] .reviewPosts .postContainer .box {
        background: #fff;
        border: 1px solid #E4E4E4;
        padding: 48px;
        min-height: 100%; }
        @media (max-width: 768px) {
          .main[view="reviews"] .reviewPosts .postContainer .box {
            min-height: auto;
            padding: 40px 20px; } }
        @media (max-width: 380px) {
          .main[view="reviews"] .reviewPosts .postContainer .box .row .col-xs-6 {
            width: 100%;
            text-align: center; }
            .main[view="reviews"] .reviewPosts .postContainer .box .row .col-xs-6 .post-meta.ng-binding {
              text-align: center; } }
        .main[view="reviews"] .reviewPosts .postContainer .box .post-head {
          padding: 0 0 20px 0;
          border: none; }
          @media (max-width: 640px) {
            .main[view="reviews"] .reviewPosts .postContainer .box .post-head img {
              margin: 0 auto;
              display: block;
              text-align: center; } }
        .main[view="reviews"] .reviewPosts .postContainer .box h5 {
          font-size: 22px;
          margin-bottom: 10px; }
          @media (max-width: 768px) {
            .main[view="reviews"] .reviewPosts .postContainer .box h5 {
              font-size: 18px; } }
        @media (max-width: 768px) {
          .main[view="reviews"] .reviewPosts .postContainer .box p {
            font-size: 14px; } }
      .main[view="reviews"] .reviewPosts .postContainer .post-body .post-meta {
        display: none; }
      @media (max-width: 640px) {
        .main[view="reviews"] .reviewPosts .postContainer .post-body {
          text-align: center; }
          .main[view="reviews"] .reviewPosts .postContainer .post-body .post-meta {
            display: block;
            width: 100%;
            margin-top: 16px;
            font-weight: 600;
            text-align: center; } }
  .main[view="reviews"] .icon-five-stars {
    display: block;
    margin: 20px auto;
    margin-top: 20px;
    margin-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .main[view="reviews"] .icon-five-stars {
      display: block;
      margin: 0 auto;
      margin-top: 25px;
      margin-bottom: 15px; } }

.main[view="gdpr"] i, .main[view="gdpr"] em {
  font-weight: 600; }
.main[view="gdpr"] .section-white {
  background-color: white; }
.main[view="gdpr"] .section-grey {
  background-color: #f8f8f8; }
.main[view="gdpr"] h2 {
  color: #000;
  margin-bottom: 16px; }
  @media (max-width: 768px) {
    .main[view="gdpr"] h2 {
      font-size: 18px; } }
.main[view="gdpr"] h3 {
  color: #000;
  line-height: 1.3em;
  margin-bottom: 12px; }
  @media (max-width: 768px) {
    .main[view="gdpr"] h3 {
      font-size: 16px; } }
.main[view="gdpr"] p {
  margin-bottom: 22px; }
  @media (max-width: 1024px) {
    .main[view="gdpr"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view="gdpr"] p {
      font-size: 14px; } }
  .main[view="gdpr"] p a {
    color: #CF9F24; }
    @media (max-width: 360px) {
      .main[view="gdpr"] p a {
        font-size: 15px; } }
    @media (max-width: 320px) {
      .main[view="gdpr"] p a {
        font-size: 14px; } }
    .main[view="gdpr"] p a:hover {
      text-decoration: underline; }
.main[view="gdpr"] .box {
  padding: 0;
  border-radius: 8px;
  overflow: hidden; }
.main[view="gdpr"] #why-gdpr .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .main[view="gdpr"] #why-gdpr .inner {
      flex-flow: column nowrap; } }
.main[view="gdpr"] #why-gdpr .section-image {
  width: 30%;
  height: 300px;
  float: none; }
  @media only screen and (max-width: 768px) {
    .main[view="gdpr"] #why-gdpr .section-image {
      width: 100%;
      height: 150px;
      margin-top: 20px; } }
.main[view="gdpr"] #why-gdpr .section-content {
  width: 100%;
  float: none;
  padding: 0;
  padding: 40px 60px; }
  @media only screen and (max-width: 768px) {
    .main[view="gdpr"] #why-gdpr .section-content {
      padding: 40px 20px; } }
.main[view="gdpr"] #our-commitment .section-content {
  width: 100%;
  float: none;
  padding: 0;
  padding: 40px 60px; }
  .main[view="gdpr"] #our-commitment .section-content h4 {
    font-size: 22px;
    margin-bottom: 12px; }
    @media (max-width: 768px) {
      .main[view="gdpr"] #our-commitment .section-content h4 {
        font-size: 16px; } }
  .main[view="gdpr"] #our-commitment .section-content p {
    margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .main[view="gdpr"] #our-commitment .section-content {
      padding: 40px 20px; }
      .main[view="gdpr"] #our-commitment .section-content .section-content {
        padding: 40px 20px; } }
.main[view="gdpr"] #gdpr-reasons .section-content {
  width: 100%;
  float: none;
  padding: 0;
  padding: 40px 60px; }
@media only screen and (max-width: 768px) {
  .main[view="gdpr"] #gdpr-reasons .section-content {
    padding: 40px 20px; } }
.main[view="gdpr"] #gdpr-reasons .list-features h4 {
  margin-bottom: 15px;
  font-weight: 300;
  display: inline-block; }
@media only screen and (max-width: 768px) {
  .main[view="gdpr"] #gdpr-reasons .list-features h4 {
    display: block;
    text-align: center; } }
.main[view="gdpr"] #gdpr-reasons .list-features p {
  margin-left: 35px; }
@media screen and (max-width: 768px) {
  .main[view="gdpr"] #gdpr-reasons .list-features p {
    margin-left: 0;
    text-align: center; } }
.main[view="gdpr"] #gdpr-reasons .ico-shield, .main[view="gdpr"] #gdpr-reasons .ico-alert, .main[view="gdpr"] #gdpr-reasons .ico-check-lock, .main[view="gdpr"] #gdpr-reasons .ico-people, .main[view="gdpr"] #gdpr-reasons .ico-eye {
  margin-right: 10px;
  display: inline-block; }
@media only screen and (max-width: 768px) {
  .main[view="gdpr"] #gdpr-reasons .ico-shield, .main[view="gdpr"] #gdpr-reasons .ico-alert, .main[view="gdpr"] #gdpr-reasons .ico-check-lock, .main[view="gdpr"] #gdpr-reasons .ico-people, .main[view="gdpr"] #gdpr-reasons .ico-eye {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px; } }
.main[view="gdpr"] #data-agreement .section-content {
  width: 100%;
  float: none;
  padding: 0;
  padding: 40px 60px; }
  @media only screen and (max-width: 768px) {
    .main[view="gdpr"] #data-agreement .section-content {
      padding: 40px 20px; } }
.main[view="gdpr"] #faqs.box {
  margin-bottom: 5px;
  padding: 0; }
  .main[view="gdpr"] #faqs.box .inner {
    padding: 40px 60px; }
    @media only screen and (max-width: 768px) {
      .main[view="gdpr"] #faqs.box .inner {
        padding: 40px 20px; } }
  .main[view="gdpr"] #faqs.box .section-content {
    width: 100%;
    float: none;
    padding: 0; }
    .main[view="gdpr"] #faqs.box .section-content h4 {
      font-size: 22px;
      line-height: 1.5;
      margin-bottom: 10px; }
      @media (max-width: 768px) {
        .main[view="gdpr"] #faqs.box .section-content h4 {
          font-size: 16px; } }

@media (max-width: 768px) {
  .main[view="jobs"] p.text-center {
    font-size: 14px; } }
.main[view="jobs"] p.text-center a {
  color: #CF9F24; }
@media (max-width: 768px) {
  .main[view="jobs"] .box {
    padding: 40px 20px; } }
.main[view="jobs"] .box h2 {
  font-weight: 600;
  color: #000000;
  text-align: center;
  margin-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    .main[view="jobs"] .box h2 {
      font-size: 18px;
      color: #000000;
      text-align: center;
      line-height: 20px; } }
.main[view="jobs"] #resume.box {
  margin-bottom: 5px; }
  .main[view="jobs"] #resume.box h2 {
    margin-bottom: 10px; }
.main[view="jobs"] .list-positions {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  list-style: none; }
  @media only screen and (max-width: 768px) {
    .main[view="jobs"] .list-positions {
      flex-flow: column nowrap; } }
  .main[view="jobs"] .list-positions .position {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 48px; }
    @media only screen and (max-width: 768px) {
      .main[view="jobs"] .list-positions .position {
        width: 100%;
        padding: 0; } }
    .main[view="jobs"] .list-positions .position a {
      display: block;
      transition: 0.25s ease; }
    .main[view="jobs"] .list-positions .position a:hover {
      color: #CF9F24;
      text-decoration: none; }
    .main[view="jobs"] .list-positions .position .title {
      font-weight: 600;
      font-size: 22px;
      letter-spacing: 0; }
      @media only screen and (max-width: 768px) {
        .main[view="jobs"] .list-positions .position .title {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0; } }
    .main[view="jobs"] .list-positions .position .location {
      font-weight: 300;
      font-size: 18px;
      letter-spacing: 0;
      line-height: 20px; }
      @media only screen and (max-width: 768px) {
        .main[view="jobs"] .list-positions .position .location {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          line-height: 20px; } }
.main[view="jobs"] .list-postings {
  display: flex;
  justify-content: space-around;
  flex-flow: row nowrap;
  list-style: none; }
  @media only screen and (max-width: 768px) {
    .main[view="jobs"] .list-postings {
      flex-flow: column nowrap; } }
  .main[view="jobs"] .list-postings .btn {
    min-width: 0;
    width: 164px;
    padding: 0;
    margin: 0 auto; }
  .main[view="jobs"] .list-postings .posting {
    width: 30%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; }
    @media only screen and (max-width: 768px) {
      .main[view="jobs"] .list-postings .posting {
        width: 100%;
        margin-bottom: 45px; } }
  .main[view="jobs"] .list-postings .posting > div {
    display: flex;
    justify-content: center;
    margin-bottom: 30px; }
.main[view="jobs"] .list-benefits {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none; }
  .main[view="jobs"] .list-benefits .benefit {
    width: 30%;
    text-align: center;
    margin-bottom: 64px; }
    @media only screen and (max-width: 768px) {
      .main[view="jobs"] .list-benefits .benefit {
        width: 50%;
        margin-bottom: 32px; } }
    @media only screen and (max-width: 480px) {
      .main[view="jobs"] .list-benefits .benefit {
        width: 100%; } }
    .main[view="jobs"] .list-benefits .benefit .title {
      font-weight: 300;
      font-size: 22px;
      color: #000000;
      letter-spacing: 0;
      text-align: center;
      line-height: 26px;
      margin-top: 35px; }
      @media only screen and (max-width: 768px) {
        .main[view="jobs"] .list-benefits .benefit .title {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 26px;
          margin-top: 8px; } }
.main[view="jobs"] .icon-clothing,
.main[view="jobs"] .icon-pto,
.main[view="jobs"] .icon-events,
.main[view="jobs"] .icon-healthcare,
.main[view="jobs"] .icon-401k,
.main[view="jobs"] .icon-coffee {
  height: 64px;
  width: 64px; }
  @media (max-width: 768px) {
    .main[view="jobs"] .icon-clothing,
    .main[view="jobs"] .icon-pto,
    .main[view="jobs"] .icon-events,
    .main[view="jobs"] .icon-healthcare,
    .main[view="jobs"] .icon-401k,
    .main[view="jobs"] .icon-coffee {
      height: 40px;
      width: 40px; } }
.main[view="jobs"] .icon-clothing {
  background: url("/assets/images/pages/jobs/ico-attire.svg") no-repeat center/contain; }
.main[view="jobs"] .icon-pto {
  background: url("/assets/images/pages/jobs/ico-pto.svg") no-repeat center/contain; }
.main[view="jobs"] .icon-events {
  background: url("/assets/images/pages/jobs/ico-events.svg") no-repeat center/contain; }
.main[view="jobs"] .icon-healthcare {
  background: url("/assets/images/pages/jobs/ico-benefits.svg") no-repeat center/contain; }
.main[view="jobs"] .icon-401k {
  background: url("/assets/images/pages/jobs/ico-401k.svg") no-repeat center/contain; }
.main[view="jobs"] .icon-coffee {
  background: url("/assets/images/pages/jobs/ico-snacks.svg") no-repeat center/contain; }

main[view="pricing"].main {
  background-color: white !important; }
  main[view="pricing"].main #testimonials .slick-dots {
    left: 0;
    right: 0; }
  @media only screen and (min-width: 768px) {
    main[view="pricing"].main {
      min-height: 900px; } }
  main[view="pricing"].main .logo-keeper-dark,
  main[view="pricing"].main .logo-keeperchat {
    margin: 0 auto;
    margin-bottom: 24px; }
  main[view="pricing"].main .logo-keeper-free {
    margin-bottom: 24px; }
    @media only screen and (max-width: 768px) {
      main[view="pricing"].main .logo-keeper-free {
        margin-bottom: 20px; } }
  main[view="pricing"].main .tab.active {
    display: flex; }
  main[view="pricing"].main ul.blueCheckboxes {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: left; }
    @media (max-width: 768px) {
      main[view="pricing"].main ul.blueCheckboxes {
        text-align: center; } }
    main[view="pricing"].main ul.blueCheckboxes li {
      padding-left: 30px;
      position: relative;
      font-size: 22px;
      margin-bottom: 16px; }
      @media (max-width: 991px) {
        main[view="pricing"].main ul.blueCheckboxes li {
          font-size: 16px; } }
      @media (max-width: 768px) {
        main[view="pricing"].main ul.blueCheckboxes li {
          padding: 0; } }
      main[view="pricing"].main ul.blueCheckboxes li:before {
        content: '';
        display: block;
        width: 10px;
        height: 20px;
        border: 2px solid #1B78E0;
        border-left: 0;
        border-top: 0;
        transform: rotate(45deg);
        position: absolute;
        left: 0;
        top: 0; }
        @media (max-width: 768px) {
          main[view="pricing"].main ul.blueCheckboxes li:before {
            display: none; } }
  @media only screen and (min-width: 768px) {
    main[view="pricing"].main .content.container [data-react-component="PricingCards"] {
      padding-bottom: 96px; } }
  @media only screen and (max-width: 768px) {
    main[view="pricing"].main .content.container [data-react-component="PricingCards"] {
      margin-top: 16px; } }
  main[view="pricing"].main .content.container [data-react-component="PricingCards"] .plan-actions .btn[data-popup] {
    white-space: pre-wrap; }
  main[view="pricing"].main .content.container #enterprise, main[view="pricing"].main .content.container #business, main[view="pricing"].main .content.container #personal, main[view="pricing"].main .content.container #family {
    display: flex; }
  main[view="pricing"].main #business {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; }
    @media only screen and (max-width: 768px) {
      main[view="pricing"].main #business {
        flex-flow: column nowrap; } }
    main[view="pricing"].main #business .box {
      margin-bottom: 16px; }
      main[view="pricing"].main #business .box.business {
        padding: 48px;
        order: 1; }
        @media (max-width: 768px) {
          main[view="pricing"].main #business .box.business {
            margin-top: 0; } }
      main[view="pricing"].main #business .box.enterprise {
        padding: 48px;
        order: 2; }
        @media (max-width: 768px) {
          main[view="pricing"].main #business .box.enterprise {
            margin-top: 0; } }
    main[view="pricing"].main #business .box.employees,
    main[view="pricing"].main #business [data-keeper-component="slider"] {
      order: 3; }
      @media (max-width: 768px) {
        main[view="pricing"].main #business .box.employees,
        main[view="pricing"].main #business [data-keeper-component="slider"] {
          order: 3;
          margin-top: 16px; } }
    main[view="pricing"].main #business .box.business,
    main[view="pricing"].main #business .box.enterprise {
      width: 49%; }
      @media only screen and (max-width: 1400px) {
        main[view="pricing"].main #business .box.business,
        main[view="pricing"].main #business .box.enterprise {
          padding: 48px; } }
      @media only screen and (min-width: 768px) {
        main[view="pricing"].main #business .box.business,
        main[view="pricing"].main #business .box.enterprise {
          margin-top: 0; } }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #business .box.business,
        main[view="pricing"].main #business .box.enterprise {
          width: 100%; } }
      @media (max-width: 414px) {
        main[view="pricing"].main #business .box.business,
        main[view="pricing"].main #business .box.enterprise {
          padding: 48px 20px; } }
      main[view="pricing"].main #business .box.business h2,
      main[view="pricing"].main #business .box.enterprise h2 {
        color: #000000;
        text-align: center;
        margin-bottom: 40px;
        text-transform: capitalize; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #business .box.business h2,
          main[view="pricing"].main #business .box.enterprise h2 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
            margin-bottom: 15px; } }
      main[view="pricing"].main #business .box.business .pricing,
      main[view="pricing"].main #business .box.enterprise .pricing {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        text-align: center;
        margin-bottom: 48px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #business .box.business .pricing,
          main[view="pricing"].main #business .box.enterprise .pricing {
            margin-bottom: 24px; } }
        main[view="pricing"].main #business .box.business .pricing .price,
        main[view="pricing"].main #business .box.business .pricing .cycle,
        main[view="pricing"].main #business .box.enterprise .pricing .price,
        main[view="pricing"].main #business .box.enterprise .pricing .cycle {
          display: inline-block; }
          main[view="pricing"].main #business .box.business .pricing .price .annual-price sup,
          main[view="pricing"].main #business .box.business .pricing .cycle .annual-price sup,
          main[view="pricing"].main #business .box.enterprise .pricing .price .annual-price sup,
          main[view="pricing"].main #business .box.enterprise .pricing .cycle .annual-price sup {
            font-size: 1em;
            top: 0; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.business .pricing .price,
            main[view="pricing"].main #business .box.business .pricing .cycle,
            main[view="pricing"].main #business .box.enterprise .pricing .price,
            main[view="pricing"].main #business .box.enterprise .pricing .cycle {
              display: block; } }
        main[view="pricing"].main #business .box.business .pricing .price,
        main[view="pricing"].main #business .box.enterprise .pricing .price {
          font-weight: 600;
          font-size: 26px;
          color: #000000;
          text-align: right;
          line-height: 44px;
          margin-right: 24px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.business .pricing .price,
            main[view="pricing"].main #business .box.enterprise .pricing .price {
              font-size: 20px;
              letter-spacing: 0;
              text-align: center;
              line-height: 24px;
              margin-right: 0;
              margin-bottom: 8px; } }
          main[view="pricing"].main #business .box.business .pricing .price sup,
          main[view="pricing"].main #business .box.enterprise .pricing .price sup {
            font-weight: 600; }
          main[view="pricing"].main #business .box.business .pricing .price .currency,
          main[view="pricing"].main #business .box.enterprise .pricing .price .currency {
            top: 0;
            font-size: 1em; }
        main[view="pricing"].main #business .box.business .pricing .cycle,
        main[view="pricing"].main #business .box.enterprise .pricing .cycle {
          font-size: 16px;
          color: #000;
          letter-spacing: 0;
          line-height: 22px; }
          main[view="pricing"].main #business .box.business .pricing .cycle .annual-price sup,
          main[view="pricing"].main #business .box.enterprise .pricing .cycle .annual-price sup {
            font-size: 1em;
            top: 0; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.business .pricing .cycle,
            main[view="pricing"].main #business .box.enterprise .pricing .cycle {
              font-weight: 300;
              font-size: 12px;
              letter-spacing: 0;
              text-align: center;
              line-height: 16px; } }
          main[view="pricing"].main #business .box.business .pricing .cycle .currency,
          main[view="pricing"].main #business .box.enterprise .pricing .cycle .currency {
            top: 0;
            font-size: 1em;
            margin-right: 2px; }
      main[view="pricing"].main #business .box.business .actions,
      main[view="pricing"].main #business .box.enterprise .actions {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        text-align: center;
        margin-bottom: 56px;
        margin-left: -20px;
        margin-right: -20px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #business .box.business .actions,
          main[view="pricing"].main #business .box.enterprise .actions {
            margin-bottom: 32px;
            flex-flow: column nowrap;
            align-content: center; } }
        main[view="pricing"].main #business .box.business .actions .btn,
        main[view="pricing"].main #business .box.enterprise .actions .btn {
          display: inline-block;
          padding: 0 15px;
          font-weight: 600;
          min-width: 200px; }
          @media only screen and (max-width: 1024px) {
            main[view="pricing"].main #business .box.business .actions .btn,
            main[view="pricing"].main #business .box.enterprise .actions .btn {
              min-width: 180px;
              padding: 0 24px; } }
          @media only screen and (max-width: 991px) {
            main[view="pricing"].main #business .box.business .actions .btn,
            main[view="pricing"].main #business .box.enterprise .actions .btn {
              min-width: 170px; } }
          @media only screen and (max-width: 960px) {
            main[view="pricing"].main #business .box.business .actions .btn,
            main[view="pricing"].main #business .box.enterprise .actions .btn {
              min-width: 150px;
              padding: 0 15px; } }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.business .actions .btn,
            main[view="pricing"].main #business .box.enterprise .actions .btn {
              display: block;
              min-width: 200px; } }
        main[view="pricing"].main #business .box.business .actions .btn + .btn,
        main[view="pricing"].main #business .box.enterprise .actions .btn + .btn {
          margin-left: 16px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.business .actions .btn + .btn,
            main[view="pricing"].main #business .box.enterprise .actions .btn + .btn {
              margin-left: auto; } }
      main[view="pricing"].main #business .box.business .list-features,
      main[view="pricing"].main #business .box.enterprise .list-features {
        list-style: none;
        width: 410px;
        max-width: 100%;
        margin: 0 auto; }
        main[view="pricing"].main #business .box.business .list-features .feature,
        main[view="pricing"].main #business .box.enterprise .list-features .feature {
          background: none;
          border: none;
          padding: 0 0 0 32px;
          background: url("/assets/images/pages/pricing/ico-check.svg") no-repeat 0 5px/22px;
          color: #000000;
          margin-bottom: 20px; }
          main[view="pricing"].main #business .box.business .list-features .feature strong, main[view="pricing"].main #business .box.business .list-features .feature b,
          main[view="pricing"].main #business .box.enterprise .list-features .feature strong,
          main[view="pricing"].main #business .box.enterprise .list-features .feature b {
            font-weight: 600; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.business .list-features .feature,
            main[view="pricing"].main #business .box.enterprise .list-features .feature {
              font-size: 14px;
              text-align: center;
              line-height: 20px;
              margin-bottom: 8px;
              background-image: none;
              padding-left: 0; } }
    main[view="pricing"].main #business .box.employees {
      width: 100%;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #business .box.employees {
          background: #FFFFFF;
          border: 1px solid #EFEFEF;
          box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
          border-radius: 8px; } }
      @media (max-width: 414px) {
        main[view="pricing"].main #business .box.employees {
          padding: 48px 20px; } }
      main[view="pricing"].main #business .box.employees h3 {
        font-weight: 300;
        font-size: 26px;
        color: #000000;
        text-align: center;
        line-height: 36px;
        margin-bottom: 32px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #business .box.employees h3 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
            margin-bottom: 24px; } }
      main[view="pricing"].main #business .box.employees .employees {
        margin-bottom: 50px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #business .box.employees .employees {
            margin-bottom: 36px; } }
        main[view="pricing"].main #business .box.employees .employees .counter {
          margin-bottom: 40px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.employees .employees .counter {
              margin-bottom: 30px; } }
        main[view="pricing"].main #business .box.employees .employees .counter input {
          border: 0;
          background: #FFFFFF;
          border: 1px solid #9B9B9B;
          border-radius: 4px;
          text-align: center;
          padding: 15px; }
        main[view="pricing"].main #business .box.employees .employees .slider-container {
          max-width: 400px;
          margin: 0 auto; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.employees .employees .slider-container {
              max-width: 100%; } }
        main[view="pricing"].main #business .box.employees .employees .slider-container input {
          max-width: 400px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.employees .employees .slider-container input {
              width: 320px; } }
          @media only screen and (max-width: 500px) {
            main[view="pricing"].main #business .box.employees .employees .slider-container input {
              width: 265px; } }
      main[view="pricing"].main #business .box.employees .actions {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 600px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 48px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #business .box.employees .actions {
            margin-bottom: 24px;
            width: 100%;
            flex-flow: column nowrap;
            align-items: center;
            align-content: center;
            justify-content: flex-start; }
            main[view="pricing"].main #business .box.employees .actions .business {
              margin-bottom: 32px; } }
        main[view="pricing"].main #business .box.employees .actions h4 {
          font-weight: 300;
          font-size: 26px;
          color: #000000;
          text-align: center;
          line-height: 36px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.employees .actions h4 {
              font-size: 18px;
              letter-spacing: 0;
              line-height: 24px; } }
        main[view="pricing"].main #business .box.employees .actions .price {
          font-weight: 600;
          font-size: 26px;
          color: #000000;
          text-align: center;
          line-height: 36px;
          margin-top: 8px;
          margin-bottom: 32px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #business .box.employees .actions .price {
              margin-top: 16px;
              margin-bottom: 24px;
              font-size: 20px;
              letter-spacing: 0;
              line-height: 24px; } }
          main[view="pricing"].main #business .box.employees .actions .price sup {
            top: 0;
            font-size: 1em;
            font-weight: 600; }
          main[view="pricing"].main #business .box.employees .actions .price sup:first-of-type {
            margin-right: 2px; }
          main[view="pricing"].main #business .box.employees .actions .price sup:last-of-type {
            margin-left: 4px; }
        main[view="pricing"].main #business .box.employees .actions .btn {
          font-weight: 600; }
      main[view="pricing"].main #business .box.employees .contact-sales {
        font-weight: 300;
        font-size: 22px;
        color: #000000;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #business .box.employees .contact-sales {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 20px; } }
        main[view="pricing"].main #business .box.employees .contact-sales a {
          color: #1B78E0; }
          main[view="pricing"].main #business .box.employees .contact-sales a:hover {
            text-decoration: none; }
  main[view="pricing"].main #personalTitle.active {
    display: block; }
  main[view="pricing"].main #personalTitle h2 {
    color: black;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center; }
  main[view="pricing"].main #familyTitle.active {
    display: block; }
  main[view="pricing"].main #familyTitle h2 {
    color: black;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center; }
  main[view="pricing"].main #personal {
    padding-top: 70px;
    margin-bottom: 75px; }
    @media only screen and (max-width: 768px) {
      main[view="pricing"].main #personal {
        margin-bottom: 0;
        padding-top: 0; } }
  main[view="pricing"].main #personal,
  main[view="pricing"].main #family {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    position: relative;
    clear: both; }
    @media only screen and (max-width: 768px) {
      main[view="pricing"].main #personal,
      main[view="pricing"].main #family {
        flex-flow: column nowrap;
        margin-top: 30px; } }
    main[view="pricing"].main #personal #personalBundle,
    main[view="pricing"].main #family #personalBundle {
      margin-top: -70px;
      padding: 48px;
      z-index: 10;
      width: 123%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      background: #fff url("/assets/images/pages/pricing/mo-ico-star-popular.svg") no-repeat 0 0/60px; }
      @media only screen and (min-width: 768px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          max-width: 500px; } }
      @media (max-width: 1300px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          width: 125%; } }
      @media (max-width: 1250px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          width: 126%; } }
      @media (max-width: 1200px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          width: 127%; } }
      @media (max-width: 1150px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          width: 128%; } }
      @media (max-width: 1100px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          width: 129%; } }
      @media (max-width: 991px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          width: 100%;
          margin: -48px 0 48px;
          padding: 36px; } }
      @media (max-width: 768px) {
        main[view="pricing"].main #personal #personalBundle,
        main[view="pricing"].main #family #personalBundle {
          padding: 35px;
          margin: 0; }
          main[view="pricing"].main #personal #personalBundle .serviceIcon,
          main[view="pricing"].main #family #personalBundle .serviceIcon {
            max-height: 25px; } }
      main[view="pricing"].main #personal #personalBundle img,
      main[view="pricing"].main #family #personalBundle img {
        margin-top: 8px;
        max-width: 100%;
        display: block;
        margin: 8px auto 24px; }
      main[view="pricing"].main #personal #personalBundle p,
      main[view="pricing"].main #family #personalBundle p {
        text-align: center; }
        main[view="pricing"].main #personal #personalBundle p strong,
        main[view="pricing"].main #family #personalBundle p strong {
          font-weight: 600;
          display: block;
          clear: both; }
          main[view="pricing"].main #personal #personalBundle p strong.blue,
          main[view="pricing"].main #family #personalBundle p strong.blue {
            color: #1B78E0;
            margin: 40px 0 24px; }
      main[view="pricing"].main #personal #personalBundle .pricing,
      main[view="pricing"].main #family #personalBundle .pricing {
        font-size: 36px;
        margin: 40px 0;
        color: #1B78E0; }
        @media (max-width: 768px) {
          main[view="pricing"].main #personal #personalBundle .pricing,
          main[view="pricing"].main #family #personalBundle .pricing {
            margin: 30px 0 0; } }
        main[view="pricing"].main #personal #personalBundle .pricing small,
        main[view="pricing"].main #family #personalBundle .pricing small {
          color: #000; }
          main[view="pricing"].main #personal #personalBundle .pricing small sup,
          main[view="pricing"].main #family #personalBundle .pricing small sup {
            top: 0;
            font-size: 1em;
            font-weight: inherit; }
        main[view="pricing"].main #personal #personalBundle .pricing sup,
        main[view="pricing"].main #family #personalBundle .pricing sup {
          font-weight: 600;
          top: 0;
          font-size: 1em; }
        @media (max-width: 460px) {
          main[view="pricing"].main #personal #personalBundle .pricing,
          main[view="pricing"].main #family #personalBundle .pricing {
            font-size: 22px; }
            main[view="pricing"].main #personal #personalBundle .pricing small,
            main[view="pricing"].main #family #personalBundle .pricing small {
              font-size: 12px;
              line-height: 16px; } }
    main[view="pricing"].main #personal .keeper-vault,
    main[view="pricing"].main #personal .keeper-bundle,
    main[view="pricing"].main #personal .keeper-chat,
    main[view="pricing"].main #family .keeper-vault,
    main[view="pricing"].main #family .keeper-bundle,
    main[view="pricing"].main #family .keeper-chat {
      margin-top: 0; }
      @media only screen and (min-width: 1440px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          padding: 48px 80px; } }
      @media only screen and (max-width: 1400px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          padding: 48px 7%; } }
      @media only screen and (max-width: 1300px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          padding: 48px 6%; } }
      @media only screen and (max-width: 1200px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          padding: 48px 5%; } }
      @media only screen and (max-width: 1024px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          padding: 48px 4%; } }
      @media only screen and (max-width: 960px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          padding: 48px 3%; } }
      @media only screen and (max-width: 860px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          padding: 48px 2%; } }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #personal .keeper-vault,
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #personal .keeper-chat,
        main[view="pricing"].main #family .keeper-vault,
        main[view="pricing"].main #family .keeper-bundle,
        main[view="pricing"].main #family .keeper-chat {
          width: 100%; } }
      main[view="pricing"].main #personal .keeper-vault .brand,
      main[view="pricing"].main #personal .keeper-bundle .brand,
      main[view="pricing"].main #personal .keeper-chat .brand,
      main[view="pricing"].main #family .keeper-vault .brand,
      main[view="pricing"].main #family .keeper-bundle .brand,
      main[view="pricing"].main #family .keeper-chat .brand {
        margin-bottom: 24px; }
      main[view="pricing"].main #personal .keeper-vault .name,
      main[view="pricing"].main #personal .keeper-bundle .name,
      main[view="pricing"].main #personal .keeper-chat .name,
      main[view="pricing"].main #family .keeper-vault .name,
      main[view="pricing"].main #family .keeper-bundle .name,
      main[view="pricing"].main #family .keeper-chat .name {
        margin-bottom: 75px; }
        @media (max-width: 768px) {
          main[view="pricing"].main #personal .keeper-vault .name,
          main[view="pricing"].main #personal .keeper-bundle .name,
          main[view="pricing"].main #personal .keeper-chat .name,
          main[view="pricing"].main #family .keeper-vault .name,
          main[view="pricing"].main #family .keeper-bundle .name,
          main[view="pricing"].main #family .keeper-chat .name {
            margin-bottom: 28px; } }
        main[view="pricing"].main #personal .keeper-vault .name h2,
        main[view="pricing"].main #personal .keeper-bundle .name h2,
        main[view="pricing"].main #personal .keeper-chat .name h2,
        main[view="pricing"].main #family .keeper-vault .name h2,
        main[view="pricing"].main #family .keeper-bundle .name h2,
        main[view="pricing"].main #family .keeper-chat .name h2 {
          color: #000000;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #personal .keeper-vault .name h2,
            main[view="pricing"].main #personal .keeper-bundle .name h2,
            main[view="pricing"].main #personal .keeper-chat .name h2,
            main[view="pricing"].main #family .keeper-vault .name h2,
            main[view="pricing"].main #family .keeper-bundle .name h2,
            main[view="pricing"].main #family .keeper-chat .name h2 {
              font-size: 14px;
              letter-spacing: 0;
              line-height: 20px; } }
        main[view="pricing"].main #personal .keeper-vault .name h3,
        main[view="pricing"].main #personal .keeper-bundle .name h3,
        main[view="pricing"].main #personal .keeper-chat .name h3,
        main[view="pricing"].main #family .keeper-vault .name h3,
        main[view="pricing"].main #family .keeper-bundle .name h3,
        main[view="pricing"].main #family .keeper-chat .name h3 {
          font-size: 22px;
          color: #1B78E0;
          text-align: center;
          line-height: 36px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #personal .keeper-vault .name h3,
            main[view="pricing"].main #personal .keeper-bundle .name h3,
            main[view="pricing"].main #personal .keeper-chat .name h3,
            main[view="pricing"].main #family .keeper-vault .name h3,
            main[view="pricing"].main #family .keeper-bundle .name h3,
            main[view="pricing"].main #family .keeper-chat .name h3 {
              font-size: 14px;
              letter-spacing: 0;
              line-height: 20px; } }
      main[view="pricing"].main #personal .keeper-vault .pricing,
      main[view="pricing"].main #personal .keeper-bundle .pricing,
      main[view="pricing"].main #personal .keeper-chat .pricing,
      main[view="pricing"].main #family .keeper-vault .pricing,
      main[view="pricing"].main #family .keeper-bundle .pricing,
      main[view="pricing"].main #family .keeper-chat .pricing {
        margin-bottom: 40px; }
        @media (max-width: 768px) {
          main[view="pricing"].main #personal .keeper-vault .pricing,
          main[view="pricing"].main #personal .keeper-bundle .pricing,
          main[view="pricing"].main #personal .keeper-chat .pricing,
          main[view="pricing"].main #family .keeper-vault .pricing,
          main[view="pricing"].main #family .keeper-bundle .pricing,
          main[view="pricing"].main #family .keeper-chat .pricing {
            margin-bottom: 40px; } }
        main[view="pricing"].main #personal .keeper-vault .pricing .price,
        main[view="pricing"].main #personal .keeper-bundle .pricing .price,
        main[view="pricing"].main #personal .keeper-chat .pricing .price,
        main[view="pricing"].main #family .keeper-vault .pricing .price,
        main[view="pricing"].main #family .keeper-bundle .pricing .price,
        main[view="pricing"].main #family .keeper-chat .pricing .price {
          font-size: 36px;
          text-align: center;
          line-height: 40px;
          font-weight: 600; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #personal .keeper-vault .pricing .price,
            main[view="pricing"].main #personal .keeper-bundle .pricing .price,
            main[view="pricing"].main #personal .keeper-chat .pricing .price,
            main[view="pricing"].main #family .keeper-vault .pricing .price,
            main[view="pricing"].main #family .keeper-bundle .pricing .price,
            main[view="pricing"].main #family .keeper-chat .pricing .price {
              font-size: 20px;
              letter-spacing: 0;
              line-height: 24px; } }
          main[view="pricing"].main #personal .keeper-vault .pricing .price .currency,
          main[view="pricing"].main #personal .keeper-bundle .pricing .price .currency,
          main[view="pricing"].main #personal .keeper-chat .pricing .price .currency,
          main[view="pricing"].main #family .keeper-vault .pricing .price .currency,
          main[view="pricing"].main #family .keeper-bundle .pricing .price .currency,
          main[view="pricing"].main #family .keeper-chat .pricing .price .currency {
            top: 0;
            font-size: 1em;
            margin-right: 4px; }
            @media only screen and (max-width: 768px) {
              main[view="pricing"].main #personal .keeper-vault .pricing .price .currency,
              main[view="pricing"].main #personal .keeper-bundle .pricing .price .currency,
              main[view="pricing"].main #personal .keeper-chat .pricing .price .currency,
              main[view="pricing"].main #family .keeper-vault .pricing .price .currency,
              main[view="pricing"].main #family .keeper-bundle .pricing .price .currency,
              main[view="pricing"].main #family .keeper-chat .pricing .price .currency {
                top: 0;
                margin-right: 2px; } }
        main[view="pricing"].main #personal .keeper-vault .pricing .cycle,
        main[view="pricing"].main #personal .keeper-bundle .pricing .cycle,
        main[view="pricing"].main #personal .keeper-chat .pricing .cycle,
        main[view="pricing"].main #family .keeper-vault .pricing .cycle,
        main[view="pricing"].main #family .keeper-bundle .pricing .cycle,
        main[view="pricing"].main #family .keeper-chat .pricing .cycle {
          font-size: 18px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 22px;
          font-weight: 300;
          margin-top: 15px; }
          main[view="pricing"].main #personal .keeper-vault .pricing .cycle .annual-price sup,
          main[view="pricing"].main #personal .keeper-bundle .pricing .cycle .annual-price sup,
          main[view="pricing"].main #personal .keeper-chat .pricing .cycle .annual-price sup,
          main[view="pricing"].main #family .keeper-vault .pricing .cycle .annual-price sup,
          main[view="pricing"].main #family .keeper-bundle .pricing .cycle .annual-price sup,
          main[view="pricing"].main #family .keeper-chat .pricing .cycle .annual-price sup {
            font-size: 1em;
            top: 0; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #personal .keeper-vault .pricing .cycle,
            main[view="pricing"].main #personal .keeper-bundle .pricing .cycle,
            main[view="pricing"].main #personal .keeper-chat .pricing .cycle,
            main[view="pricing"].main #family .keeper-vault .pricing .cycle,
            main[view="pricing"].main #family .keeper-bundle .pricing .cycle,
            main[view="pricing"].main #family .keeper-chat .pricing .cycle {
              font-size: 12px;
              letter-spacing: 0;
              line-height: 16px; } }
          main[view="pricing"].main #personal .keeper-vault .pricing .cycle .currency,
          main[view="pricing"].main #personal .keeper-bundle .pricing .cycle .currency,
          main[view="pricing"].main #personal .keeper-chat .pricing .cycle .currency,
          main[view="pricing"].main #family .keeper-vault .pricing .cycle .currency,
          main[view="pricing"].main #family .keeper-bundle .pricing .cycle .currency,
          main[view="pricing"].main #family .keeper-chat .pricing .cycle .currency {
            top: 0;
            font-size: 1em;
            margin-right: 2px; }
      main[view="pricing"].main #personal .keeper-vault .actions,
      main[view="pricing"].main #personal .keeper-bundle .actions,
      main[view="pricing"].main #personal .keeper-chat .actions,
      main[view="pricing"].main #family .keeper-vault .actions,
      main[view="pricing"].main #family .keeper-bundle .actions,
      main[view="pricing"].main #family .keeper-chat .actions {
        text-align: center; }
        @media (max-width: 768px) {
          main[view="pricing"].main #personal .keeper-vault .actions,
          main[view="pricing"].main #personal .keeper-bundle .actions,
          main[view="pricing"].main #personal .keeper-chat .actions,
          main[view="pricing"].main #family .keeper-vault .actions,
          main[view="pricing"].main #family .keeper-bundle .actions,
          main[view="pricing"].main #family .keeper-chat .actions {
            margin-top: 40px; } }
        main[view="pricing"].main #personal .keeper-vault .actions .btn,
        main[view="pricing"].main #personal .keeper-bundle .actions .btn,
        main[view="pricing"].main #personal .keeper-chat .actions .btn,
        main[view="pricing"].main #family .keeper-vault .actions .btn,
        main[view="pricing"].main #family .keeper-bundle .actions .btn,
        main[view="pricing"].main #family .keeper-chat .actions .btn {
          min-width: 200px;
          display: inline-block; }
        main[view="pricing"].main #personal .keeper-vault .actions a:not(.btn),
        main[view="pricing"].main #personal .keeper-bundle .actions a:not(.btn),
        main[view="pricing"].main #personal .keeper-chat .actions a:not(.btn),
        main[view="pricing"].main #family .keeper-vault .actions a:not(.btn),
        main[view="pricing"].main #family .keeper-bundle .actions a:not(.btn),
        main[view="pricing"].main #family .keeper-chat .actions a:not(.btn) {
          display: block;
          clear: both; }
        main[view="pricing"].main #personal .keeper-vault .actions a + a,
        main[view="pricing"].main #personal .keeper-bundle .actions a + a,
        main[view="pricing"].main #personal .keeper-chat .actions a + a,
        main[view="pricing"].main #family .keeper-vault .actions a + a,
        main[view="pricing"].main #family .keeper-bundle .actions a + a,
        main[view="pricing"].main #family .keeper-chat .actions a + a {
          font-size: 18px;
          color: #CF9F24;
          letter-spacing: 0;
          line-height: 22px;
          margin-top: 32px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #personal .keeper-vault .actions a + a,
            main[view="pricing"].main #personal .keeper-bundle .actions a + a,
            main[view="pricing"].main #personal .keeper-chat .actions a + a,
            main[view="pricing"].main #family .keeper-vault .actions a + a,
            main[view="pricing"].main #family .keeper-bundle .actions a + a,
            main[view="pricing"].main #family .keeper-chat .actions a + a {
              font-size: 14px;
              line-height: 20px; } }
    main[view="pricing"].main #personal .keeper-vault,
    main[view="pricing"].main #personal .keeper-chat,
    main[view="pricing"].main #family .keeper-vault,
    main[view="pricing"].main #family .keeper-chat {
      margin-top: 24px; }
    main[view="pricing"].main #personal .keeper-vault,
    main[view="pricing"].main #family .keeper-vault {
      margin-right: -10px; }
    main[view="pricing"].main #personal .keeper-chat,
    main[view="pricing"].main #family .keeper-chat {
      margin-left: -10px; }
    @media only screen and (max-width: 768px) {
      main[view="pricing"].main #personal .keeper-vault,
      main[view="pricing"].main #family .keeper-vault {
        margin-top: 0; }
      main[view="pricing"].main #personal .keeper-vault,
      main[view="pricing"].main #personal .keeper-chat,
      main[view="pricing"].main #family .keeper-vault,
      main[view="pricing"].main #family .keeper-chat {
        margin-top: 16px; }
      main[view="pricing"].main #personal .keeper-vault,
      main[view="pricing"].main #family .keeper-vault {
        margin-right: 0;
        order: 2; }
      main[view="pricing"].main #personal .keeper-chat,
      main[view="pricing"].main #family .keeper-chat {
        margin-left: 0;
        order: 3; }
      main[view="pricing"].main #personal .keeper-bundle,
      main[view="pricing"].main #family .keeper-bundle {
        margin-top: 0;
        order: 1; } }
    main[view="pricing"].main #personal .keeper-bundle,
    main[view="pricing"].main #family .keeper-bundle {
      z-index: 1;
      background: #fff url("/assets/images/pages/pricing/mo-ico-star-popular.svg") no-repeat 0 0/60px;
      margin-top: -44px; }
      main[view="pricing"].main #personal .keeper-bundle p,
      main[view="pricing"].main #family .keeper-bundle p {
        text-align: center; }
        main[view="pricing"].main #personal .keeper-bundle p strong,
        main[view="pricing"].main #family .keeper-bundle p strong {
          font-weight: 600;
          display: block;
          clear: both; }
          main[view="pricing"].main #personal .keeper-bundle p strong.blue,
          main[view="pricing"].main #family .keeper-bundle p strong.blue {
            color: #1B78E0;
            margin: 40px 0 24px; }
      main[view="pricing"].main #personal .keeper-bundle .pricing .price,
      main[view="pricing"].main #family .keeper-bundle .pricing .price {
        color: #1B78E0; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #personal .keeper-bundle,
        main[view="pricing"].main #family .keeper-bundle {
          padding-bottom: 48px; }
          main[view="pricing"].main #personal .keeper-bundle .actions a:first-of-type,
          main[view="pricing"].main #family .keeper-bundle .actions a:first-of-type {
            margin-bottom: 0; } }
    main[view="pricing"].main #personal .image-keeper-vault,
    main[view="pricing"].main #family .image-keeper-vault {
      background: url("/assets/branding/keeper-logo-dark.svg") no-repeat center/contain;
      width: 240px;
      height: 46px;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #personal .image-keeper-vault,
        main[view="pricing"].main #family .image-keeper-vault {
          width: 173px;
          height: 32px; } }
    main[view="pricing"].main #personal .image-keeper-bundle,
    main[view="pricing"].main #family .image-keeper-bundle {
      background: url("/assets/images/pages/pricing/ico-product-keeper-bundle.svg") no-repeat center/contain;
      width: 240px;
      height: 46px;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #personal .image-keeper-bundle,
        main[view="pricing"].main #family .image-keeper-bundle {
          width: 173px;
          height: 32px; } }
    main[view="pricing"].main #personal .image-keeper-chat,
    main[view="pricing"].main #family .image-keeper-chat {
      background: url("/assets/branding/keeperchat-logo@1x.png") no-repeat center/contain;
      width: 240px;
      height: 46px;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #personal .image-keeper-chat,
        main[view="pricing"].main #family .image-keeper-chat {
          width: 173px;
          height: 32px; } }
    main[view="pricing"].main #personal .image-keeper-family-bundle,
    main[view="pricing"].main #family .image-keeper-family-bundle {
      background: url("/assets/images/pages/pricing/ico-product-keeper-family-bundle-blue.svg") no-repeat center/contain;
      width: 240px;
      height: 46px;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #personal .image-keeper-family-bundle,
        main[view="pricing"].main #family .image-keeper-family-bundle {
          width: 173px;
          height: 32px; } }
  main[view="pricing"].main #family {
    position: relative;
    padding: 60px 0; }
    @media (max-width: 768px) {
      main[view="pricing"].main #family {
        padding-top: 70px; } }
    @media (max-width: 414px) {
      main[view="pricing"].main #family {
        padding-top: 90px; } }
    main[view="pricing"].main #family > h2 {
      display: block;
      width: 100%;
      clear: both;
      color: #000;
      text-align: center;
      position: absolute;
      left: 0;
      top: 0; }
      @media (max-width: 768px) {
        main[view="pricing"].main #family > h2 {
          margin-top: 20px; } }
  main[view="pricing"].main #personal .keeper-vault .name h2,
  main[view="pricing"].main #family .keeper-vault .name h2 {
    text-transform: capitalize; }
  main[view="pricing"].main #enterprise {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; }
    @media only screen and (max-width: 768px) {
      main[view="pricing"].main #enterprise {
        flex-flow: column nowrap; } }
    main[view="pricing"].main #enterprise .box.employees {
      width: 100%;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #enterprise .box.employees {
          background: #FFFFFF;
          border: 1px solid #EFEFEF;
          box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
          border-radius: 8px; } }
      @media (max-width: 414px) {
        main[view="pricing"].main #enterprise .box.employees {
          padding: 48px 20px; } }
      main[view="pricing"].main #enterprise .box.employees h3 {
        font-weight: 300;
        font-size: 26px;
        color: #000000;
        text-align: center;
        line-height: 36px;
        margin-bottom: 32px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.employees h3 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
            margin-bottom: 24px; } }
      main[view="pricing"].main #enterprise .box.employees .employees {
        margin-bottom: 50px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.employees .employees {
            margin-bottom: 36px; } }
        main[view="pricing"].main #enterprise .box.employees .employees .counter {
          margin-bottom: 40px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #enterprise .box.employees .employees .counter {
              margin-bottom: 30px; } }
        main[view="pricing"].main #enterprise .box.employees .employees .counter input {
          border: 0;
          background: #FFFFFF;
          border: 1px solid #9B9B9B;
          border-radius: 4px;
          text-align: center;
          padding: 15px; }
        main[view="pricing"].main #enterprise .box.employees .employees .slider-container {
          max-width: 400px;
          margin: 0 auto; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #enterprise .box.employees .employees .slider-container {
              max-width: 100%; } }
        main[view="pricing"].main #enterprise .box.employees .employees .slider-container input {
          max-width: 400px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #enterprise .box.employees .employees .slider-container input {
              width: 320px; } }
          @media only screen and (max-width: 500px) {
            main[view="pricing"].main #enterprise .box.employees .employees .slider-container input {
              width: 265px; } }
      main[view="pricing"].main #enterprise .box.employees .actions {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 600px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 48px;
        padding-top: 45px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.employees .actions {
            margin-bottom: 24px;
            width: 100%;
            flex-flow: column nowrap;
            align-items: center;
            align-content: center;
            justify-content: flex-start; }
            main[view="pricing"].main #enterprise .box.employees .actions .business {
              margin-bottom: 32px; } }
        main[view="pricing"].main #enterprise .box.employees .actions h4 {
          font-weight: 300;
          font-size: 26px;
          color: #000000;
          text-align: center;
          line-height: 36px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #enterprise .box.employees .actions h4 {
              font-size: 18px;
              letter-spacing: 0;
              line-height: 24px; } }
        main[view="pricing"].main #enterprise .box.employees .actions .price {
          font-weight: 600;
          font-size: 26px;
          color: #000000;
          text-align: center;
          line-height: 36px;
          margin-top: 8px;
          margin-bottom: 32px; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #enterprise .box.employees .actions .price {
              margin-top: 16px;
              margin-bottom: 24px;
              font-size: 20px;
              letter-spacing: 0;
              line-height: 24px; } }
          main[view="pricing"].main #enterprise .box.employees .actions .price sup {
            top: 0;
            font-size: 1em;
            font-weight: 600; }
          main[view="pricing"].main #enterprise .box.employees .actions .price sup:first-of-type {
            margin-right: 2px; }
          main[view="pricing"].main #enterprise .box.employees .actions .price sup:last-of-type {
            margin-left: 4px; }
        main[view="pricing"].main #enterprise .box.employees .actions .btn {
          font-weight: 600; }
      main[view="pricing"].main #enterprise .box.employees .contact-sales {
        font-weight: 300;
        font-size: 22px;
        color: #000000;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.employees .contact-sales {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 20px; } }
        main[view="pricing"].main #enterprise .box.employees .contact-sales a {
          color: #1B78E0; }
          main[view="pricing"].main #enterprise .box.employees .contact-sales a:hover {
            text-decoration: none; }
    main[view="pricing"].main #enterprise .box.enterprise-plan {
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 1400px) {
        main[view="pricing"].main #enterprise .box.enterprise-plan {
          padding: 48px; } }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #enterprise .box.enterprise-plan {
          flex-flow: column nowrap;
          padding: 36px 52px; } }
      @media only screen and (max-width: 640px) {
        main[view="pricing"].main #enterprise .box.enterprise-plan {
          padding: 36px 20px; } }
      @media (max-width: 414px) {
        main[view="pricing"].main #enterprise .box.enterprise-plan {
          padding: 48px 20px; } }
      main[view="pricing"].main #enterprise .box.enterprise-plan h2 {
        text-align: center;
        color: #000;
        margin-bottom: 58px;
        text-transform: capitalize; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.enterprise-plan h2 {
            font-size: 20px;
            color: #000000;
            letter-spacing: 0;
            text-align: center;
            line-height: 24px;
            margin-bottom: 16px; } }
      main[view="pricing"].main #enterprise .box.enterprise-plan .column {
        max-width: 45%; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.enterprise-plan .column {
            max-width: 100%; } }
      main[view="pricing"].main #enterprise .box.enterprise-plan .pricing {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 58px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.enterprise-plan .pricing {
            flex-flow: column nowrap;
            margin-bottom: 24px; } }
      main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .price {
        font-size: 26px;
        letter-spacing: -0.81px;
        line-height: 48px;
        color: #000000;
        text-align: right;
        margin-right: 24px;
        font-weight: 600; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .price {
            margin-right: 0;
            margin-bottom: 8px;
            font-size: 20px;
            color: #000000;
            letter-spacing: 0;
            text-align: center;
            line-height: 24px; } }
        main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .price sup {
          font-weight: 600;
          top: 0;
          font-size: 1em; }
      main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .cycle {
        font-size: 16px;
        color: #000000;
        letter-spacing: -0.18px;
        line-height: 22px; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .cycle {
            font-size: 12px;
            color: #000000;
            letter-spacing: 0;
            text-align: center;
            line-height: 16px; } }
        main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .cycle sup {
          top: 0;
          font-size: 1em; }
      main[view="pricing"].main #enterprise .box.enterprise-plan .actions {
        display: flex; }
        @media only screen and (max-width: 768px) {
          main[view="pricing"].main #enterprise .box.enterprise-plan .actions {
            margin-bottom: 32px;
            flex-flow: column nowrap;
            justify-content: center; } }
        main[view="pricing"].main #enterprise .box.enterprise-plan .actions .btn {
          font-weight: 600;
          min-width: 180px;
          padding: 0 15px; }
          @media only screen and (max-width: 991px) {
            main[view="pricing"].main #enterprise .box.enterprise-plan .actions .btn {
              min-width: 160px;
              padding: 0 15px; } }
          main[view="pricing"].main #enterprise .box.enterprise-plan .actions .btn:first-of-type {
            margin-right: 16px; }
            @media only screen and (max-width: 768px) {
              main[view="pricing"].main #enterprise .box.enterprise-plan .actions .btn:first-of-type {
                margin-right: auto; } }
      main[view="pricing"].main #enterprise .box.enterprise-plan .features {
        list-style: none; }
        main[view="pricing"].main #enterprise .box.enterprise-plan .features li {
          margin-bottom: 20px;
          padding-left: 40px;
          color: #000;
          position: relative; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #enterprise .box.enterprise-plan .features li {
              padding-left: 0;
              font-size: 14px;
              color: #000000;
              letter-spacing: 0;
              text-align: center;
              line-height: 20px; } }
          main[view="pricing"].main #enterprise .box.enterprise-plan .features li:before {
            content: '';
            display: block;
            width: 9px;
            height: 18px;
            border: 2px solid #000;
            border-left: 0;
            border-top: 0;
            position: absolute;
            left: 7px;
            top: 1px;
            transform: rotate(45deg); }
            @media only screen and (max-width: 768px) {
              main[view="pricing"].main #enterprise .box.enterprise-plan .features li:before {
                display: none; } }
          main[view="pricing"].main #enterprise .box.enterprise-plan .features li a {
            color: #cc9e00;
            font-weight: 300;
            transition: 0.5s ease; }
            main[view="pricing"].main #enterprise .box.enterprise-plan .features li a:hover {
              text-decoration: none;
              color: #FFC600; }
  main[view="pricing"].main [data-keeper-component="slider"] {
    background: none !important;
    box-shadow: none !important;
    border: 0 !important; }
  main[view="pricing"].main #keeperFree.active {
    display: block;
    padding: 8% 0 7%; }
    @media (max-width: 1600px) {
      main[view="pricing"].main #keeperFree.active {
        background-position: 120% center !important; } }
    @media (max-width: 1440px) {
      main[view="pricing"].main #keeperFree.active {
        background-position: 130% center !important; } }
    @media (max-width: 1200px) {
      main[view="pricing"].main #keeperFree.active {
        background-position: 150% center !important; } }
    @media (max-width: 1100px) {
      main[view="pricing"].main #keeperFree.active {
        background-position: 190% center !important;
        padding: 2% 0 14%; } }
    @media (max-width: 1024px) {
      main[view="pricing"].main #keeperFree.active {
        padding: 7% 0;
        background-position: 190% center !important; } }
    @media (max-width: 991px) {
      main[view="pricing"].main #keeperFree.active {
        margin: 56px 0 0;
        padding: 6% 0;
        background-position: 200% center !important; } }
    @media (max-width: 960px) {
      main[view="pricing"].main #keeperFree.active {
        background: #fff !important;
        padding: 48px 0; } }
    @media (max-width: 768px) {
      main[view="pricing"].main #keeperFree.active {
        padding-top: 0;
        margin-top: 0; } }
    main[view="pricing"].main #keeperFree.active .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start; }
      main[view="pricing"].main #keeperFree.active .container .kFreeContent {
        width: 46%;
        padding-left: 80px; }
        @media (max-width: 1200px) {
          main[view="pricing"].main #keeperFree.active .container .kFreeContent {
            padding-left: 15px;
            width: 50%; } }
        @media (max-width: 1100px) {
          main[view="pricing"].main #keeperFree.active .container .kFreeContent {
            width: 50%; } }
        @media (max-width: 960px) {
          main[view="pricing"].main #keeperFree.active .container .kFreeContent {
            width: 100%;
            text-align: center; } }
        @media (max-width: 768px) {
          main[view="pricing"].main #keeperFree.active .container .kFreeContent {
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
            background: #fff;
            border-radius: 10px;
            padding: 48px 36px; } }
        @media (max-width: 414px) {
          main[view="pricing"].main #keeperFree.active .container .kFreeContent {
            padding: 36px 24px; } }
        main[view="pricing"].main #keeperFree.active .container .kFreeContent img {
          margin-bottom: 56px; }
          main[view="pricing"].main #keeperFree.active .container .kFreeContent img.mobileOnly {
            display: none; }
            @media (max-width: 960px) {
              main[view="pricing"].main #keeperFree.active .container .kFreeContent img.mobileOnly {
                display: block;
                margin: 0 auto 24px; } }
          @media (max-width: 960px) {
            main[view="pricing"].main #keeperFree.active .container .kFreeContent img.desktopOnly {
              display: none; } }
        main[view="pricing"].main #keeperFree.active .container .kFreeContent .includes {
          margin: 32px 0 24px; }
          main[view="pricing"].main #keeperFree.active .container .kFreeContent .includes strong {
            font-weight: 600; }
        main[view="pricing"].main #keeperFree.active .container .kFreeContent ul.blueCheckboxes {
          display: inline-block; }
        main[view="pricing"].main #keeperFree.active .container .kFreeContent .actions {
          margin-top: 56px; }
          main[view="pricing"].main #keeperFree.active .container .kFreeContent .actions .btn {
            display: inline-block; }
  main[view="pricing"].main #powerfullAddons {
    display: block;
    clear: both;
    background: #2D2D2D;
    padding: 96px 0 0;
    margin: 0; }
    @media (max-width: 768px) {
      main[view="pricing"].main #powerfullAddons {
        padding: 40px 0; } }
    main[view="pricing"].main #powerfullAddons h2 {
      text-align: center;
      margin-bottom: 116px; }
      @media (max-width: 991px) {
        main[view="pricing"].main #powerfullAddons h2 {
          margin-bottom: 86px; } }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons h2 {
          margin-bottom: 40px; } }
    main[view="pricing"].main #powerfullAddons sup {
      font-size: 1em;
      top: 0; }
    main[view="pricing"].main #powerfullAddons .advancedReportingAddon {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      padding: 0 0 65px 0; }
      @media (max-width: 1200px) {
        main[view="pricing"].main #powerfullAddons .advancedReportingAddon {
          justify-content: space-between; } }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons .advancedReportingAddon {
          flex-flow: column nowrap;
          padding: 0 0 16px; } }
      main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo {
        color: #fff;
        width: 50%;
        padding-right: 10%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; }
        @media (max-width: 1200px) {
          main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo {
            padding-right: 30px; } }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo {
            width: 100%;
            color: #000;
            text-align: center;
            background: #fff;
            border-radius: 4px;
            padding: 32px 16px; } }
        main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo img {
          display: none; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo img {
              display: block;
              margin: 0 auto 24px; } }
        main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo h3 {
          color: #fff;
          font-size: 26px;
          margin-bottom: 16px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo h3 {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo p {
          color: #fff; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo p {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .price {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          color: #fff;
          font-size: 18px;
          margin: 56px 0 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .price {
              color: #000;
              font-size: 12px;
              margin: 24px 0 32px;
              flex-flow: column nowrap;
              justify-content: center; } }
          main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .price #baseARAMPrice {
            font-size: 26px;
            color: #fff; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .price #baseARAMPrice {
                display: block;
                color: #000;
                font-size: 20px;
                margin-bottom: 8px;
                text-align: center; } }
            main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .price #baseARAMPrice + span {
              font-size: 16px;
              padding-left: 24px; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .price #baseARAMPrice + span {
                  font-size: 12px;
                  padding-left: 0; } }
        main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          margin-top: 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions {
              flex-flow: column nowrap;
              justify-content: space-between;
              margin-top: 0; } }
          main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn {
            display: inline-block;
            min-width: 208px; }
            @media (max-width: 991px) {
              main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn {
                min-width: auto; } }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn {
                display: flex;
                align-self: center;
                align-items: center;
                flex-direction: column;
                min-width: 184px; } }
            main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn.btn-clear-yellow {
              color: #fff;
              margin: 0 16px 16px 0; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn.btn-clear-yellow {
                  color: #000;
                  margin: 0; } }
      main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arImage {
        width: 564px;
        max-width: 50%; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arImage {
            display: none; } }
    main[view="pricing"].main #powerfullAddons .bwBusinessAddon {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      padding: 120px 0 160px; }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons .bwBusinessAddon {
          flex-flow: column nowrap;
          padding: 0 0 16px; } }
      main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo {
        width: 50%;
        padding-right: 10%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; }
        @media (max-width: 1200px) {
          main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo {
            padding: 0 0 0 30px; } }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo {
            width: 100%;
            color: #000;
            text-align: center;
            background: #fff;
            border-radius: 4px;
            padding: 32px 16px; } }
        main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo img {
          display: none; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo img {
              display: block;
              margin: 0 auto 24px; } }
        main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo h3 {
          color: #fff;
          font-size: 26px;
          margin-bottom: 16px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo h3 {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo p {
          color: #fff; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo p {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .price {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          color: #fff;
          font-size: 16px;
          margin: 56px 0 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .price {
              color: #000;
              flex-flow: column nowrap;
              justify-content: center;
              font-size: 12px; } }
          main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .price #baseBwPrice {
            font-size: 26px; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .price #baseBwPrice {
                font-size: 20px; } }
            main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .price #baseBwPrice + span {
              font-size: 16px;
              padding-left: 16px; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .price #baseBwPrice + span {
                  padding-left: 0;
                  font-size: 12px; } }
        main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          margin-top: 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions {
              flex-flow: column nowrap;
              justify-content: space-between;
              margin-top: 0; } }
          main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn {
            display: inline-block;
            min-width: 208px; }
            @media (max-width: 991px) {
              main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn {
                min-width: auto; } }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn {
                display: flex;
                align-self: center;
                align-items: center;
                flex-direction: column;
                min-width: 184px; } }
            main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn.btn-clear-yellow {
              color: #fff;
              margin: 0 16px 16px 0; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn.btn-clear-yellow {
                  color: #000;
                  margin: 0; } }
      main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwImage {
        width: 564px;
        max-width: 50%; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwImage {
            display: none; } }
    main[view="pricing"].main #powerfullAddons .chatBusinessAddon {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      padding: 0 0 65px 0; }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons .chatBusinessAddon {
          flex-flow: column nowrap;
          padding: 0; } }
      main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo {
        width: 50%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo {
            width: 100%;
            color: #000;
            text-align: center;
            background: #fff;
            border-radius: 4px;
            padding: 32px 16px; } }
        main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo h3 {
          color: #fff;
          font-size: 26px;
          margin-bottom: 16px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo h3 {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo p {
          color: #fff; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo p {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .price {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          color: #fff;
          font-size: 16px;
          margin: 56px 0 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .price {
              color: #000;
              flex-flow: column nowrap;
              justify-content: center;
              font-size: 12px; } }
          main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .price #baseChatPrice {
            font-size: 26px; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .price #baseChatPrice {
                font-size: 20px; } }
            main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .price #baseChatPrice + span {
              font-size: 16px;
              padding-left: 16px; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .price #baseChatPrice + span {
                  padding-left: 0;
                  font-size: 12px; } }
        main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          margin-top: 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions {
              flex-flow: column nowrap;
              justify-content: space-between;
              margin-top: 0; } }
          main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn {
            display: inline-block;
            min-width: 208px; }
            @media (max-width: 991px) {
              main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn {
                min-width: auto; } }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn {
                display: flex;
                align-self: center;
                align-items: center;
                flex-direction: column;
                min-width: 184px; } }
            main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn.btn-clear-yellow {
              color: #fff;
              margin: 0 16px 16px 0; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn.btn-clear-yellow {
                  color: #000;
                  margin: 0; } }
      main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatImage {
        width: 50%; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatImage {
            width: 100%;
            display: none; } }
        main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatImage img {
          display: block;
          margin: 0 auto -65px; }
          @media (max-width: 1024px) {
            main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatImage img {
              width: 100%;
              height: auto; } }
    main[view="pricing"].main #powerfullAddons .storageAddon {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      color: #fff;
      position: relative;
      padding: 56px 0; }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons .storageAddon {
          flex-flow: column nowrap;
          padding: 0;
          width: 100%;
          color: #000;
          text-align: center;
          background: #fff;
          border-radius: 4px;
          margin-bottom: 16px; } }
      main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo {
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        position: relative;
        order: 2;
        width: 50%;
        padding-right: 10%; }
        @media (max-width: 1200px) {
          main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo {
            padding: 0 0 0 30px; } }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo {
            padding: 0;
            width: 100%;
            color: #000;
            text-align: center;
            background: #fff;
            border-radius: 4px;
            padding: 32px 16px; } }
        main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo h3 {
          color: #fff;
          font-size: 26px;
          margin-bottom: 16px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo h3 {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo p {
          color: #fff; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo p {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .price {
          display: flex;
          flex-flow: column nowrap;
          justify-content: flex-start;
          color: #fff;
          font-size: 16px;
          margin: 56px 0 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .price {
              color: #000;
              font-size: 12px;
              flex-flow: column nowrap;
              justify-content: center; } }
          main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .price .priceDesc {
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
            margin-top: 10px; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .price .priceDesc {
                flex-flow: column nowrap;
                justify-content: center; } }
            main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .price .priceDesc #storagePrice {
              font-size: 26px;
              padding: 0 24px 0 0; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .price .priceDesc #storagePrice {
                  font-size: 20px;
                  padding: 0; } }
        main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .actions {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          margin-top: 40px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .actions {
              flex-flow: column nowrap;
              justify-content: space-between;
              margin-top: 0; } }
          main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .actions .btn {
            display: inline-block;
            min-width: 208px; }
            @media (max-width: 991px) {
              main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .actions .btn {
                min-width: auto; } }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .actions .btn {
                display: flex;
                align-self: center;
                align-items: center;
                flex-direction: column;
                min-width: 184px; } }
            main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .actions .btn.btn-clear-yellow {
              color: #fff;
              margin: 0 16px 16px 0; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .storageAddon .storageInfo .actions .btn.btn-clear-yellow {
                  color: #000;
                  margin: 0; } }
      main[view="pricing"].main #powerfullAddons .storageAddon .storageImage {
        width: 564px;
        max-width: 50%;
        order: 1; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .storageAddon .storageImage {
            width: 100%;
            display: none; } }
        main[view="pricing"].main #powerfullAddons .storageAddon .storageImage img {
          display: block;
          margin: 0 auto -65px; }
          @media (max-width: 1024px) {
            main[view="pricing"].main #powerfullAddons .storageAddon .storageImage img {
              width: 100%;
              height: auto; } }
    main[view="pricing"].main #powerfullAddons .onboarding {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      position: relative;
      padding: 56px 0; }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons .onboarding {
          flex-flow: column nowrap;
          padding: 0;
          width: 100%;
          color: #000;
          text-align: center;
          background: #fff;
          border-radius: 4px;
          margin-bottom: 16px; } }
      main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo {
        width: 50%;
        padding-right: 10%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; }
        @media (max-width: 1200px) {
          main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo {
            padding-right: 30px; } }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo {
            width: 100%;
            color: #000;
            text-align: center;
            background: #fff;
            border-radius: 4px;
            padding: 32px 16px; } }
        main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo h3 {
          color: #fff;
          font-size: 26px;
          margin-bottom: 16px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo h3 {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo p {
          color: #fff; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo p {
              color: #000; } }
        main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo .price {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          font-size: 16px;
          margin: 40px 0; }
          @media (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo .price {
              font-size: 12px !important;
              flex-flow: column nowrap;
              justify-content: center; } }
          main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo .price #onboardingPrice {
            display: block;
            clear: both;
            font-size: 26px;
            padding-right: 24px; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo .price #onboardingPrice {
                font-size: 20px !important;
                padding-right: 0; } }
        main[view="pricing"].main #powerfullAddons .onboarding .onboardInfo .actions .btn {
          display: inline-block;
          min-width: 208px; }
      main[view="pricing"].main #powerfullAddons .onboarding .onboardImage {
        width: 564px;
        max-width: 50%; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .onboarding .onboardImage {
            width: 100%;
            display: none; } }
        main[view="pricing"].main #powerfullAddons .onboarding .onboardImage img {
          display: block;
          margin: 0 auto -65px; }
          @media (max-width: 1024px) {
            main[view="pricing"].main #powerfullAddons .onboarding .onboardImage img {
              width: 100%;
              height: auto; } }
    main[view="pricing"].main #powerfullAddons .breachwatchAddon {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons .breachwatchAddon {
          flex-flow: column nowrap; } }
      main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo {
        width: 50%;
        padding-right: 10%; }
        @media (max-width: 1200px) {
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo {
            padding-right: 48px; } }
        @media (max-width: 991px) {
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo {
            padding-right: 24px; } }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo {
            width: 100%;
            text-align: center;
            padding-right: 0; } }
        main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo h3 {
          color: #fff;
          font-size: 26px;
          margin-bottom: 16px; }
        main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo p {
          color: #fff; }
        main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active {
          display: block; }
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .pricing {
            margin-top: 56px;
            color: #fff;
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .pricing {
                flex-flow: column nowrap;
                justify-content: center; } }
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .pricing .price {
              color: #fff;
              font-size: 36px; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .pricing .price {
                  font-size: 20px; } }
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .pricing .cycle {
              font-size: 18px;
              padding-left: 16px; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .pricing .cycle {
                  font-size: 12px;
                  padding-left: 0; } }
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions {
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
            margin-top: 40px; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions {
                flex-flow: column nowrap;
                justify-content: center; } }
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn {
              display: inline-block;
              min-width: 208px; }
              @media (max-width: 991px) {
                main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn {
                  min-width: auto; } }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn {
                  min-width: 184px; } }
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn.btn-clear-yellow {
                color: #fff; }
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn + .btn {
                margin-left: 16px; }
                @media (max-width: 768px) {
                  main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn + .btn {
                    margin-left: auto; } }
      main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI {
        width: 50%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        text-align: center; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI {
            width: 100%;
            display: none; } }
        main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram {
          width: 100%;
          height: 170px;
          display: flex;
          flex-flow: column nowrap;
          justify-content: space-between;
          align-items: center; }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram {
              margin-bottom: 40px; }
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram:last-of-type {
                margin-bottom: 0; } }
          @media only screen and (max-width: 768px) {
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram {
              width: 100%; } }
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCount,
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCountComplete {
            display: block;
            position: relative;
            width: 305px;
            height: 154px;
            margin: 0 auto; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCount,
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCountComplete {
                width: 200px;
                height: 100px; } }
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCount svg,
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCountComplete svg {
              position: absolute;
              left: 0;
              top: 0; }
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCount .progressbar-text,
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCountComplete .progressbar-text {
              display: flex;
              flex-flow: row nowrap;
              justify-content: center;
              white-space: nowrap;
              font-family: "Overpass", Helvetica, Arial, sans-serif !important;
              font-size: 54px;
              font-weight: 700 !important;
              color: #fff !important;
              top: calc(50% + 5px) !important; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCount .progressbar-text,
                main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram #dataBreachesCountComplete .progressbar-text {
                  font-size: 24px; } }
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram p {
            margin-top: 33px;
            text-align: center;
            max-width: 100%; }
            @media only screen and (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram p {
                font-size: 14px;
                max-width: 220px;
                text-align: center; } }
        main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI p {
          color: #fff; }
          main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI p small {
            font-size: 18px;
            opacity: 0.75; }
            main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI p small i {
              background: #fff;
              text-align: center;
              display: inline-block;
              width: 16px;
              height: 16px;
              border-radius: 50%;
              font-size: 12px;
              font-weight: 600;
              line-height: 16px;
              color: #000;
              font-style: normal;
              position: relative;
              top: -2px; }
        main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI img {
          display: block;
          margin: 56px auto 0; }
    main[view="pricing"].main #powerfullAddons .fileStorage {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      margin-top: 100px;
      padding: 70px 0 138px; }
      @media (max-width: 768px) {
        main[view="pricing"].main #powerfullAddons .fileStorage {
          flex-flow: column nowrap;
          justify-content: center;
          text-align: center;
          padding: 48px 0;
          margin-top: 0; } }
      main[view="pricing"].main #powerfullAddons .fileStorage .fsUI {
        width: 50%;
        margin-bottom: -138px; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .fileStorage .fsUI {
            display: none;
            width: 100%; } }
      main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo {
        width: 50%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;
        padding-top: 170px; }
        @media (max-width: 768px) {
          main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo {
            width: 100%;
            padding-top: 0;
            text-align: center;
            align-items: center; } }
        main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo h3 {
          color: #fff;
          font-size: 26px;
          margin-bottom: 16px; }
        main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo p {
          color: #fff; }
          main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo p.startsAt {
            font-size: 18px;
            margin: 56px 0 0; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo p.startsAt {
                font-size: 12px; } }
        main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active {
          display: block; }
          main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .pricing {
            color: #fff;
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .pricing {
                flex-flow: column nowrap;
                justify-content: center; } }
            main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .pricing .price {
              color: #fff;
              font-size: 36px; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .pricing .price {
                  font-size: 20px; } }
            main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .pricing .cycle {
              font-size: 18px;
              padding-left: 16px; }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .pricing .cycle {
                  font-size: 12px;
                  padding-left: 0; } }
          main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .actions {
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
            margin-top: 40px; }
            @media (max-width: 768px) {
              main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .actions {
                flex-flow: column nowrap;
                justify-content: center; } }
            main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .actions .btn {
              display: inline-block;
              min-width: 208px; }
              @media (max-width: 991px) {
                main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .actions .btn {
                  min-width: auto; } }
              @media (max-width: 768px) {
                main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .actions .btn {
                  min-width: 184px; } }
              main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.active .actions .btn.btn-clear-yellow {
                color: #fff; }
        main[view="pricing"].main #powerfullAddons .fileStorage .fsInfo .fsPriceToggle.tab.family p.startsAt {
          color: #cf9f24;
          margin: 40px 0; }
  main[view="pricing"].main #rating {
    display: block;
    background: #fff;
    padding: 56px 0 0; }
    main[view="pricing"].main #rating h3 {
      font-size: 26px;
      font-weight: 600;
      margin-bottom: 56px;
      color: #000000;
      text-align: center;
      line-height: 40px; }
      @media (max-width: 640px) {
        main[view="pricing"].main #rating h3 {
          margin-bottom: 0;
          width: 250px;
          margin: 0 auto 48px;
          line-height: 26px; } }
      @media (max-width: 991px) {
        main[view="pricing"].main #rating h3 {
          font-size: 24px; } }
      @media (max-width: 768px) {
        main[view="pricing"].main #rating h3 {
          font-size: 22px; } }
      @media (max-width: 640px) {
        main[view="pricing"].main #rating h3 {
          font-size: 20px; } }
      @media (max-width: 414px) {
        main[view="pricing"].main #rating h3 {
          margin-bottom: 40px; } }
    @media screen and (max-width: 991px) {
      main[view="pricing"].main #rating img {
        height: 32px;
        width: auto; } }
    main[view="pricing"].main #rating p.rate {
      margin-top: 20px; }
      @media screen and (max-width: 991px) {
        main[view="pricing"].main #rating p.rate {
          margin: 20px 0 80px;
          height: 40px;
          font-size: 14px; } }
      @media screen and (max-width: 640px) {
        main[view="pricing"].main #rating p.rate {
          margin: 20px 0 0;
          display: block;
          overflow: hidden;
          height: auto; }
          main[view="pricing"].main #rating p.rate img {
            display: block;
            width: 100%;
            clear: both; } }
    main[view="pricing"].main #rating .testimonials {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main[view="pricing"].main #rating .testimonials {
          flex-flow: column nowrap; } }
      main[view="pricing"].main #rating .testimonials .testimonial {
        background: #fff;
        width: 32%;
        border-radius: 10px;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
        padding: 48px; }
        @media (max-width: 991px) {
          main[view="pricing"].main #rating .testimonials .testimonial {
            padding: 40px 16px; } }
        @media (max-width: 768px) {
          main[view="pricing"].main #rating .testimonials .testimonial {
            width: 100%;
            padding: 48px;
            margin-bottom: 16px; } }
        @media (max-width: 414px) {
          main[view="pricing"].main #rating .testimonials .testimonial {
            padding: 32px 24px;
            text-align: center; } }
        main[view="pricing"].main #rating .testimonials .testimonial p {
          margin-top: 16px; }
          main[view="pricing"].main #rating .testimonials .testimonial p:first-child {
            margin-top: 32px; }
          main[view="pricing"].main #rating .testimonials .testimonial p strong {
            font-weight: 600; }
    main[view="pricing"].main #rating .moreReviews {
      text-align: center;
      font-size: 20px;
      margin: 48px 0 56px; }
      main[view="pricing"].main #rating .moreReviews a {
        display: inline-block;
        color: #1B78E0;
        position: relative; }
        main[view="pricing"].main #rating .moreReviews a:after {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          border: 2px solid #1B78E0;
          border-left: 0;
          border-bottom: 0;
          transform: rotate(45deg);
          position: absolute;
          right: -10px;
          top: 13px; }
          @media (max-width: 768px) {
            main[view="pricing"].main #rating .moreReviews a:after {
              top: 6px; } }
  main[view="pricing"].main #testimonials {
    padding: 56px 0 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff; }
    @media only screen and (max-width: 768px) {
      main[view="pricing"].main #testimonials {
        transition: all 0.3s ease;
        padding: 40px 0; } }
    @media (max-width: 768px) {
      main[view="pricing"].main #testimonials p {
        font-size: 14px; } }
    main[view="pricing"].main #testimonials .container {
      max-width: 900px; }
    main[view="pricing"].main #testimonials .item {
      width: 100%;
      max-width: 100%;
      min-height: 346px;
      display: block;
      /*float: left;*/ }
    main[view="pricing"].main #testimonials .carousel-inner {
      transition: all 0.3s ease; }
    main[view="pricing"].main #testimonials h3 {
      font-weight: 300;
      font-size: 36px;
      color: #000000;
      text-align: center;
      line-height: 42px;
      margin-bottom: 48px; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #testimonials h3 {
          font-size: 20px;
          letter-spacing: 0;
          line-height: 24px; } }
    main[view="pricing"].main #testimonials .quote {
      font-size: 22px;
      color: #000000;
      letter-spacing: -0.12px;
      text-align: center;
      line-height: 28px;
      font-weight: 300;
      margin-bottom: 32px; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #testimonials .quote {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 18px; } }
    main[view="pricing"].main #testimonials .authorName {
      font-size: 22px;
      color: #000000;
      letter-spacing: 0;
      text-align: center;
      line-height: 28px;
      margin-bottom: 32px;
      font-weight: 600 !important; }
      @media only screen and (max-width: 768px) {
        main[view="pricing"].main #testimonials .authorName {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 18px;
          margin-bottom: 24px; } }
    main[view="pricing"].main #testimonials img {
      margin: 0 auto;
      margin-bottom: 30px;
      max-width: 100%;
      height: auto; }
    main[view="pricing"].main #testimonials .slick-dots {
      bottom: 0;
      max-width: 100%; }
      main[view="pricing"].main #testimonials .slick-dots li button:before {
        color: #bfbfbf;
        border: none;
        font-size: 12px;
        margin: 1px 7px; }
      main[view="pricing"].main #testimonials .slick-dots li.slick-active button:before {
        color: #1B78E0;
        border: none;
        font-size: 12px; }

.keeperLightbox .logo-keeper-dark,
.keeperLightbox .logo-keeperchat {
  margin-bottom: 20px; }

.keeperLightbox sup.currency,
#keeperChatPop sup.currency,
#passManagePop sup.currency {
  top: 0 !important;
  font-size: 1em !important; }

[locale="ar_AE"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/ar_AE/keeper-free.png") no-repeat right bottom/contain; }
[locale="ar_AE"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/ar_AE/file-storage.png") no-repeat bottom left/contain; }

[locale="de_DE"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/de_DE/keeper-free.png") no-repeat right bottom/contain; }
[locale="de_DE"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/de_DE/file-storage.png") no-repeat bottom left/contain; }

[locale="en_US"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/en_US/keeper-free.png") no-repeat right bottom/contain; }
[locale="en_US"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/en_US/file-storage.png") no-repeat bottom left/contain; }

[locale="en_GB"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/en_GB/keeper-free.png") no-repeat right bottom/contain; }
[locale="en_GB"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/en_GB/file-storage.png") no-repeat bottom left/contain; }

[locale="es_ES"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/es_ES/keeper-free.png") no-repeat right bottom/contain; }
[locale="es_ES"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/es_ES/file-storage.png") no-repeat bottom left/contain; }

[locale="fr_FR"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/fr_FR/keeper-free.png") no-repeat right bottom/contain; }
[locale="fr_FR"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/fr_FR/file-storage.png") no-repeat bottom left/contain; }

[locale="it_IT"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/it_IT/keeper-free.png") no-repeat right bottom/contain; }
[locale="it_IT"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/it_IT/file-storage.png") no-repeat bottom left/contain; }

[locale="ja_JP"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/ja_JP/keeper-free.png") no-repeat right bottom/contain; }
[locale="ja_JP"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/ja_JP/file-storage.png") no-repeat bottom left/contain; }

[locale="nl_NL"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/nl_NL/keeper-free.png") no-repeat right bottom/contain; }
[locale="nl_NL"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/nl_NL/file-storage.png") no-repeat bottom left/contain; }

[locale="pl_PL"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/pl_PL/keeper-free.png") no-repeat right bottom/contain; }
[locale="pl_PL"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/pl_PL/file-storage.png") no-repeat bottom left/contain; }

[locale="pt_BR"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/pt_BR/keeper-free.png") no-repeat right bottom/contain; }
[locale="pt_BR"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/pt_BR/file-storage.png") no-repeat bottom left/contain; }

[locale="ru_RU"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/ru_RU/keeper-free.png") no-repeat right bottom/contain; }
[locale="ru_RU"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/ru_RU/file-storage.png") no-repeat bottom left/contain; }

[locale="zh_CN"] main[view="pricing"].main #keeperFree {
  background: #fff url("/assets/images/pages/pricing/zh_CN/keeper-free.png") no-repeat right bottom/contain; }
[locale="zh_CN"] main[view="pricing"].main .fileStorage .fsUI {
  background: url("/assets/images/pages/pricing/zh_CN/file-storage.png") no-repeat bottom left/contain; }

[locale="ar_AE"] main[view="pricing"].main #business .box.business .actions .btn + .btn,
[locale="ar_AE"] main[view="pricing"].main #business .box.enterprise .actions .btn + .btn {
  margin-left: 0;
  margin-right: 16px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] main[view="pricing"].main #business .box.business .actions .btn + .btn,
    [locale="ar_AE"] main[view="pricing"].main #business .box.enterprise .actions .btn + .btn {
      margin-left: auto;
      margin-right: auto; } }
[locale="ar_AE"] main[view="pricing"].main #business .box.business .pricing .price,
[locale="ar_AE"] main[view="pricing"].main #business .box.enterprise .pricing .price {
  margin-right: 0;
  margin-left: 24px; }
[locale="ar_AE"] main[view="pricing"].main #business .box.business .list-features .feature,
[locale="ar_AE"] main[view="pricing"].main #business .box.enterprise .list-features .feature {
  padding: 0 32px 0 0;
  background-position: right 5px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] main[view="pricing"].main #business .box.business .list-features .feature,
    [locale="ar_AE"] main[view="pricing"].main #business .box.enterprise .list-features .feature {
      padding-right: 0; } }
[locale="ar_AE"] main[view="pricing"].main #enterprise .features {
  list-style: none; }
  [locale="ar_AE"] main[view="pricing"].main #enterprise .features li {
    padding-left: 0;
    padding-right: 40px; }
    @media (max-width: 768px) {
      [locale="ar_AE"] main[view="pricing"].main #enterprise .features li {
        padding-right: 0; } }
    [locale="ar_AE"] main[view="pricing"].main #enterprise .features li:before {
      right: 1px; }
[locale="ar_AE"] main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .price {
  margin-right: 0;
  margin-left: 24px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] main[view="pricing"].main #enterprise .box.enterprise-plan .pricing .price {
      margin: 0 auto !important; } }
@media (max-width: 768px) {
  [locale="ar_AE"] main[view="pricing"].main #enterprise .box.enterprise-plan .actions {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; } }
[locale="ar_AE"] main[view="pricing"].main #enterprise .box.enterprise-plan .actions .btn:first-of-type {
  margin-right: 0;
  margin-left: 16px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] main[view="pricing"].main #enterprise .box.enterprise-plan .actions .btn:first-of-type {
      margin: 0 auto !important; } }
[locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent {
  margin-right: 50%;
  padding-left: 0;
  padding-right: 80px; }
  @media (max-width: 960px) {
    [locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent {
      margin-right: 0;
      padding-right: 0; } }
  [locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent ul.blueCheckboxes {
    text-align: right; }
    @media (max-width: 768px) {
      [locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent ul.blueCheckboxes {
        text-align: center; } }
    [locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent ul.blueCheckboxes li {
      padding-left: 0;
      padding-right: 30px; }
      @media (max-width: 768px) {
        [locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent ul.blueCheckboxes li {
          padding-right: 0; } }
      [locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent ul.blueCheckboxes li:before {
        left: auto;
        right: 0; }
        @media (max-width: 768px) {
          [locale="ar_AE"] main[view="pricing"].main #keeperFree.active .container .kFreeContent ul.blueCheckboxes li:before {
            display: none; } }
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .pricing .cycle {
  padding-left: 0;
  padding-right: 16px; }
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn + .btn {
  margin-left: 0;
  margin-right: 16px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] main[view="pricing"].main #powerfullAddons .breachwatchAddon .bwInfo .bwPriceToggle.tab.active .actions .btn + .btn {
      margin: 16px auto 0; } }
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn.btn-clear-yellow,
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn.btn-clear-yellow,
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn.btn-clear-yellow {
  margin: 0 0 16px 16px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn.btn-clear-yellow,
    [locale="ar_AE"] main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn.btn-clear-yellow,
    [locale="ar_AE"] main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn.btn-clear-yellow {
      margin: 0 auto; } }
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .price #baseARAMPrice + span,
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .price #baseBwPrice + span,
[locale="ar_AE"] main[view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .price #baseChatPrice + span {
  padding-left: 0;
  padding-right: 16px; }
[locale="ar_AE"] main[view="pricing"].main .fileStorage .fsUI {
  background-position: bottom right; }
[locale="ar_AE"] main[view="pricing"].main .fileStorage .fsInfo .fsPriceToggle.tab.active .pricing .cycle {
  padding-left: 0;
  padding-right: 16px; }
[locale="ar_AE"] .keeperLightbox sup.currency,
[locale="ar_AE"] #keeperChatPop sup.currency,
[locale="ar_AE"] #passManagePop sup.currency {
  margin-right: 0.5em; }

[locale="de_DE"] [view="pricing"].main #family .keeper-bundle,
[locale="de_DE"] [view="pricing"].main #personal .keeper-bundle {
  padding: 65px 48px; }

[locale="fr_FR"] .main[view="pricing"] div[data-react-component="PricingCards"] .plan-actions .btn {
  padding: 0 20px; }

@media (max-width: 768px) {
  [locale="ja_JP"] [view="pricing"].main #powerfullAddons .advancedReportingAddon .arInfo .actions .btn,
  [locale="ja_JP"] [view="pricing"].main #powerfullAddons .bwBusinessAddon .bwInfo .actions .btn,
  [locale="ja_JP"] [view="pricing"].main #powerfullAddons .chatBusinessAddon .chatInfo .actions .btn {
    min-width: 230px; } }

[locale="ru_RU"] main[view="pricing"].main #keeperBusiness.box,
[locale="ru_RU"] main[view="pricing"].main #keeperEnterprise.box {
  padding: 48px 75px; }
  @media (max-width: 1400px) {
    [locale="ru_RU"] main[view="pricing"].main #keeperBusiness.box .btn,
    [locale="ru_RU"] main[view="pricing"].main #keeperEnterprise.box .btn {
      padding: 0 20px; } }
@media (max-width: 1400px) {
  [locale="ru_RU"] main[view="pricing"].main #business .box.business .actions .btn,
  [locale="ru_RU"] main[view="pricing"].main #business .box.enterprise .actions .btn {
    min-width: auto; } }

.ie [view="pricing"].main #powerfullAddons .breachwatchAddon .bwUI .diagram .animatedCircle .circle-chart {
  display: none; }
.ie [view="pricing"].main #rating .moreReviews a:after {
  top: 7px; }

main.main.secondary[view="support"] .tab-toggles [data-tab] {
  display: block !important; }
main.main.secondary[view="support"] [data-tab].tab-content.active {
  display: block !important; }
main.main.secondary[view="support"] .intro p {
  width: 100%; }
main.main.secondary[view="support"] #video-tutorials.box {
  padding: 48px 136px 36px; }
  @media (max-width: 1400px) {
    main.main.secondary[view="support"] #video-tutorials.box {
      padding: 48px 48px 36px; } }
  @media (max-width: 1024px) {
    main.main.secondary[view="support"] #video-tutorials.box {
      padding: 40px 30px 30px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="support"] #video-tutorials.box {
      padding: 40px 20px 30px; } }
main.main.secondary[view="support"] .image-ios-overview {
  background: url("/assets/images/pages/support/ico-tile-apple.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-keeperfill {
  background: url("/assets/icons/keeperfill.svg") no-repeat 0 30px/contain; }
main.main.secondary[view="support"] .image-ios-restore-deleted-records {
  background: url("/assets/images/pages/support/ico-tile-deleted.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-ios-record-history {
  background: url("/assets/images/pages/support/ico-tile-record-history.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-android-overview {
  background: url("/assets/images/pages/support/ico-tile-android.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-android-record-history {
  background: url("/assets/images/pages/support/ico-tile-record-history.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-totp-overview {
  background: url("/assets/images/pages/support/ico-two-factor.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-web-vault-overview {
  background: url("/assets/images/pages/support/ico-tile-vault-overview.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-web-vault-identity-and-payments {
  background: url("/assets/images/pages/support/ico-tile-identity-payments.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-web-vault-login-security-key {
  background: url("/assets/images/pages/support/ico-tile-security-key.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-web-vault-record-history {
  background: url("/assets/images/pages/support/ico-tile-record-history.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-web-vault-breachwatch {
  background: url("/assets/images/pages/support/ico-tile-breachwatch.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-admin-console-demo {
  background: url("/assets/images/pages/support/ico-video-demo.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-admin-console-basic {
  background: url("/assets/images/pages/support/ico-tile-basic.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-admin-console-advanced {
  background: url("/assets/images/pages/support/ico-tile-advanced.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-keeperfill-firefox {
  background: url("/assets/images/pages/support/ico-tile-firefox.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-keeperfill-safari {
  background: url("/assets/images/pages/support/ico-tile-safari.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-keeperfill-chrome {
  background: url("/assets/images/pages/support/ico-tile-chrome.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-keeperfill-edge {
  background: url("/assets/images/pages/support/ico-tile-edge.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-group-chat {
  background: url("/assets/images/pages/support/ico-group-chat.svg") no-repeat 50% 30px/50px; }
main.main.secondary[view="support"] .image-2fa {
  background: url("/assets/images/pages/support/ico-tile-2fa.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-add-contacts {
  background: url("/assets/images/pages/support/ico-tile-add-contacts.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-self-destruct {
  background: url("/assets/images/pages/support/ico-tile-self-destruct.svg") no-repeat 0 10px/contain; }
main.main.secondary[view="support"] .image-retract {
  background: url("/assets/images/pages/support/ico-tile-retract.svg") no-repeat 50% 20px/80%; }
main.main.secondary[view="support"] .content.container {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }
  main.main.secondary[view="support"] .content.container:before, main.main.secondary[view="support"] .content.container:after {
    content: '';
    display: none; }
main.main.secondary[view="support"] #contact {
  width: 49%;
  text-align: center; }
  @media only screen and (max-width: 1200px) {
    main.main.secondary[view="support"] #contact {
      padding: 48px; } }
  @media only screen and (max-width: 768px) {
    main.main.secondary[view="support"] #contact {
      background-position: 50% 40px;
      background-size: 56px;
      padding: 30px;
      width: 100%;
      margin-bottom: 16px; } }
  main.main.secondary[view="support"] #contact img {
    display: block;
    margin: 0 auto 40px;
    width: 64px;
    height: 64px; }
  main.main.secondary[view="support"] #contact h2 {
    color: #000;
    margin-bottom: 16px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #contact h2 {
        font-size: 18px;
        line-height: 20px; } }
  main.main.secondary[view="support"] #contact p {
    margin-bottom: 40px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #contact p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px; } }
  main.main.secondary[view="support"] #contact .actions {
    text-align: center; }
    main.main.secondary[view="support"] #contact .actions .btn {
      display: inline-block;
      min-width: 180px;
      font-weight: 600;
      padding: 0 24px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="support"] #contact .actions .btn {
          width: auto;
          margin: 0 auto; } }
main.main.secondary[view="support"] #keeperSystemStatus {
  width: 49%;
  margin-top: 0;
  text-align: center; }
  @media only screen and (max-width: 1200px) {
    main.main.secondary[view="support"] #keeperSystemStatus {
      padding: 48px; } }
  @media only screen and (max-width: 768px) {
    main.main.secondary[view="support"] #keeperSystemStatus {
      width: 100%;
      background-position: 50% 40px;
      background-size: 56px;
      padding: 30px; } }
  main.main.secondary[view="support"] #keeperSystemStatus img {
    display: block;
    margin: 0 auto 40px;
    width: 64px;
    height: 64px; }
  main.main.secondary[view="support"] #keeperSystemStatus h2 {
    color: #000;
    margin-bottom: 16px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #keeperSystemStatus h2 {
        font-size: 18px;
        line-height: 20px; } }
  main.main.secondary[view="support"] #keeperSystemStatus p {
    margin-bottom: 40px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #keeperSystemStatus p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px; } }
  main.main.secondary[view="support"] #keeperSystemStatus .actions {
    text-align: center; }
    main.main.secondary[view="support"] #keeperSystemStatus .actions .btn {
      display: inline-block;
      min-width: 180px;
      font-weight: 600;
      padding: 0 24px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="support"] #keeperSystemStatus .actions .btn {
          width: auto;
          margin: 0 auto; } }
main.main.secondary[view="support"] #user-guides {
  display: inline-block;
  width: 49%;
  position: relative;
  padding-bottom: 150px;
  text-align: center; }
  @media (max-width: 1400px) {
    main.main.secondary[view="support"] #user-guides {
      padding: 48px 48px 150px 48px; } }
  @media (max-width: 1024px) {
    main.main.secondary[view="support"] #user-guides {
      padding: 40px 30px 140px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="support"] #user-guides {
      padding: 30px 30px 130px; } }
  @media only screen and (max-width: 768px) {
    main.main.secondary[view="support"] #user-guides {
      width: 100%; } }
  main.main.secondary[view="support"] #user-guides img {
    display: block;
    margin: 0 auto 40px;
    width: 64px;
    height: 64px; }
  main.main.secondary[view="support"] #user-guides h2 {
    color: #000;
    text-align: center;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #user-guides h2 {
        font-size: 18px;
        line-height: 20px; } }
  main.main.secondary[view="support"] #user-guides p {
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #user-guides p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px; } }
  main.main.secondary[view="support"] #user-guides #guide-selector-dropdown .fs-dropdown-options button.fs-dropdown-item:nth-child(5) {
    border-bottom: 3px solid #dadada; }
  main.main.secondary[view="support"] #user-guides #guide-selector-dropdown .fs-dropdown-options button.fs-dropdown-item:nth-child(6) {
    border-top: 3px solid #ebebeb; }
  main.main.secondary[view="support"] #user-guides .actions {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding-bottom: 48px;
    text-align: center; }
    main.main.secondary[view="support"] #user-guides .actions a.btn {
      display: inline-block;
      min-width: 200px;
      margin: 0 auto;
      font-weight: 600; }
main.main.secondary[view="support"] #technical-support {
  display: inline-block;
  width: 49%;
  position: relative;
  padding-bottom: 150px;
  text-align: center; }
  @media (max-width: 1400px) {
    main.main.secondary[view="support"] #technical-support {
      padding: 48px 48px 150px 48px; } }
  @media (max-width: 1024px) {
    main.main.secondary[view="support"] #technical-support {
      padding: 40px 30px 140px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="support"] #technical-support {
      padding: 30px 30px 130px;
      width: 100%; } }
  main.main.secondary[view="support"] #technical-support img {
    display: block;
    margin: 0 auto 40px;
    width: 64px;
    height: 64px; }
  main.main.secondary[view="support"] #technical-support h2 {
    color: #000;
    text-align: center;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #technical-support h2 {
        font-size: 18px;
        line-height: 20px; } }
  main.main.secondary[view="support"] #technical-support p {
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #technical-support p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px; } }
  main.main.secondary[view="support"] #technical-support .actions {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding-bottom: 48px;
    text-align: center; }
    main.main.secondary[view="support"] #technical-support .actions a.btn {
      display: inline-block;
      min-width: 200px;
      margin: 0 auto;
      font-weight: 600; }
main.main.secondary[view="support"] #video-tutorials {
  width: 100%; }
  main.main.secondary[view="support"] #video-tutorials h2 {
    color: #000;
    margin-bottom: 32px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #video-tutorials h2 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 24px; } }
  main.main.secondary[view="support"] #video-tutorials .tab-toggles {
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="support"] #video-tutorials .tab-toggles .fs-dropdown {
        display: none; } }
    main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs {
      border-radius: 4px;
      list-style: none;
      display: inline-block;
      text-align: left;
      font-size: 0;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs {
          display: none; } }
      main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
        display: inline-block;
        position: relative;
        z-index: 2;
        min-width: 100px;
        height: 48px;
        padding: 0 36px;
        color: black;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 48px;
        border-radius: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        transition: all 0.3s ease;
        box-sizing: content-box; }
        @media (max-width: 1200px) {
          main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
            min-width: auto; } }
        @media (max-width: 1150px) {
          main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
            padding: 0 40px; } }
        @media (max-width: 1100px) {
          main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
            padding: 0 30px; } }
        @media (max-width: 960px) {
          main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
            padding: 0 20px; } }
        @media (max-width: 900px) {
          main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
            padding: 0 15px; } }
        @media (max-width: 820px) {
          main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
            padding: 0 12px; } }
        main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab.active, main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab:focus, main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab:active {
          cursor: pointer;
          color: #1B78E0;
          text-decoration: none; }
        main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab:hover {
          cursor: pointer;
          color: #1B78E0;
          text-decoration: none; }
    main.main.secondary[view="support"] #video-tutorials .tab-toggles #dtHighligher {
      content: '';
      box-sizing: content-box;
      display: block;
      height: 48px;
      width: 100px;
      border-radius: 24px;
      box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
      background: #fff;
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      transition: all 1.2s cubic-bezier(0.18, 0.89, 0.32, 1.28); }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="support"] #video-tutorials .tab-toggles .mobile-tabs {
        display: none; } }
  main.main.secondary[view="support"] #video-tutorials .tab-content {
    display: none;
    margin-top: 48px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #video-tutorials .tab-content {
        margin-top: 32px; } }
    main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos {
      display: flex;
      justify-content: center;
      flex-flow: row wrap;
      list-style: none; }
      main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos a {
        width: 32%;
        margin: 0 0.5% 24px;
        transition: 0.5s ease; }
        @media only screen and (max-width: 768px) {
          main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos a {
            width: 100%;
            margin-right: 0; } }
        main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos a:hover, main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos a:focus, main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos a:active {
          text-decoration: none; }
      main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
        background-color: #F9F9F9;
        border: 2px solid #E7E7E7;
        border-radius: 8px;
        text-align: center;
        min-height: 160px;
        padding-top: 110px;
        color: #000000;
        text-align: center; }
        @media (max-width: 1200px) {
          main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
            font-size: 20px; } }
        @media (max-width: 1100px) {
          main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
            font-size: 18px; } }
        @media (max-width: 991px) {
          main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
            font-size: 16px; } }
        @media only screen and (max-width: 768px) {
          main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
            font-size: 14px;
            color: #000000;
            letter-spacing: 0;
            text-align: center;
            height: auto;
            padding-top: 110px;
            background-size: 300px;
            background-position: center 30px; } }
        @media only screen and (max-width: 768px) {
          main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video.image-group-chat {
            background-size: 50px;
            background-position: center 40px; } }
  main.main.secondary[view="support"] #video-tutorials .tab-content.active {
    display: block; }
main.main.secondary[view="support"] #releaseNotes {
  padding: 48px 400px;
  text-align: center; }
  @media (max-width: 1440px) {
    main.main.secondary[view="support"] #releaseNotes {
      padding: 48px 200px; } }
  @media (max-width: 1024px) {
    main.main.secondary[view="support"] #releaseNotes {
      padding: 48px 100px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="support"] #releaseNotes {
      padding: 48px 20px; } }
  main.main.secondary[view="support"] #releaseNotes h2 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    margin-bottom: 16px; }
  main.main.secondary[view="support"] #releaseNotes .actions {
    margin-top: 40px; }
    main.main.secondary[view="support"] #releaseNotes .actions .btn {
      display: inline-block;
      width: auto; }
main.main.secondary[view="support"] #blog {
  display: inline-block;
  width: 49%;
  position: relative;
  padding: 48px 110px 150px; }
  @media (max-width: 1400px) {
    main.main.secondary[view="support"] #blog {
      padding: 48px 48px 150px 48px; } }
  @media (max-width: 1024px) {
    main.main.secondary[view="support"] #blog {
      padding: 40px 30px 100px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="support"] #blog {
      padding: 40px 20px 100px;
      width: 100%; } }
  main.main.secondary[view="support"] #blog h2 {
    color: #000;
    text-align: center;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #blog h2 {
        font-size: 18px;
        line-height: 20px; } }
  main.main.secondary[view="support"] #blog p {
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #blog p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px; } }
  main.main.secondary[view="support"] #blog .list-posts {
    display: flex;
    flex-flow: column wrap;
    list-style: none; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #blog .list-posts {
        margin: 0 auto;
        display: block;
        width: 350px;
        max-width: 100%; } }
    main.main.secondary[view="support"] #blog .list-posts a {
      text-decoration: none; }
    main.main.secondary[view="support"] #blog .list-posts .post {
      font-size: 22px;
      color: #1B78E0;
      letter-spacing: -0.12px;
      line-height: 28px;
      min-height: 30px;
      padding-left: 48px;
      background-image: url("/assets/images/pages/support/ico-blog.svg");
      background-position: 0 50%;
      background-repeat: no-repeat;
      background-size: 24px;
      margin-bottom: 24px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="support"] #blog .list-posts .post {
          font-size: 14px;
          letter-spacing: -0.08px;
          line-height: 20px;
          margin-bottom: 26px; } }
    main.main.secondary[view="support"] #blog .list-posts .post:hover {
      color: #053973; }
  main.main.secondary[view="support"] #blog .actions {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding-bottom: 48px;
    text-align: center; }
    main.main.secondary[view="support"] #blog .actions a.btn {
      display: inline-block;
      min-width: 200px;
      margin: 0 auto;
      margin-top: 20px; }
main.main.secondary[view="support"] #more-resources {
  display: inline-block;
  width: 49%;
  position: relative;
  margin-left: 2%;
  padding: 48px 110px 150px; }
  @media (max-width: 1400px) {
    main.main.secondary[view="support"] #more-resources {
      padding: 48px 48px 150px 48px; } }
  @media (max-width: 1024px) {
    main.main.secondary[view="support"] #more-resources {
      padding: 40px 30px 110px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="support"] #more-resources {
      padding: 40px 20px 100px;
      width: 100%;
      margin-right: 0;
      margin-left: 0; } }
  main.main.secondary[view="support"] #more-resources h2 {
    color: #000;
    text-align: center;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #more-resources h2 {
        font-size: 18px;
        line-height: 20px; } }
  main.main.secondary[view="support"] #more-resources p {
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #more-resources p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px; } }
  main.main.secondary[view="support"] #more-resources .list-resources {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style: none; }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="support"] #more-resources .list-resources {
        margin: 0 auto;
        display: block;
        width: 150px;
        max-width: 100%; } }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="support"] #more-resources .list-resources a:nth-of-type(2n + 1) .resource {
        padding-right: 24px; } }
    main.main.secondary[view="support"] #more-resources .list-resources .trending-topic {
      background: url("/assets/images/pages/support/ico-trending.svg") no-repeat 0 50%/24px; }
    main.main.secondary[view="support"] #more-resources .list-resources .case-study {
      background: url("/assets/images/pages/support/ico-case-study.svg") no-repeat 0 50%/24px; }
    main.main.secondary[view="support"] #more-resources .list-resources .white-paper {
      background: url("/assets/images/pages/support/ico-whitepaper.svg") no-repeat 0 50%/24px; }
    main.main.secondary[view="support"] #more-resources .list-resources .infographic {
      background: url("/assets/images/pages/support/ico-infographic.svg") no-repeat 0 50%/24px; }
    main.main.secondary[view="support"] #more-resources .list-resources .datasheet {
      background: url("/assets/images/pages/support/ico-datasheet.svg") no-repeat 0 50%/24px; }
    main.main.secondary[view="support"] #more-resources .list-resources .webinar {
      background: url("/assets/images/pages/support/ico-webinar.svg") no-repeat 0 50%/24px; }
    main.main.secondary[view="support"] #more-resources .list-resources a {
      width: 49%;
      text-decoration: none; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="support"] #more-resources .list-resources a {
          width: 100%; } }
    main.main.secondary[view="support"] #more-resources .list-resources .resource {
      padding-left: 48px;
      font-size: 22px;
      color: #1B78E0;
      letter-spacing: -0.12px;
      line-height: 28px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="support"] #more-resources .list-resources .resource {
          font-size: 14px;
          letter-spacing: -0.08px;
          line-height: 20px;
          margin-bottom: 26px; } }
      main.main.secondary[view="support"] #more-resources .list-resources .resource:hover {
        color: #053973; }
  main.main.secondary[view="support"] #more-resources .actions {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding-bottom: 48px;
    text-align: center; }
    main.main.secondary[view="support"] #more-resources .actions a.btn {
      display: inline-block;
      min-width: 200px;
      margin: 0 auto;
      margin-top: 20px; }
main.main.secondary[view="support"] .fs-dropdown {
  position: relative; }
main.main.secondary[view="support"] .fs-dropdown-element {
  display: none; }
main.main.secondary[view="support"] .field.dropdown {
  background-image: url("/assets/icons/arrow-down.svg");
  background-position-x: -webkit-calc(100% - 10px);
  background-position-x: calc(100% - 10px);
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  background-color: #F9F9F9;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  padding: 16px 16px;
  font-size: 16px;
  font-weight: 300; }
main.main.secondary[view="support"] .field {
  height: auto;
  width: 100%; }
main.main.secondary[view="support"] .materialDesign textarea {
  padding-top: 30px !important; }
main.main.secondary[view="support"] .materialDesign #question-textarea-label {
  font-size: 12px !important; }

[locale="ar_AE"] main.main.secondary[view="support"] .field.dropdown {
  padding-right: 40px; }
[locale="ar_AE"] main.main.secondary[view="support"] #more-resources {
  margin-left: 0;
  margin-right: 2%; }
  @media (max-width: 768px) {
    [locale="ar_AE"] main.main.secondary[view="support"] #more-resources {
      margin-right: 0; } }
  [locale="ar_AE"] main.main.secondary[view="support"] #more-resources .list-resources .resource {
    padding-left: 0;
    padding-right: 48px;
    min-height: 30px;
    background-position: right top; }
    [locale="ar_AE"] main.main.secondary[view="support"] #more-resources .list-resources .resource:nth-child(odd) {
      padding-left: 0;
      padding-right: 48px; }
[locale="ar_AE"] main.main.secondary[view="support"] #blog .list-posts .post {
  padding-left: 0;
  padding-right: 48px;
  min-height: 30px;
  background-position: right 6px; }

[locale="es_ES"] .header > .navigation ul > .item:nth-last-child(2) .dropdown-content {
  min-width: 225px; }
[locale="es_ES"] main.main.secondary[view="support"] #more-resources {
  padding: 48px 70px 150px; }
  @media (max-width: 1400px) {
    [locale="es_ES"] main.main.secondary[view="support"] #more-resources {
      padding: 48px 48px 110px; } }
  @media (max-width: 1024px) {
    [locale="es_ES"] main.main.secondary[view="support"] #more-resources {
      padding: 40px 30px 110px; } }
@media (max-width: 860px) {
  [locale="es_ES"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs {
    display: none; } }
[locale="es_ES"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
  min-width: auto;
  padding: 0 24px; }
  @media (max-width: 1300px) {
    [locale="es_ES"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 24px; } }
  @media (max-width: 1100px) {
    [locale="es_ES"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 20px; } }
  @media (max-width: 960px) {
    [locale="es_ES"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 16px; } }
@media (max-width: 860px) {
  [locale="es_ES"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .fs-dropdown {
    display: block; } }

[locale="de_DE"] main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
  font-size: 20px; }

[locale="es_ES"] main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
  font-size: 21px; }

[locale="de_DE"] main.main.secondary[view="support"] #more-resources.box,
[locale="ru_RU"] main.main.secondary[view="support"] #more-resources.box {
  padding: 48px 100px 150px; }
  @media (max-width: 1400px) {
    [locale="de_DE"] main.main.secondary[view="support"] #more-resources.box,
    [locale="ru_RU"] main.main.secondary[view="support"] #more-resources.box {
      padding: 48px 48px 110px; } }
  @media (max-width: 1024px) {
    [locale="de_DE"] main.main.secondary[view="support"] #more-resources.box,
    [locale="ru_RU"] main.main.secondary[view="support"] #more-resources.box {
      padding: 40px 30px 110px; }
      [locale="de_DE"] main.main.secondary[view="support"] #more-resources.box .list-resources a .resource,
      [locale="ru_RU"] main.main.secondary[view="support"] #more-resources.box .list-resources a .resource {
        padding-left: 32px; } }
  @media (max-width: 768px) {
    [locale="de_DE"] main.main.secondary[view="support"] #more-resources.box,
    [locale="ru_RU"] main.main.secondary[view="support"] #more-resources.box {
      padding: 48px 20px 110px; }
      [locale="de_DE"] main.main.secondary[view="support"] #more-resources.box .list-resources a .resource,
      [locale="ru_RU"] main.main.secondary[view="support"] #more-resources.box .list-resources a .resource {
        padding-left: 48px; } }

@media (max-width: 860px) {
  [locale="pt_BR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs {
    display: none; } }
[locale="pt_BR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
  min-width: auto;
  padding: 0 24px; }
  @media (max-width: 1300px) {
    [locale="pt_BR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 24px; } }
  @media (max-width: 1100px) {
    [locale="pt_BR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 20px; } }
  @media (max-width: 960px) {
    [locale="pt_BR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 16px; } }
@media (max-width: 860px) {
  [locale="pt_BR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .fs-dropdown {
    display: block; } }

@media (max-width: 860px) {
  [locale="pl_PL"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs {
    display: none; } }
[locale="pl_PL"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
  min-width: auto;
  padding: 0 24px; }
  @media (max-width: 1300px) {
    [locale="pl_PL"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 24px; } }
  @media (max-width: 1100px) {
    [locale="pl_PL"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 20px; } }
  @media (max-width: 960px) {
    [locale="pl_PL"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 16px; } }
@media (max-width: 860px) {
  [locale="pl_PL"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .fs-dropdown {
    display: block; } }
[locale="pl_PL"] main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
  font-size: 17px; }
@media (max-width: 480px) {
  [locale="pl_PL"] main.main.secondary[view="support"] .actions .btn {
    white-space: normal; } }

@media (max-width: 860px) {
  [locale="it_IT"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs,
  [locale="fr_FR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs {
    display: none; } }
[locale="it_IT"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab,
[locale="fr_FR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
  min-width: auto;
  padding: 0 24px; }
  @media (max-width: 1400px) {
    [locale="it_IT"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab,
    [locale="fr_FR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 24px; } }
  @media (max-width: 1100px) {
    [locale="it_IT"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab,
    [locale="fr_FR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 20px; } }
  @media (max-width: 960px) {
    [locale="it_IT"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab,
    [locale="fr_FR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 16px; } }
@media (max-width: 860px) {
  [locale="it_IT"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .fs-dropdown,
  [locale="fr_FR"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .fs-dropdown {
    display: block; } }

[locale="ru_RU"] main.main.secondary[view="support"] #video-tutorials .tab-content .list-videos .video {
  font-size: 19px; }
@media (max-width: 991px) {
  [locale="ru_RU"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs {
    display: none; } }
[locale="ru_RU"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
  min-width: auto;
  padding: 0 24px; }
  @media (max-width: 1150px) {
    [locale="ru_RU"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 24px; } }
  @media (max-width: 1100px) {
    [locale="ru_RU"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 24px; } }
  @media (max-width: 960px) {
    [locale="ru_RU"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .desktop-tabs .tab {
      padding: 0 20px; } }
@media (max-width: 991px) {
  [locale="ru_RU"] main.main.secondary[view="support"] #video-tutorials .tab-toggles .fs-dropdown {
    display: block; } }

@media screen and (max-width: 768px) {
  main.main[view="press"] .intro .intro-actions .btn + .btn {
    margin-right: auto; } }
@media screen and (min-width: 768px) {
  main.main[view="press"] .intro .btn {
    min-width: 250px; } }
main.main[view="press"] .postContainer:nth-child(odd) {
  clear: both; }
main.main[view="press"] section.posts {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }
main.main[view="press"] .box + .box {
  margin-top: 0; }
main.main[view="press"] .box.post {
  margin-bottom: 30px;
  padding: 48px;
  overflow: hidden;
  width: 49%; }
  @media screen and (max-width: 768px) {
    main.main[view="press"] .box.post {
      width: 100%;
      padding: 40px 20px; } }
  main.main[view="press"] .box.post .title,
  main.main[view="press"] .box.post .article {
    margin-top: 30px; }
  main.main[view="press"] .box.post img {
    max-height: 48px; }
  main.main[view="press"] .box.post h5 {
    font-size: 26px; }
    main.main[view="press"] .box.post h5 a {
      font-weight: 600; }
    main.main[view="press"] .box.post h5 a:hover {
      color: #CF9F24;
      text-decoration: none; }
    @media screen and (max-width: 768px) {
      main.main[view="press"] .box.post h5 {
        font-size: 20px; } }
  @media screen and (max-width: 768px) {
    main.main[view="press"] .box.post p {
      font-size: 14px; } }
  main.main[view="press"] .box.post .post-meta.post-date {
    display: block;
    font-size: 22px;
    text-align: right;
    white-space: nowrap; }
    @media screen and (max-width: 768px) {
      main.main[view="press"] .box.post .post-meta.post-date {
        font-size: 14px; } }
  main.main[view="press"] .box.post .link-more {
    display: inline-block;
    margin-top: 30px;
    float: right; }
main.main[view="press"] #showMorePress {
  color: black;
  opacity: 0; }
  @media screen and (max-width: 769px) {
    main.main[view="press"] #showMorePress {
      text-align: center;
      margin: 20px; } }

html[lang='ar'] .employee-slider {
  direction: ltr; }

.main[view="product-comparison"] {
  /*************RATING*************/ }
  .main[view="product-comparison"] .intro .intro-title {
    font-size: 36px; }
    @media (max-width: 768px) {
      .main[view="product-comparison"] .intro .intro-title {
        font-size: 22px; } }
  .main[view="product-comparison"] .intro .pricing-sub {
    font-size: 22px;
    font-weight: 300;
    margin: 10px auto; }
    @media only screen and (min-width: 768px) {
      .main[view="product-comparison"] .intro .pricing-sub {
        width: 70%; } }
    @media (max-width: 768px) {
      .main[view="product-comparison"] .intro .pricing-sub {
        font-size: 14px; } }
  .main[view="product-comparison"] .intro .rating {
    margin-bottom: 30px; }
    .main[view="product-comparison"] .intro .rating h2 {
      color: #fff;
      margin-bottom: 18px; }
    .main[view="product-comparison"] .intro .rating .icon-five-stars {
      margin: 10px 0;
      background-image: url("/assets/icons/icon-stars@2x.png");
      width: 170px;
      height: 24px; }
  .main[view="product-comparison"] .choose-a-plan {
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .main[view="product-comparison"] .choose-a-plan .choose-a-plan {
        margin: 30px 0; } }
  .main[view="product-comparison"] .toggleButtons {
    display: block;
    padding: 56px 0 0; }
    .main[view="product-comparison"] .toggleButtons h2 {
      color: #000;
      text-align: center; }
      @media (max-width: 768px) {
        .main[view="product-comparison"] .toggleButtons h2 {
          font-size: 20px; } }
    .main[view="product-comparison"] .toggleButtons .tabs {
      display: flex;
      text-align: center;
      width: 100%;
      justify-content: center;
      margin-top: 47px; }
      .main[view="product-comparison"] .toggleButtons .tabs.two-tabs .tab:first-of-type {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
      .main[view="product-comparison"] .toggleButtons .tabs.two-tabs .tab:last-of-type {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
      .main[view="product-comparison"] .toggleButtons .tabs .tab {
        display: block;
        padding: 15px 70px;
        border: 2px solid #1B78E0;
        border-radius: 4px;
        color: #1B78E0;
        transition: 0.5s ease;
        font-weight: 300;
        cursor: pointer; }
        @media (max-width: 425px) {
          .main[view="product-comparison"] .toggleButtons .tabs .tab {
            padding: 15px 30px; } }
        .main[view="product-comparison"] .toggleButtons .tabs .tab.active, .main[view="product-comparison"] .toggleButtons .tabs .tab:hover {
          background-color: #1B78E0;
          color: #fff;
          text-decoration: none; }
  .main[view="product-comparison"] .services {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .main[view="product-comparison"] .services {
        flex-flow: column wrap; } }
    .main[view="product-comparison"] .services .box {
      width: 49%; }
      @media (max-width: 1200px) {
        .main[view="product-comparison"] .services .box {
          padding: 48px; } }
      @media (max-width: 1024px) {
        .main[view="product-comparison"] .services .box {
          padding: 48px 20px; } }
      .main[view="product-comparison"] .services .box + .box {
        margin: 0; }
      @media (max-width: 768px) {
        .main[view="product-comparison"] .services .box {
          width: 100%; } }
      @media (max-width: 768px) {
        .main[view="product-comparison"] .services .box.service-business {
          order: 2;
          margin-top: 16px; } }
      @media (max-width: 768px) {
        .main[view="product-comparison"] .services .box.service-family {
          margin-top: 16px; } }
      @media (max-width: 768px) {
        .main[view="product-comparison"] .services .box.service-enterprise {
          order: 1; } }
      .main[view="product-comparison"] .services .box h3.service-title {
        text-transform: capitalize;
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 40px; }
        @media (max-width: 768px) {
          .main[view="product-comparison"] .services .box h3.service-title {
            font-size: 22px; } }
      .main[view="product-comparison"] .services .box .column {
        max-width: 45%; }
        @media only screen and (max-width: 768px) {
          .main[view="product-comparison"] .services .box .column {
            max-width: 100%; } }
      .main[view="product-comparison"] .services .box .perk_discount {
        font-size: 22px;
        color: #E92727;
        margin-bottom: 40px; }
        @media (max-width: 768px) {
          .main[view="product-comparison"] .services .box .perk_discount {
            font-size: 14px; } }
      .main[view="product-comparison"] .services .box .pricing {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 58px; }
        @media only screen and (max-width: 768px) {
          .main[view="product-comparison"] .services .box .pricing {
            flex-flow: column nowrap;
            margin-bottom: 24px; } }
        .main[view="product-comparison"] .services .box .pricing .price {
          font-weight: 600;
          font-size: 26px;
          color: #000000;
          text-align: right;
          line-height: 40px;
          margin-right: 24px; }
          @media only screen and (max-width: 768px) {
            .main[view="product-comparison"] .services .box .pricing .price {
              margin-right: 0;
              margin-bottom: 8px;
              font-size: 20px;
              color: #000000;
              letter-spacing: 0;
              text-align: center;
              line-height: 24px; } }
        .main[view="product-comparison"] .services .box .pricing .cycle {
          font-weight: 300;
          font-size: 16px;
          color: #000;
          letter-spacing: 0;
          line-height: 22px;
          text-align: left; }
          @media only screen and (max-width: 768px) {
            .main[view="product-comparison"] .services .box .pricing .cycle {
              font-size: 12px;
              color: #000000;
              letter-spacing: 0;
              text-align: center;
              line-height: 16px; } }
      .main[view="product-comparison"] .services .box .actions {
        display: flex;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        justify-content: center;
        align-content: center; }
        @media only screen and (max-width: 768px) {
          .main[view="product-comparison"] .services .box .actions {
            margin-bottom: 32px;
            display: block; } }
        .main[view="product-comparison"] .services .box .actions .btn {
          display: inline-block; }
          @media (max-width: 900px) {
            .main[view="product-comparison"] .services .box .actions .btn {
              padding: 0 20px; } }
          .main[view="product-comparison"] .services .box .actions .btn:first-of-type {
            margin-right: 16px; }
            @media only screen and (max-width: 768px) {
              .main[view="product-comparison"] .services .box .actions .btn:first-of-type {
                margin-right: auto; } }
      .main[view="product-comparison"] .services .box .list-services-black {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        width: 380px;
        max-width: 100%; }
        @media (max-width: 768px) {
          .main[view="product-comparison"] .services .box .list-services-black {
            margin: 0 auto;
            text-align: center; } }
        .main[view="product-comparison"] .services .box .list-services-black li {
          display: block;
          margin: 0 0 16px 0;
          padding: 0 0 0 30px;
          position: relative; }
          @media (max-width: 900px) {
            .main[view="product-comparison"] .services .box .list-services-black li {
              font-size: 20px; } }
          @media (max-width: 850px) {
            .main[view="product-comparison"] .services .box .list-services-black li {
              font-size: 18px; } }
          @media (max-width: 768px) {
            .main[view="product-comparison"] .services .box .list-services-black li {
              font-size: 14px;
              padding: 0 0 0 20px; } }
          @media (max-width: 768px) {
            .main[view="product-comparison"] .services .box .list-services-black li {
              padding: 0; } }
          .main[view="product-comparison"] .services .box .list-services-black li:before {
            content: '';
            display: block;
            width: 10px;
            height: 20px;
            border: 2px solid #000;
            border-left: none;
            border-top: none;
            position: absolute;
            left: 0;
            top: 4px;
            transform: rotate(45deg); }
            @media (max-width: 768px) {
              .main[view="product-comparison"] .services .box .list-services-black li:before {
                width: 6px;
                height: 12px; } }
            @media (max-width: 768px) {
              .main[view="product-comparison"] .services .box .list-services-black li:before {
                display: none; } }
          .main[view="product-comparison"] .services .box .list-services-black li strong {
            font-weight: 600; }
  .main[view="product-comparison"] #rating {
    text-align: center;
    margin: 24px 0 0; }
    .main[view="product-comparison"] #rating .intro-inner {
      max-width: 100%;
      width: 860px;
      margin: 0 auto; }
    .main[view="product-comparison"] #rating h2 {
      color: #000;
      text-align: center;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        .main[view="product-comparison"] #rating h2 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        .main[view="product-comparison"] #rating h2 {
          font-size: 20px; } }
    .main[view="product-comparison"] #rating p {
      text-align: center;
      margin-top: 20px; }
      .main[view="product-comparison"] #rating p strong {
        font-weight: 600; }
    .main[view="product-comparison"] #rating .starsCount {
      display: block;
      clear: both;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
    .main[view="product-comparison"] #rating .btn.btn-yellow {
      width: 210px;
      margin: 0 auto; }
    @media (max-width: 991px) {
      .main[view="product-comparison"] #rating h2 {
        font-size: 22px; } }
  @media (max-width: 991px) and (max-width: 768px) {
    .main[view="product-comparison"] #rating h2 {
      font-size: 16px; } }
    @media (max-width: 991px) {
      .main[view="product-comparison"] #rating img {
        height: 32px;
        width: auto; }
      .main[view="product-comparison"] #rating p.rate {
        margin: 0 0 80px;
        height: 40px;
        font-size: 14px; }
      .main[view="product-comparison"] #rating .starsCount {
        font-size: 14px; }
      .main[view="product-comparison"] #rating .intro-content h3 {
        font-size: 28px;
        margin-bottom: 70px; } }
    @media only screen and (max-width: 767px) {
      .main[view="product-comparison"] #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .main[view="product-comparison"] #rating p.rate {
        margin: 20px 0 0;
        height: 40px;
        display: block;
        height: 78px;
        overflow: hidden; }
        .main[view="product-comparison"] #rating p.rate img {
          display: block;
          width: 100%;
          clear: both; }
      .main[view="product-comparison"] #rating .logoCol {
        width: 100%; }
      .main[view="product-comparison"] #rating .starsCount {
        display: block;
        clear: both;
        font-size: 14px;
        height: 30px;
        line-height: 45px;
        margin: 0 0 40px 0;
        white-space: nowrap; } }
  .main[view="product-comparison"] .text-family {
    color: #0791C7; }
  .main[view="product-comparison"] .text-enterprise {
    color: #0791C7; }
  .main[view="product-comparison"] .text-business {
    color: #60c135; }
  .main[view="product-comparison"] .text-unlimited {
    color: #60c135; }
  .main[view="product-comparison"] .text-free {
    color: #e77e1b; }
  .main[view="product-comparison"] .table .text-unlimited h4,
  .main[view="product-comparison"] .table .text-family h4,
  .main[view="product-comparison"] .table .text-free h4 {
    font-weight: 600;
    font-size: 22px; }
  .main[view="product-comparison"] .btn-enterprise, .main[view="product-comparison"] .btn-family, .main[view="product-comparison"] .btn-business, .main[view="product-comparison"] .btn-unlimited, .main[view="product-comparison"] .btn-free {
    color: #fff;
    border: none;
    padding-top: 2px;
    font-size: 16px;
    transition: all .2s linear; }
  .main[view="product-comparison"] .btn-enterprise {
    background-color: #0791C7; }
  .main[view="product-comparison"] .btn-enterprise:hover {
    background-color: #05749f;
    color: white; }
  .main[view="product-comparison"] .btn-family {
    background-color: #0791C7; }
  .main[view="product-comparison"] .btn-family:hover {
    background-color: #05749f;
    color: white; }
  .main[view="product-comparison"] .btn-business {
    background-color: #60c135; }
  .main[view="product-comparison"] .btn-business:hover {
    background-color: #388819;
    color: white; }
  .main[view="product-comparison"] .btn-unlimited {
    background-color: #60c135; }
  .main[view="product-comparison"] .btn-unlimited:hover {
    background-color: #388819;
    color: white; }
  .main[view="product-comparison"] .btn-free {
    background-color: #e77e1b; }
  .main[view="product-comparison"] .btn-free:hover {
    background-color: #e77e1b;
    color: white; }
  @media screen and (max-width: 768px) {
    .main[view="product-comparison"] .intro-title {
      line-height: 1.2;
      margin-bottom: 10px; }
    .main[view="product-comparison"] .pricing-sub {
      font-size: 18px;
      color: lightgrey; } }
  .main[view="product-comparison"] .tab-controller {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 250px; }
    @media screen and (min-width: 769px) {
      .main[view="product-comparison"] .tab-controller {
        margin-bottom: -72px; } }
    .main[view="product-comparison"] .tab-controller .tab {
      display: block;
      padding: 20px;
      border-bottom: 4px solid transparent;
      padding-bottom: 10px;
      margin-bottom: 10px;
      min-width: 175px; }
      .main[view="product-comparison"] .tab-controller .tab:hover, .main[view="product-comparison"] .tab-controller .tab.active {
        cursor: pointer; }
        .main[view="product-comparison"] .tab-controller .tab:hover .tab-text,
        .main[view="product-comparison"] .tab-controller .tab:hover .tab-text, .main[view="product-comparison"] .tab-controller .tab.active .tab-text,
        .main[view="product-comparison"] .tab-controller .tab.active .tab-text {
          color: #FFC700; }
        .main[view="product-comparison"] .tab-controller .tab:hover .ico-individual-tier,
        .main[view="product-comparison"] .tab-controller .tab:hover .ico-individual-tier, .main[view="product-comparison"] .tab-controller .tab.active .ico-individual-tier,
        .main[view="product-comparison"] .tab-controller .tab.active .ico-individual-tier {
          background-image: url("/assets/images/pricing/ico-individual-tier-yellow@1x.png"); }
        .main[view="product-comparison"] .tab-controller .tab:hover .ico-business-tier,
        .main[view="product-comparison"] .tab-controller .tab:hover .ico-business-tier, .main[view="product-comparison"] .tab-controller .tab.active .ico-business-tier,
        .main[view="product-comparison"] .tab-controller .tab.active .ico-business-tier {
          background-image: url("/assets/images/pricing/ico-business-tier-yellow@1x.png"); }
      .main[view="product-comparison"] .tab-controller .tab .tab-text {
        margin-top: 5px; }
  .main[view="product-comparison"] .plans {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .main[view="product-comparison"] .plans {
      flex-flow: column nowrap; } }
  .main[view="product-comparison"] section.plan {
    text-align: center;
    padding: 40px 20px;
    width: calc(50% - 10px);
    margin-top: 0 !important; }
  @media screen and (max-width: 768px) {
    .main[view="product-comparison"] section.plan {
      width: 100%; }
    .main[view="product-comparison"] section.plan:first-of-type {
      margin-bottom: 20px; } }
  .main[view="product-comparison"] section.plan .plan-name {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 15px; }
  .main[view="product-comparison"] section.plan .plan-discount {
    margin-bottom: 15px; }
  .main[view="product-comparison"] section.plan .plan-discount p {
    color: red;
    font-weight: 300;
    padding: 0; }
  .main[view="product-comparison"] section.plan .plan-discount .full-price {
    text-decoration: line-through; }
  .main[view="product-comparison"] section.plan .plan-description {
    width: 70%;
    margin: 0 auto; }
  .main[view="product-comparison"] section.plan .plan-users {
    margin-bottom: 15px; }
  .main[view="product-comparison"] section.plan .plan-price {
    margin-bottom: 15px;
    font-size: 45px;
    font-weight: 600; }
    .main[view="product-comparison"] section.plan .plan-price .currency {
      top: -0.5em;
      font-size: 25px; }
    .main[view="product-comparison"] section.plan .plan-price .cents {
      top: -0.6em;
      font-size: 25px; }
  .main[view="product-comparison"] section.plan .plan-cycle {
    color: grey;
    margin-bottom: 15px; }
    .main[view="product-comparison"] section.plan .plan-cycle small {
      display: block;
      font-size: 14px; }
  .main[view="product-comparison"] section.plan .plan-cta {
    margin-bottom: 30px; }
  .main[view="product-comparison"] section.plan .plan-cta a {
    display: block;
    width: 200px;
    margin: 0 auto; }
  .main[view="product-comparison"] section.plan .plan-cta a:first-of-type {
    margin-bottom: 15px; }
  .main[view="product-comparison"] section.plan .plan-includes {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 30px;
    max-width: 400px;
    margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .main[view="product-comparison"] #business section.plan .plan-includes {
      display: none; } }
  @media screen and (min-width: 769px) {
    .main[view="product-comparison"] .phone-only {
      display: none; } }
  .main[view="product-comparison"] section.plan .plan-includes h4 {
    font-weight: 600;
    font-size: 16px; }
  .main[view="product-comparison"] section.plan-comparison {
    margin-top: 20px;
    text-align: center;
    padding: 40px 20px; }
  .main[view="product-comparison"] section.plan-slider {
    margin-top: 20px;
    text-align: center;
    padding: 40px 20px; }
  .main[view="product-comparison"] section.plan-slider h3 {
    margin-bottom: 20px; }
  .main[view="product-comparison"] section.plan-slider a {
    color: #E6B300; }
  .main[view="product-comparison"] .pricing .price {
    font-weight: 600;
    font-size: 18px; }
  .main[view="product-comparison"] .pricing h5 {
    margin-bottom: 10px; }
  .main[view="product-comparison"] .pricing .price {
    font-size: 26px; }
  .main[view="product-comparison"] .pricing sup {
    top: 0;
    font-size: 1em; }
  .main[view="product-comparison"] .pricing .btn {
    margin: 0 auto;
    margin-top: 10px;
    color: white !important; }
  .main[view="product-comparison"] .pricing .business,
  .main[view="product-comparison"] .pricing .enterprise {
    cursor: pointer;
    transition: 0.5s ease; }
  .main[view="product-comparison"] .full-price .currency {
    top: -0.25em; }
  @media screen and (max-width: 768px) {
    .main[view="product-comparison"] section.plan-comparison {
      display: none; } }
  .main[view="product-comparison"] .text-discount {
    color: red;
    font-weight: 300; }
  .main[view="product-comparison"] .price-discount {
    text-decoration: line-through;
    color: grey; }
  .main[view="product-comparison"] .table * {
    font-weight: 600; }
  .main[view="product-comparison"] .table tbody tr {
    border-bottom: 1px solid gainsboro; }
  .main[view="product-comparison"] .table tbody tr:first-of-type {
    border-bottom: 0px solid gainsboro; }
  .main[view="product-comparison"] .table tr td {
    text-align: center; }
  .main[view="product-comparison"] .table tbody tr td:first-of-type {
    text-align: left; }
  .main[view="product-comparison"] .table tfoot a {
    margin-top: 20px;
    min-width: 100%; }
  .main[view="product-comparison"] .invisible {
    visibility: hidden; }
  .main[view="product-comparison"] .plan-slider .pricing {
    display: flex;
    justify-content: space-evenly;
    width: 60%;
    margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .main[view="product-comparison"] .plan-slider .pricing {
      flex-flow: column; }
    .main[view="product-comparison"] .plan-slider .pricing > .business {
      margin-bottom: 30px; } }
  .main[view="product-comparison"] .employee-slider {
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 40px; }
  .main[view="product-comparison"] input[type="number"]::-webkit-outer-spin-button, .main[view="product-comparison"] input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .main[view="product-comparison"] .employee-count > input {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #9B9B9B;
    min-width: 64px;
    min-height: 48px;
    margin-bottom: 33px;
    appearance: textfield;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    width: 44px; }
  .main[view="product-comparison"] .d-block {
    display: block; }

.ie .main[view="pricing"] .plan-slider .pricing,
.edge .main[view="pricing"] .plan-slider .pricing {
  justify-content: space-around; }

@media only screen and (min-width: 768px) {
  [locale="de_DE"] .main[view="product-comparison"] .services .box .pricing .price {
    width: calc(45% - 24px); }

  [locale="de_DE"] .main[view="product-comparison"] .services .box .pricing .cycle {
    width: 55%;
    font-size: 16px; } }
.main[view="perks"] {
  /* ------------------------------------------------------------ *\
  Referral Perks
  \* ------------------------------------------------------------ */
  /*************RATING*************/ }
  .main[view="perks"] .blueGradient {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
    color: #fff; }
  .main[view="perks"] .intro {
    padding-top: 80px; }
    .main[view="perks"] .intro .image-perks-intro {
      background: url(/assets/images/pages/perks/iphone-header@2x.png) no-repeat center bottom/contain; }
      @media (max-width: 480px) {
        .main[view="perks"] .intro .image-perks-intro {
          background: url(/assets/images/pages/perks/iphone-header.png) no-repeat center bottom/contain; } }
    .main[view="perks"] .intro .intro-list {
      font-size: 22px;
      font-weight: 300;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      @media (max-width: 768px) {
        .main[view="perks"] .intro .intro-list {
          width: 485px;
          max-width: 100%;
          margin: 0 auto; } }
      .main[view="perks"] .intro .intro-list li {
        position: relative;
        margin: 0 0 16px 0;
        padding-left: 30px; }
        @media (max-width: 768px) {
          .main[view="perks"] .intro .intro-list li {
            text-align: left;
            font-size: 14px; } }
        .main[view="perks"] .intro .intro-list li:before {
          content: '';
          display: block;
          width: 20px;
          height: 10px;
          border: 2px solid #FFC700;
          border-right: none;
          border-top: none;
          position: absolute;
          left: 0;
          top: 4px;
          transform: rotate(-45deg); }
  .main[view="perks"] .perkheader {
    position: fixed;
    width: 100%;
    top: 64px;
    left: 0;
    margin-bottom: 20px;
    z-index: 9; }
  .main[view="perks"] .perkheader-content {
    padding: 16px 0 14px;
    background: #F5BC29;
    text-align: center;
    font-size: 16px;
    font-weight: 300; }
  .main[view="perks"] .perkheader-content:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 11px;
    top: 100%;
    left: 0;
    background: url(../assets/images/header-shadow.png) repeat-x 0 0; }
  .main[view="perks"] .perksection {
    margin-top: 59px; }
  .main[view="perks"] #perks {
    padding-top: 56px; }
    @media (max-width: 767px) {
      .main[view="perks"] #perks {
        padding-top: 0; } }
  .main[view="perks"] .services {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .main[view="perks"] .services {
        flex-flow: column wrap; } }
    .main[view="perks"] .services .box {
      width: 49%; }
      .main[view="perks"] .services .box + .box {
        margin-top: 0; }
      @media (max-width: 768px) {
        .main[view="perks"] .services .box {
          display: block;
          width: 100%;
          margin-top: 24px; }
          .main[view="perks"] .services .box + .box {
            margin-top: 24px; } }
  @media (max-width: 1200px) {
    .main[view="perks"] .box {
      padding: 48px; } }
  @media (max-width: 1024px) {
    .main[view="perks"] .box {
      padding: 48px 20px; } }
  .main[view="perks"] .box h3.service-title {
    font-size: 36px;
    margin-bottom: 48px; }
    @media (max-width: 768px) {
      .main[view="perks"] .box h3.service-title {
        font-size: 22px; } }
  .main[view="perks"] .box .column {
    max-width: 45%; }
    @media only screen and (max-width: 768px) {
      .main[view="perks"] .box .column {
        max-width: 100%; } }
  .main[view="perks"] .box .perk_discount {
    font-size: 22px;
    color: #E92727;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .main[view="perks"] .box .perk_discount {
        font-size: 14px; } }
  .main[view="perks"] .box .pricing {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 58px; }
    @media only screen and (max-width: 768px) {
      .main[view="perks"] .box .pricing {
        flex-flow: column nowrap;
        margin-bottom: 24px; } }
    .main[view="perks"] .box .pricing .price {
      font-weight: 300;
      font-size: 36px;
      color: #000000;
      text-align: right;
      line-height: 40px;
      margin-right: 24px;
      white-space: nowrap; }
      @media only screen and (max-width: 768px) {
        .main[view="perks"] .box .pricing .price {
          margin-right: 0;
          margin-bottom: 8px;
          font-size: 20px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 24px; } }
      .main[view="perks"] .box .pricing .price .currency {
        top: 0;
        font-size: 1em; }
    .main[view="perks"] .box .pricing .cycle {
      font-weight: 300;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 22px;
      text-align: left; }
      @media only screen and (max-width: 768px) {
        .main[view="perks"] .box .pricing .cycle {
          font-size: 12px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 16px; } }
      .main[view="perks"] .box .pricing .cycle .currency {
        top: 0;
        font-size: 1em; }
  .main[view="perks"] .box .actions {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-content: center;
    justify-content: center; }
    @media only screen and (max-width: 768px) {
      .main[view="perks"] .box .actions {
        margin-bottom: 32px;
        display: block; } }
    .main[view="perks"] .box .actions .btn:first-of-type {
      margin-right: 16px; }
      @media only screen and (max-width: 768px) {
        .main[view="perks"] .box .actions .btn:first-of-type {
          margin-right: auto; } }
  .main[view="perks"] .box .list-services-black {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 300px; }
    @media (max-width: 768px) {
      .main[view="perks"] .box .list-services-black {
        text-align: center; } }
    .main[view="perks"] .box .list-services-black li {
      display: block;
      margin: 0 0 16px 0;
      padding: 0 0 0 30px;
      position: relative;
      font-size: 22px;
      font-weight: 300; }
      @media (max-width: 768px) {
        .main[view="perks"] .box .list-services-black li {
          font-size: 14px;
          padding: 0; } }
      .main[view="perks"] .box .list-services-black li:before {
        content: '';
        display: block;
        width: 10px;
        height: 20px;
        border: 2px solid #000;
        border-left: none;
        border-top: none;
        position: absolute;
        left: 0;
        top: 4px;
        transform: rotate(45deg); }
        @media (max-width: 768px) {
          .main[view="perks"] .box .list-services-black li:before {
            display: none; } }
  .main[view="perks"] #rating {
    text-align: center;
    margin: 24px 0 0; }
    .main[view="perks"] #rating .box {
      margin-bottom: 24px; }
    .main[view="perks"] #rating .offset-lg-2,
    .main[view="perks"] #rating .offset-md-2 {
      margin-left: 17%; }
    @media (max-width: 1199px) {
      .main[view="perks"] #rating .offset-lg-1,
      .main[view="perks"] #rating .offset-md-1 {
        margin-left: 8.5%; } }
    @media (max-width: 991px) {
      .main[view="perks"] #rating .offset-sm-2 {
        margin-left: 17%; } }
    @media (max-width: 767px) {
      .main[view="perks"] #rating .offset-sm-2,
      .main[view="perks"] #rating .offset-xs-2 {
        margin-left: 0; }
      .main[view="perks"] #rating .offset-xs-2 .starsCount {
        margin-top: 10px; } }
    .main[view="perks"] #rating .intro-inner {
      max-width: 100%;
      width: 860px;
      margin: 0 auto; }
    .main[view="perks"] #rating h3 {
      font-weight: 300;
      text-align: center;
      font-size: 26px;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        .main[view="perks"] #rating h3 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        .main[view="perks"] #rating h3 {
          font-size: 20px; } }
    .main[view="perks"] #rating p {
      text-align: center;
      font-size: 22px;
      margin-top: 20px; }
      .main[view="perks"] #rating p strong {
        font-weight: 600; }
    .main[view="perks"] #rating .starsCount {
      display: block;
      clear: both;
      font-size: 22px;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
    .main[view="perks"] #rating .btn.btn-yellow {
      width: 210px;
      margin: 0 auto; }
    @media (max-width: 991px) {
      .main[view="perks"] #rating h3 {
        font-size: 22px; }
      .main[view="perks"] #rating .col-md-4:empty {
        display: none; }
      .main[view="perks"] #rating img {
        height: 32px;
        width: auto; }
      .main[view="perks"] #rating p.rate {
        margin: 0 0 80px;
        height: 40px;
        font-size: 14px; }
      .main[view="perks"] #rating .starsCount {
        font-size: 14px; }
      .main[view="perks"] #rating .intro-content h3 {
        font-size: 28px;
        margin-bottom: 70px; } }
    @media screen and (max-width: 990px) {
      .main[view="perks"] #rating .col-md-4:empty {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .main[view="perks"] #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .main[view="perks"] #rating p.rate {
        margin: 20px 0 0;
        height: 40px;
        display: block;
        height: 78px;
        overflow: hidden; }
        .main[view="perks"] #rating p.rate img {
          display: block;
          width: 100%;
          clear: both; }
      .main[view="perks"] #rating .logoCol {
        width: 100%; }
      .main[view="perks"] #rating .starsCount {
        display: block;
        clear: both;
        font-size: 14px;
        height: 30px;
        line-height: 45px;
        margin: 0 0 40px 0;
        white-space: nowrap; } }

.main.secondary[view="student-discount"] .intro {
  padding: 8px 0; }
  .main.secondary[view="student-discount"] .intro h1 {
    font-size: 16px;
    margin-bottom: 0; }
.main.secondary[view="student-discount"] #studentDiscount {
  background: url("/assets/images/pages/student-discount/student-discount@2x.png") no-repeat left top/contain;
  padding: 0 0 0 55%;
  text-align: center;
  overflow: hidden; }
  .main.secondary[view="student-discount"] #studentDiscount #discount-content {
    width: 650px;
    max-width: 100%;
    float: right;
    background: #fff;
    padding: 0 48px; }
    @media (max-width: 1250px) {
      .main.secondary[view="student-discount"] #studentDiscount #discount-content {
        width: 550px; } }
    @media (max-width: 1024px) {
      .main.secondary[view="student-discount"] #studentDiscount #discount-content {
        max-width: 775px;
        width: 100%; } }
    @media (max-width: 900px) {
      .main.secondary[view="student-discount"] #studentDiscount #discount-content {
        max-width: 775px;
        width: 100%;
        float: initial;
        min-height: 950px; } }
    @media (max-width: 640px) {
      .main.secondary[view="student-discount"] #studentDiscount #discount-content {
        padding: 40px 30px; } }
  .main.secondary[view="student-discount"] #studentDiscount h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000; }
    @media (max-width: 768px) {
      .main.secondary[view="student-discount"] #studentDiscount h2 {
        font-size: 22px; } }
    @media (max-width: 640px) {
      .main.secondary[view="student-discount"] #studentDiscount h2 {
        font-size: 20px; } }
  .main.secondary[view="student-discount"] #studentDiscount h3 {
    font-size: 22px;
    font-weight: 300; }
    @media (max-width: 640px) {
      .main.secondary[view="student-discount"] #studentDiscount h3 {
        font-size: 18px; } }
  .main.secondary[view="student-discount"] #studentDiscount p {
    font-size: 18px;
    padding-bottom: 30px; }
    @media (max-width: 1024px) {
      .main.secondary[view="student-discount"] #studentDiscount p {
        font-size: 18px; } }
    @media (max-width: 768px) {
      .main.secondary[view="student-discount"] #studentDiscount p {
        font-size: 14px;
        padding-bottom: 20px; } }
  .main.secondary[view="student-discount"] #studentDiscount iframe {
    display: none; }
  .main.secondary[view="student-discount"] #studentDiscount .btn.btn-yellow {
    width: 214px;
    margin: 0 auto; }
  .main.secondary[view="student-discount"] #studentDiscount p.sbSupport {
    font-size: 11px; }
    .main.secondary[view="student-discount"] #studentDiscount p.sbSupport img {
      margin-bottom: 10px; }
  .main.secondary[view="student-discount"] #studentDiscount:after {
    content: '';
    display: block;
    clear: both; }
  @media (max-width: 1024px) {
    .main.secondary[view="student-discount"] #studentDiscount {
      background-position: -20% 0; } }
  @media (max-width: 980px) {
    .main.secondary[view="student-discount"] #studentDiscount {
      background-position: -30% 0; } }
  @media (max-width: 960px) {
    .main.secondary[view="student-discount"] #studentDiscount {
      background-position: -40% 0; } }
  @media (max-width: 900px) {
    .main.secondary[view="student-discount"] #studentDiscount {
      background: url("/assets/images/pages/student-discount/mo-student-discount@2x.png") no-repeat center top/contain;
      padding: 39% 0 0 0;
      min-height: 950px; } }
.main.secondary[view="student-discount"] .section-student-discount {
  margin-top: 120px;
  position: relative; }
.main.secondary[view="student-discount"] .banner {
  width: 100%;
  height: 60px;
  background-color: #FFC600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 120px;
  left: 0;
  right: 0;
  z-index: 9;
  transition: .5s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  font-weight: 300; }
.main.secondary[view="student-discount"] #discountEmbed {
  position: relative;
  overflow: hidden;
  min-height: 150px; }
.main.secondary[view="student-discount"] #discountEmbed:after {
  content: '';
  display: block;
  clear: both; }
@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.main.secondary[view="student-discount"] .loadSpinner {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -27px;
  text-align: center;
  z-index: 1;
  animation: rotating 2s linear infinite; }
.main.secondary[view="student-discount"] #discountEmbed iframe {
  position: relative;
  z-index: 3; }
@media (max-width: 768px) {
  .main.secondary[view="student-discount"] .banner {
    top: 44px; }
  .main.secondary[view="student-discount"] .section-student-discount {
    margin-top: 80px; }
  .main.secondary[view="student-discount"] .image-student-discount {
    background: url("/assets/images/homepage/student-discount-illustration@1x.png") no-repeat center/cover;
    padding-top: 33%; } }

.main.primary[view='business'] section.features.blueGradient {
  background: #1b78e0 url(/assets/images/blueGradient.svg) no-repeat center/cover;
  background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
  color: #fff; }
.main.primary[view='business'] .image-brand-honeywell {
  background: url("/assets/images/pages/business/customer-honeywell@2x.png") no-repeat center/contain;
  width: 177px;
  height: 72px; }
.main.primary[view='business'] .image-brand-lucky {
  background: url("/assets/images/pages/business/customer-luckybrand@2x.png") no-repeat center/contain;
  width: 177px;
  height: 72px; }
.main.primary[view='business'] .image-brand-marks-spencer {
  background: url("/assets/images/pages/business/customer-marks-spencer@2x.png") no-repeat center/contain;
  width: 177px;
  height: 72px; }
.main.primary[view='business'] .image-brand-peapod {
  background: url("/assets/images/pages/business/customer-peapod@2x.png") no-repeat center/contain;
  width: 177px;
  height: 72px; }
.main.primary[view='business'] .image-brand-topgolf {
  background: url("/assets/images/pages/business/customer-topgolf@2x.png") no-repeat center/contain;
  width: 177px;
  height: 72px; }
.main.primary[view='business'] .image-brand-wwe {
  background: url("/assets/images/pages/business/customer-wwe@2x.png") no-repeat center/contain;
  width: 177px;
  height: 72px; }
@media only screen and (max-width: 768px) {
  .main.primary[view='business'] .image-brand-honeywell,
  .main.primary[view='business'] .image-brand-lucky,
  .main.primary[view='business'] .image-brand-marks-spencer,
  .main.primary[view='business'] .image-brand-peapod,
  .main.primary[view='business'] .image-brand-topgolf,
  .main.primary[view='business'] .image-brand-wwe {
    height: 41px;
    width: 100px; } }
.main.primary[view='business'] .image-business-security-audit {
  height: auto;
  max-width: 100%;
  width: 1100px; }
.main.primary[view='business'] .image-wrecking-ball {
  background: url("/assets/images/pages/business/header-wrecking-ball.jpg") no-repeat center/contain; }
.main.primary[view='business'] .image-diagram-weak-password-security {
  background: url("/assets/images/pages/business/graph-81.png") no-repeat center/contain;
  width: 115px;
  height: 115px; }
.main.primary[view='business'] .image-diagram-cost-data-breach {
  background: url("/assets/images/pages/business/graph-7million.png") no-repeat center/contain;
  width: 115px;
  height: 115px; }
@media only screen and (max-width: 768px) {
  .main.primary[view='business'] .image-diagram-weak-password-security {
    width: 80px;
    height: 80px; }
  .main.primary[view='business'] .image-diagram-cost-data-breach {
    width: 80px;
    height: 80px; } }
.main.primary[view='business'] section.deployments, .main.primary[view='business'] section.addons,
.main.primary[view='business'] section.features,
.main.primary[view='business'] section.why-use-keeper, .main.primary[view='business'] section.business-plan, .main.primary[view='business'] main.main.primary[view="enterprise"] section.deployments, main.main.primary[view="enterprise"] .main.primary[view='business'] section.deployments, .main.primary[view='business'] main.main.primary[view="enterprise"] section.addons, main.main.primary[view="enterprise"] .main.primary[view='business'] section.addons,
.main.primary[view='business'] main.main.primary[view="enterprise"] section.features,
main.main.primary[view="enterprise"] .main.primary[view='business'] section.features,
.main.primary[view='business'] main.main.primary[view="enterprise"] section.why-use-keeper,
main.main.primary[view="enterprise"] .main.primary[view='business'] section.why-use-keeper, .main.primary[view='business'] main.main.primary[view="enterprise"] section.enterprise-plan, main.main.primary[view="enterprise"] .main.primary[view='business'] section.enterprise-plan {
  padding: 56px 0; }
@media only screen and (max-width: 768px) {
  .main.primary[view='business'] section.deployments, .main.primary[view='business'] section.addons,
  .main.primary[view='business'] section.features,
  .main.primary[view='business'] section.why-use-keeper, .main.primary[view='business'] section.business-plan, .main.primary[view='business'] main.main.primary[view="enterprise"] section.deployments, main.main.primary[view="enterprise"] .main.primary[view='business'] section.deployments, .main.primary[view='business'] main.main.primary[view="enterprise"] section.addons, main.main.primary[view="enterprise"] .main.primary[view='business'] section.addons,
  .main.primary[view='business'] main.main.primary[view="enterprise"] section.features,
  main.main.primary[view="enterprise"] .main.primary[view='business'] section.features,
  .main.primary[view='business'] main.main.primary[view="enterprise"] section.why-use-keeper,
  main.main.primary[view="enterprise"] .main.primary[view='business'] section.why-use-keeper, .main.primary[view='business'] main.main.primary[view="enterprise"] section.enterprise-plan, main.main.primary[view="enterprise"] .main.primary[view='business'] section.enterprise-plan {
    padding: 40px 0; } }
.main.primary[view='business'] .intro {
  position: relative; }
  .main.primary[view='business'] .intro .btn {
    font-weight: 600;
    width: auto; }
  .main.primary[view='business'] .intro .intro-image {
    width: 100%;
    background-size: 100%; }
    .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
      background: url("/assets/images/pages/business/header-hand-ipad@2x.png") no-repeat left bottom/105%; }
      .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach:after {
        content: '';
        display: block;
        width: 100px;
        height: 100%;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
        position: absolute;
        right: 0;
        top: 0; }
      @media (max-width: 1300px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          width: 60%;
          background-size: 120%;
          left: -15px; } }
      @media (max-width: 1200px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          background-image: url("/assets/images/pages/business/header-hand-ipad.png"); } }
      @media (max-width: 1024px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          background-size: 140%;
          left: -25px; } }
      @media (max-width: 1100px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          background-size: 130%; } }
      @media (max-width: 1000px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          left: -8%; } }
      @media (max-width: 991px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          background: url("/assets/images/pages/business/mo-header-hand-ipad@2x.png") no-repeat left bottom/100%; } }
      @media (max-width: 768px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          background-size: contain;
          background-position: 80% bottom;
          left: auto;
          margin: 0 auto;
          width: 100%;
          position: relative;
          bottom: 0;
          top: auto;
          height: 0;
          padding-top: 100%;
          margin-top: -90px; }
          .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach:after {
            width: 50px; } }
      @media (max-width: 480px) {
        .main.primary[view='business'] .intro .intro-image.image-header-ipad-breach {
          margin-top: -50px; } }
  .main.primary[view='business'] .intro .intro-content {
    padding: 172px 0 155px;
    width: 66%; }
    .main.primary[view='business'] .intro .intro-content h1, .main.primary[view='business'] .intro .intro-content p {
      display: block;
      max-width: 100%;
      width: 100%; }
    @media (max-width: 1300px) {
      .main.primary[view='business'] .intro .intro-content {
        width: 48%; } }
    @media (max-width: 1250px) {
      .main.primary[view='business'] .intro .intro-content {
        width: 45%;
        margin-left: 52%; } }
    @media (max-width: 991px) {
      .main.primary[view='business'] .intro .intro-content {
        width: 60%;
        margin-left: 40%; } }
    @media (max-width: 768px) {
      .main.primary[view='business'] .intro .intro-content {
        padding: 40px 0 20px;
        width: 100%;
        margin-left: 0; }
        .main.primary[view='business'] .intro .intro-content h1, .main.primary[view='business'] .intro .intro-content p {
          max-width: 100%;
          width: 100%; } }
.main.primary[view='business'] section.diagrams {
  background-color: white;
  padding: 70px 0; }
  @media (max-width: 768px) {
    .main.primary[view='business'] section.diagrams {
      padding: 40px 10px; } }
  .main.primary[view='business'] section.diagrams h2 {
    color: black;
    text-align: left;
    margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      .main.primary[view='business'] section.diagrams h2 {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 32px;
        text-align: center; } }
  .main.primary[view='business'] section.diagrams p {
    font-size: 18px; }
  .main.primary[view='business'] section.diagrams .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .main.primary[view='business'] section.diagrams .container {
        flex-flow: column nowrap; } }
    .main.primary[view='business'] section.diagrams .container:before, .main.primary[view='business'] section.diagrams .container:after {
      content: none;
      display: none; }
    .main.primary[view='business'] section.diagrams .container .heading {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
    .main.primary[view='business'] section.diagrams .container .heading,
    .main.primary[view='business'] section.diagrams .container .diagram {
      width: 31%; }
      @media only screen and (max-width: 1200px) {
        .main.primary[view='business'] section.diagrams .container .heading,
        .main.primary[view='business'] section.diagrams .container .diagram {
          width: 33%; } }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.diagrams .container .heading,
        .main.primary[view='business'] section.diagrams .container .diagram {
          width: 100%; } }
    .main.primary[view='business'] section.diagrams .container .diagram {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.diagrams .container .diagram {
          margin-bottom: 40px;
          flex-flow: column nowrap;
          justify-content: space-between; }
          .main.primary[view='business'] section.diagrams .container .diagram:last-of-type {
            margin-bottom: 0; } }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.diagrams .container .diagram {
          width: 100%; } }
      .main.primary[view='business'] section.diagrams .container .diagram #dataBreachesDiagram,
      .main.primary[view='business'] section.diagrams .container .diagram #averageCostofBreachDiagram {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        position: relative;
        width: 125px;
        height: 125px;
        margin: 0; }
        @media (max-width: 768px) {
          .main.primary[view='business'] section.diagrams .container .diagram #dataBreachesDiagram,
          .main.primary[view='business'] section.diagrams .container .diagram #averageCostofBreachDiagram {
            width: 100px !important;
            height: 100px !important; } }
        .main.primary[view='business'] section.diagrams .container .diagram #dataBreachesDiagram svg,
        .main.primary[view='business'] section.diagrams .container .diagram #averageCostofBreachDiagram svg {
          display: flex;
          align-self: center;
          width: 125px;
          height: 125px; }
          @media (max-width: 768px) {
            .main.primary[view='business'] section.diagrams .container .diagram #dataBreachesDiagram svg,
            .main.primary[view='business'] section.diagrams .container .diagram #averageCostofBreachDiagram svg {
              width: 100px;
              height: 100px; } }
        .main.primary[view='business'] section.diagrams .container .diagram #dataBreachesDiagram .progressbar-text,
        .main.primary[view='business'] section.diagrams .container .diagram #averageCostofBreachDiagram .progressbar-text {
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;
          white-space: nowrap;
          font-family: "Overpass", Helvetica, Arial, sans-serif !important;
          font-size: 32px;
          font-weight: 700 !important;
          color: #000 !important; }
          @media (max-width: 768px) {
            .main.primary[view='business'] section.diagrams .container .diagram #dataBreachesDiagram .progressbar-text,
            .main.primary[view='business'] section.diagrams .container .diagram #averageCostofBreachDiagram .progressbar-text {
              font-size: 24px; } }
      .main.primary[view='business'] section.diagrams .container .diagram p {
        text-align: left;
        max-width: 100%;
        margin-left: 30px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view='business'] section.diagrams .container .diagram p {
            font-size: 14px;
            margin-left: 0;
            margin-top: 33px;
            max-width: 220px;
            text-align: center; } }
.main.primary[view='business'] section.deployments {
  background-image: linear-gradient(-135deg, #767676 0%, #242424 100%); }
  @media (max-width: 768px) {
    .main.primary[view='business'] section.deployments {
      padding: 40px 10px; } }
  .main.primary[view='business'] section.deployments h2 {
    color: #FFF;
    text-align: center;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view='business'] section.deployments h2 {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 8px; } }
  .main.primary[view='business'] section.deployments p {
    color: #FFF;
    text-align: center;
    margin-bottom: 56px; }
  @media only screen and (max-width: 768px) {
    .main.primary[view='business'] section.deployments p {
      color: #FFF;
      text-align: center;
      margin-bottom: 0; } }
  .main.primary[view='business'] section.deployments .image-business-security-audit {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    margin: 0 auto;
    border-radius: 7px;
    overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .main.primary[view='business'] section.deployments .image-business-security-audit {
      display: none; } }
.main.primary[view='business'] section.why-use-keeper {
  background: #FFFFFF; }
.main.primary[view='business'] section.addons {
  background-color: #F9F9F9; }
@media (max-width: 768px) {
  .main.primary[view='business'] section.addons,
  .main.primary[view='business'] section.features,
  .main.primary[view='business'] section.why-use-keeper {
    padding: 40px 10px; } }
.main.primary[view='business'] section.addons .container,
.main.primary[view='business'] section.features .container,
.main.primary[view='business'] section.why-use-keeper .container {
  display: flex;
  flex-flow: row nowrap; }
@media only screen and (max-width: 768px) {
  .main.primary[view='business'] section.addons .container,
  .main.primary[view='business'] section.features .container,
  .main.primary[view='business'] section.why-use-keeper .container {
    flex-flow: column wrap; } }
.main.primary[view='business'] section.addons .container:before,
.main.primary[view='business'] section.addons .container:after,
.main.primary[view='business'] section.features .container:before,
.main.primary[view='business'] section.features .container:after,
.main.primary[view='business'] section.why-use-keeper .container:before,
.main.primary[view='business'] section.why-use-keeper .container:after {
  content: none; }
.main.primary[view='business'] section.addons .left-side,
.main.primary[view='business'] section.features .left-side,
.main.primary[view='business'] section.why-use-keeper .left-side {
  width: 30%; }
.main.primary[view='business'] section.addons .right-side,
.main.primary[view='business'] section.features .right-side,
.main.primary[view='business'] section.why-use-keeper .right-side {
  width: 70%; }
@media only screen and (max-width: 768px) {
  .main.primary[view='business'] section.addons .left-side,
  .main.primary[view='business'] section.features .left-side,
  .main.primary[view='business'] section.why-use-keeper .left-side {
    width: 100%;
    text-align: center; }
  .main.primary[view='business'] section.addons .right-side,
  .main.primary[view='business'] section.features .right-side,
  .main.primary[view='business'] section.why-use-keeper .right-side {
    width: 100%;
    text-align: center; } }
.main.primary[view='business'] section.addons h2,
.main.primary[view='business'] section.features h2,
.main.primary[view='business'] section.why-use-keeper h2 {
  color: #000000;
  padding-right: 30px;
  line-height: 28px; }
  @media only screen and (max-width: 800px) {
    .main.primary[view='business'] section.addons h2,
    .main.primary[view='business'] section.features h2,
    .main.primary[view='business'] section.why-use-keeper h2 {
      font-size: 30px; } }
  @media only screen and (max-width: 768px) {
    .main.primary[view='business'] section.addons h2,
    .main.primary[view='business'] section.features h2,
    .main.primary[view='business'] section.why-use-keeper h2 {
      font-size: 20px;
      letter-spacing: 0;
      line-height: 24px;
      margin-bottom: 32px;
      padding-right: 0; } }
.main.primary[view='business'] section.addons .list-features,
.main.primary[view='business'] section.features .list-features,
.main.primary[view='business'] section.why-use-keeper .list-features {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none; }
  .main.primary[view='business'] section.addons .list-features li,
  .main.primary[view='business'] section.features .list-features li,
  .main.primary[view='business'] section.why-use-keeper .list-features li {
    width: 50%;
    margin-bottom: 56px; }
    .main.primary[view='business'] section.addons .list-features li h4,
    .main.primary[view='business'] section.features .list-features li h4,
    .main.primary[view='business'] section.why-use-keeper .list-features li h4 {
      margin-bottom: 20px;
      font-size: 22px;
      color: #000000;
      line-height: 28px; }
    .main.primary[view='business'] section.addons .list-features li p,
    .main.primary[view='business'] section.features .list-features li p,
    .main.primary[view='business'] section.why-use-keeper .list-features li p {
      color: #000; }
    .main.primary[view='business'] section.addons .list-features li.pre-last, .main.primary[view='business'] section.addons .list-features li.last,
    .main.primary[view='business'] section.features .list-features li.pre-last,
    .main.primary[view='business'] section.features .list-features li.last,
    .main.primary[view='business'] section.why-use-keeper .list-features li.pre-last,
    .main.primary[view='business'] section.why-use-keeper .list-features li.last {
      margin-bottom: 0; }
    .main.primary[view='business'] section.addons .list-features li:nth-child(odd),
    .main.primary[view='business'] section.features .list-features li:nth-child(odd),
    .main.primary[view='business'] section.why-use-keeper .list-features li:nth-child(odd) {
      padding-right: 15px; }
    .main.primary[view='business'] section.addons .list-features li:nth-child(even),
    .main.primary[view='business'] section.features .list-features li:nth-child(even),
    .main.primary[view='business'] section.why-use-keeper .list-features li:nth-child(even) {
      padding-left: 15px; }
    @media (max-width: 768px) {
      .main.primary[view='business'] section.addons .list-features li.pre-last,
      .main.primary[view='business'] section.features .list-features li.pre-last,
      .main.primary[view='business'] section.why-use-keeper .list-features li.pre-last {
        margin-bottom: 32px; }
      .main.primary[view='business'] section.addons .list-features li:nth-child(odd), .main.primary[view='business'] section.addons .list-features li:nth-child(even),
      .main.primary[view='business'] section.features .list-features li:nth-child(odd),
      .main.primary[view='business'] section.features .list-features li:nth-child(even),
      .main.primary[view='business'] section.why-use-keeper .list-features li:nth-child(odd),
      .main.primary[view='business'] section.why-use-keeper .list-features li:nth-child(even) {
        padding: 0; } }
  @media only screen and (max-width: 768px) {
    .main.primary[view='business'] section.addons .list-features li,
    .main.primary[view='business'] section.features .list-features li,
    .main.primary[view='business'] section.why-use-keeper .list-features li {
      margin-bottom: 32px;
      width: 100%; } }
.main.primary[view='business'] section.features h2 {
  color: white; }
.main.primary[view='business'] section.features .list-features li h4 {
  color: white; }
.main.primary[view='business'] section.features .list-features li p {
  color: white; }
.main.primary[view='business'] section.business-plan {
  background-color: #F9F9F9; }
  .main.primary[view='business'] section.business-plan h2 {
    text-align: center;
    color: #000;
    margin-bottom: 58px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view='business'] section.business-plan h2 {
        text-align: center;
        margin-bottom: 16px; } }
  .main.primary[view='business'] section.business-plan .box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 1300px) {
      .main.primary[view='business'] section.business-plan .box {
        padding: 48px; } }
    @media only screen and (max-width: 860px) {
      .main.primary[view='business'] section.business-plan .box {
        padding: 48px 30px; } }
    @media only screen and (max-width: 768px) {
      .main.primary[view='business'] section.business-plan .box {
        flex-flow: column nowrap;
        padding: 36px 52px; } }
    @media only screen and (max-width: 480px) {
      .main.primary[view='business'] section.business-plan .box {
        padding: 36px 20px; } }
    .main.primary[view='business'] section.business-plan .box .column {
      max-width: 45%; }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.business-plan .box .column {
          max-width: 100%; } }
    .main.primary[view='business'] section.business-plan .box .pricing {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 58px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.business-plan .box .pricing {
          flex-flow: column nowrap;
          margin-bottom: 24px; } }
    .main.primary[view='business'] section.business-plan .box .pricing .price {
      font-weight: 600;
      font-size: 36px;
      color: #000000;
      text-align: right;
      line-height: 40px;
      margin-right: 24px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.business-plan .box .pricing .price {
          margin-right: 0;
          margin-bottom: 8px;
          font-size: 20px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 24px; } }
      .main.primary[view='business'] section.business-plan .box .pricing .price sup {
        font-weight: 600;
        top: 0;
        font-size: 1em; }
    .main.primary[view='business'] section.business-plan .box .pricing .cycle {
      font-weight: 300;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 22px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.business-plan .box .pricing .cycle {
          font-size: 12px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 16px; } }
      .main.primary[view='business'] section.business-plan .box .pricing .cycle sup {
        top: 0;
        font-size: 1em; }
    .main.primary[view='business'] section.business-plan .box .actions {
      display: flex; }
      @media only screen and (max-width: 768px) {
        .main.primary[view='business'] section.business-plan .box .actions {
          margin-bottom: 32px;
          flex-flow: column nowrap;
          justify-content: center; } }
      .main.primary[view='business'] section.business-plan .box .actions .btn {
        font-weight: 600;
        padding: 0 15px;
        min-width: 180px; }
      .main.primary[view='business'] section.business-plan .box .actions .btn.btn-clear-yellow {
        color: #cf9f24; }
        .main.primary[view='business'] section.business-plan .box .actions .btn.btn-clear-yellow:hover {
          color: #cf9f24; }
      .main.primary[view='business'] section.business-plan .box .actions .btn:first-of-type {
        margin-right: 16px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view='business'] section.business-plan .box .actions .btn:first-of-type {
            margin-right: auto;
            width: auto; } }
    .main.primary[view='business'] section.business-plan .box .features {
      list-style: none; }
      .main.primary[view='business'] section.business-plan .box .features li {
        margin-bottom: 20px;
        padding-left: 40px;
        font-weight: 300;
        font-size: 20px;
        color: #000000;
        letter-spacing: 0;
        line-height: 28px;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .main.primary[view='business'] section.business-plan .box .features li {
            padding-left: 0;
            font-size: 14px;
            color: #000000;
            letter-spacing: 0;
            text-align: center;
            line-height: 20px; } }
        .main.primary[view='business'] section.business-plan .box .features li:before {
          content: '';
          display: block;
          width: 9px;
          height: 18px;
          border: 2px solid #000;
          border-left: 0;
          border-top: 0;
          position: absolute;
          left: 7px;
          top: 1px;
          transform: rotate(45deg); }
          @media only screen and (max-width: 768px) {
            .main.primary[view='business'] section.business-plan .box .features li:before {
              display: none; } }
        .main.primary[view='business'] section.business-plan .box .features li a {
          color: #cc9e00;
          font-weight: 300;
          transition: 0.5s ease; }
          .main.primary[view='business'] section.business-plan .box .features li a:hover {
            text-decoration: none;
            color: #FFC600; }

[locale="ar_AE"] .main.primary[view="business"] section.diagrams .diagram p {
  margin-left: 0;
  margin-right: 20px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="business"] section.diagrams .diagram p {
      margin: 10px auto 0; } }
[locale="ar_AE"] .main.primary[view="business"] section.business-plan .box .features li {
  padding-right: 40px;
  padding-left: 0; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="business"] section.business-plan .box .features li {
      padding: 0;
      text-align: center; } }
  [locale="ar_AE"] .main.primary[view="business"] section.business-plan .box .features li:before {
    left: auto;
    right: 0; }
[locale="ar_AE"] .main.primary[view="business"] section.business-plan .box .pricing .price {
  margin-right: 0;
  margin-left: 24px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="business"] section.business-plan .box .pricing .price {
      margin: 0 auto 8px; } }
[locale="ar_AE"] .main.primary[view="business"] section.business-plan .box .actions .btn:first-of-type {
  margin-left: 16px;
  margin-right: 0; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="business"] section.business-plan .box .actions .btn:first-of-type {
      margin: 0 auto; } }
[locale="ar_AE"] .main.primary[view="business"] section.why-use-keeper h2,
[locale="ar_AE"] .main.primary[view="business"] section.features h2,
[locale="ar_AE"] .main.primary[view="business"] section.addons h2 {
  padding-right: 0;
  padding-left: 30px; }
[locale="ar_AE"] .main.primary[view="business"] section.why-use-keeper .list-features li:nth-child(odd),
[locale="ar_AE"] .main.primary[view="business"] section.features .list-features li:nth-child(odd),
[locale="ar_AE"] .main.primary[view="business"] section.addons .list-features li:nth-child(odd) {
  padding-right: 0;
  padding-left: 15px; }

[locale="ar_AE"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/ar_AE/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="ar_AE"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/ar_AE/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="ar_AE"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/ar_AE/mo-header-hand-ipad@2x.png"); } }

[locale="de_DE"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/de_DE/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="de_DE"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/de_DE/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="de_DE"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/de_DE/mo-header-hand-ipad@2x.png"); } }

[locale="en_US"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/en_US/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="en_US"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/en_US/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="en_US"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/en_US/mo-header-hand-ipad@2x.png"); } }

[locale="en_GB"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/en_GB/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="en_GB"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/en_GB/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="en_GB"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/en_GB/mo-header-hand-ipad@2x.png"); } }

[locale="es_ES"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/es_ES/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="es_ES"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/es_ES/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="es_ES"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/es_ES/mo-header-hand-ipad@2x.png"); } }

[locale="fr_FR"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/fr_FR/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="fr_FR"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/fr_FR/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="fr_FR"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/fr_FR/mo-header-hand-ipad@2x.png"); } }

[locale="it_IT"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/it_IT/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="it_IT"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/it_IT/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="it_IT"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/it_IT/mo-header-hand-ipad@2x.png"); } }

[locale="ja_JP"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/ja_JP/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="ja_JP"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/ja_JP/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="ja_JP"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/ja_JP/mo-header-hand-ipad@2x.png"); } }

[locale="nl_NL"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/nl_NL/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="nl_NL"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/nl_NL/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="nl_NL"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/nl_NL/mo-header-hand-ipad@2x.png"); } }

[locale="pl_PL"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/pl_PL/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="pl_PL"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/pl_PL/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="pl_PL"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/pl_PL/mo-header-hand-ipad@2x.png"); } }

[locale="pt_BR"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/pt_BR/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="pt_BR"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/pt_BR/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="pt_BR"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/pt_BR/mo-header-hand-ipad@2x.png"); } }

[locale="ru_RU"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/ru_RU/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="ru_RU"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/ru_RU/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="ru_RU"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/ru_RU/mo-header-hand-ipad@2x.png"); } }

[locale="zh_CN"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
  background-image: url("/assets/images/pages/business/zh_CN/header-hand-ipad@2x.png"); }
  @media (max-width: 1200px) {
    [locale="zh_CN"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/zh_CN/header-hand-ipad.png"); } }
  @media (max-width: 991px) {
    [locale="zh_CN"] .main.primary[view="business"] .intro .intro-image.image-header-ipad-breach {
      background-image: url("/assets/images/pages/business/zh_CN/mo-header-hand-ipad@2x.png"); } }

[view="business-partner"].main .materialDesign .keeper-md {
  left: 24px; }
[view="business-partner"].main .content .box > h2 {
  color: #000000;
  text-align: center;
  margin-bottom: 40px; }
[view="business-partner"].main #mobile-tab {
  display: none; }
[view="business-partner"].main [data-react-component="PartnerSignup"] .inner {
  max-width: 800px;
  margin: 0 auto; }
  [view="business-partner"].main [data-react-component="PartnerSignup"] .inner .radioButtons {
    margin-top: 40px;
    margin-bottom: 20px; }
    [view="business-partner"].main [data-react-component="PartnerSignup"] .inner .radioButtons label.mdl-radio {
      margin-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        [view="business-partner"].main [data-react-component="PartnerSignup"] .inner .radioButtons label.mdl-radio {
          font-size: 16px; } }
  [view="business-partner"].main [data-react-component="PartnerSignup"] .inner .btn-submit {
    margin: 0 auto;
    display: flex;
    align-self: center;
    justify-content: center; }
  [view="business-partner"].main [data-react-component="PartnerSignup"] .inner h3 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px; }
  [view="business-partner"].main [data-react-component="PartnerSignup"] .inner label.keeper-md:not(.termsAccept) {
    top: 13px;
    left: 25px; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media (max-width: 768px) {
  main[view="msp"] .box {
    padding: 48px 20px; } }
main[view="msp"] .intro .intro-content {
  text-align: center;
  padding-bottom: 20px; }
  main[view="msp"] .intro .intro-content p {
    color: white;
    width: 70%;
    margin: 20px auto; }
@media only screen and (max-width: 768px) {
  main[view="msp"] .intro .intro-content {
    text-align: left;
    padding-bottom: 0; }
    main[view="msp"] .intro .intro-content p {
      width: 100%;
      margin: 0;
      margin-bottom: 20px; }
    main[view="msp"] .intro .intro-content .intro-actions {
      margin-bottom: 20px; } }
main[view="msp"] .section-info.last-section .section-content {
  text-align: center;
  width: 100%;
  float: none;
  padding: 60px 40px; }
  main[view="msp"] .section-info.last-section .section-content h3 {
    width: 70%;
    margin: 0 auto; }
  main[view="msp"] .section-info.last-section .section-content .actions {
    margin-top: 50px; }
@media only screen and (min-width: 768px) {
  main[view="msp"] .section-info.last-section .section-content .actions a:first-of-type {
    margin-right: 20px; } }
@media only screen and (max-width: 768px) {
  main[view="msp"] .section-info.last-section {
    padding: 0; }
    main[view="msp"] .section-info.last-section .section-content {
      text-align: center;
      width: 100%;
      float: none;
      padding: 40px; }
      main[view="msp"] .section-info.last-section .section-content h3 {
        width: 100%;
        margin: 0 auto; }
      main[view="msp"] .section-info.last-section .section-content .actions {
        margin-top: 50px; }
      main[view="msp"] .section-info.last-section .section-content .actions a:first-of-type {
        margin-bottom: 20px; } }
@media (max-width: 1024px) {
  main[view="msp"] .section-info p {
    font-size: 18px; } }
@media (max-width: 768px) {
  main[view="msp"] .section-info p {
    font-size: 14px; } }
main[view="msp"] .section-info.partner-with-keeper .section-content {
  padding: 60px 40px;
  float: none;
  width: 100%;
  text-align: center; }
  main[view="msp"] .section-info.partner-with-keeper .section-content h2 {
    color: #000;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      main[view="msp"] .section-info.partner-with-keeper .section-content h2 {
        font-size: 20px; } }
  main[view="msp"] .section-info.partner-with-keeper .section-content p {
    width: 80%;
    margin: 0 auto; }
    @media (max-width: 768px) {
      main[view="msp"] .section-info.partner-with-keeper .section-content p {
        font-size: 14px; } }
  main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons {
    margin-top: 20px;
    list-style: none;
    display: flex;
    justify-content: space-around; }
    main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item {
      width: 20%; }
      @media (max-width: 768px) {
        main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item p {
          font-size: 14px; } }
      main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item .icon {
        margin-bottom: 10px;
        width: 64px;
        height: 64px; }
        main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item .icon.icon-zero-knowledge {
          background-image: url("/assets/images/Icons/icon-vault.svg"); }
        main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item .icon.icon-best-certifications {
          background-image: url("/assets/images/Icons/icon-certifications.svg"); }
        main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item .icon.icon-data-protection {
          background-image: url("/assets/images/Icons/icon-worldclass.svg"); }
        main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item .icon.icon-protection-from-risks {
          background-image: url("/assets/images/Icons/icon-password-lock.svg"); }
@media (max-width: 1024px) {
  main[view="msp"] #whyPartner.section-info.box {
    padding: 48px; }
    main[view="msp"] #whyPartner.section-info.box .section-content {
      padding: 0; }
      main[view="msp"] #whyPartner.section-info.box .section-content p {
        width: 100%; } }
@media (max-width: 768px) {
  main[view="msp"] #whyPartner.section-info.box {
    padding: 48px 20px; } }
main[view="msp"] #partnerMSP.section-info.box {
  padding: 48px; }
  @media (max-width: 768px) {
    main[view="msp"] #partnerMSP.section-info.box {
      padding: 48px 20px; } }
  main[view="msp"] #partnerMSP.section-info.box .section-content {
    width: 100%;
    padding: 0; }
    main[view="msp"] #partnerMSP.section-info.box .section-content h3 {
      font-family: 'Overpass', Helvetica, Arial, sans-serif; }
    main[view="msp"] #partnerMSP.section-info.box .section-content h3 + p {
      margin-bottom: 40px;
      padding: 0; }
    main[view="msp"] #partnerMSP.section-info.box .section-content .actions .btn {
      display: inline-block;
      min-width: 270px; }
@media only screen and (max-width: 768px) {
  main[view="msp"] .section-info.partner-with-keeper {
    padding: 0; }
    main[view="msp"] .section-info.partner-with-keeper .section-content {
      padding: 40px; }
      main[view="msp"] .section-info.partner-with-keeper .section-content p {
        width: 100%;
        margin: 0; }
      main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons {
        flex-flow: row wrap; }
      main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item {
        width: 50%; }
      main[view="msp"] .section-info.partner-with-keeper .section-content .list-reasons .list-item p {
        width: 150px;
        margin: 0 auto; }
  main[view="msp"] .main-content .container .section-info:nth-of-type(2),
  main[view="msp"] .main-content .container .section-info:nth-of-type(7) {
    padding-top: 0; }
  main[view="msp"] .main-content .container .section-info:nth-of-type(2) .section-content,
  main[view="msp"] .main-content .container .section-info:nth-of-type(7) .section-content {
    padding: 20px 0; } }

main.main.secondary[view="multiUserPasswordManager"] .intro {
  position: relative;
  padding: 72px 0;
  overflow: hidden; }
  @media (max-width: 767px) {
    main.main.secondary[view="multiUserPasswordManager"] .intro {
      padding: 40px 0; } }
  main.main.secondary[view="multiUserPasswordManager"] .intro .container {
    max-width: 100%;
    width: 1200px; }
    main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content {
      text-align: center;
      color: #fff; }
      main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content #primaryPoints {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start; }
        @media (max-width: 640px) {
          main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content #primaryPoints {
            flex-flow: column nowrap;
            align-items: center; } }
        main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content #primaryPoints div {
          width: 30%; }
          @media (max-width: 640px) {
            main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content #primaryPoints div {
              width: 100%; } }
          main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content #primaryPoints div img {
            margin-bottom: 24px; }
            @media (max-width: 768px) {
              main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content #primaryPoints div img {
                width: 32px;
                height: 32px; } }
          main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content #primaryPoints div p {
            font-size: 16px; }
      main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content .actions {
        margin: 40px 0 0; }
        @media (max-width: 640px) {
          main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content .actions {
            margin-top: 0; } }
        main.main.secondary[view="multiUserPasswordManager"] .intro .container .intro-content .actions .btn-clear-yellow {
          color: #fff; }
main.main.secondary[view="multiUserPasswordManager"] #businessThrives {
  display: block;
  padding-top: 96px;
  text-align: center; }
  @media (max-width: 768px) {
    main.main.secondary[view="multiUserPasswordManager"] #businessThrives {
      padding-top: 32px; } }
  main.main.secondary[view="multiUserPasswordManager"] #businessThrives p:first-child {
    margin-bottom: 28px; }
main.main.secondary[view="multiUserPasswordManager"] #highlights {
  padding: 120px 0;
  background: #fff; }
  @media (max-width: 1100px) {
    main.main.secondary[view="multiUserPasswordManager"] #highlights {
      padding: 80px 0; } }
  @media (max-width: 1024px) {
    main.main.secondary[view="multiUserPasswordManager"] #highlights {
      padding: 56px 0; } }
  @media (max-width: 991px) {
    main.main.secondary[view="multiUserPasswordManager"] #highlights {
      padding: 48px 0; } }
  @media (max-width: 768px) {
    main.main.secondary[view="multiUserPasswordManager"] #highlights {
      padding: 48px 0; } }
  @media (max-width: 768px) {
    main.main.secondary[view="multiUserPasswordManager"] #highlights {
      padding: 32px 0; } }
  main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container:before, main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container:after {
      display: none; }
    main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container .highlightImage {
      width: 48%;
      background: url("/assets/images/pages/multi-user-password-manager/ios-mock.png") no-repeat center/contain; }
      @media (max-width: 991px) {
        main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container .highlightImage {
          width: 40%;
          background-position: center top; } }
      @media (max-width: 768px) {
        main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container .highlightImage {
          display: none; } }
    main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article {
      width: 46%;
      padding: 80px 0; }
      @media (max-width: 991px) {
        main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article {
          width: 56%;
          padding: 0; } }
      @media (max-width: 768px) {
        main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article {
          width: 100%;
          text-align: center; } }
      main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article:first-child {
        margin: 0 0 80px; }
        @media (max-width: 1200px) {
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article:first-child {
            margin-bottom: 50px; } }
      main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article h2 {
        color: #000;
        margin-bottom: 32px; }
      main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons {
        list-style-type: none;
        margin: 48px 0;
        padding: 0; }
        @media (max-width: 768px) {
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons {
            margin: 32px 0 0; } }
        main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li {
          position: relative;
          padding: 0 0 0 56px;
          font-size: 18px; }
          @media (max-width: 768px) {
            main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li {
              padding: 48px 0 0 0;
              font-size: 16px; } }
          @media (max-width: 414px) {
            main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li {
              font-size: 14px; } }
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li:not(:first-child) {
            margin-top: 56px; }
            @media (max-width: 768px) {
              main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li:not(:first-child) {
                margin-top: 32px; } }
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li:before {
            content: '';
            display: block;
            width: 40px;
            height: 40px;
            position: absolute;
            left: 0;
            top: -5px; }
            @media (max-width: 768px) {
              main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li:before {
                width: 32px;
                height: 32px;
                left: 50%;
                margin-left: -20px;
                top: 0; } }
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li:first-child:before {
            background: url("/assets/icons/ico-share-users.svg") no-repeat center/contain; }
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li:last-child:before {
            background: url("/assets/icons/ico-users-shield.svg") no-repeat center/contain; }
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li a {
            color: #E6B300; }
          main.main.secondary[view="multiUserPasswordManager"] #highlights .highlightArticles .container article ul.list-icons li strong {
            display: block;
            margin-bottom: 16px; }
main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind {
  background: #000 url("/assets/images/pages/multi-user-password-manager/keeper_tm_bg.svg") no-repeat calc(100% + 120px) calc(100% + 120px)/520px;
  padding: 120px 0 96px;
  color: #fff; }
  @media (max-width: 768px) {
    main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind {
      padding: 48px 0; } }
  @media (max-width: 480px) {
    main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind {
      padding: 32px 0 16px; } }
  main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container:before, main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container:after {
      display: none; }
    @media (max-width: 768px) {
      main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container {
        flex-flow: column nowrap; } }
    main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article {
      width: 35%; }
      @media (max-width: 1400px) {
        main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article {
          width: 48%; } }
      @media (max-width: 768px) {
        main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article {
          width: 100%;
          display: flex;
          flex-flow: column nowrap;
          justify-content: flex-start;
          align-items: center; } }
      main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article h2 {
        line-height: 38px;
        margin-bottom: 32px; }
        @media (max-width: 768px) {
          main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article h2 {
            text-align: center; } }
      @media (max-width: 768px) {
        main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article p {
          text-align: center; } }
      main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article ul.list-arrows-yellow {
        margin-top: 24px;
        text-align: left;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between; }
        @media (max-width: 768px) {
          main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article ul.list-arrows-yellow {
            flex-flow: column nowrap;
            display: inline-block; } }
        main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article ul.list-arrows-yellow li {
          display: block;
          width: 100%;
          font-size: 18px;
          font-weight: 600;
          margin-bottom: 10px; }
          @media (max-width: 768px) {
            main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article ul.list-arrows-yellow li {
              width: 100%;
              font-size: 16px; } }
          @media (max-width: 480px) {
            main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article ul.list-arrows-yellow li {
              font-size: 14px; }
              main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article ul.list-arrows-yellow li:last-child {
                margin-bottom: 0; } }
      main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article:last-child {
        width: 50%;
        padding: 0 150px 0 50px; }
        @media (max-width: 1400px) {
          main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article:last-child {
            width: 48%;
            padding: 0 50px; } }
        @media (max-width: 1200px) {
          main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article:last-child {
            padding: 0; } }
        @media (max-width: 768px) {
          main.main.secondary[view="multiUserPasswordManager"] #multipleUsersInMind .container article:last-child {
            width: 100%; } }
main.main.secondary[view="multiUserPasswordManager"] #flexibility {
  padding-top: 96px; }
  @media (max-width: 768px) {
    main.main.secondary[view="multiUserPasswordManager"] #flexibility {
      padding-top: 48px; } }
  @media (max-width: 480px) {
    main.main.secondary[view="multiUserPasswordManager"] #flexibility {
      padding-top: 32px; } }
  main.main.secondary[view="multiUserPasswordManager"] #flexibility .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media (max-width: 767px) {
      main.main.secondary[view="multiUserPasswordManager"] #flexibility .container {
        flex-flow: column nowrap; } }
    main.main.secondary[view="multiUserPasswordManager"] #flexibility .container:before, main.main.secondary[view="multiUserPasswordManager"] #flexibility .container:after {
      display: none; }
    main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article {
      width: calc(50% - 100px); }
      @media (max-width: 1400px) {
        main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article {
          width: 48%; } }
      @media (max-width: 767px) {
        main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article {
          width: 100%;
          order: 2;
          text-align: center; } }
      main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article h2 {
        color: #000; }
      main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article .actions {
        display: flex;
        flex-flow: row wrap;
        margin: 40px 0 0; }
        @media (max-width: 767px) {
          main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article .actions {
            justify-content: center; } }
        @media (max-width: 640px) {
          main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article .actions {
            margin-top: 24px; } }
        @media (max-width: 480px) {
          main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article .actions {
            display: flex;
            justify-content: center;
            flex-flow: column nowrap; } }
        main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article .actions .btn {
          margin: 0 8px 16px; }
          @media (max-width: 480px) {
            main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article .actions .btn {
              margin: 8px auto; } }
      main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article p {
        margin-top: 32px; }
        @media (max-width: 480px) {
          main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article p {
            margin-top: 48px; } }
        main.main.secondary[view="multiUserPasswordManager"] #flexibility .container article p span {
          color: #E6B300; }
    main.main.secondary[view="multiUserPasswordManager"] #flexibility .container .flexibilityDiagram {
      width: calc(50% - 100px);
      background: url("/assets/images/pages/multi-user-password-manager/multi-user-hierarchy.svg") no-repeat center/contain; }
      @media (max-width: 1400px) {
        main.main.secondary[view="multiUserPasswordManager"] #flexibility .container .flexibilityDiagram {
          width: 48%; } }
      @media (max-width: 767px) {
        main.main.secondary[view="multiUserPasswordManager"] #flexibility .container .flexibilityDiagram {
          width: 100%;
          order: 1;
          height: 200px;
          margin-bottom: 32px; } }
      @media (max-width: 480px) {
        main.main.secondary[view="multiUserPasswordManager"] #flexibility .container .flexibilityDiagram {
          height: 120px; } }

.main[view="nps"] .box {
  padding: 48px; }
  @media (max-width: 640px) {
    .main[view="nps"] .box {
      padding: 48px 20px; } }
.main[view="nps"] form#center-column {
  max-width: 100%; }
.main[view="nps"] h2 {
  color: #000;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 40px; }
  @media (max-width: 991px) {
    .main[view="nps"] h2 {
      font-size: 22px; } }
.main[view="nps"] h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 56px 0 32px; }
  @media (max-width: 991px) {
    .main[view="nps"] h3 {
      font-size: 20px; } }
@media (max-width: 1024px) {
  .main[view="nps"] p {
    font-size: 18px; } }
@media (max-width: 768px) {
  .main[view="nps"] p {
    font-size: 14px; } }
.main[view="nps"] #survey-point-numbers .survey-point-number {
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  color: #000;
  width: 56px;
  height: 56px;
  margin: 0 8px;
  font-weight: 300;
  font-size: 22px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .main[view="nps"] #survey-point-numbers .survey-point-number:hover {
    transform: scale(1.1); }
  .main[view="nps"] #survey-point-numbers .survey-point-number.selected-score {
    background: #1B78E0;
    color: #fff; }
  @media (max-width: 991px) {
    .main[view="nps"] #survey-point-numbers .survey-point-number {
      width: 48px;
      height: 48px;
      line-height: 45px;
      margin: 0 6px; } }
  @media (max-width: 768px) {
    .main[view="nps"] #survey-point-numbers .survey-point-number {
      width: 40px;
      height: 40px;
      line-height: 38px;
      margin: 0 5px; } }
  @media (max-width: 640px) {
    .main[view="nps"] #survey-point-numbers .survey-point-number {
      width: 38px;
      height: 38px;
      line-height: 36px;
      margin: 0 4px; } }
  @media (max-width: 600px) {
    .main[view="nps"] #survey-point-numbers .survey-point-number {
      width: 30px;
      height: 30px;
      line-height: 28px;
      margin: 0 2px; } }
  @media (max-width: 480px) {
    .main[view="nps"] #survey-point-numbers .survey-point-number {
      width: 26px;
      height: 26px;
      line-height: 24px;
      font-size: 18px; } }
.main[view="nps"] .section-quaternary .section-actions {
  text-align: center;
  padding-top: 22px; }
  .main[view="nps"] .section-quaternary .section-actions .btn {
    margin: 0 auto;
    min-width: 180px;
    padding: 0 54px; }

.main[view="privacypolicy"] .section-info {
  font-size: 22px;
  font-weight: 300; }
  @media (max-width: 768px) {
    .main[view="privacypolicy"] .section-info {
      font-size: 14px; } }
.main[view="privacypolicy"] h2, .main[view="privacypolicy"] h3 {
  color: #000; }
  .main[view="privacypolicy"] h2 + p, .main[view="privacypolicy"] h3 + p {
    margin-top: 10px; }
  @media (max-width: 768px) {
    .main[view="privacypolicy"] h2, .main[view="privacypolicy"] h3 {
      font-size: 20px; } }
.main[view="privacypolicy"] h2 {
  margin-top: 36px;
  color: #000; }
  @media (max-width: 768px) {
    .main[view="privacypolicy"] h2 {
      font-size: 20px; } }
  .main[view="privacypolicy"] h2:first-child {
    margin-top: 0; }
.main[view="privacypolicy"] h3 {
  margin-top: 30px; }
.main[view="privacypolicy"] p {
  margin-top: 16px; }
  @media (max-width: 1024px) {
    .main[view="privacypolicy"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view="privacypolicy"] p {
      font-size: 14px; } }
.main[view="privacypolicy"] .box {
  padding: 70px 136px; }
  .main[view="privacypolicy"] .box a {
    color: #CF9F24; }
  @media (max-width: 1024px) {
    .main[view="privacypolicy"] .box {
      padding: 48px; } }
  @media (max-width: 768px) {
    .main[view="privacypolicy"] .box {
      padding: 40px 20px; } }

.main[view="subscribe"] .image-unsubscribe {
  background-image: url("/assets/images/pages/subscribe/ico-check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  margin-bottom: 15px; }
.main[view="subscribe"] .box.thankyou.active h2 {
  margin-bottom: 16px; }
.main[view="subscribe"] .box.default.active,
.main[view="subscribe"] .box.thankyou.active {
  display: block;
  text-align: center; }
.main[view="subscribe"] .box.default,
.main[view="subscribe"] .box.thankyou {
  display: none;
  margin-top: 0; }
.main[view="subscribe"] .box {
  padding: 48px; }
  @media (max-width: 640px) {
    .main[view="subscribe"] .box {
      padding: 48px 20px; } }
.main[view="subscribe"] h2 {
  text-align: center;
  color: #000;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 40px;
  display: block;
  clear: both; }
  @media (max-width: 991px) {
    .main[view="subscribe"] h2 {
      font-size: 22px; } }
@media (max-width: 1024px) {
  .main[view="subscribe"] p {
    font-size: 18px; } }
@media (max-width: 768px) {
  .main[view="subscribe"] p {
    font-size: 14px; } }
.main[view="subscribe"] [data-react-component="Subscribe"] > form {
  display: block;
  width: 400px;
  max-width: 100%;
  margin: 0 auto; }
.main[view="subscribe"] .section-actions {
  text-align: center;
  display: block;
  padding-top: 40px; }
  .main[view="subscribe"] .section-actions .btn {
    width: 150px;
    margin: 0 auto;
    padding: 0 15px; }

.main[view="unsubscribe"] b {
  font-weight: 600; }
.main[view="unsubscribe"] .mdl-checkbox {
  height: auto; }
.main[view="unsubscribe"] .mdl-checkbox.is-upgraded {
  padding-left: 30px; }
  @media only screen and (min-width: 768px) {
    .main[view="unsubscribe"] .mdl-checkbox.is-upgraded {
      padding-left: 40px; } }
.main[view="unsubscribe"] .mdl-checkbox__box-outline {
  top: 5px; }
.main[view="unsubscribe"] .mdl-checkbox__label {
  font-weight: 300; }
  @media only screen and (min-width: 768px) {
    .main[view="unsubscribe"] .mdl-checkbox__label {
      font-weight: 300;
      font-size: 22px;
      color: #000000; } }
.main[view="unsubscribe"] .mdl-checkbox__tick-outline {
  -webkit-mask: unset;
  mask: unset; }
.main[view="unsubscribe"] .image-unsubscribe {
  background-image: url("/assets/images/pages/subscribe/ico-check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  margin-bottom: 15px; }
.main[view="unsubscribe"] form#subscribe {
  max-width: 360px;
  margin: 0 auto;
  margin-top: 45px; }
.main[view="unsubscribe"] .box.thankyou.active h2 {
  margin-bottom: 16px; }
.main[view="unsubscribe"] .box.default.active,
.main[view="unsubscribe"] .box.thankyou.active {
  display: block;
  text-align: center; }
.main[view="unsubscribe"] .box.default,
.main[view="unsubscribe"] .box.thankyou {
  display: none;
  margin-top: 0; }
.main[view="unsubscribe"] .box {
  padding: 48px; }
  @media (max-width: 640px) {
    .main[view="unsubscribe"] .box {
      padding: 48px 20px; } }
.main[view="unsubscribe"] h2 {
  color: #000;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 40px;
  display: block;
  clear: both;
  text-align: center; }
  @media (max-width: 991px) {
    .main[view="unsubscribe"] h2 {
      font-size: 22px; } }
.main[view="unsubscribe"] p {
  clear: both;
  font-size: 22px;
  font-weight: 300;
  width: 650px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 30px; }
  .main[view="unsubscribe"] p strong {
    font-weight: 600; }
  @media (max-width: 1024px) {
    .main[view="unsubscribe"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view="unsubscribe"] p {
      font-size: 14px; } }
.main[view="unsubscribe"] ul {
  display: block;
  width: 420px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 22px;
  text-align: left; }
  .main[view="unsubscribe"] ul li {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0 0 0 40px;
    font-weight: 300;
    position: relative; }
  @media (max-width: 991px) {
    .main[view="unsubscribe"] ul {
      font-size: 14px; } }
.main[view="unsubscribe"] .actions {
  text-align: center;
  display: block; }
  .main[view="unsubscribe"] .actions .btn {
    width: 150px;
    margin: 40px auto 0;
    padding: 0 15px; }

@media (max-width: 768px) {
  .main[view='partners'] .box {
    padding: 40px 20px; } }
.main[view='partners'] h2 {
  color: #000;
  text-align: left; }
  @media (max-width: 768px) {
    .main[view='partners'] h2 {
      font-size: 20px; } }
.main[view='partners'] h3 {
  font-size: 22px;
  margin-top: 40px;
  padding-bottom: 0; }
  @media (max-width: 768px) {
    .main[view='partners'] h3 {
      font-size: 18px; } }
@media (max-width: 1024px) {
  .main[view='partners'] p {
    font-size: 18px; } }
@media (max-width: 768px) {
  .main[view='partners'] p {
    font-size: 14px;
    font-weight: 300; } }
.main[view='partners'] .partner-programs_mobile {
  display: none; }
  .main[view='partners'] .partner-programs_mobile .partner-program {
    flex-flow: column wrap;
    text-align: center; }
  .main[view='partners'] .partner-programs_mobile .partner-image {
    margin-right: 0;
    margin-bottom: 20px; }
  .main[view='partners'] .partner-programs_mobile ul.program-benefits {
    list-style: none;
    line-height: 2; }
    .main[view='partners'] .partner-programs_mobile ul.program-benefits li:first-of-type {
      font-weight: 600; }
  .main[view='partners'] .partner-programs_mobile .partner-actions {
    margin-top: 15px;
    text-align: center; }
  .main[view='partners'] .partner-programs_mobile .partner-content p {
    margin-bottom: 25px; }
  .main[view='partners'] .partner-programs_mobile .partner-content .partner-actions {
    margin-top: 30px;
    justify-content: center; }
.main[view='partners'] .partner-actions {
  color: #CF9F24;
  display: flex;
  align-items: center; }
  .main[view='partners'] .partner-actions .ico-arrow-right {
    margin-right: 10px; }
@media screen and (max-width: 788px) {
  .main[view='partners'] #partner-program-benefits_desktop {
    display: none; }
  .main[view='partners'] #partner-programs_desktop {
    display: none; }
  .main[view='partners'] .partner-programs_mobile {
    display: block; } }
@media screen and (min-width: 789px) {
  .main[view='partners'] #partner-programs_desktop {
    display: block; }
  .main[view='partners'] #partner-program-benefits_desktop {
    display: block; } }
.main[view='partners'] #partner-programs_desktop {
  padding: 80px 130px; }
  .main[view='partners'] #partner-programs_desktop .actions .btn {
    font-weight: 600; }
.main[view='partners'] #partner-program-benefits_desktop .section-body {
  text-align: left; }
  .main[view='partners'] #partner-program-benefits_desktop .section-body h2 {
    text-align: center;
    margin-bottom: 30px; }
.main[view='partners'] #partner-program-benefits_desktop table tr {
  border-bottom: 1px solid gainsboro; }
  .main[view='partners'] #partner-program-benefits_desktop table tr:first-of-type {
    border-bottom: 0; }
    .main[view='partners'] #partner-program-benefits_desktop table tr:first-of-type td {
      vertical-align: bottom;
      padding: 0 20px;
      text-align: center; }
      .main[view='partners'] #partner-program-benefits_desktop table tr:first-of-type td span {
        margin: 15px 0; }
  .main[view='partners'] #partner-program-benefits_desktop table tr:last-of-type {
    border-bottom: 0; }
  .main[view='partners'] #partner-program-benefits_desktop table tr td {
    padding: 10px 0;
    text-align: center;
    min-width: 85px; }
    .main[view='partners'] #partner-program-benefits_desktop table tr td:first-of-type {
      text-align: left; }
    .main[view='partners'] #partner-program-benefits_desktop table tr td:not(:first-child) {
      width: 10%; }
.main[view='partners'] .partner-program {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: center;
  text-align: left;
  margin: 80px 0; }
  .main[view='partners'] .partner-program:first-of-type {
    margin-top: 0; }
  .main[view='partners'] .partner-program:last-of-type {
    margin-bottom: 0; }
.main[view='partners'] .partner-image {
  margin-right: 40px;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center; }
.main[view='partners'] .partner-content p {
  padding: 15px 0; }
.main[view='partners'] .partner-content h3 {
  font-size: 22px; }
  @media (max-width: 768px) {
    .main[view='partners'] .partner-content h3 {
      font-size: 18px; } }
.main[view='partners'] #partner-programs_desktop .d-block,
.main[view='partners'] #partner-program-benefits_desktop .d-block,
.main[view='partners'] .partner-programs_mobile .d-block {
  display: block; }
.main[view='partners'] #partner-programs_desktop .text-center,
.main[view='partners'] #partner-program-benefits_desktop .text-center,
.main[view='partners'] .partner-programs_mobile .text-center {
  text-align: center; }
.main[view='partners'] #partner-program-benefits_desktop.box,
.main[view='partners'] #partner-programs_desktop.box {
  padding: 48px; }
  @media (max-width: 768px) {
    .main[view='partners'] #partner-program-benefits_desktop.box,
    .main[view='partners'] #partner-programs_desktop.box {
      padding: 48px 20px; } }
.main[view='partners'] .partner-content .partner-actions {
  display: inline-flex; }
.main[view='partners'] .partner-content .partner-actions:first-of-type {
  margin-right: 20px; }
.main[view='partners'] .actions {
  text-align: left;
  margin-top: 30px; }
  .main[view='partners'] .actions a {
    display: inline-block;
    vertical-align: top; }
    .main[view='partners'] .actions a.btn.msp {
      border: 2px solid #000; }
  .main[view='partners'] .actions a + a {
    margin-left: 15px; }
.main[view='partners'] table {
  width: 100%;
  font-size: 20px; }
  @media (max-width: 1024px) {
    .main[view='partners'] table {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view='partners'] table {
      font-size: 16px; } }
  .main[view='partners'] table th {
    font-size: 18px;
    font-weight: 300; }
  .main[view='partners'] table a.btn-program {
    display: inline-block;
    padding: 0 20px;
    margin: 0 auto;
    min-width: 80px;
    max-width: 100%;
    overflow: hidden;
    font-weight: 600; }
    @media (max-width: 1400px) {
      .main[view='partners'] table a.btn-program {
        font-size: 16px; } }
    @media (max-width: 1300px) {
      .main[view='partners'] table a.btn-program {
        padding: 0 15px; } }
    @media (max-width: 1200px) {
      .main[view='partners'] table a.btn-program {
        padding: 0 10px; } }
    @media (max-width: 1024px) {
      .main[view='partners'] table a.btn-program {
        padding: 0 10px;
        font-size: 15px; } }
.main[view='partners'] #partner-program-strategic-alliances {
  margin-bottom: 5px; }

[locale="ar_AE"] .main[view="partners"] h2 {
  text-align: right; }
[locale="ar_AE"] .main[view="partners"] .partner-program {
  text-align: right; }
[locale="ar_AE"] .main[view="partners"] .actions {
  text-align: right; }
  [locale="ar_AE"] .main[view="partners"] .actions a {
    margin-left: 16px; }
[locale="ar_AE"] .main[view="partners"] #partner-program-benefits_desktop table tr td:first-of-type {
  text-align: right; }
[locale="ar_AE"] .main[view="partners"] #partner-program-benefits_desktop table tr td:not(:first-child) {
  width: 14%; }

[locale="de_DE"] .main[view="partners"] table {
  font-size: 20px; }
  [locale="de_DE"] .main[view="partners"] table th {
    font-size: 14px; }

[locale="ru_RU"] .main[view="partners"] table {
  font-size: 20px; }
  @media (max-width: 1200px) {
    [locale="ru_RU"] .main[view="partners"] table {
      font-size: 18px; } }
  @media (max-width: 1024px) {
    [locale="ru_RU"] .main[view="partners"] table {
      font-size: 16px; } }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main[view="partners"] table {
      font-size: 14px; } }
  [locale="ru_RU"] .main[view="partners"] table th {
    font-size: 14px; }
  [locale="ru_RU"] .main[view="partners"] table a.btn-program {
    font-size: 15px; }

#passManagePop .logo-keeper-dark {
  margin-bottom: 20px; }

#keeperChatPop .logo-keeperchat {
  margin-bottom: 20px; }

#passManageFamilyPop .logo-keeper-dark {
  margin-bottom: 20px; }

#keeperChatFamilyPop .logo-keeper-dark {
  margin-bottom: 20px; }

main[view='family'].main.primary .logo-keeper-dark,
main[view='family'].main.primary .logo-keeperchat {
  margin: 0 auto;
  margin-bottom: 24px; }
main[view='family'].main.primary .logo-keeper-free {
  margin-bottom: 24px; }
  @media only screen and (max-width: 768px) {
    main[view='family'].main.primary .logo-keeper-free {
      margin-bottom: 20px; } }
main[view='family'].main.primary .intro {
  position: relative; }
  main[view='family'].main.primary .intro .intro-content {
    width: 42%; }
    @media (max-width: 1024px) {
      main[view='family'].main.primary .intro .intro-content {
        width: 70%; } }
    @media (max-width: 1100px) {
      main[view='family'].main.primary .intro .intro-content {
        width: 49%;
        margin-left: 50%; } }
    @media (max-width: 960px) {
      main[view='family'].main.primary .intro .intro-content {
        margin-left: 43%; } }
    @media (max-width: 768px) {
      main[view='family'].main.primary .intro .intro-content {
        margin: 0 auto;
        width: 100%; } }
    main[view='family'].main.primary .intro .intro-content .btn {
      font-weight: 600; }
    main[view='family'].main.primary .intro .intro-content .video-link {
      display: inline-block;
      width: 140px;
      position: relative;
      font-family: 'Overpass', Helvetica, Arial, sans-serif;
      color: #fff;
      letter-spacing: 0;
      text-align: center;
      padding: 9px 20px 8px 40px;
      margin: 0 0 0 30px;
      top: 3px;
      font-weight: 600;
      white-space: nowrap; }
      @media (max-width: 768px) {
        main[view='family'].main.primary .intro .intro-content .video-link {
          display: block;
          margin: 15px auto 0; } }
      main[view='family'].main.primary .intro .intro-content .video-link:hover {
        color: #cf9f24;
        text-decoration: none; }
        main[view='family'].main.primary .intro .intro-content .video-link:hover:before {
          background: url("/assets/icons/play-outlined_gold.svg") no-repeat center/contain; }
      main[view='family'].main.primary .intro .intro-content .video-link:before {
        background: url("/assets/icons/play-outlined_white.svg") no-repeat 50%/contain;
        content: "";
        display: block;
        height: 20px;
        left: 9px;
        position: absolute;
        top: 10px;
        width: 20px; }
      main[view='family'].main.primary .intro .intro-content .video-link:hover:before {
        background: url("/assets/icons/play-outlined_gold.svg") no-repeat center/contain; }
  main[view='family'].main.primary .intro .image-family-intro.intro-image {
    position: relative;
    height: 590px;
    background: url("/assets/images/familyplan/header-hero-kid@2x.jpg") no-repeat right bottom/cover; }
    @media (max-width: 1250px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        position: absolute;
        left: -13%;
        bottom: 0;
        height: auto;
        background-size: 130%;
        background-position: 30% bottom; } }
    @media (max-width: 1100px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        left: -5%; } }
    @media (max-width: 1024px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        background-size: 150%;
        background-position: 52% bottom; } }
    @media (max-width: 1000px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        left: -20%;
        background-image: url("/assets/images/familyplan/header-hero-kid.jpg"); } }
    @media (max-width: 768px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        left: -17px;
        position: relative;
        bottom: auto;
        height: 0;
        width: 100%;
        padding-top: 61%;
        background-size: contain; } }
    @media (max-width: 640px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        left: -10%; } }
    @media (max-width: 768px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        background-size: contain;
        background-position: bottom center; } }
    @media (max-width: 767px) {
      main[view='family'].main.primary .intro .image-family-intro.intro-image {
        position: relative;
        bottom: 0;
        left: -15px;
        top: auto;
        width: 100%;
        height: 0;
        padding-top: 62%; } }
main[view='family'].main.primary .image-family-intro:after {
  content: "";
  background: -webkit-linear-gradient(left, #000, #000 12%, transparent);
  background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(12%, #000), to(transparent));
  background: -o-linear-gradient(left, #000 0, #000 12%, transparent 100%);
  background: linear-gradient(90deg, #000 0, #000 12%, transparent);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 20%;
  z-index: 5; }
  @media (max-width: 1250px) {
    main[view='family'].main.primary .image-family-intro:after {
      display: none; } }
main[view='family'].main.primary .offset-lg-2,
main[view='family'].main.primary .offset-md-2,
main[view='family'].main.primary .offset-sm-2 {
  margin-left: 17%; }
  @media (max-width: 1199px) {
    main[view='family'].main.primary .offset-lg-2,
    main[view='family'].main.primary .offset-md-2,
    main[view='family'].main.primary .offset-sm-2 {
      margin-left: 0; } }
@media (max-width: 1024px) {
  main[view='family'].main.primary .offset-lg-1,
  main[view='family'].main.primary .offset-md-1,
  main[view='family'].main.primary .offset-sm-1 {
    margin-left: 8.5%; } }
@media (max-width: 991px) {
  main[view='family'].main.primary .offset-lg-1,
  main[view='family'].main.primary .offset-md-1,
  main[view='family'].main.primary .offset-sm-1 {
    margin-left: 0; } }
main[view='family'].main.primary .flex_parent {
  display: flex;
  flex-wrap: wrap; }
main[view='family'].main.primary .flex_parent > div.flex_child_even {
  display: flex;
  flex-direction: column; }
main[view='family'].main.primary .flex_parent > div.flex_child_even .card {
  min-height: 100%; }
main[view='family'].main.primary #studentDiscount {
  display: none; }
main[view='family'].main.primary .container {
  max-width: 1440px; }
main[view='family'].main.primary .intro-inner {
  max-width: 900px;
  margin: 0 auto; }
main[view='family'].main.primary .blueGradient {
  background: #1b78e0;
  background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b78e0', endColorstr='#004899', GradientType=1);
  color: #fff; }
main[view='family'].main.primary .charcoalGradient {
  background: #767676;
  background: -moz-linear-gradient(left, #767676 0%, #242424 100%);
  background: -webkit-linear-gradient(left, #767676 0%, #242424 100%);
  background: linear-gradient(to right, #767676 0%, #242424 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#242424', GradientType=1); }
main[view='family'].main.primary .yellow {
  background: #FFC600;
  display: block; }
main[view='family'].main.primary .white {
  background: #f9f9f9;
  display: block; }
main[view='family'].main.primary .grey {
  background: #ECECEC;
  display: block; }
main[view='family'].main.primary .grey h2 {
  color: #000;
  text-align: center; }
main[view='family'].main.primary .grey p {
  color: #000;
  text-align: center; }
main[view='family'].main.primary .grey p.authorName {
  font-weight: 600;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  margin: 30px 0; }
main[view='family'].main.primary .charcoal {
  background: #111;
  display: block;
  padding: 4% 0;
  color: #fff; }
main[view='family'].main.primary .charcoal h2 {
  color: #FFFFFF;
  text-align: center; }
main[view='family'].main.primary .charcoal p {
  font-size: 18px;
  color: #FFFFFF;
  text-align: center; }
main[view='family'].main.primary .card {
  display: block;
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 45px 35px;
  border: 1px solid #e4e4e4;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2); }
main[view='family'].main.primary .card.blueBorder {
  border: 1px solid #1B78E0; }
main[view='family'].main.primary section hr {
  display: block;
  width: 80px;
  height: 2px;
  background: #FFC700;
  margin: 30px auto;
  border: none; }
@media (max-width: 768px) {
  main[view='family'].main.primary #section-wnb {
    padding: 40px 10px 0; } }
main[view='family'].main.primary #section-wnb .container {
  max-width: 1100px; }
main[view='family'].main.primary #section-wnb h2 {
  color: #000; }
  @media (max-width: 991px) {
    main[view='family'].main.primary #section-wnb h2 {
      font-size: 24px; } }
  @media (max-width: 768px) {
    main[view='family'].main.primary #section-wnb h2 {
      font-size: 20px;
      margin-bottom: 10px; } }
@media (max-width: 768px) {
  main[view='family'].main.primary #section-wnb p {
    font-size: 14px; } }
main[view='family'].main.primary .familyIcons ul {
  list-style-type: none;
  margin: 56px 0;
  padding: 0;
  text-align: center; }
main[view='family'].main.primary .familyIcons ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 110px; }
@media (max-width: 860px) {
  main[view='family'].main.primary .familyIcons ul li {
    width: 100px; } }
@media (max-width: 768px) {
  main[view='family'].main.primary .familyIcons ul li {
    width: 90px; } }
@media (max-width: 660px) {
  main[view='family'].main.primary .familyIcons ul li {
    width: 24%; } }
main[view='family'].main.primary #hackersTarget {
  display: block;
  overflow: hidden;
  position: relative;
  background: #FFC600 url("/assets/images/familyplan/hacker-hands@2x.jpg") no-repeat 71% top/contain; }
  @media (max-width: 768px) {
    main[view='family'].main.primary #hackersTarget {
      padding: 0 10px; } }
  main[view='family'].main.primary #hackersTarget .container {
    max-width: 1440px;
    height: 100%; }
  main[view='family'].main.primary #hackersTarget .hacker-section-content {
    display: block;
    width: 500px;
    margin: 22% 0;
    max-width: 100%; }
    main[view='family'].main.primary #hackersTarget .hacker-section-content h2 {
      color: #000;
      margin-bottom: 15px; }
      @media (max-width: 768px) {
        main[view='family'].main.primary #hackersTarget .hacker-section-content h2 {
          font-size: 20px; } }
    @media (max-width: 768px) {
      main[view='family'].main.primary #hackersTarget .hacker-section-content p {
        font-size: 14px; } }
  @media (max-width: 2200px) {
    main[view='family'].main.primary #hackersTarget {
      background-position: 75% top; } }
  @media (max-width: 1920px) {
    main[view='family'].main.primary #hackersTarget {
      background-position: 78% top; } }
  @media (max-width: 1800px) {
    main[view='family'].main.primary #hackersTarget {
      background-position: 81% top; } }
  @media (max-width: 1700px) {
    main[view='family'].main.primary #hackersTarget {
      background-position: 85% top; } }
  @media (max-width: 1600px) {
    main[view='family'].main.primary #hackersTarget {
      min-height: auto;
      background-position: 100% top; }
      main[view='family'].main.primary #hackersTarget .hacker-section-content {
        margin: 15% 0; }
      main[view='family'].main.primary #hackersTarget .hacker-section-content p {
        padding-bottom: 0; } }
  @media (max-width: 991px) {
    main[view='family'].main.primary #hackersTarget {
      background-image: url(/assets/images/familyplan/mo-hacker-hands@2x.jpg);
      background-position: bottom center; }
      main[view='family'].main.primary #hackersTarget .hacker-section-content {
        max-width: 100%;
        margin: 40px 0 calc(52% + 40px);
        width: 100%;
        text-align: center; } }
  @media (max-width: 768px) {
    main[view='family'].main.primary #hackersTarget .hacker-section-content h2 {
      font-size: 20px;
      margin-bottom: 10px; }
    main[view='family'].main.primary #hackersTarget .hacker-section-content p {
      font-size: 14px; } }
main[view='family'].main.primary #protectAndPreserve {
  display: block;
  padding: 56px 0;
  text-align: center;
  color: #fff; }
  @media (max-width: 768px) {
    main[view='family'].main.primary #protectAndPreserve {
      padding: 40px 10px; } }
  main[view='family'].main.primary #protectAndPreserve .container {
    max-width: 1200px; }
  main[view='family'].main.primary #protectAndPreserve h2 {
    color: #fff;
    margin-bottom: 16px; }
    @media (max-width: 991px) {
      main[view='family'].main.primary #protectAndPreserve h2 {
        font-size: 30px;
        font-weight: 600; } }
    @media (max-width: 768px) {
      main[view='family'].main.primary #protectAndPreserve h2 {
        font-size: 20px;
        margin-bottom: 10px; } }
  main[view='family'].main.primary #protectAndPreserve p {
    color: #fff; }
    @media (max-width: 768px) {
      main[view='family'].main.primary #protectAndPreserve p {
        font-size: 14px; } }
main[view='family'].main.primary .main-content {
  margin: 0;
  padding-bottom: 56px; }
main[view='family'].main.primary #chooseFamilyPlan {
  background-color: white;
  padding: 56px 0; }
  @media (max-width: 768px) {
    main[view='family'].main.primary #chooseFamilyPlan {
      padding: 40px 16px 0 16px; } }

.ie main[view="family"].main.primary .intro .intro-content .video-link:before {
  top: 6px; }

[locale="ar_AE"] main[view="family"].main.primary .intro .image-family-intro.intro-image {
  transform: scaleX(-1);
  right: auto;
  left: 0; }
  @media (max-width: 1250px) {
    [locale="ar_AE"] main[view="family"].main.primary .intro .image-family-intro.intro-image {
      right: 0;
      left: auto; } }
  @media (max-width: 1024px) {
    [locale="ar_AE"] main[view="family"].main.primary .intro .image-family-intro.intro-image {
      width: 40%; } }
  @media (max-width: 960px) {
    [locale="ar_AE"] main[view="family"].main.primary .intro .image-family-intro.intro-image {
      width: 37%;
      background-size: 220%;
      background-position: bottom right; } }
  @media (max-width: 768px) {
    [locale="ar_AE"] main[view="family"].main.primary .intro .image-family-intro.intro-image {
      transform: scaleX(1);
      left: 0;
      right: 0;
      margin: 0 auto 0 -18px;
      width: 100%;
      background-size: contain; } }
@media (max-width: 1250px) {
  [locale="ar_AE"] main[view="family"].main.primary .intro .intro-content {
    margin-right: 55%; } }
@media (max-width: 1024px) {
  [locale="ar_AE"] main[view="family"].main.primary .intro .intro-content {
    margin-right: 45%;
    width: 53%; } }
@media (max-width: 960px) {
  [locale="ar_AE"] main[view="family"].main.primary .intro .intro-content {
    margin-right: 35%;
    width: 60%; } }
@media (max-width: 768px) {
  [locale="ar_AE"] main[view="family"].main.primary .intro .intro-content {
    width: 100%;
    margin: 0 auto; } }

[locale="es_ES"] main[view="family"].main.primary #hackersTarget .hacker-section-content {
  margin: 12% 0; }
@media (max-width: 1200px) {
  [locale="es_ES"] main[view="family"].main.primary #hackersTarget {
    background-position: 130% top; } }
@media (max-width: 1100px) {
  [locale="es_ES"] main[view="family"].main.primary #hackersTarget {
    background-position: 150% top; } }
@media (max-width: 1024px) {
  [locale="es_ES"] main[view="family"].main.primary #hackersTarget {
    background-position: 170% top; } }
@media (max-width: 991px) {
  [locale="es_ES"] main[view="family"].main.primary #hackersTarget {
    background-image: url(/assets/images/familyplan/mo-hacker-hands@2x.jpg);
    background-position: bottom center; }
    [locale="es_ES"] main[view="family"].main.primary #hackersTarget .hacker-section-content {
      max-width: 100%;
      margin: 40px 0 calc(52% + 40px);
      width: 100%;
      text-align: center; } }

main[view="personal"].main.primary {
  /*************scanYourEmailNow*************/
  /************Protect Your Password************/ }
  main[view="personal"].main.primary .logo-keeper-dark,
  main[view="personal"].main.primary .logo-keeperchat {
    margin: 0 auto;
    margin-bottom: 24px; }
  main[view="personal"].main.primary .logo-keeper-free {
    margin-bottom: 24px; }
    @media only screen and (max-width: 768px) {
      main[view="personal"].main.primary .logo-keeper-free {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 960px) {
      main[view="personal"].main.primary .logo-keeper-free {
        margin: 0 auto 20px; } }
  main[view="personal"].main.primary .intro .intro-content .subnote {
    color: #FFF;
    margin-top: 40px; }
    @media (max-width: 768px) {
      main[view="personal"].main.primary .intro .intro-content .subnote {
        margin-top: 24px;
        letter-spacing: 0;
        text-align: center;
        line-height: 18px; } }
  main[view="personal"].main.primary .intro .intro-content .subnote a {
    color: #FFC600; }
  @media (min-width: 992px) {
    main[view="personal"].main.primary .col-md-4 {
      width: 33.3%; } }
  main[view="personal"].main.primary .main-content {
    background-color: #fff; }
    main[view="personal"].main.primary .main-content.white {
      background: #fff; }
  main[view="personal"].main.primary .intro {
    position: relative; }
    @media (max-width: 768px) {
      main[view="personal"].main.primary .intro h1 {
        font-size: 22px;
        text-align: center; } }
    @media (max-width: 768px) {
      main[view="personal"].main.primary .intro p {
        font-size: 14px;
        text-align: center; } }
    @media (max-width: 1300px) {
      main[view="personal"].main.primary .intro .intro-image {
        background-size: 120%; } }
    @media (max-width: 1200px) {
      main[view="personal"].main.primary .intro .intro-image {
        background-size: 120%; } }
    @media (max-width: 1250px) {
      main[view="personal"].main.primary .intro .intro-image {
        left: -2%; } }
    @media (max-width: 1024px) {
      main[view="personal"].main.primary .intro .intro-image {
        background-position: bottom right;
        background-size: 140%; } }
    @media (max-width: 1000px) {
      main[view="personal"].main.primary .intro .intro-image {
        left: 0; } }
    @media (max-width: 960px) {
      main[view="personal"].main.primary .intro .intro-image {
        left: -5%; } }
    @media (max-width: 768px) {
      main[view="personal"].main.primary .intro .intro-image {
        width: 100%;
        height: 446px;
        left: 0;
        background-size: contain;
        background-position: bottom center; } }
    @media (max-width: 767px) {
      main[view="personal"].main.primary .intro .intro-image {
        position: relative;
        bottom: 0;
        top: auto;
        height: 0;
        margin-top: -40px;
        padding-top: 73%; } }
    main[view="personal"].main.primary .intro .intro-content {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: flex-start;
      padding: 0 0 0 2%;
      height: 600px; }
      @media (max-width: 1250px) {
        main[view="personal"].main.primary .intro .intro-content {
          width: 48%;
          padding-left: 4%;
          margin-left: 50%; } }
      @media (max-width: 1080px) {
        main[view="personal"].main.primary .intro .intro-content {
          margin-left: 49%;
          width: 50%; } }
      @media (max-width: 1024px) {
        main[view="personal"].main.primary .intro .intro-content {
          margin-left: 47%;
          width: 52%; } }
      @media (max-width: 991px) {
        main[view="personal"].main.primary .intro .intro-content {
          margin-left: 46%;
          width: 53%; } }
      @media (max-width: 990px) {
        main[view="personal"].main.primary .intro .intro-content {
          margin-left: 44%;
          width: 55%; } }
      @media (max-width: 960px) {
        main[view="personal"].main.primary .intro .intro-content {
          margin-left: 40%;
          width: 56%; } }
      @media (max-width: 860px) {
        main[view="personal"].main.primary .intro .intro-content {
          padding-left: 0; } }
      @media (max-width: 768px) {
        main[view="personal"].main.primary .intro .intro-content {
          margin-left: 0;
          width: 100%;
          align-items: center;
          height: auto;
          padding: 40px 0; } }
    main[view="personal"].main.primary .intro .actions .btn {
      font-weight: 600; }
    @media only screen and (min-width: 768px) {
      main[view="personal"].main.primary .intro .actions .btn {
        min-width: 200px; } }
  main[view="personal"].main.primary .image-personal-intro {
    background: url("/assets/images/personal/header-brain@2x.jpg") no-repeat center bottom/cover; }
    @media (max-width: 1024px) {
      main[view="personal"].main.primary .image-personal-intro {
        background-image: url("/assets/images/personal/header-brain.jpg"); } }
  main[view="personal"].main.primary .offset-lg-2,
  main[view="personal"].main.primary .offset-md-2,
  main[view="personal"].main.primary .offset-sm-2 {
    margin-left: 17%; }
    @media (max-width: 1199px) {
      main[view="personal"].main.primary .offset-lg-2,
      main[view="personal"].main.primary .offset-md-2,
      main[view="personal"].main.primary .offset-sm-2 {
        margin-left: 0; } }
  @media (max-width: 1024px) {
    main[view="personal"].main.primary .offset-lg-1,
    main[view="personal"].main.primary .offset-md-1,
    main[view="personal"].main.primary .offset-sm-1 {
      margin-left: 8.5%; } }
  @media (max-width: 991px) {
    main[view="personal"].main.primary .offset-lg-1,
    main[view="personal"].main.primary .offset-md-1,
    main[view="personal"].main.primary .offset-sm-1 {
      margin-left: 0; } }
  main[view="personal"].main.primary .flex_parent {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px; }
    @media (max-width: 768px) {
      main[view="personal"].main.primary .flex_parent {
        margin-top: 0; } }
  main[view="personal"].main.primary .flex_parent > div.flex_child_even {
    display: flex;
    flex-direction: column; }
  main[view="personal"].main.primary .flex_parent > div.flex_child_even .card {
    min-height: 100%; }
  main[view="personal"].main.primary #studentDiscount {
    display: none; }
  main[view="personal"].main.primary .container {
    max-width: 1440px; }
  main[view="personal"].main.primary .intro-inner {
    max-width: 900px;
    margin: 0 auto; }
  main[view="personal"].main.primary .blueGradient {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
    color: #fff; }
  main[view="personal"].main.primary .charcoalGradient {
    background: #767676;
    background: -moz-linear-gradient(left, #767676 0%, #242424 100%);
    background: -webkit-linear-gradient(left, #767676 0%, #242424 100%);
    background: linear-gradient(to right, #767676 0%, #242424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#242424',GradientType=1 ); }
  main[view="personal"].main.primary .yellow {
    background: #FFC600;
    display: block; }
  main[view="personal"].main.primary .white {
    background: #fff;
    display: block; }
  main[view="personal"].main.primary .grey {
    background: #ECECEC;
    display: block; }
  main[view="personal"].main.primary .grey h2 {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #000000;
    text-align: center; }
  main[view="personal"].main.primary .grey p {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px; }
  main[view="personal"].main.primary .grey p.authorName {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    margin: 30px 0; }
  main[view="personal"].main.primary .charcoal {
    background: #111;
    display: block;
    padding: 4% 0;
    color: #fff; }
  main[view="personal"].main.primary .charcoal h2 {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center; }
  main[view="personal"].main.primary .charcoal p {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: -0.1px;
    text-align: center;
    line-height: 26px; }
  main[view="personal"].main.primary .card {
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    padding: 45px 35px;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2); }
  main[view="personal"].main.primary section hr {
    display: block;
    width: 80px;
    height: 2px;
    background: #FFC700;
    margin: 30px auto;
    border: none; }
  main[view="personal"].main.primary #scanYourEmailNow {
    padding: 18px 0; }
    main[view="personal"].main.primary #scanYourEmailNow .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center; }
      @media (max-width: 768px) {
        main[view="personal"].main.primary #scanYourEmailNow .container {
          flex-flow: column nowrap; } }
      main[view="personal"].main.primary #scanYourEmailNow .container p {
        font-size: 15px;
        font-weight: 400;
        line-height: 40px;
        margin-right: 40px; }
        @media (max-width: 768px) {
          main[view="personal"].main.primary #scanYourEmailNow .container p {
            text-align: center;
            margin-right: 0; }
            main[view="personal"].main.primary #scanYourEmailNow .container p strong {
              display: block; } }
        main[view="personal"].main.primary #scanYourEmailNow .container p img {
          width: 30px;
          height: auto;
          margin-right: 10px; }
          @media (max-width: 768px) {
            main[view="personal"].main.primary #scanYourEmailNow .container p img {
              display: block;
              margin: 0 auto 15px; } }
      main[view="personal"].main.primary #scanYourEmailNow .container a.btn {
        padding: 0 15px; }
        @media (max-width: 768px) {
          main[view="personal"].main.primary #scanYourEmailNow .container a.btn {
            margin-top: 15px; } }
  @media (max-width: 768px) {
    main[view="personal"].main.primary #protectYourPassword {
      padding: 40px 10px; } }
  main[view="personal"].main.primary #protectYourPassword h2 {
    color: #fff;
    margin-bottom: 16px; }
    @media (max-width: 991px) {
      main[view="personal"].main.primary #protectYourPassword h2 {
        font-size: 26px; } }
    @media (max-width: 768px) {
      main[view="personal"].main.primary #protectYourPassword h2 {
        margin-bottom: 8px;
        font-size: 20px; } }
  main[view="personal"].main.primary #protectYourPassword p {
    width: 830px;
    margin: 0 auto;
    max-width: 100%; }
    @media (max-width: 768px) {
      main[view="personal"].main.primary #protectYourPassword p {
        font-size: 14px; } }
  main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient,
  main[view="personal"].main.primary #keyFeatures.blueGradient {
    display: block;
    padding: 56px 0 0;
    color: #fff; }
    @media (max-width: 768px) {
      main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient,
      main[view="personal"].main.primary #keyFeatures.blueGradient {
        padding: 40px 10px 0; } }
    main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient h2,
    main[view="personal"].main.primary #keyFeatures.blueGradient h2 {
      color: #fff;
      line-height: 28px; }
      @media (max-width: 991px) {
        main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient h2,
        main[view="personal"].main.primary #keyFeatures.blueGradient h2 {
          margin-bottom: 30px; } }
      @media (max-width: 768px) {
        main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient h2,
        main[view="personal"].main.primary #keyFeatures.blueGradient h2 {
          font-size: 20px; } }
    main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient h4,
    main[view="personal"].main.primary #keyFeatures.blueGradient h4 {
      font-size: 22px;
      margin-bottom: 8px; }
      @media (max-width: 768px) {
        main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient h4,
        main[view="personal"].main.primary #keyFeatures.blueGradient h4 {
          font-size: 18px; } }
    main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient p,
    main[view="personal"].main.primary #keyFeatures.blueGradient p {
      margin-bottom: 56px; }
      @media (max-width: 768px) {
        main[view="personal"].main.primary #keeperSecureAndProductive.charcoalGradient p,
        main[view="personal"].main.primary #keyFeatures.blueGradient p {
          font-size: 14px; } }
  @media (max-width: 460px) {
    main[view="personal"].main.primary #keeperSecureAndProductive h2,
    main[view="personal"].main.primary #keyFeatures h2 {
      color: #fff;
      text-align: center; }
    main[view="personal"].main.primary #keeperSecureAndProductive h4,
    main[view="personal"].main.primary #keyFeatures h4 {
      text-align: center; }
    main[view="personal"].main.primary #keeperSecureAndProductive p,
    main[view="personal"].main.primary #keyFeatures p {
      margin-bottom: 40px;
      text-align: center; } }
  main[view="personal"].main.primary #keeperPeers {
    display: block;
    padding: 56px 0;
    text-align: center;
    color: #fff; }
    main[view="personal"].main.primary #keeperPeers .container {
      width: 1440px;
      max-width: 100%; }
      main[view="personal"].main.primary #keeperPeers .container h2 {
        color: #000;
        margin-bottom: 16px; }
      main[view="personal"].main.primary #keeperPeers .container p {
        color: #000;
        max-width: 100%;
        width: 900px;
        margin: 0 auto; }
      main[view="personal"].main.primary #keeperPeers .container p.author {
        font-weight: 600;
        font-size: 18px;
        margin-top: 32px; }
      @media (max-width: 768px) {
        main[view="personal"].main.primary #keeperPeers .container h2 {
          font-size: 22px; }
        main[view="personal"].main.primary #keeperPeers .container p, main[view="personal"].main.primary #keeperPeers .container p.author {
          font-size: 18px; } }
      @media (max-width: 460px) {
        main[view="personal"].main.primary #keeperPeers .container h2 {
          font-size: 20px; }
        main[view="personal"].main.primary #keeperPeers .container p, main[view="personal"].main.primary #keeperPeers .container p.author {
          font-size: 14px; } }
      main[view="personal"].main.primary #keeperPeers .container .peersIcons ul {
        list-style-type: none;
        margin: 56px 0 0;
        padding: 0;
        text-align: center; }
      main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li {
        list-style-type: none;
        margin: 0;
        padding: 0 45px;
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
      @media (max-width: 460px) {
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li {
          display: block;
          margin: 0 auto; }
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li.g2Crowd img {
          width: 65px;
          height: 65px; }
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li.pcMag img {
          width: 106px;
          height: 45px; }
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li.gtbSoc img {
          width: 62px;
          height: 62px; }
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li.googlePlay img {
          width: 200px;
          height: 80px; }
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li.trustPilot img {
          width: 124px;
          height: 30px; }
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li.theStevies img {
          width: 48px;
          height: 62px; } }
      main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li:first-child {
        padding-left: 0; }
      main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li:last-child {
        padding-right: 0; }
      @media (max-width: 1325px) {
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li {
          padding: 0 2.5%; } }
      @media (max-width: 460px) {
        main[view="personal"].main.primary #keeperPeers .container .peersIcons ul li {
          width: 100%;
          padding: 15px 0;
          display: block; } }
  main[view="personal"].main.primary #rating {
    display: block;
    padding: 56px 0 0; }
    main[view="personal"].main.primary #rating h2 {
      margin-bottom: 56px;
      color: #000;
      text-align: center; }
      @media (max-width: 640px) {
        main[view="personal"].main.primary #rating h2 {
          margin-bottom: 0;
          width: 250px;
          margin: 0 auto 48px;
          line-height: 26px; } }
      @media (max-width: 768px) {
        main[view="personal"].main.primary #rating h2 {
          font-size: 20px; } }
      @media (max-width: 414px) {
        main[view="personal"].main.primary #rating h2 {
          margin-bottom: 40px; } }
    @media (max-width: 991px) {
      main[view="personal"].main.primary #rating h2 {
        font-size: 24px; } }
    @media (max-width: 768px) {
      main[view="personal"].main.primary #rating h2 {
        font-size: 22px; } }
    @media (max-width: 640px) {
      main[view="personal"].main.primary #rating h2 {
        font-size: 20px; } }
    main[view="personal"].main.primary #rating .testimonials {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main[view="personal"].main.primary #rating .testimonials {
          flex-flow: column nowrap; } }
      main[view="personal"].main.primary #rating .testimonials .testimonial {
        background: #fff;
        width: 32%;
        border-radius: 10px;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
        padding: 48px; }
        @media (max-width: 991px) {
          main[view="personal"].main.primary #rating .testimonials .testimonial {
            padding: 40px 16px; } }
        @media (max-width: 768px) {
          main[view="personal"].main.primary #rating .testimonials .testimonial {
            width: 100%;
            padding: 48px;
            margin-bottom: 16px; } }
        @media (max-width: 414px) {
          main[view="personal"].main.primary #rating .testimonials .testimonial {
            padding: 32px 24px;
            text-align: center; } }
        main[view="personal"].main.primary #rating .testimonials .testimonial p {
          margin-top: 16px; }
          main[view="personal"].main.primary #rating .testimonials .testimonial p:first-child {
            margin-top: 32px; }
          main[view="personal"].main.primary #rating .testimonials .testimonial p strong {
            font-weight: 600; }
    main[view="personal"].main.primary #rating .moreReviews {
      text-align: center;
      font-size: 20px;
      margin: 48px 0 56px; }
      main[view="personal"].main.primary #rating .moreReviews a {
        display: inline-block;
        color: #1B78E0;
        position: relative; }
        main[view="personal"].main.primary #rating .moreReviews a:after {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          border: 2px solid #1B78E0;
          border-left: 0;
          border-bottom: 0;
          transform: rotate(45deg);
          position: absolute;
          right: -10px;
          top: 13px; }
          @media (max-width: 768px) {
            main[view="personal"].main.primary #rating .moreReviews a:after {
              top: 6px; } }
  main[view="personal"].main.primary #section-wnb .container {
    max-width: 1100px; }
  @media (max-width: 460px) {
    main[view="personal"].main.primary #section-wnb h2 {
      font-size: 20px; }
    main[view="personal"].main.primary #section-wnb p {
      font-size: 14px; } }
  main[view="personal"].main.primary .main-content {
    margin: 0;
    background: #f9f9f9;
    padding-bottom: 150px; }
    @media (max-width: 960px) {
      main[view="personal"].main.primary .main-content {
        padding-bottom: 0; } }
  main[view="personal"].main.primary #chooseThePlan {
    background-color: white;
    padding: 56px 0; }
  @media (max-width: 460px) {
    main[view="personal"].main.primary #protectAndPreserve h2 {
      font-size: 20px; }
    main[view="personal"].main.primary #protectAndPreserve p {
      font-size: 14px; } }
  main[view="personal"].main.primary article#passwordManager h4 {
    text-transform: capitalize; }
  main[view="personal"].main.primary #keeperFree {
    display: block;
    padding: 8% 0 16%; }
    @media (max-width: 1440px) {
      main[view="personal"].main.primary #keeperFree {
        background-position: 130% center !important; } }
    @media (max-width: 1100px) {
      main[view="personal"].main.primary #keeperFree {
        padding: 2% 0 14%; } }
    @media (max-width: 1024px) {
      main[view="personal"].main.primary #keeperFree {
        padding: 7% 0;
        background-position: 140% center !important; } }
    @media (max-width: 991px) {
      main[view="personal"].main.primary #keeperFree {
        margin: 0;
        padding: 6% 0; } }
    @media (max-width: 960px) {
      main[view="personal"].main.primary #keeperFree {
        background: #fff !important;
        padding: 48px 0; } }
    @media (max-width: 768px) {
      main[view="personal"].main.primary #keeperFree {
        padding-top: 0;
        margin-top: -16px; } }
    main[view="personal"].main.primary #keeperFree .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start; }
      main[view="personal"].main.primary #keeperFree .container .kFreeContent {
        width: 46%;
        padding-left: 80px; }
        @media (max-width: 1200px) {
          main[view="personal"].main.primary #keeperFree .container .kFreeContent {
            padding-left: 15px;
            width: 50%; } }
        @media (max-width: 1100px) {
          main[view="personal"].main.primary #keeperFree .container .kFreeContent {
            width: 50%; } }
        @media (max-width: 960px) {
          main[view="personal"].main.primary #keeperFree .container .kFreeContent {
            width: 100%;
            text-align: center; } }
        @media (max-width: 768px) {
          main[view="personal"].main.primary #keeperFree .container .kFreeContent {
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
            background: #fff;
            border-radius: 10px;
            padding: 48px 36px; } }
        @media (max-width: 414px) {
          main[view="personal"].main.primary #keeperFree .container .kFreeContent {
            padding: 36px 24px; } }
        main[view="personal"].main.primary #keeperFree .container .kFreeContent img {
          margin-bottom: 56px; }
          main[view="personal"].main.primary #keeperFree .container .kFreeContent img.mobileOnly {
            display: none; }
            @media (max-width: 960px) {
              main[view="personal"].main.primary #keeperFree .container .kFreeContent img.mobileOnly {
                display: block;
                margin: 0 auto 24px; } }
          @media (max-width: 960px) {
            main[view="personal"].main.primary #keeperFree .container .kFreeContent img.desktopOnly {
              display: none; } }
        main[view="personal"].main.primary #keeperFree .container .kFreeContent .includes {
          margin: 32px 0 24px; }
          main[view="personal"].main.primary #keeperFree .container .kFreeContent .includes strong {
            font-weight: 600; }
        main[view="personal"].main.primary #keeperFree .container .kFreeContent ul {
          list-style-type: none;
          margin: 24px auto 56px;
          padding: 0;
          text-align: left; }
          @media (max-width: 960px) {
            main[view="personal"].main.primary #keeperFree .container .kFreeContent ul {
              text-align: center; } }
          main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li {
            padding-left: 30px;
            position: relative;
            margin-bottom: 16px; }
            @media (max-width: 960px) {
              main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li {
                padding-left: 0; } }
            main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li:before {
              content: '';
              display: block;
              width: 10px;
              height: 20px;
              border: 2px solid #1B78E0;
              border-left: 0;
              border-top: 0;
              transform: rotate(45deg);
              position: absolute;
              left: 0;
              top: 0; }
              @media (max-width: 960px) {
                main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li:before {
                  display: none; } }
        main[view="personal"].main.primary #keeperFree .container .kFreeContent .btn {
          display: inline-block;
          width: auto; }
  @media only screen and (max-width: 768px) {
    main[view="personal"].main.primary #chooseThePlan {
      padding: 56px 0;
      padding-bottom: 20px; } }

#keeperChatPop .leftCol,
#keeperChatPop .rightCol,
#passManageFamilyPop .leftCol,
#passManageFamilyPop .rightCol,
#keeperChatFamilyPop .leftCol,
#keeperChatFamilyPop .rightCol,
#passManagePop .leftCol,
#passManagePop .rightCol {
  list-style: none;
  margin-top: 48px; }
  @media (max-width: 767px) {
    #keeperChatPop .leftCol,
    #keeperChatPop .rightCol,
    #passManageFamilyPop .leftCol,
    #passManageFamilyPop .rightCol,
    #keeperChatFamilyPop .leftCol,
    #keeperChatFamilyPop .rightCol,
    #passManagePop .leftCol,
    #passManagePop .rightCol {
      margin-top: 24px; } }

#keeperChatPop .leftCol li,
#keeperChatPop .rightCol li,
#passManageFamilyPop .leftCol li,
#passManageFamilyPop .rightCol li,
#keeperChatFamilyPop .leftCol li,
#keeperChatFamilyPop .rightCol li,
#passManagePop .leftCol li,
#passManagePop .rightCol li {
  margin-bottom: 8px;
  font-size: 18px; }
  @media only screen and (max-width: 768px) {
    #keeperChatPop .leftCol li,
    #keeperChatPop .rightCol li,
    #passManageFamilyPop .leftCol li,
    #passManageFamilyPop .rightCol li,
    #keeperChatFamilyPop .leftCol li,
    #keeperChatFamilyPop .rightCol li,
    #passManagePop .leftCol li,
    #passManagePop .rightCol li {
      font-size: 14px; } }

#passManagePop sup.currency,
#keeperChatPop sup.currency {
  top: 0;
  font-size: 1em; }

#passManagePop h4 {
  text-transform: capitalize; }

[locale="ar_AE"] main[view="personal"].main.primary .intro .intro-content {
  order: 1; }
  @media (max-width: 1250px) {
    [locale="ar_AE"] main[view="personal"].main.primary .intro .intro-content {
      margin-right: 0; } }
[locale="ar_AE"] main[view="personal"].main.primary .intro .intro-image {
  order: 2;
  right: auto;
  left: 0; }
  @media (max-width: 1300px) {
    [locale="ar_AE"] main[view="personal"].main.primary .intro .intro-image {
      background-size: contain; } }
@media (max-width: 991px) {
  [locale="ar_AE"] main[view="personal"].main.primary #peopleLoveKeeper .feedbackQuote {
    width: 100%; } }
[locale="ar_AE"] main[view="personal"].main.primary #peopleLoveKeeper .feedbackQuote p {
  margin-left: 0;
  margin-right: 20px; }
  @media (max-width: 991px) {
    [locale="ar_AE"] main[view="personal"].main.primary #peopleLoveKeeper .feedbackQuote p {
      margin-right: 0; } }
  @media (max-width: 1023px) {
    [locale="ar_AE"] main[view="personal"].main.primary #peopleLoveKeeper .feedbackQuote p strong {
      text-align: left; } }
  @media (max-width: 460px) {
    [locale="ar_AE"] main[view="personal"].main.primary #peopleLoveKeeper .feedbackQuote p strong {
      text-align: center; } }
[locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent {
  margin-right: 50%; }
  @media (max-width: 960px) {
    [locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent {
      margin-right: 0;
      width: 100%; } }
  [locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent ul {
    text-align: right; }
    @media (max-width: 960px) {
      [locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent ul {
        text-align: center; } }
    [locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li {
      padding-left: 0;
      padding-right: 30px; }
      @media (max-width: 960px) {
        [locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li {
          padding-right: 0; } }
      [locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li:before {
        left: auto;
        right: 0; }
        @media (max-width: 960px) {
          [locale="ar_AE"] main[view="personal"].main.primary #keeperFree .container .kFreeContent ul li:before {
            display: none; } }

@media (max-width: 800px) {
  [locale="de_DE"] main[view="personal"].main.primary .intro .actions .btn {
    padding: 0 20px; } }
@media (max-width: 768px) {
  [locale="de_DE"] main[view="personal"].main.primary .intro .actions .btn {
    min-width: 222px; } }
@media (max-width: 900px) {
  [locale="de_DE"] main[view="personal"].main.primary #peopleLoveKeeper #rating p {
    font-size: 18px; } }

[locale="es_ES"] #keeperChatFamilyPop.keeperLightbox p.priceTagDesc,
[locale="es_ES"] #keeperChatPop.keeperLightbox p.priceTagDesc,
[locale="es_ES"] #passManageFamilyPop.keeperLightbox p.priceTagDesc,
[locale="es_ES"] #passManagePop.keeperLightbox p.priceTagDesc {
  width: 160px; }

@media (max-width: 1200px) {
  [locale="es_ES"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="de_DE"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="fr_FR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="it_IT"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ja_JP"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pt_BR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ru_RU"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="nl_NL"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pl_PL"] main[view="personal"].main.primary .intro .actions .btn {
    padding: 0 30px; } }
@media (max-width: 1100px) {
  [locale="es_ES"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="de_DE"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="fr_FR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="it_IT"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ja_JP"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pt_BR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ru_RU"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="nl_NL"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pl_PL"] main[view="personal"].main.primary .intro .actions .btn {
    padding: 0 20px; } }
@media (max-width: 1080px) {
  [locale="es_ES"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="de_DE"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="fr_FR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="it_IT"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ja_JP"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pt_BR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ru_RU"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="nl_NL"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pl_PL"] main[view="personal"].main.primary .intro .actions .btn {
    padding: 0 15px; } }
@media (max-width: 860px) {
  [locale="es_ES"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="de_DE"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="fr_FR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="it_IT"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ja_JP"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pt_BR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ru_RU"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="nl_NL"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pl_PL"] main[view="personal"].main.primary .intro .actions .btn {
    min-width: 160px; } }
@media (max-width: 768px) {
  [locale="es_ES"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="de_DE"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="fr_FR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="it_IT"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ja_JP"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pt_BR"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="ru_RU"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="nl_NL"] main[view="personal"].main.primary .intro .actions .btn,
  [locale="pl_PL"] main[view="personal"].main.primary .intro .actions .btn {
    min-width: 200px; } }

[locale="ar_AE"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/ar_AE/keeper-free.png") no-repeat right center/contain; }

[locale="de_DE"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/de_DE/keeper-free.png") no-repeat right center/contain; }

[locale="en_US"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/en_US/keeper-free.png") no-repeat right center/contain; }

[locale="en_GB"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/en_GB/keeper-free.png") no-repeat right center/contain; }

[locale="es_ES"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/es_ES/keeper-free.png") no-repeat right center/contain; }

[locale="fr_FR"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/fr_FR/keeper-free.png") no-repeat right center/contain; }

[locale="it_IT"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/it_IT/keeper-free.png") no-repeat right center/contain; }

[locale="ja_JP"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/ja_JP/keeper-free.png") no-repeat right center/contain; }

[locale="nl_NL"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/nl_NL/keeper-free.png") no-repeat right center/contain; }

[locale="pl_PL"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/pl_PL/keeper-free.png") no-repeat right center/contain; }

[locale="pt_BR"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/pt_BR/keeper-free.png") no-repeat right center/contain; }

[locale="ru_RU"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/ru_RU/keeper-free.png") no-repeat right center/contain; }

[locale="zh_CN"] main[view="personal"].main.primary #keeperFree {
  background: #fff url("/assets/images/personal/zh_CN/keeper-free.png") no-repeat right center/contain; }

.ie [view="personal"].main.primary #rating .moreReviews a:after {
  top: 7px; }

[view="breachwatch"].main.secondary .tabs.desktop,
[view="breachwatch"].main.secondary .tabs.mobile {
  margin-top: 0;
  margin-bottom: 40px; }
@media (max-width: 768px) {
  [view="breachwatch"].main.secondary .main-content .container {
    padding: 0 15px; } }
[view="breachwatch"].main.secondary .image-breachwatch-logo {
  background: url("/assets/images/pages/breachwatch/breachwatch-logo.svg") no-repeat left/contain;
  height: 50px; }
  @media only screen and (max-width: 768px) {
    [view="breachwatch"].main.secondary .image-breachwatch-logo {
      background-position: center;
      width: 195px;
      margin: 0 auto; } }
[view="breachwatch"].main.secondary .image-breachwatch-scan {
  background: url("/assets/images/pages/breachwatch/bw-image-scan@2x.png") no-repeat center bottom/contain;
  padding-top: 47%; }
[view="breachwatch"].main.secondary .image-breachwatch-alert {
  background: url("/assets/images/pages/breachwatch/bw-image-alert.png") no-repeat center bottom/contain;
  padding-top: 63%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [view="breachwatch"].main.secondary .image-breachwatch-alert {
      background-image: url("/assets/images/pages/breachwatch/bw-image-alert@2x.png"); } }
[view="breachwatch"].main.secondary .image-breachwatch-resolve {
  background: url("/assets/images/pages/breachwatch/bw-image-resolve.png") no-repeat center bottom/contain;
  padding-top: 61%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [view="breachwatch"].main.secondary .image-breachwatch-resolve {
      background-image: url("/assets/images/pages/breachwatch/bw-image-resolve@2x.png"); } }
[view="breachwatch"].main.secondary .image-breachwatch-monitor {
  background: url("/assets/images/pages/breachwatch/mo-monitor@2x.jpg") no-repeat center bottom/contain;
  padding-top: 91%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [view="breachwatch"].main.secondary .image-breachwatch-monitor {
      background-image: url("/assets/images/pages/breachwatch/bw-image-monitor@2x.png"); } }
[view="breachwatch"].main.secondary #stolenPasswords h2,
[view="breachwatch"].main.secondary #businessFeatures h2,
[view="breachwatch"].main.secondary #businessBenefits h2 {
  color: #000;
  text-align: center;
  margin-bottom: 16px;
  line-height: 34px; }
  @media only screen and (max-width: 768px) {
    [view="breachwatch"].main.secondary #stolenPasswords h2,
    [view="breachwatch"].main.secondary #businessFeatures h2,
    [view="breachwatch"].main.secondary #businessBenefits h2 {
      font-size: 20px;
      padding: 20px; } }
[view="breachwatch"].main.secondary #stolenPasswords p,
[view="breachwatch"].main.secondary #businessFeatures p,
[view="breachwatch"].main.secondary #businessBenefits p {
  text-align: center; }
[view="breachwatch"].main.secondary #stolenPasswords .actions,
[view="breachwatch"].main.secondary #businessFeatures .actions,
[view="breachwatch"].main.secondary #businessBenefits .actions {
  text-align: center;
  margin-top: 24px; }
  [view="breachwatch"].main.secondary #stolenPasswords .actions a,
  [view="breachwatch"].main.secondary #businessFeatures .actions a,
  [view="breachwatch"].main.secondary #businessBenefits .actions a {
    display: inline-block;
    min-width: 210px;
    margin: 0 auto; }
[view="breachwatch"].main.secondary #stolenPasswords {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 68px 80px;
  overflow: hidden; }
  @media (max-width: 1024px) {
    [view="breachwatch"].main.secondary #stolenPasswords {
      padding: 48px; } }
  [view="breachwatch"].main.secondary #stolenPasswords .sectionContent {
    width: 44%; }
    @media (max-width: 768px) {
      [view="breachwatch"].main.secondary #stolenPasswords .sectionContent {
        width: 100%; } }
    [view="breachwatch"].main.secondary #stolenPasswords .sectionContent h2 {
      padding: 0 0 20px; }
    [view="breachwatch"].main.secondary #stolenPasswords .sectionContent h2, [view="breachwatch"].main.secondary #stolenPasswords .sectionContent p, [view="breachwatch"].main.secondary #stolenPasswords .sectionContent .actions {
      text-align: left; }
      @media (max-width: 768px) {
        [view="breachwatch"].main.secondary #stolenPasswords .sectionContent h2, [view="breachwatch"].main.secondary #stolenPasswords .sectionContent p, [view="breachwatch"].main.secondary #stolenPasswords .sectionContent .actions {
          text-align: center; } }
    [view="breachwatch"].main.secondary #stolenPasswords .sectionContent .actions {
      margin-top: 40px; }
  [view="breachwatch"].main.secondary #stolenPasswords > img {
    width: calc(50% + 80px);
    margin-right: -80px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2); }
    @media (max-width: 1024px) {
      [view="breachwatch"].main.secondary #stolenPasswords > img {
        width: calc(50% + 48px);
        margin-right: -48px; } }
    @media (max-width: 768px) {
      [view="breachwatch"].main.secondary #stolenPasswords > img {
        display: none; } }
[view="breachwatch"].main.secondary .threeItems {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  margin-top: 40px; }
  @media (max-width: 768px) {
    [view="breachwatch"].main.secondary .threeItems {
      flex-flow: column nowrap; } }
  [view="breachwatch"].main.secondary .threeItems article {
    width: 30%;
    text-align: center; }
    @media (max-width: 768px) {
      [view="breachwatch"].main.secondary .threeItems article {
        width: 100%; }
        [view="breachwatch"].main.secondary .threeItems article img {
          width: 32px;
          height: 32px; } }
    [view="breachwatch"].main.secondary .threeItems article img {
      margin-bottom: 32px; }
      @media only screen and (max-width: 768px) {
        [view="breachwatch"].main.secondary .threeItems article img {
          margin-bottom: 16px; } }
[view="breachwatch"].main.secondary .intro {
  padding: 0 10px;
  margin-bottom: 24px; }
  [view="breachwatch"].main.secondary .intro .container {
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0;
    position: relative; }
    @media only screen and (max-width: 768px) {
      [view="breachwatch"].main.secondary .intro .container {
        flex-flow: column wrap; } }
    [view="breachwatch"].main.secondary .intro .container .intro-content {
      display: block;
      width: 450px;
      padding: 40px 0;
      min-height: 360px;
      z-index: 1;
      order: 2;
      text-align: left; }
      @media only screen and (max-width: 1200px) {
        [view="breachwatch"].main.secondary .intro .container .intro-content {
          width: 50%;
          padding-left: 30px; } }
      @media only screen and (max-width: 860px) {
        [view="breachwatch"].main.secondary .intro .container .intro-content {
          width: 55%; } }
      @media only screen and (max-width: 768px) {
        [view="breachwatch"].main.secondary .intro .container .intro-content {
          text-align: center;
          width: 100%;
          padding: 0;
          min-height: 270px; } }
      [view="breachwatch"].main.secondary .intro .container .intro-content h1 {
        margin: 30px 0;
        text-align: left;
        min-height: 132px; }
        @media only screen and (max-width: 991px) {
          [view="breachwatch"].main.secondary .intro .container .intro-content h1 {
            min-height: 176px; } }
        @media only screen and (max-width: 768px) {
          [view="breachwatch"].main.secondary .intro .container .intro-content h1 {
            text-align: center;
            min-height: 50px; } }
        @media only screen and (max-width: 480px) {
          [view="breachwatch"].main.secondary .intro .container .intro-content h1 {
            min-height: 72px; } }
    [view="breachwatch"].main.secondary .intro .container .intro-image {
      display: block;
      position: relative;
      width: 688px;
      height: 500px;
      order: 1; }
      @media only screen and (max-width: 1200px) {
        [view="breachwatch"].main.secondary .intro .container .intro-image {
          width: 50%; } }
      @media only screen and (max-width: 860px) {
        [view="breachwatch"].main.secondary .intro .container .intro-image {
          width: 45%; } }
      @media only screen and (max-width: 768px) {
        [view="breachwatch"].main.secondary .intro .container .intro-image {
          display: none; } }
      [view="breachwatch"].main.secondary .intro .container .intro-image > div {
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; }
      [view="breachwatch"].main.secondary .intro .container .intro-image .businessImage {
        display: block;
        position: relative;
        left: 0;
        top: -5px;
        width: 564px;
        max-width: 100%;
        height: 426px;
        background: url("/assets/images/pages/pricing/bw-biz.png") no-repeat center bottom/contain; }
      [view="breachwatch"].main.secondary .intro .container .intro-image .personalImage {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        background: url("/assets/images/pages/breachwatch/breachwatch-header@2x.png") no-repeat center bottom/contain; }
      [view="breachwatch"].main.secondary .intro .container .intro-image:before {
        display: none; }
  @media (max-width: 768px) {
    [view="breachwatch"].main.secondary .intro {
      padding: 40px 20px; } }
@media only screen and (max-width: 768px) {
  [view="breachwatch"].main.secondary #description {
    padding: 40px 20px; } }
[view="breachwatch"].main.secondary #description .actions {
  text-align: center;
  margin-top: 24px; }
  [view="breachwatch"].main.secondary #description .actions a {
    display: inline-block;
    min-width: 210px;
    margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    [view="breachwatch"].main.secondary #description .actions {
      margin-top: 0; } }
[view="breachwatch"].main.secondary #description .section-content {
  float: none;
  width: 100%;
  padding: 0; }
  [view="breachwatch"].main.secondary #description .section-content h2 {
    color: #000;
    text-align: center;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      [view="breachwatch"].main.secondary #description .section-content h2 {
        font-size: 20px;
        padding: 20px;
        margin-bottom: 0; } }
  [view="breachwatch"].main.secondary #description .section-content p {
    text-align: center; }
[view="breachwatch"].main.secondary #features.section-info {
  padding: 48px 60px 47px 80px; }
  @media (max-width: 768px) {
    [view="breachwatch"].main.secondary #features.section-info {
      padding: 40px 20px;
      text-align: center; }
      [view="breachwatch"].main.secondary #features.section-info p {
        padding: 0 16px; } }
  [view="breachwatch"].main.secondary #features.section-info h2 {
    color: #000; }
  [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: center;
    min-height: 100% !important; }
    @media (max-width: 1400px) {
      [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide {
        justify-content: space-between; } }
    [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-content {
      padding: 2% 70px 2% 0;
      order: 1;
      width: 50%; }
      @media (max-width: 1400px) {
        [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-content {
          width: 50%; } }
      @media (max-width: 768px) {
        [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-content {
          width: 100%;
          padding: 2% 0; } }
    [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-image {
      order: 2;
      width: 456px; }
      @media (max-width: 1400px) {
        [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-image {
          width: 50%; } }
      @media (max-width: 768px) {
        [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-image {
          width: 100%;
          margin: 0 auto; } }
  [view="breachwatch"].main.secondary #features.section-info .slick-dots {
    text-align: left;
    padding-left: 80px; }
    @media (max-width: 1400px) {
      [view="breachwatch"].main.secondary #features.section-info .slick-dots {
        padding-left: 0; } }
    @media (max-width: 500px) {
      [view="breachwatch"].main.secondary #features.section-info .slick-dots {
        bottom: -10px; } }
    @media (max-width: 768px) {
      [view="breachwatch"].main.secondary #features.section-info .slick-dots {
        text-align: center; } }
    @media (max-width: 414px) {
      [view="breachwatch"].main.secondary #features.section-info .slick-dots {
        bottom: -20px; } }
  [view="breachwatch"].main.secondary #features.section-info .slick-dots li button:before {
    color: rgba(0, 0, 0, 0.25); }
  [view="breachwatch"].main.secondary #features.section-info .slick-dots li.slick-active button:before {
    color: #1b78e0; }
[view="breachwatch"].main.secondary #benefitsOfBreachWatch {
  margin-bottom: 5px; }
  @media only screen and (max-width: 991px) {
    [view="breachwatch"].main.secondary #benefitsOfBreachWatch {
      padding: 48px; } }
  @media only screen and (max-width: 768px) {
    [view="breachwatch"].main.secondary #benefitsOfBreachWatch {
      padding: 40px 20px; } }
  [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content {
    float: none;
    width: 100%;
    padding: 0; }
    [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content h2 {
      color: #000;
      text-align: center;
      margin-bottom: 48px; }
      @media only screen and (max-width: 768px) {
        [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content h2 {
          padding: 20px; } }
    [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content p {
      text-align: center; }
    [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content #twoBenefits {
      display: flex;
      justify-content: center;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 20px; }
      @media only screen and (max-width: 1200px) {
        [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content #twoBenefits {
          justify-content: space-between; } }
      [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content #twoBenefits article {
        width: 430px;
        padding: 0 50px;
        text-align: center; }
        @media only screen and (max-width: 1200px) {
          [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content #twoBenefits article {
            width: 48%;
            padding: 0; } }
        @media only screen and (max-width: 768px) {
          [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content #twoBenefits article {
            width: 100%;
            padding: 0; } }
        [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content #twoBenefits article img {
          margin-bottom: 32px; }
          @media only screen and (max-width: 768px) {
            [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content #twoBenefits article img {
              margin-bottom: 16px; } }
    [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content .actions {
      padding-top: 24px;
      text-align: center; }
      [view="breachwatch"].main.secondary #benefitsOfBreachWatch .section-content .actions .btn.btn-yellow {
        display: inline-block;
        min-width: 210px;
        margin: 0 auto; }

@media (max-width: 414px) {
  html[locale="ar_AE"] [view="breachwatch"].main.secondary .box {
    padding: 32px 24px; } }
html[locale="ar_AE"] [view="breachwatch"].main.secondary .image-breachwatch-logo {
  background-position: top right; }
  @media (max-width: 768px) {
    html[locale="ar_AE"] [view="breachwatch"].main.secondary .image-breachwatch-logo {
      background-position: center; } }
html[locale="ar_AE"] [view="breachwatch"].main.secondary #stolenPasswords > img {
  margin: 0 0 0 -80px;
  border-radius: 0 8px 8px 0; }
  @media (max-width: 1024px) {
    html[locale="ar_AE"] [view="breachwatch"].main.secondary #stolenPasswords > img {
      margin: 0 0 0 -50px; } }
html[locale="ar_AE"] [view="breachwatch"].main.secondary #stolenPasswords .sectionContent h2, html[locale="ar_AE"] [view="breachwatch"].main.secondary #stolenPasswords .sectionContent p, html[locale="ar_AE"] [view="breachwatch"].main.secondary #stolenPasswords .sectionContent .actions {
  text-align: right; }
html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content {
  text-align: right;
  min-height: 405px; }
  @media (max-width: 1200px) {
    html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content {
      padding-left: 0;
      padding-right: 30px; } }
  @media (max-width: 768px) {
    html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content {
      text-align: center !important;
      min-height: 270px;
      padding-right: 0; } }
  @media (max-width: 480px) {
    html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content {
      min-height: 295px; } }
  @media (max-width: 360px) {
    html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content {
      min-height: 320px; } }
  html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content h1 {
    text-align: right;
    padding-right: 10px; }
    @media (max-width: 768px) {
      html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content h1 {
        text-align: center; } }
  html[locale="ar_AE"] [view="breachwatch"].main.secondary .intro .container .intro-content .actions {
    padding-right: 10px; }
html[locale="ar_AE"] [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-content {
  padding: 2% 0 2% 70px; }
  @media (max-width: 768px) {
    html[locale="ar_AE"] [view="breachwatch"].main.secondary #features.section-info .slide.slick-slide .section-content {
      padding: 2% 0; } }

[locale="ar_AE"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/ar_AE/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="de_DE"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/de_DE/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="en_US"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/en_US/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="en_GB"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/en_GB/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="es_ES"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/es_ES/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="fr_FR"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/fr_FR/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="it_IT"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/it_IT/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="ja_JP"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/ja_JP/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="nl_NL"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/nl_NL/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="pl_PL"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/pl_PL/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="pt_BR"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/pt_BR/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="ru_RU"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/ru_RU/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="zh_CN"] .main.secondary[view="breachwatch"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/zh_CN/kc-biz-image@2x.png") no-repeat center bottom/contain; }

[locale="ar_AE"] .main.secondary[view="breachwatch"] .intro .container h1,
[locale="de_DE"] .main.secondary[view="breachwatch"] .intro .container h1,
[locale="pl_PL"] .main.secondary[view="breachwatch"] .intro .container h1,
[locale="fr_FR"] .main.secondary[view="breachwatch"] .intro .container h1 {
  font-size: 30px;
  min-height: 176px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="de_DE"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="pl_PL"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="fr_FR"] .main.secondary[view="breachwatch"] .intro .container h1 {
      min-height: 50px; } }
  @media (max-width: 414px) {
    [locale="ar_AE"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="de_DE"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="pl_PL"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="fr_FR"] .main.secondary[view="breachwatch"] .intro .container h1 {
      min-height: 120px; } }
  @media (max-width: 480px) {
    [locale="ar_AE"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="de_DE"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="pl_PL"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="fr_FR"] .main.secondary[view="breachwatch"] .intro .container h1 {
      min-height: 96px; } }

[locale="ja_JP"] .main.secondary[view="breachwatch"] .intro .container h1,
[locale="es_ES"] .main.secondary[view="breachwatch"] .intro .container h1,
[locale="nl_NL"] .main.secondary[view="breachwatch"] .intro .container h1,
[locale="ru_RU"] .main.secondary[view="breachwatch"] .intro .container h1,
[locale="it_IT"] .main.secondary[view="breachwatch"] .intro .container h1 {
  min-height: 176px; }
  @media (max-width: 768px) {
    [locale="ja_JP"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="es_ES"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="nl_NL"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="ru_RU"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="it_IT"] .main.secondary[view="breachwatch"] .intro .container h1 {
      min-height: 60px; } }
  @media (max-width: 414px) {
    [locale="ja_JP"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="es_ES"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="nl_NL"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="ru_RU"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="it_IT"] .main.secondary[view="breachwatch"] .intro .container h1 {
      min-height: 120px; } }
  @media (max-width: 480px) {
    [locale="ja_JP"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="es_ES"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="nl_NL"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="ru_RU"] .main.secondary[view="breachwatch"] .intro .container h1,
    [locale="it_IT"] .main.secondary[view="breachwatch"] .intro .container h1 {
      min-height: 96px; } }

.main.secondary[view="dna"] {
  /* ------------------------------------------------------------ *\
  DNA Section
  \* ------------------------------------------------------------ */ }
  .main.secondary[view="dna"] .intro p {
    color: #fff;
    font-size: 22px; }
    @media (max-width: 768px) {
      .main.secondary[view="dna"] .intro p {
        font-size: 14px; } }
  @media (max-width: 1024px) {
    .main.secondary[view="dna"] .box {
      padding: 48px; } }
  @media (max-width: 768px) {
    .main.secondary[view="dna"] .box {
      padding: 40px 20px; } }
  @media (max-width: 425px) {
    .main.secondary[view="dna"] .box {
      padding: 20px; } }
  .main.secondary[view="dna"] .section-content-dna {
    padding-bottom: 30px; }
    @media (max-width: 480px) {
      .main.secondary[view="dna"] .section-content-dna {
        padding-bottom: 0; } }
    .main.secondary[view="dna"] .section-content-dna p {
      padding-bottom: 0; }
  .main.secondary[view="dna"] h3 {
    font-size: 26px;
    font-weight: 300; }
    @media (max-width: 991px) {
      .main.secondary[view="dna"] h3 {
        font-size: 20px; } }
  .main.secondary[view="dna"] h5 {
    font-size: 18px;
    margin-bottom: 24px;
    white-space: nowrap; }
    @media (max-width: 991px) {
      .main.secondary[view="dna"] h5 {
        font-size: 18px; } }
    @media (max-width: 480px) {
      .main.secondary[view="dna"] h5 {
        margin-top: 40px; } }
  .main.secondary[view="dna"] p {
    font-size: 22px;
    font-weight: 300; }
    @media (max-width: 1024px) {
      .main.secondary[view="dna"] p {
        font-size: 18px; } }
    @media (max-width: 991px) {
      .main.secondary[view="dna"] p {
        font-size: 14px; } }
  .main.secondary[view="dna"] #charts-n-stats .dna-charts {
    display: block;
    overflow: hidden;
    clear: both; }
  .main.secondary[view="dna"] #charts-n-stats .dna-stats {
    margin-top: 60px;
    display: block;
    overflow: hidden;
    clear: both; }
    @media (max-width: 991px) {
      .main.secondary[view="dna"] #charts-n-stats .dna-stats p {
        line-height: 1.4; } }
    @media (max-width: 480px) {
      .main.secondary[view="dna"] #charts-n-stats .dna-stats p {
        text-align: center; } }
    @media (max-width: 480px) {
      .main.secondary[view="dna"] #charts-n-stats .dna-stats .chart-title {
        display: block;
        width: 100%; }
        .main.secondary[view="dna"] #charts-n-stats .dna-stats .chart-title div {
          display: block;
          width: 100%; } }
  @media (max-width: 768px) {
    .main.secondary[view="dna"] #charts-n-stats {
      display: flex;
      flex-direction: column; }
      .main.secondary[view="dna"] #charts-n-stats .dna-charts {
        order: 2; }
      .main.secondary[view="dna"] #charts-n-stats .dna-stats {
        margin: 24px 0 0 0;
        order: 1; } }
  @media (max-width: 480px) {
    .main.secondary[view="dna"] #charts-n-stats .dna-stats {
      margin: 24px 0 -45px 0; }
      .main.secondary[view="dna"] #charts-n-stats .dna-stats .col-xs-6 {
        width: 50%;
        padding: 0 5px; }
        .main.secondary[view="dna"] #charts-n-stats .dna-stats .col-xs-6 span {
          margin-top: 7px;
          width: 8px;
          height: 8px; }
        .main.secondary[view="dna"] #charts-n-stats .dna-stats .col-xs-6.blueDot.chart-title div.pull-right {
          width: 114px; } }
  .main.secondary[view="dna"] .chart-title {
    display: block;
    float: left; }
  .main.secondary[view="dna"] .chart-title p {
    display: block;
    float: left;
    font-size: 22px;
    font-weight: 300;
    line-height: 0.85; }
    @media (max-width: 991px) {
      .main.secondary[view="dna"] .chart-title p {
        font-size: 14px; } }
  .main.secondary[view="dna"] .chart-title span {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    float: left;
    margin: 2px 8px 0 0; }
  .main.secondary[view="dna"] .chart-title.greyDot span {
    background: #8C8C8C; }
  .main.secondary[view="dna"] .chart-title.blueDot span {
    background: #1B78E0; }
  .main.secondary[view="dna"] .dna-charts p {
    padding-top: 15px; }
  .main.secondary[view="dna"] .circle {
    width: 118px;
    height: 118px;
    display: block;
    text-align: center;
    line-height: 118px;
    font-size: 26px;
    font-weight: 600;
    margin: 0 auto; }
    @media (max-width: 480px) {
      .main.secondary[view="dna"] .circle {
        width: 82px;
        height: 82px;
        line-height: 82px; } }
    .main.secondary[view="dna"] .circle.steps {
      background: url("/assets/images/personal/dna/blue-graph-1.svg") no-repeat center/contain; }
    .main.secondary[view="dna"] .circle.seconds {
      background: url("/assets/images/personal/dna/blue-graph-2.svg") no-repeat center/contain; }
    .main.secondary[view="dna"] .circle.time {
      background: url("/assets/images/personal/dna/blue-graph-3.svg") no-repeat center/contain; }
    .main.secondary[view="dna"] .circle.security {
      background: url("/assets/images/personal/dna/blue-graph-4.svg") no-repeat center/contain; }
    .main.secondary[view="dna"] .circle.small {
      width: 67px;
      height: 67px;
      font-size: 18px;
      line-height: 67px;
      margin-top: 40px; }
      @media (max-width: 480px) {
        .main.secondary[view="dna"] .circle.small {
          width: 55px;
          height: 55px;
          line-height: 55px; } }
      .main.secondary[view="dna"] .circle.small.steps {
        background: url("/assets/images/personal/dna/grey-graph-1.svg") no-repeat center/contain; }
      .main.secondary[view="dna"] .circle.small.seconds {
        background: url("/assets/images/personal/dna/grey-graph-2.svg") no-repeat center/contain; }
      .main.secondary[view="dna"] .circle.small.time {
        background: url("/assets/images/personal/dna/grey-graph-3.svg") no-repeat center/contain; }
      .main.secondary[view="dna"] .circle.small.security {
        background: url("/assets/images/personal/dna/grey-graph-4.svg") no-repeat center/contain;
        font-size: 14px; }
  .main.secondary[view="dna"] #wareableTech {
    position: relative;
    padding: 0 0 0 48px; }
    @media (max-width: 425px) {
      .main.secondary[view="dna"] #wareableTech {
        padding: 0 15px; } }
    .main.secondary[view="dna"] #wareableTech .section-content {
      width: 55%;
      padding: 80px 50px 120px 0; }
      @media (max-width: 991px) {
        .main.secondary[view="dna"] #wareableTech .section-content {
          padding: 80px 50px 40px 0; } }
      @media (max-width: 425px) {
        .main.secondary[view="dna"] #wareableTech .section-content {
          padding-right: 0; } }
      .main.secondary[view="dna"] #wareableTech .section-content h3 {
        font-size: 26px;
        font-weight: 300; }
        @media (max-width: 767px) {
          .main.secondary[view="dna"] #wareableTech .section-content h3 {
            font-size: 20px; } }
        @media (max-width: 991px) {
          .main.secondary[view="dna"] #wareableTech .section-content h3 {
            font-size: 18px; } }
      .main.secondary[view="dna"] #wareableTech .section-content p {
        font-size: 22px;
        font-weight: 300; }
        @media (max-width: 991px) {
          .main.secondary[view="dna"] #wareableTech .section-content p {
            font-size: 14px; } }
      @media (max-width: 767px) {
        .main.secondary[view="dna"] #wareableTech .section-content {
          display: block;
          width: 100%;
          text-align: center; } }
    .main.secondary[view="dna"] #wareableTech .section-image {
      position: absolute;
      bottom: 0;
      right: 10%;
      height: 436px; }
      @media (max-width: 1024px) {
        .main.secondary[view="dna"] #wareableTech .section-image {
          right: 7%; } }
      @media (max-width: 991px) {
        .main.secondary[view="dna"] #wareableTech .section-image {
          right: 20px; } }
      @media (max-width: 767px) {
        .main.secondary[view="dna"] #wareableTech .section-image {
          position: relative;
          right: auto;
          bottom: auto;
          margin: 0 auto;
          left: 50%;
          width: 350px;
          max-width: 100%;
          margin-left: -140px; } }
      @media (max-width: 991px) {
        .main.secondary[view="dna"] #wareableTech .section-image {
          width: 240px;
          height: 300px; } }
      @media (max-width: 425px) {
        .main.secondary[view="dna"] #wareableTech .section-image {
          margin-left: -120px; } }
      @media (max-width: 360px) {
        .main.secondary[view="dna"] #wareableTech .section-image {
          width: 100%;
          left: 0;
          margin: 0 auto; } }
      .main.secondary[view="dna"] #wareableTech .section-image .image {
        background-size: contain;
        background-repeat: no-repeat;
        float: right; }
        @media (max-width: 350px) {
          .main.secondary[view="dna"] #wareableTech .section-image .image {
            float: none;
            width: 100%; } }
        @media (max-width: 991px) {
          .main.secondary[view="dna"] #wareableTech .section-image .image {
            width: 100%;
            height: 100%; } }

[locale="ar_AE"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/ar_AE/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="ar_AE"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/ar_AE/keeper-dna-watch-header.png"); } }

[locale="de_DE"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/de_DE/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="de_DE"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/de_DE/keeper-dna-watch-header.png"); } }

[locale="es_ES"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/es_ES/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="es_ES"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/es_ES/keeper-dna-watch-header.png"); } }

[locale="fr_FR"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/fr_FR/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="fr_FR"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/fr_FR/keeper-dna-watch-header.png"); } }

[locale="it_IT"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/it_IT/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="it_IT"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/it_IT/keeper-dna-watch-header.png"); } }

[locale="ja_JP"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/ja_JP/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="ja_JP"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/ja_JP/keeper-dna-watch-header.png"); } }

[locale="nl_NL"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/nl_NL/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="nl_NL"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/nl_NL/keeper-dna-watch-header.png"); } }

[locale="pl_PL"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/pl_PL/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="pl_PL"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/pl_PL/keeper-dna-watch-header.png"); } }

[locale="pt_BR"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/pt_BR/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="pt_BR"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/pt_BR/keeper-dna-watch-header.png"); } }

[locale="ru_RU"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/ru_RU/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="ru_RU"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/ru_RU/keeper-dna-watch-header.png"); } }

[locale="zh_CN"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
  background-image: url("/assets/images/translated/dna/zh_CN/keeper-dna-watch-header@2x.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [locale="zh_CN"] .main.secondary[view="dna"] #wareableTech .image.image-dna-hero {
      background-image: url("/assets/images/translated/dna/zh_CN/keeper-dna-watch-header.png"); } }

#dnawearable {
  margin-bottom: 5px; }
  @media only screen and (max-width: 991px) {
    #dnawearable {
      padding: 48px; } }
  @media only screen and (max-width: 768px) {
    #dnawearable {
      padding: 40px 20px; } }
  #dnawearable .section-content {
    float: none;
    width: 100%;
    padding: 0; }
    #dnawearable .section-content h2 {
      color: #000;
      font-weight: 600;
      text-align: center;
      margin-bottom: 48px; }
      @media only screen and (max-width: 768px) {
        #dnawearable .section-content h2 {
          padding: 20px; } }
    #dnawearable .section-content p {
      text-align: center; }
    #dnawearable .section-content #dna-wear {
      display: flex;
      justify-content: center;
      flex-flow: row wrap;
      align-items: flex-start;
      margin-bottom: 20px; }
      @media only screen and (max-width: 1200px) {
        #dnawearable .section-content #dna-wear {
          justify-content: space-between; } }
      #dnawearable .section-content #dna-wear article {
        width: 430px;
        padding: 0 50px;
        text-align: center; }
        @media only screen and (max-width: 1200px) {
          #dnawearable .section-content #dna-wear article {
            width: 48%;
            padding: 0; } }
        @media only screen and (max-width: 768px) {
          #dnawearable .section-content #dna-wear article {
            width: 100%;
            padding: 0; } }
        #dnawearable .section-content #dna-wear article h3 {
          font-weight: 600;
          font-size: 26px;
          color: #000000;
          letter-spacing: -0.81px;
          text-align: center;
          line-height: 36px; }
        #dnawearable .section-content #dna-wear article p {
          font-size: 20px;
          color: #000000;
          letter-spacing: -0.22px;
          text-align: center;
          line-height: 28px; }
        #dnawearable .section-content #dna-wear article img {
          margin-bottom: 20px;
          height: 56px; }
          @media only screen and (max-width: 768px) {
            #dnawearable .section-content #dna-wear article img {
              margin-bottom: 16px; } }

main.main.primary[view="enterprise"] .animatedCircle {
  display: block;
  width: 115px;
  height: 115px;
  position: relative; }
  @media (max-width: 768px) {
    main.main.primary[view="enterprise"] .animatedCircle {
      width: 98px;
      height: 98px; } }
  main.main.primary[view="enterprise"] .animatedCircle .circle-chart {
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
    @media (max-width: 768px) {
      main.main.primary[view="enterprise"] .animatedCircle .circle-chart {
        display: block;
        width: 98px;
        height: 98px;
        position: relative; } }
  main.main.primary[view="enterprise"] .animatedCircle .countValue {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 117px; }
    @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
      main.main.primary[view="enterprise"] .animatedCircle .countValue {
        line-height: 130px; } }
    @media (max-width: 960px) {
      main.main.primary[view="enterprise"] .animatedCircle .countValue {
        font-size: 30px; } }
    @media (max-width: 768px) {
      main.main.primary[view="enterprise"] .animatedCircle .countValue {
        line-height: 100px; } }
  main.main.primary[view="enterprise"] .animatedCircle .circle-chart__circle {
    animation: circle-chart-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center; }
    @media (max-width: 768px) {
      main.main.primary[view="enterprise"] .animatedCircle .circle-chart__circle {
        display: block;
        width: 98px;
        height: 98px; } }
@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }
main.main.primary[view="enterprise"] .intro {
  position: relative; }
  main.main.primary[view="enterprise"] .intro .container .intro-content .actions .btn {
    font-weight: 600; }
  @media (max-width: 768px) {
    main.main.primary[view="enterprise"] .intro .container .intro-content {
      padding-bottom: 20px; } }
  @media (max-width: 1000px) {
    main.main.primary[view="enterprise"] .intro .container .intro-image {
      left: -17%;
      background-size: 140%;
      background-position: right bottom; } }
  @media (max-width: 860px) {
    main.main.primary[view="enterprise"] .intro .container .intro-image {
      left: -15%;
      background-size: 160%; } }
  @media (max-width: 840px) {
    main.main.primary[view="enterprise"] .intro .container .intro-image {
      background-size: 180%; } }
  @media (max-width: 768px) {
    main.main.primary[view="enterprise"] .intro .container .intro-image {
      width: 100%;
      height: 446px;
      left: 0;
      background-size: contain;
      background-position: bottom center; } }
  @media (max-width: 767px) {
    main.main.primary[view="enterprise"] .intro .container .intro-image {
      position: relative;
      bottom: 0;
      top: auto;
      height: 0;
      padding-top: 79%; } }
main.main.primary[view="enterprise"] section.features.blueGradient {
  background: #1b78e0 url(/assets/images/blueGradient.svg) no-repeat center/cover;
  background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
  color: #fff; }
main.main.primary[view="enterprise"] .image-enterprise-console-screenshot {
  width: 1100px;
  max-width: 100%;
  height: auto; }
main.main.primary[view="enterprise"] .image-trojan-house {
  background: url("/assets/images/pages/enterprise/header-horse@2x.jpg") no-repeat bottom left/contain; }
  @media (max-width: 1024px) {
    main.main.primary[view="enterprise"] .image-trojan-house {
      background-image: url("/assets/images/pages/enterprise/header-horse@2x.jpg"); } }
main.main.primary[view="enterprise"] .image-diagram-weak-password-security {
  background: url("/assets/images/pages/business/graph-81.png") no-repeat center/contain;
  width: 115px;
  height: 115px; }
main.main.primary[view="enterprise"] .image-diagram-cost-data-breach {
  background: url("/assets/images/pages/business/graph-7million.png") no-repeat center/contain;
  width: 115px;
  height: 115px; }
@media only screen and (max-width: 768px) {
  main.main.primary[view="enterprise"] .image-diagram-weak-password-security {
    width: 80px;
    height: 80px; }
  main.main.primary[view="enterprise"] .image-diagram-cost-data-breach {
    width: 80px;
    height: 80px; } }
main.main.primary[view="enterprise"] .main.primary[view='business'] section.business-plan, .main.primary[view='business'] main.main.primary[view="enterprise"] section.business-plan, main.main.primary[view="enterprise"] section.deployments, main.main.primary[view="enterprise"] section.addons,
main.main.primary[view="enterprise"] section.features,
main.main.primary[view="enterprise"] section.why-use-keeper, main.main.primary[view="enterprise"] section.enterprise-plan {
  padding: 56px 0; }
@media only screen and (max-width: 768px) {
  main.main.primary[view="enterprise"] .main.primary[view='business'] section.business-plan, .main.primary[view='business'] main.main.primary[view="enterprise"] section.business-plan, main.main.primary[view="enterprise"] section.deployments, main.main.primary[view="enterprise"] section.addons,
  main.main.primary[view="enterprise"] section.features,
  main.main.primary[view="enterprise"] section.why-use-keeper, main.main.primary[view="enterprise"] section.enterprise-plan {
    padding: 40px 0; } }
main.main.primary[view="enterprise"] section.diagrams {
  background-color: white;
  padding: 70px 0; }
  @media only screen and (max-width: 768px) {
    main.main.primary[view="enterprise"] section.diagrams {
      padding: 40px 0; } }
  main.main.primary[view="enterprise"] section.diagrams h2 {
    color: black;
    text-align: left;
    margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.diagrams h2 {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 32px;
        text-align: center; } }
  main.main.primary[view="enterprise"] section.diagrams p {
    font-size: 18px; }
    @media only screen and (max-width: 1024px) {
      main.main.primary[view="enterprise"] section.diagrams p {
        font-size: 20px; } }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.diagrams p {
        font-size: 14px; } }
  main.main.primary[view="enterprise"] section.diagrams .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.diagrams .container {
        flex-flow: column nowrap; } }
    main.main.primary[view="enterprise"] section.diagrams .container:before, main.main.primary[view="enterprise"] section.diagrams .container:after {
      content: none;
      display: none; }
    main.main.primary[view="enterprise"] section.diagrams .container .heading {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
    main.main.primary[view="enterprise"] section.diagrams .container .heading,
    main.main.primary[view="enterprise"] section.diagrams .container .diagram {
      width: 31%; }
      @media only screen and (max-width: 1200px) {
        main.main.primary[view="enterprise"] section.diagrams .container .heading,
        main.main.primary[view="enterprise"] section.diagrams .container .diagram {
          width: 33%; } }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.diagrams .container .heading,
        main.main.primary[view="enterprise"] section.diagrams .container .diagram {
          width: 100%; } }
    main.main.primary[view="enterprise"] section.diagrams .container .diagram {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.diagrams .container .diagram {
          margin-bottom: 40px;
          flex-flow: column nowrap;
          justify-content: space-between; }
          main.main.primary[view="enterprise"] section.diagrams .container .diagram:last-of-type {
            margin-bottom: 0; } }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.diagrams .container .diagram {
          width: 100%; } }
      main.main.primary[view="enterprise"] section.diagrams .container .diagram #dataBreachesDiagram,
      main.main.primary[view="enterprise"] section.diagrams .container .diagram #averageCostofBreachDiagram {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        position: relative;
        width: 125px;
        height: 125px;
        margin: 0; }
        @media (max-width: 768px) {
          main.main.primary[view="enterprise"] section.diagrams .container .diagram #dataBreachesDiagram,
          main.main.primary[view="enterprise"] section.diagrams .container .diagram #averageCostofBreachDiagram {
            width: 100px !important;
            height: 100px !important; } }
        main.main.primary[view="enterprise"] section.diagrams .container .diagram #dataBreachesDiagram svg,
        main.main.primary[view="enterprise"] section.diagrams .container .diagram #averageCostofBreachDiagram svg {
          display: flex;
          align-self: center;
          width: 125px;
          height: 125px; }
          @media (max-width: 768px) {
            main.main.primary[view="enterprise"] section.diagrams .container .diagram #dataBreachesDiagram svg,
            main.main.primary[view="enterprise"] section.diagrams .container .diagram #averageCostofBreachDiagram svg {
              width: 100px;
              height: 100px; } }
        main.main.primary[view="enterprise"] section.diagrams .container .diagram #dataBreachesDiagram .progressbar-text,
        main.main.primary[view="enterprise"] section.diagrams .container .diagram #averageCostofBreachDiagram .progressbar-text {
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;
          white-space: nowrap;
          font-family: "Overpass", Helvetica, Arial, sans-serif !important;
          font-size: 32px;
          font-weight: 700 !important;
          color: #000 !important; }
          @media (max-width: 768px) {
            main.main.primary[view="enterprise"] section.diagrams .container .diagram #dataBreachesDiagram .progressbar-text,
            main.main.primary[view="enterprise"] section.diagrams .container .diagram #averageCostofBreachDiagram .progressbar-text {
              font-size: 24px; } }
      main.main.primary[view="enterprise"] section.diagrams .container .diagram p {
        text-align: left;
        max-width: 100%;
        margin-left: 30px; }
        @media only screen and (max-width: 768px) {
          main.main.primary[view="enterprise"] section.diagrams .container .diagram p {
            font-size: 14px;
            margin-left: 0;
            margin-top: 33px;
            max-width: 220px;
            text-align: center; } }
main.main.primary[view="enterprise"] section.deployments {
  background-image: linear-gradient(-135deg, #767676 0%, #242424 100%); }
  @media (max-width: 768px) {
    main.main.primary[view="enterprise"] section.deployments {
      padding: 40px 10px; } }
  main.main.primary[view="enterprise"] section.deployments h2 {
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 16px; }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.deployments h2 {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 8px; } }
  main.main.primary[view="enterprise"] section.deployments p {
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto 56px;
    width: 1000px;
    max-width: 100%;
    margin-bottom: 56px; }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.deployments p {
        font-size: 14px;
        color: #FFFFFF;
        text-align: center;
        line-height: 18px;
        margin-bottom: 0; } }
  main.main.primary[view="enterprise"] section.deployments .image-enterprise-console-screenshot {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    margin: 0 auto;
    border-radius: 7px;
    overflow: hidden; }
  @media only screen and (max-width: 768px) {
    main.main.primary[view="enterprise"] section.deployments .image-enterprise-console-screenshot {
      display: none; } }
main.main.primary[view="enterprise"] section.why-use-keeper {
  background: #FFFFFF; }
main.main.primary[view="enterprise"] section.addons {
  background: #F9F9F9; }
@media (max-width: 768px) {
  main.main.primary[view="enterprise"] section.addons,
  main.main.primary[view="enterprise"] section.features,
  main.main.primary[view="enterprise"] section.why-use-keeper {
    padding: 40px 10px; } }
main.main.primary[view="enterprise"] section.addons .container,
main.main.primary[view="enterprise"] section.features .container,
main.main.primary[view="enterprise"] section.why-use-keeper .container {
  display: flex;
  flex-flow: row nowrap; }
@media only screen and (max-width: 768px) {
  main.main.primary[view="enterprise"] section.addons .container,
  main.main.primary[view="enterprise"] section.features .container,
  main.main.primary[view="enterprise"] section.why-use-keeper .container {
    flex-flow: column wrap; } }
main.main.primary[view="enterprise"] section.addons .container:before,
main.main.primary[view="enterprise"] section.addons .container:after,
main.main.primary[view="enterprise"] section.features .container:before,
main.main.primary[view="enterprise"] section.features .container:after,
main.main.primary[view="enterprise"] section.why-use-keeper .container:before,
main.main.primary[view="enterprise"] section.why-use-keeper .container:after {
  content: none; }
main.main.primary[view="enterprise"] section.addons .left-side,
main.main.primary[view="enterprise"] section.features .left-side,
main.main.primary[view="enterprise"] section.why-use-keeper .left-side {
  width: 30%; }
main.main.primary[view="enterprise"] section.addons .right-side,
main.main.primary[view="enterprise"] section.features .right-side,
main.main.primary[view="enterprise"] section.why-use-keeper .right-side {
  width: 70%; }
@media only screen and (max-width: 768px) {
  main.main.primary[view="enterprise"] section.addons .left-side,
  main.main.primary[view="enterprise"] section.features .left-side,
  main.main.primary[view="enterprise"] section.why-use-keeper .left-side {
    width: 100%;
    text-align: center; }
  main.main.primary[view="enterprise"] section.addons .right-side,
  main.main.primary[view="enterprise"] section.features .right-side,
  main.main.primary[view="enterprise"] section.why-use-keeper .right-side {
    width: 100%;
    text-align: center; } }
main.main.primary[view="enterprise"] section.addons h2,
main.main.primary[view="enterprise"] section.features h2,
main.main.primary[view="enterprise"] section.why-use-keeper h2 {
  color: #000000;
  padding-right: 30px;
  line-height: 28px; }
  @media only screen and (max-width: 768px) {
    main.main.primary[view="enterprise"] section.addons h2,
    main.main.primary[view="enterprise"] section.features h2,
    main.main.primary[view="enterprise"] section.why-use-keeper h2 {
      font-size: 20px;
      letter-spacing: 0;
      line-height: 24px;
      padding-right: 0;
      margin-bottom: 32px;
      font-size: 20px; } }
main.main.primary[view="enterprise"] section.addons .list-features,
main.main.primary[view="enterprise"] section.features .list-features,
main.main.primary[view="enterprise"] section.why-use-keeper .list-features {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none; }
  main.main.primary[view="enterprise"] section.addons .list-features li,
  main.main.primary[view="enterprise"] section.features .list-features li,
  main.main.primary[view="enterprise"] section.why-use-keeper .list-features li {
    width: 50%;
    margin-bottom: 56px; }
    main.main.primary[view="enterprise"] section.addons .list-features li h4,
    main.main.primary[view="enterprise"] section.features .list-features li h4,
    main.main.primary[view="enterprise"] section.why-use-keeper .list-features li h4 {
      margin-bottom: 20px;
      font-size: 22px;
      color: #000;
      line-height: 28px; }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.addons .list-features li h4,
        main.main.primary[view="enterprise"] section.features .list-features li h4,
        main.main.primary[view="enterprise"] section.why-use-keeper .list-features li h4 {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 18px; } }
    main.main.primary[view="enterprise"] section.addons .list-features li p,
    main.main.primary[view="enterprise"] section.features .list-features li p,
    main.main.primary[view="enterprise"] section.why-use-keeper .list-features li p {
      color: #000; }
      @media (max-width: 768px) {
        main.main.primary[view="enterprise"] section.addons .list-features li p,
        main.main.primary[view="enterprise"] section.features .list-features li p,
        main.main.primary[view="enterprise"] section.why-use-keeper .list-features li p {
          font-size: 14px; } }
    main.main.primary[view="enterprise"] section.addons .list-features li.pre-last, main.main.primary[view="enterprise"] section.addons .list-features li.last,
    main.main.primary[view="enterprise"] section.features .list-features li.pre-last,
    main.main.primary[view="enterprise"] section.features .list-features li.last,
    main.main.primary[view="enterprise"] section.why-use-keeper .list-features li.pre-last,
    main.main.primary[view="enterprise"] section.why-use-keeper .list-features li.last {
      margin-bottom: 0; }
    main.main.primary[view="enterprise"] section.addons .list-features li:nth-child(odd),
    main.main.primary[view="enterprise"] section.features .list-features li:nth-child(odd),
    main.main.primary[view="enterprise"] section.why-use-keeper .list-features li:nth-child(odd) {
      padding-right: 15px; }
    main.main.primary[view="enterprise"] section.addons .list-features li:nth-child(even),
    main.main.primary[view="enterprise"] section.features .list-features li:nth-child(even),
    main.main.primary[view="enterprise"] section.why-use-keeper .list-features li:nth-child(even) {
      padding-left: 15px; }
    @media (max-width: 768px) {
      main.main.primary[view="enterprise"] section.addons .list-features li.pre-last,
      main.main.primary[view="enterprise"] section.features .list-features li.pre-last,
      main.main.primary[view="enterprise"] section.why-use-keeper .list-features li.pre-last {
        margin-bottom: 32px; }
      main.main.primary[view="enterprise"] section.addons .list-features li:nth-child(odd), main.main.primary[view="enterprise"] section.addons .list-features li:nth-child(even),
      main.main.primary[view="enterprise"] section.features .list-features li:nth-child(odd),
      main.main.primary[view="enterprise"] section.features .list-features li:nth-child(even),
      main.main.primary[view="enterprise"] section.why-use-keeper .list-features li:nth-child(odd),
      main.main.primary[view="enterprise"] section.why-use-keeper .list-features li:nth-child(even) {
        padding: 0; } }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.addons .list-features li p,
      main.main.primary[view="enterprise"] section.features .list-features li p,
      main.main.primary[view="enterprise"] section.why-use-keeper .list-features li p {
        font-size: 14px;
        line-height: 18px; } }
  @media only screen and (max-width: 768px) {
    main.main.primary[view="enterprise"] section.addons .list-features li,
    main.main.primary[view="enterprise"] section.features .list-features li,
    main.main.primary[view="enterprise"] section.why-use-keeper .list-features li {
      margin-bottom: 32px;
      width: 100%; } }
main.main.primary[view="enterprise"] section.features h2 {
  color: white; }
main.main.primary[view="enterprise"] section.features .list-features li h4 {
  color: white; }
main.main.primary[view="enterprise"] section.features .list-features li p {
  color: white; }
main.main.primary[view="enterprise"] section.enterprise-plan {
  background-color: #F9F9F9; }
  main.main.primary[view="enterprise"] section.enterprise-plan h2 {
    text-align: center;
    color: #000000;
    margin-bottom: 58px;
    text-transform: capitalize; }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.enterprise-plan h2 {
        font-size: 20px;
        color: #000000;
        letter-spacing: 0;
        text-align: center;
        line-height: 24px;
        margin-bottom: 16px; } }
  main.main.primary[view="enterprise"] section.enterprise-plan .box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 1100px) {
      main.main.primary[view="enterprise"] section.enterprise-plan .box {
        padding: 48px; } }
    @media only screen and (max-width: 768px) {
      main.main.primary[view="enterprise"] section.enterprise-plan .box {
        flex-flow: column nowrap;
        padding: 36px 52px; } }
    @media only screen and (max-width: 480px) {
      main.main.primary[view="enterprise"] section.enterprise-plan .box {
        padding: 36px 20px; } }
    main.main.primary[view="enterprise"] section.enterprise-plan .box .column {
      max-width: 45%; }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.enterprise-plan .box .column {
          max-width: 100%; } }
    main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 58px; }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing {
          flex-flow: column nowrap;
          margin-bottom: 24px; } }
    main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing .price {
      font-weight: 600;
      font-size: 36px;
      color: #000000;
      text-align: right;
      line-height: 40px;
      margin-right: 24px; }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing .price {
          margin-right: 0;
          margin-bottom: 8px;
          font-size: 20px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 24px; } }
      main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing .price sup {
        font-weight: 600;
        top: 0;
        font-size: 1em; }
    main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing .cycle {
      font-weight: 300;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 22px; }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing .cycle {
          font-size: 12px;
          color: #000000;
          letter-spacing: 0;
          text-align: center;
          line-height: 16px; } }
      main.main.primary[view="enterprise"] section.enterprise-plan .box .pricing .cycle sup {
        top: 0;
        font-size: 1em; }
    main.main.primary[view="enterprise"] section.enterprise-plan .box .actions {
      display: flex; }
      @media only screen and (max-width: 768px) {
        main.main.primary[view="enterprise"] section.enterprise-plan .box .actions {
          margin-bottom: 32px;
          flex-flow: column nowrap; } }
      main.main.primary[view="enterprise"] section.enterprise-plan .box .actions .btn {
        font-weight: 600;
        min-width: 180px;
        padding: 0 15px; }
        @media only screen and (max-width: 991px) {
          main.main.primary[view="enterprise"] section.enterprise-plan .box .actions .btn {
            min-width: 160px; } }
        main.main.primary[view="enterprise"] section.enterprise-plan .box .actions .btn:first-of-type {
          margin-right: 16px; }
          @media only screen and (max-width: 768px) {
            main.main.primary[view="enterprise"] section.enterprise-plan .box .actions .btn:first-of-type {
              margin-right: auto; } }
    main.main.primary[view="enterprise"] section.enterprise-plan .box .features {
      list-style: none; }
      main.main.primary[view="enterprise"] section.enterprise-plan .box .features li {
        margin-bottom: 20px;
        padding-left: 40px;
        color: #000;
        position: relative; }
        @media only screen and (max-width: 768px) {
          main.main.primary[view="enterprise"] section.enterprise-plan .box .features li {
            padding-left: 0;
            font-size: 14px;
            letter-spacing: 0;
            text-align: center;
            line-height: 20px; } }
        main.main.primary[view="enterprise"] section.enterprise-plan .box .features li:before {
          content: '';
          display: block;
          width: 9px;
          height: 18px;
          border: 2px solid #000;
          border-left: 0;
          border-top: 0;
          position: absolute;
          left: 7px;
          top: 1px;
          transform: rotate(45deg); }
          @media only screen and (max-width: 768px) {
            main.main.primary[view="enterprise"] section.enterprise-plan .box .features li:before {
              display: none; } }
        main.main.primary[view="enterprise"] section.enterprise-plan .box .features li a {
          color: #cc9e00;
          font-weight: 300;
          transition: 0.5s ease; }
          main.main.primary[view="enterprise"] section.enterprise-plan .box .features li a:hover {
            text-decoration: none;
            color: #FFC600; }

[locale="ar_AE"] .main.primary[view="enterprise"] section.diagrams .diagram p {
  margin-left: 0;
  margin-right: 20px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="enterprise"] section.diagrams .diagram p {
      margin: 10px auto 0; } }
[locale="ar_AE"] .main.primary[view="enterprise"] section.enterprise-plan .box .features li {
  padding-right: 40px;
  padding-left: 0; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="enterprise"] section.enterprise-plan .box .features li {
      padding: 0;
      text-align: center; } }
  [locale="ar_AE"] .main.primary[view="enterprise"] section.enterprise-plan .box .features li:before {
    left: auto;
    right: 0; }
[locale="ar_AE"] .main.primary[view="enterprise"] section.enterprise-plan .box .pricing .price {
  margin-right: 0;
  margin-left: 24px; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="enterprise"] section.enterprise-plan .box .pricing .price {
      margin: 0 auto 8px; } }
[locale="ar_AE"] .main.primary[view="enterprise"] section.enterprise-plan .box .actions .btn:first-of-type {
  margin-left: 16px;
  margin-right: 0; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="enterprise"] section.enterprise-plan .box .actions .btn:first-of-type {
      margin: 0 auto; } }

@media (max-width: 768px) {
  .main[view="events"] .box {
    padding: 48px 20px; } }
.main[view="events"] .events {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between; }
  .main[view="events"] .events .event {
    width: 100%;
    height: 164px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
    padding: 0 45px; }
    @media (max-width: 991px) {
      .main[view="events"] .events .event {
        width: 100%;
        margin-bottom: 20px;
        height: auto; } }
    @media (max-width: 768px) {
      .main[view="events"] .events .event {
        padding: 40px 20px; } }
    @media (max-width: 767px) {
      .main[view="events"] .events .event {
        flex-flow: column nowrap; } }
    .main[view="events"] .events .event .eventLogoCol {
      width: 20%;
      min-width: 296px;
      max-width: 100%;
      display: flex;
      align-content: center;
      align-items: center;
      background-position: left center;
      background-size: contain;
      background-repeat: no-repeat; }
      @media (max-width: 991px) {
        .main[view="events"] .events .event .eventLogoCol {
          min-width: 200px; } }
      @media (max-width: 767px) {
        .main[view="events"] .events .event .eventLogoCol {
          width: 100%;
          background-position: center; } }
      .main[view="events"] .events .event .eventLogoCol a.eventLogo {
        display: block;
        max-width: 100%;
        width: 100%;
        height: 84px; }
        @media (max-width: 767px) {
          .main[view="events"] .events .event .eventLogoCol a.eventLogo {
            text-align: center;
            width: 100%;
            height: 60px;
            margin-bottom: 24px; } }
    .main[view="events"] .events .event .eventNameCol {
      display: flex;
      align-content: center;
      align-items: center;
      text-align: center;
      flex-flow: column nowrap; }
      .main[view="events"] .events .event .eventNameCol h2 {
        color: #000; }
        @media (max-width: 991px) {
          .main[view="events"] .events .event .eventNameCol h2 {
            font-size: 20px !important; } }
        @media (max-width: 767px) {
          .main[view="events"] .events .event .eventNameCol h2 {
            font-size: 18px !important; } }
        @media (max-width: 414px) {
          .main[view="events"] .events .event .eventNameCol h2 {
            font-size: 16px !important; } }
    .main[view="events"] .events .event .eventCTACol {
      display: flex;
      justify-content: flex-end;
      align-content: center;
      align-items: center;
      width: 20%;
      min-width: 296px;
      max-width: 100%; }
      @media (max-width: 991px) {
        .main[view="events"] .events .event .eventCTACol {
          min-width: 200px; } }
      @media (max-width: 767px) {
        .main[view="events"] .events .event .eventCTACol {
          width: 100%;
          margin-top: 24px; } }
      .main[view="events"] .events .event .eventCTACol .btn {
        max-width: 100%;
        font-weight: 600; }

@media only screen and (min-width: 415px) and (max-width: 768px) {
  .main[view="about"] #boardOfDirectors .list-members li a.linkedIn {
    bottom: 0; } }
.main[view="about"] .image-peter {
  height: 160px;
  width: 160px;
  background-image: url(../assets/images/enterprise/2x/peter@2x.jpg); }
.main[view="about"] .image-tom {
  height: 160px;
  width: 160px;
  background-image: url(../assets/images/enterprise/2x/tom@2x.jpg); }
@media (max-width: 414px) {
  .main[view="about"] .image-peter,
  .main[view="about"] .image-tom {
    width: 104px;
    height: 104px; } }
.main[view="about"] .box {
  padding: 48px; }
  @media (max-width: 768px) {
    .main[view="about"] .box {
      padding: 40px 20px; } }
  .main[view="about"] .box h2 {
    color: #000;
    font-size: 26px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -0.81px; }
.main[view="about"] .bio {
  width: 65%;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    .main[view="about"] .bio {
      width: 80%;
      text-align: center;
      margin: 0 auto;
      margin-top: 40px;
      display: block; } }
.main[view="about"] #adam.box {
  padding: 48px 120px 48px 48px; }
  @media (max-width: 960px) {
    .main[view="about"] #adam.box {
      padding: 48px; } }
  @media (max-width: 640px) {
    .main[view="about"] #adam.box {
      padding: 48px 30px; } }
  @media only screen and (max-width: 768px) {
    .main[view="about"] #adam.box .bio {
      width: 100%; } }
.main[view="about"] .section-about .section-head {
  margin-bottom: 30px; }
.main[view="about"] .section .section-head {
  border: none; }
.main[view="about"] .person {
  width: 30%;
  margin-right: 40px; }
  @media only screen and (max-width: 960px) {
    .main[view="about"] .person {
      width: 40%; } }
  @media only screen and (max-width: 768px) {
    .main[view="about"] .person {
      width: 100%;
      margin-right: 0px; } }
.main[view="about"] .list-members {
  margin: 0 -10px;
  font-size: 18px;
  text-align: center; }
  .main[view="about"] .list-members li {
    padding-bottom: 25px;
    display: inline-block;
    width: 100%;
    max-width: 24%;
    margin: 20px 40px 40px;
    min-height: 330px;
    vertical-align: top;
    font-size: 18px;
    position: relative; }
    @media (max-width: 1024px) {
      .main[view="about"] .list-members li {
        max-width: 28%;
        margin: 20px 20px 40px; } }
    @media (max-width: 960px) {
      .main[view="about"] .list-members li {
        max-width: 26%; } }
    @media (max-width: 768px) {
      .main[view="about"] .list-members li {
        font-size: 14px;
        font-weight: 300; } }
    @media (max-width: 767px) {
      .main[view="about"] .list-members li {
        max-width: 45%; } }
    @media (max-width: 640px) {
      .main[view="about"] .list-members li {
        max-width: 90%;
        margin: 0 0 60px; } }
    @media (max-width: 480px) {
      .main[view="about"] .list-members li {
        margin: 0 0 10px; } }
  .main[view="about"] .list-members strong {
    display: block;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 600; }
    @media (max-width: 768px) {
      .main[view="about"] .list-members strong {
        font-size: 14px;
        font-weight: 600; } }
    @media (max-width: 480px) {
      .main[view="about"] .list-members strong {
        padding-bottom: 0; } }
  .main[view="about"] .list-members span {
    display: block;
    margin-top: 12px;
    font-size: 18px; }
    @media (max-width: 768px) {
      .main[view="about"] .list-members span {
        font-size: 14px;
        margin-top: 0px; } }
  .main[view="about"] .list-members a.linkedIn {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -9px; }
  .main[view="about"] .list-members .image {
    display: block;
    margin: 0 auto 14px; }
  .main[view="about"] .list-members .person-adam {
    max-width: none;
    width: 100%;
    display: flex;
    margin: 0;
    max-width: none;
    position: relative; }
    @media (max-width: 1023px) {
      .main[view="about"] .list-members .person-adam {
        margin: 0px;
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .main[view="about"] .list-members .person-adam {
        display: block; } }
    .main[view="about"] .list-members .person-adam .person {
      position: relative; }
      @media (max-width: 640px) {
        .main[view="about"] .list-members .person-adam .person {
          min-height: 220px; } }
      .main[view="about"] .list-members .person-adam .person a.linkedIn {
        display: block;
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: -9px; }
    .main[view="about"] .list-members .person-adam .bio a {
      display: inline-block;
      margin-top: 0; }
.main[view="about"] #ourLeadership .section-head {
  max-width: 930px; }
.main[view="about"] #ourLeadership .list-members li {
  min-height: 290px; }
@media only screen and (max-width: 768px) {
  .main[view="about"] #boardOfDirectors .list-members li {
    min-height: 280px;
    margin-bottom: 40px; } }
@media only screen and (max-width: 768px) {
  .main[view="about"] #boardOfDirectors .list-members a.linkedIn {
    bottom: 35px; } }
.main[view="about"] .section-locations {
  margin-bottom: 5px; }
  .main[view="about"] .section-locations a {
    display: block;
    min-width: 240px;
    display: inline-block;
    margin: 0 auto; }
.main[view="about"] .list-locations li {
  font-size: 22px;
  font-weight: 600; }
  .main[view="about"] .list-locations li span {
    font-size: 18px;
    font-weight: 300;
    margin-top: 8px; }
  @media (max-width: 768px) {
    .main[view="about"] .list-locations li {
      font-size: 14px; }
      .main[view="about"] .list-locations li span {
        font-size: 14px; } }
@media (max-width: 414px) {
  .main[view="about"] #ourLeadership .list-members li {
    min-height: 230px; }
  .main[view="about"] .list-members .person-adam .person {
    min-height: 170px; }
  .main[view="about"] .list-members .person-adam .person a.linkedIn {
    top: 150px; } }

[locale="ar_AE"] .main[view="about"] .person {
  margin-right: 0;
  margin-left: 40px; }
[locale="ar_AE"] .main[view="about"] .box p {
  text-align: right; }
[locale="ar_AE"] .main[view="about"] #boardOfDirectors p,
[locale="ar_AE"] .main[view="about"] #ourLeadership p {
  text-align: center; }
[locale="ar_AE"] .main[view="about"] .list-locations li + li {
  margin-right: 0; }

[locale="ru_RU"] .main[view="about"] #ourLeadership .list-members li {
  min-height: 310px; }
[locale="ru_RU"] .main[view="about"] #boardOfDirectors .list-members:first-child li {
  min-height: 360px; }

main[view="security"].main b, main[view="security"].main strong {
  font-weight: 600; }
main[view="security"].main p a {
  color: #CF9F24; }
  @media (max-width: 360px) {
    main[view="security"].main p a {
      font-size: 15px; } }
  @media (max-width: 320px) {
    main[view="security"].main p a {
      font-size: 14px; } }
  main[view="security"].main p a:hover {
    text-decoration: underline; }
main[view="security"].main ol {
  margin: 15px 0 15px 23px; }
  main[view="security"].main ol li {
    font-size: 22px;
    margin: 15px 0; }
    @media (max-width: 768px) {
      main[view="security"].main ol li {
        font-size: 16px; } }
main[view="security"].main .list-links li + li {
  margin-left: 16px; }
  @media (max-width: 768px) {
    main[view="security"].main .list-links li + li {
      margin-left: auto; } }
main[view="security"].main img {
  margin-top: 40px; }
main[view="security"].main img#trustwaveSealImage {
  pointer-events: auto;
  cursor: pointer; }
main[view="security"].main .intro h1 {
  margin-top: 30px; }
  @media (max-width: 768px) {
    main[view="security"].main .intro h1 {
      margin-top: 0; } }
main[view="security"].main h3 {
  margin-bottom: 10px; }
main[view="security"].main .box {
  padding: 48px; }
  @media (max-width: 768px) {
    main[view="security"].main .box {
      margin: 16px 0 0;
      padding: 40px 20px; } }
  @media (max-width: 640px) {
    main[view="security"].main .box {
      padding: 24px;
      margin: 16px 0 0; } }
main[view="security"].main nav.nav-secondary {
  display: block;
  position: relative;
  background: #0D4A8E;
  color: #fff; }
  main[view="security"].main nav.nav-secondary ul {
    text-align: center;
    padding: 0;
    margin: 0; }
    main[view="security"].main nav.nav-secondary ul li {
      width: 15.655%;
      display: inline-block; }
      main[view="security"].main nav.nav-secondary ul li a {
        display: block;
        color: rgba(255, 255, 255, 0.5);
        padding: 19px 0;
        font-size: 16px;
        font-weight: 600; }
        main[view="security"].main nav.nav-secondary ul li a:hover {
          color: rgba(255, 255, 255, 0.75); }
        main[view="security"].main nav.nav-secondary ul li a.active {
          color: #fff; }
      main[view="security"].main nav.nav-secondary ul li:first-child a {
        padding-left: 0; }
      main[view="security"].main nav.nav-secondary ul li:last-child a {
        padding-right: 0; }
  main[view="security"].main nav.nav-secondary.stickyNav {
    position: fixed;
    top: 64px;
    display: block;
    width: 100%;
    z-index: 10; }
  main[view="security"].main nav.nav-secondary.stickyNav + .main-content {
    padding-top: 84px; }
main[view="security"].main #bestInClass #bestInClassPoints {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  main[view="security"].main #bestInClass #bestInClassPoints .thePoint {
    width: 48%; }
    @media (max-width: 768px) {
      main[view="security"].main #bestInClass #bestInClassPoints .thePoint {
        width: 100%; }
        main[view="security"].main #bestInClass #bestInClassPoints .thePoint.masterPassword {
          order: 1; }
        main[view="security"].main #bestInClass #bestInClassPoints .thePoint.deepLevelEncrypt {
          order: 4; }
        main[view="security"].main #bestInClass #bestInClassPoints .thePoint.strongestEncryption {
          order: 2; }
        main[view="security"].main #bestInClass #bestInClassPoints .thePoint.multiFactorAuth {
          order: 5; }
        main[view="security"].main #bestInClass #bestInClassPoints .thePoint.secureCloudVault {
          order: 3; } }
@media (max-width: 1199px) {
  main[view="security"].main nav.nav-secondary:not(.nav-teritary) {
    height: 64px; }
  main[view="security"].main nav.nav-secondary:not(.nav-teritary) ul {
    display: block; }
    main[view="security"].main nav.nav-secondary:not(.nav-teritary) ul li {
      float: none;
      width: auto; }
      main[view="security"].main nav.nav-secondary:not(.nav-teritary) ul li a {
        padding: 19px; }
      main[view="security"].main nav.nav-secondary:not(.nav-teritary) ul li:first-child a {
        padding-left: 0; }
      main[view="security"].main nav.nav-secondary:not(.nav-teritary) ul li:last-child a {
        padding-right: 0; } }
@media (max-width: 1024px) {
  main[view="security"].main nav.nav-secondary:not(.nav-teritary) ul li a {
    padding: 19px 16px; } }
@media (max-width: 1023px) {
  main[view="security"].main #bestInClass {
    margin-top: 18px; }
  main[view="security"].main nav.nav-secondary:not(.nav-teritary) {
    display: none; } }
@media (max-width: 768px) {
  main[view="security"].main nav.nav-secondary.stickyNav + .main-content {
    padding-top: 0; } }
main[view="security"].main ul.list-links {
  display: block;
  margin: 20px 0;
  padding: 0; }
main[view="security"].main h2 {
  color: #000;
  font-size: 26px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -0.81px; }
  @media (max-width: 768px) {
    main[view="security"].main h2 {
      font-size: 18px; } }
main[view="security"].main h3 {
  font-size: 20px;
  letter-spacing: -0.22px;
  line-height: 28px;
  margin-top: 40px; }
  @media (max-width: 768px) {
    main[view="security"].main h3 {
      font-size: 14px; } }
main[view="security"].main .list-securities {
  padding: 40px 15% 0;
  font-size: 18px; }
  @media (max-width: 1200px) {
    main[view="security"].main .list-securities {
      padding: 40px 0 0; } }
main[view="security"].main #overview h2,
main[view="security"].main #data h2,
main[view="security"].main #encryption h2,
main[view="security"].main #network h2,
main[view="security"].main #reporting h2 {
  margin-bottom: 40px; }
main[view="security"].main #network ul {
  list-style-type: none;
  margin: 32px 0;
  padding: 0; }
  main[view="security"].main #network ul li {
    margin: 0;
    padding: 0; }
    @media (max-width: 640px) {
      main[view="security"].main #network ul li {
        font-size: 14px;
        line-height: 1.6em; } }
  @media (max-width: 1100px) {
    main[view="security"].main #network ul.list-certificates li {
      width: 100%;
      float: none;
      clear: both; } }
  @media (max-width: 768px) {
    main[view="security"].main #network ul.list-certificates li {
      font-size: 14px; } }
  @media (max-width: 480px) {
    main[view="security"].main #network ul.list-certificates li {
      font-size: 13px; } }
  @media (max-width: 425px) {
    main[view="security"].main #network ul.list-certificates li {
      font-size: 12px; } }
  @media (max-width: 360px) {
    main[view="security"].main #network ul.list-certificates li {
      font-size: 11px; } }
  @media (max-width: 330px) {
    main[view="security"].main #network ul.list-certificates li {
      font-size: 10px; } }
main[view="security"].main #reporting {
  margin-bottom: 5px; }
  main[view="security"].main #reporting ul {
    list-style-type: none;
    margin: 40px 0 20px 0;
    padding: 0; }
    main[view="security"].main #reporting ul li {
      margin: 0;
      font-size: 22px;
      padding: 0 0 0 32px;
      position: relative;
      line-height: 36px; }
      main[view="security"].main #reporting ul li:before {
        content: '';
        display: block;
        width: 24px;
        height: 38px;
        position: absolute;
        left: 0;
        top: 0;
        background: url("/assets/images/translated/security_graphics/ico-bullet.svg") no-repeat center/contain; }
      @media (max-width: 768px) {
        main[view="security"].main #reporting ul li {
          font-size: 14px;
          line-height: 1.6em; }
          main[view="security"].main #reporting ul li:before {
            height: 24px; } }

@media only screen and (min-width: 768px) {
  [locale="de_DE"] main[view="security"].main .intro p {
    width: 60%;
    margin: 0 auto; }

  [locale="de_DE"] main[view="security"].main nav.nav-secondary ul {
    display: flex;
    align-items: center; } }
html[locale="ar_AE"] main[view="security"].main #reporting ul li {
  padding: 0 32px 0 0; }
  html[locale="ar_AE"] main[view="security"].main #reporting ul li:before {
    left: auto;
    right: 0;
    transform: rotate(180deg); }

.schedule-demo .appearDisabled {
  opacity: 0.5;
  pointer-events: none; }
.schedule-demo p.redWarning {
  font-size: 16px;
  color: #F7324A;
  width: 540px;
  max-width: 100%;
  margin: 0 auto 32px;
  display: none; }
  @media (max-width: 768px) {
    .schedule-demo p.redWarning {
      text-align: left; } }
  .schedule-demo p.redWarning.active {
    display: block; }
@media (max-width: 414px) {
  .schedule-demo #submitButton {
    width: 100%; } }
.schedule-demo .mfp-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
  background-color: black; }
.schedule-demo .mfp-wrap .mfp-close:after, .schedule-demo .mfp-wrap .mfp-close:before {
  top: 0; }

@media (max-width: 991px) {
  .main.secondary[view="scheduleDemo"] .intro {
    padding: 40px 0; } }
.main.secondary[view="scheduleDemo"] .intro .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }
  @media (max-width: 991px) {
    .main.secondary[view="scheduleDemo"] .intro .container {
      flex-flow: column nowrap; } }
  .main.secondary[view="scheduleDemo"] .intro .container .intro-content {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    text-align: left; }
    .main.secondary[view="scheduleDemo"] .intro .container .intro-content h1 {
      font-size: 32px !important;
      text-align: center;
      margin-bottom: 0; }
      @media (max-width: 991px) {
        .main.secondary[view="scheduleDemo"] .intro .container .intro-content h1 {
          font-size: 20px !important; } }
    .main.secondary[view="scheduleDemo"] .intro .container .intro-content p {
      margin-bottom: 24px; }
      @media (max-width: 640px) {
        .main.secondary[view="scheduleDemo"] .intro .container .intro-content p {
          margin-bottom: 0;
          font-size: 14px !important; } }
    @media (max-width: 1200px) {
      .main.secondary[view="scheduleDemo"] .intro .container .intro-content {
        padding: 25px 5% 25px 0; } }
    @media (max-width: 1024px) {
      .main.secondary[view="scheduleDemo"] .intro .container .intro-content {
        padding: 25px 36px 25px 0; } }
    @media (max-width: 991px) {
      .main.secondary[view="scheduleDemo"] .intro .container .intro-content {
        width: 100%;
        text-align: center;
        padding: 0; } }
    @media (max-width: 640px) {
      .main.secondary[view="scheduleDemo"] .intro .container .intro-content {
        padding: 0;
        text-align: center; } }
    .main.secondary[view="scheduleDemo"] .intro .container .intro-content .actions {
      margin: 0; }
      @media (max-width: 991px) {
        .main.secondary[view="scheduleDemo"] .intro .container .intro-content .actions {
          margin: 24px 0 48px; } }
      .main.secondary[view="scheduleDemo"] .intro .container .intro-content .actions a {
        color: #FFC600;
        text-decoration: none;
        font-size: 20px;
        line-height: 24px; }
        @media (max-width: 991px) {
          .main.secondary[view="scheduleDemo"] .intro .container .intro-content .actions a {
            font-size: 16px; } }
        .main.secondary[view="scheduleDemo"] .intro .container .intro-content .actions a i {
          margin-top: -4px; }
          @media (max-width: 991px) {
            .main.secondary[view="scheduleDemo"] .intro .container .intro-content .actions a i {
              width: 16px;
              height: 16px;
              margin-top: -2px; } }
  .main.secondary[view="scheduleDemo"] .intro .container .intro-video {
    width: 50%;
    display: flex;
    flex-flow: column nowrap;
    align-content: center;
    padding: 0;
    border-radius: 6px 6px 0 0;
    overflow: hidden; }
    @media (max-width: 991px) {
      .main.secondary[view="scheduleDemo"] .intro .container .intro-video {
        width: 100%; } }
    @media (max-width: 640px) {
      .main.secondary[view="scheduleDemo"] .intro .container .intro-video {
        display: none; } }
    .main.secondary[view="scheduleDemo"] .intro .container .intro-video .videoContainer {
      display: block;
      width: 100%;
      height: 0;
      padding-top: 53%;
      position: relative; }
      .main.secondary[view="scheduleDemo"] .intro .container .intro-video .videoContainer video {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
.main.secondary[view="scheduleDemo"] .content {
  padding-top: 24px !important; }
.main.secondary[view="scheduleDemo"] .box {
  padding: 48px; }
  @media (max-width: 768px) {
    .main.secondary[view="scheduleDemo"] .box {
      padding: 40px 20px; } }
  .main.secondary[view="scheduleDemo"] .box h3 {
    font-size: 28px;
    font-weight: 600; }
    @media (max-width: 768px) {
      .main.secondary[view="scheduleDemo"] .box h3 {
        font-size: 18px; } }
  .main.secondary[view="scheduleDemo"] .box p {
    font-size: 22px; }
    @media (max-width: 768px) {
      .main.secondary[view="scheduleDemo"] .box p {
        font-size: 14px; } }
.main.secondary[view="scheduleDemo"] #learningOptions {
  padding: 56px 115px; }
  @media (max-width: 1440px) {
    .main.secondary[view="scheduleDemo"] #learningOptions {
      padding: 48px; } }
  @media (max-width: 425px) {
    .main.secondary[view="scheduleDemo"] #learningOptions {
      padding: 32px 16px; } }
  .main.secondary[view="scheduleDemo"] #learningOptions h2 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 8px; }
    @media (max-width: 768px) {
      .main.secondary[view="scheduleDemo"] #learningOptions h2 {
        font-size: 20px;
        margin-bottom: 32px; } }
    .main.secondary[view="scheduleDemo"] #learningOptions h2 + p {
      text-align: center;
      margin-bottom: 56px; }
  @media (max-width: 768px) {
    .main.secondary[view="scheduleDemo"] #learningOptions p {
      padding-bottom: 0; } }
  .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions {
        flex-flow: column nowrap; } }
    .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li {
      width: 30%;
      position: relative;
      padding-bottom: 70px; }
      @media (max-width: 991px) {
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li {
          width: 100%; } }
      @media (max-width: 991px) {
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li:not(:last-child) {
          margin-bottom: 40px; } }
      @media (max-width: 425px) {
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li:not(:last-child) {
          margin-bottom: 48px; } }
      @media (max-width: 768px) {
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li {
          padding-bottom: 64px; } }
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-blue,
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green,
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-yellow {
        width: 100%; }
        @media (max-width: 768px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-blue,
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green,
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-yellow {
            margin-top: 20px; } }
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-blue li,
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green li,
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-yellow li {
          width: 100%;
          padding-bottom: 10px;
          font-size: 18px; }
          @media (max-width: 768px) {
            .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-blue li,
            .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green li,
            .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-yellow li {
              font-size: 14px; }
              .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-blue li:not(:last-child),
              .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green li:not(:last-child),
              .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-yellow li:not(:last-child) {
                padding-bottom: 12px;
                margin-bottom: 0; } }
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green {
        min-height: 136px; }
        @media (max-width: 1024px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green {
            min-height: 160px; } }
        @media (max-width: 768px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li ul.list-arrows-green {
            min-height: auto; } }
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 {
        font-size: 22px;
        margin-bottom: 16px; }
        @media (max-width: 768px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 {
            font-size: 18px;
            margin-bottom: 0; } }
        @media (max-width: 1024px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 {
            font-size: 18px; } }
        @media (max-width: 768px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 {
            font-size: 22px; }
            .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 + p {
              margin-bottom: 40px; } }
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 .icon {
          margin-right: 20px; }
          @media (max-width: 1024px) {
            .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 .icon {
              margin-right: 10px; } }
          @media (max-width: 768px) {
            .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li h4 .icon {
              width: 30px;
              height: 30px;
              margin-top: -4px; } }
      @media (max-width: 1024px) {
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p {
          font-size: 18px; } }
      @media (max-width: 768px) {
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p {
          font-size: 16px; } }
      @media (max-width: 640px) {
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p {
          font-size: 14px !important; } }
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p small {
        font-size: 18px;
        line-height: 1em; }
        @media (max-width: 768px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p small {
            font-size: 14px; } }
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p small strong {
          font-weight: 600; }
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p small.smBlue {
          color: #1B78E0; }
        .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li p small.smGreen {
          color: #21c800; }
      .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li .btn {
        position: absolute;
        left: 0;
        bottom: 0;
        min-width: 260px;
        max-width: 100%; }
        @media (max-width: 425px) {
          .main.secondary[view="scheduleDemo"] #learningOptions #listLearningOptions li .btn {
            width: 100%; } }
.main.secondary[view="scheduleDemo"] #salesPoints {
  padding: 56px 13%;
  margin-bottom: 5px; }
  @media (max-width: 1200px) {
    .main.secondary[view="scheduleDemo"] #salesPoints {
      padding: 48px; } }
  @media (max-width: 425px) {
    .main.secondary[view="scheduleDemo"] #salesPoints {
      padding: 32px 16px; } }
  .main.secondary[view="scheduleDemo"] #salesPoints h2 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 56px; }
    @media (max-width: 768px) {
      .main.secondary[view="scheduleDemo"] #salesPoints h2 {
        font-size: 20px; } }
  .main.secondary[view="scheduleDemo"] #salesPoints h4 {
    font-size: 22px;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      .main.secondary[view="scheduleDemo"] #salesPoints h4 {
        padding-left: 20px; } }
    @media (max-width: 640px) {
      .main.secondary[view="scheduleDemo"] #salesPoints h4 {
        font-size: 14px !important; } }
  @media (max-width: 640px) {
    .main.secondary[view="scheduleDemo"] #salesPoints p {
      font-size: 14px !important; } }
  .main.secondary[view="scheduleDemo"] #salesPoints ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .main.secondary[view="scheduleDemo"] #salesPoints ul {
        flex-flow: column nowrap; } }
    .main.secondary[view="scheduleDemo"] #salesPoints ul.list-arrows-blue > li:before {
      top: 11px; }
      @media (max-width: 768px) {
        .main.secondary[view="scheduleDemo"] #salesPoints ul.list-arrows-blue > li:before {
          top: 6px; } }
    .main.secondary[view="scheduleDemo"] #salesPoints ul li {
      width: 45%; }
      @media (max-width: 991px) {
        .main.secondary[view="scheduleDemo"] #salesPoints ul li {
          width: 100%; }
          .main.secondary[view="scheduleDemo"] #salesPoints ul li:not(:last-child) {
            margin-bottom: 40px; } }
      @media (max-width: 768px) {
        .main.secondary[view="scheduleDemo"] #salesPoints ul li {
          padding-left: 0; }
          .main.secondary[view="scheduleDemo"] #salesPoints ul li:not(:last-child) {
            margin-bottom: 0; } }
.main.secondary[view="scheduleDemo"] + [component=lightbox] label[for=privacy] a {
  color: #1B78E0; }

#tourForm h3 + p {
  font-size: 18px;
  margin-top: 30px; }
  @media (max-width: 414px) {
    #tourForm h3 + p {
      text-align: left; } }
#tourForm .radio-nav {
  margin: 14px auto 32px;
  text-align: center; }
  @media (max-width: 768px) {
    #tourForm .radio-nav {
      width: 50%; } }
  @media (max-width: 640px) {
    #tourForm .radio-nav {
      width: 60%; } }
  @media (max-width: 480px) {
    #tourForm .radio-nav {
      width: 100%; } }
  @media (max-width: 768px) {
    #tourForm .radio-nav label.mdl-radio {
      width: 100%;
      text-align: left;
      height: auto;
      margin-right: 0;
      margin-bottom: 10px; } }

#onDemandVideoPopUp {
  height: auto;
  padding: 24px; }
  @media (max-width: 1024px) {
    #onDemandVideoPopUp {
      width: 94%;
      margin-left: 0; } }
  @media (max-width: 860px) {
    #onDemandVideoPopUp {
      min-height: auto; } }
  @media (max-width: 640px) {
    #onDemandVideoPopUp {
      background: #fff; } }
  #onDemandVideoPopUp .mfp-close {
    top: 12px; }
    @media (max-width: 640px) {
      #onDemandVideoPopUp .mfp-close {
        top: 32px; } }
  #onDemandVideoPopUp h3 {
    text-align: center;
    line-height: 42px;
    margin: 16px 0 8px; }
    @media (max-width: 640px) {
      #onDemandVideoPopUp h3 {
        margin-top: 0;
        text-align: left; } }
  #onDemandVideoPopUp p {
    text-align: center;
    width: 640px;
    max-width: 100%;
    margin: 0 auto 44px; }
    @media (max-width: 640px) {
      #onDemandVideoPopUp p {
        font-size: 16px;
        text-align: left; } }
    #onDemandVideoPopUp p a {
      color: #1B78E0;
      text-decoration: none;
      font-weight: 600; }
      #onDemandVideoPopUp p a:hover {
        text-decoration: none; }
  #onDemandVideoPopUp .mfp-close:after,
  #onDemandVideoPopUp .mfp-close:before {
    background: #000 !important; }
  #onDemandVideoPopUp .mfp-iframe-scaler button {
    display: none; }

[locale="ar_AE"] .intro .container .intro-content {
  text-align: right !important; }
[locale="ar_AE"] #learningOptions #listLearningOptions li h4 .icon {
  margin-right: 0 !important;
  margin-left: 20px; }

.main[view="scheduleDemoThankyou"] .tab.active {
  display: block; }
.main[view="scheduleDemoThankyou"] .intro .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }
  @media (max-width: 991px) {
    .main[view="scheduleDemoThankyou"] .intro .container {
      flex-flow: column nowrap; } }
  .main[view="scheduleDemoThankyou"] .intro .container .intro-content {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 25px 17%;
    text-align: center; }
    @media (max-width: 1440px) {
      .main[view="scheduleDemoThankyou"] .intro .container .intro-content {
        padding: 25px 15%; } }
    @media (max-width: 1300px) {
      .main[view="scheduleDemoThankyou"] .intro .container .intro-content {
        padding: 25px 10%; } }
    @media (max-width: 1024px) {
      .main[view="scheduleDemoThankyou"] .intro .container .intro-content {
        padding: 25px 0; } }
    .main[view="scheduleDemoThankyou"] .intro .container .intro-content img {
      margin: 0 auto; }
.main[view="scheduleDemoThankyou"] .box h3 {
  font-size: 28px; }
  @media (max-width: 768px) {
    .main[view="scheduleDemoThankyou"] .box h3 {
      font-size: 18px; } }
@media (max-width: 768px) {
  .main[view="scheduleDemoThankyou"] .box p {
    font-size: 14px; } }
.main[view="scheduleDemoThankyou"] #getFreeReport.box {
  padding: 48px 20%; }
  @media (max-width: 768px) {
    .main[view="scheduleDemoThankyou"] #getFreeReport.box {
      padding: 48px 20px; } }
  .main[view="scheduleDemoThankyou"] #getFreeReport.box h2 {
    text-align: center;
    color: #000;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .main[view="scheduleDemoThankyou"] #getFreeReport.box h2 {
        font-size: 18px; } }
  .main[view="scheduleDemoThankyou"] #getFreeReport.box p {
    text-align: center; }
  .main[view="scheduleDemoThankyou"] #getFreeReport.box div.actions {
    display: block;
    text-align: center; }
    .main[view="scheduleDemoThankyou"] #getFreeReport.box div.actions .btn {
      display: inline-block;
      padding: 0 10px; }
.main[view="scheduleDemoThankyou"] #faqs .actions .btn.btn-yellow {
  background: none;
  min-width: 176px;
  font-size: 14px;
  border: 2px solid #CF9F24; }

.main[view="branding"].secondary .intro h1 {
  margin-top: 0; }
.main[view="branding"].secondary .intro p {
  width: 900px;
  max-width: 100%;
  margin: 0 auto 32px; }
  @media screen and (max-width: 768px) {
    .main[view="branding"].secondary .intro p {
      margin-bottom: 0; } }
.main[view="branding"].secondary .intro .btn.btn-yellow .ico-download {
  background-image: url(../assets/images/Icons/2x/ico-download-secondary@2x.png); }
@media screen and (max-width: 768px) {
  .main[view="branding"].secondary .intro .btn.btn-yellow {
    min-width: 200px; } }
@media screen and (max-width: 768px) {
  .main[view="branding"].secondary .intro .intro-actions {
    display: none; } }
@media screen and (min-width: 768px) {
  .main[view="branding"] .intro .btn {
    min-width: 300px; } }
.main[view="branding"] .box {
  text-align: center; }
.main[view="branding"] h2 {
  color: #000;
  width: 830px;
  max-width: 100%;
  margin: 0 auto 20px; }
  @media (max-width: 1024px) {
    .main[view="branding"] h2 {
      font-size: 22px; } }
.main[view="branding"] p {
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .main[view="branding"] p {
      font-size: 18px; } }
.main[view="branding"] #logoMarks p,
.main[view="branding"] #legacyMarks p {
  width: 830px;
  max-width: 100%; }
.main[view="branding"] #logoMarks ul.brandLogos,
.main[view="branding"] #legacyMarks ul.brandLogos {
  display: block;
  width: 1056px;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
  margin-top: 35px; }
  .main[view="branding"] #logoMarks ul.brandLogos li,
  .main[view="branding"] #legacyMarks ul.brandLogos li {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: 72px;
    text-align: center;
    margin: 16px 0; }
.main[view="branding"] #fonts p {
  width: 830px;
  max-width: 100%; }
.main[view="branding"] #fonts ul.fontWeightsList {
  display: block;
  margin: 30px auto 0;
  max-width: 100%;
  text-align: center; }
  .main[view="branding"] #fonts ul.fontWeightsList li {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    text-align: center;
    margin: 16px 0;
    font-size: 48px;
    line-height: 40px; }
    @media (max-width: 768px) {
      .main[view="branding"] #fonts ul.fontWeightsList li {
        font-size: 36px;
        width: 100px; } }
    @media (max-width: 640px) {
      .main[view="branding"] #fonts ul.fontWeightsList li {
        width: 49%; } }
    .main[view="branding"] #fonts ul.fontWeightsList li:first-child {
      font-weight: 300; }
    .main[view="branding"] #fonts ul.fontWeightsList li:nth-child(2) {
      font-weight: 300; }
    .main[view="branding"] #fonts ul.fontWeightsList li:nth-child(3) {
      font-weight: 300; }
    .main[view="branding"] #fonts ul.fontWeightsList li:last-child {
      font-weight: 600; }
    .main[view="branding"] #fonts ul.fontWeightsList li small {
      font-weight: 300;
      font-size: 18px; }
      @media (max-width: 640px) {
        .main[view="branding"] #fonts ul.fontWeightsList li small {
          font-size: 14px; } }
.main[view="branding"] #colors {
  padding-bottom: 0; }
  .main[view="branding"] #colors ul.colorSwatches {
    display: block;
    width: 950px;
    margin: 30px auto 0;
    max-width: 100%;
    text-align: center; }
    .main[view="branding"] #colors ul.colorSwatches li {
      display: inline-block;
      vertical-align: top;
      width: 180px;
      text-align: center;
      margin: 20px 0 40px;
      font-size: 18px;
      font-weight: 300;
      line-height: 24px; }
      @media (max-width: 768px) {
        .main[view="branding"] #colors ul.colorSwatches li {
          font-size: 14px; } }
      @media (max-width: 460px) {
        .main[view="branding"] #colors ul.colorSwatches li {
          width: 49%; } }
      .main[view="branding"] #colors ul.colorSwatches li .swatch {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 4px;
        margin: 0 auto 16px; }
.main[view="branding"] #terms {
  margin-bottom: 5px; }

[locale="ar_AE"] .main[view="branding"] #fonts p {
  width: 880px; }

main.main.secondary[view="sso-connect"] {
  padding-bottom: 0; }
  main.main.secondary[view="sso-connect"] .intro .container {
    max-width: 900px; }
  main.main.secondary[view="sso-connect"] h2 {
    color: #000;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] h2 {
        font-size: 22px;
        margin-bottom: 20px; } }
  main.main.secondary[view="sso-connect"] h3 {
    font-size: 22px;
    margin-bottom: 12px; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] h3 {
        font-size: 18px; } }
  main.main.secondary[view="sso-connect"] p {
    margin-bottom: 30px; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] p {
        font-size: 14px;
        margin-bottom: 20px; } }
    main.main.secondary[view="sso-connect"] p.underWide {
      width: 900px;
      max-width: 100%;
      margin: 0 auto 48px; }
    main.main.secondary[view="sso-connect"] p.imageCentered {
      text-align: center; }
      main.main.secondary[view="sso-connect"] p.imageCentered img {
        display: block;
        margin: 0 auto; }
  main.main.secondary[view="sso-connect"] img {
    max-width: 100%; }
  main.main.secondary[view="sso-connect"] .btn.btn-white.active {
    background: #fff;
    color: #1B78E0; }
  main.main.secondary[view="sso-connect"] .charcoalGradient {
    background: #767676;
    background: -moz-linear-gradient(left, #767676 0%, #242424 100%);
    background: -webkit-linear-gradient(left, #767676 0%, #242424 100%);
    background: linear-gradient(to right, #767676 0%, #242424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#242424', GradientType=1); }
  main.main.secondary[view="sso-connect"] .box {
    padding: 48px; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] .box {
        padding: 48px 20px; } }
  main.main.secondary[view="sso-connect"] .section {
    padding: 48px 0; }
    main.main.secondary[view="sso-connect"] .section a:not(.btn) {
      color: #337ab7;
      white-space: nowrap; }
  main.main.secondary[view="sso-connect"] #ssoConnect {
    padding: 48px 64px; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] #ssoConnect {
        padding: 0 20px; } }
    @media (max-width: 480px) {
      main.main.secondary[view="sso-connect"] #ssoConnect {
        padding: 16px 8px; } }
    main.main.secondary[view="sso-connect"] #ssoConnect .btn {
      display: inline-block;
      min-width: 188px; }
      @media (max-width: 768px) {
        main.main.secondary[view="sso-connect"] #ssoConnect .btn {
          margin: 0; } }
      @media (max-width: 414px) {
        main.main.secondary[view="sso-connect"] #ssoConnect .btn {
          width: 100%; } }
    @media (max-width: 767px) {
      main.main.secondary[view="sso-connect"] #ssoConnect p.imageCentered {
        display: none; } }
    main.main.secondary[view="sso-connect"] #ssoConnect p.actions {
      text-align: center; }
  main.main.secondary[view="sso-connect"] .sso-guide-container .sso-setupguides {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto; }
    @media (max-width: 414px) {
      main.main.secondary[view="sso-connect"] .sso-guide-container .sso-setupguides {
        margin-bottom: 8px; } }
    main.main.secondary[view="sso-connect"] .sso-guide-container .sso-setupguides a {
      display: block;
      overflow: hidden;
      height: auto;
      min-height: 45px;
      width: 100%;
      padding: 40px; }
      @media (max-width: 414px) {
        main.main.secondary[view="sso-connect"] .sso-guide-container .sso-setupguides a {
          padding: 25px;
          min-height: 36px; }
          main.main.secondary[view="sso-connect"] .sso-guide-container .sso-setupguides a img {
            height: 36px;
            width: auto; } }
      main.main.secondary[view="sso-connect"] .sso-guide-container .sso-setupguides a img {
        display: block;
        margin: 0 auto; }
  main.main.secondary[view="sso-connect"] .sso-connect-pre-diagram {
    display: block;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 64px; }
    @media (max-width: 640px) {
      main.main.secondary[view="sso-connect"] .sso-connect-pre-diagram {
        padding-bottom: 0; } }
    @media (max-width: 767px) {
      main.main.secondary[view="sso-connect"] .sso-connect-pre-diagram {
        padding: 36px 20px;
        text-align: left; } }
  @media (max-width: 767px) {
    main.main.secondary[view="sso-connect"] .section-senary.sso-connect-diagram {
      display: none; } }
  main.main.secondary[view="sso-connect"] #getStarted {
    padding: 96px 0;
    max-width: 100%;
    overflow: hidden; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] #getStarted {
        padding: 40px 0; } }
    main.main.secondary[view="sso-connect"] #getStarted h2 {
      color: #000;
      text-align: center;
      margin-bottom: 16px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="sso-connect"] #getStarted h2 {
          font-size: 20px;
          letter-spacing: 0;
          line-height: 24px;
          margin-bottom: 8px; } }
      @media (max-width: 640px) {
        main.main.secondary[view="sso-connect"] #getStarted h2 {
          font-size: 22px; } }
    main.main.secondary[view="sso-connect"] #getStarted p:first-of-type {
      color: #000;
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="sso-connect"] #getStarted p:first-of-type {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 18px;
          margin-bottom: 32px; } }
    main.main.secondary[view="sso-connect"] #getStarted p:last-of-type {
      color: #000;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="sso-connect"] #getStarted p:last-of-type {
          font-size: 14px;
          line-height: 18px; } }
      main.main.secondary[view="sso-connect"] #getStarted p:last-of-type a {
        color: #CF9F24;
        transition: 0.5s ease; }
        main.main.secondary[view="sso-connect"] #getStarted p:last-of-type a:hover {
          text-decoration: none;
          color: #cf9f24; }
        @media only screen and (max-width: 768px) {
          main.main.secondary[view="sso-connect"] #getStarted p:last-of-type a {
            display: block; } }
    main.main.secondary[view="sso-connect"] #getStarted .actions {
      text-align: center;
      margin-bottom: 48px; }
      main.main.secondary[view="sso-connect"] #getStarted .actions .btn {
        display: inline-block;
        min-width: 195px;
        font-weight: 600; }
        @media only screen and (max-width: 768px) {
          main.main.secondary[view="sso-connect"] #getStarted .actions .btn {
            display: block; } }
      main.main.secondary[view="sso-connect"] #getStarted .actions .btn:first-of-type {
        margin-right: 16px; }
        @media only screen and (max-width: 768px) {
          main.main.secondary[view="sso-connect"] #getStarted .actions .btn:first-of-type {
            margin-right: auto; } }
    @media only screen and (max-width: 768px) {
      main.main.secondary[view="sso-connect"] #getStarted {
        padding: 40px 24px; } }
  main.main.secondary[view="sso-connect"] #securityArchitecture {
    padding-top: 72px; }
    @media (max-width: 767px) {
      main.main.secondary[view="sso-connect"] #securityArchitecture {
        padding-top: 36px; }
        main.main.secondary[view="sso-connect"] #securityArchitecture p.underWide {
          margin: 0 auto; } }
  main.main.secondary[view="sso-connect"] #sso-connect-guides {
    background: #F9F9F9; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] #sso-connect-guides {
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        padding: 40px 20px;
        margin-top: 20px; } }
    @media (max-width: 414px) {
      main.main.secondary[view="sso-connect"] #sso-connect-guides {
        padding: 10px 6px; } }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] #sso-connect-guides h2 {
        text-align: left; } }
    @media (max-width: 414px) {
      main.main.secondary[view="sso-connect"] #sso-connect-guides h2 {
        margin-bottom: 10px; } }
    main.main.secondary[view="sso-connect"] #sso-connect-guides p {
      margin-bottom: 48px; }
      @media (max-width: 768px) {
        main.main.secondary[view="sso-connect"] #sso-connect-guides p {
          margin: 0;
          text-align: left; } }
    main.main.secondary[view="sso-connect"] #sso-connect-guides .sso-setupguides {
      min-height: 135px; }
      @media (max-width: 414px) {
        main.main.secondary[view="sso-connect"] #sso-connect-guides .sso-setupguides {
          min-height: 84px; } }
    @media (max-width: 414px) {
      main.main.secondary[view="sso-connect"] #sso-connect-guides .sso-more-link {
        margin-top: 20px; } }
  main.main.secondary[view="sso-connect"] #HSM_Integration {
    background: #F9F9F9;
    padding: 72px 0;
    text-align: center; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect"] #HSM_Integration {
        padding: 0; } }
    @media (max-width: 767px) {
      main.main.secondary[view="sso-connect"] #HSM_Integration {
        padding-top: 36px;
        text-align: left; } }
    @media (max-width: 414px) {
      main.main.secondary[view="sso-connect"] #HSM_Integration {
        padding: 36px 6px; } }
    main.main.secondary[view="sso-connect"] #HSM_Integration h4 {
      margin-bottom: 48px; }
    main.main.secondary[view="sso-connect"] #HSM_Integration #gemaltoLogo {
      text-align: center; }
      @media (max-width: 414px) {
        main.main.secondary[view="sso-connect"] #HSM_Integration #gemaltoLogo + h4 {
          display: none; } }
      main.main.secondary[view="sso-connect"] #HSM_Integration #gemaltoLogo img {
        width: 80px;
        height: auto; }
    @media (max-width: 414px) {
      main.main.secondary[view="sso-connect"] #HSM_Integration #ssoHSM {
        display: none; } }
  @media (max-width: 414px) {
    main.main.secondary[view="sso-connect"] #getStarted {
      padding: 32px 9px; }
      main.main.secondary[view="sso-connect"] #getStarted p {
        text-align: left !important; }
      main.main.secondary[view="sso-connect"] #getStarted .actions a.btn {
        width: 100%; } }
  main.main.secondary[view="sso-connect"] #mobileFreeTrial {
    display: none; }
    @media (max-width: 640px) {
      main.main.secondary[view="sso-connect"] #mobileFreeTrial {
        padding-top: 50px;
        display: block; } }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
main.main.secondary[view="sso-connect-guide"] {
  background-color: #FFF;
  position: relative;
  z-index: 0; }
  main.main.secondary[view="sso-connect-guide"] .box {
    padding: 48px; }
    @media (max-width: 768px) {
      main.main.secondary[view="sso-connect-guide"] .box {
        padding: 48px 20px; } }
  main.main.secondary[view="sso-connect-guide"] .intro .fs-dropdown {
    max-width: 400px;
    margin: 0 auto; }
  main.main.secondary[view="sso-connect-guide"] .icon-arrow-right {
    background: url("/assets/images/enterprise-guide/white-chev.png") no-repeat center/contain;
    width: 20px;
    height: 20px;
    margin-top: 13px;
    margin-left: 7px; }
  main.main.secondary[view="sso-connect-guide"] .image-app-store-ios,
  main.main.secondary[view="sso-connect-guide"] .image-app-store-google,
  main.main.secondary[view="sso-connect-guide"] .image-app-store-amazon {
    height: 40px;
    width: 134px; }
  main.main.secondary[view="sso-connect-guide"] .image-app-store-ios {
    background: url("/assets/images/enterprise-guide/ios-badge.png") no-repeat left/contain; }
  main.main.secondary[view="sso-connect-guide"] .image-app-store-google {
    background: url("/assets/images/enterprise-guide/google-play-badge.png") no-repeat left/contain; }
  main.main.secondary[view="sso-connect-guide"] .image-app-store-amazon {
    background: url("/assets/images/enterprise-guide/amazon-badge.png") no-repeat left/contain; }
  main.main.secondary[view="sso-connect-guide"] .popup-image {
    width: 100%;
    height: auto; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-1 {
    background: url("/assets/images/sso-guide/sso-step-1b.png") no-repeat center/contain;
    padding-top: 87%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-2 {
    background: url("/assets/images/sso-guide/sso-step-2b.png") no-repeat center/contain;
    padding-top: 15%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-3 {
    background: url("/assets/images/sso-guide/sso-step-3bb.png") no-repeat center/contain;
    padding-top: 30%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-4 {
    background: url("/assets/images/sso-guide/sso-step-4b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-5 {
    background: url("/assets/images/sso-guide/sso-step-5b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-6 {
    background: url("/assets/images/sso-guide/sso-step-6b.png") no-repeat center/contain;
    padding-top: 13%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-7 {
    background: url("/assets/images/sso-guide/sso-step-7b.png") no-repeat center/contain;
    padding-top: 63%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-8 {
    background: url("/assets/images/sso-guide/sso-step-8b.png") no-repeat center/contain;
    padding-top: 48%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-9 {
    background: url("/assets/images/sso-guide/sso-step-9b.png") no-repeat center/contain;
    padding-top: 80%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-10 {
    background: url("/assets/images/sso-guide/sso-step-10b.png") no-repeat center/contain;
    padding-top: 30%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-11 {
    background: url("/assets/images/sso-guide/sso-step-11b.png") no-repeat center/contain;
    padding-top: 20%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-12 {
    background: url("/assets/images/sso-guide/sso-step-12b.png") no-repeat center/contain;
    padding-top: 62%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-13 {
    background: url("/assets/images/sso-guide/sso-step-13b.png") no-repeat center/contain;
    padding-top: 61%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-14 {
    background: url("/assets/images/sso-guide/sso-step-14b.png") no-repeat center/contain;
    padding-top: 69%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-15 {
    background: url("/assets/images/sso-guide/sso-step-15b.png") no-repeat center/contain;
    padding-top: 16%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-16 {
    background: url("/assets/images/sso-guide/sso-step-16b.png") no-repeat center/contain;
    padding-top: 58%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-17 {
    background: url("/assets/images/sso-guide/sso-step-17b.png") no-repeat center/contain;
    padding-top: 45%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-18 {
    background: url("/assets/images/sso-guide/sso-step-18b.png") no-repeat center/contain;
    padding-top: 39%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-19 {
    background: url("/assets/images/sso-guide/sso-step-19b.png") no-repeat center/contain;
    padding-top: 46%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-20 {
    background: url("/assets/images/sso-guide/sso-step-20b.png") no-repeat center/contain;
    padding-top: 71%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-21 {
    background: url("/assets/images/sso-guide/sso-step-21b.png") no-repeat center/contain;
    padding-top: 30%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-22 {
    background: url("/assets/images/sso-guide/sso-step-22b.png") no-repeat center/contain;
    padding-top: 47%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-23 {
    background: url("/assets/images/sso-guide/sso-step-23b.png") no-repeat center/contain;
    padding-top: 38%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-24 {
    background: url("/assets/images/sso-guide/sso-step-24b.png") no-repeat center/contain;
    padding-top: 78%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-25 {
    background: url("/assets/images/sso-guide/sso-step-25b.png") no-repeat center/contain;
    padding-top: 33%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-26 {
    background: url("/assets/images/sso-guide/sso-step-26b.png") no-repeat center/contain;
    padding-top: 29%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-27 {
    background: url("/assets/images/sso-guide/sso-step-27b.png") no-repeat center/contain;
    padding-top: 41%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-28 {
    background: url("/assets/images/sso-guide/sso-step-28b.png") no-repeat center/contain;
    padding-top: 52%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-29 {
    background: url("/assets/images/sso-guide/sso-step-29b.png") no-repeat center/contain;
    padding-top: 38%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-30 {
    background: url("/assets/images/sso-guide/sso-step-30b.png") no-repeat center/contain;
    padding-top: 33%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-31 {
    background: url("/assets/images/sso-guide/sso-step-31b.png") no-repeat center/contain;
    padding-top: 38%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-32 {
    background: url("/assets/images/sso-guide/sso-step-32b.png") no-repeat center/contain;
    padding-top: 67%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-33 {
    background: url("/assets/images/sso-guide/sso-step-33b.png") no-repeat center/contain;
    padding-top: 40%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-34 {
    background: url("/assets/images/sso-guide/sso-step-34b.png") no-repeat center/contain;
    padding-top: 52%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-35 {
    background: url("/assets/images/sso-guide/sso-step-35b.png") no-repeat center/contain;
    padding-top: 47%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-36 {
    background: url("/assets/images/sso-guide/sso-step-36b.png") no-repeat center/contain;
    padding-top: 42%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-37 {
    background: url("/assets/images/sso-guide/sso-step-37b.png") no-repeat center/contain;
    padding-top: 42%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-38 {
    background: url("/assets/images/sso-guide/sso-step-38b.png") no-repeat center/contain;
    padding-top: 38%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-39 {
    background: url("/assets/images/sso-guide/sso-step-39b.png") no-repeat center/contain;
    padding-top: 14%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-40 {
    background: url("/assets/images/sso-guide/sso-step-40b.png") no-repeat center/contain;
    padding-top: 29%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-41 {
    background: url("/assets/images/sso-guide/sso-step-41b.png") no-repeat center/contain;
    padding-top: 15%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-42 {
    background: url("/assets/images/sso-guide/sso-step-42b.png") no-repeat center/contain;
    padding-top: 39%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-43 {
    background: url("/assets/images/sso-guide/sso-step-43b.png") no-repeat center/contain;
    padding-top: 51%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-44 {
    background: url("/assets/images/sso-guide/sso-step-44b.png") no-repeat center/contain;
    padding-top: 95%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-45 {
    background: url("/assets/images/sso-guide/sso-step-45b.png") no-repeat center/contain;
    padding-top: 89%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-46 {
    background: url("/assets/images/sso-guide/sso-step-46b.png") no-repeat center/contain;
    padding-top: 89%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-47 {
    background: url("/assets/images/sso-guide/sso-step-47b.png") no-repeat center/contain;
    padding-top: 92%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-48 {
    background: url("/assets/images/sso-guide/sso-step-48b.png") no-repeat center/contain;
    padding-top: 83%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-49 {
    background: url("/assets/images/sso-guide/sso-step-49b.png") no-repeat center/contain;
    padding-top: 81%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-50 {
    background: url("/assets/images/sso-guide/sso-step-50b.png") no-repeat center/contain;
    padding-top: 89%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-51 {
    background: url("/assets/images/sso-guide/sso-step-51b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-52 {
    background: url("/assets/images/sso-guide/sso-step-52b.png") no-repeat center/contain;
    padding-top: 23%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-53 {
    background: url("/assets/images/sso-guide/sso-step-53b.png") no-repeat center/contain;
    padding-top: 73%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-54 {
    background: url("/assets/images/sso-guide/sso-step-54b.png") no-repeat center/contain;
    padding-top: 18%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-55 {
    background: url("/assets/images/sso-guide/sso-step-55b.png") no-repeat center/contain;
    padding-top: 95%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-56 {
    background: url("/assets/images/sso-guide/sso-step-56b.png") no-repeat center/contain;
    padding-top: 90%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-57 {
    background: url("/assets/images/sso-guide/sso-step-57b.png") no-repeat center/contain;
    padding-top: 17%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-58 {
    background: url("/assets/images/sso-guide/sso-step-58b.png") no-repeat center/contain;
    padding-top: 46%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-59 {
    background: url("/assets/images/sso-guide/sso-step-59b.png") no-repeat center/contain;
    padding-top: 38%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-60 {
    background: url("/assets/images/sso-guide/sso-step-60b.png") no-repeat center/contain;
    padding-top: 33%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-61 {
    background: url("/assets/images/sso-guide/sso-step-61b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-62 {
    background: url("/assets/images/sso-guide/sso-step-62b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-63 {
    background: url("/assets/images/sso-guide/sso-step-63b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-64 {
    background: url("/assets/images/sso-guide/sso-step-64b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-65 {
    background: url("/assets/images/sso-guide/sso-step-65b.png") no-repeat center/contain;
    padding-top: 24%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-66 {
    background: url("/assets/images/sso-guide/sso-step-66b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-67 {
    background: url("/assets/images/sso-guide/sso-step-67b.png") no-repeat center/contain;
    padding-top: 10%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-68 {
    background: url("/assets/images/sso-guide/sso-step-68b.png") no-repeat center/contain;
    padding-top: 20%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-69 {
    background: url("/assets/images/sso-guide/sso-step-69b.png") no-repeat center/contain;
    padding-top: 33%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-70 {
    background: url("/assets/images/sso-guide/sso-step-70b.png") no-repeat center/contain;
    padding-top: 37%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-71 {
    background: url("/assets/images/sso-guide/sso-step-71b.png") no-repeat center/contain;
    padding-top: 60%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-72 {
    background: url("/assets/images/sso-guide/sso-step-72b.png") no-repeat center/contain;
    padding-top: 27%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-73 {
    background: url("/assets/images/sso-guide/sso-step-73b.png") no-repeat center/contain;
    padding-top: 57%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-74 {
    background: url("/assets/images/sso-guide/sso-step-74b.png") no-repeat center/contain;
    padding-top: 11%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-75 {
    background: url("/assets/images/sso-guide/sso-step-75b.png") no-repeat center/contain;
    padding-top: 28%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-76 {
    background: url("/assets/images/sso-guide/sso-step-76b.png") no-repeat center/contain;
    padding-top: 16%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-77 {
    background: url("/assets/images/sso-guide/sso-step-77b.png") no-repeat center/contain;
    padding-top: 34%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-78 {
    background: url("/assets/images/sso-guide/sso-step-78b.png") no-repeat center/contain;
    padding-top: 59%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-79 {
    background: url("/assets/images/sso-guide/sso-step-79b.png") no-repeat center/contain;
    padding-top: 47%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-80 {
    background: url("/assets/images/sso-guide/sso-step-80b.png") no-repeat center/contain;
    padding-top: 30%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-81 {
    background: url("/assets/images/sso-guide/sso-step-81b.png") no-repeat center/contain;
    padding-top: 22%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-82 {
    background: url("/assets/images/sso-guide/sso-step-82b.png") no-repeat center/contain;
    padding-top: 79%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-83 {
    background: url("/assets/images/sso-guide/sso-step-83b.png") no-repeat center/contain;
    padding-top: 70%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-84 {
    background: url("/assets/images/sso-guide/sso-step-84b.png") no-repeat center/contain;
    padding-top: 42%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-85 {
    background: url("/assets/images/sso-guide/sso-step-85b.png") no-repeat center/contain;
    padding-top: 22%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-86 {
    background: url("/assets/images/sso-guide/sso-step-86b.png") no-repeat center/contain;
    padding-top: 15%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-87 {
    background: url("/assets/images/sso-guide/sso-step-87b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-88 {
    background: url("/assets/images/sso-guide/sso-step-88b.png") no-repeat center/contain;
    padding-top: 21%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-89 {
    background: url("/assets/images/sso-guide/sso-step-89b.png") no-repeat center/contain;
    padding-top: 34%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-90 {
    background: url("/assets/images/sso-guide/sso-step-90b.png") no-repeat center/contain;
    padding-top: 34%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-91 {
    background: url("/assets/images/sso-guide/sso-step-91b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-92 {
    background: url("/assets/images/sso-guide/sso-step-92b.png") no-repeat center/contain;
    padding-top: 14%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-93 {
    background: url("/assets/images/sso-guide/sso-step-93b.png") no-repeat center/contain;
    padding-top: 68%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-94 {
    background: url("/assets/images/sso-guide/sso-step-94b.png") no-repeat center/contain;
    padding-top: 68%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-95 {
    background: url("/assets/images/sso-guide/sso-step-95b.png") no-repeat center/contain;
    padding-top: 68%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-96 {
    background: url("/assets/images/sso-guide/sso-step-96b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-97 {
    background: url("/assets/images/sso-guide/sso-step-97b.png") no-repeat center/contain;
    padding-top: 39%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-98 {
    background: url("/assets/images/sso-guide/sso-step-98b.png") no-repeat center/contain;
    padding-top: 36%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-99 {
    background: url("/assets/images/sso-guide/sso-step-99b.png") no-repeat center/contain;
    padding-top: 23%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-100 {
    background: url("/assets/images/sso-guide/sso-step-100b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-101 {
    background: url("/assets/images/sso-guide/sso-step-101b.png") no-repeat center/contain;
    padding-top: 47%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-102 {
    background: url("/assets/images/sso-guide/sso-step-102b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-103 {
    background: url("/assets/images/sso-guide/sso-step-103b.png") no-repeat center/contain;
    padding-top: 34%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-104 {
    background: url("/assets/images/sso-guide/sso-step-104b.png") no-repeat center/contain;
    padding-top: 54%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-105 {
    background: url("/assets/images/sso-guide/sso-step-105b.png") no-repeat center/contain;
    padding-top: 24%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-106 {
    background: url("/assets/images/sso-guide/sso-step-106b.png") no-repeat center/contain;
    padding-top: 12%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-107 {
    background: url("/assets/images/sso-guide/sso-step-107b.png") no-repeat center/contain;
    padding-top: 33%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-108 {
    background: url("/assets/images/sso-guide/sso-step-108b.png") no-repeat center/contain;
    padding-top: 15%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-109 {
    background: url("/assets/images/sso-guide/sso-step-109b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-110 {
    background: url("/assets/images/sso-guide/sso-step-110b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-111 {
    background: url("/assets/images/sso-guide/sso-step-111b.png") no-repeat center/contain;
    padding-top: 28%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-112 {
    background: url("/assets/images/sso-guide/sso-step-112b.png") no-repeat center/contain;
    padding-top: 43%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-113 {
    background: url("/assets/images/sso-guide/sso-step-113b.png") no-repeat center/contain;
    padding-top: 90%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-114 {
    background: url("/assets/images/sso-guide/sso-step-114b.png") no-repeat center/contain;
    padding-top: 8%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-115 {
    background: url("/assets/images/sso-guide/sso-step-115b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-116 {
    background: url("/assets/images/sso-guide/sso-step-116b.png") no-repeat center/contain;
    padding-top: 38%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-117 {
    background: url("/assets/images/sso-guide/sso-step-117b.png") no-repeat center/contain;
    padding-top: 13%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-118 {
    background: url("/assets/images/sso-guide/sso-step-118b.png") no-repeat center/contain;
    padding-top: 10%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-119 {
    background: url("/assets/images/sso-guide/sso-step-119b.png") no-repeat center/contain;
    padding-top: 19%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-120 {
    background: url("/assets/images/sso-guide/sso-step-120b.png") no-repeat center/contain;
    padding-top: 45%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-121 {
    background: url("/assets/images/sso-guide/sso-step-121b.png") no-repeat center/contain;
    padding-top: 14%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-122 {
    background: url("/assets/images/sso-guide/sso-step-122b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-123 {
    background: url("/assets/images/sso-guide/sso-step-123b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-124 {
    background: url("/assets/images/sso-guide/sso-step-124b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-125 {
    background: url("/assets/images/sso-guide/sso-step-125b.png") no-repeat center/contain;
    padding-top: 25%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-126 {
    background: url("/assets/images/sso-guide/sso-step-126b.png") no-repeat center/contain;
    padding-top: 79%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-127 {
    background: url("/assets/images/sso-guide/sso-step-127b.png") no-repeat center/contain;
    padding-top: 60%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-128 {
    background: url("/assets/images/sso-guide/sso-step-128b.png") no-repeat center/contain;
    padding-top: 79%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-129 {
    background: url("/assets/images/sso-guide/sso-step-129b.png") no-repeat center/contain;
    padding-top: 38%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-130 {
    background: url("/assets/images/sso-guide/sso-step-130b.png") no-repeat center/contain;
    padding-top: 55%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-131 {
    background: url("/assets/images/sso-guide/sso-step-131b.png") no-repeat center/contain;
    padding-top: 34%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-132 {
    background: url("/assets/images/sso-guide/sso-step-132b.png") no-repeat center/contain;
    padding-top: 82%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-133 {
    background: url("/assets/images/sso-guide/sso-step-133b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-134 {
    background: url("/assets/images/sso-guide/sso-step-134b.png") no-repeat center/contain;
    padding-top: 17%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-135 {
    background: url("/assets/images/sso-guide/sso-step-135b.png") no-repeat center/contain;
    padding-top: 53%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-136 {
    background: url("/assets/images/sso-guide/sso-step-136b.png") no-repeat center/contain;
    padding-top: 55%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-137 {
    background: url("/assets/images/sso-guide/sso-step-137b.png") no-repeat center/contain;
    padding-top: 55%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-138 {
    background: url("/assets/images/sso-guide/sso-step-138b.png") no-repeat center/contain;
    padding-top: 32%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-139 {
    background: url("/assets/images/sso-guide/sso-step-139b.png") no-repeat center/contain;
    padding-top: 15%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-140 {
    background: url("/assets/images/sso-guide/sso-step-140b.png") no-repeat center/contain;
    padding-top: 36%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-141 {
    background: url("/assets/images/sso-guide/sso-step-141b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-142 {
    background: url("/assets/images/sso-guide/sso-step-142b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-143 {
    background: url("/assets/images/sso-guide/sso-step-143b.png") no-repeat center/contain;
    padding-top: 54%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-144 {
    background: url("/assets/images/sso-guide/sso-step-144b.png") no-repeat center/contain;
    padding-top: 63%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-145 {
    background: url("/assets/images/sso-guide/sso-step-145b.png") no-repeat center/contain;
    padding-top: 74%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-146 {
    background: url("/assets/images/sso-guide/sso-step-146b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-147 {
    background: url("/assets/images/sso-guide/sso-step-147b.png") no-repeat center/contain;
    padding-top: 36%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-148 {
    background: url("/assets/images/sso-guide/sso-step-148b.png") no-repeat center/contain;
    padding-top: 48%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-149 {
    background: url("/assets/images/sso-guide/sso-step-149b.png") no-repeat center/contain;
    padding-top: 75%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-150 {
    background: url("/assets/images/sso-guide/sso-step-150b.png") no-repeat center/contain;
    padding-top: 58%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-151 {
    background: url("/assets/images/sso-guide/sso-step-151b.png") no-repeat center/contain;
    padding-top: 25%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-152 {
    background: url("/assets/images/sso-guide/sso-step-152b.png") no-repeat center/contain;
    padding-top: 26%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-153 {
    background: url("/assets/images/sso-guide/sso-step-153b.png") no-repeat center/contain;
    padding-top: 12%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-154 {
    background: url("/assets/images/sso-guide/sso-step-154b.png") no-repeat center/contain;
    padding-top: 26%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-155 {
    background: url("/assets/images/sso-guide/sso-step-155b.png") no-repeat center/contain;
    padding-top: 12%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-156 {
    background: url("/assets/images/sso-guide/sso-step-156b.png") no-repeat center/contain;
    padding-top: 11%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-157 {
    background: url("/assets/images/sso-guide/sso-step-157b.png") no-repeat center/contain;
    padding-top: 12%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-158 {
    background: url("/assets/images/sso-guide/sso-step-158b.png") no-repeat center/contain;
    padding-top: 11%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-159 {
    background: url("/assets/images/sso-guide/sso-step-159b.png") no-repeat center/contain;
    padding-top: 12%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-160 {
    background: url("/assets/images/sso-guide/sso-step-160b.png") no-repeat center/contain;
    padding-top: 12%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-161 {
    background: url("/assets/images/sso-guide/sso-step-161b.png") no-repeat center/contain;
    padding-top: 36%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-162 {
    background: url("/assets/images/sso-guide/sso-step-162b.png") no-repeat center/contain;
    padding-top: 52%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-163 {
    background: url("/assets/images/sso-guide/sso-step-163b.png") no-repeat center/contain;
    padding-top: 46%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-164 {
    background: url("/assets/images/sso-guide/sso-step-164b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-165 {
    background: url("/assets/images/sso-guide/sso-step-165b.png") no-repeat center/contain;
    padding-top: 83%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-166 {
    background: url("/assets/images/sso-guide/sso-step-166b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-167 {
    background: url("/assets/images/sso-guide/sso-step-167b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-168 {
    background: url("/assets/images/sso-guide/sso-step-168b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-169 {
    background: url("/assets/images/sso-guide/sso-step-169b.png") no-repeat center/contain;
    padding-top: 52%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-170 {
    background: url("/assets/images/sso-guide/sso-step-170b.png") no-repeat center/contain;
    padding-top: 40%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-171 {
    background: url("/assets/images/sso-guide/sso-step-171b.png") no-repeat center/contain;
    padding-top: 23%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-172 {
    background: url("/assets/images/sso-guide/sso-step-172b.png") no-repeat center/contain;
    padding-top: 30%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-173 {
    background: url("/assets/images/sso-guide/sso-step-173b.png") no-repeat center/contain;
    padding-top: 53%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-174 {
    background: url("/assets/images/sso-guide/sso-step-174b.png") no-repeat center/contain;
    padding-top: 35%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-175 {
    background: url("/assets/images/sso-guide/sso-step-175b.png") no-repeat center/contain;
    padding-top: 33%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-176 {
    background: url("/assets/images/sso-guide/sso-step-176b.png") no-repeat center/contain;
    padding-top: 25%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-177 {
    background: url("/assets/images/sso-guide/sso-step-177b.png") no-repeat center/contain;
    padding-top: 70%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-178 {
    background: url("/assets/images/sso-guide/sso-step-178b.png") no-repeat center/contain;
    padding-top: 40%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-179 {
    background: url("/assets/images/sso-guide/sso-step-179b.png") no-repeat center/contain;
    padding-top: 70%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-180 {
    background: url("/assets/images/sso-guide/sso-step-180b.png") no-repeat center/contain;
    padding-top: 40%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-181 {
    background: url("/assets/images/sso-guide/sso-step-181b.png") no-repeat center/contain;
    padding-top: 33%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-182 {
    background: url("/assets/images/sso-guide/sso-step-182b.png") no-repeat center/contain;
    padding-top: 34%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-183 {
    background: url("/assets/images/sso-guide/sso-step-183b.png") no-repeat center/contain;
    padding-top: 84%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-184 {
    background: url("/assets/images/sso-guide/sso-step-184b.png") no-repeat center/contain;
    padding-top: 41%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-185 {
    background: url("/assets/images/sso-guide/sso-step-185b.png") no-repeat center/contain;
    padding-top: 21%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-186 {
    background: url("/assets/images/sso-guide/sso-step-186b.png") no-repeat center/contain;
    padding-top: 29%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-187 {
    background: url("/assets/images/sso-guide/sso-step-187b.png") no-repeat center/contain;
    padding-top: 47%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-188 {
    background: url("/assets/images/sso-guide/ios-sso.png") no-repeat center/contain;
    padding-top: 70%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-189 {
    background: url("/assets/images/sso-guide/quick-start.png") no-repeat center/contain;
    padding-top: 70%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-190 {
    background: url("/assets/images/sso-guide/sso-step-190b.png") no-repeat center/contain;
    padding-top: 70%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-191 {
    background: url("/assets/images/sso-guide/sso-step-191b.png") no-repeat center/contain;
    padding-top: 94%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-192 {
    background: url("/assets/images/sso-guide/sso-step-192b.png") no-repeat center/contain;
    padding-top: 15%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-193 {
    background: url("/assets/images/sso-guide/sso-step-193b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-194 {
    background: url("/assets/images/sso-guide/sso-step-194b.png") no-repeat center/contain;
    padding-top: 19%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-195 {
    background: url("/assets/images/sso-guide/sso-step-195b.png") no-repeat center/contain;
    padding-top: 10%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-196 {
    background: url("/assets/images/sso-guide/sso-step-196b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-197 {
    background: url("/assets/images/sso-guide/sso-step-197b.png") no-repeat center/contain;
    padding-top: 50%; }
  main.main.secondary[view="sso-connect-guide"] .image-configuration-steps-198 {
    background: url("/assets/images/sso-guide/sso-step-198b.png") no-repeat center/contain;
    padding-top: 50%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    main.main.secondary[view="sso-connect-guide"] .icon-arrow-right {
      background-image: url("/assets/images/enterprise-guide/white-chev@2x.png"); }
    main.main.secondary[view="sso-connect-guide"] .image-app-store-ios {
      background-image: url("/assets/images/enterprise-guide/ios-badge@2x.png"); }
    main.main.secondary[view="sso-connect-guide"] .image-app-store-google {
      background-image: url("/assets/images/enterprise-guide/google-play-badge@2x.png"); }
    main.main.secondary[view="sso-connect-guide"] .image-app-store-amazon {
      background-image: url("/assets/images/enterprise-guide/amazon-badge@2x.png"); } }
  main.main.secondary[view="sso-connect-guide"] .guide {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap; }
  main.main.secondary[view="sso-connect-guide"] .section {
    margin: 30px 0;
    padding: 20px; }
    main.main.secondary[view="sso-connect-guide"] .section h2 {
      font-weight: 600;
      text-align: left;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      width: 100%;
      margin-bottom: 6px; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .section h2 {
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 8px; } }
    main.main.secondary[view="sso-connect-guide"] .section h3 {
      text-overflow: wrap;
      font-weight: 600;
      font-size: 16px;
      color: #000000;
      letter-spacing: 0;
      text-align: left;
      margin-top: 32px;
      margin-bottom: 8px; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .section h3 {
          font-size: 20px;
          line-height: 20px;
          margin-bottom: 16px; } }
    main.main.secondary[view="sso-connect-guide"] .section h4 {
      text-overflow: wrap;
      font-weight: 600;
      font-size: 18px;
      line-height: 20px;
      color: #000000;
      letter-spacing: 0;
      text-align: left;
      margin-top: 32px;
      margin-bottom: 16px; }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .section h4 {
          font-size: 16px;
          margin-bottom: 8px; } }
    main.main.secondary[view="sso-connect-guide"] .section p {
      font-size: 22px;
      text-align: left;
      font-weight: 300;
      color: #000000;
      letter-spacing: 0;
      line-height: 1.4em; }
      @media (max-width: 1024px) {
        main.main.secondary[view="sso-connect-guide"] .section p {
          font-size: 18px; } }
      @media only screen and (max-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .section p {
          font-size: 14px; } }
    main.main.secondary[view="sso-connect-guide"] .section b {
      font-weight: 300; }
  main.main.secondary[view="sso-connect-guide"] .list-resources {
    width: 100%;
    list-style: none; }
    main.main.secondary[view="sso-connect-guide"] .list-resources .list-item {
      background: url("/assets/images/enterprise-guide/ico-file.png") no-repeat 0 12px/24px 24px;
      width: 100%;
      height: 48px;
      text-align: left;
      padding-left: calc(12px + 24px);
      margin-top: 24px;
      display: flex;
      align-items: center;
      font-size: 14px;
      line-height: 1.4em; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .list-resources .list-item {
          width: 40%;
          margin-right: 30px;
          font-size: 22px; } }
      main.main.secondary[view="sso-connect-guide"] .list-resources .list-item a {
        font-weight: 300;
        font-size: 14px;
        color: #0075A1;
        line-height: 20px; }
        main.main.secondary[view="sso-connect-guide"] .list-resources .list-item a:hover {
          color: #0098cf;
          text-decoration: none; }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="sso-connect-guide"] .list-resources {
        display: flex;
        flex-flow: row wrap; } }
  main.main.secondary[view="sso-connect-guide"] .list-arrow {
    list-style: none;
    margin-top: 24px; }
    main.main.secondary[view="sso-connect-guide"] .list-arrow > li {
      background: url("/assets/images/enterprise-guide/ico-chevron.png") no-repeat 0 0/24px 24px;
      text-align: left;
      padding-left: 40px;
      margin: 24px 0;
      font-size: 14px;
      line-height: 1.4em; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .list-arrow > li {
          font-size: 22px; } }
  main.main.secondary[view="sso-connect-guide"] .list-number {
    list-style: none;
    margin: 24px 0; }
    main.main.secondary[view="sso-connect-guide"] .list-number > .list-item {
      text-align: left;
      margin-bottom: 24px;
      font-size: 14px;
      line-height: 1.4em; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .list-number > .list-item {
          font-size: 22px; } }
  main.main.secondary[view="sso-connect-guide"] .list-app-stores {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
    flex-flow: row wrap; }
    main.main.secondary[view="sso-connect-guide"] .list-app-stores > .list-item {
      width: 50%;
      margin-top: 20px; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .list-app-stores > .list-item {
          width: auto;
          margin-top: 0; } }
    main.main.secondary[view="sso-connect-guide"] .list-app-stores > li > a > div:first-of-type {
      text-align: left;
      padding-bottom: 5px;
      color: black;
      margin-bottom: 17px; }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="sso-connect-guide"] .list-app-stores {
        list-style: none;
        display: flex;
        justify-content: space-between;
        margin: 24px 0;
        flex-flow: row wrap; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    main.main.secondary[view="sso-connect-guide"] .list-arrow > li {
      background-image: url("/assets/images/enterprise-guide/ico-chevron@2x.png"); }
    main.main.secondary[view="sso-connect-guide"] .list-resources .list-item {
      background-image: url("/assets/images/enterprise-guide/ico-file@2x.png"); } }
  main.main.secondary[view="sso-connect-guide"] .guide.container.fixed-height {
    overflow: hidden;
    position: relative; }
  main.main.secondary[view="sso-connect-guide"] .guide-navigation {
    width: 100%;
    height: 100vh;
    left: -100%;
    position: absolute;
    background-color: #f9f9f9;
    transition: 0.5s ease;
    order: 0;
    z-index: 2;
    top: -44px; }
    main.main.secondary[view="sso-connect-guide"] .guide-navigation.active {
      width: 100vw;
      left: -100%;
      background-color: #FFF;
      transition: .5s ease;
      overflow-y: scroll; }
      main.main.secondary[view="sso-connect-guide"] .guide-navigation.active .aside-toggle {
        left: -70px; }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="sso-connect-guide"] .guide-navigation {
        width: 260px;
        height: 100vh;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }
    main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-toggle {
      background: #494949;
      width: 40px;
      height: 48px;
      position: fixed;
      left: 0;
      top: 220px;
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      transition: 0.5s ease;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
      z-index: 5; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-toggle {
          display: none; } }
    main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-close {
      position: absolute;
      width: 18px;
      height: 20px;
      top: 20px;
      right: 20px;
      background: url("/assets/images/enterprise-guide/close.svg") no-repeat center/100% 100%;
      z-index: 99999999; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-close {
          display: none; } }
    main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content.fixed {
      position: fixed;
      width: 100%;
      top: 100px;
      height: calc(100vh - 150px);
      overflow-y: scroll; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content.fixed {
          width: 260px; } }
    main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content.bottom {
      position: absolute;
      bottom: 33px; }
    main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content {
      margin-top: 50px;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-flow: row nowrap;
      padding-bottom: 75px;
      padding-left: 30px; }
      @media only screen and (min-width: 768px) {
        main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content {
          width: 260px;
          padding: 0; } }
      main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav {
        list-style: none;
        float: none;
        width: 100%; }
        main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading {
          margin: 0;
          margin-bottom: 24px;
          float: none;
          display: block; }
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading a,
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading a:active,
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading a:focus,
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading a:hover {
            font-size: 16px;
            color: darkgray;
            background-color: transparent;
            float: none;
            border-radius: 0;
            position: initial;
            display: block;
            padding: 10px 0 10px 20px; }
        main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item {
          margin: 0;
          margin-bottom: 24px;
          float: none;
          display: block; }
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item a,
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item a:active,
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item a:focus,
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item a:hover {
            background-color: transparent;
            color: black;
            float: none;
            border-radius: 0;
            position: initial;
            display: block;
            padding: 10px 0 10px 20px; }
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item.active > a {
            color: #0075A1;
            text-decoration: none;
            background-color: transparent;
            border-left: 2px solid #0075A1;
            padding: 10px 0 10px 20px; }
          main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown {
            margin: 24px 0; }
            main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item {
              margin: 0;
              margin-bottom: 8px;
              float: none;
              display: block;
              margin-bottom: 24px; }
              main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item > a {
                background-color: transparent;
                color: black;
                float: none;
                border-radius: 0;
                position: initial;
                display: block;
                padding: 0;
                padding-left: 40px; }
              main.main.secondary[view="sso-connect-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item.active > a {
                color: #0075A1;
                text-decoration: none;
                background-color: transparent;
                border-left: 2px solid #0075A1;
                padding: 0;
                padding-left: 38px; }
  main.main.secondary[view="sso-connect-guide"] .aside-scrollbar {
    position: absolute;
    top: 90px;
    left: 30px;
    bottom: 0;
    width: 2px;
    background: #d3d3d3; }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="sso-connect-guide"] .aside-scrollbar {
        left: 0;
        background: lightgrey; } }
  main.main.secondary[view="sso-connect-guide"] .fixed .aside-scrollbar {
    top: 40px; }
  @media only screen and (min-width: 768px) {
    main.main.secondary[view="sso-connect-guide"] .aside-content .aside-nav-item > a {
      font-size: 16px; }
    main.main.secondary[view="sso-connect-guide"] .aside-content .list-dropdown .aside-nav-item > a {
      font-size: 16px; } }
  main.main.secondary[view="sso-connect-guide"] main.main.guide-content {
    display: block;
    position: relative;
    right: 0;
    top: 0;
    width: 80%; }
    @media only screen and (min-width: 768px) {
      main.main.secondary[view="sso-connect-guide"] main.main.guide-content {
        width: calc(100% - 260px);
        order: 1;
        padding-left: 12px; } }
    main.main.secondary[view="sso-connect-guide"] main.main.guide-content a {
      color: #cf9f24; }
      main.main.secondary[view="sso-connect-guide"] main.main.guide-content a:hover {
        text-decoration: none;
        color: #FFC700; }
    main.main.secondary[view="sso-connect-guide"] main.main.guide-content > .container > .section:first-of-type {
      margin-top: 40px; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
[view="keeper-bridge-guide"] {
  background-color: #FFF;
  position: relative;
  z-index: 0; }
  [view="keeper-bridge-guide"] .intro .fs-dropdown {
    max-width: 400px;
    margin: 0 auto; }
  [view="keeper-bridge-guide"] pre {
    -webkit-border-radius: 4px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    /* line-height: 1.42857143; */
    margin: 0 0 10px;
    padding: 9.5px;
    word-break: break-all;
    text-align: left;
    word-wrap: break-word;
    padding: 20px;
    margin: 0;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    /* white-space: pre-line; */
    width: 100%;
    white-space: pre-wrap; }
  [view="keeper-bridge-guide"] .popup-image {
    width: 100%;
    height: auto; }
  [view="keeper-bridge-guide"] .image-configuration-steps-66 {
    background: url("/assets/images/keeper-bridge-guide/config-step-66b.png") no-repeat center/contain;
    padding-top: 16%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-67 {
    background: url("/assets/images/keeper-bridge-guide/config-step-67b.png") no-repeat center/contain;
    padding-top: 9%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-68 {
    background: url("/assets/images/keeper-bridge-guide/config-step-68b.png") no-repeat center/contain;
    padding-top: 44%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-69 {
    background: url("/assets/images/keeper-bridge-guide/config-step-69b.png") no-repeat center/contain;
    padding-top: 18%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-70 {
    background: url("/assets/images/keeper-bridge-guide/config-step-70b.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-71 {
    background: url("/assets/images/keeper-bridge-guide/config-step-71b.png") no-repeat center/contain;
    padding-top: 62%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-72 {
    background: url("/assets/images/keeper-bridge-guide/g121@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-73 {
    background: url("/assets/images/keeper-bridge-guide/g120@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-74 {
    background: url("/assets/images/keeper-bridge-guide/g122@2xb.png") no-repeat center/contain;
    padding-top: 23%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-75 {
    background: url("/assets/images/keeper-bridge-guide/g123@2xb.png") no-repeat center/contain;
    padding-top: 54%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-76 {
    background: url("/assets/images/keeper-bridge-guide/g124@2xb.png") no-repeat center/contain;
    padding-top: 54%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-77 {
    background: url("/assets/images/keeper-bridge-guide/g125@2xb.png") no-repeat center/contain;
    padding-top: 54%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-78 {
    background: url("/assets/images/keeper-bridge-guide/g126@2xb.png") no-repeat center/contain;
    padding-top: 54%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-79 {
    background: url("/assets/images/keeper-bridge-guide/g127@2xb.png") no-repeat center/contain;
    padding-top: 54%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-80 {
    background: url("/assets/images/keeper-bridge-guide/g128@2xb.png") no-repeat center/contain;
    padding-top: 54%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-81 {
    background: url("/assets/images/keeper-bridge-guide/g131@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-82 {
    background: url("/assets/images/keeper-bridge-guide/g132@2xb.png") no-repeat center/contain;
    padding-top: 70%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-83 {
    background: url("/assets/images/keeper-bridge-guide/g137@2xb.png") no-repeat center/contain;
    padding-top: 70%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-84 {
    background: url("/assets/images/keeper-bridge-guide/g138@2xb.png") no-repeat center/contain;
    padding-top: 21%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-85 {
    background: url("/assets/images/keeper-bridge-guide/g138_5@2xb.png") no-repeat center/contain;
    padding-top: 30%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-86 {
    background: url("/assets/images/keeper-bridge-guide/g139@2xb.png") no-repeat center/contain;
    padding-top: 35%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-87 {
    background: url("/assets/images/keeper-bridge-guide/g133@2xb.png") no-repeat center/contain;
    padding-top: 36%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-88 {
    background: url("/assets/images/keeper-bridge-guide/g140@2xb.png") no-repeat center/contain;
    padding-top: 25%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-89 {
    background: url("/assets/images/keeper-bridge-guide/g141@2xb.png") no-repeat center/contain;
    padding-top: 15%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-90 {
    background: url("/assets/images/keeper-bridge-guide/g142@2xb.png") no-repeat center/contain;
    padding-top: 14%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-91 {
    background: url("/assets/images/keeper-bridge-guide/g143@2xb.png") no-repeat center/contain;
    padding-top: 30%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-92 {
    background: url("/assets/images/keeper-bridge-guide/g134@2xb.png") no-repeat center/contain;
    padding-top: 80%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-93 {
    background: url("/assets/images/keeper-bridge-guide/g136@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-94 {
    background: url("/assets/images/keeper-bridge-guide/g144@2xb.png") no-repeat center/contain;
    padding-top: 86%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-95 {
    background: url("/assets/images/keeper-bridge-guide/g145@2xb.png") no-repeat center/contain;
    padding-top: 15%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-96 {
    background: url("/assets/images/keeper-bridge-guide/g135@2xb.png") no-repeat center/contain;
    padding-top: 80%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-97 {
    background: url("/assets/images/keeper-bridge-guide/g146@2xb.png") no-repeat center/contain;
    padding-top: 80%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-98 {
    background: url("/assets/images/keeper-bridge-guide/g147@2xb.png") no-repeat center/contain;
    padding-top: 30%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-99 {
    background: url("/assets/images/keeper-bridge-guide/g148@2x.png") no-repeat center/contain;
    padding-top: 5%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-100 {
    background: url("/assets/images/keeper-bridge-guide/g149@2xb.png") no-repeat center/contain;
    padding-top: 60%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-101 {
    background: url("/assets/images/keeper-bridge-guide/g150@2xb.png") no-repeat center/contain;
    padding-top: 10%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-102 {
    background: url("/assets/images/keeper-bridge-guide/g151@2xb.png") no-repeat center/contain;
    padding-top: 53%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-103 {
    background: url("/assets/images/keeper-bridge-guide/g155@2xb.png") no-repeat center/contain;
    padding-top: 49%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-104 {
    background: url("/assets/images/keeper-bridge-guide/g152@2xb.png") no-repeat center/contain;
    padding-top: 10%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-105 {
    background: url("/assets/images/keeper-bridge-guide/g153@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-106 {
    background: url("/assets/images/keeper-bridge-guide/g154@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-107 {
    background: url("/assets/images/keeper-bridge-guide/g156@2xb.png") no-repeat center/contain;
    padding-top: 40%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-108 {
    background: url("/assets/images/keeper-bridge-guide/g129@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-109 {
    background: url("/assets/images/keeper-bridge-guide/g130@2xb.png") no-repeat center/contain;
    padding-top: 42%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-110 {
    background: url("/assets/images/keeper-bridge-guide/g157@2xb.png") no-repeat center/contain;
    padding-top: 80%; }
  [view="keeper-bridge-guide"] .image-configuration-steps-111 {
    background: url("/assets/images/keeper-bridge-guide/g158@2xb.png") no-repeat center/contain;
    padding-top: 75%; }
  [view="keeper-bridge-guide"] .guide {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap; }
  [view="keeper-bridge-guide"] .section {
    margin: 30px 0;
    padding: 20px; }
    [view="keeper-bridge-guide"] .section h2 {
      font-weight: 300;
      text-align: left;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      width: 100%;
      margin-bottom: 6px; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .section h2 {
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 8px; } }
    [view="keeper-bridge-guide"] .section h3 {
      text-overflow: wrap;
      font-weight: 300;
      font-size: 16px;
      color: #000000;
      letter-spacing: 0;
      text-align: left;
      margin-top: 32px;
      margin-bottom: 8px; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .section h3 {
          font-size: 20px;
          line-height: 20px;
          margin-bottom: 16px; } }
    [view="keeper-bridge-guide"] .section h4 {
      text-overflow: wrap;
      font-weight: 300;
      font-size: 16px;
      color: #000000;
      letter-spacing: 0;
      text-align: left;
      margin-top: 32px;
      margin-bottom: 8px; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .section h4 {
          font-size: 18px;
          line-height: 20px;
          text-align: left;
          margin-bottom: 16px; } }
    [view="keeper-bridge-guide"] .section p {
      text-align: left;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0;
      line-height: 1.4em; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .section p {
          font-size: 22px; } }
    [view="keeper-bridge-guide"] .section b {
      font-weight: 300; }
  [view="keeper-bridge-guide"] .list-resources {
    width: 100%;
    list-style: none; }
    [view="keeper-bridge-guide"] .list-resources .list-item {
      background-image: url("/assets/images/enterprise-guide/ico-file.png");
      background-size: 24px 24px;
      background-position: 0 12px;
      background-repeat: no-repeat;
      width: 100%;
      height: 48px;
      text-align: left;
      padding-left: calc(12px + 24px);
      margin-top: 24px;
      display: flex;
      align-items: center; }
      [view="keeper-bridge-guide"] .list-resources .list-item a {
        font-weight: 300;
        font-size: 16px;
        color: #0075A1;
        line-height: 20px; }
        @media (max-width: 768px) {
          [view="keeper-bridge-guide"] .list-resources .list-item a {
            font-size: 14px; } }
        [view="keeper-bridge-guide"] .list-resources .list-item a:hover {
          color: #0098cf;
          text-decoration: none; }
  @media only screen and (min-width: 768px) {
    [view="keeper-bridge-guide"] .list-resources {
      display: flex;
      flex-flow: row wrap; }
      [view="keeper-bridge-guide"] .list-resources .list-item {
        width: 40%;
        margin-right: 30px; } }
  [view="keeper-bridge-guide"] .list-arrow {
    list-style: none;
    margin-top: 24px; }
    [view="keeper-bridge-guide"] .list-arrow > li {
      background: url("/assets/images/enterprise-guide/ico-chevron.png") no-repeat 0 0/24px 24px;
      text-align: left;
      padding-left: 40px;
      margin: 24px 0;
      font-size: 14px;
      line-height: 1.4em; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .list-arrow > li {
          font-size: 22px; } }
  [view="keeper-bridge-guide"] .list-number {
    list-style: none;
    margin: 24px 0; }
    [view="keeper-bridge-guide"] .list-number > .list-item {
      text-align: left;
      margin-bottom: 24px;
      font-size: 14px;
      line-height: 1.4em; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .list-number > .list-item {
          font-size: 22px; } }
  [view="keeper-bridge-guide"] .list-app-stores {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
    flex-flow: row wrap; }
    @media only screen and (min-width: 768px) {
      [view="keeper-bridge-guide"] .list-app-stores {
        list-style: none;
        display: flex;
        justify-content: space-between;
        margin: 24px 0;
        flex-flow: row wrap; } }
    [view="keeper-bridge-guide"] .list-app-stores > .list-item {
      width: 50%;
      margin-top: 20px; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .list-app-stores > .list-item {
          width: auto;
          margin-top: 0; } }
    [view="keeper-bridge-guide"] .list-app-stores > li > a > div:first-of-type {
      text-align: left;
      padding-bottom: 5px;
      color: black;
      margin-bottom: 17px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    [view="keeper-bridge-guide"] .list-arrow > li {
      background-image: url("/assets/images/enterprise-guide/ico-chevron@2x.png"); }
    [view="keeper-bridge-guide"] .list-resources .list-item {
      background-image: url("/assets/images/enterprise-guide/ico-file@2x.png"); } }
  [view="keeper-bridge-guide"] .guide.container.fixed-height {
    overflow: hidden; }
  [view="keeper-bridge-guide"] .guide-navigation {
    width: 100%;
    height: 100vh;
    left: -100%;
    position: absolute;
    background-color: #FFF;
    transition: 0.5s ease;
    order: 0;
    z-index: 2;
    top: -44px; }
    [view="keeper-bridge-guide"] .guide-navigation .aside-toggle {
      background: #494949;
      width: 40px;
      height: 48px;
      position: fixed;
      left: 0;
      top: 220px;
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      transition: 0.5s ease;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
      z-index: 5; }
    [view="keeper-bridge-guide"] .guide-navigation .aside-close {
      position: absolute;
      width: 18px;
      height: 20px;
      top: 20px;
      right: 20px;
      background: url("/assets/images/enterprise-guide/close.svg") no-repeat;
      background-size: 100% 100%;
      z-index: 99999999; }
    [view="keeper-bridge-guide"] .guide-navigation .aside-content.fixed {
      position: fixed;
      width: 100%;
      top: 100px;
      height: calc(100vh - 150px);
      overflow-y: scroll; }
    @media only screen and (min-width: 768px) {
      [view="keeper-bridge-guide"] .guide-navigation .aside-content.fixed {
        width: 260px; } }
    [view="keeper-bridge-guide"] .guide-navigation .aside-content {
      margin-top: 50px;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-flow: row nowrap;
      padding-bottom: 75px;
      padding-left: 30px; }
      @media only screen and (min-width: 768px) {
        [view="keeper-bridge-guide"] .guide-navigation .aside-content {
          width: 260px;
          padding: 0; } }
      [view="keeper-bridge-guide"] .guide-navigation .aside-content.bottom {
        position: absolute;
        bottom: 33px; }
      [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav {
        list-style: none;
        float: none;
        width: 100%; }
        [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading {
          margin: 0;
          margin-bottom: 24px;
          float: none;
          display: block; }
          [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a, [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a:active, [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a:focus, [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-heading > a:hover {
            font-size: 12px;
            color: darkgray;
            background-color: transparent;
            float: none;
            border-radius: 0;
            position: initial;
            display: block;
            padding: 0;
            padding-left: 20px; }
        [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item {
          margin: 0;
          margin-bottom: 24px;
          float: none;
          display: block; }
          [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a, [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:active, [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:focus, [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item > a:hover {
            background-color: transparent;
            color: black;
            float: none;
            border-radius: 0;
            position: initial;
            display: block;
            padding: 0;
            padding-left: 20px; }
          [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item.active > a {
            color: #0075A1;
            text-decoration: none;
            background-color: transparent;
            border-left: 2px solid #0075A1;
            padding: 0;
            padding-left: 18px; }
          [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown {
            margin: 24px 0; }
            [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item {
              margin: 0;
              margin-bottom: 8px;
              float: none;
              display: block; }
              [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item > a {
                background-color: transparent;
                color: black;
                float: none;
                border-radius: 0;
                position: initial;
                display: block;
                padding: 10px 0 10px 40px; }
              [view="keeper-bridge-guide"] .guide-navigation .aside-content .aside-nav .aside-nav-item .list-dropdown .aside-nav-item.active > a {
                color: #0075A1;
                text-decoration: none;
                background-color: transparent;
                border-left: 2px solid #0075A1;
                padding: 10px 0 10px 38px; }
  [view="keeper-bridge-guide"] .aside-scrollbar {
    position: absolute;
    top: 90px;
    left: 30px;
    bottom: 0;
    width: 2px;
    background: #d3d3d3; }
    @media only screen and (min-width: 768px) {
      [view="keeper-bridge-guide"] .aside-scrollbar {
        left: 0;
        background: lightgrey; } }
  [view="keeper-bridge-guide"] .fixed .aside-scrollbar {
    top: 40px; }
  [view="keeper-bridge-guide"] .guide-navigation .aside-nav > .aside-nav-item {
    margin-bottom: 24px; }
  @media only screen and (min-width: 768px) {
    [view="keeper-bridge-guide"] .aside-content .aside-nav-item > a {
      font-size: 16px;
      display: block;
      padding: 10px 0 10px 20px; }
    [view="keeper-bridge-guide"] .aside-content .list-dropdown .aside-nav-item > a {
      font-size: 14px; } }
  [view="keeper-bridge-guide"] .guide-navigation.active {
    width: 100vw;
    height: 100vh;
    left: -100%;
    position: absolute;
    background-color: #FFF;
    transition: .5s ease;
    order: 0;
    top: -44px;
    overflow-y: scroll; }
    [view="keeper-bridge-guide"] .guide-navigation.active .aside-toggle {
      left: -70px; }
  @media only screen and (min-width: 768px) {
    [view="keeper-bridge-guide"] .guide-navigation {
      width: 260px;
      height: 100vh;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      [view="keeper-bridge-guide"] .guide-navigation .aside-toggle {
        display: none; }
      [view="keeper-bridge-guide"] .guide-navigation .aside-close {
        display: none; } }
  [view="keeper-bridge-guide"] .guide-content {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      [view="keeper-bridge-guide"] .guide-content {
        width: calc(100% - 260px);
        order: 1;
        padding-left: 12px; } }
    [view="keeper-bridge-guide"] .guide-content a {
      color: #cf9f24; }
      [view="keeper-bridge-guide"] .guide-content a:hover {
        text-decoration: none;
        color: #FFC700; }
    [view="keeper-bridge-guide"] .guide-content > .container > .section:first-of-type {
      margin-top: 40px; }

main.main.primary[view="keeper-unlimited"] {
  /*************RATING*************/ }
  main.main.primary[view="keeper-unlimited"] .blueGradient {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b78e0', endColorstr='#004899', GradientType=1);
    color: #fff; }
  main.main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
    position: relative;
    height: 674px;
    width: 780px;
    background: url("/assets/images/homepage/market-leading@2x.png") no-repeat bottom right/contain; }
    @media (max-width: 1377px) {
      main.main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
        height: 704px; } }
    @media (max-width: 1250px) {
      main.main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
        position: absolute;
        left: -13%;
        bottom: 0;
        height: auto;
        background-size: 110%;
        background-position: 30% bottom; } }
    @media (max-width: 1024px) {
      main.main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
        background-size: 110%;
        background-position: 52% bottom;
        left: -15%; } }
    @media (max-width: 1000px) {
      main.main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
        background-size: 140%;
        left: auto;
        right: 54%;
        width: 46%; } }
    @media (max-width: 991px) {
      main.main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
        right: 54%;
        width: 60%;
        background-size: 190%; } }
    @media (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
        display: none; } }
  main.main.primary[view="keeper-unlimited"] .intro .intro-content {
    width: 42%;
    padding: 145px 0 70px; }
    @media (max-width: 1250px) {
      main.main.primary[view="keeper-unlimited"] .intro .intro-content {
        margin-left: 50%; } }
    @media (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] .intro .intro-content {
        width: 100%;
        margin: 0;
        padding: 40px;
        margin-left: 0;
        text-align: center; } }
    @media (max-width: 414px) {
      main.main.primary[view="keeper-unlimited"] .intro .intro-content {
        padding: 40px 20px; } }
    main.main.primary[view="keeper-unlimited"] .intro .intro-content #thePrice {
      display: block;
      font-size: 48px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        main.main.primary[view="keeper-unlimited"] .intro .intro-content #thePrice {
          font-size: 40px;
          margin-bottom: 30px; } }
      main.main.primary[view="keeper-unlimited"] .intro .intro-content #thePrice .currency,
      main.main.primary[view="keeper-unlimited"] .intro .intro-content #thePrice .cycle {
        font-size: 24px; }
        @media (max-width: 768px) {
          main.main.primary[view="keeper-unlimited"] .intro .intro-content #thePrice .currency,
          main.main.primary[view="keeper-unlimited"] .intro .intro-content #thePrice .cycle {
            font-size: 24px; } }
    main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start; }
      @media (max-width: 640px) {
        main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions {
          flex-flow: column nowrap; } }
      main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions .btn + .btn {
        margin-top: 0;
        margin-left: 16px; }
        @media (max-width: 640px) {
          main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions .btn + .btn {
            margin: 16px auto 0; } }
      main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions .btn-clear-yellow {
        color: #fff; }
  main.main.primary[view="keeper-unlimited"] h3 {
    font-size: 36px; }
  main.main.primary[view="keeper-unlimited"] h4 {
    font-size: 26px;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] h4 {
        font-size: 18px; } }
  main.main.primary[view="keeper-unlimited"] h5 {
    font-size: 22px; }
    @media (max-width: 1100px) {
      main.main.primary[view="keeper-unlimited"] h5 {
        font-size: 18px; } }
    @media (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] h5 {
        font-size: 14px; } }
  @media (max-width: 1024px) {
    main.main.primary[view="keeper-unlimited"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    main.main.primary[view="keeper-unlimited"] p {
      font-size: 14px; } }
  main.main.primary[view="keeper-unlimited"] .box {
    padding: 48px; }
    @media (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] .box {
        padding: 48px 30px; } }
    main.main.primary[view="keeper-unlimited"] .box.feature-secondary {
      margin: 56px 0 24px; }
      @media (max-width: 767px) {
        main.main.primary[view="keeper-unlimited"] .box.feature-secondary {
          margin-top: 30px; } }
      @media (max-width: 640px) {
        main.main.primary[view="keeper-unlimited"] .box.feature-secondary {
          margin: 15px 0; } }
    main.main.primary[view="keeper-unlimited"] .box img {
      display: block;
      margin: 12% auto 0; }
  main.main.primary[view="keeper-unlimited"] #primaryCallouts {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] #primaryCallouts {
        flex-flow: column nowrap; } }
    main.main.primary[view="keeper-unlimited"] #primaryCallouts .callout {
      width: 32%; }
      @media (max-width: 768px) {
        main.main.primary[view="keeper-unlimited"] #primaryCallouts .callout {
          width: 100%;
          margin: 24px 0 0; } }
  main.main.primary[view="keeper-unlimited"] #benefits {
    display: block;
    padding: 48px 60px 72px; }
    main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists {
          flex-flow: column nowrap;
          justify-content: center; } }
      main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists ul {
        width: 48%;
        margin: 0; }
        @media (max-width: 1200px) {
          main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists ul {
            width: 46%; } }
        @media (max-width: 1024px) {
          main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists ul {
            width: 44%; } }
        @media (max-width: 768px) {
          main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists ul {
            width: auto;
            display: inline-block;
            margin: 0 auto; }
            main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists ul li {
              padding-left: 30px; }
              main.main.primary[view="keeper-unlimited"] #benefits .benefitsLists ul li:before {
                left: 10px; } }
    @media (max-width: 640px) {
      main.main.primary[view="keeper-unlimited"] #benefits {
        padding: 48px; }
        main.main.primary[view="keeper-unlimited"] #benefits h3 {
          font-size: 22px; } }
    @media (max-width: 600px) {
      main.main.primary[view="keeper-unlimited"] #benefits {
        padding: 30px 15px; } }
    @media (max-width: 480px) {
      main.main.primary[view="keeper-unlimited"] #benefits {
        padding: 15px 0; } }
  main.main.primary[view="keeper-unlimited"] .ico-shield {
    width: 56px;
    height: 56px;
    background-image: url("/assets/icons/ico-pwm.svg"); }
  main.main.primary[view="keeper-unlimited"] .ico-vault {
    width: 56px;
    height: 56px;
    background-image: url("/assets/icons/ico-file-storage.svg"); }
  main.main.primary[view="keeper-unlimited"] .ico-devices {
    width: 56px;
    height: 56px;
    background-image: url("/assets/icons/ico-devices.svg"); }
  main.main.primary[view="keeper-unlimited"] ul {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: left; }
    main.main.primary[view="keeper-unlimited"] ul li {
      list-style-type: none;
      margin: 0 0 24px 0;
      padding: 0 0 0 40px;
      position: relative; }
      @media (max-width: 480px) {
        main.main.primary[view="keeper-unlimited"] ul li {
          padding-left: 30px; } }
      main.main.primary[view="keeper-unlimited"] ul li:before {
        content: '';
        display: block;
        width: 8px;
        height: 18px;
        border: 2px solid #000;
        border-left: none;
        border-top: 0;
        transform: rotate(45deg);
        position: absolute;
        left: 0;
        top: 0; }
        @media (max-width: 640px) {
          main.main.primary[view="keeper-unlimited"] ul li:before {
            transform: rotate(45deg) scale(0.75); } }
    @media (max-width: 991px) {
      main.main.primary[view="keeper-unlimited"] ul {
        font-size: 14px; } }
  main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 72px;
    margin-bottom: 8px; }
    main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info:after {
      display: none; }
    @media (max-width: 860px) {
      main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info {
        padding: 16px 24px 48px; } }
    main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature {
      width: 44%;
      padding-top: 56px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: flex-start; }
      @media (max-width: 860px) {
        main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature {
          width: 48%; } }
      @media (max-width: 640px) {
        main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature {
          width: 100%; } }
      @media (max-width: 414px) {
        main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature {
          flex-flow: column nowrap;
          padding-top: 32px; } }
      main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature img {
        width: 42px;
        height: 42px;
        margin: 6px 0 0 0; }
        @media (max-width: 414px) {
          main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature img {
            margin: 0 auto 18px; } }
      main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature .featureDesc {
        padding-left: 42px; }
        @media (max-width: 860px) {
          main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature .featureDesc {
            padding-left: 30px; } }
        @media (max-width: 414px) {
          main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature .featureDesc {
            text-align: center;
            padding-left: 0; } }
        main.main.primary[view="keeper-unlimited"] #primaryFeatures .section-info .primFeature .featureDesc h4 {
          font-size: 22px; }
  main.main.primary[view="keeper-unlimited"] #rating {
    background: #fff;
    text-align: center;
    padding: 48px;
    margin-bottom: 0; }
    main.main.primary[view="keeper-unlimited"] #rating h2 {
      color: #000;
      margin-bottom: 40px; }
    @media (max-width: 991px) {
      main.main.primary[view="keeper-unlimited"] #rating {
        padding: 48px; }
        main.main.primary[view="keeper-unlimited"] #rating img {
          height: 32px;
          width: auto; } }
    @media (max-width: 991px) and (max-width: 991px) {
      main.main.primary[view="keeper-unlimited"] #rating img.stars {
        height: 26px; } }
    @media (max-width: 991px) and (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] #rating img.stars {
        height: 20px; } }
    @media (max-width: 991px) {
        main.main.primary[view="keeper-unlimited"] #rating p.rate {
          margin: 0 0 80px;
          height: 40px;
          font-size: 14px; }
        main.main.primary[view="keeper-unlimited"] #rating .starsCount {
          font-size: 14px; }
        main.main.primary[view="keeper-unlimited"] #rating .intro-content h3 {
          font-size: 28px;
          margin-bottom: 70px; } }
    @media (max-width: 768px) {
      main.main.primary[view="keeper-unlimited"] #rating {
        padding: 48px 0; }
        main.main.primary[view="keeper-unlimited"] #rating .starsCount {
          font-size: 14px;
          line-height: 18px;
          margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      main.main.primary[view="keeper-unlimited"] #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      main.main.primary[view="keeper-unlimited"] #rating p.rate {
        margin: 20px 0 0;
        height: 40px;
        display: block;
        height: 78px;
        overflow: hidden; }
        main.main.primary[view="keeper-unlimited"] #rating p.rate img {
          display: block;
          width: 100%;
          clear: both; }
      main.main.primary[view="keeper-unlimited"] #rating .logoCol {
        width: 100%; }
      main.main.primary[view="keeper-unlimited"] #rating .starsCount {
        display: block;
        clear: both;
        height: 30px;
        margin: 0 0 40px 0;
        white-space: nowrap; } }
    @media (max-width: 414px) {
      main.main.primary[view="keeper-unlimited"] #rating {
        padding: 24px 0; } }
    main.main.primary[view="keeper-unlimited"] #rating .testimonials {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main.main.primary[view="keeper-unlimited"] #rating .testimonials {
          flex-flow: column nowrap; } }
      main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial {
        background: #fff;
        width: 32%;
        border-radius: 10px;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
        padding: 48px;
        text-align: left; }
        @media (max-width: 991px) {
          main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial {
            padding: 40px 16px; } }
        @media (max-width: 768px) {
          main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial {
            width: 100%;
            padding: 48px;
            margin-bottom: 16px; } }
        @media (max-width: 414px) {
          main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial {
            padding: 32px 24px;
            text-align: center; } }
        main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial p {
          margin-top: 16px;
          text-align: left; }
          @media (max-width: 414px) {
            main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial p {
              text-align: center; } }
          main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial p:first-child {
            margin-top: 32px; }
          main.main.primary[view="keeper-unlimited"] #rating .testimonials .testimonial p strong {
            font-weight: 600; }
    main.main.primary[view="keeper-unlimited"] #rating .moreReviews {
      text-align: center;
      font-size: 20px;
      margin: 48px 0 56px; }
      main.main.primary[view="keeper-unlimited"] #rating .moreReviews a {
        display: inline-block;
        color: #1B78E0;
        position: relative; }
        main.main.primary[view="keeper-unlimited"] #rating .moreReviews a:after {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          border: 2px solid #1B78E0;
          border-left: 0;
          border-bottom: 0;
          transform: rotate(45deg);
          position: absolute;
          right: -10px;
          top: 13px; }
          @media (max-width: 768px) {
            main.main.primary[view="keeper-unlimited"] #rating .moreReviews a:after {
              top: 9px;
              width: 7px;
              height: 7px; } }
    main.main.primary[view="keeper-unlimited"] #rating .intro-inner {
      max-width: 100%;
      width: 860px;
      margin: 0 auto; }
    main.main.primary[view="keeper-unlimited"] #rating h3 {
      text-align: center;
      font-size: 36px;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        main.main.primary[view="keeper-unlimited"] #rating h3 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        main.main.primary[view="keeper-unlimited"] #rating h3 {
          font-size: 20px; } }
    main.main.primary[view="keeper-unlimited"] #rating p {
      text-align: center;
      margin-top: 20px; }
      main.main.primary[view="keeper-unlimited"] #rating p strong {
        font-weight: 600; }
    main.main.primary[view="keeper-unlimited"] #rating .starsCount {
      display: block;
      clear: both;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
    main.main.primary[view="keeper-unlimited"] #rating .btn.btn-yellow {
      width: 210px;
      margin: 0 auto; }
    main.main.primary[view="keeper-unlimited"] #rating .outro-actions {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center; }
      @media (max-width: 768px) {
        main.main.primary[view="keeper-unlimited"] #rating .outro-actions {
          flex-flow: column nowrap;
          align-items: center; } }
      main.main.primary[view="keeper-unlimited"] #rating .outro-actions .btn {
        min-width: 184px;
        margin: 0 8px; }
        @media (max-width: 768px) {
          main.main.primary[view="keeper-unlimited"] #rating .outro-actions .btn {
            min-width: 220px; }
            main.main.primary[view="keeper-unlimited"] #rating .outro-actions .btn + .btn {
              margin-top: 16px; } }

@media (max-width: 1250px) {
  html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-image {
    left: 54%;
    right: auto; } }
@media (max-width: 991px) {
  html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-image {
    background-size: 130%; } }
@media (max-width: 1250px) {
  html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-content {
    margin-right: 55%; } }
@media (max-width: 768px) {
  html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-content {
    margin-right: 0;
    text-align: center !important; } }
@media (max-width: 640px) {
  html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions {
    flex-flow: column nowrap; } }
html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions .btn:first-of-type {
  margin-right: 0; }
  @media (max-width: 768px) {
    html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions .btn:first-of-type {
      margin-right: auto; } }
html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions .btn + .btn {
  margin-right: 16px;
  margin-left: 0; }
  @media (max-width: 640px) {
    html[locale="ar_AE"] main.main.primary[view="keeper-unlimited"] .intro .intro-content .intro-actions .btn + .btn {
      margin: 16px auto 0; } }

html[locale="fr_FR"] .main.primary[view="keeper-unlimited"] #rating .btn.btn-yellow {
  width: 240px; }

[locale="ar_AE"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/ar_AE/market-leading@2x.png"); }

[locale="de_DE"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/de_DE/market-leading@2x.png"); }

[locale="en_US"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/en_US/market-leading@2x.png"); }

[locale="en_GB"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/en_GB/market-leading@2x.png"); }

[locale="es_ES"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/es_ES/market-leading@2x.png"); }

[locale="fr_FR"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/fr_FR/market-leading@2x.png"); }

[locale="it_IT"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/it_IT/market-leading@2x.png"); }

[locale="ja_JP"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/ja_JP/market-leading@2x.png"); }

[locale="nl_NL"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/nl_NL/market-leading@2x.png"); }

[locale="pl_PL"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/pl_PL/market-leading@2x.png"); }

[locale="pt_BR"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/pt_BR/market-leading@2x.png"); }

[locale="ru_RU"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/ru_RU/market-leading@2x.png"); }

[locale="zh_CN"] .main.primary[view="keeper-unlimited"] .intro .image-keeper-unlimited.intro-image {
  background-image: url("/assets/images/affiliate/zh_CN/market-leading@2x.png"); }

main.main.secondary[view="commander"] .btn.btn-white.active {
  background: #fff;
  color: #1B78E0; }
main.main.secondary[view="commander"] .section {
  text-align: left; }
main.main.secondary[view="commander"] .box {
  padding: 48px; }
  @media (max-width: 768px) {
    main.main.secondary[view="commander"] .box {
      padding: 48px 20px; } }
main.main.secondary[view="commander"] h2 {
  color: #000;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    main.main.secondary[view="commander"] h2 {
      font-size: 20px; } }
main.main.secondary[view="commander"] h3 {
  font-size: 22px;
  margin-bottom: 12px; }
  @media (max-width: 768px) {
    main.main.secondary[view="commander"] h3 {
      font-size: 18px; } }
main.main.secondary[view="commander"] p {
  margin-bottom: 30px; }
  @media (max-width: 1024px) {
    main.main.secondary[view="commander"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    main.main.secondary[view="commander"] p {
      font-size: 14px; } }
main.main.secondary[view="commander"] #adminsAndDevelopers
.section-actions {
  display: block;
  text-align: left; }
  main.main.secondary[view="commander"] #adminsAndDevelopers
  .section-actions .btn.gitBtn {
    display: inline-block;
    min-width: 216px; }
    @media (max-width: 768px) {
      main.main.secondary[view="commander"] #adminsAndDevelopers
      .section-actions .btn.gitBtn {
        line-height: 28px; } }
    main.main.secondary[view="commander"] #adminsAndDevelopers
    .section-actions .btn.gitBtn .ico-github {
      margin-right: 10px; }
main.main.secondary[view="commander"] #devFeatures {
  margin-bottom: 5px; }
  main.main.secondary[view="commander"] #devFeatures ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    main.main.secondary[view="commander"] #devFeatures ul li {
      margin: 0;
      padding: 0 0 0 32px;
      position: relative; }
      @media (max-width: 768px) {
        main.main.secondary[view="commander"] #devFeatures ul li {
          font-size: 14px;
          line-height: 1.6em;
          margin: 0 0 10px -3px;
          padding: 0 0 0 24px; } }
      main.main.secondary[view="commander"] #devFeatures ul li:before {
        content: '';
        display: block;
        width: 24px;
        height: 26px;
        position: absolute;
        left: 0;
        top: 0;
        background: url("/assets/images/translated/security_graphics/ico-bullet.svg") no-repeat center/contain; }
        @media (max-width: 768px) {
          main.main.secondary[view="commander"] #devFeatures ul li:before {
            height: 20px;
            width: 20px;
            top: 1px; } }

html[locale="ar_AE"] main.main.secondary[view="commander"] h3, html[locale="ar_AE"] main.main.secondary[view="commander"] h4, html[locale="ar_AE"] main.main.secondary[view="commander"] p {
  text-align: right; }
html[locale="ar_AE"] main.main.secondary[view="commander"] #adminsAndDevelopers .section-actions {
  text-align: right; }
html[locale="ar_AE"] main.main.secondary[view="commander"] #devFeatures ul li {
  padding: 0 32px 0 0; }
  @media (max-width: 768px) {
    html[locale="ar_AE"] main.main.secondary[view="commander"] #devFeatures ul li {
      margin: 0 -3px 10px 0;
      padding: 0 24px 0 0; } }
  html[locale="ar_AE"] main.main.secondary[view="commander"] #devFeatures ul li:before {
    left: auto;
    right: 0;
    transform: rotate(180deg); }

[locale="es_ES"] main.main.secondary[view="commander"] #adminsAndDevelopers .btn.gitBtn,
[locale="ru_RU"] main.main.secondary[view="commander"] #adminsAndDevelopers .btn.gitBtn {
  width: 300px; }

.main[view="thankyou"] .actions {
  margin: 0 auto; }
  .main[view="thankyou"] .actions a {
    display: inline-block;
    vertical-align: top;
    min-width: 180px;
    margin: 0 10px; }
    @media (max-width: 500px) {
      .main[view="thankyou"] .actions a {
        display: block;
        width: 200px;
        margin: 10px auto;
        clear: both; } }

.main[view="termsofuse"] .section-info {
  font-size: 22px;
  font-weight: 300; }
  @media (max-width: 768px) {
    .main[view="termsofuse"] .section-info {
      font-size: 14px; } }
.main[view="termsofuse"] h2, .main[view="termsofuse"] h3 {
  color: #000; }
  .main[view="termsofuse"] h2 + p, .main[view="termsofuse"] h3 + p {
    margin-top: 10px; }
  @media (max-width: 768px) {
    .main[view="termsofuse"] h2, .main[view="termsofuse"] h3 {
      font-size: 20px; } }
.main[view="termsofuse"] h2 {
  margin-top: 36px; }
  .main[view="termsofuse"] h2:first-child {
    margin-top: 0; }
.main[view="termsofuse"] h3 {
  margin-top: 30px; }
.main[view="termsofuse"] p {
  margin-top: 16px; }
  @media (max-width: 1024px) {
    .main[view="termsofuse"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view="termsofuse"] p {
      font-size: 14px; } }
.main[view="termsofuse"] .box {
  padding: 70px 136px; }
  .main[view="termsofuse"] .box a {
    color: #CF9F24; }
  @media (max-width: 1024px) {
    .main[view="termsofuse"] .box {
      padding: 48px; } }
  @media (max-width: 768px) {
    .main[view="termsofuse"] .box {
      padding: 40px 20px; } }

main.main.secondary[view="teamPasswordManager"] .intro {
  position: relative;
  padding: 72px 0;
  overflow: hidden; }
  @media (max-width: 767px) {
    main.main.secondary[view="teamPasswordManager"] .intro {
      padding: 40px 0; } }
  main.main.secondary[view="teamPasswordManager"] .intro .container {
    max-width: 100%;
    width: 1200px; }
    main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content {
      text-align: center;
      color: #fff; }
      main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content #primaryPoints {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start; }
        @media (max-width: 640px) {
          main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content #primaryPoints {
            flex-flow: column nowrap;
            align-items: center; } }
        main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content #primaryPoints div {
          width: 30%; }
          @media (max-width: 640px) {
            main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content #primaryPoints div {
              width: 100%; } }
          main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content #primaryPoints div img {
            margin-bottom: 24px; }
            @media (max-width: 768px) {
              main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content #primaryPoints div img {
                width: 32px;
                height: 32px; } }
          main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content #primaryPoints div p {
            font-size: 16px; }
      main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content .actions {
        margin: 40px 0 0; }
        @media (max-width: 640px) {
          main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content .actions {
            margin-top: 0; } }
        main.main.secondary[view="teamPasswordManager"] .intro .container .intro-content .actions .btn-clear-yellow {
          color: #fff; }
main.main.secondary[view="teamPasswordManager"] #businessThrives {
  display: block;
  padding-top: 96px;
  text-align: center; }
  @media (max-width: 768px) {
    main.main.secondary[view="teamPasswordManager"] #businessThrives {
      padding-top: 32px; } }
  main.main.secondary[view="teamPasswordManager"] #businessThrives p:first-child {
    margin-bottom: 28px; }
main.main.secondary[view="teamPasswordManager"] #highlights {
  background: url("/assets/images/team-password-manager/desktop-app-macbook.jpg") no-repeat right center/contain;
  margin: 134px 0 122px; }
  @media (max-width: 1400px) {
    main.main.secondary[view="teamPasswordManager"] #highlights {
      background-position: calc(120%) center; } }
  @media (max-width: 1300px) {
    main.main.secondary[view="teamPasswordManager"] #highlights {
      background-position: calc(140%) center; } }
  @media (max-width: 1250px) {
    main.main.secondary[view="teamPasswordManager"] #highlights {
      background-position: calc(200%) center; } }
  @media (max-width: 1200px) {
    main.main.secondary[view="teamPasswordManager"] #highlights {
      background: #fff;
      margin: 0;
      padding: 50px 0; } }
  @media (max-width: 768px) {
    main.main.secondary[view="teamPasswordManager"] #highlights {
      padding: 32px 0; } }
  main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start; }
    main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container article {
      width: calc(50% - 50px); }
      @media (max-width: 1400px) {
        main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container article {
          width: 40%; } }
      @media (max-width: 1200px) {
        main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container article {
          width: 100%; } }
      @media (max-width: 768px) {
        main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container article {
          text-align: center; } }
      main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container article:first-child {
        margin: 0 0 80px; }
        @media (max-width: 1200px) {
          main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container article:first-child {
            margin-bottom: 50px; } }
      main.main.secondary[view="teamPasswordManager"] #highlights .highlightArticles .container article h2 {
        color: #000;
        line-height: 38px;
        margin-bottom: 16px; }
main.main.secondary[view="teamPasswordManager"] #idealSolution {
  background: #000;
  padding: 120px 0 96px;
  color: #fff;
  text-align: center; }
  @media (max-width: 768px) {
    main.main.secondary[view="teamPasswordManager"] #idealSolution {
      padding: 48px 0; } }
  @media (max-width: 480px) {
    main.main.secondary[view="teamPasswordManager"] #idealSolution {
      padding: 32px 0 16px; } }
  main.main.secondary[view="teamPasswordManager"] #idealSolution h2 {
    line-height: 38px;
    margin-bottom: 16px; }
  main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    padding: 48px 80px 12px 80px;
    margin-top: 32px; }
    @media (max-width: 1300px) {
      main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits {
        padding: 48px 48px 12px 48px; } }
    @media (max-width: 480px) {
      main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits {
        padding: 16px 8px; } }
    main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits p {
      font-size: 18px; }
    main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul {
      margin-top: 48px;
      text-align: left;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul {
          flex-flow: column nowrap; } }
      main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li {
        width: 48%;
        font-size: 18px;
        margin-bottom: 36px; }
        @media (max-width: 768px) {
          main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li {
            width: 100%;
            font-size: 16px; }
            main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li.benefit-1 {
              order: 1; }
            main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li.benefit-2 {
              order: 2; }
            main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li.benefit-3 {
              order: 3; }
            main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li.benefit-4 {
              order: 4; } }
        @media (max-width: 480px) {
          main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li {
            font-size: 14px; }
            main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li:last-child {
              margin-bottom: 0; } }
        main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li a {
          color: #ffc600;
          white-space: nowrap; }
        main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li strong {
          display: block;
          margin-bottom: 12px; }
          @media (max-width: 768px) {
            main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li strong {
              margin-bottom: 8px; } }
          @media (max-width: 480px) {
            main.main.secondary[view="teamPasswordManager"] #idealSolution #solutionBenefits ul li strong {
              margin-bottom: 4px; } }
main.main.secondary[view="teamPasswordManager"] #protectYourTeam {
  padding-top: 96px;
  text-align: center; }
  @media (max-width: 768px) {
    main.main.secondary[view="teamPasswordManager"] #protectYourTeam {
      padding-top: 48px; } }
  @media (max-width: 480px) {
    main.main.secondary[view="teamPasswordManager"] #protectYourTeam {
      padding-top: 32px; } }
  main.main.secondary[view="teamPasswordManager"] #protectYourTeam h2 {
    color: #000; }
  main.main.secondary[view="teamPasswordManager"] #protectYourTeam .actions {
    margin: 40px 0 0; }
    @media (max-width: 640px) {
      main.main.secondary[view="teamPasswordManager"] #protectYourTeam .actions {
        margin-top: 24px; } }
    @media (max-width: 480px) {
      main.main.secondary[view="teamPasswordManager"] #protectYourTeam .actions {
        display: flex;
        justify-content: center;
        flex-flow: column nowrap; } }
    main.main.secondary[view="teamPasswordManager"] #protectYourTeam .actions .btn {
      margin: 0 8px; }
      @media (max-width: 480px) {
        main.main.secondary[view="teamPasswordManager"] #protectYourTeam .actions .btn {
          margin: 8px auto; } }
  main.main.secondary[view="teamPasswordManager"] #protectYourTeam p {
    margin-top: 96px;
    font-size: 16px; }
    @media (max-width: 480px) {
      main.main.secondary[view="teamPasswordManager"] #protectYourTeam p {
        margin-top: 48px; } }
    main.main.secondary[view="teamPasswordManager"] #protectYourTeam p a:not(.btn) {
      color: #E6B300; }

.main[view="dwnload"] {
    /*
    .mdl-textfield{
		width:100%;
		padding:0;
	}*/
  	 /*
  	.mdl-textfield__label{
  		top:13px;
  		left:10px;
  		font-weight: 300;
  		max-width: 90%;
  	}
  	.mdl-textfield--floating-label.is-focused .mdl-textfield__label{
  		top:10px;
  		left:10px;
  		color:rgba(0,0,0,.5);
  	}
  	.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, 
  	.mdl-textfield--floating-label.is-dirty .mdl-textfield__label, 
  	.mdl-textfield--floating-label.is-focused .mdl-textfield__label{
  		top: 10px;
  		color: rgba(0,0,0,.5);
  	}
  	.mdl-textfield__label:after{
  		display:none;
  	}
  	.mdl-textfield__error{
  		margin: -20px 0 0 5px;
      }
      
      .fs-dropdown {
          position: relative;
      }
      */ }
  .main[view="dwnload"] .icon-mac,
  .main[view="dwnload"] .icon-windows,
  .main[view="dwnload"] .icon-linux,
  .main[view="dwnload"] .icon-chrome,
  .main[view="dwnload"] .icon-firefox,
  .main[view="dwnload"] .icon-safari,
  .main[view="dwnload"] .icon-ie,
  .main[view="dwnload"] .icon-edge,
  .main[view="dwnload"] .icon-opera {
    width: 25px;
    height: 25px; }
  .main[view="dwnload"] .icon-mac {
    background: url("/assets/images/pages/download/ico-apple@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-windows {
    background: url("/assets/images/pages/download/ico-windows@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-linux {
    background: url("/assets/images/pages/download/ico-linux@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-chrome {
    background: url("/assets/images/pages/download/ico-chrome@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-firefox {
    background: url("/assets/images/pages/download/ico-firefox@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-safari {
    background: url("/assets/images/pages/download/ico-safari@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-ie {
    background: url("/assets/images/pages/download/ico-ie@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-edge {
    background: url("/assets/images/pages/download/ico-edge@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-opera {
    background: url("/assets/images/pages/download/ico-opera@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .image-download-from-microsoft-store,
  .main[view="dwnload"] .image-download-from-app-store,
  .main[view="dwnload"] .image-download-from-google-play {
    width: 125px;
    height: 40px; }
  .main[view="dwnload"] .image-download-from-microsoft-store {
    background: url("/assets/images/pages/download/badge-microsoft@2x.png") no-repeat center/contain; }
  .main[view="dwnload"] .icon-checkmark {
    background: url("/assets/images/pages/download/ico-success-link.svg") no-repeat center/contain;
    width: 40px;
    height: 40px; }
  .main[view="dwnload"] .image-download-from-microsoft-store,
  .main[view="dwnload"] .image-download-from-app-store,
  .main[view="dwnload"] .image-download-from-google-play {
    display: none;
    margin: 0 auto;
    margin-bottom: 25px; }
  .main[view="dwnload"] .image-download-from-microsoft-store.active,
  .main[view="dwnload"] .image-download-from-app-store.active,
  .main[view="dwnload"] .image-download-from-google-play.active {
    display: block; }
  .main[view="dwnload"] .content {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap; }
  @media only screen and (max-width: 768px) {
    .main[view="dwnload"] .content.container.desktop {
      display: none; } }
  .main[view="dwnload"] .box {
    padding: 48px; }
    @media (max-width: 1024px) {
      .main[view="dwnload"] .box {
        padding: 40px 20px; } }
  .main[view="dwnload"] .appStoresDownload {
    margin-top: 33px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .main[view="dwnload"] .appStoresDownload a {
      display: inline-block;
      overflow: hidden; }
      .main[view="dwnload"] .appStoresDownload a + a {
        margin-left: 20px; }
  .main[view="dwnload"] .desktop .box.desktop-app {
    margin-right: 1.9%; }
  .main[view="dwnload"] .desktop .box.browser-extension,
  .main[view="dwnload"] .desktop .box.desktop-app,
  .main[view="dwnload"] .desktop .box.mobile-app {
    width: 49%;
    margin-top: 0;
    position: relative; }
    @media (max-width: 768px) {
      .main[view="dwnload"] .desktop .box.browser-extension,
      .main[view="dwnload"] .desktop .box.desktop-app,
      .main[view="dwnload"] .desktop .box.mobile-app {
        width: 100%;
        margin-top: 20px; } }
    .main[view="dwnload"] .desktop .box.browser-extension h2,
    .main[view="dwnload"] .desktop .box.desktop-app h2,
    .main[view="dwnload"] .desktop .box.mobile-app h2 {
      color: #000;
      margin-bottom: 8px; }
      @media (max-width: 991px) {
        .main[view="dwnload"] .desktop .box.browser-extension h2,
        .main[view="dwnload"] .desktop .box.desktop-app h2,
        .main[view="dwnload"] .desktop .box.mobile-app h2 {
          font-size: 22px; } }
      @media (max-width: 768px) {
        .main[view="dwnload"] .desktop .box.browser-extension h2,
        .main[view="dwnload"] .desktop .box.desktop-app h2,
        .main[view="dwnload"] .desktop .box.mobile-app h2 {
          font-size: 20px; } }
    .main[view="dwnload"] .desktop .box.browser-extension p,
    .main[view="dwnload"] .desktop .box.desktop-app p,
    .main[view="dwnload"] .desktop .box.mobile-app p {
      color: #000;
      margin-bottom: 48px; }
      @media (max-width: 1150px) {
        .main[view="dwnload"] .desktop .box.browser-extension p,
        .main[view="dwnload"] .desktop .box.desktop-app p,
        .main[view="dwnload"] .desktop .box.mobile-app p {
          font-size: 20px; } }
      @media (max-width: 1200px) {
        .main[view="dwnload"] .desktop .box.browser-extension p,
        .main[view="dwnload"] .desktop .box.desktop-app p,
        .main[view="dwnload"] .desktop .box.mobile-app p {
          font-size: 18px; } }
      @media (max-width: 1080px) {
        .main[view="dwnload"] .desktop .box.browser-extension p,
        .main[view="dwnload"] .desktop .box.desktop-app p,
        .main[view="dwnload"] .desktop .box.mobile-app p {
          font-size: 16px; } }
      @media (max-width: 768px) {
        .main[view="dwnload"] .desktop .box.browser-extension p,
        .main[view="dwnload"] .desktop .box.desktop-app p,
        .main[view="dwnload"] .desktop .box.mobile-app p {
          font-size: 14px; } }
    .main[view="dwnload"] .desktop .box.browser-extension .actions,
    .main[view="dwnload"] .desktop .box.browser-extension .downloads,
    .main[view="dwnload"] .desktop .box.desktop-app .actions,
    .main[view="dwnload"] .desktop .box.desktop-app .downloads,
    .main[view="dwnload"] .desktop .box.mobile-app .actions,
    .main[view="dwnload"] .desktop .box.mobile-app .downloads {
      display: block;
      width: 100%;
      padding: 40px 0 20px; }
      .main[view="dwnload"] .desktop .box.browser-extension .actions a.btn,
      .main[view="dwnload"] .desktop .box.browser-extension .downloads a.btn,
      .main[view="dwnload"] .desktop .box.desktop-app .actions a.btn,
      .main[view="dwnload"] .desktop .box.desktop-app .downloads a.btn,
      .main[view="dwnload"] .desktop .box.mobile-app .actions a.btn,
      .main[view="dwnload"] .desktop .box.mobile-app .downloads a.btn {
        display: inline-block;
        width: auto; }
  .main[view="dwnload"] .desktop .box.desktop-app {
    width: 49%;
    margin-top: 0;
    position: relative; }
    @media (max-width: 1300px) {
      .main[view="dwnload"] .desktop .box.desktop-app {
        width: 45%; } }
    @media (max-width: 1200px) {
      .main[view="dwnload"] .desktop .box.desktop-app {
        width: 43%; } }
    @media (max-width: 1024px) {
      .main[view="dwnload"] .desktop .box.desktop-app {
        width: 41%; } }
    @media (max-width: 768px) {
      .main[view="dwnload"] .desktop .box.desktop-app {
        width: 100%; } }
    .main[view="dwnload"] .desktop .box.desktop-app h2 {
      color: #000;
      margin-bottom: 8px; }
      @media (max-width: 991px) {
        .main[view="dwnload"] .desktop .box.desktop-app h2 {
          font-size: 22px; } }
      @media (max-width: 768px) {
        .main[view="dwnload"] .desktop .box.desktop-app h2 {
          font-size: 20px; } }
    .main[view="dwnload"] .desktop .box.desktop-app p {
      color: #000;
      margin-bottom: 48px; }
      @media (max-width: 1200px) {
        .main[view="dwnload"] .desktop .box.desktop-app p {
          font-size: 18px; } }
      @media (max-width: 1080px) {
        .main[view="dwnload"] .desktop .box.desktop-app p {
          font-size: 16px; } }
      @media (max-width: 768px) {
        .main[view="dwnload"] .desktop .box.desktop-app p {
          font-size: 14px; } }
    .main[view="dwnload"] .desktop .box.desktop-app .list-platforms {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-content: center;
      align-items: center;
      list-style: none;
      width: 100%;
      max-width: 100%;
      margin-bottom: 48px;
      font-size: 16px; }
      .main[view="dwnload"] .desktop .box.desktop-app .list-platforms .platform {
        width: 112px;
        height: 96px;
        padding: 18px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-flow: column nowrap;
        cursor: pointer;
        transition: 0.5s ease; }
        .main[view="dwnload"] .desktop .box.desktop-app .list-platforms .platform .title {
          margin-top: 10px; }
      .main[view="dwnload"] .desktop .box.desktop-app .list-platforms .platform.active,
      .main[view="dwnload"] .desktop .box.desktop-app .list-platforms .platform:hover {
        background: #FFFFFF;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.27);
        border-radius: 3px; }
    .main[view="dwnload"] .desktop .box.desktop-app .platform-info h3 {
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 26px;
      margin-bottom: 8px; }
    .main[view="dwnload"] .desktop .box.desktop-app .platform-info .list-downloads {
      display: flex;
      justify-content: space-between;
      flex-flow: row wrap;
      list-style: none; }
      .main[view="dwnload"] .desktop .box.desktop-app .platform-info .list-downloads .download {
        width: 50%; }
        .main[view="dwnload"] .desktop .box.desktop-app .platform-info .list-downloads .download a {
          font-size: 18px;
          color: #CF9F24;
          letter-spacing: 0;
          line-height: 26px; }
          .main[view="dwnload"] .desktop .box.desktop-app .platform-info .list-downloads .download a.btn {
            width: auto;
            display: inline-block; }
          .main[view="dwnload"] .desktop .box.desktop-app .platform-info .list-downloads .download a:hover {
            color: #FFC600;
            text-decoration: none; }
        .main[view="dwnload"] .desktop .box.desktop-app .platform-info .list-downloads .download .details {
          font-size: 18px;
          color: #000000;
          letter-spacing: 0;
          line-height: 26px; }
      .main[view="dwnload"] .desktop .box.desktop-app .platform-info .list-downloads .download:nth-of-type(3n) {
        margin-top: 20px; }
    .main[view="dwnload"] .desktop .box.desktop-app .platform-info .info {
      display: none; }
    .main[view="dwnload"] .desktop .box.desktop-app .platform-info .info.active {
      display: block; }
    .main[view="dwnload"] .desktop .box.desktop-app .downloads {
      display: block;
      width: 100%;
      padding: 7px 0 20px; }
      .main[view="dwnload"] .desktop .box.desktop-app .downloads .microsoftStoreLink {
        display: block;
        clear: both; }
      .main[view="dwnload"] .desktop .box.desktop-app .downloads .download {
        display: none;
        text-align: right; }
        .main[view="dwnload"] .desktop .box.desktop-app .downloads .download a {
          font-weight: 600;
          width: auto; }
        .main[view="dwnload"] .desktop .box.desktop-app .downloads .download a:not(.btn) {
          color: #cf9f24;
          margin-top: 16px; }
        .main[view="dwnload"] .desktop .box.desktop-app .downloads .download span {
          clear: both;
          text-align: right;
          display: block; }
        @media (max-width: 1150px) {
          .main[view="dwnload"] .desktop .box.desktop-app .downloads .download .btn.btn-yellow {
            padding: 0 40px 0 15px; } }
        @media (max-width: 1024px) {
          .main[view="dwnload"] .desktop .box.desktop-app .downloads .download .btn.btn-yellow {
            font-size: 14px;
            padding: 0 10px 0 10px; }
            .main[view="dwnload"] .desktop .box.desktop-app .downloads .download .btn.btn-yellow .icon-download {
              margin-right: 0; } }
      .main[view="dwnload"] .desktop .box.desktop-app .downloads .download.active {
        display: block; }
      .main[view="dwnload"] .desktop .box.desktop-app .downloads .download > a {
        display: inline-block;
        width: auto; }
  @media (max-width: 1300px) {
    .main[view="dwnload"] .desktop .box.browser-extension {
      width: 53%; } }
  @media (max-width: 1200px) {
    .main[view="dwnload"] .desktop .box.browser-extension {
      width: 55%; } }
  @media (max-width: 1024px) {
    .main[view="dwnload"] .desktop .box.browser-extension {
      width: 57%; } }
  .main[view="dwnload"] .desktop .box.browser-extension .bottom {
    display: flex; }
    .main[view="dwnload"] .desktop .box.browser-extension .bottom .info.ie {
      margin-top: -100px; }
  .main[view="dwnload"] .desktop .box.browser-extension .list-downloads {
    list-style: none; }
  .main[view="dwnload"] .desktop .box.browser-extension .list-browsers {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    list-style: none;
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    margin-bottom: 48px; }
    @media (max-width: 1024px) {
      .main[view="dwnload"] .desktop .box.browser-extension .list-browsers {
        font-size: 14px; } }
    .main[view="dwnload"] .desktop .box.browser-extension .list-browsers .browser {
      width: 16.667%;
      height: 96px;
      padding: 18px;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
      flex-flow: column nowrap;
      cursor: pointer;
      transition: 0.5s ease; }
      .main[view="dwnload"] .desktop .box.browser-extension .list-browsers .browser .title {
        margin-top: 10px; }
    .main[view="dwnload"] .desktop .box.browser-extension .list-browsers .browser.active,
    .main[view="dwnload"] .desktop .box.browser-extension .list-browsers .browser:hover {
      background: #FFFFFF;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.27);
      border-radius: 3px; }
  .main[view="dwnload"] .desktop .box.browser-extension .downloads {
    display: flex;
    width: 100%;
    padding: 0 0 20px;
    list-style: none;
    flex-flow: row nowrap;
    justify-content: flex-end; }
    .main[view="dwnload"] .desktop .box.browser-extension .downloads .download {
      display: none; }
      .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni {
        width: 46%;
        justify-content: flex-end;
        flex-flow: column nowrap; }
        .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.active {
          display: flex; }
          .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.active .btn + .setup {
            display: block;
            text-align: center; }
      .main[view="dwnload"] .desktop .box.browser-extension .downloads .download a {
        font-weight: 600; }
      .main[view="dwnload"] .desktop .box.browser-extension .downloads .download a:not(.btn) {
        color: #cf9f24;
        margin-top: 16px; }
      @media (max-width: 1150px) {
        .main[view="dwnload"] .desktop .box.browser-extension .downloads .download .btn.btn-yellow {
          padding: 0 40px 0 15px; } }
      @media (max-width: 1024px) {
        .main[view="dwnload"] .desktop .box.browser-extension .downloads .download .btn.btn-yellow {
          font-size: 14px;
          padding: 0 10px 0 10px; }
          .main[view="dwnload"] .desktop .box.browser-extension .downloads .download .btn.btn-yellow .icon-download {
            margin-right: 0; } }
      .main[view="dwnload"] .desktop .box.browser-extension .downloads .download .setup {
        display: block;
        clear: both;
        margin: 0 auto;
        color: #CF9F24; }
      .main[view="dwnload"] .desktop .box.browser-extension .downloads .download .setup:hover {
        color: #FFC600;
        text-decoration: none; }
  .main[view="dwnload"] .desktop .box.browser-extension .browser-info {
    width: 50%; }
    .main[view="dwnload"] .desktop .box.browser-extension .browser-info h3 {
      font-weight: 300;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 26px;
      margin-bottom: 8px; }
    .main[view="dwnload"] .desktop .box.browser-extension .browser-info a {
      font-size: 18px;
      color: #CF9F24;
      letter-spacing: 0;
      line-height: 26px; }
      .main[view="dwnload"] .desktop .box.browser-extension .browser-info a:hover {
        color: #FFC600;
        text-decoration: none; }
    .main[view="dwnload"] .desktop .box.browser-extension .browser-info .info {
      display: none; }
    .main[view="dwnload"] .desktop .box.browser-extension .browser-info .info.active {
      display: block; }
    .main[view="dwnload"] .desktop .box.browser-extension .browser-info .info.opera ul li {
      font-size: 16px; }
    .main[view="dwnload"] .desktop .box.browser-extension .browser-info .info.opera ul li button {
      font-size: 16px; }
    .main[view="dwnload"] .desktop .box.browser-extension .browser-info .list-nums {
      list-style: none; }
  .main[view="dwnload"] .desktop #sms {
    width: 100%; }
    .main[view="dwnload"] .desktop #sms .send-sms {
      width: 100%;
      display: flex;
      flex-flow: row nowrap; }
      .main[view="dwnload"] .desktop #sms .send-sms .btn {
        padding: 0 35px;
        height: 48px; }
      @media only screen and (max-width: 1150px) {
        .main[view="dwnload"] .desktop #sms .send-sms {
          flex-flow: column nowrap; } }
      .main[view="dwnload"] .desktop #sms .send-sms .mdl-textfield__input {
        margin-bottom: 0; }
      .main[view="dwnload"] .desktop #sms .send-sms .left {
        width: 30%; }
        @media (max-width: 1200px) {
          .main[view="dwnload"] .desktop #sms .send-sms .left {
            width: 26%; } }
        @media only screen and (max-width: 1150px) {
          .main[view="dwnload"] .desktop #sms .send-sms .left {
            width: 100%; } }
        .main[view="dwnload"] .desktop #sms .send-sms .left h2 {
          color: #000;
          margin-top: -6px; }
          @media (max-width: 991px) {
            .main[view="dwnload"] .desktop #sms .send-sms .left h2 {
              font-size: 22px; } }
          @media (max-width: 768px) {
            .main[view="dwnload"] .desktop #sms .send-sms .left h2 {
              font-size: 20px; } }
        .main[view="dwnload"] .desktop #sms .send-sms .left p {
          color: #000; }
          @media (max-width: 1200px) {
            .main[view="dwnload"] .desktop #sms .send-sms .left p {
              font-size: 18px; } }
          @media (max-width: 1080px) {
            .main[view="dwnload"] .desktop #sms .send-sms .left p {
              font-size: 16px; } }
          @media (max-width: 768px) {
            .main[view="dwnload"] .desktop #sms .send-sms .left p {
              font-size: 14px; } }
      .main[view="dwnload"] .desktop #sms .send-sms .right {
        width: 70%; }
        @media (max-width: 1200px) {
          .main[view="dwnload"] .desktop #sms .send-sms .right {
            width: 74%; } }
        @media only screen and (max-width: 1150px) {
          .main[view="dwnload"] .desktop #sms .send-sms .right {
            width: 100%;
            margin-top: 20px;
            text-align: center; } }
        .main[view="dwnload"] .desktop #sms .send-sms .right form {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between; }
          @media only screen and (max-width: 768px) {
            .main[view="dwnload"] .desktop #sms .send-sms .right form {
              flex-flow: row wrap; } }
          @media only screen and (max-width: 1150px) {
            .main[view="dwnload"] .desktop #sms .send-sms .right form {
              justify-content: flex-start; } }
        .main[view="dwnload"] .desktop #sms .send-sms .right form > div {
          margin-right: 16px; }
          .main[view="dwnload"] .desktop #sms .send-sms .right form > div.countrySelector {
            min-width: 30%;
            /*@media(max-width:$breakpoint-xl){
                width: 26%;
            }
            @media only screen and (max-width: $breakpoint-btw-lg-xl) {
                width: 36%;
            }
            @media(max-width: $breakpoint-under-xl){
                width: 30%;
            }*/ }
          .main[view="dwnload"] .desktop #sms .send-sms .right form > div.mdl-textfield {
            min-width: 30%;
            /*@media(max-width:$breakpoint-xl){
                width: 26%;
            }
            @media only screen and (max-width: $breakpoint-btw-lg-xl) {
                width: 36%;
            }
            @media(max-width: $breakpoint-under-xl){
                width: 30%;
            }*/ }
        .main[view="dwnload"] .desktop #sms .send-sms .right form > div:last-of-type {
          margin-right: 0; }
  @media (max-width: 1300px) {
    .main[view="dwnload"] .desktop .box.mobile-app {
      width: 53%; } }
  @media (max-width: 1200px) {
    .main[view="dwnload"] .desktop .box.mobile-app {
      width: 55%; } }
  @media (max-width: 1024px) {
    .main[view="dwnload"] .desktop .box.mobile-app {
      width: 57%; } }
  @media (max-width: 768px) {
    .main[view="dwnload"] .desktop .box.mobile-app {
      width: 100%; } }
  .main[view="dwnload"] .desktop .box.mobile-app > form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
  .main[view="dwnload"] .desktop .box.mobile-app > form > div {
    width: 49%; }
  .main[view="dwnload"] .desktop .box.mobile-app .actions .appStoresDownload {
    justify-content: space-between; }
    .main[view="dwnload"] .desktop .box.mobile-app .actions .appStoresDownload button {
      width: 250px;
      margin-left: 20px; }
  @media (max-width: 1150px) {
    .main[view="dwnload"] .desktop .box.mobile-app .btn.btn-yellow {
      padding: 0 40px 0 15px; } }
  @media (max-width: 1024px) {
    .main[view="dwnload"] .desktop .box.mobile-app .btn.btn-yellow {
      font-size: 14px;
      padding: 0 10px 0 10px; }
      .main[view="dwnload"] .desktop .box.mobile-app .btn.btn-yellow .icon-download {
        margin-right: 0; } }
  .main[view="dwnload"] .mobile .box {
    padding: 32px 24px; }
  .main[view="dwnload"] .mobile .mobile-app {
    width: 100%; }
    .main[view="dwnload"] .mobile .mobile-app h2 {
      font-size: 18px;
      color: #000000;
      text-align: center;
      line-height: 20px;
      font-weight: 600;
      margin-bottom: 25px; }
    .main[view="dwnload"] .mobile .mobile-app .share {
      display: flex;
      justify-content: center; }
      .main[view="dwnload"] .mobile .mobile-app .share div {
        font-size: 14px;
        color: #000000;
        letter-spacing: 0;
        line-height: 18px;
        background-image: url("/assets/images/pages/download/mo-ico-share-link.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 18px;
        padding-left: 24px; }
        .main[view="dwnload"] .mobile .mobile-app .share div a {
          color: #4083FF;
          font-weight: 600; }
  .main[view="dwnload"] .mdl-textfield__input {
    background: #F9F9F9;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    padding: 10px 10px 0 10px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    z-index: 1; }
  .main[view="dwnload"] .grecaptcha-badge {
    display: none; }
  .main[view="dwnload"] .download-link-confirmation,
  .main[view="dwnload"] .copy-confirmation {
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: fixed;
    color: white;
    text-align: center;
    padding: 48px;
    top: 25%;
    /* opacity: 1; */
    /* left: 0; */
    /* right: 0; */
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 500px;
    z-index: 99;
    display: none;
    opacity: 1;
    transition: 0.5s ease; }
    @media only screen and (max-width: 768px) {
      .main[view="dwnload"] .download-link-confirmation,
      .main[view="dwnload"] .copy-confirmation {
        background: rgba(0, 0, 0, 0.75);
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        width: 250px; } }
    .main[view="dwnload"] .download-link-confirmation p,
    .main[view="dwnload"] .copy-confirmation p {
      margin-top: 20px; }
      @media (max-width: 1024px) {
        .main[view="dwnload"] .download-link-confirmation p,
        .main[view="dwnload"] .copy-confirmation p {
          font-size: 18px; } }
      @media only screen and (max-width: 768px) {
        .main[view="dwnload"] .download-link-confirmation p,
        .main[view="dwnload"] .copy-confirmation p {
          font-size: 14px;
          color: #FFFFFF;
          text-align: center;
          line-height: 20px; } }
    .main[view="dwnload"] .download-link-confirmation.active,
    .main[view="dwnload"] .copy-confirmation.active {
      display: block; }
    .main[view="dwnload"] .download-link-confirmation.fade-out,
    .main[view="dwnload"] .copy-confirmation.fade-out {
      opacity: 0; }
  .main[view="dwnload"] .version {
    color: #000;
    opacity: 0.3;
    font-size: 20px;
    margin-left: 10px;
    display: none; }
  .main[view="dwnload"] .version.active {
    display: inline-block; }

html[locale="ar_AE"] main.main[view="dwnload"] .desktop .box.desktop-app {
  margin-right: 0;
  margin-left: 1.9%; }
html[locale="ar_AE"] main.main[view="dwnload"] .desktop .box.send-sms .right form > div {
  margin-right: 0;
  margin-left: 16px; }
html[locale="ar_AE"] main.main[view="dwnload"] .desktop .box.send-sms .right form > div:last-of-type {
  margin-left: 0; }

html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.chrome, html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.edge, html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.firefox, html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.safari,
html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.chrome,
html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.edge,
html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.firefox,
html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.safari {
  width: 55%; }
  html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.chrome .btn, html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.edge .btn, html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.firefox .btn, html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.safari .btn,
  html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.chrome .btn,
  html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.edge .btn,
  html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.firefox .btn,
  html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.safari .btn {
    padding: 0 10px; }
html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.ie,
html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.ie {
  width: 50%; }
  html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.ie .btn,
  html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .downloads .download.dbni.ie .btn {
    padding: 0 20px; }
html[locale="pl_PL"] .main[view="dwnload"] .desktop .box.browser-extension .browser-info .info.ie.active,
html[locale="ru_RU"] .main[view="dwnload"] .desktop .box.browser-extension .browser-info .info.ie.active {
  max-width: 85%; }

.main[view="pci-dds"] h2 {
  color: #000;
  display: block;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    .main[view="pci-dds"] h2 {
      font-size: 22px; } }
.main[view="pci-dds"] h3 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    .main[view="pci-dds"] h3 {
      font-size: 20px; } }
.main[view="pci-dds"] p {
  font-size: 22px;
  font-weight: 300;
  text-align: center; }
  @media (max-width: 1024px) {
    .main[view="pci-dds"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view="pci-dds"] p {
      font-size: 14px; } }
  .main[view="pci-dds"] p a {
    color: #1B78E0;
    font-weight: 300; }

.main[view="quote"] .ico-lost-productivity,
.main[view="quote"] .ico-help-desk,
.main[view="quote"] .ico-data-breach,
.main[view="quote"] .ico-pro-forma {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 30px; }
.main[view="quote"] .ico-lost-productivity {
  background: url("/assets/images/pages/quote/ico-lost-productivity.svg") no-repeat center/contain; }
.main[view="quote"] .ico-help-desk {
  background: url("/assets/images/pages/quote/ico-help-desk.svg") no-repeat center/contain; }
.main[view="quote"] .ico-data-breach {
  background: url("/assets/images/pages/quote/ico-data-breach.svg") no-repeat center/contain; }
.main[view="quote"] .ico-pro-forma {
  background: url("/assets/images/pages/quote/ico-pro-forma.svg") no-repeat center/contain; }
.main[view="quote"] h1.enterprise-buy-title {
  margin-top: 50px;
  color: #000; }
  @media (max-width: 768px) {
    .main[view="quote"] h1.enterprise-buy-title {
      font-size: 18px !important;
      margin: 50px 32px 20px; } }
.main[view="quote"] h2.legend-title {
  color: #000;
  margin: 50px 0; }
@media (max-width: 768px) {
  .main[view="quote"] #potentialSavings {
    margin: 15px; } }
.main[view="quote"] #potentialSavings:after {
  display: none; }
@media (max-width: 1024px) {
  .main[view="quote"] .legend-icons {
    justify-content: space-between; } }
@media (max-width: 767px) {
  .main[view="quote"] .legend-icons {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center; } }
@media (max-width: 1100px) {
  .main[view="quote"] .legend-icons .legend-column {
    width: 23rem; } }
@media (max-width: 1024px) {
  .main[view="quote"] .legend-icons .legend-column {
    width: 20rem; } }
@media (max-width: 960px) {
  .main[view="quote"] .legend-icons .legend-column {
    width: 20%; } }
@media (max-width: 767px) {
  .main[view="quote"] .legend-icons .legend-column {
    width: 100%; } }
.main[view="quote"] .legend-icons .legend-text {
  font-size: 22px; }
  @media (max-width: 1100px) {
    .main[view="quote"] .legend-icons .legend-text {
      font-size: 20px; } }
  @media (max-width: 1024px) {
    .main[view="quote"] .legend-icons .legend-text {
      font-size: 18px; } }
  .main[view="quote"] .legend-icons .legend-text br {
    display: none; }
    @media (max-width: 1024px) {
      .main[view="quote"] .legend-icons .legend-text br {
        display: initial; } }
    @media (max-width: 767px) {
      .main[view="quote"] .legend-icons .legend-text br {
        display: none; } }
.main[view="quote"] .legend-icons .legend-column-separator {
  font-size: 30px;
  height: 70px; }
.main[view="quote"] .legend-icons .legend-amount {
  font-size: 22px;
  font-weight: 600;
  white-space: nowrap; }
  @media (max-width: 991px) {
    .main[view="quote"] .legend-icons .legend-amount {
      font-size: 20px; } }
@media (max-width: 640px) {
  .main[view="quote"] #priceSlider {
    padding: 24px; } }
.main[view="quote"] #priceSlider:after {
  display: none; }
.main[view="quote"] #costBreakdown {
  margin: 15px; }
  .main[view="quote"] #costBreakdown:after {
    display: none; }
.main[view="quote"] #priceBreakdown {
  padding: 0 15px; }
  .main[view="quote"] #priceBreakdown:after {
    display: none; }
  .main[view="quote"] #priceBreakdown .section-form:after {
    display: none; }
  @media (max-width: 414px) {
    .main[view="quote"] #priceBreakdown .footnotes {
      border-top: 0;
      display: block;
      font-size: 12px;
      color: #8C8C8C;
      margin-top: 40px;
      text-align: center; } }
@media (max-width: 768px) {
  .main[view="quote"] #costs {
    margin: 15px; } }
.main[view="quote"] #costs:after {
  display: none; }
.main[view="quote"] #costs .section-form:after {
  display: none; }
.main[view="quote"] #keeper-cost {
  text-align: center;
  margin: 50px auto;
  font-size: 26px; }
  @media (max-width: 768px) {
    .main[view="quote"] #keeper-cost {
      font-size: 20px; } }
.main[view="quote"] .enterprise-buy-controls {
  width: 400px;
  max-width: 100%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .main[view="quote"] .enterprise-buy-controls {
      width: 300px; } }
  @media (max-width: 425px) {
    .main[view="quote"] .enterprise-buy-controls {
      width: 210px; } }
  .main[view="quote"] .enterprise-buy-controls #employee-count {
    border: 1px solid #000;
    border-radius: 4px;
    width: 100px;
    height: 56px;
    font-size: 20px;
    text-align: center;
    margin: 20px auto 40px; }
  .main[view="quote"] .enterprise-buy-controls .intro-actions {
    margin: 50px auto; }
    .main[view="quote"] .enterprise-buy-controls .intro-actions .btn {
      width: auto;
      min-width: 184px;
      padding: 0 22px; }
.main[view="quote"] #priceSlider:after {
  display: none; }
.main[view="quote"] .section-form {
  padding: 0; }
  .main[view="quote"] .section-form .roi-line {
    color: #000;
    border-top: 1px solid #C4C4C4;
    padding: 12px 24px; }
    @media (max-width: 768px) {
      .main[view="quote"] .section-form .roi-line {
        padding: 12px 16px; } }
    .main[view="quote"] .section-form .roi-line:first-child {
      border: none; }
    .main[view="quote"] .section-form .roi-line.highlighted {
      background: #f8f8f8;
      border: none; }
      .main[view="quote"] .section-form .roi-line.highlighted + .roi-line {
        border: none; }
    .main[view="quote"] .section-form .roi-line.total {
      color: #1B78E0;
      font-weight: 300;
      border: none; }
    .main[view="quote"] .section-form .roi-line.footnotes {
      padding-top: 56px;
      font-size: 18px;
      color: #8C8C8C;
      border: none; }
      @media (max-width: 480px) {
        .main[view="quote"] .section-form .roi-line.footnotes {
          font-size: 14px; } }
  .main[view="quote"] .section-form .roi-header {
    padding: 12px 24px; }
    @media (max-width: 480px) {
      .main[view="quote"] .section-form .roi-header {
        padding: 12px; } }
  .main[view="quote"] .section-form .enterprise-buy-roi {
    font-size: 20px; }
    @media (max-width: 1024px) {
      .main[view="quote"] .section-form .enterprise-buy-roi {
        font-size: 18px; } }
    @media (max-width: 860px) {
      .main[view="quote"] .section-form .enterprise-buy-roi {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .main[view="quote"] .section-form .enterprise-buy-roi {
        font-size: 15px; } }
    @media (max-width: 640px) {
      .main[view="quote"] .section-form .enterprise-buy-roi {
        font-size: 14px; } }
    @media (max-width: 480px) {
      .main[view="quote"] .section-form .enterprise-buy-roi .roi-line {
        padding: 12px; }
      .main[view="quote"] .section-form .enterprise-buy-roi .roi-line div:first-child {
        width: 70%; }
      .main[view="quote"] .section-form .enterprise-buy-roi .roi-line div:last-child {
        width: 30%;
        text-align: right; } }

.main[view="browser-redirect"] h2 {
  color: #000;
  text-align: center;
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    .main[view="browser-redirect"] h2 {
      font-size: 22px; } }
.main[view="browser-redirect"] h3 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    .main[view="browser-redirect"] h3 {
      font-size: 20px; } }
.main[view="browser-redirect"] p {
  text-align: center; }
  @media (max-width: 768px) {
    .main[view="browser-redirect"] p {
      font-size: 14px; } }
  .main[view="browser-redirect"] p a {
    color: #1B78E0; }

@media (max-width: 768px) {
  .main[view="accounting"] .content {
    padding-top: 18px; } }
@media (max-width: 768px) {
  .main[view="accounting"] .intro .intro-actions .btn + .btn {
    margin: 20px auto 0; } }
.main[view="accounting"] .intro .btn.btn-clear-white {
  border-width: 2px;
  margin-left: 16px; }
.main[view="accounting"] h2 {
  color: #000; }
.main[view="accounting"] p strong {
  font-weight: 600; }
.main[view="accounting"] .stats-row {
  display: flex;
  flex-flow: row;
  margin-bottom: 24px; }
  @media (max-width: 1100px) {
    .main[view="accounting"] .stats-row .box.feature-secondary h4 {
      font-size: 16px; } }
  .main[view="accounting"] .stats-row .col-sm-4:nth-child(2) .box.feature-secondary h4,
  .main[view="accounting"] .stats-row .col-sm-4:nth-child(3) .box.feature-secondary h4 {
    width: 250px;
    margin: 0 auto; }
    @media (max-width: 1100px) {
      .main[view="accounting"] .stats-row .col-sm-4:nth-child(2) .box.feature-secondary h4,
      .main[view="accounting"] .stats-row .col-sm-4:nth-child(3) .box.feature-secondary h4 {
        width: 100%; } }
  @media (max-width: 767px) {
    .main[view="accounting"] .stats-row {
      display: block;
      margin-bottom: 0; }
      .main[view="accounting"] .stats-row .col-sm-4 {
        width: 100%; } }
.main[view="accounting"] .box {
  padding: 48px; }
  @media (max-width: 768px) {
    .main[view="accounting"] .box {
      padding: 48px 30px; } }
  .main[view="accounting"] .box.feature-secondary {
    margin: 0;
    min-height: 100%; }
    @media (max-width: 767px) {
      .main[view="accounting"] .box.feature-secondary {
        margin-top: 30px; } }
    @media (max-width: 640px) {
      .main[view="accounting"] .box.feature-secondary {
        margin: 15px 0; } }
    .main[view="accounting"] .box.feature-secondary span {
      color: #000;
      font-size: 32px; }
      @media (max-width: 768px) {
        .main[view="accounting"] .box.feature-secondary span {
          font-size: 22px; } }
    .main[view="accounting"] .box.feature-secondary h4 {
      font-size: 22px; }
  .main[view="accounting"] .box img {
    display: block;
    margin: 12% auto 0; }
.main[view="accounting"] #teamUp {
  padding: 48px 150px; }
  @media (max-width: 1024px) {
    .main[view="accounting"] #teamUp {
      padding: 48px; } }
  @media (max-width: 768px) {
    .main[view="accounting"] #teamUp {
      padding: 48px 30px; } }
  @media (max-width: 480px) {
    .main[view="accounting"] #teamUp {
      padding: 40px 15px; } }
  .main[view="accounting"] #teamUp .btn.btn-clear-yellow {
    border-width: 2px;
    width: 212px;
    margin: 0 auto; }
  @media (max-width: 768px) {
    .main[view="accounting"] #teamUp .team-with-keeper {
      padding: 0; } }
  @media (max-width: 480px) {
    .main[view="accounting"] #teamUp .team-with-keeper .image {
      max-width: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; } }

.main[view="accountants-cybersecurity-guide"] .box {
  padding: 48px; }
.main[view="accountants-cybersecurity-guide"] #positions h4.numbered {
  padding: 0 0 0 44px; }
  @media (max-width: 767px) {
    .main[view="accountants-cybersecurity-guide"] #positions h4.numbered {
      padding: 0 0 0 30px; } }
  .main[view="accountants-cybersecurity-guide"] #positions h4.numbered span.circle-step {
    color: #fff;
    background: #000;
    font-size: 20px;
    width: 32px;
    height: 32px;
    line-height: 28px;
    float: left;
    margin-left: -42px; }
    @media (max-width: 768px) {
      .main[view="accountants-cybersecurity-guide"] #positions h4.numbered span.circle-step {
        font-size: 16px;
        width: 22px;
        height: 22px;
        line-height: 22px; } }
    @media (max-width: 767px) {
      .main[view="accountants-cybersecurity-guide"] #positions h4.numbered span.circle-step {
        margin-left: -30px; } }
  .main[view="accountants-cybersecurity-guide"] #positions h4.numbered a {
    color: #1B78E0; }
.main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented {
  margin: 0 0 40px 43px;
  list-style-type: none; }
  @media (max-width: 767px) {
    .main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented {
      margin: 0 0 40px 0; } }
  .main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented li {
    margin-bottom: 16px;
    padding-left: 30px;
    position: relative; }
    @media (max-width: 768px) {
      .main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented li {
        padding-left: 20px; } }
    .main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented li:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      left: 0;
      top: 8px;
      border: 2px solid #000;
      border-left: none;
      border-bottom: none;
      transform: rotate(45deg); }
      @media (max-width: 768px) {
        .main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented li:before {
          width: 7px;
          height: 7px; } }
    .main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented li a {
      color: #1B78E0;
      font-size: 20px; }
      @media (max-width: 768px) {
        .main[view="accountants-cybersecurity-guide"] #positions .list-blue-links.indented li a {
          font-size: 14px; } }
.main[view="accountants-cybersecurity-guide"] h3 {
  font-size: 36px; }
.main[view="accountants-cybersecurity-guide"] h4 {
  font-size: 26px;
  margin-bottom: 16px; }
  @media (max-width: 768px) {
    .main[view="accountants-cybersecurity-guide"] h4 {
      font-size: 18px; } }
.main[view="accountants-cybersecurity-guide"] h5 {
  font-size: 22px;
  margin-bottom: 10px; }
  @media (max-width: 1100px) {
    .main[view="accountants-cybersecurity-guide"] h5 {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view="accountants-cybersecurity-guide"] h5 {
      font-size: 14px; } }
@media (max-width: 1024px) {
  .main[view="accountants-cybersecurity-guide"] p {
    font-size: 18px; } }
@media (max-width: 768px) {
  .main[view="accountants-cybersecurity-guide"] p {
    font-size: 14px; } }
.main[view="accountants-cybersecurity-guide"] p strong {
  font-weight: 600; }
.main[view="accountants-cybersecurity-guide"] p.indented {
  padding-left: 44px; }
  @media (max-width: 767px) {
    .main[view="accountants-cybersecurity-guide"] p.indented {
      padding-left: 0; } }
@media (max-width: 767px) {
  .main[view="accountants-cybersecurity-guide"] p {
    font-size: 14px; } }
.main[view="accountants-cybersecurity-guide"] p a {
  color: #1B78E0; }

.main[view="hacker"] h3 {
  font-size: 26px;
  font-weight: 300; }
  @media (max-width: 768px) {
    .main[view="hacker"] h3 {
      font-size: 20px; } }
.main[view="hacker"] p {
  font-size: 22px;
  font-weight: 300; }
  @media (max-width: 1024px) {
    .main[view="hacker"] p {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .main[view="hacker"] p {
      font-size: 14px; } }

.main.primary[view="password-manager-free-trial"] {
  padding-bottom: 56px;
  background-color: white;
  /*************RATING*************/ }
  @media (max-width: 1210px) {
    .main.primary[view="password-manager-free-trial"] .box {
      padding: 48px 8%; } }
  @media (max-width: 960px) {
    .main.primary[view="password-manager-free-trial"] .box {
      padding: 48px 4%; } }
  @media (max-width: 768px) {
    .main.primary[view="password-manager-free-trial"] .box {
      padding: 48px; } }
  @media (max-width: 380px) {
    .main.primary[view="password-manager-free-trial"] .box {
      padding: 48px 20px; } }
  .main.primary[view="password-manager-free-trial"] .image-feature-vaults {
    background: url("/assets/icons/icon_vaults.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-feature-strong-security {
    background: url("/assets/icons/icon_strong_security.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-feature-secure-sharing {
    background: url("/assets/icons/icon_sharing.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-feature-admin {
    background: url("/assets/icons/icon_admin.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-feature-cybersecurity {
    background: url("/assets/icons/icon_zero_knowledge.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-feature-rapid-deployment {
    background: url("/assets/icons/icon_deployment.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-feature-employee-adoption {
    background: url("/assets/icons/icon_employees.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-feature-mitigate-support {
    background: url("/assets/icons/icon_shield_check.svg") no-repeat center/contain; }
  .main.primary[view="password-manager-free-trial"] .image-trustpilot {
    background: url("/assets/icons/ico-trustpilot.svg") no-repeat center/cover;
    width: 190px;
    height: 56px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] .image-trustpilot {
        width: 121px;
        height: 32px; } }
  .main.primary[view="password-manager-free-trial"] .image-getapp {
    background: url("/assets/icons/ico-getapp.svg") no-repeat center/cover;
    width: 136px;
    height: 56px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] .image-getapp {
        width: 121px;
        height: 42px; } }
  .main.primary[view="password-manager-free-trial"] .image-g2crowd {
    background: url("/assets/icons/ico-g2-crowd.svg") no-repeat center/cover;
    width: 140px;
    height: 56px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] .image-g2crowd {
        width: 121px;
        height: 42px; } }
  .main.primary[view="password-manager-free-trial"] #features h2 {
    font-size: 26px;
    line-height: 36px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] #features h2 {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px; } }
  .main.primary[view="password-manager-free-trial"] .intro {
    background: #1b78e0;
    background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
    background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b78e0", endColorstr="#004899",GradientType=1 ); }
    .main.primary[view="password-manager-free-trial"] .intro h1 {
      font-weight: 600;
      font-size: 36px;
      color: #FFFFFF;
      text-align: center;
      letter-spacing: 0.17px;
      line-height: 40px;
      margin-bottom: 16px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] .intro h1 {
          font-size: 20px;
          color: #FFFFFF;
          letter-spacing: 0;
          line-height: 24px;
          margin-bottom: 8px; } }
    .main.primary[view="password-manager-free-trial"] .intro p {
      font-size: 22px;
      color: #FFFFFF;
      text-align: center;
      letter-spacing: 0.22px;
      line-height: 28px;
      width: 900px;
      max-width: 100%;
      margin: 0 auto 40px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] .intro p {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 18px; } }
    .main.primary[view="password-manager-free-trial"] .intro .intro-content {
      width: 100%;
      order: 1 !important;
      padding: 72px 0; }
      @media (max-width: 460px) {
        .main.primary[view="password-manager-free-trial"] .intro .intro-content {
          padding: 40px 0; } }
      .main.primary[view="password-manager-free-trial"] .intro .intro-content .actions {
        text-align: center; }
      .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        margin-top: 56px; }
        @media (max-width: 900px) {
          .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures {
            flex-flow: row wrap; } }
        .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature {
          width: 25%;
          padding: 0 3%; }
          @media (max-width: 1400px) {
            .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature {
              padding: 0 2%; } }
          @media (max-width: 1024px) {
            .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature {
              padding: 0 10px; } }
          @media (max-width: 900px) {
            .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature {
              width: 50%;
              padding: 0 15px; } }
          @media (max-width: 460px) {
            .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature {
              width: 100%; } }
          .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature .image {
            width: 48px;
            height: 48px;
            margin: 0 auto 24px; }
          .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature p {
            text-align: center; }
            @media (max-width: 460px) {
              .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature p {
                margin-bottom: 32px; } }
          @media (max-width: 460px) {
            .main.primary[view="password-manager-free-trial"] .intro .intro-content .introFeatures .introFeature:last-child p {
              margin-bottom: 0; } }
      @media only screen and (max-width: 1250px) {
        .main.primary[view="password-manager-free-trial"] .intro .intro-content {
          margin-left: 0; } }
  .main.primary[view="password-manager-free-trial"] #features h2 {
    text-align: center;
    color: black;
    font-weight: 600; }
  .main.primary[view="password-manager-free-trial"] #features .list-features {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-top: 70px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] #features .list-features {
        flex-flow: column nowrap;
        margin-top: 35px; } }
    .main.primary[view="password-manager-free-trial"] #features .list-features .feature {
      width: 50%;
      padding: 0;
      padding: 0 8%;
      border: 0;
      background: none;
      text-align: center;
      margin-bottom: 72px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #features .list-features .feature {
          width: 100%;
          margin-bottom: 32px; } }
      .main.primary[view="password-manager-free-trial"] #features .list-features .feature .image {
        width: 32px;
        height: 32px;
        margin: 0 auto;
        margin-bottom: 26px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #features .list-features .feature .image {
            margin-bottom: 10px; } }
      .main.primary[view="password-manager-free-trial"] #features .list-features .feature .title {
        font-weight: 600;
        font-size: 22px;
        color: #000000;
        text-align: center;
        line-height: 26px;
        margin-bottom: 8px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #features .list-features .feature .title {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 20px;
            margin-bottom: 4px; } }
      .main.primary[view="password-manager-free-trial"] #features .list-features .feature .description {
        font-weight: 300;
        font-size: 22px;
        color: #000000;
        letter-spacing: 0;
        text-align: center;
        line-height: 26px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #features .list-features .feature .description {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 20px; } }
  .main.primary[view="password-manager-free-trial"] #employees {
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] #employees {
        background: #FFFFFF;
        border: 1px solid #EFEFEF;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
        border-radius: 8px; } }
    .main.primary[view="password-manager-free-trial"] #employees h2 {
      font-weight: 600;
      font-size: 26px;
      color: #000000;
      text-align: center;
      line-height: 36px;
      margin-bottom: 32px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #employees h2 {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 24px;
          margin-bottom: 24px; } }
    .main.primary[view="password-manager-free-trial"] #employees .employees {
      margin-bottom: 70px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #employees .employees {
          margin-bottom: 36px; } }
      .main.primary[view="password-manager-free-trial"] #employees .employees .counter {
        margin-bottom: 40px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #employees .employees .counter {
            margin-bottom: 30px; } }
      .main.primary[view="password-manager-free-trial"] #employees .employees .counter input {
        border: 0;
        background: #FFFFFF;
        border: 1px solid #9B9B9B;
        border-radius: 4px;
        text-align: center;
        padding: 15px; }
      .main.primary[view="password-manager-free-trial"] #employees .employees .slider-container {
        max-width: 400px;
        margin: 0 auto; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #employees .employees .slider-container {
            max-width: 100%; } }
      .main.primary[view="password-manager-free-trial"] #employees .employees .slider-container input {
        max-width: 400px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #employees .employees .slider-container input {
            max-width: 100%; } }
    .main.primary[view="password-manager-free-trial"] #employees .actions {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      width: 500px;
      text-align: center;
      margin: 0 auto;
      margin-bottom: 48px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #employees .actions {
          margin-bottom: 24px;
          width: 100%;
          flex-flow: column nowrap;
          align-items: center;
          align-content: center;
          justify-content: flex-start; }
          .main.primary[view="password-manager-free-trial"] #employees .actions .business {
            margin-bottom: 32px; } }
      .main.primary[view="password-manager-free-trial"] #employees .actions h4 {
        font-weight: 600;
        font-size: 26px;
        color: #000000;
        text-align: center;
        line-height: 36px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #employees .actions h4 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px; } }
      .main.primary[view="password-manager-free-trial"] #employees .actions .price {
        font-weight: 600;
        font-size: 26px;
        color: #000000;
        text-align: center;
        line-height: 36px;
        margin-top: 8px;
        margin-bottom: 32px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #employees .actions .price {
            margin-top: 16px;
            margin-bottom: 24px;
            font-size: 20px;
            letter-spacing: 0;
            line-height: 24px; } }
        .main.primary[view="password-manager-free-trial"] #employees .actions .price sup {
          top: 0;
          font-size: 1em; }
        .main.primary[view="password-manager-free-trial"] #employees .actions .price sup:first-of-type {
          margin-right: 2px; }
        .main.primary[view="password-manager-free-trial"] #employees .actions .price sup:last-of-type {
          margin-left: 4px; }
    .main.primary[view="password-manager-free-trial"] #employees .contact-sales {
      font-weight: 300;
      font-size: 22px;
      color: #000000;
      letter-spacing: 0;
      text-align: center;
      line-height: 20px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #employees .contact-sales {
          font-size: 14px;
          letter-spacing: 0;
          line-height: 20px; } }
      .main.primary[view="password-manager-free-trial"] #employees .contact-sales a {
        color: #1B78E0; }
        .main.primary[view="password-manager-free-trial"] #employees .contact-sales a:hover {
          text-decoration: none; }
  .main.primary[view="password-manager-free-trial"] #plans {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] #plans {
        flex-flow: column nowrap; } }
    .main.primary[view="password-manager-free-trial"] #plans .box.business,
    .main.primary[view="password-manager-free-trial"] #plans .box.enterprise {
      width: 49%;
      margin-top: 24px; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #plans .box.business,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise {
          width: 100%; } }
      .main.primary[view="password-manager-free-trial"] #plans .box.business h2,
      .main.primary[view="password-manager-free-trial"] #plans .box.enterprise h2 {
        font-weight: 600;
        font-size: 36px;
        color: #000000;
        text-align: center;
        line-height: 36px;
        margin-bottom: 40px;
        text-transform: capitalize; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #plans .box.business h2,
          .main.primary[view="password-manager-free-trial"] #plans .box.enterprise h2 {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
            margin-bottom: 15px; } }
      .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing,
      .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing {
        text-align: center;
        margin-bottom: 48px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing,
          .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing {
            margin-bottom: 24px; } }
        .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .price,
        .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .cycle,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .price,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .cycle {
          display: inline-block; }
          @media only screen and (max-width: 768px) {
            .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .price,
            .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .cycle,
            .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .price,
            .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .cycle {
              display: block; } }
        .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .price,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .price {
          font-weight: 600;
          font-size: 36px;
          color: #000000;
          text-align: right;
          line-height: 40px;
          margin-right: 24px; }
          @media only screen and (max-width: 768px) {
            .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .price,
            .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .price {
              font-size: 20px;
              letter-spacing: 0;
              text-align: center;
              line-height: 24px;
              margin-right: 0;
              margin-bottom: 8px; } }
        .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .cycle,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .cycle {
          font-weight: 600;
          font-size: 18px;
          color: #000000;
          letter-spacing: 0;
          line-height: 22px; }
          @media only screen and (max-width: 768px) {
            .main.primary[view="password-manager-free-trial"] #plans .box.business .pricing .cycle,
            .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .pricing .cycle {
              font-weight: 600;
              font-size: 12px;
              letter-spacing: 0;
              text-align: center;
              line-height: 16px; } }
      .main.primary[view="password-manager-free-trial"] #plans .box.business .actions,
      .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .actions {
        text-align: center;
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: 56px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #plans .box.business .actions,
          .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .actions {
            margin-bottom: 32px;
            margin-left: 0;
            margin-right: 0; } }
        .main.primary[view="password-manager-free-trial"] #plans .box.business .actions .btn,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .actions .btn {
          display: inline-block; }
          @media only screen and (max-width: 768px) {
            .main.primary[view="password-manager-free-trial"] #plans .box.business .actions .btn,
            .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .actions .btn {
              display: block; } }
        .main.primary[view="password-manager-free-trial"] #plans .box.business .actions .btn + .btn,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .actions .btn + .btn {
          margin-left: 16px; }
          @media only screen and (max-width: 768px) {
            .main.primary[view="password-manager-free-trial"] #plans .box.business .actions .btn + .btn,
            .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .actions .btn + .btn {
              margin-left: auto; } }
      .main.primary[view="password-manager-free-trial"] #plans .box.business .list-features,
      .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .list-features {
        list-style: none; }
        .main.primary[view="password-manager-free-trial"] #plans .box.business .list-features .feature,
        .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .list-features .feature {
          border: none;
          background: url("/assets/images/pages/pricing/ico-check.svg") no-repeat left 5px/22px;
          padding: 0 0 0 32px;
          font-size: 22px;
          font-weight: 300;
          color: #000000;
          letter-spacing: 0;
          line-height: 28px;
          margin-bottom: 20px; }
          @media only screen and (max-width: 768px) {
            .main.primary[view="password-manager-free-trial"] #plans .box.business .list-features .feature,
            .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .list-features .feature {
              font-size: 14px;
              text-align: center;
              line-height: 20px;
              margin-bottom: 8px;
              background-image: none;
              padding-left: 0; } }
          .main.primary[view="password-manager-free-trial"] #plans .box.business .list-features .feature strong,
          .main.primary[view="password-manager-free-trial"] #plans .box.enterprise .list-features .feature strong {
            font-weight: 600; }
  .main.primary[view="password-manager-free-trial"] #rating {
    margin-top: 24px;
    text-align: center;
    padding: 50px 60px 30px; }
    @media (max-width: 991px) {
      .main.primary[view="password-manager-free-trial"] #rating {
        padding: 48px 0; } }
    @media (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] #rating {
        padding: 32px 0; } }
    .main.primary[view="password-manager-free-trial"] #rating .intro-inner {
      max-width: 100%; }
    .main.primary[view="password-manager-free-trial"] #rating h3 {
      font-weight: 600;
      text-align: center;
      font-size: 26px;
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #rating h3 {
          font-size: 24px; } }
      @media (max-width: 640px) {
        .main.primary[view="password-manager-free-trial"] #rating h3 {
          font-size: 20px; } }
    .main.primary[view="password-manager-free-trial"] #rating p {
      text-align: center;
      font-size: 22px;
      font-weight: 300;
      margin-top: 20px; }
      .main.primary[view="password-manager-free-trial"] #rating p strong {
        font-weight: 600; }
      @media (max-width: 768px) {
        .main.primary[view="password-manager-free-trial"] #rating p {
          font-size: 14px; } }
    .main.primary[view="password-manager-free-trial"] #rating p.rate {
      margin-top: 20px; }
      @media screen and (max-width: 991px) {
        .main.primary[view="password-manager-free-trial"] #rating p.rate {
          margin: 20px 0 80px;
          height: 40px;
          font-size: 14px; } }
      @media screen and (max-width: 640px) {
        .main.primary[view="password-manager-free-trial"] #rating p.rate {
          margin: 20px 0 0;
          display: block;
          overflow: hidden;
          height: auto; }
          .main.primary[view="password-manager-free-trial"] #rating p.rate img {
            display: block;
            width: 100%;
            clear: both; } }
      .main.primary[view="password-manager-free-trial"] #rating p.rate .starsCount {
        display: block;
        clear: both;
        font-size: 22px;
        text-align: center;
        margin: 20px 0 40px 0;
        white-space: nowrap; }
        @media screen and (max-width: 991px) {
          .main.primary[view="password-manager-free-trial"] #rating p.rate .starsCount {
            white-space: pre-wrap;
            font-size: 18px; } }
        @media screen and (max-width: 768px) {
          .main.primary[view="password-manager-free-trial"] #rating p.rate .starsCount {
            white-space: pre-wrap;
            font-size: 16px; } }
        @media screen and (max-width: 640px) {
          .main.primary[view="password-manager-free-trial"] #rating p.rate .starsCount {
            display: block;
            clear: both;
            font-size: 14px;
            height: auto;
            margin: 0;
            white-space: nowrap; } }
    @media screen and (max-width: 991px) {
      .main.primary[view="password-manager-free-trial"] #rating h3 {
        font-size: 28px; }
      .main.primary[view="password-manager-free-trial"] #rating img {
        height: 32px;
        width: auto; }
      .main.primary[view="password-manager-free-trial"] #rating .starsCount {
        font-size: 14px; }
      .main.primary[view="password-manager-free-trial"] #rating .intro-content h3 {
        font-size: 28px;
        margin-bottom: 70px; } }
    @media only screen and (max-width: 767px) {
      .main.primary[view="password-manager-free-trial"] #rating .intro-content h3 {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .main.primary[view="password-manager-free-trial"] #rating .logoCol {
        width: 100%; }
      .main.primary[view="password-manager-free-trial"] #rating .starsCount {
        display: block;
        clear: both;
        font-size: 14px;
        min-height: 30px;
        line-height: 20px;
        margin: 0 0 40px 0;
        white-space: nowrap; } }
  .main.primary[view="password-manager-free-trial"] .content.container {
    padding-top: 40px; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="password-manager-free-trial"] .content.container {
        padding-top: 16px; } }

.main.secondary[view="webinars"] .box h2 {
  color: #000000;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .main.secondary[view="webinars"] .box h2 {
      font-size: 18px;
      line-height: 20px; } }
.main.secondary[view="webinars"] #webinars {
  padding: 0; }
  @media screen and (max-width: 768px) {
    .main.secondary[view="webinars"] #webinars h2 {
      margin-top: 30px; } }
  .main.secondary[view="webinars"] #webinars .list-whitepapers {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
    list-style: none;
    margin-top: 56px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .main.secondary[view="webinars"] #webinars .list-whitepapers {
        margin-top: 30px;
        margin-bottom: 0; } }
    .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper {
      margin: 0 auto 16px;
      position: relative;
      width: 32%;
      background: #FFFFFF;
      border-radius: 8px;
      border: 1px solid #EFEFEF;
      box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
      padding: 0 20px 110px; }
      @media screen and (max-width: 768px) {
        .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper {
          margin-bottom: 16px;
          width: 100%;
          padding-bottom: 30px; }
          .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper:last-child {
            margin-bottom: 0; } }
      .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper h3 {
        font-weight: 3s00;
        font-size: 22px;
        color: #000000;
        text-align: center;
        line-height: 26px;
        margin: 40px 20px; }
        @media screen and (max-width: 768px) {
          .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper h3 {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 20px;
            margin: 24px 0; } }
      .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image {
        margin-left: -20px;
        margin-right: -20px; }
        .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image .image.image-whitepaper-state-smb-cybersecurity {
          background: url("/assets/images/resources/state-smb-cybersecurity@2x.png") no-repeat center/cover;
          padding-top: 41%; }
          @media (max-width: 480px) {
            .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image .image.image-whitepaper-state-smb-cybersecurity {
              background-image: url("/assets/images/webinars/ponemon.png"); } }
        .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image .image.image-aws {
          background: url("/assets/images/webinars/aws@2x.png") no-repeat center top/cover;
          padding-top: 41%; }
          @media (max-width: 480px) {
            .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image .image.image-aws {
              background-image: url("/assets/images/webinars/aws.png"); } }
        .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image .image.cpa-academy-image {
          background: url("/assets/images/webinars/cpa-academy@2x.png") no-repeat center top/cover;
          padding-top: 41%; }
          @media (max-width: 480px) {
            .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image .image.cpa-academy-image {
              background-image: url("/assets/images/webinars/cpa-academy.png"); } }
        .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image .image a {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
      .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .whitepaper-image > .image {
        width: 100%; }
      .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .actions {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        padding-bottom: 48px;
        text-align: center; }
        @media (max-width: 768px) {
          .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .actions {
            padding-bottom: 0;
            position: relative; } }
        .main.secondary[view="webinars"] #webinars .list-whitepapers .whitepaper .actions .btn {
          display: inline-block;
          min-width: 200px;
          margin: 0 auto;
          font-weight: 600;
          padding: 0;
          border: 2px solid #CF9F24; }

html[locale="ar_AE"] .main.secondary[view="webinars"] .ico-play-black {
  margin-right: 0;
  margin-left: 7px; }

.main.secondary[view="keeperChat"] {
  /************PERSONAL**********/
  /************BUSINESS**********/ }
  .main.secondary[view="keeperChat"] .logo-keeperchat-light {
    width: 306px;
    height: 48px;
    margin-bottom: 32px; }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="keeperChat"] .logo-keeperchat-light {
        margin-bottom: 15px; } }
  .main.secondary[view="keeperChat"] .keeperchat-pills {
    float: left; }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] .keeperchat-pills {
        float: none; } }
  .main.secondary[view="keeperChat"] .intro {
    background: #004899 url("/assets/images/pages/keeperchat/header-keeperchat@2x.png") no-repeat 30% center/contain; }
    @media (max-width: 2400px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 26% center; } }
    @media (max-width: 2300px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 24% center; } }
    @media (max-width: 2200px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 23% center; } }
    @media (max-width: 2100px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 21% center; } }
    @media (max-width: 2000px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 19% center; } }
    @media (max-width: 1900px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 16.5% center; } }
    @media (max-width: 1800px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 14.5% center; } }
    @media (max-width: 1700px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 11.5% center; } }
    @media (max-width: 1600px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: 0 center; } }
    @media (max-width: 1300px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: -100px center; } }
    @media (max-width: 1100px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: -200px center; } }
    @media (max-width: 991px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: -200px center; } }
    @media (max-width: 860px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: -300px center; } }
    @media (max-width: 840px) {
      .main.secondary[view="keeperChat"] .intro {
        background-position: -360px center; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] .intro {
        background: #1b78e0;
        background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
        background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
        background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b78e0", endColorstr="#004899",GradientType=1 ); } }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="keeperChat"] .intro {
        background-image: none !important;
        background-color: #1b78e0; } }
    .main.secondary[view="keeperChat"] .intro .intro-content {
      float: right;
      width: 50%;
      padding: 100px 0 100px 50px; }
      @media (max-width: 860px) {
        .main.secondary[view="keeperChat"] .intro .intro-content {
          width: 46%; } }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] .intro .intro-content {
          width: 100%;
          padding: 0; } }
      .main.secondary[view="keeperChat"] .intro .intro-content h1.keeperChatTitle {
        text-align: left;
        width: 100%;
        max-width: 100%;
        text-indent: -5000px;
        background: url("/assets/images/pages/keeperchat/logo-keeperchat.svg") no-repeat top left/contain;
        height: 48px;
        text-align: center; }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] .intro .intro-content h1.keeperChatTitle {
            background-position: center; } }
        @media (max-width: 414px) {
          .main.secondary[view="keeperChat"] .intro .intro-content h1.keeperChatTitle {
            width: 182px;
            margin: 0 auto; } }
      .main.secondary[view="keeperChat"] .intro .intro-content p {
        font-size: 36px;
        line-height: 1.2;
        font-weight: 600;
        text-align: left;
        width: 555px;
        max-width: 100%;
        margin: 0; }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] .intro .intro-content p {
            font-size: 20px;
            width: 100%;
            text-align: center; } }
      .main.secondary[view="keeperChat"] .intro .intro-content .tabs.two-tabs {
        justify-content: left;
        margin-top: 65px; }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] .intro .intro-content .tabs.two-tabs {
            justify-content: center;
            margin-top: 32px; } }
  .main.secondary[view="keeperChat"] .content {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap; }
  .main.secondary[view="keeperChat"] .box {
    padding: 72px 80px; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] .box {
        padding: 40px 20px; } }
    .main.secondary[view="keeperChat"] .box .actions {
      text-align: center;
      margin-top: 30px; }
      .main.secondary[view="keeperChat"] .box .actions a.btn {
        display: inline-block;
        vertical-align: top;
        min-width: 180px;
        margin: 0 8px; }
  .main.secondary[view="keeperChat"] h3 {
    font-size: 26px;
    margin-bottom: 16px; }
    @media (max-width: 991px) {
      .main.secondary[view="keeperChat"] h3 {
        font-size: 22px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] h3 {
        font-size: 20px; } }
  .main.secondary[view="keeperChat"] .iphoneHand {
    position: relative;
    display: block;
    background: url("/assets/images/pages/keeperchat/iPhone_Hand-f.png") no-repeat center/contain;
    width: 668px;
    height: 589px; }
    .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
      display: block;
      position: absolute;
      left: 40.1%;
      top: 0%;
      width: 41.3%;
      height: 81%;
      z-index: 5;
      background: url("/assets/images/pages/keeperchat/en_US/vault_protection_with_fingerprint_access.gif") no-repeat center/cover; }
    .main.secondary[view="keeperChat"] .iphoneHand .iphoneFinger {
      display: block;
      position: absolute;
      bottom: 9.9%;
      height: 13.4%;
      left: 53.1%;
      width: 15.3%;
      z-index: 6;
      pointer-events: none;
      background: url("/assets/images/pages/keeperchat/iphone_finger.png") no-repeat center/contain; }
@keyframes cf4FadeInOut {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  20% {
    opacity: 1; }
  25% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .main.secondary[view="keeperChat"] #easySecureMessaging {
    padding: 56px 136px;
    text-align: center;
    display: block;
    max-width: 100%; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #easySecureMessaging {
        padding: 40px 20px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #easySecureMessaging p {
        font-size: 14px;
        margin-bottom: 30px; } }
    .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image {
      margin-bottom: 42px;
      text-align: center;
      display: block;
      width: 100%;
      height: 300px;
      position: relative; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image {
          height: 260px; } }
      @media (max-width: 640px) {
        .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image {
          height: 210px; } }
      @media (max-width: 550px) {
        .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image {
          height: 180px; } }
      @media (max-width: 480px) {
        .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image {
          display: none; } }
      .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image:after {
        content: '';
        display: block;
        clear: both; }
      .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image #cf4a {
        position: relative;
        width: 745px;
        height: 100%;
        max-width: 100%;
        margin: 30px auto 0;
        display: block;
        overflow: hidden; }
        .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image #cf4a img.frame {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: auto;
          opacity: 0;
          animation-name: cf4FadeInOut;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
          animation-duration: 24s; }
          .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image #cf4a img.frame:nth-of-type(1) {
            animation-delay: 0s; }
          .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image #cf4a img.frame:nth-of-type(2) {
            animation-delay: 6s; }
          .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image #cf4a img.frame:nth-of-type(3) {
            animation-delay: 12s; }
          .main.secondary[view="keeperChat"] #easySecureMessaging figure.section__image #cf4a img.frame:nth-of-type(4) {
            animation-delay: 18s; }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #easySecureMessaging .actions {
        margin: 0; } }
  .main.secondary[view="keeperChat"] #fingerprintAccess {
    display: flex;
    flex-flow: row;
    position: relative; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #fingerprintAccess {
        display: block;
        width: 100%;
        padding: 40px 20px;
        overflow: hidden; } }
    .main.secondary[view="keeperChat"] #fingerprintAccess .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center; }
      @media (max-width: 1024px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .sectionContent {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 50%;
          padding: 40px 20px; } }
      @media (max-width: 860px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .sectionContent {
          width: 46%; } }
      @media (max-width: 767px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .sectionContent {
          position: relative;
          width: 100%;
          padding: 0;
          text-align: center; } }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .sectionContent p {
          font-size: 14px; } }
    .main.secondary[view="keeperChat"] #fingerprintAccess .section__image {
      margin: -72px -80px -72px 0; }
      @media (max-width: 1024px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .section__image {
          position: relative;
          right: 0;
          top: 0;
          margin: -40px 0 -40px 37%; } }
      @media (max-widtH: 960px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .section__image {
          margin-left: 32%; } }
      @media (max-widtH: 860px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .section__image {
          margin-left: 27%; } }
      @media (max-widtH: 840px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .section__image {
          margin-left: 23.5%; } }
      @media (max-width: 767px) {
        .main.secondary[view="keeperChat"] #fingerprintAccess .section__image {
          display: none; } }
  .main.secondary[view="keeperChat"] #advancedControlPrivacy {
    height: 580px;
    background: url("/assets/images/pages/keeperchat/advanced_control_privacy.gif") no-repeat 16% bottom/26%;
    padding-left: 50%; }
    @media (max-width: 1300px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        height: 500px; } }
    @media (max-width: 1200px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        height: 470px; } }
    @media (max-width: 1100px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        height: 440px; } }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        height: 380px; } }
    @media (max-width: 991px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        height: 370px; } }
    @media (max-width: 860px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        height: 330px;
        background-size: 28%; } }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        padding: 40px 48px 40px 10px; } }
    @media (max-width: 960px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        padding: 40px 20px 40px 50%; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        height: auto;
        padding: 40px 20px 65% 20px;
        background: url("/assets/images/pages/keeperchat/advanced_control_privacy.gif") no-repeat center bottom/45%;
        text-align: center; } }
    @media (max-width: 480px) {
      .main.secondary[view="keeperChat"] #advancedControlPrivacy {
        padding: 40px 20px 110% 20px;
        background-size: 75%; } }
    .main.secondary[view="keeperChat"] #advancedControlPrivacy .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #advancedControlPrivacy .sectionContent {
          display: block;
          height: auto; } }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #advancedControlPrivacy .sectionContent p {
          font-size: 14px; } }
  .main.secondary[view="keeperChat"] #privateMediaGallery {
    height: 500px;
    background: url("/assets/images/pages/keeperchat/media-gallery@2x.jpg") no-repeat 94% bottom/30%;
    padding-right: 50%; }
    @media (max-width: 1300px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        height: 500px; } }
    @media (max-width: 1200px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        height: 470px; } }
    @media (max-width: 1100px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        height: 440px; } }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        height: 380px;
        background-size: 34%;
        padding: 40px 50% 40px 20px; } }
    @media (max-width: 991px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        height: 370px; } }
    @media (max-width: 860px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        height: 330px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        height: auto;
        text-align: center;
        padding: 40px 20px 57% 20px;
        background: url("/assets/images/pages/keeperchat/media-gallery.jpg") no-repeat center bottom/50%;
        text-align: center; } }
    @media (max-width: 480px) {
      .main.secondary[view="keeperChat"] #privateMediaGallery {
        padding: 40px 20px 97% 20px;
        background-size: 86%; } }
    .main.secondary[view="keeperChat"] #privateMediaGallery .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #privateMediaGallery .sectionContent {
          display: block;
          height: auto; } }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #privateMediaGallery .sectionContent p {
          font-size: 14px; } }
  .main.secondary[view="keeperChat"] #reliableMessaging {
    height: 580px;
    background: url("/assets/images/pages/keeperchat/cross-platform@2x.jpg") no-repeat left bottom/53%;
    padding-left: calc(50% + 75px); }
    @media (max-width: 1300px) {
      .main.secondary[view="keeperChat"] #reliableMessaging {
        height: 530px; } }
    @media (max-width: 1200px) {
      .main.secondary[view="keeperChat"] #reliableMessaging {
        height: 490px; } }
    @media (max-width: 1100px) {
      .main.secondary[view="keeperChat"] #reliableMessaging {
        height: 440px; } }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #reliableMessaging {
        height: 410px;
        padding: 40px 20px 40px calc(50% + 40px); } }
    @media (max-width: 860px) {
      .main.secondary[view="keeperChat"] #reliableMessaging {
        height: 360px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #reliableMessaging {
        height: auto;
        text-align: center;
        padding: 40px 20px 80% 20px;
        background-size: 102%; } }
    @media (max-width: 640px) {
      .main.secondary[view="keeperChat"] #reliableMessaging {
        padding: 40px 20px 86% 20px;
        background: url("/assets/images/pages/keeperchat/cross-platform.jpg") no-repeat left bottom/105%; } }
    .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent h3 {
        text-transform: capitalize; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent p {
          font-size: 14px; } }
      .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent #inlineIcons {
        list-style-type: none;
        margin: 30px 0 0 0;
        padding: 0; }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent #inlineIcons {
            text-align: center; } }
        .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent #inlineIcons li {
          display: inline-block;
          margin: 0;
          padding: 0;
          margin-right: 50px; }
          .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent #inlineIcons li:last-child {
            margin: 0; }
          @media (max-width: 768px) {
            .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent #inlineIcons li img {
              width: 30px;
              height: 30px; } }
  .main.secondary[view="keeperChat"] #privateGroupChats {
    height: 500px;
    background: url("/assets/images/pages/keeperchat/group-chats@2x.jpg") no-repeat 94% bottom/37.5%;
    padding-right: 50%; }
    @media (max-width: 1300px) {
      .main.secondary[view="keeperChat"] #privateGroupChats {
        background-size: 50%;
        height: 580px;
        padding-right: 60%; } }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #privateGroupChats {
        padding: 40px 63% 40px 20px;
        background-size: 62%;
        background-position: calc(100% + 10px) bottom; } }
    @media (max-width: 900px) {
      .main.secondary[view="keeperChat"] #privateGroupChats {
        height: 510px; } }
    @media (max-width: 860px) {
      .main.secondary[view="keeperChat"] #privateGroupChats {
        height: 460px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #privateGroupChats {
        height: auto;
        width: 100%;
        text-align: center;
        padding: 40px 20px 88% 20px;
        background: url("/assets/images/pages/keeperchat/group-chats@2x.jpg") no-repeat calc(50% + 14px) bottom/97%; } }
    @media (max-width: 480px) {
      .main.secondary[view="keeperChat"] #privateGroupChats {
        padding: 40px 20px 105% 20px;
        background-size: 110%;
        background-position: calc(50% + 25px) bottom; } }
    .main.secondary[view="keeperChat"] #privateGroupChats .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #privateGroupChats .sectionContent p {
          font-size: 14px; } }
  .main.secondary[view="keeperChat"] #personalizedMessaging {
    height: 580px;
    background: url("/assets/images/pages/keeperchat/themes-stickers@2x.jpg") no-repeat 60px bottom/contain;
    padding-left: calc(50% + 75px); }
    @media (max-width: 1300px) {
      .main.secondary[view="keeperChat"] #personalizedMessaging {
        background-size: contain;
        background-position: left bottom;
        height: 580px;
        padding-left: 60%; } }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #personalizedMessaging {
        padding: 40px  20px 40px 63%;
        background-size: contain;
        background-position: -30px bottom; } }
    @media (max-width: 900px) {
      .main.secondary[view="keeperChat"] #personalizedMessaging {
        height: 510px; } }
    @media (max-width: 860px) {
      .main.secondary[view="keeperChat"] #personalizedMessaging {
        height: 460px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #personalizedMessaging {
        height: auto;
        width: 100%;
        text-align: center;
        padding: 40px 20px 127% 20px;
        background: url("/assets/images/pages/keeperchat/themes-stickers.jpg") no-repeat center bottom/100%; } }
    .main.secondary[view="keeperChat"] #personalizedMessaging .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #personalizedMessaging .sectionContent p {
          font-size: 14px; } }
  .main.secondary[view="keeperChat"] #keeperPasswordVault {
    height: 500px;
    background: url("/assets/images/pages/keeperchat/keeper-vault@2x.jpg") no-repeat 82% bottom/26%;
    padding-right: 50%; }
    @media (max-width: 1300px) {
      .main.secondary[view="keeperChat"] #keeperPasswordVault {
        background-size: 30%;
        background-position: calc(100% - 50px) bottom; } }
    @media (max-width: 1100px) {
      .main.secondary[view="keeperChat"] #keeperPasswordVault {
        background-size: 35%; } }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #keeperPasswordVault {
        padding: 40px  50% 40px 20px; } }
    @media (max-width: 991px) {
      .main.secondary[view="keeperChat"] #keeperPasswordVault {
        background-size: 39%; } }
    @media (max-width: 860px) {
      .main.secondary[view="keeperChat"] #keeperPasswordVault {
        background-size: 45%;
        padding-right: 55%; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #keeperPasswordVault {
        height: auto;
        width: 100%;
        text-align: center;
        padding: 40px 20px 105% 20px;
        background: url("/assets/images/pages/keeperchat/keeper-vault@2x.jpg") no-repeat center bottom/80%; } }
    .main.secondary[view="keeperChat"] #keeperPasswordVault .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #keeperPasswordVault .sectionContent p {
          font-size: 14px; } }
      .main.secondary[view="keeperChat"] #keeperPasswordVault .sectionContent .actions {
        text-align: left; }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] #keeperPasswordVault .sectionContent .actions {
            text-align: center; } }
        .main.secondary[view="keeperChat"] #keeperPasswordVault .sectionContent .actions a.btn {
          margin-left: 0; }
  .main.secondary[view="keeperChat"] #secureCommunicationProduct {
    padding: 56px 64px;
    text-align: center; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #secureCommunicationProduct {
        padding: 40px 48px; } }
    @media (max-width: 960px) {
      .main.secondary[view="keeperChat"] #secureCommunicationProduct {
        padding: 40px 20px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #secureCommunicationProduct p {
        font-size: 14px; } }
    .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList {
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      justify-content: center; }
      .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li {
        display: block;
        width: 25%;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        padding: 40px 4%; }
        @media (max-width: 960px) {
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li {
            padding: 40px 10px;
            width: 33%; } }
        @media (max-width: 640px) {
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li {
            width: 50%;
            padding: 40px 20px; } }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li {
            font-size: 14px; } }
        @media (max-width: 480px) {
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li {
            width: 100%;
            padding: 20px 0; } }
        .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon {
          display: block;
          clear: both;
          width: 100%;
          height: 32px;
          margin-bottom: 24px; }
          @media (max-width: 480px) {
            .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon {
              margin-bottom: 5px; } }
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon.icon-knwsec {
            background: url("/assets/images/pages/keeperchat/ico-zero-knowledge.svg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon.icon-protect {
            background: url("/assets/images/pages/keeperchat/ico-word-class.svg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon.icon-encrypt {
            background: url("/assets/images/pages/keeperchat/ico-end-encryption.svg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon.icon-pwdmng {
            background: url("/assets/images/pages/keeperchat/ico-enterprise-integration.svg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon.icon-govuse {
            background: url("/assets/images/pages/keeperchat/ico-gsa-sam.svg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon.icon-cert {
            background: url("/assets/images/pages/keeperchat/ico-certified.svg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #secureCommunicationProduct #featuresList li .icon.icon-comply {
            background: url("/assets/images/pages/keeperchat/ico-compliant.svg") no-repeat center/contain; }
  .main.secondary[view="keeperChat"] #secureAddOn {
    padding: 120px 80px;
    padding-left: calc(50% + 48px);
    background: url("/assets/images/pages/keeperchat/secure-add-on@2x.jpg") no-repeat 65px center/45%; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #secureAddOn {
        padding: 40px 48px 40px calc(50% + 40px);
        background-position: 40px; } }
    @media (max-width: 960px) {
      .main.secondary[view="keeperChat"] #secureAddOn {
        padding: 40px 20px 40px 50%;
        background-position: 20px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #secureAddOn {
        padding: 40px 20px calc(62% + 20px) 20px;
        background: url("/assets/images/pages/keeperchat/secure-add-on.jpg") no-repeat 50% calc(100% - 20px)/95%;
        text-align: center; } }
    @media (max-width: 767px) {
      .main.secondary[view="keeperChat"] #secureAddOn {
        background: #fff;
        padding: 40px 20px; } }
    .main.secondary[view="keeperChat"] #secureAddOn .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #secureAddOn .sectionContent p {
          font-size: 14px; } }
      .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions {
        text-align: left; }
        .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn:first-child {
          margin-left: 0; }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions {
            text-align: center; } }
        @media (max-width: 1100px) {
          .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn {
            width: 170px; } }
        @media (max-width: 960px) {
          .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn {
            width: 160px; } }
        @media (max-width: 480px) {
          .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn {
            width: 184px; }
            .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn:first-child {
              margin-left: 8px; }
            .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn + a.btn {
              clear: both;
              margin-top: 16px; } }
  .main.secondary[view="keeperChat"] #zeroKnowledge {
    padding: 120px 80px;
    padding-right: calc(50% + 48px);
    background: url("/assets/images/pages/keeperchat/icon-yellow-vault.svg") no-repeat 80% center/180px; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #zeroKnowledge {
        padding: 40px calc(50% + 40px) 40px 48px;
        background-position: 80%; } }
    @media (max-width: 960px) {
      .main.secondary[view="keeperChat"] #zeroKnowledge {
        padding: 40px calc(50% + 20px) 40px 20px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #zeroKnowledge {
        padding: 40px 20px 36% 20px;
        background-position: 50% calc(100% - 80px);
        background-size: 95px;
        text-align: center; } }
    @media (max-width: 640px) {
      .main.secondary[view="keeperChat"] #zeroKnowledge {
        background-position: 50% calc(100% - 40px);
        padding-bottom: 30%; } }
    @media (max-width: 480px) {
      .main.secondary[view="keeperChat"] #zeroKnowledge {
        padding-bottom: 36%; } }
    @media (max-width: 414px) {
      .main.secondary[view="keeperChat"] #zeroKnowledge {
        padding-bottom: 50%; } }
    .main.secondary[view="keeperChat"] #zeroKnowledge .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #zeroKnowledge .sectionContent p {
          font-size: 14px; } }
  .main.secondary[view="keeperChat"] #security2FA {
    padding: 120px 80px;
    padding-left: calc(50% + 48px);
    background: url("/assets/images/pages/keeperchat/enhance-security@2x.jpg") no-repeat 65px center/45%; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #security2FA {
        padding: 40px 48px 40px calc(50% + 40px);
        background-position: 40px; } }
    @media (max-width: 960px) {
      .main.secondary[view="keeperChat"] #security2FA {
        padding: 40px 20px 40px 50%;
        background-position: 20px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #security2FA {
        padding: 40px 20px calc(62% + 20px) 20px;
        background: url("/assets/images/pages/keeperchat/enhance-security.jpg") no-repeat 50% calc(100% - 20px)/95%;
        text-align: center; } }
    .main.secondary[view="keeperChat"] #security2FA .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #security2FA .sectionContent p {
          font-size: 14px; } }
  .main.secondary[view="keeperChat"] #customeRole {
    padding: 72px 217px;
    text-align: center; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #customeRole {
        padding: 40px 20px; } }
    @media (max-width: 767px) {
      .main.secondary[view="keeperChat"] #customeRole img {
        display: none; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #customeRole p {
        font-size: 14px; } }
    .main.secondary[view="keeperChat"] #customeRole img {
      margin: 40px -15px 0; }
  .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
    padding: 120px 80px;
    padding-right: calc(50% + 48px);
    background: url("/assets/images/pages/keeperchat/user-provisioning@2x.jpg") no-repeat calc(100% - 65px) center/45%; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
        padding: 40px calc(50% + 48px) 40px 48px;
        background-position: calc(100% - 40px); } }
    @media (max-width: 960px) {
      .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
        padding: 40px calc(50% + 20px) 40px 20px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
        padding: 40px 20px calc(62% + 20px) 20px;
        background: url("/assets/images/pages/keeperchat/user-provisioning.jpg") no-repeat 50% calc(100% - 20px)/95%;
        text-align: center; } }
    @media (max-width: 767px) {
      .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
        background: #fff;
        padding: 40px 20px; } }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
        background-image: none !important; } }
    .main.secondary[view="keeperChat"] #fastDynamicProvisioning .sectionContent {
      display: flex;
      flex-flow: column;
      justify-content: center;
      height: 100%; }
      @media (max-width: 768px) {
        .main.secondary[view="keeperChat"] #fastDynamicProvisioning .sectionContent p {
          font-size: 14px; } }
  .main.secondary[view="keeperChat"] #targetStrictCompliance {
    text-align: center;
    padding: 72px 146px; }
    @media (max-width: 1024px) {
      .main.secondary[view="keeperChat"] #targetStrictCompliance {
        padding: 40px 48px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #targetStrictCompliance {
        padding: 40px 20px; } }
    @media (max-width: 768px) {
      .main.secondary[view="keeperChat"] #targetStrictCompliance p {
        font-size: 14px; } }
    .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList {
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      justify-content: center; }
      .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li {
        display: block;
        width: 20%;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        padding: 40px 0; }
        @media (max-width: 960px) {
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li {
            padding: 40px 10px;
            width: 33%; } }
        @media (max-width: 640px) {
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li {
            width: 50%;
            padding: 40px 20px; } }
        @media (max-width: 768px) {
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li {
            font-size: 14px; } }
        @media (max-width: 480px) {
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li {
            width: 100%;
            padding: 17px 0; } }
        .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li .icon {
          display: block;
          clear: both;
          width: 100%;
          height: 78px;
          margin-bottom: 24px; }
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li .icon.logo-gsa {
            background: url("/assets/images/pages/keeperchat/ico-compliance-gsa@2x.jpg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li .icon.logo-soc2 {
            background: url("/assets/images/pages/keeperchat/ico-soc2@2x.jpg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li .icon.logo-dpa {
            background: url("/assets/images/pages/keeperchat/ico-dpa@2x.jpg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li .icon.logo-sam {
            background: url("/assets/images/pages/keeperchat/ico-compliance-sam@2x.jpg") no-repeat center/contain; }
          .main.secondary[view="keeperChat"] #targetStrictCompliance #complianceList li .icon.logo-hippa {
            background: url("/assets/images/pages/keeperchat/ico-compliance-hipaa@2x.jpg") no-repeat center/contain; }
    @media (max-width: 1100px) {
      .main.secondary[view="keeperChat"] #targetStrictCompliance .actions a.btn {
        width: 170px; } }
    @media (max-width: 960px) {
      .main.secondary[view="keeperChat"] #targetStrictCompliance .actions a.btn {
        width: 160px; } }
    @media (max-width: 480px) {
      .main.secondary[view="keeperChat"] #targetStrictCompliance .actions a.btn {
        width: 184px; }
        .main.secondary[view="keeperChat"] #targetStrictCompliance .actions a.btn + a.btn {
          clear: both;
          margin-top: 16px; } }

/***************IE SUPPORT****************/
.ie .main.secondary[view="keeperChat"] .intro .tabs {
  display: block; }
  .ie .main.secondary[view="keeperChat"] .intro .tabs .tab {
    display: inline-block;
    vertical-align: top;
    float: left; }
.ie .main.secondary[view="keeperChat"] .content {
  display: block; }
.ie .main.secondary[view="keeperChat"] #fingerprintAccess {
  display: block; }
  .ie .main.secondary[view="keeperChat"] #fingerprintAccess .sectionContent,
  .ie .main.secondary[view="keeperChat"] #fingerprintAccess .section__image {
    display: inline-block;
    vertical-align: top;
    width: 50%; }

[locale="ar_AE"] .main.secondary[view="keeperChat"] .intro .intro-content h1.keeperChatTitle {
  text-align: right;
  background-position: top right; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] .intro .intro-content h1.keeperChatTitle {
      text-align: center;
      background-position: top center; } }
[locale="ar_AE"] .main.secondary[view="keeperChat"] .intro .intro-content p {
  text-align: right; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] .intro .intro-content p {
      text-align: center; } }
[locale="ar_AE"] .main.secondary[view="keeperChat"] .intro .intro-content .keeperchat-pills {
  float: right; }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #easySecureMessaging,
[locale="ar_AE"] .main.secondary[view="keeperChat"] #privateGroupChats,
[locale="ar_AE"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  width: 100%; }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent #inlineIcons li:first-child {
  margin: 0; }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #reliableMessaging .sectionContent #inlineIcons li:last-child {
  margin: 0 50px 0 0; }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions {
  text-align: right; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions {
      text-align: center; } }
  [locale="ar_AE"] .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn:first-child {
    margin-left: 8px; }
  [locale="ar_AE"] .main.secondary[view="keeperChat"] #secureAddOn .sectionContent .actions a.btn:last-child {
    margin-right: 0; }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #keeperPasswordVault .sectionContent .actions {
  text-align: right; }
  [locale="ar_AE"] .main.secondary[view="keeperChat"] #keeperPasswordVault .sectionContent .actions .btn {
    margin-left: 8px;
    margin-right: 0; }

[locale="es_ES"] .main.secondary[view="keeperChat"] .box .actions a.btn {
  width: 210px; }

[locale="ar_AE"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/header-keeperchat@2x.png"); }
[locale="ar_AE"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/vault_protection_with_fingerprint_access.gif"); }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/ar_AE/media-gallery.jpg"); } }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/ar_AE/cross-platform.jpg"); } }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/group-chats@2x.jpg"); }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/ar_AE/themes-stickers.jpg"); } }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/keeper-vault@2x.jpg"); }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/ar_AE/enhance-security.jpg"); } }
[locale="ar_AE"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/ar_AE/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/ar_AE/user-provisioning.jpg"); } }

[locale="de_DE"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/de_DE/header-keeperchat@2x.png"); }
[locale="de_DE"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/de_DE/vault_protection_with_fingerprint_access.gif"); }
[locale="de_DE"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/de_DE/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="de_DE"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/de_DE/media-gallery.jpg"); } }
[locale="de_DE"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/de_DE/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="de_DE"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/de_DE/cross-platform.jpg"); } }
[locale="de_DE"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/de_DE/group-chats@2x.jpg"); }
[locale="de_DE"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/de_DE/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="de_DE"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/de_DE/themes-stickers.jpg"); } }
[locale="de_DE"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/de_DE/keeper-vault@2x.jpg"); }
[locale="de_DE"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/de_DE/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="de_DE"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/de_DE/enhance-security.jpg"); } }
[locale="de_DE"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/de_DE/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="de_DE"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/de_DE/user-provisioning.jpg"); } }

[locale="en_US"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/en_US/header-keeperchat@2x.png"); }
[locale="en_US"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/en_US/vault_protection_with_fingerprint_access.gif"); }
[locale="en_US"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/en_US/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_US"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/en_US/media-gallery.jpg"); } }
[locale="en_US"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/en_US/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_US"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/en_US/cross-platform.jpg"); } }
[locale="en_US"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/en_US/group-chats@2x.jpg"); }
[locale="en_US"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/en_US/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_US"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/en_US/themes-stickers.jpg"); } }
[locale="en_US"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/en_US/keeper-vault@2x.jpg"); }
[locale="en_US"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/en_US/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_US"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/en_US/enhance-security.jpg"); } }
[locale="en_US"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/en_US/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_US"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/en_US/user-provisioning.jpg"); } }

[locale="en_GB"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/en_GB/header-keeperchat@2x.png"); }
[locale="en_GB"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/en_GB/vault_protection_with_fingerprint_access.gif"); }
[locale="en_GB"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/en_GB/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_GB"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/en_GB/media-gallery.jpg"); } }
[locale="en_GB"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/en_GB/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_GB"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/en_GB/cross-platform.jpg"); } }
[locale="en_GB"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/en_GB/group-chats@2x.jpg"); }
[locale="en_GB"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/en_GB/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_GB"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/en_GB/themes-stickers.jpg"); } }
[locale="en_GB"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/en_GB/keeper-vault@2x.jpg"); }
[locale="en_GB"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/en_GB/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_GB"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/en_GB/enhance-security.jpg"); } }
[locale="en_GB"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/en_GB/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="en_GB"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/en_GB/user-provisioning.jpg"); } }

[locale="es_ES"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/es_ES/header-keeperchat@2x.png"); }
[locale="es_ES"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/es_ES/vault_protection_with_fingerprint_access.gif"); }
[locale="es_ES"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/es_ES/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/es_ES/media-gallery.jpg"); } }
[locale="es_ES"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/es_ES/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/es_ES/cross-platform.jpg"); } }
[locale="es_ES"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/es_ES/group-chats@2x.jpg"); }
[locale="es_ES"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/es_ES/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/es_ES/themes-stickers.jpg"); } }
[locale="es_ES"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/es_ES/keeper-vault@2x.jpg"); }
[locale="es_ES"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/es_ES/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/es_ES/enhance-security.jpg"); } }
[locale="es_ES"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/es_ES/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/es_ES/user-provisioning.jpg"); } }

[locale="fr_FR"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/header-keeperchat@2x.png"); }
[locale="fr_FR"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/vault_protection_with_fingerprint_access.gif"); }
[locale="fr_FR"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="fr_FR"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/fr_FR/media-gallery.jpg"); } }
[locale="fr_FR"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="fr_FR"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/fr_FR/cross-platform.jpg"); } }
[locale="fr_FR"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/group-chats@2x.jpg"); }
[locale="fr_FR"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="fr_FR"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/fr_FR/themes-stickers.jpg"); } }
[locale="fr_FR"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/keeper-vault@2x.jpg"); }
[locale="fr_FR"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="fr_FR"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/fr_FR/enhance-security.jpg"); } }
[locale="fr_FR"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/fr_FR/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="fr_FR"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/fr_FR/user-provisioning.jpg"); } }

[locale="it_IT"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/it_IT/header-keeperchat@2x.png"); }
[locale="it_IT"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/it_IT/vault_protection_with_fingerprint_access.gif"); }
[locale="it_IT"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/it_IT/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="it_IT"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/it_IT/media-gallery.jpg"); } }
[locale="it_IT"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/it_IT/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="it_IT"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/it_IT/cross-platform.jpg"); } }
[locale="it_IT"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/it_IT/group-chats@2x.jpg"); }
[locale="it_IT"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/it_IT/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="it_IT"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/it_IT/themes-stickers.jpg"); } }
[locale="it_IT"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/it_IT/keeper-vault@2x.jpg"); }
[locale="it_IT"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/it_IT/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="it_IT"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/it_IT/enhance-security.jpg"); } }
[locale="it_IT"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/it_IT/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="it_IT"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/it_IT/user-provisioning.jpg"); } }

[locale="ja_JP"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/header-keeperchat@2x.png"); }
[locale="ja_JP"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/vault_protection_with_fingerprint_access.gif"); }
[locale="ja_JP"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ja_JP"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/ja_JP/media-gallery.jpg"); } }
[locale="ja_JP"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ja_JP"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/ja_JP/cross-platform.jpg"); } }
[locale="ja_JP"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/group-chats@2x.jpg"); }
[locale="ja_JP"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ja_JP"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/ja_JP/themes-stickers.jpg"); } }
[locale="ja_JP"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/keeper-vault@2x.jpg"); }
[locale="ja_JP"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ja_JP"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/ja_JP/enhance-security.jpg"); } }
[locale="ja_JP"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/ja_JP/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ja_JP"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/ja_JP/user-provisioning.jpg"); } }

[locale="nl_NL"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/header-keeperchat@2x.png"); }
[locale="nl_NL"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/vault_protection_with_fingerprint_access.gif"); }
[locale="nl_NL"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="nl_NL"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/nl_NL/media-gallery.jpg"); } }
[locale="nl_NL"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="nl_NL"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/nl_NL/cross-platform.jpg"); } }
[locale="nl_NL"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/group-chats@2x.jpg"); }
[locale="nl_NL"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="nl_NL"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/nl_NL/themes-stickers.jpg"); } }
[locale="nl_NL"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/keeper-vault@2x.jpg"); }
[locale="nl_NL"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="nl_NL"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/nl_NL/enhance-security.jpg"); } }
[locale="nl_NL"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/nl_NL/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="nl_NL"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/nl_NL/user-provisioning.jpg"); } }

[locale="pl_PL"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/header-keeperchat@2x.png"); }
[locale="pl_PL"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/vault_protection_with_fingerprint_access.gif"); }
[locale="pl_PL"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pl_PL"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/pl_PL/media-gallery.jpg"); } }
[locale="pl_PL"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pl_PL"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/pl_PL/cross-platform.jpg"); } }
[locale="pl_PL"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/group-chats@2x.jpg"); }
[locale="pl_PL"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pl_PL"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/pl_PL/themes-stickers.jpg"); } }
[locale="pl_PL"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/keeper-vault@2x.jpg"); }
[locale="pl_PL"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pl_PL"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/pl_PL/enhance-security.jpg"); } }
[locale="pl_PL"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/pl_PL/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pl_PL"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/pl_PL/user-provisioning.jpg"); } }

[locale="pt_BR"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/header-keeperchat@2x.png"); }
[locale="pt_BR"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/vault_protection_with_fingerprint_access.gif"); }
[locale="pt_BR"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pt_BR"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/pt_BR/media-gallery.jpg"); } }
[locale="pt_BR"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pt_BR"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/pt_BR/cross-platform.jpg"); } }
[locale="pt_BR"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/group-chats@2x.jpg"); }
[locale="pt_BR"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pt_BR"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/pt_BR/themes-stickers.jpg"); } }
[locale="pt_BR"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/keeper-vault@2x.jpg"); }
[locale="pt_BR"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pt_BR"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/pt_BR/enhance-security.jpg"); } }
[locale="pt_BR"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/pt_BR/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="pt_BR"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/pt_BR/user-provisioning.jpg"); } }

[locale="ru_RU"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/header-keeperchat@2x.png"); }
[locale="ru_RU"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/vault_protection_with_fingerprint_access.gif"); }
[locale="ru_RU"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/ru_RU/media-gallery.jpg"); } }
[locale="ru_RU"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/ru_RU/cross-platform.jpg"); } }
[locale="ru_RU"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/group-chats@2x.jpg"); }
[locale="ru_RU"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/ru_RU/themes-stickers.jpg"); } }
[locale="ru_RU"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/keeper-vault@2x.jpg"); }
[locale="ru_RU"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/ru_RU/enhance-security.jpg"); } }
[locale="ru_RU"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/ru_RU/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/ru_RU/user-provisioning.jpg"); } }

[locale="zh_CN"] .main.secondary[view="keeperChat"] .intro {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/header-keeperchat@2x.png"); }
[locale="zh_CN"] .main.secondary[view="keeperChat"] .iphoneHand .iphoneContent {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/vault_protection_with_fingerprint_access.gif"); }
[locale="zh_CN"] .main.secondary[view="keeperChat"] #privateMediaGallery {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/media-gallery@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="zh_CN"] .main.secondary[view="keeperChat"] #privateMediaGallery {
      background-image: url("/assets/images/pages/keeperchat/zh_CN/media-gallery.jpg"); } }
[locale="zh_CN"] .main.secondary[view="keeperChat"] #reliableMessaging {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/cross-platform@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="zh_CN"] .main.secondary[view="keeperChat"] #reliableMessaging {
      background-image: url("/assets/images/pages/keeperchat/zh_CN/cross-platform.jpg"); } }
[locale="zh_CN"] .main.secondary[view="keeperChat"] #privateGroupChats {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/group-chats@2x.jpg"); }
[locale="zh_CN"] .main.secondary[view="keeperChat"] #personalizedMessaging {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/themes-stickers@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="zh_CN"] .main.secondary[view="keeperChat"] #personalizedMessaging {
      background-image: url("/assets/images/pages/keeperchat/zh_CN/themes-stickers.jpg"); } }
[locale="zh_CN"] .main.secondary[view="keeperChat"] #keeperPasswordVault {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/keeper-vault@2x.jpg"); }
[locale="zh_CN"] .main.secondary[view="keeperChat"] #security2FA {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/enhance-security@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="zh_CN"] .main.secondary[view="keeperChat"] #security2FA {
      background-image: url("/assets/images/pages/keeperchat/zh_CN/enhance-security.jpg"); } }
[locale="zh_CN"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
  background-image: url("/assets/images/pages/keeperchat/zh_CN/user-provisioning@2x.jpg"); }
  @media (max-width: 768px) {
    [locale="zh_CN"] .main.secondary[view="keeperChat"] #fastDynamicProvisioning {
      background-image: url("/assets/images/pages/keeperchat/zh_CN/user-provisioning.jpg"); } }

.header [data-popup="select-locale"] {
  margin-right: 0 !important; }

.data-breach-bundle .header .ico-globe {
  background-image: url("/assets/icons/ico-language.svg") !important; }

.header > .navigation ul.mobile .item.localeSelector,
.data-breach-bundle .header > .navigation ul.mobile .item.trialBtn,
.data-breach-bundle .header > .navigation ul.mobile .item.hamburger {
  display: none; }

@media (max-width: 991px) {
  .data-breach-bundle .header > .navigation ul.mobile .item.localeSelector {
    display: block; } }

.firefox .main.secondary[view="data-breach-bundle"] i.toolTipIcon {
  margin-bottom: 4px; }

.main.secondary[view="data-breach-bundle"] .intro {
  position: relative;
  overflow: hidden; }
  @media (max-width: 991px) {
    .main.secondary[view="data-breach-bundle"] .intro {
      padding: 40px 0 56px; } }
  .main.secondary[view="data-breach-bundle"] .intro .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    .main.secondary[view="data-breach-bundle"] .intro .container .intro-content {
      width: 48%;
      padding: 85px 40px 85px 0;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      text-align: left; }
      @media (max-width: 1250px) {
        .main.secondary[view="data-breach-bundle"] .intro .container .intro-content {
          width: 100%;
          margin-left: 0; } }
      @media (max-width: 991px) {
        .main.secondary[view="data-breach-bundle"] .intro .container .intro-content {
          padding: 0 0 40px 0; } }
      .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h1 {
        color: #FFC600;
        text-align: left;
        font-size: 36px; }
        @media (max-width: 991px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h1 {
            text-align: center; } }
      .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h3 {
        color: #FFC600;
        font-size: 22px; }
        @media (max-width: 991px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h3 {
            text-align: center; } }
      .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h4 {
        font-size: 26px;
        text-align: left;
        color: #fff;
        margin-bottom: 16px; }
        @media (max-width: 991px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h4 {
            text-align: center; } }
      .main.secondary[view="data-breach-bundle"] .intro .container .intro-content p {
        font-size: 20px;
        text-align: left; }
        @media (max-width: 991px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content p {
            text-align: center; } }
      .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails {
        display: flex;
        flex-flow: column nowrap;
        align-self: flex-start;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.2);
        padding: 32px 40px;
        margin-top: 26px; }
        @media (max-width: 991px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails {
            margin: 0 auto; } }
        @media (max-width: 414px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails {
            width: 100%;
            padding: 32px 24px; } }
        @media (max-width: 340px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails {
            padding: 24px 15px; } }
        .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul {
          margin: 0;
          padding: 0;
          color: #fff;
          display: inline-block; }
          @media (max-width: 414px) {
            .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul {
              display: block; } }
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li {
            position: relative;
            padding: 16px 0 16px 50px;
            position: relative;
            text-align: left;
            display: flex;
            align-items: center;
            flex-flow: row wrap;
            padding-right: 20px;
            white-space: initial;
            font-size: 20px;
            letter-spacing: 0;
            line-height: 28px; }
            @media (max-width: 768px) {
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li {
                font-size: 14px;
                padding: 3px 20px 10px 30px; } }
            @media (max-width: 414px) {
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li {
                width: 100%; } }
            .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li:nth-child(1) {
              background: url("/assets/images/pages/data-breach-bundle/ico-included-keeper.svg") no-repeat left center/32px; }
              @media (max-width: 768px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li:nth-child(1) {
                  background-size: 20px;
                  background-position: left 7px; } }
            .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li:nth-child(2) {
              background: url("/assets/images/pages/data-breach-bundle/ico-included-bw.svg") no-repeat left center/32px; }
              @media (max-width: 768px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li:nth-child(2) {
                  background-size: 20px;
                  background-position: left 7px; } }
            .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li:nth-child(3) {
              background: url("/assets/images/pages/data-breach-bundle/ico-included-storage.svg") no-repeat left center/32px; }
              @media (max-width: 768px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li:nth-child(3) {
                  background-size: 20px;
                  background-position: left 7px; } }
            .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon {
              position: absolute;
              right: -6px;
              top: 23px;
              display: inline-block;
              margin-left: 10px;
              width: 18px;
              height: 18px;
              background: url("/assets/icons/ico-question.svg") no-repeat center/contain;
              overflow: visible;
              cursor: pointer; }
              @media (max-width: 768px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon {
                  position: absolute;
                  right: -10px;
                  top: 11px;
                  width: 12px;
                  height: 12px; } }
              @media (max-width: 360px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon {
                  display: none; } }
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip {
                display: none;
                flex-flow: row nowrap;
                justify-content: space-between;
                width: 678px;
                background: #fff;
                padding: 24px 40px;
                border-radius: 6px;
                position: absolute;
                left: 0;
                bottom: calc(100% + 15px);
                margin-left: -331px;
                box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
                @media (max-width: 991px) {
                  .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip {
                    bottom: auto;
                    top: calc(100% + 15px);
                    left: auto;
                    right: -10px;
                    z-index: 500;
                    flex-flow: column nowrap;
                    width: auto; }
                    .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip .list-gree-checkboxes + .list-gree-checkboxes {
                      margin-top: -16px; } }
                @media (max-width: 414px) {
                  .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip {
                    right: -18px;
                    padding: 24px; } }
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip:before {
                  content: '';
                  width: 0;
                  height: 0;
                  border-left: 10px solid transparent;
                  border-right: 10px solid transparent;
                  border-top: 10px solid #fff;
                  position: absolute;
                  left: 50%;
                  top: 100%;
                  margin-left: -10px; }
                  @media (max-width: 991px) {
                    .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip:before {
                      left: auto;
                      right: 10px;
                      top: auto;
                      bottom: 100%;
                      margin-left: -8px;
                      border-top: 0;
                      border-bottom: 10px solid #fff; } }
                  @media (max-width: 414px) {
                    .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip:before {
                      right: 15px; } }
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip p {
                  color: #000;
                  padding-left: 40px;
                  position: relative;
                  font-size: 18px;
                  font-style: normal;
                  margin: 16px 0; }
                  @media (max-width: 991px) {
                    .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip p {
                      text-align: left; } }
                  @media (max-width: 414px) {
                    .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip p {
                      padding-left: 30px; } }
                  .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip p:before {
                    content: '';
                    display: block;
                    width: 20px;
                    height: 10px;
                    transform: rotate(-45deg);
                    border: 2px solid #21C800;
                    border-top: 0;
                    border-right: 0;
                    position: absolute;
                    left: 0;
                    top: 5px; }
              @media (min-width: 991px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon:hover .toolTip {
                  display: flex; } }
              @media (max-width: 990px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon.hover .toolTip {
                  display: flex; } }
      .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing {
        display: block;
        margin: 65px 0 43px; }
        @media (max-width: 991px) {
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing {
            display: flex;
            align-self: center;
            margin: 24px 0 32px; } }
        .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start; }
          @media (max-width: 480px) {
            .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div {
              flex-flow: column nowrap;
              justify-content: center;
              align-items: center; } }
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div sup {
            font-size: 1em;
            top: 0; }
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #basePrice {
            display: inline-block;
            position: relative;
            margin-right: 15px;
            color: rgba(255, 255, 255, 0.5);
            font-weight: 500;
            font-size: 36px; }
            @media (max-width: 768px) {
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #basePrice {
                font-size: 20px; } }
            @media (max-width: 480px) {
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #basePrice {
                margin-right: 0;
                margin-bottom: 16px; } }
            .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #basePrice:after {
              content: "";
              top: 30%;
              bottom: 0;
              left: 0;
              right: 0;
              height: 3px;
              width: 100%;
              border: 0;
              position: absolute;
              background: #F7324A;
              transform: rotate(-10deg);
              height: 4px;
              margin-top: 10px; }
              @media (max-width: 768px) {
                .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #basePrice:after {
                  top: 10%;
                  height: 3px; } }
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #discountedPrice {
            color: #fff;
            font-size: 36px;
            font-weight: 500; }
            @media (max-width: 768px) {
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #discountedPrice {
                font-size: 20px;
                margin-bottom: 8px; } }
          .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #discountBreakdown {
            color: #fff;
            padding-left: 10px; }
            @media (max-width: 768px) {
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #discountBreakdown {
                font-size: 12px; } }
            @media (max-width: 480px) {
              .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #discountBreakdown {
                text-align: center;
                padding-left: 0; } }
      @media (max-width: 991px) {
        .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .actions {
          display: flex;
          align-self: center; } }
    .main.secondary[view="data-breach-bundle"] .intro .container .intro-image {
      width: 46%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      padding-left: 48px; }
      @media (max-width: 991px) {
        .main.secondary[view="data-breach-bundle"] .intro .container .intro-image {
          display: none; } }
      .main.secondary[view="data-breach-bundle"] .intro .container .intro-image .screenshot {
        display: block;
        height: 90%;
        width: 0;
        padding-left: 221%;
        background: url("/assets/images/pages/data-breach-bundle/bw-desktop-ui.png") no-repeat center/contain;
        border-radius: 8px;
        overflow: hidden; }
  .main.secondary[view="data-breach-bundle"] .intro .addBreachWatch {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    height: 56px; }
    @media (max-width: 768px) {
      .main.secondary[view="data-breach-bundle"] .intro .addBreachWatch {
        height: auto;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; } }
    .main.secondary[view="data-breach-bundle"] .intro .addBreachWatch p {
      color: #fff;
      font-size: 18px;
      margin: 13px 0;
      text-align: center; }
      @media (max-width: 768px) {
        .main.secondary[view="data-breach-bundle"] .intro .addBreachWatch p {
          line-height: 20px !important;
          padding: 0 24px; } }
      .main.secondary[view="data-breach-bundle"] .intro .addBreachWatch p a {
        color: #FFC600;
        display: inline-block;
        white-space: nowrap; }
.main.secondary[view="data-breach-bundle"] #rating {
  display: block;
  background: #fff;
  padding: 56px 0 0; }
  .main.secondary[view="data-breach-bundle"] #rating h3 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 56px;
    color: #000000;
    text-align: center;
    line-height: 40px; }
    @media (max-width: 640px) {
      .main.secondary[view="data-breach-bundle"] #rating h3 {
        margin-bottom: 0;
        width: 250px;
        margin: 0 auto 48px;
        line-height: 26px; } }
    @media (max-width: 768px) {
      .main.secondary[view="data-breach-bundle"] #rating h3 {
        font-size: 20px; } }
    @media (max-width: 414px) {
      .main.secondary[view="data-breach-bundle"] #rating h3 {
        margin-bottom: 40px; } }
  @media (max-width: 991px) {
    .main.secondary[view="data-breach-bundle"] #rating h3 {
      font-size: 24px; } }
  @media (max-width: 768px) {
    .main.secondary[view="data-breach-bundle"] #rating h3 {
      font-size: 22px; } }
  @media (max-width: 640px) {
    .main.secondary[view="data-breach-bundle"] #rating h3 {
      font-size: 20px; } }
  .main.secondary[view="data-breach-bundle"] #rating .testimonials {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .main.secondary[view="data-breach-bundle"] #rating .testimonials {
        flex-flow: column nowrap; } }
    .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial {
      background: #fff;
      width: 32%;
      border-radius: 10px;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
      padding: 48px; }
      @media (max-width: 991px) {
        .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial {
          padding: 40px 16px; } }
      @media (max-width: 768px) {
        .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial {
          width: 100%;
          padding: 48px;
          margin-bottom: 16px; } }
      @media (max-width: 414px) {
        .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial {
          padding: 32px 24px;
          text-align: center; } }
      .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial p {
        margin-top: 16px; }
        .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial p:first-child {
          margin-top: 32px; }
        .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial p strong {
          font-weight: 500; }
  .main.secondary[view="data-breach-bundle"] #rating .actions {
    text-align: center;
    font-size: 20px;
    margin: 48px 0 56px; }
    .main.secondary[view="data-breach-bundle"] #rating .actions .btn {
      min-width: 195px; }

[locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content {
  padding: 85px 0 85px 40px; }
  [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h1, [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content h4, [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content p {
    text-align: right; }
  [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li {
    text-align: right;
    padding: 16px 50px 16px 20px;
    background-position: right center; }
    [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon {
      margin-left: 0;
      margin-right: 10px;
      right: auto;
      left: 0;
      top: 21px; }
      @media (max-width: 768px) {
        [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon {
          right: auto;
          left: -10px;
          top: 20px; } }
      @media (max-width: 360px) {
        [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon {
          display: none; } }
      [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip {
        width: 730px;
        margin-left: -358px; }
        @media (max-width: 991px) {
          [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip {
            left: -10px;
            right: auto;
            margin-left: 0;
            width: auto; }
            [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip:before {
              left: 15px;
              right: auto; } }
        @media (max-width: 414px) {
          [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip {
            left: -18px;
            right: auto; } }
        [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip .list-gree-checkboxes {
          padding-left: 20px; }
          @media (max-width: 991px) {
            [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip .list-gree-checkboxes {
              padding-left: 0; } }
          [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip .list-gree-checkboxes p {
            text-align: right;
            padding-left: 0;
            padding-right: 40px;
            white-space: nowrap; }
            [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content #bundleDetails ul > li i.toolTipIcon .toolTip .list-gree-checkboxes p:before {
              left: auto;
              right: 0; }
  [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #basePrice {
    margin-right: 0;
    margin-left: 15px; }
  [locale="ar_AE"] .main.secondary[view="data-breach-bundle"] .intro .container .intro-content .pricing > div > #discountBreakdown {
    padding-left: 0;
    padding-right: 10px; }
[locale="ar_AE"] .main.secondary[view="data-breach-bundle"] #rating .testimonials .testimonial {
  text-align: right; }

.header [data-popup="select-locale"] {
  margin-right: 0 !important; }

.free-data-breach-scan .header .ico-globe {
  background-image: url("/assets/icons/ico-language.svg") !important; }

.header > .navigation ul.mobile .item.localeSelector,
.free-data-breach-scan .header > .navigation ul.mobile .item.trialBtn,
.free-data-breach-scan .header > .navigation ul.mobile .item.hamburger {
  display: none; }

@media (max-width: 991px) {
  .free-data-breach-scan .header > .navigation ul.mobile .item.localeSelector {
    display: block; } }

.free-data-breach-scan section.navigation ul.right,
.free-data-breach-scan footer .desktop.navigation {
  display: none; }

.ie .circle-chart {
  transform: rotate(-180deg); }

.main.primary[view="free-data-breach-scan"] .scannedEmail {
  font-weight: 400;
  display: block;
  word-break: break-all; }
.main.primary[view="free-data-breach-scan"] .form-error,
.main.primary[view="free-data-breach-scan"] .email-error {
  display: none; }
.main.primary[view="free-data-breach-scan"] .form-error p,
.main.primary[view="free-data-breach-scan"] .email-error p {
  font-size: 14px;
  color: #ff6d6d;
  margin-bottom: 10px;
  margin-top: 10px; }
  @media only screen and (max-width: 768px) {
    .main.primary[view="free-data-breach-scan"] .form-error p,
    .main.primary[view="free-data-breach-scan"] .email-error p {
      font-size: 12px !important; } }
@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }
.main.primary[view="free-data-breach-scan"] .intro.startScan {
  background: #000 url("/assets/images/pages/free-data-breach-scan/bw-scan-header.jpg") no-repeat left center/contain; }
  @media (max-width: 1800px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 760px) center; } }
  @media (max-width: 1700px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 700px) center; } }
  @media (max-width: 1600px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 640px) center; } }
  @media (max-width: 1400px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 550px) center; } }
  @media (max-width: 1300px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 500px) center; } }
  @media (max-width: 1200px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 580px) center; } }
  @media (max-width: 1100px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 530px) center; } }
  @media (max-width: 1024px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background-position: calc(100% - 470px) center; } }
  @media (max-width: 860px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      background: #000; } }
  @media only screen and (min-width: 768px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      min-height: 720px; } }
  @media only screen and (max-width: 860px) {
    .main.primary[view="free-data-breach-scan"] .intro.startScan {
      min-height: auto; } }
  .main.primary[view="free-data-breach-scan"] .intro.startScan .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end; }
    @media (max-width: 1300px) {
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container {
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.65) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.65) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); } }
    @media (max-width: 860px) {
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container {
        background: rgba(0, 0, 0, 0.7);
        padding: 0 12%; } }
    @media (max-width: 768px) {
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container {
        background: none; } }
    @media (max-width: 480px) {
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container {
        padding: 0 24px; } }
    .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
      width: 40%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-content: flex-start; }
      @media (max-width: 1600px) {
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
          padding: 120px 0; } }
      @media (max-width: 1500px) {
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
          padding: 100px 0; } }
      @media (max-width: 1300px) {
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
          padding: 10% 0; } }
      @media (max-width: 1200px) {
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
          padding: 6% 0;
          width: 50%; } }
      @media (max-width: 860px) {
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
          width: 100%;
          margin-left: 0; } }
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content h4 {
        color: #FFC600;
        font-size: 22px; }
        @media (max-width: 480px) {
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content h4 {
            font-size: 14px; } }
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content > p {
        font-size: 24px;
        color: #FFFFFF;
        letter-spacing: 0.12px;
        line-height: 32px;
        font-weight: 300;
        margin-bottom: 56px; }
        @media (max-width: 768px) {
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content > p {
            margin-bottom: 32px; } }
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form {
        display: block; }
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"] {
          display: block;
          width: 100%;
          height: 56px;
          border-radius: 6px;
          border: none;
          padding: 0 60px 0 20px;
          margin: 16px 0 0; }
          @media (max-width: 480px) {
            .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"] {
              height: 40px; } }
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"]:valid:not(:placeholder-shown) + button {
            background: #FFC600; }
            .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"]:valid:not(:placeholder-shown) + button:after {
              border-left: 10px solid #000; }
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form #scanEmail {
          display: block;
          float: right;
          width: 56px;
          height: 56px;
          margin-top: -56px;
          border: none;
          border-radius: 0 6px 6px 0;
          background: #D2D2D2;
          position: relative; }
          @media (max-width: 480px) {
            .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form #scanEmail {
              height: 40px;
              width: 40px;
              margin-top: -40px; } }
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form #scanEmail:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 10px solid #777;
            margin: -8px 0 0 -5px; }
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form #scanEmail:hover {
            background: #FFC600; }
            .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form #scanEmail:hover:after {
              border-left: 10px solid #000; }
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form #scanEmail.bg-yellow {
            background: #ffc600; }
            .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form #scanEmail.bg-yellow:after {
              border-left: 10px solid #000; }
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content p.emailDisclaimer {
        margin-top: 16px;
        margin-bottom: 27px;
        font-size: 14px;
        color: #878787;
        letter-spacing: 0.17px;
        line-height: 20px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content p.emailDisclaimer {
            font-size: 10px !important;
            letter-spacing: 0.12px;
            text-align: center;
            line-height: 13px; } }
        .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content p.emailDisclaimer a {
          color: #FFC600; }
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content p.emailDisclaimer a:hover {
            color: lightgrey; }
      .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content img.poweredByBW {
        display: flex;
        align-self: flex-end; }
        @media (max-width: 768px) {
          .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content img.poweredByBW {
            align-self: center; } }
.main.primary[view="free-data-breach-scan"] .intro.scanComplete {
  background: #000; }
  .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end; }
    .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content {
      width: 100%;
      padding: 85px 0;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
      @media (max-width: 1250px) {
        .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content {
          width: 100%;
          margin-left: 0; } }
      .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content h1 {
        text-align: center; }
      .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scannedEmail {
        text-align: center; }
      .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; }
        .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          width: 640px;
          max-width: 100%;
          margin: 0 auto;
          align-items: flex-start; }
          @media (max-width: 640px) {
            .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound {
              flex-flow: column nowrap;
              justify-content: center;
              align-items: center; } }
          .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result {
            width: 48%;
            display: flex;
            flex-flow: column nowrap;
            justify-content: center;
            text-align: center; }
            @media (max-width: 640px) {
              .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result {
                width: 100%; } }
            .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram {
              width: 100%;
              height: 80px;
              display: flex;
              flex-flow: column nowrap;
              justify-content: space-between;
              align-items: center; }
              @media only screen and (max-width: 768px) {
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram {
                  margin-bottom: 40px; }
                  .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram:last-of-type {
                    margin-bottom: 0; } }
              @media only screen and (max-width: 768px) {
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram {
                  width: 100%; } }
              .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #dataBreachesCounter,
              .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #stolenPasswordsCounter {
                display: block;
                position: relative;
                width: 136px;
                height: 62px;
                margin: 0 auto; }
                @media (max-width: 768px) {
                  .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #dataBreachesCounter,
                  .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #stolenPasswordsCounter {
                    width: 100px;
                    height: 50px; } }
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #dataBreachesCounter svg,
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #stolenPasswordsCounter svg {
                  position: absolute;
                  left: 0;
                  top: 0; }
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #dataBreachesCounter .progressbar-text,
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #stolenPasswordsCounter .progressbar-text {
                  display: flex;
                  flex-flow: row nowrap;
                  justify-content: center;
                  white-space: nowrap;
                  font-family: "Overpass", Helvetica, Arial, sans-serif !important;
                  font-size: 32px;
                  font-weight: 700 !important;
                  color: #fff !important;
                  top: calc(50% + 5px) !important; }
                  @media (max-width: 768px) {
                    .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #dataBreachesCounter .progressbar-text,
                    .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram #stolenPasswordsCounter .progressbar-text {
                      font-size: 24px; } }
              .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram p {
                margin-top: 33px;
                text-align: center;
                max-width: 100%; }
                @media only screen and (max-width: 768px) {
                  .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .resultsFound .result .diagram p {
                    font-size: 14px;
                    max-width: 220px;
                    text-align: center; } }
        .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions {
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;
          margin-top: 40px; }
          @media (max-width: 768px) {
            .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions {
              flex-flow: column nowrap; } }
          .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn {
            text-align: center;
            min-width: 208px; }
            @media (max-width: 768px) {
              .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn.btn-yellow {
                order: 1;
                margin: 0 auto 16px; }
              .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn.reScan {
                order: 2; } }
            .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn.btn-grey {
              display: flex;
              background: #404040;
              color: #fff; }
              .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn.btn-grey.reScan {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                align-items: center; }
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn.btn-grey.reScan i.rescanIcon {
                  display: block;
                  width: 24px;
                  height: 24px;
                  display: inline-block;
                  margin-right: 10px;
                  position: relative;
                  top: -2px;
                  background: url("/assets/images/pages/free-data-breach-scan/ico-scan-new.svg") no-repeat center/contain; }
                  @media (max-width: 768px) {
                    .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn.btn-grey.reScan i.rescanIcon {
                      top: 0; } }
            .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn + .btn {
              margin-left: 16px; }
              @media (max-width: 768px) {
                .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn + .btn {
                  margin-left: auto; } }
.main.primary[view="free-data-breach-scan"] section.diagrams {
  background-color: white;
  padding: 90px 0;
  min-height: calc(100vh - 760px); }
  @media only screen and (max-width: 768px) {
    .main.primary[view="free-data-breach-scan"] section.diagrams {
      padding: 40px 0; } }
  .main.primary[view="free-data-breach-scan"] section.diagrams .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 1024px;
    max-width: 100%; }
    @media only screen and (max-width: 768px) {
      .main.primary[view="free-data-breach-scan"] section.diagrams .container {
        flex-flow: column nowrap; } }
    .main.primary[view="free-data-breach-scan"] section.diagrams .container:before, .main.primary[view="free-data-breach-scan"] section.diagrams .container:after {
      content: none; }
    .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram {
      width: 30%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram {
          margin-bottom: 40px; }
          .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram:last-of-type {
            margin-bottom: 0; } }
      @media only screen and (max-width: 768px) {
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram {
          width: 100%; } }
      .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount,
      .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount,
      .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount {
        display: block;
        position: relative;
        width: 136px;
        height: 136px;
        margin: 0 auto; }
        @media (max-width: 768px) {
          .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount,
          .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount,
          .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount {
            width: 100px;
            height: 100px; } }
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount svg,
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount svg,
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount svg {
          position: absolute;
          left: 0;
          top: 0; }
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text,
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
        .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;
          white-space: nowrap;
          font-family: "Overpass", Helvetica, Arial, sans-serif !important;
          font-size: 32px;
          font-weight: 700 !important;
          color: #000 !important; }
          @media (max-width: 768px) {
            .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text,
            .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
            .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
              font-size: 24px; } }
      .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram p {
        margin-top: 33px;
        text-align: center;
        max-width: 100%; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram p {
            font-size: 14px;
            max-width: 220px;
            text-align: center; } }

.ie .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram .animatedCircle .countValue {
  height: 110%; }
.ie .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram .animatedCircle .circle-chart__circle.active {
  transform: rotate(-90deg) !important;
  transform-origin: center !important; }

#scanGoodPopup {
  width: 654px;
  margin-left: -327px;
  text-align: center;
  border-radius: 8px;
  bottom: auto;
  top: 50%;
  margin-top: -260px;
  max-height: calc(100vh - 30px); }
  @media (max-width: 960px) {
    #scanGoodPopup {
      margin-left: auto; } }
  @media (max-device-width: 860px) and (min-device-width: 414px) {
    #scanGoodPopup {
      height: calc(100vh - 30px);
      top: 15px;
      bottom: 15px;
      margin-top: 0; } }
  @media (max-width: 680px) {
    #scanGoodPopup {
      width: calc(100% - 30px); } }
  #scanGoodPopup .diagram {
    display: block;
    width: 100%;
    margin: 0 auto; }
    #scanGoodPopup .diagram .animatedCircle {
      display: block;
      margin: 0 auto;
      width: 128px;
      height: 128px;
      position: relative; }
      @media (max-width: 768px) {
        #scanGoodPopup .diagram .animatedCircle {
          width: 98px;
          height: 98px; } }
      #scanGoodPopup .diagram .animatedCircle .circle-chart {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 128px;
        height: 128px; }
        @media (max-width: 768px) {
          #scanGoodPopup .diagram .animatedCircle .circle-chart {
            display: block;
            width: 98px;
            height: 98px;
            position: relative; } }
      #scanGoodPopup .diagram .animatedCircle .alertIcon {
        display: block;
        line-height: 110px; }
        @media (max-width: 768px) {
          #scanGoodPopup .diagram .animatedCircle .alertIcon {
            line-height: 1;
            margin-top: -70px; } }
      #scanGoodPopup .diagram .animatedCircle .circle-chart__circle {
        transform: rotate(-180deg);
        transform-origin: center; }
        #scanGoodPopup .diagram .animatedCircle .circle-chart__circle.active {
          animation: circle-chart-fill 2s reverse; }
        @media (max-width: 768px) {
          #scanGoodPopup .diagram .animatedCircle .circle-chart__circle {
            display: block;
            width: 98px;
            height: 98px; } }
  #scanGoodPopup h5 {
    font-size: 22px;
    font-weight: 600;
    margin-top: -30px; }
    @media (max-width: 960px) {
      #scanGoodPopup h5 {
        margin-top: 0; } }
  #scanGoodPopup .alertMessage {
    font-size: 18px;
    margin: 30px 0; }
  #scanGoodPopup .btn {
    min-width: 195px; }

#scanAlertPopup {
  width: 592px;
  bottom: auto;
  top: 50%;
  margin-top: -210px;
  margin-left: -296px;
  text-align: center;
  border-radius: 8px; }
  @media (max-width: 960px) {
    #scanAlertPopup {
      margin-left: auto; } }
  @media (min-device-width: 860px) and (max-device-width: 414px) {
    #scanAlertPopup {
      height: calc(100vh - 30px);
      top: 15px;
      bottom: 15px;
      margin-top: 0; } }
  @media (max-width: 680px) {
    #scanAlertPopup {
      width: calc(100% - 30px); } }
  @media (max-width: 500px) {
    #scanAlertPopup {
      padding: 32px 24px; } }
  #scanAlertPopup .diagram {
    display: block;
    width: 100%;
    margin: 0 auto; }
    #scanAlertPopup .diagram .animatedCircle {
      display: block;
      margin: 0 auto;
      width: 128px;
      height: 128px;
      position: relative; }
      @media (max-width: 768px) {
        #scanAlertPopup .diagram .animatedCircle {
          width: 98px;
          height: 98px; } }
      #scanAlertPopup .diagram .animatedCircle .circle-chart {
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
        @media (max-width: 768px) {
          #scanAlertPopup .diagram .animatedCircle .circle-chart {
            display: block;
            width: 98px;
            height: 98px;
            position: relative; } }
      #scanAlertPopup .diagram .animatedCircle .alertIcon {
        display: block;
        line-height: 110px; }
        @media (max-width: 768px) {
          #scanAlertPopup .diagram .animatedCircle .alertIcon {
            line-height: 1;
            margin-top: -70px; } }
      #scanAlertPopup .diagram .animatedCircle .circle-chart__circle {
        transform: rotate(-180deg);
        transform-origin: center; }
        #scanAlertPopup .diagram .animatedCircle .circle-chart__circle.active {
          animation: circle-chart-fill 2s reverse; }
        @media (max-width: 768px) {
          #scanAlertPopup .diagram .animatedCircle .circle-chart__circle {
            display: block;
            width: 98px;
            height: 98px; } }
  #scanAlertPopup h5 {
    font-size: 22px;
    font-weight: 600;
    margin-top: -30px; }
    @media (max-width: 960px) {
      #scanAlertPopup h5 {
        margin-top: 0; } }
  #scanAlertPopup .alertMessage {
    font-size: 18px;
    margin: 30px 0; }

#popupInvalidToken,
#popupEmailSent {
  border-radius: 8px;
  width: 448px;
  height: auto;
  bottom: auto;
  top: 50%;
  margin-top: -122px;
  text-align: center;
  margin-left: -224px;
  padding: 40px; }
  @media (max-width: 960px) {
    #popupInvalidToken,
    #popupEmailSent {
      margin-left: auto; } }
  @media (min-device-width: 860px) and (max-device-width: 414px) {
    #popupInvalidToken,
    #popupEmailSent {
      height: calc(100vh - 30px);
      top: 15px;
      bottom: 15px;
      margin-top: 0; } }
  @media (max-width: 500px) {
    #popupInvalidToken,
    #popupEmailSent {
      width: calc(100% - 30px);
      padding: 32px 24px; } }
  #popupInvalidToken h3,
  #popupEmailSent h3 {
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center; }
    @media (max-width: 414px) {
      #popupInvalidToken h3,
      #popupEmailSent h3 {
        text-align: center;
        padding-right: 0; } }
  #popupInvalidToken p,
  #popupEmailSent p {
    font-size: 18px;
    margin-bottom: 20px;
    overflow-wrap: break-word;
    hyphens: auto; }
    #popupInvalidToken p .scannedEmail,
    #popupEmailSent p .scannedEmail {
      overflow-wrap: initial;
      hyphens: initial;
      display: block;
      word-break: break-all; }

#scanProgressPopup {
  border-radius: 8px;
  width: 448px;
  height: 245px;
  top: 50%;
  margin-top: -122px;
  text-align: center;
  margin-left: -224px;
  padding: 40px 56px; }
  @media (max-width: 960px) {
    #scanProgressPopup {
      margin-left: auto; } }
  @media (min-device-width: 860px) and (max-device-width: 414px) {
    #scanProgressPopup {
      height: calc(100vh - 30px);
      top: 15px;
      bottom: 15px;
      margin-top: 0; } }
  @media (max-width: 500px) {
    #scanProgressPopup {
      width: calc(100% - 30px); } }
  #scanProgressPopup p {
    margin-right: -20px; }
  #scanProgressPopup #progressBar {
    width: 100%;
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 36px 0;
    background-color: #e2e2e2; }
  #scanProgressPopup #progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px;
    /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #21C800; }
  #scanProgressPopup img {
    margin-left: -20px; }

[locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text {
  flex-flow: row wrap;
  line-height: 24px; }
  [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text .pfx {
    display: block;
    font-size: 16px; }
[locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
[locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
  text-align: center;
  flex-flow: column nowrap;
  white-space: pre-wrap; }
  @media (max-width: 768px) {
    [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
    [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
      line-height: 24px; } }
  [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
  [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
  [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
    font-size: 18px; }
    @media (max-width: 768px) {
      [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
      [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
      [locale="fr_FR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
        font-size: 16px;
        white-space: nowrap; } }

[locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text {
  flex-flow: row wrap;
  line-height: 24px; }
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text .pfx {
    display: block;
    font-size: 16px; }
[locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
[locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
  text-align: center;
  flex-flow: column nowrap;
  white-space: pre-wrap; }
  @media (max-width: 768px) {
    [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
    [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
      line-height: 24px; } }
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
    font-size: 18px; }
    @media (max-width: 768px) {
      [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
      [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
      [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
        font-size: 16px;
        white-space: nowrap; } }

[locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text {
  flex-flow: row wrap;
  line-height: 24px; }
  [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text .pfx {
    display: block;
    font-size: 16px; }
[locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
[locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
  text-align: center;
  flex-flow: column nowrap;
  white-space: pre-wrap; }
  @media (max-width: 768px) {
    [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
    [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
      line-height: 24px; } }
  [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
  [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
  [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
    font-size: 18px; }
    @media (max-width: 768px) {
      [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
      [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
      [locale="pt_BR"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
        font-size: 16px;
        white-space: nowrap; } }

[locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text {
  flex-flow: row wrap;
  line-height: 24px; }
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text .pfx {
    display: block;
    font-size: 16px; }
[locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
[locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
  text-align: center;
  flex-flow: column nowrap;
  white-space: pre-wrap; }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
    [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
      line-height: 24px; } }
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
    font-size: 18px; }
    @media (max-width: 768px) {
      [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
      [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
      [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
        font-size: 16px;
        white-space: nowrap; } }

[locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text {
  flex-flow: row wrap;
  line-height: 24px;
  margin-top: -8px !important; }
  [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text .pfx {
    display: block;
    font-size: 16px; }
[locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
[locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
  text-align: center;
  flex-flow: column nowrap;
  white-space: pre-wrap; }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
    [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
      line-height: 24px; } }
  [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
  [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
  [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
    font-size: 18px; }
    @media (max-width: 768px) {
      [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
      [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
      [locale="es_ES"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
        font-size: 16px;
        white-space: nowrap; } }

[locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text {
  flex-flow: row wrap;
  line-height: 24px;
  margin-top: -8px !important; }
  [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #adultsExposedCount .progressbar-text .pfx {
    display: block;
    font-size: 16px; }
[locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
[locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
  text-align: center;
  flex-flow: column nowrap;
  white-space: pre-wrap; }
  @media (max-width: 768px) {
    [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text,
    [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text {
      line-height: 24px; } }
  [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
  [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
  [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
    font-size: 18px; }
    @media (max-width: 768px) {
      [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .pfx, [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #websitesHackedCount .progressbar-text .sfx,
      [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .pfx,
      [locale="it_IT"] .main.primary[view="free-data-breach-scan"] section.diagrams .container .diagram #stolenUserPasswordsCount .progressbar-text .sfx {
        font-size: 16px;
        white-space: nowrap; } }

[locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/ar_AE/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="de_DE"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/de_DE/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="en_US"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/en_US/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="en_GB"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/en_GB/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="es_ES"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/es_ES/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="fr_FR"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/fr_FR/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="it_IT"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/it_IT/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="ja_JP"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/ja_JP/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="nl_NL"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/nl_NL/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="pl_PL"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/pl_PL/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="pt_BR"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/pt_BR/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="ru_RU"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/ru_RU/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="zh_CN"] .main.primary[view="free-data-breach-scan"] .intro .container .intro-image .businessImage {
  background: url("/assets/images/pages/breachwatch/zh_CN/breachwatch-biz-header@2x.png") no-repeat center bottom/contain; }

[locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro .intro-content .actions .btn:first-of-type,
[locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro .intro-content .intro-actions .btn:first-of-type {
  margin-right: 0; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro .intro-content .actions .btn:first-of-type,
    [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro .intro-content .intro-actions .btn:first-of-type {
      margin-right: auto; } }
[locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
  left: 60%; }
  @media (max-width: 1200px) {
    [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
      left: 50%; } }
  @media (max-width: 860px) {
    [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content {
      left: 0;
      width: 100%;
      margin: 0; } }
  @media (max-width: 860px) {
    [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content h1, [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content h4, [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content p {
      text-align: center; } }
  [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"] {
    padding: 0 70px 0 20px; }
    [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"] + button {
      float: left;
      border-radius: 6px 0 0 6px; }
      [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"] + button:after {
        border-left: 0;
        border-right: 10px solid #777; }
      [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.startScan .container .intro-content .scanForm form input[type="email"] + button:hover:after {
        border-left: 0;
        border-right: 10px solid #000; }
[locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content {
  margin: 0 auto; }
  [locale="ar_AE"] .main.primary[view="free-data-breach-scan"] .intro.scanComplete .container .intro-content #scanResults .actions .btn.btn-grey i.rescanIcon {
    margin-right: auto;
    margin-left: 10px; }

[locale="es_ES"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
[locale="es_ES"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue,
[locale="fr_FR"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
[locale="fr_FR"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue,
[locale="it_IT"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
[locale="it_IT"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue {
  font-size: 32px; }
  @media (max-width: 960px) {
    [locale="es_ES"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
    [locale="es_ES"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue,
    [locale="fr_FR"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
    [locale="fr_FR"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue,
    [locale="it_IT"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
    [locale="it_IT"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue {
      font-size: 28px; } }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
    [locale="es_ES"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue,
    [locale="fr_FR"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
    [locale="fr_FR"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue,
    [locale="it_IT"] .main.primary[view='free-data-breach-scan'] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
    [locale="it_IT"] .main.primary[view='free-data-breach-scan'] section.diagrams .container .diagram .animatedCircle .countValue {
      font-size: 24px;
      line-height: 26px; } }

[locale="es_ES"] section.diagrams .container #stolenUserPasswords .countValue,
[locale="pt_BR"] section.diagrams .container #stolenUserPasswords .countValue,
[locale="it_IT"] section.diagrams .container #stolenUserPasswords .countValue,
[locale="fr_FR"] section.diagrams .container #stolenUserPasswords .countValue {
  flex-flow: column nowrap;
  font-size: 18px; }
  @media (max-width: 768px) {
    [locale="es_ES"] section.diagrams .container #stolenUserPasswords .countValue,
    [locale="pt_BR"] section.diagrams .container #stolenUserPasswords .countValue,
    [locale="it_IT"] section.diagrams .container #stolenUserPasswords .countValue,
    [locale="fr_FR"] section.diagrams .container #stolenUserPasswords .countValue {
      font-size: 16px;
      line-height: 20px; } }
  [locale="es_ES"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
  [locale="pt_BR"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
  [locale="it_IT"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
  [locale="fr_FR"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount {
    display: block;
    font-size: 36px; }

[locale="de_DE"] section.diagrams .container #stolenUserPasswords .countValue {
  font-size: 18px; }
  [locale="de_DE"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount {
    font-size: 36px; }

@media (max-width: 768px) {
  [locale="zh_CN"] section.diagrams .container #adultsExposed .countValue,
  [locale="ja_JP"] section.diagrams .container #adultsExposed .countValue {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    font-size: 24px; }
    [locale="zh_CN"] section.diagrams .container #adultsExposed .countValue #adultsExposedCount,
    [locale="ja_JP"] section.diagrams .container #adultsExposed .countValue #adultsExposedCount {
      font-size: 30px; }
  [locale="zh_CN"] section.diagrams .container #websitesHacked .countValue,
  [locale="ja_JP"] section.diagrams .container #websitesHacked .countValue {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    font-size: 24px; }
    [locale="zh_CN"] section.diagrams .container #websitesHacked .countValue #websitesHackedCount,
    [locale="ja_JP"] section.diagrams .container #websitesHacked .countValue #websitesHackedCount {
      font-size: 30px; }
  [locale="zh_CN"] section.diagrams .container #stolenUserPasswords .countValue,
  [locale="ja_JP"] section.diagrams .container #stolenUserPasswords .countValue {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    font-size: 24px; }
    [locale="zh_CN"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
    [locale="ja_JP"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount {
      font-size: 30px; } }

[locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #websitesHacked .countValue,
[locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue,
[locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #websitesHacked .countValue,
[locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue {
  font-size: 18px; }
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #websitesHacked .countValue #websitesHackedCount,
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #websitesHacked .countValue #stolenUserPassCount,
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue #websitesHackedCount,
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount,
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #websitesHacked .countValue #websitesHackedCount,
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #websitesHacked .countValue #stolenUserPassCount,
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue #websitesHackedCount,
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue #stolenUserPassCount {
    font-size: 36px; }
@media (max-width: 768px) {
  [locale="ru_RU"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue,
  [locale="pl_PL"] .main.primary[view="free-data-breach-scan"] section.diagrams .container #stolenUserPasswords .countValue {
    flex-flow: column nowrap;
    line-height: 26px; } }

.header [data-popup="select-locale"] {
  margin-right: 0 !important; }

.free-data-breach-scan-complete .header .ico-globe {
  background-image: url("/assets/icons/ico-language.svg") !important; }

.header > .navigation ul.mobile .item.localeSelector,
.free-data-breach-scan-complete .header > .navigation ul.mobile .item.trialBtn,
.free-data-breach-scan-complete .header > .navigation ul.mobile .item.hamburger {
  display: none; }

@media (max-width: 991px) {
  .free-data-breach-scan-complete .header > .navigation ul.mobile .item.localeSelector {
    display: block; } }

.free-data-breach-scan-complete section.navigation ul.right,
.free-data-breach-scan-complete footer .desktop.navigation {
  display: none; }

.ie #scanGoodPopup .circle-chart,
.ie #scanAlertPopup .circle-chart {
  transform: rotate(180deg) !important; }

.main.secondary[view="free-data-breach-scan-complete"] {
  min-height: calc(100vh - 150px); }
  .main.secondary[view="free-data-breach-scan-complete"] #pdfHeader, .main.secondary[view="free-data-breach-scan-complete"] #pringFooterLogo {
    display: none; }
  @media only screen and (max-width: 768px) {
    .main.secondary[view="free-data-breach-scan-complete"] .result-date {
      margin-bottom: 10px; }
    .main.secondary[view="free-data-breach-scan-complete"] .actions {
      display: none !important; } }
  .main.secondary[view="free-data-breach-scan-complete"] .intro .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end; }
    .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content {
      width: 100%;
      padding: 0;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
      @media (max-width: 1250px) {
        .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content {
          width: 100%;
          margin-left: 0; } }
      .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content h1 {
        text-align: center; }
      .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content #scannedEmail {
        text-align: center;
        margin: 0;
        word-break: break-all; }
      .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content .actions {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center; }
        .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content .actions .btn {
          text-align: center;
          min-width: 208px;
          position: relative; }
          .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content .actions .btn .ico-download-black {
            display: inline-block;
            width: 10px;
            height: 15px;
            background-image: url("/assets/icons/dwnload-icon.png");
            margin-top: -2px;
            margin-right: 10px; }
  .main.secondary[view="free-data-breach-scan-complete"] #scanResults {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 64px 0 56px; }
    .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      width: 640px;
      max-width: 100%;
      margin: 0 auto;
      align-items: flex-start; }
      @media (max-width: 640px) {
        .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound {
          flex-flow: column nowrap;
          justify-content: center;
          align-items: center; } }
      .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result {
        width: 280px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        text-align: center; }
        @media (max-width: 640px) {
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result + .result {
            margin-top: 40px; } }
        .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram {
          display: block;
          width: 100%;
          margin: 0 auto; }
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle {
            display: block;
            margin: 0 auto;
            width: 128px;
            height: 128px;
            position: relative; }
            @media (max-width: 768px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle {
                width: 98px;
                height: 98px; } }
            .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle .circle-chart {
              display: block;
              position: absolute;
              left: 0;
              top: 0; }
              @media (max-width: 768px) {
                .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle .circle-chart {
                  display: block;
                  width: 98px;
                  height: 98px;
                  position: relative; } }
            .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle .countValue {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 80px;
              margin: 0;
              padding: 0;
              color: #000;
              text-align: center;
              font-size: 40px;
              font-weight: 500;
              line-height: 110px; }
              @media (max-width: 768px) {
                .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle .countValue {
                  font-size: 24px;
                  line-height: 80px; } }
            .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle .circle-chart__circle {
              transform: rotate(-180deg);
              transform-origin: center; }
              @media (max-width: 768px) {
                .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle .circle-chart__circle {
                  display: block;
                  width: 98px;
                  height: 98px; } }
            .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .animatedCircle .circle-chart__circle.active {
              animation: circle-chart-fill 1s reverse; }
@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .resultEmailMessage {
            margin-top: -30px;
            font-size: 20px; }
            @media (max-width: 768px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsFound .result .diagram .resultEmailMessage {
                margin-top: -40px; } }
    .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      width: 1440px;
      max-width: calc(100% - 30px);
      margin: 56px auto 0; }
      .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between; }
        @media (max-width: 860px) {
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div {
            flex-flow: column nowrap; } }
        .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.headings {
          font-weight: 700;
          background: #F7F7F7;
          border-radius: 8px 8px 0 0; }
          @media (max-width: 860px) {
            .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.headings {
              width: 100%;
              padding: 16px; } }
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.headings span {
            padding: 16px 0; }
            @media (max-width: 860px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.headings span:nth-child(1) {
                width: 100%;
                font-size: 12px; } }
            .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.headings span:nth-child(2) {
              white-space: nowrap; }
            @media (max-width: 860px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.headings span:nth-child(2), .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.headings span:nth-child(3) {
                display: none; } }
        .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.result {
          border-top: 1px solid rgba(0, 0, 0, 0.15); }
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.result:nth-child(odd) {
            background: #F7F7F7; }
          @media (max-width: 860px) {
            .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div.result {
              width: 100%;
              padding: 16px; } }
        .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span {
          padding: 24px 0;
          box-sizing: border-box; }
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:first-child {
            width: 28%;
            padding-left: 80px; }
            @media (max-width: 1024px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:first-child {
                padding-left: 15px; } }
            @media (max-width: 860px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:first-child {
                width: 100%;
                padding: 0;
                font-size: 12px;
                font-weight: 600; } }
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:nth-child(2) {
            width: 25%;
            white-space: nowrap; }
            @media (max-width: 860px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:nth-child(2) {
                width: 100%;
                padding: 0;
                font-size: 12px;
                font-weight: 600; } }
          .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:last-child {
            width: 47%;
            padding-right: 8%; }
            @media (max-width: 1024px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:last-child {
                padding-right: 15px; } }
            @media (max-width: 860px) {
              .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:last-child {
                width: 100%;
                padding: 0;
                font-size: 12px; } }

#printHeader,
#printResultsTable {
  display: none; }

.ie .main.secondary[view="free-data-breach-scan-complete"] .intro .actions {
  display: none !important; }

@page {
  margin: 0;
  size: portrait; }
@media print {
  tr,
  img {
    page-break-inside: initial !important; }

  header.header,
  .intro {
    display: none !important; }

  p#scannedEmailPrint {
    display: block;
    width: 100%;
    background: none;
    color: #ffffff !important;
    position: relative;
    top: -45px;
    z-index: 1000;
    padding: 0 5.8%;
    margin: 0;
    font-weight: 600; }
    p#scannedEmailPrint:first-letter {
      color: #ffffff !important; } }
  @media print and (max-width: 768px) {
    p#scannedEmailPrint {
      top: -35px; } }
  @media print and (max-width: 600px) {
    p#scannedEmailPrint {
      top: -30px; } }

@media print {
  .main.secondary[view="free-data-breach-scan-complete"] {
    min-height: auto !important; }

  .main.secondary[view="free-data-breach-scan-complete"] #scanResults {
    display: none; }

  .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable {
    display: table;
    width: 100%; }
    .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound {
      display: table;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: flex-start;
      width: 600px;
      max-width: 100%;
      margin: 0 auto; } }
    @media print and (max-width: 600px) {
      .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound {
        width: 100%; } }
@media print {
      .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result {
        width: 280px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;
        text-align: center; } }
      @media print and (max-width: 600px) {
        .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result {
          width: 50%; } }
@media print {
        .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram {
          display: block;
          width: 100%;
          margin: 0 auto; }
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle {
            display: block;
            margin: 0 auto;
            width: 128px;
            height: 128px;
            position: relative; } }
          @media print and (max-width: 768px) {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle {
              width: 98px;
              height: 98px; } }
@media print {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle .circle-chart {
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              z-index: 100;
              background: none; } }
            @media print and (max-width: 768px) {
              .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle .circle-chart {
                display: block;
                width: 98px;
                height: 98px;
                position: relative; } }
@media print {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle .countValue {
              position: absolute;
              left: 0;
              top: 0;
              z-index: 1;
              width: 100%;
              height: 80px;
              margin: 0;
              padding: 0;
              color: #000;
              text-align: center;
              font-size: 40px;
              font-weight: 500;
              line-height: 110px; } }
            @media print and (max-width: 768px) {
              .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle .countValue {
                font-size: 24px;
                line-height: 80px; } }
@media print {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle .circle-chart__circle {
              transform: rotate(-180deg);
              transform-origin: center;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
            @media print and (max-width: 768px) {
              .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .animatedCircle .circle-chart__circle {
                display: block;
                width: 98px;
                height: 98px; } }
@media print {
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .resultEmailMessage {
            position: relative;
            z-index: 100;
            margin-top: -50px;
            font-size: 20px; } }
          @media print and (max-width: 768px) {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .resultEmailMessage {
              margin-top: -30px; } }
          @media print and (max-width: 600px) {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFound .result .diagram .resultEmailMessage {
              margin-top: -35px; } }
@media print {
    .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable .resultsFoundPrintTable {
      margin: 0 auto;
      height: 100px; }
    .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint {
      padding: 0 20px; }
      .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings {
        font-weight: 700;
        margin-top: 20px;
        border-radius: 8px 8px 0 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        background: #F7F7F7 !important; }
        .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings span {
          display: inline-block;
          padding: 24px 10px 15px; }
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings span:nth-child(1) {
            width: 250px; } }
          @media print and (max-width: 640px) {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings span:nth-child(1) {
              display: inline-block; } }
@media print {
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings span:nth-child(2) {
            width: 130px;
            white-space: nowrap; } }
          @media print and (max-width: 640px) {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings span:nth-child(2) {
              display: inline-block; } }
@media print {
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings span:nth-child(3) {
            width: 47%; } }
          @media print and (max-width: 640px) {
            .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #resultsTablePrint .headings span:nth-child(3) {
              display: inline-block;
              width: 47%; } }
@media print {
    .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      -webkit-print-color-adjust: exact;
      color-adjust: exact;
      border-top: 1px solid rgba(0, 0, 0, 0.15);
      page-break-inside: avoid; }
      .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result:nth-child(even) {
        background: #F7F7F7 !important; }
      .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result span {
        display: inline-block;
        padding: 24px 10px;
        box-sizing: border-box; }
        .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result span:nth-child(1) {
          width: 250px; } }
        @media print and (max-width: 640px) {
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result span:nth-child(1) {
            display: inline-block; } }
@media print {
        .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result span:nth-child(2) {
          width: 130px;
          white-space: nowrap; } }
        @media print and (max-width: 640px) {
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result span:nth-child(2) {
            display: inline-block; } }
@media print {
        .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result span:last-child {
          width: 47%; } }
        @media print and (max-width: 640px) {
          .main.secondary[view="free-data-breach-scan-complete"] #printResultsTable #printResults .result span:last-child {
            display: inline-block;
            width: 47%; } }

@media print {
  .page-header, .page-header-space {
    height: 100px; }

  .page-footer, .page-footer-space {
    height: 60px; }

  .page-header,
  .page-footer {
    position: fixed;
    width: 100%; }

  .page-header {
    top: 0; }

  .page-footer {
    bottom: 0; }

  .page {
    page-break-after: always;
    padding: 0 20px; }

  * {
    color: #000;
    background-color: #fff; }

  #recaptcha-container {
    display: none !important; }

  body {
    padding: 0; }

  section.navigation,
  .intro h1,
  #printPDF,
  footer {
    display: none; }

  .main.secondary[view="free-data-breach-scan-complete"] #printHeader {
    display: block;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
    .main.secondary[view="free-data-breach-scan-complete"] #printHeader #pdfHeader {
      display: block !important; }
  .main.secondary[view="free-data-breach-scan-complete"] #pringFooterLogo {
    display: block;
    position: fixed;
    z-index: 1000;
    bottom: 10px;
    left: 0;
    width: 100px;
    height: auto; }
  .main.secondary[view="free-data-breach-scan-complete"] p {
    font-size: 14px !important; }

  .wrapper,
  .main.secondary {
    padding: 0 !important;
    width: 100%;
    margin: 0 !important; }

  thead {
    display: table-header-group; }

  tfoot {
    display: table-footer-group;
    background: #fff !important;
    -webkit-print-color-adjust: exact;
    color-adjust: exact; }

  button {
    display: none; }

  body {
    margin: 0; } }
[locale="ar_AE"] .main.secondary[view="free-data-breach-scan-complete"] .intro .container .intro-content .actions .btn .ico-download-black {
  margin-right: 0;
  margin-left: 10px; }
[locale="ar_AE"] .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:first-child {
  padding-left: 0;
  padding-right: 80px; }
[locale="ar_AE"] .main.secondary[view="free-data-breach-scan-complete"] #scanResults .resultsTable div span:last-child {
  padding-left: 8%;
  padding-right: 0; }

#scanProgressPopup {
  border-radius: 8px;
  width: 448px;
  height: 245px;
  top: 50%;
  margin-top: -122px;
  text-align: center;
  margin-left: -224px;
  padding: 40px 56px; }
  @media (max-width: 960px) {
    #scanProgressPopup {
      margin-left: auto; } }
  @media (max-width: 500px) {
    #scanProgressPopup {
      width: calc(100% - 30px); } }
  #scanProgressPopup p {
    margin-right: -20px; }
  #scanProgressPopup #progressBar {
    width: 100%;
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 36px 0;
    background-color: #e2e2e2; }
  #scanProgressPopup #progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px;
    /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #21C800; }
  #scanProgressPopup img {
    margin-left: -20px; }

.watch-3-minute-demo [data-react-component="Watch3MinuteDemoForm"] {
  max-width: 100%; }
.watch-3-minute-demo .mfp-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
  background-color: black; }
.watch-3-minute-demo .mfp-wrap .mfp-close:after, .watch-3-minute-demo .mfp-wrap .mfp-close:before {
  top: 0; }
.watch-3-minute-demo #site-header {
  display: none; }
.watch-3-minute-demo .wrapper {
  padding-top: 0; }
.watch-3-minute-demo .main.secondary[view="watchDemoVideo"] {
  background: #000;
  min-height: calc(100vh - 87px); }
  @media (max-width: 768px) {
    .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] {
      min-height: auto; } }
  .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .intro.secondary {
    padding: 72px 0 56px;
    background: #000;
    color: #fff; }
    @media (max-width: 480px) {
      .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .intro.secondary {
        padding: 32px 0; } }
  .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container {
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    height: calc(100vh - 143px); }
    .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container:before, .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container:after {
      display: none; }
    @media (max-width: 768px) {
      .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        height: auto; } }
    .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText {
      width: 480px;
      max-width: 48%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: flex-start;
      margin-left: 100px; }
      @media (max-width: 1200px) {
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText {
          margin: 0 16px; } }
      @media (max-width: 768px) {
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText {
          width: 480px;
          max-width: 100%;
          margin: 0;
          padding: 32px 16px; } }
      .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText #keeperLogo {
        display: block;
        width: 184px;
        height: 48px;
        position: relative;
        background: url("/assets/branding/keeper-logo-light.svg") no-repeat center/contain; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 200dpi) {
          .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText #keeperLogo {
            background: url("/assets/images/pages/watch-3-minute-demo/tagline-logo-reversed.svg") no-repeat center/contain; } }
        @media (max-width: 768px) {
          .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText #keeperLogo {
            margin: 0 auto;
            width: 123px;
            height: 32px; } }
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText #keeperLogo a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0; }
      .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText h1 {
        margin: 40px 0 24px; }
        @media (max-width: 768px) {
          .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText h1 {
            text-align: center;
            margin: 24px 0; } }
      .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText p {
        margin-bottom: 0;
        color: #fff; }
        @media (max-width: 768px) {
          .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #contentText p {
            text-align: center; } }
    .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: flex-end;
      background: #fff;
      width: 528px;
      max-width: 50%;
      padding: 48px 64px;
      border-radius: 4px;
      margin-right: 100px; }
      @media (max-width: 1200px) {
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm {
          margin: 0 16px; } }
      @media (max-width: 991px) {
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm {
          padding: 48px; } }
      @media (max-width: 768px) {
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm {
          width: 480px;
          max-width: 100%;
          margin: 0 0 16px 0; } }
      @media (max-width: 480px) {
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm {
          padding: 16px;
          max-width: calc(100vw - 48px);
          margin-bottom: 24px; } }
      @media (max-width: 640px) {
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm .form-fields .first_name {
          order: 2; }
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm .form-fields .last_name {
          order: 3; }
        .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm .form-fields .email {
          order: 4; } }
      .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm .ff-section.stretch {
        align-items: center; }
      .watch-3-minute-demo .main.secondary[view="watchDemoVideo"] .content.container #demoForm .termsAccept a {
        white-space: nowrap;
        color: #1b78e0; }
.watch-3-minute-demo #site-footer .desktop.navigation {
  display: none; }

@media only screen and (device-width: 375px) and (orientation: landscape) {
  #onDemandVideoPopUp {
    width: 50% !important; } }
@media only screen and (device-width: 414px) and (orientation: landscape) {
  #onDemandVideoPopUp {
    width: 50% !important; } }
#onDemandVideoPopUp h3 {
  padding-right: 40px;
  padding-left: 40px; }
  @media only screen and (max-width: 768px) {
    #onDemandVideoPopUp h3 {
      padding-right: 20px;
      padding-left: 0; } }

.main.secondary[view="password-manager-free-trial-sign-up"] {
  background: #000;
  padding: 0; }
  .main.secondary[view="password-manager-free-trial-sign-up"] #keeperLogo {
    margin-top: 15px; }
    @media (max-width: 768px) {
      .main.secondary[view="password-manager-free-trial-sign-up"] #keeperLogo {
        width: 102px;
        height: 24px;
        margin: 32px auto; } }
  .main.secondary[view="password-manager-free-trial-sign-up"] .callout {
    padding: 50px 30px 50px 0; }
    .main.secondary[view="password-manager-free-trial-sign-up"] .callout > h1 {
      font-weight: 400;
      margin-bottom: 48px; }
      @media only screen and (max-width: 1200px) {
        .main.secondary[view="password-manager-free-trial-sign-up"] .callout > h1 {
          max-width: 350px; } }
      @media only screen and (max-width: 768px) {
        .main.secondary[view="password-manager-free-trial-sign-up"] .callout > h1 {
          max-width: 272px;
          text-align: center;
          margin: 0 auto;
          margin-bottom: 32px; } }
    .main.secondary[view="password-manager-free-trial-sign-up"] .callout > p {
      margin-bottom: 16px;
      font-weight: 400;
      line-height: 20px; }
      @media only screen and (max-width: 768px) {
        .main.secondary[view="password-manager-free-trial-sign-up"] .callout > p {
          margin-bottom: 8px; } }
    .main.secondary[view="password-manager-free-trial-sign-up"] .callout > img {
      margin-bottom: 62px; }
      @media only screen and (max-width: 768px) {
        .main.secondary[view="password-manager-free-trial-sign-up"] .callout > img {
          height: 24px;
          width: 102px;
          margin-bottom: 32px;
          margin-top: 32px; } }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="password-manager-free-trial-sign-up"] .callout {
        text-align: center;
        max-width: 320px;
        margin-bottom: 30px;
        padding-top: 0px;
        padding-bottom: 0px; } }
  .main.secondary[view="password-manager-free-trial-sign-up"] .asterix {
    font-size: 14px;
    letter-spacing: 0.07px;
    margin-top: 48px;
    width: 380px;
    max-width: 100%;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.45); }
    .main.secondary[view="password-manager-free-trial-sign-up"] .asterix small {
      font-size: 14px; }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="password-manager-free-trial-sign-up"] .asterix {
        text-align: left;
        margin-top: 24px;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px; } }
  .main.secondary[view="password-manager-free-trial-sign-up"] .intro > .container {
    padding: 0 100px; }
    @media only screen and (max-width: 1200px) {
      .main.secondary[view="password-manager-free-trial-sign-up"] .intro > .container {
        padding: 0 15px; } }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="password-manager-free-trial-sign-up"] .intro > .container h1 {
        max-width: 272px; } }
  .main.secondary[view="password-manager-free-trial-sign-up"] [data-react-component="FreeTrialSteps"] .eu-notice {
    margin-bottom: 24px; }
  .main.secondary[view="password-manager-free-trial-sign-up"] [data-react-component="FreeTrialSteps"] .keeper-md {
    left: 26px;
    margin: 0;
    top: 14px;
    bottom: 0; }
  .main.secondary[view="password-manager-free-trial-sign-up"] [data-react-component="FreeTrialSteps"] .terms-notice {
    color: black; }
  @media only screen and (max-width: 768px) {
    .main.secondary[view="password-manager-free-trial-sign-up"] [data-react-component="FreeTrialSteps"] .terms-notice-checkbox span {
      font-size: 14px; } }
  .main.secondary[view="password-manager-free-trial-sign-up"] .intro {
    background: #000;
    text-align: left;
    padding: 72px 0;
    min-height: calc(100vh - 88px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      .main.secondary[view="password-manager-free-trial-sign-up"] .intro {
        min-height: auto; } }
    .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center; }
      .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container:before, .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container:after {
        display: none; }
      @media (max-width: 1200px) {
        .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container {
          justify-content: space-around; } }
      @media (max-width: 768px) {
        .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container {
          flex-flow: column nowrap; } }
      .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type {
        width: 40%;
        color: #fff; }
        @media (max-width: 991px) {
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type {
            width: 50%; } }
        @media (max-width: 1200px) {
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type {
            width: 40%;
            padding-right: 0; } }
        @media (max-width: 768px) {
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type {
            width: 100%; } }
        .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type ul.list-checkboxes-yellow {
          list-style: none; }
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type ul.list-checkboxes-yellow li:not(:last-child) {
            margin-bottom: 8px; }
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type ul.list-checkboxes-yellow li {
            background-image: url("/assets/icons/ico-check-gold.png");
            background-position: top left;
            background-size: 22px;
            background-repeat: no-repeat;
            padding-left: 35px;
            color: white; }
          @media only screen and (max-width: 768px) {
            .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type ul.list-checkboxes-yellow {
              text-align: left; } }
      .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box {
        width: 528px;
        max-width: 50%;
        color: #000;
        padding: 48px 64px;
        margin-top: 50px;
        margin-bottom: 50px;
        border-radius: 4px; }
        @media only screen and (max-width: 768px) {
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box {
            max-width: 528px;
            margin-top: 0;
            margin-bottom: 30px; } }
        @media only screen and (max-width: 540px) {
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box {
            max-width: 100%; } }
        .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps {
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;
          list-style-type: none;
          margin-bottom: 34px; }
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator {
            list-style-type: none;
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
            align-items: center;
            margin: 0;
            padding: 0 20px;
            position: relative;
            font-size: 16px;
            text-transform: uppercase;
            color: grey;
            pointer-events: none; }
            .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator i {
              display: block;
              width: 18px;
              height: 18px;
              border-radius: 50%;
              border: 1px solid #efefef;
              position: relative;
              margin-right: 8px;
              transition: all 0.3s ease; }
            .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator.active {
              color: black;
              font-weight: 600; }
              .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator.active i {
                border: 1px solid #1B78E0; }
                .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator.active i:before {
                  content: "";
                  position: absolute;
                  top: -7px;
                  left: -3px;
                  display: block;
                  width: 6px;
                  height: 12px;
                  transform: rotate(45deg);
                  opacity: 0;
                  border: 2px solid #fff;
                  border-left: 0;
                  border-top: 0; }
            .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator.complete i {
              border-width: 9px; }
              .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator.complete i:before {
                opacity: 1; }
        .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box label a {
          color: #1B78E0;
          white-space: nowrap; }
        .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box .step {
          display: none; }
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box .step#step-1 {
            display: block; }
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box .step #error-messages p {
            color: red;
            font-size: 16px; }
        .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box .ff-item {
          width: 100%; }
        @media (max-width: 991px) {
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box {
            width: 50%;
            padding: 24px; } }
        @media (max-width: 768px) {
          .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box {
            width: 100%; } }
  .main.secondary[view="password-manager-free-trial-sign-up"] .wrapper {
    padding-top: 0; }

.password-manager-free-trial-sign-up #site-header {
  display: none; }
.password-manager-free-trial-sign-up #site-footer .desktop.navigation {
  display: none; }

[locale="ar_AE"] .main.secondary[view="password-manager-free-trial-sign-up"] [data-react-component="FreeTrialSteps"] .keeper-md {
  left: auto;
  right: 50px; }
[locale="ar_AE"] .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > .box #formSteps li.stepIndicator i {
  margin-right: 0;
  margin-left: 8px; }
[locale="ar_AE"] .main.secondary[view="password-manager-free-trial-sign-up"] .intro .container > section:first-of-type ul.list-checkboxes-yellow li {
  text-align: right;
  padding-left: 0;
  padding-right: 35px;
  background-position: top right; }
[locale="ar_AE"] .main.secondary[view="password-manager-free-trial-sign-up"] .callout {
  padding-right: 0;
  padding-left: 30px; }
  [locale="ar_AE"] .main.secondary[view="password-manager-free-trial-sign-up"] .callout > h1, [locale="ar_AE"] .main.secondary[view="password-manager-free-trial-sign-up"] .callout > p {
    text-align: right; }

.main.primary[view="lastpassAlternative"] .icon-check-circle-yellow {
  display: block;
  width: 22px;
  height: 22px;
  background: url("/assets/icons/ico-check-circle-yellow.svg") no-repeat center/contain; }
.main.primary[view="lastpassAlternative"] .icon-check-circle-grey {
  display: block;
  width: 22px;
  height: 22px;
  background: url("/assets/icons/ico-check-circle-grey.svg") no-repeat center/contain; }
.main.primary[view="lastpassAlternative"] .intro {
  position: relative;
  height: 600px;
  background: url("/assets/images/pages/lastpass-alternative/lp-header_@3x.jpg") no-repeat center/cover; }
  @media (max-width: 1600px) {
    .main.primary[view="lastpassAlternative"] .intro {
      height: 528px; } }
  @media (max-width: 1920px) {
    .main.primary[view="lastpassAlternative"] .intro {
      background-image: url("/assets/images/pages/lastpass-alternative/lp-header_@2x.jpg"); } }
  @media (max-width: 1024px) {
    .main.primary[view="lastpassAlternative"] .intro {
      background-image: url("/assets/images/pages/lastpass-alternative/lp-header.jpg"); } }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .intro {
      height: 768px;
      background: url("/assets/images/pages/lastpass-alternative/mo-lp-header.jpg") no-repeat bottom center/cover; } }
  @media (max-width: 640px) {
    .main.primary[view="lastpassAlternative"] .intro {
      height: 730px; } }
  @media (max-width: 500px) {
    .main.primary[view="lastpassAlternative"] .intro {
      height: 640px; } }
  @media (max-width: 480px) {
    .main.primary[view="lastpassAlternative"] .intro {
      height: 600px; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .intro {
      height: 520px; } }
  .main.primary[view="lastpassAlternative"] .intro .container {
    height: 100%; }
  .main.primary[view="lastpassAlternative"] .intro .actions {
    width: 100%; }
    @media (max-width: 1920px) {
      .main.primary[view="lastpassAlternative"] .intro .actions {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start; } }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] .intro .actions {
        justify-content: flex-start;
        align-items: center; } }
    .main.primary[view="lastpassAlternative"] .intro .actions .btn {
      font-weight: 600;
      width: auto; }
      @media (max-width: 1920px) {
        .main.primary[view="lastpassAlternative"] .intro .actions .btn {
          margin-right: auto;
          min-width: 283px; }
          .main.primary[view="lastpassAlternative"] .intro .actions .btn + .btn {
            margin-top: 16px; } }
  .main.primary[view="lastpassAlternative"] .intro .intro-content {
    width: 66%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    padding: 0; }
    @media only screen and (max-width: 1250px) {
      .main.primary[view="lastpassAlternative"] .intro .intro-content {
        margin-left: 0; } }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] .intro .intro-content {
        width: 100%;
        justify-content: flex-start;
        padding-top: 48px; } }
    .main.primary[view="lastpassAlternative"] .intro .intro-content h1, .main.primary[view="lastpassAlternative"] .intro .intro-content p {
      display: block;
      color: #000;
      max-width: 100%;
      width: 100%; }
.main.primary[view="lastpassAlternative"] section.learnWhy {
  background: #ECECEC;
  padding: 20px 0; }
  .main.primary[view="lastpassAlternative"] section.learnWhy h2 {
    color: black;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (max-width: 640px) {
      .main.primary[view="lastpassAlternative"] section.learnWhy h2 {
        padding: 0 40px; } }
    .main.primary[view="lastpassAlternative"] section.learnWhy h2:before, .main.primary[view="lastpassAlternative"] section.learnWhy h2:after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url("/assets/icons/ico-arrow-down.svg") no-repeat center/contain;
      position: relative;
      top: 4px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media (max-width: 640px) {
        .main.primary[view="lastpassAlternative"] section.learnWhy h2:before, .main.primary[view="lastpassAlternative"] section.learnWhy h2:after {
          position: absolute;
          top: 50%;
          margin-top: -8px; } }
    .main.primary[view="lastpassAlternative"] section.learnWhy h2:before {
      left: -10px; }
      @media (max-width: 640px) {
        .main.primary[view="lastpassAlternative"] section.learnWhy h2:before {
          left: 10px; } }
    .main.primary[view="lastpassAlternative"] section.learnWhy h2:after {
      right: -10px; }
      @media (max-width: 640px) {
        .main.primary[view="lastpassAlternative"] section.learnWhy h2:after {
          right: 10px; } }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] section.learnWhy h2 {
        font-size: 16px !important; } }
    @media (max-width: 640px) {
      .main.primary[view="lastpassAlternative"] section.learnWhy h2 {
        font-size: 14px !important; } }
    @media (max-width: 480px) {
      .main.primary[view="lastpassAlternative"] section.learnWhy h2 {
        font-size: 12px !important; } }
.main.primary[view="lastpassAlternative"] section.moreReliable {
  background: #fff;
  padding: 98px 0; }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] section.moreReliable {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] section.moreReliable {
      padding: 24px 0; } }
  .main.primary[view="lastpassAlternative"] section.moreReliable .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    .main.primary[view="lastpassAlternative"] section.moreReliable .container:before, .main.primary[view="lastpassAlternative"] section.moreReliable .container:after {
      display: none; }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] section.moreReliable .container {
        flex-flow: column nowrap;
        justify-content: center; } }
    .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableContent {
      width: 50%;
      padding-right: 14%; }
      @media (max-width: 1200px) {
        .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableContent {
          width: 48%;
          padding-right: 0; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableContent {
          width: 100%; } }
      .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableContent h2 {
        color: #000;
        line-height: 36px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableContent h2 {
            text-align: center;
            margin-bottom: 10px; } }
      .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableContent p {
        font-size: 20px;
        margin: 20px 0; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableContent p {
            text-align: center; } }
    .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
      width: 48%;
      background: url("/assets/images/pages/lastpass-alternative/en_US/lp-chat-screen.png") no-repeat center right/contain;
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-end;
      height: 380px; }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
          width: 100%;
          height: 336px;
          background-position: center; } }
      @media (max-width: 414px) {
        .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
          height: 236px;
          background-position: left center;
          background-size: cover; } }
.main.primary[view="lastpassAlternative"] .betterCustomerService {
  height: 640px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url("/assets/images/pages/lastpass-alternative/lp-support_@3x.jpg") no-repeat center/cover; }
  @media (max-width: 1920px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      background-image: url("/assets/images/pages/lastpass-alternative/lp-support_@2x.jpg");
      background-position: 70%; } }
  @media (max-width: 1024px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      background-image: url("/assets/images/pages/lastpass-alternative/lp-support.jpg"); } }
  @media (max-width: 991px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      background-position: 60%; } }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      height: 930px;
      background: url("/assets/images/pages/lastpass-alternative/mo-lp-support.jpg") no-repeat bottom center/cover; } }
  @media (max-width: 700px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      height: 860px; } }
  @media (max-width: 640px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      height: 800px; } }
  @media (max-width: 600px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      height: 760px; } }
  @media (max-width: 480px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      height: 680px; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .betterCustomerService {
      height: 640px; } }
  .main.primary[view="lastpassAlternative"] .betterCustomerService .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%; }
    .main.primary[view="lastpassAlternative"] .betterCustomerService .container:before, .main.primary[view="lastpassAlternative"] .betterCustomerService .container:after {
      display: none; }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] .betterCustomerService .container {
        align-items: flex-start;
        padding-top: 48px; } }
    @media (max-width: 414px) {
      .main.primary[view="lastpassAlternative"] .betterCustomerService .container {
        padding-top: 32px; } }
    .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent {
      width: 460px; }
      @media (max-width: 1080px) {
        .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent {
          width: 440px; } }
      @media (max-width: 1024px) {
        .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent {
          width: 400px; } }
      @media (max-width: 991px) {
        .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent {
          width: 40%; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent {
          width: 100%; } }
      .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent h2 {
        color: #000;
        line-height: 36px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent h2 {
            text-align: center;
            margin-bottom: 10px; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .betterCustomerService .container .bcsContent p {
          text-align: center; } }
.main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  height: 784px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fff url("/assets/images/pages/lastpass-alternative/en_US/desktop-app-macbook_@3x.jpg") no-repeat 80% center/1180px; }
  @media (max-width: 2200px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-position: 90% center; } }
  @media (max-width: 1920px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff url("/assets/images/pages/lastpass-alternative/en_US/desktop-app-macbook_@2x.jpg") no-repeat 110% center/1180px; } }
  @media (max-width: 1800px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-position: 150% center; } }
  @media (max-width: 1600px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-position: 180% center; } }
  @media (max-width: 1500px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-position: 160% center; } }
  @media (max-width: 1440px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-position: calc(100% + 400px) center; } }
  @media (max-width: 1200px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-position: calc(100% + 600px) center; } }
  @media (max-width: 1024px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/en_US/desktop-app-macbook.jpg"); } }
  @media (max-width: 860px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-position: calc(100% + 700px) center; } }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      height: auto;
      background: #fff;
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      padding: 32px 0; } }
  .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%; }
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container:before, .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container:after {
      display: none; }
    .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container .mlsContent {
      width: 480px; }
      @media (max-width: 1200px) {
        .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container .mlsContent {
          width: 44%; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container .mlsContent {
          width: 100%; } }
      .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container .mlsContent h2 {
        color: #000;
        line-height: 36px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container .mlsContent h2 {
            text-align: center;
            margin-bottom: 10px; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container .mlsContent p {
          text-align: center; } }
      .main.primary[view="lastpassAlternative"] .marketLeadingSecurity .container .mlsContent p strong {
        font-weight: 600;
        color: #1b78e0; }
.main.primary[view="lastpassAlternative"] .fullIntegration {
  background: #F9F9F9;
  padding: 96px 0; }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .fullIntegration {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .fullIntegration {
      padding: 24px 0; } }
  .main.primary[view="lastpassAlternative"] .fullIntegration .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch; }
    .main.primary[view="lastpassAlternative"] .fullIntegration .container:before, .main.primary[view="lastpassAlternative"] .fullIntegration .container:after {
      display: none; }
    .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
      background: url("/assets/images/pages/lastpass-alternative/lp-sso-integration.png") no-repeat center/contain;
      width: 560px; }
      @media (max-width: 1024px) {
        .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
          width: 48%; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
          display: none; } }
    .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent {
      width: 460px; }
      @media (max-width: 1024px) {
        .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent {
          width: 48%; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent {
          width: 100%; } }
      .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent h2 {
        color: #000;
        line-height: 36px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent h2 {
            text-align: center;
            margin-bottom: 10px; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent p {
          text-align: center; } }
      .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent .actions {
        margin-top: 32px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationContent .actions {
            text-align: center; } }
.main.primary[view="lastpassAlternative"] .subsidiaries {
  background: #fff;
  padding: 96px 0; }
  @media (max-width: 1024px) {
    .main.primary[view="lastpassAlternative"] .subsidiaries {
      padding: 64px 0; } }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .subsidiaries {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .subsidiaries {
      padding: 24px 0; } }
  .main.primary[view="lastpassAlternative"] .subsidiaries .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    .main.primary[view="lastpassAlternative"] .subsidiaries .container:before, .main.primary[view="lastpassAlternative"] .subsidiaries .container:after {
      display: none; }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] .subsidiaries .container {
        flex-flow: column nowrap; } }
    .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesContent {
      width: 46%; }
      @media (max-width: 1024px) {
        .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesContent {
          width: 48%; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesContent {
          width: 100%; } }
      .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesContent h2 {
        color: #000;
        line-height: 36px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesContent h2 {
            text-align: center;
            margin-bottom: 10px; } }
      .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesContent p {
        margin: 20px 0; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesContent p {
            text-align: center; } }
    .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
      background: url("/assets/images/pages/lastpass-alternative/lp-enforcements.png") no-repeat center/contain;
      width: 46%;
      height: 495px; }
      @media (max-width: 1024px) {
        .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
          width: 48%;
          height: 365px; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
          width: 100%; } }
      @media (max-width: 640px) {
        .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
          height: 400px; } }
      @media (max-width: 480px) {
        .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
          height: 360px; } }
      @media (max-width: 414px) {
        .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
          height: 320px; } }
.main.primary[view="lastpassAlternative"] .seamlessTransfer {
  background: #212121;
  padding: 96px 0; }
  @media (max-width: 991px) {
    .main.primary[view="lastpassAlternative"] .seamlessTransfer {
      padding: 64px 0; } }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .seamlessTransfer {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .seamlessTransfer {
      padding: 24px 0; } }
  .main.primary[view="lastpassAlternative"] .seamlessTransfer .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    .main.primary[view="lastpassAlternative"] .seamlessTransfer .container:before, .main.primary[view="lastpassAlternative"] .seamlessTransfer .container:after {
      display: none; }
    .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
      background: url("/assets/images/pages/lastpass-alternative/lp-user-details.png") no-repeat center/contain;
      width: 46%;
      height: 457px; }
      @media (max-width: 1024px) {
        .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
          width: 48%; } }
      @media (max-width: 991px) {
        .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
          height: 370px; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
          display: none; } }
    .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stContent {
      width: 46%; }
      @media (max-width: 1024px) {
        .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stContent {
          width: 48%; } }
      @media (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stContent {
          width: 100%; } }
      .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stContent h2 {
        line-height: 36px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stContent h2 {
            text-align: center;
            margin-bottom: 10px; } }
      .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stContent p {
        color: #fff;
        margin: 20px 0; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stContent p {
            text-align: center; } }
.main.primary[view="lastpassAlternative"] .moreFeatures {
  background: #fff;
  padding: 96px 0; }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .moreFeatures {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .moreFeatures {
      padding: 24px 0; } }
  .main.primary[view="lastpassAlternative"] .moreFeatures .container:before, .main.primary[view="lastpassAlternative"] .moreFeatures .container:after {
    display: none; }
  .main.primary[view="lastpassAlternative"] .moreFeatures .container h2 {
    color: #000;
    text-align: center; }
  .main.primary[view="lastpassAlternative"] .moreFeatures .container p {
    text-align: center;
    width: 682px;
    max-width: 100%;
    margin: 0 auto; }
  .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart {
    width: 824px;
    max-width: 100%;
    margin: 80px auto 0; }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart {
        margin: 20px auto 0; } }
    .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow.headerRow {
        font-size: 16px; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow.headerRow {
            font-size: 14px; } }
      .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow:not(:last-child) {
        border-bottom: 1px solid #ccc; }
      .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div {
        font-size: 20px;
        padding: 28px 0;
        font-weight: 400; }
        @media (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div {
            font-size: 16px; } }
        @media (max-width: 640px) {
          .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div {
            font-size: 12px; } }
        .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:first-child {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          align-items: center;
          flex: 1 1 auto;
          text-align: left; }
          @media (max-width: 425px) {
            .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:first-child {
              width: 160px;
              flex: 0 1 auto; } }
        .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:nth-child(2), .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:last-child {
          width: 173px;
          text-align: center;
          font-size: 16px;
          font-weight: 600; }
          @media (max-width: 768px) {
            .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:nth-child(2), .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:last-child {
              width: 150px; } }
          @media (max-width: 640px) {
            .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:nth-child(2), .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:last-child {
              width: 120px; } }
          @media (max-width: 600px) {
            .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:nth-child(2), .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:last-child {
              width: 100px;
              font-size: 14px; } }
          @media (max-width: 480px) {
            .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:nth-child(2), .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div:last-child {
              width: 90px; } }
        .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div i {
          font-style: normal; }
          .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div i sup {
            top: 0;
            font-size: 100%; }
        .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div span {
          display: block;
          color: #ccc;
          font-weight: 400; }
          @media (max-width: 768px) {
            .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div span {
              font-size: 14px; } }
          @media (max-width: 640px) {
            .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow div span {
              font-size: 12px; } }
      .main.primary[view="lastpassAlternative"] .moreFeatures .container .compareChart .featureRow i {
        margin: 0 auto; }
.main.primary[view="lastpassAlternative"] #testimonials {
  background: #F9F9F9;
  padding: 96px 0 26px;
  position: relative; }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] #testimonials {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] #testimonials {
      padding: 24px 0; } }
  .main.primary[view="lastpassAlternative"] #testimonials .container {
    max-width: 800px; }
    .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: center; }
      .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial h2 {
        text-align: center;
        color: #000;
        margin-bottom: 40px; }
      .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial p.quote {
        color: #000;
        text-align: center;
        margin-bottom: 32px; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial p.quote {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 18px; } }
      .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial p.authorName {
        color: #000;
        text-align: center;
        margin-bottom: 32px;
        font-weight: 600; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial p.authorName {
            font-size: 14px;
            color: #000000;
            letter-spacing: 0;
            text-align: center;
            line-height: 18px;
            margin-bottom: 24px; } }
      .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial img {
        margin: 0 auto 30px;
        max-width: 100%;
        height: auto; }
        @media only screen and (max-width: 768px) {
          .main.primary[view="lastpassAlternative"] #testimonials .container .testimonial img {
            width: 240px;
            height: 32px; } }
.main.primary[view="lastpassAlternative"] #rating {
  background: #fff;
  padding: 96px 0; }
  @media (max-width: 991px) {
    .main.primary[view="lastpassAlternative"] #rating {
      padding: 64px 0; } }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] #rating {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] #rating {
      padding: 24px 0; } }
  .main.primary[view="lastpassAlternative"] #rating h2 {
    text-align: center;
    color: #000;
    margin-bottom: 72px; }
    @media (max-width: 991px) {
      .main.primary[view="lastpassAlternative"] #rating h2 {
        margin-bottom: 48px; } }
  .main.primary[view="lastpassAlternative"] #rating p {
    text-align: center;
    margin-top: 20px; }
    .main.primary[view="lastpassAlternative"] #rating p strong {
      font-weight: 600; }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] #rating p {
        font-size: 14px; } }
  .main.primary[view="lastpassAlternative"] #rating p.rate {
    margin-top: 20px; }
    @media screen and (max-width: 991px) {
      .main.primary[view="lastpassAlternative"] #rating p.rate {
        margin: 20px 0 0;
        height: 40px;
        font-size: 14px; } }
    @media screen and (max-width: 640px) {
      .main.primary[view="lastpassAlternative"] #rating p.rate {
        margin: 20px 0 0;
        display: block;
        overflow: hidden;
        height: auto; }
        .main.primary[view="lastpassAlternative"] #rating p.rate img {
          display: block;
          width: 100%;
          clear: both; } }
    .main.primary[view="lastpassAlternative"] #rating p.rate .starsCount {
      display: block;
      clear: both;
      font-size: 20px;
      text-align: center;
      margin: 20px 0 40px 0;
      white-space: nowrap; }
      @media screen and (max-width: 991px) {
        .main.primary[view="lastpassAlternative"] #rating p.rate .starsCount {
          white-space: pre-wrap;
          font-size: 18px; } }
      @media screen and (max-width: 768px) {
        .main.primary[view="lastpassAlternative"] #rating p.rate .starsCount {
          white-space: pre-wrap;
          font-size: 16px; } }
      @media screen and (max-width: 640px) {
        .main.primary[view="lastpassAlternative"] #rating p.rate .starsCount {
          display: block;
          clear: both;
          font-size: 14px;
          height: auto;
          margin: 0;
          white-space: nowrap; } }
  @media screen and (max-width: 991px) {
    .main.primary[view="lastpassAlternative"] #rating h3 {
      font-size: 28px; }
    .main.primary[view="lastpassAlternative"] #rating img {
      height: 32px;
      width: auto; }
    .main.primary[view="lastpassAlternative"] #rating .starsCount {
      font-size: 14px; }
    .main.primary[view="lastpassAlternative"] #rating .intro-content h3 {
      font-size: 28px;
      margin-bottom: 70px; }
    .main.primary[view="lastpassAlternative"] #rating .logoCol {
      margin-top: 40px; }
      .main.primary[view="lastpassAlternative"] #rating .logoCol:first-child, .main.primary[view="lastpassAlternative"] #rating .logoCol:nth-child(2) {
        margin-top: 0; }
      .main.primary[view="lastpassAlternative"] #rating .logoCol:last-child, .main.primary[view="lastpassAlternative"] #rating .logoCol:nth-last-child(2) {
        margin-top: -40px; } }
  @media screen and (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] #rating .logoCol {
      margin-top: 0; }
      .main.primary[view="lastpassAlternative"] #rating .logoCol:first-child, .main.primary[view="lastpassAlternative"] #rating .logoCol:nth-child(2) {
        margin-top: 0; }
      .main.primary[view="lastpassAlternative"] #rating .logoCol:last-child, .main.primary[view="lastpassAlternative"] #rating .logoCol:nth-last-child(2), .main.primary[view="lastpassAlternative"] #rating .logoCol:nth-last-child(3) {
        margin-top: -40px; } }
  @media only screen and (max-width: 767px) {
    .main.primary[view="lastpassAlternative"] #rating .intro-content h3 {
      font-size: 20px; } }
  @media screen and (max-width: 640px) {
    .main.primary[view="lastpassAlternative"] #rating .logoCol {
      width: 100%; }
      .main.primary[view="lastpassAlternative"] #rating .logoCol:nth-child(-n+4) {
        padding-bottom: 10px; }
    .main.primary[view="lastpassAlternative"] #rating .starsCount {
      display: block;
      clear: both;
      font-size: 14px;
      min-height: 30px;
      line-height: 20px;
      margin: 0 0 40px 0;
      white-space: nowrap; } }
.main.primary[view="lastpassAlternative"] .switchNow {
  padding: 72px 0;
  background: #1b78e0 url("/assets/images/blueGradient.svg") no-repeat center/cover;
  background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b78e0', endColorstr='#004899',GradientType=1 );
  color: #fff; }
  @media (max-width: 768px) {
    .main.primary[view="lastpassAlternative"] .switchNow {
      padding: 48px 0; } }
  @media (max-width: 414px) {
    .main.primary[view="lastpassAlternative"] .switchNow {
      padding: 40px 0; } }
  .main.primary[view="lastpassAlternative"] .switchNow h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .main.primary[view="lastpassAlternative"] .switchNow h2 {
        margin-bottom: 10px; } }
  .main.primary[view="lastpassAlternative"] .switchNow .actions {
    text-align: center; }
    @media (max-width: 640px) {
      .main.primary[view="lastpassAlternative"] .switchNow .actions {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center; } }
    .main.primary[view="lastpassAlternative"] .switchNow .actions .btn {
      margin: 0 6px; }
      @media (max-width: 640px) {
        .main.primary[view="lastpassAlternative"] .switchNow .actions .btn {
          min-width: 260px; }
          .main.primary[view="lastpassAlternative"] .switchNow .actions .btn + .btn {
            margin-top: 16px; } }

[locale="ar_AE"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ar_AE/lp-chat-screen.png"); }
[locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/ar_AE/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/ar_AE/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/ar_AE/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="ar_AE"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ar_AE/lp-sso-integration.png"); }
[locale="ar_AE"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ar_AE/lp-user-details.png"); }
[locale="ar_AE"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ar_AE/lp-enforcements.png"); }

[locale="de_DE"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/de_DE/lp-chat-screen.png"); }
[locale="de_DE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/de_DE/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="de_DE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/de_DE/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="de_DE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/de_DE/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="de_DE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="de_DE"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/de_DE/lp-sso-integration.png"); }
[locale="de_DE"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/de_DE/lp-user-details.png"); }
[locale="de_DE"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/de_DE/lp-enforcements.png"); }

[locale="en_US"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_US/lp-chat-screen.png"); }
[locale="en_US"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/en_US/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="en_US"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/en_US/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="en_US"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/en_US/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="en_US"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="en_US"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_US/lp-sso-integration.png"); }
[locale="en_US"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_US/lp-user-details.png"); }
[locale="en_US"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_US/lp-enforcements.png"); }

[locale="en_GB"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_GB/lp-chat-screen.png"); }
[locale="en_GB"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/en_GB/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="en_GB"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/en_GB/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="en_GB"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/en_GB/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="en_GB"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="en_GB"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_GB/lp-sso-integration.png"); }
[locale="en_GB"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_GB/lp-user-details.png"); }
[locale="en_GB"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/en_GB/lp-enforcements.png"); }

[locale="es_ES"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/es_ES/lp-chat-screen.png"); }
[locale="es_ES"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/es_ES/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="es_ES"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/es_ES/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="es_ES"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/es_ES/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="es_ES"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="es_ES"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/es_ES/lp-sso-integration.png"); }
[locale="es_ES"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/es_ES/lp-user-details.png"); }
[locale="es_ES"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/es_ES/lp-enforcements.png"); }

[locale="fr_FR"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/fr_FR/lp-chat-screen.png"); }
[locale="fr_FR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/fr_FR/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="fr_FR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/fr_FR/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="fr_FR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/fr_FR/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="fr_FR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="fr_FR"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/fr_FR/lp-sso-integration.png"); }
[locale="fr_FR"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/fr_FR/lp-user-details.png"); }
[locale="fr_FR"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/fr_FR/lp-enforcements.png"); }

[locale="it_IT"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/it_IT/lp-chat-screen.png"); }
[locale="it_IT"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/it_IT/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="it_IT"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/it_IT/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="it_IT"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/it_IT/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="it_IT"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="it_IT"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/it_IT/lp-sso-integration.png"); }
[locale="it_IT"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/it_IT/lp-user-details.png"); }
[locale="it_IT"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/it_IT/lp-enforcements.png"); }

[locale="ja_JP"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ja_JP/lp-chat-screen.png"); }
[locale="ja_JP"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/ja_JP/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="ja_JP"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/ja_JP/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="ja_JP"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/ja_JP/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="ja_JP"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="ja_JP"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ja_JP/lp-sso-integration.png"); }
[locale="ja_JP"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ja_JP/lp-user-details.png"); }
[locale="ja_JP"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ja_JP/lp-enforcements.png"); }

[locale="nl_NL"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/nl_NL/lp-chat-screen.png"); }
[locale="nl_NL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/nl_NL/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="nl_NL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/nl_NL/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="nl_NL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/nl_NL/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="nl_NL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="nl_NL"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/nl_NL/lp-sso-integration.png"); }
[locale="nl_NL"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/nl_NL/lp-user-details.png"); }
[locale="nl_NL"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/nl_NL/lp-enforcements.png"); }

[locale="pl_PL"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pl_PL/lp-chat-screen.png"); }
[locale="pl_PL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/pl_PL/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="pl_PL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/pl_PL/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="pl_PL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/pl_PL/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="pl_PL"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="pl_PL"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pl_PL/lp-sso-integration.png"); }
[locale="pl_PL"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pl_PL/lp-user-details.png"); }
[locale="pl_PL"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pl_PL/lp-enforcements.png"); }

[locale="pt_BR"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pt_BR/lp-chat-screen.png"); }
[locale="pt_BR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/pt_BR/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="pt_BR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/pt_BR/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="pt_BR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/pt_BR/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="pt_BR"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="pt_BR"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pt_BR/lp-sso-integration.png"); }
[locale="pt_BR"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pt_BR/lp-user-details.png"); }
[locale="pt_BR"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/pt_BR/lp-enforcements.png"); }

[locale="ru_RU"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ru_RU/lp-chat-screen.png"); }
[locale="ru_RU"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/ru_RU/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="ru_RU"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/ru_RU/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="ru_RU"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/ru_RU/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="ru_RU"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="ru_RU"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ru_RU/lp-sso-integration.png"); }
[locale="ru_RU"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ru_RU/lp-user-details.png"); }
[locale="ru_RU"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/ru_RU/lp-enforcements.png"); }

[locale="zh_CN"] .main.primary[view="lastpassAlternative"] section.moreReliable .container .moreReliableImage {
  background-image: url("/assets/images/pages/lastpass-alternative/zh_CN/lp-chat-screen.png"); }
[locale="zh_CN"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
  background-color: #fff;
  background-image: url("/assets/images/pages/lastpass-alternative/zh_CN/desktop-app-macbook_@3x.jpg"); }
  @media (max-width: 1920px) {
    [locale="zh_CN"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/zh_CN/desktop-app-macbook_@2x.jpg"); } }
  @media (max-width: 1024px) {
    [locale="zh_CN"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background-image: url("/assets/images/pages/lastpass-alternative/zh_CN/desktop-app-macbook.jpg"); } }
  @media (max-width: 768px) {
    [locale="zh_CN"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
      background: #fff; } }
[locale="zh_CN"] .main.primary[view="lastpassAlternative"] .fullIntegration .container .integrationImage {
  background-image: url("/assets/images/pages/lastpass-alternative/zh_CN/lp-sso-integration.png"); }
[locale="zh_CN"] .main.primary[view="lastpassAlternative"] .seamlessTransfer .container .stImage {
  background-image: url("/assets/images/pages/lastpass-alternative/zh_CN/lp-user-details.png"); }
[locale="zh_CN"] .main.primary[view="lastpassAlternative"] .subsidiaries .container .subsidiariesImage {
  background-image: url("/assets/images/pages/lastpass-alternative/zh_CN/lp-enforcements.png"); }

[locale="ar_AE"] .main.primary[view="lastpassAlternative"] .intro .container {
  justify-content: flex-end; }
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .intro .container .intro-content {
    width: 50%; }
    @media (max-width: 768px) {
      [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .intro .container .intro-content {
        width: 64%;
        margin-right: 36%; } }
    @media (max-width: 480px) {
      [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .intro .container .intro-content {
        width: 70%;
        margin-right: 30%; } }
    [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .intro .container .intro-content .actions .btn {
      margin-right: 0; }
      @media (max-width: 480px) {
        [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .intro .container .intro-content .actions .btn {
          padding: 0 16px;
          min-width: 200px; } }
      @media (max-width: 414px) {
        [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .intro .container .intro-content .actions .btn {
          min-width: 200px; } }
[locale="ar_AE"] .main.primary[view="lastpassAlternative"] section.moreReliable .moreReliableContent {
  padding: 0 0 0 14%; }
  @media (max-width: 768px) {
    [locale="ar_AE"] .main.primary[view="lastpassAlternative"] section.moreReliable .moreReliableContent {
      padding: 0; } }
[locale="ar_AE"] .main.primary[view="lastpassAlternative"] .betterCustomerService .container {
  justify-content: flex-start; }
@media (max-width: 2200px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: 10% center; } }
@media (max-width: 1920px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: -10% center;
    background-size: 1180px;
    background-repeat: no-repeat; } }
@media (max-width: 1800px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: -50% center; } }
@media (max-width: 1600px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: -80% center; } }
@media (max-width: 1500px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: -60% center; } }
@media (max-width: 1440px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: -400px center; } }
@media (max-width: 1200px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: -600px center; } }
@media (max-width: 860px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background-position: -700px center; } }
@media (max-width: 768px) {
  [locale="ar_AE"] .main.primary[view="lastpassAlternative"] .marketLeadingSecurity {
    background: #fff; } }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.main.secondary[data-view="download_template"].is-webinar #submitButton img {
  margin-right: 10px; }

.main.secondary[data-view="download_template"].is-webinar .logo-keeper-dark {
  width: 88px;
  height: 20px;
  margin-left: auto !important;
  margin-right: auto !important; }

.main.secondary[data-view="download_template"] {
  /*.ff-section:nth-of-type(8) > .ff-item {
      white-space: nowrap;
  }*/ }
  .main.secondary[data-view="download_template"] .logo-keeper-dark {
    width: 88px;
    height: 20px; }
    @media only screen and (min-width: 768px) {
      .main.secondary[data-view="download_template"] .logo-keeper-dark {
        margin-left: auto;
        margin-right: auto; } }
  .main.secondary[data-view="download_template"] #submitButton {
    display: inline-block;
    margin: 0 auto;
    min-width: 200px;
    width: auto; }
  .main.secondary[data-view="download_template"] .keeper-md.optionSelected {
    left: 25px; }
  .main.secondary[data-view="download_template"] .eu-notice {
    margin-bottom: 15px !important; }
  .main.secondary[data-view="download_template"] .notice {
    text-transform: uppercase; }
  .main.secondary[data-view="download_template"] .intro {
    padding: 75px 0;
    height: auto;
    min-height: 250px;
    text-align: left;
    padding: 50px 0;
    background: #1b78e0;
    background: -webkit-linear-gradient(-30deg, #1b78e0, #004899);
    background: -webkit-linear-gradient(310deg, #1b78e0, #004899);
    background: -o-linear-gradient(310deg, #1b78e0 0, #004899 100%);
    background: linear-gradient(140deg, #1b78e0, #004899); }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"] .intro {
        padding: 48px 0 330px;
        text-align: center; } }
    .main.secondary[data-view="download_template"] .intro .intro-content {
      width: 100%;
      text-align: left;
      padding-left: 37%; }
      @media only screen and (max-width: 1300px) {
        .main.secondary[data-view="download_template"] .intro .intro-content {
          padding-left: 40%; } }
      @media (max-width: 1200px) {
        .main.secondary[data-view="download_template"] .intro .intro-content {
          padding-left: 43%; } }
      @media (max-width: 860px) {
        .main.secondary[data-view="download_template"] .intro .intro-content {
          padding-left: 0;
          text-align: center; } }
      .main.secondary[data-view="download_template"] .intro .intro-content span {
        text-align: left; }
        @media (max-width: 860px) {
          .main.secondary[data-view="download_template"] .intro .intro-content span {
            text-align: center; } }
      .main.secondary[data-view="download_template"] .intro .intro-content h1 {
        text-align: left; }
        @media only screen and (max-width: 860px) {
          .main.secondary[data-view="download_template"] .intro .intro-content h1 {
            text-align: center; } }
      .main.secondary[data-view="download_template"] .intro .intro-content p {
        color: white;
        opacity: 1;
        text-align: left;
        width: auto; }
        .main.secondary[data-view="download_template"] .intro .intro-content p:last-child {
          margin-bottom: 0; }
        @media only screen and (max-width: 860px) {
          .main.secondary[data-view="download_template"] .intro .intro-content p {
            text-align: center; } }
    .main.secondary[data-view="download_template"] .intro .notice {
      font-weight: 700;
      color: #FFC700;
      letter-spacing: 2px;
      line-height: 2;
      font-size: 20px; }
  .main.secondary[data-view="download_template"] .content #form-container {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    background-color: white;
    border-radius: 5px;
    padding: 40px;
    position: relative;
    width: 30%;
    float: left;
    margin-top: -200px; }
    @media (max-width: 1400px) {
      .main.secondary[data-view="download_template"] .content #form-container {
        width: 36%; } }
    @media (max-width: 1300px) {
      .main.secondary[data-view="download_template"] .content #form-container {
        width: 38%; } }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"] .content #form-container {
        margin-top: -300px;
        position: relative;
        top: 0;
        width: 100%;
        margin-top: -300px;
        margin-bottom: 30px;
        float: none; } }
    @media (max-width: 414px) {
      .main.secondary[data-view="download_template"] .content #form-container {
        padding: 40px 16px; } }
    @media only screen and (min-width: 320px) and (max-width: 768px) {
      .main.secondary[data-view="download_template"] .content #form-container {
        width: 90%;
        left: 0;
        right: 0;
        z-index: 5;
        width: 100%;
        max-width: 80%; } }
    @media only screen and (min-width: 480px) and (max-width: 768px) {
      .main.secondary[data-view="download_template"] .content #form-container {
        width: 90%; } }
    @media only screen and (max-width: 768px) {
      .main.secondary[data-view="download_template"] .content #form-container {
        width: 100%;
        max-width: 100%; } }
    .main.secondary[data-view="download_template"] .content #form-container .ff-section.left,
    .main.secondary[data-view="download_template"] .content #form-container .ff-section.right {
      width: 48%;
      float: left; }
      @media (max-width: 1024px) {
        .main.secondary[data-view="download_template"] .content #form-container .ff-section.left,
        .main.secondary[data-view="download_template"] .content #form-container .ff-section.right {
          width: 100%;
          float: none; } }
      @media (max-width: 860px) {
        .main.secondary[data-view="download_template"] .content #form-container .ff-section.left,
        .main.secondary[data-view="download_template"] .content #form-container .ff-section.right {
          width: 48%;
          float: left; } }
      @media (max-width: 414px) {
        .main.secondary[data-view="download_template"] .content #form-container .ff-section.left,
        .main.secondary[data-view="download_template"] .content #form-container .ff-section.right {
          width: 100%;
          float: none; } }
    .main.secondary[data-view="download_template"] .content #form-container .ff-section.right {
      float: right; }
    .main.secondary[data-view="download_template"] .content #form-container .form-image {
      margin: -40px;
      margin-bottom: 20px;
      border-radius: 5px 5px 0 0;
      background-size: cover;
      background-position: center;
      height: 200px; }
      @media (max-width: 414px) {
        .main.secondary[data-view="download_template"] .content #form-container .form-image {
          margin: -40px -16px 20px -16px;
          height: 150px; } }
  @media (max-width: 960px) {
    .main.secondary[data-view="download_template"]#cpa-webinars .intro, .main.secondary[data-view="download_template"]#ponemon-webinar .intro {
      padding-bottom: 58px; } }
  .main.secondary[data-view="download_template"]#cpa-webinars .intro .intro-content, .main.secondary[data-view="download_template"]#ponemon-webinar .intro .intro-content {
    padding: 0;
    text-align: center;
    width: 900px !important;
    max-width: 100% !important;
    margin: 0 auto; }
    .main.secondary[data-view="download_template"]#cpa-webinars .intro .intro-content .notice, .main.secondary[data-view="download_template"]#ponemon-webinar .intro .intro-content .notice {
      font-size: 24px;
      font-weight: 600; }
    .main.secondary[data-view="download_template"]#cpa-webinars .intro .intro-content h1, .main.secondary[data-view="download_template"]#ponemon-webinar .intro .intro-content h1 {
      text-align: center; }
    .main.secondary[data-view="download_template"]#cpa-webinars .intro .intro-content p.intro-description, .main.secondary[data-view="download_template"]#ponemon-webinar .intro .intro-content p.intro-description {
      text-align: center;
      margin-bottom: 0; }
  .main.secondary[data-view="download_template"]#cpa-webinars .content.container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    @media (max-width: 960px) {
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container {
        flex-flow: column nowrap; } }
    .main.secondary[data-view="download_template"]#cpa-webinars .content.container aside, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container aside {
      max-width: 560px;
      width: 40%; }
      @media (max-width: 960px) {
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container aside, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container aside {
          width: 100%;
          max-width: 100%;
          margin: 0 auto; } }
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container aside #form-container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container aside #form-container {
        margin-top: 48px;
        width: 100%;
        max-width: 100%;
        position: relative;
        border-top: 1px solid #d1d1d1;
        padding: 20px 48px 48px; }
        @media (max-width: 1024px) {
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container aside #form-container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container aside #form-container {
            padding: 20px 20px 40px; } }
        @media (max-width: 859px) {
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container aside #form-container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container aside #form-container {
            margin-top: 0; } }
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container aside #form-container h2, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container aside #form-container h2 {
          margin-top: 20px; }
    .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container {
      padding: 48px 20px 20px 8%;
      position: relative; }
      @media (max-width: 1200px) {
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container {
          padding: 48px 0 20px 30px; } }
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container h5.darker:first-child, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container h5.darker:first-child {
        margin-bottom: 24px; }
      @media (max-width: 960px) {
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container {
          padding: 48px 0 0 0 !important; }
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container h5.darker:first-child, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container h5.darker:first-child {
            text-align: center; } }
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start; }
        @media (max-width: 860px) {
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts {
            flex-flow: row nowrap; } }
        @media (max-width: 640px) {
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts {
            flex-flow: column nowrap; }
            .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host {
              width: 300px;
              max-width: 100%;
              text-align: center; }
              .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host h4, .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host p, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host h4, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host p {
                text-align: center; }
            .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts img, .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts div.hostImage, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts img, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts div.hostImage {
              margin: 0 auto; }
            .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .info, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .info {
              width: 100%;
              text-align: center; }
              .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .info div.logoImage, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .info div.logoImage {
                margin: 20px auto 0; } }
        @media (max-width: 960px) {
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts {
            justify-content: center; } }
        @media (max-width: 414px) {
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts {
            flex-flow: column nowrap; } }
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host {
          display: flex;
          flex-flow: column nowrap;
          justify-content: flex-start;
          text-align: center; }
          @media (max-width: 414px) {
            .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host {
              align-items: center; } }
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host:not(:first-child), .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host:not(:first-child) {
            padding-left: 40px; }
            @media (max-width: 414px) {
              .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host:not(:first-child), .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host:not(:first-child) {
                padding-left: 0; } }
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .info, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info {
            text-align: center; }
            @media (min-width: 414px) {
              .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .info, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info {
                margin: 0 auto; } }
            .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .info h4.darker, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info h4.darker {
              margin-top: 8px; }
            .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .info img, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info img {
              display: block;
              text-align: center;
              margin: 0 auto; }
        @media (max-width: 860px) {
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host .info, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host .info {
            padding-left: 0; } }
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .in-depth, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .in-depth {
        margin-top: 40px; }
  .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start; }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts {
        flex-flow: row nowrap; } }
    @media (max-width: 640px) {
      .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts {
        flex-flow: column nowrap; }
        .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host {
          width: 300px;
          max-width: 100%;
          text-align: center; }
          .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host h4, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host p {
            text-align: center; }
        .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts img, .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts div.hostImage {
          margin: 0 auto; }
        .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .info {
          width: 100%;
          text-align: center; }
          .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .info div.logoImage {
            margin: 20px auto 0; } }
    @media (max-width: 960px) {
      .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts {
        justify-content: center;
        margin-bottom: 24px; } }
    @media (max-width: 414px) {
      .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts {
        flex-flow: column nowrap; } }
    .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      text-align: center; }
      .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .image {
        margin: 0 auto 20px; }
      .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info {
        padding-left: 0; }
        .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info h4.darker {
          margin-top: 0;
          text-align: center; }
        .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info p {
          text-align: center; }
        .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts .host .info img {
          margin-top: 32px; }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"]#ponemon-webinar .content.container #content-container .hosts.three-hosts .host .info {
        padding-left: 0; } }
  .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start; }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts {
        flex-flow: row nowrap; } }
    @media (max-width: 640px) {
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts {
        flex-flow: column nowrap; }
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host {
          width: 300px;
          max-width: 100%;
          text-align: center; }
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host h4, .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host p {
            text-align: center; }
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts img, .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts div.hostImage {
          margin: 0 auto; }
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .info {
          width: 100%;
          text-align: center; }
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .info div.logoImage {
            margin: 20px auto 0; } }
    @media (max-width: 960px) {
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts {
        justify-content: center;
        margin-bottom: 24px; } }
    @media (max-width: 414px) {
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts {
        flex-flow: column nowrap; } }
    .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      text-align: center; }
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .image {
        margin: 0 20px 0 0; }
      @media (max-width: 414px) {
        .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host {
          justify-content: center;
          text-align: center; }
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .image {
            margin: 0 auto 20px; }
          .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .info {
            padding-left: 0 !important; }
            .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .info h4.darker, .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts .host .info p {
              text-align: center; } }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"]#cpa-webinars .content.container #content-container .hosts.three-hosts .host .info {
        padding-left: 0; } }
  .main.secondary[data-view="download_template"] #submitButton {
    display: none; }
    .main.secondary[data-view="download_template"] #submitButton.active {
      box-shadow: none; }
  .main.secondary[data-view="download_template"] #submitButton.active {
    display: inline-block;
    margin: 0 auto; }
  .main.secondary[data-view="download_template"] .clearfix {
    clear: both; }
  .main.secondary[data-view="download_template"] .darker {
    font-weight: 600; }
  .main.secondary[data-view="download_template"] p a {
    color: #6381bb; }
  .main.secondary[data-view="download_template"] .content {
    margin-bottom: 30px; }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"] .content {
        margin-bottom: 0; } }
  @media only screen and (min-width: 860px) {
    .main.secondary[data-view="download_template"] .content {
      padding-top: 0 !important; } }
  .main.secondary[data-view="download_template"] #content-container {
    min-height: 600px;
    float: right;
    width: 63%; }
    @media only screen and (max-width: 1300px) {
      .main.secondary[data-view="download_template"] #content-container {
        width: 60%; } }
    @media only screen and (max-width: 1200px) {
      .main.secondary[data-view="download_template"] #content-container {
        width: 57%; } }
    @media only screen and (max-width: 860px) {
      .main.secondary[data-view="download_template"] #content-container {
        float: none;
        width: 100%;
        padding-top: 0; } }
    .main.secondary[data-view="download_template"] #content-container h2 {
      color: black;
      margin: 15px 0;
      text-align: left; }
    .main.secondary[data-view="download_template"] #content-container p {
      font-size: 16px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 860px) {
        .main.secondary[data-view="download_template"] #content-container p {
          font-size: 14px; } }
    .main.secondary[data-view="download_template"] #content-container > ul {
      margin-bottom: 15px; }
    .main.secondary[data-view="download_template"] #content-container ul > ul {
      margin: 20px 0;
      padding-left: 40px; }
    .main.secondary[data-view="download_template"] #content-container li {
      font-size: 16px; }
    .main.secondary[data-view="download_template"] #content-container .darker {
      font-weight: 600; }
  .main.secondary[data-view="download_template"] .content {
    position: relative; }
    .main.secondary[data-view="download_template"] .content h2 {
      color: black;
      margin-top: 30px;
      margin-bottom: 20px;
      text-align: center; }
    .main.secondary[data-view="download_template"] .content .field {
      background-color: #f9f9f9;
      border: 1px solid #DADADA;
      border-radius: 3px;
      padding: 20px 10px;
      font-size: 16px;
      line-height: 20px; }
      @media (max-width: 768px) {
        .main.secondary[data-view="download_template"] .content .field {
          line-height: 10px; } }
    .main.secondary[data-view="download_template"] .content .field.valid {
      border: 1px solid #008f00; }
    .main.secondary[data-view="download_template"] .content .field.invalid {
      border: 1px solid red; }
    .main.secondary[data-view="download_template"] .content .ff-section {
      width: 47%; }
    .main.secondary[data-view="download_template"] .content .ff-section.stretch {
      width: 100%; }
    .main.secondary[data-view="download_template"] .content .ff-item {
      margin-bottom: 0; }
    .main.secondary[data-view="download_template"] .content ::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #969696;
      opacity: 1;
      /* Firefox */ }
    .main.secondary[data-view="download_template"] .content :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #969696; }
    .main.secondary[data-view="download_template"] .content ::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #969696; }
  .main.secondary[data-view="download_template"] #form_country-dropdown-selected {
    line-height: 0; }
  .main.secondary[data-view="download_template"] .field.ng-invalid.ng-touched {
    border: 1px solid #F00 !important;
    background: #FFF5F6;
    transition: 0.5s ease;
    color: #D0021B; }
  .main.secondary[data-view="download_template"] #error-message.ng-invalid {
    color: red; }
  .main.secondary[data-view="download_template"] small.mute {
    color: red;
    width: 100%; }
  .main.secondary[data-view="download_template"] .ico-download-black {
    width: 10px;
    height: 15px;
    background-image: url("/assets/icons/dwnload-icon.png");
    margin-top: -2px;
    margin-right: 10px; }
  @media screen and (max-width: 420px) {
    .main.secondary[data-view="download_template"] .g-recaptcha {
      transform: scale(0.7);
      -webkit-transform: scale(0.7);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0; } }
  .main.secondary[data-view="download_template"] .g-recaptcha iframe {
    height: 79px; }
  .main.secondary[data-view="download_template"] .hosts {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"] .hosts.three-hosts {
        flex-flow: row nowrap; } }
    @media (max-width: 640px) {
      .main.secondary[data-view="download_template"] .hosts.three-hosts {
        flex-flow: column nowrap;
        align-content: center;
        align-items: center;
        text-align: center; }
        .main.secondary[data-view="download_template"] .hosts.three-hosts .host {
          width: 300px;
          max-width: 100%;
          text-align: center; }
          .main.secondary[data-view="download_template"] .hosts.three-hosts .host h4, .main.secondary[data-view="download_template"] .hosts.three-hosts .host p {
            text-align: center; }
          .main.secondary[data-view="download_template"] .hosts.three-hosts .host img, .main.secondary[data-view="download_template"] .hosts.three-hosts .host div.hostImage {
            margin: 0 auto; }
          .main.secondary[data-view="download_template"] .hosts.three-hosts .host .info {
            width: 100%;
            text-align: center; }
            .main.secondary[data-view="download_template"] .hosts.three-hosts .host .info div.logoImage {
              margin: 20px auto 0; } }
    @media only screen and (max-width: 860px) {
      .main.secondary[data-view="download_template"] .hosts {
        display: flex;
        justify-content: space-between;
        flex-flow: column; } }
    .main.secondary[data-view="download_template"] .hosts .host {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      text-align: center; }
      @media only screen and (max-width: 860px) {
        .main.secondary[data-view="download_template"] .hosts .host {
          display: flex;
          align-items: flex-start;
          align-content: flex-start;
          margin-bottom: 40px; } }
      .main.secondary[data-view="download_template"] .hosts .host h4 {
        color: #000;
        letter-spacing: 0;
        text-align: center;
        line-height: 19px;
        margin-bottom: 7px; }
        @media only screen and (max-width: 860px) {
          .main.secondary[data-view="download_template"] .hosts .host h4 {
            text-align: left; } }
      .main.secondary[data-view="download_template"] .hosts .host p {
        font-size: 14px;
        color: #000000;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        margin-bottom: 0 !important; }
        @media only screen and (max-width: 860px) {
          .main.secondary[data-view="download_template"] .hosts .host p {
            font-size: 16px;
            color: #000;
            letter-spacing: 0;
            text-align: left;
            line-height: 20px;
            margin-bottom: 0 !important; } }
      @media only screen and (max-width: 860px) {
        .main.secondary[data-view="download_template"] .hosts .host .info {
          text-align: left;
          padding-left: 34px; } }
      .main.secondary[data-view="download_template"] .hosts .host .info div {
        margin-top: 20px; }
        @media only screen and (max-width: 860px) {
          .main.secondary[data-view="download_template"] .hosts .host .info div {
            margin: 0;
            margin-top: 20px; } }
    @media (max-width: 860px) {
      .main.secondary[data-view="download_template"] .hosts.three-hosts .host .info {
        padding-left: 0; } }
  .main.secondary[data-view="download_template"] .image-preston-scheuneman {
    background-image: url("/assets/images/resources/preston-headshot.png");
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 25px; }
  .main.secondary[data-view="download_template"] .image-craig-lurey {
    background: url("/assets/images/resources/craig-headshot.png") no-repeat center/cover;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 25px; }
  .main.secondary[data-view="download_template"] .image-scott-ward {
    background: url("/assets/images/resources/scott-headshot.png") no-repeat center/cover;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 25px; }
  .main.secondary[data-view="download_template"] .image-logo-aws {
    background-image: url("/assets/images/resources/aws-logo.png");
    width: 44px;
    height: 26px;
    margin: 0 auto; }
  .main.secondary[data-view="download_template"] .image-logo-keeper {
    background-image: url("/assets/images/resources/keeper-logo.png");
    width: 82px;
    height: 25px;
    margin: 0 auto; }
  .main.secondary[data-view="download_template"] .image-logo-tr {
    background-image: url("/assets/images/resources/thomson-reuters-logo.png");
    margin: 0 auto;
    width: 156px;
    height: 24px;
    background-size: contain; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .main.secondary[data-view="download_template"] .image-logo-aws {
      background-image: url("/assets/images/resources/aws-logo@2x.png") !important;
      background-size: contain; }
    .main.secondary[data-view="download_template"] .image-logo-keeper {
      background-image: url("/assets/images/resources/keeper-logo@2x.png") !important;
      background-size: contain; }
    .main.secondary[data-view="download_template"] .image-preston-scheuneman {
      background-image: url("/assets/images/resources/preston-headshot@2x.png") !important;
      background-size: contain; }
    .main.secondary[data-view="download_template"] .image-craig-lurey {
      background-image: url("/assets/images/resources/craig-headshot@2x.png") !important;
      background-size: contain; }
    .main.secondary[data-view="download_template"] .image-scott-ward {
      background-image: url("/assets/images/resources/scott-headshot@2x.png") !important;
      background-size: contain; }
    .main.secondary[data-view="download_template"] .image-logo-tr {
      background-image: url("/assets/images/resources/thomson-reuters-logo@2x.png") !important;
      background-size: contain; }
    .main.secondary[data-view="download_template"] .image-protect-your-business {
      background-image: url("/assets/images/resources/protect-business-header@2x.png") !important;
      background-size: contain; } }
  @media only screen and (max-width: 860px) {
    .main.secondary[data-view="download_template"] .image-logo-aws,
    .main.secondary[data-view="download_template"] .image-logo-keeper,
    .main.secondary[data-view="download_template"] .image-logo-tr,
    .main.secondary[data-view="download_template"] .image-preston-scheuneman,
    .main.secondary[data-view="download_template"] .image-craig-lurey,
    .main.secondary[data-view="download_template"] .image-scott-ward {
      margin: 0; } }
  .main.secondary[data-view="download_template"] .image-protect-your-business {
    background-image: url("/assets/images/resources/protect-business-header.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .main.secondary[data-view="download_template"] .ico-play-black {
    background-image: url("/assets/images/resources/play-icon.png");
    width: 20px;
    height: 20px; }
  .main.secondary[data-view="download_template"] .list-numbers-2 {
    list-style: none;
    margin-top: 20px; }
  .main.secondary[data-view="download_template"] .list-numbers-2 .list-item {
    display: flex;
    justify-content: flex-start;
    color: #fff;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 50px;
    min-height: 34px; }
  .main.secondary[data-view="download_template"] .image-number-1,
  .main.secondary[data-view="download_template"] .image-number-2,
  .main.secondary[data-view="download_template"] .image-number-3 {
    display: inline-block;
    margin-right: 20px; }
  .main.secondary[data-view="download_template"] .list-businesses {
    display: flex;
    justify-content: space-between;
    list-style: none;
    align-items: center; }
  @media only screen and (max-width: 860px) {
    .main.secondary[data-view="download_template"] .list-businesses {
      flex-flow: column wrap;
      align-items: flex-start; }
    .main.secondary[data-view="download_template"] .list-businesses .list-item {
      margin-bottom: 15px; } }

.ie .main[view="download_template"] .field {
  padding: 0px 10px; }

.main[view="download_template"] .intro .intro-content {
  display: block; }

html[lang='ar'] .main[view="download_template"] .intro .intro-content {
  text-align: right;
  padding-left: 0;
  padding-right: 37%; }
  @media only screen and (max-width: 1300px) {
    html[lang='ar'] .main[view="download_template"] .intro .intro-content {
      padding-right: 40%; } }
  @media (max-width: 1200px) {
    html[lang='ar'] .main[view="download_template"] .intro .intro-content {
      padding-right: 43%; } }
  @media (max-width: 860px) {
    html[lang='ar'] .main[view="download_template"] .intro .intro-content {
      padding-right: 0; } }
  html[lang='ar'] .main[view="download_template"] .intro .intro-content span {
    text-align: right; }
    @media (max-width: 860px) {
      html[lang='ar'] .main[view="download_template"] .intro .intro-content span {
        text-align: center; } }
  html[lang='ar'] .main[view="download_template"] .intro .intro-content h1 {
    text-align: right; }
    @media only screen and (max-width: 860px) {
      html[lang='ar'] .main[view="download_template"] .intro .intro-content h1 {
        text-align: center; } }
  html[lang='ar'] .main[view="download_template"] .intro .intro-content p {
    text-align: right; }
    @media only screen and (max-width: 860px) {
      html[lang='ar'] .main[view="download_template"] .intro .intro-content p {
        text-align: center; } }
  @media only screen and (max-width: 860px) {
    html[lang='ar'] .main[view="download_template"] .intro .intro-content .notice {
      display: block;
      text-align: center; } }
html[lang='ar'] .main[view="download_template"] #content-container {
  float: left;
  direction: rtl; }
  html[lang='ar'] .main[view="download_template"] #content-container h2 {
    text-align: right; }
  html[lang='ar'] .main[view="download_template"] #content-container .list-arrows-secondary > li:before {
    transform: rotate(-135deg) !important; }
  html[lang='ar'] .main[view="download_template"] #content-container ul > ul {
    padding-left: 0;
    padding-right: 40px; }
html[lang='ar'] .main[view="download_template"] .content #form-container {
  float: right; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.main[view="papers"] .modal {
  z-index: 9999999; }
.main[view="papers"] form {
  margin-top: 40px; }
.main[view="papers"] .mobile-only {
  display: none; }
.main[view="papers"] .btn-yellow {
  min-width: 200px; }
@media screen and (min-width: 767px) {
  .main[view="papers"] .popup-whitepapers {
    top: 35%; } }
@media screen and (max-width: 767px) {
  .main[view="papers"] .mobile-only {
    display: block; }
  .main[view="papers"] .heading {
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
    color: black;
    line-height: 1.5; } }
@media screen and (max-width: 1024px) {
  .main[view="papers"] .modal, .main[view="papers"] .popup-whitepapers {
    top: 0%; }
  .main[view="papers"] .popup-videos, .main[view="papers"] .popup-whitepapers {
    margin: 0; } }
.main[view="papers"] p br {
  line-height: 3; }
.main[view="papers"] .no-padding {
  padding: 0; }
.main[view="papers"] .intro {
  text-align: center;
  padding: 50px 0;
  padding-top: 100px; }
  @media screen and (max-width: 767px) {
    .main[view="papers"] .intro {
      display: none; } }
  .main[view="papers"] .intro .subheading {
    color: white;
    opacity: 0.7;
    margin-top: 25px;
    font-size: 22px; }
.main[view="papers"] .intro-icons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  color: white;
  margin: 20px 0; }
  @media screen and (max-width: 950px) {
    .main[view="papers"] .intro-icons {
      flex-flow: row wrap; } }
  .main[view="papers"] .intro-icons .intro-icon {
    max-width: 25%;
    padding: 20px 0; }
    @media screen and (max-width: 950px) {
      .main[view="papers"] .intro-icons .intro-icon {
        width: 50%;
        max-width: none;
        padding: 20px 40px; } }
    .main[view="papers"] .intro-icons .intro-icon h6 {
      font-size: 20px;
      margin-bottom: 5px;
      margin-top: 10px;
      font-weight: 600; }
      @media (max-width: 768px) {
        .main[view="papers"] .intro-icons .intro-icon h6 {
          font-size: 16px; } }
    .main[view="papers"] .intro-icons .intro-icon p {
      font-size: 16px;
      opacity: 1;
      font-weight: 300;
      width: 80%;
      margin: 0 auto; }
      @media (max-width: 768px) {
        .main[view="papers"] .intro-icons .intro-icon p {
          font-size: 14px; } }
.main[view="papers"] article section:nth-of-type(2) {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start; }
.main[view="papers"] .list-topics {
  list-style: none; }
  .main[view="papers"] .list-topics .item-topic {
    border-top: 1px solid lightgrey;
    padding: 10px 0;
    color: #4498cf; }
    .main[view="papers"] .list-topics .item-topic a {
      font-size: 16px; }
  .main[view="papers"] .list-topics .item-topic a:hover {
    text-decoration: none; }
.main[view="papers"] .section-info p {
  padding-bottom: 24px; }
.main[view="papers"] #problem,
.main[view="papers"] #why,
.main[view="papers"] #solution {
  margin-bottom: 20px; }
  @media screen and (max-width: 550px) {
    .main[view="papers"] #problem p,
    .main[view="papers"] #why p,
    .main[view="papers"] #solution p {
      margin-left: -40px; } }
.main[view="papers"] section {
  padding: 40px; }
  @media (max-width: 414px) {
    .main[view="papers"] section {
      padding: 48px 20px; } }
.main[view="papers"] h3 {
  font-size: 30px;
  line-height: 3; }
  @media (max-width: 768px) {
    .main[view="papers"] h3 {
      font-size: 22px; } }
.main[view="papers"] h5 {
  font-size: 24px;
  line-height: 3; }
  @media (max-width: 768px) {
    .main[view="papers"] h5 {
      font-size: 18px; } }
.main[view="papers"] #benefits {
  width: calc(100% - 350px);
  padding-right: 50px; }
  .main[view="papers"] #benefits h3 {
    margin-bottom: 15px; }
.main[view="papers"] #trending-topics {
  width: 350px; }
  .main[view="papers"] #trending-topics h3 {
    margin-bottom: 15px; }
  .main[view="papers"] #trending-topics .list-topics li:first-of-type {
    border: 0; }
.main[view="papers"] #cta {
  width: calc(100% - 350px);
  padding-right: 50px; }
  .main[view="papers"] #cta h3 {
    margin-top: 20px;
    margin-bottom: 15px; }
  .main[view="papers"] #cta p a {
    color: #E6B300; }
  .main[view="papers"] #cta .actions {
    margin-top: 20px; }
    @media (max-width: 640px) {
      .main[view="papers"] #cta .actions {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center; } }
    .main[view="papers"] #cta .actions a.btn {
      display: inline-block; }
      @media (max-width: 640px) {
        .main[view="papers"] #cta .actions a.btn {
          min-width: 200px; } }
      .main[view="papers"] #cta .actions a.btn:not(:first-child) {
        margin-left: 16px; }
        @media (max-width: 768px) {
          .main[view="papers"] #cta .actions a.btn:not(:first-child) {
            margin-top: 0; } }
        @media (max-width: 640px) {
          .main[view="papers"] #cta .actions a.btn:not(:first-child) {
            width: auto;
            margin-top: 16px;
            margin-left: auto; } }
@media screen and (max-width: 950px) {
  .main[view="papers"] #benefits, .main[view="papers"] #cta, .main[view="papers"] #trending-topics {
    width: 100%;
    padding-right: 0; }
  .main[view="papers"] #benefits {
    order: 1; }
  .main[view="papers"] #cta {
    order: 2; }
  .main[view="papers"] #trending-topics {
    order: 3;
    margin-top: 50px; } }
@media screen and (max-width: 768px) {
  .main[view="papers"] #cta :nth-child(2) {
    margin-top: 20px; } }
.main[view="papers"] #problem {
  background: url("/assets/icons/ico-problem.svg") no-repeat 10px 21px/30px;
  padding-left: 70px; }
.main[view="papers"] #why {
  background: url("/assets/icons/ico-critical.svg") no-repeat 10px 21px/30px;
  padding-left: 70px; }
.main[view="papers"] #solution {
  background: url("/assets/icons/ico-solution.svg") no-repeat 10px 21px/30px;
  padding-left: 70px; }
@media screen and (max-width: 767px) {
  .main[view="papers"] #problem, .main[view="papers"] #why, .main[view="papers"] #solution {
    background-position: 0px 0px;
    background-size: 20px;
    padding-left: 40px; } }
.main[view="papers"] #benefits h5 {
  font-size: 24px;
  line-height: 1.7;
  margin: 15px 0;
  margin-top: 20px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .main[view="papers"] .g-recaptcha {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); } }
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .main[view="papers"] .g-recaptcha {
    transform: scale(0.8);
    -webkit-transform: scale(0.8); } }
@media only screen and (min-width: 768px) {
  .main[view="papers"] .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1); } }
.main[view="papers"] .g-recaptcha iframe {
  height: 79px; }

html[locale="ar_AE"] .main.secondary[view="papers"] .intro .intro-actions .btn,
html[locale="ar_AE"] .main.secondary[view="papers"] .intro .actions .btn {
  margin: 0 8px !important; }
html[locale="ar_AE"] .main.secondary[view="papers"] #problem,
html[locale="ar_AE"] .main.secondary[view="papers"] #why,
html[locale="ar_AE"] .main.secondary[view="papers"] #solution {
  padding-left: 0;
  padding-right: 70px;
  background-position: 100% 21px; }
html[locale="ar_AE"] .main.secondary[view="papers"] #benefits,
html[locale="ar_AE"] .main.secondary[view="papers"] #cta {
  padding-right: 0;
  padding-left: 50px; }
  html[locale="ar_AE"] .main.secondary[view="papers"] #benefits .actions .btn:first-child,
  html[locale="ar_AE"] .main.secondary[view="papers"] #cta .actions .btn:first-child {
    margin-left: 16px; }
  html[locale="ar_AE"] .main.secondary[view="papers"] #benefits .actions .btn:last-child,
  html[locale="ar_AE"] .main.secondary[view="papers"] #cta .actions .btn:last-child {
    margin-left: 0; }

[view="deal-registration"].main .materialDesign .keeper-md {
  left: 24px; }
[view="deal-registration"].main .intro .tabs .tab.active a {
  background: #fff;
  box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.15); }
@media (min-width: 768px) {
  [view="deal-registration"].main .intro p {
    width: 500px;
    margin: 0 auto; } }
[view="deal-registration"].main #mobile-tab-dropdown {
  display: none; }
[view="deal-registration"].main .section-form.box {
  padding: 48px; }
  @media (max-width: 640px) {
    [view="deal-registration"].main .section-form.box {
      padding: 40px 24px; } }
  @media (max-width: 768px) {
    [view="deal-registration"].main .section-form.box p {
      font-size: 14px; } }
@media (min-width: 990px) {
  [view="deal-registration"].main .form-paragraph {
    width: 850px;
    margin: 0 auto; } }
[view="deal-registration"].main h3 {
  margin: 48px 0 40px;
  padding-bottom: 0;
  text-align: center; }
@media (max-width: 1024px) {
  [view="deal-registration"].main p {
    font-size: 18px; } }
@media (max-width: 768px) {
  [view="deal-registration"].main p {
    font-size: 14px; } }
[view="deal-registration"].main .form-row {
  display: block;
  clear: both;
  overflow: visible;
  position: relative; }
  [view="deal-registration"].main .form-row:after {
    content: '';
    display: block;
    clear: both; }
[view="deal-registration"].main .formContainer {
  display: block;
  width: 816px;
  max-width: 100%;
  margin: 0 auto; }
[view="deal-registration"].main label[for="privacy"] {
  font-size: 18px; }
  [view="deal-registration"].main label[for="privacy"] a {
    font-weight: 300;
    white-space: nowrap; }
  @media (max-width: 640px) {
    [view="deal-registration"].main label[for="privacy"] {
      font-size: 14px; } }
[view="deal-registration"].main .col-half {
  width: 49%; }
  [view="deal-registration"].main .col-half:first-child {
    float: left; }
  [view="deal-registration"].main .col-half:last-child {
    float: right; }
  @media (max-width: 768px) {
    [view="deal-registration"].main .col-half:first-child {
      margin-bottom: 0; } }
  @media (max-width: 640px) {
    [view="deal-registration"].main .col-half {
      width: 100%;
      float: none; } }
[view="deal-registration"].main .fs-dropdown {
  position: relative; }
[view="deal-registration"].main .form-actions {
  padding-top: 0; }
[view="deal-registration"].main #submitButton {
  min-width: 140px;
  margin: 0 auto;
  display: inline-block;
  text-align: center; }
[view="deal-registration"].main [data-react-component="DealRegistration"] .inner {
  max-width: 800px;
  margin: 0 auto; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
html[lang='ar'] .language-selection.dropdown .shift-right {
  left: 0 !important;
  right: unset !important; }

.language-selection.dropdown .shift-right {
  left: unset !important;
  right: 0 !important; }
.language-selection.dropdown .popup-language-selection {
  background-color: white;
  min-width: 450px;
  padding: 20px; }
.language-selection.dropdown .popup-content > h3 {
  font-weight: 600;
  font-size: 18px;
  margin: 15px 0; }
.language-selection.dropdown .popup-content > .list-languages {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  list-style: none; }
.language-selection.dropdown .popup-content > .list-languages > li {
  margin: 8px 0;
  cursor: pointer;
  font-weight: 300;
  font-size: 14px;
  direction: ltr;
  unicode-bidi: bidi-override;
  width: 33%; }
.language-selection.dropdown .popup-content > .list-languages > li {
  width: 33%; }
.language-selection.dropdown .popup-content > .list-languages > li[data-locale='ar_AE'] {
  direction: rtl;
  unicode-bidi: bidi-override; }
.language-selection.dropdown .popup-content > .list-languages > li > a {
  font-size: 16px; }
.language-selection.dropdown .popup-close {
  display: none; }
.language-selection.dropdown .popup-background {
  display: none; }

@media only screen and (max-width: 768px) {
  .language-selection.dropdown {
    display: block; }
    .language-selection.dropdown .popup-language-selection {
      position: fixed;
      top: 100px;
      right: 0;
      left: 0;
      width: 80%;
      min-width: 0;
      background: #FFFFFF;
      box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      margin: 0 auto; }
    .language-selection.dropdown .popup-content > .list-languages {
      display: flex;
      flex-wrap: wrap;
      flex-flow: row wrap;
      list-style: none; }
    .language-selection.dropdown .popup-content > .list-languages > li {
      display: block;
      width: 50%; }
    .language-selection.dropdown .shift-right {
      background: 0 0;
      border: none;
      box-shadow: none; }
    .language-selection.dropdown .popup-close {
      position: absolute;
      background: linear-gradient(45deg, rgba(0, 0, 0, 0) 46%, #6f6f6f 50%, rgba(0, 0, 0, 0) 54%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 46%, #6f6f6f 50%, rgba(0, 0, 0, 0) 54%);
      width: 15px;
      height: 15px;
      right: 25px;
      display: block; }
    .language-selection.dropdown .popup-background {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      background-color: rgba(0, 0, 0, 0.3); } }
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.header .icon-phone {
  background: url("/assets/icons/icon-phone@2x.png") no-repeat center/contain;
  height: 20px;
  width: 20px; }

.header .ico-globe {
  height: 24px;
  width: 20px;
  background: url("/assets/icons/ico-language_black.svg") no-repeat center/contain; }

.header [data-popup="select-locale"]:hover .ico-globe {
  background: url("/assets/icons/ico-language_gold.svg") no-repeat center/contain; }

.header {
  position: fixed;
  width: 100%;
  height: 64px;
  top: 0;
  left: 0;
  transition: .5s;
  z-index: 100; }

.header > .navigation {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 64px;
  background: #000000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

.header > .navigation > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit; }
  @media (max-width: 1440px) {
    .header > .navigation > .container {
      padding-left: 25px;
      padding-right: 25px; } }

.header > .navigation > .container:before,
.header > .navigation > .container:after {
  content: none; }

.header > .navigation > .container > ul {
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center; }

.header > .navigation ul.mobile {
  display: none;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center; }

.header > .navigation ul.mobile .item:first-of-type {
  min-width: 0; }

.wrapper.active .header > .navigation ul.mobile .item:first-of-type {
  display: none; }

.header > .navigation ul.mobile .item:first-of-type a {
  color: white;
  font-size: 14px;
  letter-spacing: 0;
  min-width: 0;
  text-align: center;
  line-height: 20px;
  border: 2px solid #FFC600;
  border-radius: 6px;
  padding: 7px 15px;
  transition: 0.5s ease; }

.header > .navigation ul.mobile .item:first-of-type a:hover, .header > .navigation ul.mobile .item:first-of-type a:active {
  background-color: #FFC700;
  color: black; }

@media only screen and (max-width: 520px) {
  .header > .navigation ul.mobile .item:first-of-type {
    margin-left: 10px; }
    .header > .navigation ul.mobile .item:first-of-type a {
      padding: 7px; } }
@media only screen and (max-width: 420px) {
  .header > .navigation ul.mobile .item:first-of-type a {
    padding: 7px;
    line-height: 15px; } }
@media only screen and (max-width: 380px) {
  .header > .navigation > .container {
    padding: 0 15px; }

  .header > .navigation ul > .item {
    margin-left: 15px !important; }

  .header > .navigation ul.mobile .item:first-of-type a {
    padding: 4px 7px;
    font-size: 13px; } }
@media only screen and (max-width: 365px) {
  .header > .navigation ul.mobile .item:first-of-type a {
    font-size: 12px; } }
@media only screen and (max-width: 310px) {
  .header > .navigation ul.mobile .item:first-of-type {
    display: none; } }
.header > .navigation ul > .item:first-of-type {
  margin-left: 0; }

html[locale="ar_AE"] .header > .navigation ul > .item:first-of-type {
  margin-left: 32px; }

html[locale="ar_AE"] .header > .navigation ul > .item:last-of-type {
  margin-left: 0; }

.header > .navigation ul > .item .logo {
  background: url("/assets/branding/keeper-logo-light.svg") no-repeat center/contain;
  font-size: 0; }

@media (max-width: 991px) {
  .header > .navigation ul > .item .logo {
    height: 33px;
    width: 112px; } }
.header > .navigation ul > .item .caret {
  color: white; }

.header > .navigation ul.right > .item:hover:not(.no-border) > a {
  position: relative;
  display: block; }
  .header > .navigation ul.right > .item:hover:not(.no-border) > a:after {
    content: '';
    display: block;
    width: calc(100% - 32px);
    height: 2px;
    background: #FFC600;
    position: absolute;
    left: 16px;
    bottom: 4px; }

.header > .navigation ul > .item a:not(.btn):not(.freeTrialBtn) {
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: right;
  font-weight: 600;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px; }

.header > .navigation ul > .item a.freeTrialBtn {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.23px;
  text-align: center; }

.header > .navigation ul > .item a:hover:not(.btn),
.header > .navigation ul > .item a:focus:not(.btn),
.header > .navigation ul > .item a:active:not(.btn) {
  text-decoration: none; }

.header > .navigation ul.right > .item:last-of-type a {
  border: 2px solid #FFC600;
  border-radius: 4px;
  padding: 6px 15px 4px;
  transition: 0.5s ease;
  font-weight: 400; }

.header.scrolled > .navigation ul.right > .item:last-of-type a,
.header > .navigation ul.right > .item:last-of-type a:hover {
  background-color: #FFC600;
  border-color: #FFC600;
  cursor: pointer;
  color: black;
  text-decoration: none; }

.header > .navigation ul.right {
  /*@media only screen and (max-width: $breakpoint-btw-lg-xl) {
      display:flex;
      width: calc(100% - 200px);
      flex-flow:row nowrap;
      justify-content: space-between;
      li{
          margin:0;
          a{
              padding: 10px 0;
          }
      }
  }*/ }
  @media only screen and (max-width: 991px) {
    .header > .navigation ul.right {
      display: none; } }

@media only screen and (max-width: 991px) {
  .header > .navigation ul.mobile {
    display: flex; } }
@media only screen and (min-width: 991px) {
  .header > .navigation ul.right {
    display: flex; }

  .header > .navigation ul.mobile {
    display: none; } }
.header > .menu {
  position: fixed;
  top: 64px;
  left: 100%;
  z-index: 101;
  width: 100%;
  display: block;
  height: calc(100% - 64px);
  min-height: calc(100% - 64px);
  max-height: calc(100% - 64px);
  background-color: white;
  transition: 0.5s ease;
  padding-bottom: 60px;
  overflow-y: scroll; }

.wrapper.active .header > .menu {
  left: 0; }

[locale="ar_AE"] .wrapper.active .header > .menu {
  right: 0; }

.header > .menu > .panel-group .panel-title a {
  font-size: 14px;
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  font-weight: 600; }

.header > .menu > .panel-group .panel-title a:hover,
.header > .menu > .panel-group .panel-title a:active {
  text-decoration: none; }

.header > .menu > .panel-group > .panel {
  background-color: transparent;
  border: 0;
  border-radius: none;
  border-bottom: 2px solid #ddd;
  cursor: pointer; }

.header > .menu > .panel-group > .panel > .panel-heading {
  background-color: transparent;
  border: 0;
  border-radius: none;
  padding: 20px 15px;
  position: relative; }

.header > .menu > .panel-group > .panel > .panel-heading:before {
  background-image: url(/assets/icons/arrow-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  content: "";
  width: 10px;
  height: 100%;
  right: 20px;
  top: 0px;
  position: absolute;
  transition: 0.5s ease; }

[locale="ar_AE"] .header > .menu > .panel-group > .panel > .panel-heading:before {
  right: unset;
  left: 20px; }

.header > .menu > .panel-group > .panel > .panel-heading.opened:before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.header > .menu > .panel-group > .panel > .panel-collapse ul {
  list-style: none; }

.header > .menu > .panel-group > .panel > .panel-collapse ul li {
  margin: 0; }

.header > .menu > .panel-group > .panel > .panel-collapse ul li:last-of-type {
  margin-bottom: 0; }

.header > .menu > .panel-group > .panel > .panel-collapse ul li a {
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: left;
  line-height: 20px;
  padding: 8px 0;
  font-weight: 300;
  display: block; }

[locale="ar_AE"] .header > .menu > .panel-group > .panel > .panel-collapse ul li a {
  text-align: right; }

.header > .menu > .panel-group > .panel > .panel-collapse ul li a:hover,
.header > .menu > .panel-group > .panel > .panel-collapse ul li a:focus,
.header > .menu > .panel-group > .panel > .panel-collapse ul li a:active {
  color: #cf9f24;
  text-decoration: none; }

.header > .menu > .panel-group > .panel > .panel-collapse ul li a:hover {
  color: #cf9f24;
  text-decoration: none; }

.header > .menu > .panel-group > .panel > .panel-collapse > .panel-body {
  border-top: 0;
  padding-top: 0; }

.header > .menu {
  padding: 16px; }

.header > .menu > .inner {
  display: flex;
  justify-content: space-between; }

.header > .menu .left {
  width: 50%;
  order: 0; }

.header > .menu .right {
  width: 50%;
  order: 1;
  height: 64px; }

.header > .menu .fragment {
  list-style: none;
  margin-bottom: 32px; }
  .header > .menu .fragment:last-child {
    margin-bottom: 60px; }
  .header > .menu .fragment h4 {
    font-size: 14px;
    color: #000;
    padding-bottom: 8px;
    line-height: 17px;
    text-transform: uppercase; }
  .header > .menu .fragment .item {
    margin-bottom: 8px;
    line-height: 20px; }
    .header > .menu .fragment .item a {
      font-size: 14px;
      color: #000000;
      text-align: left;
      line-height: 20px; }
    .header > .menu .fragment .item a:hover {
      text-decoration: none;
      color: #cf9f24; }
@media (max-width: 768px) {
  .header > .menu .actions .btn {
    width: auto;
    padding: 0 20px; } }

.header .actions {
  text-align: center;
  margin-top: 30px; }

.header .actions.mmLngCtc {
  margin-top: 24px;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around; }
  .header .actions.mmLngCtc:before, .header .actions.mmLngCtc:after {
    display: none; }
  .header .actions.mmLngCtc a {
    white-space: nowrap; }

.header .actions.mmCTA {
  margin: 16px 0 32px; }

.header [data-popup="select-locale"] {
  margin-right: 50px; }

[locale="ar_AE"] .header [data-popup="select-locale"] {
  margin-left: 50px;
  margin-right: 0; }

.header [data-popup="select-locale"]:hover,
.header [data-popup="select-phone"]:hover {
  color: #cf9f24;
  text-decoration: none; }

.header a.btn {
  min-width: 200px; }

.dropdown-content {
  display: none; }

.header > .navigation ul > .item .dropdown-content {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  float: right;
  font-size: 14px;
  list-style: none;
  margin: 2px 0 0;
  padding: 5px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 154%;
  z-index: 102;
  min-width: 165px;
  margin-top: 10px; }
  .header > .navigation ul > .item .dropdown-content:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 100%; }
  .header > .navigation ul > .item .dropdown-content section {
    width: 200px;
    max-width: 100%; }
    .header > .navigation ul > .item .dropdown-content section h4 {
      font-size: 14px;
      color: #000;
      text-align: left;
      line-height: 20px;
      text-transform: uppercase;
      padding-bottom: 16px;
      margin-bottom: 16px;
      border-bottom: 1px solid #D5D5D5; }
    .header > .navigation ul > .item .dropdown-content section ul {
      list-style: none; }
      .header > .navigation ul > .item .dropdown-content section ul li {
        display: block;
        margin: 0;
        padding: 0; }
        .header > .navigation ul > .item .dropdown-content section ul li a {
          display: block;
          padding: 8px 0;
          font-size: 16px;
          color: #000;
          text-transform: none;
          letter-spacing: -0.18px;
          font-weight: 300;
          text-align: left; }
          .header > .navigation ul > .item .dropdown-content section ul li a:hover {
            color: #E6B300; }
  .header > .navigation ul > .item .dropdown-content.showcase-nav {
    top: 8px;
    left: 0;
    right: 0;
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    float: none;
    padding: 0;
    margin: 0;
    z-index: 102;
    width: 80%;
    margin: 0 auto;
    max-width: 1280px;
    margin-top: 66px; }
    @media (max-width: 1400px) {
      .header > .navigation ul > .item .dropdown-content.showcase-nav {
        width: 90%; } }
    @media (max-width: 1200px) {
      .header > .navigation ul > .item .dropdown-content.showcase-nav {
        width: calc(100% - 30px); } }
    .header > .navigation ul > .item .dropdown-content.showcase-nav .inner {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      padding: 40px 96px;
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
      @media (max-width: 1200px) {
        .header > .navigation ul > .item .dropdown-content.showcase-nav .inner {
          padding: 40px; } }
      .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn {
        position: relative;
        padding-bottom: 120px; }
        .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul {
          list-style: none; }
          .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li {
            display: block;
            margin: 0;
            padding: 0; }
            .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a {
              display: block;
              padding: 8px 0;
              font-size: 16px;
              color: #000;
              text-transform: none;
              letter-spacing: -0.18px;
              font-weight: 300;
              text-align: left; }
              .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a:hover {
                color: #E6B300; }
        .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions {
          position: absolute;
          left: 0;
          bottom: 0;
          display: block;
          width: 100%; }
          .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn {
            padding: 0 10px; }
            .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
              margin: -2px 8px 0 0; }
            .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn + .btn {
              margin-top: 20px; }
  .header > .navigation ul > .item .dropdown-content.sm-showcase-nav {
    top: 8px;
    left: 0;
    right: 0;
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    float: none;
    padding: 0;
    margin: 0;
    z-index: 102;
    width: 280px;
    margin-left: calc(50% -140px);
    margin-top: 66px; }
    .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      padding: 40px 40px 30px 40px;
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
      .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn {
        position: relative; }
        .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul {
          list-style: none; }
          .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li {
            display: block;
            margin: 0;
            padding: 0; }
            .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li a {
              display: block;
              padding: 8px 0;
              font-size: 16px;
              color: #000;
              text-transform: none;
              letter-spacing: -0.18px;
              font-weight: 300;
              text-align: left; }
              .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li a:hover {
                color: #E6B300; }
        .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions {
          position: absolute;
          left: 0;
          bottom: 0;
          display: block;
          width: 100%; }
          .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn {
            padding: 0 10px; }
            .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
              margin: -2px 8px 0 0; }

html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content section h4 {
  text-align: right; }
html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content section ul li a {
  text-align: right; }
html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a {
  text-align: right; }
html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions {
  left: auto;
  right: 0; }
  html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
    margin: -2px 0 0 8px; }
html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li a {
  text-align: right; }
html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions {
  left: auto;
  right: 0; }
  html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
    margin: -2px 0 0 8px; }

html[locale="pt_BR"] .header > .navigation ul > .item .dropdown-content {
  min-width: 220px; }

html[locale="nl_NL"] .header > .navigation ul > .item .dropdown-content {
  min-width: 180px; }

html[locale="ja_JP"] .header > .navigation ul > .item .dropdown-content {
  min-width: 265px; }

html[locale="it_IT"] .header > .navigation ul > .item .dropdown-content {
  min-width: 305px; }

html[locale="pl_PL"] .header > .navigation ul > .item .dropdown-content {
  min-width: 260px; }

html[locale="ru_RU"] .header > .navigation ul > .item .dropdown-content {
  min-width: 260px; }

html[locale="fr_FR"] .header > .navigation ul > .item .dropdown-content {
  min-width: 215px; }

html[locale="es_ES"] .header > .navigation ul > .item .dropdown-content {
  min-width: 225px; }

html[locale="de_DE"] .header > .navigation ul > .item .dropdown-content {
  min-width: 200px; }

/* SHOWCASE */
.header > .navigation ul > .item.showcase-nav {
  position: static;
  box-sizing: border-box; }

.nav-btn {
  display: block;
  width: 24px; }

.nav-btn span {
  position: relative;
  display: block;
  height: 2px;
  top: 0;
  background: #FFF;
  transition: .5s; }

.nav-btn span + span {
  margin-top: 5px; }

.nav-btn.active span:nth-child(1) {
  top: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: top .5s, -webkit-transform .5s .5s;
  transition: top .5s, transform .5s .5s; }

.nav-btn.active span:nth-child(2) {
  opacity: 0; }

.nav-btn.active span:nth-child(3) {
  top: -7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top .5s, -webkit-transform .5s .5s;
  transition: top .5s, transform .5s .5s; }

.olark-launch-button.scrolledToBottom {
  bottom: 85px !important; }

.footer {
  padding: 0; }

.footer a {
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  color: black;
  font-size: 16px;
  font-weight: 300; }

.footer > .navigation {
  background-color: white;
  padding: 50px 0; }

.footer > .navigation > .container {
  position: relative; }

.footer > .navigation > .inner {
  display: flex;
  justify-content: space-between; }

.footer > .navigation > .inner:before,
.footer > .navigation > .inner:after {
  content: none; }

.footer > .navigation > .inner > ul {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  list-style: none;
  align-items: center;
  color: white;
  width: 100%; }

.footer > .navigation > .inner > ul li {
  margin: 0;
  width: 100%;
  display: block;
  text-align: center; }

.footer > .navigation > .inner > ul li a {
  display: block;
  padding: 9px 0;
  width: 100%;
  text-align: center; }

.footer > .copyright {
  background-color: #000;
  padding: 24px 0; }
  @media (max-width: 768px) {
    .footer > .copyright {
      background: #fff; } }

.footer > .copyright ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  align-items: center;
  width: 100%; }

.footer > .bottombar {
  background: black; }

.footer > .bottombar > .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px; }

.footer > .bottombar > .inner:before,
.footer > .bottombar > .inner:after {
  content: none; }

.footer > .bottombar > .inner > .social > ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 140px;
  margin: 0 auto; }

.footer > .bottombar > .inner > .social > ul > li {
  display: inline-block; }

.footer .copyright p {
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  text-align: center; }
  @media (max-width: 768px) {
    .footer .copyright p {
      font-size: 14px;
      color: #000; } }

.footer .current_locale {
  margin-right: 5px;
  margin-left: 2px; }

.footer [data-popup="select-locale"] {
  text-decoration: none;
  color: white; }

.footer [data-popup="select-locale"]:hover {
  text-decoration: none;
  color: #cf9f24; }

.footer .language a {
  font-size: 16px; }

.footer h6 {
  font-size: 14px;
  text-transform: uppercase; }

@media only screen and (max-width: 850px) {
  .footer .mobile {
    display: block; }

  .footer .desktop {
    display: none; } }
@media only screen and (min-width: 850px) {
  .footer .mobile {
    display: none; }

  .footer .desktop {
    display: block; } }
.footer .mobile.copyright.socials {
  padding-top: 0; }

.footer .socials li {
  display: inline-block;
  vertical-align: top; }

.footer .socials li a {
  display: block;
  padding: 30px 12px 25px; }

.footer .mobile .socials li a {
  padding: 15px 12px 10px; }

.footer .ico-linkedin, .footer .ico-facebook, .footer .ico-twitter, .footer .ico-instagram,
.footer .ico-linkedin-black, .footer .ico-facebook-black, .footer .ico-twitter-black, .footer .ico-instagram-black {
  height: 21px;
  width: 21px; }

.footer .ico-facebook {
  background: url("/assets/icons/ico-facebook.svg") no-repeat center/contain; }

.footer .ico-twitter {
  background: url("/assets/icons/ico-twitter.svg") no-repeat center/contain; }

.footer .ico-linkedin {
  background: url("/assets/icons/ico-linkedin.svg") no-repeat center/contain; }

.footer .ico-instagram {
  background: url("/assets/icons/ico-instagram.svg") no-repeat center/contain; }

.footer .ico-facebook-black {
  background: url("/assets/icons/ico-facebook-black.svg") no-repeat center/contain; }

.footer .ico-twitter-black {
  background: url("/assets/icons/ico-twitter-black.svg") no-repeat center/contain; }

.footer .ico-linkedin-black {
  background: url("/assets/icons/ico-linkedin-black.svg") no-repeat center/contain; }

.footer .ico-instagram-black {
  background: url("/assets/icons/ico-instagram-black.svg") no-repeat center/contain; }

@media only screen and (min-width: 768px) {
  .footer .ico-twitter {
    margin: 0 0; } }
.footer .ico-globe {
  height: 24px;
  width: 20px;
  background: url("/assets/icons/ico-language.svg") no-repeat center/contain; }

.footer .ico-globe-black {
  height: 24px;
  width: 20px;
  background: url("/assets/icons/ico-language_black.svg") no-repeat center/contain; }

.footer [data-popup="select-locale"]:hover .ico-globe {
  background: url("/assets/icons/ico-language_gold.svg") no-repeat center/contain; }

.footer section.socials {
  margin-bottom: 18px; }

@media only screen and (max-width: 768px) {
  .footer #cookie-consent-popup-trig {
    font-family: 'Overpass', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: white;
    text-align: center;
    margin-bottom: 32px; } }

.footer .footer-nav ul {
  list-style: none;
  font-size: 16px; }

.footer .fragment h6 {
  margin-bottom: 16px;
  letter-spacing: 0;
  font-weight: 600; }

.footer .fragment h6:nth-of-type(2) {
  margin-top: 30px; }

.footer .fragment li {
  margin-bottom: 8px; }

.footer .navigation a:hover,
.footer .navigation a:focus {
  color: #cf9f24;
  text-decoration: none; }

@media not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 192dpi) {
  .ico-facebook {
    width: 12px;
    height: 21px;
    background-image: url("/assets/icons/mo-ico-facebook@2x.png"); }

  .ico-linkedin {
    width: 19px;
    height: 19px;
    background-image: url("/assets/icons/mo-ico-linkedin@2x.png"); }

  .ico-twitter {
    width: 21px;
    height: 17px;
    background-image: url("/assets/icons/mo-ico-twitter@2x.png"); } }
html[locale="ru_RU"] .footer .fragment h6 {
  font-weight: 600; }

.mobile.copyright #cookie-consent-popup-trig {
  margin: 0;
  padding: 0;
  margin-top: 25px; }

.cj-img {
  display: none; }

.footer .mobile .language {
  display: block;
  margin-top: 72px;
  margin-bottom: 30px; }
  .footer .mobile .language a {
    color: #000; }

#faqs.box {
  padding: 48px 136px;
  width: 100%; }
  @media (max-width: 1400px) {
    #faqs.box {
      padding: 48px 48px 36px; } }
  @media (max-width: 1024px) {
    #faqs.box {
      padding: 40px 30px 30px; } }
  @media (max-width: 768px) {
    #faqs.box {
      padding: 40px 20px 30px; } }
  #faqs.box h2 {
    color: #000;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      #faqs.box h2 {
        text-align: center;
        margin-bottom: 16px;
        font-size: 18px; } }
  #faqs.box .list-faqs {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: 0 -20px 40px; }
    @media only screen and (max-width: 768px) {
      #faqs.box .list-faqs {
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin-bottom: 24px; } }
    #faqs.box .list-faqs .faq {
      width: 50%;
      margin-bottom: 20px;
      padding: 0 20px; }
      @media only screen and (max-width: 768px) {
        #faqs.box .list-faqs .faq {
          width: 100%;
          text-align: center; } }
      #faqs.box .list-faqs .faq a {
        color: #000;
        transition: 0.25s ease; }
        @media only screen and (max-width: 768px) {
          #faqs.box .list-faqs .faq a {
            font-size: 14px;
            text-align: center;
            line-height: 18px; } }
        #faqs.box .list-faqs .faq a:hover, #faqs.box .list-faqs .faq a:focus, #faqs.box .list-faqs .faq a:active {
          color: #CF9F24;
          text-decoration: none; }
  @media only screen and (max-width: 768px) {
    #faqs.box .actions {
      text-align: center; } }
  #faqs.box .actions .btn {
    display: inline-block;
    min-width: 250px;
    font-weight: 600;
    width: auto;
    padding: 0 12px; }

/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
#free14DayTrial .tabs.two-tabs {
  max-height: 48px; }

.main.secondary .intro {
  background: #1b78e0;
  background: -moz-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(-30deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(140deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b78e0", endColorstr="#004899",GradientType=1 );
  padding: 56px 0;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .main.secondary .intro {
      padding: 40px 0; } }
  .main.secondary .intro .container {
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .main.secondary .intro .container {
        padding: 0 24px; } }
  .main.secondary .intro .intro-actions,
  .main.secondary .intro .actions {
    margin-top: 25px; }
    .main.secondary .intro .intro-actions .btn + .btn,
    .main.secondary .intro .actions .btn + .btn {
      margin-left: 16px;
      font-weight: 600; }
      @media only screen and (max-width: 768px) {
        .main.secondary .intro .intro-actions .btn + .btn,
        .main.secondary .intro .actions .btn + .btn {
          margin-left: auto; } }

[locale="ar_AE"] .main.primary .intro .intro-image {
  left: auto;
  right: -10%; }
  @media only screen and (max-width: 768px) {
    [locale="ar_AE"] .main.primary .intro .intro-image {
      right: 0; } }
[locale="ar_AE"] .main.primary .intro .intro-content .intro-actions .btn:first-of-type,
[locale="ar_AE"] .main.primary .intro .intro-content .actions .btn:first-of-type {
  margin-right: auto;
  margin-left: 16px; }
  @media only screen and (max-width: 768px) {
    [locale="ar_AE"] .main.primary .intro .intro-content .intro-actions .btn:first-of-type,
    [locale="ar_AE"] .main.primary .intro .intro-content .actions .btn:first-of-type {
      margin-right: auto;
      margin-left: auto; } }
@media only screen and (max-width: 1250px) {
  [locale="ar_AE"] .main.primary .intro .intro-content {
    margin-left: 0;
    margin-right: 40%; } }
@media only screen and (max-width: 1000px) {
  [locale="ar_AE"] .main.primary .intro .intro-content {
    width: 60%; } }
@media only screen and (max-width: 768px) {
  [locale="ar_AE"] .main.primary .intro .intro-content {
    width: 100%;
    margin: 0; } }

@media only screen and (max-width: 768px) {
  .intro .intro-content h1,
  .intro h1 {
    margin-bottom: 8px;
    color: white; }
  .intro .intro-content p,
  .intro p {
    margin-bottom: 24px;
    color: white; } }
@media only screen and (min-width: 768px) {
  .intro .intro-content h1,
  .intro h1 {
    margin-bottom: 16px;
    color: white; }

  .intro .intro-content p,
  .intro p {
    margin-bottom: 32px;
    color: white; } }
.intro .play-btn {
  position: relative;
  display: inline-block;
  margin-right: 48px;
  margin-top: 4px;
  vertical-align: middle;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  transition: .5s;
  text-decoration: none; }

.intro .play-btn:hover {
  text-decoration: none;
  color: #E7B400; }

.intro .play-btn i {
  position: absolute;
  top: 0;
  left: 0; }

.intro .play-btn span {
  display: block; }

.intro .btn {
  font-weight: 600;
  display: inline-block;
  min-width: 195px; }

@media (max-width: 768px) {
  .intro-actions,
  .intro .actions {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; } }

.main.primary {
  background-color: #F9F9F9; }
  .main.primary .intro {
    background-color: black;
    position: relative;
    z-index: 1; }
    .main.primary .intro .container {
      display: flex;
      flex-flow: row nowrap; }
      @media only screen and (max-width: 1250px) {
        .main.primary .intro .container {
          display: block; } }
    .main.primary .intro .intro-content {
      position: relative;
      width: 50%;
      z-index: 3;
      padding: 172px 0;
      order: 2; }
      @media only screen and (max-width: 1250px) {
        .main.primary .intro .intro-content {
          width: 60%;
          margin-left: 40%; } }
      @media only screen and (max-width: 1000px) {
        .main.primary .intro .intro-content {
          width: 70%;
          margin-left: 30%; } }
      @media only screen and (max-width: 768px) {
        .main.primary .intro .intro-content {
          padding: 40px 0;
          width: 100%;
          order: 1;
          margin-left: 0;
          text-align: center; } }
      .main.primary .intro .intro-content .actions .btn:first-of-type {
        margin-right: 16px; }
        @media only screen and (max-width: 768px) {
          .main.primary .intro .intro-content .actions .btn:first-of-type {
            margin-right: auto; } }
    .main.primary .intro .intro-image {
      position: relative;
      width: 50%;
      z-index: 2;
      order: 1;
      background-size: contain; }
      @media only screen and (max-width: 1250px) {
        .main.primary .intro .intro-image {
          position: absolute;
          left: -10%;
          top: 0;
          bottom: 0; } }
      @media only screen and (max-width: 1000px) {
        .main.primary .intro .intro-image {
          left: -30%; } }
      @media only screen and (max-width: 768px) {
        .main.primary .intro .intro-image {
          position: relative;
          width: 100%;
          order: 2;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: 0;
          height: 200px;
          background-size: contain;
          background-position: center bottom; } }

h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
  letter-spacing: -1.12px;
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  max-width: 100%; }
  @media (max-width: 768px) {
    h1 {
      font-size: 20px;
      line-height: 26px;
      letter-spacing: 0; } }

h2 {
  font-size: 26px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -0.81px;
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  max-width: 100%; }
  @media (max-width: 768px) {
    h2 {
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0; } }

h3, h4, h5 {
  font-weight: 600;
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  max-width: 100%; }
  @media (max-width: 768px) {
    h3, h4, h5 {
      font-size: 20px;
      line-height: 22px;
      letter-spacing: 0; } }

p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: -0.22px;
  font-family: 'Overpass', Helvetica, Arial, sans-serif;
  max-width: 100%; }
  @media (max-width: 768px) {
    p {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0; } }

ul, ol {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: -0.22px;
  font-family: 'Overpass', Helvetica, Arial, sans-serif; }
  @media (max-width: 768px) {
    ul, ol {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0; } }

.main.secondary {
  background-color: white;
  padding-bottom: 56px;
  min-height: calc(100vh - 668px); }
  @media (max-width: 859px) {
    .main.secondary {
      min-height: calc(100vh - 455px); } }
  @media (max-width: 768px) {
    .main.secondary {
      min-height: calc(100vh - 416px);
      padding-bottom: 0; } }

.main.secondary .content {
  padding-top: 56px; }
  @media only screen and (max-width: 768px) {
    .main.secondary .content {
      padding-top: 16px; } }

.main .box {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 48px 136px; }
  @media only screen and (max-width: 768px) {
    .main .box {
      padding: 40px 30px; } }

.main .box.box-transparent {
  background-color: transparent;
  box-shadow: none;
  border: none; }

.main .box + .box {
  margin-top: 24px; }
  @media only screen and (max-width: 768px) {
    .main .box + .box {
      margin-top: 16px; } }
  .main .box + .box.first-box {
    margin-top: 0; }
    @media only screen and (max-width: 768px) {
      .main .box + .box.first-box {
        margin-top: 0; } }

/*RATINGS PARTIAL*/
.ratings {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  .ratings .logoCol {
    width: 25%;
    padding: 0 15px 48px;
    text-align: center; }
    .ratings .logoCol p a {
      display: block; }
      .ratings .logoCol p a:hover {
        color: #000;
        text-decoration: none; }
    .ratings .logoCol p.rate {
      height: auto; }
      @media (max-width: 991px) {
        .ratings .logoCol p.rate {
          margin-bottom: 0; } }
    .ratings .logoCol .starsCount {
      display: block;
      margin-top: 16px; }
    @media (max-width: 1300px) {
      .ratings .logoCol {
        width: 33.33%; } }
    @media (max-width: 1200px) {
      .ratings .logoCol {
        width: 50%; } }
    @media (max-width: 768px) {
      .ratings .logoCol {
        width: 100%; } }

/*RATINGS PARTIAL END*/
html[locale="ru_RU"] * {
  font-family: Helvetica, Arial, sans-serif !important; }
html[locale="ru_RU"] h1 {
  font-size: 30px; }
html[locale="ru_RU"] h2 {
  font-size: 22px; }
html[locale="ru_RU"] h3 {
  font-size: 21px; }
html[locale="ru_RU"] h4 {
  font-size: 16px; }
html[locale="ru_RU"] h5 {
  font-size: 18px; }
html[locale="ru_RU"] h6 {
  font-size: 14px; }
html[locale="ru_RU"] p {
  font-size: 20px; }
@media (max-width: 768px) {
  html[locale="ru_RU"] h1 {
    font-size: 18px; }
  html[locale="ru_RU"] h2 {
    font-size: 16px; }
  html[locale="ru_RU"] h3 {
    font-size: 13px; }
  html[locale="ru_RU"] h4 {
    font-size: 13px; }
  html[locale="ru_RU"] h5 {
    font-size: 13px; }
  html[locale="ru_RU"] h6 {
    font-size: 12px; }
  html[locale="ru_RU"] p {
    font-size: 13px; } }
html[locale="ru_RU"] [component="lightbox"] .tabs .tab a,
html[locale="ru_RU"] .tabs .tab a {
  font-size: 14px; }
  @media (max-width: 768px) {
    html[locale="ru_RU"] [component="lightbox"] .tabs .tab a,
    html[locale="ru_RU"] .tabs .tab a {
      font-size: 12px; } }

html[locale="ar_AE"] .materialDesign label.mdl-radio:not(:last-child) {
  margin-left: 30px;
  margin-right: auto; }
html[locale="ar_AE"] .materialDesign .mdl-radio.is-upgraded {
  padding-left: 0;
  padding-right: 24px; }
  html[locale="ar_AE"] .materialDesign .mdl-radio.is-upgraded .mdl-radio__button,
  html[locale="ar_AE"] .materialDesign .mdl-radio.is-upgraded .mdl-radio__outer-circle {
    left: auto;
    right: 0; }
  html[locale="ar_AE"] .materialDesign .mdl-radio.is-upgraded .mdl-radio__inner-circle {
    left: auto;
    right: 4px; }
  html[locale="ar_AE"] .materialDesign .mdl-radio.is-upgraded .mdl-radio__ripple-container {
    left: auto;
    right: -13px; }

/* ------------------------------------------------------------ *\
  Nav Utilities
\* ------------------------------------------------------------ */
.nav-utilities {
  font-size: 12px;
  font-family: 'Helvetica Neue LT', sans-serif;
  font-weight: 600;
  color: #000; }

.nav-utilities ul {
  vertical-align: middle;
  list-style-type: none; }

.nav-utilities ul:after {
  content: '';
  display: block;
  clear: both; }

.nav-utilities li {
  float: left; }

.nav-utilities li + li {
  border-left: 1px solid #a3a3a3; }

.nav-utilities i {
  position: relative;
  top: -2px; }

.nav-utilities a {
  display: block;
  padding: 1px 15px;
  transition: .5s;
  color: #000;
  text-decoration: none; }

.nav-utilities a:hover {
  color: #a3a3a3;
  text-decoration: none; }

.header-bar > .container > .nav-utilities li:last-of-type a {
  padding-right: 0; }

/* ------------------------------------------------------------ *\
  Nav
\* ------------------------------------------------------------ */
.nav {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  width: calc(100% - 128px);
  float: right; }

.nav a {
  color: #000;
  text-decoration: none; }

.nav > ul {
  list-style-type: none;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  width: 100%;
  padding-left: 50px; }

.header > .navigation ul.mobile .item {
  display: inline-block;
  overflow: hidden; }
  .header > .navigation ul.mobile .item.trialBtn {
    margin-right: 24px; }
    @media (max-width: 380px) {
      .header > .navigation ul.mobile .item.trialBtn {
        margin-right: 0; } }
  .header > .navigation ul.mobile .item a {
    display: block;
    max-width: 100%; }

.header > .navigation ul > .item {
  position: relative; }
  .header > .navigation ul > .item.loginMenu {
    margin-right: 24px; }

.header > .navigation ul > .item > a {
  display: block;
  padding: 24px 16px; }

.header > .navigation ul > .item:last-child > a {
  padding: 12px 0; }

.header > .navigation ul > .item.dropdown:hover > .dropdown-content {
  display: block; }

.header > .navigation ul > .item .dropdown-content {
  top: 100%;
  margin-top: 10px; }

@media only screen and (min-width: 769px) {
  .nav > ul {
    padding-top: 2px; } }
.header > .navigation ul > .item.dropdown:hover > a,
.nav .current a,
.nav a:hover {
  text-decoration: none; }

.nav ul ul li {
  margin-left: 0px;
  margin-bottom: 5px; }

.nav ul ul li a:hover {
  background: none;
  color: #C90; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: none; }

.nav-toggle {
  display: none; }

@media only screen and (max-width: 769px) {
  #main-nav.nav {
    display: block;
    width: calc(100% - 100px); }

  .nav > ul {
    justify-content: flex-end;
    padding-left: 0; }

  .nav ul .nav-toggle {
    display: block; }

  .nav ul .lang-toggle {
    display: block; } }
@media only screen and (max-width: 390px) {
  .lang-toggle .current_locale {
    display: none; }

  .lang-toggle .caret {
    display: none; } }
html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.showcase-nav section,
html[locale="de_DE"] .header > .navigation ul > .item .dropdown-content.showcase-nav section,
html[locale="es_ES"] .header > .navigation ul > .item .dropdown-content.showcase-nav section,
html[locale="fr_FR"] .header > .navigation ul > .item .dropdown-content.showcase-nav section,
html[locale="it_IT"] .header > .navigation ul > .item .dropdown-content.showcase-nav section,
html[locale="nl_NL"] .header > .navigation ul > .item .dropdown-content.showcase-nav section,
html[locale="pl_PL"] .header > .navigation ul > .item .dropdown-content.showcase-nav section,
html[locale="ru_RU"] .header > .navigation ul > .item .dropdown-content.showcase-nav section {
  width: 22%; }
  html[locale="ar_AE"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn,
  html[locale="de_DE"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn,
  html[locale="es_ES"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn,
  html[locale="fr_FR"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn,
  html[locale="it_IT"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn,
  html[locale="nl_NL"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn,
  html[locale="pl_PL"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn,
  html[locale="ru_RU"] .header > .navigation ul > .item .dropdown-content.showcase-nav section .btn {
    width: 100%; }

[component="lightbox"] #free14DayTrialForm ul {
  list-style: none;
  margin-top: 20px;
  margin-bottom: 32px; }
  @media (max-width: 769px) {
    [component="lightbox"] #free14DayTrialForm ul:last-of-type {
      margin-top: 0;
      margin-bottom: 24px; }
    [component="lightbox"] #free14DayTrialForm ul:first-of-type {
      margin-bottom: 0; } }

@media (max-width: 769px) {
  [component="lightbox"] #free14DayTrialForm .row-features > div:last-of-type {
    margin-bottom: 24px; } }

[component="lightbox"] #free14DayTrialForm ul li {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16px;
  padding-left: 40px;
  background-image: url("/assets/icons/desktop/checkmark-green.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: 0 0; }
  @media only screen and (max-width: 769px) {
    [component="lightbox"] #free14DayTrialForm ul li {
      margin-bottom: 8px;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0;
      line-height: 18px; } }

[component="lightbox"] {
  /*************************LIGHTBOX POP-UP*************************/
  /*.materialDesign .fs-dropdown-options{
      min-width: 100%;
      right:0;
      min-height: 120px;
  }*/
  /*
  @media (max-height: $breakpoint-md){
      
      .keeperLightbox input[type="text"],
      .keeperLightbox input[type="email"],
      .keeperLightbox .fs-dropdown-selected,
      .keeperLightbox select,
      .keeperLightbox textarea{
          height: 40px;
      }
  }
  @media (max-height: 680px){
      .keeperLightbox input[type="text"],
      .keeperLightbox input[type="email"],
      .keeperLightbox .fs-dropdown-selected,
      .keeperLightbox select,
      .keeperLightbox textarea{
          height: 36px;
      }
  }
   @media (max-height: 660px){
      .keeperLightbox input[type="text"],
      .keeperLightbox input[type="email"],
      .keeperLightbox .fs-dropdown-selected,
      .keeperLightbox select,
      .keeperLightbox textarea{
          height: 30px;
      }
  }*/ }
  [component="lightbox"] #switchToKeeperForm .popupHeader {
    display: block;
    overflow: hidden;
    min-height: 80px;
    clear: both;
    margin-bottom: 20px;
    text-align: center; }
    @media only screen and (max-width: 769px) {
      [component="lightbox"] #switchToKeeperForm .popupHeader {
        text-align: left; } }
    [component="lightbox"] #switchToKeeperForm .popupHeader > div > h3 {
      display: block;
      position: relative;
      line-height: 1.4em; }
      @media only screen and (max-width: 769px) {
        [component="lightbox"] #switchToKeeperForm .popupHeader > div > h3 {
          font-size: 18px;
          color: #000000;
          line-height: 22px; } }
    [component="lightbox"] #switchToKeeperForm .popupHeader > div > p {
      display: block;
      margin-top: 8px;
      position: relative;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 28px; }
      @media only screen and (max-width: 769px) {
        [component="lightbox"] #switchToKeeperForm .popupHeader > div > p {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          line-height: 18px; } }
      [component="lightbox"] #switchToKeeperForm .popupHeader > div > p a {
        color: #1B78E0;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 28px; }
        @media only screen and (max-width: 769px) {
          [component="lightbox"] #switchToKeeperForm .popupHeader > div > p a {
            font-size: 14px;
            line-height: 18px; } }
  [component="lightbox"] #free14DayTrialForm .popUpTooltip {
    position: absolute;
    z-index: 106;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
    padding: 30px;
    margin-top: 25px;
    text-align: left; }
    @media only screen and (max-width: 769px) {
      [component="lightbox"] #free14DayTrialForm .popUpTooltip {
        font-size: 14px;
        padding: 18px; } }
    [component="lightbox"] #free14DayTrialForm .popUpTooltip ul {
      margin-top: 0; }
    [component="lightbox"] #free14DayTrialForm .popUpTooltip p {
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 28px; }
      @media only screen and (max-width: 769px) {
        [component="lightbox"] #free14DayTrialForm .popUpTooltip p {
          font-size: 12px;
          color: #000000;
          letter-spacing: 0;
          line-height: 16px;
          text-align: left;
          margin-top: 16px; } }
  [component="lightbox"] .btn-submit {
    display: flex;
    align-self: center;
    margin: 0 auto; }
    [component="lightbox"] .btn-submit .playIcon {
      top: 8px; }
  [component="lightbox"] .overlay {
    display: none;
    position: fixed;
    z-index: 103;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5); }
  [component="lightbox"] .overlay.overlayVisible {
    display: block; }
  [component="lightbox"] .tabs {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin: 47px 0 40px; }
    @media only screen and (max-width: 769px) {
      [component="lightbox"] .tabs {
        margin: 30px 0 20px; } }
    [component="lightbox"] .tabs .tab {
      display: block; }
      @media only screen and (max-width: 769px) {
        [component="lightbox"] .tabs .tab {
          width: 50%; } }
      [component="lightbox"] .tabs .tab a {
        display: inline-block;
        min-width: 173px;
        height: 48px;
        padding: 0 36px;
        color: black;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 48px;
        border-radius: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        transition: all 0.3s ease; }
        @media only screen and (max-width: 769px) {
          [component="lightbox"] .tabs .tab a {
            padding: 0 15px;
            min-width: auto; } }
      [component="lightbox"] .tabs .tab:focus a, [component="lightbox"] .tabs .tab.active a {
        cursor: pointer;
        color: #1B78E0;
        background: #fff;
        text-decoration: none;
        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15); }
      [component="lightbox"] .tabs .tab:hover a {
        cursor: pointer;
        color: #1B78E0;
        background: #fff;
        text-decoration: none; }
  [component="lightbox"] .keeperLightbox {
    display: none;
    position: fixed;
    z-index: 104;
    top: 10%;
    left: 50%;
    width: 950px;
    margin-left: -475px;
    background: #fff;
    padding: 40px 70px;
    -webkit-overflow-scrolling: touch;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); }
  [component="lightbox"] .keeperLightbox > * {
    -webkit-transform: translateZ(0px); }
  [component="lightbox"] .keeperLightbox.moduleVisible {
    display: block; }
  [component="lightbox"] .keeperLightbox .closePopup {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 110;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer; }
  [component="lightbox"] .keeperLightbox form {
    display: block;
    clear: both;
    overflow: visible;
    padding: 0; }
  [component="lightbox"] .keeperLightbox h3 {
    pointer-events: none; }
  @media (max-width: 414px) {
    [component="lightbox"] .keeperLightbox h3 {
      text-align: left;
      padding-right: 40px; } }
  [component="lightbox"] .keeperLightbox #submitButton {
    margin: 0 auto; }
  [component="lightbox"] .keeperLightbox .greyFooter {
    background: #EBEBEB;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 85px;
    margin: 40px -70px -40px -70px; }
  [component="lightbox"] .keeperLightbox .greyFooter p {
    font-size: 14px; }
  [component="lightbox"] .keeperLightbox .greyFooter a {
    color: #C8A143; }
  [component="lightbox"] .keeperLightbox .greyFooter .showMore {
    display: none; }
  [component="lightbox"] .keeperLightbox .greyFooter .showMore p {
    margin: 20px 0; }
  [component="lightbox"] .keeperLightbox .greyFooter .showMore p strong {
    font-size: 16px; }
  [component="lightbox"] label[for="privacy"] a {
    white-space: nowrap;
    color: #000;
    font-weight: 600; }
  [component="lightbox"] .successCheckbox {
    text-align: center;
    margin-bottom: 40px; }
  @media (max-width: 960px) {
    [component="lightbox"] .keeperLightbox {
      width: calc(100% - 20px);
      top: 10px;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: scroll;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 40px 56px;
      border-radius: 5px; }
    [component="lightbox"] .keeperLightbox input[type="text"],
    [component="lightbox"] .keeperLightbox input[type="tel"],
    [component="lightbox"] .keeperLightbox input[type="email"],
    [component="lightbox"] .keeperLightbox .fs-dropdown-selected,
    [component="lightbox"] .keeperLightbox select,
    [component="lightbox"] .keeperLightbox textarea {
      height: 48px; }
    [component="lightbox"] .keeperLightbox textarea {
      padding-top: 30px; }
    [component="lightbox"] .successCheckbox {
      text-align: center;
      margin-bottom: 10px; }
    [component="lightbox"] .keeperLightbox .greyFooter {
      margin: 40px -20px -20px -20px;
      padding: 15px;
      overflow-y: auto; } }
  @media (max-width: 460px) {
    [component="lightbox"] .keeperLightbox label.termsAccept {
      font-size: 14px; } }
  @media (max-width: 414px) {
    [component="lightbox"] .keeperLightbox {
      padding: 40px 40px; } }
  @media (max-width: 400px) {
    [component="lightbox"] .keeperLightbox {
      padding: 40px 30px; } }
  @media (max-width: 380px) {
    [component="lightbox"] .keeperLightbox {
      padding: 15px 15px; } }
  [component="lightbox"] .popUpHeader {
    display: block;
    overflow: hidden;
    min-height: 80px;
    clear: both;
    margin-bottom: 20px;
    text-align: center; }
    @media only screen and (max-width: 769px) {
      [component="lightbox"] .popUpHeader {
        text-align: left; } }
    [component="lightbox"] .popUpHeader > div > h3 {
      display: block;
      position: relative;
      line-height: 1.4em; }
      @media only screen and (max-width: 769px) {
        [component="lightbox"] .popUpHeader > div > h3 {
          font-size: 18px;
          color: #000000;
          line-height: 22px; } }
    [component="lightbox"] .popUpHeader > div > p {
      display: block;
      margin-top: 8px;
      position: relative;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 28px; }
      @media only screen and (max-width: 769px) {
        [component="lightbox"] .popUpHeader > div > p {
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          line-height: 18px; } }
      [component="lightbox"] .popUpHeader > div > p a {
        color: #1B78E0;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 28px; }
        @media only screen and (max-width: 769px) {
          [component="lightbox"] .popUpHeader > div > p a {
            font-size: 14px;
            line-height: 18px; } }
    [component="lightbox"] .popUpHeader .personalUserQuestion {
      display: block;
      text-align: center;
      margin: 8px 0 40px;
      font-weight: 300;
      font-size: 18px; }
      @media (max-width: 769px) {
        [component="lightbox"] .popUpHeader .personalUserQuestion {
          font-size: 14px; } }
      @media (max-width: 414px) {
        [component="lightbox"] .popUpHeader .personalUserQuestion {
          text-align: left; } }
      [component="lightbox"] .popUpHeader .personalUserQuestion a {
        color: #1B78E0;
        font-weight: 600;
        white-space: nowrap; }

#passManagePop.keeperLightbox,
#keeperChatPop.keeperLightbox,
#passManageFamilyPop.keeperLightbox,
#keeperChatFamilyPop.keeperLightbox {
  position: fixed;
  z-index: 101;
  top: 100px;
  left: 50%;
  width: 712px;
  max-width: 100%;
  margin-left: -356px;
  border-radius: 8px;
  background: #fff;
  padding: 48px;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  display: none; }
  @media only screen and (min-width: 769px) {
    #passManagePop.keeperLightbox .btn-yellow,
    #keeperChatPop.keeperLightbox .btn-yellow,
    #passManageFamilyPop.keeperLightbox .btn-yellow,
    #keeperChatFamilyPop.keeperLightbox .btn-yellow {
      min-width: 75%;
      display: inline-block;
      margin-left: auto; } }
  @media (max-width: 600px) {
    #passManagePop.keeperLightbox,
    #keeperChatPop.keeperLightbox,
    #passManageFamilyPop.keeperLightbox,
    #keeperChatFamilyPop.keeperLightbox {
      margin: 3%;
      height: 94%;
      overflow: scroll; } }
  #passManagePop.keeperLightbox.moduleVisible,
  #keeperChatPop.keeperLightbox.moduleVisible,
  #passManageFamilyPop.keeperLightbox.moduleVisible,
  #keeperChatFamilyPop.keeperLightbox.moduleVisible {
    display: block; }
  #passManagePop.keeperLightbox img.serviceIcon,
  #keeperChatPop.keeperLightbox img.serviceIcon,
  #passManageFamilyPop.keeperLightbox img.serviceIcon,
  #keeperChatFamilyPop.keeperLightbox img.serviceIcon {
    margin-bottom: 50px;
    max-width: 100%; }
    @media (max-width: 769px) {
      #passManagePop.keeperLightbox img.serviceIcon,
      #keeperChatPop.keeperLightbox img.serviceIcon,
      #passManageFamilyPop.keeperLightbox img.serviceIcon,
      #keeperChatFamilyPop.keeperLightbox img.serviceIcon {
        max-height: 30px; } }
  #passManagePop.keeperLightbox h4,
  #keeperChatPop.keeperLightbox h4,
  #passManageFamilyPop.keeperLightbox h4,
  #keeperChatFamilyPop.keeperLightbox h4 {
    font-size: 22px;
    font-weight: 600;
    text-align: right;
    text-transform: capitalize; }
  #passManagePop.keeperLightbox p.priceTag,
  #keeperChatPop.keeperLightbox p.priceTag,
  #passManageFamilyPop.keeperLightbox p.priceTag,
  #keeperChatFamilyPop.keeperLightbox p.priceTag {
    font-size: 36px;
    line-height: 1.1em;
    font-weight: 600;
    display: inline-block;
    vertical-align: top; }
  #passManagePop.keeperLightbox p.priceTagDesc,
  #keeperChatPop.keeperLightbox p.priceTagDesc,
  #passManageFamilyPop.keeperLightbox p.priceTagDesc,
  #keeperChatFamilyPop.keeperLightbox p.priceTagDesc {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
    width: 155px;
    max-width: 100%; }
  #passManagePop.keeperLightbox p.right,
  #keeperChatPop.keeperLightbox p.right,
  #passManageFamilyPop.keeperLightbox p.right,
  #keeperChatFamilyPop.keeperLightbox p.right {
    text-align: right; }
  #passManagePop.keeperLightbox p.center,
  #keeperChatPop.keeperLightbox p.center,
  #passManageFamilyPop.keeperLightbox p.center,
  #keeperChatFamilyPop.keeperLightbox p.center {
    display: none; }
  @media (max-width: 765px) {
    #passManagePop.keeperLightbox,
    #keeperChatPop.keeperLightbox,
    #passManageFamilyPop.keeperLightbox,
    #keeperChatFamilyPop.keeperLightbox {
      margin: 100px 3% 0;
      width: 94%;
      left: 0;
      top: 0; } }
  @media (max-width: 640px) {
    #passManagePop.keeperLightbox,
    #keeperChatPop.keeperLightbox,
    #passManageFamilyPop.keeperLightbox,
    #keeperChatFamilyPop.keeperLightbox {
      margin: 3%;
      height: 96%; }
      #passManagePop.keeperLightbox p.priceTagDesc,
      #keeperChatPop.keeperLightbox p.priceTagDesc,
      #passManageFamilyPop.keeperLightbox p.priceTagDesc,
      #keeperChatFamilyPop.keeperLightbox p.priceTagDesc {
        width: 155px;
        max-width: 100%; } }
  @media (max-width: 600px) {
    #passManagePop.keeperLightbox .col-xs-7,
    #passManagePop.keeperLightbox .col-xs-6,
    #passManagePop.keeperLightbox .col-xs-5,
    #keeperChatPop.keeperLightbox .col-xs-7,
    #keeperChatPop.keeperLightbox .col-xs-6,
    #keeperChatPop.keeperLightbox .col-xs-5,
    #passManageFamilyPop.keeperLightbox .col-xs-7,
    #passManageFamilyPop.keeperLightbox .col-xs-6,
    #passManageFamilyPop.keeperLightbox .col-xs-5,
    #keeperChatFamilyPop.keeperLightbox .col-xs-7,
    #keeperChatFamilyPop.keeperLightbox .col-xs-6,
    #keeperChatFamilyPop.keeperLightbox .col-xs-5 {
      width: 100%;
      clear: both;
      text-align: center; }
    #passManagePop.keeperLightbox img.serviceIcon,
    #keeperChatPop.keeperLightbox img.serviceIcon,
    #passManageFamilyPop.keeperLightbox img.serviceIcon,
    #keeperChatFamilyPop.keeperLightbox img.serviceIcon {
      margin-bottom: 20px; } }
@media (max-width: 600px) and (max-width: 769px) {
  #passManagePop.keeperLightbox img.serviceIcon,
  #keeperChatPop.keeperLightbox img.serviceIcon,
  #passManageFamilyPop.keeperLightbox img.serviceIcon,
  #keeperChatFamilyPop.keeperLightbox img.serviceIcon {
    max-height: 25px; } }
  @media (max-width: 600px) {
    #passManagePop.keeperLightbox h4,
    #keeperChatPop.keeperLightbox h4,
    #passManageFamilyPop.keeperLightbox h4,
    #keeperChatFamilyPop.keeperLightbox h4 {
      text-align: center;
      font-size: 14px; }
    #passManagePop.keeperLightbox p.priceTag,
    #keeperChatPop.keeperLightbox p.priceTag,
    #passManageFamilyPop.keeperLightbox p.priceTag,
    #keeperChatFamilyPop.keeperLightbox p.priceTag {
      display: block;
      font-size: 20px;
      margin-top: 28px; }
    #passManagePop.keeperLightbox p.priceTagDesc,
    #keeperChatPop.keeperLightbox p.priceTagDesc,
    #passManageFamilyPop.keeperLightbox p.priceTagDesc,
    #keeperChatFamilyPop.keeperLightbox p.priceTagDesc {
      display: block;
      clear: both;
      padding: 0;
      margin: 0 auto;
      width: 155px; }
    #passManagePop.keeperLightbox p.right,
    #keeperChatPop.keeperLightbox p.right,
    #passManageFamilyPop.keeperLightbox p.right,
    #keeperChatFamilyPop.keeperLightbox p.right {
      display: none; }
    #passManagePop.keeperLightbox p.center,
    #keeperChatPop.keeperLightbox p.center,
    #passManageFamilyPop.keeperLightbox p.center,
    #keeperChatFamilyPop.keeperLightbox p.center {
      display: block; }
      #passManagePop.keeperLightbox p.center a.btn.btn-yellow,
      #keeperChatPop.keeperLightbox p.center a.btn.btn-yellow,
      #passManageFamilyPop.keeperLightbox p.center a.btn.btn-yellow,
      #keeperChatFamilyPop.keeperLightbox p.center a.btn.btn-yellow {
        width: 184px;
        font-size: 14px; }
    #passManagePop.keeperLightbox#keeperChatPop ul, #passManagePop.keeperLightbox#passManagePop ul, #passManagePop.keeperLightbox#keeperChatFamilyPop ul, #passManagePop.keeperLightbox#passManageFamilyPop ul,
    #keeperChatPop.keeperLightbox#keeperChatPop ul,
    #keeperChatPop.keeperLightbox#passManagePop ul,
    #keeperChatPop.keeperLightbox#keeperChatFamilyPop ul,
    #keeperChatPop.keeperLightbox#passManageFamilyPop ul,
    #passManageFamilyPop.keeperLightbox#keeperChatPop ul,
    #passManageFamilyPop.keeperLightbox#passManagePop ul,
    #passManageFamilyPop.keeperLightbox#keeperChatFamilyPop ul,
    #passManageFamilyPop.keeperLightbox#passManageFamilyPop ul,
    #keeperChatFamilyPop.keeperLightbox#keeperChatPop ul,
    #keeperChatFamilyPop.keeperLightbox#passManagePop ul,
    #keeperChatFamilyPop.keeperLightbox#keeperChatFamilyPop ul,
    #keeperChatFamilyPop.keeperLightbox#passManageFamilyPop ul {
      list-style-type: none;
      margin: 50px 0 0 0;
      padding: 0;
      text-align: center; }
      #passManagePop.keeperLightbox#keeperChatPop ul li, #passManagePop.keeperLightbox#passManagePop ul li, #passManagePop.keeperLightbox#keeperChatFamilyPop ul li, #passManagePop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatPop.keeperLightbox#passManagePop ul li,
      #keeperChatPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatPop.keeperLightbox#passManageFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatPop ul li,
      #passManageFamilyPop.keeperLightbox#passManagePop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManagePop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManageFamilyPop ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 15px; } }
    @media (max-width: 600px) and (max-width: 1440px) {
      #passManagePop.keeperLightbox#keeperChatPop ul li, #passManagePop.keeperLightbox#passManagePop ul li, #passManagePop.keeperLightbox#keeperChatFamilyPop ul li, #passManagePop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatPop.keeperLightbox#passManagePop ul li,
      #keeperChatPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatPop.keeperLightbox#passManageFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatPop ul li,
      #passManageFamilyPop.keeperLightbox#passManagePop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManagePop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManageFamilyPop ul li {
        font-size: 20px; } }
    @media (max-width: 600px) and (max-width: 1320px) {
      #passManagePop.keeperLightbox#keeperChatPop ul li, #passManagePop.keeperLightbox#passManagePop ul li, #passManagePop.keeperLightbox#keeperChatFamilyPop ul li, #passManagePop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatPop.keeperLightbox#passManagePop ul li,
      #keeperChatPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatPop.keeperLightbox#passManageFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatPop ul li,
      #passManageFamilyPop.keeperLightbox#passManagePop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManagePop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManageFamilyPop ul li {
        font-size: 18px; } }
    @media (max-width: 600px) and (max-widtH: 640px) {
      #passManagePop.keeperLightbox#keeperChatPop ul li, #passManagePop.keeperLightbox#passManagePop ul li, #passManagePop.keeperLightbox#keeperChatFamilyPop ul li, #passManagePop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatPop.keeperLightbox#passManagePop ul li,
      #keeperChatPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatPop.keeperLightbox#passManageFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatPop ul li,
      #passManageFamilyPop.keeperLightbox#passManagePop ul li,
      #passManageFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #passManageFamilyPop.keeperLightbox#passManageFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManagePop ul li,
      #keeperChatFamilyPop.keeperLightbox#keeperChatFamilyPop ul li,
      #keeperChatFamilyPop.keeperLightbox#passManageFamilyPop ul li {
        font-size: 14px; } }
  @media (max-width: 600px) and (max-width: 640px) {
    #passManagePop.keeperLightbox#keeperChatPop ul.rightCol, #passManagePop.keeperLightbox#passManagePop ul.rightCol, #passManagePop.keeperLightbox#keeperChatFamilyPop ul.rightCol, #passManagePop.keeperLightbox#passManageFamilyPop ul.rightCol,
    #keeperChatPop.keeperLightbox#keeperChatPop ul.rightCol,
    #keeperChatPop.keeperLightbox#passManagePop ul.rightCol,
    #keeperChatPop.keeperLightbox#keeperChatFamilyPop ul.rightCol,
    #keeperChatPop.keeperLightbox#passManageFamilyPop ul.rightCol,
    #passManageFamilyPop.keeperLightbox#keeperChatPop ul.rightCol,
    #passManageFamilyPop.keeperLightbox#passManagePop ul.rightCol,
    #passManageFamilyPop.keeperLightbox#keeperChatFamilyPop ul.rightCol,
    #passManageFamilyPop.keeperLightbox#passManageFamilyPop ul.rightCol,
    #keeperChatFamilyPop.keeperLightbox#keeperChatPop ul.rightCol,
    #keeperChatFamilyPop.keeperLightbox#passManagePop ul.rightCol,
    #keeperChatFamilyPop.keeperLightbox#keeperChatFamilyPop ul.rightCol,
    #keeperChatFamilyPop.keeperLightbox#passManageFamilyPop ul.rightCol {
      margin: 0 0 40px; } }

.plansOverlay {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }
  .plansOverlay.overlayVisible {
    display: block; }

[component="lightbox"] #free14DayTrialForm .fs-dropdown-selected {
  padding-top: 15px; }

[component="lightbox"] #free14DayTrial .tabs {
  width: auto;
  display: inline-block;
  background: #F4F4F4;
  border-radius: 45px;
  border-radius: 24px;
  margin-top: 0; }
[component="lightbox"] #free14DayTrial .tabs .tab {
  display: inline-block; }
[component="lightbox"] #free14DayTrial .popupHeader {
  margin-bottom: 40px;
  text-align: center; }
  @media screen and (max-width: 769px) {
    [component="lightbox"] #free14DayTrial .popupHeader {
      text-align: left; } }
  @media screen and (max-width: 380px) {
    [component="lightbox"] #free14DayTrial .popupHeader {
      margin-top: 30px; } }
  [component="lightbox"] #free14DayTrial .popupHeader h3 {
    font-size: 24px;
    color: #000000;
    line-height: 42px; }
    @media screen and (max-width: 769px) {
      [component="lightbox"] #free14DayTrial .popupHeader h3 {
        font-size: 18px;
        color: #000000;
        letter-spacing: 0;
        line-height: 28px; } }
  [component="lightbox"] #free14DayTrial .popupHeader p {
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    line-height: 28px; }
    @media screen and (max-width: 769px) {
      [component="lightbox"] #free14DayTrial .popupHeader p {
        font-size: 14px;
        color: #000000;
        letter-spacing: 0;
        line-height: 18px; } }
    [component="lightbox"] #free14DayTrial .popupHeader p a {
      color: #1b78e0;
      font-weight: 500; }
[component="lightbox"] #free14DayTrial .popupTypeSelection {
  text-align: center; }
  [component="lightbox"] #free14DayTrial .popupTypeSelection h3 {
    margin-bottom: 33px;
    font-size: 24px;
    color: #000000;
    text-align: center;
    line-height: 42px; }
    @media screen and (max-width: 769px) {
      [component="lightbox"] #free14DayTrial .popupTypeSelection h3 {
        font-size: 18px;
        color: #000000;
        line-height: 22px; } }
  [component="lightbox"] #free14DayTrial .popupTypeSelection .options {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch; }
    @media only screen and (max-width: 768px) {
      [component="lightbox"] #free14DayTrial .popupTypeSelection .options {
        display: flex;
        flex-flow: column nowrap; } }
    [component="lightbox"] #free14DayTrial .popupTypeSelection .options section {
      background: #FFFFFF;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      border-radius: 6px;
      border: 1px solid transparent;
      width: 48%;
      overflow: hidden; }
      [component="lightbox"] #free14DayTrial .popupTypeSelection .options section:hover {
        cursor: pointer;
        border: 1px solid #1B78E0;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        border-radius: 4px; }
      @media screen and (max-width: 769px) {
        [component="lightbox"] #free14DayTrial .popupTypeSelection .options section {
          width: 100%; }
          [component="lightbox"] #free14DayTrial .popupTypeSelection .options section:last-of-type {
            margin-top: 16px; } }
      [component="lightbox"] #free14DayTrial .popupTypeSelection .options section h4 {
        font-size: 20px;
        color: #1B78E0;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 16px; }
        @media screen and (max-width: 769px) {
          [component="lightbox"] #free14DayTrial .popupTypeSelection .options section h4 {
            font-size: 14px;
            color: #1B78E0;
            letter-spacing: 0;
            line-height: 21.75px; } }
      [component="lightbox"] #free14DayTrial .popupTypeSelection .options section p {
        font-size: 18px;
        color: #000000;
        letter-spacing: 0;
        line-height: 24px; }
        @media screen and (max-width: 769px) {
          [component="lightbox"] #free14DayTrial .popupTypeSelection .options section p {
            font-size: 12px;
            color: #000000;
            letter-spacing: 0;
            line-height: 16px; } }
      [component="lightbox"] #free14DayTrial .popupTypeSelection .options section .content {
        padding: 40px; }
        @media screen and (max-width: 769px) {
          [component="lightbox"] #free14DayTrial .popupTypeSelection .options section .content {
            padding: 20px; } }

.image-popup-personal {
  background: url("/assets/images/homepage/tile-personal.jpg") no-repeat 0 0/cover; }

.image-popup-business {
  background: url("/assets/images/homepage/tile-biz.jpg") no-repeat 0 0/cover; }

.image-popup-personal,
.image-popup-business {
  width: 100%;
  max-width: 100%;
  height: 204px; }
  @media (max-height: 750px) {
    .image-popup-personal,
    .image-popup-business {
      height: 200px; } }
  @media (max-height: 736px) {
    .image-popup-personal,
    .image-popup-business {
      height: 170px; } }
  @media (max-height: 700px) {
    .image-popup-personal,
    .image-popup-business {
      height: 165px; } }
  @media (max-height: 670px) {
    .image-popup-personal,
    .image-popup-business {
      height: 160px; } }
  @media (max-height: 640px) {
    .image-popup-personal,
    .image-popup-business {
      height: 140px; } }
  @media (max-height: 600px) {
    .image-popup-personal,
    .image-popup-business {
      height: 120px; } }
  @media (max-height: 568px) {
    .image-popup-personal,
    .image-popup-business {
      height: 100px; } }
  @media (max-height: 480px) {
    .image-popup-personal,
    .image-popup-business {
      height: 60px; } }

.materialDesign {
  /* RADIO BUTTONS */ }
  .materialDesign .error-message {
    color: #d50000;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    width: 100%; }
  .materialDesign .mdl-textfield {
    width: 100%;
    padding: 0; }
  .materialDesign .mdl-textfield__input {
    background: #F9F9F9;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    padding: 20px 10px 0 10px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    z-index: 1; }
    @media (max-width: 769px) {
      .materialDesign .mdl-textfield__input {
        margin-bottom: 16px;
        padding: 18px 10px 10px 10px; } }
  .materialDesign textarea {
    background: #F9F9F9;
    min-height: 120px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    padding: 25px 10px 0 10px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    z-index: 1; }
  .materialDesign .textareaWrap {
    display: block;
    overflow: hidden;
    position: relative; }
  .materialDesign textarea:focus ~ label,
  .materialDesign textarea:not(:empty) ~ label,
  .materialDesign label.selected,
  .materialDesign label.optionSelected {
    top: 10px;
    font-size: 10px;
    color: #333333; }
    @media (max-width: 769px) {
      .materialDesign textarea:focus ~ label,
      .materialDesign textarea:not(:empty) ~ label,
      .materialDesign label.selected,
      .materialDesign label.optionSelected {
        top: 2px;
        font-size: 10px; } }
  .materialDesign select.ng-dirty.ng-empty ~ label.keeper-md:not(.termsAccept) {
    top: 12px !important;
    font-size: 16px !important; }
    @media (max-width: 769px) {
      .materialDesign select.ng-dirty.ng-empty ~ label.keeper-md:not(.termsAccept) {
        top: 8px !important;
        font-size: 14px !important; } }
  .materialDesign textarea:valid ~ label {
    top: 10px;
    color: #333333; }
  .materialDesign textarea.ng-touched.ng-not-empty ~ label {
    font-size: 12px; }
  .materialDesign .mdl-textfield__label {
    top: 14px;
    left: 10px;
    font-weight: 300;
    max-width: 90%; }
  .materialDesign #mobileAppForm .mdl-textfield__label {
    top: 14px; }
  .materialDesign #mobileAppForm .is-focused .mdl-textfield__label, .materialDesign #mobileAppForm .is-focused + .mdl-textfield__label,
  .materialDesign #mobileAppForm .is-dirty .mdl-textfield__label,
  .materialDesign #mobileAppForm .is-dirty + .mdl-textfield__label,
  .materialDesign #mobileAppForm .is-valid .mdl-textfield__label,
  .materialDesign #mobileAppForm .is-valid + .mdl-textfield__label,
  .materialDesign #mobileAppForm .ng-focused .mdl-textfield__label,
  .materialDesign #mobileAppForm .ng-focused + .mdl-textfield__label,
  .materialDesign #mobileAppForm .ng-dirty .mdl-textfield__label,
  .materialDesign #mobileAppForm .ng-dirty + .mdl-textfield__label,
  .materialDesign #mobileAppForm .ng-valid .mdl-textfield__label,
  .materialDesign #mobileAppForm .ng-valid + .mdl-textfield__label,
  .materialDesign #mobileAppForm input:focus .mdl-textfield__label,
  .materialDesign #mobileAppForm input:focus + .mdl-textfield__label {
    top: 5px;
    font-size: 10px; }
  .materialDesign #mobileAppForm .ng-empty + .mdl-textfield__label {
    top: 14px;
    font-size: 16px; }
  .materialDesign .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: 10px;
    left: 10px;
    color: rgba(0, 0, 0, 0.5); }
  .materialDesign .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
  .materialDesign .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
  .materialDesign .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: 5px;
    color: rgba(0, 0, 0, 0.5); }
    @media (max-width: 769px) {
      .materialDesign .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
      .materialDesign .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
      .materialDesign .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
        top: 2px; } }
  .materialDesign .mdl-textfield__label:after {
    display: none; }
  .materialDesign .mdl-textfield__error {
    margin: -20px 0 0 5px; }
  @media (max-width: 769px) {
    .materialDesign .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.is-upgraded.is-dirty .mdl-textfield__error {
      display: none; } }
  @media (max-width: 769px) {
    .materialDesign .mdl-textfield__input.ng-pristine.ng-empty.ng-invalid.ng-invalid-required.ng-touched .mdl-textfield__error,
    .materialDesign .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.is-upgraded.is-invalid .mdl-textfield__error {
      margin: -8px 0 8px 5px;
      position: relative;
      display: block; } }
  .materialDesign .fs-dropdown-options .fs-dropdown-item_placeholder {
    display: none; }
  .materialDesign button.fs-dropdown-selected {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    padding: 10px 30px 0 10px !important; }
  .materialDesign .fs-dropdown-selected,
  .materialDesign select {
    background: #F9F9F9;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    padding: 15px 10px 0;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    z-index: 1; }
    @media (max-width: 769px) {
      .materialDesign .fs-dropdown-selected,
      .materialDesign select {
        margin-bottom: 16px; } }
  .materialDesign select {
    z-index: 0; }
  .materialDesign .form-controls,
  .materialDesign .fs-dropdown {
    position: relative; }
  .materialDesign .fs-dropdown-selected + button {
    margin-top: -50px; }
  .materialDesign select:-webkit-autofill,
  .materialDesign select:-webkit-autofill:hover,
  .materialDesign select:-webkit-autofill:focus {
    background-color: #ededed !important; }
  .materialDesign label.keeper-md:not(.termsAccept) {
    color: #999;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 8px;
    z-index: 2;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }
    @media (max-width: 769px) {
      .materialDesign label.keeper-md:not(.termsAccept) {
        left: 10px; } }
  .materialDesign label#companySizeLabel.keeper-md:not(.optionSelected) {
    top: 13px; }
  .materialDesign #companySizeContainer.companyNotSelected label#companySizeLabel.keeper-md:not(.optionSelected) {
    color: #d50000 !important;
    font-size: 12px;
    top: 14px; }
  .materialDesign textarea.ng-untouched ~ label.keeper-md:not(.termsAccept) {
    font-size: 16px;
    left: 12px;
    top: 8px; }
  .materialDesign .materialDesign textarea + label.keeper-md:not(.termsAccept) {
    top: 8px !important; }
  .materialDesign label.keeper-md.termsAccept {
    position: relative;
    top: 0;
    left: 0;
    font-size: 18px; }
  .materialDesign .fs-dropdown-open + label:not(.termsAccept) {
    z-index: 3;
    top: 10px !important;
    font-size: 10px !important;
    color: #333333; }
    @media (max-width: 769px) {
      .materialDesign .fs-dropdown-open + label:not(.termsAccept) {
        font-size: 10px !important; } }
  .materialDesign .fs-dropdown-options {
    position: absolute;
    z-index: 10;
    border-radius: 6px;
    border: none;
    background: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); }
    .materialDesign .fs-dropdown-options button {
      font-size: 16px; }
      .materialDesign .fs-dropdown-options button:first-child[data-value]:not([data-value=""]), .materialDesign .fs-dropdown-options button:first-child[data-value=""] + button {
        padding-top: 15px; }
      .materialDesign .fs-dropdown-options button:last-child {
        padding-bottom: 15px; }
    .materialDesign .fs-dropdown-options button[data-value=""] {
      display: none; }
  .materialDesign .fs-dropdown-focus + label.keeper-md,
  .materialDesign select:focus ~ label.keeper-md,
  .materialDesign select:valid ~ label.keeper-md,
  .materialDesign label.keeper-md.optionSelected {
    top: 5px !important;
    font-size: 10px !important;
    color: #999; }
    @media (max-width: 769px) {
      .materialDesign .fs-dropdown-focus + label.keeper-md,
      .materialDesign select:focus ~ label.keeper-md,
      .materialDesign select:valid ~ label.keeper-md,
      .materialDesign label.keeper-md.optionSelected {
        font-size: 10px !important; } }
  .materialDesign .fieldError {
    color: #E92727;
    display: block;
    margin: -15px 0 0 10px;
    font-size: 14px;
    display: none; }
  .materialDesign .fieldError.errorVisible,
  .materialDesign .fs-dropdown-focus.ng-invalid.ng-touched + .fieldError,
  .materialDesign select.ng-invalid.ng-touched ~ .fieldError {
    display: block;
    margin-bottom: 14px; }
  @media (max-width: 960px) {
    .materialDesign .fs-dropdown-selected,
    .materialDesign select {
      padding: 10px 10px 0 10px; }
    .materialDesign select:focus ~ label.keeper-md,
    .materialDesign select:not(:empty) ~ label.keeper-md,
    .materialDesign select:valid ~ label.keeper-md {
      top: 10px;
      color: #000; } }
  .materialDesign label.mdl-radio {
    font-size: 18px;
    font-weight: 300; }
  .materialDesign label.mdl-radio:not(:last-child) {
    margin-right: 30px; }

.ie .header > .navigation ul.right > .item > a {
  padding: 27px 16px 20px; }
.ie .header > .navigation ul.right > .item:last-of-type > a {
  padding: 8px 15px 2px; }
.ie .intro .tabs .tab.active a {
  line-height: 56px; }
.ie .materialDesign .mdl-radio .mdl-radio__label {
  position: relative;
  top: 4px; }
.ie .materialDesign .mdl-textfield__label {
  top: 16px; }

#switchToKeeperForm .materialDesign label.keeper-md:not(.termsAccept),
#contactSupportForm .materialDesign label.keeper-md:not(.termsAccept),
#free14DayTrialForm .materialDesign label.keeper-md:not(.termsAccept) {
  left: 26px; }

#switchToKeeperForm .materialDesign label.keeper-md:not(.termsAccept),
#free14DayTrialForm .materialDesign label.keeper-md:not(.termsAccept) {
  top: 13px; }

.materialDesign .form-fields {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }
.materialDesign .ff-item {
  margin-bottom: 0; }
  .materialDesign .ff-item.half-width {
    width: 48.5%; }
    @media (max-width: 640px) {
      .materialDesign .ff-item.half-width {
        width: 100%; } }
  .materialDesign .ff-item.quarter-width {
    width: 23%; }
    @media (max-width: 1024px) {
      .materialDesign .ff-item.quarter-width {
        width: 48.5%; } }
    @media (max-width: 640px) {
      .materialDesign .ff-item.quarter-width {
        width: 100%; } }
  .materialDesign .ff-item .form-controls .fs-dropdown.fs-light:not(.fs-dropdown-focus) .fs-dropdown + label.keeper-md:not(.termsAccept) {
    top: 10px;
    font-size: 16px; }
.materialDesign .fs-dropdown-selected.is-invalid {
  background: rgba(213, 0, 0, 0.1);
  color: #d50000 !important;
  border: 1px solid #d50000; }

#free14DayTrialForm strong {
  font-weight: 300; }

.mdl-textfield__input {
  font-family: 'Overpass', Helvetica, Arial, sans-serif; }

.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid #1b78e0; }

.mdl-radio__inner-circle {
  background: #1b78e0; }

/*.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{
	color:#000!important;
	font-size: 16px;
}*/
.materialDesign .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: #d50000 !important; }

.materialDesign .mdl-textfield--floating-label.is-invalid input {
  background: rgba(213, 0, 0, 0.1); }

.mdl-textfield__input.ng-pristine.ng-empty.ng-invalid.ng-invalid-required.ng-touched .mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.is-upgraded.is-dirty .mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.is-upgraded.is-invalid .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 10px !important;
  top: 5px; }

[locale="ar_AE"] .materialDesign label.keeper-md:not(.termsAccept) {
  left: auto;
  right: 36px; }
[locale="ar_AE"] .materialDesign .mdl-textfield,
[locale="ar_AE"] .materialDesign .mdl-textfield__input,
[locale="ar_AE"] .materialDesign .mdl-textfield__label {
  direction: rtl;
  text-align: right; }
[locale="ar_AE"] .materialDesign .mdl-textfield__label {
  padding-right: 10px; }
[locale="ar_AE"] .materialDesign .flagstrap-icon {
  margin-left: 10px; }
[locale="ar_AE"] .materialDesign .country-phone {
  margin-right: 10px; }

body.no-scroll {
  overflow: hidden; }

body.no-scroll .wrapper {
  overflow-y: hidden;
  z-index: 1; }

.no-transition {
  transition: 0s !important; }

.main,
.wrapper,
.header {
  transition: 0.05s ease; }

.popup.active {
  display: block; }

@media only screen and (max-width: 450px) {
  .popup {
    overflow-y: scroll; } }
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101; }
  .popup .popup-background {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
  .popup .popup-content {
    position: absolute;
    background-color: white;
    top: calc(64px + 20px);
    left: 0;
    right: 0;
    width: 450px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 5px; }
    .popup .popup-content h3 {
      text-align: center;
      font-weight: 300; }
    .popup .popup-content form {
      margin: 20px 0; }
    .popup .popup-content form .field {
      background-color: rgba(249, 249, 249, 0.98);
      border: 1px solid #dadada;
      border-radius: 3px;
      display: block;
      font-size: 16px;
      font-weight: 300;
      height: 48px;
      padding: 0 10px;
      width: 100%; }
    .popup .popup-content form .ff-section.stretch {
      width: 100%; }
    .popup .popup-content form .ff-section {
      width: 48%; }
    .popup .popup-content form .ff-section.terms {
      margin: 10px 0; }
    .popup .popup-content form .ff-section.terms p {
      width: 300px;
      margin: 0 auto; }
    .popup .popup-content form .ff-section.terms p a {
      color: #e6b300; }
    .popup .popup-content form .ff-section.feedback {
      text-align: center; }
    .popup .popup-content form .ff-section.feedback p {
      color: red; }
    .popup .popup-content form .ff-section.submit .ff-item {
      text-align: center; }
    .popup .popup-content form .ff-item {
      margin-bottom: 15px; }
    @media (max-width: 414px) {
      .popup .popup-content {
        padding: 40px 30px; } }
  @media only screen and (max-height: 1024px) {
    .popup .lightbox.popup-business-trial .popup-content h3,
    .popup .lightbox.popup-demo .popup-content h3 {
      font-size: 20px;
      line-height: 26px; }
    .popup .popup-content {
      top: calc(64px + 20px);
      max-height: 94%;
      overflow: hidden; }
    .popup .popup-content form .field {
      height: 40px !important; } }
  @media only screen and (max-height: 769px) {
    .popup .popup-content {
      top: calc(64px + 20px);
      max-height: 96%; } }
  @media only screen and (max-width: 650px) {
    .popup form .ff-section.left,
    .popup form .ff-section.right {
      width: 100%; }
    .popup .popup-content {
      min-height: calc(100vh - 20px);
      top: 10px;
      width: calc(100% - 20px);
      border-radius: 5px; } }

.popup.popup-select-locale .popup-content {
  top: auto;
  bottom: 80px;
  left: 50%;
  margin-left: -700px; }
  @media (max-width: 1440px) {
    .popup.popup-select-locale .popup-content {
      left: 10px;
      margin-left: 0; } }
  @media (max-width: 414px) {
    .popup.popup-select-locale .popup-content {
      padding: 40px 30px; } }

.popup-close {
  background: -webkit-linear-gradient(45deg, transparent 46%, #6f6f6f 50%, transparent 54%), -webkit-linear-gradient(135deg, transparent 46%, #6f6f6f 50%, transparent 54%);
  background: -o-linear-gradient(45deg, transparent 46%, #6f6f6f 50%, transparent 54%), -o-linear-gradient(135deg, transparent 46%, #6f6f6f 50%, transparent 54%);
  background: linear-gradient(45deg, transparent 46%, #6f6f6f 50%, transparent 54%), linear-gradient(-45deg, transparent 46%, #6f6f6f 50%, transparent 54%);
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 16px; }

.closePopup {
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 14px;
  width: 16px;
  z-index: 110; }
  .closePopup img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px; }

img.closePopup {
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 16px;
  z-index: 110;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px; }

.popup.popup-select-locale img.closePopup {
  top: 20px; }

.popup.popup-select-locale .popup-content {
  width: 520px;
  padding: 40px 56px; }
  .popup.popup-select-locale .popup-content h3 {
    text-align: left;
    margin-bottom: 24px; }
  .popup.popup-select-locale .popup-content ul {
    list-style: none;
    display: flex;
    flex-flow: row wrap; }
  .popup.popup-select-locale .popup-content ul li {
    width: 33.3%;
    margin-bottom: 16px;
    font-size: 16px; }
  .popup.popup-select-locale .popup-content ul li:hover {
    color: #cf9f24;
    cursor: pointer; }
  @media only screen and (max-width: 414px) {
    .popup.popup-select-locale .popup-content {
      padding: 40px 30px; } }
@media only screen and (max-width: 800px) {
  .popup.popup-select-locale .popup-content {
    width: calc(100% - 20px);
    top: 10px;
    overflow-y: scroll; }
    .popup.popup-select-locale .popup-content ul li {
      width: 50%;
      margin-bottom: 16px; } }
@media only screen and (max-width: 414px) {
  .popup.popup-select-locale .popup-content {
    padding: 40px 30px; } }

.popup.popup-select-phone .popup-content {
  width: 784px;
  padding: 40px 56px; }
  @media only screen and (max-width: 414px) {
    .popup.popup-select-phone .popup-content {
      padding: 40px 30px; } }
@media only screen and (max-width: 800px) {
  .popup.popup-select-phone .popup-content {
    width: calc(100% - 20px);
    top: 10px;
    overflow-y: scroll; }
  .popup.popup-select-phone .category:first-of-type {
    width: 100%;
    float: none; }
  .popup.popup-select-phone .category:last-of-type {
    width: 100%;
    float: none; } }
.popup.popup-select-phone .category:first-of-type {
  width: 66.6%;
  float: left; }
.popup.popup-select-phone .category:first-of-type .list-phones li {
  width: 50%; }
.popup.popup-select-phone .category:last-of-type {
  width: 33.3%;
  float: left; }
.popup.popup-select-phone .category:last-of-type .list-phones li {
  width: 100%; }
@media only screen and (max-width: 800px) {
  .popup.popup-select-phone .category:first-of-type {
    width: 100%;
    float: none; }
  .popup.popup-select-phone .category:last-of-type {
    width: 100%;
    float: none; } }
@media only screen and (max-width: 800px) {
  .popup.popup-select-phone .category:first-of-type .list-phones li {
    width: 100%; }
  .popup.popup-select-phone .category:last-of-type .list-phones li {
    width: 100%; } }
.popup.popup-select-phone .list-phones {
  display: flex;
  list-style: none;
  flex-flow: row wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding-right: 40px; }
@media only screen and (max-width: 800px) {
  .popup.popup-select-phone .list-phones {
    padding-right: 0; } }
.popup.popup-select-phone .list-phones li {
  margin-bottom: 24px; }
.popup.popup-select-phone .list-phones li a:hover {
  text-decoration: none; }
.popup.popup-select-phone .list-phones li a:hover span:first-of-type,
.popup.popup-select-phone .list-phones li a:hover span:last-of-type {
  color: #cf9f24;
  text-decoration: none; }
.popup.popup-select-phone .list-phones li a span:first-of-type {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 300; }
.popup.popup-select-phone .list-phones li a span:last-of-type {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
  line-height: 28px; }
.popup.popup-select-phone h4 {
  color: #000;
  font-size: 26px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -0.81px;
  margin-bottom: 24px; }
.popup.popup-select-phone span {
  display: block; }

.popup.popup-business-includes .popup-content {
  top: 25%;
  width: 667px; }
  @media only screen and (max-width: 769px) {
    .popup.popup-business-includes .popup-content {
      width: auto;
      width: calc(100% - 20px);
      top: 10px;
      left: 10px;
      right: 10px;
      bottom: 10px;
      overflow-y: scroll; } }
  .popup.popup-business-includes .popup-content h3 {
    text-align: left;
    font-size: 22px;
    color: #000000;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 769px) {
      .popup.popup-business-includes .popup-content h3 {
        text-align: center;
        font-size: 14px;
        color: #000000;
        text-align: center;
        line-height: 42px;
        font-weight: 600;
        margin-bottom: 16px; } }
  .popup.popup-business-includes .popup-content .list-features {
    list-style: none;
    display: flex;
    flex-flow: row wrap; }
    .popup.popup-business-includes .popup-content .list-features li {
      width: 50%;
      padding-left: 40px;
      margin-bottom: 15px;
      position: relative;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      line-height: 28px; }
      .popup.popup-business-includes .popup-content .list-features li:before {
        content: '';
        display: block;
        width: 9px;
        height: 18px;
        border: 2px solid #000;
        border-left: 0;
        border-top: 0;
        position: absolute;
        left: 7px;
        top: 1px;
        transform: rotate(45deg); }
        @media only screen and (max-width: 769px) {
          .popup.popup-business-includes .popup-content .list-features li:before {
            display: none; } }
      @media only screen and (max-width: 769px) {
        .popup.popup-business-includes .popup-content .list-features li {
          width: 100%;
          background-image: none;
          font-weight: 300;
          font-size: 14px;
          text-align: center;
          line-height: 20px;
          padding-left: 0;
          margin-bottom: 8px; } }

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.6; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.mfp-bg {
  background-color: black;
  z-index: 99;
  width: 100%; }

html[locale="ar_AE"] .popup.popup-select-locale .popup-content {
  bottom: 80px;
  left: auto;
  right: 50%;
  margin-right: -700px;
  margin-left: auto; }
  @media (max-width: 1440px) {
    html[locale="ar_AE"] .popup.popup-select-locale .popup-content {
      left: auto;
      right: 10px;
      margin-left: auto;
      margin-right: 0; } }
  @media (max-width: 414px) {
    html[locale="ar_AE"] .popup.popup-select-locale .popup-content {
      padding: 40px 30px; } }
  html[locale="ar_AE"] .popup.popup-select-locale .popup-content h3 {
    text-align: right; }
html[locale="ar_AE"] .popup.popup-business-includes .popup-content .list-features li {
  background-position: 100% 0;
  padding-left: 0;
  padding-right: 40px; }
  @media only screen and (max-width: 769px) {
    html[locale="ar_AE"] .popup.popup-business-includes .popup-content .list-features li {
      padding-right: 0; } }
html[locale="ar_AE"] .popup.popup-select-phone .list-phones {
  padding-right: 0;
  padding-left: 40px; }

[data-keeper-component="slider"] {
  width: 100%;
  text-align: center; }
  @media only screen and (max-width: 991px) {
    [data-keeper-component="slider"] {
      padding: 48px !important; } }
  @media only screen and (max-width: 769px) {
    [data-keeper-component="slider"] {
      background: #FFFFFF;
      border: 1px solid #EFEFEF;
      box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
      border-radius: 8px; } }
  @media (max-width: 414px) {
    [data-keeper-component="slider"] {
      padding: 48px 20px !important; } }
  [data-keeper-component="slider"] h3 {
    font-weight: 600;
    font-size: 26px;
    color: #000000;
    text-align: center;
    line-height: 36px;
    margin-bottom: 40px;
    letter-spacing: -0.81px; }
    @media only screen and (max-width: 769px) {
      [data-keeper-component="slider"] h3 {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 24px;
        font-weight: 600 !important; } }
  [data-keeper-component="slider"] .employees {
    margin-bottom: 50px; }
    @media only screen and (max-width: 769px) {
      [data-keeper-component="slider"] .employees {
        margin-bottom: 36px; } }
    [data-keeper-component="slider"] .employees .counter-container {
      margin-bottom: 40px; }
      @media only screen and (max-width: 769px) {
        [data-keeper-component="slider"] .employees .counter-container {
          margin-bottom: 30px; } }
    [data-keeper-component="slider"] .employees .counter-container input {
      background: #FFFFFF;
      border: 1px solid #9B9B9B;
      border-radius: 4px;
      text-align: center;
      padding: 23px 28px;
      font-size: 26px;
      margin-bottom: 0; }
      @media only screen and (max-width: 769px) {
        [data-keeper-component="slider"] .employees .counter-container input {
          font-size: 22px;
          margin-bottom: 0;
          padding: 20px; } }
    [data-keeper-component="slider"] .employees .slider-container {
      max-width: 400px;
      margin: 0 auto; }
      @media only screen and (max-width: 769px) {
        [data-keeper-component="slider"] .employees .slider-container {
          max-width: 100%; } }
    [data-keeper-component="slider"] .employees .slider-container input {
      max-width: 400px; }
      @media only screen and (max-width: 769px) {
        [data-keeper-component="slider"] .employees .slider-container input {
          width: 320px; } }
      @media only screen and (max-width: 500px) {
        [data-keeper-component="slider"] .employees .slider-container input {
          width: 265px; } }
  [data-keeper-component="slider"] .actions {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    width: 600px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 48px; }
    @media only screen and (max-width: 769px) {
      [data-keeper-component="slider"] .actions {
        margin-bottom: 24px;
        width: 100%;
        flex-flow: column nowrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start; }
        [data-keeper-component="slider"] .actions .business {
          margin-bottom: 32px; } }
    [data-keeper-component="slider"] .actions h4 {
      font-weight: 600;
      font-size: 26px;
      color: #000000;
      text-align: center;
      line-height: 36px; }
      @media only screen and (max-width: 769px) {
        [data-keeper-component="slider"] .actions h4 {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 24px; } }
    [data-keeper-component="slider"] .actions .price {
      font-weight: 400;
      font-size: 26px;
      color: #000000;
      text-align: center;
      line-height: 36px;
      margin-top: 8px;
      margin-bottom: 32px; }
      @media only screen and (max-width: 769px) {
        [data-keeper-component="slider"] .actions .price {
          margin-top: 16px;
          margin-bottom: 24px;
          font-size: 20px;
          letter-spacing: 0;
          line-height: 24px; } }
      [data-keeper-component="slider"] .actions .price sup {
        top: 0;
        font-size: 1em; }
      [data-keeper-component="slider"] .actions .price sup:first-of-type {
        margin-right: 2px; }
      [data-keeper-component="slider"] .actions .price sup:last-of-type {
        margin-left: 4px; }
    [data-keeper-component="slider"] .actions .btn {
      font-weight: 600;
      min-width: 200px; }
  [data-keeper-component="slider"] .contact-sales {
    color: #000;
    text-align: center; }
    @media only screen and (max-width: 769px) {
      [data-keeper-component="slider"] .contact-sales {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px; } }
    [data-keeper-component="slider"] .contact-sales a {
      color: #1B78E0; }
      [data-keeper-component="slider"] .contact-sales a:hover {
        text-decoration: none; }
  [data-keeper-component="slider"] .rangeslider,
  [data-keeper-component="slider"] .rangeslider__fill {
    display: block;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
  [data-keeper-component="slider"] .rangeslider {
    background: #e6e6e6;
    position: relative;
    height: 10px !important; }
  [data-keeper-component="slider"] .rangeslider--horizontal {
    height: 20px;
    width: 100%; }
  [data-keeper-component="slider"] .rangeslider__fill {
    background: #000000;
    position: absolute; }
  [data-keeper-component="slider"] .rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%; }
  [data-keeper-component="slider"] .rangeslider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  [data-keeper-component="slider"] .rangeslider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  [data-keeper-component="slider"] .rangeslider__handle:active,
  [data-keeper-component="slider"] .rangeslider--active .rangeslider__handle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }
  [data-keeper-component="slider"] .rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y; }
  [data-keeper-component="slider"] input[type="range"]:focus + .rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }
  [data-keeper-component="slider"] .rangeslider__handle {
    background: white;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    border-radius: 50%; }
  [data-keeper-component="slider"] .rangeslider--horizontal .rangeslider__handle {
    top: -5px; }
  [data-keeper-component="slider"] .slidecontainer {
    width: 100%; }
  [data-keeper-component="slider"] .slider {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin: 0 auto;
    height: 6px;
    width: 400px;
    background: #D8D8D8; }
  [data-keeper-component="slider"] .slider-green {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    margin: 0 auto;
    height: 6px;
    width: 400px;
    background: #64DD17; }
  [data-keeper-component="slider"] .slider:hover {
    opacity: 1; }
  [data-keeper-component="slider"] .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer; }
  [data-keeper-component="slider"] .slider::-moz-range-thumb {
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer; }
  [data-keeper-component="slider"] input[type="number"]::-webkit-outer-spin-button,
  [data-keeper-component="slider"] input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  [data-keeper-component="slider"] input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset; }
  [data-keeper-component="slider"] input:-webkit-autofill {
    -webkit-text-fill-color: black !important; }

.rc-anchor {
  display: none; }

.grecaptcha-badge {
  display: none; }

#recaptcha-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  z-index: -9999999;
  align-items: center; }

@media only screen and (min-width: 769px) {
  html:lang(de) [data-view="PricingCards"] .plan-title h3 {
    max-width: 275px;
    margin: 0 auto; } }
[data-view="PricingCards"] h2 {
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  color: black; }
[data-view="PricingCards"] .container > .row:nth-of-type(1) {
  margin-bottom: 56px; }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .container > .row:nth-of-type(1) {
      margin-bottom: 32px; } }
[data-view="PricingCards"] .row.cards {
  padding-top: 120px; }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .row.cards {
      display: flex;
      flex-flow: column;
      padding-top: 0; } }
[data-view="PricingCards"] .plan-vault {
  z-index: 1; }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .plan-vault {
      order: 2;
      margin-bottom: 16px; } }
[data-view="PricingCards"] .plan-chat {
  z-index: 1; }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .plan-chat {
      order: 3;
      margin-bottom: 16px; } }
[data-view="PricingCards"] .plan-bundle {
  z-index: 2;
  margin-top: -120px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.22); }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .plan-bundle {
      margin-top: 0;
      margin-bottom: 16px;
      order: 1; } }
  [data-view="PricingCards"] .plan-bundle:before {
    content: '';
    background-image: url("/assets/images/familyplan/ico-bundle-star.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0; }
  [data-view="PricingCards"] .plan-bundle .priceTag {
    color: #1B78E0; }
[data-view="PricingCards"] .plan-vault,
[data-view="PricingCards"] .plan-chat,
[data-view="PricingCards"] .plan-bundle {
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 44px;
  transition: 0.5s ease; }
  @media only screen and (min-width: 991px) {
    [data-view="PricingCards"] .plan-vault:hover,
    [data-view="PricingCards"] .plan-chat:hover,
    [data-view="PricingCards"] .plan-bundle:hover {
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.32); } }
[data-view="PricingCards"] .plan-title {
  margin-top: 24px;
  margin-bottom: 72px; }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .plan-title {
      margin-bottom: 24px; } }
  [data-view="PricingCards"] .plan-title h3 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 300; }
[data-view="PricingCards"] .plan-price {
  margin-bottom: 64px; }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .plan-price {
      margin-bottom: 32px; } }
  [data-view="PricingCards"] .plan-price .priceTag {
    font-size: 26px;
    letter-spacing: -0.81px;
    text-align: center;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 8px; }
    [data-view="PricingCards"] .plan-price .priceTag sup {
      top: 0;
      font-size: 100%; }
    @media only screen and (max-width: 991px) {
      [data-view="PricingCards"] .plan-price .priceTag {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 24px;
        font-weight: 500; } }
  [data-view="PricingCards"] .plan-price .priceCycle {
    font-size: 16px;
    letter-spacing: -0.18px;
    text-align: center;
    line-height: 22px; }
    [data-view="PricingCards"] .plan-price .priceCycle sup {
      top: -2.5px; }
    @media only screen and (max-width: 991px) {
      [data-view="PricingCards"] .plan-price .priceCycle {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px; } }
[data-view="PricingCards"] .plan-actions {
  text-align: center; }
  [data-view="PricingCards"] .plan-actions a:nth-of-type(1) {
    margin-bottom: 20px; }
  [data-view="PricingCards"] .plan-actions a:nth-of-type(2) {
    padding: 0;
    font-size: 18px;
    color: #E6B300;
    letter-spacing: -0.22px;
    text-align: center;
    line-height: 28px;
    font-weight: 300; }
    @media only screen and (max-width: 991px) {
      [data-view="PricingCards"] .plan-actions a:nth-of-type(2) {
        font-size: 14px;
        color: #CF9F24;
        letter-spacing: 0;
        line-height: 20px; } }
[data-view="PricingCards"] .plan-features {
  margin-top: 0;
  margin-bottom: 48px; }
  @media only screen and (max-width: 991px) {
    [data-view="PricingCards"] .plan-features {
      margin-bottom: 24px; } }
  [data-view="PricingCards"] .plan-features p {
    color: #4083FF;
    text-align: center;
    margin-bottom: 16px; }
  [data-view="PricingCards"] .plan-features ul.list-checkmark-blue {
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 330px;
    margin: 0 auto; }
    [data-view="PricingCards"] .plan-features ul.list-checkmark-blue li {
      padding-left: 40px;
      margin-bottom: 16px;
      font-size: 20px;
      color: #000000;
      letter-spacing: -0.22px;
      line-height: 28px;
      text-transform: capitalize;
      position: relative; }
      @media only screen and (max-width: 991px) {
        [data-view="PricingCards"] .plan-features ul.list-checkmark-blue li {
          padding-left: 0;
          font-size: 14px;
          letter-spacing: 0;
          text-align: center;
          line-height: 28px;
          margin-bottom: 8px; } }
    [data-view="PricingCards"] .plan-features ul.list-checkmark-blue li:before {
      content: '';
      background-image: url("/assets/images/Icons/1x/ico-checkmark-blue.png");
      background-repeat: no-repeat;
      background-size: 25px;
      background-position: center;
      width: 25px;
      height: 25px;
      position: absolute;
      top: 0;
      left: 0; }
      @media (max-width: 769px) {
        [data-view="PricingCards"] .plan-features ul.list-checkmark-blue li:before {
          display: none; } }
@media only screen and (max-width: 1200px) {
  [data-view="PricingCards"] .logo-keeperchat {
    background-size: contain; }
  [data-view="PricingCards"] .logo-keeper-dark {
    background-size: contain; } }

.intro .tabs {
  display: inline-block;
  max-width: 100%;
  margin-top: 47px;
  width: auto;
  height: 48px;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 24px;
  position: relative; }
  .intro .tabs.mobile, .intro .tabs.desktop {
    visibility: hidden; }
  @media only screen and (max-width: 769px) {
    .intro .tabs {
      margin-top: 25px; } }
  .intro .tabs .tab {
    display: inline-block;
    height: 48px;
    width: auto;
    min-width: 120px;
    max-width: 100%;
    transition: all 0.3s ease;
    position: relative; }
    @media only screen and (max-width: 480px) {
      .intro .tabs .tab {
        min-width: 100px; } }
    .intro .tabs .tab a {
      color: white;
      transition: 0.5s ease;
      display: block;
      height: 48px;
      padding: 0 36px;
      text-align: center;
      transition: 0.5s ease;
      font-size: 16px;
      font-weight: 600;
      line-height: 50px;
      border-radius: 24px;
      white-space: nowrap;
      background: rgba(255, 255, 255, 0); }
      .intro .tabs .tab a:hover, .intro .tabs .tab a:active, .intro .tabs .tab a:focus {
        text-decoration: none; }
      .intro .tabs .tab a.selected {
        color: #1B78E0; }
  .intro .tabs .selected-tab {
    display: none;
    background: #fff;
    text-decoration: none;
    box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    width: 135px;
    height: 48px;
    top: 0;
    border-radius: 24px; }
    .intro .tabs .selected-tab.loaded {
      display: block;
      transition: 0.3s ease; }
  .intro .tabs .dropdown.field {
    width: 300px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 28px;
    -moz-appearance: none;
    -webkit-appearance: none; }
    @media (max-width: 320px) {
      .intro .tabs .dropdown.field {
        width: 284px; } }

[data-tab] {
  display: none !important; }
  [data-tab].active {
    display: block !important; }

@media only screen and (max-width: 769px) {
  html > body > .wrapper > .main h1 {
    font-size: 22px !important;
    letter-spacing: 0px !important;
    line-height: 1.1 !important; } }
@media only screen and (max-width: 769px) {
  html > body > .wrapper > .main h2 {
    font-size: 18px !important;
    letter-spacing: 0.1px !important;
    line-height: 1.4 !important; } }
@media only screen and (max-width: 769px) {
  html > body > .wrapper > .main h2.alt {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 1.4; } }
@media only screen and (max-width: 769px) {
  html > body > .wrapper > .main h3 {
    font-size: 18px !important;
    letter-spacing: 0.1px !important;
    line-height: 1.4 !important; } }
@media only screen and (max-width: 769px) {
  html > body > .wrapper > .main h4,
  html > body > .wrapper > .main h5,
  html > body > .wrapper > .main h6 {
    font-size: 16px !important;
    letter-spacing: 0.1px !important;
    line-height: 1.4 !important; } }
@media only screen and (max-width: 769px) {
  html > body > .wrapper > .main p {
    font-size: 14px !important;
    letter-spacing: 0px !important;
    line-height: 1.4 !important; } }
@media only screen and (max-width: 769px) {
  html > body > .wrapper > .main p.alt {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.4; } }

.logo-keeperchat {
  background-image: url("/assets/branding/keeperchat-logo.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 217px;
  height: 40px;
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 769px) {
    .logo-keeperchat {
      width: 225px;
      height: 30px;
      margin: 0 auto; } }

.logo-keeperchat-light {
  background-image: url("/assets/branding/keeperchat-logo-reversed.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 306px;
  height: 48px;
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 769px) {
    .logo-keeperchat-light {
      width: 225px;
      height: 30px;
      margin: 0 auto; } }

.logo-keeper-light {
  background-image: url("/assets/branding/keeper-logo-light.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 170px;
  height: 40px;
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 769px) {
    .logo-keeper-light {
      width: 225px;
      height: 37px;
      margin: 0 auto; } }

.logo-keeper-dark {
  background-image: url("/assets/branding/keeper-logo-dark.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 170px;
  height: 40px;
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 769px) {
    .logo-keeper-dark {
      width: 225px;
      height: 37px;
      margin: 0 auto; } }

.logo-keeper-free {
  background-image: url("/assets/branding/keeper-logo-free-version.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 373px;
  height: 50px;
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 769px) {
    .logo-keeper-free {
      width: 225px;
      height: 30px;
      margin: 0 auto; } }

.logo-breachwatch {
  background-image: url("/assets/branding/breachwatch-logo.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 217px;
  height: 40px;
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 769px) {
    .logo-breachwatch {
      width: 225px;
      height: 30px;
      margin: 0 auto; } }

.logo-breachwatch {
  background-image: url("/assets/branding/breachwatch-logo-reversed.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 246px;
  height: 40px;
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 769px) {
    .logo-breachwatch {
      width: 246px;
      height: 40px;
      margin: 0 auto; } }

.logo-dna {
  background-image: url("/assets/branding/dna-logo-reversed.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 204px;
  height: 40px;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  margin-bottom: 16px; }
  @media only screen and (max-width: 769px) {
    .logo-dna {
      width: 204px;
      height: 40px;
      margin: 0 auto;
      margin-bottom: 16px; } }

.logo-family-plan {
  background-image: url("/assets/branding/family-logo.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 207px;
  height: 36px;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  margin-bottom: 16px; }
  @media only screen and (max-width: 769px) {
    .logo-family-plan {
      width: 145px;
      height: 25px;
      margin: 0 auto;
      margin-bottom: 16px; } }

.logo-max-bundle {
  background-image: url("/assets/branding/logo-max-bundle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 207px;
  height: 33px;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  margin-bottom: 16px; }
  @media only screen and (max-width: 769px) {
    .logo-max-bundle {
      width: 159px;
      height: 25px;
      margin: 0 auto;
      margin-bottom: 16px; } }

/*# sourceMappingURL=bundle.css.map */