/*
Theme Name:		Candidate Connection
Theme URI:		
Author:			Lei Ma
Author URI:		
Version:		1.0
*/

/*-----------------------------------------------------------------------------------
	= Table of Contents

	1. = Fonts
	2. = Body, Typography and some main Elements
	3. = Structure
	4. = Header styling
	5. = Footer styling
	6. = Home Page styling
	7. = Learn More Page styling
	8. = FAQ Page styling
	
	
	
/*-----------------------------------------------------------------------------------*/
/* 1. = Fonts
/*-----------------------------------------------------------------------------------*/

@import url(font-awesome.min.css);
@import url(fonts.css);



/*-----------------------------------------------------------------------------------*/
/* 2. = Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
body { font-size:14px; color:#000; font-family:'HelveticaNeue', Arial, Helvetica, sans-serif; overflow-x:hidden; letter-spacing:1px; }
input[type=text], textarea { -webkit-appearance:none; border-radius:0; }
input, textarea, select, label { font-family:Arial, Helvetica, sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
input::-webkit-input-placeholder { color:#333; opacity:1; }
input:-moz-placeholder { color:#333; opacity:1; }
input::-moz-placeholder { color:#333; opacity:1; }
input:-ms-input-placeholder { color:#333; opacity:1; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 25px 0; line-height:1.3; }
h1 { font-size:48px; }
h2 { font-size:48px; }
h3 { font-size:32px; }
h4 { font-size:24px; }
h5 { font-size:18px; }
h6 { font-size:12px; }
h7 { font-size:22px; line-height:1.7;}
img { display:block; max-width:100%; }
iframe { display:block; max-width:100%; border:none; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 15px 0; line-height:1.5; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }



/*-----------------------------------------------------------------------------------*/
/* 3. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:920px; margin:0 auto; padding-left:0; padding-right:0; }
.view-mobile { display:none; }



/*-----------------------------------------------------------------------------------*/
/* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

#header { padding:30px 0 22px 0; }
#header .logo { float:left; padding: 0 25px 0 0}
#header nav { float:right; margin:50px 0 0 0; }
#header nav li { float:left; margin:0 30px 0 0; }
#header nav li:last-child { margin-right:0; }
#header nav li a { color:#015A8B; font-size:19px; font-family:"Open Sans", Arial, Helvetica, sans-serif; letter-spacing:1px; }
#header nav li a:hover, #header nav li.active a { color:#FF9900; }





/*-----------------------------------------------------------------------------------*/
/* 5. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer-top { padding:54px 0 9px 0; background:#1772B7; text-align:right; font-size:0; }
#footer-top p { text-align:left; display:inline-block; margin:0 25px 0 0; color:#FFF; font-size:12px; font-family:'HelveticaNeueLight', Arial, Helvetica, sans-serif; vertical-align:bottom; }
#footer-top img { display:inline-block; vertical-align:bottom; }

#footer { padding:10px 0; background:#0C2C3D; border-bottom:3px solid #F39721; }
#footer nav { float:left; }
#footer nav li { float:left; margin:0 15px 0 0; }
#footer nav li:last-child { margin:0; }
#footer nav li a { color:#FFF; font-size:13px; color:#FFF; }
#footer nav li a:hover { color:#FF9900; }
#footer p { float:right; margin:0; font-size:12px; color:#FFF; }



/*-----------------------------------------------------------------------------------*/
/* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-pioneers { background:#0C2C3D; /*height:432px;*/ border-bottom:2px solid #F9CB90; }

#home-pioneers .video { display:none; position:relative; height:100%; width:60%; float:left; background:url(../images/home-pioneers.jpg) no-repeat center center / cover; }
#home-pioneers .video i { width:121px; height:121px; display:block; background:url(../images/icon-play.png) no-repeat center center / 100% 100%; margin:-60px 0 0 -60px; left:50%; top:50%; position:absolute; }

#home-pioneers .left-column { position:relative; height:100%; width:60%; float:left; display:block; }
#home-pioneers .left-column img { width:100%; }
#home-pioneers .left-column i { width:121px; height:121px; display:block; background:url(../images/icon-play.png) no-repeat center center / 100% 100%; margin:-60px 0 0 -60px; left:50%; top:50%; position:absolute; }

