/*
	Theme Name: SK Nysingh
	Author: Worck
	Author URI: https://worck.nl/
	Description: Custom theme
	Version: 1.0.467
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: sk-nysingh
	Tags: theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, featured-images
*/


@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_lightitalic-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_lightitalic-webfont.woff') format('woff');
	font-weight: 300; /* Light */
	font-style: italic;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_blackitalic-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_blackitalic-webfont.woff') format('woff');
	font-weight: 900; /* Black */
	font-style: italic;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_italic-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_italic-webfont.woff') format('woff');
	font-weight: normal; /* Regular */
	font-style: italic;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro-webfont.woff') format('woff');
	font-weight: normal; /* Regular */
	font-style: normal;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_bolditalic-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_bolditalic-webfont.woff') format('woff');
	font-weight: 700; /* Bold */
	font-style: italic;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_light-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_light-webfont.woff') format('woff');
	font-weight: 300; /* Light */
	font-style: normal;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_bold-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_bold-webfont.woff') format('woff');
	font-weight: 700; /* Bold */
	font-style: normal;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_black-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_black-webfont.woff') format('woff');
	font-weight: 900; /* Black */
	font-style: normal;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_medium-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_medium-webfont.woff') format('woff');
	font-weight: 500; /* Medium */
	font-style: normal;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('./css/fonts/dinpro_mediumitalic-webfont.woff2') format('woff2'),
	url('./css/fonts/dinpro_mediumitalic-webfont.woff') format('woff');
	font-weight: 500; /* Medium */
	font-style: italic;
}
@font-face {
	font-family: 'Nexa';
	src: url('./css/fonts/nexa_bold_italic.woff2') format('woff2'),
	url('./css/fonts/nexa_bold_italic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Nexa';
	src: url('./css/fonts/nexabold.woff2') format('woff2'),
	url('./css/fonts/nexabold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}


@font-face {
	font-family: 'Nexa';
	src: url('./css/fonts/Nexa-ExtraLight.woff2') format('woff2'),
	url('./css/fonts/Nexa-ExtraLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*--------------------------------------------------------------

	= Table Of Contents =

	# Normalize
	# General
		## Typography
		## Elements
		## Forms
		## Links
		## Screen Reader
	# WordPress Specific
		## Captions
		## Galleries
	# Floats and Clearing
	# Columns System
	# General
	# Header
		## Logo
		## Navigation
		## Mobile Nav
	# Main
		## Content
		## Blog Post Style 1 - Listing
		## Blog Post Style 2 - Listing
		## Blog Post Style 3 - Listing
		## Pagination
		## Blog Post - Single
		## Social Links
		## Comments
		## Contact Form 7
		## Sidebar
	# Widgets
		## Widget - Search
		## Widget - Tag Cloud
	# Footer
		## Footer Widgets
		## Footer Bottom
	# Responsive
		## Medium Monitors
		## Normal Monitors
		## Smaller Monitors
		## Tablets
		## Phones ( landscape + portrait )
		## Phones ( landscape )
		## Phones ( portrait )

--------------------------------------------------------------*/

/*--------------------------------------------------------------
	# Normalize
--------------------------------------------------------------*/

img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0 0 25px 0}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}embed,iframe,object {max-width: 100%;}iframe{border:0;}.widget select { max-width: 100%; }

/*--------------------------------------------------------------
	# General
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	## Typography
--------------------------------------------------------------*/

body, html {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea {
	color: #08464d;
	font-size: 17px;
	font-weight: 400;
	font-family: Muli,sans-serif;
	line-height: 1.71;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	color: #153032;
	line-height: 1.45;
	font-weight: 700;
	font-family: 'Nexa';
}

h1 {
	font-size: 37px;
	font-weight: bold;
	letter-spacing: 0.004em;
	margin: 60px 0 45px 0;
}

h2 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.008em;
}

h3 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.004em;
	margin: 30px 0;
}

h4 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.003em;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.001em;
	line-height: 1.2;
}

h1 {
	font-size: 33px;
}

h2 {
	font-size: 30px;
	letter-spacing: 0.6px;
}

h3 {
	font-size: 27px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 21px;
}

h6 {
	font-size: 18px;
}

p {
	margin: 0;
	margin-bottom: 25px;
}

p:last-child {
	margin: 0;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	font-size: 19px;
	font-style: italic;
	font-family: Georgia, serif;
	line-height: 1.65;
	background-image: url("images/blockquote.png");
	background-repeat: no-repeat;
	background-position: 15px 0;
	padding: 13px 41px;
	text-align: center;
}

	blockquote p:last-child {
		margin: 0;
	}

address {
	margin-bottom: 25px
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

small {
	font-size: 75%;
}

/*--------------------------------------------------------------
	## Elements
--------------------------------------------------------------*/

body {
	background: #fff;
	font-family: 'DIN Pro', sans-serif; /* $din */
	color:#08464d;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #e5e5e5;
	border: 0;
	height: 1px;
	margin-bottom: 25px;
}

ul,
ol {
	margin: 0;
	margin-bottom: 25px;
	padding: 0 0 0 10px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

table {
	margin-bottom: 25px;
	width: 100%;
	line-height: 1;
}

.widget table {
	table-layout: fixed;
}

table thead {
	background: #F8D398;
	color: #fff;
	text-align: left;
}

table td,
table th {
	padding: 10px;
	text-align: left;
}

table tbody th {
	background: #F8D398;
	color: #fff;
}

table tbody th a {
	color: inherit;
}

.text-align-center {
	text-align: center;
}

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

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

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

/*--------------------------------------------------------------
	## Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	line-height: 45px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: #F8D398;
	padding: 0 22px;
	margin: 0;
	border-radius: 0;
	text-transform: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: rgb(239, 239, 239);
    border: 0;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	padding: 13px;
	max-width: 100%;
	box-sizing: inherit;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #4d4d4d;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
	## Links
--------------------------------------------------------------*/

a {
    border-bottom: 1px solid #08464d;
    color: #08464d;
    font-weight: 700;
    text-decoration:none;
}

#footer a,
#logo a {
	border-bottom: none; 
}

/*--------------------------------------------------------------
	## Screen Reader
--------------------------------------------------------------*/

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
	# WordPress Specific
--------------------------------------------------------------*/

.sticky {

}

.bypostauthor {

}

.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 20px 20px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
	## Captions
--------------------------------------------------------------*/

#wp-calendar caption {
	margin-bottom: 10px;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 0.15 );
	-webkit-box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 0.15 );
	box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 0.15 );
}

.wp-caption .wp-caption-text {
	font-size: 13px;
	font-style: italic;
	margin: 0;
	padding: 0 10%;
	margin-top: 10px;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
	## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
	# Floats and Clearing
--------------------------------------------------------------*/

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.float-none {
	float: none;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*--------------------------------------------------------------
	# Columns System
--------------------------------------------------------------*/

.wrapper {
	max-width: 1400px;
	margin: 0 auto;
}

.wrapper-small {
	max-width: 915px;
	max-width: 1110px;
	margin: 0 auto;
}

.col {
	display: block;
	float: left;
	margin-right: 3.42%;
}

body.rtl .col {
	float: right;
	margin-left: 3.42%;
	margin-right: 0;
}

.col-1 { width: 5.198%; }
.col-2 { width: 13.81%; }
.col-3 { width: 22.43%; }
.col-4 { width: 31.05%; }
.col-5 { width: 39.67%; }
.col-6 { width: 48.29%; }
.col-7 { width: 56.90%; }
.col-8 { width: 65.52%; }
.col-9 { width: 74.14%; }
.col-10 { width: 82.76%; }
.col-11 { width: 91.38%; }
.col-12 { width: 100%; }

.col-last {
	margin-right: 0;
}

body.rtl .col-last {
	margin-left: 0;
}

.col-first {
	clear: both;
}

.no-col-spacing .col { margin: 0; }
.no-col-spacing .col-1 { width: 8.33333%; }
.no-col-spacing .col-2 { width: 16.66666%; }
.no-col-spacing .col-3 { width: 25%; }
.no-col-spacing .col-4 { width: 33.33333%; }
.no-col-spacing .col-5 { width: 41.66666%; }
.no-col-spacing .col-6 { width: 50%; }
.no-col-spacing .col-7 { width: 58.33333%; }
.no-col-spacing .col-8 { width: 66.66666%; }
.no-col-spacing .col-9 { width: 75%; }
.no-col-spacing .col-10 { width: 83.33333%; }
.no-col-spacing .col-11 { width: 91.66666%; }
.no-col-spacing .col-12 { width: 100%; }

.masonry-item.col {
	margin-right: 0;
}

.owl-carousel .col {
	width: auto;
	margin-right: 0;
}

/*--------------------------------------------------------------
	# General
--------------------------------------------------------------*/

#page,
#page-inner {
	position: relative;
}

/*--------------------------------------------------------------
	# Header
--------------------------------------------------------------*/

#header {
	padding-left: 30px;
    position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9000;
	border-bottom: 1px solid hsla(0,0%,100%,.25);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logged-in #header {
	top: 30px;
}

#header.header-bg {
	background: #48747C;
}

	.header-left {
		display: flex;
		align-items: center;
	}

	.header-right {
		display: flex;
		align-items: center;
	}

		.header-search-trigger .sk-icon {
			text-align: center;
			display: block;
			cursor: pointer;
			color: #fff;
			font-size: 20px;
			line-height: 60px;
			height: 60px;
			width: 80px;
			border-left: 1px solid hsla(0,0%,100%,.25);
			transition: opacity .3s;
            visibility: hidden;
		}

		.header-search-trigger .sk-icon:hover {
			opacity: 0.7;
		}

		.header-search-trigger .sk-icon::before {
			position: relative;
			top: 3px;
		}

/*--------------------------------------------------------------
	## Logo
--------------------------------------------------------------*/

#logo {
	position: relative;
	line-height: 0;
	margin-right: 30px;
}

	#logo a,
	#logo img {
		display: inline-block;
	}

	#logo .site-title {
		color: #fff;
		font-weight: 700;
		font-size: 34px;
		line-height: 1;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}

		#logo .site-title a {
			color: inherit;
		}

	#logo .site-description {
		color: #828992;
		font-weight: 400;
		font-size: 16px;
		line-height: 1;
	}

/*--------------------------------------------------------------
	## Navigation
--------------------------------------------------------------*/

