/*
Hatenboer Yachting
======================================================================================
*/



/*
---------------------------
ALGEMEEN
---------------------------
*/


#page-container {
	position:relative;
	z-index: 2;
	margin: 0 0px 0px 0px;
/* 	overflow-x: hidden; */
}
	@media (max-width: 1600px) {
		#page-container {
			margin: 0 0px 0px 0px;
		}
	}

.row {
	max-width: 74em;
	z-index: 2;
	position: relative;

}
.row.wide {
	max-width: 79em
}
.row.wider {
	max-width: 82.5em
}

.max-width {
	max-width: 88em;
	margin: auto;
}

	@media (max-width: 1280px) {
		.row {
			max-width: 68em;
		}
		.row.wide {
			max-width: 74em
		}
		.row.wider {
			max-width: 70em
		}
	}

	@media (max-width: 1024px) {
		.row {
			max-width: 60em;
		}
		.row.wide {
			max-width: 60em
		}
		.row.wider {
			max-width: 60em
		}
	}

	@media (max-width: 768px) {
		.row {
			max-width: 46em;
		}
		.row.wide {
	
		}
		.row.wider {
			max-width: 100%
		}
	}

	@media (max-width: 640px) {
		.row {
			max-width: 96%;
		}
		.row .row {
			margin:0;
		}
		.text-wrapper .row {
			max-width: 100%;

		}
	}

.with-shape {
	position: relative;
}
.with-shape:before {
	position: fixed;
	top: 0;
	left:0px;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%;
	content:'';
	background: url('../images/wjshape.png') no-repeat;
	background-position: 500px 300px;
	background-size: 90% auto;
	z-index:-1;
	will-change: transform;
	-webkit-transform: translate3d(0,0,0);
	opacity: 0.1;
}

.with-shape .section-wrapper.bg-lighter {
	background-color: rgba(225, 225, 225, 0.4) !important;
}
.with-shape .section-wrapper.bg-color4 {
	background-color: rgba(191, 0, 42, 0.86) !important;
}



/*
.page-front-no .main-content {
	padding-top: 4rem;
}
*/
	
	
	@media (max-width: 768px) {
		.with-shape:before {
			width: 100%;
			background-position: 430px 300px;
		}
	}

/*
-------------------------------
SECTIONS
-------------------------------
*/


.section-devider {
	width: 100%;
	display: block;
  line-height: 0.5;
  text-align: center;
  overflow: hidden;
}
.section-devider span {
  display: inline-block;
  position: relative;  
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  width: 100%;
}
/* 
.section-devider span:before,
.section-devider span:after {
  content: "";
  position: absolute;
  height: 1px;
  background: rgba(91, 92, 94, 0.3);
  top: 48%;
  width: 600px;
}
.section-devider span:before {
  right: 100%;
  margin-right: 15px;
}
.section-devider span:after {
  left: 100%;
  margin-left: 15px;
}
 */
.section-devider img{
	display: none;
	visibility: hidden;
}


#section-container {
	position: relative;
	display: block;
}

section {
	position: relative;
	display: block;
}
section .row {
	position: relative;
	z-index:4 !important;
}	

.section-wrapper.bg-color3.with-extra:before {
	position: absolute;
	top: -250px;
	left:0;
	width: 100%;
	height: 260px;
	background: #3c505c;

	content:'';
	
}

	@media (max-width: 640px) {
		.section-wrapper.bg-dark.with-extra:before {
			top: -150px;
			height: 160px;
		}
	}

/* Full background image */
.bg-image {
	background-position: 50% 50%;
	background-size: cover;
	min-height: 280px;
}
.bg-image:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #313b5c !important;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 1;
	opacity: 0.1;
}
.bg-image.none:before {
	opacity: 0;
}
.bg-image.medium-opacity:before {
	opacity: 0.6;
}
.bg-image.little-opacity:before {
	opacity: 0.2;
}
.bg-image.mucho-opacity:before {
	opacity: 0.7;
}

.bg-section-icon {
	position: absolute;
	bottom: 0;
	left:0px;
	width: 800px;
	height:900px;
	background: url('../images/logo-icon.svg') no-repeat;
	background-position: -200px 0;
	background-size: 100% auto;
	z-index:2;
	opacity: 0.02;
	
}
	@media (max-width: 800px) {
		.bg-section-icon {
			width: 100%;
		}
	}

/* Full background image (SEPERATE) */
.bg-section-image {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	
}
.bg-section-image.little-opacity {
	opacity: 0.7;
}
.bg-section-image.medium-opacity {
	opacity: 0.4;
}
.bg-section-image.huge-opacity {
	opacity: 0.06;
}


.shade-left:after,
.shade-right:after,
.shade-left-right:after {
	position: absolute;
	top: 0;
	bottom: 0;

	bottom: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 1;
	opacity: 0.6;
}

.shade-right:after {


	right: 0;
background: -moz-linear-gradient(left,  rgba(0,23,80,0) 0%, rgba(0,23,80,0.85) 73%, rgba(0,23,80,0.88) 78%, rgba(0,23,80,1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,23,80,0) 0%,rgba(0,23,80,0.85) 73%,rgba(0,23,80,0.88) 78%,rgba(0,23,80,1) 100%);
background: linear-gradient(to right,  rgba(0,23,80,0) 0%,rgba(0,23,80,0.85) 73%,rgba(0,23,80,0.88) 78%,rgba(0,23,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00001750', endColorstr='#001750',GradientType=1 );

}
.shade-left:after {
	left: 0;
	background: -moz-linear-gradient(left,  rgba(13,19,37,1) 0%, rgba(13,19,37,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(13,19,37,1) 0%,rgba(13,19,37,0) 100%);
	background: linear-gradient(to right,  rgba(13,19,37,1) 0%,rgba(13,19,37,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1325', endColorstr='#000d1325',GradientType=1 );

}
.shade-left-right:after {
	background: -moz-linear-gradient(left,  rgba(0,23,80,1) 0%, rgba(0,23,80,0) 50%, rgba(0,23,80,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,23,80,1) 0%,rgba(0,23,80,0) 50%,rgba(0,23,80,1) 100%);
	background: linear-gradient(to right,  rgba(0,23,80,1) 0%,rgba(0,23,80,0) 50%,rgba(0,23,80,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001750', endColorstr='#001750',GradientType=1 );
}



/*
---------------------------
TOPBAR
---------------------------
*/


#topbar {
	position: fixed !important;
	top: 0;
	left:0;
	width: 100%;
	height: 80px;
	z-index: 998 !important;
	background: rgba(4, 2, 121, 0);

	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-ms-transition:background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;



}


.toppers {
	position: absolute;
	top:1rem;
	right:0rem;
	z-index: 9;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition:opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.small .toppers {
	opacity:0;
}
.toppers a {
	float: left;
	margin: 0 2px;
}
.toppers a i {
	position: relative;
	top: 4px;
	font-size: 1.1rem;
}

	@media (max-width: 1024px) {

	}
	@media (max-width: 640px) {
		#topbar   {
			height: 60px;
		}
	}
	@media (max-width: 430px) {
		#topbar   {
			height: 60px;
			position: absolute !important;
		}
	}

/* Language button */
a.language-button {
	float: left;
	margin-left: 0.2rem;
	height: 26px;
	width: 36px;
	line-height: 32px;
	background: none;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 22px auto;
	background-position: center;
	border: 1px solid rgba(0, 23, 80, 0);
	z-index: 998;
}
a.language-button:hover {


}
a.language-button img {

}
a.language-button.nl {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAvCAYAAABe1bwWAAABuklEQVRoQ+2bTUsCURSG32MtahMEmquW/gdr1cpUaFFobZI+NFq3i/5AtmodVAi6iamEFmF/oPwPI7S1VKJFCUFzwgnBhYPcWV7eWQ3M3AvvM88588Edwcj2ni+mI4gcApoURRwiMnrcun1VVcEbIE0P3sWCc9UYZvSDv67szszFpiuAbFkX3iiQ3nzjc2/Rcfo+mG6uVBWRbaM5LD1ZVWvR28uC9HL7KcjUk6U5w8XS31Xp5kp3IrIRbgY7Rym0Lr38QQdA1M6I4VIptD0Ao+GGWz3KI5iA60swBGNW+jSGxtAYMwI0xowXewyNMTTmq//DJ98xzIRgxptEMEE9hsbQGKPuy1JiKRkJAxpDY2iMGQEaY8aLPYbG0BgzAjTGjJdkz1r87DDuswPBBLxEEgzBGDUZ9piguxJLiaXEUjIiwFIyw8XmG2yM2wGEa/BGAKlqTzLl1r0I1s1Es/tsVdQlc+qmJCJc5ztyrT3VtL8yPFt2q+DK8H80qrXH40TBB7N09Dw7H49VILJpd5FMSqfOR7uz83K+/P8vwXDLlN01AYqAJCGIT5rGiuM6+PtEm56H68ZJ4mGY6Q/sgs6OzrF6dQAAAABJRU5ErkJggg==');
}
a.language-button.du {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAvCAYAAABe1bwWAAABsUlEQVRoQ+2bTUsCURSG3zNttDaBgav+h62aJhhtoIVptkkiIvpNbSLQTYUJLSIVrJ3+jyASEVyk7uaEQ4KBQ9xZ3t5ZDcy9A+8zzz3zwRnB0ubmiwXHca4gkoNqVkRk+bht+6qqEBlAtR+G4fVbq/myyBgFd103tZbO3ELkxLbwRnlU76bjj/NerzeLwHhBqSaQU6OTWDpYofXuc6Mq3kHZF0HL0pyJYqkiL15QagjkKNEZLJ2kiqZ4QXkowJalGRPFUuBT9oOyJppt96SQYGIuMMEQjNnapzE0hsaYEaAxZrxYY2iMoTGj40s++a5gJgSz2iSCiasxNIbGGFVfLiUuJSNhQGNoDI0xI0BjzHixxtAYGmNGgMaY8WKNiTNm2vH4PWbV9xiCiXm7JhiCMaq+QmNoDI0xIsDbtRku1pg4YyadvaFA2IO3BEiBkUza3qMIimai2T066tr8anu+wz7fX1c6hBaizvBp26tBwM7wOQxFfd3vViMw7/c76cxmav4vQcXuRfJHOsXDaDw72678/EuwGD5p7R7CcS4AyQmQ/Q+QFBgA2ofiZsN/fVpk/gaSkrL94ouaMgAAAABJRU5ErkJggg==');
}
a.language-button.uk {
	background-image: url('data:image/png;base64,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');
}

a.search-button {
	padding: 0 0.5rem;
	color: rgba(0, 23, 80, 0.6);
	margin-left: 5px;
}
a.share-button {
	padding: 0 0.5rem;
	color: #fff;
}
a.call-button {
	padding: 0 0.5rem;
	color: #fff;
}

a.search-button:hover,
a.share-button:hover {
	color: #869dae;
}


	@media (max-width: 1024px) {
		
		.toppers {
			right: 0.5rem;
	
		}
	}
	@media (max-width: 1023px) {
		
		.toppers {
			right: 8rem;
			top: 2.3rem;
		}
		a.language-button {
			margin-top: 4px;
			margin-left: 0.5rem;
			height: 32px;
			width: 42px;
			line-height: 42px;
			background: none;
			text-align: center;
			background-repeat: no-repeat;
			background-size: 30px auto;
			background-position: center;
			border: 0px !important;
			z-index: 998;
		}

		a.call-button {
			display: block;
		}
		a.share-button, a.call-button {

			font-size: 1.5rem;
		}
		


	}


	@media (max-width: 640px) {
		.toppers {
			right: auto;
			top: 1.5rem;
			left: 1rem;
		}
		a.share-button,
		a.language-button {
			display: none;
		}
		a.call-button {
			display: block;
			font-size: 2rem;
			}
		.toppers a i {
			position: relative;
			top: 0px;
			font-size: 1.4rem;
		}

	}

/* On scroll */
#topbar.small {
	background: #3c505c;
}
#topbar.small:before {
	visibility: hidden;
	opacity: 0;
}

	@media (max-width: 430px) {
		#topbar.small {
				height: 51px;
		}
	}

#topbar .inner  {
	display: block;

	height: 100%;
	position: relative;
	margin: auto;
}

	@media (max-width: 1280px) {
		#topbar .inner  {
/* 				max-width: 74em; */
		}
	}
	@media (max-width: 1024px) {
		#topbar .inner  {
				max-width: 60em;
		}
	}

