/*
	Theme Name: Maaskade
	Theme URI: http://nvsdigital.nl
	Description: Template voor Maaskade
	Version: 1.0
	Author: NVSdigital
	Author URI: http://nvsdigital.nl
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    border-color: #000;
}

a, a:after, a:before, a:after, a ~ span, input, label,.slider-nav span, ul.slick-dots li, .slide-icon-bg  {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

a.read-more {
    color: #0e2050;
    font-weight: bold;
    text-transform: uppercase;
}
a.read-more:hover, a.read-more:focus {color:#e30613}
/*------------------------------------*\
    MAIN
\*------------------------------------*/

.grecaptcha-badge { 
    visibility: hidden;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
}



/*------------------------------------*\
    FONTS
\*------------------------------------*/
body,p, a {
	font-weight:normal;font-family: "Poppins", sans-serif;
    font-weight: normal;
	font-size:14px;line-height:1.4;
	color:#818485;
}

p a {
	font-weight:normal;font-family: "Poppins", sans-serif;
    font-weight: normal;
	font-size:14px;line-height:1.4;
	color:#c20016;
	text-decoration: underline;
}

p {margin:0 0 30px;}
p:last-child {margin:0;}



strong, b {font-weight:500}

section ul, section li {padding:0;margin:0;list-style:none}
section ul {margin:0 0 25px}
section li {margin:0 0 5px}

section ul:last-child, section li:last-child {margin:0;}

