@charset "UTF-8";
/* Style Name: redesignstyles
Author: Brandon Cozart
Author URI: 
Description: 
*/


h2 {
	margin: 50px 0 0 0;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-weight: 800;
	font-size: 60px;
	line-height: 60px;
	color: #562626;
	text-transform: uppercase;
}

h3 {
	font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 55px;
	line-height: 45px;

}

h4 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	color: #562626;
}

p {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 26px;
	line-height: 32px;
	color: #878787;
}

.subtitle {
	position: relative;
	display: block;
	margin: 10px 0 0 0;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 40px;
	color: #aaa;
}

@media screen and (max-width: 1199px) {
	h2 {
		font-size: 55px;
		line-height: 55px;
	}
	
	h4 {
		font-size: 40px;
		line-height: 40px;
	}
	
	.subtitle {
		font-size: 30px;
		line-height: 35px;
	}
	
	p {
		font-size: 22px;
		line-height: 28px;
	}
}

@media screen and (max-width: 991px) {
	h2 {
		font-size: 43px;
		line-height: 43px;
	}
	
	h4 {
		margin: 30px 0 0 0;
		font-size: 40px;
		line-height: 40px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	h2 {
		margin: 20px 0 0 0;
		font-size: 31px;
		line-height: 31px;
	}
	
	.subtitle {
		font-size: 24px;
		line-height: 28px;
	}
	
	h4 {
		font-size: 35px;
		line-height: 35px;
	}
	
	p {
		font-size: 20px;
		line-height: 24px;
	}
}



/*--------------------------------------------------*/
/*--------------------NAVIGATION--------------------*/
/*--------------------------------------------------*/

header {
	position: fixed;
	display: block;
	top: 0;
	width: 100%;
	height: 70px;
	background: #fff;
	border-bottom: 1px solid #562626;
	z-index: 9998;
}

.afslogo {
	position: relative;
	float: left;
	margin: 10px 0 0 0;
	width: 185px;
	height: 50px;
	background: url(/content/f1/images/afslonglogo-maroon.svg) no-repeat center center;
	background-size: contain;
}

.no-svg .afslogo, .no-inlinesvg .afslogo {
	background: url(/content/f1/images/pngfallbacks/afslonglogo-maroon.png) no-repeat center center;
	background-size: 185px 50px;
}

nav {
	position: fixed;
	display: block;
	margin: 14px auto 0 auto;
	padding: 0;
	text-align: center;
	z-index: 9999;
}

nav ul.nav {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

nav ul.nav li {
	position: relative;
	display: inline-block;
	margin: 0 30px;
	font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #562626;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.nav>li>a {
	padding:  0 0 8px 0;
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: transparent;
}

nav ul li a {
	color: #562626;
}

nav ul li.active {
	border-bottom: 5px solid #562626;
}

#navsocial {
	position: relative;
	display: block;
	margin: 22px 0 0 0;
	padding: 0;
	width: 100%;
	text-align: right;
	z-index: 10000;
}

#navsocial ul li {
	position: relative;
	display: inline-block;
	margin: 0 0 0 30px;
}

#navsocial span {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
}

#navsocial .facebook {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	background: url(/content/f1/images/socialicons/facebook-maroon.svg) no-repeat center center;
	display:inline-block;
	position:relative;
	z-index:1000;
	background-size: 13px 25px;	
}



.no-svg .social .facebook, .no-inlinesvg .social .facebook {width: 9px; background: url(/content/f1/images/pngfallbacks/facebook-maroon.png) no-repeat center center; background-size: 9px 20px;}

#navsocial .twitter {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	background: url(/content/f1/images/socialicons/twitter-maroon.svg) no-repeat center center;
	display:inline-block;
	position:relative;
	z-index:1000;
	background-size: 27px 22px;	
}

.no-svg .social .twitter, .no-inlinesvg .social .twitter {background: url(/content/f1/images/pngfallbacks/twitter-maroon.png) no-repeat center center; background-size: 20px 16px;}

#contentcontainer {
	padding-bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
	header {
		height: 60px;
	}
	
	.afslogo {
		width: 150px;
		height: 40px;
	}
	
	nav ul.nav li {
		margin: 0 20px;
		font-size: 25px;
	}
	
	.nav>li>a {
		padding:  0 0 5px 0;
	}
	
	#navsocial {
		margin: 17px 0 0 0;
	}

}

