@charset "utf-8";
/* CSS Document */

#banner .browser-mockup { background-size: 240px 180px;	background-repeat: no-repeat; background-position: right 8%; } /* Visitors country flag background (uses IPAPI) */ 
#banner img { max-height: 377px; } /* Character with the Keys.deals shirt */
#banner .url { left:8px; top:-10px; } 
#banner .BRANDS { display:block; position: absolute; top: 4em; column-count: 4; text-align: left; }
#banner .BRANDS ul { list-style: none; padding-left:0px; }
#banner .BRANDS li { padding-left: 1.25em; font-size: .9em; }



/* compare */
#compare header.major { margin-bottom: 5.5em; }
#compare { padding-top: 5em; padding-bottom: 1em; }
#compare .plan { box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 3px 1px; border-radius: 15px; border: solid 1px rgba(144, 144, 144, 0.2); }
#compare .plan:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 3px 1px; }
#compare .plan:hover { border-color: #BFC5C8; }
#compare .plan.RESELLERS:hover li { color: #071D2B; }

#compare .label { margin-top: 0; margin-bottom: 0; background: #0070F6; border-top-left-radius: 3px; border-top-right-radius: 3px;  }
#compare ul.actions li:hover .label { background: #00439C; }
#compare .plans { margin-bottom: 3em; }
#compare .plan h3 { font-weight: normal; }
#compare select { padding-right: 2.25em; border-top-left-radius: 0; border-top-right-radius: 0; }
#compare ul.actions li label { color: #FFFFFF; margin:0; }
#compare ul { margin-top: 1.5em; }
#compare li.PRODUCT { padding-right: 2em; padding-left: 2em; }
#compare .button { border-radius: 0px; }
#compare .BRAND { display: block; max-height:50px; max-width: 400px; margin-bottom:.75em; }
#compare .NAME { display: block; font-size: 1.35em; color: #071D2B; }
#compare .VAR { font-size: .9em; color: #4B5A65; }
#compare .plan li.icon:before { padding-right: 1.25em; font-weight: 400; }
#compare .plan li.icon { color: #071D2B; }
#compare li.JOIN { padding:0; }
#compare .DISCLAIMER { display: block; margin-right: 1.5em; padding:1.15em 1.75em 0em 1.75em; font-size: .7em; line-height: 1.5em; color: #4B5A65; }
#compare .RESELLERS { padding-bottom:0; background: rgba(255,255,255,.35); }
#compare .RESELLERS .amount_wrapper i { font-size: 1.5em; }
#compare .RESELLERS li { color:#4B5A65; }
#compare .RESELLERS li:last-child { border-bottom: none; }
#compare .plan.RESELLERS div.CHARACTER { height: 234px; background: url("/images/resellers1.fw.png"); background-position: left 25px; background-repeat: no-repeat; background-size:contain; text-align: right; padding-right: 1.5em; display: flex;  justify-content: center; align-content: center; flex-direction: column; padding-left: 5em; }
#compare p.CONTACT span, #compare p.CONTACT a { font-size: 1.25em; margin-bottom: 1.25em; }
#compare p.PAYPAL_TEXT { line-height: 1.5em; font-size: .75em; margin-top: 1em; }
#compare .OFFICIAL_SITE a i { margin-left: .5em; }
#YOU_SAVE { font-size: 1.55em; color: #00439C; }
#YOU_SAVE i { margin-right: .25em; font-size: 1.15em; }
#YOU_SAVE span.CURRENCY_SYMBOL { font-size: .8em; margin-right: .1em; }

#compare .RESELLERS li.JOIN { padding:0em; background:url('/images/money.png');background-repeat: no-repeat; background-size: 42px 55px; background-position: -100px -100px; animation: fall 10s linear infinite both; }
@keyframes fall { 0% { background-position: 3% -100px; } 45% { background-position: 7% 1500px; } 46% { background-position: -100px -100px; } 50% { background-position: 10% -100px; } 100% { background-position: 15% 1800px; } }
#compare div.PAYPAL_LOGOS { display: flex; column-count: 5;  margin-top: 1.35em; color: var(--light2); }
#compare div.PAYPAL_LOGOS ul { margin: 0 auto; padding: 0; }
#compare div.PAYPAL_LOGOS li { display: inline-block; vertical-align: top; border: none; margin:0; font-size: 1.75em; padding:0 .27em 0 .27em; }

#compare .GAP { font-size: 1.55em; visibility: hidden; }

/* top benefits */
#top_benefits { padding-top: 1em; color: var(--dark2); }
#top_benefits h3 { font-weight: normal; font-size: 1em; text-align: center; }
#top_benefits p { font-size: .9em; padding-left: 1em; padding-right: 1em; }
#top_benefits div.row { margin-bottom: 1em; }

/* #company */ 

#company .LOGO { background: #0070F6; text-align: center; height: 290px; line-height: 290px; font-family: 'Lexend Deca', sans-serif; font-size:3em; color: #FFF; margin-top: .1em; }

#company hr { margin-bottom: 1em; margin-top: 1em; }
#company h2 { margin: 0; }
#company header.major { margin-bottom: 0px; }
#company p { margin-bottom: .5em; }

#we_distribute { padding-top: 1em; padding-bottom: 1em; }

#company .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-row-gap:0; }
#company .grid-item a { display: block; width: 100%; height: 100%; opacity: 0; }
#company .grid-item.LOGO { background-size: calc(100% - (1.5em))!important; background-repeat: no-repeat!important; background-position: center center!important; }
#company .grid-item.LOGO.PORTRAIT { background-size: calc(100% - (3em)) 75%!important; }