/*-- Web Fonts --
@import url(fonts/raleway.css);
@import url(fonts/montserrat.css); */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300italic,400italic,600italic,700italic,800italic,300);
        
/*-- Bootstrap --*/
@import url(bootstrap.css);

/*-- Font Awesome Icons --*/
@import url(font-awesome.min.css);

/*-- ionicons Icons --*/
@import url(ionicons.min.css);

/*-- Liquid Slider 2 stlylesheet --*/
@import url(liquid-slider.css);

/*-- CSS Animations --*/
@import url(animate.css);

/*-- YTPlayer stlylesheet --*/
@import url(YTPlayer.css);

/*-- Flexslider2 stlylesheet --*/
@import url(flexslider.css);

/*-- CubePortfolio stlylesheet --*/
@import url(cubeportfolio.css);

/*-- Custom stlylesheet --*/
@import url(style.css);

/*-- Skin Color --*/
@import url(colors/blue.css);

.copyright { padding-top: 25px;  }

.logo { max-width: 100%; height: auto; margin: 22px 0px 0px 0px; border: 0px; }
.img-top-first { margin-top: 20px !important; }

.ico-social { border: 0px; margin: 5px 0px 0px 0px; vertical-align: middle; float: right; }

/* ==== 5a) Employers ==== */
#employers {
	padding-top: 60px;
	padding-bottom: 60px;
}
h2.employers { color: #15abdd; }
.img-employers { border: 0px; max-width: 100%; height: auto; margin: 5px 0px 0px 0px; }

/* ==== 5b) Employers ==== */
#job-seekers {
	padding-top: 50px;
	padding-bottom: 0px;
}
h2.job-seekers { text-align: center; }
.job-seekers-row { padding-bottom: 50px; }
.img-job-seekers { margin: 0px 0px 0px 0px; border: 0px; max-width: 100%; height: auto; }
.col-job-seekers {
	margin-top: 40px;
	margin-bottom: 0px;
	color: #fff;
	z-index:3;
}

.parallax-job-seekers-overlay {
    background-color: #15ABDD;
    background-image: url("../img/layout/bg-job-seekers.jpg");
    background-repeat: no-repeat;
	background-position: top center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
	margin-bottom: 50px;
}

#job-seekers a, #job-seekers a:visited, #job-seekers a:focus, #job-seekers a:active, #job-seekers a:link {
	color: #444;
}

#job-seekers a:hover, #job-seekers a:focus, #job-seekers a:active {
	color: #000;
}
.website-design-by { text-align: right; margin-top: 15px; }
.simi-valley-website-design { border: 0px; margin: 5px 0px 0px 0px; }

.home-container {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    /*background-image: url("../img/content/bg-home-slider.jpg") !important;*/

    background-origin: padding-box;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

ul.home-bullets { width: 200px; text-align: left; margin: 0px auto; }
.home-bullets li { line-height: 14px; list-style: disc outside url("../img/layout/icon-li.jpg"); padding: 5px 0px 5px 0px; }
#slider-home h1 {  font-size: 40px; letter-spacing: 1px; }
#slider-home p { font-size: 15px; letter-spacing: 0px; }



#clients, #vc-clients {
    background-color: #eee; /*#15ABDD*/
    padding-bottom: 60px;
    padding-top: 60px;
}
#clients .img-client, #vc-clients .img-client { margin-bottom: 30px; max-width: 100%; height: auto; border: 0px; }

#team { background-color: #fff; }
#team .title { font-style: italic; }
#contact-form { background-color: #eee; }




#fixed-navbar {
	z-index: 999999;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 2;
}










#home {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    background-color: #000; 
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}



