html{
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
body{
	background:rgba(0,0,0,0.3);
}
a{
	color:#fcb040;
}
a:hover, a:focus, a:active{
	color:#FFD65D;
}
sub{
	display:inline-block;
	position:absolute;
	margin-top:0 !important;
}

/* ======================================================================
Header
====================================================================== */

#video_background{
	display:none !important;
}

#eBookList{
	display:block;
	background:#4E4E4F;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	margin:0;
	padding:0;
	list-style: none;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3); 
	z-index:11;
	max-height: 90px;
	overflow: scroll;

}
#eBookList li{
	display:block;
	margin:0 auto;
}
#eBookList li .darkBorder{
	height:2em;
}
#eBookList li a{
	display:block;
	padding:.1em 0;
	margin:0 auto;
}
#eBookLink{
	position:fixed;
	display:none;
	z-index:10;
	left:0em;
}
#eBookLink img{
	height:auto;
	width:5em;
}

#backgroundImage{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	min-height: 100%;
	z-index:-99999;
	overflow:hidden;
}
#videoBackground{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}
#topNav{
	background:#4E4E4F;
	position: fixed;
	display:block;
	top:0;
	left:0;
	right:0;
	padding:1em 0;
	z-index:99999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}
#topNav .navLinks a{
	color:#fff;
	font-weight: 500;
	font-size:.75rem;
	padding:0 .65em;
	line-height: 3rem;
	margin-top:.1rem;
	display:block;
	float:left;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
.navLinksScrolled a{
	line-height: 2rem !important;
}

.blogLink{
	display:block;
	background:rgba(255,255,255,0.4);
	color:#fff;
	border-radius:5px;
	margin-top:.85rem;
	padding:0 .75em;
	font-weight: 500;
	font-size:.75rem;
	text-transform: uppercase;
	line-height:1.5rem;
}
.blogLink:hover{
	background:rgba(255,255,255,0.2);
	color:#fff !important;
}
.blogLinkScrolled{
	margin-top:.35rem;
	padding:0 .75em;
}

.navScrolled{
	background:#4E4E4F;
	padding:.25em 0 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#mobileNavButton{
	color:white;
	display:block;
	font-size:1.5em;
	padding:.4em .25em;
}
#mobileMenu{
	background:#4E4E4F;
	display:none;
	top:0;
	margin:0;
	padding:1em 0 0 0;
	width:100%;
	z-index:1000;
}
#mobileMenu a{
	width:100%;
	display:block;
	padding:.5em 1em;
}


#topNav .navLinks a:hover, 
#topNav a.active{
	color:#ffd65d;
}


#logoSmall{
	display:block;
}
#logoSmall span{
	display:block;
	float:left;
	top:0;
	color:white;
	font-weight: 500;
	font-size:13pt;
	line-height: 2rem;
	margin:.1rem 0 0 .25rem;
}
#logoSmall img{
	float:left;
	height:2rem;
}
#logoLarge{
	display:block;
	line-height: 2rem;
	top:0;
}
.callout{
	padding:9em 0 2.5em 0;
}
.callout h1{
	color:white;
	font-size:3.75em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	line-height:3.5rem;
	margin:0;
	padding:0;
}
.callout h3{
	color:white;
	color:rgba(255,255,255,0.7);
	text-align:center;
	font-weight: 300;
	font-size:1.9em;
	line-height:1.75rem;
	margin:.75em auto;
	padding:0;
	width:90%;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
.headerDivide{
	background:rgba(255,255,255,0.5);
	width:50%;
	height:1px;
	text-align:center;
	margin:2.5em auto;
}
.callout p{
	color:white;
	color:rgba(255,255,255,0.9);
	text-align:center;
	font-size: 1.25em;
	font-weight: 300;
	margin:0 auto;
	width:90%;
}

.downArrow{
	background:transparent url('../images/bounce-arrow-thin.png') 0 0 no-repeat;
	display:block;
	height:50px;
	width:50px;
	margin:2rem auto 0 auto;
	z-index:1;
}
.downArrow:hover{
	background-position-y:-50px !important;
}

/* ======================================================================
Who We Are Section NOW ABOUT
====================================================================== */

.aboutHeader{
	color:#4E4E4F;
	font-size:3.75em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	line-height:3.5rem;
	margin:4rem auto 3rem auto;
	padding:0;
}
#about{
	background: white;
	margin:0;
	xpadding-bottom:5rem;
}
.sectionHeader, 
.sectionText{
	color:#606060;
	text-align:center;
}
.sectionHeader{
	margin:4rem auto 3rem auto;
	font-weight:300;
}
.sectionText{
	/*color:#909090;*/
	color: #000000;
	padding:0 0 4rem 0;
	font-weight:100;
	font-size:17pt;
	line-height: 1.75rem;
}
.staffCircles{
	margin:.5rem auto;
}


