@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
*{
	font-family:"open_sanslight";
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration:none;
	color:white;
}

a:visited{
	color:white;	
}

.contactbutton a{
	color:#191919;	
}

.contactbutton a:hover{
	color:#010101;
}
.contactbutton a:visited{
	color:#191919;	
}



/* Desktop Layout: greater than 1280 */


.gridContainer {
	width: 100%;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
}

.topbarCNT{
	width:100%;
	height:auto;
	background-color:white;
	color:#1f894e;
	font-family:font-family:"open_sanslight";
	font-size:30px;
	padding:10px;
	background-image:url("../images/rtsched_header_bg.png");
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-left: 90px;
}

.topbarCNT a,.topbarCNT a:active,.topbarCNT a:visited{
	color: #1f894e;
}
.topbarCNT img{
	height: 96px;
	margin-right: 12px;
}
.topbarCNT span{
	margin-top: 2px;
}

.centralnavCNT{
	width:100%;
	background-color:black;
	text-align: right;
	position: relative;
}
.view_nav{
	display: none;
}



.centralnavright{
	width:600px;
	width:100%;
	height:100%;
	display:inline-block;
	position: relative;
	
}

.navbox{
	display: inline-block;
	padding: 0px;
	background-color: black;
}
.navbox a{
	width:100px;
	height:100%;
	display:inline-block;
	border-left: 1px lightgreen solid;
	text-align:center;
	font-size:16px;
	padding:7px;
	color:white;
	box-sizing: border-box;
}
.login{
	background-color:darkblue;	
}

.trial{
	background-color:#0099cc;	
}

.navbox:hover{
	background-color:lightgreen;
	color:black;	
}

.hero{
	width:100%;
	/*height:700px;*/
	background-image: url("../images/picnic-computer.png");
	background-size: 100%;
	/*background-size: 1350px auto;*/
	background-repeat:no-repeat;
	font-size:50px;
	color:white;
	letter-spacing:-2px;
	position: relative;
	z-index: 1;
}
.hero .herobutton .buttontag {
letter-spacing: 0px;
}
.play_container{
	height: 100%;
	width: 100%;
	display: table;
	position: absolute;
	top: 0;
	left: 0;
}
.play-pause{
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	font-size: 2rem;
	font-family: fontAwesome;
	width: 100%;
	height: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#play_pause .play,  #play_pause .pause {
font-family: 'FontAwesome';
position: absolute;
font-size: 3rem;
visibility: hidden;
}
#play_pause:hover .play,  #play_pause:hover .pause {
visibility: visible;
}

.play-pause.playing .play{
	display: none;
}
.play-pause .pause{
	display: none;
}
.play-pause.playing .fa-pause{
	display: inline-block;
}
.bgvid {
	position: absolute;
	left: 51.7%;
	top: 22.5%;
	z-index: 0;
	width: 37.7%;
	height: 47.5%;
}

.bgvid video {
	width: 100%;
	height: 100%;
	/*background: url("../images/schoolicon.png") black no-repeat center center;*/
	background-color: black;
	background-size: contain;
}

input.submitbutton.disabled {
background-color: #CCC;
color: #E7E7E7;
}

.bg_height_holder{
	opacity: 0;
}
.hero_content{ 
	padding: 0 90px;
	padding-top: 60px;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
}

.herobutton{
	background-color:#99cc33;
	border-radius:5px;
	width:260px;
	height:50px;
	margin-left:90px;
	margin-top:80px;
	text-align:center;
	font-size:24px;
	color:white;
	padding:8px;
	line-height:35px;
	position: relative;
	z-index: 1;
}

.buttontag{
	font-size:11px;	
}

.subheroCNT{
	width:100%;
	height:508px;
	/*margin-top:188px;*/
	background-color: #ff9900;
	color:white;	
	position: relative;
	z-index: 2;
}

.subheroleft{
	width:50%;
	height:100%;
	display:inline-block;
	float:left;
	overflow:hidden;
	
		
}


.subherorightCNT{
	width:50%;
	height:100%;
	display: inline-block;
	float:right;
		
}

.subherorighttop{
	width:100%;
	height:70%;
	display:block;
	
	padding-top:50px;
	padding-right:50px;
	line-height:24px;

	text-align: center;
}

.bodytext{
	font-size:16px;
		
}

.titletext{
	font-size:36px;	
}

.subherorightbottom{
	width:100%;
	height:30%;
	text-align: center;
	
}

.icon{
	width:100px;
	height: 100px;
	display: inline-block;
	margin-right:25px;
	border-radius: 60px;
	overflow:hidden;
	opacity:0.3;
	text-align:center;
	background-color:black;
	padding-top:15px;
	color:white;
	vertical-align: top;
}
.icon a{
	width: 100%;
	height: 100%;
	display: inline-block;
}

