/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 */
/**
 * Colors
 *
 * 	#9F3449; red
 *	#A6DDE6; blue
 *	#e7f5ff; lightblue
 *	#9FC; green
 */
/**
 * Fonts
 *
 * 	font-family: "Print","Futura",verdana;
 *	
 *
 */

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

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

@font-face {
    font-weight: normal;
    font-style: normal;
  font-family: "Futura";
  src: url("fonts/futmedium.eot");
  src: local("¬âˆ¼¬º"),
    url("fonts/futmedium.woff") format("woff"),
    url("fonts/futmedium.ttf") format("truetype"),
    url("fonts/futmedium.svg#futmedium") format("svg");
}

@font-face {
    font-weight: normal;
    font-style: normal;
  font-family: "Print";
  src: url("fonts/printbold-webfont.eot");
  src: local("¬âˆ¼¬º"),
    url("fonts/printbold-webfont.woff") format("woff"),
    url("fonts/printbold-webfont.ttf") format("truetype"),
    url("fonts/printbold-webfont.svg#printbold-webfont") format("svg");
}


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





 [class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}



.icon-right:before { content: '\e800'; } /* '' */


.icon-left:before { content: '\e805'; } /* '' */
.icon-facebook-squared:before { content: '\e806'; } /* '' */
.icon-linkedin:before { content: '\e807'; } /* '' */
.icon-twitter:before { content: '\e808'; } /* '' */

 
.icon-ribbon:before { content: '\e801'; padding:0 50px 0 0; margin-left:-30px } /* '' */
.icon-ribbon:after { content: '\e803'; padding:0 0 0 10px} /* '' */

.icon-ribbon-end:before { content: '\e803'; } /* '' */

.icon-star-outline:before { content: '\e802\e802\e802'; margin-left:-20px } /* '' */

.icon-star:before { content: '\e804'; } /* '' */


.icon-arrow1:before { content: '\e809'; } /* '' */
.icon-arrow1b:before { content: '\e80a'; } /* '' */
.icon-arrow2:before { content: '\e80b'; } /* '' */
.icon-arrow2b:before { content: '\e80c'; } /* '' */



.icon-ribbon-end:before { content: '\e80c'; } /* '' */




html, body {
	margin:0;
	padding:0;
}

html {
	font-family: "ITCAvantGardeStd-Bk", "Print","Futura",verdana;
	color: #9F3449;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-color: #A6DDE6;
}


a:link {
	color: #9F3449;
	text-decoration:underline;
}
a:hover{
	border:1px solid #9F3449;
	padding:5px 5px 3px 5px;
	color:#A6DDE6;
	background-color:#9F3449;
}

p{
	margin-bottom:20px !important;
}

.read-more{
	border:0px solid;
	padding:5px 5px 3px 5px;
	text-decoration: underline;
}
.read-more:hover{
	border:1px solid #9F3449;
	padding:5px 5px 3px 5px;
	color:#A6DDE6;
	background-color:#9F3449;
}

.wrapped{
	width:100%;
	display:table;
	margin:auto;
}



.site-inner{
	width:100%;
	display:table;
	margin:auto;
}




/* divider */
.widget_text .widget-title{
	display:none;
}


.divider{
	height:70px;
	display:block;
}

.divider .row1{
	background-color: #367b66;
	height:40%;
	width:100%;	
	display:block;	
	z-index:2;
}

.divider .row2{
	background-color: #fff;
	height:30%;
	width:100%;	
	display:block;
	overflow:hidden;
}
.divider .row2 .arrow{
	background-color: #367b66;
	height:30px;
	width:30px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-sand-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	
	display:block;
	margin:auto;
	margin-top:-22px;
}

.divider .row3{
	background-color: #9d294d;
	height:40%;
	width:100%;	
	display:table;	
	overflow:hidden;
}

