@font-face{
	font-family: StandardCT Light;
	src: url(Fonts/StandardCT-Light.otf),
		 url(Fonts/StandardCT-Light.woff);
}
@font-face{
	font-family: StandardCT Medium;
	src: url(Fonts/StandardCT-Medium.otf),
		 url(Fonts/StandardCT-Medium.woff);
}
b, h1, h2, h3, .accordion, .subpanel p {
	font-weight:normal;
	font-family: "StandardCT Medium", sans-serif;
}

h3{
	color: #AB162C;
}

html{
	margin:0; padding:0;
	font-family: "StandardCT Light", sans-serif;
	width:100%;
	min-width:768px;
	height:100%;
	position:relative;
	background-color:#f3f2f2;
	/*background: linear-gradient(#ffffff, #eeeded);*/
	background-size:cover;
	overflow-x:hidden;
	color: #59595C;
}
body{
	margin:0; padding:0;
	width:100%;
}
/*BEGIN TOP BAR SECTION*/
#logoTab{
	background-color:white;
	background:url('../img/images1.png') no-repeat;
	background-size: 490px 181px;
	background-position:-2px 0px;
	position:fixed;
	top:-10px;
	left:70px;
	width:148px; 
	height:134px;
	border-radius:10px;
	z-index:5;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, .3);
}
#resources_icon{
	background:url('../img/images1.png') no-repeat;
	background-size: 515px 181px;
	background-position:-179px -33px;
	width:36px;
	height:31px;
	position:fixed;
	top:15px;
	right:20px;
	cursor:pointer;
}
header{
	background-color:#FFFFFF;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, .3);
	width:100%;
	height:60px;
	line-height:60px;
	padding:0px;
	margin:0px;
	position:fixed;
	top:0; left:0;
	min-width:768px;
	z-index:3;
}
#header_short{
	margin:0; padding:0;
	position:fixed;
	top:75px; 
	width:100%;
	z-index:3;
}
#header_text{
	background:url('../img/background.png') no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
}
#header_text > div{
	position:relative;
	max-width:600px;
	min-height:200px;
	margin:auto;
	padding: 140px 20px 30px 20px;
}
#text_title{
	font-size:30px;
	color:#AB162C;
}
#text{
	color:white;
	font-size:18px;
	line-height:20px;
}
#title{
	font-size:24px;
	text-align:left;
	margin-left:260px;
}
#line1{
	width:100%;
	height:15px;
	margin:0; padding:0;
	position:fixed;
	top:60px;
	left:0;
	background-color: #AB162C;
}
#line2{
	width:100%;
	height:6px;
	margin:0; padding:0;
	position:relative;
	margin-top:-5px;
	background-color: #407CC8;
}
#line3{
	width:100%;
	height:6px;
	margin:0; padding:0;
	position:fixed;
	top:170px;
	background-color: #407CC8;
}
#line1{
	z-index: 4;
}
#line2, #line3{
	z-index:3;
}
/*END TOP BAR SECTION*/
.popBG{
	z-index:5;
	position:fixed;
	top:0; left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	display:none;
}
.popup{
	position:absolute;
	top:50px;
	left:10%;
	width:80%;
	height:80%;
	z-index:6;
	display:none;
	background-color: #fff;
	overflow: hidden;
}
.toggleImage{
	float: left;
}
.toggleImage > img{
	width: 140px;
	height: 140px;
	 -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
.fullToggleImage > img{
	width: 100%;
}

.toggleImage>img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*#pop1{
	background: url('../img/popups/popup1.png') no-repeat;
	background-size:100% 98%;
}
#pop2{
	background: url('../img/popups/popup2.png') no-repeat;
	background-size:100% 98%;
}*/