#navigation {
	float: right;
	z-index: 99998;
	position: relative;
}

	#navigation-inner {
		position: relative;
	}

	#navigation ul,
	#navigation li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#navigation ul.menu {
		display: flex;
	}

		/* Top level item */
		#navigation .menu > li {
			display: block;
			position: relative;
			z-index: 99998;

		}

		#navigation .menu > li:last-child {
			margin-right: 0;
		}

			/* Top level chevron */
			#navigation .menu a .fa {
				display: inline-block;
				color: #fff;
				font-size: 7px;
				margin-left: 8px;
				vertical-align: middle;
				line-height: 1;
			}

			/* Top level item anchor */
			#navigation .menu > li > a {
				display: inline-block;
				font-family: 'DIN Pro', 'sans-serif';
				text-decoration: none;
				vertical-align: middle;
				font-weight: 500;
				color: white;
				font-size: 17px;
				line-height: 59px;
				padding: 0 20px;
				border-bottom: 1px solid transparent;
			}

			/* Top level item anchor hover */
			#navigation .menu > li > a:hover {
				color: #08464d !important;
				background: #eef3f4;
			}

			/* Top level item anchor current */
			#navigation .menu > li.current-menu-item > a,
			#navigation .menu > li.current-menu-ancestor > a {
				color: #fff;
				border-bottom-color: #fff;
			}

	/* Submenu */
	#navigation .menu ul {
		background: #191a1f;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0; /* same as horrizontal padding on #navigation .menu ul li */
		text-align: left;
		padding: 5px 0;
		-webkit-transition: .5s opacity;
		-moz-transition: .5s opacity;
		transition: .5s opacity;
	}

		/* Submenu item */
		#navigation .menu ul li {
			position: relative;
			display: block;
			white-space: nowrap;
			margin: 0;
			padding: 0 15px; /* same as left on #navigation .menu ul */
			min-width: 220px;
		}

			/* Submenu item anchor */
			#navigation .menu ul li > a {
				display: block;
				line-height: 1;
				text-decoration: none;
				color: rgba( 255, 255, 255, 0.5 );
				font-size: 13px;
				font-weight: 400;
				text-transform: uppercase;
				line-height: 15px;
				border-bottom: 1px solid rgba( 255, 255, 255, 0.05 );
				padding-top: 13px;
				padding-bottom: 13px;
				text-transform: uppercase;
			}

			/* Submenu last item anchor */
			#navigation .menu ul li:last-child > a {
				border-bottom: 0 !important;
			}

			/* Submenu item anchor hover */
			#navigation .menu ul li > a:hover {
				 color: #fff;
			}

			/* Submenu item anchor hover */
			#navigation .menu ul li.current-menu-item > a {
				color: #fff;
			}

		/* Second lvl submenu */
		#navigation .menu ul ul {
			left: 100%;
			margin-left: 0;
			top: -11px; /* upper level padding + border */
		}

		/* Show submenu on hover */
		#navigation .menu li:hover > ul {
			visibility: visible;
			opacity: 1;
		}

/*--------------------------------------------------------------
	## Mobile Nav
--------------------------------------------------------------*/

#mobile-navigation {
    display: none;
}

	#mobile-navigation .fa {
		font-size: 18px;
	}

	.header-mobile-nav-hook {
		display: inline-block;
		cursor: pointer;
		line-height: 1;
		font-size: 25px;
		line-height: 45px;
		width: 50px;
		text-align: center;
        color: #fff;
		cursor: pointer;
		position: relative;
	}

/* mobile navigation */
.mobile-navigation-menu {
    display: none;
    background: #eef3f4;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99999;
	padding: 0 20px;
}

.header-regular .mobile-navigation-menu {
    margin-top: 1px;
}

body.mobile-navigation-menu-active .mobile-navigation-menu {
    display: block;
}

.mobile-navigation-menu ul,
.mobile-navigation-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    /* Top level item */
    .mobile-navigation-menu li {
        display: block;
        position: relative;
        border-bottom: 1px solid rgba( 255, 255, 255, 0.3 );
    }

    .mobile-navigation-menu .menu li:last-child {
        border-bottom: 0;
    }

        /* Top level chevron */
        .mobile-navigation-menu .menu a .fa {
            display: inline-block;
            color: rgb(165, 165, 165);
            font-size: 7px;
            margin-left: 10px;
            vertical-align: middle;
        }

        /* Top level item anchor */
        .mobile-navigation-menu .menu li > a {
            display: block;
            text-decoration: none;
            color: rgba(0, 0, 0, 0.75);
            font-size: 17px;
            line-height: 59px;
			border-bottom: 1px solid #F4B653
        }

		.mobile-navigation-menu .menu li:last-child > a {
			border-bottom: 0;
		}

        /* Top level item anchor hover */
        .mobile-navigation-menu .menu li > a:hover {
            color: rgba(0, 0, 0, 0.75);
        }

        /* Top level item anchor current */
        .mobile-navigation-menu .menu li.current-menu-item > a {
            color: rgba(0, 0, 0, 0.75);
        }

/* Submenu */
.mobile-navigation-menu .menu ul {
    border-top: 1px solid #ddd;
    padding-left: 10px;
    display: none;
}

/* submenu expanded */
.mobile-navigation-menu li.expand > ul {
    display: block;
}

    /* Submenu item */
    .mobile-navigation-menu .menu ul li {
        border-bottom-width: 1px;
        position: relative;
    }

        /* submenu indicator */
        .mobile-navigation-menu li .fa {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            line-height: 44px;
            width: 30px;
            height: 44px;
            text-align: center;
            cursor: pointer;
            color: #000;
        }

        .mobile-navigation-menu li ul .fa {
            height: 32px;
            line-height: 32px;
        }

        /* submenu indicator active */
        .mobile-navigation-menu li.expand > .fa:before {
            content: "\f068";
        }

        /* Submenu anchor */
        .mobile-navigation-menu .menu ul li > a {
            font-size: 14px;
            line-height: 32px;
        }

/*--------------------------------------------------------------
	# Main
--------------------------------------------------------------*/

#main {
	padding-bottom: 100px;
}

body.home #main {
    padding-top: 0;
	padding-bottom: 0;
}

.sk-icon::before {
	font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
	line-height: 1;
}

.sk-icon-arrow-left::before {
	content: "\E002";
}

.sk-icon-arrow::before,
.sk-icon-arrow-right::before {
	content: "\E003";
}

.sk-icon-phone::before {
	content: '\E017';
}

.sk-icon-mail::before {
	content: '\E011';
}

.sk-icon-location::before {
	content: '\E018';
}

.sk-icon-search::before {
	content: '\E01A';
}

.sk-icon-close::before {
	content: '\E00A';
}

.sk-icon-clock::before {
	content: '\E009';
}

.sk-icon-instagram::before {
	content: '\E01D';
}

.sk-icon-linkedin::before {
	content: '\E01E';
}

.sk-icon-navicon::before {
	content: '\E00E';
}

.sk-icon-markers::before {
	content: '\E010';
}

.sk-icon-map::before {
	content: '\E012';
}

/*--------------------------------------------------------------
	## Carousel
--------------------------------------------------------------*/

.tns-ovh {

}

.tns-controls {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
}

.tns-controls button {
	background: transparent;
	color: rgba( 85, 114, 118, 0.6 );
	transition: color .4s;
}

.tns-controls button:hover {
	color: rgba( 85, 114, 118, 1 );
}

.tns-nav {
	text-align: center;
	position: absolute;
	bottom: 13px;
	left: 50%;
	transform: translateX(-50%);
}

	.tns-nav button {
		display: inline-block;
		padding: 0;
		background: transparent;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		border: 2px solid rgba( 85, 114, 118, 0.8 );
		margin: 0 6px;
	}

	.tns-nav button.tns-nav-active {
		background: rgba( 85, 114, 118, 1 );
	}

/*--------------------------------------------------------------
	## Content
--------------------------------------------------------------*/

#content {
	position: relative;
}

body.home #content {
	margin-top: 0 !important;
}

/*
body.single-sk_nysingh_vacatures #content {
	margin-top: 170px;
}
*/

.button {
	--wp-admin--admin-bar--height: 46px;
	--wp--preset--font-size--normal: 16px;
	--wp--preset--font-size--huge: 42px;
	--wp--preset--aspect-ratio--square: 1;
	--wp--preset--aspect-ratio--4-3: 4/3;
	--wp--preset--aspect-ratio--3-4: 3/4;
	--wp--preset--aspect-ratio--3-2: 3/2;
	--wp--preset--aspect-ratio--2-3: 2/3;
	--wp--preset--aspect-ratio--16-9: 16/9;
	--wp--preset--aspect-ratio--9-16: 9/16;
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
	--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
	--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
	--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
	--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
	--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
	--wp--preset--font-size--small: 13px;
	--wp--preset--font-size--medium: 20px;
	--wp--preset--font-size--large: 36px;
	--wp--preset--font-size--x-large: 42px;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
	--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
	--mm-line-height: 20px;
	--mm-listitem-size: 44px;
	--mm-navbar-size: 44px;
	--mm-offset-top: 0;
	--mm-offset-right: 0;
	--mm-offset-bottom: 0;
	--mm-offset-left: 0;
	--mm-color-border: rgba(0,0,0,.1);
	--mm-color-button: rgba(0,0,0,.3);
	--mm-color-text: rgba(0,0,0,.75);
	--mm-color-text-dimmed: rgba(0,0,0,.3);
	--mm-color-background: #f3f3f3;
	--mm-color-background-highlight: rgba(0,0,0,.05);
	--mm-color-background-emphasis: hsla(0,0%,100%,.4);
	--mm-shadow: 0 0 10px rgba(0,0,0,.3);
	--mm-iconbar-size: 50px;
	--mm-iconpanel-size: 50px;
	--mm-sidebar-collapsed-size: 50px;
	--mm-sidebar-expanded-size: 440px;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	text-decoration: none;
	align-items: center;
	border: 0;
	border-radius: 6px!important;
	display: inline-flex;
	font-family: DIN Pro,sans-serif;
	font-size: 18px;
	font-weight: 500;
	height: 52px;
	justify-content: center;
	line-height: 1.1em;
	min-width: 190px;
	background-color: #06353a;
	color: #fff;
	gap: 10px;
	transition: all .2s ease-in-out;
	padding:0 24px;
}

