
html {
display:block;
width:100%;
margin:0;
padding:0;
font-size:100%;
}
body {
background-color: rgba(255,255,255,1);
padding:0;
margin:0;
}
#comcast  {
font-weight:600;
max-width:800px !important;
margin-bottom:3em;
margin-top:2em;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* Form */

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
background: rgba(0,0,0, .075);
color: rgba(0,0,0, 1);
display: block;
outline: 0;
text-decoration: none;
width: 50%;
margin-top:.5em;
margin-bottom:.5em;
}
.control-label {
font-family: 'Open Sans', sans-serif;
font-size:1em;
color:rgba(0,0,0, 1);
font-weight: 600;
margin-bottom:1em !important;
}
input[type="checkbox"],
checkboxer {
zoom:1.5;
}

#checkboxer {
display:block;
left:0;
margin:1em -0.1em .5em 0em;
filter: invert(0%) hue-rotate(570deg) brightness(1);
}
#checkbox_container {
font-size:.8em;
max-width:450px;
}
p#disclaimer {
font-size:.75em;
}
#already-signed-notice, #registered-notice, #sms-already-signed-notice, #sms-registered-notice  {
font-family: 'Open Sans', sans-serif;
display:none;
position:relative;
text-align:center;
font-size:1em;
color: rgba(0,0,0, .65);
font-weight:400;
max-width:500px;
padding:1em 0em 1em 0em;
margin:0 auto;
}
#already-signed-notice a:link, #registered-notice a:link, #sms-already-signed-notice a:link, #sms-registered-notice a:link   {
color:#88053a;
font-weight:800;
text-decoration:none;
}
#already-signed-notice a:hover, #registered-notice a:hover, #sms-already-signed-notice a:hover, #sms-registered-notice a:hover  {
color:#838805;
text-decoration:none;
}
input[type="submit"],
input[type="email"],
input[type="text"],
placeholder {
text-align: left;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight:400;
background: rgba(0, 0, 0, .075);
text-transform: capitalize;
outline: 0;
border-bottom: 0px solid rgba(0,0,0, .1);
border-top:none;
border-right:none;
border-left:none;
padding: 0em 0 0 1em;
cursor:text;
height: 2.5em;
width: 50%;
}
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
focus {
color:#ffffff;
background-color: #d004fc;
outline: 3px dotted #a307fc;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
   }
input:focus::-moz-placeholder {
    color: transparent;
    }
::-webkit-input-placeholder {
    color: rgba(190,201,131,1);    
}
::-moz-placeholder {
    color: rgba(190,201,131,1);
}
:-ms-input-placeholder {
    color: rgba(190,201,131,1);
}
:-moz-placeholder {
    color: rgba(190,201,131,1);
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
@media screen and (max-width:500px) {
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
padding: 0.50em;
width:100%;
}
}

/* Wrapper */

