/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
 
/* ==========================================================================
Fonts
========================================================================== */

@font-face {
    font-family: 'camron-regular';
    src: url('../fonts/camron-regular-webfont.eot');
    src: url('../fonts/camron-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/camron-regular-webfont.woff') format('woff'),
         url('../fonts/camron-regular-webfont.ttf') format('truetype'),
         url('../fonts/camron-regular-webfont.svg#camron-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'camron-bold';
    src: url('../fonts/camron-bold-webfont.eot');
    src: url('../fonts/camron-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/camron-bold-webfont.woff') format('woff'),
         url('../fonts/camron-bold-webfont.ttf') format('truetype'),
         url('../fonts/camron-bold-webfont.svg#camron-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gandhi_sansregular';
    src: url('../fonts/GandhiSans-Regular-webfont.eot');
    src: url('../fonts/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSans-Regular-webfont.woff') format('woff'),
         url('../fonts/GandhiSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/GandhiSans-Regular-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gandhi_sansbold';
    src: url('../fonts/GandhiSans-Bold-webfont.eot');
    src: url('../fonts/GandhiSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GandhiSans-Bold-webfont.woff') format('woff'),
         url('../fonts/GandhiSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/GandhiSans-Bold-webfont.svg#gandhi_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 
	display: block; 
}

/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
}

/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { 
	display: none; 
	height: 0; 
}

/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { 
	display: none; 
}

/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { 
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */ 
}

html, html a { 
	-webkit-font-smoothing: antialiased; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); 
}

/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea { 
	font-family: 'gandhi_sansregular', sans-serif; 
}

/* * Addresses margins handled incorrectly in IE 6/7. */
body { 
	margin: 0;
	background: #e2d8c9; 
	font-family: 'gandhi_sansregular', sans-serif; 
}

/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { 
	outline: thin dotted; 
}

/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
 
h1 { 
	font-size: 2.8em; 
	margin: 1em 0; 
	color: #151515;
	text-align: center; 
}

h2 { 
	font-size: 1.5em; 
	margin: 0.83em 0; 
}

h3 { 
	font-size: 1.17em; 
	margin: 1em 0; 
}

h4 { 
	font-size: 1em; 
	margin: 1.33em 0; 
}

h5 { 
	font-size: 0.83em; 
	margin: 1.67em 0; 
}

h6 { 
	font-size: 0.75em; 
	margin: 2.33em 0; 
}

/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { 
	border-bottom: 1px dotted; 
}

/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { 
	font-weight: bold; 
}

blockquote { 
	margin: 1em 40px; 
}

/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { 
	font-style: italic; 
}

/* * Addresses styling not present in IE 6/7/8/9. */
mark { 
	background: #ff0; 
	color: #000; 
}

/* * Addresses margins set differently in IE 6/7. */
p, pre { 
	margin: 1em 0; 
}

/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { 
	font-family: monospace, serif; 
	_font-family: 'courier new', monospace; 
	font-size: 1em; 
}

/* * Improves readability of pre-formatted text in all browsers. */
pre { 
	white-space: pre; 
	white-space: pre-wrap; 
	word-wrap: break-word; 
}

/* * Addresses CSS quotes not supported in IE 6/7. */
q { 
	quotes: none; 
}

/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { 
	content: ''; 
	content: none; 
}

small { 
	font-size: 75%; 
}

/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { 
	font-size: 75%; 
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}

sup { 
	top: -0.5em; 
}

sub { 
	bottom: -0.25em; 
}

/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
dl, menu, ol, ul { 
	margin: 1em 0; 
}

dd { 
	margin: 0 0 0 40px; 
}

/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { 
	padding: 0 0 0 40px; 
}

/* * Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { 
	list-style: none; 
	list-style-image: none; 
}

/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { 
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */ 
}

/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { 
	overflow: hidden; 
}

/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { 
	margin: 0; 
}


/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* ==========================================================================
Global Styles
========================================================================== */
/*a { 
	color: #006666; 
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-o-transition: all 0.5s; 
	transition: all 0.5s; 
}

a:hover, a:focus { 
	color: #6d6d6d; 
	text-decoration: none; 
} */

a:hover, a:focus { 
	text-decoration: none; 
} 

a:hover, a:focus { 
	color: #e03a3e; 
}

p { 
	word-spacing: 1px; 
	line-height: 25px; 
	font-size: 16px; 
}

h2 { 
	font-size: 15px; 
	color: #000; 
	text-transform: uppercase; 
	font-weight: bold; 
}

section {
	position: relative;
}

/* h2::after { content: " "; border: solid 2px #3dc9b3; display: block; width: 35px; margin: 25px auto; } */
.section-padding { 
	padding: 45px 0;
}

section::before,
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

.dark-bg { 
	background: #f5ebdd; 
}

.light-bg { 
	background-color: #fff; 
}

.white {
	background: #fff;
}

.lt-green {
    background: #d8efed;
}

.md-green {
	background: #a1d3cd;
}

.teal {
    background: #006666;
}

.dark-box { 
	background: #f3f5f8; 
	-webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; 
	-moz-box-shadow: 0px 3px 0px 0px #f0f2f4; 
	box-shadow: 0px 3px 0px 0px #f0f2f4; 
}

.light-box { 
	padding: 20px 0; 
	text-align: center; 
}
	
.light-box p { 
	font-size: 12px; 
	font-weight: normal; 
}

.shadow-btn a {
	overflow: hidden; 
	border: 2px solid #4e5f69; 
	border-top: none; 
	border-bottom: none; 
	border-radius: 20px; 
	background: none; 
	line-height: 40px; 
	padding: 0 20px; 
}

.shadow-btn a:hover { 
	overflow: hidden; 
	background: rgba(206,220,228,1); 
	color: #293b4d; 
}

.wrapper { 
	height: 650px; 
}

.nopadding {
	padding: 0; 
}

.inner { 
	padding-top: 170px; 
}

.text:first-child {
	text-align: right;
}

.text:nth-child(2) {
	text-align: left;
}

.col-2 .column {
	width: 49%;
}

.col-3 .column {
	padding: 0 1%;
	width: 33%;
	text-align: center;
}

.col-3 .column p {
	padding: 1.4em;
}

.column {
	display: inline-block;
	vertical-align: top;
}

.content {
	padding: 6em 20%;
}


/* ==========================================================================
Main Container
========================================================================== */
.main-container, 
.content-wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/*.main-container {
	background: #9fbbc9;
} */

.content-wrap {
	
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}


/* ==========================================================================
Intro
========================================================================== */
.main-container svg {
	display: block;
}

#intro {
	padding: 0 20% 4em;
	color: #fff;
    text-align: center;
    font-size: .82em;
}

