/*
Theme Name: Flying Dutch Flowers
Theme URI: http://www.flyingdutchflowers.com
Author: Sam Pakvis / David Jon - Keytoe
Author URI: http://www.keytoe.nl
Description: Template voor de vernieuwde Wordpress website van Rosada
Version: 0.1
*/

/* @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700|Asap:400,700); */

/*------------------------------------*\
    Custom Fonts/Icons
\*------------------------------------*/

@font-face {
	font-family: "FDF";
	src: url("assets/fonts/fdf.eot");
	src: url("assets/fonts/fdf.eot#iefix") format("embedded-opentype"),
	url("assets/fonts/fdf.woff") format("woff"),
	url("assets/fonts/fdf.ttf") format("truetype"),
	url("assets/fonts/fdf.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
	font-family: "FDF";
    font-size: 20px;
	font-style: normal;
	display: inline-block; zoom: 1;
	vertical-align: middle;
	position: relative;
	top:-1px;
	}

.icon-arrowdown:before {content: "\e000";}
.icon-down:before { content: "\e001";}
.icon-fb:before {content: "\e002"; }
.icon-gplus:before {content: "\e003";}
.icon-left:before {content: "\e004";}
.icon-linkedin:before {content: "\e005";}
.icon-right:after {content: "\e006";}
.icon-tw:before {content: "\e007";}
.icon-pinterest:before {content: "\e008";}
.icon-up:before {content: "\e009";}

/*------------------------------------*\
    Algemeen
\*------------------------------------*/
*,*:after,*:before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{font-size:16px;}
body{background-color: #f9f9f9; font-family: "Asap"; font-weight: 400; -webkit-font-smoothing: antialiased; color: #1a2a39;}
button, fieldset, figure, dl, dd, dt, button{margin:0; padding:0;}
fieldset{border:0;}
p{margin: 0 0 20px; line-height: 150%; color: #9b9b9b;}
a{color: #1a2a39; border:0;}
img{max-width:100%;}
h1,h2,h3,h4,h5,h5{font-family: "Libre Baskerville"; color: #1a2a39; font-weight: 400;}

.break{clear: both;}
.hidden-text,legend{visibility: hidden; position: absolute; left:-9999px;}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.container{
	width:100%;
	max-width:1480px;
	margin:0 auto;
	background:#f9f9f9;
	position: relative;
	}

.btn{
	display: inline-block; zoom: 1;
	background:#F47924;
	color: #fff;
	padding:15px 50px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size:0.875em; /* 14px */
	border-radius: 4px;
	border:0;
	-webkit-transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	}
	.btn.gray{background:#c0c0c0;}
	.btn:hover{background: #1a2a39;}

.btn-more{
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	color: #F47924;
	font-size:0.875em; /* 14px */
	-webkit-transition: color 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-moz-transition: color 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	-ms-transition: color 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: color 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
	}
	.btn-more:after{
		display: inline-block; zoom: 1;
		vertical-align: middle;
		content: "\e006";
		font-family: "FDF";
		font-size:24px;
		color: #F47924;
		margin-left:20px;
		-webkit-transition: all 200ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
		overflow: hidden;
		}
	.btn-more:hover{color:#000;}
	.btn-more:hover:after{color:#000;}

	.dark .btn-more:hover{color:#fff;}
		.dark .btn-more:hover:after{color:#fff;}

.divider-dark:after{
	background-image:url(assets/images/divider.png);
	background-repeat: no-repeat;
	width:154px;
	height:20px;
	background-position: -5px -22px;
	content: "";
	display: block;
	margin:25px auto;
	}

.divider-light:after{
	background-image:url(assets/images/divider.png);
	background-repeat: no-repeat;
	width:154px;
	height:20px;
	background-position: -168px -22px;
	display: block;
	content: "";
	margin:25px auto;
	}
h1.white{color: #fff;}


/*------------------------------------*\
    Header
\*------------------------------------*/
.header{
	position: relative;
	background-color:#1A2A39;
	background-size:cover;
	text-align: center;
	height:96vh;
	}

	.main-nav {
		width:100%;
		background: #fff;
	}

		.main-nav ul {
			margin:0;
			padding:0;
			position: relative;
			text-align: right;
		}

			.main-nav li{display: inline-block; zoom: 1; margin-left:-4px;}
/* 			.main-nav .webshop{margin-left:25px;} */
				.main-nav a{
					display: block;
					padding:25px 35px;
					color: #0f2838;
					text-decoration: none;
					font-size: 110%;
					font-weight: bold;
					text-transform: lowercase;
					border-bottom: 0;
					position: relative;
					font-size:1.125em; /*18px*/
					transition: color .3s;
					}
					.main-nav a:after{
						content: "";
						width:100%;
						height:0;
						background:#fff;
						position: absolute;
						bottom:0;
						left:0;
					}

				.main-nav li:hover a, .current-menu-item a {
					color: #f47924;
				}

				.main-nav li:hover a:after, .current-menu-item a:after{
					height:5px;
					-webkit-transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					-moz-transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					-ms-transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					}
		.main-nav .logo-small{
			position: absolute;
			left:10px;
			width:65px;
			bottom:-5px;
			}
			.main-nav .logo-small a:after{display: none;}
			.logo-small a{padding:0;}

	.header .logo{
		display: inline-block;
		zoom: 1;
		margin-top:60px;
		position: relative;
		}
		.header .logo:after{
			content: "";
			width: calc(100% + 11px);
			height: calc(100% + 9px);
			border: 3px solid transparent;
			position: absolute;
			left: -6px;
			top: -7px;
			display: block;
			}


	.header .more{
		display: inline-block; zoom: 1;
		padding: 20px 10px 15px;
		background:#ddd;
		position: absolute;
		bottom:0;
		left:0;
		right:0;
		width:250px;
		margin-left:auto;
		margin-right:auto;
		background-color: #1a2a39;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 2px;
		font-size:0.875em; /* 14px */
		-webkit-transition: padding 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
		}
		.header .more:after{
			content: "\e001";
			font-family: "FDF";
			display: inline-block; zoom: 1;
			margin-left: 20px;
			font-size:20px;
			vertical-align: middle;
			position: relative;
			top:-1px;
			color: #485868;
			}
			.header .more:hover{padding-bottom:20px;}
.header h1{font-size:3em;}
	.header-subtitle{
		font-family: "Libre Baskerville";
		font-weight: 400;
		color: #fff;
		display: block;
		font-size:1.75em; /* 28px */
		padding: 0 10%;
		}
.mobile-header{display: none;}

.header-pos-cnt{position: relative; height:100%; height:calc(100% - 70px);}
	.header .posi{position: absolute; top:50%; -webkit-transform:translateY(-50%); width:100%;}
	.header .posi .logo{margin-top:0;}
	.header .posi .bottom-title, .header .posi .home-title, .header .bottom-title{bottom:auto;}
	.header .dark-title{position: relative; height:100%;}
	.header .dark-title h1{line-height: 100%;}

.header .h-50{position: absolute; width:100%; height:50%; top:0; left:0; }
	.header .h-50 .logo{
		position: absolute;
		bottom:0;
		top:auto;
		left: 50%;
		margin-left: -86px;
		}

.header .h-50.bottom{top:auto; bottom:0;}
	.header .bottom-title, .header .home-title{position: relative;}

.first-h{height:60%; position: relative;}
	.header .first-h .logo{
		position: absolute;
		top:50%;
		margin-top:-206px;
		left: calc(50% - 208px);
		width:416px; height: 416px;
	}
	.header .first-h .logo { margin-top: -88px; }

.second-h{height:40%; position: relative;}
	.header .second-h .home-title{bottom:auto; position: relative; margin-top:0; opacity:0; }

/* Andere headers */
.header-white{background:none; height:475px;}
	.header-white > h1{font-size: 3em; }
.header-blogsingle{background: #fff; height:auto; overflow: auto;}
	.header-blogsingle > .logo{display: none;}
	.header-blogsingle > h1{padding-top:100px; margin:0; font-size:1em;}
		.header-blogsingle > h1:after{
			display: block;
			content: "";
			margin:20px auto;
			width:40%;
			background:#ddd;
			height:1px;
			}
/*------------------------------------*\
    Footer
\*------------------------------------*/
.footer{padding-top:20px; overflow: auto; background:#fff;}
	.right-sub-footer{
		display: inline-block; zoom: 1;
		width: 50%;
		vertical-align: middle;
		margin-left: -4px;
		}
	.left-sub-footer{
		display: inline-block; zoom: 1;
		width: 50%;
		vertical-align: middle;
		}

.footer .logo{padding:0 25px; display: inline-block; zoom: 1;}

.contact-info{
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
	width:375px;
	}
	.contact-info strong{
		display: block;
		color: #134678;
		font-size:0.875em;
		line-height: 150%;
		}
	.contact-info .col{
		float: left;
		width:50%;
		color:#7c7c7c;
		font-size:0.875em;
		}

.footer-nav{display: inline-block; zoom: 1; vertical-align: middle;}
	.footer-nav{
		font-size:0;
		list-style: none;
		padding:0;
		margin:0;
		text-align: right;
		width:100%;
		}
		.footer-nav li{display: inline-block; zoom: 1; font-size:16px}

		.footer-nav div{display: inline-block; zoom: 1; font-size:16px}
		.footer-nav div.linkedin{margin:0 25px 0 25px;}
		.footer-nav div.instagram{margin-right:0px;}

			.footer-nav a{
				display: block;
				text-decoration: none;
				color: #1a2a39;
				padding: 0 20px;
				font-weight: bold;
				}
				.footer-nav a:hover{color: #37526b;}

			
			.footer-nav .icon-instagram,
			.footer-nav .icon-linkedin{
				height:30px;
				width: 30px;
				line-height: 30px;
				text-align: center;
				border-radius: 100%;
				padding:0;
				font-weight: normal;
				}

			.footer-nav .icon-linkedin{
				background:#1a2a39;
			}
			
				.footer-nav .icon-instagram:before,
				.footer-nav .icon-linkedin:before{
					margin-top: 23px;
					color: #ffff;
					font-size:15px;
					position: relative;
					left:1px;
					top: -23px;
				}

				.footer-nav .icon-linkedin:hover{background:#37526b;}
 				.footer-nav .icon-instagram:hover{background: #adc2d5;}/* */
 				
 	.social-footer-nav {
	 	display: flex;
	 	justify-content: flex-end;
	 	margin: 10px 20px 0 0;
 	}
 	
 	.social-footer-nav a {
	 	margin: 0 10px;
 	}
.copyright{
	display: block;
	text-align: right;
	font-size:0.625em; /* 12px */
	padding-top:20px;
	border-top: 1px solid #f5f5f5;
	margin-top:25px;
	padding-right:25px;
	}
	.copyright a{color: #7c7c7c;}
	.copy-seperate{margin-left:100px; display: inline-block; zoom: 1; margin-right: 10px; }

/*------------------------------------*\
    Home
\*------------------------------------*/
.home-title, .bottom-title{
	color: #fff;
	padding:0 5%;
	position: absolute;
	bottom:100px;
	width:100%;
	}
	.home-title{font-size:3em;}
	.bottom-title{bottom:75px;}
		.bottom-title h1{color: #fff; font-size:3em;}

.intro{color: #fff; padding-top:90px;}
.intro.dark{background:#1a2a39;}

	.intro-header{
		text-align: center;
		width:60%;
		margin:0 auto;
		font-size:1.875em; /* 30px */
		}
/*
		.intro-header:after{
			content: "";
			display: block;
			margin:25px auto;
			height:1px;
			background:#ccc;
			width:250px;
			}
*/
	.intro-text{
		text-align: center;
		width:50%;
		margin:0 auto;
		color:#9b9b9b;
		}

.intro .intro-header{color: #fff;}
.customer-types{
	font-size:0px;
	list-style: none;
	margin-top:90px;
	padding:0;
	}
	.customer-types li{
		font-size:16px;
		display: inline-block; zoom: 1;
		width:25%;
		text-align: center;
		height:400px;
		position: relative;
		}
		.customer-types a{
			display: block;
			background-repeat: no-repeat;
			background-size:cover;
			background-position: center center;
			height:100%;
			color: #fff;
			position: relative;
			}
			.customer-types a:before{
				position: absolute;
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.4);
				content: "";
				left:0;
				top:0;
				-webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
				-moz-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
				-ms-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
				transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
				}
			.customer-types .caption{
				position: absolute;
				top:50%;
				height:50px;
				line-height: 50px;
				font-size:1.5em; /* 24px */
				margin-top:-25px;
				left:0;
				right:0;
				margin-left:auto;
				margin-right: auto;
				width:auto;
				background:none;
				display: inline-block; zoom: 1;
				font-family: "Libre Baskerville";
				font-weight: 400;
				font-style: italic;
				}
				.customer-types .caption:after{
					display: block;
					content: "";
					margin:0px auto;
					width:50px;
					background:#fff;
					height:2px;
					-webkit-transition: width 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					-moz-transition: width 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					-ms-transition: width 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					transition: width 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
					}
					.customer-types a:hover .caption:after{
						width:50%;
						}
					.customer-types a:hover:before{opacity: 0;}

/*
.shop-owner a{background-image:url(../images/doutzen.jpg);}
.event-designer a{background-image:url(../images/kate.jpg);}
.cruise-florist a{background-image:url(../images/evangeline.jpg);}
.house-florist a{background-image:url(../images/bar.jpg);}
*/

.about-short > header{padding: 90px 0;}

.intro.dark .intro-text{color: #fff;}

.side-item{overflow: hidden; position: relative;}
	.side-figure{
		float: left;
		width:50%;
		text-align: center;
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center center;
		}
	.side-content{
		float: left;
		width:50%;
		height:100%;
		padding:60px;
		background:#f5f5f5;
		color: #000;
		}
		.side-content p, .side-content ul, .side-content ol{color: #9b9b9b;}


		.side-item.dark .side-content{background:#1a2a39; color:#fff;}
		.side-item.dark .side-content p, .side-item.dark ul, .side-item.dark ol, .side-item.dark a{color:#c6c9cc;}
		.side-item.dark .side-item-header{color: #fff;}
		.side-item-header{margin-top:0; font-size:1.5em; line-height: 138%;}
			.side-item-header:after{
				display: block;
				content: "";
				height:1px;
				width:100px;
				background: #ccc;
				margin:20px 0 15px;
				}
.side-item.img-right .side-figure{float: right;}

.side-figure{
	height:100%;
	position: absolute;
	right:50%;
	}

.side-content{position: relative; left:50%;}
	.side-item.img-right .side-content{left:0;}
	.side-item.img-right .side-figure{right:0;}



/* Standard Options */
/* .std-options{padding: 90px 0;} */
	.bg-block{padding:90px 10%;}
	.std-options.white{background:#fff;}
	.std-option-block{
		width:50%;
		float: left;
		text-align: center;
		}
		.std-options .std-option-block:first-of-type{border-right:1px solid #ddd;}
		.std-block-header{font-size: 1.5em; line-height: 138%;}

		.std-option-block .btn{margin:20px 0 40px;}
		.btn-subtitle{
			display: block;
			text-align: center;
			font-style: italic;
			font-family: "Libre Baskerville";
			font-weight: 400;
			color: #9b9b9b;;
			margin-top:-25px;
			}
			.btn-subtitle a{color: #9b9b9b; text-decoration: none;}

.contact-block{
	background:#edeef0;
	padding: 90px 10%;
	overflow: auto;
	box-shadow:inset 1px 1px 4px #eee;
	}
	.contact-data{
		width:50%;
		float: left;
		border-right:1px solid #ddd;
		padding:0 7.5% 0 0;
		}
		.contact-data p{color:#aaa;}
		.contact-person{margin-bottom:25px;}
			.contact-person img{
				width:70px;
				height:70px;
				border-radius: 100%;
				display: inline-block;
				zoom: 1;
				vertical-align: middle;
				}
			.contact-person .right{
				padding:0 20px;
				display: inline-block;
				zoom: 1;
				vertical-align: middle;
				width:100%;
				width:calc(100% - 75px);
				}
				.contact-person a{display: block; text-decoration: none; font-size:0.875em;}
				.contact-person a:hover{color:#000;}
				.contact-p-mail-link{
					font-family: "Libre Baskerville";
					font-style: italic;
					margin:4px 0;
					font-weight: 400;
					}
				.contact-p-name{margin:0; color:#aaa;}

	.contact-form{
		width:50%;
		float: left;
		padding:0 0 0 7.5%;
		position: relative;
		}
		.contact-form input{
			width:100%;
			border:1px solid #f5f5f5;
			height:47px;
			box-shadow: 2px 2px 4px rgba(204,204,204,0.1);
			width:100%;
			margin-bottom:20px;
			padding-left:10px;
			font-size:0.875em;
			}
		.contact-form label{
			text-transform: uppercase;
			font-size:0.875em;
			display: block;
			cursor: pointer;
			margin-bottom:5px;
			}
		.contact-form select{width:100%; margin-bottom:20px;}
		.contact-form textarea{
			width:100%;
			resize: none;
			height:100px;
			border:1px solid #f5f5f5;
			margin-bottom:20px;
			font-size:0.875em;
			padding:10px;
			}
			.contact-form .btn{float: right;}

		.contact-form:before{
			position: absolute;
			top:-100px;
			display: block;
			content: "\e000";
			font-family: "FDF";
			color:#f9f9f9;
			left:50%;
			margin-left:-17px;
			font-size:50px;
			text-shadow: 1px 1px 4px #eee;
			}

.contact-form label.input-warning{
	padding:5px 8px;
	display: inline-block;
	background:#E07777;
	color: #fff;
	position: relative;
	text-transform: none;
	font-size:12px;
	margin-bottom:25px;
	}
	.contact-form label.input-warning:before{
		position: absolute;
		font-family: "FDF";
		content: "\e000";
		top:-8px;
		font-size:8px;
		left:20px;
		color:#E07777;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		}

input.input-warning, textarea.input-warning{border:1px solid #E07777;}
.messages{
	background: #fff;
	clear: both;
	padding: 15px;
	margin-top: 40px;
	font-size: 14px;
	text-align: left;
	position: relative;
	padding-left:50px;
	display: none;
	}
	.messages:before{
		position: absolute;
		left:15px;
		content: "";
		height:22px;
		width:22px;
		border-radius: 100%;
		line-height: 22px;
		text-align: center;
		top:50%;
		margin-top:-11px;
		font-family: "Verdana";
		font-weight: bold;
		font-size:10px;
		text-indent: -1px;
		}

	.messages.error{background:#E07777; color:#fff; display: block;}
	.messages.success{background:#94cf7f; color: #fff; display: block;}

	.messages.error:before{
		background:#b34b4b;
		color: #fff;
		content: "X";
		}
	.messages.success:before{
		background:#65af49;
		color: #fff;
		content: "\2713";
		}
.contact-form .crazy-eight-field{position: absolute; left:-9999px; visibility: hidden;}
.page-template-templatespage-contact-php .contact-form:before{display: none;}

.w-100{width:100%;}
.w-90{width:90%;}
.w-80{width:80%;}
.w-70{width:70%;}
.w-60{width:60%;}
.w-50{width:50%;}
.w-40{width:40%;}
.w-30{width:30%;}
.w-20{width:20%;}
.w-10{width:10%;}
.w-5{width:5%;}
	.input-box div:first-child{padding-left:0;}
	.input-box div:last-child{padding-right:0;}

	.input-cnt{float: left; padding:0 10px;}

	.bg-block.white{background: #fff;}

.margin-btn{margin:0 10px; display: inline-block; zoom: 1;}
.std-option-block .btn{padding:15px 30px;}
	.std-option-block .white-btn{
		display: inline-block; zoom: 1;
		font-family: "Asap";
		text-transform: uppercase;
		background:#fff;
		padding:10px 20px;
		font-style: normal;
		border-radius: 4px;
		-webkit-transition: all 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-moz-transition: all 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-ms-transition: all 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: all 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
		}
		.white-btn:hover{background:#1a2a39; color: #fff;}


/*------------------------------------*\
    About us
\*------------------------------------*/
.side-quote{font-family: "Libre Baskerville"; font-weight: 400; font-style: italic;}
	.side-item.dark .side-content .side-quote p{color:#fff; font-size:1.5em; display: inline-block;}
		.side-quote p:before{
			display: inline-block;
			content: "\201c";
			margin-right: -5px;
			position: relative;
			margin-left: -6px;
			font-size: 32px;
			left:-8px;
			}
		.side-quote p:after{
			display: inline-block;
			content: "\201d";
			margin-left:2px;
			font-size:32px;
			}
	.side-quote cite{font-family: "Asap"; font-style: normal; position: relative;}
		.side-quote cite:before{
			width:100px;
			display: block;
			margin: 25px 0 15px;
			content: "";
			height:1px;
			background:#fff;
			}


.dark-title{
	background:#1a2a39;
	color: #fff;
	padding:50px 0;
	position: absolute;
	bottom:0px;
	width: 100%;
	}
	.dark-title h1{color: #fff; font-size:3em; margin-top:0;}
		.dark-title .header-subtitle{color: #9c9c9c; font-size:1.5em;}


/*------------------------------------*\
    Blog - Archive
\*------------------------------------*/
.blog-a-wrapper{padding: 20px 15px 90px 15px; background:#edeef0;}
	.blog-a-item{padding:35px; width:50%; float: left;}
		.blog-a-item .pad-block{
			background:#fff;
			box-shadow: 2px 2px 4px rgba(204,204,204,0.3);
			padding:20px 0;
			text-decoration: none;
			display: block;
			border-bottom:0px solid #F47924;
			-webkit-transition: border 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			-moz-transition: border 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			-ms-transition: border 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			transition: border 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			}
			.blog-a-item .pad-block:hover{
				border-bottom:10px solid #F47924;
			}
			.inner-padding,
			.blog-a-excerpt{
				padding:0 30px;
				}

			.inner-padding-q{padding:10px 40px;}

			.blog-a-date{
				color: #ccc;
				font-size:0.875em;
				font-style: italic;
				font-family: "Libre Baskerville";
				font-weight: 400;
				display: block;
				margin-bottom:5px;
				}
			.blog-a-quote{padding:0; margin:20px 0 0 0;}
				.quote-item .pad-block{background:#1a2a39; color: #fff; padding: 30px 0;}
					.quote-item .blog-a-date,
					.quote-item .blog-a-quote p{
						color: #fff;
						font-family: "Libre Baskerville";
						font-style: italic;
						font-weight: 400;
						}
						.quote-item .blog-a-quote p{font-size:1.5em;}

					.blog-a-quote cite{font-style: normal;}
					.blog-a-quote cite:before{
						content: "";
						width:100px;
						background:#ccc;
						margin:20px 0 10px;
						display: block;
						height:1px;
						}

			.blog-a-img{margin-bottom:40px;}
			.blog-a-cat{
				color: #bbb;
				display: block;
				text-transform: uppercase;
				margin-bottom:20px;
				font-weight: normal;
				font-size:0.875em;
				}
				.blog-a-cat:before{
					content: "";
					width:100px;
					display: block;
					margin:10px 0;
					background:#ccc;
					height:1px;
					}

				.blog-a-readmore{display: block;}

.blog-nav{margin-top:60px; padding: 0 10px;}
	.nav-a-link{text-decoration: none; text-transform: uppercase; font-size:1.375;}
		.nav-a-link:before{margin-right:10px; font-size:36px;}
			.nav-a-link.icon-left{float: left;}
		.nav-a-link:after{margin-left:10px; font-size:36px;}
			.nav-a-link.icon-right{float: right;}

.no-paragraphs .blog-a-img{margin-bottom:20px;}

.embed-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-bottom:25px;
	}

	.embed-container iframe,
	.embed-container object,
	.embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.video-item a{text-decoration: none;}
	.video-item .pad-block{padding-top:0;}
/*------------------------------------*\
    Blog - Single
\*------------------------------------*/

.blog-single{margin:0 auto; padding:0 19% 35px; background:#fff;}
	.blog-s-header{text-align: center; margin-bottom:50px;}
		.header-blogsingle .blog-single-back{font-size:1.5em;}
		.blog-s-title{margin: 0px 0 15px; padding-top:15px; font-size:3em;}
		.blog-s-cat{margin-right:25px;}

	.blog-s-content{width:90%; margin:0 auto;}
		.blog-s-content h2,
		.blog-s-content h3,
		.blog-s-content h4,
		.blog-s-content h5,
		.blog-s-content h6{margin-top:1.5em;}

		 .blog-s-content p a{text-decoration: underline;}
		 	.blog-scontent p a:hover{color: #1a2a39;}

		 .blog-s-content ul,
		 .blog-s-content ol{
		 	padding-left:2.5em;
		 	margin-top:10px;
		 	color: #9b9b9b;
		 	}
		 .blog-s-content ul{list-style: disc;}

		 .blog-s-content blockquote{margin-top:25px; margin-bottom:25px;}
			 .blog-s-content blockquote p{
			 	width:80%;
			 	margin:0 auto;
			 	font-size:2em;
			 	text-align: center;
			 	font-family: "Libre Baskerville";
			 	}

		 .blog-s-content blockquote p:before{

		 }

		 .blog-s-content blockquote p:after{

		 }

		 .blog-s-content iframe{display: block !important; margin: 25px auto !important;}
/* 		 .blog-s-content .embed-container{margin-bottom:25px;} */

			.blog-s-content > .blog-s-sepimg{padding:0; margin:20px 0 35px;}
			.blog-s-intro{font-size:1.2em;}
		.blog-s-content .seperate-title{margin-top:35px;}

	.blog-s-footer{border-top:1px solid #ccc; padding-top:25px; margin-top:60px;}
		.blog-single-back{
			text-transform: uppercase;
			color: #4d4d4d;
			text-decoration: none;
			}
			.blog-single-back:before{margin-right:15px;}

		.blog-s-footer .blog-single-back{float: left;}

			.sm-block{
				list-style: none;
				padding:0;
				float:right;
				text-align: right;
				margin:-10px 0 0;
				}
				.sm-block li{display: inline-block; zoom: 1; margin-left:15px;}
					.sm-block a{
						background:#1a2a39;
						height:35px;
						width:35px;
						border-radius: 100%;
						text-align: center;
						line-height: 37px;
						display: block;
						-webkit-transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
						-moz-transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
						-ms-transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
						transition: background 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
						}
						.sm-block a:before{
							color: #fff;
							font-size:16px;
							}
					.sm-block a:hover{background:#486178;}

.blog-single .blog-a-quote{text-align: center;}
	.blog-single .blog-a-quote cite:before{margin:0px auto 25px;}

.blog-single .blog-a-quote p{
	font-family: "Libre Baskerville";
	color: #1a2a39;
	font-weight: 400;
	text-align: center;
	font-size:3em;
	line-height: 125%;
	display: inline-block;
	}
	.blog-single .blog-a-quote p:before,
	.blog-s-content blockquote p:before{
		display: inline-block;
		content: "\201c";
		margin-right:3px;
		}
	.blog-single .blog-a-quote p:after,
	.blog-s-content blockquote p:after{
		display: inline-block;
		content: "\201d";
		margin-left:3px;
		}

/*------------------------------------*\
    Page Std
\*------------------------------------*/
.header-std{background:none; height:auto;}
	.std-header{padding-top:35px;}

/*------------------------------------*\
    Responsive
\*------------------------------------*/
@media screen and (max-width: 1680px){

	.header-pos-cnt{font-size:0.75em;}

}
@media screen and (max-width: 1280px){
	.header .more{font-size:0.825rem;}
	.second-h{height:45%;}
	.first-h{height:55%;}
}

@media screen and (max-width: 1024px){
	/* Home */
	html{font-size:0.875em;}
	.header h1{font-size:2em;}
	.bg-block{padding:90px 0;}
	.header-pos-cnt{height:calc(100% - 67px);}
}

@media screen and (max-width: 767px){
	.header-pos-cnt{height:calc(100% - 49px);}

	/* Header */
	.mobile-header{
		display: block;
		background:#1a2a39;
		text-align: left;
		padding:0px 25px;
		height:50px;
		line-height: 50px;
		position: relative;
		z-index: 2;
		}
		.nav-click{
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: bold;
			text-decoration: none;
			font-size:0.875em;
			}

		.mobile-logo{width:20px; display: none;}
				.header > .logo{display: none;}

		/* Navigatie */
		.main-nav{
			position: absolute;
			z-index: 1;
			-webkit-transform: translateY(-100%);
			-moz-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			transform: translateY(-100%);
			-webkit-transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			-moz-transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			-ms-transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
			}
			.main-nav.active{
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				}

		.main-nav li{display: block; width:100%;}
			.main-nav li:after{
				content: "";
				width:45px;
				margin: 0 auto;
				display: block;
				height:1px;
				background:#42596f;
				}
			.main-nav ul li:first-child a{padding-top:0;}

			.main-nav li:hover a:after, .current-menu-item a:after{height: 5px;}

			.main-nav a{font-size:0.875em; display: inline-block; zoom: 1;}
				.main-nav a:after{
					display: inline-block; zoom: 1;
					content: "\e006";
					color: #fff;
					margin-left:10px;
					font-family: "FDF";
					width:auto;
					position: relative;
					background:none;
					}
					.main-nav li:hover a:after,
					.main-nav li a:after{height:auto;}

				.header-blogsingle{overflow: visible;}
				.main-nav .logo{display: none;}

			.mobile-header .logo-small{bottom:auto; top:8px; left:auto; right:25px; width:30px; display: block; position: absolute;}
			.main-nav .logo-small{display: none;}
				.main-nav .logo-small:after{display: none;}
				.main-nav .logo-small a:after{display: none;}
		/* Home */
		.intro-header{width:80%;}
		.intro-text{width:75%;}
		.customer-types li{width:50%; height:275px;}
			.customer-types .caption{line-height: 125%;}

		.side-figure,
		.side-content{
			display: block;
			position: relative;
			right:auto;
			float: none;
			width:100%;
			height:200px;
			}
			.side-content{height:auto; left:auto;}
				.side-item .break{display: none;}
				.about-more{text-align: center; display: block;}

			.side-item.img-right .side-figure{right:auto;}
			.side-item.img-right .side-figure{float: none;}
	.bg-block{padding:30px 0;}
		.std-options{margin: /* 40px  */0;}
			.std-option-block{float: none; width:100%;}
			.std-options .std-option-block:first-of-type{border-right:0; margin-bottom:50px;}
				.std-options .std-option-block:first-of-type:after{
					display: block;
					margin:20px auto;
					width:100px;
					height:1px;
					background:#ccc;
					content: "";
					}


			.std-options .break{display: none;}

		.footer{margin-top:25px;}
			.footer .logo{width:160px;}

			.contact-info{
				width:100%;
				font-size:0.8125em;
				padding-left:52px;
				margin-top:10px;
				}
				.contact-info strong{font-size:0.875em; margin-bottom:5px;}
				.contact-info .col{width:100%; float: none; margin-bottom:0;}

			.footer-nav{margin-top:43px;}
				.footer-nav li{display: block;}

				.footer-nav div.linkedin{
					display: block; zoom: 1;
					margin-top:20px;
					margin-left:10px;
				}

				.footer-nav div.instagram{
					display: block; 
					margin-top:100px;
					margin-left:10px;
				}
					
				.footer-nav div.linkedin{margin-right:-10px;}
				.footer-nav div.instagram{margin-right:-10px;}

			.copyright{padding-right:0; text-align: center;}

		/* Font sizes */
		.intro-header{font-size:1.25em;}
			.intro-header br{display: none;}
			.customer-types .caption{font-size:1.125em;}
				.customer-types .caption:after{margin-top:10px;}
				.customer-types a:hover:before{opacity:1;}

			.side-item-header{font-size:1.125em;}
			.std-block-header{font-size:1.125em;}


		/* Blog Archive */
		.header-white{height:auto;}
		.blog-a-wrapper > .break{display: none;}
		.blog-a-item{width:100%; float: none;}

		.blog-nav{margin-top:20px;}
			.nav-a-link{font-size:0.875em;}

		/* Blog Single */
		.blog-single{padding: 0 2.5%;}

		.blog-s-footer .blog-single-back,
		.sm-block{display: block; text-align: center; float: none;}
		.header-blogsingle h1{font-size:1em;}
		.blog-s-title{font-size:2.25em;}
		.header-blogsingle h1{padding-top:30px; overflow: auto;}

		.blog-s-footer{position: relative; height:225px; border-top:0; margin-top:0;}
			.blog-s-footer:before{
				width:100px;
				margin:0 auto 20px;
				display: block;
				height:1px;
				background:#ccc;
				content: "";
				}
			.blog-s-footer .blog-single-back{
				position: absolute;
				bottom:50px;
				left:0;
				width:100%;
				}

			.sm-block{
				position: absolute;
				top:50px;
				left:0;
				width:100%;
				margin-top:auto;
				}


		/* Contact form */
		.contact-data, .contact-form{float: none; width:100%; border:0;}
		.contact-form{padding:90px 0 0;}
		.contact-form:before{display: none;}

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


	.header .dark-title{padding:30px 0;}
		.dark-title .header-subtitle{font-size: 1.125em;}
	.side-content{padding:60px 40px;}

}
@media screen and (min-width: 1440px){
	.header{height:90vh;}
	.header-blogsingle{height:auto;}
	.header-std{height:auto;}
}

.ie8 .header{height:550px !important;}
.ie8 .header-blogsingle{height:auto !important;}
.ie8 .header-std{height:auto !important;}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 23, 2014 */



@font-face {
    font-family: 'Libre Baskerville';
    src: url('assets/fonts/typekit/librebaskerville-bold-webfont.eot');
    src: url('assets/fonts/typekit/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/typekit/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/typekit/librebaskerville-bold-webfont.woff') format('woff'),
         url('assets/fonts/typekit/librebaskerville-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/typekit/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Libre Baskerville';
    src: url('assets/fonts/typekit/librebaskerville-italic-webfont.eot');
    src: url('assets/fonts/typekit/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/typekit/librebaskerville-italic-webfont.woff2') format('woff2'),
         url('assets/fonts/typekit/librebaskerville-italic-webfont.woff') format('woff'),
         url('assets/fonts/typekit/librebaskerville-italic-webfont.ttf') format('truetype'),
         url('assets/fonts/typekit/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg');
    font-weight: 400;
    font-style: italic;

}




@font-face {
    font-family: 'Libre Baskerville';
    src: url('assets/fonts/typekit/librebaskerville-regular-webfont.eot');
    src: url('assets/fonts/typekit/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/typekit/librebaskerville-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/typekit/librebaskerville-regular-webfont.woff') format('woff'),
         url('assets/fonts/typekit/librebaskerville-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/typekit/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'Asap';
    src: url('assets/fonts/typekit/asap-regular-webfont.eot');
    src: url('assets/fonts/typekit/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/typekit/asap-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/typekit/asap-regular-webfont.woff') format('woff'),
         url('assets/fonts/typekit/asap-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/typekit/asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'Asap';
    src: url('assets/fonts/typekit/asap-bold-webfont.eot');
    src: url('assets/fonts/typekit/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/typekit/asap-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/typekit/asap-bold-webfont.woff') format('woff'),
         url('assets/fonts/typekit/asap-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/typekit/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: 700;
    font-style: normal;

}