.button:hover {
	background-color: #08464d;
	background-image: linear-gradient(90deg, #27767e, #08464d);
}

.button-dir-alt:hover {
	padding: 0 35px 0 25px;
}

.button::after {
	background: url(./images/link.svg) no-repeat 50%;
	content: "";
	height: 18px;
	position: relative;
	top: 2px;
	transition: all .2s ease-in-out;
	width: 18px;
}

.button:hover::after {
	transform: rotate(45deg);
}

.button-dir-alt::after {
	display: none;
}

.button-dir-alt::before {
	font-family: icons;
	content: "\E003";
    display: inline-block;
    font-size: 15px;
    margin-right: 10px;
	transform: rotate(180deg);
}

.button-transparent,
.button-transparent:hover {
	background: transparent;
	color: inherit;
	border: none;
	line-height: 1;
}

.button-transparent::after {
	color: #F4B653;
}

.section-title {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 600;
}

/*--------------------------------------------------------------
	## Section - Hero
--------------------------------------------------------------*/

.contain {
	max-width: 2000px;
	margin:0 auto;
	padding: 0 30px;
}

	.hero-main {
		height: 825px;
		width: 100%;
		position: relative;
	}

	.hero-main .contain {
		display: flex;
		justify-content: end;
		width:100%;
	}

		.hero-main-item .wrapper {
			position: relative;
		}

		.hero-main-item {
			padding: 300px 0;
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 50px;
			opacity: 0;
			transition: opacity .4s;
			background-size: cover !important;
			overflow: hidden;
		}

		.hero-main-item-video {
			width: 100%;
			height: auto;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, 0);
		}

		.hero-main-item.active {
			opacity: 1;
		}

			.hero-main-item .wrapper {
				display: flex;
			}

				.hero-main-item-left {
					margin-right: 60px;
				}

					.hero-main-item-icon {
						font-size: 130px;
						line-height: 0.77;
						position: relative;
						transform: rotate(45deg);
						margin-left: 30px;
					}

						.hero-main-item-icon .sk-icon {
							display: block;
						}

						.hero-main-item-icon .sk-icon:nth-child(1) {
							color: #dfe6e9;
						}

						.hero-main-item:nth-child(2) .hero-main-item-icon .sk-icon:nth-child(1) {
							color: #fad7d1;
						}

						.hero-main-item:nth-child(3) .hero-main-item-icon .sk-icon:nth-child(1) {
							color: #dbe7dc;
						}

						.hero-main-item:nth-child(4) .hero-main-item-icon .sk-icon:nth-child(1) {
							color: #f9e8c7;
						}

						.hero-main-item-icon .sk-icon:nth-child(2) {
							color: #95adb7;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							height: 50%;
							overflow: hidden;
						}

						.hero-main-item:nth-child(2) .hero-main-item-icon .sk-icon:nth-child(2) {
							color: #ee7b66;
						}

						.hero-main-item:nth-child(3) .hero-main-item-icon .sk-icon:nth-child(2) {
							color: #89b18c;
						}

						.hero-main-item:nth-child(4) .hero-main-item-icon .sk-icon:nth-child(2) {
							color: #edb445;
						}

				.hero-main-item-right {

				}

					.hero-main-item-title {
						color: #fff;
						font-size: 56px;
						font-weight: 600;
						letter-spacing: normal;
						line-height: 1.25;
						margin-bottom: 0px;
						margin-top: 8px;
					}

					.hero-main-item-subtitle {
						color: #fff;
						font-size: 28px;
						font-weight: 400;
					}

	.hero-nav {
		margin-top: -210px;
		position: relative;
	}

	.hero-nav .wrapper,
	.expertise-items {
		display: flex;
		box-shadow: 0 7px 14px 0 rgb(0 0 0 / 10%);
		margin-bottom: 100px;
	}


		.hero-nav-item,
		.expertise-item {
			width: 25%;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			box-shadow: none;
			background: white;
			display: block;
			margin-left: 1px;
			position: relative;
			padding-bottom: 50px;
			transition: all .2s ease;
			text-decoration: none;
			width: 100%;
			z-index: 10;
			color: inherit;
			padding-top:20px;
			border-bottom:2px solid #F4B653;

		}

		.expertise-item {
			width: 20%;
		}

		.hero-nav-item:first-child,
		.expertise-item:first-child {
			margin-left: 0;
		}

		.hero-nav-item:hover {
			background: #48747C;
			box-shadow: 0 7px 14px 0 rgb(0 0 0 / 40%);
			border-right-color: transparent;
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			z-index: 20;
			transition: all .2s ease-in-out;
		}


		.hero-nav-item:hover:after {
			height: 8px;
		}

		.hero-nav-item::before {
			font-family: icons;
			content: "\E003";
			bottom: 30px;
			color: #F4B653
			position: absolute;
			right: 30px;
			z-index: 1;
		}

			.hero-nav-item-icon,
			.expertise-item-icon {
				background-color: #fff;
				height: 110px;
				padding-top: 40px;
				transition: all .2s ease-in-out;
			}

			.hero-nav-item:hover .hero-nav-item-icon {
				padding-top: 25px;
			}

				.hero-nav-item-icon-inner,
				.expertise-item-icon-inner {
					display: flex;
					align-items: center;
					justify-content: center;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					transition: all .2s ease-in-out;
				}

				.hero-nav-item-icon-inner:before,
				.expertise-item-icon-inner:before {
					font-family: "icons";
					content:"\E010";
					display:block;
					height:60px;
					font-size:60px;
					color: #95adb7;
				}

				.hero-nav-item:nth-child(1) .hero-nav-item-icon-inner:before,
				.expertise-item:nth-child(1) .expertise-item-icon-inner:before {
					color: #95adb7;
				}

				.hero-nav-item:nth-child(2) .hero-nav-item-icon-inner:before,
				.expertise-item:nth-child(2) .expertise-item-icon-inner:before {
					color: #ee7b66;
				}

				.hero-nav-item:nth-child(3) .hero-nav-item-icon-inner:before,
				.expertise-item:nth-child(3) .expertise-item-icon-inner:before {
					color: #89b18c;
				}

				.hero-nav-item:nth-child(4) .hero-nav-item-icon-inner:before,
				.expertise-item:nth-child(4) .expertise-item-icon-inner:before {
					color: #edb445;
				}

				.hero-nav-item:nth-child(5) .hero-nav-item-icon-inner:before,
				.expertise-item:nth-child(5) .expertise-item-icon-inner:before {
					color: #996378;
				}

				.hero-nav-item-icon-inner:after,
				.expertise-item-icon-inner:after {
					background-color:#fff;
					bottom:0;
					content:" ";
					display:block;
					height:30px;
					left:calc(50% - 12.5px);
					opacity:.7;
					position:absolute;
					width:25px;
				}

				.hero-nav-item:hover .hero-nav-item-icon-inner {
					-webkit-transform: rotate(0deg);
    				transform: rotate(0deg);
				}

			.hero-nav-item-main,
			.expertise-item-main {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				padding: 20px;
				text-align: center;
				transition: all .2s ease-in-out;
			}

				.hero-nav-item-title,
				.expertise-item-title {
					margin-top:15px;
					margin-bottom: 0;;
    				font-weight: 600;
					font-size: 25px;
					line-height: 1.3;
				}

				.expertise-item-title {
					font-size: 18px;
				}

				.hero-nav-item:hover .hero-nav-item-title {
					color: #fff;
				}

				.hero-nav-item-content {

				}

				.hero-nav-item:hover .hero-nav-item-content {
					color: #fff;
				}

.expertise-item-main {
z-index: 99;
}
	.expertise-item-image {
		opacity: 0;
		transition: opacity .4s;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-size: cover;
		background-position: center;
	}

		.expertise-item-image::after {
			content: '';
			display: block;
			background: #48747C;
			opacity: 0.45;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}

	.expertise-item:hover .expertise-item-image {
		opacity: 1;
	}

/*--------------------------------------------------------------
	## Section - Hero Classic
--------------------------------------------------------------*/

.hero-classic {
	background-color: #48747C;
	background-image: linear-gradient(180deg,transparent 39%,rgba(0,0,0,.2));
	height: 300px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	position: relative;
	background-size: cover !important;
	background-position: center top !important;
}

@media only screen and (min-width: 2200px ) {
	.hero-classic {
		background-position: center 20% !important;
	}
}

/*
body.single-sk_nysingh_vacatures .hero-classic {
	overflow: visible;
}
*/

.hero-classic.height-medium {
	height: 475px;
}