.pop_text{
	display:inline-block;
	position:absolute;
	font-size:16px;
	width:33%;
	height:100%;
	right:4%;
	overflow-y:scroll;
	padding-right: 5px;
}
.pop_text > .infoBox{
	margin-bottom: 15px;
	background-size: cover;
}
.pop_image{
	position: absolute;
	left: 5%;
	min-width: 525px;
}
.pop_image > img{
	max-width: 90%;
}
.pop_image_only{
    text-align: center;
	width: 100%;
}
.pop_image_only > img{
	max-width: 650px;
}
.pop_video_only{
	position: absolute;
	text-align: center;
	margin-top: 40px;
	width: 100%;
}
@media only screen and (max-width: 1200px){
	/*.pop_text{
		height:50%;
	}*/
	.pop_image > img{
		max-width: 400px;
	}
	.pop_image_only{
		left: 5%;
	}
}
@media only screen and (max-width: 800px){
	/*.pop_text{
		height:30%;
	}*/
	.pop_image > img{
		max-width: 300px;
	}
}
.pop_text #divider{
	margin-top:15px;
}
.pop_text h3{
	color: #AB162C;
}
.close {
    background-color: rgba(255,0,0,0);
    width: 3%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
	z-index: 2;
}
.close:after{
	content: 'x';
	font-size: 50px;
}

/*MENU SIDEBAR*/
.left_menu{
	position:fixed;
	left:0;
	top:101px;
	margin-top:75px;
	background-color:#e2e2e2;
	height:100%;
	transition:0.5s;
	z-index:2;
}
#hamburger{
	background:url('../img/hamburger.png');
	background-size: 100%; 
	width:24px; height:15px;
	margin:8px;
	margin-top:15px;
	cursor:pointer;
}
#menuHide{
	width:42px;
	display:block;
}
#menuShow{
	width:280px;
	position:fixed;
	left:0;
	display:none;
	overflow-y: auto;
	border-right:1px solid rgba(0,0,0,.1);
}
#X{
	background:url('../img/x.png');
	background-size: 100%; 
	width:24px; height:24px;
	margin:8px;
	margin-top:15px;
	margin-bottom:20px;
	cursor:pointer;
}
/*MENU CSS*/
.accordion{
	background-color:white;
	color: #59595C;
	cursor:pointer;
	padding-left:18px;
	width:80%;
	height:40px;
	line-height:40px;
	text-align:left;
	transition:0.4s;
	margin:auto;
	border-top: 1px solid #d6d6d6;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.accordion.active, .accordion:hover{
	background-color:#f0f0f0;
}
.accordion:after {
    content: '+'; /* Unicode character for "plus" sign (+) */
    font-size: 15px;
    color: #59595C;
    float: right;
    margin-right: 10px;
}

.accordion.active:after {
    content: "-"; /* Unicode character for "minus" sign (-) */
    font-size:18px;
}
.accordion.tab:after{
	color:#0a8caa;
	margin-right:20px;
	font-size:25px;
}
.accordion.tab:hover, .accordion.tab.active{
	background-color:#D0F3FB;
}
#accordion-list{
	margin-bottom: 200px;
}
.panel{
	padding-left:18px;
	background-color:white;
	display:none;
	width:80%;
	text-align:left;
	margin:auto;
	cursor:pointer;
}
.subpanel{
	border-top:1px solid #d6d6d6;
	min-height:35px;
	line-height:18px;
	font-size:14px;
	margin-left:8px;
	padding-bottom: 1px;
}
/*END MENU CSS*/

.center_wrap{
	margin:auto;
	margin-top:150px;
	max-width:570px;
	min-height:335px;
	text-align:left;
}

