/*
Dark Blue: #02293A
Hero translucent blue: rgba(2, 41, 58, 0.60)
Light Grey: #E6E6E6
Tan: #EBE0c3
Dark tan: #c1ae76
Light Blue/teal: #0B6E89
dark grey: #535459
grey (for borders): #999999

Blue for h1 etc: #064d66

*/
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight:300;
	line-height:24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	color:#064d66;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}

.btn-group,
.edit-icon{
	display:none;
}

img{
	width:100%;
	max-width:100%;
}

.link{
	color: #fff;
	background:#c1ae76;
	padding:10px;
	transition: all .2s ease;
}

.link:hover{
	text-decoration:none;
	background:#0b6e89;
	color:#fff;
}
a:hover{
	text-decoration:none;
	color:#0B6E89;
}

/*
=================================================
HERO SLIDER 
=================================================
*/

.carousel-cell .custom{
	width:100%;
	height:91vh;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center bottom;
}

.carousel-cell{
	width:100%;
	height:91vh;
	position:relative;
}

.slider-info{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(2, 41, 58, 0.60);
	color:white;
	padding-bottom:3%;
	padding-top:20px;
}

.slider-info h4{
	color:#fff;
}
.slider-info .col-sm-offset-2 p{
	font-size: 30px;
	padding:0;
	margin:0;
	margin-top:18px;
	font-weight:400;
	letter-spacing:1px;
}

.slider-info a{
	color:#fff;
	font-weight:400;
}

.slider-info .col-sm-offset-2 p:last-child{
	border-bottom:5px solid #0b6e89;
	padding-bottom:15px;
	width:60%;
}

.slider-info .col-sm-3 p:first-child{
	font-weight:400;
	font-size:20px;
}

/*
=================================================
NAV STYLES
=================================================
*/
.site-nav{
	background: #02293A;
}

ul.maximenuck li{
	padding:10px;
	color:white;
	font-size:16px;
	display:table-cell;
	vertical-align:middle;
	margin-top:15px !important;

}

.header-logo{
	padding:15px;
}

ul.maximenuck{
	text-align:right;
	display:table;
}

ul.maximenuck label{
	color:#fff;
}

a.maximenuck{
	color:#fff;
}

.sticky{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:9999;
	box-shadow: 1px 2px 11px black;
}

/*
=================================================
OUR SERVICES SECTION STYLES
=================================================
*/

.services{
	background:#e6e6e6;
}


.services .row{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.services-intro{
	padding:0;
	border-right:1px solid #999999;
}

.services-intro p,
.services-intro h2{
	padding:0 15px;
}

/*.service-list{
	border-right: 1px solid #999999;
	border-left: 1px solid #999;
}*/

.services-link{
	width:100%;
	display:block;
	margin-top:30.5%;
}


/*
=================================================
AWARDS SECTION STYLES
=================================================
*/

.awards{
	background:#ebe0c3;
	text-align:center;
	padding:2% 0;
}
/*
.awards a{
	background:#535459;
}
*/

/*
=================================================
MAIN CONTENT STYLES
=================================================
*/
main{
	background:#e6e6e6;
	padding-bottom:5%;
	padding-top:2%;
	text-align:center;
}

/*main .page-header h2{
	position:absolute;
	bottom:-40%;
}*/

.item-image{
	height:192px;
	overflow:hidden;
}

/*
=================================================
OUR CLIENTS SECTION STYLES
=================================================
*/
.clients{
	background:#535459;
	color:#fff;
}

.clients h2{
	color:#fff;
}

.clients img{
	width:90px;
}

.clients-intro{
	border-right: 1px solid #999999;
	border-left: 1px solid #999;
	padding:0;
}
.clients-intro .services-link{
	margin-top:29%;
}

.clients-intro p,
.clients-intro h2{
	padding: 0 15px;
}
.testimonial-2{
	border-right: 1px solid #999999;	
}

.testimonial-1 img{
	width:125px;	
	margin-bottom:32px;
	margin-top:20px;
}

.testimonial-two-img {
  width: 105px !important;
  margin-top: 20px;
  margin-bottom: 10px;
}

/*
=================================================
CHARITY SECTION STYLES
=================================================
*/

.charity-work{
	text-align:center;
	padding:2% 0;
}



/*
=================================================
FOOTER STYLES
=================================================
*/

.footer{
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	color:white;
	padding-top:2%;
	padding-bottom:50px;
}

.footer-socials li img{
	display:inline;
	width:20px;
}

.footer-socials li{
	display:inline;
	padding:5px;
	transition: all .2s ease;
}

.footer-socials{
	margin-bottom: 22px;
}

.footer h2,
.footer a{
	color:#fff;

}
footer p{
	padding:0;
	margin:0;
} 
footer ul.nav{
	background:none;
}

/*
=================================================
FORM STYLES
=================================================
*/

.formResponsive input[type="text"],
.formResponsive textarea,
.formResponsive input#send{
	border-radius:0 !important; 
	 -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
 }

 .formResponsive input[type="text"],
.formResponsive textarea{
    padding:17px;
    width:100%;
}

.rsform{
	padding-top:6%;
}

input#send{
	background:#c1ae76;
	width:75px;
	padding:10px;
	font-size:16px;
}


/*
=================================================
NUMBER COUNTER 
=================================================
*/

h3.number{
	font-size:27px;
}

.about-blurb{
	padding:0;
	border-left:1px solid #999;
	border-right: 1px solid #999;

}

.about-blurb p,
.about-blurb h2{
	padding:15px;
}

.about-blurb .link{
	width:100%;
	display:block;
	margin-top:28%;
}

.about .row{
	border-right: 1px solid #999;
}

.top div{
	padding-top:15px;
}