.hero-classic.height-large {
	height: 825px;
}

	.hero-classic .wrapper {
		width: 100%;
		position: relative;
	}

	.hero-classic-go-back {
		color: #d9d9d9;
		font-size: 16px;
		transition: all .2s ease-in-out;
		vertical-align: middle;
		display: flex;
		align-items: center;
		line-height: 1;
		margin-bottom: 30px;
	}

		.hero-classic-go-back .sk-icon {
			transform: rotate(180deg);
			display: inline-block;
			margin-right: 10px;
			color: #d9bb84;
		}

	.hero-classic-wrap {
		background-color: #fff;
	}

	/*
	body.single-sk_nysingh_vacatures .hero-classic-wrap {
		background-color: #eef3f4;
		margin-bottom: -90px;
	}
	*/

	.hero-classic-main {
		height: 170px;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.hero-classic.height-medium .hero-classic-main {
		height: 250px;
	}

	/*
	body.single-sk_nysingh_vacatures .hero-classic-main {
		height: auto !important;
		padding-top: 50px;
	}
	*/

		.hero-classic-title {
			font-size: 56px;
			line-height: 1.25;
			font-weight: 600;
			margin-bottom: 20px;
		}

		body.single-sk_nysingh_vacatures .hero-classic-title {
			text-align: center;
		}

		.hero-classic-title:last-child {
			margin-bottom: 0;
		}

		.hero-classic-meta {
			margin-bottom: 20px;
		}

		.hero-classic-description {
			margin-bottom: 20px;
			color: #08464d;
			font-size: 23px;
			font-weight: 400;
		}

		.hero-classic-buttons {
			text-align: right;
			margin-bottom: -36px;
		}



/*--------------------------------------------------------------
	## Section - SociaL Actions
--------------------------------------------------------------*/

.social-actions {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 900;
	background-color: #E9B353;
}

	.social-actions a {
		display: block;
		background-color: #E9B353;
		border: none;
		line-height: 61px;
		width: 61px;
		text-align: center;
		color: #fff;
		font-size: 24px;
		transition: all .4s ease-in-out;
	}

	.social-actions a:hover {
		background-color: #E29A1D;
	}

/*--------------------------------------------------------------
	## Section - Intro
--------------------------------------------------------------*/

.intro {
	padding: 100px 0;
}

	.intro-title {

	}

	.intro .intro-content {
		color: #6da5b6;
		font-family: DIN Pro, sans-serif;
		font-size: 34px;
		font-weight: 700;
		line-height: 46px;
	}

	.intro-buttons {
		margin-top: 40px;
	}

/*--------------------------------------------------------------
	## Section - Info Boxes
--------------------------------------------------------------*/

.info-box-items {
	margin-bottom: 70px;
	width: 1530px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.info-box-item {
	padding: 30px 0;
}
.intro .info-box-item {
	padding: 100px 0;
}

body.single-sk_nysingh_vacatures .info-box-item {
	background: #D5E6E7;
}


body.single-sk_nysingh_vacatures .info-box-item:first-child {
	padding-top: 0;
}

	.info-box-item-title {

	}

	.info-box-item-content {

	}

	.info-box-item-buttons {
		margin-top: 40px;
		text-align: right;
	}

/*--------------------------------------------------------------
	## Section - Stories
--------------------------------------------------------------*/

.stories {
	padding: 100px 0;
}

	.stories-title {

	}

	.stories-items {
		margin-bottom: 40px;
		display: flex;
		justify-content: space-between;
	}

		.stories-item {
			margin-right: 50px;
			width: 48%;
			position: relative;
			overflow: hidden;
		}

			.stories-item-image {
				border: 1px solid #000;
				display: block;
			}

			.stories-item-video-preview {
				width: 100%;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				opacity: 0;
				transition: opacity .5s;
			}

			@media only screen and (max-width: 1024px) {
				.stories-item-video-preview {
					display: none;
				}
			}

			.stories-item:hover .stories-item-video-preview,
			.stories-list-item:hover .stories-item-video-preview {
				opacity: 1;
			}

			.stories-item-play {
				font-size: 90px;
				color: #fff;
				display: flex;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				align-items: center;
				justify-content: center;
			}

	.stories-content {
		margin-bottom: 40px;
	}

	.stories-buttons {
		text-align: right;
	}

/*--------------------------------------------------------------
	## Section - Stories List
--------------------------------------------------------------*/

.stories-list {

}

	.stories-list-item {
		display: flex;
		margin-bottom: 90px;
		align-items: flex-start;
	}

	.stories-list-item:last-child {
		margin-bottom: 0;
	}

		.stories-list-item-primary {
			width: 65%;
			margin-right: 4%;
			flex-shrink: 0;
			position: relative;
			overflow: hidden;
		}

		.stories-list-item:nth-child(even) .stories-list-item-primary {
			order: 5;
			margin-right: 0;
			margin-left: 4%;
		}

		.stories-list-item-secondary {
			width: 100%;
		}

			.stories-list-item-title {
				margin-bottom: 20px;
			}

			.stories-list-item-excerpt {
				margin-bottom: 20px;
			}

			.stories-list-item-buttons {
				text-align: right;
			}

				.stories-list-item-buttons a,
				.stories-list-item-buttons a::after {
					color: #F8D398;
				}

/*--------------------------------------------------------------
	## Section - Team List
--------------------------------------------------------------*/

.team-list {

}

	.team-list-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:20px;
	}

		.team-list-item-content {
			margin-bottom: 50px;
		}

		.page-template-template-contact-php .team-list-item-content {
			display: none;
		}

		.team-list-item {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}

			.team-list-item-primary {
				background-color: #e4f3f4;
				padding: 20px;
				display: flex;
				align-items: center;
				width: 100%;
				height: 100%;
			}

			.team-list-item-secondary {

			}

			.team-list-item-image {
				max-width: 80px;
				margin-right: 15px;
			}

				.team-list-item-image img {
					display: block;
					border-radius: 50%;
				}

			.team-list-item-main {

			}

				.team-list-item-title {
					margin-bottom: 0;
					font-size: 21px;
					font-weight: 600;
				}

				.team-list-item-position {

				}

				.team-list-item-contact {
					margin-top: 15px;
					font-size: 15px;
					white-space:nowrap;
				}

				.team-list-item-contact ul {
					list-style-type: none;
					list-style-position: inside;
					margin-left: 0;
					padding-left: 0;
					margin-bottom: 0;
					display: flex;
				}

					.team-list-item-contact li {
						margin-bottom: 0;
						margin-right: 20px;
						display: flex;
						align-items: center;
					}

					.team-list-item-contact li:last-child {
						margin-right: 0;
					}

						.team-list-item-contact li a {
							color: inherit;
						}

							.team-list-item-contact .sk-icon::before {
								color: #F4B653;
								margin-right: 15px;
							}

/*--------------------------------------------------------------
	## Section - Vacancies
--------------------------------------------------------------*/

.vacancies {
	background: #e4f3f4;
}

	.vacancies-wrapper {

		width: 1530px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 100px 0 150px 0;
		overflow: hidden;
	}

		.vacancies-subtitle {
			margin-bottom: 40px;
		}

		.vacancies-items-carousel {
			position: relative;
			padding-bottom: 50px;
			margin-bottom: 30px;
		}

		.vacancies-items-carousel .tns-controls {

		}

		.vacancies-items {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-bottom: 40px;
		}

			.vacancies-item {
				display: block;
				width: 48%;
				background: #fff;
				margin-bottom: 30px;
				position: relative;
				color: inherit;
				border-radius: 6px;
				box-shadow: 0 19px 25px rgba(0, 0, 0, .06);
				transition: .2s ease-in-out;
				padding:30px;
			}

			.vacancies-items-carousel .vacancies-item {
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				margin: 20px 0;
			}

			.vacancies-item::after {
				font-family: icons;
				content: "\E003";
				bottom: 26px;
				color: #F4B653;
				position: absolute;
				right: 30px;
				z-index: 1;
			}

			.vacancies-group {
				padding:50px 0;
			}
			.vacancies-item:hover {
				box-shadow: 0 19px 25px rgba(0, 0, 0, .1);
				transform: translateY(-5px);
			}

				.vacancies-item-title {
					font-size: 21px;
					font-weight: 600;
					margin-bottom: 15px;
					margin-top:0;
					letter-spacing: 0.4px;
				}

				.vacancies-item-details {
					display: flex;
					font-size: 12px;
					font-family: "Muli";
					font-weight: 300;
					letter-spacing: 1px;
					text-transform: uppercase;
					line-height: 1;
				}

				.hero-classic-meta.vacancies-item-details {
					font-size: 16px;
					text-transform: none;
					letter-spacing: 0;
				}

					.vacancies-item-location,
					.vacancies-item-hours {
						display: flex;
						align-items: center;
					}

					.vacancies-item-details .sk-icon {
						color: #F4B653;
						margin-right: 10px;
						font-size: 20px;
					}

					.vacancies-item-location {
						margin-right: 20px;
					}

		.vacancies-buttons {
			text-align: right;
		}

/*--------------------------------------------------------------
	## Vacancies CTA
--------------------------------------------------------------*/

.vacancies-cta {
	position: relative;
	margin-bottom:100px;
}

.vacancies-cta::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60%;

}

	.vacancies-cta-wrapper {
		/*
		background: #e4f3f4;
		width: 1530px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 113px 0 150px 0;
		*/
		position: relative;
	}

		.vacancies-cta-inner {
			min-height: 300px;
			padding: 60px calc(16.66667% + 15px);
			text-align: center;
			background: white;
			border-radius: 6px;
			box-shadow: 0 19px 25px rgba(0, 0, 0, .06);
		}

			.vacancies-cta .section-title {
				font-size: 56px;
				margin-bottom: 20px;
			}

			.vacancies-cta-content {
				font-size: 23px;
				margin-bottom: 40px;
			}

/*--------------------------------------------------------------
	## Vacancy buildings
--------------------------------------------------------------*/

.vacancy-buildings-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 80px;
}

	.vacancy-buildings-item {
		width: 30%;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.vacancy-buildings-item:hover {
		overflow: visible;
	}

		.vacancy-buildings-item img {
			width: 240px;
			max-width: 100%;
		}

		.vacancy-buildings-item-main {
			text-align: left;
			padding-top: 20px;
			opacity: 0;
			transition: opacity .4s;
			position: absolute;
			background: #fff;
			padding: 10px;
			top: 100%;
			left: -10px;
			right: -10px;
			z-index: 999;
			box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%), 0 0 2px 0 rgb(0 0 0 / 10%);
			padding: 20px;
		}

		.vacancy-buildings-item:hover .vacancy-buildings-item-main {
			opacity: 1;
		}

			.vacancy-buildings-item h4 {
				margin-bottom: 10px;
			}

			.vacancy-buildings-item-main ul {
				padding-left: 0;
				margin-left: 0;
				list-style-type: none;
				margin-bottom: 10px;

			}

				.vacancy-buildings-item-main li {
					position: relative;
					padding-left: 15px;
				}

					.vacancy-buildings-item-main li::before {
						content: '';
						display: block;
						width: 5px;
						height: 5px;
						border-radius: 50%;
						background-color: #577377;
						position: absolute;
						left: 0;
						top: 12px;
					}

/*--------------------------------------------------------------
	## Buildings
--------------------------------------------------------------*/

.buildings-items {
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
}

	.buildings-item {
		width: 30%;
		box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%), 0 0 2px 0 rgb(0 0 0 / 10%);
		padding: 20px;
	}

		.buildings-item-image {
			margin-bottom: 15px;
			text-align: center;
		}

			.buildings-item-image img {
				width: 200px;
			}

		.buildings-item-title {
			margin-bottom: 15px;
		}

		.buildings-item-info ul {
			list-style-type: none;
			list-style-position: inside;
			margin-left: 0;
			padding-left: 0;
			margin-bottom: 0;
			font-size: 13px;
		}

			.buildings-item-info li {
				margin-bottom: 20px;
				display: flex;
				align-items: center;
			}

			.buildings-item-info li:last-child {
				margin-right: 0;
			}

				.buildings-item-info li a {
					color: inherit;
				}

					.buildings-item-info .sk-icon::before {
						color: #F4B653;
						margin-right: 15px;
					}

/*--------------------------------------------------------------
	## Events
--------------------------------------------------------------*/

.events-items {

}

	.events-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30px 0;
		border-top: 1px solid rgba( 0, 0, 0, 0.1 );
	}

		.events-item-meta {
			width: 250px;
			flex-shrink: 0;
		}

			.events-item-meta > div {
				line-height: 1;
				margin-bottom: 13px;
			}

			.events-item-meta > div:last-child {
				margin-bottom: 0;
			}

			.events-item-meta .sk-icon {
				color: #F4B653;
				margin-right: 10px;
				font-size: 20px;
				position: relative;
				top: 3px;
			}

		.events-item-info {
			text-align: left;
			width: 100%;
		}

			.events-item-title {
				margin-bottom: 0px;
			}

		.events-item-button {
			margin-top:10px;
		}

/*--------------------------------------------------------------
	## Blog Post Style 1 - Listing
--------------------------------------------------------------*/

.post-s1 {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid rgb(217, 187, 131);
}

.post-s1:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

	.post-s1-thumb {
		float: left;
		margin-right: 40px;
	}

	.layout-classic-v2 .post-s1-thumb {
		float: none;
		margin-right: 0;
		margin-bottom: 40px;
	}

		.post-s1-thumb a,
		.post-s1-thumb img {
			display: block;
		}

	.post-s1-main {
		overflow: hidden;
	}

	.layout-classic-v2 .post-s1-main {
		overflow: visible;
	}

		.post-s1-meta {
			color: rgba( 0, 0, 0, 0.5 );
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 600;
			margin-bottom: 10px;
		}

			.post-s1-meta a {
				color: inherit;
			}

		.post-s1-title {
			margin-bottom: 15px;
			font-size: 30px;
			font-weight: 600;
			line-height: 1.2;
		}

			.post-s1-title a {
				color: inherit;
			}

		.post-s1-excerpt {
			margin-bottom: 15px;
		}

		.post-s1-read-more {
			text-align: right;
		}

			.post-s1-read-more a {

			}

		.post-meta-comments {
			margin-left: 7px;
		}

		.post-meta-cats {
			margin-left: 7px;
		}

		.post-meta-cats:before,
		.post-meta-comments:before {
			content: " ";
			display: inline-block;
			background: #aeb6b9;
			width: 2px;
			height: 2px;
			vertical-align: middle;
			margin-right: 10px;
		}

/*--------------------------------------------------------------
	## Blog Post Style 2 - Listing
--------------------------------------------------------------*/

.post-s2 {
	margin-bottom: 30px;
}

	.post-s2-thumb {
		position: relative;
		margin-bottom: 25px;
	}

		.post-s2-thumb img,
		.post-s2-thumb a {
			display: block;
		}

		.post-s2-cats {
			position: absolute;
			bottom: -12px;
			left: 0;
			right: 0;
			text-align: center;
		}

			.post-s2-cats a {
				display: inline-block;
				background: #F8D398;
				color: #fff;
				font-size: 12px;
				line-height: 1;
				text-transform: uppercase;
				padding: 7px;
				border: 4px solid #fff;
				border-bottom-width: 0px;
			}

	.post-s2-main {
		text-align: center;
	}

		.post-s2-title {
			font-size: 17px;
			line-height: 1.4;
			margin-bottom: 5px;
			color: #000;
		}

			.post-s2-title a {
				color: inherit;
			}

		.post-s2-excerpt {
			margin-bottom: 15px;
		}

		.post-s2-meta {
			color: rgba( 0, 0, 0, 0.5 );
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 600;
			margin-bottom: 10px;
		}

			.post-s2-meta a {
				color: inherit;
			}

			.post-meta-date {

			}

			.post-meta-comments {

			}