/*home screen icons*/
#home_center{
	position:relative;
	margin-top:20px;
	margin-bottom:60px;
}
#home_center > div::after{
	clear: both;
	content: '';
	display: block;
}
.tile_button{
	background: url('../img/section_thumbnails2.png') no-repeat;
	background-size: 600px 370px;
	width: 178px;
	height: 155px;
	float:left;
	padding:5px;
	cursor:pointer;
}
.faded{
	opacity:.5;
	cursor:auto;
}
.tile_button:hover{
	opacity:.5;
}
#tile_1{
	background-position: -20px -23px; 
}
#tile_2{
	background-position: -212px -23px; 
}
#tile_3{
	background-position: -408px -23px; 
}
#tile_4{
	background-position: -20px -195px; 
}
#tile_5{
	background-position: -212px -195px; 
}
#tile_6{
	background-position: -408px -195px; 
}
/*END HOMESCREEN CSS*/

/*page body style*/
#mainSection{
	margin:auto;
	margin-top:240px;
	margin-bottom:80px;
	max-width:768px;
	min-height:390px;
}
#section_title{
	font-size:30px; 
	color:#AB162C;
	margin-bottom: 20px;
}
#inner_wrap{
	width:600px;
	margin:auto;
	margin-bottom:50px;
}
#divider{
	width:100%;
	border-bottom: 1px solid #59595C;
	height:5px;
	display:block;
	position:relative;
	margin-top: 20px;
}
#popimage1{
	cursor:pointer; 
	float:left; 
	background:url('../img/images2.png') no-repeat -5px -3px; 
	width:163px; 
	height:140px;
}
#popimage2{
	cursor:pointer; 
	float:left; 
	background:url('../img/images2.png') no-repeat -185px -3px; 
	width:163px; 
	height:130px;
}
/*Section Box styling*/
.sectBox{
	background-color:white;
	position:relative;
	max-width:800px;
	height:100%;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, .3);
	margin-top: 20px;
}
#sect_icon{
	background-size: cover !important;
	width: 240px;
	height: 180px;
	display: inline-block;
	vertical-align: bottom;
}
#dash{
	background-color: #AB162C;
	height: 5px;
	width: 20px;
	display: inline-block;
	vertical-align: top;
	margin-top: 29px;
	margin-left: 5px;
}
.sect_title h2{
	text-align:left;
	color:#AB162C;
	margin-left:0px;
	min-width:400px;
}
#sect_text h3{
	margin-bottom:-6px;
	color: #59595c;
}
#sect_text{
	display: inline-block;
	max-width: 450px;
	vertical-align: top;
	margin-top: 4px;
}
#launch{
	background-color: #407CC8;
	color:white;
	cursor:pointer;
	width:100px;
	padding-right:2px;
	height:30px;
	line-height:30px;
	border-radius:8px;
	font-weight: bold; 
	text-align:center;
	position:relative;
	float:right;
	margin-top:-22px;
}
/*end section box*/

/*info box style*/
.infoBox{
	background-color:#407CC8;
	position: relative;
	/*background: url('../img/infoBox.png') no-repeat;
	background-size: 100% 100%;*/
	color:white;
	padding:20px;
	padding-bottom:5px;
	margin-left:0px;
	margin-top:25px;
	margin-bottom:50px;
	box-shadow: 1px 2px 3px rgba(50, 50, 50, .3);
	font-size:18px;
	line-height:22px;
	overflow: hidden;
}
.info_background{
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
}
.info_background  > img{
	height: 200px;
}
#info_icon{
	margin-top:-10px;
	margin-left:-10px;
}
#info_title{
	font-size:18px;
	margin-bottom:8px;
}
#info_wrap{
	margin:30px;
	margin-top:-40px;
	margin-left:60px;
}
/*end info box*/