.ted{background:url('../images/about/staff/thumb-ted.jpg') no-repeat center left;}
.shannon{background:url('../images/about/staff/thumb-shannon.jpg') no-repeat center left;}
.jeff{background:url('../images/about/staff/thumb-jeff.jpg') no-repeat center left;}
.katie{background:url('../images/about/staff/thumb-katie.jpg') no-repeat center left;}
.katelyn{background:url('../images/about/staff/thumb-katelyn.jpg') no-repeat center left;}
.jude{background:url('../images/about/staff/thumb-jude.jpg') no-repeat center left;}
.lauren{background:url('../images/about/staff/thumb-lauren.jpg') no-repeat center left;}
.molly{background:url('../images/about/staff/thumb-molly.jpg') no-repeat center left;}
.connie{background:url('../images/about/staff/thumb-connie.jpg') no-repeat center left;}
.kim{background:url('../images/about/staff/thumb-kim.jpg') no-repeat center left;}
.sharon{background:url('../images/about/staff/thumb-sharon.jpg') no-repeat center left;}
.christy{background:url('../images/about/staff/thumb-christy.jpg') no-repeat center left;}
.ryan{background:url('../images/about/staff/thumb-ryan.jpg') no-repeat center left;}
.john{background:url('../images/about/staff/thumb-john.jpg') no-repeat center left;}


.circle{
	-webkit-background-size: 250% 100%;
	-moz-background-size: 250% 100%;
	-o-background-size: 250% 100%;
	background-size: 250% 100%;
    position:relative;
    width:100%;
    height:0;
	border-radius:999px;
    padding-bottom:95%;
	display:block;
	border:5px solid #eeebe2;
}
.circleInner{
    position:absolute;
    width:100%;
    height:80%;
}

.circle:hover{
	background-position:100% 0 !important;
}


.name, 
.position{
	text-align:center;
}
.name{
	color:#606060;
	font-size: 10pt;
	margin:.5rem auto;
}
.position{
	color:#fcb040;
	font-size: 10pt;
	margin:.5rem auto;
}

.staffNameModal{
	color:#877F79;
	font-weight: 300;
}

.community{
	color:#877F79;
	padding-bottom:2em;
}

.community li{
	font-size: 1rem;
	font-weight:normal;
	line-height: 1.25em;
}

.title {
	color: #FCB040 !important;
	font-size: 18px;
	margin-bottom: 10px;
}

.bio-name {
	line-height: 1em !important;
	margin-bottom: 0px !important;
}
.bio-copy {
	font-size: 18.4px !important;
	font-weight: 100;
}
/* ======================================================================
What We Do Section
====================================================================== */

