@font-face{
	font-family:"JosefinSans";
	src:url("../fonts/JosefinSans-Light.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"JosefinSans";
	src:url("../fonts/JosefinSans-Regular.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face{
	font-family:"JosefinSans";
	src:url("../fonts/JosefinSans-Bold.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

body {
   margin: 0px;
   padding: 0px;
   /*font-family: century gothic, helvetica, arial, tahoma, timescentury gothic, segoe UI, helvetica;*/
   font-size: 16px;
}
* {

   font-family: 'JosefinSans', century gothic, helvetica, arial, tahoma, timescentury gothic, segoe UI, helvetica;
}
.facebook_like_container {
   padding: 12px;
   position: absolute;
   right: 0px;
   top: 0px;
}
.bg_container {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-image: url(../img2/amazon_bg_1.jpg);
   background-image: url(../img2/amazon_bg_blur.jpg);

   background-image: url(../img2/amazon_bg_blur2.jpg);
   background-image: url(../img2/amazon_bg2.jpg);
   background-image: url(../img2/slide_construct.jpg);
   background-image: url(../img2/slide_construct2.jpg);
   background-image: url(../img2/bg_pelatis.png);
   background-size: cover;
   background-repeat: no-repeat;
   /*filter: blur(8px);*/
   -webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
   -webkit-transform: translate3d(0,0,0);
   -webkit-transform: translateZ(0);
   backface-visibility: hidden;
   perspective: 1000;
   transform: translate3d(0,0,0);
   transform: translateZ(0);
   /*opacity: 0.7;*/
   /*opacity: 0.3;*/
   background-position: center center;
    animation: sk-rotateplane 60s infinite ease;
}
.content_contact_container {
    padding: 3% 3% 0% 3%;
       padding: 50px 3% 150px 3%;
           padding: 0px 3% 150px 3%;
       font-size: 14px;
       padding: 5%;
       background: #212121;
       background: #fff;
          padding: 3% 5% 5% 5%;
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: translate3d(0,0,0) scale(1);


  } 50% {
	 -webkit-transform: translate3d(-20%,0,0) scale(1.5);
	 -webkit-transform: translate3d(0%,0,0) scale(5.5);


  }
  100% {
	 -webkit-transform: translate3d(0,0,0) scale(1);


  }


}


@keyframes sk-rotateplane {
   0% {
     /*transform: translateX(0%) translateZ(0) scale(1);*/
     transform: translate3d(0,0,0) scale(1);


   } 50% {
 	/* transform: translateX(-10%) translateZ(0) scale(2);*/
 	 transform: translate3d(-20%,0,0) scale(1.5);
 	 transform: translate3d(0%,0,0) scale(5.5);


   }
   100% {
 	 /*transform: translateX(0%) translateZ(0) scale(1);*/
 	  transform: translate3d(0,0,0) scale(1);


   }
}

.content {
   text-align: center;
   position: relative;
   z-index: 10;
    min-height: 100vh;
   /* background: #00000069; */
}
.content::before {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   background-image: url(../img2/pelatis_patroon.png);
   background-size: 3%;
   opacity: 0.95;
   z-index: -1;
}
.mylab_logo {
   width: 30%;
   width: 35%;
   width: 20%;
   width: 30%;
   padding-top: 8%;
   padding-bottom: 8%;
   display: block;
   margin: 0 auto;
}
.mylab_logo img {
   width: 100%;
   display: block;
}

.main_wrap {
   text-align: center;
}
.artsen_link {
   display: inline-block;
margin: 5%;
background-color: #142e65;
color: #fff;
text-decoration: none;
padding: 10px 50px;
border-radius: 5px;
background: rgba(255, 255, 255, 0.86);
color: #142e65;
font-size: 20px;
transition: 1s ease;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
}.artsen_link:hover {
   background-color: #142e65;
   color: #fff;
   transform: scale(1.1);
}
.artsen_link_active {
   background-color: #142e65;
   color: #fff;
}
.footer_txt {
    position: absolute;
    bottom: 0px;
    left: 10%;
    width: 90%;
    /* background: #fff; */
    padding: 15px;
    /* background: #142e65; */
    /* background: #283375; */
    /* background: #1d74bd; */
    color: #fff;
    /* background: #212121; */
    font-size: 10px;
    box-sizing: border-box;
    text-align: right;
}
.weblocher_lnk {
   color: lightblue;
    color: #c3c9ec;
       color: #a9d7ff;
          color: #f7d493;
   text-decoration: none;
   transition: 0.5s ease;
}
.weblocher_lnk:hover {
   color: red;
       color: #db591d;
       color: #fff;
}
.mailen {
   color: #142e65;
   color: #db5611;
   color: #ed1e25;
   text-decoration: none;
   font-weight: bold;
   transition: 0.4s ease;
   color: #b48325;
   font-weight: 500;
	    color: #f78f22;
}
.arrow_down {
   width: 40px;
   display: inline-block;
   padding: 5%;
       padding: 2% 5% 5% 5%;
}
.mailen:hover {
   color: red;
           color: #b5470e;
           color: #ff373e;
               color: #e2ad46;
color: #ffc282;
}
.line_top {
   width: 50%;
   margin: 0 auto;
   border-top: 1px solid #fff;
}
.opening {
   border-top: 1px solid #fff;
width: 50%;
display: block;
margin: 0 auto;
padding: 5% 0% 0% 0%;
color: #5a9bd2;
color: #fff;
font-size: 25px;
}
.opening_container {
   color: #fff;
   text-align: center;
}
iframe {
   width: 100%;
    height: 340px;
    overflow: hidden;
    /* padding-top: 20px; */
    /* background: blue; */
   /* background-color: rgba(81, 121, 156, 0.71);*/
}
.iframe_hider {
   display: block;
   position: relative;
   height: 0px;
   opacity: 0;
   transition: all 1s ease;
   overflow:hidden;
}
.iframe_hider_visible {
   height: 340px;
   opacity: 1;
}
.header_construction {
	font-size: 28px;
	font-size: 3vw;
	font-size: 2.5vw;
	/* text-transform: uppercase; */
	color: #283375;
	color: rgba(255, 255, 255, 0.71);
    padding: 8% 0% 5% 0%;
	display: block;
	position: relative;
	/* font-weight: bold; */
}
b {

}
.footer_contact_center {
    position: relative;
   /* width: 85%;*/
    font-size: 0px;
    margin: 0 auto;
    /*padding: 3% 0%;*/
}
.one_tirth {
    width: 33.3%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    vertical-align: middle;
    text-align: center;
    font-size: 0px;
}
.footer_icon {
    width: 14%;
    display: inline-block;
    vertical-align: middle;
    padding: 5%;
}
.footer_icon img {
	width: 100%;
}
.footer_information {
    width: 60%;
    font-size: 15px;
    font-size: 1vw;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    color: #fff;

}
.logo_balk {
	width: 100%;
	display: flex;
	position: relative;
    align-items: stretch;
	     min-height: 100vh;
}
.logo_font {
	position: relative;
	width: 65%;
}
.logo_orange {
	background-color: #F78F22;
	width: 10%;
	display: inline-block;
	position: relative;
	    box-sizing: border-box;
}
.witte_lijn {
	position: absolute;
	width: 3px;
	height: 100%;
	background: #fff;
	right: 0px;
}
.one_tirth {
		display: block;
		z-index: 5;
		position: relative;
}
.logo_blue {
	background-color: blue;
	    width: 90%;
	    display: inline-block;
	    text-align: left;
	    padding: 3%;
		 background: rgb(4,53,61);
background: -moz-linear-gradient(left, rgba(4,53,61,1) 0%, rgba(1,70,86,1) 100%);
background: -webkit-linear-gradient(left, rgba(4,53,61,1) 0%,rgba(1,70,86,1) 100%);
background: linear-gradient(to right, rgba(4,53,61,1) 0%,rgba(1,70,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04353d', endColorstr='#014656',GradientType=1 );
    box-sizing: border-box;
	    /* width: 30%; */
}
.worldmap {
	width: 40%;
	position: fixed;
	bottom: 50px;
	right: 50px;
}
.hide {
   display: none;
}
@media screen and (max-width: 1100px) {
   .arrow_down {
    width: 40px;
    display: inline-block;
    padding: 5%;
    padding: 5% 5% 8% 5%;
   }
}
@media screen and (max-width: 966px) {
	.logo_blue {

		 padding: 5%;
	 }
   .arrow_down {
       width: 40px;
       display: inline-block;
       padding: 5%;
       padding: 6% 5% 10% 5%;
   }
   .mylab_logo {
      width: 40%;
   }
   .header_construction {
       font-size: 28px;
       font-size: 5vw;

   }
   .one_tirth {
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    vertical-align: middle;
    text-align: center;
    font-size: 0px;
}
.footer_icon {
    width: 8%;
       width: 9%;
    display: inline-block;
    vertical-align: middle;

}
.footer_information {
    width: 70%;
    font-size: 15px;
    font-size: 1.5vw;
   font-size: 2vw;
}
.mylab_logo {
    width: 30%;
    width: 35%;
    width: 30%;
        width: 45%;
    padding-top: 10%;
    display: block;
    margin: 0 auto;
    padding-bottom: 10%;
}
}
@media screen and (max-width: 800px) {
	.logo_blue {

	    padding: 6%;
	 }
   .header_construction {
       font-size: 28px;
       font-size: 5vw;

   }
   .opening {

    padding: 7.5% 0% 0% 0%;
   }
}
@media screen and (max-width: 650px) {
	.logo_blue {

		 padding: 8%;
	 }
	.logo_font {
	    width: 80%;
	}
   .footer_information {
       width: 70%;
       font-size: 15px;
       font-size: 1.8vw;
   }
   .mylab_logo {
       width: 30%;
       width: 35%;
       width: 50%;
      width: 65%;
       padding-top: 15%;
       display: block;
       margin: 0 auto;
       padding-bottom: 15%;
   }
   .opening {

    padding: 10% 0% 0% 0%;
   }
}
@media screen and (max-width: 650px) {

   .footer_information {
       font-size: 1.8vw;
   }
}
@media screen and (max-width: 650px) {

   .footer_information {
       font-size: 2.3vw;
   }
}
@media screen and (max-width: 500px) {

   .footer_contact_center {
       padding: 5% 0% 15% 0%;
   }
	.logo_font {
    position: relative;
    width: 90%;
    padding: 7% 0% 10%;
}
}
@media screen and (max-width: 450px) {

   .footer_information {
       font-size: 3.5vw;
   }
   .footer_icon {
       width: 14%;
   }
}