/* ------------------------------------- */
/* Content Area */
/* ------------------------------------- */
body {font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.42857143; color: #000000; background-color: #ffffff;}
#wrapper {background: #fff;} /* Page container */

/* Limit Content container growth to 1200px wide */
.contentMaxWidth {max-width:1200px; margin-left:auto; margin-right:auto; width:auto; text-align:left;}
/*
@media screen and (max-width: 480px) {
.contentMaxWidth {margin-left:-15px; margin-right:-15px; width:auto; text-align:left;}	
}
*/

/* Button Links */
.buttonLink         {text-decoration: none;}
.buttonLink:link    {text-decoration: none;}
.buttonLink:visited {text-decoration: none;}
.buttonLink:hover   {text-decoration: none;}
.buttonLink:active  {text-decoration: none;}

/* ------------------------------------- */
/* Standard CSS elements */
/* ------------------------------------- */
H1 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 36px; color: #000000; line-height: 38px; margin:0px; margin-bottom:10px; font-weight:300;}
.h1 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 36px; color: #000000; line-height: 38px; margin:0px; margin-bottom:10px; font-weight:300;}

H2 A:visited {text-decoration : none;color : #0f6cb6;}
H2 A:link  {text-decoration : none;color : #0f6cb6;}
H2 A:hover  {text-decoration : none;color : #0f6cb6;}
H2 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 24px; color: #0f6cb6; line-height: 26px; margin:0px; margin-bottom:10px; font-weight:300;}
.h2 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 24px; color: #0f6cb6; line-height: 26px; margin-bottom:20px; font-weight:300;}
H3 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 40px; color: #0f6cb6; line-height: 42px; margin:0px; font-weight:300;}
.h3 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 40px; color: #0f6cb6; line-height: 42px; margin:0px; font-weight:300;}
H4 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 20px; color: #57595b; line-height: 24px; margin:0px; font-weight:bold;}
.h4 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 20px; color: #57595b; line-height: 24px; margin:0px; font-weight:bold;}

p A:visited {text-decoration : none;color : #666666;}
p A:link  {text-decoration : none;color : #666666;}
p A:hover  {text-decoration : none;color : #666666;}
p {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; color: #666666; font-size: 16px; line-height: 20px; margin:0px; padding:0;}

.finePrint {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; color: #666666; font-size: 12px; line-height: 16px; margin:0px; margin-left:15px; padding:0;}

ul {margin-left:15px; padding:0; list-style-position:outside;}
li {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; color: #666666; font-size: 16px; line-height: 20px; margin:0; padding:0;}


/* ------------------------------------- */
/* Footer */
/* ------------------------------------- */
footer {padding-top:0px; padding-bottom:0px; background-color:#ffffff;}

.bottomNavColorBG {background-color: #0f6cb6;padding:80px 0px 20px 0px;}

.bottomNav_Large {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 48px; color: #ffffff; line-height: 48px; margin-bottom:10px;font-weight:300;}
.bottomNav_Small {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 30px; color: #ffffff; line-height: 30px; margin-bottom:30px;font-weight:300;}

.bottomNav_Button:hover  {background-color:#083c66;}
.bottomNav_Button {
	width:100%;
	font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif;
	font-size: 16px;
	line-height: 40px;
	font-weight:300;
	background-color: #3f8bc8;
	color: #ffffff;
    border: 0px;
	height:40px;
	border-radius: 10px;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}

.bottomNav_ButtonLarge:hover  {background-color:#083c66;}
.bottomNav_ButtonLarge {
	width:320px;
	font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif;
	font-size: 16px;
	line-height: 40px;
	font-weight:300;
	background-color: #3f8bc8;
	color: #ffffff;
    border: 0px;
	height:40px;
	border-radius: 10px;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}

@media screen and (max-width: 767px) {
.bottomNav_Button, .bottomNav_ButtonLarge {
	width:100%;
}	
}

.bottom_navNav A:visited {text-decoration : none;color : #666666;}
.bottom_navNav A:link  {text-decoration : none;color : #666666;}
.bottom_navNav A:hover  {text-decoration : underline;color : #666666;}
.bottom_navNav {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 12px; font-weight:normal; color: #666666; line-height: 18px;}

.bottom_navAddress {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 12px; font-weight:normal; color: #666666; line-height: 18px;}
.bottom_navName {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 16px; font-weight:bold; color: #666666; line-height: 20px;}
.bottom_navTagline {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 14px; font-weight:bold; color: #666666; line-height: 20px;}

.bottom_navDisclaimer A:visited {text-decoration : none;color : #083c66;}
.bottom_navDisclaimer A:link  {text-decoration : none;color : #083c66;}
.bottom_navDisclaimer A:hover  {text-decoration : underline;color : #083c66;}
.bottom_navDisclaimer {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 14px; font-weight: normal; color:#083c66; line-height: 20px;}

.bottom_NavTerrapin A:visited {text-decoration : underline;color : #0c5f99;}
.bottom_NavTerrapin A:link  {text-decoration : underline;color : #0c5f99;}
.bottom_NavTerrapin A:hover  {text-decoration : underline;color : #0c5f99;}
.bottom_NavTerrapin {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 14px; font-weight:normal; color: #0c5f99; line-height: 20px;}


/* ------------------------------------- */
/* Social Icons */
/* ------------------------------------- */

/* Social Share Properties */
.socialShare span {display: inline-block; width: auto;}
.socialShareIcons {border-radius: 50%; width: 50px; height:auto; margin-right:10px;}	

/* Social Icons for Nav */
.navSocialIcons {
	width:auto;
	height:auto;
	max-width:35px; 
	max-height:35px;
	margin-left:5px;
	margin-right:5px;	
	margin-bottom:10px;
	}	


/* ------------------------------------- */
/* Homepage */
/* ------------------------------------- */
.homeBannerTitle {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 16px; line-height:24px; font-weight:normal; color: #999999;}
.homeBannerBody {font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif; font-size: 12px; font-weight:normal; color: #333333;}

.homeGlamBackground {
	background-color: #66afea;
	background-image:url(../images/homeGlam_BG.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size: cover;
	min-height:100%;
	padding:80px 0px 60px 0px;	
}

.homeGlamBackground H1 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 100px; color: #ffffff; margin:0px; margin-bottom:40px; font-weight:300 !important; margin-top:-70px; 	transition:all linear 0.2s;}
.homeGlamBackground .subTitle {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 44px; color: #ffffff; line-height: 38px; margin:0px; margin-bottom:10px; font-weight:100 !important; font-style:italic; transition:all linear 0.2s;}
@media screen and (max-width: 850px) {.homeGlamBackground H1 {margin-top:-60px;}}
@media screen and (max-width: 705px) {.homeGlamBackground H1 {margin-top:-60px; font-size:80px;}.homeGlamBackground .subTitle {font-size: 36px; line-height: 38px;}}
@media screen and (max-width: 580px) {.homeGlamBackground H1 {margin-top:-20px; font-size:75px;}.homeGlamBackground .subTitle {font-size: 34px; line-height: 34px;}}
@media screen and (max-width: 480px) {.homeGlamBackground H1 {margin-top:10px; font-size: 75px; margin-bottom:20px;}}
@media screen and (max-width: 381px) {.homeGlamBackground H1 {font-size: 60px;} .homeGlamBackground .subTitle {font-size: 28px; line-height: 30px;}}

.SignUpCTA {font-size:18px; line-height:24px; color:#000000; font-weight:300;}


.benefitsList {font-size:24px; line-height:28px; color:#0f6cb6; padding-bottom:20px;}
.benifitsList_gray {color:#57595b;

}
/* ------------------------------------- */
/* Color Background Containers */
/* ------------------------------------- */
.grayColorBG {background-color: #d4d9dd;}

/* ------------------------------------- */
/* How It Works */
/* ------------------------------------- */
.howItWorksGlamBackground {
	background-color: #66afea;
	background-image:url(../images/howitworksGlam_BG.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	min-height:100%; /**/
	padding:60px 0px 45px 0px;
}
/*@media screen and (max-width: 767px) {.howItWorksGlamBackground {background-position:left;}}
@media screen and (max-width: 480px) {.howItWorksGlamBackground {background-position:left;}}*/

.howItWorksGlamBackground H1 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 100px; line-height:100px; color: #ffffff; margin:0px; margin-bottom:0px; font-weight:300;}
.howItWorksGlamBackground .subTitle {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 44px; color: #ffffff; line-height: 38px; margin:0px; margin-bottom:10px; font-weight:100; font-style:italic;}
@media screen and (max-width: 635px) {.howItWorksGlamBackground H1 {font-size: 75px; line-height:75px;}} /* .howItWorksGlamBackground {height:525px;} */
@media screen and (max-width: 480px) {.howItWorksGlamBackground H1 {font-size: 70px; line-height:70px;}} /* .howItWorksGlamBackground {height:590px;} */
@media screen and (max-width: 381px) {.howItWorksGlamBackground H1 {font-size: 60px; line-height:60px;} .subTitle {font-size: 26px;line-height: 30px;}}

/* ------------------------------------- */
/* FAQs */
/* ------------------------------------- */
.faqGlamBackground {
	background-color: #66afea;
	background-image:url(../images/faqGlam_BG.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	max-height:617px;
	padding:60px 0px 60px 0px;
}

.faqGlamBackground H1 {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 100px; line-height:100px; color: #ffffff; margin:0px; margin-bottom:0px; font-weight:300;}
.faqGlamBackground .subTitle {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif; font-size: 44px; color: #ffffff; line-height: 38px; margin:0px; margin-bottom:10px; font-weight:100; font-style:italic;}
@media screen and (max-width: 635px) {.faqGlamBackground H1 {font-size: 75px; line-height:75px;}} /* .faqGlamBackground {height:525px;} */
@media screen and (max-width: 480px) {.faqGlamBackground H1 {font-size: 75px; line-height:75px;}} /* .faqGlamBackground {height:590px;} */
@media screen and (max-width: 381px) {.faqGlamBackground H1 {font-size: 60px; line-height:60px;}}

.faqCTA {font-size:24px; line-height:40px; color:#57595b; font-weight:300; margin-bottom:20px;}

.SignUpClose {
	font-size:24px;
	color:#0f6cb6;	
}

.content_Button:hover  {background-color:#3f8bc8; text-decoration:none !important;}
.content_Button {
	font-family: 'Roboto', Arial, Helvetica, Verdana, Times, sans-serif;
	font-size: 16px;
	line-height: 40px;
	font-weight:300;
	background-color: #0f6cb6;
	color: #ffffff;
    border: 0px;
	height:40px;
	border-radius: 10px;
	padding-left:25px;
	padding-right:25px;		
	text-align:center;
	cursor: pointer;
	cursor: hand;
	text-decoration:none !important;
	outline:0;
}