@charset "UTF-8";
/* CSS Document for READYLIVE . BROKEN DOWN BY LAUNCH PHASES*/




/*

	LAUNCH

*/

.RLslogan {width:100%;}
.RLdesktopBrowsers {width:20%;}
.RLlogoTable {font-size:2.0em;}
.RLsunTzu {float:left;width:25%;margin:12% 5% auto 0;}
.RLsunTzuImg{width:60%}
#RLspinImg{float:left;display:block;width:20%;min-width:125px;position:relative}
#RLspinCopy{float:left;display:block;width:70%;padding-left:2%;position:relative}
.downloadSection {min-height:400px;}

/*
	NEW FOR ONLINE ACCOUNTS
*/
.RLtagsForm {width:80%;margin:0 auto;}
.RLguidelines{font-size:1.1em;display:inline-block;padding:10px 0}

.pgHeader5 {
		font-family:'Lato', Calibri, Arial, sans-serif;
		color:#000033;
		font-size:1.4em;
		font-weight:300;
		margin-bottom:0.1em;
}



@media screen and (max-width: 500px){ 

.RLslogan {width:80%;}
.RLdesktopBrowsers {width:45%;}
.RLlogoTable {font-size:1.3em;}
.RLsunTzu {position:relative;display:block;width:80%;margin:0px 10% 20% 10%;}
.RLtagsForm {position:relative;display:block;width:80%;margin:0px 10% 20% 10%;}
.RLsunTzuImg{width:90%}
#RLspinImg{display:block;float:none;width:auto}
#RLspinCopy{display:block;float:none;width:auto}

.pgHeader5 {
		font-family:'Lato', Calibri, Arial, sans-serif;
		color:#000033;
		font-size:1.2em;
		font-weight:300;
		margin-bottom:0.1em;
}

}




/*

	COMING SOON + SOME FORM FEATURES

*/

.RLpushPreview {
	
	padding:20px;
	
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left bottom,
	color-stop(0, #39BCF0),
	color-stop(1, #206687)
	);
	
	background-image: -o-linear-gradient(left bottom, #E3E4DE 0%, #E4E4DE 100%);
	background-image: -moz-linear-gradient(left bottom, #E3E4DE 0%, #E4E4DE 100%);
	background-image: -webkit-linear-gradient(left bottom, #E3E4DE 0%, #E4E4DE 100%);
	background-image: -ms-linear-gradient(left bottom, #E3E4DE 0%, #E4E4DE 100%);
	background-image: linear-gradient(to left bottom, #F3F3F3 0%, #DCDCDC 100%);
	
	border-radius: 10px;
	
	max-width:300px;
	
	-webkit-transition: all 10000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   	-moz-transition: all 10000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    -o-transition: all 10000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
    transition: all 10000ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

}
.RLlaunchSignUpForm {
		
	padding:20px;
	
	
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
	
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left bottom,
	color-stop(0, #39BCF0),
	color-stop(1, #206687)
	);
	
	background-image: -o-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(left bottom, #F0F0F0 0%, #FFFFFF 100%);
	background-image: linear-gradient(to left bottom, #F0F0F0 0%, #FFFFFF 100%);
	
	border-radius: 25px;
	
	max-width:300px;

}


.RLarrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	left:50%;
	margin-left: -20px;
	position: relative;
}


/*
input[type=email], { }
input:not([type=submit]):not([type=file]) { }
*/


	.imageEnv {
		width:100%;
		height:auto;
		margin: 0 auto ;
		position:relative;
		display:block;
		
	}
	
	.imageEnvBleedLeft {
		width:100%;
		height:auto;
		margin: 0 auto ;
		position:relative;
		display:block;
		left:0;
		
	}

	.images {
		
		width:100%;
		height:auto;
		margin: 0 auto ;
		display:block;
		
	}


@media screen and (max-width: 800px){ 

	#RLpageContainer {
	
		font-size:70%;
		
	}
		
	.imageEnv {
		width:80%;
		height:auto;
	}
	
	.downloadSection {min-height:350px;}
	
	.pgHeader5 {
		font-family:'Lato', Calibri, Arial, sans-serif;
		color:#000033;
		font-size:1.4em;
		font-weight:300;
		margin-bottom:0.1em;
}

}


@media screen and (max-width: 480px){ 

	#RLpageContainer {
	
		font-size:70%;
		
	}

	.imageEnv {
		width:80%;
		height:auto;
	}
	
	.downloadSection {min-height:300px;}
	
	.pgHeader5 {
		font-family:'Lato', Calibri, Arial, sans-serif;
		color:#000033;
		font-size:1.3em;
		font-weight:300;
		margin-bottom:0.1em;
}
	

}

@media screen and (max-width: 330px){ 

	#RLpageContainer {
	
		font-size:70%;
		
	}

	.imageEnv {
		width:90%;
		height:auto;
	}
	
	.downloadSection {min-height:350px;}
	
	.pgHeader5 {
		font-family:'Lato', Calibri, Arial, sans-serif;
		color:#000033;
		font-size:1.3em;
		font-weight:300;
		margin-bottom:0.1em;
}
	

}