/*--------------------------------------------------------------
	## Blog Post Style 3 - Listing
--------------------------------------------------------------*/

.post-s3 {
	position: relative;
}

	.post-s3-thumb {
		position: relative;
	}

		.post-s3-thumb img,
		.post-s3-thumb a {
			display: block;
			width: 100%;
		}

		.post-s3-thumb-overlay {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(49,49,49,.45);
			background: -moz-linear-gradient(to bottom,rgba(41,44,51,0) 1%,rgba(41,44,51,0) 26%,rgba(41,44,51,0.6) 50%,rgba(41,44,51,1) 90%);
			background: -webkit-linear-gradient(to bottom,rgba(41,44,51,0) 1%,rgba(41,44,51,0) 26%,rgba(41,44,51,0.6) 50%,rgba(41,44,51,1) 90%);
			background: linear-gradient(to bottom,rgba(41,44,51,0) 1%,rgba(41,44,51,0) 26%,rgba(41,44,51,0.6) 50%,rgba(41,44,51,1) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#cc686868',GradientType=0);
		}

		.post-s3-cats {
			margin-bottom: 15px;
		}

			.post-s3-cats a {
				display: inline-block;
				background: #F8D398;
				color: #fff;
				font-size: 12px;
				line-height: 1;
				text-transform: uppercase;
				padding: 7px;
			}

	.post-s3-main {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 40px;
	}

		.post-s3-title {
			font-size: 28px;
			line-height: 1.4;
			margin-bottom: 15px;
			color: #fff;
		}

			.post-s3-title a {
				color: inherit;
			}

		.post-s3-excerpt {
			margin-bottom: 15px;
			color: rgba( 255, 255, 255, 0.8 );
		}

		.post-s3-meta {
			color: rgba( 255, 255, 255, 0.5 );
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 600;
			margin-bottom: 10px;
		}

			.post-s3-meta a {
				color: inherit;
			}

			.post-meta-date {

			}

			.post-meta-comments {

			}

/*--------------------------------------------------------------
	## Pagination
--------------------------------------------------------------*/

.pagination {
	margin-top: 70px;
	text-align: center;
}

	.pagination ul,
	.pagination li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.pagination-type-numbered li {
		display: inline-block;
		margin: 0 5px;
	}

		.pagination-load-more a,
		.pagination-type-numbered a {
			display: inline-block;
			background: #F8D398;
			border: 0;
			color: #fff;
			font-size: 14px;
			font-weight: 900;
			line-height: 40px;
			text-transform: uppercase;
			padding: 0 20px;
		}

		.pagination-load-more.inactive a,
		.pagination-type-numbered .inactive a {
			background-color: #e4e4e4;
			color: #979797;
		}

			.pagination-load-more .fa {
				margin-right: 10px;
			}

/*--------------------------------------------------------------
	## Blog Post - Single
--------------------------------------------------------------*/

	/* thumbnail */
	.blog-post-single-thumb {
		margin-bottom: 30px;
	}

		.blog-post-single-thumb img {
			display: block;
		}

	/* main */
	.blog-post-single-main,
	.page-single-main {
		margin-bottom: 40px;
	}

		.blog-post-single-title,
		.page-title {
			font-size: 35px;
			font-weight: bold;
			line-height: 1.2;
			color: #222;
			letter-spacing: -1px;
			margin-bottom: 20px;
		}

		.search .page-title,
		.archive .page-title {
			margin-bottom: 50px;
		}

		.blog-post-single-meta {
			position: relative;
			border: 1px solid #eee;
			border-width: 0 0 1px 0;
			padding: 10px 0;
			margin-bottom: 30px;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
		}

		.page-single-title {
			margin-bottom: 30px;
		}

		.blog-post-single-meta-bottom {
			font-size: 12px;
			line-height: 1;
			color: #9fa6a7;
			padding-bottom: 20px;
			border-bottom: 1px solid #e5e5e5;
			margin-bottom: 26px;
		}

		/* tags */
		.blog-post-single-tags {
			margin-top: 25px;
			font-size: 13px;
		}

			.blog-post-single-tags a {

			}

		/* pagination */
		.blog-post-single-pagination {
			margin-top: 20px;
		}

			.blog-post-single-pagination a {
				font-weight: bold;
			}

/* Blog Post Prev/Next Pagination */

.blog-post-single-nav {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}

	.blog-post-single-nav-button {
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		background: #F8D398;
		line-height: 40px;
		padding: 0 15px;
		margin-bottom: 15px;
	}

	.blog-post-single-nav-next .blog-post-single-nav-button {
		float: right;
	}

		.blog-post-single-nav-button .fa {
			margin-right: 10px;
		}

		.blog-post-single-nav-next .fa {
			margin-right: 0;
			margin-left: 10px;
		}

	.blog-post-single-nav .post-s2 {
		margin-bottom: 0;
	}

	.blog-post-single-nav .post-s3-thumb {
		clear: both;
	}

/*--------------------------------------------------------------
	## Vacatures - Single
--------------------------------------------------------------*/

.vacancy-single-details {
	min-height: 30px;
	width: 700px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -30px;
}

	.vacancy-single-details-item {
		background: #fff;
		width: 48%;
		margin-bottom: 20px;
		box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%), 0 0 2px 0 rgb(0 0 0 / 10%);
		padding: 20px;
		font-size: 20px;
	}

	.vacancy-single-details-item .sk-icon,
	.vacancy-single-details-item svg {
		font-size: 30px;
		margin-right: 10px;
		vertical-align: middle;
	
	}

	.page-template-template-meet .info-box-item:first-of-type {
		padding-top:0;
	}

	.page-template-template-meet .intro {
		padding-bottom:0;
	}
	/* location */
	.vacancy-single-details-item-location .sk-icon {
		color: #E9B353;
	}

		.vacancy-single-details-item-location .vi-primary {
			fill: #E9B353;
			fill-rule: evenodd;
		}

		.vacancy-single-details-item-location .vi-primary,
		.vacancy-single-details-item-location .vi-accent {
			stroke: #fff;
			stroke-linecap: round;
			stroke-width: 0;
		}

		.vacancy-single-details-item-location .vi-accent {
			fill: #fff;
		}

	/* hours */
	.vacancy-single-details-item-hours .sk-icon {
		color: #E9B353;
	}

		.vacancy-single-details-item-hours .vi-primary {
			fill:#E9B353;
		}

		.vacancy-single-details-item-hours .vi-primary,
		.vacancy-single-details-item-hours .vi-accent{
			stroke: #fff;
			stroke-linecap: round;
			stroke-width: 0;
		}

		.vacancy-single-details-item-hours .vi-accent {
			fill: #fff;
		}

	/* salary */
	.vacancy-single-details-item-salary .sk-icon {
		color: #97b28f;
	}

		.vacancy-single-details-item-salary .vi-primary {
			fill: #97b28f;
		}

		.vacancy-single-details-item-salary .vi-accent {
			fill: #658994;
		}

	/* degree */
	.vacancy-single-details-item-degree .sk-icon {
		color: #eeb257;
	}

		.vacancy-single-details-item-degree .vi-primary {
			fill: #eeb257;
		}

		.vacancy-single-details-item-degree .vi-primary,
		.vacancy-single-details-item-degree .vi-accent {
			fill-rule: evenodd;
		}

		.vacancy-single-details-item-degree .vi-accent {
			fill: #f1d7aa;
		}

.vacancy-single-content {
	margin-bottom: 40px;
}

.vacancy-single-steps {
	margin-bottom: 60px;
	overflow: hidden;
}

body.page-template-template-vacancies-php .vacancy-single-steps {
	margin-bottom: 30px;
}

.vacancy-single-steps:hover {
	overflow: visible;
}

	.vacancy-single-steps-items {
		display: flex;
		position: relative;
		justify-content: space-between;
		z-index: 50;
	}

	.vacancy-single-steps-items::before {
		content: '';
		position: absolute;
		height: 1px;
		width: 87%;
		top: 140px;
		background: #577377;
		left: 50%;
		transform: translateX(-50%);
	}

		.vacancy-single-steps-item {
			width: 14.28%;
			text-align: center;
			position: relative;
		}

			.vacancy-single-steps-item-icon {
				display: block;
				margin-bottom: 30px;
				height: 100px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-end;
			}

				.vacancy-single-steps-item-icon svg {
					width: 60%;
    				max-height: 79px;
				}

			.vacancy-single-steps-item-circle {
				display: block;
				margin-bottom: 5px;
				line-height: 1;
			}

				.vacancy-single-steps-item-circle::after {
					position: relative;
					content: '';
					display: inline-block;
					width: 20px;
					height: 20px;
					background: #fff;
					border: 1px solid #577377;
					border-radius: 50%;
					transition: background .4s;
				}

				.vacancy-single-steps-item:hover .vacancy-single-steps-item-circle::after {
					background: #577377;
				}

			.vacancy-single-steps-item-title {
				display: block;
				font-size: 13px;
			}

			.vacancy-single-steps-item-content {
				font-size: 12px;
				text-align: left;
				opacity: 0;
				transition: opacity .4s;
				position: absolute;
				background: #fff;
				padding: 10px;
				top: 100%;
				left: -10px;
				right: -10px;
			}

			.vacancy-single-steps-item:hover  .vacancy-single-steps-item-content {
				opacity: 1;
			}

				.vacancy-single-steps-item-content ul {
					padding-left: 0;
					margin-left: 0;
					list-style-type: none;
					margin-bottom: 10px;
				}

					.vacancy-single-steps-item-content li {
						position: relative;
						padding-left: 15px;
					}

						.vacancy-single-steps-item-content li::before {
							content: '';
							display: block;
							width: 5px;
							height: 5px;
							border-radius: 50%;
							background-color: #577377;
							position: absolute;
							left: 0;
							top: 5px;
						}

.vacancy-single-buttons {
	display: flex;
	justify-content: space-around;
}

/*--------------------------------------------------------------
	## Vacatures - Form Embed
--------------------------------------------------------------*/

.vacancy-form-embed {
	position: fixed;
	z-index: 9500;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba( 255, 255, 255, 0.5 );
	display: none;
}

	.vacancy-form-embed-inner {
		position: fixed;
		z-index: 9500;
		height: 90vh;
		top: 8vh;
		width: 1110px;
		max-width: 90%;
		left: 50%;
		transform: translateX(-50%);
		box-shadow: 0 7px 14px 0 rgb(0 0 0 / 40%);
	}

	.vacancy-form-embed iframe {
		width: 100%;
		height: 100%;
	}

	.vacancy-form-embed .fa {
		position: absolute;
		bottom: 100%;
		right: 0;
		background: #d9bb84;
		color: #fff;
		text-align: center;
		width: 35px;
		line-height: 35px;
		cursor: pointer;
	}

