/* PS - Last updated 18.07.2018
===========================
CONTENTS:

01 Defaults
02 Typography
03 Footer
04 Buttons
05 Images
06 Sections
07 Columns
08 Forms
09 Header
10 Media queries 
=========================== */

/* ---------------------------------------------------------------------------------------------------------- 
01 Defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'SourceSansProLight';
	src: url('../fonts/SourceSansPro-Light-webfont.eot');
	src: url('../fonts/SourceSansPro-Light-webfont.eot?#iefix') 
		format('embedded-opentype'),  url('../fonts/SourceSansPro-Light-webfont.woff') 
		format('woff'),  url('../fonts/SourceSansPro-Light-webfont.ttf') 
		format('truetype'),  url('../fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') 
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Patua One';
	src: url('../fonts/patuaone-regular-webfont.eot');
	src: url('../fonts/patuaone-regular-webfont.eot?#iefix') 
		format('embedded-opentype'),  url('../fonts/patuaone-regular-webfont.woff') 
		format('woff'),  url('../fonts/patuaone-regular-webfont.ttf') 
		format('truetype'),  url('../fonts/patuaone-regular-webfont.svg#PatuaOne') 
		format('svg');
	font-weight: normal;
	font-style: normal;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
    font-family: 'SourceSansProLight', sans-serif;
    color: #666666;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #6ea2a5;
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
20 / 16 = 		1.250em 		(20px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)
40 / 16 = 		2.5em 			(40px equivalent)
48 / 16 = 		3em 			(48px equivalent)

*/

h1 {
	font-size: 3em;
	line-height: 1.3em;
	margin: 0 auto;
	font-weight: bold;
	text-align:left;
}

h2 {
	font-family: 'Patua One', serif;
	font-size: 2.5em; 
	line-height: 1em;
	text-align:center;
	font-weight: 100;		
}

h3 {
	font-family: 'Patua One', serif;
	font-size: 1.250em; /* was 1.4em */
	margin-bottom: 0;
	line-height: 1.6em;
	font-weight: 100;	
}

h4 {
	font-family: 'Patua One', serif;
	font-weight: normal;
	color: #6ea2a5;
	margin: 0;
	padding: 1em 0;
	font-size: 1em;
	line-height: 1em;
}

h5 {
	font-weight: normal;
	margin: 0;
	padding: 1em 0;
	font-size: 1em;
	line-height: 1em;
}


p {
	margin: 0;
	padding: 0.5em 0; /* was 1.0em */
	font-size: 1.25em;
	line-height: 1.25em;
}

li {
	margin: 0;
	padding: 0; /* was 1.0em */
	font-size: 1.25em;
	line-height: 1.5em;
}


.container {
	position: relative;
	/*margin-top: 15em;*/
}

.container > header,
.main section > div {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 2em 0;
	text-align:left;
}

/************** Floating text box ******************/

.width-wrap {
	width: 100%;
	position: relative;
}

.width-wrap.img-bg {
	height: 720px;
	position: fixed;
	top: 16em;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

.width-wrap.img-bg #lead-text {
	position: absolute;
	width: 800px; /* was 700px */
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
.width-wrap.img-bg #lead-text span {
	width: 100%;
	color: #fff;
	display: block;
	text-align: center;
}
.width-wrap.img-bg #lead-text span.lead-line {
	font-size: 2.250em;
	background: #373737;
	margin-bottom: 2px;
	opacity: .75;
	-ms-filter: "alpha(opacity=75)";
	padding: 12px 0; /* was 7px */
	-webkit-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.5);       
		-moz-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.5);       
			  box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.5);	
}
.width-wrap.img-bg #lead-text a {
	display: block;
	width: 398px; /* was 348px */
	margin-right: 2px;
	float: left;
	background: #6ea2a5; /* was f4594f */
	opacity: .9;
	-ms-filter: "alpha(opacity=90)";
	-webkit-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.5);       
		-moz-box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.5);       
			  box-shadow:  0px 1px 4px 0px rgba(0, 0, 0, 0.5);	

}
.width-wrap.img-bg #lead-text a.right.cta {
	width: 400px;
	margin-right: 0;
}
.width-wrap.img-bg #lead-text a:hover {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
.width-wrap.img-bg #lead-text a span.lead-cta {
	text-transform: uppercase;
	padding: 18px 0; /* was 22px */
	font-size: 24px;
}
.width-wrap.img-bg #lead-text a span.lead-cta.left {
	margin-right: 2px;
	float: left;
	width: 348px;
}
.width-wrap.img-bg #lead-text a span.lead-cta.right {
	width: 350px;
	float: right;
}