#home-pioneers .right-column { float:right; width:40%; padding:60px 30px 0 30px; }
#home-pioneers .caption { width:250px; }
#home-pioneers h1 { color:#FFF; font-size:50px; margin:0 0 25px 0; letter-spacing:3px; }
#home-pioneers p { color:#FFF; font-size:18px; margin:0; line-height:1.2; letter-spacing:0.5px; }

#home-principles { background:#1772B7; min-height:402px; border-bottom:2px solid #3C87BD; clear:both; }
#home-principles .left-column { float:left; width:40%; height:100%; padding:175px 75px 0 0; }
#home-principles .left-column a { display:inline-block; border:1px solid #FFF; line-height:1.6; border-radius:2px; background:url(../images/white-arrow.png) no-repeat 125px center / 20px 13.5px; padding:12px 45px 12px 20px; color:#FFF; float:right; letter-spacing:1.2px; font-family:'HelveticaNeueLight', Arial, Helvetica, sans-serif; }
#home-principles .left-column a:hover { color:#FF9900; border:1px solid #FF9900; }
#home-principles .right-column { float:right; width:60%; min-height:402px; background:#FFF; padding:65px 50px 0 50px; }
#home-principles .right-column a { color:#009CDA; }
#home-principles .right-column a:hover { color:#FF9900; }
#home-principles .right-column h2 { margin:0 0 25px 0; font-size:28px; font-family:'HelveticaNeueBold', Arial, Helvetica, sans-serif; color:#0C2C3D; }
#home-principles .right-column p { font-family:'HelveticaNeueLight', Arial, Helvetica, sans-serif; letter-spacing:1px; max-width:540px; margin:0 0 30px 38px; }

#home-parallax { background:url(../images/home-parallax.jpg) no-repeat center center / cover; background-attachment:fixed; padding:150px 0 135px 0; } 
#home-parallax .container h2 { margin:0 auto; max-width:708px; color:#FFF; font-size:24px; padding:5px; font-family:'HelveticaNeueLight', Arial, Helvetica, sans-serif; letter-spacing:3px; background:url(../images/home-parallax-text-bg.png) no-repeat center center / 100% 100%; }

#home-videos { padding:100px 0 85px 0; }
#home-videos ul li { float:left; width:262px; margin:0 65px 0 0; }
#home-videos ul li a { display:block; position:relative; }
#home-videos ul li .video-container { width:100%; margin:0 0 15px 0; }
#home-videos ul li img { width:100%; margin:0 0 15px 0; }
#home-videos ul li i { width:48px; height:48px; display:block; background:url(../images/icon-play.png) no-repeat center center / 100% 100%; margin:-24px 0 0 -24px; left:50%; top:50%; position:absolute; }
#home-videos ul li a:hover i { opacity:0.8; }
#home-videos ul li:last-child { margin-right:0; }
#home-videos ul li p { margin:0; font-size:13px; font-family:'HelveticaNeueLight', Arial, Helvetica, sans-serif; letter-spacing:1px; }

#home-videos ul li .video1 { background:url(../images/home-video1.jpg) no-repeat center center / cover; }
#home-videos ul li .video2 { background:url(../images/home-video2.jpg) no-repeat center center / cover; }
#home-videos ul li .video3 { background:url(../images/home-video3.jpg) no-repeat center center / cover; }



/*-----------------------------------------------------------------------------------*/
/* 7. = Learn More Page styling
/*-----------------------------------------------------------------------------------*/

#learn-more-top { background:url(../images/learn-more-top-bg.jpg) no-repeat center center / cover; height:405px; padding:130px 0 0 0; }
#learn-more-top h1 { color:#FFF; font-size:50px; margin:0; letter-spacing:3px; font-family: 'HelveticaNeueLight'; text-align:center; }

#learn-more-animate { height:2690px; position:relative; } 
#learn-more-animate .container { width:945px; }
#learn-more-animate .content { top:0; left:0; width:100%; padding:73px 0 0 0; height:690px; position:static; opacity:1; transition:opacity 0.5s linear; -webkit-transition:opacity 0.5s linear; -moz-transition:opacity 0.5s linear; -ms-transition:opacity 0.5s linear; }
#learn-more-animate .content.active { position:fixed; }
#learn-more-animate .content.finish { opacity:0; }