h1.sldr-title, p.sldr-txt { color: #fff; text-shadow: 3px 2px 5px rgba(0, 0, 0, .8); }

h1.sldr-title { font-size: 65px; line-height: 75px; letter-spacing: 1px; margin: 0px 0px 40px 0px; }
p.sldr-txt { font-size: 24px; line-height: 34px; }








#contact-form, #employers, #job-seekers, #clients, #team {
	background-color: #eee;
    /*
    height: -webkit-calc(100% - 220px);
    height: calc(100% - 220px);
    height: -moz-calc(100% - 220px);
    */
}

#job-seekers { background-color: #15ABDD; }






#tbl { 
    display: table; 
    background-color: #eee;
    width: 100%; 
    height: -webkit-calc(100% - 220px);
    height: calc(100% - 220px);
    height: -moz-calc(100% - 220px);
    
}
#tbl:before, #tbl:after { display: table; content: " "; } 
#tbl:after { clear: both; }
#employers { display: table-cell;  }







@media (max-width: 1199px) {
	h1.sldr-title { font-size: 60px; line-height: 70px; }
	p.sldr-txt { font-size: 18px; }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../vids/vid-1.jpg') center center / cover no-repeat;
    }

    .fullscreen-bg__video {
        
    }



    #tbl { 
        display: table; 
        width: 100%; 
        height: 100%;
        
    }

    #footer .footer-menu { width: 100%; }
    #footer .footer-menu .pull-left, #footer .footer-menu .pull-right { float: none !important; text-align: center; }
    #footer .copyright, #footer .website-design-by { text-align: center !important; }
}


@media (max-width: 991px) {
	.nav > li > a { line-height: 25px; }

	h1.sldr-title { font-size: 45px; line-height: 55px; }
	p.sldr-txt { font-size: 20px; }
}

@media (min-width: 991px) and (max-width: 1199px) {
 .team-info h4 { font-size: 11px !important; }
 .ico-socail { float: right; display: inline !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.first-name { display:block; }
	.last-name { display:block; }
}

@media (max-width: 767px) {
	h2.employers { text-align: center; }
	.img-employers-container { text-align: center; }
	.img-employers { border: 0px; max-width: 100%; height: auto; margin: 20px 0px 0px 0px; }
	
	.col-job-seekers { margin-top: 20px; }
	.img-job-seekers-container { text-align: center;  }
	.img-job-seekers { margin: 0px 0px 0px 0px; }
	
	#job-seekers { padding-top: 25px; }


}


@media (max-width: 650px) {

	.fullscreen-bg__video { 
	    width: 500%;
    	left: -200%;
    }
	h1.sldr-title {
    	font-size: 38px;
    	line-height: 48px;
	}	
	

}


@media (max-width: 550px) {

	
	h1.sldr-title {
    	font-size: 34px;
    	line-height: 44px;
	}	
	p.sldr-txt { font-size: 18px;  line-height: 28px; }

}


@media (max-width: 500px) {

	h1.sldr-title {
    	font-size: 26px;
    	line-height: 36px;
	}	
	p.sldr-txt { font-size: 18px;  line-height: 28px; }

}

@media (max-width: 400px) {
	.fullscreen-bg__video { 
	    width: 700%;
    	left: -300%;
    }
}


@media (max-width: 300px) {
	h1.sldr-title { font-size: 36px; line-height: 46px; }
	p.sldr-txt { font-size: 16px;  line-height: 28px; }
}
/*@media (max-width: 490px) {*/
@media (max-width: 990px) {
	.team-info h4 {  float: none; }
	.team-info:before, .team-info:after {content: " "; display: table; box-sizing: border-box; clear: both; }
	
	.ico-social:before, .ico-social:after {content: " "; display: table; box-sizing: border-box; clear: both; }
	.ico-social { float: none; display:block; }
	.logo { width: 80%; max-width: 100%; margin: 0px 0px 10px 0px; }
}
@media (max-width: 420px) {
	.team-info h4 { font-size: 12px; }
	.first-name { display:block; }
	.last-name { display:block; }
	
	#employers { padding-top: 80px; }
	#job-seekers { padding-top: 80px; }
}