@charset "UTF-8";
/* CSS Document */


/*  Carousel content  */

#carousel_container {
	width:100%;
	/*height:495px;*/
	height:366px;
	overflow: hidden;
	margin-top:0px;
	background-color:#f3f3f3;
	position:relative;
	border-bottom: solid 8px #000;
}

.hero_slides {
  position: absolute;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  }

.hero_slides li {
	position: absolute;
	display: none;
	width: 1800px;
	left: 50%;
	top: 0;
	margin-left: -960px;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden; /* Chrome and Safari */
	-moz-backface-visibility:hidden; /* Firefox */
}

.hero_slides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.hero_slides img {
  display: block;
  /*height:495px;*/
  height:366px;
  float: left;
  width: 1800px;
  border: 0;
	transition-property: scale;
	transition-duration: 45s;
	-moz-transition-property: scale; /* Firefox 4 */
	-moz-transition-duration: 45s; /* Firefox 4 */
	-webkit-transition-property: scale; /* Safari and Chrome */
	-webkit-transition-duration: 45s; /* Safari and Chrome */
	-o-transition-property: scale; /* Opera */
	-o-transition-duration: 30s; /* Opera */
}

.hero_slides1_on img {
/*	transform: scale(1.5,1.5);
	transform-origin:50% 50%;*/
/*	-ms-transform: scale(1.5,1.5); */ /* IE 9 */
/*	-ms-transform-origin:50% 50%; */ /* IE 9 */
	-webkit-transform: scale(1.5,1.5); /* Safari and Chrome */	
	-webkit-transform-origin:50% 50%; /* Safari and Chrome */
	/*-moz-transform: scale(1.5,1.5); */ /* Firefox */
	/* -moz-transform-origin:50% 50%; */ /* Firefox */
	-o-transform: scale(1.5,1.5); /* Opera */
	-o-transform-origin:50% 50%; /* Opera */
}



#homeslides {
	position: absolute;
	list-style: none;
	width: 970px;
	height: 495px;
	padding: 0;
	margin: 0 auto;
	left:50%;
	/*left: 289px;*/
	margin-left: -485px;
	z-index: 10;
	top: -24px;
}

#title_text {
	font-weight:700;
	font-family: Raleway, helvetica, arial, sans-serif;
	font-size: 40px;
	line-height: 45px;
	text-align: center;
	text-transform:uppercase;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
}
.slides p {
	font-family:'Ovo', Georgia, Serif;
	font-style:italic;
	font-size:.875em;
}
.slides p .byline {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	line-height: 1.2;
	display: block;
	margin-top: 5px;
}
#slide1 {
	position: absolute;
	left: 10px;
	top: 60px;
	height: 246px;
	width: 450px;
	text-align: center;
}
#slide1 #title_text {
	color: rgba(255,255,255,1);
	top:-100px !important;
	opacity:0;
	margin:0;
	padding:0;
}
#slide1 #learnmore {
	position: absolute;
	width: 450px;
	text-align: center;
	top: 120px;
	opacity:0;
	z-index:100;
}
#slide1 p {
	position: absolute;
	width: 450px;
	top: 150px;
	height: 42px;
	color: #FFF;
	font-size: 16px;
	opacity:0;
}

#slide2 {
	position: absolute;
	left: 470px;
	top: 50px;
	height: 246px;
	width: 500px;
	/*font-family: Chivo, helvetica, arial, sans-serif;
	font-size: 14px;
	color: rgba(61, 57, 71, 1);*/
	text-align: center;
}
#slide2 #title_text {
	/*color: rgba(61, 57, 71, 1);*/
	color: rgba(255,255,255,1);
	opacity:0;
	margin:0;
	padding:0;
	margin-top:20px;
	
}
#slide2 #learnmore {
	position: absolute;
	width: 500px;
	text-align: center;
	top: 120px!important;
	opacity:0;
	z-index:100;
}
#slide2 p {
	position: absolute;
	width: 450px;
	top: 170px;
	height: 42px;
	color: #FFF;
	font-size: 16px;
	opacity:0;
	padding-left:50px;
}

#slide2 #visual {
	/*position:absolute;
	top:0px;
	left:100px;*/
	position:absolute;
	top:-75px;
	left:350px;
	opacity:0;
}

/* slide 3 styles */
#slide3 {
	position: absolute;
	left: 00px;
	top: 50px;
	height: 246px;
	width: 500px;
	/*font-family: Chivo, helvetica, arial, sans-serif;
	font-size: 14px;
	color: rgba(61, 57, 71, 1);*/
	text-align: center;
}
#slide3 #title_text {
	color: rgba(61, 57, 71, 1);
	opacity:0;
	margin:0;
	padding:0;
	margin-top:20px;
	
}
#slide3 #learnmore {
	position: absolute;
	width: 500px;
	text-align: center;
	top: 120px!important;
	opacity:0;
	z-index:100;
}
#slide3 p {
	position: absolute;
	width: 450px;
	top: 170px;
	height: 42px;
	color: rgba(61, 57, 71, 1);
	font-size: 16px;
	opacity:0;
	padding-left:50px;
}

