body{
    font-family: 'Quattrocento Sans', sans-serif;
}
body p{
	color:#565658;
	font-size:20px;
    }

.leftstaff .image img{
	opacity:0.4;
	height:100%;
	position:absolute;
	transition:all 2s;
    }
.sectlinks a{
	padding:0px 20px;
	font-weight:600;
	font-size:18px;
}
.sectlinks li{
	padding:0px 20px;
	font-weight:600;
	font-size:18px;
}
.sectlinks .link{
	padding-left:80px;
}
.leftstaff .image img:hover{
    transform:scale(1.2);
    }
.middlesales .image img{
	/*top:8%;*/
	opacity:0.6;
	height:100%;
	position:absolute;
	transition:all 2s;
	margin-left:-100px;
    }
.middlesales .image img:hover{
    transform:scale(1.2);
    }
.rightlead .image img{
	/*top:8%;*/
	opacity:0.5;
	height:100%;
	position:absolute;
	transition:all 2s;
    }
.rightlead .image img:hover{
    transform:scale(1.2);
    }
.leftstaff{
	height:85vh;
	background-color:#07151E;
	overflow:hidden;
    }
.middlesales{
	height:85vh;
	background-color:#981404;
	overflow:hidden;
    }

.rightlead{
	height:85vh;
	background-color:#07151E;
	overflow:hidden;
    }

.header{
   z-index:1;
   background-color:#fff;
   line-height:50px;
   position:fixed;
   border-bottom:1px solid #DCDCDC;
   }
#callmsg{
	line-height:0px;
	padding-left:30%;
}

.header a{
   color:#696969;
   }
#banner h1{
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:900;
	font-size:35px;
	text-shadow:2px 2px #000;
	letter-spacing:2px;
	color:#fff;
    }

#banner p{
	font-size:20px;
	color:#f9f9f9;
    }
#staffbanner p{
	font-size:32px;
	color:#f9f9f9;
	text-shadow:3px 3px #000;
    }
#banner .group{
	margin-top:60vh;
	position:relative;
    }
#banner .group a{
	color:#f9f9f9;
	font-size:32px;
    }
#banner .group:hover a{
	color:#981404;
    }
#resume .books{
	border-radius:10px;
}
#resume p{
	font-size:20px;
}
#employer .books{
	border-radius:10px;
}

#jsearch .books{
	border-radius:10px;
}
#jsearch p{
	font-size:20px;
}

#smedia .books{
	border-radius:10px;
}
#smedia p{
	font-size:20px;
}
#banner .para{
	font-family: 'Quattrocento Sans', sans-serif;
	color:#f9f9f9;
    font-size:60px;
	position:absolute;
	top:30vh;
    }
#banner .para div{
	font-family: 'Quattrocento Sans', sans-serif;
	margin:auto;
    }
#banner .paara1{
	font-weight:600;
}
.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
.bounce {
  animation-name: bounce;
}
#banner .areu{
	margin-top:8%;
}
#banner .paara{
	font-weight:300;
}
.abouttext{
	padding:0px 7%;
	}
.abouttext p{
	font-size:20px;
	}
.planebg h3{
	padding:20% 0%;
}
#vision{
	background-color:#f5f5f5;
}
#vision p{
	font-size:20px;
}
#values p{
	font-size:20px;
}
.locations .atlanta h5{
	color:#981404;
}
.contact p{
	font-size:20px;
}

#employtext p{
	font-size:20px;
}
#employlink a{
	font-size:20px;
}
#fbicon1{
	padding:0px 20px;
}
.carousel-inner{
	color:#565658;
}
.pageheading{
	color:#0071BB;
}
.contattext{
	padding:25% 0%;
}
.contattext p{
	font-size:20px;
	color:#565658;
}
form label{
	font-size:20px;
	color:#565658;
}
.contattext h1{
	color:#dd3332;
}
#footer{
	height:50vh;
	background-color:#565658;
}
.footer a{
	color:#f5f5f5;
	font-size:20px;
	font-weight:500;
}
#employerapp h2{
	color:#0071BB;
}
#employerapp{
	background-color:#f5f5f5;
}
#employer p{
	font-size:20px;
}
#employerapp .books{
	border-radius:10px;
}
#pstaffingwhy h2{
	color:#0071BB;
}
#pstaffingwhy{
	background-color:#f5f5f5;
}
#pstaffing p{
	font-size:20px;
}
#pstaffingwhy li{
	font-size:20px;
}
#pstaffingwhy .books{
	border-radius:10px;
}
#cthirewhy h2{
	color:#0071BB;
}
#cthirewhy{
	background-color:#f5f5f5;
}
#cthire p{
	font-size:20px;
}
#cthirewhy li{
	font-size:20px;
}
#cthirewhy .books{
	border-radius:10px;
}
#resume li{
	font-size:20px;
	color:#565658;
}
.blue{
	color:#0071BB;
}


.social-media li {
	
list-style: none;
float: left;
padding: 8px 12px;
font-size:19px;
margin-top: 13px;

}

.social-media li a{

	color: #000;

}

