/* CSS Document */

@import url("https://use.typekit.net/tcw4zdk.css");

:root {
	--primary-gray: #6a737b;
	--primary-green: #54b948;
	--primary-white: #ffffff;
	--primary-orange: #f26122;
	--primary-blue: #0d76bd;
	
	--secondary-light-blue: #16A0db;
	--secondary-dark-blue: #002B54;
	--secondary-orange: #faa634;
	--secondary-light-orange: #fdb913;
	--secondary-green: #a0cf67;
	
}

.border-15{
    border-width: 15px !important;
    
}

.w-33{
    
    width: 33.3333% !important;
}

.w-40{
    
    width: 40% !important;
}



.w-66{
    
    width: 66.6666% !important;
}

.rot-5 {

	transform: rotate(5deg);



}

.dark-blue-text{
	
	color: var(--secondary-dark-blue);
}

.primary-blue-text{
	
	color: var(--primary-blue);
}

.primary-orange-text{
	
	color: var(--primary-orange);
}


.white-text{
	
	color: var(--primary-white);
}

.primary-green-text{
    
    color: var(--primary-green);
}

.bg-primary-blue{
	
	background-color: var(--primary-blue);
	
}
.bg-dark-blue{
	
	background-color: var(--secondary-dark-blue);
    opacity: 100%;
	
}
	
.page{
	
	margin: 0 !important;
}

.font-proxima{
	
	font-family: "proxima-nova", san-serif;
	
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.flex-h1{
    font-weight:700;
    color: var(--secondary-dark-blue);
    font-family: "proxima-nova", san-serif;
    margin-bottom: 2rem;
}

.flex-h2{
    font-weight: bold;
    color: var(--secondary-dark-blue);
    font-family: "proxima-nova", san-serif;
}

.flex-p{
    font-size: 1.25rem;
    color: #000;
    font-family: "proxima-nova", san-serif;
    
}

.flex-p h3{
   color: var(--primary-blue);
    font-family: "proxima-nova", san-serif;
    
}

#default-page-template h1 {
  font-weight: 700;
    color: var(--secondary-dark-blue);
}

#top-nav{
	
	display: none;
	}

.main-menu{
    
    
  background-color: #fff;
  position: sticky;
  top: 0;
  border-bottom: thin solid #002b54;
  z-index: 999999;
}
#site-navigation{
	
	margin-top: 2rem;
}

#hero{
	
	background-size: cover;
	background-repeat: no-repeat;
    background-color: var(--primary-blue);
    background-image: url("../img/header-bg.jpg");
	
	color: var(--primary-white);
	font-family: "proxima-nova", san-serif;
	}
#hero .container{
		
		padding-top: 5%;
	}

#hero h1{
	
	text-align: center;
	font-weight: bold;
}

#hero h3{
	padding-top: 3%;
	
}


#main-cat-hero{
	
	background-size: cover;
	background-repeat: no-repeat;
	
	color: var(--primary-white);
	font-family: "proxima-nova", san-serif;
	}
#main-cat-hero .container{
		
		padding-top: 5%;
	}

#main-cat-hero h1{
	
	text-align: center;
	font-weight: bold;
}

#main-cat-hero h3{
	padding-top: 3%;
	
}






.main-cat-hero-button-row{
	
	padding: 3rem 0;
}

#locations{
	
	background-color: var(--primary-orange);
	background-image: url("../img/location-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
}





#bottom-id{
	
	background-color: var(--secondary-dark-blue);
	
}

#bottom-id hr{
	
	color: var(--primary-white);
	
}

#bottom-id .social-logo{
	
	
	color: var(--primary-white);
	font-size: 3rem;
	
	
}

#bottom-id .social-logo:hover{
	
	
	opacity: .5;
	font-size: 3rem;
	
	
}

#top-card{
	
	
}

#top-card h1{
	
	color: var(--primary-white);
}

.three_card_footer{
	
	border: none;
  background-color: transparent;
  text-align: center;
  padding-bottom: 2rem;
	
}

.card-2{
	
	margin-right: 4rem;
	margin-left: 4rem;
}


.blue-block-title{
	color: var(--seconday-dark-blue);
	
}

.white-block-title{
	color: var(--primary-white);
	
}

.accordion-button:not(.collapsed){
	
	background-color: var(--primary-blue);
	color: var(--primary-white);
}


.footer-menu{
	
	list-style: none;
	font-size: 2rem;
	margin: 0;
}


.footer-menu a:link{
	
	text-decoration: none;
	color: var(--primary-white);
}



.footer-menu a:visited{
	
	color: var(--primary-white);
}

.footer-menu a:hover{
	
	/*color: var(--primary-gray);*/
    opacity: .5;
	
}




#footer{
	
	background-color: var(--secondary-dark-blue);
	color: var(--primary-white);
	
}

/* Contact Form Styles */


.formMain .txt-format {
  padding: 11px 12px;
  background: #fff;
  width: 90%;
  min-height: inherit;
  border: 1px solid #979797;
  border-radius: 3px;
  font-size: 14px;
  color: #4a4a4a;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
}

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}

    .error-404 {

    text-align: center;

    padding: 170px 0;

}



.error-404 h1 {

    font-size: 7rem;

    color: var(--primary-blue);

    

    font-weight: 800;

    

}

.error-404 h2 {

    font-size: 5em;

    color: var(--primary-blue);

    

    font-weight: 800;

    

}



.error404 .page-content {

    padding-bottom: 4em;

}


.slider-btn a:visited{
    
    color: var(--primary-white);
    
    
    
}

.fp-inner{
	overflow: unset;
	overflow-x: hidden !important;


}

.carousel-inner{

	overflow: unset;
}

.fp-slide-pic{

	transform: translateY(-5%);

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#site-navigation{
	
		margin-top: 3rem;
	}
	
	
	#hero{
		min-height: 560px;
		background-position: center;
	
	}
	
	
	
	#hero h1{
	
	font-size: 5rem;
	font-weight: bolder;
	text-align: center;
	}
    
    
    #main-cat-hero{
		min-height: 560px;
		background-position: top left;
	
	}
    
    #main-cat-hero .container{
		
		padding-top: 10%;
	}
	
	
	
	#main-cat-hero h1{
	
	font-size: 5rem;
	font-weight: bolder;
	text-align: center;
	}
    
    
    
	
	#hot-jobs h1{
	
	font-size: 5rem;
	font-weight: bolder;
	text-align: center;
	}
	
	#top-nav{
	
	background-color: #000;
	
	text-align: right;
		
		display:block;
	
	}

	#top-nav li{
	
		display: inline;
	}
    
    
    .slider-container{
        
        max-width: 75rem;
        
        padding-top: 5rem !important;
    }
    .the-carousel{
        min-height: 20rem;
        
    }
    
    .slider{
        
       min-height: auto !important; 
        
    }
    
    .slide{
        
        min-height: 20rem;
    }
    
    .carousel-caption{
        
        position:inherit;
    }
    
    .c-control-front-page{
        
        margin-top: 30%;
        
    }
    
    
    



	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	
	
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
	
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	
	
}