/*
=================================================
PROJECTS-PAGE 
=================================================
*/

.sub-main{
	background-image:url(../images/project-bg.png);
	color:#064d66;
	font-weight:bold;
	background-repeat:no-reapeat;
	background-size:cover;
}

.sub-main .item-page ul{
	list-style: circle;
}

.sub-hero .info-container .col-sm-3.col-sm-offset-3{
	width: 80%;
}

/*
=================================================
FEATURED PROJECTS STYLES
=================================================
*/

.featured-projects{
	background:#e6e6e6;
	color: #02293a;
	padding-bottom:3%;
}

/*.featured-projects h2,
.featured-projects h3{
	color:#fff;
}*/

.featured-projects .custom{
	text-align: center;
}

.featured-project .img-fulltext-left{
	width:100%;
	height:55vh;
	overflow: hidden;
	position:relative;
	
}
.featured-project .img-fulltext-left img{
	position:absolute;
	bottom:0;

}

.featured-project  p,
.featured-project h2{
	float:left;
	width:55%;
}

.featured-project ul.sigFreeContainer{
	width:45%;
	float:right;
	clear:none !important;
}

.featured-project{
	height:auto;
}


/*
=================================================
FLICKITY CUSTOM STYLES
=================================================
*/

.flickity-prev-next-button {
  width: 100px;
  height: 200px;
  background: transparent;
  
}
.flickity-prev-next-button:hover {
  background: transparent;
}

.flickity-prev-next-button .arrow {
  fill: white;
}

.featured-projects .previous{
	left:-100px;
}
.featured-projects .next{
	right:-100px;
}

/* position dots in carousel */
.flickity-page-dots {
  bottom: 10px;
}
/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1; 
  background:#0b6e89;
  border: 2px solid #0b6e89;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: #535459;
  border:2px solid #535459;
}


/*
=================================================
Sub Page Hero
=================================================
*/

.sub-hero .custom{
	height:55vh;
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;

}

.sub-hero-info{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(2, 41, 58, 0.60);
	color:#fff;
	padding-bottom:2%;
}
.info-container{
	position:absolute;
	bottom:45px;
}

.sub-hero-info h1{
	color:#fff;
	font-family:'Source Sans Pro', sans-serif;
	text-transform:capitalize;
	font-size:35px;
	border-bottom:5px solid #0b6e89;
	padding-bottom:17px;
	width:80%;
}


/*
=================================================
TESTIMONIALS PAGE STYLES
=================================================
*/

.testimonial-page .col-sm-12{
	margin-bottom: 20px;
	padding-bottom:10px;
	border-bottom:2px solid #02293A;
}

.testimonial-logo{
	border:4px solid #EBE0c3;
}

.sub-hero .info-container .col-sm-3.col-sm-offset-3.testimonial-hero {
    width: 14%;
    margin-left:0;
}


/*
=================================================
MEDIA QUERIES 
=================================================
*/

@media(max-width:1465px){
	.sub-hero .info-container .col-sm-3.col-sm-offset-3.testimonial-hero {
    width: 17%;
	}
}


@media(max-width:1300px){
	.featured-projects .previous{
		left:-50px;
		width:55px;
	}
	.featured-projects .next{
		right:-50px;
		width:55px;
	}
}

@media(max-width:1240px){
	.featured-projects .previous,
	.featured-projects .next{
		display:none;
	}

	.sub-hero .info-container .col-sm-3.col-sm-offset-3.testimonial-hero {
    width: 20%;
	}
}

@media(max-width:1200px){
	.services-link{
		margin-top:46.5%;
	}
	.clients-intro .services-link {
    	margin-top: 43%;
	}

	.about-blurb .link{
		margin-top: 35%;
	}

}
@media(max-width:998px ){
	.featured-project ul.sigFreeContainer{
		width:100%;
	}
	.featured-project  p,
	.featured-project h2{
		width:100%;
	}
	.about-blurb .link {
 	   margin-top: 45%;
	}

	.sub-hero .info-container .col-sm-3.col-sm-offset-3.testimonial-hero {
    width: 25%;
	}

	.sub-hero .info-container .testimonial-sub {
    width: 30%;
	}


@media(max-width:990px){
	.services-link{
		margin-top:88.5%;
	}
	.clients-intro .services-link {
    	margin-top: 74%;
	}
}

@media(max-width:850px){
	.sub-hero .info-container .col-sm-3.col-sm-offset-3.testimonial-hero {
    width: 30%;
	}

	.sub-hero .info-container .testimonial-sub {
    width: 35%;
	}

	}

@media(max-width:767px){
	.services-link{
		margin-top:10px;
	}
	.clients-intro .services-link,
	.about-blurb .link {
    	margin-top:10px;
	}

	.header-logo{
		float:left;
		width:30%;
	}
	.main-nav{
		float:left;
		width:70%;
	}
	ul.maximenuck li{
		font-size:14px;
	}

	.main-content .item-image{
		margin-bottom:10px;
	}

	footer .col-sm-3{
		margin:20px 0;
	}
	.flickity-prev-next-button{
		display:none;
	}

	.number-counter .col-sm-3{
		width:25%;
		float:left;
	}

	.featured-projects{
		padding:10px;
	}

	 .item-image{
		height:auto !important;
	}
}
@media(max-width:600px){
	.header-logo{
		width:20%;
	}
	.main-nav{
		width:80%;
	}
}

@media(max-width:524px){
	.header-logo{
		width:40%;
	}
	.main-nav{
		width:60%;
	}

	header #maximenuck102 .maximenumobiletogglericonck{
		font-size:60px !important;
		margin-top:8px;
	}

	.number-counter .col-sm-3{
		width:50%;
	}

	.featured-project .img-fulltext-left{
		height:42vh;
	}
}