@import url(https://fonts.googleapis.com/css?family=Raleway);
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body .header-search button { width: 21px; height: 21px; overflow: hidden; text-indent: -999em; background: transparent url(../images/search.png) no-repeat 0 0; border: none; position: absolute; right: 7px; top: 10px; z-index: 2; }
@media only screen and (max-width: 960px) { body #header .headerbar .nav li { width: 48%; float: left; }
  body #header .headerbar .nav li input { width: 100%; }
  body #header #brand { float: left; width: 100%; text-align: center; }
  body #header #brand #logo { margin: 0 auto; } }
@media only screen and (max-width: 480px) {
body #header #brand #logo{ max-width: 180px;}
body #header .navbar-toggle{ margin: 10px; }
body #header .headerbar .nav li { width: 100%; float: left; }
#contact input[type="text"], #contact input[type="password"], #contact textarea { width: 300px !important; }
}
body .flex-direction-nav .flex-prev { width: 30px; height: 72px; overflow: hidden; text-indent: -999em; background: transparent url(../images/arrows.png) no-repeat 0 0; }
body .flex-direction-nav .flex-next { width: 30px; height: 72px; overflow: hidden; text-align: left; text-indent: -999em; background: transparent url(../images/arrows.png) no-repeat -30px 0; }
body .flexslider2 li { position: relative; margin: 2em 0; }
body .flexslider2 li img { float: left; margin: 0 2em 0 0; }
body .flexslider2 li strong { font-family: 'Raleway'; font-size: 25px; font-weight: bold; display: block; }
body .flexslider2 li span { font-family: 'Raleway'; font-size: 15px; }
body .flexslider2 li span.cover { width: 115px; height: 115px; overflow: hidden; text-indent: -999em; background: transparent url(../images/cover.png) no-repeat 0 0; position: absolute; top: 0; left: 0; z-index: 2; }
body .footer-cats h4 { margin: 1.5em 0 1em; }
body .footer-cats ul { list-style: none; padding: 0; margin: 0; }
body .footer-cats ul a { color: #4d5154; font-size: 1.167em; float: left; width: 100%; }
body .footer-cats ul a.red { color: #E46409; }
body .footer-cats ul a:hover { color: #E46409; }
body .footer-cats ul li .half { background: transparent url(../images/awesome.png) no-repeat top left; float: left; width: 50%; padding: 2px 0 0px 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body .footer-cats ul li .half:before { /*content:"\f041";color:$red;*/ }
body .footer-cats ul li .secondhalf { background: transparent url(../images/awesome.png) no-repeat bottom left; float: left; width: 50%; padding: 2px 0 0px 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body .footer-cats ul li .secondhalf:before { /*content:"\f017";color:$red;*/ }
body .footer-cats .push li { float: left; width: 100%; margin-top: 1em; }
body #employer_signup { text-align: center; color: #a6a8a9; margin-bottom: -20px; }
body #employer_signup h1 { font-family: 'Raleway'; }
body #employer_signup .red { color: #E46409; }
body #employer_signup .white { color: #222; }
body #employer_signup h2 { color: #222; text-transform: uppercase; background: transparent url(../images/employer-logo.png) no-repeat bottom center; padding: 0px; }
body #employer_signup h3 { color: #222; }
body #seeker_signup { text-align: center; color: #a6a8a9; margin-bottom: -20px; }
body #seeker_signup h1 { font-family: 'Raleway'; }
body #seeker_signup .red { color: #E46409; }
body #seeker_signup .white { color: #222; }
body #seeker_signup h2 { color:#222; text-transform: uppercase; padding: 0 0 10px; }
body #seeker_signup h3 { color: #222; }
body #login_screen { text-align: center; color: #a6a8a9; margin-bottom: -20px; min-height: 600px; }
body #login_screen a{ color:#909294;}
body #login_screen h1 { font-family: 'Raleway'; }
body #login_screen .red { color: #E46409; }
body #login_screen .white { color: #222; }
body #login_screen h2 { color: #222; }
body #login_screen small { margin-top: 10px; font-size: 1.1em; display: block; }


body #profile-form .control-label { float: left; width: 100%; padding-top: 10px; }
body #profile-form .input-group, body #profile-form .radio, body #profile-form #Profile_video { clear: both; }
body #profile-form #Profile_education_id { max-width: 100%; }

body #profile h2, body #profile h3, body #profile h4, body #profile h5, body #profile h6 { color: #a6a8a9; }

body #sidebar .profile-photo { border: 1px solid #a6a8a9; margin-bottom: 1em; }
body #sidebar .profile-photo img { width: 100%; }
body #sidebar .nav > li { margin-bottom: 8px; }

#js #sidebar .nav > li > a { padding: 4px 15px 1px 32px; color: #1d1d1d; background: transparent url(../images/icons.png) no-repeat 0 0; }
#js #sidebar .nav > li > a.professional-icon { background-position: 0px -24px; }
#js #sidebar .nav > li > a.video-icon { background-position: 0px -44px; }
#js #sidebar .nav > li > a.employment-icon { background-position: 0px -66px; }
#js #sidebar .nav > li > a.education-icon { background-position: 0px -94px; }
#js #sidebar .nav > li > a.other-icon { background-position: 0px -115px; }
#js #sidebar ul.nav a:hover, #js #sidebar ul.nav a.active{color: #4d5154;}
#js #sidebar .nav > li > a:hover, #js #sidebar .nav > li > a.active{ background-position: 0px -147px; }
#js #sidebar .nav > li > a.professional-icon:hover, #js #sidebar .nav > li > a.professional-icon.active { background-position: 0px -171px; }
#js #sidebar .nav > li > a.video-icon:hover, #js #sidebar .nav > li > a.video-icon.active { background-position: 0px -191px; }
#js #sidebar .nav > li > a.employment-icon:hover, #js #sidebar .nav > li > a.employment-icon.active { background-position: 0px -213px; }
#js #sidebar .nav > li > a.education-icon:hover, #js #sidebar .nav > li > a.education-icon.active { background-position: 0px -241px; }
#js #sidebar .nav > li > a.other-icon:hover, #js #sidebar .nav > li > a.other-icon.active { background-position: 0px -262px; }

body #news .media { background: rgba(255, 255, 255, 0.4); margin-bottom: 15px; }
body #news .media .media-body { padding: 10px; }
body #news .media h4 { font-size: 1.923em; color: #a6a8a9; }
body #news .media time { color: #2b3033; font-size: 1.154em; }
body #news .media p { margin: 10px 0 0; color: #4d5154; font-size: 1.154em; }
body #news .media .social { float: right; }
body #news .media .social a { width: 24px; height: 24px; display: inline-block; overflow: hidden; text-indent: -999em; background: transparent url(../images/icons.svg) no-repeat 0 0; background-size: 100%; margin-left: 2px; }
body #news .media .social a.facebook { background-position: 0px 0px; }
body #news .media .social a.facebook:hover { background-position: 0px -24px; }
body #news .media .social a.twitter { background-position: 0px -48px; }
body #news .media .social a.twitter:hover { background-position: 0px -72px; }
body #news .media .social a.gplus { background-position: 0px -96px; }
body #news .media .social a.gplus:hover { background-position: 0px -120px; }
body #news .media .social a.linkedin { background-position: 0px -144px; }
body #news .media .social a.linkedin:hover { background-position: 0px -168px; }
body #news .media .social a.email { background-position: 0px -192px; }
body #news .media .social a.email:hover { background-position: 0px -216px; }
body #news .media .readon { float: right; display: inline-block; margin: 10px 0 0; padding: 4px 10px; color: #222; background: #E46409; }

body #about, #hire, #pricing,#contact { font-size: 1.5em; font-family: 'Raleway'; color: #909294; }
body #about p, #hire p, #pricing p, #contact p { margin: 1em 0; }
body #about h2, #hire h2, #pricing h2, #contact h2 { font-size: 1.7em; color: #4d5154; }
body #about p strong, #hire p strong, #pricing p strong, #contact p strong { font-weight: 700; color: #4d5154; }

#hire .black-bar { color: #f8f6ee; }
#hire .black-bar h2 { color: #f8f6ee; }
#hire .black-bar p strong{ color: #f8f6ee; }


body #about .red { background: #E46409; color: #222; }
body #about .red h1 { font-family: 'museo_slab500'; font-size: 1.333em; text-align: center; }
body #about p.push { font-weight: 700; font-size: 1.333em; }

/** UNDO bootstrap **/
#contact input[type="text"], #contact input[type="password"], #contact textarea { width: 450px; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-right: 15px; float: none !important; }

.form-control { width: auto; display: inline-block; font-size: 1.4em; padding: 10px; height: auto; }
#message-grid i{ width: 12px; height: 16px; display: inline-block; background-size: 12px 16px;}
i.icon-sent { background-image: url(/assets/front/images/sent-icon.png); background-repeat: no-repeat; }
i.icon-received { background-image: url(/assets/front/images/received-icon.png); background-repeat: no-repeat; }

/* Update 2 */
#home header{ position: absolute; top: 0; width: 100%; z-index: 1000; }
#home nav.slideIt{ position:fixed; top:-100px; left: 0; right: 0; z-index:1011; transition:0.4s top cubic-bezier(.3, .73, .3, .74); background: #fff; }
body#home.scrolled nav.slideIt{ top: 0;}