:root {
  --blue: #070F5E;
  --blueL: #114a73;
}

body, html{padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	border: none;
	background:none}
#dHelp, #mobile{background-color:#fff}

p, #dImgPrev{padding: 0 10px; width:90%}
p {font-size: 18px; line-height: 1.5}

body {font-family: 'Open Sans', sans-serif;}

.aButton { text-decoration: none}
#mobile {width: 320px; }

#dVideo1, #dVideo2 {position:relative; margin: 10px auto;
    width: 100%;}

.video, .side_nav {margin: 0 auto; flo at:left}
.video { height: 200px}

	a.noline {text-decoration:none;}
	
#dGroup, #dGroup2 {margin: 0 auto; }
#dGroup select, #dGroup2 select {font-size:16px;
	font-weight:bold; color:#283c51}
.in { padding: 7px 5px 20px 5px}
#block{width:95%; margin: 0 auto; position:relative}
.video {width:100%}
iframe {width:100%}
.side_nav{width: 100%}

.button {background-color:#172674; color:#fff; text-align: center; height: 30px; padding: 20px 0}
#hd{
display: block; width: 100%; height: 90px;
    background: url(../images/header2m.jpg) no-repeat top left;
}

#dLogin, #dPromo {position: absolute}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
, (max-device-width : 480px)
, (max-device-width : 412px) {
/* Styles */

h1, h2, h3{font-family: 'Anton', sans-serif; font-size: 26px;color:#660000; width:100%; margin: 20px auto; text-align:center; line-height: 1.4;}
h2 {font-size: 16px; font-weight: 100;}
h3{width: 100%}
#container {width: 100%; overflow: hidden; height: 1800px}
body {background-color:#fff}

#hd{
    background: url(../images/headerm.jpg) no-repeat top left;
}
}
#step1, #step2, #step3, #step31, #step4, #step5, #step6, #step7, #step8, #step9, #step10, #step14 {position: absolute; padding-bottom: 150px; width:100%}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

#mobile {width: 100% }

#hd{
  height: 129px;
    background: url(../images/header2m.jpg) no-repeat top left;
	width: 100%;
}
#hd_screen, #hd_screen_outer { visibility: none;}
}

#hd_screen_outer img {height: 100%}


@media (min-width:1025px) {
#hd_screen_outer {visibility: visible; height: 129px; background-color:var(--blueL);}
#hd_screen {visibility: visible; height: 129px; background: url(../images/powergroups-logo-m.jpg) no-repeat top center;  width: 420px; margin: 0 auto}
#hd{ visibility: hidden;}
	#mobile {width: 420px; margin: 0 auto}
	#step1, #step2, #step3, #step31, #step4, #step5, #step6, #step7, #step8, #step9, #step10, #step14 {position: absolute; padding-bottom: 150px; width:420px}
}



#hd img {width:100%}

#step {padding-bottom: 50px}


.step {position:relative; padding: 0; margin: 0 auto; width: 95%}
#step9 p img { width: 80px; margin: 0 auto}

.vis {visibiliity: visible}
.hid {visibility: hidden; height:0}

#step1 b {color:#af1616}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input, textarea, table, #step3 select, #step10 select,#statesStep4 select,#statesStep41 select{position:relative; padding: 7px; font-size: 18px; color:#12224c; width: 100%}
input, #step3 select, #step10 select,#statesStep4 select,#statesStep41 select{display:block; width:90%; margin: 0 auto}
input, #step22 select, #step3 select, #step10 select,#statesStep4 select,#statesStep41 select{padding: 7px 10px}
 #step22 input {width: 75px}
 
 #step22 select, #step22 input {float: left; margin: 0 5px; font-size: 18px; color: #12224c;}
table{ border: 0}

input[type="button"].butt2 {line-height: 0;}