/* ---------------------------------------------------------------------------------------------------------- 
04 Buttons  -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.more-link {
	font-size: 0.875em; /* 14px */
	margin-top: 1.5em;
	font-family: 'Patua One', serif;
	text-transform: uppercase;
}
.more-link:link, .more-link:visited {
	color: #6ea2a5; /* was f0bf00 */
}
.more-link:hover {
	color: #43413e !important;
}

#btnSendMessage  {
	font-family: 'PatuaOne', serif;
	color: #fff;
	width: 9em;
	height: 2.9em;
	font-size: 1.3125em; 
	padding:0.5em;
	letter-spacing: 0.05em;
	margin-left: 0.3em;
	border: 0;
	text-transform: none;
	/*background: #f0bf00 !important;*/ 
	background: #6ea2a5 !important; 
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			  border-radius: 3px;
}

#btnSendMessage:hover {
	background: #43413e !important;
}



/* ---------------------------------------------------------------------------------------------------------- 
05 Images ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.img-news {
	width: 100%;
}
.img-news {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.img-left {
	width: 100px;
	height: 100px;
	float:left;
	margin: 1.5em 1em 1em 0 ;
	display: block;
}
.img-full {
	width: 100%;
	float:left;
	margin: 1.3em 1em 1em 0 ;
	display: block;
	/*Snazziness*/	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border: solid 1px #e1e1e1;
	/*		
	-webkit-box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.2);       
		-moz-box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.2);       
			  box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.2);
*/
}



/* ---------------------------------------------------------------------------------------------------------- 
06 Sections -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#headerwrap {
	width: 100%;
	/* background: url(../images/top-bg1.jpg) #0b333f no-repeat center center fixed; */
	background: #0b333f fixed center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 800px;
	margin-top: 0em;  /** was -5em  **/
	padding-top:10em; /** was 15em  **/

	/* text-align:center; */
}


#blank {
	padding-top: 23em;
}

#smallblank {
	padding-top: 0em;
}


section#aboutus {
	padding:0; /* padding: 40px 0; */
	position:relative;
	/*color: #6ea2a5; /* was f4594f */
	/*background: url(../images/grey-bg.png) repeat;*/
	-webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.9);
			  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.9);
}


section#aboutus a {
	color: #6ea2a5;
	text-decoration: none;
}

section#aboutus a:hover {
	color: #6ea2a5;
	text-decoration: underline;
}


section#services,
section#news,
section#team,
section#contact,
section#location {
	padding-top: 0em;
	position:relative;
}

section#footer {
	padding-top: 0px;
	position:relative;
}

.grey-box {
	background: #fafafa;
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
}

.white-box {
	background: #ffffff;
	background: url('../images/green-bg.png') repeat;
}

.black-box {
	color:#efefef;
	background: url('../images/footer-bg.gif') repeat;
}

.location-box {
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	background: url(../images/location.jpg) no-repeat center center ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}


/******** Services & Location Articles **********/


#services article,
#team article {
	background: #fefefe;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border: solid 1px #e1e1e1;
	/*
	-webkit-box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.2);       
		-moz-box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.2);       
			  box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.2);
	*/
}

#location article {
	background: #fefefe;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	-webkit-box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.5);       
		-moz-box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.5);       
			  box-shadow:  0px 1px 6px 0px rgba(0, 0, 0, 0.5);
	
}




#services article .inside,
#team article .inside {
	margin: 0;
	padding: 1em;
	min-height: 17em;
}

#services article .inside-small
{
	margin: 0;
	padding: 1em;
	min-height: 22em;
}


#location .align,
#services .align,
#team .align {
	text-align:center;
}

#location article .inside {
	margin: 0;
	padding: 1;
	min-height: 15em;
}