/*Progress Check Styling*/
#QArea{
		padding-bottom: 50px;
	}
	#QArea > h1{
		color: #FF8700;
		margin-left: 20px;
	}
	#QContent{
		background-color: #fff;
		position: relative;
		margin-right: 20px;
		margin-left: 20px;
	}
	#QContent > h1{
		color: #595856;
	}
	#QNavigation{
		padding-bottom: 20px;
		color: #BFBAB4;
		font-weight: bold;
		margin-top: 50px;
	}
	#QNavigation:after{
		clear: both;
		content: '';
		display: block;
	}
	#QNavigation > div{
		width: 50%;
		display: inline-block;
		float: left;
	}
	#rightNav{
		text-align: left;
		-webkit-user-select: none;  
		-moz-user-select: none;    
		-ms-user-select: none;      
		user-select: none;
	}
	#rightNav > span{
		padding-left: 20px;
	}
	#rightNav > span:after{
		position: relative;
		top: 3pt;
		content: "";
		display: inline-block;
		width: 0.8em;
		height: 0.8em;
		border-right: 0.4em solid #BFBAB4;
		border-top: 0.4em solid #BFBAB4;
		transform: rotate(45deg);
	}
	#leftNav{
		text-align: right;
		-webkit-user-select: none;  
		-moz-user-select: none;    
		-ms-user-select: none;      
		user-select: none;
	}
	#leftNav > span{
		padding-right: 20px;
	}
	#leftNav > span:before{
		position: relative;
		top: 3pt;
		content: "";
		display: inline-block;
		width: 0.8em;
		height: 0.8em;
		border-right: 0.4em solid #BFBAB4;
		border-top: 0.4em solid #BFBAB4;
		transform: rotate(225deg);
	}
	.Qsubmit{
		color: #fff;
		background-color: #2266A9;
		border: 1px solid #2266A9;
		border-radius: 3px;
		width: 120px;
		height: 25px;
		font-size: 17px;
		margin-top: 20px;
	}
	#questionProgress{
		position: absolute;
		right: 0px;
		top: 20px;
	}
	#questionProgress > div{
		background-color: #C5C2BC;
		color: #fff;
		border: 1px solid #C5C2BC;
		margin-top: 1px;
		width: 30px;
		height: 30px;
		font-size: 12px;
		text-align: center;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		line-height: 30px;
	}
	#questionProgress > div.activeQuestion{
		background-color: #AB162C;
		border: 1px solid #AB162C;
	}
	#QList{
		display: inline-block;
		margin-left: 20px;
		margin-right: 30px;
		width: 80%;
	}
	#QList > div{
		min-height: 300px;
	}
	#QList > div > form > div > input[type="radio"]{
		opacity: 0;
		position: absolute;
		width: 29px;
		height: 29px;
	}
	#QList > div > form > span{
		vertical-align: 0.5em;
		float: left;
		display: block;
		width: 90%;
		padding-bottom: 20px;
		padding-top: 5px;
	}
	#QList > div > form > span >div:first-child{
		float: left;
		width: 3%;
	}
	#QList > div > form > span >div:nth-child(2){
		float: left;
		width: 90%;
		padding-left: 5px;
	}
	#QList > div > form > div{
		float: left;
		padding-right: 5px;
	}
	#QList > div > form > div:after, #QList > div > form > span:after{
		clear: both;
		content: "";
		display: block;
	}
	#QList > div > form > div > input[type="radio"] + label{
		background-image: url("../img/circleOff.png");
		background-repeat: no-repeat;
		width: 29px;
		height: 29px;
		display:inline-block;
		padding: 0 0 0 0px;
	}	
	#QList > div > form > div > input[type="radio"]:checked + label{
		background-image: url("../img/circleOn.png");
	}
	.color-bar{
		width: 40px;
		height: 10px;
		background-color: #AB162C;
		display: inline-block;
		vertical-align: top;
		margin-top: 35px;
	}
	.QText{
		color: #231F20;
		font-size: 22px;
		font-size: 18px;
		line-height: 1.58;
	}
	.responseText{
		color: #AB162C;
		font-size: 22px;
	}
	#QNavigation > .activeNextPrev{
		color: #000;
		cursor: pointer;
	}
	#rightNav.activeNextPrev > span:after{
		position: relative;
		top: 3pt;
		content: "";
		display: inline-block;
		width: 0.8em;
		height: 0.8em;
		border-right: 0.4em solid #000;
		border-top: 0.4em solid #000;
		transform: rotate(45deg);
	}
	#leftNav.activeNextPrev > span:before{
		position: relative;
		top: 3pt;
		content: "";
		display: inline-block;
		width: 0.8em;
		height: 0.8em;
		border-right: 0.4em solid #000;
		border-top: 0.4em solid #000;
		transform: rotate(225deg);
	}
	.wrongText{
		margin-top: 20px;
	}
	.rightText{
		margin-top: 20px;
	}
