@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#0e0e0e;
}
	
html { 
  background: url(../images/backgrounds/2560-bg-img.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:100%;
}

/*online quote display on off*/
hiddendiv {
display: none;
}

/*********LANDING PAGE CSS*********/
#headContent {
	position:absolute;
	width:94%;
	max-width:1780px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:200px;
	top:52px;
}
#logo {
	position:absolute;
	top:0;	
	width:357px;
	height:165px;
	left:0;
}
.logoImg {
	width:357px;
	height:165px;	
}
#socialMediaBtns {
	position:absolute;
	top:42px;	
	width: 186px;
	height:auto;
	right:0;
}
.twitterBtn {
	width:42px;
	height:44px;
	background-image:url(../images/buttons/twitter-btn-orig.png);
	background-repeat:no-repeat;
	float:left;
}
.twitterBtn:hover {
	width:42px;
	height:44px;
	background-image:url(../images/buttons/twitter-btn-roll.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
.instaBtn {
	width:42px;
	height:44px;
	background-image:url(../images/buttons/insta-btn-orig.png);
	background-repeat:no-repeat;
	margin-left:30px;
	float:left;
}
.instaBtn:hover {
	width:42px;
	height:44px;
	background-image:url(../images/buttons/insta-btn-roll.png);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:30px;

}
.contactBtn {
	width:42px;
	height:44px;
	background-image:url(../images/buttons/contact-btn-orig.png);
	background-repeat:no-repeat;
	margin-left:30px;
	float:left;
}
.contactBtn:hover {
	width:42px;
	height:44px;
	background-image:url(../images/buttons/contact-btn-roll.png);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-left:30px;
}
.bodyWrap {
	position:absolute;
	width:100%;
	height:auto;
	top:40%;
	left:0;
	right:0;
	overflow:auto;
}
#somethingWonderful {
	position:relative;
	width:858px;
	height:auto;
	top:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}
.somethingWonderful {
	width:100%;
	height:auto;
}
#signupBtn {
	position:relative;
	width:331px;
	height:77px;
	top:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/buttons/sign-up-orig.png);
	background-repeat:no-repeat;
	padding-bottom:20px;
}
#signupBtn:hover {
	width:331px;
	height:77px;
	background-image:url(../images/buttons/sign-up-roll.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
#bg  {
	opacity:0;	
}
.signupFormWrap {
}
#signupForm {
	position: absolute;
    top: 0;
	bottom:0;
	margin:auto;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	height:450px;
	display:none;
	z-index:100;
	background-color:#fff;
}
#signupFormSAF {
	position: absolute;
    top: 25%;
	width:50%;
	left:25%;
	height:50%;
	display:none;
	z-index:100;
}
#signupFormImg {
	position:relative;
	width:44%;
	float:left;
	height:auto;
	padding-right:6%;
	margin-top:15px;
}
#signupFormImg img{
	width:100%;
	height:auto;
}
#signupFormMC {
	float:right;
	width:50%;
	height:auto;
}
#signUpBtnClose {
	width:30%;
	max-width:75px;
	height:auto;
	padding-bottom:0.5%;
}
#signUpBtnClose img{
	width:100%;
	height:auto;
}
.signupTab {
	padding:30px 50px 50px 50px;
}
/*********RESPONSIVE STYLING*********/

/*********LAPTOPS*********/
@media screen and (max-width: 1920px) {
.bodyWrap {
	top:43%!important;
}
#somethingWonderful {
	width:740px!important;
}
}

/*********SMALLER LAPTOPS*********/
@media screen and (max-width: 1400px) {
.bodyWrap {
	/*top:42%!important;*/
}
#somethingWonderful {
	width:460px!important;
}
#signupForm {
	max-height:50%!important;	
}
#signupFormSAF {
	width:80%!important;
	left:10%!important;
	/*top:2%!important;*/
}
}
/*********TABLETS PORTRAIT*********/
@media screen and (max-width: 768px) {
#headContent {
	top:0!important;
}
	#logo {
	top:82px!important;
	left:0!important;
	right:0!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
#socialMediaBtns {
	top:26px!important;	
	left:0!important;
	right:0!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
.bodyWrap {
	top:46%!important;
}
#signupBtn {
	margin-top:10%!important;
}
#signupForm {
	max-height:1200px!important;
	bottom:3%!important;
	top:3%!important;
	overflow:visible;
}
#signupFormSAF {
	width:80%!important;
	left:10%!important;
	/*top:2%!important;*/
}
#signupFormImg {
	width:80%!important;
	left:10%!important;
	float:none!important;
	padding-right:0!important;
}
#signupFormMC {
	float:left!important;
	width:100%!important;
}
.signupTab {
	padding:3% 5% 5% 5%;
}
}
/*********SMARTPHONES*********/
@media screen and (max-width: 640px) {
html {
	  background: url(../images/backgrounds/640-bg-img.jpg) no-repeat top center fixed;
}
/*html, body {
	background:none!important;
  height: 100%!important;
  width: 100%!important;
  padding: 0;
  margin: 0;
}

#bg {
	opacity:1!important;
  z-index: -999;
  min-height: 100%;
  min-width: 640px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  margin-left:auto;
  margin-right:auto;
}*/
	#logo {
	top:82px!important;
	width:80%!important;
	height:auto!important;
}
.logoImg {
	width:100%!important;
	height:auto!important;	
	max-width:357px;
}
#socialMediaBtns {
	top:16px!important;	
	left:0!important;
	right:0!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
.bodyWrap {
	top:46%!important;
}
#signupBtn {
	margin-top:10%!important;
}
.twitterBtn {
	background-image:url(../images/buttons/twitter-btn-origx2.png)!important;
	background-size:42px 44px !important;
}
.twitterBtn:hover {
	background-image:url(../images/buttons/twitter-btn-rollx2.png)!important;
	background-size:42px 44px !important;
}
.instaBtn {
	background-image:url(../images/buttons/insta-btn-origx2.png)!important;
	background-size:42px 44px !important;
}
.instaBtn:hover {
	background-image:url(../images/buttons/insta-btn-rollx2.png)!important;
	background-size:42px 44px !important;

}
.contactBtn {
	background-image:url(../images/buttons/contact-btn-origx2.png)!important;
	background-size:42px 44px !important;
}
.contactBtn:hover {
	background-image:url(../images/buttons/contact-btn-rollx2.png)!important;
	background-size:42px 44px !important;
}
#somethingWonderful {
	width:92%!important;
	max-width:600px;
}
#signupBtn {
	width:80%!important;
	background-size:80% auto !important;
	left:8%!important;
}
#signupBtn:hover {
	width:80%!important;
	background-size:80% auto !important;
	left:8%!important;
}
#signupForm {
	width:74%!important;
}
#signupFormSAF {
	width:90%!important;
	left:5%!important;
	top:2%!important;
	/*height:90%!important;*/
}
}
/*********SMARTPHONES LANDSCAPE *********/
@media only screen and (max-width: 640px) and (orientation: landscape){
	#somethingWonderful {
	margin-top:160px!important;
}
#signupBtn {
	padding-top:15px!important;
}
html { 
	min-height:700px!important;
	max-height:100%!important;
}
#signupForm {
	width:74%!important;
}
}
/*********ALL PAGES CSS*********/



/*********HOME CSS*********/



/*********PAGE 1 CSS*********/




/*********PAGE 2 CSS*********/




/*********PAGE 3 CSS*********/


/*********FOOTER CSS*********/

/*********CLASSES*********/