/* Logo */
.logo {
	width: 155.5px;
	height: 159.5px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0.2rem;
	margin-left: 0px;
	text-align: center;
  z-index: 988 !important;
  background:  url('../images/workumerjachtverhuur.png') no-repeat center;
	background-size: contain;


}

	.small .logo  {
		left: 0;
		top: 0px;
		width: 93px;
		height: 95px;

	}

	@media (max-width: 1023px) {
		.logo {
			width: 110px;
			height: 110px;

		}
	}


	@media (max-width: 768px) {
		.logo {
			top:0rem;
			left: 1.3rem;
			width: 107px;
			height: 110px;
		}
		.small .logo  {
			left: 1.3rem;

		}	
	}
	@media (max-width: 640px) {
		.logo {
			top:0px;
			left: 50%;
			margin-left:-46.5px;
			width: 93px;
			height: 95px;

		}
		.small .logo {
			width: 120px;
			left: 50%;
			margin-left:-60px;
	
			}
	}


.default-header {
	min-height:180px;
}
	@media (max-width: 768px) {
		.default-header {
			min-height:160px;
		}
	}
	@media (max-width: 440px) {
		.default-header {
			min-height:120px;
		}
	}


/*
---------------------------
SECTION TITLES
---------------------------
*/

.section-title-wrapper {

}

.section-label {
font-family: 'Source Sans Pro', sans-serif;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
	font-weight: 700;
	padding-left:2px;
}
	
.section-title {
	margin-bottom: 1.4rem;
	line-height: 1.1;
	font-weight: 700;
}
.section-title.small {
	font-size: 1.4rem;
}
.section-title.medium {
	font-size: 2rem;
	line-height: 1.2
}

.section-intro p {
	font-size: 1.1rem;
}
.section-button {
	margin-top: 1rem;
}


[class*=" bg-"]:not(.bg-white):not(.bg-lighter):not(.bg-secondary) .section-title {
	color: rgba(255, 255, 255, 1) !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-lighter):not(.bg-secondary) .section-intro p {
	color: rgba(255, 255, 255, 1) !important;
}
.bg-none .section-title{
	color: #001750 !important;
}


.section-footer {
	padding-top:1rem;
}
		@media (max-width: 768px) {
			.section-title {
				font-size: 2rem;
			}
		}
		@media (max-width: 640px) {
			.section-title-wrapper {
				padding: 0 2rem;
				text-align: center;
			}
			.section-label {
				font-size:0.86rem;
			}
			.section-title {
				font-size: 1.4rem;
			}
			.section-title.medium {
				font-size: 1.4rem;
				line-height: 1.3
			}
		}

/* Image Groups */
.section-image-group {
	position: relative;

	min-height: 380px;
}
.section-image-group img {
	box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1);
}
.section-image-group .img-01 {
	position: absolute;
	left:0;
	top:0%;
	max-width: 70%;
	transform: translateX(0) translateY(-10%);
}
.section-image-group .img-02 {
	position: absolute;
	top:0;
	left:0;
	max-width: 60%;
	z-index: 8;
	transform: translateX(90%) translateY(5%);
}
.section-image-group .img-03 {
	position: absolute;
	right:0;
	bottom:0;
	max-width: 40%;
	z-index: 9;
	transform: translateX(35%) translateY(30%);
}

.section-image-group .group-img:nth-of-type(1) {
	position: absolute;
	left:0;
	top:0%;
	max-width: 70%;
	transform: translateX(0) translateY(-10%);
}
.section-image-group .group-img:nth-of-type(2) {
	position: absolute;
	top:0;
	left:0;
	max-width: 60%;
	z-index: 8;
	transform: translateX(90%) translateY(5%);
}
.section-image-group .group-img:nth-of-type(3) {
	position: absolute;
	right:0;
	bottom:0;
	max-width: 40%;
	z-index: 9;
	transform: translateX(45%) translateY(45%);
}
	@media (max-width: 1400px) {
		.section-image-group .group-img:nth-of-type(2) {
			transform: translateX(70%) translateY(0%);
		}
		.section-image-group .group-img:nth-of-type(3) {
				transform: translateX(15%) translateY(10%);
			}
	}
	@media (max-width: 768px) {
			.section-image-group {
				margin-top: 100px;
/* 				overflow:hidden; */
				min-height: 280px;
			}
			.section-image-group .img-02,
			.section-image-group .group-img:nth-of-type(2) {
				transform: translateX(70%) translateY(0%);
			}
			.section-image-group .group-img:nth-of-type(3) {
				max-width: 30%;
				transform: translateX(15%) translateY(10%);
			}
	}


	@media (max-width: 640px) {
			.section-image-group {
				position: relative;
				margin-top: 3rem;
				min-height: 300px;
			}
			.section-image-group .group-img:nth-of-type(3) {
				max-width: 30%;
				transform: translateX(3%) translateY(0%);
			}

	}



/*
---------------------------
IMAGE BLOCKS
---------------------------
*/



.imagebox {
	float: left;
	width: 100%;
	display: block;
  position: relative;
  border: 0px solid #fff;
	border-radius: 2px !important;

	min-height: 320px;
	margin-bottom: 20px;
	position: relative;
	
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}
a.imagebox:hover {

}
.collapse .imagebox {
	margin-bottom: 0;
	border-radius: 0px !important;
}

a.imagebox {
	cursor: pointer;

	
}
.imagebox:before,
.imagebox:after {
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	height: 5px;
	content:'';
	border-radius: 0 0 2px 2px;
	background: #869dae;
	z-index: 8;
	opacity:0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
	display: none;
	visibility: hidden;
}

/*
.imagebox:before {
	bottom: auto;
	top: 0;
	border-radius: 2px 2px 0 0;
}
*/
.imagebox:hover:after {
/* 	height: 20px; */
	opacity:1;
}
.collapse .imagebox:hover:after {
	height: 20px;
	opacity:0;
}