#slide3 #visual {
	/*position:absolute;
	top:0px;
	left:100px;*/
	position:absolute;
	top:-75px;
	left:350px;
	opacity:0;
}

/*#slide3intro {
	position: absolute;
	left: 50px;
	top: 110px;
	height: 246px;
	width: 400px;
	font-family: Chivo, helvetica, arial, sans-serif;
	font-size: 14px;
	color: rgba(61, 57, 71, 1);
	text-align: center;
}

#slide3intro #visual {
	position:absolute;
	top:-75px;
	left:350px;
	opacity:0;
}*/
/* LIFE 360 */


#slide4 {
	position: absolute;
	left: 470px;
	top: 60px;
	height: 246px;
	width: 400px;
	font-family: Chivo, helvetica, arial, sans-serif;
	font-size: 14px;
	color: rgba(61, 57, 71, 1);
	text-align: center;
}
#slide4 #symbol_separator {
	position: absolute;
	top: 120px;
	width: 400px;
	opacity:0;
}

#slide4 #featured_suptitle {
	font-family: Raleway, helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	text-transform:uppercase;
	opacity:0;
	margin:0;
	font-weight: 600;
	padding:0;
	margin-top: -15px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #5D3A80;	
}

#slide4 #title_text {
	color: rgba(61, 57, 71, 1);
	opacity:0;
	margin:0;
	padding:0;
	margin-top: 0px;
}
#slide4 #learnmore {
	position: absolute;
	width: 400px;
	text-align: center;
	top: 130px;
	opacity:0;
	z-index:100;	
}
#slide4 p {
	position: absolute;
	width: 400px;
	top: 165px;
	height: 42px;
	color: rgba(61, 57, 71, 1);
	font-size: 16px;
	opacity:0;
}

#slide4 #visual {
	position:absolute;
	top:-75px;
	left:350px;
	opacity:0;
}



#slide5 {
	position: absolute;
	left: 30px;
	top: 50px;
	height: 246px;
	width: 460px;
	font-family: Chivo, helvetica, arial, sans-serif;
	font-size: 14px;
	color: rgba(61, 57, 71, 1);
	text-align: center;
}
#slide5 #symbol_separator {
	position: absolute;
	top: 120px;
	width: 460px;
	opacity:0;
}

#slide5 #featured_suptitle {
	font-family: Raleway, helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	text-transform:uppercase;
	opacity:0;
	margin:0;
	font-weight: 600;
	padding:0;
	margin-top: -15px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #5D3A80;	
}

#slide5 #title_text {
	color: rgba(255, 255, 255, 1);
	opacity:0;
	margin:0;
	padding:0;
	margin-top: 0px;
}
#slide5 #learnmore {
	position: absolute;
	width: 460px;
	text-align: center;
	top: 170px;
	opacity:0;
	z-index:100;	
}
#slide5 p {
	position: absolute;
	width: 460px;
	top: 200px;
	height: 42px;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	opacity:0;
}

#slide5 #visual {
	position:absolute;
	top:-75px;
	left:350px;
	opacity:0;
}

@media screen and (max-width:886px) {
	.mainNav, nav#subNav {
		font-size: .9em;
	}
	.hmArticle {
		margin-left: 1%;
	}
	.hmAside {
		margin-right: 1%;
	}
}
@media screen and (max-width:795px) {
	#slide1 {
		left: 110px;
	}
	#slide2 {
		left: 350px;
	}
	#slide3 {
		left: 110px;
	}
	#slide4 {
		left: 400px;
	}
	#slide5 {
		left: 120px;
	}
}
@media screen and (max-width:500px) {
	#slide1 p, #slide2 p, #slide3 p, #slide4 p, #slide5 p, .slides p, span.quote {
		display:none!important;	
	}
	#slide1 {
		left: 250px;
		top: 190px;
	}
	#slide1 #title_text {
		font-size:35px;
		line-height:40px;
		width: 250px;
		margin: -25px auto 0;
	}
	#slide1 #learnmore {
		top: 100px!important;
	}
	#slide2 {
		left: 235px;
		top: 130px;
	}
	#slide2 #title_text {
		font-size:35px;
		line-height:40px;
		width: 250px;
		margin: -50px auto 0;
	}
	#slide3 {
		left: 235px;
		top: 100px;
	}
	#slide3 #title_text {
		font-size:35px;
		line-height:40px;
		width: 250px;
		margin: -50px auto 0;
	}
	#slide3 #learnmore {
		top: 190px!important;
	}
	#slide4 {
		left: 285px;
		top: 140px;
	}
	#slide4 #title_text {
		font-size:35px;
		line-height:40px;
		width: 250px;
		margin: -20px auto 0;
	}
	#slide5 {
		left: 235px;
		top: 80px;
	}
	#slide5 #title_text {
		font-size:35px;
		line-height:40px;
		width: 250px;
		margin: -30px auto 0;
	}
	.hmArticle {
		width:99%;
	}
	.hmAside {
		max-width:95%;
		margin-left:2%;
	}
}