.divider .row3 .arrow{
	background-color: #fff;
	height:30px;
	width:30px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-sand-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	display:block;
	margin:auto;
	margin-top:-22px;
}

.divider.single.blueToGreen{
	background-color: #9FC;
}

.divider.single.blueToGreen .row1{
	background-color: #A6DDE6;
}

.divider.single.blueToGreen .row2{
	background-color: #9FC;
}
.divider.single.blueToGreen .row2 .arrow{
	background-color: #A6DDE6;
}


.divider.single.greenToBlue{
	background-color: #A6DDE6;
}

.divider.single.greenToBlue .row1{
	background-color: #9FC;
}

.divider.single.greenToBlue .row2{
	background-color: #A6DDE6;
}
.divider.single.greenToBlue .row2 .arrow{
	background-color: #9FC;
}

.divider.single.blueToLightBlue{
	background-color: #e7f5ff;
}

.divider.single.blueToLightBlue .row1{
	background-color: #A6DDE6;
}

.divider.single.blueToLightBlue .row2{
	background-color: #e7f5ff;
}
.divider.single.blueToLightBlue .row2 .arrow{
	background-color: #A6DDE6;
}

.divider.single.lightBlueToBlue{
	background-color: #A6DDE6;
}

.divider.single.lightBlueToBlue .row1{
	background-color: #e7f5ff;
}

.divider.single.lightBlueToBlue .row2{
	background-color: #A6DDE6;
}
.divider.single.lightBlueToBlue .row2 .arrow{
	background-color: #e7f5ff;
}

.divider.single.greenToLightBlue{
	background-color: #e7f5ff;
}

.divider.single.greenToLightBlue .row1{
	background-color: #9FC;
}

.divider.single.greenToLightBlue .row2{
	background-color: #e7f5ff;
}
.divider.single.greenToLightBlue .row2 .arrow{
	background-color: #9FC;
}

.divider.single.lightBlueToGreen{
	background-color: #9FC;
}

.divider.single.lightBlueToGreen .row1{
	background-color: #e7f5ff;
}

.divider.single.lightBlueToGreen .row2{
	background-color: #9FC;
}
.divider.single.lightBlueToGreen .row2 .arrow{
	background-color: #e7f5ff;
}

.divider-wrapper {
    position: relative;
}

.divider-wrapper .divider.single.transparentToBlue{
	margin-top: -20px;
	z-index:99;
	height:34px;
	position: absolute;
    width: 100%;
}

.divider.single.transparentToBlue .row1{
	background-color:transparent;
	height:17px;
}

.divider.single.transparentToBlue .row1 div{
	background-color: #A6DDE6;
	height:17px;
	display: inline-block;
	width: 33%;
}

.divider.single.transparentToBlue .row1 .arrow{
	background-color:transparent;
	background-image:url(images/arrow_trans_blue.png);
	background-position:center;
	background-size:1360px 17px;
	width: 34%;
	height:17px;
}

.divider.single.transparentToBlue .row2{
	background-color: #A6DDE6;
	height:17px;
	width: 100%;
}

.divider.single.transparentTolightBlue{
	margin-top: -20px;
	z-index:100;
	height:34px;
}

.divider.single.transparentTolightBlue .row1{
	background-color:transparent;
	height:17px;
}

.divider.single.transparentTolightBlue .row1 div{
	background-color: #e7f5ff;
	height:17px;
	display: inline-block;
	width: 33%;
}

.divider.single.transparentTolightBlue .row1 .arrow{
	background-color:transparent;
	background-image:url(images/arrow_trans.png);
	background-position:center;
	background-size:1360px 17px;
	width: 34%;
	height:17px;
}

.divider.single.transparentTolightBlue .row2{
	background-color: #e7f5ff;
	height:17px;
	width: 100%;
}

/* grid block */


.grid-blocks{
	padding:30px 0;
}

