@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=block');

*{margin: 0px; padding: 0px;}
html,body{
	height:100%;width:100%;
    font-family: 'Lato', sans-serif;
    font-size:1em; color:#000000;
    background-color: #f0f0f0;
    background-size: contain, auto auto;
    background-repeat: no-repeat, repeat;
    background-attachment: fixed, fixed;
    background-position: right bottom, center;
    background-image: url('images/carbadge.png'), url('images/whitey.jpg');
}
h1{
    padding-left: 1em;
    padding-top:10px;
    font-style: oblique;
    font-weight: 700;
}
h3,h2{
    padding: 0em; margin: 0em;
    padding-top:1em;
    font-size: 1.1em;
    font-weight: 700;
}
h2.blog{
    font-size: 1.2em;
    text-decoration: underline;
	padding-bottom: 6px;
	padding-top: 0px;
	text-align: center;
}
h4{padding-top: 1em; }
div.chklist{padding-left: 1em;}
div.links{padding-bottom: 1em; line-height: 1.5em;}
.chklist ol{padding-left: 1em;}
a{text-decoration:none;color: crimson;}
a:hover{opacity: 0.8;}
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 1%;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  font-size:1.1em;
    font-weight: 300;
    width:80%;
    max-width: 400px;
    min-width: 200px;
    text-align:center;
}
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(255, 203, 0, 1);
  border: 1px solid rgba(255, 203, 0, 1);
}
ul{list-style-position: inside;list-style-type: square;padding-left: 2em;}
div.header {
	color: #000000;
	text-align: left;
    font-weight: 700;
    height:50px;
}
img.header{
    display: inline-block;
    vertical-align: middle;
    border-radius:5%;
}
div.footer{
	width:100%;
	text-align:center;
    color: #444444;
    clear:both;font-size:0.9em;
    height:15px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.divHide{display:none;}
.bodypanel {
    clear:both;
    vertical-align: top;
    width:60%;
    max-width: 650px;
    margin-left:20%;
    min-height: calc(100% - 120px);
}
div.fields{
    width:100%;
    text-align: center;
}
.divCol{
    width: 46%;
    text-align: center;
    float: left;
    padding: 1%;
    vertical-align: middle;
}
#promoresult{
    padding-top:0.5em;
    padding-bottom:1em;
    font-size:0.9em;
}
#wait{
    font-weight:700;
    color:coral;
}
img.vertical{
    opacity:0.5;
    vertical-align:middle;
}
.refBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.refBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.refBtn:active {
	position:relative;
	top:1px;
}
div.smalltxt{
    font-size: 0.9em;
    font-weight: 300;
}

.label1{
    display:block;
    margin-top:1em;
    font-size:0.9em;
    font-weight:700;
}

#srpefrm{
    margin: 0 auto;
    text-align: center;
    transition: 1s;
    max-height:0px;
    overflow: hidden;
}

#postinfo{
    transition: 1s;
    max-height:900px;
    overflow: hidden;
}

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  max-width: 400px;
  min-width: 200px;
  margin: 0 auto;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

div#card-container{
    width: 80%;
    max-width: 500px;
    min-width: 200px;
    margin: 0 auto;
}

#card-errors{
    color:#aa0000;
}
.a2a_pv_mobile{
	 margin: 0 auto; display: block; padding-top: 1em; width: 360px; padding-top: 0px;
}
/* ad unit */
div.adv{
    width: calc(100% - 3em);
    max-width: 600px;
    border-radius: 0.5em;
    padding: 1em;
    margin: 0 auto;
    margin-top: 1em;
    box-shadow: 0em 0em 0.2em rgba(0,0,0,1);
    background-image: linear-gradient(to bottom, #fafaff, #fff), linear-gradient(to right, #fff, #fff);
    text-align: left;
}
a.adva{
    color: #1976D2;
}
a.advb{
    color: #00796b;
}
span.adva{
    background-color: #FFF59D;
    border-radius: 0.3em;
    padding-left: 0.2em;
    font-size: 0.8em;
    font-weight: 700;
    padding-right: 0.2em;
    margin-right: 0.5em;
}
span.advb{
    font-size: 0.9em;
}
div.discount{
    font-size: 0.8em;
    color: rgb(34, 139, 34);
    font-weight: 400;
}
div.maintanence{
    background-color: #ffccbc;
    border-radius: 1px;
    padding: 0.25em;
    margin-bottom: 1em;
    font-weight: bold;
}
img#applepaybutton{
    height:2.5em;
    margin-top:0.25em;
    margin-bottom:0.25em;
    vertical-align: top;
    display: none;
    cursor: pointer;
}
div#googlepaybutton{
    display:inline-block;
    margin-top:0.25em;
    margin-bottom: 0.25em;
}
div#paypalpaybutton{
    margin: 0 auto;
    background-color: rgb(255, 196, 57);
    color: black;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 0.2em;
    font-size: 0.9em;
    display:inline-block;
    vertical-align: top;
    line-height: 1.8em;
    cursor: pointer;
}
img.paypal-btn{
    vertical-align: middle;
    height: 1.5em;
}
img#ccbutton{
    height: 2.5em;
    cursor: pointer;
}
div#divsubmit{
    margin-top: 0.75em;
}
div.appdownload{
    background-color: #f8f8f8;
    border-radius: 1em;
    padding: 1em;
    margin-top: 1em;
    text-align: center;
}
div.appdownloadtxt{
    text-align: left;
    margin-bottom: 1em;
}
h5 {
    width: 70%; 
    text-align: center; 
    border-bottom: 1px solid #bbb; 
    line-height: 0.1em;
    margin: 0 auto; 
    margin-top: 1.5em;
    margin-bottom: 2em;
 }
 h5 span { 
     background:#eee; color: #777;
     padding:0 10px; 
 }
 div#ccbutton{
    margin: 0 auto;
    background-color: rgb(0, 149, 255);
    color: white;
    padding: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 0.2em;
    font-weight: 700;
    display:inline-block;
    vertical-align: top;
    cursor: pointer;
}
img.ccbutton{
    vertical-align: top;
    height: 1.1em;
    padding-right: 0.5em;
}
 @media all and (max-width:900px) {
    .bodypanel{
        width:90%;
        margin-left:5%;
        margin-right:5%;
        padding-top: 1em;
        max-width: unset;
    }
     html,body{
        background-size: auto auto;
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: center;
        background-image: url('images/whitey.jpg');
     }
     input[type=text], textarea {
         width: 100%;
     }
    img.vertical{
        opacity:0;
        display: block;
        height: 20px;
    }
     div.header {
         text-align: center;
         background-color: #cceeff;
         width: 100%;
         height:45px;
         font-size: 0.7em;
     }
     h3,h2{
         font-size: 1em;
     }
	 .a2a_button_digg,.a2a_button_delicious{display: none;}
	 .a2a_pv_mobile{width:280px;}
     ul{
        padding-left: 0em;
     }
 }