.weAre{
	background:#f8f7f4;
	display:block;
}
.orbit-container {
}
.slider li{
	color:#606060;
	font-weight: 100;
	font-size: 18pt;
	text-align: center;
}
.slide-text{
	max-width:80%;
	margin:0 auto;
}
.orbit-slides-container{
	z-index:0;
}
.orbit-timer{
	display:none;
}
      
      
.arrow-right, 
.arrow-left {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    height: 81px;
    width:35px;
    display: block !important;
    padding: 0;
    z-index:1;
}
.arrow-right:hover {
    background-position:-40px -81px !important;
}
.arrow-left:hover {
    background-position:0 -81px !important;
}
.arrow-right{
    background:url('../images/controls-small.png')0 0 no-repeat;
    background-position: -40px 0 !important;
    right:0;
} 
.arrow-left {
    background:url('../images/controls-small.png')0 0 no-repeat;
    left:0;
}

.ebookLink {
	background: #fcb040;
	color: #000;
	display: block;
	padding: .2em 1em;
}

.servicesCard{
	background:#fff;
	width:100%;
	list-style: none;
	margin:0;
	min-height: 375px;
	padding:0;
	font-size: 1.15rem;
	font-weight: 100;
}
.servicesCard li{
	padding:.4em .5em;
}
.servicesCard li:before {
    content: "• ";
    color: #fcb040; /* or whatever color you prefer */
	font-size: 1.15rem;
	line-height: 1.15rem;
}
.servicesCardHeader{
	text-align:center;
	font-weight: 100;
	line-height:3.5rem;
	color:#f6f5f1;
}
.testamonials{
	background: #f2f0e9 url('../images/quotes.png') center 1em no-repeat;
	padding:4em 0;
	min-height: 14em;
}
.quote{
	color:#4e4e4f;
	text-align: center;
	margin:0;
	padding:0;
	font-weight: 100;
}
.referenceAuthor{
	text-align: center;
	margin:0;
	padding:0;
	color:#fcb040;
	font-size:18pt; 
	font-weight: 300;
	line-height: 1.15em
}
.referenceCompany{
	text-align: center;
	margin:0;
	padding:0;
	font-size:14pt; 
	line-height: 1.15em;
	font-weight: 100;
	
}

/* ======================================================================
Our Work Section
====================================================================== */
.caseStudyCards > div{
	margin:1em auto;
}
.caseImages{
	margin:0;
	padding:0;
}
.caseHeader{
	color:#5f5e5a;
	margin:0;
	padding:.5em 0;
	text-align:center;
	font-weight: 100;
}
.caseStudyModalHeader{
	color:#fcb040;
}
.caseStudyModalText{
	color:#877F79;
	font-weight:100; 
	padding-bottom:2em;
}
.keywords{
	background:#f2f0e9;
	color:#9e9c95;
	padding:1em .75em;
	font-size:10pt;
	height:6.5em;
	font-style: italic;
	text-transform:uppercase;
}
.logoList{
	background:#EEEBE2;
	padding:1em 0;
}

/* ======================================================================
VIDEO TEST
====================================================================== */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.ytp-title {
	display:none !important;
}