.container {
display:block;
max-width:1000px;
margin:0 auto;
padding:0 2em 0 2em;
}
.wrapper.style2 {
padding:4em 0em 0em 0em;
margin:0;
width:100%;
}
.wrapper.style2 img {
border:1px solid rgba(0,0,0,0);
border-radius:8px;
box-shadow: 0px 3px 6px 11px rgba(0,0,0,.0);
position:relative !important;
display:block;
width:100%;
margin:3em 0em 1em 0em;
}
#thevideo {
position:relative !important;
display:block;
max-width:275px;
margin:0 auto;
margin-bottom:1em;
}
#thevideo img {
width:100%;
}
video {
position:relative;
display:block;
box-shadow: 0px 0px 2px 4px rgba(0,0,0,.25);
width:100%;
z-index:1;
}
.wrapper.style2 b {
font-family: 'Open Sans', sans-serif;
color: rgba(95, 119, 85, 1);
font-weight:700;
}
.wrapper.style2  h1 {
font-family: 'Open Sans', sans-serif;
font-size: 2em;
text-align:center;
margin-bottom: 0.70em;
letter-spacing: 0px;
line-height: 1.4em;
text-transform: none;
color: rgba(95, 119, 85, 1);
font-weight: 600;
}	
.wrapper.style2  p {
font-family: 'Open Sans', sans-serif;
font-size:1em;
font-weight:600;
text-align:justify;
color:rgba(0,0,0, .65);
line-height:1.7em;
}
.wrapper.style2  p#main {
font-family: 'Open Sans', sans-serif;
font-size:1em;
font-weight:600;
text-align:justify;
color:rgba(0,0,0, .65);
line-height:1.7em;
}
#already-signed-notice, #registered-notice {
display:none;
position:relative;
text-align:center;
font-size:1.5em;
color:rgba(0,0,0, .65);
max-width:600px;
padding:1em 0em 1em 0em;
margin:0 auto;
}
@media screen and (max-width:1280px) {

}
@media screen and (max-width:980px) {
.wrapper.style2 {
padding:1em 1em 0em 1em;
}
#thevideo {
max-width:235px;
}	
}
@media screen and (max-width:736px) {
.wrapper.style2  p {
font-size:.85em;
line-height: 1.5em;		
}	
.wrapper.style2  p#main {
font-size:.85em;
line-height: 1.5em;		
}	
.wrapper.style2  h1 {
font-size: 1.35em; 
}	
.container {
padding:0 1em 0 1em;
}	
}
@media screen and (max-width:480px) {
.wrapper.style2  p {
font-size:.75em;
letter-spacing:0px;	
line-height: 1.25em;		
}
.wrapper.style2  p#main {
font-size:.75em;
letter-spacing:0px;	
line-height: 1.25em;		
}
.wrapper.style2 img {
margin:1em 0em 1em 0em;
}
#thevideo {
max-width:180px;
}	
.control-label {
font-size: .75em;
}
.wrapper.style2  h1 {
text-align:center;
font-size: 1.15em; 
margin-bottom: 0.70em;
letter-spacing: 0px;
line-height: 1.4em;
text-transform: none;
font-weight: 600;
}	
#already-signed-notice, #registered-notice {
font-size:1em;
}
.container {
padding:0 .5em 0 .5em;
}	
}	
/*********************home button***********************************/
#homebutton {
text-align:center;
display:block;
position:relative;
margin: 0 auto;
padding:2em 0em 0em 0em;
z-index:0;
}
.button.small {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: rgba(255,255,255,1) !important;
font-weight:600;
border-radius: 6px;
border: none;
background-image: linear-gradient( rgba(143,152, 98, 1), rgba(133,148,3,1), rgba(190,201,131,1));	
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .5);
cursor: pointer;
display: inline-block;
padding: .3em 1.5em .3em 1.5em;
margin:1em 0em 6em 0em;
text-align: center;
text-decoration: none;	
}
.button.small:hover {
text-decoration:none;
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .15);
}
.button.small:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
.tabs {
text-align: center;
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 450px;
}
.button.large {
text-align: center;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: rgba(255,255,255,1) !important;
font-weight:600;
border-radius: 6px;
background-image: linear-gradient( rgba(143,152, 98, 1), rgba(133,148,3,1), rgba(190,201,131,1));	
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .5);
cursor: pointer;
padding: .3em 1.5em .3em 1.5em;
margin-right: .25em;
margin-left: .25em;
text-decoration: none;	
width: 150px;
}
.button.large:hover {
text-decoration:none;
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .15);
}
.button.large:focus {
color:#000000;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
@media screen and (max-width:980px) {
#homebutton a {
font-size:1em;
width:170px;
}
}
@media screen and (max-width:736px) {
#homebutton a {
font-size:.75em;
width:105px;
padding:.3em 0em .25em 0em;
}
}
@media screen and (max-width:480px) {
#homebutton a {
font-size:.75em;
width:100px;
padding:.4em .6em .4em  .6em;
margin:0 0 0 0;
}
.button.small {
font-size:.85em;
padding: .25em .5em .25em .5em;
}
#homebutton img {
max-width:100px;
}	
}
/* Footer */

#footer {
font-family: 'Open Sans', sans-serif;
padding: 8em 0 8em 0;
text-align: center;
background-color:rgba(255,255,255,1);
}
#footer a {
font-size: 1em;
color:rgba(112,125,2,1);
font-weight: 600;
text-decoration:none;
}
#footer a:hover {
font-size: 1em;
color:rgba(112,125,2,.5);
text-decoration:none;
}
#footer a:focus {
color: #ffffff;
background-color: #d004fc;
outline: 3px dotted #a307fc;
}
#footer  h2 {
color: #000000;
}
#footer .copyright {
margin-top: 1em;
text-align: center;
}		
@media screen and (max-width:480px) {
#footer .major h2 {
font-size:1.5em;
}	
#footer   p {
text-align:justify;
padding:0em 1em 0em 1em;
}	
#footer a {
font-size:1em;
}
#footer a:hover {
font-size:1em;
}	
}	
@media screen and (max-width:350px) {
#footer  h2 {
font-size:1em;
}
}	
/* Copyright */

#copyright {
position: relative;
font-size: 2em;
text-transform: none;
text-align: center;
padding: 1.5em 0em 2em 0em;
color: #000000;
opacity: 1;
}
#copyright a {
text-decoration: none;
color: #454545;
}
@media screen and (max-width:480px) {
#copyright {
font-size:1em;
}
}	
@media screen and (max-width:350px) {
#copyright {
font-size:1em;
}
}	
/* Lists */

ul {
list-style: none !important;
position:relative;
}
ul li {
list-style: none !important;
}
ul.icons {
position:relative;
cursor: default;
padding: 0em 0em 0em 0em;

}
ul.icons li {
display: inline-block;
line-height: 0em;
margin: .2em 0em .2em 0em;
}
ul.icons li:first-child {
padding-left: 0;
}
ul.icons li span {
display: none;
}
ul.icons li a {
list-style: none !important;
text-decoration: none;
font-size: 4em;
color: #5d9f10;
opacity: 1;
transition: all 0.35s ease-in-out;
}
ul.icons li a:hover {
color: #454545;
opacity: 1;
list-style: none !important;
}