/*--------------------------------------------------------------
	## Social Links
--------------------------------------------------------------*/

body a.social-link-twitter .fa {
	background: #1da1f2;
	color: #fff;
}

body a.social-link-facebook .fa {
	background: #3b5998;
	color: #fff;
}

body a.social-link-youtube .fa {
	background: #cd201f;
	color: #fff;
}

body a.social-link-vimeo .fa {
	background: #1ab7ea;
	color: #fff;
}

body a.social-link-tumblr .fa {
	background: #35465c;
	color: #fff;
}

body a.social-link-pinterest .fa {
	background: #bd081c;
	color: #fff;
}

body a.social-link-linkedin .fa {
	background: #0077b5;
	color: #fff;
}

body a.social-link-instagram .fa {
	background: #004879;
	color: #fff;
}

body a.social-link-github .fa {
	background: #4183c4;
	color: #fff;
}

body a.social-link-google-plus .fa {
	background: #dc4e41;
	color: #fff;
}

body a.social-link-dribbble .fa {
	background: #ea4c89;
	color: #fff;
}

body a.social-link-dropbox .fa {
	background: #007ee5;
	color: #fff;
}

body a.social-link-flickr .fa {
	background: #0063dc;
	color: #fff;
}

body a.social-link-foursquare .fa {
	background: #f94877;
	color: #fff;
}

body a.social-link-behance .fa {
	background: #1769ff;
	color: #fff;
}

body a.social-link-vine .fa {
	background: #00b488;
	color: #fff;
}

body a.social-link-rss .fa {
	background: #f26522;
	color: #fff;
}

body a.social-link-email .fa {
	background: #ef7583;
	color: #fff;
}

/*--------------------------------------------------------------
	## Comments
--------------------------------------------------------------*/

.comments-area {
	margin-top: 50px;
}

.comments-section-heading {
	margin-bottom: 20px;
}

	.comments-section-heading-title {
		font-size: 25px;
		font-weight: bold;
		float: left;
		margin: 0;
	}

.comments-area ul,
.comments-area ol,
.comments-area li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.comment {

}

.comments-area li.comments-pingback,
.comments-area li.comments-trackback {
	margin-bottom: 10px;
	font-size: 13px;
	background: #fff;
	padding: 10px;
}

	.comment-inner {
		background: #fff;
		padding: 35px;
		border: 1px solid #eee;
		margin-bottom: 25px;
	}

		.comment-author-avatar {
			float: left;
			margin-right: 15px;
			width: 40px;
		}

			.comment-author-avatar img {
				border-radius: 50%;
				display: block;
			}

		.comment-info {
			margin-bottom: 20px;
		}

			.comment-meta {
				float: left;
				margin-top: 5px !important
			}

				.comment-meta-author {
					display: block;
					color: #F8D398;
					font-size: 14px;
					font-weight: bold;
					line-height: 1;
					margin-bottom: 4px !important;
				}

				.comment-meta-date {
					display: block;
					font-size: 12px;
					line-height: 1;
				}

			.comment-reply {
				float: right;
			}

				.comment-reply a {
					line-height: 40px;
					display: inline-block;
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
				}

		.comment-main {

		}

	.comment .children {
		margin-left: 80px;
	}

	.comments-no-comments {
		margin-bottom: 20px;
	}

.comment-respond {
	background: #fff;
	padding: 35px;
	border: 1px solid #eee;
}

.comment-list .comment-respond {
	margin-bottom: 25px;
}

	.comment-reply-title {
		margin: 0;
		padding: 0;
		color: #232323;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 20px;
	}

	.comment-respond .logged-in-as,
	.comment-notes {
		font-size: 14px;
	}

		.comment-form-comment {
			font-size: 0;
			line-height: 0;
			margin: 0;
		}

		.comment-form-name,
		.comment-form-email,
		.comment-form-website {
			margin-top: 20px;
			font-size: 0;
			line-height: 0;
		}

			.comment-respond input[type="text"],
			.comment-respond textarea {
				background: #fff;
				border: 1px solid #eee;
			}

			.comment-respond textarea {
				height: 140px;
			}

		.comment-respond .form-submit {
			clear: both;
			padding-top: 20px;
			margin-bottom: 0;
		}

/*--------------------------------------------------------------
	## Contact Form 7
--------------------------------------------------------------*/

.vacancy-single-content .wpcf7 {
	margin-bottom: 40px;
	margin-top: 40px;
}

.cf-group {
	border-bottom: 1px solid #d8e3e7;
	padding-bottom: 30px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}

.cf-group-last {
	border-bottom: none;
	padding-bottom: 0;
}

.cf-group-center {
	align-items: center;
}

	.cf-group-info {
		width: 25%;
	}

		.cf-group-info-title {
			font-weight: bold;
			font-size: 18px;
			color: #2a333d;
		}

			.cf-group-info-title span {
				color: red;
			}

		.cf-group-info-subtitle {
			color: #8aa2ad;
			font-size: 14px;
		}

	.cf-group-main {
		width: 70%;
	}

		.cf-row {
			margin-bottom: 30px;
			color: #98b1bd;
		}

		.cf-row:last-child {
			margin-bottom: 0;
		}

			.cf-row strong {
				display: block;
				margin-bottom: 10px;
				font-size: 14px;
				color: #2a333d;
			}

				.cf-row strong span {
					color: red;
				}

			.cf-row label > br {
				display: none;
			}

			.cf-row .wpcf7-checkbox .wpcf7-list-item,
			.cf-row .wpcf7-acceptance .wpcf7-list-item {
				display: block;
				position: relative;
				margin-left: 0;
				margin-bottom: 5px;
				font-size: 14px;
				color: #4d6072;
				padding-left: 20px;
			}

				.cf-row .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"],
				.cf-row .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
					position: absolute;
					left: 0;
					top: 5px;
				}

			/*

			.cf-row .wpcf7-list-item input[type="checkbox"] {
				opacity: 0;
				position: absolute;
				left: 9px;
				top: 9px;
				width: 1px;
				height: 1px;
				overflow: hidden;
				margin: 4px 0 0;
			}

			.cf-row .wpcf7-checkbox .wpcf7-list-item::before {
				content: "";
				display: inline-block;
				border: 2px solid #8aa2ad;
				border-radius: 2px;
				width: 18px;
				height: 18px;
				min-width: 18px;
				min-height: 18px;
			}

			*/

body .wpcf7 {

}

.wpcf7 label {

}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	border: 1px solid #bccdd7;
	background: transparent;
	box-shadow: inset 0 1px 3px 0 #e6f0f6;
	width: 100%;
	border-radius: 3px;
}

.wpcf7 input[type="submit"] {
	display: inline-block;
    line-height: 70px;
    padding: 0 30px;
    font-size: 20px;
    color: #fff;
    background-color: #d9bb84;
    border: 1px solid #c3a877;
    transition: all .2s ease-in-out;
	text-transform: none;
	font-weight: 400;
}

/*--------------------------------------------------------------
	## Sidebar
--------------------------------------------------------------*/

#sidebar {
	position: relative;
	word-break: break-word;
}

	#sidebar .widget {
		margin-top: 35px;
	}

	#sidebar .widget:first-child {
		margin-top: 0;
	}

		#sidebar .widget-title {
			margin: 0;
			padding: 0;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 25px;
		}

/*--------------------------------------------------------------
	# Widgets
--------------------------------------------------------------*/

.widget {

}

/*--------------------------------------------------------------
	## Widget - Search
--------------------------------------------------------------*/

.widget_search .search-form {
	position: relative;
}

.widget_search input[type="search"] {
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
}

.widget_search input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #F8D398;
}

.intro-content {
	font-family: DIN Pro, sans-serif;
	font-size: 17px;
	line-height: 1.71;
	color: #1c2d30;
}

/*--------------------------------------------------------------
	## Widget - Tag Cloud
--------------------------------------------------------------*/

.widget .tagcloud {
	font-size: 0;
	line-height: 0;
}

	.widget .tagcloud a {
		display: inline-block;
		line-height: 30px;
		padding: 0 10px;
		background: #F8D398;
		color: #fff;
		font-size: 12px !important;
		font-weight: bold !important;
		text-transform: uppercase;
		margin-right: 10px;
		margin-bottom: 10px;
	}

/*--------------------------------------------------------------
	# Footer
--------------------------------------------------------------*/

#footer {
	background: #042326;
	color:white;
}

.footer-widget-contact-title {
	color:white;
}
#footer .wrapper {
	display: flex;
	justify-content: space-between;
	width: 915px;
	max-width: 90%;
}

/*--------------------------------------------------------------
	## Footer Search Trigger
--------------------------------------------------------------*/

.footer-search-trigger-wrap {
	background: #042326;

}

.footer-search-trigger {
	height: 130px;
	text-align: left;
	position: relative;
	width: 570px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	color: inherit;
	transform: translateY(-50%);
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 19px 25px rgba(0, 0, 0, .06);
	transition: .2s ease-in-out;
}

.footer-search-trigger:hover {
	box-shadow: 0 19px 25px rgba(0, 0, 0, .1);
	transform: translateY(-55%);
}

	.footer-search-trigger-icon {
		border-right: 1px solid #d9d9d9;
		height: 130px;
		line-height: 130px;
		text-align: center;
		width: 120px;
		transition: all .4s ease-in-out;
		font-size: 40px;
		color: rgb(149, 173, 183);
	}

	.footer-search-trigger-main {
		padding-left: 30px;
	}

		.footer-search-trigger-title {
			font-size: 27px;
			margin-bottom: 0;
		}

		.footer-search-trigger-subtitle {

		}

.search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #eef3f4;
	z-index: 9900;
	display: none;
}