.icon:hover{
	opacity:0.5;	
}

.iconlg{
	width:150px;
	height: 150px;
	display: inline-block;
	vertical-align: top;
	background-color: purple;
	margin-right:25px;
	border-radius: 100px;
	overflow:hidden;
	opacity:0.3;
	text-align:center;
	background-color:black;
	padding-top:20px;	
}
.iconlg a{
	width: 100%;
	height: 100%;
	display: inline-block;
}

.slot2left a:last-of-type .iconlg{
	margin-right: 0px;
}

.iconlg:hover{
	opacity:0.5;	
}

a:hover {
	color: white;	
}

.iconxlg{
	width:285px;
	height: 286px;
	border-radius: 165px;
	overflow:hidden;
	border: 10px solid #0099CC;
	text-align:center;
	background-color:black;
	opacity:0.8;
	display: inline-block;
}


.slot2CNT{
	width:100%;
	/*height:600px;*/
	background-color:#0099cc;
		
}

.slot2left{
	width:50%;
	/*height:100%;*/
	display:inline-block;
	box-sizing: border-box;
	vertical-align: top;
	padding-top:100px;
	padding-left:100px;
	color:white;
	line-height:24px;
	text-align: center;
}

.slot2leftbottom{
	width:100%;
	/*height:50%;*/
	display:block;
	margin-top:30px;	
}

.slot2right{
	width:50%;
	/*height:100%;*/
	display:inline-block;
	box-sizing: border-box;
	text-align:center;
	padding:100px;
}

.videobox{
	border: 2px solid lightgreen;	
}

.slot3CNT{
	width:100%;
	/*height:600px;*/
	background-color:#66cc33;
	background-image: url("../images/girlphone_mail.jpg");
	background-size:100%;
}

.slot3left{
	width:70%;
	/*height:100%;*/
	display:inline-block;
	box-sizing: border-box;
	vertical-align: top;
	/*float:left;*/
	min-height: 350px;
	position: relative;
}

.mobile_content {
	position: absolute;
	display: inline-block;
	top: 38.4%;
	left: 18.5%;
	width: 20.6%;
	height: 92%;
	border-radius: 3px;
	background: rgb(225, 225, 225);
}
.mobile_example{
	overflow: auto;
	height: 100%;
	border: 1px solid #aaa;
	border-color: #999 #ccc #ccc #777;
	border-radius: 3px;
}
.mobile_example ul{
	margin: 0;
	padding-left: 0px;
}
.mobile_example ul li {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid rgb(200,200,200);
	box-sizing: border-box;
	list-style-type: none;
}
.mobile_example ul li .text {
	font-size: 0.8rem;
	font-weight: bold;
}
.mobile_example ul li .sub_text {
	font-size: 0.6rem;
}

.slot3right{
	width:30%;
	height:100%;
	padding-top:50px;
	display:inline-block;
	box-sizing: border-box;
	vertical-align: top;
	color:white;
}

.slot3rightup{
	width:100%;
	/*height:60%;*/
	display:block;
	
	line-height:24px;
	padding-right:100px;	
}

.slot3rightdown{
	width:100%;
	height:40%;
	display:block;
	color:white;	
}

.slot4CNT{
	width:100%;
	height:500px;
	background-color:#6E4799;
	display:block;
	text-align: center;
}

.slot4left{
	/*width:25%;*/
	height:100%;
	display:inline-block;
	box-sizing: border-box;
	vertical-align: top;
	padding-left:30px;
	text-align:right;
	padding-top:180px;
	display: inline-block;
		
}

.slot4middle{
width: 50%;
/* height: 65%; */
color: white;
text-align: center;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
border-bottom: 2px dashed beige;
padding: 25px;
line-height: 24px;
padding-top: 40px;
}

.slot4right{
width: 25%;
/* height: 100%; */
display: inline-block;
box-sizing: border-box;
vertical-align: top;
padding-top: 180px;
text-align: left;
}

.footerCNT{
	width:100%;
	/*height:400px;*/
	background-color:whitesmoke;
	Color:darkgray;
	text-align:center;

}


.contactbutton{
	overflow:hidden;
	margin-top:20px;
	width:auto;
	height:50px;
	position: relative;
}
.contacticon, .contacttext{display: inline-block; vertical-align: top; border:1px solid lightgray; box-sizing: border-box; }
.contacticon{ border-right: none; border-radius: 25px 0px 0px 25px; overflow: hidden; height: 100%;}
.contacttext { padding: 12px; border-left: none; border-radius: 25px; width: 100%; padding-left: 60px; position: absolute; left: 0;}