.imagebox .imagebox-image {
	position: absolute;
	top: 0px;
	left:0px;
	bottom: 0px;
	right: 0px;
	z-index: 2;
	border-radius: 2px !important;
	backface-visibility: hidden;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.imagebox .imagebox-image:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px !important;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.15) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.15) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#26000000',GradientType=0 );

	opacity: 0;
	content: '';
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.collapse .imagebox .imagebox-image,
.collapse .imagebox .imagebox-image:after,
.collapse .imagebox:before,
.collapse .imagebox:after {
	border-radius: 0 !important;
}

.imagebox .imagebox-image:after {
	opacity: .4;
}
[data-whatinput='mouse'] a.imagebox:hover .imagebox-image:after {
	opacity: .7;
}

/* No Image */
.imagebox.no-image .imagebox-image:after {
	opacity: 0;
}
a.imagebox.no-image:hover .imagebox-image:after {
	opacity: 0;
}


.imagebox .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 1);
	z-index: 3;

	opacity: 1;

	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

a.imagebox:hover .imagebox-image {
	
}
.imagebox .image-overlay {
	opacity: 0;
}
a.imagebox:hover .image-overlay {
	opacity: .3;
}
a.imagebox.no-image:hover .image-overlay {
	opacity: 0.1;
}


/* Bright */
.bright .imagebox-image:after {
	opacity:0;
}