/* ======================================================================
Contact Us Section
====================================================================== */
#contact{

}
#messageSuccess{
	background:rgba(0,150,0,0.7);
	display:none;
	padding-top:1rem;
	padding-bottom:1rem;
	margin-bottom:2rem;
}
#messageSuccess p{
	color:white;
	text-align: center;
	margin:0;
	padding:0;
}
#messageFail{
	background:rgba(150,0,0,0.6);
	display:none;
	padding-top:1rem;
	padding-bottom:1rem;
	margin-bottom:2rem;
}
#messageFail p{
	color:white;
	text-align: center;
	margin:0;
	padding:0;
}
.contactCallout{
	padding:5em 0;
}
.contactCallout h1{
	color:white;
	font-size:3.75em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	line-height:3.5rem;
	margin:0;
	padding:0;
}
.contactCallout h3{
	color:white;
	color:rgba(255,255,255,0.8);
	text-align:center;
	font-weight: 300;
	font-size:1.5em;
	line-height:1.75rem;
	margin:.75em auto;
	padding:0;
	width:80%;
}
.contactIcons{
	background:#FCB040;
	color:#ffffff;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.contactIcons img{
	height:auto;
	padding:.5rem;
	margin:0 auto;
}
.contactInfo{
	color:#606060;
	display: table-cell;
	vertical-align: middle;
	font-size:1rem;
	height:3rem;
	text-align:left;
}
.contactForm{
	background:#f7f6f1;
	margin:0;
	padding:3rem 0 2rem 0;
}
.contactForm .sectionHeader{
	margin:0 auto 1rem auto;
	line-height:1.75rem;
	font-weight:300;
	font-size:1.5rem;
}
.formLastName{
	display:none !important;
}
.contactInput{
	background:#eeebe2 !important;
	color:#4E4E4F;
	font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12pt;
	font-weight: 100;
	box-shadow: none;
	border:0;
	padding:1em 1em;
	margin:.5em auto;
	border-radius:5px;
	width:100%;
}
textarea.contactInput{
	color:#4E4E4F;
	height:10em;
	resize: vertical;
}
.inlineInput{
	background:#f7f6f1;
	color:#fcb040;
	border:0;
	outline:none;
	border-bottom:2px solid #fcb040;
	font-weight:300;
	font-size:1rem;
	min-width:3em;
}
.inlineInput::-webkit-input-placeholder{
    color:#fcb040 !important;
}
.inlineInput:-moz-placeholder{
    color:#fcb040 !important;
}
.inlineInput::-moz-placeholder{
    color:#fcb040 !important;
}
.inlineInput:-ms-input-placeholder {
    color:#fcb040 !important;
}
.inlineSelect{
	background:#f7f6f1;
	color:#fcb040;
	border:0;
	outline:none;
	border-bottom:2px solid #fcb040;
	font-weight:300;
	font-size:1rem;
	min-width:3em;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.inlineSelect:hover, .inlineSelect:active,
.inlineInput:hover, .inlineInput:active{
	color:#FDC066;
}
.inlineInput:hover::-webkit-input-placeholder{
    color:#FDC066 !important;
}
.inlineInput:hover:-moz-placeholder{
    color:#FDC066 !important;
}
.inlineInput:hover::-moz-placeholder{
    color:#FDC066 !important;
}
.inlineInput:hover:-ms-input-placeholder {
    color:#FDC066 !important;
}
/* ======================================================================
SharpSpring Form
====================================================================== */
.sharpspring_form {
	background: none !important;
}


#map-canvas{
	width:100%;
	margin:0;
	padding:0;
	height:28em;
	overflow: hidden; 
}