.block-grid{
	display:table;
	width:80%;
	margin:auto !important;
	padding:0;
	list-style-type: none;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

.full-width .block-grid{
	width:100%;
}

.grade-block{
	position:relative;
	
	float:left;
	
	height:auto !important;
	overflow:hidden;
	cursor: pointer;
	
	border:solid 5px #FFFFFF;
	
	width:22%;
	margin:.5%;

	padding:0px!important;
	
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	box-sizing: border-box;
}

.grade-block .more{
	display:none;
}

@media only screen and (max-width : 768px) {
	.grade-block{
		width: calc(33% - 2.5px);
	}
	.grade-block .more{
		display:block;
	}
}


@media only screen and (max-width : 360px) {
	.grade-block{
		width: calc(49.75% - 2.5px);
	}
}

.block-grid.no-mouse .grade-block{
	cursor:auto;
}

.grade-block.single{
	width:60% !important;
	margin:0 20%;
	line-height:1.2rem;
	cursor:auto;
}


.grade-block img.base{
	width: 100%;
	height: auto;
	border: 0;
	visibility: hidden;
	display: block;
	/*margin-top: -15px;*/
}

.grade-block img{
	width: 100%;
	height: auto;
	border: 0;
	display: block;
	/*margin-top: -15px;*/
}

.block-image {
	position:absolute;
	top:0;
	left:0;
}

.block-image:after {
   	content: "";
    position: absolute;
    top: 3%;
    left: 3%;
    display: block;
    width: 93%;
    height:93%;
    border: 1px solid white;
}

.grade-block .block-image {
	width:100%;
}
.grade-block .block-image img{
	width:100%;
}

.grade-block .block-text {
	position:absolute;
	text-align:center;
	top:50px;
	left:0;
	width:90%;
	margin-left:5%;
	font-size: 1rem;
	line-height:1.2rem;
}

.grade-block.single .block-text {
	position:absolute;
	text-align:center;
	top:30%;
	left:0;
	width:100%;
	line-height:1.3rem;
}

.grade-block .block-text a{
	font-size:1.2rem;
	line-height:1.4rem;
	text-decoration:none;
}

.grade-block .block-text .title{
	font-size:1.2rem;
	line-height:1.4rem;
}

.grade-block .block-text .extra{
	font-size:0.8rem;
	line-height:0.9rem;
}

@media only screen and (max-width : 1280px) {
	.grade-block .block-text {
		font-size: 0.8rem;
		line-height:1.0rem;
	}
	
	.grade-block.single .block-text {
		line-height:1.0rem;
	}
	
	.grade-block .block-text a{
		font-size:0.8rem;
		line-height:1.1rem;
	}
	
	.grade-block .block-text .title{
		font-size:1.0rem;
		line-height:1.1rem;
	}
	
	.grade-block .block-text .extra{
		font-size:0.7rem;
		line-height:0.8rem;
	}

}

@media only screen and (max-width : 360px) {
	
	.grade-block .block-text {
		font-size: 0.5rem;
		line-height:0.8rem;
		top:20px;
	}
	
	.grade-block.single .block-text {
		line-height:1.0rem;
	}
	
	.grade-block .block-text a{
		font-size:0.5rem;
		line-height:0.9rem;
	}
	
	.grade-block .block-text .title{
		font-size:0.6rem;
		line-height:0.9rem;
	}
	
	.grade-block .block-text .extra{
		font-size:0.4rem;
		line-height:0.5rem;
	}
}


.grade-block .block-text p{
	width:90% !important;
	margin-left:5%;
}

#grade-block-over, .grade-block-over {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	-ms-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.grade-block a {
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
}

.grade-block a:hover { text-decoration: underline; }

.grade-block a.button { margin-top: -10px; }
.grade-block a.button:hover { text-decoration: none; }




.grade-block:hover > #grade-block-over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.grade-block:hover > .grade-block-over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.grade-block:focus > .grade-block-over {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}


.grade-block .more{
	display:none;
}

