.box-wrapper {
	margin: 10px auto;
	max-width:100%; }

.intro-stage p {
	font-family:sans-serif;
	color:#ffffff;
	text-align:center;
	font-weight:normal;
	padding-bottom:0;
	padding-top: 65px; }

p, h1, h2, h3, h4, h5, h6, li, ul {
	font-family:sans-serif;
	color:#ffffff;
	text-align:left;
	font-weight:normal; }

h1, h2, h3, h4, h5, h6, .more-details {
	margin-bottom:30px;
	font-family: "proxima-nova",sans-serif;
	font-weight:300;
	font-size:45px; }

p, li, ul {line-height: 28px; }

#parallax-one { 
	background: url(../images/about.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	background-size: cover;
	height: 400px;
	margin: 0 auto 0; 
    width: 100%; 
    max-width: 1920px; 
    position: relative;
    z-index:-1; }

#parallax-one article {
	background: url("../images/parallax.png") no-repeat scroll center top transparent;
	height: 100px;
	position: absolute;
	text-indent: -9999px;
	top: 150px;
	width: 100%; }


#parallax-two { 
	background: url(../images/parallax-two.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	background-size: cover;
	height: 400px;
	margin: 0 auto 0; 
    width: 100%; 
    max-width: 1920px; 
    position: relative;
    z-index:-1; }