#map-canvas img{
	max-width: none;
}
/* ======================================================================
!!!!!!Footer!!!!!!
====================================================================== */
#signUp{
	background: #ded9c8 url('../images/tan-dotted-line.jpg') 0 0 repeat-x;
	min-height:2em;
}
#mainFooter{
	background:#4E4E4F url('../images/dark-border-background.jpg') 0 0 repeat-x;
	min-height:8em;
}
.bottomMenu{
	display:inline-block;
	margin:0 auto;
	padding:0;
}
.bottomMenu a{
	color:#777777;
	font-weight: 500;
	font-size:8pt;
	padding:0 .65em;
	line-height:3.25rem;
	margin-top:.1rem;
	display:block;
	float:left;
	text-transform: uppercase;
}
.bottomMenu a.backToTop{
	color:#bbbbbb;
}
.bottomMenu a:hover{
	color:#FFD65D;
}
.socialIcons{
	text-align:center;
	float:right;
	display:block;
	margin:0 auto;
}
.socialIcons a{
	display:block;
	float:left;
	height:37px;
	width:37px;
	border-radius:3px;
	margin:0 .15rem;
}
.facebook{background:#3b5998 url('../images/social-icons/facebook.png') center center no-repeat;}
.facebook:hover{background-color:#354F88;}
.twitter{background:#00a0d1 url('../images/social-icons/twitter.png') center center no-repeat;}
.twitter:hover{background-color:#008FBB;}
.linkedIn{background:#0e76a8 url('../images/social-icons/linkedin.png') center center no-repeat;}
.linkedIn:hover{background-color:#0C6A96;}
.googlePlus{background:#db4a39 url('../images/social-icons/googleplus.png') center center no-repeat;}
.googlePlus:hover{background-color:#C44233;}
.dribbble{background:#ea4c89 url('../images/social-icons/instagram.png') center center no-repeat;}
.dribbble:hover{background-color:#D2447B;}
.instagram{background:#ea4c89 url('../images/social-icons/instagram.png') center center no-repeat;}
.instagram:hover{background-color:#D2447B;}
small.copyright{
	background:#4E4E4F;
	display:block;
	color:#888888;	
	font-weight: 100;
	font-size: 12pt;
	text-align: center !important;
	padding:0 0 3em 0;
	margin:0;
}



/* ======================================================================
Careers Styling
====================================================================== */
.careersCallout{
	padding:20% 0 12% 0;
}
.careersCallout h1{
	color:white;
	font-size:3.75em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	line-height:3.5rem;
	margin:0;
	padding:0;
}
.careersCallout h3{
	color:white;
	color:rgba(255,255,255,0.8);
	text-align:center;
	font-weight: 300;
	font-size:1.5em;
	line-height:1.75rem;
	margin:.75em auto;
	padding:0;
	width:90%;
}

/* ======================================================================
General Styling
====================================================================== */
.very-lightly-padded-row{
	padding:1em 0;
}
.lightly-padded-row{
	padding:2em 0;
}
.padded-row{
	padding:3em 0;
}
.light-padding-top{
	padding-top:1em;
}
.padding-top{
	padding-top:3em;
}
.light-padding-bottom{
	padding-bottom:1em;
}
.padding-bottom{
	padding-bottom:3em;
}

.overflow-hidden{
	overflow: hidden;
}
.hidden{
	display:none !important;
}
.lightTanBackground{
	background: #eeebe2;
}
.lighterTanBackground{
	background: #f2f0e9;
}
.whiteBackground{
	background:white;
}
.whiteColor{
	color:white;
}
.slider{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}
.reveal-modal-bg{
	z-index:9;
}
.reveal-modal{
	background:#F2F0E9;
	border:none !important;
	padding-bottom:3.5rem !important;
	z-index:10;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}
.reveal-modal:after{
	content:"";
	position:absolute;
	display:block;
	background:#4E4E4F url('../images/dark-border-background.jpg') 0 0 repeat-x;
	height:3.5rem;
	width:100%;
	margin-left:-1.25rem !important;
}

.close-reveal-modal{
	color:#877F79;
}
.close-reveal-modal:hover{
	color:black;
}

.darkBorder{
	background:#4E4E4F url('../images/dark-border-background.jpg') 0 0 repeat-x;
	height:3.5rem;
	width:100%;
	z-index:1;
}
.tanBorder{
	background: #ded9c8 url('../images/tan-dotted-line.jpg') 0 0 repeat-x;
	min-height:3.5rem;
	width:100%;
	z-index:1;
}



.videoOverlay{
	position: fixed;
	display:block;
	min-height:100%;
	min-width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0,0,0,0.5) url('../images/pattern.png') repeat; 
	z-index: -1000;
	opacity:0.5;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}

/* ======================================================================
Start medium-up Development
====================================================================== */
@media only screen and (min-width: 40.063em) {
	#eBookList{
		display:block;
		background:white;
		position:fixed;
		z-index:1000;
		left:-14em;
		top:30%;
		bottom:auto;
		width:14em;
		margin:0;
		padding:0;
		list-style: none;
		max-height: none;
	}
	#eBookList li{
		float:none;
	}
	#eBookList li .darkBorder{
		height:2em;
	}
	#eBookList li a{
		display:block;
		padding:.5em .5em;
	}
	#eBookLink{
		position:fixed;
		display:block;
		z-index:1000;
		left:0em;
		top:30%;
	}
	#eBookLink img{
		height:auto;
		width:6em;
	}
	
	.topNav .navLinks a{
		font-size:10pt;
	}
	#topNav{
		background:transparent;
	}
	.navScrolled{
		background:#4E4E4F !important;
	}
	.name{
		font-size: 1em;
	}
	.contactCallout{
		padding:8% 0;
	}
	.callout{
		padding:30% 0 15% 0;
	}
	.downArrow{
		margin:2rem auto 0 auto;
	}
	.callout h3{
		margin:.25em auto 1em auto;
	}
	.callout p{
		width:76%;
	}
	
	.contactForm .sectionHeader{
		font-size:2.25rem;
	}

	.inlineInput, .inlineSelect{
		font-size:1.5rem;
	}
	.inlineSelect option{
		font-size:1rem ;
		padding:.4rem 0;
	}
	.reveal-modal:after{
		content:"";
		position:absolute;
		display:block;
		background:#4E4E4F url('../images/dark-border-background.jpg') 0 0 repeat-x;
		height:3.5rem;
		width:100%;
		margin-left:-1.875rem !important;
	}
}
@media only screen and (min-width: 70em) { 
	
	#video_background{
		display:block !important;
	}
	#backgroundImage{
		display:none;
	}
	.contactInfo{
		font-size:1.25rem;
	}
	.callout{
		padding:20% 0 25% 0;
	}
	.downArrow{
		margin:2rem auto 0 auto;
	}
}

/* ======================================================================
Start large Development
====================================================================== */
@media only screen and (min-width: 60em) { 
	
}

/* ======================================================================
General CSS Effects
====================================================================== */

.fade_in {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
    
}
 
.fade_in.one {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
 
.fade_in.two {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay:1.5s;
	animation-delay: 1.5s;
}
 
.fade_in.three {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.fade_in.four {
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
 



.bounce_in{
	opacity: 0;
	
	animation: bounceIn linear .35s;
	-webkit-animation: bounceIn linear .35s;
	-moz-animation: bounceIn linear .35s;
	-o-animation: bounceIn linear .35s;
	-ms-animation: bounceIn linear .35s;
	
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation-fill-mode:forwards; /*IE 10+*/
	
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
}



@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}​
/* Opera */
@-o-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}​


@keyframes bounceIn{
  0% {
    transform: translateY(-50px) ;
    opacity:0;
  }
  50% {
    transform: translateY(0px) ;
    opacity:1;
  }
  75% {
    transform: translateY(-25px) ;
  }
  100% {
    transform: translateY(0px) ;
    opacity:1;
  }
}

@-moz-keyframes bounceIn{
  0% {
    opacity:0;
    -moz-transform: translateY(-50px) ;
  }
  50% {
    -moz-transform: translateY(0px) ;
    opacity:1;
  }
  75% {
    -moz-transform: translateY(-25px) ;
  }
  100% {
    -moz-transform: translateY(0px) ;
    opacity:1;
  }
}

@-webkit-keyframes bounceIn {
  0% {
    opacity:0;
    -webkit-transform: translateY(-50px) ;
  }
  50% {
    -webkit-transform: translateY(0px) ;
    opacity:1;
  }
  75% {
    -webkit-transform: translateY(-25px) ;
  }
  100% {
    -webkit-transform: translateY(0px) ;
    opacity:1;
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity:0;
    -o-transform: translateY(-50px) ;
  }
  50% {
    -o-transform: translateY(0px) ;
    opacity:1;
  }
  75% {
    -o-transform: translateY(-25px) ;
  }
  100% {
    -o-transform: translateY(0px) ;
    opacity:1;
  }
}

@-ms-keyframes bounceIn {
  0% {
    -ms-transform: translateY(-50px) ;
    opacity:0;
  }
  50% {
    -ms-transform: translateY(0px) ;
    opacity:1;
  }
  75% {
    -ms-transform: translateY(-25px) ;
  }
  100% {
    -ms-transform: translateY(0px) ;
    opacity:1;
  }
}