.search-overlay.active {
	display: block;
}

	.search-overlay-close {
		position: absolute;
		right: 15px;
		top: 15px;
		color: inherit;
		color: #d9bb84;
		font-size: 40px;
	}

	.search-overlay-main {
		width: 1080px;
		max-width: 90%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: center;
		flex-direction: column;
		max-height: 90vh;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 50px 0;
	}

		.search-overlay-form {
			background-color: #fff;
			box-shadow: 0 7px 14px 0 rgb(0 0 0 / 10%);
			padding: 45px 30px 25px;
			position: relative;
			width: 540px;
			margin-bottom: 60px;
		}

			.search-overlay-form::before {
				content: "Ik ben op zoek naar";
				color: #d9bb84;
				font-family: DIN Pro,sans-serif;
				text-transform: uppercase;
				letter-spacing: .75px;
				font-weight: 400;
				font-size: 11px;
				position: absolute;
				top: 45px;
				left: 30px;
				z-index: 1;
			}

			.search-overlay-form input[type="search"] {
				background-color: transparent!important;
				color: #48747C;
				font-size: 19px;
				font-family: Muli,sans-serif;
				padding: 15px 0 10px;
				width: calc(100% - 50px);
				outline: none;
			}

			.search-overlay-form button {
				position: absolute;
				top: 50%;
				right: 20px;
				transform: translateY(-50%);
				background: transparent;
				color: inherit;
				font-size: 25px;
				transition: color .4s;
			}

			.search-overlay-form button:hover {
				color: #F4B653
			}

		.search-overlay-suggestions {
			width: 100%;
		}

			.search-overlay-suggestions > span {
				color: #d9bb84;
				font-family: DIN Pro,sans-serif;
				font-size: 17px;
				font-weight: 400;
			}

			.search-overlay-suggestions ul {
				list-style-type: none;
				list-style-position: inside;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin-left: 0;
				padding-left: 0;
			}

				.search-overlay-suggestions li {
					width: 47%;
					border-bottom: 1px solid #d9bb84;
				}

					.search-overlay-suggestions li a {
						align-items: center;
						border: none;
						color: #08464d;
						display: flex;
						justify-content: space-between;
						font-family: Muli,sans-serif;
						font-size: 17px;
						min-height: 70px;
						line-height: 21px;
						position: relative;
						transition: all .2s ease-in-out;
					}

					.search-overlay-suggestions a:hover {
						font-weight: 600;
					}

					.search-overlay-suggestions a::after {
						content: "\E003";
						color: #F4B653
						font-size: 15px;
						margin-left: 5px;
						transition: all 0.2s ease-in-out 0s;
						font-family: icons;
					}

					.search-overlay-suggestions a:hover::after {
						transform: translateX(5px);
					}

/*--------------------------------------------------------------
	## Footer Widgets
--------------------------------------------------------------*/

#footer-widgets {
	padding: 80px 0;
	color: #393939;;
}

		.footer-widget-contact,
		.footer-widget-about {
			width: 47%;
		}

		.footer-widget-contact {

		}

			.footer-widget-contact-title {
				font-size: 24px;
				margin-bottom: 55px;
				font-weight: 400;
			}

			.footer-widget-contact ul {
				list-style-type: none;
				list-style-position: inside;
				margin-left: 0;
				padding-left: 0;
			}

				.footer-widget-contact li {
					margin-bottom: 10px;
				}

					.footer-widget-contact li a {
						color: white;
					}

						.footer-widget-contact .sk-icon::before {
							color: #F4B653;
							margin-right: 15px;
						}

		.footer-widget-about {

		}

			.footer-widget-about-logo {
				margin-bottom: 30px;
			}

				.footer-widget-about-logo img {
					height: auto;
					max-width: 200px;
				}

			.footer-widget-about-content {
				margin-bottom: 30px;
				font-size: 14px;
				line-height: 1.64;
				color:white;
			}

			.footer-widget-about-social {
				font-size: 15px;
				display: flex;
			}

				.footer-widget-about-social a.social-link-fb::before {
					content: '\E01C';
					margin-right: 15px;
					color: #F4B653;
				}

				.footer-widget-about-social a.social-link-linkedin::before {
					content: '\E01E';
					margin-right: 15px;
					color: #F4B653;
				}

				.footer-widget-about-social a.social-link-instagram::before {
					content: '\E01D';
					margin-right: 15px;
					color: #F4B653;
					top: 2px;
    				position: relative;
				}

				.footer-widget-about-social a {
					color: white;
					width: 50%;
				}

				.social-link-magnet-me {
					display: flex;
					align-items: center;
				}

					.social-link-magnet-me iframe {
						margin-right: 15px;
					}

					.social-link-magnet-me a {
						width: auto !important;
					}

/*--------------------------------------------------------------
	## Footer Bottom
--------------------------------------------------------------*/

#footer-bottom {
	padding: 30px 0;
}

	/**
	 * Footer Copyright
	 */

	#footer-copyright {
		text-align: center;
		font-size: 15px;
		line-height: 1;
		order: 0;
	}

		#footer-copyright a {
			font-weight: bold;
		}

	/**
	 * Footer Navigation
	 */

	#footer-navigation {
		line-height: 1;
		order: 1;
	}

		#footer-navigation ul,
		#footer-navigation li {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			/* Top level item */
			#footer-navigation .menu > li {
				display: inline-block;
				position: relative;
				z-index: 9000;
				margin-left: 25px;
			}

				/* Top level item anchor */
				#footer-navigation .menu > li > a {
					display: inline-block;
					text-decoration: none;
					vertical-align: middle;
					color: #b5cdd0;
					font-size: 15px;
					font-weight: normal;
					line-height: inherit;
				}

				/* Top level item anchor hover */
				#footer-navigation .menu > li > a:hover {
					color: #000;
					text-decoration: underline;
				}

				/* Top level item anchor current */
				#footer-navigation .menu > li.current-menu-item > a,
				#footer-navigation .menu > li.current-menu-ancestor > a {
					color: #000;
				}

		/* Submenu */
		#footer-navigation .menu ul {
			display: none;
		}

/*--------------------------------------------------------------
	# Popup Video
--------------------------------------------------------------*/

.popup-vid {
	background: rgba( 0, 0, 0, 0.85 );
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
	z-index: 99999;
}

	.popup-vid.popup-vid-active {
		display: flex;
	}

	.popup-vid video {
		max-height: 90%;
		max-width: 90%;
		width: auto;
		height: auto;
	}

	.popup-vid-close {
		position: absolute;
		right: 30px;
		top: 0;
		background: red;
		color: #fff;
		border-radius: 0 0 7px 7px;
		line-height: 30px;
		width: 30px;
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
	}

/*--------------------------------------------------------------
	# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	## Medium Monitors
--------------------------------------------------------------*/

@media only screen and ( min-width: 1426px ) and ( max-width: 1700px )  {

	/* post s3 */
	body .post-s3-main {
		padding: 20px;
	}

}

/*--------------------------------------------------------------
	## Normal Monitors
--------------------------------------------------------------*/

@media only screen and ( min-width: 1281px ) and ( max-width: 1425px )  {

	/* post s3 */
	body .post-s3-main {
		padding: 20px;
	}
	body .post-s3-cats {
		display: none;
	}

}

/*--------------------------------------------------------------
	## Smaller Monitors
--------------------------------------------------------------*/

@media only screen and ( min-width: 1024px ) and ( max-width: 1280px )  {

	/* header */
	body #navigation {
		display: none;
	}
	body #mobile-navigation {
		display: block;
	}

	body .wrapper,
	body .wrapper-small {
		max-width: 95%;
	}

	/* post s1 */
	body .layout-classic-v1 .post-s1-thumb {
		width: 200px;
	}

	/* post s3 */
	body .post-s3-main {
		padding: 15px;
	}
	body .post-s3-cats {
		display: none;
	}
	body .post-s3-title {
		font-size: 20px;
		margin-bottom: 5px;
	}
	body .post-s3-excerpt {
		display: none;
	}

}

/*--------------------------------------------------------------
	## Tablets
--------------------------------------------------------------*/

@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {

	body .wrapper,
	body .wrapper-small {
		max-width: 95%;
	}

	/*
	#content {
		margin-top: 30px;
	}
	*/

	/* header */
	body #navigation {
		display: none;
	}
	body #mobile-navigation {
		display: block;
	}

	/* hero */
	.hero-main {
		height: 600px;
	}
		.hero-main-item {
			padding: 150px 0 210px 0;
		}
	.hero-nav .wrapper,
	.expertise-items {
		flex-wrap: wrap;
	}
		.hero-nav-item,
		.expertise-item {
			width: 50%;
			margin: 0;
			border-right: 1px solid #d9d9d9;
		}

	/* hero classic */
	.hero-classic.height-medium {
		height: auto;
		padding-top: 90px;
	}
	.hero-classic-title {
		font-size: 40px;
	}

	/* vacancies cta */
	.vacancies-cta-content {
		font-size: inherit;
	}

	/* team */
	.team-list-item-contact ul {
		flex-wrap: wrap;
	}
		.team-list-item-contact li {
			width: 100%;
			margin-right: 0;
			margin-bottom: 20px;
		}

	/* post s1 */
	body .layout-classic-v1 .post-s1-thumb {
		width: 100px;
	}
	body .post-s1-title {
		font-size: 22px;
	}

	/* post s3 */
	body .post-s3-main {
		padding: 15px;
	}
	body .post-s3-cats {
		display: none;
	}
	body .post-s3-title {
		font-size: 20px;
		margin-bottom: 0;
	}
	body .post-s3-excerpt {
		display: none;
	}
	body .post-s3-meta {
		display: none;
	}

	.vacancies-item-details {
		flex-wrap: wrap;
	}
		.vacancies-item-location,
		.vacancies-item-hours {
			width: 100%;
		}
		.vacancies-item-location {
			margin-bottom: 10px;
		}

	/* single */
	body .page-title,
	body .blog-post-single-title {
		font-size: 30px;
	}

}

/*--------------------------------------------------------------
	## Phones ( landscape + portrait )
--------------------------------------------------------------*/

