@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%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

*{
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
	box-sizing: border-box;
}
	
body{


font-family:sinkinsans;
margin:auto;	
font-size: 12px;

}

/* Mobile Layout: 480px and below. */

.gridContainer {
	
}

.herobanner{
	width:100%;
	height:auto;
	background-image: url("..//images/girlstudyfrustrated.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
	background-color:black;	

}

.herobanner img{
	width:100%;
	visibility:hidden;
}


/*slider styles*/
.pricing_slider .table {
	font-size: 1.2rem;
    margin-top: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #000;
}
.pricing_slider .table span {
    text-align: center;
    color: #191919;
}
.pricing_slider label {
    padding: 0.4rem;
}
.pricing_slider .table .inset_cell {
    text-align: center;
    display: inline-block;
    box-shadow: 0px 0px 6px #aaa inset;
    border-radius: 5px;
    padding: 0.5rem 1rem;
}
.pricing_slider .table .button {
    text-align: center;
    display: inline-block;
    box-shadow: 1px 1px 3px #aaa;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    color: white;
    background-color: rgb(0, 128, 0);
}
.pricing_slider .table .button {
    font-size: 0.9rem;
    padding: 0.1rem 0.5rem;
    border-radius: 0.15rem;
    background: #F09B3C;
    vertical-align: inherit;
    margin-left: 0.3rem;
    color: black;
    cursor: pointer;
    text-shadow: 0px 1px rgba(255,255,255,0.2);
    margin-top: 1rem;
}
.pricing_slider .table label.error{
	color: #B1000D;
	font-size: 0.8rem;
}

.benefit_img img{ visibility: hidden;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	
}

}



@media only screen and (min-width: 600px) {
.gridContainer {

}

}

@media only screen and (min-width: 800px) {
.gridContainer {
	
}

}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1024px) {




.mainbannerCNT{
	width:100%;
	height:auto;
		
}

.uppermain{
	width:100%;
	height:120px;
	background-color: white;
	text-align:right;
	font-size:24px;
	color:black;
	text-align:left;
	padding:1rem;

}

.uppermain img{
	width:200px;
	float:right;

}

.uppernavCNT{
	width:100%;
	height:40px;
	text-align:right;
	padding-right:30px;
	background-color:transparent;
	
		
}

.uppernavbox{
	width:auto;
	height:100%;
	padding:20px;
	display:inline-block;
	float:right;
	background-color:transparent;
	text-align:center;
	padding-bottom:0px;
	
		
}

.uppernavbox:hover{
	border-bottom:3px solid red;	
}

.mainnav{
	width:100%;
	height: 150px;
	text-align:center;
	
	font-size:18px;
	color:darkgray;
	padding-bottom:15px;

}
.mainnav a{
	color:darkgray;
	text-decoration: none;

}

.lowermain{
	width:100%;
	/*height:600px;*/
	background-color:#3C5279;	
}

.columns{
	/*background-color:#3C5279;*/
	width:50%;
	height:100%;
	display:inline-block;
	color:lightgray;
	padding:50px;
	
	font-size:14px;
	font-weight: 400;
	box-sizing: border-box;
	border-left: solid 1px #347990;
	position: relative;
	vertical-align: top;
}

.firstcolumn{
	border-right: solid 1px #347990;
	border-left: solid 1px #transparent;	
	left: 1px;
}

.smalltitletext{
	font-family:"aftaserifthin regular";
	font-size:30px;
	
}

.smallbodytext{
	line-height: 1.9rem;	
}

.feature1CNT{
	background-color:#F09B3C;
	height:430px;
	width:100%;
	margin-top:40px;
	
		
}

.feature1left{
	height:100%;
	width:40%;
	
	display:inline-block;
	float:left;
		
}

.feature1right{
	height:100%;
	width:60%;
	display:inline-block;
	float:left;
	font-size:14px;
	padding:30px;
	
	color:white;
	
		
}

.feature2CNT{
	background-color:whitesmoke;
	height:450px;
	width:100%;
	padding:30px;
	line-height:26px;
	padding: 30px 0px;
}
.feature2CNT p, .feature2CNT h3{
	padding-left:30px;
	padding-right:30px;
}
.feature2CNT p, .feature2CNT li{
	font-size: 1rem;
}

.feature2CNT h3{
	font-size: 4rem;
	padding-left:50px;
}

.benefits_box { padding: 0px; width: 100%; margin-top: 3rem; background: rgba(255,255,255,0.8); }
.benefit_img{ overflow: hidden; max-height: 15rem; background-position: center center;}
.benefits_box:nth-of-type(5n+1) .benefit_img { background-color: #F09B3C; }
.benefits_box:nth-of-type(5n+2) .benefit_img { background-color: #3C5279; }
.benefits_box:nth-of-type(5n+3) .benefit_img { background-color: #6D3C79; }
.benefits_box:nth-of-type(5n+4) .benefit_img { background-color: #0C6F3B; }
.benefits_box:nth-of-type(5n+5) .benefit_img { background-color: #793C3C; }
.benefit_img img{ visibility: hidden;}
.benefit_img, .benefit_content { display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top; }
.benefit_content { padding: 1rem 3rem; }
.benefit_content h2{}
.benefit_content p{}

.colm1{
	width: 33.33%;
    height: 100%;
    display: inline-block;
    /* float: left; */
    color: #191919;
    padding-right: 30px;
    vertical-align: top;
    box-sizing: border-box;
}
.feature4CNT .colm1{
	color: whitesmoke;
}
.colm1 table{
	color:#191919;
}

.pricetable{
	border: 1px solid lightgray;	
	
	width:100%;
}


.pricetable tr td{
	padding:20px;
	font-size:16px;
		
}

.pricetable tr:nth-child(1) td{
	background-color:#505080;
	color:white;	
}

.feature3CNT{
	background-color:#0C6F39;
	height:300px;
	width:100%;
}


.feature4CNT{
	background-color: #0C6F3B;
	height:auto;
	width:100%;
	padding:30px;
	line-height:26px;
}

.feature4Left{
	display:inline-block;
	float:left;
	width:50%;
	height:100%;
	line-height: 35px;
	padding:20px;
}

.feature4Right{
	display:inline-block;
	float:left;
	width:50%;
	height:100%;
	line-height: 30px;
	padding:20px;	
}


.footbar{
	background-color:#666666;
	color:lightgray;
	width:100%;
	margin-top: 40px;
	text-align: center;
}
.footbar .colophon{
	text-align: right;
	padding: 0.3rem 1rem;

}
.footbar .footer_content{
	margin: 1rem auto;
	display: inline-block;
	width: 95%;
}

.sitebutton{
	background-color:green;
	height:50px;
	width:250px;
	color:white;
	text-align:center;
	margin-top:10px;
	font-size:14px;
	font-weight:normal;
	border-radius: 5px;
	border: none;
	text-decoration:none;
	font-family:sinkinsans;
	display:inline;
	float:left;
	margin-right:20px;
	cursor: pointer;
}




}