#learn-more-animate ul { height:30px; background:url(../images/icon-dots.jpg) repeat-x left center; margin:0 0 210px 0; }
#learn-more-animate ul li { padding:0 18px; background:#FFF; float:left; margin:0 162px 0 0; position:relative; }
#learn-more-animate ul li:first-child { padding-left:0; }
#learn-more-animate ul li:last-child { margin-right:0; padding-right:0; }
#learn-more-animate ul li i { width:30px; height:30px; display:block; border:3px solid #C09AC5; border-radius:50%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
#learn-more-animate ul li img { position:absolute; top:60px; max-width:none; left:50%; margin-left:-166px; opacity:0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
#learn-more-animate ul li:first-child img { margin-left:-175px; }
#learn-more-animate ul li.active i { border-color:#83378D; background:#83378D; }
#learn-more-animate ul li.active img { opacity:1; }

#learn-more-animate .caption { max-width:430px; margin:0 auto; position:relative; }
#learn-more-animate .caption > div { position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
#learn-more-animate .caption > div.active { opacity:1; }
#learn-more-animate .caption h2 { color:#000; font-size:28px; margin:0 0 10px 0; letter-spacing:1px; font-family: 'HelveticaNeueBold'; }
#learn-more-animate .caption p { color:#000; font-size:18px; letter-spacing:1px; margin:0; font-family: 'HelveticaNeueLight'; }
#learn-more-animate .bottom-bg { background:url(../images/learn-more-animate-bg.png) no-repeat center bottom / 100% auto; height:150px; position:absolute; bottom:0; top:auto; left:0; width:100%; }
#learn-more-animate .bottom-bg.active { position:fixed; }

#learn-more-fact { background:#83368D; text-align:center; padding:170px 0; }
#learn-more-fact h2 { color:#FFF; font-size:50px; margin:0; letter-spacing:3px; font-family: 'HelveticaNeueLight'; }

#learn-more-launch { background:url(../images/icon-launch.png) no-repeat center 96px / 84px 84px; text-align:center; padding:192px 0 80px 0; }
#learn-more-launch h2 { color:#1773B7; font-size:90px; margin:0 0 10px 0; letter-spacing:3px; font-family: 'HelveticaNeueBold'; }
#learn-more-launch p { color:#6D6E71; font-size:28px; margin:0;  font-family: 'HelveticaNeueLight'; }

#learn-more-linked { background:#3D88BD url(../images/LinkedIn_amazon.png) no-repeat center 96px / 84px 84px; text-align:center; padding:192px 0 80px 0; }
#learn-more-linked h2 { color:#FFF; font-size:90px; margin:0 0 10px 0; letter-spacing:3px; font-family: 'HelveticaNeueBold';}
#learn-more-linked p { color:#0B2B3D; font-size:28px; margin:0;  font-family: 'HelveticaNeueLight'; }

#learn-more-create { background:#E6E8E7 url(../images/icon-employed.png) no-repeat center 96px / 84px 84px; text-align:center; padding:192px 0 80px 0; }
#learn-more-create h2 { color:#83368D; font-size:90px; margin:0 0 10px 0; letter-spacing:3px; font-family: 'HelveticaNeueBold';}
#learn-more-create p { color:#0B2B3D; font-size:28px; margin:0;  font-family: 'HelveticaNeueLight'; }

#learn-more-users { background:#0B2B3D url(../images/users_amazon.png) no-repeat center 96px / 84px 84px; text-align:center; padding:192px 0 80px 0; }
#learn-more-users h2 { color:#FFF; font-size:90px; margin:0 0 10px 0; letter-spacing:3px; font-family: 'HelveticaNeueBold';}
#learn-more-users p { color:#F8991F; font-size:28px; margin:0;  font-family: 'HelveticaNeueLight'; }

#learn-more-sales { background:#E6E8E7 url(../images/icon-sales.png) no-repeat center 96px / 84px 84px; text-align:center; padding:192px 0 80px 0; }
#learn-more-sales h2 { color:#83368D; font-size:90px; margin:0 0 10px 0; letter-spacing:3px; font-family: 'HelveticaNeueBold';}
#learn-more-sales p { color:#1773B7; font-size:28px; margin:0;  font-family: 'HelveticaNeueLight'; }