.butt2, input[type="button"].butt2 {
	width:80%;
	margin: 0 auto;
	text-align: center;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #0e456c));
	background:-moz-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #0e456c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#0e456c',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:12px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

.butt4 {
	margin: 0 auto;
	text-align: center;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #0e456c));
	background:-moz-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #0e456c 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #0e456c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#0e456c',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:12px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	
	width:30%;
}

.inactive {
	
	-moz-box-shadow:inset 0px 1px 0px 0px #e1e4e6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e1e4e6;
	box-shadow:inset 0px 1px 0px 0px #e1e4e6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c9ccce), color-stop(1, #737576));
	background:-moz-linear-gradient(top, #c9ccce 5%, #737576 100%);
	background:-webkit-linear-gradient(top, #c9ccce 5%, #737576 100%);
	background:-o-linear-gradient(top, #c9ccce 5%, #737576 100%);
	background:-ms-linear-gradient(top, #c9ccce 5%, #737576 100%);
	background:linear-gradient(to bottom, #c9ccce 5%, #737576 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9ccce', endColorstr='#737576',GradientType=0);
	background-color:#c9ccce;
	border:1px solid #ced1d4;
	
	text-shadow:0px 1px 0px #c7cacd;
}


.butt2_deleted:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0e456c), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #0e456c 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #0e456c 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #0e456c 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #0e456c 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #0e456c 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e456c', endColorstr='#79bbff',GradientType=0);
	background-color:#0e456c;
}
.butt2:active {
	position:relative;
	top:1px;
}

.bRed
{
    background: -webkit-linear-gradient(top, #FF4A40 0%, #93959a 50%, #82868e 50%, #7a7c80 100%);
	background: -moz-linear-gradient(top, #FF4A40 0%, #93959a 50%, #82868e 50%, #7a7c80 100%);
	background: -o-linear-gradient(top, #FF4A40 0%, #93959a 50%, #82868e 50%, #7a7c80 100%);
	background: linear-gradient(to bottom, #FF4A40 0%, #b51a1a 50%, #ac1818 50%, #930c0c 100%);
	border: 1px solid #E8110C;
	 
	cursor: pointer;
}
.bRed:hover
{
    background: -webkit-linear-gradient(top, #E80E0C 0%, #93959a 50%, #82868e 50%, #FF4A40 100%);
	background: -moz-linear-gradient(top, #E80E0C 0%, #93959a 50%, #82868e 50%, #FF4A40 100%);
	background: -o-linear-gradient(top, #E80E0C 0%, #93959a 50%, #82868e 50%, #FF4A40 100%);
	background: linear-gradient(to bottom, #E80E0C 0%, #b51a1a 50%, #ac1818 50%, #FF4A40 100%);
	border: 1px solid #E8110C;
	 
	cursor: pointer;
}

.bGreen
{
    background: -webkit-linear-gradient(top, #98f373 0%, #4b9c2b 50%, #4b9c2b 50%, #2d5e1a 100%);
	background: -moz-linear-gradient(top, #98f373 0%, #4b9c2b 50%, #4b9c2b 50%, #2d5e1a 100%);
	background: -o-linear-gradient(top, #98f373 0%, #4b9c2b 50%, #4b9c2b 50%, #2d5e1a 100%);
	background: linear-gradient(to bottom, #98f373 0%, #4b9c2b 50%, #4b9c2b 50%, #2d5e1a 100%);
	border: 1px solid #3d8222 ;
	 
	cursor: pointer;
}

#step2 .butt2 {
	width:70%; }
	
.sep2 {height: 7px}
.sep3 {height: 35px}

td{ padding: 10px 0}

#msg, #msg41, #msg2, #msg7, #msg8, #msgPromo, #msg10, #msg93 {color:#af1616; margin: 5px 0 10px 20px}

#help_outer{position:relative; overflow:hidden; height: 0px; }
#help_outer p, #step1 p, #step3 p, #step14 p {font-size: 18px; line-height: 1.5}

#help_outer.show {top: 0px; height: 900px}

#dHelp {display:block}
.help {position:absolute; border-bottom: 2px dotted #627194; padding-bottom: 10px; margin-bottom: 10px}

.hide {height: 0px}

#dHelp1.hide {top:-850px; height: 0px}
#dHelp1.show {top:0px; height: 850px}

#dHelp3.hide {top: -300px; height: 0px}
#dHelp3.show {top: 0px; height: 300px}

#dHelp31.hide {top: 0px; height: 0px}
#dHelp31.show {top: 0px; height: 620px}

#help_outer.show, #dHelp31.show {
	-webkit-transition: height 1.0s; /* For Safari 3.1 to 6.0 */
	-o-transition: height 1.0s; /* For Safari 3.1 to 6.0 */
	-moz-transition: height 1.0s; /* For Safari 3.1 to 6.0 */
	transition: height 1.0s;
	}
#help_outer.hide, #dHelp31.hide{
	-webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
	-o-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
	-moz-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
	transition: height 0.5s;
	}
	
	
.show {
	-webkit-transition: top 1.0s; /* For Safari 3.1 to 6.0 */
	-o-transition: top 1.0s; /* For Safari 3.1 to 6.0 */
	-moz-transition: top 1.0s; /* For Safari 3.1 to 6.0 */
	transition: top 1.0s;
	}
.hide{
	-webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
	-o-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
	-moz-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
	transition: top 0.5s;
	}
	
#raguo, #raguo31.hi
{
	font-size:40px;
	float: right;
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -ms-transform: rotate(-90.0deg);  /* IE9+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
    transform: rotate(-90.0deg);  /* Standard */
}
#raguo, #raguo31.r_show
{
	font-size:40px;
	float: right;
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    -moz-transform: rotate(+90.0deg);  /* FF3.5+ */
    -ms-transform: rotate(+90.0deg);  /* IE9+ */
    -o-transform: rotate(+90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(+90.0deg);  /* Safari 3.1+, Chrome */
    transform: rotate(+90.0deg);  /* Standard */
}

.share {width: 100%}

iframe {height:200px}
#step1 iframe {height: 230px}
#step38 iframe {height: 2000px}
#step11_img1 img, #step11_img2 img, #step11_img3 img{display:block; margin:0 auto}

.img_yt img {width:290px; display: block; margin: 0 auto}
.img_yt{width:29
0px; height:130px;  margin: 0 auto 10px auto; }

#st38display {
    margin: 0;
    padding: 0;
    top: -300px;
    position: relative;
    display: block;
}