/* ---------------------------------------------------------------------------------------------------------- 
07 Columns --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.wrapper {
	overflow: hidden;
	padding:0.4em;
}

.col {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 2em;
}
.col2 {
	float: left;
	margin-left: 0;
	margin-bottom: 2em;
	padding:2em;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/* Team columns  */
[class*='col-'] {
	float: left;
}

.col-2-3 {
	width: 63%;
	margin-left: 3.2%;
	margin-bottom: 2em;

}
.col-1-3 {
	width: 33%;
}

.col-3-4 {
	width: 71%;
	margin-left: 3.2%;
	margin-bottom: 2em;

}
.col-1-4 {
	width: 25%;
	margin-bottom: 2em;

}




/* ---------------------------------------------------------------------------------------------------------- 
08 Forms ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

input[type=text], input[type=submit], textarea {
	width: 100%;
	padding: 0.5em;
	font-size: 1em;
	margin-bottom: 1em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#contact-form {
	position: relative;
	z-index: 999;
}
#contact-form input[type=text], textarea {
	background: #e3e7e4;
	font-family: 'SourceSansProLight', serif;
	border: 0;
	text-align: left;
	vertical-align: middle;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			  border-radius: 3px;
}
#contact-form input[type=text]:focus, textarea:focus {
	background: #656a64;
	color: #eff1ef;
}
#contact-form input[type=text] {
	height: 3.25em;
}



/* ---------------------------------------------------------------------------------------------------------- 
09 Header ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 10000;
	height: 8em;
	overflow: hidden;
	/*border-bottom: solid 1px #e1e1e1; */
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.25); 
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}

.cbp-af-header .cbp-af-inner {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-af-header h1,
.cbp-af-header nav {
	display: inline-block;
	position: relative;
}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header h1,
.cbp-af-header nav a {
	line-height: 130px; /* was 160px */
}

.cbp-af-header h1 {
	text-transform: uppercase;
	color: #333;
	letter-spacing: 4px;
	font-size: 4em;
	margin: 0;
	float: left;
}

.cbp-af-header nav {
	float: right;
}

.cbp-af-header nav a {
	color: #666;
	font-weight: normal;
	margin: 0 0 0 20px;
	font-size: 1.4em;
}

/* Navigation hover */
.cbp-af-header nav a:hover {
	color: #000;
	border-bottom:3px solid #f4594f;
}

/****** Transitions and class for reduced height ******/
.cbp-af-header h1,
.cbp-af-header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header.cbp-af-header-shrink {
	height: 40px; /* was 80*/
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.25);
}

.cbp-af-header.cbp-af-header-shrink h1,
.cbp-af-header.cbp-af-header-shrink nav a {
	font-size: 1em;
	line-height: 40px; /* was 90*/
}


.cbp-af-header.cbp-af-header-shrink h1 {
	font-size: 2em;
}

/***** Logo *****/
.myimageclass {
	margin-top:0.10em; 
	width:120px;
	height:120 px;
}

/****** Resize logo on scroll ******/
.cbp-af-header.cbp-af-header-shrink img.myimageclass {	
	margin-top: 0.0em; /* was 0.6em*/
 	width: 40px; /* was 93*/
 	height: 40px; /* was 28*/
}




/* ---------------------------------------------------------------------------------------------------------- 
10 Media Queries --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 800px) {

/* Header resize */

	.cbp-af-header .cbp-af-inner {
		width: 100%;
		max-width: 95em;
		margin: 0 auto;
		padding: 0 1.5em;
	}
	.cbp-af-header {
		height: 5.5em;
	}
	.cbp-af-header nav a {
		font-size: 0.95em;  /* Menu Font Size      */
		margin: 0 0 0 5px;
		line-height: 6em;
	}
	.cbp-af-header h1 {
		line-height: 90px;
	}

	#blank { 
		padding-top: 4em; /* 1st Section distance from Header */
	}

/* Logo resize */

	.myimageclass {
		margin-top: 10px; 
		width: 75px; 
		height: 75px;
	}

/* for iPhone portrait - non-fixed background */

	#headerwrap {
		background: #0b333f fixed repeat-y;
	}
	