#intro p{
    color: #000;
}

#intro a{
    color: #006666;
    font-weight: bold;
}

#intro a:hover{
    color: #e03a3e;
    font-weight: bold;
}

.resLifeHeader {
	font-family: 'gandhi_sansbold', Arial, sans-serif;
	color: #000;
	background: url('../images/header-xl.png') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 5%;
	height: auto;
	position: relative;
}
	
.resLifeHeader {
	margin: 0 auto;
	padding: 4.4em 2em 1.2em;
	text-align: center;
}

.resLifeHeader h1 {
	/* font-size: 2.625em;
	line-height: 1.3; 
	font-size: 4em; */
	font-size: 4em;
	line-height: 1.6;
	margin: 0;
	color: #3b3b3b;
	font-weight: 300;
}

.resLifeHeader span {
	display: block;
	font-family: 'gandhi_sansregular', Arial, sans-serif;
	font-size: 32%;
	opacity: 0.9;
	padding: 1.2em 0 0;
}

/* Big half circle */
#bigHalfCircleFirst path {
	fill: #fff;
	stroke: #fff;
}

/* Half Circle */
.ss-style-halfcircle::before
/*.ss-style-halfcircle::after*/ {
	left: 50%;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #FFF;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
}

.ss-style-halfcircle::before {
	top: -50px;
} 

/*.ss-style-halfcircle::after {
	bottom: -50px;
} */

#player {
	width: 90%;
	margin: 0 5%;
	padding: 40px 0;
}

.down-btn {
	display: block;
	margin: 0 auto;
	color: #006666;
	font-size: 2em;
	line-height: 46px;
	text-align: center;
	position: absolute;
	left: 0;
    bottom: -40px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 500;
}

.down-btn:hover {
    color: #e03a3e;
}

/* ==========================================================================
Resources
========================================================================== */

.resources { 
}

.resources h2 { 
	text-transform: none; 
}

.resources ul { 
	padding: 0; 
}

.resources li { 
	padding: 8px 0 0;
	margin-bottom: 14px;
	text-align: center;
	font-size: 16px;
	font-weight: bold; 
}

.resources li strong { 
	display: block; 
}

.resources li:nth-last-child(1) { 
	margin-bottom: 60px; 
}

.resources li.none { 
	list-style-type: none; 
}

.resources li i {
	color: #e03a3e;
}

.resources a { 
	color: #000;
}

.resources a:hover { 
	color: #e03a3e;; 
}

.resources a:hover, a:focus { 
	text-decoration: none; 
}


/* ==========================================================================
Contact
========================================================================== */

#contact p { 
	text-align: center; 
}

#contact a {
	color: #000;
	font-weight: bold;
}

#contact a:hover {
	color: #e03a3e;
}

/* ==========================================================================
Footer
========================================================================== */

footer { 
	padding: 40px 0; 
}

footer p { 
	color: #fff; 
}

ul.social-buttons { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

ul.social-buttons li { 
	display: inline-block; 
	margin-right: 10px; 
}

.social-btn { 
	width: 40px; 
	height: 40px; 
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-o-border-radius: 50%; 
	background: #000;
	display: inline-block; 
	color: #fff; 
	font-size: 22px; 
	line-height: 40px; 
	text-align: center; 
}

.social-btn:hover {
    color: #fff;
    background: rgb(205,49,68);
}


/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { 
	visibility: hidden; 
}

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { 
	visibility: visible; 
}

.delay-05s { 
	animation-delay: 0.5s; 
	-webkit-animation-delay: 0.5s; 
}

.delay-1s { 
	animation-delay: 1s; 
	-webkit-animation-delay: 1s; 
}

.wp3 { 
	background-position: 200px 10px;
	height: 100%; 
}