@media only screen and (max-width : 1024px) {
	.grade-block .block-text {
		top:30px;
	}
	.grade-block .more{
		display:block;
	}
}



/* Main Navigation */

.site-header-menu{
	background-color:#9F3449;
	position: absolute;
    z-index: +1;
    width: 100%;
}

.site-header-menu .main-navigation{
	max-width:1280px;
	width:100%;
	display:table;
	margin:auto;
}
@media only screen and (max-width : 1280px) {
	.site-header-menu .main-navigation{
		padding:0 2%;
		width:96%;
	}
}

.site-header-menu ul{
	margin:0;
	padding:0;
}

.site-header-menu ul li{
	display: inline-block;
	position:relative;
	line-height: 40px;
}
.site-header-menu ul li a{
	display:block;
  	color: #A6DDE6;
  	font-size: 15px;
  	padding: 0px 10px 0px 0px;
	text-decoration: none;
}
.site-header-menu ul li a:hover{
	color: #FFF !important;	
}

.site-header-menu ul li.current_page_item>a{
	color: #FFF !important;	
}

.lang-item {
    float: right;
    margin-right: 10px;
}

.lang-item img{
	vertical-align: middle;
	width:21px;
}

.social{
	float: right;
    margin-right: 10px;
	
}
.social a{
	display:inline-block;
	visibility: hidden;
	width:21px;
	height:21px;
}
.social a:before{
	content: "";
	display:inline-block;
	background-image:url(images/linkedin.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	width:21px;
	height:21px;
	visibility: visible;
	margin-top: 10px;
	margin-bottom: -5px;
}

.social.facebook-icon a:before{	
	background-image:url(images/facebook.png);
}


.social-link{
	display:inline-block;
	float:right;
}

.hamburger{
		display:none;
}
@media only screen and (max-width : 768px) {
	.site-inner{
		padding-top:30px;
	}
	.site-header-menu{
		text-align:right;
		position:fixed;
		width:100%;
		z-index:100;
	}
	.site-header-menu .main-navigation{
		position:relative;
		display:none;
		margin-top:20px;
		background-color:#9F3449;
		z-index:101;
	}
	.site-header-menu .main-navigation.toggled-on{
		display:block;
	}
	
	.hamburger{
		display:inline-block;
		width:24px;
		height:20px;
		padding:8px 10px 2px 0;
		cursor:pointer;
	}
	
	.hamburger .stroke{
		display:block;
		height: 3px;
		width:100%;
		margin-bottom:3px;	
		background-color:#fff;
	}
	
	.site-header-menu ul{
		border-top:1px solid #fff;
	}
	
	.site-header-menu ul li{
		display: block;
		position:relative;
		border-bottom:1px solid #fff;
		line-height: 36px;
	}
	
	.site-header-menu ul li.lang-item{
		border-bottom:0px solid #fff;
	}

}



.site-branding{
	text-align:center;
	font-family: "Print","Futura",verdana;
	font-size: 16pt;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 16pt;
}

.site-title a{
	display:table;
	margin:auto;
	border-bottom: 4px solid #9F3449;
	font-family: "Print","Futura",verdana;
	font-size: 34pt;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 36pt;
}

@media only screen and (max-width : 768px) {
	.site-title a{
		font-size: 1.6em;
		font-weight: lighter;
		letter-spacing: 1px;
		line-height: 1.5em;
	}
	.site-branding{
		font-size: 14pt;
	}
}


.site-footer{
	display:table;
	margin:40px auto 20px auto;
	text-align:center;
	font-size:0.8em;
	width: 100%;
}


.site-footer .ruler{
	border-top:1px solid;
	width:90%;
	display:block;
	margin:auto;
	margin-bottom:30px;
}


.site-footer a{
	text-decoration:underline;
}


/* Widgets */

.cat-post-widget{
	position:relative;
	display:block;
	width:100%;
}

.cat-post-widget .slider{
	position:relative;
	width: inherit;
}



/* Homepage */

.homepage article{
	margin-top:30px;
	text-align:center;
}

.homepage article img{
	width:100%;
}


.homepage .parallax .parallax__layer--base{
	background-color: #A6DDE6;
}

.homepage .wrapped p{
	display:block;
	width:70%;
	margin:auto;
}
@media only screen and (max-width : 1280px) {
	
	.homepage .wrapped p{
		width:80%;
	}
}
@media only screen and (max-width : 768px) {
	
	.homepage .wrapped p{
		width:90%;
	}
}

.parallax .wrapped p{
	margin-bottom:30px;
}


.homepage .content-bottom-widgets{
	text-align: center;
}

.homepage .content-bottom-widgets .pagesinwidgets_page_section{
	background-color: #E7F5FF;
	padding-bottom:30px;
}


.homepage .content-bottom-widgets .pagesinwidgets_page_section .about{
	
}
@media only screen and (max-width : 1280px) {
	.homepage .content-bottom-widgets .pagesinwidgets_page_section .about{
		width:90%;
	}
}

.homepage .content-bottom-widgets #pagesinwidgets_page_section-6{
	background-color: #A6DDE6;
}