.single-content li {padding-left:30px;position:relative;}
.single-content li:before {width:5px;height:5px;background:#8b8f90;border-radius:50%;position:absolute;content:"";left:10px;top:7px}


h1, h2, h3, h4, h5, h6 {
	color:#0e2050;
	text-transform:uppercase;
	margin:0 0 20px;font-family: "Poppins", sans-serif;
    font-weight: 700;letter-spacing:2px
}

h2,h1 {font-size:32px;letter-spacing:4px}
h5 {    font-size: 20px;    letter-spacing: 1px;}


.pagina-banner h1 {color:#fff;font-size:68px;letter-spacing:2px;}
.pagina-banner h1.with-border:after {border-color:#fff; width:450px;left:calc(50% - 225px);display:none}
.pagina-banner h1.with-border, .slide-content h2 {padding-bottom:25px;margin-bottom:25px;line-height:1.2;display:inline-block;border-bottom:2px solid #fff}
.slide-content h2 {margin-bottom:30px;}
.pagina-banner p {color:#fff;font-size:25px;line-height:1.6}

.subtitle-content p {    color: #a6a6a6;font-family: "Poppins", sans-serif;
    font-style: italic;
    font-size: 18px;font-weight:500}


.with-border {padding-bottom:30px;position:relative;margin-bottom:30px;}
.with-border:after {content:"";width:70px;position:absolute;bottom:0;left:0;background:#c20016;   height: 2px;}

.pagina-banner h1.with-border:after, .single-services .related-holder .with-border:after , .statistic-row .with-border:after, .products-slider-holder h2:after{background:#fff}

.text-center .with-border:after, .textcenter .with-border:after {left:50%;left:calc(50% - 35px);}
.certificate-top-content-row .with-border:after {width:70px;left:calc(50% - 35px);}

@media screen and (min-width:991px){
	.slide-content .btn {margin-top:50px;}
}

.slide-content .icon-specifiek-logo, .slide-content span.icon-specifiek-golven {
    clear: both;
    display: block;
    font-size: 128px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.70);
    font-weight: normal;
}
.slide-content span.icon-specifiek-golven {
    font-size: 50px;margin-top:20px
   
}


@media screen and (max-width:767px){
.pagina-banner h1 {color:#fff;font-size:45px;letter-spacing:2px;}
.pagina-banner h1.with-border:after {width:300px;left:calc(50% - 150px);}
.pagina-banner p {color:#e30613;font-size:19px;}
	
	
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {	max-width:1280px;	width:95%;	margin:0 auto;	position:relative;
}

.marginfix, .margin-fix {margin-bottom:30px}
.marginfix-top {margin-top:40px}
.standaard-columns.marginfix {    margin-bottom: 50px;}

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

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
.flex-columns{    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;content:"";}
.grey-background{background-color:#f5f5f5}
.regular-padding {padding:55px 0 40px}

.standaard-image {margin-bottom:50px;border-radius: 15px;    overflow: hidden;}
.standaard-image, .standaard-icon > div {position:relative;}
.standaard-image img {width:100%;}
.standaard-image a {content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0.7}

.standaard-icon {text-align:center;margin-bottom:25px}
.standaard-icon img {max-width:50px}

.standaard-title {text-align:center}
.standaard-title h3 {font-size:20px;display:inline-block;text-align:center;position:relative;margin-bottom:25px;    letter-spacing: 1px;}
.standaard-title h3 a {color: #0e2050;    font-weight: bold;font-family: "Poppins", sans-serif;}
.standaard-content {    text-align: justify;}

.certificate-top-row h5 {color:#0e2050}

.call-to-action {background-size:cover;background-position:center center;position:relative;padding:150px 0 90px;}
.call-to-action:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0.7}
.call-to-action .wrapper {z-index:10;position:relative;}
.call-to-action h2 {font-size:41px;color:#fff;margin:0 0 25px;}
.call-to-action h3 {font-size:28px;color:#fff;margin:0 0 80px;font-weight:normal;letter-spacing:2px}
.call-to-action.orange-before  h3 {color:#001a50}
.call-to-action p {color:#fff;font-size:21px}


.blue-before:before {opacity: 0.55;
background: #001a50;
}
.orange-before:before {background:#e30613}


.certificate-row {padding-top:55px}
.certificate-top-row {padding-bottom:100px}
.certificate-top-title-row {margin-bottom:60px}
.certificate-content {text-align:justify}
.certificate-top-content-row img {max-height:40px;margin-bottom:15px}

.certificaten-bottom-row {text-align:center;position:relative;background-color:#f5f8fe;border-top:1px solid #a7b6cd;padding:60px 0 55px}


.certificaat-img {    display: inline-block;    margin: 10px 25px;}
.certificaat-img a {display:block;}
.certificaat-img img {object-fit:contain;max-height:100px;    width: 100px;    max-width: 100px;}
.certificate-bottom-content-row {margin-top:50px}


.certificaat-img a:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari */
  transform: scale(1.2);
}




@media screen and (min-width:768px){
	.standaard-columns:nth-child(1){padding-right:4%}
	.standaard-columns:nth-child(3){padding-left:4%}
	.standaard-columns:nth-child(2){padding-left:2%;padding-right:2%}
	.double-column:first-child {padding-right:2.5%}
	.double-column:last-child {padding-left:2.5%}
}

@media screen and (max-width:767px){
	.standaard-columns {margin-bottom:50px;}
	.standaard-columns:last-child {margin-bottom:25px;}
}




@media screen and (min-width:900px) {
	.home-vessels {width:25%}
}
@media screen and (max-width:899px) {
	.home-vessels {width:50%}
}
@media screen and (max-width:600px) {
	.home-vessels {width:100%}
}

.layout-row {padding:70px 0 40px;}
.layout-row.grey-background {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.layout-row.grey-background:last-child {border-bottom:0;}

.animate-row {overflow:hidden}

.pagina-banner {background-size:cover;background-position:center center;position:relative;background-color:#081330;padding:175px 0;min-height:600px}
.pagina-banner:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#081330;opacity:0.3}
.pagina-banner .wrapper {position:relative;z-index:10}

.milestonebox.animate-row {    overflow: visible;}

.video-box { 		position: relative; 		padding-bottom: 56.25%;		overflow: hidden;		max-width: 100%;		height: auto;	} 
.video-box iframe,	.video-box object,	.video-box embed { 		position: absolute;		top: 0;		left: 0;		width: 100%;		height: 100%;	}

.video-link {display:block;position:relative;}
.video-link:before {position:absolute;top:0;left:0;content:"";width:100%;height:100%;opacity:0.4;background-color:#000;z-index:1}
.video-link:after {position:absolute;top:calc(50% - 60px);left:calc(50% - 60px);content:"";width:120px;height:120px;z-index:2;background-image:url(img/icons/play_btn.svg);background-position:center center;background-repeat:no-repeat;}

.video-link:hover:after {width:100px;height:100px;top:calc(50% - 50px);left:calc(50% - 50px);}
.video-link:hover:before {opacity:0;}

.content-image img {width:100%}


.double-image {    width: 50%;}
.double-image:first-child {padding-right:2.5%}
.double-image:last-child {padding-left:2.5%;margin-top:70px;}
.switched-content .double-image:first-child {margin-top:70px;}
.switched-content .double-image:last-child {margin-top:0;}

@media screen and (min-width:768px){
	.switched-content .floater {float:right;}
	.switched-content .double-column:last-child {    padding-left: 10px;padding-right:2.5%}
	.switched-content .double-column:first-child {    padding-left: 2.5%;padding-right:10px}
	
}
.partners-row {
	-ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
   -webkit-box-pack: justify;
    -webkit-justify-content: center;
        -ms-flex-pack: justify;
            justify-content: center;
}

.partner-box {background-size:cover;background-position:center center;background-color:#f1f1f1;position:relative;padding:40px;}
.partner-box:before {z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;background:#000;content:"";}
.partner-box > a {z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;content:"";}

.partner-box > div {position:relative;z-index:8}
.partner-box > .partner-content {z-index:100}

.partner-logo {margin-top:50px;margin-bottom:80px}
.partner-logo img {    max-height: 190px;    max-width: 230px;}
.partner-content {    padding: 25px;    padding-bottom: 50px;    background:rgba(41, 139, 215, 0.6);}

.partner-content p, .partner-content h3 {color:#fff}
.partner-content .with-border:after {border-color:#fff}

@media screen and (min-width:768px){
.partner-holder {width:50%;}
.partner-holder:first-child {padding-right:25px;}
.partner-holder:last-child {padding-left:25px;}

}
@media screen and (max-width:767px){
	.partner-holder {margin-bottom:30px;}
	.partner-holder:last-child {margin-bottom:0;}
}


/*History*/
.history-row {padding-bottom:5px;}

.milestonebox {padding-bottom:30px;position:relative;padding-top:55px}

.milestonecontent {    border-top: 5px solid #002252;background-color:#f5f3f3;    position: relative;z-index:10}
.milestone-image img {width:100%;}
.milestone-desc {    padding: 25px;    text-align: center;}

.milestonebox h4 {    font-size: 20px;    font-weight: 400;    letter-spacing: 4px;}


.milestonebox:first-child h4, .milestonebox:last-child h4{font-size:30px}

.milestonebox:before {    content: "";    position: absolute;    left: calc(50% - 1px);    top: 0;    width: 2px;    background: #002352;    height: 100%;    z-index: -1;}

.milestone {position:relative;}
.milestone:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 24px;
    height: 2px;
    background: #002352;
    width: 85px;
    z-index: 1;
background: -moz-linear-gradient(left, rgba(0,34,82,0.1) 0%, rgba(0,34,82,1) 28%, rgba(0,34,82,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,34,82,0.1) 0%,rgba(0,34,82,1) 28%,rgba(0,34,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,34,82,0.1) 0%,rgba(0,34,82,1) 28%,rgba(0,34,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a002252', endColorstr='#002252',GradientType=1 ); /* IE6-9 */
}
.milestone.rightsided:before {
    content: "";
    position: absolute;
    right: 0;left:10px;
    top: 24px;
    height: 2px;
    background: #002352;
    width: 85px;
    z-index: 1;
background: -moz-linear-gradient(left, rgba(0,34,82,1) 0%, rgba(0,34,82,1) 72%, rgba(0,34,82,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,34,82,1) 0%,rgba(0,34,82,1) 72%,rgba(0,34,82,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,34,82,1) 0%,rgba(0,34,82,1) 72%,rgba(0,34,82,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002252', endColorstr='#1a002252',GradientType=1 ); /* IE6-9 */
	
}
	.milestonebox:first-child .milestone:before, .milestonebox:last-child .milestone:before {    display:none}


.jaartal {
    font-size: 25px;
    font-weight: 600;
    color: #002252;
    padding: 1px 10px 5px;
    border: 3px solid;
    text-align: center;
    width: 110px;
    position: absolute;line-height:1;
 top: -170px;left:calc(50% - 55px);background-color:#fff
}
.jaartal:before {    content: "";    position: absolute;    left: calc(50% - 13px);   bottom:-60px;background:#fff;    width: 26px;    border: 3px solid #002352;    height: 26px;    z-index: 1;}

.milestonebox:last-child {padding-bottom:0;margin-bottom:30px}

@media screen and (min-width:768px){
	.milestone {    padding-right: 120px;padding-left:10px;    margin-top: -170px;}
	.milestone.rightsided {    padding-left: 120px;padding-right:10px}
	
	.milestonebox:last-child {    padding-top: 40px;}
	
	.milestonebox:first-child .milestone, .milestonebox:last-child .milestone {    margin-left: 25%;left:0;padding-right:10px;padding-left:10px}
	.milestonebox:last-child .jaartal {    top: -80px;}
	
	.milestonebox:first-child .milestone {    margin-bottom: 170px;}
	.milestonebox:last-child .milestone {    margin-top: 0;}
	
	.milestonebox:first-child .jaartal {      top: -235px;    font-size: 40px;    width: 170px;    background: none;    color: #fff;left:calc(50% - 85px);}	
	.milestonebox:first-child .jaartal:before {    content: "";    background: none;    border: 3px solid #fff; bottom:-50px}
	.milestonebox:first-child .jaartal:after {        content: "";    background: #fff;    width: 2px;    height: 25px;    position: absolute;    bottom: -25px;    left: calc(50% - 1px);}
	.milestonebox:first-child .milestone:after {    content: "";    background: #fff;    width: 2px;    height: 25px;    position: absolute;    top: -22px;    left: calc(50% - 1px);}
}


@media screen and (max-width:767px){
.pagina-banner {padding:130px 0;min-height:400px}
	.jaartal {top:0}
	
}


.milestone {
	opacity:0;
	  -ms-transform: translate(0,100px);
  -webkit-transform: translate(0,100px); 
  transform: translate(0,100px);
}

.jaartal {
	opacity:0;
	  -ms-transform: translate(0,-100px);
  -webkit-transform: translate(0,-100px); 
  transform: translate(0,-100px);
}


.animated .milestone , .animated  .jaartal 
{	opacity:1;	  -ms-transform: translate(0,0);  -webkit-transform: translate(0,0);   transform: translate(0,0);}





.milestone,.jaartal {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/*------------------------------------*\
    PRODUCTSSLIDER
\*------------------------------------*/
.slick-slide {outline:none}


.products-slider-holder {position:relative;background-color:#0c1633;background-size:cover;background-position:center center;background-repeat:no-repeat;padding:100px 0 70px}
.products-slider-holder:before {position:absolute;content:"";width:100%;height:100%;left:0;top:0;opacity:0.7;background-color:#0c1633;z-index:1;}

.products-slider-holder .wrapper {z-index:10}

.products-slider-holder h2 {color:#fff;}
.products-slider-holder h2:after {border-color:#fff}
.products-slider-holder .subtitle-content p {    color: #9fa3a4;}
.products-slider h4 {
    font-size: 18px;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 0 30px;
}
.products-slider p, .products-slider {font-size:18px;color:#fff}
.products-slider ul, .products-slider li {margin:0;padding:0;list-style:none;}
.products-slider ul {margin:0 0 30px}
.products-slider li {position:relative;padding-left:20px;}
.products-slider li:before {content:"";position:absolute;width:6px;height:6px;background:#fff;left:0;top:11px;border-radius:50%}
.products-slider ul:last-child {margin:0}

.products-image {margin-bottom:30px}
.products-image img {
width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;}
.products-image div {    border: 1px solid rgba(255, 255, 255, 0.29);position:relative;}

.products-image:hover img {
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari prior 9.0 */
  transform: scale(1.02); /* Standard syntax */}
.products-url {position:absolute;top:0;left:0;width:100%;height:100%;content:"";}


.slider-navigation .active {color:#fff}

.slide-icon  {position:relative;text-align:center}
.slide-icon .hover-icon{position:absolute;top:0;left:0;opacity:0;}
.slide-icon .normal-icon {opacity:1;}

.slide-icon-bg {
    width: 100%;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


.slider-navbtn:hover .normal-icon, .slider-navbtn.active .normal-icon {opacity:0;}
.slider-navbtn:hover .hover-icon, .slider-navbtn.active .hover-icon  {opacity:1;}


.slide-icon img {    max-height: 60px;    max-width: 60px;}
.slide-icon {width:60px;display:block;margin:0 auto;position:relative;    margin-bottom: 20px;}


.slider-navbtn {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 0 20px;
    width: 16.666667%;
    float: left; 
    margin: 0!important;
	margin-bottom:30px!important;cursor:pointer
}
.slider-navbtn:hover, .slider-navbtn.active {color:#e30613;font-weight:600}

.slider-navigation {
    width: 80%;
    margin-left: 10%;    margin-bottom: 50px;
}

@media screen and (min-width:768px){
	.products-content {padding-left:2.5%}
	.products-image {padding-right:2.5%}
}

.slide-icon img, .slider-navbtn, .products-image div, .products-image img{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (max-width:1000px){
	.slider-navbtn {width:33.33333%}
}
@media screen and (max-width:600px){
	.slider-navbtn {width:50%}
}
/*------------------------------------*\
    STATS SLIDER & COUNT
\*------------------------------------*/
.stat-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
}

.statistic-row {padding:55px 0;background-color:#000;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}
.statistic-row:before {content:"";position:absolute;top:0;left:0;z-index:2;opacity:0.3;background-color:#000;width:100%;height:100%}
.statistic-row .wrapper {z-index:100}
.statistic-row h2 {    color: #fff;    font-size: 20px;    text-align: center;}
.statistic-row .with-border:after {border-color:#fff}

.statistic-row h4 {    color: #e5e3e1;    font-size: 13px;    margin: 0;}

.stat-slide-tooltip {
    position: absolute;
    font-size: 13px;
    color: #0e2050;
    border-radius: 4px;
    background: #fff;
    bottom: -23px;
    width: 32px;
    text-align: center;    padding-top: 4px;
    padding-bottom: 2px;line-height:1;
}

.stat-slide-tooltip:before{
  width: 0; 
  height: 0; 
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #fff;	
	content:"";position:absolute;top:-3px;left:calc(50% - 3px)
}

.stat-slide-tooltip {opacity:0;}
.animated-second .stat-slide-tooltip {opacity:1;}

.stat-slide-counter.no-width {width:0!important}


.stat-slide-container {
    height: 20px;
    margin: 5px 0 25px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.stat-slide-row:last-child {margin-bottom:40px;}



.stat-slide-counter {
    height: 20px;
    top: 0;
    left: 0;
    background: #e30613;
    border-radius: 10px;
    position: absolute;
    /* overflow: hidden; */
}

.stat-column {position:relative;}

.stat-counter-row{padding:0 10px}

.stat-counter-row {text-align:center;margin-bottom: 20px;}
.stat-counter-row img {    max-height: 55px;    margin-bottom: 10px;}
p.stat-counter-number {    color: #e30613;    font-size: 30px;    line-height: 1;    margin: 0 0 10px;font-weight:bold;display:inline-block;margin-left:2px;margin-right:2px}


.stat-slide-tooltip, .stat-slide-counter {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

@media screen and (min-width:768px){
	.stat-counter-row {width:33.33333%}
}
@media screen and (min-width:992px){
.stat-column:first-child {padding-right:7%;border-right:1px solid rgba(255, 255, 255, 0.38)}
.stat-column:last-child {padding-left:7%}

	
}


/*------------------------------------*\
    STAFF
\*------------------------------------*/
.staff-holder {display:none;opacity:0;}
.staff-holder.active-staff-link {display:block; opacity:1}

.staff-holder.active-staff-link.active-staff-animation {opacity:1}
.staff-tabs, .staff-tabs a {    color: #9b1010;    font-size: 18px;    text-transform: uppercase;}
.staff-link:hover,.staff-link.active-staff-link {border-color: #9b1010;font-weight:600}
.staff-link {    display: inline-block;    margin: 0 10px;    border-bottom: 2px solid transparent;    cursor: pointer;}


.staff-holder {margin-bottom:30px;margin-top:0}


.staff-person {
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding: 20px;
    border: 1px solid #ddd;
}.staff-foto {background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#e1e1e1;position:relative;}




.staff-titles {    position: absolute;    background: rgb(164 0 0 / 85%);   right: 0;    bottom: 0;    width: 100%;    padding: 10px 15px;    opacity: 1;    text-align: center;}
.staff-titles h3 {	    color: #fff;    font-size: 13px;    margin: 0;font-weight:600;letter-spacing:0;text-transform:uppercase}
.staff-titles .functie {color:#bbbbbb;font-size:13px;    text-transform: none;font-weight:normal;letter-spacing:0;font-family: 'Montserrat', sans-serif;
    font-weight: 400;}
.staff-contact {        opacity: 0;
    position: absolute;
    left: 0;
    z-index: 100;
    padding: 20px;
    text-align: left;
    width: calc(100% - 40px);
    left: 20px;}
.staff-contact:before {
    background: rgb(14 32 80 / 65%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
}

.staff-contact > div {position:relative;z-index:1}
.staff-contact h4 {    color: #fff;    font-size: 13px;letter-spacing: 2px;font-weight:normal}
.staff-contact p {        color: #c5c6c6;    font-size: 12px;    line-height: 1.6;    letter-spacing: 0;}

.staff-contact ul , .staff-contact li{margin:0;padding:0;line-height:1;display:block}
.staff-contact ul {margin-top:30px!important}
.staff-contact a, .staff-contact {    color: #fff;    font-size: 12px;    line-height: 1;}
.staff-contact a:hover, .staff-contact a:focus {color:#9b1010}
.staff-contact {min-height:250px}

.staff-person:hover .staff-contact {opacity:1;}
.staff-person:hover .staff-titles {opacity:0;}

.staff-contact li.phone:before {font-family: 'icomoon'; content: "\e912";}
.staff-contact li.mobile:before {font-family: 'icomoon'; content: "\e910";}
.staff-contact li.mail:before {font-family: 'icomoon'; content: "\e90e";}

.staff-contact li {padding-left:20px;display:inline-block;clear:both;position:relative;margin-bottom:8px;}
.staff-contact li:last-child {margin-bottom:0}
.staff-contact li:before {
    position: absolute;
    color: #fff;
    left: 0;
    top: -2px;
    font-size: 15px;
}


.hiring-box {    padding: 15px 2.5%;    background: #e6e6e6;    margin: 0 0 25px;}
.hiring-box > div {margin:10px 0}
.hiring-content p {    color: #878786;    font-size: 15px;}
.hiring-content h4 {    color: #151e3e;    margin: 0;    font-size: 15px;    font-weight: normal;}
.hiring-content h4 span {font-weight:600}
.staff-column {
    width: 310px;
    padding: 0 20px;
}

.staff-title, .staff-contact,.staff-holder, .contact-info-row, .contact-form-form, .maps-row {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



@media screen and (max-width:1250px){
}
@media screen and (max-width:700px){
	.staff-column {width:50%}
}
@media screen and (max-width:480px){
	.staff-column {width:100%}
}
@media screen and (min-width:992px){
.staff-holder{
    width: 80%;
    margin-left: 10%;
}
	.staff-holder.active-staff-link {display:flex;    justify-content: center;flex-direction: row;
    flex-wrap: wrap;}

}
@media screen and (min-width:768px){
	.hiring-btn {    width: 230px;    text-align: right;    margin-left: 25px;}
	.hiring-content {width:calc(100% - 255px);}
	
	
	
}


/*------------------------------------*\
    OUR FLEET
\*------------------------------------*/
/*pagina*/
.fleet-row {    padding: 60px 0 185px;}
.fleet-title-row {    margin-bottom: 50px;}
.fleet-image {    background-size: cover;    background-position: center center;    background-color: #0e2050;    position: relative;    padding-bottom: 25%;}

.fleet-overlay-txt {    position: absolute;    left: 20px;    top: 20px;    width: calc(100% - 40px);    height: calc(100% - 40px);    text-align: center;    background-color: rgba(0, 8, 37, 0.85);    color: #fff;opacity:0;}
.fleet-image:hover .fleet-overlay-txt {opacity:1;} 
a.fleet-overlay {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}

.fleet-overlay-txt h3 {    color: #fff;    margin: 0 0 20px;    font-size: 23px;}
.fleet-overlay-txt ul {    display: block;    float: left;    width: 100%;    margin: 0;    line-height: 1;}
.fleet-overlay-txt li {float:left;}
.fleet-overlay-txt li:first-child {text-align:right;padding-right:10px;width:55%;}
.fleet-overlay-txt li:last-child {text-align:left;padding-left:10px;width:45%;}

/*single*/


.fleet-overlay-txt{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/*Overzicht*/
.grid-sizer {width:33.33333%}
.archive-content-fleet {padding:0 15px; margin-bottom:30px}

.fleet-overzicht-image {background-size:cover;background-position:center center;background-color:#f1f1f1;position:relative;}
.fleet-overzicht-image.vol-formaat {    padding-bottom: 100%;}
.fleet-overzicht-image.half-formaat {    padding-bottom: 65%;}

.fleet-overzicht-image:before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1;
        background: #091029;
    opacity: 0.1;}
.fleet-overzicht-image a {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 100;}


.archive-content-fleet > div > div {    opacity: 0;}
.archive-content-fleet > div > div {    position: absolute;    width: 100%;    height: 100%;    z-index: 10;}
.archive-content-fleet:hover > div > div {    opacity: 1;}


.fleet-overzicht-image:hover:before {
    width: calc(100% - 30px);
    left: 15px;
    height: calc(100% - 30px);
    top: 15px;
    opacity: 0.55;
    background: #001a50;border-radius:0;
}


.archive-content-fleet > div > div, .fleet-overzicht-image:before{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.archive-content-fleet .icon-general-search {
    color: #fff;
    font-size: 35px;
    margin-bottom: 15px;
    display: inline-block;
}

.archive-content-fleet h3 {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    opacity: 1;
    line-height: 1;
}





.fleet-filter {    margin-bottom: 40px;}

.searchandfilter ul {text-align: center;}
.searchandfilter ul li {padding:0}
.searchandfilter > ul li {    display: inline-block;}
.searchandfilter ul li li {    padding: 0;    margin-bottom: 5px;    margin-top: 5px;}


input[type="checkbox"] {display:none}
.searchandfilter li[data-sf-field-input-type=checkbox] label, a.search-filter-reset {
    padding: 5px 15px;
    display: block;
    border: 1px solid;
    text-transform: uppercase;
    margin: 0 10px;
    color: #fff;cursor:pointer
}
input[type="checkbox"]:checked ~ label, .searchandfilter li[data-sf-field-input-type=checkbox] label:hover, a.search-filter-reset:hover {color:#fff;border-color:#e30613;background:#e30613}


li.sf-field-reset {    margin-left: 50px!important;position:relative;margin-bottom:5px!important}

li.sf-field-reset:before {    content: "";    position: absolute;    top: calc(50% - 18px);    left: -50px;    height: 36px;    width: 36px;
    background-image: url(img/icons/filter.svg);    background-repeat: no-repeat;    background-position: center center;}


.searchandfilter input[type="radio"] {display:none}
.searchandfilter input[type="radio"] ~ label {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding: 5px 10px!important;
    display: block;
    border: 1px solid;
    text-transform: uppercase;
    margin: 0 5px;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer;
    font-size: 17px;
}
.searchandfilter input[type="radio"] ~ label:hover, .searchandfilter input[type="radio"] ~ label:focus, .searchandfilter input[type="radio"]:checked ~ label{
    color: #e30613;
    border-color: #fff;
    background: #fff;
}
.sf-field-taxonomy-products .sf-item-0 {position:relative;padding-left:40px;}
.sf-field-taxonomy-products .sf-item-0:before{
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    height: 30px;
    width: 30px;
    background-image: url(img/icons/filter.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width:768px){
	.searchandfilter input[type="radio"] ~ label {     color: #0f0423;	}	
}
/*------------------------------------*\
    SINGLES
\*------------------------------------*/
.single-content p {    font-size: 14px;}
.single-content h1 {font-size:30px}



.breadcrumb {background:#f3f4f6;padding:25px 0;border-bottom:1px solid #032050}
.breadcrumb li, .breadcrumb ul {padding:0;margin:0;list-style:none;display:inline-block;}
.breadcrumb li {position:relative;padding-right:35px;}
.breadcrumb li:after {    font-family: 'icomoon' !important;    content: "\e905";    color: #c20018;    position: absolute;    right: 12px;
    font-size: 10px;    line-height: 1;    top: calc(50% - 5px);}
.breadcrumb li:last-child:after {display:none}
.breadcrumb, .breadcrumb a {font-size:13px;letter-spacing:1px;font-weight:400;color:#032050;text-transform:uppercase}
.breadcrumb li:last-child {font-weight:700}




.single-content {padding:70px 0 130px}




.single-title ul, .archive-overlay-details ul {    margin: 10px 0 30px!important;    display: block;    float: left; width: 100%;}
.archive-overlay-details ul {text-align:center;margin-bottom:0!important}
.related-content ul {display:block;float:left;margin:15px 0!important;    width: 100%;}
.single-title li {padding-left:0;}
.single-title li:before,.related-content li:before, .archive-overlay-details li:before {display:none}
.single-title li, .related-content li, .archive-overlay-details li{font-size:18px;padding-left:40px;display:inline-block;margin-right:20px;padding-right:20px;position:relative;}
.single-title li:last-child, .related-content li:last-child, .archive-overlay-details li:last-child {margin:0;}
.archive-overlay-details li:last-child {padding-right:0;}
.single-title li span, .related-content li span, .archive-overlay-details li span {    color: #e30613;    position: absolute;    font-size: 30px;    left: 0;    line-height: 1;    top: -4px;}


.archive-overlay-details li span.icon-general-marker, .single-title li span.icon-general-marker {    font-size: 31px;    top: -4px;    left: 3px;font-weight:bold}

.related-posts .related-content li {        font-size: 15px;    padding-left: 35px;}

.single-title li:after, .related-content li:after, .archive-overlay-details li:after {width:1px;height:150%;background:#8b8f90;right:0;top:-25%;content:"";position:absolute;opacity:0.4} 
.single-title li:last-child:after, .related-content li:last-child:after, .archive-overlay-details li:last-child:after  {display:none;}

.archive-overlay-details li:after {background-color:#fff;opacity:1}
.archive-overlay-details li {color:#fff}
.related-content li {    font-size: 10px;    padding-left: 30px;    margin-right: 15px;    padding-right: 15px;}
.related-content li span {font-size:19px}
.related-posts .related-content li span {        font-size: 27px;    top: -4px;}
.single-content .with-border:after {left:0;width:70px;}

.post-featured-image img {width:100%}
.related-posts .related-content p {    font-size: 14px;}

.other-image img {width:100%;height:auto;}
.other-image h3 {font-size:18px;margin-bottom:10px;}
.other-image {width:auto;margin-right:45px;width:calc(100% - 45px);max-width:450px}

.tabel-row:nth-child(odd){background:#f2f2f4}
.tabel-row > div {padding:5px 10px;color:#53556d}
@media screen and (min-width:600px){
	.tabel-row > div:first-child {width:250px;}
.tabel-row > div:last-child {width:calc(100% - 250px);}

}
.tabel-row strong {font-weight:700}

.vacancy-content, .post-content, .fleet-content {float:right;}
.post-featured-image, .post-side, .post-content {margin-bottom:50px}
.post-side .post-featured-image {margin-bottom:0}
.single-fleet .post-featured-image {margin-bottom:0;}
.form-content {    padding: 5% ;    background: #eaeaea;}
.form-content h4 {     
    font-size: 25px;
    letter-spacing: 3px;display:inline-block;}

.apply-form h4 {
	    font-family: "Poppins", sans-serif;
    font-weight: bold;color:#001a50

}


.vessel-info {    border-bottom: 1px solid #dcdcdc;    padding-left: 45px;    padding-bottom: 20px;    padding-right: 10px;    padding-top: 20px;position:relative;}
.vessel-info:before {width:28px;height:28px;top:18px;left:0;content:"";position:absolute;z-index:1;background-size:contain;background-position:center center;background-repeat:no-repeat;}

.dimension-info:before {background-image:url(img/vessels/dimensions.svg)}
.tanks-info:before {background-image:url(img/vessels/amount_tanks.svg)}
.tonnage-info:before{background-image:url(img/vessels/tonnage.svg)}
.dubbelhull-info:before {background-image:url(img/vessels/dubblehull.svg)}
.capacity-info:before {background-image:url(img/vessels/capacity.svg)}
.construction_year-info:before {background-image:url(img/vessels/construction_year.svg)}
.heated_tanks-info:before {background-image:url(img/vessels/heated-tanks.png)}
.transports_products-info:before {background-image:url(img/vessels/transport_products.svg)}

.single .vessel-info h5 {
    color: #878786;
    text-transform: none;
    margin: 0;
    font-size: 17px;
}
.single .vessel-info p {font-size:17px}

@media screen and (min-width:992px){
	.vessel-info {width:50%;}
}
@media screen and (min-width:600px) and (max-width:767px){
	.vessel-info {width:50%;}
}


.related-posts h2 {
    color: #001a50;
    font-size: 24px;
    padding-bottom: 10px;
	margin-bottom:25px;letter-spacing:3px
}
.related-posts h2:after {width:300px;} 

.related-image a {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.related-image {background-color:#f1f1f1;background-size:cover;background-position:center center;padding-bottom:70%;position:relative;}
.related-image > div {position:absolute;width:100%;height:100%;z-index:10;}

.related-image h3 {color:#fff;font-size:22px;text-transform:uppercase;opacity:1;line-height:1.2;margin: 0;letter-spacing:2px}
.related-holder .with-border:after {    left: calc(50% - 65px);    border-color: #fff;}

.related-image:after {    position: absolute;    font-family: 'icomoon';    content: "\e90b";    color: #fff;    font-size: 50px;    z-index: 10;
    line-height: 1;    width: 100%;    text-align: center;    top: calc(50% - 25px);    opacity: 0;}

.related-image:before  {    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    opacity: 0.6;}

.related-holder:hover .related-image:after {opacity:1}
.related-holder:hover .related-image:before {width:calc(100% - 30px);left:15px;height:calc(100% - 30px);top:15px;opacity:0.55;background:#001a50;border-radius:0;} 
.related-holder:hover .related-image h3 {opacity:0;}

.home-vessels .related-image:before,.single .related-image:before{opacity:0.55}

.related-content p:first-child {margin-top:10px;}
.related-vessel .related-content {margin-top:20px}
.related-vessel .related-content h3, .related-vessel .related-content h3 a{color:#001a50;margin:0;letter-spacing:2px;font-weight:700;font-size:16px;font-family: "Poppins", sans-serif;}
.related-vessel .related-content h3 {margin-bottom:5px}

.related-vessel .related-content h3 a:hover, .related-vessel .related-content h3 a:focus {color: #e30613;}
.related-vessel .related-image:after {display:none}

.related-vessel .icon-general-search {    color: #fff;    font-size: 35px;    margin-bottom: 15px;    display: inline-block;}
.related-holder.related-vessel .related-image h3 {    opacity: 1;    font-size: 16px;    letter-spacing: 3px;}

.vessel-info-list, .vessel-info-list li {display:block;text-align:center;margin:0;padding:0;list-style:none;    color: #fff;
    text-transform: uppercase;    letter-spacing: 3px;    font-size: 15px;}
.vessel-info-list li:before {display:none!important}
.vessel-info-list {margin-top:25px!important}


.related-vessel .vessel-info-list {    margin-top: 20px!important;}
.related-vessel .vessel-info-list li {font-size:12px}

.related-vessel > div > div {opacity:0;}
.related-vessel:hover > div > div {opacity:1;}

.related-posts > .medium-10 {margin-bottom:25px;}

.no-post-image.post-content, .no-post-image.fleet-content,.no-post-image .vacancy-content {    padding-left: 10px;}



.related-posts .related-content .related-vacancy-list li {    font-size: 10px;    padding-left: 30px;}
.related-posts .related-content .related-vacancy-list li span {    font-size: 21px;    top: -3px;}
.related-posts .related-content .related-vacancy-list li span.icon-general-marker {           font-size: 22px;
    top: -4px;
    font-weight: bold;
    left: 2px;}






@media screen and (min-width:768px){
	.vacancy-content, .post-content {padding-left:3.5%}
	.vacancy-form , .post-side{padding-right:3.5%;border-right:1px solid #dcdcdc}	
	.fleet-content {padding-left:50px}
	.added-margin-top {margin-top:40px;}
}

.related-image:before, .related-image:after, .related-image h3, .related-vessel > div > div{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.area-row{padding:70px 0 40px}
.area-desc {padding-left:90px;position:relative;margin-top:45px;margin-bottom:30px}
.area-desc:before {width:60px;height:60px;left:10px;top:calc(50% - 30px);background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(img/icons/boot.svg);position:absolute;content:"";}



.area-map {
	width: 100%;
	height: 500px;
}

/* fixes potential theme css conflict */
.area-map img {
   max-width: inherit !important;
}


	@-moz-keyframes pulsate {
		from {-moz-transform: scale(0.25);opacity: 0.3;		}
		95% {			-moz-transform: scale(1.3);			opacity: 0;		}
		to {			-moz-transform: scale(0.3);			opacity: 0;		}
	}
	@-webkit-keyframes pulsate {
		from {			-webkit-transform: scale(0.0);			opacity: 0.3;		}
		95% {			-webkit-transform: scale(1.3);			opacity: 0;		}
		to {			-webkit-transform: scale(0.3);			opacity: 0;		}
	}

	.area-map div[title="areamarker"]{
		-moz-animation: pulsate 1.5s ease-in-out infinite;
		-webkit-animation: pulsate 1.5s ease-in-out infinite;
		border:none;
		-moz-border-radius:80px;
		-webkit-border-radius:80px;
		border-radius:80px;
		-moz-box-shadow: 0 0 0 3px #fff;
		-webkit-box-shadow: 0 0 0 3px #fff;
		box-shadow: 0 0 0 3px #fff;
		background-color:#fff;
		height:80px!important;
		margin:-15px 0 0 -15px;
		width:80px!important;

	}
.area-map div[title="areamarker"] img {		display:none;	}
div[title="areamarker"] img {z-index:100}


.marker-content {  text-align:center;  width: 200px;    display: block;    float: left;}
.marker-content h4 {margin:0 0 5px}
.marker-content p {font-size:15px;}

.gm-style-iw-chr {
    position: absolute;
    right: -7px;
    top: -6px;
    transform: scale(.8);
}
.gm-style .gm-style-iw-c {
    padding-top: 12px !important;
}


/*------------------------------------*\
    SERVICECSS
\*------------------------------------*/
.service-icon, .service-hoverbox h3, .service-hoverbox, .service-image:before {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.related-service .related-image:after {display:none}
img.service-icon {    width: 50px;    margin-bottom: 15px;opacity:1}
.related-holder:hover img.service-icon {opacity:0;}
.service-hoverbox {opacity:0}
.service-hoverbox .icon-general-search {   color: #fff;
    font-size: 45px;
    margin-bottom: 15px;
    display: inline-block;}

.related-holder:hover .service-hoverbox, .related-holder:hover .service-hoverbox h3 {    opacity: 1;}


.home-service-box h3 {    color: #fff;margin-bottom:5px;letter-spacing:2px;}
p.service-hover-content {
    color: #fff;
    font-size: 14px;
    padding: 0 5%;display:none;line-height:1.3
}
.home-service-box img.service-icon {width:100%;max-width:120px;max-height:50px}

.service-image:before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1;
    background: #000;    opacity: 0.3;}
.home-service-box:hover .service-image:before {    width: 100%;    left: 0;    height: 100%;    top: 0;    opacity: 0.75;    background: #540000;}

.service-image {overflow:hidden;position:relative;padding-bottom:80%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.service-image > a {position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:100}

.service-image >div {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}


.archive-service-box {padding:0 15px}
.service-archive {    margin-top: -120px;}

.service-image.half-formaat {padding-bottom:60%}
.archive-service-box {margin-bottom:30px}
.home-service-box {margin-bottom:20px}

@media screen and (min-width:600px){
	.home-service-box {width:50%;}
}
	
@media screen and (min-width:992px){
	.home-service-box {width:50%;}
}

/*------------------------------------*\
    ARCHIVEN
\*------------------------------------*/

.archive-row {padding:70px 0 40px}
.archive-content-holder {      margin-bottom: 30px;  }


.archive-image h3 {color:#fff;font-size:38px;text-transform:uppercase;opacity:1;line-height:1}
.archive-content-holder .with-border:after {    left: calc(50% - 125px);    border-color: #fff;width:250px}

.archive-image > a {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.archive-image {background-color:#f1f1f1;background-size:cover;background-position:center center;position:relative}
.archive-image:before  {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#081330;opacity:0.4}


.archive-overlay-details {    position: absolute;    z-index: 10;    width: 100%;    height: 100%;    overflow: hidden;    left: 0;    top: 0;    padding: 50px 30px;opacity:1;}

.archive-overlay-content {    position: relative;    z-index: 110;    min-height: 330px;    padding: 50px 30px;opacity:0;}
.archive-overlay-content p {color:#fff;font-size:20px;line-height:1.6}

.archive-content-holder:hover .archive-overlay-details {opacity:0;}
.archive-content-holder:hover .archive-overlay-content {opacity:1;}
.archive-content-holder:hover .archive-image:before {width:calc(100% - 30px);left:15px;height:calc(100% - 30px);top:15px;opacity:0.55;background:#001a50;;border-radius:0;} 

.archive-content-holder:hover .archive-image{
	-webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.39);
box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.39);
}


.service-archive-top-desc {margin-bottom:45px}
.details-services p {font-size:inherit!important}
.details-services h3 {font-size:20px!important}

.archive-image:before, .archive-overlay-content, .archive-overlay-details, .archive-image{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (min-width:768px){
	.archive-content-holder:last-child {padding-left:16px;padding-right:0}
	.archive-content-holder:first-child {padding-right:16px;padding-left:0}
	
.service-archive-top-desc {margin-bottom:75px}

}
/*------------------------------------*\
    SLIDER/BANNER
\*------------------------------------*/
.banner-slide {background-size:cover;background-position:center center;position:relative;min-height:500px;}
.banner-slide:before {content:"";position:absolute;z-index:1;width:100%;height:100%;opacity:0.4;left:0;top:0;}
.dark-overlay:before {background:#000a2d}

.banner-slider-holder {    position: relative;}

.slide-content {position:relative;z-index:10;padding:160px 0}
.slide-content h2 {color:#fff;font-size:60px;text-shadow:2px 3px 5px rgba(0, 0, 0, 0.54);margin:0 0 20px}
.slide-content p {font-size:25px;color:#fff;text-shadow:1px 2px 3px rgba(0, 0, 0, 0.54);margin:0 0 30px;text-transform:none;font-family: "Poppins", sans-serif;}
.slide-content p:last-child, .slide-content h2:last-child {margin:0}


.slider-nav {position:absolute;top:calc(50% - 20px);font-size:40px;color:#fff;content:"";background-position:center center;z-index:10}
.slider-prev {left:5px;}
.slider-next {right:5px;}

.slider-nav span{    display: inline-block;}
.slider-nav:hover span{ 
	  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari prior 9.0 */
  transform: rotate(180deg); /* Standard syntax */
}


.maaskade-slide-icon {text-align:center;margin-bottom:40px;position:relative;}
.maaskade-slide-icon img {width:100%;max-width:160px;margin:0 auto}





ul.slick-dots {    position: absolute;    left: 0;    bottom: 100px;    width: 100%;    z-index: 30;text-align:center}
ul.slick-dots li {display:inline-block;text-indent:-99999px;overflow:hidden;width:16px;height:16px;background:#fff;border-radius:50%;opacity:0.6;    margin: 0 5px!important;padding:0!important;}
ul.slick-dots li:hover, ul.slick-dots .slick-active {opacity:1;}
ul.slick-dots li:before {display:none}
.single-content ul.slick-dots {bottom:20px}

.post-image-slider .post-featured-image{	margin-bottom:0;}
.post-image-slider {margin-bottom:50px}
a.scroll-down {
    position: absolute;
    color: #fff;
    font-size: 54px;
    z-index: 99;
    left: calc(50% - 16px);
    bottom: 10px;
    cursor: pointer;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.70);
}

a.scroll-down{
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}
a.scroll-down  {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

/*------------------------------------*\
    SIMPLE CONTENT CORRECT
\*------------------------------------*/

.single-content.simple-content p {    font-size: inherit;}
.single-content.simple-content {    padding-bottom:60px}

.single-content.simple-content .text-center .with-border:after {    left: calc(50% - 35px);}
/*------------------------------------*\
    ANIMATIE
\*------------------------------------*/

/*Banner/Slider*/
.slide-content h2, .slide-content p, .slide-content .btn,
.pagina-banner h1, .pagina-banner-content {
opacity:0;
-ms-transform: translate(0,100px);   -webkit-transform: translate(0,100px);  transform: translate(0,100px); 
}

.active-first .slide-content h2, .active-second .slide-content p,.active-third .slide-content .btn,
.active-first.pagina-banner h1, .active-second .pagina-banner-content{
	opacity:1;
-ms-transform: translate(0,0);   -webkit-transform: translate(0,0);  transform: translate(0,0); 
}

.slide-content h2, .slide-content p, .pagina-banner h1, .pagina-banner-content{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}


/*Contentblokken*/
.double-image, 
.animate-up-first, .animate-up-second{opacity:0;
-ms-transform: translate(0,100px);   -webkit-transform: translate(0,100px);  transform: translate(0,100px); }

.double-column-content {opacity:0;
-ms-transform: translate(100px,0);   -webkit-transform: translate(100px,0);  transform: translate(100px,0); }


.animated-third .double-image:nth-child(1), .animated-second .double-image:nth-child(2), .animated .double-column-content,
.animated .animate-up-first, .animated-second .animate-up-second
{
	opacity:1;
-ms-transform: translate(0,0);   -webkit-transform: translate(0,0);  transform: translate(0,0); 
}



.partner-box{opacity:0;	  -ms-transform: scale(0.7);  -webkit-transform: scale(0.7);  transform: scale(0.7); }
.visible-partner .partner-box{opacity:1;	  -ms-transform: scale(1);   -webkit-transform: scale(1);   transform: scale(1); }


.double-image, .double-column-content, .double-column-content h2,
.animate-up-second, .animate-up-first,
.partner-box{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}






/*------------------------------------*\
    BTNS
\*------------------------------------*/

.btn {font-size:16px;text-transform:uppercase;color:#fff;letter-spacing:2px;min-width:130px;padding:15px 30px;border-radius:3px;background:#b60808;display:inline-block;font-weight:bold;font-family: "Poppins", sans-serif;}

.btn:hover, .btn:focus {background:#450708;color:#fff}

.btn.blue-btn {background:#000935;color:#fff}
.btn.blue-btn:hover, .btn.blue-btn:focus {background:#e30613;}

.orange-before .btn {background:#001a50;color:#fff}
.orange-before .btn:hover, .orange-before .btn:focus {background:#e30613;}

/*------------------------------------*\
    MAASKADE GROUP & SCROLL TO TOP
\*------------------------------------*/
.scroll-to-top {position:fixed;bottom:-50px;right:30px;border-radius:3px;width:40px;height:40px;color:#fff;background:#e30613;cursor:pointer;z-index:7010;    padding-top: 10px;text-align:center;}
.scroll-to-top img {display:block;margin:0 auto;height:20px;width:auto;}


.show-scroll.scroll-to-top {bottom:30px;}




.sidebar-fixed {    line-height: 1;position:fixed;z-index:7000;top:95px;right:-100px;width:80px;background:#0f0423;-webkit-box-shadow: -3px 3px 6px 1px rgba(0,0,0,0.26);-moz-box-shadow: -3px 3px 6px 1px rgba(0,0,0,0.26);box-shadow: -3px 3px 6px 1px rgba(0,0,0,0.26);}
.sidebar-fixed h5 {color:#fff;font-size:9px;margin:0}
.sidebar-fixed h5 a {color: #fff;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;}

.sidebar-fixed.show-sidebar {right:0;}


.sidebar-title {text-align:center;padding:10px 0;border-bottom:1px solid #243767;
background: linear-gradient(to bottom,  #112252 0%,#7a849e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.sidebar-title h5 span {font-weight:normal}

.group-box {background:#0e1f50;border-bottom:1px solid #243767;width:100%;height:80px;text-align:center;position:relative}
.group-box .overlay {z-index:10;}
.group-box:hover {    background: #34467b;}
.group-icon {    max-width: 30px;    max-height: 30px;    margin-bottom: 10px;    display: inline-block;}




.scroll-to-top, .group-box, .sidebar-fixed{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}



/*------------------------------------*\
	CONTACt
\*------------------------------------*/
.maps-row {background:#ccc}
.maps-row img {width:100%;}

.home .contact-row {border:none}

.contact-row {    padding: 50px 0 20px;    border-top: 1px solid #dadada;}
.contact-row-content p {color:#a6a6a6;font-style:italic;font-size:18px}
.form-tabs {margin-top:20px;margin-bottom:60px}
.form-tabs, .form-tabs a {    color: #e30613;    font-size: 18px;    text-transform: uppercase;}
.form-link {
    display: inline-block;
    margin: 0 10px;
    border-bottom: 2px solid transparent;cursor:pointer
}
.form-link:hover,.form-link.active-form-link {border-color: #e30613;font-weight:600}

.contact-info-row, .contact-form-form, .maps-row  {display:none}
.contact-info-row.active-form, .contact-form-form.active-form,.maps-row.active-form {display:block}

.contact-info-row h4 {    font-size: 18px;    margin: 0 0 5px;}
.contact-info-row h4 ~ p {    font-size: 16px;}

.contact-info-row > div {margin-bottom:45px}
.contact-info-row .icon-box {margin-bottom:25px;}
.contact-info-row .icon-box.adres-box {    margin-bottom: 55px;}
.icon-box {position:relative;padding-left:70px;    line-height: 1;}
.icon-box h5 {font-size:13px;margin:0}

.icon-box p, .icon-box a {color:#818586;font-size:13px}
.icon-box a {text-decoration:underline}
.icon-box a:hover {color:#e30613}

.icon-box:before {color:#e30613;position:absolute;left:0;top:calc(50% - 20px);content:"";    top: -3px; font-family: 'icomoon';    font-size: 40px;}

.adres-box:before {content: "\e90f";}
.call-box:before {content: "\e911";}
.fax-box:before {content: "\e90c";}
.mail-box:before {content: "\e90d";}



div.wpcf7-response-output {
    margin: 0;
    padding: 10px 20px;
    border: 2px solid #E30012;
	color:#fff;
	background:#E30012;
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%;
    width: calc(100% - 20px);
    margin-left: 10px;
    text-align: center;
}
.wpcf7 form .wpcf7-response-output {padding:10px 20px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {    border: 2px solid #E30012;
	color:#fff;
	background:#E30012;}

span.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {
    border-color: #E30012!important;
}
.wpcf7-submit {
color: #fff;
    border: none;
    outline: none;
    padding: 20px 20px 20px 65px;
    background-image: url(img/icons/submit-icon.svg);
    background-size: 40px;
    background-position: 15px center;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-color: #b60808;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 52px;
    border-radius: 3px;
    outline: none;
}
span.wpcf7-form-control.wpcf7-acceptance {
    display: block;
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
	    background-color: #e30613;outline:none
}

input,textarea {outline:0}
.wpcf7-text {
    width: 100%;
    box-sizing: border-box;
    height: 42px;
    padding-left: 15px;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;background:#fff;
	font-size:15px;color:#818586
}
.wpcf7-textarea {
    width: 100%;
    resize: none;
    padding-left: 15px;
    padding-top: 7px;
    height: 180px;
    margin-bottom: 15px;
	 border: 1px solid #e1e1e1;background:#fff;font-size:15px;color:#818586
}
.wpcf7-text:focus, .wpcf7-textarea:focus{border-color:#e30613}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {margin-bottom:15px}

input[type="checkbox"] ~ .wpcf7-list-item-label {padding-left:35px;position:relative;display:inline-block;    font-size: 15px;
    color: #001a50;}
input[type="checkbox"] ~ .wpcf7-list-item-label:before {content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border:1px solid #001a50}
input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after {content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background:#001a50}
span.wpcf7-list-item {margin:0}

/*------------------------------------*\
	HEADER/NAVI
\*------------------------------------*/
.header-logo {width:143px} 
.language-holder {width:160px}
.language-holder {    margin-top: 7px; }
.navgation-hold {width:calc(100% - 143px);}
.desktop-nav {width:calc(100%);}

header .wrapper {width:95%;max-width:100%}

header {z-index:9998;position:fixed;top:0;left:0;width:100%;background-color:rgb(14 32 80 / 80%);border-bottom:1px solid #fff;padding:10px 0;line-height:1}
header.fixed-header, .single header, .page-template-page-simple header {background-color:#0e2050}


header ul, header li {position:relative;padding:0;margin:0;list-style:none}

header li {display:inline-block}
header .sub-menu {
	display:none;
    position: absolute;
    top: 21px;
    background:rgb(14 32 80 / 80%);
    width: 180px;
    left: calc(50% - 90px);
    border-bottom: 1px solid #fff;
}
header .sub-menu li, header .sub-menu li a {
    display: block;
}
header .sub-menu li a {padding:0;text-align:left}
header .sub-menu li {margin-bottom:10px;padding:0 10px;}
header .sub-menu li:last-child {margin-bottom:0;padding-bottom:15px}
header .sub-menu li:first-child {padding-top:15px;}

header li:hover .sub-menu {display:block}

.desktop-navigation {text-align:center;    margin-top: 19px;}
.desktop-navigation a, .desktop-navigation .anchor-link.current-menu-parent > a, .desktop-navigation .anchor-link.current-menu-item > a {font-size:12px;color:#fff;text-transform:uppercase;display: block;    float: left;}
.desktop-navigation > ul > li {margin: 0 20px;}
.desktop-navigation > ul > li > a {padding:3px 0px 3px;position:relative;}
.desktop-navigation > ul > li > a:after, 
.desktop-navigation .anchor-link.current-menu-parent > a:after, .desktop-navigation .anchor-link.current-menu-item > a:after{width:0;height:2px;left:50%;bottom:0; background: #E30012;position:absolute;content:"";opacity:0}
.desktop-navigation ul ul a {float:none}


.menu-item > span {display:none}
.menu-item-has-children > span {
    position: absolute;
    content: "";
    font-size: 5px;
    width: 10px;
    height: auto;
    color: #E30012;
    top: 8px;
    right: -3px;
    display: block;-ms-transform: rotate(-180deg); /* IE 9 */
  -webkit-transform: rotate(-180deg); /* Safari prior 9.0 */
  transform: rotate(-180deg);
}

.desktop-navigation > ul > li.menu-item-has-children > a {
    padding-right: 12px;
}
.desktop-navigation li:hover a~ span, .desktop-navigation li:focus a ~ span, .desktop-navigation .current-menu-parent > a ~ span, .desktop-navigation .current-menu-item > a ~ span {
    color: #E30012;
	  -ms-transform: rotate(0); /* IE 9 */
  -webkit-transform: rotate(0); /* Safari prior 9.0 */
  transform: rotate(0); /* Standard syntax */
	
}

.desktop-navigation li:hover > a, .desktop-navigation li:focus > a, .desktop-navigation .current-menu-parent > a, .desktop-navigation .current-menu-item > a, 
.desktop-navigation .anchor-link.current-menu-parent:hover > a, .desktop-navigation .anchor-link.current-menu-item:hover > a{
    color: #E30012;
}
.desktop-navigation li:hover > a:after, .desktop-navigation li:focus > a:after, .desktop-navigation .current-menu-parent > a:after, .desktop-navigation .current-menu-item > a:after,.desktop-navigation .anchor-link.current-menu-parent:hover > a:after, .desktop-navigation .anchor-link.current-menu-item:hover > a:after {
   width:100%;left:0;width:100%;opacity:1;
}

.desktop-navigation .anchor-link.current-menu-parent > a:after, .desktop-navigation .anchor-link.current-menu-item > a:after {opacity:0;}
 


.wpml-ls-legacy-dropdown li, .wpml-ls-legacy-dropdown ul {display:block;width:100%;}
.wpml-ls-legacy-dropdown a {
    border: 1px solid #fff;
    font-size: 12px;
    padding: 4px 10px;
    color: #fff;
    text-transform: uppercase;background:none
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    font-family: 'icomoon' !important;
    content: "\e903";
    border: none;
    font-size: 6px;
    top: calc(50% - 2px);
}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    color: #000;
    background: #fff;
}




.mobile-btn-holder {display:none;width: 60px;    float: right;
    margin-top: 10px;
cursor:pointer;}
.mobile-btn {    width: 60px;    height: 40px;position:relative;	}
.mobile-btn span {width:40px;height:2px;background:#fff;position:absolute;top:10px;content:"";left:10px}
.mobile-btn span:nth-child(2){top:28px}



.mobile-btn.open-nav span:nth-child(1){	  -ms-transform: rotate(45deg);   -webkit-transform: rotate(45deg);  transform: rotate(45deg);top:19px}
.mobile-btn.open-nav span:nth-child(2){	  -ms-transform: rotate(-45deg);   -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);top:19px}
.mobile-navigation ul, .mobile-navigation li {padding:0;margin:0;list-style:none;display:block;position:relative;}
.mobile-navigation .sub-menu {display:none}


.mobile-navigation a {    color: #fff;    font-size: 20px;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.14);padding: 5px 0}
.mobile-navigation a:hover, .mobile-navigation .current-menu-item > a,  .mobile-navigation .current-menu-ancestor > a {    color: #e30613;}



.side-nav {position:fixed;height:100%;width:100%;max-width:275px;background:#000935;z-index:9999;top:0;right:-275px;display:none;padding:30px 10px 0}
.side-nav .menu-item-has-children > span {    right: 0;    height: 39px;    top: 0;    width: 39px;    text-align: center;    font-size: 8px;
    padding-top: 16px;-ms-transform: rotate(-180deg); /* IE 9 */
  -webkit-transform: rotate(-180deg); /* Safari prior 9.0 */
  transform: rotate(-180deg); /* Standard syntax */}
.mobile-navigation .sub-menu a {    padding-left: 10px;    font-size: 17px;}


.side-nav .menu-item-has-children > span.open-nav {  -ms-transform: rotate(0); /* IE 9 */
  -webkit-transform: rotate(0); /* Safari prior 9.0 */
  transform: rotate(0); /* Standard syntax */}

@media screen and (max-width:1350px){
	.desktop-navigation > ul > li {margin:0 10px}
	.desktop-navigation > ul > li > a {    padding: 3px 0px 6px;    position: relative;}
}

@media screen and (max-width:1100px){
	.desktop-nav {display:none}
	.mobile-btn-holder, .side-nav {display:block;}
	.language-holder {    width: calc(100% - 60px);}
	.wpml-ls-legacy-dropdown {    max-width: 140px;    float: right;}
	
	
	header.open-nav {left:-275px}
	.side-nav.open-nav {right:0}
}



.mobile-btn span, header, .side-nav{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/
footer {background:#263661}

.footer-top {padding:45px 0 20px;}
.footer-copyright {background:#0e2050;padding:40px 0 35px;border-top:1px solid #687391 }

footer p, footer a {color:#b4bac7}
.footer-logo a, footer a:hover, footer a:focus {color:#E30012}

footer h4 {color:#fff;font-size:15px;letter-spacing:2px;font-weight:700}

.footer-copyright, .footer-copyright a, .footer-copyright p {font-size:14px;color:#fff!important;line-height:1.5}
.footer-copyright ul, .footer-copyright li {padding:0;margin:0;list-style:none;}
.footer-copyright li {margin-right:5px;margin-left:5px;position:relative;display:inline-block}
.footer-copyright li:after {content:"";width:1px;background:#fff;height:60%;top:20%;right:-8px;position:absolute;}
.footer-copyright li:last-child:after {display:none}
.footer-copyright a:hover, .footer-copyright a:focus {color:#E30012!important}
.footer-logo img {max-width:180px}
.footer-copyright li:first-child {margin-left:0;}
.footer-copyright li:last-child {margin-right:0;}
.footer-top ul, .footer-top li {padding:0;margin:0;list-style:none;display:block;}

.footer-widgets li {padding:10px 0;border-bottom:1px solid #b4bac7}
.footer-widgets li:first-child {padding-top:0;}
.footer-widgets a, .footer-widgets p, .footer-widgets {font-size:15px}
.footer-widgets a {position:relative;padding-left:20px;display:block;    color: #b4bac7;}
.footer-widgets a:hover, .footer-widgets a:focus {color:#E30012}
.footer-widgets a:before {     content: "\e905";    font-family: 'icomoon';    position: absolute;    top: 3px;    font-size: 10px;    left: 0;}
.footer-social ul {    text-align: left;}

.footer-social a {    margin: 0 10px 0 0;    width: 40px;    display: inline-block;    text-align: center;    border-radius: 50%;    height: 40px;    border: 1px solid #b4bac7;color:#b4bac7;
  padding-top: 9px;
    line-height: 1;
    font-size: 21px;}
.footer-social a:hover, .footer-social a:focus {background-color:#E30012;border-color:#E30012;color:#fff}

.footer-social ul:last-child {
    margin-bottom: 0;
}

.footer-social ul {
    text-align: left;
    display: block;
    margin-bottom: 10px;
}


@media screen and (min-width:768px)and (max-width:991px){
	.footer-social ul, .footer-social {    text-align: right;}
	.footer-social a {margin:0 0 0 10px}
}

footer span.post-date {    display: none;}



@media screen and (max-width:767px){
	.footer-copyright .medium-10,.footer-logo, .footer-social, .footer-widgets {text-align:left}
	
	.footer-logo img {max-width:140px}
}

@media screen and (min-width:768px){
	.footer-copyright .medium-10:last-child {text-align:right;}
	.footer-logo, .footer-social {width:50%;}
	.footer-widgets .medium-10:first-child {    padding-right: 5%;}
	.footer-widgets .medium-10:last-child {    padding-left: 5%;}
}


@media screen and (min-width:992px){
	
	.footer-social {float:right;}
	.footer-copyright li:first-child {margin-left:0;}
	.footer-copyright li:last-child {margin-right:0;}
	.footer-logo {width:220px;}
	.footer-social { width: 150px;}
	.footer-widgets {width:calc(100% - 370px);padding: 0 5%;}

}


/*------------------------------------*\
    RESPONSIVEFIX
\*------------------------------------*/

.banner-slider-holder {    position: relative;}



@media screen and (min-width:768px) and (max-width:1200px){
	.archive-overlay-details li {display:block;margin-right:0;margin-bottom:15px}
	.archive-overlay-details li:last-child {margin-bottom:0}
	.archive-overlay-details ul {display:inline-block;margin:0 auto!important;width:auto;    float: none;}
	.archive-overlay-details li:after {display:none}
}
@media screen and (min-width:768px) and (max-width:1000px){
.single-title li {display:block;margin-right:0;margin-bottom:15px}
.single-title li:last-child {margin-bottom:0}
	.single-title li:after {display:none}
}
@media screen and (max-width:1300px){
	.vessel-info-list, .vessel-info-list li{letter-spacing:2px}

}
@media screen and (max-width:1100px){
	.slide-content h2, .pagina-banner h1 {font-size:50px}
	.slide-content {padding-left:20px!important;padding-right:20px!important}
	.slide-content p {    font-size: 22px;}
	
	.call-to-action h2 {    font-size: 38px;	}
	.call-to-action h3 {    font-size: 22px;margin-bottom:50px}
.fleet-row {    padding: 60px 0 145px;}	
	
	
		.archive-overlay-content p {    color: #fff;    font-size: 18px;    line-height: 1.4;}
	.archive-image h3 {font-size:33px}
	
	.vessel-info-list, .vessel-info-list li{letter-spacing:1px}
}

.mobile-maps {display:none}
.desktop-maps {display:block}

@media screen and (max-width:800px){
	.mobile-maps {display:block}
.desktop-maps {display:none}
	.contact-info-row .icon-box.adres-box {    margin-bottom: 25px;}
	
	.slide-content h2, .pagina-banner h1 {font-size:40px}
	.slide-content p {    font-size: 20px;}
	.slide-content{padding:120px 0 160px}
	.maaskade-slide-icon {margin-bottom:50px}
	.maaskade-slide-icon:after {bottom:-30px}
	.btn {    font-size: 15px;}
	
	.certificate-top-row {padding-bottom:50px}
	.certificate-bottom-content-row {    margin-top: 20px;}
	
	.hiring-box {margin-bottom:0}
	
	.call-to-action h2 {    font-size: 32px;	}
	.call-to-action h3 {    font-size: 20px;}
	
	h1, h2, h3, h4, h5, h6 {    font-size: 26px;    letter-spacing: 2px;}
	h5 {    font-size: 18px;    letter-spacing: 1px;}
	
	.staff-holder {    margin-bottom: 10px;    margin-top: 30px;}
	
	.slider-navigation {    width: 100%;    margin-left: 0;    margin-bottom: 10px;}
	
.archive-image h3 {font-size:26px}

	
}

@media screen and (max-width:767px){
	.maaskade-slide-icon img {    width: 100%;    max-width: 120px;    margin: 0 auto;}
	
	
	.footer-social ul {display:inline-block;}
	.fleet-row {    padding: 60px 0 65px;}	
	.searchandfilter input[type="radio"] ~ label {font-size:14px}
	.call-to-action {padding:90px 0}
	.partner-box {padding:15px}
	
	.milestonebox:first-child h4, .milestonebox:last-child h4 {    font-size: 25px;}
	.milestonebox h4 {letter-spacing: 2px;		font-size: 18px;}
	
	.pagina-banner {    padding: 130px 0 90px;	}
	
	
	.single-content h1 {    font-size: 24px;}
	.single-content {    padding: 60px 0}
	.related-posts h2, .form-content h4 {font-size:20px}
	
	.form-content {		padding: 20px 10px;}
	
	.archive-content-fleet h3 {font-size:20px}
	.vessel-info-list, .vessel-info-list li {font-size:13px}
	
	.staff-column {padding:0 15px}
	.contact-info-row > div {
    margin-bottom: 25px;
}
}


@media screen and (max-width: 501px){
	.slide-content h2, .pagina-banner h1 {font-size:35px}
	.slide-content p {    font-size: 21px;}
	
	.staff-column {width:100%}	
	.staff-contact li {display:block;text-align:left}
	.staff-contact ul {display:inline-block;width:auto;margin:0 auto}
	.staff-foto {padding-bottom:90%}
	
		.language-holder {display:none}
	.mobile-btn-holder {float:right}
	.mobile-language-holder {display:block;width: 100%;    padding: 0;}
	.wpml-ls-legacy-dropdown {    max-width: 100%;    float: right;    margin-top: 10px;}
		
	.call-to-action h2 {    font-size: 26px;	}

	
	.archive-overlay-details li {display:block;margin-right:0;margin-bottom:15px}
	.archive-overlay-details li:last-child {margin-bottom:0}
	.archive-overlay-details ul {display:inline-block;margin:0 auto!important;width:auto;    float: none;}
	.archive-overlay-details li:after {display:none}
	.single-title li {display:block;margin-right:0;margin-bottom:15px}
.single-title li:last-child {margin-bottom:0}
	.single-title li:after {display:none}
	
	.footer-copyright, .footer-copyright a, .footer-copyright p {font-size:13px}
}


@media screen and (max-width: 600px){
.home-vessels {
    width: 100%;
    margin-bottom: 20px;
}	
}



.desktop-maps {    display: block;}
.mobile-maps {    display: none;}

@media screen and (max-width: 800px){
.desktop-maps {    display: none;}
.mobile-maps {    display: block;}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#982821;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}



/*------------------------------------*\
    Iconen
\*------------------------------------*/




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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-banner-left:before {
  content: "\e900";
}
.icon-arrow-banner-right:before {
  content: "\e901";
}
.icon-general-agenda:before {
  content: "\e902";
}
.icon-general-chevron-down:before {
  content: "\e903";
}
.icon-general-chevron-left:before {
  content: "\e904";
}
.icon-general-chevron-right:before {
  content: "\e905";
}
.icon-general-chevron-up:before {
  content: "\e906";
}
.icon-general-clock:before {
  content: "\e907";
}
.icon-general-marker:before {
  content: "\e908";
}
.icon-general-mouse:before {
  content: "\e909";
}
.icon-general-plane:before {
  content: "\e90a";
}
.icon-general-search:before {
  content: "\e90b";
}
.icon-sociaal-fax-round:before {
  content: "\e90c";
}
.icon-sociaal-mail-round-open:before {
  content: "\e90d";
}
.icon-sociaal-mail-round:before {
  content: "\e90e";
}
.icon-sociaal-marker-round:before {
  content: "\e90f";
}
.icon-sociaal-mobile-round:before {
  content: "\e910";
}
.icon-sociaal-phone-round-open:before {
  content: "\e911";
}
.icon-sociaal-phone-round:before {
  content: "\e912";
}
.icon-specifiek-golven:before {
  content: "\e913";
}
.icon-specifiek-logo:before {
  content: "\e914";
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}