#parallax-two article {
	background: url("../images/parallax-two.png") no-repeat scroll center top transparent;
	height: 100px;
	position: absolute;
	text-indent: -9999px;
	top: 150px;
	width: 100%; }

    html, body {
    	overflow-x:hidden; }

    body {
    	background:#999999; }

    #row-one-container {
    	/* Position added so that absolutely position image works from the container rather than the body tag of the page */
    	position:relative;
    	overflow:hidden; }

    #row-one-container, .box-full {
    	background:#EB212E; }

    .intro-stage {
    	min-height:636px;
    	background:#EB212E; }

    .intro0, .intro1, .intro2, .intro4, .intro5 {
    	opacity:0;
    	color:#ffffff;
    	font-size:36px;
    	line-height:45px;
    	text-align: center;
    	padding-left:200px;
    	padding-right:200px; }

    .intro4 {
    	font-size:150px;
    	position:absolute;
    	top:17px;
    	right:-5%; }

    .intro5 {
    	font-size:35px;
    	position:absolute;
    	top:210px;
    	right:-5%;
    	letter-spacing:4px;
    	margin-right:-4px; }

    	
	.intro-stage .intro0 {
		margin-top: -59px;
		margin-bottom: -60px;
		margin-left: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: 0px;
		font-family: "proxima-nova",sans-serif;
		font-size: 30px;
		letter-spacing: -1px; }

    .intro-stage .intro0 span {
    	font-weight:600;
    	letter-spacing:-10px;
    	margin-left:10px; }
		
	.intro-stage .intro4 {
    	font-family: "proxima-nova",sans-serif;
    	font-weight:300;
    	letter-spacing:-6px; }

    .intro-stage .intro4 span {
    	font-weight:600;
    	letter-spacing:-10px;
    	margin-left:10px; }
		
	.intro0 {
    	-webkit-animation: animation-zero 5s ease-in-out 0.5s 1 forwards; -webkit-animation-delay: 1s;
    	-moz-animation: animation-zero 5s ease-in-out 0.5s 1 forwards; -moz-animation-delay: 1s;
    	animation: animation-zero 5s ease-in-out 0.5s 1 forwards; animation-delay: 1s;
		margin-top:150px; }

    .intro1 {
    	-webkit-animation: animation-one 5s ease-in-out 0.2s 1 forwards;
    	-moz-animation: animation-one 5s ease-in-out 0.2s 1 forwards;
    	animation: animation-one 5s ease-in-out 0.2s 1 forwards;
    	margin-top:150px; }

    .intro2 {
    	-webkit-animation: animation-two 4s ease-in-out 0.5s 1 forwards; -webkit-animation-delay: 5.5s;
    	-moz-animation: animation-two 4s ease-in-out 0.5s 1 forwards; -moz-animation-delay: 5.5s;
    	animation: animation-two 4s ease-in-out 0.5s 1 forwards; animation-delay: 5.5s;
    	margin-top:-155px; }

    .intro-stage img {
    	-webkit-animation: animation-three 4s ease-in-out 0.5s 1 forwards; -webkit-animation-delay: 9s;
    	-moz-animation: animation-three 4s ease-in-out 0.5s 1 forwards; -moz-animation-delay: 9s;
    	animation: animation-three 4s ease-in-out 0.5s 1 forwards; animation-delay: 9s;
    	width:800px; position:absolute; top:-1000px; left:50%; margin-left:-185px; }
    
    .intro4 {
    	-webkit-animation: animation-four 5s ease-in-out 0.5s 1 forwards; -webkit-animation-delay: 12s;
    	-moz-animation: animation-four 5s ease-in-out 0.5s 1 forwards; -moz-animation-delay: 12s;
    	animation: animation-four 5s ease-in-out 0.5s 1 forwards; animation-delay: 12s; }

    .intro5 {
    	-webkit-animation: animation-five 5s ease-in-out 0.5s 1 forwards; -webkit-animation-delay: 12.5s;
    	-moz-animation: animation-five 5s ease-in-out 0.5s 1 forwards; -moz-animation-delay: 12.5s;
    	animation: animation-five 5s ease-in-out 0.5s 1 forwards; animation-delay: 12.5s; }

    	/* Intro for Webkit */
		
		@-webkit-keyframes animation-zero{
		0% {opacity:0;}
		100%{opacity:1;}
		}

    	@-webkit-keyframes animation-one{
		0% {opacity:0;}
		50% {opacity:1;}
		80% {opacity:1;}
		100%{opacity:0;}
		}

		@-webkit-keyframes animation-two{
		0% {opacity:0;}
		50% {opacity:1;}
		80% {opacity:1;}
		100%{opacity:0;}
		}

		@-webkit-keyframes animation-three{
		0% {opacity:0; top:78px;}
		50% {opacity:1; top:78px;}
		100%{opacity:1; top:78px; left:30%;}
		}

		@-webkit-keyframes animation-four{
		0% {opacity:0;}
		100%{opacity:1;}
		}

		@-webkit-keyframes animation-five{
		0% {opacity:0;}
		100%{opacity:1;}
		}

		/* Intro for Firefox */

		@-moz-keyframes animation-one{
		0% {opacity:0;}
		50% {opacity:1;}
		80% {opacity:1;}
		100%{opacity:0;}
		}

		@-moz-keyframes animation-two{
		0% {opacity:0;}
		50% {opacity:1;}
		80% {opacity:1;}
		100%{opacity:0;}
		}

		@-moz-keyframes animation-three{
		0% {opacity:0; top:78px;}
		50% {opacity:1; top:78px;}
		100%{opacity:1; top:78px; left:30%;}
		}

		@-moz-keyframes animation-four{
		0% {opacity:0;}
		100%{opacity:1;}
		}

		@-moz-keyframes animation-five{
		0% {opacity:0;}
		100%{opacity:1;}
		}

		/* Intro without prefix */

		@keyframes animation-one{
		0% {opacity:0;}
		50% {opacity:1;}
		80% {opacity:1;}
		100%{opacity:0;}
		}

		@keyframes animation-two{
		0% {opacity:0;}
		50% {opacity:1;}
		80% {opacity:1;}
		100%{opacity:0;}
		}

		@keyframes animation-three{
		0% {opacity:0; top:78px;}
		50% {opacity:1; top:78px;}
		100%{opacity:1; top:78px; left:30%;}
		}

		@keyframes animation-four{
		0% {opacity:0;}
		100%{opacity:1;}
		}

		@keyframes animation-five{
		0% {opacity:0;}
		100%{opacity:1;}
		}

/* Pounding heart animation */

@-webkit-keyframes pound {
	from, to { -webkit-transform: none; }
	50% { -webkit-transform: scale(1.1); }
}

@-moz-keyframes pound {
	from, to { -moz-transform: none; }
	50% { -moz-transform: scale(1.1); }
}

@keyframes pound {
	from, to { transform: none; }
	50% { transform: scale(1.1); }
}

.heart {
	display: inline-block;
	font-size: 180px;
	color: #ffffff;
	-webkit-animation: pound .6s infinite;
	-webkit-transform-origin: center;
	-moz-animation: pound .6s infinite;
	-moz-transform-origin: center;
	animation: pound .6s infinite;
	transform-origin: center;
	margin-left:18%;
	font-family:sans-serif;
}

.cross {
	font-size: 240px;
	color: #ffffff;
	text-align:center;
	font-family:sans-serif;
	font-weight:bold;
	margin-top:30px;
}

#row-two-container, #row-three-container, #row-four-container, #row-five-container, #row-six-container {
	padding:90px 70px 100px; }