.page-template-page-template-about .slider-wrapper {
	width: 100vw !important;
}

.slider.slick-initialized.slick-slider {
	max-width: 100vw;
}


.slick-list.draggable {overflow: hidden !important;}

.slick-slide {
	max-width: 100%;
	display: inline-block !important;
}

.slider.slick-initialized.slick-slider .slick-prev {
	left: -10px;
}

.slider.slick-initialized.slick-slider .slick-next {
	right: -10px;
}

.content-bottom-widgets .slick-slide img {
    max-width: 90%;
}

.sg-grid-row .caption{
	line-height:30px;
}

.contact a{
	text-decoration:underline;
}

.contact a.read-more{
	text-decoration:none;
}




/* featured project slider */

.content-bottom-widgets .cat-post-widget{
	background-color: #A6DDE6;
	display:block;
	width:100%;
	padding-bottom:30px;
}


.page-template-page-template-restauratie .content-bottom-widgets .cat-post-widget{
	background-color: #E7F5FF;
}


.content-bottom-widgets .widget-title{
	margin-top:0px;
}


.slider-wrapper{
	display:block;
	width:100%;
	max-width:1280px;
	margin:auto;
}


@media only screen and (max-width : 1280px) {
	.slider-wrapper{ max-width:1024px;}
}
@media only screen and (max-width : 1024px) {
	.slider-wrapper{ max-width:960px;}
}
@media only screen and (max-width : 960px) {
	.slider-wrapper{ max-width:768px;}
}
@media only screen and (max-width : 768px) {
	.slider-wrapper{ max-width:640px;}
}
@media only screen and (max-width : 640px) {
	.slider-wrapper{ max-width:600px;}
}
@media only screen and (max-width : 400px) {
	.slider-wrapper{ max-width:380px;}
}
@media only screen and (max-width : 360px) {
	.slider-wrapper{ max-width:340px;}
}
@media only screen and (max-width : 322px) {
	.slider-wrapper{ max-width:320px;}
}

.slider-wrapper .slider{
	padding: 5;
}

.cat-post-widget .read-more{
	display: table;
	margin: 70px auto 0 auto;
}




/* paralax basics */
.home.page-template.page-template-page-template-home .parallax {
	margin-top: 127px;
}	

.items-leading {
}

.parallax__group {
	position:relative;
	display:table;
	width:100%;
}

.parallax__layer {
}
.parallax__layer--base {
	margin-bottom:25%;
	margin-top:0;
	padding:0;
}

.group .parallax__layer--base {
	background-color:#fff;
	margin-bottom:0%;
	margin-top:0;
	padding:20px 0;
}


