header{background:linear-gradient(0deg,#3f738d 0,#2c5163 100%);color:#fff;background-size:100%;background-repeat:no-repeat;background-position:bottom;padding-bottom:0}
.focal{background:#00b8f1}
.focal:hover{background:#0ba5ff}
.sub-card,.top-card{display:block;border-radius:10px;transition:all .2s;box-shadow:0 4px 6px rgba(0,0,0,.2);padding:50px;position:relative}
.top-card{width:800px;max-width:90%;color:#666;background:#fff;margin:70px auto 0;z-index:2}
.main-pricing{display:flex;justify-content:center;margin-bottom:20px}
.main-pricing .base-price-amount{font-size:4.0625rem;font-weight:800;color:#000;margin-right:10px}
.main-pricing .base-price{text-align:left;display:flex;flex-direction:column;justify-content:center}
.main-pricing .base-price-period{font-size:1.875rem}
.main-pricing .base-price-cycle{font-size:1.125rem;color:#888}
.main-pricing .cloud-storage{display:flex;flex-direction:column;justify-content:center;margin-left:25px}
.main-pricing .cloud-storage-info{font-size:2.8125rem;font-weight:700;color:#000}
.main-pricing .cloud-storage-cycle{font-size:1.125rem;color:#888}
.sub-card{color:#666;background:#eee;width:700px;max-width:80%;margin:0 auto;border-top-left-radius:0;border-top-right-radius:0;z-index:1}
.cloud-storage-pricing{font-size:1.875rem;font-weight:700;color:#000;margin-bottom:20px}
.cloud-storage-provider{display:flex;line-height:50px}
.cloud-provider-label{width:50%;text-align:right;font-size:1.25rem;color:#205675;font-weight:700;margin-right:20px}
.cloud-provider-price{color:#000;font-size:1.625rem;margin-right:5px}
.cloud-provider-rate{color:#555}
.flex-4col{display:flex;flex-wrap:wrap}
.flex-4col>div{width:25%;padding:0 20px}
.pricing-info{text-align:left;margin-top:50px;text-shadow:0 2px 2px rgba(0,0,0,.2);line-height:1.4em;font-size:1rem;background:rgba(0,0,0,.6);color:#fff;padding:50px 0;text-shadow:none}
.pricing-info h2{font-weight:800;margin-top:20px;margin-bottom:20px;font-size:1.375rem;text-align:left}
.pricing-info ul{margin-bottom:30px}
.pricing-info li{margin-bottom:.75em}
section h1{font-size:3.125rem;text-align:center}
.faq{max-width:650px;margin:0 auto;font-size:1.125rem}
.faq h2{font-size:1.25rem;margin-top:70px}
.faq p{margin:20px 0;line-height:1.5em;color:#333}
@media (max-width:800px){
.main-pricing{flex-wrap:wrap}
.main-pricing .cloud-storage{flex:1 100%;line-height:2.5em}
.cloud-storage-provider{display:block;line-height:2em}
.cloud-storage-provider+.cloud-storage-provider{margin-top:20px}
.cloud-storage-pricing{margin-bottom:20px}
.cloud-provider-label{text-align:center;width:100%}
.cloud-provider-price,.cloud-provider-rate{display:inline-block}
}
@media (max-width:750px){
.flex-4col>div{width:50%}
.sub-card{padding-left:15px;padding-right:15px}
}
.pricing-divider{border:1px solid #868686;border-radius:5px;margin-top:25px;margin-bottom:25px}
.price-calculator{width:100%;color:#000}
.price-calculator>*>.cloud-provider-label{font-size:1rem}
.price-calculator>h3{margin-bottom:25px;line-height:50px}
.pricing-calculator-inputs{display:flex;max-width:80%;margin:auto}
.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}
.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#00b9f2;cursor:pointer}
.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#00b8f1;cursor:pointer}
.slider::-moz-focus-outer{border:0}
.cloud-incrementor{display:flex;line-height:normal;align-items:center;justify-content:center}
.cloud-incrementor>.input-container{width:25px;height:25px}
.cloud-incrementor-input{text-align:center;width:100%;height:100%;padding:0;border:0;border-top:2px solid #00b9f2;border-bottom:2px solid #00b9f2;font-size:.9375rem;border-radius:0}
.cloud-incrementor>button{outline:0;width:25px;height:25px;border:0;cursor:pointer;background-color:#00b9f2;color:#fff;font-weight:700;font-size:.9375rem}
.cloud-incrementor>button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}
.cloud-incrementor>button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}
.estimator-disclaimer{height:15px;font-size:.75rem;color:#555;margin-top:15px}