﻿.welcome-content, .headtitle, .tertiary, .likeTo{
    display: none !important;}

.backgroundGrey{
	margin-bottom:0px !important;}
	
#header {
    border-bottom: none;
}

#mainbody{
	color:white;
	padding-bottom:0px!important;
}

.diBlackBlock{
	background-color:#5b5b5b!important;
}

#mainbody p, #mainbody span, #mainbody li{
	color:white;
}

#intros p, #intros span{
	color:black;
}

.jobSearch .txtQuickSearchKeyword {
	width:95%;
}

.ddlQuickSearchSpecialisation
{
	padding-left:30px;
}

@media (min-width:768px) and (max-width:1170px)
{
	#intros p, #intros span {
	    height: 105px;
	}
}

#results, #results span{
	color:#5b5b5b;
}

#filters{
	margin-top:-1px!important;
	padding-bottom:0px!important;
}

.jobSearch{
	background-color:#d0d727;
	width:100%;
	padding-bottom: 9px;
    margin-bottom: 0px;
}

.jobSearch h4 {
    color: #333!important;
    text-align: center;
    font-size: 10pt !important;
    font-weight: bold !important;
    display: block !important;
    margin-top: 8px !important; 
    text-align:right;
}

.backgroundGrey {
    background-color: #D0D727;
    padding: 15px 10px 5px 0;
}

.backgroundOrange {
    background-color: #333333;
    padding: 12px 10px 0px 0;
    margin-top: -1px;
}

DIV.col-sm-9.backgroundGrey {
    padding-top: 12px!important;
    min-height: 50px;
    padding-top: 25px;
}

DIV.col-sm-3.backgroundOrange{
	padding-top: 10px;
    min-height: 50px;
    margin-bottom: 0px;
    margin-top:-1px;
}

input[type=text] {
    height: 25px!important;
}

.k-dropdown{
	width:100%;
}

.bannerLayout{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ms-webpart-zone:first-child{
	margin-bottom:0px;
}

.ms-webpartzone-cell:first-child {
    margin: auto auto 0px;
}

.s4-wpcell:nth-child(2) > .ms-webpart-chrome, .s4-wpActive > .ms-webpart-chrome {
    border: none;
}

.bannerBackground{
	background-color:#050c14;
	/*margin-top:-20px;*/
}

.bannerImage{
	height:350px;
	background-image:url('/Style Library/Concero/Images/theme/banner.png');
	margin-top:0px;
}

@media (max-width:721px){
	.bannerImage{
		background-position-x: -249px;
	}
}

@media (max-width:455px){
	.bannerImage{
		background-position-x: -348px;
	}
}

@media (max-width:373px){
	.bannerImage{
		background-position-x: -348px;
	}
}

.blackbox{
	background-color: rgba(0,0,0, 0.6);
    padding-right: 25px;
    margin-top: 210px;
    height: 100px;
}

@media (max-width:319px){
	.blackbox{
		height:auto;
	}
}

.bannerText {
    font-size: 15pt;
    text-transform: uppercase;
    padding: 20px;
    text-align: left;
}

.deliveringResults{
	margin-left:160px;
}

@media (max-width:475px){
	.deliveringResults{
		margin-left:77px;
	}
}

@media (max-width:379px){
	.bannerText {
    	font-size: 12pt;
	}
	
	.deliveringResults{
		margin-left:0px;
	}
}

.aboutNetwork{
	text-align:center;
	margin-top: 20px;
    font-size: 12pt;
}

.aboutNetwork .greenText{
	font-weight:bold;
}

.formInfo.span12.col-md-12 {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    padding-bottom: 5px;
    color: black;
}

.control-group.span12.col-md-5 {
    left: 50px;
}

@media (min-width:768px) and (max-width:991px){
	.control-group.span12.col-md-5 {
	    left: 0px;
	}
	
	.control-group.span12.col-md-5:last-child {
		padding-right:4px;
	}
	
	.banner {
	    margin-top: -1px;
	}
	
	.jobSearch h4 {
	    /*margin-top: 0px !important; */
	}
}

@media (max-width:767px){
	DIV.col-sm-9.backgroundGrey{
	    padding: 15px;
	}
	
	DIV.col-sm-9.backgroundGrey .row div.col-sm-5:nth-child(2){
		margin-right:12px;
		margin-bottom:10px;
	}

	DIV.col-sm-3.backgroundOrange {
	    padding: 12px 10px 5px 0;
	}
	
	.jobSearch .ddlQuickSearchSpecialisation{
		padding-left:14px;	
	}
	
	.jobSearch h4 {
	    margin-top: 8px !important; 
	    text-align:left;
	    padding-left: 20px;
	}
	.jobSearch .txtQuickSearchKeyword{
		width:98%;	
	}
}

.footerBar1
{
	border-top: none!important;
}


				/*Latest Jobs*/
/*===============================================*/

.latestJobsHeader > div > b {
    font-size: 20px;
}

				/*Testimonials*/
/*=====================================================*/
.ctHeadingStyle{
	text-align:center
}

.testimonial{
	color:black;
}

.testimonialBody {
    text-align: center;    
	overflow: hidden;		    
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	/*line-height: 1.42857; 
	max-height: 124px;*/
}

.testimonialImageContainer > img{
	width:60px;
}

.jobQuickSearchMain {
    margin-bottom: 0px;
}

/*Firefox override*/

@-moz-document url-prefix(), (min-width: 1200px) {	

		.whiteBlock {
			height: 640px !important;
			margin-top: -660px !important;
		
	}
	
	@media (max-width: 1199px) and (min-width: 992px){
		.whiteBlock {
			height: 730px;
			margin-top: -750px;
		}
	}

	@media (max-width: 991px) and (min-width: 768px){
		.whiteBlock {
			height: 1135px !important;	
			margin-top: -1150px !important;
		}
	}

	@media (max-width: 767px) and (min-width: 676px){
		.whiteBlock {
			height: 1525px !important;
			margin-top: -1520px !important;
		}
	}

	@media (max-width: 675px) and (min-width: 574px){
		.whiteBlock {
			height: 1605px !important;
			margin-top: -1605px !important;
		}
	}

	@media (max-width: 573px) and (min-width: 524px){
	  .whiteBlock {
			height: 1690px !important;
			margin-top: -1690px !important;
		}
	}

	@media (max-width: 523px) and (min-width: 464px){
	  .whiteBlock {
			height: 1775px !important;
			margin-top: -1775px !important;
		}
	}

	@media (max-width: 463px) and (min-width: 423px){
	  .whiteBlock {
			height: 1850px !important;
			margin-top: -1850px !important;
		}
	}

	@media (max-width: 422px) and (min-width: 386px){
	  .whiteBlock {
			height: 1940px !important;
			margin-top: -1940px !important;
		}
	}

	@media (max-width: 385px) and (min-width: 377px){
	  .whiteBlock {
			height: 2020px !important;
			margin-top: -2020px !important;
		}
	}

	@media (max-width: 376px) and (min-width: 339px){
	  .whiteBlock {
			height: 2100px !important;
			margin-top: -2100px !important;
		}
	}

	@media (max-width: 338px){
	  .whiteBlock {
			height: 2230px !important;
			margin-top: -2230px !important;
		}
	}
  
}