.parallax__layer--back {
	height:inherit;
	width:100%;
	display:table;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center bottom;
}

.parallax__layer--base h2{
	margin:20px 0;
}

.parallax__group__closure{
	height:20px;
	background-color:#367b66;
}


/* RESTAURATION */
.page-template-page-template-restauratie .entry-content{
	text-align:center;
}

.page-template-page-template-restauratie .entry-content p{
	display:block;
	width:70%;
	margin:auto;
}
@media only screen and (max-width : 1280px) {
	
	.page-template-page-template-restauratie .entry-content p{
		width:80%;
	}
}
@media only screen and (max-width : 768px) {
	
	.page-template-page-template-restauratie .entry-content p{
		width:90%;
	}
}


.page-template-page-template-restauratie .entry-content ul{
	text-align:left;
	width: 60%;
	margin: 10px auto 20px auto;
	display: block;
}
@media only screen and (max-width : 768px) {
	
	.page-template-page-template-restauratie .entry-content ul{
		width:90%;
		padding-left:0;
	}
}



/* CONTACT */
.maps-holder{
	float:right;
	text-align:right;
}
.maps{
	text-align:right;
}
.contact-details{
	float:left;
	height:350px !important;
	vertical-align:bottom;
}
.contact-details .wrapped{
	height:100%;
}
.contact-details .wrapped .entry-content{
	height:100%;
	vertical-align:bottom;
	display:table-cell;
}
.contact-details .wrapped p{
	padding-left:20px;
	padding-bottom:0;
}

.contact-details .wrapped p:nth-child(2) {
	margin-bottom:0 !important;
}


@media only screen and (max-width : 768px) {
	
	.maps-holder{
		float:none;
	}
	.maps{
		text-align:center;
	}
	.contact-details{
		float:none;
		text-align:center;
		margin-left:auto;			
		height:auto !important;
		vertical-align:top;
	}
	.contact-details .wrapped p{
		padding-left:0;
	}
}


/* PORTFOLIO */
.page-template-page-template-portfolio .entry-content{
	text-align:center;
}

.page-template-page-template-portfolio .entry-content p{
	display:block;
	width:70%;
	margin:auto;
}
@media only screen and (max-width : 1280px) {
	
	.page-template-page-template-portfolio .entry-content p{
		width:80%;
	}
}
@media only screen and (max-width : 768px) {
	
	.page-template-page-template-portfolio .entry-content p{
		width:80%;
	}
}


.page-template-page-template-portfolio .entry-content .block-image::after {
    border: 0px solid #FFF;
}


.page-template-page-template-portfolio .entry-content.project-blocks .block-image::after {
    border: 1px solid #FFF;
}


.page-template-page-template-portfolio .entry-content #grade-block-over .block-image::after {
    border: 1px solid #FFF;
}

@media only screen and (max-width : 768px) {
	.videos div{
		width: 100%;
		overflow:hidden;
	}
}



/* PROJECT */
.page-template-page-template-project .entry-content{
	text-align:center;
}

.page-template-page-template-project .before-after{
	margin-bottom:30px;
}

.page-template-page-template-project .before-after img{
	width:93%;
	display:block;
	margin:auto;
}
.page-template-page-template-project .images img{
	width:90%;
	display:block;
	margin:auto;
}

.page-template-page-template-about .entry-content{
	max-width: 1280px;
	text-align:center;
	margin: auto;
}

.page-template-page-template-about .entry-content p{
	display:block;
	width:70%;
	margin:auto;
}

.page-template-page-template-about h2 {
	text-align:center;
	margin-top:30px;
}


.page-template-page-template-about .parallax__layer--base {
    background-color: #A6DDE6 !important;
    margin-bottom: 0px;
    margin-top: 25%;
}

.page-template-page-template-about .slider-wrapper {
    display: block;
    max-width: 600px;
    margin: auto;
    width: auto;
	margin-bottom:70px;
	background-color: #A6DDE6;
}