@media only screen and ( max-width: 767px ) {
		/* columns */

	body .col {
		margin-right: 0;
		width: 100% !important;
	}

	/*
	#content {
		margin-top: 30px;
	}
	*/
	#content {
		padding-top: 40px !important;
	}

	/* header */
	body #header {
		padding-left: 0;
	}
		body #navigation {
			display: none;
		}
		body #mobile-navigation {
			display: block;
			float: none;

		}
		body #logo {
			float: none;
			margin-right: 0;
		}

	/* hero */
	.hero-main {
		height: 600px;
	}
		.hero-main-item {
			padding: 150px 0 210px 0;
		}
		.hero-main-item-left {
			margin-right: 30px;
		}
		.hero-main-item-icon {
			font-size: 90px;
		}
		.hero-main-item-title {
			font-size: 32px;
			margin-bottom: 10px;
		}
	.hero-nav .wrapper,
	.expertise-items {
		flex-wrap: wrap;
	}
		.hero-nav-item,
		.expertise-item {
			width: 50%;
			margin: 0;
			border-right: 1px solid #d9d9d9;
		}
		.hero-nav-item-title,
		.expertise-item-title {
			font-size: 21px;
			letter-spacing: .3px;
			line-height: 1.19;
		}
		.expertise-item-title {
			height: auto !important;
		}

	/* hero classic */
	.hero-classic {
		height: auto;
		padding-top: 90px;
	}
	.hero-classic-main {
		height: 120px;
	}
	.hero-classic-title {
		font-size: 31px;
	}
	.hero-classic-description {
		font-size: 18px;
	}

	/* social actions */
	.social-actions {
		background-color: #d9bb84;
		padding-top: 0;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		top: auto;
		transform: none;
		display: flex;
		justify-content: space-between;
	}
		.social-actions a {
			width: 33%;
			margin: 0;
			border: 1px solid rgba(0,0,0,.1);
			border-left-width: 0;
		}

	/* intro */
	.intro,
	.intro .info-box-item {
		padding: 80px 0;
	}
		.section-title,
		.vacancies-cta .section-title {
			font-size: 30px;
		}
		.info-box-content,
		.vacancies-cta-content {
			font-size: inherit;
		}

		.intro-content {
			font-size: 20px;
			line-height: 28px;

		}

	/* stories */
	.stories {
		padding: 80px 0;
	}
		.stories-items {
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.stories-item {
				margin-right: 0;
				width: 100%;
				margin-bottom: 20px;
			}
			.stories-item a {
				font-size: 30px;
			}
		.stories-content {
			font-size: inherit;
		}

    /* stories list */
	.stories-list-item {
		flex-wrap: wrap;
	}
		.stories-list-item-primary {
			width: 100%;
			max-width: 100%;
			margin-bottom: 30px;
			order: 0 !important;
			margin-left: 0 !important;
		}

	/* vacancies */
	.vacancies-item {
		width: 100%;
	}
	.vacancy-single-steps {

	}
		.vacancy-single-steps-items {
			flex-wrap: wrap;
			padding-left: 30px;
		}
		.vacancy-single-steps-items::before {
			height: auto;
			width: 1px;
			top: 152px;
			bottom: 142px;
			left: 10px;
		}
			.vacancy-single-steps-item {
				width: 100%;
				border: 1px solid #577377;
				border-radius: 10px;
				padding: 20px;
				margin-bottom: 20px;
			}
				.vacancy-single-steps-item-icon {
					margin-bottom: 10px;
				}
				.vacancy-single-steps-item-circle {
					transform: translateX(-51px);
					text-align: left;
				}
				.vacancy-single-steps-item-title {
					font-size: 15px;
					text-align: center;
					font-weight: bold;
				}
				.vacancy-single-steps-item-content {
					opacity: 1;
					position: relative;
					top: auto;
					left: auto;
					right: auto;
					bottom: auto;
				}
	.vacancy-single-buttons {
		flex-wrap: wrap;
	}
		.vacancy-single-buttons .button {
			width: 100%;
			margin: 15px 0;
		}

	/* vacancy buildings */
	.vacancy-buildings-items,
	.buildings-items {
		flex-wrap: wrap;
	}
		.vacancy-buildings-item,
		.buildings-item {
			width: 100%;
			margin: 15px 0;
		}
			.vacancy-buildings-item img {
				max-width: 200px;
			}
			.vacancy-buildings-item-main {
				opacity: 1;
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				bottom: auto;
				box-shadow: none;
				padding: 0;
				margin-top: 20px;
			}

	/* team */
	.team-list-item {
		flex-wrap: wrap;
	}
		.team-list-item-primary,
		.team-list-item-secondary {
			width: 100%;
		}
		.team-list-item-primary {
			flex-wrap: wrap;
		}
		.team-list-item-image {
			margin-bottom: 20px;
		}
		.team-list-item-main {
			width: 100%;
		}
		.team-list-item-contact ul {
			flex-wrap: wrap;
		}
			.team-list-item-contact li {
				width: 100%;
				margin-right: 0;
				margin-bottom: 20px;
			}
				.team-list-item-contact li a {
					word-break: break-word;
				}

	/* events */
	.events-item {
		flex-wrap: wrap;
	}
		.events-item-meta {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 10px;
		}
			.events-item-meta > div:first-child {
				margin-right: 15px;
			}
		.events-item-info {
			margin-bottom: 15px;
		}
		.events-item-meta,
		.events-item-info,
		.events-item-button {
			width: 100%;
		}

		.events-item-button .button {
			padding-left: 0;
		}

	/* vacancies cta */
	.vacancies-cta-inner {
		padding: 30px 20px;
	}

	/* main */
	body #main {

	}

	/* post s1 */
	body .layout-classic-v1 .post-s1-thumb {
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		background: #f8f8f8;
	}
		body .layout-classic-v1 .post-s1-thumb img {
			width: auto;
		}
	body .post-s1-main {
		float: none;
		overflow: visible;
	}
		body .post-s1-title {
			font-size: 22px;
		}

	/* post s3 */
	body .post-s3-main {
		padding: 20px;
	}
		body .post-s3-cats {
			display: none;
		}
		body .post-s3-title {
			font-size: 16px;
		}
		body .post-s3-excerpt {
			display: none;
		}

	/* single */
	body .page-title,
	body .blog-post-single-title {
		font-size: 25px;
	}

	.vacancy-single-details {
		margin-top: 0;
	}
		.vacancy-single-details-item {
			font-size: 16px;
		}

	/* sidebar */
	body #sidebar {
		margin-top: 50px;
	}

	/* footer */
	body #footer-widgets {
		padding: 30px 0;
	}
		body #footer-widgets .widget {
			margin-top: 35px !important;
		}
		body #footer-widgets .widget:first-child {
			margin-top: 0 !important;
		}
	body #footer-copyright,
	body #footer-navigation {
		float: none;
	}
	body #footer-navigation {
		margin-top: 20px;
	}
		body #footer-navigation .menu > li {
			display: block;
			margin: 0 0 15px 0;
			padding: 0;
		}

	/* other */
	body .comment .children {
		margin-left: 0;
	}

	body blockquote {
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}

	body .post-s2-thumb img {
		width: 100%;
	}

	/* wpcf7 */
	.cf-group {
		flex-wrap: wrap;
	}
		.cf-group-info,
		.cf-group-main {
			width: 100%;
		}
		.cf-group-info {
			margin-bottom: 20px;
		}
		.cf-row input[type="file"] {
			display: block;
		}

}

/*--------------------------------------------------------------
	## Phones ( landscape )
--------------------------------------------------------------*/

@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {

	body .wrapper,
	body .wrapper-small {
		max-width: 90%;
	}

}

/*--------------------------------------------------------------
	## Phones ( portrait )
--------------------------------------------------------------*/

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

	.hero-nav-item,
	.expertise-item {
		width: 100%;
		padding: 0;
		border-bottom: 1px solid #d9d9d9;
	}
	.hero-nav-item::before,
	.expertise-item::before {
		bottom: 18px;
	}
	.hero-nav-item:after,
	.expertise-item::after {
		display: none;
	}
	.hero-nav-item-icon,
	.hero-nav-item-content,
	.expertise-item-icon,
	.expertise-item-content {
		display: none;
	}
	.hero-nav-item-title,
	.expertise-item-title {
		margin-bottom: 0;
		text-align: left;
		font-size: 18px;
	}

	/* search */
	.footer-search-trigger {
		width: 90%;
	}
	.footer-search-trigger-icon {
		display: none;
	}
	.footer-search-trigger-title {
		font-size: 20px;
	}
	.search-overlay-form {
		width: 95%;
	}
	.search-overlay-form input[type="search"] {
		font-size: 15px;
	}
	.search-overlay-suggestions li {
		width: 100%;
	}

	/* footer */
	#footer .wrapper,
	#footer-widgets .wrapper {
		flex-wrap: wrap;
	}
		.footer-widget-contact,
		.footer-widget-about,
		#footer-navigation,
		#footer-copyright {
			width: 100%;
			margin: 10px 0;
			text-align: left;
		}
		#footer-copyright,
		#footer-navigation {
			order: 1;
		}

	.vacancy-single-details-item {
		width: 100%;
	}

	.vacancies-item-details {
		flex-wrap: wrap;
	}
		.vacancies-item-location,
		.vacancies-item-hours {
			width: 100%;
		}
		.vacancies-item-location {
			margin-bottom: 10px;
		}

}

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

	body .wrapper,
	body .wrapper-small {
		max-width: 90%;
	}

	/* featured 2 */
	body .post-s3-title {
		font-size: 16px;
		margin-bottom: 10px;
	}
	body .post-s3-meta {
		display: block;
	}

}

.cover {
    display: block;
    z-index: 999999;
    position: absolute;
    top: -197px;
    left: -95px;
    /* right: 0; */
    width: 100%;
    height: 9000px;
    background-image: url("images/screen-home.png");
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.5;
}


.hero-classic-wrap {
	background: transparent;
}

	.hero-classic-title {
		color: #fff;
		font-size: 48px;
	}

#content {
	padding-top: 100px;
}
body.home #content,
body.single-sk_nysingh_vacatures #content {
	padding-top: 0;
}

.tns-ovh {
	overflow: visible !important;
}

.tns-item:not(.tns-slide-active) {
	opacity: 0;
	pointer-events: none;
}

.hero-main {
	display:flex;
	justify-content: end;
	align-items: end;
}

.hero-main-overlay {
	display: flex;
	flex-direction: column;
	justify-content: end;
	max-width: 545px;
	padding: 64px;
	width: 100%;
	z-index: 9;
	position: relative;
}

.hero-main-overlay__bg {
	border-radius: 0 0 12px 12px;
	bottom: 0;
	display: flex;
	flex-direction: column;
	font-size: 0;
	left: 0;
	opacity: 92%;
	overflow: hidden;
	position: absolute;
	top: -150px;
	width: 100%;
}

.hero-main-overlay__bg div {
	background: #477e8f;
	border-radius: 0 0 12px;
	height: 100%;
	margin-top: -1px;
	width: 100%;
}

.hero-main .intro-heading p:not(:last-of-type) {
	margin-bottom: 40px;
}

.hero-main .intro-heading {
	z-index:2;
}

.hero-main .buttons {
	z-index:2;
	display: flex;
	gap: 33px;
	margin-top: 42px;
}


.hero-main .intro-heading p {
	color: #fff;
	font-family: Nexa, sans-serif;
	font-size: 28px;
	line-height: 34px;
}

@media only screen and ( max-width: 767px ) {
	.hero-main-overlay {
		padding: 30px;
	}

	.hero-main .intro-heading p {
		font-size: 23px;
		line-height: 28px;
	}
	.hero-main .intro-heading p:not(:last-of-type) {
		margin-bottom: 27px;
	}

	.team-list-items {
		grid-template-columns: repeat(1, 1fr);
	}
}

.filter-cover {
	border-bottom: 2px solid #F4B653; /* $gold */
	color: #F4B653;
	display: inline-block;
	font-family: 'DIN Pro', sans-serif; /* $din */
	font-size: 13px; /* $font-size-xxs */
	margin-right: 22px;
	padding: 16px 24px;
	position: relative;
	width: 100%;
	box-shadow: 0px 19px 25px rgba(0, 0, 0, 0.06);
	border-radius: 12px;
}

@media (min-width: 768px) {
	.filter-cover {
		max-width: 50%;
	}
}

.filter-cover:last-child {
	margin-right: 0;
}

.filter-cover::after {
	content: '';
	background: url('./images/chevron-down.svg') no-repeat center center;
	bottom: 20px;
	display: block;
	position: absolute;
	pointer-events: none;
	right: 24px;
	width: 18px;
	height: 18px;
	transition: all 0.3s ease; /* $transition-default */
}

.filter-cover:hover::after {
	bottom: 13px;
	transition: all 0.3s ease;
}

.filter-cover select {
	background-color: transparent;
	border: none;
	cursor: pointer;
	color: #2a2a2a; /* $grey-darkest */
	display: block;
	font-size: 16px;
	line-height: 29px;
	font-weight: 500; /* $font-weight-medium */
	width: calc(100% + 7px);
	-webkit-appearance: none;
	font-family: 'DIN Pro', sans-serif;
}
.block-instagram {
	padding:0 0 100px 0;
}

.events-item-content,
.events-item-meta {
	font-weight: normal;
}

:root {
	--swiper-theme-color: #E9B353;
}