/*End progress check styling*/

/*Slides styling*/
	.slideButton{
		display:inline-block;
		position:absolute;
		top:140px;
		color: #59595C;
		font-size:50px;
	}
	.slides{
		display: none;
	}
	.active_slide{
		display: block;
	}
	.slideButton{
		color: #BFBAB4;
		cursor: default;
		-webkit-user-select: none;  
		-moz-user-select: none;    
		-ms-user-select: none;      
		user-select: none;
	}
	.active_button{
		color: #000;
		cursor:pointer;
	}
/*Slides styling end*/

footer{
	text-align:center;
	position:fixed;
	bottom:0px;
	margin:0; padding:0;
	font-size:12px;
	color:white;
	width:100%;
	height:50px;
	line-height:50px;
	background-color: #AB162C;
	z-index:3;
}

video{
	width: 600px;
}

.text_with_image{
	float: left;
	padding-right: 15px;
	max-width: 585px;
	margin-top: 5px;
	padding-left: 5px;
}

.textBlock::after{
	clear: both;
	content: '';
	display: block;
}

/*Universal tabbed box code*/
.content > div{
	display: none;
}

.content > div.active_content{
	display: block;
}

.tab_boxes{
	margin-bottom: 20px;
}

.tab_boxes::after{
	clear: both;
	content: '';
	display: block;
}
/*end of universal tabbed box code*/

/*dim tabs start*/
.dim_tabs > div{
	opacity: 0.5;
}
.dim_tabs > .active_tab{
	opacity: 1;
}
/*end dim tabs*/
/*1st tabbed box*/
.tabbed_box{
	min-width: 768px;
	min-height: 400px;
	position: relative;
}

.tabbed_box > div{
	position: absolute;
	bottom: 20px;
	padding-left: 40px;
	width: 90%;
}

.tabbed_box > div > div{
	float: left;
}

.content_blocks, .content_tabs > div{
	background-color: rgba(255,255,255,0.8);
}

.content_blocks > div, .content_tabs > div{
	padding: 10px 15px;
}

.content_blocks{
	width: 70%;
}

.content_tabs{
	width: 30%;
}

.content_tabs > div{
	padding-left: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	cursor: pointer;
}

.content_tabs > div::after{
	clear: both;
	content: '';
	display: block;
}

.orange_tab{
	background-color: #AB162C;
	width: 15px;
	height: 5px;
	margin-top: 7px;
	margin-right: 5px;
}

.content_tabs > div > div{
	float: left;
}

.content_tabs > div > div:nth-child(2){
	max-width: 120px;
}

.tabbed_box  > div > div.content_blocks > div{
	position: absolute;
	min-height: 89%;
	background-color: rgba(255,255,255,0.8);
	min-width: 450px;
}

.tabbed_box > div > .content_tabs > div:last-child{
	margin-bottom: 0px;
}

/*top tabbed version*/
.top_tabs > div{
	top: 20px;
	width: 50%;
}

.top_tabs > div > div.content_blocks, .top_tabs > div > div.content_tabs{
	width: 100%;
}

.top_tabs > div > div.content_tabs > div{
	margin-right: 0;
	padding: 0;
}

.top_tabs > div > div.content_tabs > div{
	width: 32%;
	float: left;
}

.top_tabs > div > div.content_tabs > div:not(:last-child){
	margin-right: 2%;
}