.page-template-page-template-about .slick-slide img {
    margin: auto;
}

.page-template-page-template-about .slick-prev {
    left: -45px;
}
.page-template-page-template-about .slick-next {
    right: -45px;
}


@media screen and (max-width: 720px) {
	.slick-slide img {
		max-width: 85%;
	}
	.page-template-page-template-about .slick-prev {
	    left: 0px;
	}
	.page-template-page-template-about .slick-next {
	    right: 0px;
	}
}


/* OTHER PAGES */
.page-template-default .entry-content{
	text-align:center;
}

.page-template-default .entry-content p{
	display:block;
	width:70%;
	margin:auto;
}
@media only screen and (max-width : 1280px) {
	
	.page-template-default .entry-content p{
		width:80%;
	}
}
@media only screen and (max-width : 768px) {
	
	.page-template-default .entry-content p{
		width:90%;
	}
}


.page-template-default .parallax__layer--base{
    background-color: #A6DDE6 !important;
	margin-bottom:0;
	margin-top:250px;
}

.page-template-default .parallax__layer--base .wrapped{
	padding-top:30px;
}


/* SG GRID */

.mobile-only{
	display:none !important;
}

.center {
	text-align:center;
}

.center img{
	margin:auto;
}

.right{
	text-align:right;
}
.left{
	text-align:left;
}

.table{
	display:table;
	width:100%
}
.cell{
	display:table-cell;
	float:none;
}

.cell img{
	width:100%;
	height:auto;
}

.middle{
	vertical-align:middle;
}

.padded{
	padding:10px;
}



.sg-grid-row{
	clear: both;
}
.sg-grid-row.table-row-eq-height{
	display:table-row;
	height: 100%;
}

.sg-grid-row .table-cell{
	display:table-cell !important;
	height: 100%;
}
.force-to-bottom{
	display: table-cell; height: 100%; vertical-align:bottom;
}


.sg-grid-row .cell{
	display:cell !important;
}
.sg-grid-row .cell.pull-left{
	float:left;
}
.sg-grid-row .pull-right{
	float:right;
}


.sg-grid-ratio-forcer{
	position:relative;
	width:100%;
}

.sg-grid-ratio-forcer img.sg-grid-ratio-forcer-img{
	display:block;
	width:100%;
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=0);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0;
	opacity:0;
}
.sg-grid-ratio-forcer img.sg-grid-ratio-forcer-img-1-2{
	display:block;
	width:50%;
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=0);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0;
	opacity:0;
}