.imagebox .imagebox-description {
	position: absolute;
	top: 0;
	left:0;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 3;
	border-radius: 0;
	padding-bottom: 2rem;
	overflow: hidden;
/* 	border: 10px solid #fff; */
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.imagebox:hover .imagebox-description {
	opacity: 1;
}


.imagebox .imagebox-description .imagebox-icon {
	position: absolute;
	top: 2rem;
	left:2rem;
	display:block;
	color: rgba(255, 255, 255, 0.25);
	font-size: 3.6rem;
	line-height: 1;
	padding: 0em 0em 0 0;
	margin-bottom: 0px;
	border-radius: 0px;
}
.imagebox .imagebox-description .imagebox-title-wrap {
	position: absolute;
	top: 0;
	left:0rem;
	width: 100%;
	padding: 2rem 2rem 2rem 2rem;
	text-align: left;
}

.collapse .imagebox .imagebox-description .imagebox-title-wrap {
	padding: 6rem 2rem 2rem 2rem;
	text-align: center;
}


.imagebox .imagebox-description .imagebox-label {
	display: block;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	padding: 0em 0em 0 0;
	margin-bottom: 10px;
	color: #fff;

}
.imagebox .imagebox-description .imagebox-title {

	display: block;
	font-size: 1.8rem;
	line-height: 1;
	color: rgba(255, 255, 255, 0.93);
	margin: 0;
	padding: 0em 0 5px;
	max-width: 80%;
	font-weight: 900;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.collapse .imagebox-description .imagebox-title {
	max-width: 60%;
	margin: 0 auto;
}
a.imagebox:hover .imagebox-description .imagebox-title {
	color: #ffffff;
	
}
.imagebox .imagebox-description p {
	padding-top: 2rem;
	visibility: hidden;
	opacity:0;
	color: #fff;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
[data-whatinput='mouse'] a.imagebox:hover .imagebox-description p {
	visibility: visible;
	opacity:1;
}

.imagebox .imagebox-button {
	position: absolute;
	bottom: 0rem;
	right:0%;
	width: 100%;
	text-align: right;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 700;
	padding: 1rem 2rem;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
	
	visibility: hidden;
	opacity:0;

}
[data-whatinput='mouse'] a.imagebox:hover .imagebox-button {
	visibility: visible;
	opacity:1;
}

.imagebox .imagebox-button.with-text {
	font-size: 1rem;
}
.imagebox .imagebox-button.with-text span {
	
}
.imagebox .imagebox-button i{
	position: relative;
	top: 3px;
	font-size: 1.2rem;
}

/* Centered */

.imagebox .imagebox-descrption.text-center .imagebox-title-wrap {
	width: 100%;
	max-width: 100%;
	text-align: center !important;
	padding: 6rem 3rem 3rem 3rem;
}


/* Imagobox Heights */
.imagebox.box-100-150 {
	height: 0px;
	min-height: 0;
	padding-bottom: 110%;
}
.imagebox.box-100-100 {
	height: 0px;
	min-height: 0;
	padding-bottom: 100%;
}
.imagebox.box-100-75 {
	height: 0px;
	min-height: 0;
	padding-bottom: calc(75% - 15px);
}
.imagebox.box-100-50 {
	height: 0px;
	min-height: 0;
	padding-bottom: calc(50% - 15px);
}

	
	@media (max-width: 1024px) {
		.imagebox .imagebox-description .imagebox-title-wrap {
			padding-top: 1rem;
		}
		.imagebox .imagebox-description .imagebox-title {
			font-size: 1.6rem;
		}
		.imagebox .imagebox-description p {
			padding-top: 1rem;
			font-size: 1rem;
			line-height: 1.5;
		}
	}
		
		
	@media (max-width: 768px) {
		.imagebox {
			min-height: 260px;
		}
		.imagebox .imagebox-description .imagebox-title {
			font-size: 1.5rem;
		}

		.imagebox .imagebox-description .imagebox-title-wrap {
			padding: 1.3rem 1rem 2rem 1rem;
		}
		.collapse .imagebox .imagebox-description .imagebox-title-wrap {
			padding: 5rem 1rem 2rem 1rem;
			text-align: center;
		}
		.imagebox .imagebox-button {
				font-size: 1.6rem;
				padding: 1rem 1.5rem;
		}
		.imagebox .imagebox-description .imagebox-text {
			padding-top: 1rem;
			font-size: 0.76rem;
		}
	

	}
	@media (max-width: 640px) { 
		.imagebox.box-100-150 {
			padding-bottom: 50%;
		}
		.imagebox .imagebox-description .imagebox-title-wrap {
			padding: 1rem 1.5rem 2rem 1.2rem;
		}
		.imagebox .imagebox-description .imagebox-title {
			max-width: 70%;
		}
		.imagebox .imagebox-button {
			visibility: visible;
			opacity:1;
		}
	}
	
	@media (max-width: 440px) {
		.imagebox {
			min-height: 160px;
		}
		.imagebox.box-100-150 {
			padding-bottom: 40%;
		}
		.imagebox .imagebox-image {
			background-position: 50% 40%;
		}
	}


/* Objects Carousel */
.slick-objects {
	margin-top: 0rem;
	padding: 0rem 2rem;
}


	@media (max-width: 768px) {
		.slick-objects {
			padding: 2rem 0rem;
		}
	}
	@media (max-width: 640px) {
		.slick-objects {
			padding: 0rem 0rem;
		}
	}


.slick-slide {
	outline: 0 !important;
}
.slick-objects .slick-list {
    padding-top: 2rem !important;
}

.slick-slider .slick-dots {
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;

}

.slick-slider:hover .slick-dots {
	opacity: 1;
}
.slick-slider .slick-arrow {
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.slick-slider:hover .slick-arrow {
	opacity: 1;
}


/* Slick Arrows */
.slick-prev:before,
.slick-next:before
{
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #001750;

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

.slick-prev
{
    left: 0px;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}
.slick-prev:before
{
    content: "\e943";
}
[dir='rtl'] .slick-prev:before
{
    content: "\e944";
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content: "\e944";
}
[dir='rtl'] .slick-next:before
{
    content: "\e943";
}

	@media (max-width: 768px) {
		.slick-prev {
			left:0;
		}
		.slick-next {
			right: 0;
		}
	}

	@media (max-width: 768px) {
		.slick-slider .slick-dots {
			opacity: 1;
		}
	}


/* Slick Dots */

.slick-dots {
	width: 95%;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;
		border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '-';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #869dae;
}



	@media (max-width: 1024px) {



	}

	@media (max-width: 768px) {


	}




/* Objects overview */

.object {
	width: 100%;
	display: block;
  position: relative;
  border: 0px solid #fff;
	margin: 10px 0px 30px;
	margin-top: 0px;
	min-height: 400px;
	border-radius: 0 !important;
	z-index: 99;
}

.object:hover {
	
}

.large-up-3 .object {
	min-height: 200px;	
}

	@media (max-width: 768px) {
		.object {
			min-height: 200px;
		}
		.object:hover {
			transform: translateY(0px)
		}
	}


.object:after {
  content: "";

  position: absolute;
  top: -2%;
  left: -3%;
  width: 106%;
  height: 104%;
  z-index: -1;
  background: #fff;
/*   box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1); */
	border: 1px solid #09194c;
	border-radius: 5px !important;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.medium-up-2 .object:after,
.large-up-2 .object:after {
	width: 104%;
  height: 104%;
  left: -2%;
}

.object:hover:after {
    opacity: 1
}


.object .object-image {
	position: relative;
	display: block;
	z-index: 2;
	border-radius: 2px;
  background-size: cover;
  margin: 0;
  padding: 0em;
}


.object .object-image img {
   	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.object .object-image .object-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	padding: 1em 0em;
}
.object .object-image .object-image-title {
	display:block;
	font-size: 1.2em;
	line-height: 1.1;
	margin: 0 0 0 0px;
	z-index: 3;
}
.object .object-image .object-image-label {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform:translateX(-50%);
	display: inline-block;
	color: #fff;
	font-size: 0.76em;
	font-weight: 500;
	line-height: 0.7;
	padding: 1em 2em ;
	background: rgba(35, 34, 38, 0.81);
	margin-bottom: 0px;
	border-radius: 0px;
	letter-spacing: 2px;
	text-transform: uppercase;
	z-index: 8;
}

	@media (max-width: 1280px) {
		.object .object-image .object-image-label {
			letter-spacing: 2px;
		}
	}
	@media (max-width: 768px) {
		.object .object-image .object-image-label {
			letter-spacing: 1px;
			width: 90%;
			text-align: center;
			padding: 0.6em 1em ;
		}
	}
	@media (max-width: 440px) {
		.object .object-image .object-image-label {
			letter-spacing: 2px;
			width: 70%;
		}
	}

.object .object-image .object-image-discount {
	position: absolute;
	top: 15px;
	right: -10px;
	bottom: auto;
	left: auto;
	border-radius: 1000px;
	width: 90px;
	height: 90px;
	-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
	background: rgba(35, 34, 38, 0.81);
	z-index: 8;
	line-height: 1;
	text-align: center;
	padding-top: 15px;
	font-size: 0.8rem;
	font-style: italic;
}



.object .object-image .object-image-discount span {
	font-size: 1.6rem;
	display: inline-block;
	padding-bottom: 1px;
	font-weight: 500;
}
	@media (max-width: 768px) {
		.object .object-image .object-image-discount {
				width: 70px;
			height: 70px;
			font-size: 0.7rem;
			}
		.object .object-image .object-image-discount span {
			font-size: 1.2rem;

		}
	}

/*
.object .object-image .object-image-discount:after {
	position: absolute;
	top:-5px;
	left:-5px;
	right:-5px;
	bottom:-5px;
	border: 1px solid #001750;
	border-radius: 1000px;
	content:'';
}
*/
.object .object-image .object-image-discount.bg-white:after {
	border-color: #fff;
}
.object .object-description {
	display: block;
	text-align: left !important;
	padding:1.5em 2rem 5em 0.5rem;
	letter-spacing: 0px;
	width: 100%;
}

.object .object-description.center {
	text-align: center !important;
	padding-left: 2.5em;
	padding-right: 2.5em;
	padding-bottom: 4.5em;
}
.object-label {
	font-size: 0.96rem;
	font-weight: 700;
	display: block;
	padding-bottom: 5px;
	letter-spacing: 0px;
font-family: 'Source Sans Pro', sans-serif;
}
.object .object-description .object-title {
	position: relative;
	display: block;
	font-size: 1.5rem;
	line-height: 1.1;
	padding: 0em 0rem;
	margin: 0 0 0 0px;
	letter-spacing: 0px;

}
.object .object-description .object-text {
	display: block;
	padding-top: 0.5rem;
	color: #3c505c;
	font-size: 0.96rem;
display: -webkit-box;
	max-width: 100%;
  height: 84px;
	-webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;	
}
.object .object-description .object-text p{
  line-height: 1.6 !important;
  }
  
	@media (max-width: 768px) {
		.object .object-description.center {
			text-align: center !important;
			padding-left: 1em;
			padding-right: 1em;
			padding-bottom: 4em;
		}
		.object .object-description .object-title {
			font-size: 1.6rem;
		}
	}
	@media (max-width: 640px) {
		.object .object-description .object-text {
			height: 78px;
		}
	}


.object .object-description .object-intro {
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	margin-top: 5px;
}
.object .object-description .object-intro p  {
	display: block;

	color: #626468;
	margin: 0;
	text-overflow: ellipsis;
}

.object .object-footer .object-from-price {
	float: left;
	display: inline-block;
	width: 40%;
	line-height: 1.2;

}
.object .object-footer .object-from-price .price {
	text-decoration: line-through;
}



.object .object-footer .object-price .price,
.object .object-footer .object-link .link {
	color: #56baf4;
	font-size: 1.4rem;
font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	display: block;
	margin-left: 0px;

}
.object .object-footer .object-price .price span {
	font-size: 1rem;	
}
.object .object-footer i {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	margin-left:5px;
	}


.object .object-footer {
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	height: 55px;
	border-top: 1px solid #e5e5e2;
	padding-top: 15px;
	padding-left: 0.5rem;
}

.object .object-button {
	position: absolute;
	top: 10px;
	right: 0%;
	width: 40%;
	display: block;

	font-size: 1.1rem !important;
	padding: 0.5em 1em 0.5em 0em !important;
	margin: 0em;
	letter-spacing: 1px;
	
	border-top: 1px solid rgba(0, 0, 0, 0.04);
	color: #fff !important;
	z-index: 44;
}
.object .object-button:hover {
	color: #fff !important;
	background: #58c0da;
	padding: 0.5em 1.2em 0.5em 1.2em !important;
}


/* Object Detail */

.object-detail {
	width: 100%;
	display: block;
  position: relative;
  border: 0px solid #fff;
	margin: 0px 0px 0px;
	margin-top: 0px;
	min-height: 400px;
	border-radius: 0 !important;
	z-index: 99;
}



.object-detail .object-detail-image {
	position: relative;
	display: block;
	z-index: 2;
	border-radius:0 0;
  background-size: cover;
  margin: 0;
  padding: 0em;
}

.object-detail .object-detail-image img {
   	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}


/* Gallery */

.object-detail .object-images .gallery-item {
	margin: 0;
}

.object-detail .object-detail-image .object-detail-title-wrap {

	width: 100%;
	z-index: 3;
	padding: 4rem 0rem 1rem;


}

.object-detail .object-detail-image .object-detail-label {
	font-size: 1.2rem;
	text-transform: uppercase;
	display: block;
	padding-bottom: 10px;
	letter-spacing: 4px;
	color: #fff;
}
.object-detail .object-detail-image .object-detail-title {
	display:inline-block;
	font-size: 2.4rem;
	line-height: 1.1;
	margin: 0 0 0 0px;
	z-index: 3;
}

	@media (max-width: 768px) {
		.object-detail .object-detail-image .object-detail-title-wrap {
			text-align: center
		}
		.object-detail .object-detail-image .object-detail-title {
			font-size: 2rem;
		}
		.object-detail .object-detail-image .object-detail-title-wrap hr {
			margin-left: auto;
			margin-right: auto;
		}


	}
	@media (max-width: 640px) {
		.object-detail .object-detail-image .object-detail-label {
			font-size: 0.96rem;
		}	
		.object-detail .object-detail-image .object-detail-title {
			font-size: 1.6rem;
			line-height: 1.2;
		}
		
	}

.object-detail .object-detail-image .object-detail-image-label {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform:translateX(-50%);
	display: inline-block;
	color: #fff;
	font-size: 0.76em;
	font-weight: 400;
	line-height: 0.7;
	padding: 1em 2em ;
	background: rgba(35, 34, 38, 0.81);
	margin-bottom: 0px;
	border-radius: 0px;
	letter-spacing: 4px;
	text-transform: uppercase;
	z-index: 8;
}
.object-detail .object-detail-image .object-detail-button {
	float: right;
	display: block;
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 1rem !important;
	//padding: 0.5em 1em 0.5em 1em !important;
	margin: 1rem 0em;
	letter-spacing: 1px;
	background: #5bb7ce;
	border-top: 1px solid rgba(0, 0, 0, 0.04);
	z-index: 44;
}
.object .object-button:hover {
	color: #fff !important;
	background: #58c0da;
	padding: 0.5em 1.2em 0.5em 1.2em !important;
}


.object-detail .object-detail-info {
	padding:0;
	margin:0;
	font-size: 1.4rem;
}
.object-detail .object-detail-info:first-letter {
	text-transform:uppercase;
}

.object-detail .object-detail-info > span {
	font-size: 1.2rem;
	font-weight: 700;

}
.object-detail .object-detail-info .info-text {
	font-weight: 400;
}
	@media (max-width: 768px) {
		.object-detail .object-detail-info h4 {
			font-size: 1.4rem;
		}
	}


.object-detail .object-detail-description {
	display: block;
	text-align: left !important;
	padding: 1em 1.5em 5em 0em;
	letter-spacing: 0px;
	width: 100%;
	
}



.object-detail-label {
	font-size: 0.8rem;
	text-transform: uppercase;
	display: block;
	padding-bottom: 5px;
	letter-spacing: 2px;
	color: #fff;
}

.object-detail .object-detail-description .object-detail-title {
	position: relative;
	display: block;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 0em 1rem;
	margin: 0 0 0 0px;
	letter-spacing: 0px;

}

.object-detail .object-detail-description .object-detail-intro {

	
	position: relative;
	margin-top: 5px;
}
.object-detail .object-detail-description .object-detail-intro p  {
	display: block;
	font-size: 1.3rem;
	line-height: 1.4;
}

.object-detail .object-detail-footer .object-detail-from-price {
	float: left;
	display: inline-block;
	width: 40%;
	line-height: 1.2;

}
.object-detail .object-detail-footer .object-detail-from-price .price {
	text-decoration: line-through;
}

.object-detail .object-detail-price {
	margin-top: 1rem;
	display: block;
	text-align: right;
	line-height: 1.2;
	font-weight: 400;

}

	
		

.object-detail .object-detail-footer .object-detail-price .price {
	color: #de0047 !important;
	font-size: 0.86em;
	text-transform: uppercase;
	display: block;
	margin-left: 0px;
	letter-spacing: 1px;

}



.object-detail .object-detail-footer {
	position: absolute;
	bottom: 0;
	left: 8%;
	width: 84%;
	height: 50px;
	border-top: 1px solid #e5e5e2;
	padding-top: 10px;
}

/* Specs */

.specs-list {
	display: block;
	margin-top: 2rem;
}

.specs-list {
	float: left;
	width: 100%;
	display: block;
	padding: 0px 20px 20px 0px;
}

.specs-list ul {
	margin-top: 0px;
	line-height: 1.1;
	margin-left: 0;

}
.specs-list ul li {
	display: block;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding: 8px 0rem;
}
.specs-list ul li:last-child  {
	border:0;
}
.specs-list li .specs-left {
	float: left;
	width: 30%;
	font-size: .96rem;
	

	text-align: left;
}
.specs-list li .specs-right {
	float: right;
	width: 60%;
	font-size: 0.96rem;

	font-weight: 700;
}
	
	@media (max-width: 640px) {
		.specs-list {
			padding: 0px 0px 0px 0px;
		}
		.specs-list ul li {
			border-bottom: 1px solid #ddd;
			padding: 5px 0.5rem;
		}
		.specs-list li .specs-left {
			letter-spacing: 1px;
			font-size: 0.66rem;
		}
		.specs-list li .specs-right {
			font-size: 0.86rem;
			width: 58%;
		}
	}


	@media (max-width: 1440px) {

		.object-sharing {
			margin-top: 64px;
			transform: translateX(0%);
		}
		#object-modal .object-sharing {
			margin-top: 64px;
			transform: translateX(-50%);
		}
	}
	@media (max-width: 768px) {
		.object-sharing {
			display: none;
		}
		.detail-buttons {
			padding: 0 1rem;
		}
		.detail-buttons .button {
			margin-bottom:10px;	
		}
	}



/*
---------------------------
INTRODUCTION
---------------------------
*/

.introduction-title-wrapper {

}
.introduction-label {
	text-transform: uppercase;
	letter-spacing: 2px;
}
.introduction-title {
	line-height: 1.2;
	font-size: 2.5rem;
}
.introduction-title span {
	display: inline-block;
}
.introduction-text {
	padding-top: 0.5rem;
}
.introduction-text p {
	font-size: 1.3rem;
	line-height:1.9;
}


.introduction-image {
	margin-top: 3.2rem;
}
	@media (max-width: 1024px) {
		.introduction-title {
			font-size: 2rem;
		}
		
	.introduction-text p {
		font-size: 1.1rem;
		line-height:1.6;
	}		
	}

	@media (max-width: 640px) {
		.introduction-title-wrapper {
			padding: 1rem;
		}
		.introduction-title {
			font-size: 1.8rem;
		}
		.introduction-text {
			padding: 1rem;
		}

	}


/*
---------------------------
CALL TO ACTION
---------------------------
*/

.c2a-wrapper.text-right {
	text-align: left !important
}
.c2a-label {
font-family: 'Source Sans Pro', sans-serif;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
	font-weight: 700;
	padding-left:2px;
}
.c2a-title {
	font-weight: 700;
	line-height: 1.1;
}
.c2a-title.medium {
	font-size: 2rem;
	line-height: 1.1;
}
.c2a-title span {
	display: inline-block;
}
.c2a-wrapper hr {
	margin-top: 1rem;
}


.c2a-text {
	padding-top: 1rem;
}
.c2a-text p {
	font-size: 1.2rem;
	line-height:1.7;
}

@media (max-width: 1024px) {
	.c2a-text p {
		font-size: 1.1rem;
		line-height:1.5;
	}
}	


[class*=" bg-"]:not(.bg-white):not(.bg-lighter):not(.bg-secondary) .c2a-text p   {
	color: rgba(255, 255, 255, 1) !important;
}

.c2a-button {
	margin-top: 1rem;
}
.actionbar .c2a-button {

}


	@media (max-width: 640px) {
		.introduction-title-wrapper {
			padding: 1rem;
		}
		.introduction-title {
			font-size: 1.8rem;
		}
		.introduction-text {
			padding: 1rem;
		}

	}


/*
---------------------------
USP BOX
---------------------------
*/

.usp-box {
	padding-right: 1rem;
}
.usp-icon {
	font-size: 3.2rem;
}
.usp-title {
	font-size: 0.96rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 500
}
.usp-description p {
	font-size: 1.1rem;
	line-height:1.6;

}
.usp-box.text-center .usp-description {
	padding: 0 2rem;

}

/* Larger */
.usp-box.large {

	padding: 2rem 0;

}

.usp-box.large .usp-label {
	font-size: 1rem;
	letter-spacing: 3px;
	font-weight: 500;
	text-transform: uppercase;
}
.usp-box.large .usp-title {
	font-size: 1.7rem;
	text-transform: none;
}


	@media (max-width: 768px) {
		.usp-icon {
			font-size: 2.8rem;
		}
	}
	@media (max-width: 640px) {
		.usp-box {
			padding-bottom: 1rem;
		}
		.usp-icon {
			font-size: 3.6rem;
			margin-left: 1rem;
		}


	}
	@media (max-width: 400px) {
		.usp-box {
			padding-bottom: 1rem;
		}
		.usp-icon {
			font-size: 3.2rem;
			margin-left: 0.6rem;
		}


	}

/*
---------------------------
TEXT BOX
---------------------------
*/

.textbox {
	padding-top: 0px;
}
.column .textbox {
	padding: 1rem 1rem;
}
.textbox-label {
	text-transform: uppercase;
	letter-spacing: 2px;
}
.textbox-image {
	display: block;
/* 	border-bottom: 5px solid #869dae; */
	overflow: hidden !important;
	border-radius: 2px;
}

.textbox-image {
	position: relative;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.textbox-image,
.textbox-image img {
	position: relative;

		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.textbox-image:hover img,
.textbox-image a:hover img {		
	opacity: 0.9;
}

.textbox-title {
	line-height: 1.2;
	font-weight: 700;
}
.textbox-title.title-small {
	font-size: 1.3rem;
}
.textbox-title.title-large {
	font-size: 2.4rem;
}

	@media (max-width: 768px) {
     .textbox-title.title-large {
				font-size: 2rem;
			}
    }

[class*=" bg-"]:not(.bg-white):not(.bg-lighter):not(.bg-secondary) .textbox-title  {
	color: rgba(255, 255, 255, 1) !important;
}
.bg-none .textbox-title {
	color: #001750 !important;
}

.textbox-title span {
	display: block;
}
.textbox-description {
	display: block;
	padding-top: 1rem;
}
.textbox-description .textbox-intro {
	padding-top: 0.5rem;
}

.textbox-description .textbox-intro p {
/* 	font-size: 0.96rem; */


}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-secondary) .textbox-description .textbox-intro p  {
	color: rgba(255, 255, 255, 0.75) !important;
}


.textbox-button {
	margin-top: 1rem;
	font-size: 1.1rem;
}
.textbox-link {
	font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
	line-height: 1;
	padding: 0.6rem 0rem ;
	font-size: 1.1rem;
	
}
.textbox-link i {
	position: relative;
	top:2px;	
}
.textbox-link:hover {
	color: #56baf4 !important;
}

/* Pages */
.textbox.pages {
	padding-top: 10px;
	display: block;
}
.textbox.pages:hover {
	background:rgba(0, 0, 0, 0.02);
}



/*
-----------------------------
ALGEMEEN - CONTENT
-----------------------------
*/
#page-content {
	padding: 0rem 0;
}
#page-content #content {
	padding: 0rem 3rem 2rem 1rem;
}
    @media (max-width: 768px) {
      #page-content #content {
            padding: 0rem 0.4rem 2rem 0.4rem;
        }
    }
    @media (max-width: 560px) {
      #page-content #content {
            padding: 0rem 0rem 0 0rem;
        }
    }
.go-center .columns {
	float: none;
	margin-left: auto;
	margin-right: auto
}

.pages {
	padding-top: 30px;
	min-width: 768px !important;
}
.pages ul > li {
	padding: 0 !important;
}

.indent {
	padding-left: 0px;
	padding-right: 0px;
}
    @media (max-width: 560px) {
      .indent {
            padding-right: 0px;
        }
    }

.section-text {
	
}	

.text-wrapper {
	position: relative;
	padding: 2rem 0px 2rem 0em;
}
.text-wrapper.first {
	padding-top: 1rem;	
}

	@media (max-width: 560px) {
      .text-wrapper {
           padding: 0rem 0rem 2rem 0rem;
        }
    }
	

.white-popup .text-wrapper {
	padding-top: 0;
}


.text-wrapper .text-label {
font-family: 'Source Sans Pro', sans-serif;
	display: inline-block;

	margin-bottom: 10px;
	font-weight: 700;
	padding-left:2px;
}

.text-wrapper .text-headline {
	line-height:1.1;
	font-weight: 700;
	letter-spacing: 0px;
	font-size: 2.1rem;
	display: block;
}

.text-wrapper .text-headline.large  {
	line-height: 1;
	font-size: 2.6em;
	padding-right: 2rem;
	margin-top: 0em;
}
.text-wrapper .text-headline.medium {
	font-size: 2rem !important;
}
.text-wrapper .text-headline.small {
	font-size: 1.2rem !important;
}
.text-wrapper .text-headline small {
	font-size: 100%;
}

.text-wrapper .text-headline strong {

}
.text-wrapper hr {
	max-width: 20%;
	border-width: 0px !important;
	margin: 20px 0;
}

.text-wrapper .text-headline.sub {
	font-size: 1.7rem;
	border: 0;
}
	@media (max-width: 560px) {
		.text-wrapper .text-headline {
			font-size: 1.7rem;
			line-height:1.2;
		}
		.object-list-title {
			text-align: center;
		}
		.text-wrapper .text-headline.sub {
			font-size: 1.4rem;
			line-height:1.3;
			border: 0;
		}
	}
	
.text-wrapper .text-subtitle {
	font-size: 1.8rem;

}

.text-wrapper p {

}
.text-wrapper p.text-intro {
	margin-top: 1rem;
	font-size: 1.3em !important;
	font-weight: 600;
	line-height: 1.3;
  padding-right: 0px;
}


.text-wrapper .text-intro.large {

	font-size: 1.4em;
}

/* Files */

.files {
	display: inline-block;

}
.files li {
	padding: 0.3rem 0;
	font-size: 1.1rem;
	border-bottom: 1px solid #eee;
}
.files li:last-child  {
	border:0;
}
.files li a,.files li a:hover {
	text-decoration: none;
}



/* Quotyy */

.text-wrapper blockquote {
	float: right;
	max-width: 50%;
	padding-bottom: 0px;
	letter-spacing: 0;
	border-left: 0;
	padding-left: 0rem;
	margin-bottom: 20px;
	position: relative;
	
	font-style: none;
	margin: 0em 0 1.25rem;
	text-align: left;
	margin-left: 40px;
	padding: 0em 0rem 0 2rem;
	border-right: 0px solid #ddd;
	border-left: 0px solid #ddd;
}

	@media (max-width: 540px) {
		.text-wrapper blockquote {
			max-width: 100%;
			margin-left: 0;
			margin-top: 1rem;
			padding-left: 0;
		}
	}
	
.text-wrapper blockquote p {
	font-size: 1.3rem;
	line-height: 1.4;
	color: #869dae;
font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700 !important;

}
.text-wrapper blockquote p strong {
	color: #888;
	font-size: 1rem;
	font-weight: normal;
	font-style: normal;
}

/* Play buttons */


.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	transform: translateX(-50%) translateY(-50%); 
	z-index: 88;
	display: block;
	margin: auto;
	border-radius: 0px;
}
.play-button i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%); 
	font-size: 2rem;
}