@media screen and (max-width: 991px) {
	header {
		height: 60px;
	}
	
	.afslogo {
		margin: 10px 0 0 0;
		width: 40px;
		height: 40px;
		background: url(/content/f1/images/afsringlogo-maroon.svg) no-repeat center center;
		background-size: contain;
	}
	
	nav {
		margin: 15px 0 0 -6px;
	}
	
	nav ul.nav li {
		margin: 0 15px;
		font-size: 25px;
	}
	
	.nav>li>a {
		padding:  0 0 5px 0;
	}
	
	#navsocial {
		margin: 19px 0 0 0;
	}
	
	#navsocial ul li {
		margin: 0 0 0 15px;
	}
	
	#navsocial .facebook {
		width: 10px;
		height: 22px;
		background: url(/content/f1/images/socialicons/facebook-maroon.svg) no-repeat center center;
		background-size: 10px 22px;	
	}
	
	#navsocial .twitter {
		width: 26px;
		height: 20px;
		background: url(/content/f1/images/socialicons/twitter-maroon.svg) no-repeat center center;
		background-size: 26px 20px;	
	}

	#contentcontainer {
		position: relative;
		display: block;
		margin: 0px 0 0 0;
		padding-top: 0px;
		height: 100%;
		width: 100%;
		background: #fff;
	    -webkit-overflow-scrolling: auto;
	    overflow-y: inherit;
	    overflow-x: inherit;
	}
}

@media screen and (max-width: 767px) {
	#navfix>.container {
	    margin: 0;
	    padding: 0;
	}
	
	header {
		height: 70px;
	}
	
	.afslogo {
		position: relative;
		float: none;
		margin: 5px auto 0 auto;
		width: 125px;
		height: 34px;
		background: url(/content/f1/images/afslonglogo-maroon.svg) no-repeat center center;
		background-size: contain;
	}
	
	nav {
		width: 100%;
		margin: 42px auto 0 auto;
	}
	
	
	nav ul.nav li {
		margin: 0 10px;
		font-size: 18px;
	}
	
	nav ul.nav li:first-child {
		margin: 0 10px 0 0;
	}
	
	nav ul.nav li:last-child {
		margin: 0 0 0 10px;
	}
	
	.nav>li>a {
		padding:  0 0 0 0;
	}
	
	nav ul li.active {
		border-bottom: 2px solid #562626;
	}

	.hideme-xs {
		display: none;
	}
		
}



/*--------------------------------------------------*/
/*-----------------WELCOME SECTION------------------*/
/*--------------------------------------------------*/

#welcomenew {
	position: relative;
	display: block;
	margin: 0;
	background: #562626;
	background: -webkit-repeating-linear-gradient(to right, #562626, #562626 100px, #5E3030 100px, #5E3030 200px);
	background:    -moz-repeating-linear-gradient(to right, #562626, #562626 100px, #5E3030 100px, #5E3030 200px);
	background:         repeating-linear-gradient(to right, #562626, #562626 100px, #5E3030 100px, #5E3030 200px);
	background-position: center center;
	width: 100%;
	height: 100vh;
	z-index: 1;
}

#welcomenewbg {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/content/f1/images/redesign/responsive.png) no-repeat center bottom;
	background-size: 1200px auto;
	background-attachment: fixed;
	opacity: 0.03;
}

#welcomenew h1 {
	margin: 150px 0 0 0;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-weight: 800;
	font-size: 65px;
	line-height: 65px;
	color: #fff;
	text-transform: none;
	text-align: center;
	text-shadow: #441E1E 1px 1px, #441E1E 2px 2px, #441E1E 3px 3px, #441E1E 4px 4px, #441E1E 5px 5px, #441E1E 6px 6px, #441E1E 7px 7px;
}

.siteaddress {
	position: relative;
	font-size: 100px;
	line-height: 100px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.scrolldown {
	margin: 50px 0 0 0;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-weight: 100;
	font-size: 40px;
	color: #fff;
	text-align: center;
}

#welcomenew .slidebutton {
	position: relative;
	display: inline-block;
	background: none;
	margin: 20px 0 0 0;
	font-size: 40px;
	line-height: 40px;
}

#welcomenew .slidebutton:hover {
	background: #fff;
}