.boldtext{
	color:darkblue;
	font-weight:bold;
	font-size:22px;
		
}

.footleft{
	width:65%;
	height:50%;
	color:black;
	display:inline-block;
	float:left;
	padding:70px;
	padding-top:50px;
	font-style:italic;
	font-size:13px;
	line-height:24px;
	text-align:left;
	
}

.footright{
	width:35%;
	height:50%;
	
	display:inline-block;
	float:left;
	
}

.qts{
	font-size:54px;
	color:gray;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.trynowbutton{
	background-color:#99cc33;
	border-radius:5px;
	width:260px;
	height:50px;
	margin-top:100px;
	
	
	text-align:center;
	font-size:24px;
	color:white;
	padding:8px;
	line-height:35px;	
}

.sig{
	font-family:Arial, Helvetica, sans-serif;
	color:#006699;
	font-style:normal;
	font-weight:bold;
	font-size:11px;
		
}

.sig2{
	font-weight:normal;
		color:#006699;
	font-style:normal;
	font-size:11px;	
}

.buttontag2{
	font-size:12px;
	color:black;
}

.footfoot{
	display:block;
	float:none;
	width:100%;
	/*height:100px;*/
	text-align:center;
	clear: both;
	padding-bottom: 5px;
}





@media only screen and (max-width: 1280px) {
.gridContainer {
	width: 100%;
	min-width:1270px;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}



}


/* Tablet layout */
@media only screen and (max-width: 768px) {
.gridContainer {
	width: 100%;
	min-width:767px;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}

.hero{
	/*height:339px;

	padding-left:50px;
	padding-top:30px;
	background-size:100%;
	letter-spacing:-2px;*/
	font-size:32px;
}

.hero_content img{
	width:37%
}

.herobutton{
	
	/*width:250px;
	height:40px;
	font-size:18px;
	padding:2px;
	line-height:35px;*/
	margin-left: 0px;
	margin-top: 36px;
	
}

.bgvid {
width: 289.6px;
height: 161px;
}

.topbarCNT{
	
	padding-left: 90px;
		
}
.subheroCNT{
	height:508px;
	/*margin-top:131px;*/
		
}

.subheroleft{
	width:0%;
	height:100%;
	display:inline-block;
	float:left;
	overflow:hidden;
	padding-top:100px;

	display:none;
	
		
}


.subherorightCNT{
	width:100%;
	height:100%;
	display: inline-block;
	float:right;

	padding-left:92px;
	padding-right:20px;
		
}

.subherorighttop{
	width: 100%;
	height: 70%;
	display: block;
	padding-top: 50px;
	padding-right: 75px;
	line-height: 24px;
}

.subherorightbottom{
	margin-top:-15px;	
}

.subherorighttop img{
	width:96%	
}

.icon{

	margin-right:50px;
	
		
}

.slot2CNT{
	height:950px;

		
}

.slot2left{
	width:100%;
	height:50%;
	display:block;
	padding-top:50px;
	padding-left:85px;
	padding-right:35px;
	text-align:center;
	
		
}


.slot2leftbottom{
	width:100%;
	height:50%;
	padding-left:0px;
	margin-top:100px;
	margin-left:-40px;
		
}

.slot2right{
	width:100%;
	height:50%;
	display:block;
	padding:90px;
}

.videobox{
	margin-top:-15px;
		
}

.slot3CNT{
	/*height:527px;*/
	background-repeat: no-repeat;
	background-size:120%;

}

.slot3left{
	width:55%;
	height:100%;
	display:inline-block;
	float:left;
	
}

.mobile_content {
top: 27.8%;
left: 28.2%;
width: 31.6%;
height: 66.3%;
border-radius: 1px;
}

.slot3right{
	width:45%;
	height:100%;
	
	padding-top:10px;
	display:inline-block;
	/*float:left;*/
	background-color:white;
	opacity:0.7;
	color:black;
	padding-right: 75px;
}

.slot3rightup{
	width:100%;
	/*height:60%;*/
	display:block;
	
	line-height:24px;
	padding-right:15px;
	padding-left:15px;	
}

.slot3rightup img{
	display:none;	
}

.slot3rightdown{
	width:100%;
	height:40%;
	display:block;
	padding-left:20px;
	text-align:center;
	padding-bottom: 20px;
	padding-top: 20px;
}

.slot3rightdown a{
	display: inline-block;

}

.slot4CNT{
	
	height:800px;

	display:block;	
}

.slot4left{
	width:40%;
	height:30%;
	display:inline-block;
	float:left;
	padding-left:20px;
	text-align:left;
	padding-top:90px;

		
}

.slot4middle{
width: 60%;
/* height: 30%; */
border-bottom: none;
text-align: left;
display: inline-block;
/* float: left; */
padding: 25px;
padding-right: 35px;
line-height: 24px;
padding-top: 40px;
}

.slot4right{
width: 25%;
/* height: 50%; */
display: block;
padding-top: 20px;
padding-left: 20px;
}

.footerCNT{
	width:100%;
	/*height:500px;*/
	background-color:whitesmoke;
	Color:darkgray;
	text-align:left;
	

}

.footleft{
	display:block;
	float:none;
	width:100%;
	height:auto;
	
}

.footright{
	display:block;
	float:none;
	width:100%;
	height:auto;
		
}

.trynowbutton{
	
	margin-top:-40px;
	margin-left:69px;
	
	
}
.boldtext{
	left-margin:60px;	
}

.footfoot{
	text-align:left;
	padding-left:77px;	
	padding-top:30px;
}

.navbox{
	width:90px;
	font-size:13px;
}

/*.features{
	display:none;	
}*/






}




/* Mobile Layout:  min of 480px .  I80erits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (max-width: 480px) {
.gridContainer {
	width: 100%;
	min-width:479px;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	background-size:100%;
	
}

.bgvid {
left: 248px;
top: 47px;
width: 180px;
height: 101px;
}

.hero{
	/*height:400px;
	background-color:darkgreen;
	letter-spacing:-2px;	*/
	font-size:24px;
}