.photos {position: relative;}


	
/* Foto Overzicht
------------------------------- */
.fotorama__stage {
	border-radius: 2px;
}
.fotorama__thumb-border {
	border-radius: 2px;
	border-color: #909dc0;
}
.fotorama__thumb,
.fotorama__nav__shaft {
	border-radius: 2px;
}
.fotorama__dot {
	border-color: #909dc0;
}

.photo .caption {
	font-size: 0.8rem;
	line-height: 1.1;
	color: #888 !important;
	text-align: center;
	width: 100%;
	display: block;
	font-style: italic;
	padding-top: 0px;
}

.photo {
	display: inline-block;
	margin: 0px 0 10px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 50%;
}
.box-wrapper.case .photo {
	border-bottom: 0px solid #d90024;
}
.photo.float-left {
	margin-right: 30px;
}
.photo.float-right {
	float: right;
	margin-left: 50px;
}
/* Round */
.photo a.round {
	border-radius: 100%;
	overflow: hidden;
}

/* Sizes */
.photo-25 {
	width: 25%;
}
.photo-33 {
	width: 31.5%;
}
.photo-50 {
	width: 50%;
}
.photo-75 {
	width: 75%;
}
.photo-100 {
	width: 100%;
	margin-bottom: 1em;
	margin-left: 0 !important;
}