#scrollarrow {
    content: " ";
  	width: 40px; 
	height: 40px; 
	border-top: 2px solid #fff;
	border-right: 2px solid #fff; 
	-webkit-transform: rotate(135deg);
	   -moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
	   		transform: rotate(135deg);
}

#responsive {
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	height: calc(100% - 70px);
	background: url(/content/f1/images/redesign/responsive.png) no-repeat center bottom;
	background-size: 1200px auto;
	background-attachment: fixed;
	opacity: 1;
}

#responsive.scroll {
	background-attachment: scroll;
}

#scrolltoresponsive {
	position: absolute;
	display: block;
	bottom: 475px;
	width: 1px;
	height: 1px;
}

#responsivedescription {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 0 100px 0;
	background: #fff;
	text-align: center;
}

@media screen and (max-width: 1199px) {
	#welcomenew h1 {
		margin: 150px 0 0 0;
		font-size: 65px;
		line-height: 65px;
	}
	
	.siteaddress {
		font-size: 85px;
		line-height: 85px;
	}
	
	.scrolldown {
		margin: 50px 0 0 0;
		font-size: 35px;
	}
	
	#welcomenew .slidebutton {
		margin: 20px 0 0 0;
		font-size: 30px;
		line-height: 30px;
	}
}

@media screen and (max-width: 991px) {
	#welcomenew {
		height: 100%;
	}	
	
	#welcomenewbg {
		background: none;
	}
	
	#welcomenew h1 {
		margin: 200px 0 0 0;
		font-size: 50px;
		line-height: 50px;
	}
	
	.siteaddress {
		font-size: 65px;
		line-height: 65px;
	}
	
	#responsive {
		margin: 75px 0 0 0;
		height: 327px;
		background-size: contain;
		background-attachment: scroll;
		opacity: 1;
	}
		
}

@media screen and (max-width: 767px) {
	
	#welcomenew h1 {
		margin: 100px 0 0 0;
		font-size: 30px;
		line-height: 30px;
	}
	
	.siteaddress {
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 0px;
	}
	
	.aggie {
		display: block;
		font-size: 98px;
		line-height: 99px;
	}
	
	.network {
		display: block;
		font-size: 60px;
		margin-top: 0;
		margin-left: -5px;
	}
	
	.scrolldown {
		margin: 35px 0 0 0;
		font-size: 26px;
	}
	
	#welcomenew .slidebutton {
		margin: 20px 0 0 0;
		font-size: 20px;
		line-height: 20px;
	}
	
	#scrollarrow {
	  	width: 25px; 
		height: 25px; 
	}
	
	#responsive {
		margin: 15px 0 0 0;
		height: 204px;
		background-size: contain;
		background-attachment: scroll;
		opacity: 1;
	}
	
	#scrolltoresponsive {
		bottom: 220px;
	}

}



/*--------------------------------------------------*/
/*----------------WHAT'S NEW SECTION----------------*/
/*--------------------------------------------------*/

#features {
	padding-bottom: 100px;
	background: #f9f9f9;
}

.section {
	position: relative;
	display: block;
	margin: 0;
	padding: 50px 0 100px 0;
	width: 100%;
	overflow: hidden;
}

.screenoverlay {
	position: relative;
	display: block;
	width: 636px;
	height: 399px;
	background: url(/content/f1/images/redesign/screen.svg) no-repeat center top;
	background-size: 100% 31px;
	border: 2px solid #d2d2d2;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	z-index: 1;
	overflow: hidden;
}

.no-svg .screenoverlay, .no-inlinesvg .screenoverlay {
	background: url(/content/f1/images/redesign/screen.png) no-repeat center top;
	background-size: 636px 31px;
}

#newfindanaggie .screenoverlay {
	height: 394px;
}

#newfindanaggie {
	position: relative;
	display: block;
	margin: 55px 0 0 0;
}

video.directory {
	position: relative;
	display: block;
	margin: 31px 0 0 -3px;
	width: 101%;
	height: auto;
	z-index: -1;
}

.screenoverlay img {
	position: relative;
	display: block;
	margin: 31px 0 0 0;
	width: 100%;
	height: auto;
}

#directorykey {
	position: relative;
	display: block;
	margin: 20px 0 0 0;
}

.keyimage {
	position: relative;
	display: block;
	margin: 30px auto 0 auto;
	padding: 0;
	width: 100%;
	height: 40px;
}

.employer {
	background: url(/content/f1/images/redesign/employer.svg) no-repeat center center;
	background-size: 30px 25px;
}

