#banner {
	background-image: url('/offers/cloud/img/bg-ipad-bike.jpg');
	border-bottom: 5px solid #00c0ee;
} 
 
#banner-content { bottom:7%; } 

/* shared */
#banner-content h1 {  font-family: open sans regular, Arial, Helvetica, sans-serif; }
#banner-content  {  font-family: open sans light, Arial, Helvetica, sans-serif; }
#banner-content strong { color: #16bcee }
h2 { max-width:90%; font-size:1.2em }
.button-cta1 { 
    background-color: #00c0ee;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #FFF;
    padding: 12px 30px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    margin-top: 25px;
    background-image: none !important;
    font-weight: bold;
    border: 0px !important;
    width: 250px;
}
.button-cta1:hover { background-color:#57d7f6}
.button-cta2 { 
    background-color: #ff3a6d;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    padding: 6px 6px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin-top: 10px;
    background-image: none !important;
    font-weight: bold;
    border: 0px !important;
    width: 150px;
}
.button-cta2:hover { background-color:#f95a65 }
 
#footer .container { width:100% }

/* purchase*/ 
.free-download-button:hover { background-color:#f1ce24; /*#16d0ef;*/ border: none }
.free-download-button:active { background-color:#f1ce24 !important  }
a.free-download-button { border:none; background-color:#01d0a2 /*#16bcee*/} 
.free-download-button { width:180px !important }

 
#plans-container {  float: left;position: relative;left: 50%;display: inline;}
.plan-right { display:inline-block; margin:auto; text-align:center;margin-left: 10px;margin-right: 10px; vertical-align: top; background-color: rgba(54,54,54,0.8); padding: 0px 10px 10px 10px;   box-shadow: 1px 2px 15px #222222;} 
#plan-cols { clear:both;text-align: center }
.plan-name-group {  color:#01d0a2; /*#ea3866;*/ display:inline-block }
.plan-name { font-size:20px;font-weight:bold; margin:10px 0px 0px 0px;padding-top: 0px; }
.price-row { height:70px;overflow:hidden;}
.price-one-digit {  margin-left:20px }
.price-dollars {display: inline-block;font-size:50px;line-height: 50px;position: relative;vertical-align: top }
.price-cents { display: inline-block;font-size:16px; line-height:16px;    position: relative; text-align: left;padding-top: 0px   }
.price-time-unit { text-transform:uppercase; font-size: 13px }
.price-billing{ float:left;font-size:16px; line-height:16px;text-align: left;padding-top: 14px;margin-left:10px }
.price-desc { clear:both;font-size:13px; height: 25px }

.below-plans-row { clear:both; margin:auto; max-width:830px; text-align:center; padding: 30px 0px 10px 0px;font-size:14px }
.below-plans-row  a, .below-plans-row  a:visited { text-decoration: underline !important; color: #ffffff } 
.below-plans-row  a:hover { color: #E1E1E1 } 
.below-plans-row-2 { border-top: 1px solid #999999;padding-top:10px;margin:auto; max-width:320px;text-align:center } 
.highlight { height:17px; width: 144px; margin:auto; text-align:center; }
.highlight span { background-color:#f96d6d; /*#ff3a6d;*/ color: #ffffff; font-size: 13px;line-height:17px;  margin-bottom:0px;text-transform: uppercase; height:17px;padding: 0px 10px}
.talkbubble { width: 150px;height: 30px;background: transparent;position: relative;-moz-border-radius:    10px;-webkit-border-radius: 10px;border-radius: 10px;line-height: 25px;margin:auto;font-style: italic;font-weight:bold;border:2px solid #ffffff; background-color: #000000;    color: #ffffff;}
.plan-desc-box-corner {  width: 0;height: 0;border-left: 0px solid transparent; border-right: 18px solid #ffffff; border-top: 14px solid transparent; border-bottom: 0px solid #ffffff;  margin: auto; display:inline-block; vertical-align: bottom;}
.plan-desc-top-r { height: 14px; width:145px; background-color:#ffffff; display:inline-block;vertical-align: bottom; }
.plan-desc-box { width: 164px; background-color: #ffffff; color:#444444; display:block; margin-left: 7px; margin: auto;} 
.plan-desc-size { display: block;vertical-align:top; font-size: 25px; line-height: 26px;font-weight:bold } 
.plan-desc-divider { display: block;vertical-align: middle;width:auto;margin:auto;margin-top:5px;border-top: 1px solid #cccccc;line-height:5px }
.plan-desc-credits { display: block;vertical-align:top; margin:auto;text-align:center }
.plan-desc-credits span { font-size: 22px;line-height: 25px;font-weight:bold }
.plan-desc-credits-term { font-size:14px;line-height: 16px; text-align:center; font-weight: bold;}
.term-1 { margin:3px 0px 0px 0px }
.term-2 { margin:0px }
.plan-desc-box-space { height:5px;margin-bottom:10px }
.addtl-desc { clear:both; font-size: 13px;line-height:15px;text-align: center;margin: auto;margin-bottom:9px;max-width: 140px; }
.addtl-desc-m {  margin-bottom:0px !important;max-width: 250px !important; }
.promo-msg-box {  margin: auto }
#promo-banner { /*background: linear-gradient(0deg, #f92f2e 0%, #fd8887 100%) !important; *//*background-color:rgba(0,0,0,0.8);*/ border-top: 2px solid #01d0a2; border-bottom: 2px solid #01d0a2; font-size:21px; color: #ffffff; font-style:italic; text-transform:uppercase; vertical-align: middle;margin: 10px 0px 20px; padding:10px 5px; background:#3fa56b url(/offers/img/credit-packs/bg-cloudpk-halftone-green.png) repeat-x center bottom !important }
.promo-label-1 { display:inline-block }
.promo-label-2 { display:inline-block; vertical-align:bottom }
.promo-label-3 { display:inline-block; vertical-align:middle; line-height: 76px; }
.promo-label-3 span { font-size:30px; font-weight:bold  }
.promo-label-3 sup { font-size: 12px;line-height: 35px; }
/* end purchase*/
 

@media(max-width: 729px) { 
.plan-name {  font-weight:normal; font-size:15px }
}



#pane-0 {position: relative;  background-image: url('/offers/cloud/img/bg-cloud-triangle.png'); background-position:left; background-repeat:no-repeat; background-color:#eefbfd;background-size: contain;} 

@media (min-width: 1500px){
	#footer .container {
		float: none;
		width: 100%;
		margin-right: auto; 
		margin-left: auto;
		max-width: 950px;
		margin-top: 50px;
	}
}
@media only screen and (max-width: 700px) and (min-width:500px) {
	#plan-rows-stack { width: auto }
}
/*mobile landscape and portrait modes*/
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3),
only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2),  
(max-width: 700px) { 
/*#banner-content { bottom:20%; } */
    #pg-title { display:none }
	#banner { height: 300px !important; /*height: 175px !important;*/ min-height:150px }
    #promo-banner {  margin:5px 0px 20px 0px; padding:10px 5px }
    #promo-banner img#promo-banner-sale-name { width: 100%; margin-top: 12px;}
	#banner-content h1 { font-size: 25px; width: 90%;margin: auto; }
    #banner-content h1 img { width:95% }
	#plan-rows-stack { max-width:510px; width: 100% }
	.plan-name-group { width: 35%; max-width:150px; vertical-align: top;color:#444444;}
	.plan-desc { display:inline-block; width: 62%; background-color:#444444}
	.plan-desc-box {padding: 10px 5px 2px;display: inline-block;vertical-align: bottom; background-color: #444444; color: #ffffff;font-size: 13px; line-height: 16px; } 
	.price-cents {  font-size: 20px; margin-top: 6px;}
	.m-plan-right { border:1px solid #999999; padding:10px; margin-bottom:4px }
	/*.m-plan-right:hover, .m-plan-right:active, */
	.m-plan-right-clicked  { /*background-color: #00c0ee; */ box-shadow: 2px 2px 6px #888888;}  
	.plan-name-clicked { /*color: #ffffff*/}   
	
	.highlight {  height:auto; width: 100%; margin:auto; text-align:center;margin-bottom:2px; background-color:#f96d6d;/*#ff1b66 #ff3a6d*/}
 	.highlight span { background-color:#f96d6d /*#ff1b66 #ff3a6d*/; color: #ffffff; font-size: 13px;line-height:17px;  margin-bottom:0px;text-transform: uppercase; height:17px;padding: 0px 10px} 
	
	.plan-desc-size { display: inline-block;vertical-align:top; font-size: 22px; line-height: 25px;font-weight:bold } 
	.plan-desc-divider { display: inline-block;vertical-align: middle;width:1px;margin:5px 7px;border-left: 1px solid #666666;line-height:45px }
	.plan-desc-credits { display: inline-block; }
	.plan-desc-credits-term { font-size:12px;line-height:12px; font-weight:normal }
	.price-time-unit { color:#333333} 
	.price-dollars { font-size: 40px }   
	.mobile-cta { margin: 3px 0px 5px 0px }
	.storage-button { width: 85px !important; padding: 6px 0px!important; font-size: 15px !important; line-height: 17px !important; font-weight: normal !important; /*background-color:#ff3a6d !important*/} 
    .promo-msg-box { max-width: 95%; }
    #promo-banner {  font-size:18px; line-height:23px; font-weight:bold}
    .promo-label-3 span { font-size:25px; line-height:30px }
} 
	
@media only screen and (max-width: 350px) { 
	h1 { font-size:23px}
	#plan-rows-stack {  width:auto   }
}