div#banner {
	background-image: url(/offers/img/bg-23-shows-logos-mobile-devices.jpg);   height:auto !important; border-bottom: none; background-color:#000000; /*/offers/img/bg-3-guys-van-tablet.jpg*//*bg-22-shows-logos-mobile-devices.jpg*/
    min-height:650px !important;
}   
div#banner div#banner-content {
    color: #fff;
    font-family: 'open sans' , Arial, Helvetica, sans-serif;
}
.subheading {
			font-size: 20px;
			line-height: 27px;
			margin: 15px 10px;
		} 
#banner-content h1 strong { color: #16bcee }    
#banner-content strong { color: unset }
div#menu-mobile a#logo img {
    height: auto;
}
.sale-plan-title { height:60px }
.angled-bg { background-color:transparent }    
#pane-0 { background: rgb(69,111,165);
    background: linear-gradient(0deg, rgba(69,111,165,1) 0%, rgba(153,63,167,1) 100%); color: #000;}

.plan-right {
    display: inline-block;
    margin: auto;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    vertical-align: top;
    background-color: #36363680;
    padding: 0px 10px 10px 10px;
    box-shadow: none;
    border-radius: 20px;
    border: 2px solid #ffffff4a;
    width: 190px;
    color:#fff
}    

a.plan-right, a.plan-right:visited, .plan-right:hover { color: #fff }
.plan-right:hover { background-color: #000000b3;  }  
.plan-right.on { background-color: #000000b3;border-color: #16bcee;  }  
.price-divider { display:none }
.prod-price .price-dollars { font-size: 60px }
.prod-desc .price-dollars.price-credits { font-size: 40px; }

.per-credit-price {
    margin-top: 8px;
    border-top: 1px solid #d7d7d761;
    padding-top: 3px;
    color: #ebebeb;
}
    
.instruction { text-transform:uppercase; width: 80%;
    max-width: 730px; 
    margin: auto;
    text-align: left; 
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: bold; }
.instruction span { padding: 2px 15px;
    background-color: #16bcee;
    border-radius: 12px;
    color: #000; }   

#pane-01 {
    display: none;
}    
form {  width: 80%; max-width: 600px; margin: auto; } 
label {
    display: block;
    text-align: left;
    /*max-width: 600px;
    margin: auto;
    width: 80%;*/
    font-size: 14px;
} 
textarea#rmsg {
    margin-bottom: 0px;
    resize: none;
}    
input#bname {
    display: block;
    margin: auto;
    margin-bottom: 18px;
}
input, textarea, select {
    width: 100%;
    /*max-width: 600px;*/
    padding: 12px 5px 12px 15px;
    border-radius: 5px;
    background-color: #444444;
    border-style: none;
    color: #dbdbdb;
    margin-bottom: 18px;
}
input#gift-submit {
    background-color: #00c0ee;
    /*border-radius: 25px;*/
    font-size: 16px;
    font-weight: bold;
}
.gift-option, .gift-option div { display: block; vertical-align:top; text-align: left; }    
.gift-option { display: inline-block; width: 180px; margin-top: 10px; }   
.gift-option input[type=radio] {  width: 30px !important; } 

/*input[type="email"]:valid{
        outline: 2px solid green;
}
input[type="email"]:invalid{
    outline: 2px solid red;
    background: none !important
} */   
/*input[type="text"]:valid, input[type="email"]:valid { 
    background: none !important    
}
input[type="text"]:invalid, input[type="email"]:invalid {
    outline: 1px solid red;
    background: none !important
}   */  
    
.main-container {
    margin-top: 20px;
    float: right;
    left: -50%;
    text-align: left;
    position: relative
}
#p0-gfx {
    display: inline-block;
    width: 40%
}
#p0-copy {
    display: inline-block;
    width: 50%;
    vertical-align: top
} 
.error {
    color: #ff3a6d; 
    font-size: 14px;
    text-align: left;
   /* width: 80%;
    max-width: 600px;
    margin: auto; */
}

.site-error {
    background-color: #e4809ac4;
    max-width: 600px;
    margin: auto;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 5px;
}

.promotion {
	border-radius:20px; 
	background-color:#dbf1f7; 
	padding:10px 20px;    
	max-width: 700px;
    margin: auto;
    width: 80%; 
	color: #000;
}
.promo-bonus {
	font-style: italic;
    padding-top: 10px;
    color: #ff3a6d;
    font-weight: bold;
}

/**************************
*  Overlay Stuff             
**************************/
.overlay {display: none; position: fixed; z-index: 1000; top: 0px; left: 0px; height: 100%; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100); opacity: 1; background: #00000080}
#edit-container input:not([type="button"]) {display: block; width: 200px; height: 30px; line-height: 20px; margin-bottom: 10px}
#edit-container h1 { margin-bottom: 40px }
#edit-wrapper-btn-close {
    position: absolute;
    width: 100%;
    right: 20px;
    top: 10px;
    text-align: right;
}

@media only screen and (max-width: 800px) {
    div#banner { background-image: url(/offers/img/bg-22-shows-logos-mobile-devices.jpg) !important; height:auto; } /*bg-couple-couch-tablet-coffee-plant.jpg*/
}
@media screen and (min-width:767px) {
#banner-content { bottom: 9%}
    
}

@media screen and (max-width:750px) {
  div#banner { min-height: 1050px !important; }
    .plan-right { width: 85%; display:block; margin: auto; margin-bottom: 10px; max-width: 320px;}   
    .prod-desc  { display:inline-block; vertical-align:top; width: 110px;text-align: center;
    /*margin-left: 20px;margin-right: 20px;*/ }  
    .prod-price { display:inline-block; vertical-align:top; width: 110px; text-align:center }
    /*.price-credits { font-size:40px !important }*/
    .price-divider { display:inline-block;font-size: 40px;vertical-align: top;line-height: 40px; }
}

@media screen and (max-width:550px) {
#p0-gfx {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center
}
#p0-copy {
    display: block;
    width: 80%;
    margin: auto;
    text-align: center
}
    
   
  .instruction { width: 90% }
    
}

/* ----------- iPhone 4 and 4S ----------- */
/* ----------- iPhone 5 and 5S ----------- */
 /* ----------- iPhone 6, 6+ ----------- */
/* Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (max-width:500px) {
    #banner-content {
        bottom: 5%
    }
   
    #pane-0 h2 {
        width: 100%;
        max-width: 100%;
        text-align: center
    }
    .angled-bg { height: 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%; } */
     div#banner { background-image:url(/offers/img/bg-22-shows-logos-mobile-devices.jpg) !important; height:auto;   }  
    .prod-price .price-dollars { font-size: 55px }
    .prod-desc .price-dollars.price-credits { font-size: 55px; }
    
}

@media screen and (max-width: 340px) { 
	div#banner {
		min-height: 1050px !important;
	}
}