.no-svg .employer, .no-inlinesvg .employer {background: url(/content/f1/images/redesign/employer.png) no-repeat center center; background-size: 30px 25px;}

.degree {
	background: url(/content/f1/images/redesign/degrees.svg) no-repeat center center;
	background-size: 42px 24px;
}

.no-svg .degree, .no-inlinesvg .degree {background: url(/content/f1/images/redesign/degrees.png) no-repeat center center; background-size: 42px 24px;}

.city {
	background: url(/content/f1/images/redesign/currentcity.svg) no-repeat center center;
	background-size: 23px 30px;
}

.no-svg .city, .no-inlinesvg .city {background: url(/content/f1/images/redesign/currentcity.png) no-repeat center center; background-size: 23px 30px;}

.cclub {
	background: url(/content/f1/images/redesign/cclub.svg) no-repeat center center;
	background-size: 31px 28px;
}

.no-svg .cclub, .no-inlinesvg .cclub {background: url(/content/f1/images/redesign/cclub.png) no-repeat center center; background-size: 31px 28px;}

.corps {
	background: url(/content/f1/images/redesign/corps.svg) no-repeat center center;
	background-size: 32px 32px;
}

.no-svg .corps, .no-inlinesvg .corps {background: url(/content/f1/images/redesign/corps.png) no-repeat center center; background-size: 32px 32px;}

.mail {
	background: url(/content/f1/images/redesign/contact.svg) no-repeat center center;
	background-size: 33px 22px;
}

.no-svg .mail, .no-inlinesvg .mail {background: url(/content/f1/images/redesign/contact.png) no-repeat center center; background-size: 33px 22px;}

.linked {
	background: url(/content/f1/images/redesign/linked.svg) no-repeat center center;
	background-size: 105px 28px;
}

.no-svg .linked, .no-inlinesvg .linked {background: url(/content/f1/images/redesign/linked.png) no-repeat center center; background-size: 105px 28px;}

.mentor {
	background: url(/content/f1/images/redesign/mentor.svg) no-repeat center center;
	background-size: 36px 30px;
}

.no-svg .mentor, .no-inlinesvg .mentor {background: url(/content/f1/images/redesign/mentor.png) no-repeat center center;	background-size: 36px 30px;}

.speak {
	background: url(/content/f1/images/redesign/speak.svg) no-repeat center center;
	background-size: 22px 30px;
}

.entrepreneur {
	background: url(/content/f1/images/redesign/lightbulb.svg) no-repeat center center;
	background-size: 19px 30px;
}

.no-svg .entrepreneur, .no-inlinesvg .entrepreneur {background: url(/content/f1/images/redesign/lightbulb.png) no-repeat center center; background-size: 19px 30px;}

.tap {
	background: url(/content/f1/images/redesign/taps.png) no-repeat center center;
	background-size: 58px 20px;
}

.no-svg .tap, .no-inlinesvg .tap {background: url(/content/f1/images/redesign/taps.png) no-repeat center center; background-size: 58px 20px}

.keyname {
	margin: 0;
	width: 100%;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-weight: 100;
	font-size: 22px;
	line-height: 24px;
	color: #562626;
	text-align: center;
}

#newsociallogin {
	position: relative;
	display: block;
	margin: 125px 0 0 0;
	padding: 0;
}

#newlogin {
	margin-left: 30px;
}

#newmobile {
	position: relative;
	display: block;
	margin: 150px 0 0 0;
	padding: 0;
}

#devices {
	text-align: right;
}

.ipadnewhome, .iphonenewhome {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}

.ipadnewhome {
	margin: 0 40px 0 60px;
	width: 289px;
	height: 398px;
	z-index: 1;
}

.iphonenewhome {
	margin: 0;
	width: 133px;
	height: 277px;
}

@media screen and (min-width: 992px) {
	#directorykey .col-md-2:nth-child(7) {
		clear: both;
	}
}

@media screen and (max-width: 1199px) {
	.section {
		padding: 30px 0 75px 0;
	}
	
	.screenoverlay {
		width: 511px;
		height: 321px;
		background: url(/content/f1/images/redesign/screen.svg) no-repeat center top;
		background-size: 105% auto;
		background-color: #d2d2d2;
	}
	
	.no-svg .screenoverlay, .no-inlinesvg .screenoverlay {background: url(/content/f1/images/redesign/screen.png) no-repeat center top; background-size: 105% auto;}
	
	.screenoverlay img {
		margin: 25px 0 0 0;
	}
	
	#newfindanaggie .screenoverlay {
	    height: 323px;
    }
	
	.ipadnewhome {
		width: 234px;
		height: 322px;
	}
	
	.iphonenewhome {
		width: 108px;
		height: 224px;
	}
}