.top_tabs > div > div.content_tabs > div > div:nth-child(2){
	padding: 10px 10px 10px 0;
}

.top_tabs > div > div.content_tabs > div > div.orange_tab{
	margin-top: 17px;
}

.top_tabs  > div > div.content_blocks > div{
	min-height: 75%;
	max-width: 355px;
	min-width: 355px;
}

/*end of top tabbed version*/

/*end of 1st tabbed box*/

/*2nd tabbed box*/
.content_blocks2{
	min-height: 150px;
}

.content_tabs2 > div{
	width: 25%;
	float: left;
}

.content_tabs2 > div > div{
	background-color: #AB162C;
	color: #fff;
	border: 1px solid #AB162C;
	border-radius: 6px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

.content_tabs2{
	margin-top: 20px;
}
/*end of 2nd tabbed box*/

/*3rd tabbed box*/
.content_tabs3 > div, .content_blocks3 > div{
	width: 50%;
	float: left;
}

.content_blocks3 > div{
	display: block;
}

.content_blocks3 > div > div:first-child{
	visibility: hidden;
}

.content_blocks3 > div.active_content > div:first-child{
	visibility: visible;
}

.content_blocks3 > div > div > ul{
	padding-left: 10px;
}

.content_tabs3 > div > div{
	background-color: #fff;
	padding: 10px 0 10px 20px;
	margin-right: 30px;
	cursor: pointer;
	position: relative;
}

.content_blocks3 > div > div{
	background-color: #fff;
	margin-right: 30px;
	padding: 10px 10px 10px 20px;
	margin-top: 20px;
	min-height: 200px;
}
/*3-col version*/
.content_tabs3.three-col-t3 > div, .content_blocks3.three-col-t3 > div{
	width: 33%;
	float: left;
}
/*end of 3-col version*/

.content_tabs3.tabs_with_icons > div > div{
	padding: 10px 0 10px 60px;
}
.content_tab_icon {
    position: absolute;
    left: -20px;
    top: -22px;
    max-width: 80px;
	height: 80px;
}

/*end of 3rd tabbed box*/

/*orange table start*/
.orange_table{
	border-spacing: 0;
	text-align: left;
	margin: 10px 0px;
}

.orange_table td{
	background-color: #fff;
	vertical-align: top;
}

.orange_table td > ul{
	padding-left: 21px;
	padding-right: 20px;
}

.orange_table td > ul > li {
    padding-bottom: 5px;
}

.orange_table  th{
	background-color: #AB162C;
	color: #fff;
	padding: 5px 0 5px 8px;
	width: 33.3%;
}

.orange_table_image th{
	padding-left: 0px;
	text-align: center;
}

.one-col-table th{
	text-align: left;
	padding-left: 10px;
}

.one-col-table td{
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 10px;
}

.one-col-table td div{
	display: inline-block;
	float: left;
}

.one-col-table td div:first-child{
	width: 10%;
}

.one-col-table td div:last-child{
	width: 90%;
}

.one-col-table::after{
	clear: both;
	content: '';
	display: block;
}

/*orange table end*/

.info-table, .info-table > tbody > tr > td{
	border: 1px solid #000;
}

.info-table > tbody > tr > td{
	padding: 5px;
}

.tabbed_box > div > div > div::after{
	clear: both;
	content: '';
	display: block;
}

.collapsible-images > div:not(:first-child){
	display: none;
}


.label_selector:after{
	clear: both;
	content: '';
	display: block;
}

.label_selector > div:first-child{
	width: 70%;
	position: relative;
	float: left;
	border-right: solid 1px black;
}

.label_selector > div:nth-child(2){
	width: 29%;
	float: left;
}

.label_selector > div:nth-child(2) > div{
	display: none;
	padding-left: 20px;
}

.label_selector > div:nth-child(2) > div > h3{
	color: #AB162C;
}

#active_content_tab{
	top: -2px;
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	border-radius: 8px 8px 0px 0;
	background-color: #fff;
}

