html {
  height: 100%;
  width: 100%;
  font-size: 62.5%;
  overflow-y: scroll;
  overflow-x: hidden;
}

body{ padding:0; margin:0; font-family: Helvetica, 'Roboto', 'Open Sans', Arial, Sans-Serif; color:#000; font-size: 100%; background-color:#ebebeb; overflow-x: hidden;}
nav{ display: inline-block; transition: all 0.3s ease-in-out; }

.clear {
  clear: both;
}

section { padding: 5em 0; }
div { box-sizing: border-box;}

img {
  width: 100%;
  height: auto;
}

h1, h2, h3, h4 {
  margin:0; padding:0; font-weight:normal;
}
h2, h3 {
  font-size:1.8em;
}

p, li, form{ font-size:1.8em;}

a {
  color:#ff4300;
}
a {
  outline: 0;
}

ul {
  display: table;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 0;
}
 ul li {
  display: table-row;
  background: none;
  line-height: 1.8;
}
ul li:before {
  content: "\e90a";
  display: table-cell;
  font-family: 'icomoon' !important;
  color: #fffff;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 1em;
}

/* GENERAL */
section h2 { font-size: 3em; text-align: center; }
section p{ max-width: 1200px; margin: 0 auto; text-align: center; line-height: 1.8;}

h1.title {
  font-size: 6em;
  font-weight: bold;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 0.6em;
}
h2.title {
  font-size: 5em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.5em;
}
h3.title {
  font-size: 3em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.6em;
}
p.intro {
  max-width: 70em;
  margin: 0 auto;
  margin-bottom: 10em;
  padding: 0 1em;
  text-align: center;
  font-size: 2.4em;
  text-shadow: 0px 1px 1px #696969;
}
@media only screen and (max-width : 1024px) {
  .services p.intro {
    margin-bottom: 5em;
  }
}
p.subtext {
  margin-bottom: 2em;
  padding: 0 0.5em;
}
p {
  font-size: 1.8em;
}
.tag_container {
  text-align: center;
  padding: 0 0 4em 0;
}
.tag {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  margin: 0.5rem;
  font-size: 1.6em;
  color: #6b6161;
  background: #ebebeb;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 0px 0px #696969;
  box-shadow: 0px 1px 0px 0px #696969;
}

.quote{ font-size: 2.4em; font-style: italic; color: #333333; margin-bottom: 1em; padding: 0 1em; border-radius:0.7em; }
.quote:before {
  content:" ";
  position: absolute;
  margin-left: -1em;
  height: 15px;
  width: 20px;
  background-image: url(../images/new/quotestart.png);
  background-repeat: no-repeat;
  background-size: 1em;
}
.quote:after {
  content:" ";
  position: absolute;
  height: 15px;
  width: 20px;
  background-image: url(../images/new/quoteend.png);
  background-repeat: no-repeat;
  background-size: 1em;
}

.divider {
  width: 1px !important;
  margin: 0 1em;
  padding: 0 !important;
  background: #ffffff;
}
.divider.black {
  background: #252525;
}

/* columns with text and ul  */
.columns {
  position: relative;
  width: 100%;
  margin-bottom: 10em;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.columns-content {
  display: flex;
  justify-content: space-around;
}
.columns-content div {
  position: relative;
  max-width: 45em;
  padding: 0 1em;
}
.columns-content h3,
.columns-content p {
  text-align: left !important;
}
/* columns with title and image */
.columns-content div.columns_img {
  text-align: center;
}
.columns-content .columns_img img {
  width: 80%;
  margin-bottom: 1em;
}
.columns-content .columns_img h3 {
  text-align: center !important;
}

@media only screen and (max-width : 768px) {
  .columns-content { flex-direction: column; }
  .columns-content div { width: 90%; max-width: none; margin: 0 auto; padding-bottom: 4em; }
  .columns-content div.columns_img { width: 50%; }
}

/* Flex left for image and text / text and image */
.flex-left {
  display: flex;
  justify-content: space-around;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.flex-left h2.title,
.flex-left p.subtext {
  text-align: left;
  padding-left: 0;
}

.flex-left p.quote {
  text-align: left;
}
.img_container {
  padding: 0 5%;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .services .flex-left {
    flex-direction: column;
  }
  .services .flex-left.svod {
    flex-direction: column-reverse;
  }
}

/* Button */
a.btn, .btn, input[type="submit"], input[type="button"]{ background-color:#ff5000; color:#FFFFFF; padding:0.5em 1.5em; border-radius:2px; text-decoration:none; text-transform: uppercase; font-size:1.8em; display:inline-block; border:none; transition: all 0.3s ease-in-out;}
a.btn:hover, .btn:hover, input[type="submit"]:hover, input[type="button"]:hover{ background-color:#ff5000; cursor:pointer; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1), 0px 6px 30px 0px rgba(0, 0, 0, 0.68);
}
a.btn img{ vertical-align:-0.1em; height:0.8em; margin-right:0.5em;}
a.btn.floatright img{ vertical-align:-0.1em; height:0.8em; margin-left:0.5em;}

.floatright{ float:right;}
input[type="submit"].displaynone, .displaynone{ display:none;}

/* header*/
header{ margin:0 auto; width:95%; }
header{ position: fixed; display: flex; justify-content: space-between; padding: 0 2.5%; height:100px; z-index: 101;}
.clearHeader { background: transparent; transition: all 0.3s ease-in-out; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); }
.lightHeader { background: #ffffff; height: 80px; transition: all 0.3s ease-in-out;     box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25); }
.logo { display:inline-block; width:218px; margin-top:30px; transition: all 0.3s ease-in-out;}
.logo img{ width:100%;}
.lightHeader .logo { margin-top: 20px; transition: all 0.3s ease-in-out; }
.lightHeader nav { margin-top: 10px; transition: all 0.3s ease-in-out; }


nav{ margin-top:20px; padding-right: 100px;}
nav ul li {	display: inline; margin-left:34px; }
nav ul li:before, #menu_login_icon li:before { display: none; }
nav ul li a { text-decoration:none; color:#ffffff; font-size:1.4em;}
.lightHeader nav ul li a { color: #333333; }
nav ul li a:hover {color:#ff4300;}
nav ul li.active a{color:#ff4300;}

/* Login */
a.menu_login{background: url(../images/new/menu_login.png) no-repeat left top; width:39px; height:49px; display:inline-block;}
a.menu_login:hover{background: url(../images/new/menu_login.png) no-repeat right top;}
.sitesection{ display:none;}
#menu_opener{ display:none;}
#menu_login{ display:none;}
#menu_login_icon{ float:right; margin-top:16px; display: flex; align-items: center;}
#menu_login_icon li:last-child { margin-left: 20px;}

/* Language */
#menu_language {display: none; font-size: 1.2em; }
#menu_login_icon li { color: white; }
#menu_login_icon li form { font-size: inherit; margin-top: -20px; }
#menu_language button, #menu_login_icon li button { background: none; border: none; color: white; cursor: pointer; }
#menu_login_icon li form { font-size: 1em; }
#menu_language button, .lightHeader #menu_login_icon li { color: black; }
.lightHeader #menu_login_icon li button { color: black; }

form.language_en button:first-of-type, form.language_nl button:nth-child(2) {
  font-size: 0.8em;
  font-weight: bold;
}

/* Home hero image */
.hero {
  width: 100%;
  position: relative;
}
.hero_small {
  /*height: 100% !important;*/
  overflow: hidden;
  text-align: center;
}

.hero_video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;background: #000;
}
.hero_video #video-background {
  /* Make video to at least 100% wide and tall */
  /*min-width: 100%;
  min-height: 100%;*/

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  /*width: auto;
  height: auto;*/

  /* Center the video */
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);*/
	
	position: fixed;
	object-fit: cover;
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
}

.hero #video-background {
  position: relative;
  width: 100%;
  z-index: 0;
  object-fit: inherit;
}

.hero_video .slide{
	height: calc(100% - 31em);
	text-align: left;
	box-sizing: border-box;
	padding: 17em 2em 0;
	color: #fff;
}
.hero_video .slide span.wrap{ max-width: 94em; display: block; margin-left: 1.9%; /*margin: 0 auto;*/}
.hero_video .slide h1{font-size: 5em; font-weight: bold; margin: 0; text-shadow: 1px 1px 1px #666;}
.hero_video .slide p{font-size: 3em; line-height: 1.1; margin:1.5em auto 2em; text-shadow: 1px 1px 1px #666; text-align: left; max-width: none;}
.hero_video .slide a.btn1, .hero_video .slide a.btn2{background: #ff4300; border: 1px solid #ff4300; color: #fff; font-size: 2em; border-radius:0.3em; text-align: center; line-height: 2.2em; display: inline-block; margin: 0 0.5em 2em; text-decoration: none; padding:0 2em;transition: all 0.3s ease-in-out;}
.hero_video .slide a.btn2{background-color: transparent; text-shadow: 1px 1px 1px #666;}
.hero_video .slide a.btn1:hover, .hero_video .slide a.btn2:hover{ background-color: #fff; border: 1px solid #fff; color: #ff4300; cursor: pointer; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1), 0px 6px 30px 0px rgba(0, 0, 0, 0.68); text-shadow: none;}
.hero_video .slide ul li:before {content: "";}
/*.hero_video .slide .boxes{display: table; border-spacing: 2em; width: 100%; max-width: 110em; margin: 0 auto;}
.hero_video .slide .boxes > div{display: table-cell; border: 1px solid #fff; padding: 1em 1em 0.5em 1em; font-size: 1.8em;}
.hero_video .slide .boxes > div span{font-size: 1.4em; display: block; margin-bottom: 0.8em;}*/

@media only screen and (max-width : 1369px) {
	.hero_video .slide{ height: calc(100% - 37em); font-size: 0.95em; }
}
@media only screen and (max-width : 1301px) {
	.hero_video .slide{ height: calc(100% - 39em); font-size: 0.94em; }
}
@media only screen and (max-width : 1080px) {
	.hero_video .slide{ height: calc(100% - 45em); font-size: 0.9em; }
}
@media only screen and (max-width : 1024px) {
	.hero_video .slide{ margin-bottom: 6em !important;}
}
@media only screen and (max-width : 768px) {
	.hero_video .slide{ padding: 3em 2em 0; /*color: #000000;*/}
	.hero_video .slide a.btn2{ /*color: #000;*/}
	.hero_video .slide h1, .hero_video .slide p, .hero_video .slide a.btn2 {text-shadow: none;}
}
@media only screen and (max-width : 480px) {
	.hero_video .slide .boxes > div{ display: block; margin-bottom: 1em;}
	.hero_video .slide a.btn1, .hero_video .slide a.btn2{padding:0 1em;}
}
@supports (-ms-ime-align:auto) {
    .hero_text {
      top: 35%;
        left: 24%;
        transform: none;
    }
}

.hero_text h1 {
  font-size: 5em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}
.hero_text a {
  margin-left: 1em;
  font-size: 5em;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  opacity: 0;
}
.hero_text a:before {
  background: url('../images/new/play.png') no-repeat;
  content: '';
  display: inline-block;
  margin-right: 20px;
  width: 30px;
  height: 35px;
}
.hero_text a:hover:before {
  transform: translateX(0.1em);
  transition: transform 0.5s ease-in-out;
}
@keyframes mymove {
    0% {transform: translateX(0.1em)}
    100% {transform: translateX(-0.1em)}
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

/* Hide video play button on ios */
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

@media only screen and (max-width : 1645px) {
  .hero {
    height: auto;
  }
  .hero_text h1,
  .hero_text a {
    font-size: 4em;
  }
}


@media only screen and (max-width: 1500px){
  	.home_services ul li{font-size:1.6em;}
	.home_services  h3.title{font-size: 2.5em;}
}
@media only screen and (max-width: 1200px){
  	.home_services ul li{font-size:1.3em;}
	.home_services  h3.title{font-size: 1.5em;}
}
@media only screen and (max-width: 1179px){
  	.home_services ul li{font-size:initial;}
	.home_services  h3.title{font-size: initial;}
}

@media only screen and (max-width: 1024px){
  .home_services, .hero_video {
    position: relative !important;
  }
	.home_services{margin-top: 3em;}
}
@media only screen and (max-width: 768px){
  .hero_video {
    height: auto !important;
    width: 100%;
    padding: 0;
    position: relative;
  }
  .hero_video #video-background {
    /*position: relative;
    height: auto;
    width: 100% !important;
    z-index: 0;
    margin-bottom: 6px;
    left: 0;
    transform: none;*/
	position: fixed;
	opacity: 0.5;
  }
}

@media only screen and (max-width : 590px) {
  .hero_small {
    height: auto !important;
  }
  #video-backgroundp source {
    display: none;
  }
}
@media only screen and (max-width : 590px) {
  .hero_text h1,
  .hero_text a {
    font-size: 2.5em;
  }
  .hero_text a:before {
    margin-right: 0;
    width: 30px;
    height: 16px;
    background-size: 15px;
  }
}

/* Home Twitter */
.slide-twitter{display: flex; height: 100%; width: 80%; margin: 0 auto;}
.slide-twitter > div{width: calc(100% - 448px)}
.hero_video .twitter{
	height: calc(100% - 25em);
	text-align: left;
	box-sizing: border-box;
	padding: 17em 2em 0;
	color: #fff;
	z-index: 1;
	width:448px;
}
.hero_video .twitter h2{ text-align: left; padding-left: 2.5em; margin-bottom: 1.1em; font-size: 2.1em;}
.hero_video .twitter .scrollable_area {height: 43.7em; overflow: hidden; padding: 0 2.2em 0 1.2em;}
.hero_video .twitter .scrollable_area:hover { overflow-y: scroll; padding: 0 1.2em 0 1.2em;}
.hero_video .twitter .scrollable_area .item{ padding-left: 4em; position: relative; padding-bottom: 2em}
.hero_video .twitter .scrollable_area .item .timeline{ position: absolute; left:0; top:0; width:2px; background: #fff; height: 100%;}
.hero_video .twitter .scrollable_area .item:first-of-type .timeline{ height:50%; bottom:0; top:auto;}
.hero_video .twitter .scrollable_area .item:last-of-type .timeline{ height:50%;}
.hero_video .twitter .scrollable_area .item .bullet{ position: absolute; left:-1.2em; top:calc(50% - 2.3em); width: 2.6em; height: 2.6em; border-radius: 100%; background: #fff; border: 6px solid #FF4D21; }
.hero_video .twitter .scrollable_area .item .content{ background: rgba(55, 55, 55, .5); border-radius: 0.6em; padding: 2em; backdrop-filter: blur(10px);}
.hero_video .twitter .scrollable_area .item .content h3{ font-size:2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0.5em; color: #fff;}
.hero_video .twitter .scrollable_area .item .content a{ text-decoration: none; }
.hero_video .twitter .scrollable_area .item .content .date{ font-size: 1em; line-height: 2.1em; margin-bottom: 1em;}
.hero_video .twitter .scrollable_area .item .content p {text-align: left; font-size: 1.3em; font-weight: normal; line-height: 1.4em; /*display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;*/}
.hero_video .twitter .scrollable_area .item .content p .readmore { color: #ff4300; cursor: pointer; }
.hero_video .twitter .scrollable_area .item .content p .moretxt { display: none;}
.hero_video .twitter .scrollable_area .item .content p.show .moretxt { display: inline;}

@media only screen and (min-width :1280px) {
	.hero_video .twitter ::-webkit-scrollbar {
	  width: 10px;
	}
	.hero_video .twitter ::-webkit-scrollbar-track {
	  background: rgba(55, 55, 55, .5);
	}
	.hero_video .twitter ::-webkit-scrollbar-thumb {
	  background: #888;
	}
	.hero_video .twitter ::-webkit-scrollbar-thumb:hover {
	  background: #555;
	}
}

@media only screen and (max-width :1600px) {
	.slide-twitter{width: 100%;}
}
@media only screen and (max-width : 1279px) {
	.hero_video .twitter .scrollable_area{overflow: auto;}
	.hero_video .twitter .scrollable_area { padding: 0 1.2em 0 1.2em;}
}
@media only screen and (max-width : 768px) {
	.slide-twitter {flex-direction: column;}
	.slide-twitter > div{width:100%;}
	.hero_video .twitter{width:100%; padding: 2em 2em 0; margin-bottom: 2em; height: auto;}
	.hero_video .twitter h2{padding-left: 0;margin-bottom: 1.2em;}
	.hero_video .twitter .scrollable_area{padding: 1.2em 0 0 0; overflow: auto; overflow-y: hidden; display: flex; flex-direction: row; height: auto;}
	.hero_video .twitter .scrollable_area:hover {padding: 1.2em 0 0 0; overflow-y: hidden;}
	.hero_video .twitter .scrollable_area .item{padding: 0 3em 0 0; width: 69% !important; flex-shrink: 0;}
	.hero_video .twitter .scrollable_area .item:last-of-type{ padding-right: 0;}
	.hero_video .twitter .scrollable_area .item .timeline{top: 0 !important; height: 2px !important; width: 100%;}
	.hero_video .twitter .scrollable_area .item:first-of-type .timeline{width: calc(50% + 1.3em);left: calc(50% - 1.3em);}
	.hero_video .twitter .scrollable_area .item:last-of-type .timeline{width: calc(50% - 1.3em); left: 0;}
	.hero_video .twitter .scrollable_area .item .bullet{left: calc(50% - 1.5em - 1.3em);  top: -1.2em;}
	.hero_video .twitter .scrollable_area .item .content{margin-top: 3em; height: 100%; font-size: 1.4em;}
	.hero_video .twitter .scrollable_area .item .content .url{float: none; line-height: 2em;}
	main.home{background: #000;}
	.home_services{padding: 0 2em 1em !important; box-sizing: border-box;}
}

/* intro home */
.home_intro {
  margin-top: 0.5em;
}
.home_intro .left,
.home_intro .right {
  width: 47%;
  padding-right: 3%;
  float: left;
}
.home_intro video {
  width: 100%;
}
.home_intro h2 {
  color: #333333;
}

/* services home */
.hero_text {
  position: absolute;
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
  top: 30%;
  left: 50%;
  transform: translate(-50%);
}
.home_services {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0;
}
.home_services a {
  text-decoration: none;
}
.home_services div {
  position: relative;
  box-sizing: border-box;
  float:left;
  width:23%;
  margin:0 1%;
  padding: 2%;
  color: #000000;
  border-radius: 2px;
  background: white;
  transition: all 0.3s ease-in-out;
  z-index: 100;
  animation: 1s ease-out 0s 1 slideInFromBottom;
  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
  opacity: 0.8;
}
.home_services div:hover {
  opacity: 1;
}
.home_services div:hover h3 {
  color: #ff5000;
  transition: all 0.3s ease-in-out;
}
.home_services ul{ margin: 0 auto; }

@media only screen and (max-width : 1024px) {
  .home_services div {
    position: relative;
    display: block;
    width: 48%;
    height: 200px;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width : 550px) {
  .home_services .title {
    padding: 0;
    text-align: left;
  }
  .home_services div ul {
    display: none;
  }
}

/* Home Contact */
.home_contact {
  padding: 0 2.5%;
  background-size: 100%;
  background: url('../images/new/forest.jpg') no-repeat center center;
  height: 75vh;
  background-size: cover
}
.home_contact .content {
  display: flex;
  justify-content: space-around;
  margin-top: 10%;
}
.home_contact h2 {
  margin-top: 10%;
  text-align: center;
  font-size: 5em;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
.home_contact p {
  text-align: center;
  font-size: 1.8em;
}
.home_contact .location h3,
.home_contact .phone h3 {
  margin-left: 50px;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
}
.home_contact .location p,
.home_contact .phone p {
  text-align: left;
  line-height: 0;
  margin-left: 50px;
}
.home_contact .location {
  background: url('../images/new/location_orange.png') no-repeat;
  margin-bottom: 50px;
}
.home_contact .phone {
  background: url('../images/new/phone_orange.png') no-repeat;
  margin-bottom: 50px;
}

.home_contact .form input,
.home_contact .form textarea {
  display: block;
  margin-bottom: 15px;
  padding: 0 10px;
  width: 100%;
  outline: none;
}
.home_contact .form input {
  height: 35px;
}
.home_contact .form input[type=submit] {
  width: auto;
  float: right;
}
.home_contact .form textarea {
  padding: 10px;
}

/* services */
section:nth-child(-n+2) { padding: 1px;}
section:nth-child(n+3) { margin-bottom: 10em; background-color: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.services section p.ulafter{ margin-bottom:1em}
.services .left, .services .right { width:47%; float:left;}
.services .left { padding-right:3%;}
.services .right { padding-left:3%;}
.services .left h4, .services .right h4{ border-top:1px dashed #c6d023; padding-top: 1.5em; }
.services .left h4:nth-child(2), .services .right h4:nth-child(2), .services .left h4:nth-child(1), .services .right h4:nth-child(1){ border-top: none; padding-top: 0; background: none;}

/* Color background*/
div .background-color,
.services div .background-color {
  background-color: #00a651;
  color: #ffffff;
}
.background-color .title {
  color: #ffffff;
}
.title.black {
  color: #000000;
}

.submenu {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: -75px;

  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.submenu:before {
  content:"";
  position: absolute;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.submenu a {
  width: 100%;
  padding: 0.6em 0em;
  font-size: 3em;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
}
.submenu a.active  {
  color: #ff5000;
  border-bottom: 3px solid #ff5000;
}

.submenu a:hover {
  color: #ff5000;
  transition: all 0.3s ease-in-out;
}

/* Submenu responsive */
@media only screen and (max-width : 1550px) {
    .hero_small { margin-bottom: -2px; } /* For aligning the sub menu */
    section.submenu { position: relative; display: flex; justify-content: space-evenly; height: 74px; transform: none; left: 0; top:0; }
}
@media only screen and (max-width : 1200px) {
  .submenu a {
    font-size: 2.5em;
  }
}
@media only screen and (max-width : 768px) {
  section.submenu { flex-direction: column; width: 100%; height: auto; margin-top: 0; background: #ffffff; }
  section.submenu a { padding-left: 1em; text-decoration: none; text-align: left; font-size: 3em; color: #252525; }
}

.color_background {
  background: url('../images/new/color_background01.png') no-repeat;
  background-size: cover;
}

/* Manage your content */
.manage-content {
  text-align: center;
  margin-bottom: 14em;
}
.video-audio_container {
  display: flex;
}
.source-codec,
.features {
  width: 40%;
  padding: 2em;
}
.source-codec {
  background: grey;
  width: 35%;
}
.source-codec a {
  position: relative;
  display: inline-block;
  margin: 0.5em;
  padding: 1em;
  background: white;
  font-size: 1.4em;
  text-decoration: none;
  color: #333333;
  transition: all 0.3s ease-in-out;
}
.source-codec a:hover {
  background-color: #ff4300;
  color: white;
}
.source-codec a:hover:before {
  border-right: 10px solid #ff4300;
  transition: all 0.3s ease-in-out;
}
.source-codec a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 10px solid grey;
  border-right: 10px solid white;
  transition: all 0.3s ease-in-out;
}
.flowplayer-container {
  position: relative;
  width: 100%;
}
.flowplayer-container .flowplayer {
  margin-top: 0;
}

/* Monitor */
.services .monitor {
  padding-left: 2.5em;
  padding-right: 2.5em;
  background-color: #ffffff;
  background-image: url('../images/new/monitor.png');
  background-repeat: no-repeat;
  background-position: top right;
}
.services .monitor h2.title,
.services .monitor p.subtext {
  text-align: left;
  margin: 0;
}
.services .monitor ul {
  padding: 0;
}

.distribute-options {
  color: #ffffff;
  background-image: url(../images/new/background/bg_map.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Tabs */
.nav-tabs {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.nav-tabs .tablink {
  position: relative;
  display: block;
  background: none;
  width: 20%;
  float: left;
  margin-bottom: -1px;
  padding: 0;
  text-align: center;
  border-bottom: solid 3px #333333;
}
.nav-tabs .tablink.active:nth-of-type(1) ~ .slider {
  left: 0;
}
.nav-tabs .tablink.active:nth-of-type(2) ~ .slider {
  left: 20%;
}
.nav-tabs .tablink.active:nth-of-type(3) ~ .slider {
  left: 40%;
}
.nav-tabs .tablink.active:nth-of-type(4) ~ .slider {
  left: 60%;
}
.nav-tabs .tablink.active:nth-of-type(5) ~ .slider {
  left: 80%;
}
.nav-tabs .tablink:before {
  content: '';
}
.panel .slider {
  position: absolute;
  top: 3.62em;
  height: 3px;
  background: #ff5000;
  width: 20%;
  transition: left 0.5s ease;
}
.panel .slider:before {
  content: '';
}
.nav-tabs .tablink a {
  position: relative;
  display: block;
  color: #333333;
  margin: 0;
  padding: 1.7rem 2rem;
  text-decoration: none;
  background: transparent;
  border: 0;
  transition: all ease .1s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab-content {
  padding-top: 4rem;
  clear: both;
}
.tab-content .frame {
  position: absolute;
  left: 7.75%;
  width: 30%;
  height: auto;
  z-index: 0;
}
.frame-content {
  width: 33%;
  height: auto;
  margin-top: -10px;
  margin-left: 4.55%;
  padding-bottom: 20em;
}
.tab-pane {
  display: none;
  width: 90%;
  margin: 0 auto;
}
.tab-pane div {
  margin-left: 10em;
}
.tab-text {
  text-align: left !important;
}
.tab-text span {
  font-weight: bold;
}
.tab-pane ul {
  text-align: left;
}

@media only screen and (max-width : 1333px) {
  .manage-content { margin-bottom: 0; }
}
@media only screen and (max-width : 1024px) {
  .panel {
    height: auto;
  }
  .tab-content .frame,
  .tab-pane img {
    display: none;
  }
}
@media only screen and (max-width : 859px) {
  .nav-tabs .tablink a { padding-left: 1em; padding-right: 1em;}
}
@media only screen and (max-width : 768px) {
  .nav-tabs .tablink { float: none; width: 100%; border-width: 1px; }
  .nav-tabs .tablink:hover { background: linear-gradient(to bottom, rgba(255, 143, 103, 0.90) 0%,#ff5000 70%); }
  .nav-tabs .tablink:hover a { color: white; }
  .nav-tabs .tablink.active { background: linear-gradient(to bottom, rgba(255, 143, 103, 0.90) 0%,#ff5000 70%); }
  .nav-tabs .tablink.active a { color: white; }
  .nav-tabs .tablink a { padding-top: 1rem; padding-bottom: 1rem; }
  .panel .slider { display: none; }
  .tab-content .frame { left: 6%; width: 89% }
  .tab-pane { flex-direction: column; }
  .tab-pane .frame-content { width: 96%; margin-top: 3.8%; margin-left: 2.55% }
  .tab-pane div { margin-left: 0; text-align: center; }
}

.services .publish {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.services .publish .title,
.services .publish .subtext {
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}
.services .publish_overview {
  display: flex;
  flex-wrap: wrap;
}
.services .publish_block {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0.5em;
  text-align: center;
  color: #252525;
  border-radius: 3px;
  background: #ffffff;
}
.services .publish_block p {
  margin-top: 50%;
  transform: translateY(-50%);
}
.services .publish_block span {
  position: absolute;
  width: 50%;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5em 1em;
  background: #ff5000;
  color: white;
  font-size: 1.4em;
}
.services .publish-border {
  border: 3px solid #ff5000;
}
.subtext-extra {
  display: none;
}
@media only screen and (max-width : 1024px) {
  .services .publish_block {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width : 768px) {
  .services .publish_overview {
    display: none;
  }
  .subtext-extra {
    display: block;
  }
}
/* Events */
.event {
  position: relative;
  width: 100%;
  margin: 5em 0;
}
.event .slide {
  display: none;
}
.event .image {
  max-height: 80vh;
  overflow: hidden;
}
.event .image img {
  width: 100%;
  margin-top: -10%;
}
.event .stats {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 150px;
  width: 100%;
  bottom: 10%;
  background: white;
  opacity: 0.9;
  text-align: center;
}
.event .stats span {
  font-size: 4em;
  background: linear-gradient(45deg, #ff5000 0%,#ff9361 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.event .stats p {
  font-size: 3.5em;
  margin: 0;
}
.event .arrow-left {
  position: absolute;
  top: 50%;
  left: 2em;
  display: block;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-right: 50px solid white;
  border-bottom: 25px solid transparent;
  opacity: 0.75;
  transition: opacity 0.3s ease-in-out;
}
.event .arrow-right {
  position: absolute;
  top: 50%;
  right: 2em;
  display: block;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-left: 50px solid white;
  border-bottom: 25px solid transparent;
  opacity: 0.75;
  transition: opacity 0.3s ease-in-out;
}
.event .arrow-left:hover,
.event .arrow-right:hover {
  opacity: 1;
  cursor: pointer;
}

@media only screen and (max-width : 1024px) {
  .event .stats { height: 100px; }
  .event .stats span { font-size: 3em; }
  .event .stats p { font-size: 2.5em; }
}
@media only screen and (max-width : 768px) {
  .event .stats { height: 50px; bottom: 5%; }
  .event .stats span { font-size: 2em; }
  .event .stats p { font-size: 1.5em; }
}

/* Streaming Analytics */
.analytics .container {
  display: flex;
  justify-content: space-around;
}
.analytics .worldmap,
.analytics .data {
  margin: 0 auto;
}
.analytics .worldmap {
  width: 45%;
}
.analytics .worldmap path#NL,
.analytics .worldmap path#BE,
.analytics .worldmap path#DE,
.analytics .worldmap path#FR,
.analytics .worldmap path#GB,
.analytics .worldmap path#NO,
.analytics .worldmap path#SE,
.analytics .worldmap path#FI,
.analytics .worldmap path#US,
.analytics .worldmap path#BR,
.analytics .worldmap path#IN {
  fill: #ff5000;
}
.analytics .data {
  margin-top: 5em;
}
.analytics .data .chart {
  position: relative;
  display: inline-block;
  margin: 0 1em;
  margin-bottom: 4em;
  color: #252525;
  font-size: 2.5em;
  text-align: center;
}
.analytics .data .chart canvas {
  position: absolute;
  bottom: 0;
  left: 0;
}
.analytics .data .chart span {
  position: absolute;
  margin-top: 130px;
  left: 50%;
  transform: translateX(-50%);
  line-height: initial;
  font-size: 0.8em;
}

.analytics .data table {
  border-collapse: collapse;
}
.analytics .data table tr td {
  padding: 0.5em 1em;
  font-size: 1.6em;
  border-top: 1px solid #252525;
  border-right: 1px solid #252525;
}
.analytics .data table tr:nth-child(even) td {
  font-size: 2.2em;
}
.analytics .data table tr:nth-child(even) td,
.analytics .data table tr:first-child td {
  border-top: 0;
}
.analytics .data table tr td:last-child {
  border-right: 0;
}
.bottom {
  width: 100%;
  border-bottom: 5px solid #ff5000;
}

@media only screen and (max-width : 1024px) {
  .analytics .container { flex-direction: column; }
  .analytics .worldmap { width: 100%; }
  .analytics .data .chart { margin-bottom: 4em; }
  .analytics .data table { margin-bottom: 4em; }
  }
@media only screen and (max-width : 768px) {
  .analytics .data .chart {
    display: none;
  }
}

/* Processing */
.processing .background {
  background-image: url("../images/new/background/bg_processing.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}
@media only screen and (max-width : 1024px) {
  processing .background {
    display: none;
  }
}

/* Encode */
.encode {
  margin-bottom: 0 !important;
}
.encode .moviestrip {
  display: flex;
  justify-content: space-around;
  background: url(../images/new/moviestrip.png) no-repeat;
  background-position: center, center;
  height: 300px;
  margin-top: 5em;
}
.encode .moviestrip .before,
.encode .moviestrip .after {
  display: inline-flex;
  align-items: center;
  height: 100%;
  width: 35%;
}
.encode .moviestrip .before span,
.encode .moviestrip .after span {
  text-align: center;
  font-size: 3.5rem;
  margin: 0;
}
.moviestrip .moviestrip-icon {
  padding: 0 5%;
  font-size: 10em;
  text-align: center;
}
.moviestrip .moviestrip-icon p {
  margin-top: 1em;
  margin-bottom: 0;
  font-family: Helvetica, 'Roboto', 'Open Sans', Arial, Sans-Serif;
  font-size: 1.6rem;
}
.encode .moviestrip .middle {
  margin-top: -1.15em;
  min-width: 340px;
  height: 340px;
  border-radius: 50%;
  background: url(../images/new/background/bg_process.png) no-repeat, white ;
  background-position: center;
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
  z-index: 1;
}
.encode .middle .convert {
  position: relative;
  display: inline-block;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 4em;
  color: #252525;
  font-size: 5rem;
  text-align: center;
}
.encode .middle .convert canvas {
  position: absolute;
  bottom: 0;
  left: 0;
}
.encode .middle .convert .Count {
  margin-top: 100px;
  font-size: inherit;
}
.encode .middle .convert span {
  position: absolute;
  margin-top: 170px;
  left: 50%;
  transform: translateX(-50%);
  line-height: initial;
  font-size: 1.8rem;
}

@media only screen and (max-width : 1475px) {
  .moviestrip .moviestrip-icon {
    padding: 0 1%;
    font-size: 8em;
  }
}
@media only screen and (max-width : 1024px) {
  .encode {
    display: none;
  }
}

/* Specifications */
.specifications {
  margin-top: -54px;
  margin-bottom: 0;
  text-align: center;
}
.specifications .container {
  display: none;
}
.specifications .container .spec-box {
  display: flex;
  justify-content: space-between;
}
.specifications .container .before,
.specifications .container .after {
  width: 40%;
}
.specifications .container table {
  width: 100%;
  margin-bottom: 2em;
  margin-left: 50%;
  transform: translateX(-50%);
  font-size: 1.6em;
  border-collapse: collapse;
}
.specifications .container table th {
  font-size: 1.2em;
}
.specifications .container table td {
  padding: 1em 5em;
  border-top: 1px solid #252525;
}
.specifications .btn {
  background: #676767;
}
@media only screen and (max-width : 1185px) {
  .specifications .container table td {
    padding: 1em 3em;
  }
}
@media only screen and (max-width : 1024px) {
  .specifications {
    margin-top: 0;
  }
  .specifications .container .spec-box {
    flex-direction: column;
    align-items: center;
  }
}

/* Metadata */
.metadata {
  position: relative;
  width: 100%;
  margin-bottom: 10em;
  background: #ffffff;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.line {
  background: url(../images/new/mockup_background.png) no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 295px;
  top: 48%;
  box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.25);
}

.metadata .mockup {
  position: relative;
}
.metadata .mockup video {
  position: absolute;
  width: 49.6%;
  margin-top: 0.3%;
  margin-left: 50%;
  transform: translateX(-50%);
}
.metadata .mockup img {
  width: 50%;
  margin-left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media only screen and (max-width : 1024px) {
  .metadata .line {
    display: none;
  }
  .metadata .mockup video {
    width: 89.3%;
  }
  .metadata .mockup img {
    width: 90%;
  }
}

/* Stream */
.stream.columns {
  color: #000;
  background-image: url("../images/new/background/bg_filmcrew.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-color: #fff;
}

/* Ad insertion */
.services .insertion {
  display: flex;
  justify-content: space-around;
}
.services .insertion .insertion_img {
  padding: 0 5%;
  text-align: center;
}
.services .insertion div:nth-child(2) {
  max-width: 40%;
}
.services .insertion div h2,
.services .insertion div p {
  text-align: left;
}

@media only screen and (max-width : 768px) {
  .services .insertion {
    flex-direction: column-reverse;
    max-width: none;
  }
  .services .insertion div:nth-child(2) {
    max-width: none;
  }
  .services .insertion div h2,
  .services .insertion div p {
    text-align: center;
    width: 95%;
  }
}

/* Enrichment */
.block-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-container .block {
  width: 29%;
  margin: 0 2em;
  margin-bottom: 4em;
  padding: 2em;
  text-align: center;
  color: #000000;
  background: #ffffff;
}
.block-container .block video {
  margin-bottom: 1em;
  box-shadow: 0px 1px 2px 0px black;
}
.block-container .block .title {
  color: #000000;
}
.block-container .block p {
  line-height: 1.8;
}
.thumbnails {
  display: inline-block;
}
.thumbnails .left { float: left; padding-right: 0%; }
.thumbnails .right { float: right; padding-left: 0%; }

@media only screen and (max-width : 1820px) {
  .block-container .block {
    width: 27%;
  }
}
  @media only screen and (max-width : 1280px) {
    .block-container .block {
      width: 25%;
    }
  }
@media only screen and (max-width : 1024px) {
  .block-container {
    justify-content: center;
  }
  .block-container .block {
    width: 40%;
  }
}
@media only screen and (max-width : 875px) {
  .block-container .block {
    width: 40%;
  }
}
@media only screen and (max-width : 768px) {
  .block-container .block {
    width: 88%;
  }
  .block-container .block .thumbnails .left,
  .block-container .block .thumbnails .right {
    width: 48%;
  }
  /*.block-container .block .thumbnails .left {*/
    /*padding-right: 1%;*/
  /*}*/
  /*.block-container .block .thumbnails .right {*/
    /*padding-left: 1%;*/
  /*}*/
}

#player {
  /* background-image: url("../images/new/movie_stills/maxx-xs2.png"); */
  background-image: url("../images/new/poster_previewimages.png");
}

/* Distribution */
.distribution .background{
  background-image: url("../images/new/background/bg_distribution.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

/* Flowplayer styling */
.flowplayer {
  font-size: 100% !important;
  background-color: #000;
}

.block .flowplayer {
  position: relative;
  margin-top: 0;
  margin-bottom: 0.5em;
  border-radius: 0;
  box-shadow: 0px 1px 2px 0px black;
}
.block .flowplayer .fp-controls {
  bottom: 0;
}

/*@media only screen and (max-width : 1024px) {*/
  /*.flowplayer {*/
    /*font-size: 0.8em !important;*/
  /*}*/
/*}*/

#slideshow {
  position: relative;
  margin-bottom: 1em;
  overflow: hidden;
  width: 100%;
  padding-top: 55%;
  position: relative;
  box-shadow: 0px 1px 2px 0px black;
}
#slideshow > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#slideshow > div  img {
  width: 100%;
}

.enrichment-options {
  display: flex;
  justify-content: space-around;
}
.processing .enrichment-extra .enrichment-options h2,
.processing .enrichment-extra .enrichment-options p {
  text-align: left;
  max-width: 30em;
}
@media only screen and (max-width : 1024px) {
  .enrichment-options ul li { font-size: 1.4em; }
}
@media only screen and (max-width : 768px) {
  .enrichment-extra .enrichment-options { flex-direction: column; max-width: 90%; margin: 0 auto;}
  .processing .enrichment-extra .enrichment-options p { max-width: none;}
}

/* Monetize */
.monetize .background{
  background-image: url("../images/new/background/bg_monetize.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}
.monetize .block-container {
  justify-content: center;
}
.monetize-solutions {
  color: #ffffff;
  background-image: url(../images/new/background/bg_payment.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.monetize-stats {
  background-image: url(../images/new/background/bg_stats3.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: bottom;
  height: 58em;
}
.activateaudience h3.title{ text-align: center !important;}
.activateaudience .columns-content div{max-width:50% !important;}
.smarttvadvertisement a{margin: 20px 8px 0 0;}
.smarttvadvertisement .logos { text-align: center;margin-top: 70px;}
.smarttvadvertisement .logos img{ height:42px; width:auto; margin: 0 20px;}
.smarttvadvertisement .mockup{padding: 0; }
.smarttvadvertisement .mockup .videoplayer { position: absolute; width: 100%; padding: 1.3% 1.3% 1% 1.3%; box-sizing: border-box;}

/* App Development */
.app_development .background{
  background-image: url("../images/new/background/bg_appdevelopment.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}
.app_development .icon {
  font-size: 10em;
  text-align: center;
  padding-bottom: 0;
}
.app_development .image {
  margin-top: 5em;
  margin-bottom: -5.1em;
  box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
}
.app_development .block-container {
  justify-content: center;
}
.screen {
  padding-top: 20em;
  color: #000000 !important;
  background-image: url(../images/new/laptop_screen.png) !important;
  background-repeat: no-repeat !important;
  background-position: center top;
}
.screen .subtext {
  max-width: 960px;
}
.development {
  color: #ffffff;
  background-image: url(../images/new/background/bg_bits.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.business_analytics {
  color: #ffffff !important;
  background-image: url(../images/new/background/bg_ba.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover;
  height: 50em;
}
.innovations {
  background-image: url(../images/new/background/bg_devices.png) !important;
  background-repeat: no-repeat !important;
  background-position: center top;
  background-size: cover;
  height: 75em;
}

@media only screen and (max-width : 768px) {
  .app_development .image {
    margin-top: 2em;
    margin-bottom: 5em;
    width: 75%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

/* over ons */
.overons .background{
  background-image: url("../images/new/background/bg_about.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.overons p.quote {
  font-size: 4em;
  text-align: center;
  margin-top: 10%;
}
.overons .quote:before,
.overons .quote:after {
  font-size: 0.5em;
}
.overons .video_box {
  width: 50%;
}
.overons .partner {
  color: #ffffff;
  background-image: url(../images/new/background/bg_mediachoice.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.overons .communication {
  color: #ffffff;
  background-image: url(../images/new/background/bg_comunication.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 25em;
  justify-content: left;
}
.overons .breulburcht_old {
  background-image: url(../images/new/breulburcht_old.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  justify-content: right;
}
.overons .breulburcht {
  background-image: url(../images/new/breulburcht.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  justify-content: right;
}
.overons .breulburcht div {
  margin-left: 40%;
}
.overons .vacancies .block-container .block {
  position: relative;
  width: 45%;
  padding-bottom: 10em;
  max-height: 60em;
  overflow: hidden;
  transition: max-height ease-in-out 1s;
}
.overons .vacancies .block-container .block.show {
  max-height: 300em;
  transition: max-height ease-in-out 1s;
}
.overons .vacancies .block-container .block,
.overons .vacancies .block-container .block p {
  text-align: left;
}
.vacancies .block div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2em;
  background: #ffffff;
  text-align: center;
  border-top: 1px solid #9a9a9a;
}
.vacancies .block h3:nth-child(n+2) {
  margin-top: 1em;
  font-size: 3em;
}

@media only screen and (max-width : 1024px) {
  .overons .maxx-xs {
    flex-direction: column;
  }
  .overons .video_box {
    width: 75%;
    margin: 0 auto;
  }
  .overons .breulburcht div {
    margin-left: 0;
  }

  .overons .vacancies .block-container .block {
    width: 100%;
  }
}

/*Portfolio*/
.portfolio .intro p { width: 70%; margin: 0 auto; padding: 2em; text-align: center; line-height: 1.6em; }
.portfolio .intro a { color: #fff; text-decoration: none; float: none; }
.portfolio .intro div { text-align: center; margin-bottom: 5em; }

.portfolio .deviceholder{display: flex; padding: 5em 2%; }
.portfolio .deviceholder:first-of-type { background: url('../images/new/background01.jpg') no-repeat; background-size: cover; }
.portfolio .deviceholder:nth-of-type(3) {  background: url('../images/new/background02.jpg') no-repeat; background-size: cover; }
.portfolio .deviceholder:nth-of-type(5) {  background: url('../images/new/background01.jpg') no-repeat; background-size: cover; }
.portfolio .deviceholder:last-of-type{ border-bottom: none; }
.portfolio  h3 { text-align: left; padding-left: 0.2em; }
.portfolio .deviceholder .subtitle { margin-top: -1em; font-size: 2em;}
.portfolio .deviceholder ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 4em; }
.portfolio .deviceholder ul li { display: flex; flex-direction: column; width: 33%; align-items: center; padding: 1em 0;}
.portfolio .deviceholder ul li img { width: 70px; margin-right: 1em; margin-bottom: 1em; }
.portfolio .deviceholder ul li span { text-align: center; }
.portfolio .deviceholder .platforms { display: flex; justify-content: space-around; flex-wrap: wrap; }
.portfolio .deviceholder .platforms img { width: 26%; height: auto; align-self: center; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.5; }
.portfolio .deviceholder .left, .portfolio .deviceholder .right { width: 40%; }
.portfolio .leftimg{ width: 60%; }
.portfolio .rightimg{ width: 60%; }
.portfolio .deviceholder .leftimg .img-container { margin-right: 5em; }
.portfolio .deviceholder .rightimg .img-container { margin-left: 5em; }
.portfolio .deviceholder .img-container img { width: 100%; min-height: 300px; max-height: 600px; }
.portfolio .deviceholder .img-container.small { display: none; }
.portfolio .deviceholder .img-container .video_website { width: 95%; margin-left: 4em; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1), 0px 3px 15px 0px rgba(0, 0, 0, 0.68); }
.portfolio .deviceholder .img-container .video_tablet { position: absolute;right: 3em;bottom: -2em; width: 500px; z-index: 1; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1), 0px 6px 30px 0px rgba(0, 0, 0, 0.68); }
.portfolio .deviceholder .img-container .video_mobile { position: absolute; left: 0; bottom: -4em; width: 200px; z-index: 1; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1), 0px 6px 30px 0px rgba(0, 0, 0, 0.68);}
.portfolio .overlay{ position:absolute; left:0; top:0; pointer-events:none; }

/* Portfolio cards */
.card_container {
  display: flex;
  width: 100%;
}
.card_container .card {
  position: relative;
  height: 50em;
  width: 100%;
  text-align: left;
  overflow: hidden;
  border: 5px solid white;
  background: #ffffff;
}
.card img {
  position: absolute;
  left: 0;
  object-fit: contain;
}
.card img.card_center {
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.card .card_tags {
  position: absolute;
  bottom: 0;
}
/*.card .card_content {*/
  /*position: absolute;*/
  /*z-index: 1;*/
  /*padding: 0 2em 0 2em;*/
  /*width: 100%;*/
  /*left: 50%;*/
  /*bottom: 0;*/
  /*transform: translateX(-50%);*/
/*}*/
/*.card_content .card_title {*/
  /*font-size: 4em;*/
  /*margin-bottom: 0;*/
  /*padding: 0.5em 0.5em;*/
  /*transition: all 0.5s ease-in-out;*/
  /*color: #fff;*/
  /*background: #00000099;*/
/*}*/
/*.card_content .card_features {*/
  /*display: none;*/
  /*font-size: 1.5em;*/
  /*font-weight: bold;*/
  /*color: white;*/
/*}*/

@media only screen and (max-width : 1375px) {
  .card .card_title { font-size: 3em; }
}

@media only screen and (max-width : 1024px) {
  .card_container .card .card_content .card_title, .card_container .card:hover .card_title { font-size: 2em; }
}
@media only screen and (max-width : 767px) {
  .card_container { display: initial; }
  /*.card_container .card { float: left; width: 46%; }*/
  .card_container .card .card_content .card_title { margin-top: 0.5em; }
}

/* contact */
.contact .contactform { float: left; width:35%; margin: 0 5%; font-size:1rem; pointer-events:auto;}
.contact .contactform h1.title { text-align: left; padding-top: 0.5em; }
.contact .contactform  table { border:0; padding:0; margin:0; width:100%;}
.contact .contactform  table tr td{ padding-bottom:10px; font-size: 1.3rem; }
.contact .contactform  table input[type="text"],
.contact .contactform  table input[type="text"]:hover,
.contact .contactform  table input[type="text"]:focus,
.contact .contactform  table input[type="text"]:active,
.contact .contactform  table input[type="email"],
.contact .contactform  table input[type="email"]:hover,
.contact .contactform  table input[type="email"]:focus,
.contact .contactform  table input[type="email"]:active,
.contact .contactform  table input[type="tel"],
.contact .contactform  table input[type="tel"]:hover,
.contact .contactform  table input[type="tel"]:focus,
.contact .contactform  table input[type="tel"]:active { width:90%; height: 3em; padding:0 0.5em; background-color: #fbeee3; border:0; border-radius: 2px; border: 1px solid rgba(0,0,0,0.10); }
.contact .contactform  table textarea{ width:95%; height:200px; padding: 0.5em; background-color: #fbeee3; border:0; border-radius: 2px; resize: none; border: 1px solid rgba(0,0,0,0.10); }
.contact .contactform  table input,
.contact .contactform  table textarea { background: #fbeee3; }
.contact .location {position: relative; background:url('../images/new/contact_map.png') no-repeat; background-position: center; background-size: cover; min-height: 550px; width: 35%; margin-top: -2px; float: right; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); overflow-x: hidden;}
.contact .address{ position:absolute; top:25.5%; left: 50%; transform: translateX(-50%); height:360px; width:360px; background: #ff5000; color: white; padding: 3em; font-size: 0.9em; border-radius: 2px; box-sizing: border-box; pointer-events:auto;}
.contact .address:after { content:""; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #ff5000;}
.contact .address p { text-align: left; }
.contact .address h2 { color:white; font-size: 2em; text-align: left; }
.contact .address a { color: white; text-decoration: none;}
.contact .address a.btn.alt { margin-top: 1em; padding: 10px 20px; border: 2px solid white; background: transparent; }
.contact .address a.btn.alt:hover { background: white; color: #ff5000; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1), 0px 6px 30px 0px rgba(0, 0, 0, 0.68); transition: all 0.3s ease-in-out; }

.contact .contactformm{ display:none;}
.contact .contactform .required{ margin-top:0; padding-top:0; font-size: 1em;}
.contact .contactform .required span { color: #ff5000;}
.contact .contactform h2{ margin: 1em 0 0.5em 0; color:#ff5000; font-size: 3.5rem;}
.contact input[type="submit"], .contact a.btn{ font-size:1.3em;}
.contact .contactform .btn { background: #ff5000; margin-right: 6.5%; float: right;}
.contact .contactform .btn:hover {
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1), 0px 6px 30px 0px rgba(0, 0, 0, 0.68);
}
.contact .contactform li{background:url(../images/new/menu_arrow.png) no-repeat left; background-size:0.5em; padding-left:1em; line-height:1.7em;}

@media only screen and (max-width : 1500px) {
  .contact .location { width: 50%; }
}
@media only screen and (max-width : 1200px) {
  .contact .contactform { width: 90%; padding: 0 0 3em 0; }
  .contact .location { width: 100%; height: auto !important; min-height: 0; }
  .contact .address { position: relative; height: auto; }
  .contact .location .address:after { content: none; }
}
@media only screen and (min-width : 1921px) {
  .contact .location .address:after { content: none; }
}

/* login */
/*.login .submenu div{ border-right:1px solid #c9c9c9; box-sizing: border-box; float:left; width:46%; padding:0 2%; background:url(../images/new/menu_arrow_dark.png) no-repeat left 50%; background-size:2em;}*/
/*.login .submenu div:nth-child(1){ padding-left:0; background-image:none; width:48%;}*/
/*.login .submenu div:nth-child(2){ padding-right:0; border-right:none; width:48%; border-bottom:none;}*/
/*.login .submenu div{ border-right:1px solid #c9c9c9; box-sizing: border-box; float:left; width:29%; padding:0 2%; background:url(../images/new/menu_arrow_dark.png) no-repeat left 50%; background-size:2em;}
.login .submenu div:nth-child(1){ padding-left:0; background-image:none; width:31%;}
.login .submenu div:nth-child(3){ padding-right:0; border-right:none; width:31%; border-bottom:none;}*/

.login section:nth-child(n+3) { padding-left: 2.5em; padding-right: 2.5em; }
.login section h2, .login section h3, .login section p { text-align: left; margin: 0;}
.error{ margin-bottom:1em; color:#FF0000;}
.login .btn{ font-size:1em}
.login table {
  padding: 1em 0;
}
.login table label {
  padding: 0 1em;
}

/*webmasters*/
.webmasters {
  background: url(/movies/processing.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.webmasters { padding-top: 30em; }
.webmasters .submenu {
  display: inline-block;
  margin-top: 0;
  margin-bottom: -2px;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
.webmasters .submenu:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}
.webmasters .submenu div{ box-sizing: border-box; float:left; min-width:20%; padding:1.7em 2%; border-bottom: 3px solid #ff5000; background:none; /*background:url(../images/new/menu_arrow_dark.png) no-repeat left 50%; background-size:2em;*/}
.webmasters .submenu div:nth-child(1){ padding-left:0; background-image:none; width:19%;}
.webmasters .submenu div:nth-child(5){ padding-right:0; border-right:none; width:18%;}
.webmasters section h2, .webmasters section h3{ color:#ff5000; }
.webmasters section.submenu h2 { font-size: 1em; }
.webmasters .submenu h2 a { color: #ff5000; }
.webmasters .submenu .notactive { border: 0; }
.webmasters .submenu .notactive h2 a { color: #ffffff; }
.webmasters .submenu .notactive:hover h2 a { color: #ff5000; }


.webmasters td .btn{ font-size:1em !important}
.webmasters form{ font-size:1em;}
.webmasters .banners img { width: auto; }
.webmasters .banners table tr td{ padding-bottom:4em; text-align:center; border-top: 1px solid #000000; padding-top: 4em;}
.webmasters .banners table tr td object{ margin:0 auto;}
.webmasters .banners textarea{width: 80%; margin-left: 10%; height:5em;}
.aligncenter{ text-align:center; padding-bottom:4em;}
#editxmlbanner{text-align:left;}
#editxmlbanner table tr td { padding-bottom:0.5em; padding-top:0.5em; text-align:left; font-size:1.6em; border:none;}
.webmasters .webmasterborder { padding:4em; font-size:1.6em;}
.webmasters table{ width:100%; padding: 0 2em;}
.webmasters table#formtable{ width:auto;}
.webmasters #aanmeldenwebmasters td{ font-size:1em}
.webmasters #aanmelden td{ font-size:1.6em}

.webmasters p.intro { margin-bottom: 2em; }
.webmasters .left, .webmasters .right { width:45%; float:left;}
.webmasters .left { padding-left:5%;}
.webmasters .right { padding-left:5%;}
.webmasters .left p, .webmasters .right p { text-align: left; }
.webmasters .left h4, .webmasters .right h4{ border-top:1px solid #000000; margin-top: 1em; padding-top: 1em; text-align: left; font-size: 3em; font-weight: bold; }
.webmasters .left h4:nth-child(2), .webmasters .right h4:nth-child(2), .webmasters .left h4:nth-child(1), .webmasters .right h4:nth-child(1){ border-top: none; padding-top: 0; background: none;}
.webmasters .indent{ padding-left:2em;}
.webmasters .methodelogo{ display: block; margin: 0 auto; width:10em; }
.webmasters iframe.webmastertool{ border:1px solid #c6d023; margin-top:2em;}
.webmasters .banneriframe{float:left; margin-right:4em;}
/*.webmasters .submenu h2 { margin-bottom:0;}*/

.partners div.logo {
  margin: 3em 0 0 0;
  width: 15%;
  float: left;
  background-size: 100%;
}
.partners div.logo span.name {
  margin: 0;
  width: auto;
  float: none;
  text-align: center;
  visibility: hidden;
  display: block;
  height: 2.2em;
  font-size: 1.6em;
}
.partners div.logo:hover span.name {
  visibility: visible;
}

@media only screen and (max-width : 1550px) {
  .webmasters section.submenu { height: auto; }
}

@media only screen and (max-width : 768px) {
  .webmasters { padding-top: 0; }
  .webmasters section.submenu { height: auto; }
}

/*404*/
.pag404 a.btn{ font-size:1em; margin-right:1em; margin-bottom:1em;}
.word404{ font-size:10em; font-weight:bold; line-height:0em; margin:0.6em 0 0.8em 0; }
.image404{vertical-align:middle; float:left; margin-right:2em; height:6em;}

@media only screen and (max-width : 768px) {
	body{ font-size: 80%;}
	main{ padding:0 0;}
	header{ display: inline-block; position: relative;}
  .clearHeader { background: #ffffff; height: 70px; transition: all 0.3s ease-in-out; text-shadow: none; }
  .lightHeader { background: #ffffff; height: 70px; transition: all 0.3s ease-in-out; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25); }
	.logo{ width:162px; margin-top: 20px; }
	#menu_opener{ display:block; position:absolute; right:3%; top:20px; cursor:pointer;}
	#menu_opener img{ height:28px;}
	#menu_login{ display:block;}
	#menu_login_icon{ display:none;}
    #menu_language {display: block; }
	nav{ height:0; overflow:hidden; width:100%; display:block; margin-top: 16px; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
	.navslidein { height: auto; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; display:block; font-size: 1.2em; font-weight: bold; text-align: center; background: white; padding: 0; width: 106%; margin-left: -3%; }
    .navslidein ul { width: 100%; }
	nav ul li{ margin-left:0;}
	nav ul li a { display: block; border-top: 1px solid #bbbbbb; color: #333333; padding:0.4em 0; font-weight: bold;}
	nav ul li:last-child a { border-bottom: 1px solid #f1f1f1;}
	a.btn.back{ display:none;}


	.webmasters .submenu div{ border:0; border-bottom:1px solid #c9c9c9; padding:1.3em 0 0.7em 0; position:relative; background-size: 1.5em; float:none; width:auto !important;}
	/*!* .submenu h2, .overons .submenu h2, .contact .submenu h2{ text-align:left; height:1.2em; line-height: 1.8em;} *!*/
	/*.submenu figure, .overons .submenu figure, .contact .submenu figure{ position:absolute; right:0; top:1em; margin:0;}*/
	/*.submenu figure img, .overons .submenu figure img, .contact .submenu figure img{height:4em; margin-top:0.2em }*/
  /*.submenu a.btn, .overons .submenu a.btn, .contact .submenu a.btn{ float:right;}*/
	/*.submenu p, .overons .submenu p, .contact .submenu p{ min-height:0; }*/
	/*.services .submenu div:nth-child(4){ border-bottom:none;}*/
	/*.portfolio .submenu div:nth-child(4){ border-bottom:none;}*/
	/*.overons .submenu div:nth-child(5){ border-bottom:none;}*/
	/*.contact .submenu div:nth-child(2){ border-bottom:none;}*/
	/*.submenuline{margin-top:1em;}*/

	/* services home */
	.home_services div{ position:relative; display: block; width: 48%; height: 200px; margin-top: 0; margin-bottom: 10px;}

	/*Portfolio*/
	.portfolio .left{ padding-right:0; margin-bottom:4em; }
	.portfolio .right{ padding-left:0; margin-bottom:4em; }
	.portfolio .leftimg, .portfolio .rightimg{ float:none; height:auto; width:100%; margin-bottom:4em; }
	.portfolio .appsholder, .portfolio .stbholder, .portfolio .smarttvholder, .portfolio .desktopholder{ width: 80%; height: auto; margin-left:10%}
	.portfolio .mobileapps{ display:none;}
	.portfolio .tabletapps .jssora03r, .portfolio .tabletapps .jssora03r:hover, .portfolio .tabletapps .jssora03rdn{ display:block;}
	.portfolio .zoomin{ display:none;}
	.portfolio .deviceholder{ padding-bottom:0em; }

	/* webmasters*/
    /*.webmasters section.submenu h2 { margin-bottom:0.7em; text-align: center; font-size: 2em; white-space: nowrap; }*/
	.webmasters .left, .webmasters .right { width:auto; float: none;}
	.webmasters .left { padding-right:0;}
	/*.webmasters .right { padding-left:0;}*/
	.webmasters .left h4, .webmasters .right h4{ border-top:1px solid #000000 !important; padding-top: 1em !important;}
	#aanmeldenwebmasters input[type="text"], #aanmeldenwebmasters input[type="password"]{ width:100%;}

	/*404*/
	.pag404{ padding-top:2em}

}

@media only screen and (max-width : 319px) {

  /* intro home */
  .home_intro {
    margin-top: 3em;
  }
  .home_intro h2 {
    margin-top: 1.5em;
  }
  .home_intro .left,
  .home_intro .right {
    width: 100%;
  }

	/* services home */
	/* section.home_services li{ float: left; width: 100%;} */
}
@media only screen and (min-width : 320px) and (max-width : 479px) {

  /* intro home */
  .home_intro {
    margin-top: 3em;
  }
  .home_intro h2 {
    margin-top: 1.5em;
  }
  .home_intro .left,
  .home_intro .right {
    width: 100%;
  }
}

@media only screen and (max-width : 550px) {
  .home_services div {
    float: none;
    width: auto;
    height: auto;
    transition: all 0.3s ease-in-out;
  }
}

@media only screen and (min-width : 480px) and (max-width : 767px) {

  /* intro home */
  .home_intro {
    margin-top: 3em;
  }
  .home_intro h2 {
    margin-top: 1.5em;
  }
  .home_intro .left,
  .home_intro .right {
    width: 100%;
  }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

	/* body{ font-size: 80%;} */

	/* header*/
	header{ height:70px;}
	.logo{ width:190px; margin-top:16px;}
	nav{ margin-top:16px; padding-right: 50px;}
	nav ul li {	margin-left:16px; }
	#menu_login_icon{ margin-top:8px;}
	#menu_login_icon img{ width:38px; }

}

@media only screen and (min-width : 768px) and (max-width : 1199px) {

	.portfolio .appsholder, .portfolio .stbholder, .portfolio .smarttvholder, .portfolio .desktopholder{ width: 90%; margin-left:0;}
	.portfolio .appsholdermob{ width: 25%; margin-left:0;}
}

@media only screen and (min-width : 1200px) {

	/* contact */
	.contact .info {max-width:1128px; margin-left:-612px; left:50%;}

}
@media only screen and (min-width : 1440px) {

	/* portfolio */
	.portfolio .ssholderbig{ max-width: 1128px; margin-left:-564px;}

}

@media only screen and (max-width : 1024px) {
  .portfolio .deviceholder .left, .portfolio .deviceholder .right {
    width: 100%;
  }
  .portfolio .leftimg, .portfolio .rightimg {
    display: none;
  }
  .portfolio .deviceholder .img-container.small {
    display: block;
    margin: 0;
  }
  .portfolio .deviceholder .img-container.small img {
    position: relative;
    width: 100%;
    min-height: 0;
  }
}

@media only screen and (min-width : 1902px) {
  .portfolio .deviceholder .rightimg .img-container,
  .portfolio .deviceholder .leftimg .img-container {
    height: 600px;
    overflow: hidden;
  }
  .portfolio .deviceholder .img-container img {
    max-height: none;
  }
}

.video {
    width: 100%;
    height: auto;
}
.video:hover {
  cursor: pointer;
}
.wrapper{
    display:table;
    width:auto;
    position:relative;
    width:50%;
}
.playpause {
    background-image:url("../images/new/bullet_front.png");
    background-repeat:no-repeat;
    width:20%;
    height:20%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.playpause:hover {
  cursor: pointer;
}

.bottom-nav {
      padding-bottom: 100px;
}

/* animations  */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(8%, 0, 0);
    transform: translate3d(8%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(8%, 0, 0);
    transform: translate3d(8%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* Icon font */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?5za9s3');
  src:  url('../fonts/icomoon.eot?5za9s3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?5za9s3') format('truetype'),
    url('../fonts/icomoon.woff?5za9s3') format('woff'),
    url('../fonts/icomoon.svg?5za9s3#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-medal:before {
  content: "\e900";
}
.icon-idea:before {
  content: "\e901";
}
.icon-training:before {
  content: "\e902";
}
.icon-transfer:before {
  content: "\e903";
}
.icon-1080p:before {
  content: "\e904";
}
.icon-marker:before {
  content: "\e905";
}
.icon-chart:before {
  content: "\e906";
}
.icon-video-playlist:before {
  content: "\e907";
}
.icon-api:before {
  content: "\e908";
}
.icon-audio-wave:before {
  content: "\e909";
}
.icon-list-style:before {
  content: "\e90a";
}
.icon-chrome:before {
  content: "\e90b";
}
.icon-code-file:before {
  content: "\e90c";
}
.icon-compass:before {
  content: "\e90d";
}
.icon-dashboard:before {
  content: "\e90e";
}
.icon-database-backup:before {
  content: "\e90f";
}
.icon-edit:before {
  content: "\e910";
}
.icon-encoding:before {
  content: "\e911";
}
.icon-epg:before {
  content: "\e912";
}
.icon-expand:before {
  content: "\e913";
}
.icon-file-submodule:before {
  content: "\e914";
}
.icon-globe:before {
  content: "\e915";
}
.icon-google:before {
  content: "\e916";
}
.icon-hdtv:before {
  content: "\e917";
}
.icon-internet-connection:before {
  content: "\e918";
}
.icon-label:before {
  content: "\e919";
}
.icon-lock:before {
  content: "\e91a";
}
.icon-mobile:before {
  content: "\e91b";
}
.icon-monetize:before {
  content: "\e91c";
}
.icon-multiple-devices:before {
  content: "\e91d";
}
.icon-netherlands-map:before {
  content: "\e91e";
}
.icon-people:before {
  content: "\e91f";
}
.icon-play-graph-report:before {
  content: "\e920";
}
.icon-playlist:before {
  content: "\e921";
}
.icon-protect:before {
  content: "\e922";
}
.icon-responsive:before {
  content: "\e923";
}
.icon-slider:before {
  content: "\e924";
}
.icon-slider-filled:before {
  content: "\e925";
}
.icon-statistics:before {
  content: "\e926";
}
.icon-synchronize:before {
  content: "\e927";
}
.icon-tv-show:before {
  content: "\e928";
}
.icon-web-accessibility:before {
  content: "\e929";
}
.icon-world-map:before {
  content: "\e92a";
}
.icon-laptop:before {
  content: "\e92b";
}
.icon-smartphone-tablet:before {
  content: "\e92c";
}
.icon-smart-watch:before {
  content: "\e92d";
}
.icon-tv:before {
  content: "\e92e";
}
.icon-imac:before {
  content: "\e92f";
}
.icon-eye:before {
  content: "\e930";
}
.icon-controller:before {
  content: "\e931";
}
.icon-24:before {
  content: "\e932";
}
.icon-api2:before {
  content: "\e933";
}
.icon-spinner11:before {
  content: "\e984";
}

#logo_mejane img{background:url(../images/new/logo_mejane_bw.png) no-repeat left top; background-size:100%; }
#logo_mejane:hover img{background:url(../images/new/logo_mejane_c.png) no-repeat left top; background-size:100%;}
#logo_moviemax img{background:url(../images/new/logo_moviemax_bw.png) no-repeat left top; background-size:100%;}
#logo_moviemax:hover img{background:url(../images/new/logo_moviemax_c.png) no-repeat left top; background-size:100%;}
#logo_porton img{background:url(../images/new/logo_porton_bw.png) no-repeat left top; background-size:100%;}
#logo_porton:hover img{background:url(../images/new/logo_porton_c.png) no-repeat left top; background-size:100%;}


/*preload hover images*/
body:after{
    display:none;
    content: 	url(../images/new/logo_mejane_c.png)
    url(../images/new/logo_moviemax_c.png)
;
}