#row-two-container img {
	width:100%; }

#row-three-container {
	background:#EB212E; }

#row-four-container {
	background:#BD2132; }

#row-five-container {
	background:#999999; }

#row-six-container {
	background:#EB212E; }

#row-six-container h3 {
	text-align:center;
	font-size:34px; }

#row-six-container .box-full {
	background:none; }

#row-three-container .box-half-last h1 {
	margin-top:18px; }

#row-four-container img {
	width:200px;
	margin:100px 200px 0; }

#row-five-container .box-half {
	padding-right:40px;}

#row-five-container .box-half-last {
	padding-left:40px;}

p {
	font-size:18px; }

#row-six-container p {
	text-align:center;
	font-size:9pt; }

#row-six-container .more-details {
	font-size:22px; }

.social {
    margin: 60px auto;
    width: 220px; }

.social img {
    margin: 0 10px;
    width:50px; }

.more-details img {
    margin-bottom: -12px;
    padding-left: 5px;
    width: 40px; }


/* clock start */


#clock {
	position: relative;
	width: 120px;
	height: 120px;
	background: #EB212E;
	margin: 80px 0 0 25%;
	border: 10px solid #fff;	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%; }

#clock:after {
	content: '';
	position: absolute;
	bottom: -7px;
	width: 120px;
	left: 0;
	height: 0px;	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: -1; }

#clock:before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 12px;
	height: 12px;
	background: #ffffff;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%; }

/* Hands */
#clock span.hand {
	background: #ffffff;
	position: absolute;
	left: 50%;
	-webkit-animation: rotate 1s infinite linear;
	-webkit-transform-origin: left bottom;
	-moz-animation: rotate 1s infinite linear;
	-moz-transform-origin: left bottom;
	-ms-animation: rotate 1s infinite linear;
	-ms-transform-origin: left bottom;
	-o-animation: rotate 1s infinite linear;
	-o-transform-origin: left bottom;
	animation: rotate 1s infinite linear;
	transform-origin: left bottom; }

#clock span.hand2 {
	-webkit-animation: rotate 4s infinite linear;
	-webkit-transform-origin: left bottom;
	-webkit-animation: rotate 4s infinite linear;
	-webkit-transform-origin: left bottom;
	-moz-animation: rotate 4s infinite linear;
	-moz-transform-origin: left bottom;
	-ms-animation: rotate 4s infinite linear;
	-ms-transform-origin: left bottom;
	-o-animation: rotate 4s infinite linear;
	-o-transform-origin: left bottom;
	animation: rotate 4s infinite linear;
	transform-origin: left bottom;}

#clock span.hand.second {
	height: 50px;
	width: 3px;	
	margin-left: -1px;
	top: 10px; }

#clock span.hand2.second {
	width: 4px; }

#clock span.hand.minute {
	height: 40px;
	width: 4px;	
	margin-left: -2px;
	top: 20px;
	-webkit-animation-duration: 3600s;
	-moz-animation-duration: 3600s;
	-ms-animation-duration: 3600s;
	-o-animation-duration: 3600s;
	animation-duration: 3600s;
}

#clock span.hand.hour {
	height: 30px;
	width: 6px;	
	margin-left: -3px;
	top: 30px;
	-webkit-animation-duration: 84600s;
	-moz-animation-duration: 84600s;
	-ms-animation-duration: 84600s;
	-o-animation-duration: 84600s;
	animation-duration: 84600s;
}

@-webkit-keyframes rotate {
	0% { -webkit-transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg);}
}	

@-moz-keyframes rotate {
	0% { -moz-transform: rotate(0deg);}
	100% { -moz-transform: rotate(360deg);}
}	

@-ms-keyframes rotate {
	0% { -ms-transform: rotate(0deg);}
	100% { -ms-transform: rotate(360deg);}
}	

@-o-keyframes rotate {
	0% { -o-transform: rotate(0deg);}
	100% { -o-transform: rotate(360deg);}
}	

@keyframes rotate {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}	

/* end clock */

 #row-six-container a {
 	color:#ffffff;
 	text-decoration: underline !important; }