@media screen and (max-width: 991px) {	
	.section {
		padding: 20px 0 40px 0;
	}
	
	.screenoverlay {
		margin: 0 auto;
		width: 500px;
		background-size: contain;
	}
	
	#newfindanaggie .screenoverlay {
		width: 500px;
		height: 309px;
	}
	
	#newlogin.screenoverlay {
		height: 314px;
	}
	
	.screenoverlay img {
		margin: 25px 0 0 0;
	}
	
	video.directory {
		margin: 24px 0 0 -3px;
		width: 500px;
		height: 281px;
	}
	
	#directorykey .col-md-2:nth-child(9) {
		clear: both;
	}
	
	.keyname {
		margin: 5px 0 0 0;
		font-size: 21px;
		line-height: 23px;
	}
	
	#newlogin {
		margin: 0 auto;
	}
	
	#newmobile {
		margin: 100px 0 0 0;
	}
	
	#devices {
		position: relative;
		display: block;
		text-align: center;	
	}
	
	.ipadnewhome {
		margin: 0 0 0 40px;
		width: 228px;
		height: 314px;
	}
	
	.iphonenewhome {
		width: 105px;
		height: 219px;
	}
}

@media screen and (max-width: 767px) {
	#features {
		padding-bottom: 50px;
	}
	
	.section {
		padding: 20px 0 40px 0;
	}
	
	.screenoverlay {
		margin: 0 auto;
		width: 290px;
		background-size: 290px 20px;
		background-position: center -2px;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
	            border-radius: 3px;
	}
	
	#newfindanaggie .screenoverlay {
		width: 290px;
		height: 183px;
	}
	
	video.directory {
		margin: 16px 0 0 -3px;
		width: 290px;
		height: 163px;
	}
	
	#newlogin.screenoverlay {
		height: 185px;
	}
	
	.screenoverlay img {
		margin: 16px 0 0 0;
	}
	
	#newsociallogin, #newmobile {
		margin: 75px 0 0 0;
	}
	
	.ipadnewhome {
		margin: 0 0 0 20px;
		width: 135px;
		height: 185px;
	}
	
	.iphonenewhome {
		width: 62px;
		height: 129px;
	}
}



/*--------------------------------------------------*/
/*----------------WHAT'S NEXT SECTION---------------*/
/*--------------------------------------------------*/

#features h2, #whatsnext h2, #lookingback h2 {
	margin-bottom: 75px;
	font-family: "proxima-nova-extra-condensed", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 70px;
	text-transform: none;
	text-align: center;
}

#whatsnext .beginning {
	opacity: 0;
}

#whatsnext .screenoverlay {
	height: 378px;
}

.whatsnextwords {
	margin: 0 0 0 0;
}

#continue {
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 100px 0;
	background: url(/content/f1/images/redesign/thumbs.jpg) center center repeat;
	background-attachment: fixed;
	background-size: 150px 150px;
	text-align: center;
}

#continue h2 {
	margin: 0 0 0 0;
	color: #fff;
}

#continue .slidebutton {
	position: relative;
	display: inline-block;
	margin: 30px 0 10px 0;
	font-size: 30px;
	background: transparent;
}

#continue .slidebutton:hover {
	background: #fff;
}

.nothanks {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #ccc;
}

.nothanks:hover {
	color: #6ca4f0;
}

.expire {
	position: relative;
	display: block;
	margin: 0px 0 0 0;
	font-size: 16px;
	color: #ccc;
}

@media screen and (max-width: 1199px) {
	#features h2, #whatsnext h2, #lookingback h2 {
		font-size: 60px;
	}
	
	#whatsnext .screenoverlay {
		height: 305px;
	}
}

@media screen and (max-width: 991px) {	
	#whatsnext {
		padding-bottom: 75px;
	}
	
	#whatsnext .beginning {
		opacity: 1;
	}
	
	#features h2, #whatsnext h2, #lookingback h2 {
		font-size: 50px;
	}
	
	#whatsnext .screenoverlay {
		height: 299px;
	}
	
	.whatsnextwords {
		margin: 30px 0 0 0;
	}
	
	#continue {
		padding: 75px 0;
	}
	
	#continue .slidebutton {
		font-size: 28px;
	}
}

