@font-face {
	font-family:'NeuzeitOfficeSRPro-Regular';
	src:url('../fonts/302131_0_0.eot');
	src:url('../fonts/302131_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/302131_0_0.woff2') format('woff2'),url('../fonts/302131_0_0.woff') format('woff'),url('../fonts/302131_0_0.ttf') format('truetype'),url('../fonts/302131_0_0.svg#wf') format('svg')
}
@font-face {
	font-family:'latolight';
	src:url('../fonts/lato-light-webfont.eot');
	src:url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-light-webfont.woff2') format('woff2'),url('../fonts/lato-light-webfont.woff') format('woff'),url('../fonts/lato-light-webfont.ttf') format('truetype'),url('../fonts/lato-light-webfont.svg#latolight') format('svg');
	font-weight:normal;
	font-style:normal
}
*,*:before,*:after {
	box-sizing:inherit;
	outline:none
}
.noselection {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:default
}

.after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.bold {
	font-weight:bold;
	font-family:'source_sans_prosemibold'
}
.rainbow {
	background-image:linear-gradient(top, #ff9223 14%, #fdff12 28%, #3eb53d 42%, #92dcf7 56%, #b600f5 70%, #ff5294 74%, #fb2711 88%);
	background-image:-o-linear-gradient(top, #ff9223 14%, #fdff12 28%, #3eb53d 42%, #92dcf7 56%, #b600f5 70%, #ff5294 74%, #fb2711 88%);
	background-image:-moz-linear-gradient(top, #ff9223 14%, #fdff12 28%, #3eb53d 42%, #92dcf7 56%, #b600f5 70%, #ff5294 74%, #fb2711 88%);
	background-image:-webkit-linear-gradient(top, #ff9223 14%, #fdff12 28%, #3eb53d 42%, #92dcf7 56%, #b600f5 70%, #ff5294 74%, #fb2711 88%);
	background-image:-ms-linear-gradient(top, #ff9223 14%, #fdff12 28%, #3eb53d 42%, #92dcf7 56%, #b600f5 70%, #ff5294 74%, #fb2711 88%)
}
* {
	box-sizing:border-box
}
body {
	margin:0 auto;
	font-size:18px;
	color:#575ba5;
	font-family:'latolight';
	overflow-x:hidden;
	letter-spacing:.9px;
	line-height:20px;
	background-color:#f3f3f3
}
h1,h2,h3,h4 {
	font-family:'NeuzeitOfficeSRPro-Regular'
}
input,textarea,button {
	font-family:'latolight';
	font-size:16px
}
.wrapper {
	position:relative;
	max-width:1226px;
	margin:0 auto;
	padding:0 25px
}
.wrapper:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.bg {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:10;
	background-color:rgba(255,214,47,0.5);
	display:none
}
.center-header {
	color:#575ba5;
	text-transform:uppercase;
	text-align:center;
	padding:70px 0 45px 0;
	margin:0;
	font-size:25px
}
.contentpage-header {
	background-color:#5757a0;
	color:#fff;
	padding:92px 0 40px;
	/*padding: 35px 0 40px;*/
}
.btn-read-more {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	-moz-border-bottom-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-top-right-radius:20px;
	-webkit-border-top-right-radius:20px;
	border:2px solid #ffa814;
	color:#000;
	text-decoration:none;
	display:block;
	width:140px;
	margin:45px auto;
	text-align:center;
	padding:15px 27px;
	font-size:16px;
	cursor:pointer
}
.btn-read-more.white {
	color:#fff
}
.btn-read-more:hover {
	color:#585ca4;
	background-color:#dcf854;
	border:2px solid #dcf854
}
.btn-read-more.how {
	width:230px;
	margin-top:55px
}
.afbeelding-nieuws {
	border-radius: 25px;
	max-width: 100%;
    	height: auto;
}
.social-link {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px
}
.social-link-linkedin {
	background-image:url('../images/template/linkedin.svg')
}
.social-link-facebook {
	background-image:url('../images/template/facebook.svg')
}
.social-link-twitter {
	background-image:url('../images/template/twitter.svg')
}
header {
	height:180px;
	position:relative;
	color:#fff
}
.logo {
	/*background-image:url('../images/template/logo.svg');*/
	background-image:url('https://www.gino.nl/images/template/logo_gino.png');
	background-repeat:no-repeat;
	background-size:100%;
	position:absolute;
	top:66px;
	/*left:25px;*/
	overflow:hidden;
	text-indent:-500px;
	margin:0;
	cursor:pointer;
	width:129px;
	height:50px;
	z-index:3
}
.header {
	background-color:#5757a0;
	height:130px
}
.header-home {
	background-color:#5757a0;
	height:1080px
}
.header-home.ipad {
	height:810px
}
.header-home-muisje {
	background-image:url('../images/template/muisje.png');
	background-repeat:no-repeat;
	position:absolute;
	bottom:-24px;
	left:50%;
	margin-left:-12.5px;
	width:25px;
	height:36px;
	z-index:6
}
.header-mobile {
	display:none
}
.header-ipad {
	display:block;
	padding-top:245px
}
.header-ipad-image-holder {
	width:416px;
	height:268px;
	margin:auto;
	position:relative
}
.header-ipad-play {
	background-image:url('../images/template/play_button_ipad.svg');
	background-repeat:no-repeat;
	position:absolute;
	right:15px;
	top:0;
	width:100px;
	height:100px
}
.header-ipad-txt {
	text-align:center;
	font-size:28px;
	line-height:32px;
	width:100%;
	margin:105px auto 0;
	padding:0 2%;
	text-transform:uppercase
}
@media all and (max-width:640px) {
	.header-home-muisje {
		display:none
	}
	.logo {
		height:37px;
		width:95px;
		right: 25px;
	}
	.header-mobile {
		display:block;
		padding-top:160px
	}
	.header-mobile-image-holder {
		width:218px;
		height:128px;
		margin:auto;
		position:relative
	}
	.header-mobile-play {
		background-image:url('../images/template/button_play.svg');
		background-repeat:no-repeat;
		position:absolute;
		right:-5px;
		bottom:-10px;
		width:48px;
		height:48px
	}
	.header-mobile-txt {
		text-align:center;
		font-size:18px;
		line-height:24px;
		max-width:246px;
		margin:45px auto 0
	}
}
.menu-link {
	background-image:url('../images/template/bg_menu.png');
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	cursor:pointer;
	width:78px;
	height:94px;
	top:37px;
	right:25px;
	z-index:9
}
.menu-canvas-holder {
	width:240px;
	height:240px;
	position:absolute;
	z-index:10;
	cursor:pointer;
	top:-40px;
	/*right:-64px;*/
	right: -100px;
}



@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.menu-canvas-holder {
	width: 340px;
	height: 340px;
	top:-95px;
	/*right:-100px;*/
	/*right: 110px;*/

	}

	.logo {
	height: 50px;
	width: 129px;
	/*left: 170px;*/
	top: 45px;
	}



.menu-close {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	background-image:url('../images/template/close_menu.svg');
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	background-size: 20px 20px;
	/*width:60px;*/
	/*height:60px;*/
	/*right:20px;*/
	/*top:-20px;*/
	/*right: 90px;*/
	/*top: 0px;*/
	/*cursor:pointer;*/
	/*background-color:#dcf854;*/
	/*border-radius: 50%;*/

}
}
#menu-bg-canvas {
	width:100%
}
.menu-link.white {
	background-image:url('../images/template/bg_menu_white.png')
}
.menu {
	background-color:#5757a0;
	font-family:'NeuzeitOfficeSRPro-Regular';
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:15;
	overflow-x:auto;
	padding-bottom:100px
}
.menu-close {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	background-image:url('../images/template/close_menu.svg');
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	width:60px;
	height:60px;
	/*right:20px;*/
	/*top:-20px;*/
	right: -10px;
	top: -16px;
	cursor:pointer;
	background-color:#dcf854;
	border-radius: 50%;

   	/* Firefox */
	-moz-transition: all 2s ease;
	/* WebKit */
	-webkit-transition: all 2s ease;
	/* Opera */
	-o-transition: all 2s ease;
	/* Standard */
	transition: all 2s ease;
}
.menu-close:hover {
	background-color:#fff;
	    /* Firefox */
	-moz-transform: rotate(1080deg) ;
	/* WebKit */
	-webkit-transform:  rotate(1080deg);
	/* Opera */
	-o-transform: rotate(1080deg) ;
	/* Standard */
	transform: rotate(1080deg) ;
}
.menu-logo {
	/*background-image:url('../images/template/logo.svg');*/
	background-image:url('https://www.gino.nl/images/template/logo_gino.png');
	background-position:left;
	background-repeat:no-repeat;
	background-size:100%;
	height:50px;
	width:129px;
	margin:66px 0 90px
}
.menu-item {
	display:block;
	font-size:28px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:35px
}
.menu-item-klant {
	display:block;
	font-size:28px;
	color:#ffa814;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:35px
}
.menu-item:hover {
	color:#dcf854
}
.menu-item.active {
	font-weight:bold;
	color:#dcf854
}
.menu-top {
	background-color:#5757a0;
	font-family:'NeuzeitOfficeSRPro-Regular';
	font-weight:bold;
	height:60px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	display:none;
	z-index:10
}
.menu-top-phonenumber {
	float:left;
	font-size:24px;
	color:#fff;
	margin-top:19px
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.menu-top-login {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	background-image:url('../images/template/icon_login.png');
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	height:38px;
	width:40px;
	cursor:pointer
}
.menu-top-login:hover {
	background-image:url('../images/template/icon_login_hover.png')
}
.menu-top-menu-link {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	background-image:url('https://www.gino.nl/images/template/bg_menu_top_burger.png');
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dcf854;
	float:right;
	cursor:pointer;
	width:60px;
	height:60px;
	margin-top:0
}
.menu-top-menu-link:hover {
	background-color:#fff
}
@media all and (max-width:640px) {
	.menu-canvas-holder {

	left: -110px;
	top: -105px;

	}


	.menu-logo {
		height:37px;
		width:95px;
		/*margin:66px 0 66px*/
		margin: 20px 0 45px;
	}
	.menu-close {
		width:40px;
		height:40px;
		right:20px;
		top:-10px
	}
	.menu-item {
		font-size:20px;
		margin-top:24px
	}
}
.breadcrums {
	font-size:16px;
	padding-top:40px
}
.breadcrums:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.breadcrums-link {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	color:#575ba5;
	text-decoration:none;
	border:1px solid #ffa814;
	padding:6px 10px;
	position:relative;
	margin-right:36px;
	font-family:'NeuzeitOfficeSRPro-Regular';
	font-weight:bold
}
.breadcrums-link:hover {
	background-color:#dcf854;
	border:1px solid #dcf854
}
.breadcrums-link:after {
	content:'';
	background-image:url('../images/template/breadcrum_arrow.png');
	background-repeat:no-repeat;
	position:absolute;
	width:7px;
	height:12px;
	right:-24px;
	top:8px
}
.breadcrums span {
	padding:6px 0;
	float:left;
	color:#333
}
.breadcrums-social-link {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:0 0 0 14px
}
.breadcrums-facebook {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:0 0 0 14px;
	background-image:url('../images/template/facebook.svg')
}
.breadcrums-twitter {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:0 0 0 14px;
	background-image:url('../images/template/twitter.svg')
}
.breadcrums-twitter:hover{
       transform:scale(1.1,1.1);
}
.breadcrums-linkedin {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:0 0 0 14px;
	background-image:url('../images/template/linkedin.svg')
}
.breadcrums-linkedin:hover{
       transform:scale(1.1,1.1);
}
.products {
	position:relative;
	padding-bottom:60px;
	background-color:#f3f3f3;
	z-index:5
}
.products-list:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.productspage .products-list {
	margin:45px 0 60px
}
.products-item {
	-webkit-transition:background-color .25s linear;
	-moz-transition:background-color .25s linear;
	-o-transition:background-color .25s linear;
	transition:background-color .25s linear;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	text-align:center;
	background-color:#fff;
	height:360px;
	padding:30px 0;
	width:24.75%;
	margin:0 .25% 1px 0;
	color:#575ba5;
	text-decoration:none
}
.products-item:hover {
	background-color:#dcf854
}
.products-item-img {
	vertical-align:middle;
	height:140px;
	position:relative;
	margin-top:20px
}
.products-item-img img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-height:140px
}
.products-item-header {
	font-size:19px;
	margin:0;
	text-align:center
}
.products-item-txt {
	margin:10px 30px 0
}
@media all and (min-width:1025px) {
	.products-list .products-item:nth-child(4n) {
		margin-right:0
	}
}
@media (min-width:601px) and (max-width:780px) {
	.products-list .products-item {
		width:49.75%;
		margin-right:.25%
	}
	.products-list .products-item:nth-child(2n) {
		margin-right:0
	}
}
@media all and (max-width:600px) {
	.products-list .products-item {
		width:100%;
		float:none;
		height:auto
	}
}
.showcases {
	margin:auto;
	background-color:#ffa814
}
.showcases:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.showcases-page {
	background-color:#5757a0;
	padding-top:65px
}
.showcases-header {
	float:left;
	width:50%;
	height:403px;
	background-color:#5757a0;
	color:#fff;
	text-transform:uppercase;
	font-size:29px;
	text-align:center;
	line-height:34px;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:normal
}
.showcases-page .showcases-header {
	background-color:#ffa814
}
.showcases-item {
	position:relative;
	float:left;
	width:33.33%;
	height:403px;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	background-position:center;
	background-size:cover
}
.showcases-item:after {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	content:'.';
	position:absolute;
	z-index:2;
	background-color:rgba(87,91,165,0.9);
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0
}
.showcases-item:hover:after {
	opacity:1
}
.showcases-item.big {
	width:50%
}
.showcases-item-img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-width:100%;
	height:100%
}
.showcases-item-header {
	position:relative;
	z-index:3;
	color:#fff;
	text-decoration:none;
	padding:20px 25px;
	border-right:2px solid #dcf854;
	border-bottom:2px solid #dcf854;
	border-left:2px solid #dcf854;
	text-transform:uppercase;
	font-size:26px;
	font-weight:normal
}
.showcases-item-header::before {
	content:"";
	background-image:url('../images/template/bg_showcases_header.svg');
	background-repeat:no-repeat;
	width:38px;
	height:23px;
	position:absolute;
	left:-7px;
	top:-17px
}
.showcases-item-header::after {
	content:"";
	position:absolute;
	top:0;
	height:2px;
	background-color:#dcf854;
	left:20px;
	right:0
}
@media all and (min-width:2200px) {
	.showcases-item,.showcases-header {
		height:600px
	}
}
@media all and (max-width:1279px) {
	.showcases-header {
		height:300px
	}
	.showcases-item {
		height:300px
	}
	.showcases-item-header {
		padding:16px 21px;
		font-size:18px
	}
}
@media all and (max-width:1025px) {
	.showcases-header {
		float:none;
		width:100%
	}
	.showcases-item {
		width:50%
	}
	.showcases-item-img {
		width:100%
	}
}
@media all and (max-width:950px) {
	.showcases-header {
		height:240px
	}
	.showcases-item {
		height:240px
	}
	.showcases-item-header {
		padding:12px 17px;
		font-size:16px
	}
}
@media all and (max-width:800px) {
	.showcases-header {
		height:240px;
		float:none;
		width:100%
	}
	.showcases-item {
		height:240px;
		width:50%
	}
	.showcases-item-img {
		width:100%
	}
}
@media all and (max-width:550px) {
	.showcases-header,.showcases-item,.showcases-item.big {
		height:240px;
		float:none;
		width:100%
	}
}
.references {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#f3f3f3;
	height:490px;
	margin-top:40px;
	position:relative
}
.references-header {
	color:#ffa814;
	text-transform:uppercase;
	padding:40px 0;
	margin:0;
	font-size:25px;
	line-height:40px
}
.references-clients-holder {
	position:absolute;
	width:420px;
	height:384px;
	left:25px;
	top:150px
}
.references-client {
	float:left;
	width:140px;
	height:140px;
	border:1px solid #e4e4e4;
	background-color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:-1px;
	position:relative;
	z-index:1;
	cursor:pointer
}
.references-client:hover {
	border:1px solid #575ba5;
	z-index:3
}
.references-client.active {
	border:1px solid #ffa814;
	z-index:2
}
.references-client:nth-child(2n),.references-client:nth-child(3n) {
	margin-left:-1px
}
.references-client-img {
	max-width:75%
}
.references-big-client-img {
	position:absolute;
	left:353px;
	top:100px;
	width:219px;
	height:491px;
	z-index:2;
	display:none
}
.references-big-client-img.active {
	display:block
}
.references-txt-holder {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	position:absolute;
	width:710px;
	min-height:343px;
	background-color:#ffa814;
	top:45px;
	left:495px;
	padding:40px;
	color:#fff;
	display:none
}
.references-txt-holder.active {
	display:block
}
.references-txt-holder:before {
	content:"";
	background-image:url('../images/template/references_arrow.jpg');
	background-repeat:no-repeat;
	width:11px;
	height:17px;
	position:absolute;
	left:-11px;
	top:150px
}
.references-txt-holder:after {
	content:"";
	background-image:url('../images/template/references_txt_holder_designelement.png');
	background-repeat:no-repeat;
	width:49px;
	height:46px;
	position:absolute;
	right:-34px;
	bottom:-12px
}
.references-txt-logo-holder {
	width:200px;
	height:120px;
	position:absolute;
	right:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	display:none
}
.references-txt {
	font-size:24px;
	max-width:450px;
	margin:0;
	line-height:32px
}
.references-txt-name {
	font-size:18px;
	position:absolute;
	bottom: 23px;
	/*bottom: 40px;*/
	left:40px
}
.references-txt-icon-holder {
	position:absolute;
	width:119px;
	height:161px;
	bottom:30px;
	right:45px
}
@media all and (max-width:1240px) {
	.references-txt-holder {
		width:calc(100% - 534px)
	}
	.references-big-client-img {
		display:none
	}
	.references-txt-icon {
		display:none
	}
}
@media all and (max-width:975px) {
	.references-txt {
		font-size:16px;
		line-height:24px
	}
}
@media (min-width:550px) and (max-width:800px) {
	.references-client {
		width:25%
	}
}
@media all and (max-width:549px) {
	.references-client {
		width:50%
	}
}
@media all and (max-width:800px) {
	.references {
		height:auto;
		padding-bottom:30px
	}
	.references-header {
		color:#575ba5;
		text-align:center
	}
	.references-header br {
		display:none
	}
	.references-txt-holder {
		position:static;
		width:100%;
		height:auto;
		text-align:center;
		margin-bottom:24px
	}
	.references-txt-holder:before {
		background-image:url('../images/template/references_arrow_bottom.jpg');
		width:17px;
		height:9px;
		position:absolute;
		left:50%;
		top:auto;
		bottom:0;
		margin-left:-8.5px
	}
	.references-txt-holder:after {
		right:0;
		bottom:auto
	}
	.references-txt {
		max-width:100%
	}
	.references-txt-name {
		position:static;
		margin-top:14px
	}
	.references-txt-icon-holder {
		display:none
	}
	.references-clients-holder {
		position:static;
		width:100%;
		height:auto
	}
}
.newsroom {
	position:relative;
	padding-bottom:10px;
	background-color:#3a3e70;
	margin-top:14px;
	padding-top:114px
}
.newsroom-page {
	margin-top:0;
	background-color:#5757a0;
	padding-top:50px
}
.newsroom-list {
	position:relative;
	z-index:1
}
.newsroom-list:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.newsroom-header {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:48.66%;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#5757a0;
	color:#fff;
	height:353px;
	font-size:29px;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	margin:15px 0 15px;
	position:relative;
	line-height:40px
}
.newsroom-page .newsroom-header {
	background-color:#ffa814
}
.newsroom-header:before {
	content:"";
	background-image:url('https://www.gino.nl/images/template/kikker.png');
	background-repeat:no-repeat;
	width:306px;
	height:273px;
	position:absolute;
	left:-166px;
	top:-45px;
	z-index:-1
}
.newsroom-item {
	-webkit-transition:background-color .25s linear;
	-moz-transition:background-color .25s linear;
	-o-transition:background-color .25s linear;
	transition:background-color .25s linear;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	text-align:center;
	height:353px;
	padding:30px;
	width:23%;
	margin:15px 0 15px 2.66%;
	color:#000;
	text-decoration:none;
	background-color:#fff;
	overflow:hidden
}
.newsroom-item:hover {
	background-color:#dcf854 !important
}
.newsroom-item.normal {
	background-image:url('../images/template/newsroom_item_arrow.png');
	background-repeat:no-repeat;
	background-position:bottom right
}
.newsroom-item-img {
	vertical-align:center;
	position:relative
}
.newsroom-item-img img {
	max-height:118px;
	max-width:100%
}
.newsroom-item-header {
	font-size:18px;
	margin:20px 0 0;
	color:#575aa5;
	text-align:left;
	font-weight:normal;
	line-height:26px
}
.newsroom-item-txt {
	text-align:center;
	font-size:18px;
	line-height:26px;
	display:none
}
.newsroom-item-txt.show {
	display:block
}
.newsroom-item.twitter {
	background-color:#a4e3ff;
	color:#007bb0;
	padding-top:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 30px 30px
}
.newsroom-twitter-logo {
	background-image:url('../images/template/newsroom_twitter_logo.png');
	background-repeat:no-repeat;
	width:77px;
	height:58px;
	margin:30px auto 0
}
.newsroom-item.facebook {
	background-color:#e4eaf3;
	color:#4766aa
}
.newsroom-facebook-logo {
	background-image:url('../images/template/newsroom_facebook_logo.png');
	background-repeat:no-repeat;
	width:67px;
	height:60px;
	margin:30px auto 0
}
.newsroom-item.advertisement {
	background-color:#ffa814;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 30px
}
.newsroom-item.advertisement .newsroom-item-header {
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:21px
}
@media all and (min-width:1024px) {
	.newsroom-list .newsroom-item:nth-child(4n) {
		clear:left;
		margin-left:0
	}
}
@media all and (max-width:1023px) {
	.newsroom-header,.newsroom-page .newsroom-header {
		background-color:transparent;
		height:auto;
		width:auto;
		text-align:center;
		float:none
	}
	.newsroom-header:before,.newsroom-header:after {
		display:none
	}
	.newsroom-item {
		width:30%
	}
}
@media all and (max-width:660px) {
	.newsroom-item {
		width:47%
	}
}
@media all and (max-width:530px) {
	.newsroom-item {
		width:100%;
		margin-left:0;
		height:auto
	}
	.newsroom-item.advertisement {
		padding:30px
	}
}
.contactbox {
	background-color:#5757a0;
	height:664px;
	color:#fff
}
.contactbox .wrapper {
	padding-top:84px;
	background-image:url('../images/template/bg_contactbox_new.svg');
	background-repeat:no-repeat;
	background-position:bottom right;
	height:664px
}
.contactbox .wrapper:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.contactpage.contactbox .wrapper {
	padding-top:0
}
.contactbox-header {
	color:#dcf854;
	text-transform:uppercase;
	font-size:25px;
	margin:0 0 44px
}
.contactbox-form {
	float:left;
	width:517px;
	margin-right:30px
}
.contactbox-form-label {
	position:relative;
	float:left
}
.contactbox-form-label.wrong input,.contactbox-form-label.wrong textarea {
	border:1px solid #f00;
	background-color:#fcc
}
.contactbox-form-label.wrong:after {
	content:'X';
	position:absolute;
	top:14px;
	right:14px;
	font-weight:bold;
	font-size:20px;
	color:#f00
}
.contactbox-form-label.wrong ::-webkit-input-placeholder {
	color:red
}
.contactbox-form-label.wrong :-moz-placeholder {
	color:red
}
.contactbox-form-label.wrong ::-moz-placeholder {
	color:red
}
.contactbox-form-label.wrong :-ms-input-placeholder {
	color:red
}
.contactbox-form-input,.contact-form-textarea {
	border:0;
	width:517px;
	height:47px;
	float:left;
	margin-bottom:26px
}
.contactbox-form-input {
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	padding:0 26px
}
.contact-form-textarea {
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	-moz-border-bottom-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-top-right-radius:20px;
	-webkit-border-top-right-radius:20px;
	height:206px;
	padding:17px 26px 0
}
.contactbox-form-submit {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	-moz-border-bottom-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	-moz-border-bottom-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	background-color:#dcf854;
	border:2px solid #dcf854;
	color:#575aa5;
	padding:13px 22px;
	cursor:pointer;
	float:right
}
.contactbox-form-submit:hover {
	background-color:#575aa5;
	color:#fff
}
.contactbox-address {
	float:left;
	width:384px
}
.contactbox-address-header {
	font-size:23px;
	font-family:'NeuzeitOfficeSRPro-Regular'
}
.contactbox-address-phonenumber {
	float:right;
	font-size:32px;
	font-family:'NeuzeitOfficeSRPro-Regular';
	margin-top:5px
}
.contactbox-address-text {
	line-height:26px;
	margin:14px 0
}
.contactbox-address-email {
	color:#fff
}
.contactbox-design-element {
	background-image:url('../images/template/contactbox_design_element.jpg');
	background-repeat:no-repeat;
	position:absolute;
	width:122px;
	height:37px;
	bottom:-37px;
	left:-52px
}
@media all and (max-width:1137px) {
	.contactbox .wrapper {
		background-image:url('../images/template/bg_contactbox_small.jpg')
	}
}
@media all and (max-width:1023px) {
	.contactbox {
		height:auto
	}
	.contactbox .wrapper {
		height:auto;
		padding-bottom:84px
	}
	.contactbox .wrapper:after {
		content:'';
		display:block;
		clear:both;
		height:0
	}
}
@media all and (max-width:800px) {
	.contactbox-form {
		margin-bottom:30px
	}
	.contactbox-form:after {
		content:'';
		display:block;
		clear:both;
		height:0
	}
	.contactbox-form-label,.contactbox-form,.contactbox-form-input,.contact-form-textarea {
		width:100%
	}
	.contactbox .wrapper {
		padding-bottom:130px
	}
}
@media all and (max-width:500px) {
	.contactbox .wrapper {
		padding-bottom:260px;
		background-position:bottom center
	}
	.contactbox-address {
		float:none;
		width:100%;
		padding-top:24px
	}
	.contactbox-address-phonenumber {
		font-size: 22px;
    		position: absolute;
    		top: 870px;
    		left: 25px;
    		font-weight: bold;
	}
}
footer {
	height:360px;
	padding-top:80px
}
.footer-column {
	float:left;
	width:25%;
	border-right:2px solid #fff;
	height:178px;
	padding-left:25px
}
.footer-column:first-child {
	padding-left:0
}
.footer-column:last-child {
	border-right:0
}
.footer-navigation-link,.footer-header {
	color:#575ba5;
	font-family:'NeuzeitOfficeSRPro-Regular';
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	/*font-size:16px*/
	font-size: 14px;
}
.footer-navigation-link {
	float:left;
	clear:left;
	margin-bottom:12px
}
.footer-navigation-link:hover {
	/*text-decoration:underline !important;*/
	color: #ffa814;
}
.footer-header {
	margin:0
}
.footer-txt {
	font-size:16px;
	margin:14px 0;
	line-height:24px;
	color:#999
}
.footer-email {
	font-size:16px;
	margin:14px 0;
	float:left;
	color:#999
}
.footer-social {
	clear:left;
	padding-top:40px
}
.footer-social-link {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	margin-right:10px;
	float:left
}
.footer-social-link.linkedin {
	background-image:url('../images/template/linkedin.svg');
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.footer-social-link.facebook {
	background-image:url('../images/template/facebook.svg');
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.footer-social-link.twitter {
	background-image:url('../images/template/twitter.svg');
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.footer-social-link:hover {
	transform:scale(1.1,1.1);
}
.footer-newsletter {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #f3f3f3;
	margin:14px 0;
	width:249px
}
.footer-newsletter-input {
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	padding:13px 15px;
	border:0;
	width:189px
}
.footer-newsletter.wrong {
	border:1px solid #f00 !important
}
.footer-newsletter.succes {
	border:0;
	background-color:#575ba5;
	padding:7px 13px;
	text-align:center;
	color:#fff
}
.footer-newsletter.wrong .footer-newsletter-input {
	color:#f00
}
.footer-newsletter.wrong ::-webkit-input-placeholder {
	color:#f00
}
.footer-newsletter.wrong :-moz-placeholder {
	color:#f00
}
.footer-newsletter.wrong :-ms-input-placeholder {
	color:#f00
}
.footer-newsletter-button {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-top-right-radius:10px;
	-moz-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color:#ffa814;
	float:right;
	width:58px;
	height:45px;
	cursor:pointer;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size:16px
}
.footer-newsletter-button:hover {
	color:#585ca4;
	background-color:#dcf854
}
.footer-certificate {
	float:left
}
.footer-certificate.iso {
	margin-top:22px;
	margin-right:42px
}
.footer-certificate.leer {
	margin-top:26px;
	margin-right:42px
}
.footer-certificate.nen {
	margin-top:32px;
	margin-right:0
}
@media all and (max-width:1023px) {
	.footer-column {
		width:33.3%
	}
	.footer-column.phonenumber {
		border-right:0
	}
	.footer-column.newsletter {
		clear:left;
		padding-left:0;
		margin-top:34px;
		padding-top:48px
	}
}
@media all and (max-width:575px) {
	.footer-column {
		width:50%
	}
	.footer-txt {
    		font-size: 13px;
    		margin: 14px 0;
   		line-height: 24px;
    		color: #999;
	}
	.footer-column {
		border-right:0
	}
	.footer-column.address,.footer-column.phonenumber {
		float:right;
		height:auto
	}
	.footer-email {
		margin:7px 0 0
	}
	.footer-social {
		padding-top:14px
	}
	.footer-column.newsletter {
		clear:both;
		width:100%;
		padding-top:24px
	}
	.footer-newsletter {
		width:100%
	}
	.footer-newsletter-input {
		width:calc(100% - 58px)
	}
}
.casepage-screen {
	position:absolute;
	right:95px;
	top:76px;
	z-index:2
}
.casepage-screen-img {
	position:absolute;
	top:0;
	display:none;
	max-width:100%;
	max-height:100%
}
.casepage-screen-img.active {
	display:block
}
.casepage-screen-bullets {
	position:absolute;
	right:8px;
	bottom:18px
}
.casepage-screen-bullets span {
	-webkit-transition:border .25s linear;
	-moz-transition:border .25s linear;
	-o-transition:border .25s linear;
	transition:border .25s linear;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:2px solid #feac21;
	cursor:pointer;
	float:left;
	width:14px;
	height:14px;
	position:relative;
	margin-left:12px
}
.casepage-screen-bullets span.active {
	background-color:#feac21;
	cursor:default
}
.casepage-screen-bullets span:hover {
	border:2px solid #00bbe3
}
.casepage-header-img {
	background-color:#575aa5;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:565px
}
.casepage-header {
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	position:relative;
	font-weight:normal;
	font-size:28px;
	line-height:38px;
	max-width:480px;
	min-height:152px;
	top:85px;
	left:0
}
.casepage-prev-next {
	background-repeat:no-repeat;
	width:36px;
	height:37px;
	position:absolute;
	top:350px;
	overflow:hidden;
	text-indent:-500px
}
.casepage-previous {
	background-repeat:no-repeat;
	width:36px;
	height:37px;
	position:absolute;
	top:350px;
	overflow:hidden;
	text-indent:-500px;
	background-image:url('../images/template/previous_casepage.png');
	left:25px
}
.casepage-previous.white {
	background-image:url('../images/template/previous_casepage_white.png')
}
.casepage-next {
	background-repeat:no-repeat;
	width:36px;
	height:37px;
	position:absolute;
	top:350px;
	overflow:hidden;
	text-indent:-500px;
	background-image:url('../images/template/next_casepage.png');
	right:25px
}
.casepage-next.white {
	background-image:url('../images/template/next_casepage_white.png')
}
.casepage-content-holder {
	clear:both;
	position:relative;
	margin-top:260px
}
.casepage-projectlink {
	margin-top:27px
}
.casepage-projectlink span {
	display:block;
	margin-bottom:16px
}
.casepage-projectlink a {
	color:#ffa713;
	position:relative;
	font-weight:bold
}
.casepage-projectlink a:after {
	content:'';
	background-image:url('../images/template/casepage_projectlink.png');
	background-repeat:no-repeat;
	position:absolute;
	width:35px;
	height:17px;
	right:-42px;
	top:2px
}
.casepage-text-holder {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#fff;
	padding:40px;
	margin:60px 0
}
.casepage-text-holder:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.casepage-text-header {
	text-transform:uppercase;
	margin:0 0 24px;
	float:left;
	width:310px;
	margin-right:50px;
	font-size:25px;
	font-weight:normal;
	line-height:28px
}
.casepage-text-intro {
	margin:0;
	float:left;
	width:310px;
	clear:left;
	margin-right:50px;
	font-size:20px;
	line-height:28px
}
.casepage-text {
	float:right;
	width:calc(100% - 360px);
	margin:-45px 0 0;
	color:#333;
	line-height:26px
}
.casepage-social-link {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:14px 0 0 14px
}
.casepage-text-facebook {
	clear:right;
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:14px 0 0 14px;
	background-image:url('../images/template/facebook.svg')
}
.casepage-text-twitter {
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	transition: 0.2s;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:14px 0 0 14px;
	background-image:url('../images/template/twitter.svg')
}
.casepage-text-twitter:hover{
       transform:scale(1.1,1.1);
}
.casepage-text-linkedin {
	clear:right;
	-webkit-transition:background-image .25s linear;
	-moz-transition:background-image .25s linear;
	-o-transition:background-image .25s linear;
	transition:background-image .25s linear;
	transition: 0.2s;
	background-repeat:no-repeat;
	border:0;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-500px;
	float:right;
	margin:14px 0 0 14px;
	background-image:url('../images/template/linkedin.svg')
}
.casepage-text-linkedin:hover{
       transform:scale(1.1,1.1);
}
@media all and (min-width:1131px) {
	.casepage-screen-img-holder {
		min-width:571px;
		min-height:475px
	}
}
@media all and (max-width:1130px) {
	.casepage-screen-img-holder {
		min-width:471px;
		min-height:375px
	}
	.casepage-header {
		max-width:380px
	}
}
@media all and (max-width:980px) {
	.casepage-screen {
		background-color:#5757a0;
		position:static;
		width:calc(100% + 50px);
		top:0;
		margin:0 -25px;
		padding:50px 25px 0
	}
	.casepage-screen-img {
		width:calc(100% - 50px);
		top:50px
	}
	.casepage-header {
		font-size:20px;
		line-height:30px;
		background-color:#5757a0;
		position:static;
		width:calc(100% + 50px);
		margin:0 -25px;
		padding:60px 25px 60px;
		text-align:center;
		max-width:inherit
	}
	.casepage-header-img {
		display:none
	}
	.casepage-content-holder {
		margin-top:0
	}
	.breadcrums {
		display:none
	}
	.casepage-text-holder {
		margin-top:27px
	}
	.casepage-text-header {
		font-size:20px;
		float:none;
		width:auto;
		margin-bottom:27px
	}
	.casepage-text-intro {
		margin:0 0 27px;
		float:none;
		width:auto;
		font-size:18px;
		line-height:24px
	}
	.casepage-text {
		float:none;
		width:auto;
		margin:0;
		font-size:15px
	}
	.casepage-previous,.casepage-previous.white {
		background-image:url('../images/template/previous_casepage_mobile.png');
		left:7px;
		top:160px
	}
	.casepage-next,.casepage-next.white {
		background-image:url('../images/template/next_casepage_mobile.png');
		right:-18px;
		top:160px
	}
	.casepage-screen-bullets {
		clear:left;
		margin:15px 0 0 10px;
		left:50%;
		position:relative;
		float:left;
		right:auto;
		bottom:auto
	}
	.casepage-screen-bullets:after {
		content:'';
		display:block;
		clear:both;
		height:0
	}
	.casepage-screen-bullets span {
		right:50%;
		margin-right:20px;
		margin-left:0
	}
}
#header-video-gino {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:absolute;
	left:0;
	top:0;
	left:50%;
	transform:translateX(-50%)
}
.header-video-text-holder {
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
	margin:0 5% 0;
	padding-top:860px;
	line-height:32px;
	min-height:80px;
	position:relative;
	z-index:5
}
.header-video-text {
	-webkit-transition:opacity .5s linear;
	-moz-transition:opacity .5s linear;
	-o-transition:opacity .5s linear;
	transition:opacity .5s linear;
	position:absolute;
	left:0;
	right:0;
	bottom:65px;
	opacity:0;
	margin:0
}
.header-video-text.active {
	opacity:1
}
.header-video-points {
	position:relative;
	z-index:5
}
.header-video-point-line {
	height:3px;
	background-color:#414489;
	position:absolute;
	top:8px;
	left:0;
	right:7px
}
.header-video-point-line span {
	width:0;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	bottom:0
}
.header-video-point {
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-o-transition:all .5s linear;
	transition:all .5s linear;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:3px solid #414489;
	height:20px;
	width:20px;
	position:absolute;
	background-color:#575aa7;
	cursor:pointer
}
.header-video-point.active {
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
	border-color:#fff
}
.header-video-point.active:after {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	content:"";
	height:6px;
	width:6px;
	background-color:#fff;
	left:4px;
	top:4px;
	position:absolute
}
.header-video-point.goto {
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
	border-color:#dcf854
}
.header-video-point.goto:after {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	content:"";
	height:6px;
	width:6px;
	background-color:#dcf854;
	left:4px;
	top:4px;
	position:absolute
}
.header-video-point.endpoint {
	right:0
}
.header-video-control-sound {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	background-image:url('../images/template/sound.svg');
	background-repeat:no-repeat;
	background-position:center;
	width:45px;
	height:45px;
	position:absolute;
	cursor:pointer;
	top:62px;
	right:95px;
	/*right: 140px;*/
	z-index:10
}
.header-video-control-sound:hover {
	background-image:url('../images/template/sound.svg')
}
.header-video-control-sound.muted {
	background-image:url('../images/template/sound_muted.svg')
}
.header-video-control-sound.muted:hover {
	background-image:url('../images/template/sound_muted_hover.svg')
}
.video-holder {
	background-image:url('../images/content/video.jpg');
	background-repeat:no-repeat;
	background-position:center;
	height:500px;
	cursor:pointer
}
.video-iframe {
	border:0
}
#play-ipad {
	background-image:url('../images/template/button_play.svg');
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	margin-left:-24px;
	top:50%;
	margin-top:-24px;
	width:48px;
	height:48px;
	z-index:10
}
@media all and (max-width:641px) {
	.header-home {
		height:524px
	}
	.header-video-holder {
		display:none
	}
	.header-video-control-sound {
		display:none
	}
	#header-video-gino {
		display:none
	}
}
.contentpage {
	padding-bottom:60px
}
.contentpage:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.contentpage.nopaddingbottom {
	padding-bottom:0
}
.contentpage-header-img {
	background-position:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:282px
}
/*.contentpage-header {
	background-color:#5757a0;
	color:#fff;
	padding:92px 0 40px;
	padding: 35px 0 40px;
}*/
.contentpage-header h1 {
	margin:0;
	font-size:28px;
	text-transform:uppercase;
	font-weight:normal;
	line-height: normal;
}
.contentpage-intro-img {
	float:right;
	margin:14px 0
}
.content {
	float:left;
	max-width:660px
}
.content-txt-holder {
	clear:both;
	margin-bottom:40px;
	color:#333;
	line-height:24px
}
.content h2 {
	color:#575ba5;
	font-size:18px;
	margin:0 0 10px
}
.content p {
	font-size:16px;
	color:#333;
	margin:0 0 40px;
	line-height:20px
}
.contentpage-intro-header {
	text-transform:uppercase;
	font-weight:normal;
	font-size:25px;
	line-height:30px;
	margin-top:74px;
	max-width:650px;
	width:60%
}
p.contentpage-intro {
	float:left;
	max-width:650px;
	width:60%;
	font-size:21px;
	line-height:30px;
	margin:7px 0 34px;
	color:#575ba5
}
p.contentpage-intro.noheader {
	margin-top:30px;
	width:auto
}
.contentpage-intro-txt-holder {
	float:left;
	max-width:650px;
	width:60%;
	color:#333;
	line-height:26px
}
.contentpage-intro-txt-holder h2 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:20px;
	color:#575ba5;
	margin:0 0 7px 0
}
.contentpage-big-img {
	display:block;
	width:100%
}
.contentpage-full-text-white-holder {
	background-color:#fff
}
.contentpage-full-text {
	width:60%;
	padding:30px 0;
	color:#333;
	line-height:26px
}
.contentpage-full-text h2 {
	font-size:20px;
	margin:0;
	color:#575ba5
}
.contentpage-full-text li {
	margin-bottom:7px
}
.aboutus-intro-img {
	position:absolute;
	left:60%
}
@media all and (max-width:1175px) {
	.content img {
		max-width:100%
	}
}
@media all and (max-width:885px) {
	.contentpage-intro-header {
		width:50%
	}
	p.contentpage-intro {
		width:50%
	}
	.contentpage-intro-txt-holder {
		width:50%
	}
	.contentpage-intro-img {
		max-width:40%
	}
	.aboutus-intro-img {
		left:50%;
		max-width:none
	}
}
@media all and (max-width:810px) {
	.contentpage-intro-txt-holder {
		clear:both
	}
	.contentpage-full-text {
		width:100%;
		padding:30px 0;
		color:#333;
		line-height:26px
}
}
@media all and (max-width:600px) {

	.contactbox-header {
    		color: #dcf854;
    		text-transform: uppercase;
    		font-size: 20px;
    		margin: 0 0 44px;
	}
	.contentpage {
		padding-bottom:0
	}
	.contentpage-intro-header {
		width:100%;
		margin-top:30px
	}
	p.contentpage-intro {
		width:100%
	}
	.contentpage-intro-txt-holder {
		width:100%;
		padding-bottom:34px
	}
	contentpage-full-text {
		width:100%;
		padding:30px 0;
		color:#333;
		line-height:26px
	}
	.contentpage-intro-img {
		max-width:75%;
		float:none;
		margin:30px auto 0;
		display:block
	}
	.posts-small-img {
		max-width:75%;
		display:block
	}
	.aboutus-intro-img {
		position:static
	}
}
.blogs-related {
	float:right;
	width:275px;
	position:relative;
	top:0
}
.blogs-related-header {
	font-size:18px
}
.blogs-related-holder {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#fff;
	padding:28px;
	margin-bottom:28px;
	display:block;
	color:#575aa5;
	text-decoration:none
}
.blogs-related-img {
	width:100%
}
.blogs-related-text {
	font-size:18px
}
@media all and (max-width:1030px) {
	.blogs-related {
		clear:both;
		float:none;
		width:100%
	}
	.blogs-related-holder {
		float:left;
		max-width:275px;
		margin-right:28px
	}
}
@media all and (max-width:360px) {
	.blogs-related-holder {
		max-width:100%;
		margin-right:0
	}
.contentpage-header {
	background-color:#5757a0;
	color:#fff;
	/*padding:92px 0 40px;*/
	padding: 35px 0 40px;
}
}
.cookies {
	background-color:#fff;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding-top:16px;
	height:50px;
	color:#5759a5;
	z-index:100;
	font-size:14px
}
.cookies-link {
	color:#5759a5
}
.cookies-link:hover {
	text-decoration:none
}
.cookies-button {
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	float:right;
	border:1px solid #ffa815;
	padding:4px 7px;
	margin-top:-5px;
	cursor:pointer
}
.cookies-button:hover {
	background-color:#dcf854;
	border:1px solid #dcf854
}
.posts-small {
	padding:66px 0;
	min-height:280px
}
.posts-small:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
.posts-small:last-child {
	border-bottom:0
}
.posts-small-header {
	font-weight:normal;
	text-transform:uppercase;
	max-width:50%;
	font-size:25px;
	margin:0 0 15px 0;
	line-height:28px
}
.posts-small-txt {
	width:50%;
	line-height:26px;
	margin:0
}
.posts-small-img {
	margin-top:-25px;
	max-width:50%
}
.posts-small:nth-child(odd) {
	background-color:#fff
}
.posts-small:nth-child(odd) .posts-small-header,.posts-small:nth-child(odd) .posts-small-txt {
	float:right;
	text-align:right;
	clear:right
}
.posts-small:nth-child(odd) .posts-small-img {
	float:left
}
.posts-small:nth-child(even) .posts-small-header,.posts-small:nth-child(even) .posts-small-txt {
	float:left;
	clear:left
}
.posts-small:nth-child(even) .posts-small-img {
	float:right
}
.products-fases .posts-small:nth-child(odd) {
	background-color:inherit
}
.products-fases .posts-small:nth-child(even) {
	background-color:#fff
}
.products-fases .posts-small-img {
	margin-top:-45px
}
.aboutus .posts-small-txt {
	font-size:21px;
	line-height:30px
}
.aboutus .posts-small:last-child {
	background-image:url('../images/template/about_us_last_item.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	max-height:403px;
	background-position:cover
}
@media all and (max-width:1100px) {
	.aboutus .posts-small-txt {
		font-size:18px;
		line-height:27px
	}
}
@media all and (max-width:850px) {
	.aboutus .posts-small:last-child .posts-small-txt,.aboutus .posts-small-txt {
		width:100%;
		font-size:16px
	}
}



@media all and (max-width:660px) {
	.posts-small {
		padding:44px 0
	}
	.posts-small-header,.posts-small-txt {
		width:100%;
		text-align:left !important;
		margin:0 auto 15px;
		float:none !important;
		max-width:none !important
	}
	.posts-small-img {
		float:none !important;
		clear:both;
		margin:0 auto 25px;
		display:block
	}
	.products-fases .posts-small-img {
		margin:0 auto 25px;
		max-width:100%
	}
}
.products-overview {
	background-color:#3a3e70;
	margin-top:33px;
	padding:55px 0 35px;
        background-image: url('https://cms.gino.nl/gino/wp-content/uploads/sites/4/2017/07/BG.jpg');
        background-size: 100%;
        z-index: -1;
        background-repeat: no-repeat;
        background-attachment: fixed;
	background-position: center bottom;
}
.products-overview-item {
	margin:55px auto 0;
	max-width:600px;
	text-align:center;
	color:#fff
}
.products-overview-header {
	text-transform:uppercase;
	font-weight:normal;
	margin:28px 0
}
.products-overview-txt {
	margin:0;
	line-height:24px
}
.products-overview-txt:after {
	content:'';
	height:2px;
	background-color:#fff;
	display:block;
	margin:55px auto 0;
	max-width:385px
}
.products-overview-item:last-child .products-overview-txt:after {
	display:none
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {

.header-video-control-sound {

	top: 55px;
	right: 140px;
	}


}