@media (max-width: 500px) {
	.photo {
		width: 33%;	
	}
	.object-images .photo {
		width: 100%;	
	} 
}

.photo a {
	overflow: hidden;
	border-radius: 2px;
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.photo a:hover {
	
}

.photo a img {

	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);
  	z-index: 7;
}


.photo a:hover img {
	padding: 0px;
	border: 0px solid #ddd;
/*
	opacity: .8;
  	filter: alpha(opacity=80);
*/
}
.photo a:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}

.photo a:after {
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: 0px;
	margin-left: 0px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 2px;
	text-align: center;
	font-family: icomoon;
	content: '\e922';
	background: rgba(9, 21, 59, 0.21);
	color: #fff;
	z-index: 99;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%);
	font-size: 1.3rem;
	-webkit-transition: opacity 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: opacity 0.3s ease-out;  /* FF4+ */
	-ms-transition: opacity 0.3s ease-out;  /* IE10? */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.5+ */
	transition: opacity 0.3s ease-out;
}
.photo a.round:after {
		border-radius: 100%;
}
.photo a:hover:after {
	opacity: 1;
}



.photo a.item-more:after {
	background: rgba(0, 163, 230, 0.9);
}

.photo.right {
	float: right;
	margin: 10px 0px 20px 40px;
}
.photo.left {
	float: left;
	margin: 15px 40px 10px 0px;
}

.photo-wide {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	position: relative;
}

.photo-wide img {
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);
}

.gallery {
	padding-top: 30px;
}
.collapse.gallery {
	padding:0;
}
.photo-gallery {
	display: block;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	position: relative;
}
.photo-gallery img {

border-radius: 2px;
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
.collapse.gallery img {
	border-radius: 0px;
}
.photo-gallery a,
a.gallery-item {
	overflow: hidden;
	border-radius: 2px;
	display: block;
	position: relative;
	margin-bottom: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.collapse.gallery a.gallery-item  {
	border-radius: 0px;
	margin:0;
}
/* Round */
.photo-gallery a.round {
	border-radius: 100%;
	overflow: hidden;
}

.photo-gallery a:after {
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: 0px;
	margin-left: 0px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	line-height: 60px;
	border-radius: 2px;
	text-align: center;
	font-family: icomoon;
	content: '\e922';
	background: rgba(9, 21, 59, 0.21);
	color: #fff;
	font-size: 1.1rem;
	z-index: 9;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: opacity 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: opacity 0.3s ease-out;  /* FF4+ */
	-ms-transition: opacity 0.3s ease-out;  /* IE10? */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.5+ */
	transition: opacity 0.3s ease-out;
}
.photo-gallery a.round:after {
	border-radius: 100%;
}

.photo-gallery a:hover:after {
	opacity: .8;
}

.photo-gallery a:hover img {
	padding: 0px;
	
}
.photo-gallery:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}



/* Files */
ul.files {
	margin-top: 20px;
}



/*
---------------------------
PRICING TABLES
---------------------------
*/
.pricing-table {
  border: solid 1px rgba(0, 0, 0, 0.2);
  padding: 2rem;}
  .pricing-table li {
    border-bottom: dotted 1px rgba(255, 255, 255, 0.36);
    font-size: 0.86rem;
    padding: 0.875rem 1.125rem; }
    .pricing-table li:last-child {
      border-bottom: 0; }
  .pricing-table .title {


    font-size: 1.875rem;
    border-bottom: 0; }
  .pricing-table .price {
    background-color: rgba(0, 0, 0, 0.1);

    font-size: 1.75rem;
    border-bottom: 0; }
  .pricing-table .description {
    color:rgba(3, 3, 3, 0.69)
    font-size: 1rem; }
  .pricing-table .button {
    margin: 0; }


.pricing-table.bg-white li,
.pricing-table.bg-light li {
		border-bottom: dotted 1px rgba(0, 0, 0, 0.2);
}

.pricing-table.bg-white .price,
.pricing-table.bg-light .price {
    background-color: rgba(0, 0, 0, 0.04);
}


/*
---------------------------
MAPS BOX
---------------------------
*/

#maps, #map {
	top:1px;

  height: 500px;
}


/* Map overrides */
.gm-style {
	height: 500px !important;
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) {
		#maps, #map {
			height: 400px;
		}
		.gm-style {
			height: 430px !important;
		}
	}
	@media only screen and (max-width: 40em) {
		#maps, #map {
			height: 300px;
		}
		.gm-style {
			height: 330px !important;
		}
	}

.gmnoprint {display: none; }
.gmnoprint img { max-width: none !important;}


/* Address block overlay */

#map {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 97;

}
.maps-row {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;


}
 #maps .address-block{
 	position: absolute;
	top: 7%;
	right:10%;
	text-align: center;
 	margin-top: 5rem;
 	padding: 2rem 4rem;
 	width: 400px;
 	min-height: 200px;
 	border-radius: 0px;
 	background: #fff;
 	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);

 		z-index: 99;
 }

 	@media only screen and (max-width: 40em) {
 		 #maps .address-block{
 		 	text-align: center;
 		 	margin-top: 2rem;
 		 	padding: 1rem 1rem 0;
 		 }
 		 #maps .address-block img {
 		 	margin-bottom: 10px;
 		 }
 	}

 		@media  (max-width: 640px) {
 			#maps {
	 			display: none;
	 		}
 		}


/*
---------------------------
NEWS BOX
---------------------------
*/