.four_tabbed_box > div:nth-child(2) > div{
	margin-top: 40px;
	padding-right: 40px;
}

.four_tabbed_box > div:nth-child(2) > div > ul > li{
	padding-bottom: 5px;
}

.four_tabbed_box > div:nth-child(2){
	width: 100%;
	min-height: 300px;
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.four_tabbed_box > div:first-child{
	border-right: none;
	width: 100%;
	position: relative;
	margin-bottom: 51px;
	z-index: 2;
}

.corner_image{
	bottom: 0;
	position: absolute;
}

.dash-list{
	list-style: none;
}

.dash-list > li{
	text-indent: -16px;
}

.dash-list > li:before{
	content: "\2013";
	padding-right: 8px;
}

#pop1{
	width: 80%;
	left: 10%;
}

#pop1 > .pop_image_only > h3{
	padding-left: 50px;
	padding-right: 50px;
}

#pop1 > .pop_image_only{
	margin-top: 50px;
	left: 9%;
}

#pop1 > .pop_image_only > img{
	height: 405px;
}

#pop2{
	width: 60%;
	left: 20%;
}

#pop3 > .pop_image > img{
	max-width: 419px;
	height: 419px;
	margin-top: 0px;
}

#pop5 > .pop_image > img{
	max-width: 525px;
	height: 425px;
	margin-left: -70px;
}

#pop6{
	width: 60%;
	left: 20%;
}

#pop6 > .pop_image_only > img{
	max-width: 80%;
}

#pop7{
	width: 60%;
	left: 20%;
}

#pop7 > .pop_image_only > img{
	max-width: 80%;
}

/*Responsive styling this should be at the bottom of this file*/
@media only screen and (max-width: 960px){
	#pop1 > .pop_image_only > img{
		max-width: 90%;
		height: 350px;
	}
}
@media only screen and (max-width: 900px){
	#pop5 > .pop_image > img{
		max-width: 400px;
		height: 370px;
		margin-left: -35px;
	}
	#pop3 > .pop_image > img{
		max-width: 370px;
		height: 370px;
		margin-top: 0px;
		margin-left: 20px;
	}
}
@media only screen and (max-width: 860px){
	#mainSection{
		max-width: 100%;
	}
	#mainSeparator{
		margin-left: 10px;
		margin-right: 10px;
	}
	html{
		min-width: 100%;
	}
}

@media only screen and (max-width: 840px) {
	.text_with_image{
		max-width: 70%;
	}
	.toggleImage{
		max-width: 30%;
	}
	.popup{
		width: 90%;
		left: 5%;
	}
	.pop_image > img{
		max-width: 400px;
	}
	.pop_image{
		left: 10px;
	}
	.pop_video_only > div > video, .pop_video_only > div > div > video{
		max-width: 500px;
	}
	.pop_image_only > img {
		max-width: 80%;
	}
	#pop2{
		width: 80%;
		left: 10%;
	}
	#pop6{
		width: 80%;
		left: 10%;
	}
	#pop6 > .pop_image_only > img{
		max-width: 90%;
	}
	#pop7{
		width: 80%;
		left: 10%;
	}
	#pop7 > .pop_image_only > img{
		max-width: 90%;
	}
}

@media only screen and (max-width: 768px){
	#inner_wrap, video, .sect_title h2{
		width: 100%;
	}
}

@media only screen and (max-width: 755px){
	 #sect_icon{
		width: 100%;
	 }
	 .sectBox{
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#sect_text{
		width: 80%;
		padding-bottom: 10px;
	}
	#launch{
		margin-top: -14px;
	}
}

@media only screen and (max-width: 580px){
	#home_center > div{
		max-width: 376px;
		margin: auto;
	}
}

@media only screen and (max-width: 392px){
	#home_center > div{
		max-width: 178px;
		margin: auto;
	}
}
/*End of responsive styling*/