.sg-grid-inner-abs{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.sg-grid-inner-abs-content{
	width:100%;
	height:100%;
}





.sg-grid-table{
	display:table;
	width:100%;
}

.sg-grid-td-1-2{
	width:50%;
	height: 100%;
}


.sg-grid-1-1{
	width:100%;
	height:100%;
}

.sg-grid-1-2{
	width:50%;
	height:100%;
	float:left;
}

.sg-grid-1-3{
	width:33.333333%;
	height:100%;
	float:left;
}

.sg-grid-1-3.last{
	width:33.3333334%;
	float:right;
}

.sg-grid-2-3{
	width:66.6%;
	height:100%;
	float:left;
}

.sg-grid-1-4{
	width:25%;
	height:100%;
	float:left;
}
.sg-grid-3-4{
	width:75%;
	height:100%;
	float:left;
}



/* height definitions */

.sg-grid-h1-2{
	height:50%;
}
.sg-grid-h1-4{
	height:25%;
}



.sg-panel{
	display:table-cell;
	height:100%;
	width:100%;
}





@media screen and (max-width: 768px){
	
	body,html{
		font-size:14px;
	}
	
	h1{
		font-weight: normal;
	}
	h2{
		font-weight: normal;
	}
	h3{
		font-weight: normal;
	}

	.size-bigger {
		font-size: 1.2em;
	}
	
	.mobile-only{
		display:block !important;
	}
	
	.mobile-hide{
		display: none !important;
	}
	
	.mobile-break{
		display:block;
		margin:auto;
	}
	
	.sg-grid-row .mobile-hide{
		display: none !important;
	}
	
	.sg-grid-row.table-row-eq-height{
		display:table-row;
		height: auto !important;
	}
	
	.sg-grid-row .table-cell{
		display:block !important;
		height: auto !important;
	}
	.force-to-bottom{
		display: table-cell; height: auto !important; vertical-align:bottom;
	}
	
	.no-force-mobile .sg-grid-inner-abs{
		position:relative;
	}
	.no-force-mobile .sg-grid-ratio-forcer-img{
		display: none !important;
	}
	
	.sg-grid-mobile-1-1{
		width:100% !important;
	}
	
	.sg-grid-mobile-1-1 h1.entry-title{
		margin-left:9%;
		margin-bottom:10px;
	}
	
	.sg-grid-mobile-1-1 .onpage-submenu{
		margin-left:9%;
		margin-bottom:10px;
	}
	
	.sg-grid-mobile-1-2{
		width:50% !important;
	}
	
	
	.sg-grid-mobile-h1-2{
		height:50% !important;
	}
	
	.sg-grid-mobile-h1-3{
		height:34% !important;
	}
	.sg-grid-mobile-h2-3{
		height:67% !important;
	}
	
	.sg-grid-mobile-newline{
		clear:both !important;
	}
	
	
	
	.search .main {
		width: 90%;
		margin: auto;
	}
	
	
	#searchform .search-field{
		width:110px;
	}
	
	#mobile-nav {
		position: absolute;
		display: block;
	}
	
}





/* Slider */
.slick-loading .slick-list
{
    background: #fff url('slick/ajax-loader.gif') center center no-repeat;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'CronosPro-Regular';
    font-size: 40px;
    line-height: 1;
	text-shadow:2px 2px 4px #000;
    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 5px;
}
[dir='rtl'] .slick-prev
{
    right: 5px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir='rtl'] .slick-prev:before
{
    content: '>';
}

.slick-next
{
    right: 5px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 5px;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '<';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    background: transparent none repeat scroll 0% 0%;
    display: block;
    height: 20px;
    width: 20px;
    outline: medium none;
    line-height: 0;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #FFF;
    border-radius: 50%;
}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; background-color:#fff; }

.slick-dots li.slick-active button { background-color:#fff; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Slider system */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

/* quirks */

img{
	border: 0px;
}




.site-header-main {
	position: absolute;
    width: 100%;
    background-color: #A6DDE6 !important;
    top: 40px;
}


.fixed-img {
	width: 100%;
	max-width: 100vw;
	height: 700px;
	position: fixed;
	top: 50px;
	z-index: -1;
	background-size: 100%;
	background-repeat: no-repeat;
}

.page-template.page-template-page-template-about .wrapped {
    width: 100%;
    background-color: #A6DDE6 !important;
    margin-top: 30.9%;
    z-index: 100;
}

.site-content {
	background-color: #A6DDE6;
	max-width: 100vw;
}

.site-main {
	margin-top: 200px;
}

.page-template-default .parallax {
	margin-top: 30%;
}

@media screen and (max-width: 720px) {
	.page-template.page-template-page-template-about .wrapped {
		margin-top: 40%;
	}
}

@media screen and (max-width: 580px) {
	.page-template.page-template-page-template-about .wrapped {
		margin-top: 50%;
	}

	.fixed-img {
		top: 100px;
	}
}

@media screen and (max-width: 480px) {
	.page-template.page-template-page-template-about .wrapped {
		margin-top: 60%;
	}


}

@media screen and (max-width: 414px) {
	.page-template.page-template-page-template-about .wrapped {
		margin-top: 70%;
	}
}