#learn-more-employed { background:#3D88BD url(../images/icon-employed.png) no-repeat center 96px / 84px 84px; text-align:center; padding:192px 0 80px 0; }
#learn-more-employed h2 { color:#FFF; font-size:90px; margin:0 0 10px 0; letter-spacing:3px; font-family: 'HelveticaNeueBold';}
#learn-more-employed p { color:#0B2B3D; font-size:28px; margin:0;  font-family: 'HelveticaNeueLight'; }

#learn-more-countries { background:url(../images/icon-users.png) no-repeat center 96px / 84px 84px; text-align:center; padding:192px 0 80px 0; }
#learn-more-countries h2 { color:#F29722; font-size:90px; margin:0 0 10px 0; letter-spacing:3px; font-family: 'HelveticaNeueBold';}
#learn-more-countries p { color:#0B2B3D; font-size:28px; margin:0;  font-family: 'HelveticaNeueLight'; }

#learn-more-slider { background:url(../images/slider-bg.jpg) no-repeat center center / cover; text-align:center; padding:100px 0 170px 0; }
#learn-more-slider h2 { color:#FFF; font-size:50px; margin:0 0 40px 0;  font-family: 'HelveticaNeueLight'; }
#learn-more-slider h3 { color:#F29722; font-size:28px; margin:0;  font-family: 'HelveticaNeueBold'; }
#learn-more-slider p { color:#FFF; font-size:18px; margin:0;  font-family: 'HelveticaNeueLight'; }
#learn-more-slider .flexslider { position:relative; }
#learn-more-slider .flexslider .flex-control-nav { position:absolute; width:100%; left:0; bottom:-90px; }
#learn-more-slider .flexslider .flex-control-nav li { display:inline-block; margin:0 3px; vertical-align:middle; }
#learn-more-slider .flexslider .flex-control-nav li a { display:block; text-indent:-9999px; width:5px; height:5px; background:#FFF; border-radius:50%; transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
#learn-more-slider .flexslider .flex-control-nav li .flex-active { width:7px; height:7px; }
#learn-more-slider .flexslider .flex-prev { position:absolute; text-indent:-9999px; width:40px; height:65px; background:url(../images/slider-left-arrow.png) no-repeat center center / 100% 100%; left:-50px; top:50%; margin-top:-21px; }
#learn-more-slider .flexslider .flex-next { position:absolute; text-indent:-9999px; width:40px; height:65px; background:url(../images/slider-right-arrow.png) no-repeat center center / 100% 100%; right:-50px; top:50%; margin-top:-21px; }



/*-----------------------------------------------------------------------------------*/
/* 8. = FAQ Page styling
/*-----------------------------------------------------------------------------------*/

#faq-top { background:url(../images/faq-top-bg.jpg) no-repeat center center / cover; height:350px; padding:60px 0 0 0; border-bottom:1px solid #F39721; }
#faq-top h1 { color:#FFF; font-size:50px; margin:0 0 30px 0; letter-spacing:3px; font-family: 'HelveticaNeueLight'; }
#faq-top p { color:#FFF; margin:0; font-size:18px; padding:0 0 0 55px; max-width:785px; line-height:1.2; }

#faq-content { padding:70px 0 100px 0; }
#faq-content .icons { float:left; padding:30px 0 0 0; }
#faq-content .icons li { margin:0 0 85px 0; }
#faq-content .icons li:last-child { margin:0; }
#faq-content .icons li img { margin:0 auto; }
#faq-content .faqs-list { width:700px; float:right; }
#faq-content .faqs-list > h2 { color:#FF9900; font-size:28px; }
#faq-content .faqs-list .faq { margin:0 0 40px 0; }
#faq-content .faqs-list .faq h2 { font-size:16px; margin:0 0 15px 0; padding:0 40px 0 0; position:relative; cursor:pointer; color:#0C2C3D; }
#faq-content .faqs-list .faq.blue h2 { color:#1772B7; }
#faq-content .faqs-list .faq h2 i { position:absolute; right:0; top:1px; width:22px; height:22px; background:url(../images/icon-cross.png) no-repeat 0 0 / 100% 200%; }
#faq-content .faqs-list .faq.active h2 i { background-position:0 -22px; }
#faq-content .faqs-list .faq .answer { font-size:12px; padding:0 70px 0 30px; color:#494949; }
#faq-content .faqs-list .faq .answer p:last-child { margin:0; }