.newsbox {
	padding: 1rem 2rem;
	-webkit-box-shadow:  0 9px 20px rgba(0, 0, 0, 0.08);
   				box-shadow: 0 9px 20px rgba(0, 0, 0, 0.08) ;

}
.newsbox-title {
	display: inline-block;
}
.news-item {
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 23, 80, 0.08)
}
.news-item.last {
	bordeR:0;
}
.news-text {

}
.news-title {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	display: block;
}
.news-text p {
	line-height: 1.4;
}


	@media  (max-width: 768px) {
			.news-item {
 			display: block;
 			padding-bottom: 20px;
 		}
	}

 	@media (max-width: 640px) {
	 	.newsbox {
			padding: 1rem 1.3rem;
		}
	 	.news-title {
			font-size: 0.86rem;
			line-height: 1.1;
			margin-bottom: 5px;
		}
		.news-text p {
			line-height: 1.3;
			font-size: 0.96rem;
		}
	}

/*
---------------------------
TEXT BOX
---------------------------
*/

.text-item {
	padding: 1rem 0rem;
}
.text-title {

}
.text-intro p {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.96rem;
	font-weight: 500;
	line-height: 1.9;
}

.text-img {
	margin: 10px 0;
	width: 44%;
	transform: translateX(-22%);
}

.text-full {
	padding-top: 3rem;

}

.text-full p:first-child:first-letter { float: left; color: #c50a42; font-size: 65px; line-height: 50px; padding-top: 0px; padding-right: 8px; padding-left: 1px; font-family: 'Source Sans Pro', sans-serif; font-style: italic; }

.text-column-count {

	text-align: left;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

  -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;

  text-align: justify;


}

	@media  (max-width: 768px) {
 		.text-item {
	 		display: block;
	 		padding: 1rem 2rem;
	 		margin-bottom: 5rem;
	 	}
	 	.text-img {
			margin: 10px 0;
			width: 44%;
			transform: translateX(-12%);
		}
		.text-item .button {
			float: right;
		}
		.text-column-count {
			-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding: 2rem 2rem 0;
    text-align: left;
		}

 	}
 	@media  (max-width: 640px) {
		 .text-item .button {
			float: none;
		}
		.text-column-count {
			-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding: 2rem 1rem 0;
    text-align: left;
		}
	}



/* Pages (onderliggende pagina's) */

/* Pagebox */
.pagebox {
	width: 100%;
	display: block;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.09);
	margin: 0 0px;
	padding: 1.5rem;
	min-height: 60px;
	border-radius: 2px;
	-webkit-backface-visibility: hidden; 
   	backface-visibility: hidden;
}
a.pagebox:hover {
	border-color: rgba(0, 0, 0, 0.3);
}
.pagebox .pagebox-image {
	position: relative;
	display: block;
	z-index: 2;
	overflow: hidden;
	border-radius: 0;
	-webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}
.pagebox .pagebox-image img {

}
a.pagebox:hover .pagebox-image:after {
	opacity: 0.6; 
}
.pagebox .pagebox-description {
	display: block;
	text-align: left !important;
	padding: 0;
	letter-spacing: 0px;
	width: 100%;
	position: relative;
}
.pagebox .pagebox-description .pagebox-date {
	font-size: 0.86rem;
	display: block;
	color: rgba(75, 75, 94, 0.65);
	font-size: 13px;
}
.pagebox .pagebox-description .pagebox-title {
	position: relative;
	display: inline-block;
	
	font-size: 1.7rem;
	line-height: 1.1;
	padding: 0em;
	margin: 0 0 5px 0px;
}

.pagebox .pagebox-description .pagebox-title small {
	display: block;
	line-height: 1.2;
}
.pagebox .pagebox-description p  {
	display: block;
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 500;
	color: #26262e;
	margin: 0;
}
.pagebox .pagebox-button {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

.pagebox .pagebox-button:hover {
}
a.pagebox:hover .pagebox-button i {
	-webkit-transform: translate(5px, 0);
}  

	@media (max-width: 500px) {
		.pagebox {
			padding: 1rem; 
				
		}
		.pagebox .pagebox-description .pagebox-title {
			font-size: 1rem;
				margin: 0 0 5px 0px;
		}	
		.pagebox .pagebox-description p  {
			font-size: 0.86rem;
		}
	}


/* Zijbalk */

#sticky {
	left: 0 !important;
}
.side-content #sidebar {
	width: 100%;
	display: block;
	padding: 0  0 0em;
}
.side-content .page-title {
	font-size: 1.4em;
	padding-left: 1em;
	padding-bottom: 10px;
}

#sidebar .sticky {
	width: 100%;
}


	@media (max-width: 768px) {
		.side-content  {
			padding: 0 2.3rem 0em;
		}	
	}
	@media (max-width: 767px) {

	}
	
	@media (max-width: 540px) {
		.side-content  {
			padding: 0 1.8rem 0em;
		}	
	}


.side-content .text-wrapper {
	padding: 1.5em;
	
	border-radius: 2px;
	border: 1px solid #eee;
}

.side-content	.text-wrapper .indent {
	padding-right: 0rem;
}
.side-content .text-wrapper .headline {
	font-size: 1.6rem;
}
.side-content .text-wrapper hr {
	max-width: 80px;
}	
.side-content .text-wrapper p.text-intro {
	margin-top: 1rem;
	font-size: 1em !important;
	line-height: 1.3;
}	
.side-content .text-wrapper p {
	line-height: 1.5;
	font-size: 0.96rem;
}	

/* 
---------------------------
SUB NAVIGATION
---------------------------
*/

.subnav {
	border: 2px solid rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	padding: 1rem 1.5rem;
	margin: 0.5rem 0 30px;
font-family: 'Source Sans Pro', sans-serif;
}
	

.subnav .subnav-headline {
	font-size: 1.3rem;
	font-weight: 700;
	
}	
.subnav .subnav-headline a {
	color: #869dae;
}