@media screen and (max-width: 767px) {
	#features h2, #whatsnext h2, #lookingback h2 {
		margin-bottom: 50px;
		font-size: 40px;
		line-height: 40px;
	}
	
	#whatsnext .screenoverlay {
		height: 176px;
	}
	
	#continue {
		padding: 50px 0;
	}
	
	#continue .slidebutton {
		font-size: 28px;
		line-height: 28px;
	}
	
	.nothanks, .expire {
		font-size: 12px;
	}
}



/*--------------------------------------------------*/
/*---------------LOOKING BACK SECTION---------------*/
/*--------------------------------------------------*/

#lookingback {
	position: relative;
	display: block;
	padding-bottom: 100px;
	background: repeating-radial-gradient(circle, #f1f1f1, #f1f1f1 100px, #fafafa 100px, #fafafa 200px);
}

#lookingback h2 {
	margin-bottom: 50px;
}

#lookingbackcarousel {
	position: relative;
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

.carousel-indicators {
	bottom: -12px;
}

.carousel-indicators li {
	margin: 0 0 0 0;
	width: 12px;
	height: 12px;
	border: 1px solid #562626;
}

.carousel-indicators .active {
	background: #562626;
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: none;
	opacity: 1;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.carousel-control.right:hover {
	color: #fff;
	text-decoration: none;
}

span.linkarrow, span.linkarrowleft {
	content: " ";
 	position: relative;
 	display: inline-block;
  	top: 160px;
  	margin-top: 10px;
  	margin-left: 0px;
	width: 40px; 
	height: 40px; 
	border-top: 2px solid #562626;
	border-right: 2px solid #562626; 
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	   		transform: rotate(45deg);
}

span.linkarrowleft {
	-webkit-transform: rotate(-135deg);
	   -moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
	   		transform: rotate(-135deg);
}

.carousel-control.right:hover span.linkarrow {
	border-top: 2px solid #562626;
	border-right: 2px solid #562626; 
}

.carousel-inner {
	width: 100%;
	text-align: center;
}

.carousel-inner .screenoverlay {
	position: relative; 
	display: block;
	margin: 0 auto;
	width: 640px;
}

p.year {
	position: relative;
	display: block;
	margin: 30px 0 40px 0;
	font-family: "proxima-nova", Helvetica, sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #562626;
}


@media screen and (max-width: 1199px) {		
	#lookingback {
		padding-bottom: 75px;
	}
	
	.carousel-inner .screenoverlay {
		width: 550px;
		height: 344px;
	}
	
	.carousel-inner .screenoverlay img {
	    margin: 27px 0 0 0;
	}
	
	span.linkarrow, span.linkarrowleft {
	  	top: 140px;
  	}
}

@media screen and (max-width: 991px) {
	.carousel-inner .screenoverlay {
		width: 500px;
		height: 314px;
	}
}

@media screen and (max-width: 767px) {
	.carousel-inner .screenoverlay {
		width: 290px;
		height: 184px;
	}
	
	span.linkarrow, span.linkarrowleft {
	  	top: 265px;
		width: 20px; 
		height: 20px; 
	}
}




/*--------------------------------------------------*/
/*----------------------FOOTER----------------------*/
/*--------------------------------------------------*/

#legalstuffcontainer {
	padding: 20px 0;
	background: #562626;
}

#legalstuffcontainer p {
	margin: -5px 0 0 0;
	padding: 0;
	font-family: "proxima-nova-condensed", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}

#legalstuffcontainer ul, #legalstuffcontainer ul li a {
	color: #fff;
}

.legalcopy {
	margin: 0 0 0 0;
}

.sociallinks {
	position: relative;
	margin-top: -30px;	
	float: right;
}

.social .facebook {
	background: url(/content/f1/images/socialicons/facebook-white.svg) no-repeat center center;
	background-size: 9px 20px;	
}

.no-svg .social .facebook, .no-inlinesvg .social .facebook {width: 9px; background: url(/content/f1/images/pngfallbacks/facebook-white.png) no-repeat center center; background-size: 9px 20px;}