.hero_content{
	padding: 0 40px;
	padding-top: 25px;
}

.herobutton{
	
	/*width:250px;
	height:40px;
	margin-left:109px;
	margin-top:-127px;
	
	font-size:18px;
	
	padding:2px;
	line-height:35px;*/
	
	width: 180px;
	height: 40px;
	font-size: 18px;
	line-height: 27px;
	margin-top: 13px;
	
}

.hero img{
	/*width:50%	*/
}
.hero_content img{
	/*width:50%	*/
}

.subheroCNT{
	height:708px;
	/*margin-top:87px;*/
	
		
}

.subherorightbottom{
	margin-top:-100px;	
}

.icon{

	margin-right:83px;
	margin-top:25px;
	opacity:1.0;
	
		
}

.iconlg{
	width:83px;
	height:83px;
	
	margin-right:25px;
	border-radius: 45px;
	padding-top:12px;	
	opacity:1.0;
}

.iconxlg{
	opacity:1.0
}

.slot2left{
	
	/*margin-left:66px;*/
	
		
}

.slot2leftbottom{

	/*margin-left:-66px;*/
		
}

.videobox{
	width:400px;
	height:260px;
	margin-top:-15px;
	margin-left:-60px;
		
}

.slot3CNT{
	/*height:521px;*/
	background-size: 240%;
	background-position: -80px 0;

}

.mobile_content{
	top: 34.8%;
	left: 26.2%;
	width: 62.9%;
	height: 82.5%;
	border-radius: 2px;

}

.slot3right{
	background-color:transparent;
	color:white;

}

.slot3rightdown{
	/*margin-top:40px;*/

}
.slot3rightdown .iconlg img{
	/*margin-top:40px;*/
	width: 30px;
}

.slot4CNT{
	
	/*height:800px;*/

	display:block;	
}

.slot4left{
	width:100%;
	display:block;
	padding-left:20px;
	padding-top:40px;
	position: relative;
	
}

.slot4middle{
	width:100%;
	/*height:25%;*/
	border-bottom:none;
	text-align:center;
	display:block;
	

	padding:25px;
	padding-right:25px;
	line-height:24px;
	padding-top:70px;
		
		
}

.slot4right{
	width:100%;
	/*height:25%;*/
	display:block;

	padding-top:90px;
	padding-left: 20px;
	
		
}

.iconxlg{
	width:160px;
	height:160px;
	padding:25px;
	padding-top:10px;
	margin-left:140px;	
}
.centralnavCNT {
	height: auto;
	right: 100%;
	position: absolute;
	
}
.view_nav{
	position: absolute;
	bottom: 100%;
	left: 100%;
	background: black;
	padding: 3px 0px 3px 5px;
	display: block;
	border-left: 1px lightgreen solid;
}
.view_nav i{
	font-size: 1.5rem;
	color: white;
}
.centralnavright{
	float:none;
	width: 100%;
}

.centralnavCNT .navbox{
	display: block;
}
.navbox{
	width:100%;
	font-size:12px;
	text-align: left;
}
.navbox a {
	width: 100%;
	text-align: left;
}

.navbox.support{
	display:none;
}


}

@media only screen and (min-width: 481px) {
	.centralnavright{
		left: 0px !important;
	}

	.navbox.support{
		display:none;
	}
}