.subnav ul {
	padding: 0px 0px;
	margin: 0px;
	list-style: none;
}
.subnav ul li {
	border-bottom: 0px solid rgba(0, 0, 0, 0.08);
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.subnav ul li:last-child {
	border:0 !important;
}
.subnav ul li a:not(.button) {
	padding-left: 0;
	color: rgba(255, 255, 255, 0.75);
	font-weight: 400;
	display: block;
	padding: 0.6375em 1em 0.6375em 0rem;
    font-size: 1.1rem !important;
    letter-spacing: 0px;
	position: relative;
	line-height: 1.1;
}
.subnav ul li a:not(.button):hover {
	color: #56baf4;
}


/*
.subnav ul li a:before {
	position: absolute;
	right: 0em;
	top:11px;
	font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  	content: '\e943';
	font-size: 1.2rem;
	margin-right: 10px;
	color: #2eada9;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	 opacity: 0;
}
*/
.subnav ul li a:hover:before,
.subnav ul li.item-56baf4umb a:before {
	-webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
  opacity: 1;
}

.subnav ul li.item-breadcrumb a:not(.button) {
	color: #fff;
	font-weight: 700;
}
.subnav ul li.invisible {
	visibility: visible;
	display: block;
}

/* Tweede niveau */

.subnav ul li ul {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}
.subnav ul li ul li {
	border: 0px solid #eeedec;
}

.subnav ul li ul li > a:not(.button) {
  font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.6) !important;
	font-size: 15px !important;
	padding: 0.3em 0rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.subnav ul li ul li > a:not(.button):hover {
	color: rgba(255, 255, 255, 1) !important;
	background: none !important;
}

.subnav ul li ul li a:before {
	position: relative;
	top:3px;
	font-size: 0.86rem;
	font-family: 'icomoon';
	content: '\e943';
	margin-right: 5px;
	color: rgba(255, 255, 255, 0.5);
}
.subnav ul li ul li > a:not(.button):hover:before {
	color: #fff !important;
}

.subnav ul li ul li.item-breadcrumb > a:not(.button), 
.subnav ul li ul li.item-breadcrumb > a:not(.button):hover,
.subnav ul li ul li.item-breadcrumb > a:not(.button):before {
	background: none !important;
	color: rgba(255, 255, 255, 1) !important;
}
.subnav ul li ul li.item-leaf > a:not(.button) {
	font-weight: 700 !important;
	
}

/* Derde niveau */

.subnav ul li ul ul {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.subnav ul li ul ul li {
	border: 0px solid #eeedec;
}

.subnav ul li ul ul li > a:not(.button) {
    font-weight: 400 !important;
	color: rgba(78, 78, 81, 1) !important;
	font-size: 14px !important;
	padding: 0.3em 0rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.subnav ul li ul ul li > a:hover {
	background: none !important;
	color: #22257a !important;
}

.subnav ul li ul li > a:hover {
	background: none !important;
	color: #22257a !important;
}

.subnav ul li ul ul li a:before {
	top: 5px;
	color: rgba(78, 78, 81, 1) !important;
}
.subnav ul li ul ul li.item-breadcrumb > a, .subnav ul li ul li.item-breadcrumb > a:hover {
	background: none !important;
	color: #22257a !important;
}




/* Breadcrumbs */
#breadcrumbs {
	position: relative;
	z-index: 99;
}
.breadcrumbs-wrapper {
	margin-top: -3rem;
	position: relative;
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);	
  padding: 1rem 1rem 1rem 0rem;
}
.breadcrumbs {
  display: block;
  padding: 0 1.5rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 0px;
  background: none;
  border-color: rgba(0,0,0,0.04);
  border-radius: 0px;
}
.breadcrumbs > * a {
	color: #9fa2a4;
	text-transform: none;
	font-family: 'Source Sans Pro';
	font-weight: normal;
	font-size: 0.86rem;
}
.breadcrumbs > * a:hover {
	color: #56baf4;
	text-decoration: none;
}
.breadcrumbs li:not(:last-child):after {
	color: #bcbebf;
	content: "\e93c";
	margin: 0 .75rem;
	position: relative;
	top: 1px;
	opacity: 1;
	font-size: 0.86rem;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.breadcrumbs {
	margin-bottom: 0;
}	


	@media (max-width: 768px) {
		.breadcrumbs {
			padding-left: 1em;
		}
	}
	@media (max-width: 767px) {
		.breadcrumbs {
			 padding: 1.3rem 1rem 0rem 0.7rem;
		}
	}
	@media (max-width: 500px) {
		.breadcrumbs {
			display: none;
		}
		.breadcrumbs-wrapper {
			padding-left: 0em;
			display: none;
		}
	}		
	

/*
---------------------------
ARTICLES
---------------------------
*/




/* Accordion */

.accordion {
	margin-top: 2rem;
	background: none;
}

.accordion-item,
.accordion-item:first-child>:first-child,
:last-child:not(.is-active)>.accordion-title {
	
}

.accordion-title {
	font-size: 1.2rem;
	color: #09153b;
	padding-left:2rem;
font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;

}
.accordion-title:before {
	content: '+';
	position: absolute;
	right: auto;
	left: 1rem;
	top: 50%;
	margin-top: -.6rem	
}
.accordion-title:focus, .accordion-title:hover {
	color: #56baf4;
	background-color: rgba(0, 0, 0, 0.04) !important;
}
.is-active .accordion-title {
color: #56baf4;
background-color: rgba(0, 0, 0, 0.04) !important;
}

.accordion .accordion-content {
	padding-top: 1rem;
	padding-bottom: 2rem;

}




/*
---------------------------
FOOTER
---------------------------
*/

.footer-wrapper {
	position: relative;
	z-index:3;
	padding-top: 3rem;
/* 	background-color: rgba(181,  181,  178, 0.18) !important; */
}


.footer-content.first {
	padding: 2rem 0 2rem 1rem;
	max-width: 90%;
}
.footer-content {
	padding: 2.44rem 0rem 2rem 0rem;
}
.follow-title {
	display: block;
}

	@media  (max-width: 768px) {
		.footer-content.first {

			max-width: 100%;
		}
		.footer-content {

		}
		.follow {

		}
	}
	@media  (max-width: 640px) {

		.footer-content {
			padding-top: 1.2rem;
			text-align: center;
		}

	}


.footer-content.first .footer-title {
	font-size: 1.4rem;
	text-transform: none;
	letter-spacing: 0;
}
.footer-content .footer-title {
	font-size: 1.1rem;

	font-weight: 700;

	margin-bottom: 10px;
}
.footer-content p {
	font-size: 0.96rem;
	color: rgba(20, 30, 59, 1)
}
.footer-content p strong {
	color: #141e3b;
	font-weight: 700;
	margin-right: 5px;
}



[class*=" bg-"]:not(.bg-white):not(.bg-lighter):not(.bg-secondary) .footer-content p,
[class*=" bg-"]:not(.bg-white):not(.bg-lighter):not(.bg-secondary) .footer-content p strong {
	color: rgba(255, 255, 255, 0.7) !important;
}


/* List items */
.footer-content ul {
	list-style: none;
	padding:0;
	margin:0;
}
.footer-content ul li {
	padding:0;
}
.footer-content ul li a{
	position: relative;
	padding-left: 0rem;
	font-size: 0.96rem;
	padding: .2rem 0;
	display: inline-block;

}
.footer-list ul li a {
	color: rgba(20, 30, 59, 1);
}
.footer-list ul li a:after {
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 3px;
  left: 0px;
  background-color: #869dae;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.footer-list ul li a:hover:after {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.footer-list ul li a:hover {
	color: rgba(20, 30, 59, 1);
}

[class*=" bg-"]:not(.bg-white):not(.bg-lighter):not(.bg-secondary) .footer-list ul li a {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* Socialist */

.footer-list .socialist li a {
	display: inline-block;
	padding-left:25px;
	position: relative;
}
.footer-list .socialist li a i {
		position: absolute;
		top: 8px;
		left:0;
		
}





.social-wrap {
	display: block;
	padding: 20px 25px;
	float: left;
}
@media  (max-width: 640px) {

		.social-wrap {
			float: none;
		}

	}
.social-wrap a {
	position: relative;
	display: inline-block !important;
	width: 40px !important;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 !important;
	padding-top: 4px;
	margin: 10px 10px 0 0;
	outline: 0;
	border: 0px solid #b5b5b2;
	border-radius: 0px;
	font-size: 1em;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: center;
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;


}
.social-wrap a:hover {
	transform: translateY(-3px)
}
	}
.social-wrap a {
	line-height: 80px;
	font-size: 1.8em;
	background-repeat: no-repeat;
}
.social-wrap a.facebook {
	background-image: url(../images/facebook.svg);
}
.social-wrap a.twitter {
	background-image: url(../images/twitter.svg);
}
.social-wrap a.email {
	background-image: url(../images/contact.svg)
}
.social-wrap a.snapchat {
	background-image: url(../images/snapchat.svg)
}
.social-wrap a.instagram {
	background-image: url(../images/instagram.svg)
}
.social-wrap a.googleplus {
	background-image: url(../images/googleplus.svg)
}


/* Bottom */


.footer-bottom {
	margin-top: 3rem;

}
.footer-bottom .row {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.copyright {
	font-size: 0.86rem;
	padding-top: 2.5rem;
	padding-left: 3rem;
	color: rgba(255, 255, 255, 0.8)
}
.copyright a {
	margin-right: 10px;
	font-size: 0.86rem;
	color: rgba(255, 255, 255, 0.8);
}

/* Logo */
.footer-logo {
	width: 70px;
	height: 86px;
	display: block;

	margin: 20px 0 ;
	text-align: center;
  z-index: 988 !important;
  background:  url('../images/hiswa-logo.png') no-repeat left;
	background-size: contain;
	//border: 1px solid #e6e6e3;

}


	@media  (max-width: 768px) {
/* 
		.footer-logo {
			width: 90px;
			height: 90px;

		}
 */
	}

	@media  (max-width: 640px) {
		.footer-logo {
			float: none !important;
/* 
			width: 100px;
			height: 100px;
 */
			margin: 20px auto;
		
		}
		.copyright {
			padding: 0rem;
			padding-left:0;
			text-align: center;
		}
		.follow {
			text-align: center;
		}
		.follow .menu{
			display: inline-block;
		}

	}

/* Add Noise */
.addnoise {
	float: right;

	color: #a2aaae !important;
	font-style: italic;
	font-size: 11px;
	margin-top: 2rem;

}
.addnoise .by {
	display: block;
}
.addnoise a {
	color: #828688 !important;

}
.addnoise a:hover  {
	color: #1bb8d1 !important;
}

	@media (max-width: 640px) {
		.addnoise {
				width: 100%;
				text-align: center;
				margin-bottom: 20px;
		}
	}


/*
---------------------------
TOOLTIPS
---------------------------
*/

.has-tip {
	border:0;
	font-weight: normal;
	position: relative;
	display: inline-block;
	cursor: pointer;

}
.tooltip {
	z-index: 99997 !important;
	font-size: 1rem;
	border-radius: 0;
	background: #001750;
	line-height: 1;
	color: #fff !important;
	max-width: 20rem !important;
}
.tooltip:before {
	border-width: 0 7px 8px 7px;
	border-color: transparent  transparent #001750 transparent !important;
}
.tooltip.right:before {
	border-width: 7px 10px 7px 0 !important;
	border-color: transparent #001750 transparent transparent !important;
}


/*
---------------------------
FLOATING ARROW ANIMATIONS
---------------------------
*/

.floating-arrow-wrapper {
	display: block;
	position: relative;
	z-index: 999 !important;
}

.going-down {
  position: absolute;


  height: 64px;
  width: 64px;
	margin-left: 1rem;
  text-align: center;
  z-index: 9999 !important;
  border: 0px solid rgba(255, 255, 255, 0);
  
	
  outline: 0;
  font-size: 1.6em;
  
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  
}
.going-down:before {
	position: absolute;
	top:0;
	left:0;
	content:'';
	height: 64px;
  width: 64px;
	border-radius: 2px;
/*
  background: #d7b734;
	
	
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.19);
*/
}


.going-down i {
	position: relative;
	color: #fff;
	line-height: 64px;
	text-shadow: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out
}

@media (max-width: 768px) {

}

@media (max-width: 1024px) {
   .floating-arrow-wrapper { display: none;}

}

.floating-arrow {
    -webkit-animation-name: floating-arrow;
    animation-name: floating-arrow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes floating-arrow {
    from {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    65% {
        -webkit-transform: translate(-50%, 15px);
        transform: translate(-50%, 15px)
    }

    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@keyframes floating-arrow {
    from {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    65% {
        -webkit-transform: translate(-50%, 15px);
        transform: translate(-50%, 15px)
    }

    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}