.font-facebook{

	color:#3B5998;
}

.font-twitter{

	color:#2DAAE1;
}
.font-linked{

	color:#007AB4;
}
.font-youtube{

	color:#CF2200;
}

.more-options{
/*border:2px solid #0000ff;*/
/*padding:8px 12px;*/
color: #dc3545;
font-size:19px;
font-weight: 400;
}
.modal {
 
    z-index: 9999;
 
    }
    .work-shop li{

list-style: none;


    }
 
#contactfoot{
	padding:80px 50px 40px 50px;
	background-color:#565658;
}
#contactfoot .icons i{
	transition:all 2s;
	border:1px solid #CE2D23;
	color:#CE2D23;
	background:#BCC1C4;
}
#contactfoot .icons i:hover{
	color:#fff;
	background:#CE2D23;
}

#contactfoot .icon{
	color:#fff;
	cursor:pointer;
}
#contactfoot .icon div:hover i{
	color:#CE2D23;
}
#contactfoot h4{
	color:#fff;
	font-weight:500;
}
.employtext h1{
    font-weight:600; font-size:40px;text-shadow:2px 2px #000;
}
/*-----media queries 1440 -----------*/
/*---------------------------------*/
@media ( max-width:1440px){
	#banner .group a{
	    font-size:32px;
	}
	#banner h1{
	    font-size:32px;
	}
}




/*-----media queries 1280 -----------*/
/*---------------------------------*/
@media ( max-width:1280px){
	#banner .group a{
	    font-size:28px;
	}
	#banner h1{
	    font-size:28px;
	}
}


/*-----media queries 1024 -----------*/
/*---------------------------------*/
@media ( max-width:1024px){
	#banner .group a{
	    font-size:20px;
	}
	#banner h1{
	    font-size:20px;
	}
}



/*-----media queries 800 -----------*/
/*---------------------------------*/
@media ( max-width:800px){
	.section-lines{

		margin-top: 45px;
	}
	#banner .group a{
	    font-size:17px;
	}
	#banner h1{
	    font-size:17px;
	}
.employtext h1{

font-size:28px; 
}

#tas{
font-size: 15px;

}
#rw{
font-size: 15px;
}
#ssm{
	font-size: 15px;
}




}

/*-----media queries 768 -----------*/
/*---------------------------------*/
@media (max-width: 768px){

	.section-lines{

		margin-top: 45px;
	}
	.employtext h1{

font-size:28px; 
}
}
/*-----media queries 420 -----------*/
/*---------------------------------*/

@media (max-width : 420px){

	#contact .row .col-md-3{
margin-top: 10px;



	}
	.employtext h1{

font-size:16px; 
}
	.icon pt-3{

padding-top:10px;

	}

	#contact h4{
margin-top: 15px;
margin-bottom: -10px;

	}
	.pt-3, .py-3{

padding-top: 10px!important;

	}
	.ml-4, .mx-4 {
    margin-left: 0.5rem!important;
   
}
.p-2 {

	padding:.4rem!important;
}
.mr-2, .mx-2{

 margin-right: 0.5rem!important;

}
#banner .group a {
     color: #f9f9f9; 
  font-size: 12px; 
}
#banner h1{
    font-size:25px;
	    letter-spacing: 2px; 
	padding:0px;
	
      }
.pl-5{
	padding:12px!important; 
	
      }

 pr-5{
	 padding:12px!important; 
	
	 
     }
    .employtext h1 {
     color: #f9f9f9; 
     font-size:25px; 
     }	
}




/*-----media queries 360 -----------*/
/*---------------------------------*/
@media(max-width:360px){
	.employtext h1{

font-size:24px; 
}
#contactfoot{
    padding: 70px 50px!important;
    background-color: #565658;
}
	.p-2{
padding: 5px!important;


	}
	.ml-4, .mx-4 {
    margin-left: 0.3rem!important;
}
	.paara1{
		
		font-size:30px;
		
		
	}
	.paara{
		
		font-size:30px;
		
		
	}
	#banner .group{
	    margin-top:75vh;
		font-size:20px;
    }
	#banner .group a{
		font-size:14px;
    }
}

#jotquote{
	padding:100px 0px 50px 0px;
}
.jotclickable h4{
	background:#f5f5f5;
	//border-bottom:1px solid #dd3332;
}

.ml11 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #fff;
  transform-origin: 0 50%;
}

.ml11 .line1 { 
  top: 0; 
  left: 0;
}

.ml11 .letter {
  display: inline-block;
  line-height: 1em;
}



/*-----media queries 320 -----------*/
/*---------------------------------*/

@media (max-width : 320px){
	.employtext h1{

font-size:14px; 
}
	#contact {
    padding: 50px 50px!important;
    background-color: #565658;
}
	.social-media li{
		font-size: 13px;
		     padding: 8px 5px; 
	}
	#contact img{
		width:100px;
}
   #contact .icons i{
	   padding:5px!important;
	   background-color: #565658;
}
#banner .group a{

font-size: 12px;

}
.pl-5 {
    padding: 8px!important;
}
}