.social .twitter {
	background: url(/content/f1/images/socialicons/twitter-white.svg) no-repeat center center;
	background-size: 20px 16px;	
}

.no-svg .social .twitter, .no-inlinesvg .social .twitter {background: url(/content/f1/images/pngfallbacks/twitter-white.png) no-repeat center center; background-size: 20px 16px;}

.social .linkedin {
	background: url(/content/f1/images/socialicons/linkedinsquare-white.svg) no-repeat center center;
	background-size: 20px 20px;
}

.no-svg .social .linkedin, .no-inlinesvg .social .linkedin {background: url(/content/f1/images/pngfallbacks/linkedinsquare-white.png) no-repeat center center;	background-size: 20px 20px;}

.social .pinterest {
	background: url(/content/f1/images/socialicons/pinterest-white.svg) no-repeat center center;
	background-size: 20px 20px;
}

.no-svg .social .pinterest, .no-inlinesvg .social .pinterest {background: url(/content/f1/images/pngfallbacks/pinterest-white.png) no-repeat center center; background-size: 20px 20px;}

.social .youtube {
	width: 40px;
	background: url(/content/f1/images/socialicons/youtube-white.svg) no-repeat center center;
	background-size: 40px 16px;
}

.no-svg .social .youtube, .no-inlinesvg .social .youtube {width: 40px; background: url(/content/f1/images/pngfallbacks/youtube-white.png) no-repeat center center; background-size: 40px 16px;}


@media screen and (max-width: 991px) {		
	.legalstuffcontent {
		font-size: 11px;
		color: #fff;
		padding: 40px 0 0 0;
		text-align: center;
	}
	
	.sociallinks {
		position: relative;
		margin-top: -75px;
	}
	
	.sociallinks li:first-child {
		margin: 0 0 0 0;
	}
}



/*--------------------------------------------------*/
/*-----------------ANIMATION STUFF------------------*/
/*--------------------------------------------------*/

@media screen and (min-width: 992px) {
	.screenslide {
		position: relative;
		display: block;
		right: -800px;
	}
	
	.iphoneslide, .ipadslide {
		position: relative;
		display: inline-block;
		left: -800px;
	}
	
	.slidein {	
		-webkit-animation: slide 0.85s forwards;
	            animation: slide 0.85s forwards;
	    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	
	}
	
	.deviceslidein {	
		-webkit-animation: deviceslide 0.85s forwards;
		        animation: deviceslide 0.85s forwards;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	
	.iphoneslide.deviceslidein {
		-webkit-animation-delay: 0.2s;
	    animation-delay: 0.2s;
	}
	
	.featuredescription1, .featuredescription2 {
		position: relative;
		display: block;
		opacity: 0;
	}
	
	.whatsnextdescription {
		opacity: 0;
	}
	
	.fadein {
		-webkit-animation: fadein 0.5s forwards;
	            animation: fadein 0.5s forwards;
	    -webkit-animation-delay: 0.85s;
	            animation-delay: 0.85s;
	}
	
	.beginning.fadein {
		-webkit-animation: fadein 1s forwards;
	            animation: fadein 1s forwards;
		-webkit-animation-delay: 0s;
	            animation-delay: 0s;
	}
	
	.whatsnextdescription.fadein {
		-webkit-animation: fadein 1s forwards;
	            animation: fadein 1s forwards;
		-webkit-animation-delay: 2s;
	            animation-delay: 2s;
	}
}

@-webkit-keyframes slide {
    100% { right: 0; }
}

@keyframes slide {
    100% { right: 0; }
}

@-webkit-keyframes deviceslide {
    100% { left: 0; }
}

@keyframes deviceslide {
    100% { left: 0; }
}

@-webkit-keyframes fadein {
    100% { opacity: 1; }
}

@keyframes fadein {
    100% { opacity: 1; }
}

.bounce {
	position: absolute;
 	display: block;
  	bottom: 70px;
  	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 40px;
	height: 40px;
	-webkit-animation: bounce 3.5s infinite;
	   -moz-animation: bounce 3.5s infinite;
            animation: bounce 3.5s infinite;
}

@media screen and (max-width: 767px) {
	.bounce {
	  	bottom: 40px;
	  	width: 25px; 
		height: 25px; 
	}
}
	
@-webkit-keyframes bounce {
    0%, 100%, 8.5%, 21.4%, 34.3% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    17.14% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    25.7% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}