/* reset cols to 1-column */

	/* grid3 */
	.grid4 .col,
	.grid3 .col,
	.grid2 .col {
		width: 100%; /*  48.4% */
		float: right;
		
	}
	.grid4 .col:nth-of-type(4n+1),
	.grid3 .col:nth-of-type(3n+1),
	.grid2 .col:nth-of-type(2n+1) {
		margin-left: 3.2%; /*  3.2% */
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1),
	.grid3 .col:nth-of-type(2n+1),
	.grid2 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

/* Font resize */	
	h3 {
		padding: 0;
		font-size: 1em;	/* Before resize 1.4em*/
		line-height:1.4em;   /* Before resize 1.6em*/
	}
	h2 {
		padding: 0;
		font-size: 1.6em;
		line-height:1em;
	}
	p {
		padding: 0.3em 0;
		font-size: 1em;
	}
	
	li {
		padding: 0;
		font-size: 1em;
	}
	

/* Sections */
	section#services,
	section#news,
	section#team,
	section#contact,
	section#location {
		padding-top: 0em;
		position:relative;
	}

/* Article resize */
	
	#location article,
	#services article {
		margin-bottom: 1em;
	}

	#services article .inside {
		margin: 0;
		padding: 1em;
		min-height: 15em;
	}
	
/* Floating box */

	.width-wrap.img-bg {
		height: 250px;
		top: 7em;  /* Height from top on resize    */
	}
	.width-wrap.img-bg #lead-text {
		width: 400px;
	}
	.width-wrap.img-bg #lead-text span.lead-line {
		font-size: 18px;
		margin-bottom: 2px;
		padding: 11px 0;
	}
	.width-wrap.img-bg #lead-text a {
		display: block;
		width: 198px;
		margin-right: 2px;
	}
	.width-wrap.img-bg #lead-text a.right.cta {
		width: 200px;
		margin-right: 0;
	}
	.width-wrap.img-bg #lead-text a span.lead-cta {
		padding: 12px 0;
		font-size: 16px;
	}
	.width-wrap.img-bg #lead-text a span.lead-cta.left {
		margin-right: 2px;
		width: 174px;
	}
	.width-wrap.img-bg #lead-text a span.lead-cta.right {
		width: 174px;
	}
	/***** /Floating box *******/





	
} /* End of 800 resize*/




@media screen and (max-width: 500px) {

	.cbp-af-header nav a {
		line-height: 8;
	}


/* Logo resize */

	.myimageclass {
		margin-top: 10px; 
		width: 75px; 
		height: 75px;
	}

	
/* reset cols to fullwidth */	
	
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}

	.container > header h1,
	.container > header nav {
		float: none;
	}

	.container > header > span,
	.container > header h1 {
		text-align: center;
	}

	.container > header nav {
		margin: 0 auto;
	}

	.container > header > span {
		text-indent: 30px;
	}

	h2 {
		padding: 0;
		font-size: 1.6em;
		line-height:1em;
	}

	p {
		padding: 1em 0;
		font-size: 1em;
	}

/* Navigation font small screen */
	
	.cbp-af-header nav a {
		margin: 0 0 0 3px;
		font-size: 0.7em;
	}

/* Navigation font resize */

	.cbp-af-header.cbp-af-header-shrink {
		box-shadow: 0 0px 2px rgba(0, 0, 0, 0.25);
	}
	.cbp-af-header.cbp-af-header-shrink nav a {
		margin: 0 0 0 3px;
		font-size: 0.7em;
	}
	



/* Floating box */

	.width-wrap.img-bg {
		height: 250px;
		top: 7em;
	}
	.width-wrap.img-bg #lead-text {
		width: 300px;
	}
	.width-wrap.img-bg #lead-text span.lead-line {
		font-size: 14px;
		margin-bottom: 2px;
		padding: 10px 0;
	}
	.width-wrap.img-bg #lead-text a {
		display: block;
		width: 148px;
		margin-right: 2px;
	}
	.width-wrap.img-bg #lead-text a.right.cta {
		width: 148px;
		margin-right: 0;
	}
	.width-wrap.img-bg #lead-text a span.lead-cta {
		padding: 10px 0;
		font-size: 0.8em;
	}
	.width-wrap.img-bg #lead-text a span.lead-cta.left {
		margin-right: 2px;
		width: 148px;
	}
	.width-wrap.img-bg #lead-text a span.lead-cta.right {
		width: 148px;
	}
	/***** /Floating box *******/



	
} /* End Media Query */