/*
	Theme Name: Proxcellence
	Theme URI: http://proxcellence.com
	Description: HTML5 Proxcellence WordPress Theme
	Version: 0.0.1
	Author: Robin van Otterdijk (@rvanotterdijk)
	Author URI: http://robin.tf
	Tags:  HTML5, CSS3
*/


ul.services {
	margin-left: -30px;
	padding-bottom: 60px;
}

ul.services li {
	height: 40px;
	width: 100%;

}

ul.services li a:hover {
	color: #013365;
}

ul.menu-section-list li {
	opacity: 0.8;
	height: 20px;
}


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* 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%;
}
body {
	font:300 11px/1.4 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
	width: 100%;
  	height: 100%;
	background-color: #fff;
	background: linear-gradient(to bottom, #F7F7F7 0%,#F7F7F7 50%,#000000 50%,#013365 50%,#013365 100%); /* W3C */
}

/* 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;
	border:1px solid #04A4CC;
}

.notfound {
	color: #fff;
	margin-bottom: 200px;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 5px;
	border-bottom: 2px solid transparent;
	width: auto;
}

a.notfound:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}
.notfoundspacer {
	width: 100%;
	height: 100px;
   background-color: #fff;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

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

/* header */

div.fixed-header.smaller{
  	position: fixed;
	backface-visibility: hidden;
	padding-bottom: 26px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 94px;
    z-index: 1; /* Sit on top */
    background-color:#013365;
}

div.fixed-header.bigger{
  	position: fixed;
	backface-visibility: hidden;
	padding-bottom: 26px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 200px;
    z-index: 1; /* Sit on top */
   /* background-color:#013365; */
   background-color: transparent;
}

div.fixed-header.bigger div.logo {
	width: 300px;
	margin-top: 15px;
  	    -webkit-transition: all 0.1s;
    -moz-transition:  all 0.1s;
    -ms-transition:  all 0.1s;
    -o-transition:  all 0.1s;
    transition:  all 0.1s;
}

div.fixed-header.bigger nav.nav {
	padding-top: 20px;
	    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.headerhomebg {
height: 70vh;
min-height: 420px;
max-height: 540px !important;
position: relative;
 display: block; 
  overflow: hidden;
   
   background-color: #013365;
   background-size: 100%;
   

    /*background: #013365;  For browsers that do not support gradients 
    background: -webkit-linear-gradient(#013365, #1586e4); 
    background: -o-linear-gradient(#013365, #1586e4); 
    background: -moz-linear-gradient(#013365, #1586e4); 
    background: linear-gradient(#013365, #2e6d9a); Standard syntax */
}

.headerhome {
height: 70vh;
min-height: 420px;
max-height: 540px !important;
position: relative;
 display: block; 
  overflow: hidden;
  
   background: url('img/prx_bg.png') no-repeat bottom; 
   background-color: #013365;
   background-size: 100%;
   max-height: 
   

    /*background: #013365;  For browsers that do not support gradients 
    background: -webkit-linear-gradient(#013365, #1586e4); 
    background: -o-linear-gradient(#013365, #1586e4); 
    background: -moz-linear-gradient(#013365, #1586e4); 
    background: linear-gradient(#013365, #2e6d9a); Standard syntax */
}

.headersub {
height: auto;
position: relative;
 display: block; 
  overflow: hidden;

    background: #013365;; /* For browsers that do not support gradients 
    background: -webkit-linear-gradient(#013365, #1586e4); 
    background: -o-linear-gradient(#013365, #1586e4); 
    background: -moz-linear-gradient(#013365, #1586e4); 
    background: linear-gradient(#013365, #2e6d9a); Standard syntax */
}

.headersub .wrapper {
	width: 92%;
	max-width: 1500px;
	margin: 0 auto;
}


.headerhome .wrapper {
	width: 92%;
	max-width: 1500px;
	margin: 0 auto;
	padding-top: 50px;
}

.header .wrapper {
	width: 92%;
	max-width: 1500px;
	margin: 0 auto;
	padding-top: 36px;
}

.fixed-header {
	position: fixed;
	backface-visibility: hidden;
	padding-bottom: 26px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 94px;
    z-index: 1; /* Sit on top */
    background-color:#013365;
}


.btn-hamburger {
  z-index: 90;
  border: none;
  position:fixed;
  top: 42px;
  right:3%;
  outline:none;
  background: url('img/hamburger.svg') no-repeat center;
  width: 14px;
  height: 14px;
}

section .menu-section-list {
	width: 100%;
	margin-bottom: 40px;
	margin-left: 0;
}

ul.menu-section-list{
	list-style: none;
	margin-left: 0px;
	padding-left: 0;
	float: left;
}

li.menu-section-list{
	margin-left: 0;
	float: left;
}


#headerspacer {
	width: 100%;
	height: 120px;
	background-color: #013365;
}

/* logo */
.fixed-header .logo {
  float: left;
  margin:4px 0px;
  margin-top: -5px;
  background: url('img/prx_logo.svg') no-repeat center;
  width: 240px;
  height: 40px;
  z-index: 2; /* Sit on top */
  	    -webkit-transition: all 0.1s;
    -moz-transition:  all 0.1s;
    -ms-transition:  all 0.1s;
    -o-transition:  all 0.1s;
    transition:  all 0.1s;
}


/* nav */
.nav {
	z-index: 99;
	    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.nav a {
	color: #FFF;
}

.nav ul{
 list-style: none;
 float: right;
 margin-top: 0;

}

.nav ul li {
	float: left;
	display: inline-block;
	text-decoration: none;
	margin-left: 0px;
	padding: 0 12px;
	text-transform: uppercase;
	font-weight: 600;
	text-rendering: optimizeLegibility;
	font-size: 10px;
	line-height: 3;
}

.nav ul li:last-child {
	background-color: #41A3F3;
	padding: 0 20px;
	margin-left: 10px;
	margin-right: 20px;
	cursor: pointer;
}

.nav ul li:last-child:hover {
	background-color: #00adef;
}

 .nav ul {
    display: inline-block;
    width: auto;
}

.nav ul > li {
    cursor: pointer;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
}

.nav ul > li:hover {
    opacity: 1.0;
}

.nav ul:hover > li:not(:hover) {
    opacity: 0.5;
}

.nav ul:hover > li:last-child:not(:hover) {
    opacity: 1;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

button, input[type="submit"], input[type="reset"] {
    background: none !important;
    border: none !important;
    padding: 0! important;
    font: inherit;
    cursor: pointer;
    outline: inherit !important;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #ababab;
    margin-left: 2px;
}

input[type="submit"]:hover {
	border: none;
	color: #013365;
}

input[type="submit"]:active {
	border: none !important;
	color: #013365;
}

textarea {
	 -webkit-appearance: none;
    border-radius: 0
}

#tagline {
	width: 45% !important;
	height: auto;
	float: left;
	padding-top: 0;
}

.headerhome h1 {
	color: #FFF;
	font-size: 40px;
	font-weight: 600;
	max-width: 600px;
   line-height: 1.1;
    margin-top: 5vh;
   margin-right: 0%;
}

.headersub h1 {
	color: #FFF;
	font-size: 36px;
	font-weight: 600;
	max-width: 600px;
   line-height: 1.5;
   margin-top: 2vh;
   padding-bottom: 2vh;
}

.headersub h3 {
	color: #FFF;
	margin-bottom: 60px;
	font-weight: 400;
	opacity: 0.4;
	max-width: 400px;
	font-size: 15px; 
   width: 100%;
}

.headerhome #cta {
	margin-top: 5vh;
	float: left;
	width: 100%;
}

.headerhome .cta {
	color: #FFF;
	font-size: 11px;
	font-weight: 600;
	margin-top: 5px;
	padding: 10px 20px;
	border: 1px solid #fff;
	float: left;
   margin-right: 20px;
   line-height: 1.1;
   text-transform: uppercase;
}

.headerhome .cta:hover {
}

.headerhome .cta_text {
	float: left;
	color: #fff;
	opacity: 0.6;
	font-size: 14px;
	width: 300px;
	height: 50px;
	margin-top: 0px;
	font-weight: 400;
}

.stripe {
	width: 50px;
	height: 3px;
	background-color: #013365;
	border-radius: 25px;
	margin-top: 0;
	padding:0;
}

.socialhead {
	bottom: 26px;
	left: 0;
	position: absolute;

}

.socialhead ul {
 list-style: none;
 float: left;
 margin-left: 0px;
 padding-left: 0px;
}

.socialhead ul li{
   float: left;
	display: inline-block;
	text-decoration: none;
	margin-right:20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 8px;
	line-height: 4;
	color:#FFF;
	
}

 .socialhead ul {
    display: inline-block;
    width: auto;
}

.socialhead ul > li {
    cursor: pointer;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
}

.socialhead ul > li:hover {
    opacity: 1.0;
}

.socialhead ul:hover > li:not(:hover) {
    opacity: 0.5;
}

.social-img {
	width: 20px;
	height: 20px;
	color: #fff;
}



.sap_partner{
	float: right;
	bottom: 80px;
	right: 0;
	position: absolute;
}

.sap_partner img {
	width: 70px;
}

.contacthead {
	bottom: 10px;
	position: absolute;
	right: 0;
	width: 400px;
}

.contacthead ul {
 list-style: none;
 float: right;
}

.contacthead ul li{
   float: left;
	display: inline-block;
	text-decoration: none;
	margin-left:20px;
	text-transform: lowercase;
	font-weight: 400;
	font-size: 12px;
	line-height: 4;
	color:#FFF;
}

.headerfooterwidth {
	width: 90%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 0;
}


/* clients banner */
.clientsbanner_wrapper {
	width: 100%;
	height:auto;
	background: #FFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFF, #FCFCFC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #FCFCFC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #FCFCFC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #FCFCFC); /* Standard syntax */
}

.clientsbanner {
	width: 94%;
	height: auto;
	max-width: 1500px;
	padding-bottom: 30px;
	padding-top: 30px;
	margin: 0 auto;
   text-align: justify;
}

.clientsbanner > div {
	width: auto; /* Declare your value. Can be in relative units. */
	height: auto;
	position: relative;
   top: 50%;
   transform: translateY(-50%);
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	padding: 0 20px;

	/* IE fix. */
	*display: inline;
	zoom: 1;
	}

	.clientsbanner div img {
		width: auto;
		height: 32px;
	}

.clientsbanner:after {
	content: "";
	width: 100%;
	display: inline-block;
    }


 .usps_wrapper {
 	width: 100%;
 	height: auto;
 	background-color: #fff;
 	padding-top: 120px;
 	float: left;
 	padding-bottom: 6vw;
 }

div .homepagegraphic {
width: 46%;
margin-right: 7vw;
height: 40vh;
max-height: 350px;
float: right;
position: absolute;
top: 8vh;
right: 0;
min-height: 300px;
background-image: url('img/prxgraph.png');
background-repeat: no-repeat;
background-size: contain;
padding: 0;
}

#business {
   width: 92%;
 	max-width: 1500px;
 	margin: 0 auto;
 	
}

#business_left {
	width: 60%;
	padding: 0;
	margin: 0;
	float: left;
}

#business h3 {
	font-size: 25px;
	line-height: 40px;
	color: #013365;
	width: 90%;
	padding-bottom: 2vw;
	max-width: 500px;
	padding-left: 2%;
	padding-top: 10vh;
}

#business p {
	
	font-size: 16px;
	line-height: 31px;
	width: 70%;
	max-width: 700px;
	font-weight: 400;
	opacity: 0.8;
	padding-bottom: 5vw;
	padding-left: 2%;
}

#business a {
	width: 20vw;
	min-width: 100px;
	text-align: center;
	padding: 14px 32px;
	background-color: #013365;
	color: #fff;
	font-weight: 600;
	margin-left: 2%;
	font-size: 16px;
}

#business a.twee {
	width: 20vw;
	min-width: 100px;
	text-align: center;
	padding: 10px 30px;
	background-color: #F7F7F7;
	color: #013365;
	font-weight: 600;
	margin-left: 10px;
}

div .homepagegraphictwee {
width: 30%;
height: 30vw;
max-height: 450px;
float: right;
margin-right: 5%;
padding: 0;
margin-top: 20vh;
background-image: url('img/prxgraphtwee.png');
background-repeat: no-repeat;
background-size: contain;
background-position: top left;
}


 .usps {
 	width: 92%;
 	max-width: 1500px;
 	margin: 0 auto;
 }

.usps > div {
	width: 20%; /* Declare your value. Can be in relative units. */
	min-width: 230px;
	max-width: 500px;
	height: auto;
	float: left;
	margin-right: 6%;
	padding-bottom: 40px;
	padding-top: 20px;
	}

.uspcijfer{
	width: 25px;
	height: 200px;
	float: left;
	margin-right: 40px;
}




.usps h3 {
	margin-top: 0;
	padding-left: 10px;
	font-size: 18px;
}

.usps p {
	color: #ababab;
	font-weight: 400;
	line-height: 24px;
	font-size: 14px;
}

.uspcijfer p {
	float: right;
	color: #ccc;
	font-size: 16px;
	margin-right: 5px;
	margin-top: 10px;
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 80px;
}

p.info {
	color: #ababab;
	font-weight: 400;
	line-height: 24px;
	font-size: 12px;
}


p.info a {
	color: #013365;
	margin-left: 6px;
	margin-right: 6px;
	padding-bottom: 6px;
	font-weight: 600;
 /*	border-bottom: 2px solid transparent; */
}

p.info a:hover {
	/* border-bottom: 2px solid #013365; */
	cursor: pointer;
}

p.info a.homelink {
	margin-top: 26px;
	margin-right: 110px;
	display: inline-block;
	width: auto;

}

.blokken_wrapper {
	width: 100%;
	height: auto;
	float: left;
	background-color: #fff;
	margin-top: -80px;
	padding-top: 0;
	padding-bottom: 80px;
}

.blokken {
	width: 90%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

.blokken .blok {
	width: 23.5vw;
	height: auto;
	min-height: 120px;
	min-width: 300px;
	max-height: 200px;
	background-color: #fff;
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	border: 2px solid #efefef;
	border-radius: 5px;
}

.blokken .blok h3 {
	color: #41A3F3;
	margin-left: 16px;
	padding-bottom: 10px;
}

.blokken .blok p {
	width: 90%;
	margin-left: 16px;
	padding-top: 5px;
	font-size: 12px;
	height: 55px;
	 overflow: hidden;
  text-overflow: ellipsis;
}

.blokken .blok img {
	height: 24px;
	margin-right: 4%;
}

/* 

#skills {
	width: 100%;
	height: auto;
	float: left;
	background-color: #FFF;
}

#skills > div {
	width: 50%;
	height: 42vh;
	min-height: 300px;
	min-width: 480px;
	float: left;
	background:#FFF;
}

#skills > div:hover {
	 -webkit-transition: background-image 1000ms linear;
    -moz-transition: background-image 1000ms linear;
    -o-transition: background-image 1000ms linear;
    -ms-transition: background-image 1000ms linear;
    transition: 1000ms linear;
    cursor: pointer;
     opacity: 1.0;
}



#skills .ux {
border-top: 1px solid #EEE;
border-left: 1px solid #EEE;
text-align: center;
background-color: #F7F7F7;


}

#skills .ux:hover {

}

#skills .scp{
	border-top: 1px solid #EEE;
   border-left: 1px solid #EEE;
   text-align: center;
   background-color: #F5A623;
   color: #FFF;

background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}


#skills .scp:hover {

} 

#skills .pi {
	text-align: center;
	background-color:#F9FDFF;
}


#skills .pi:hover > #skills.icon {
	padding-top: 60px;
}


#skills .bpm {
	border-left: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	text-align: center;
	background-color: #41A3F3;
	color: #FFF;
}

#skills .bpm:hover {
}

#skills .icon {
   display: inline-block;
   float: none;
   width: auto;
   height: auto;
   position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	padding-top: 20px;
}

#skills .icon p {
	font-weight: 600;
}

#skills .icon img {
	width: 50px;
	margin-bottom: 20px;
} */

.home_left {
	height: 100%;
	width: 40%;
	max-width: 500px;
	margin-right: 0%;
	float: left;
}

.home_right {
	height: 100%;
	width: 40%;
	float: right;
}

/* Excellence */

#excellence {
	width: 92%;
   max-width: 1500px;
	height: auto;
	margin: 0 auto;
	position: relative;
	/*top: 50%;
	transform: translateY(-50%); */
}

#excellence img {
	width: 52%;
	max-width: 900px; 
	margin-left: 0%;
	margin-right: 0;
	padding-bottom: 100px;
	float: right;
	margin-right: 50px;
}

#excellence h3 {
	font-size: 18px;
	width: auto;
	margin-top: 4vw;
	margin-left: 60px;
}

#excellence p {
color: #ababab;
font-weight: 400;
line-height: 24px;
font-size: 14px;
max-width: 300px;
padding-bottom: 10px;
margin-left: 60px;
}

#excellence a {
font-size: 14px;
color: #013365;
font-weight: 600;
border-bottom: 2px solid transparent;
		margin-left: 60px;
}

#excellence a:hover {
/*	border-bottom: 2px solid #013365; */
}

.excellencewrapper {
	width: 100%;
	background-color: #fff;
	float: left;
	height: auto;
	display: block;
	padding-top: 5vw;
padding-bottom: 5vw;}


/* Expertice */

#expertice {
	width: 80%;
	max-width: 1300px;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);

}

#expertice img {
	width: 50%;
	margin-right: 10%;
	max-width: 600px;
	min-width: 300px;
	height: auto;
}

#expertice h3 {
	font-size: 18px;
	width: auto;
	margin-top: 15vw;
}

#expertice p {
color: #ababab;
font-weight: 400;
line-height: 24px;
font-size: 14px;
max-width: 300px;
padding-bottom: 10px;
}

#expertice a {
font-size: 14px;
color: #013365;
padding-bottom: 6px;
font-weight: 600;
border-bottom: 2px solid transparent;
}

#expertice a:hover {
	/* border-bottom: 2px solid #013365; */
}

.experticewrapper {
	width: 100%;
	background-color: #F7F7F7;
	height: auto;
	min-height: 600px;
	float: left;
	padding-bottom: 15vh;
}


/* Experience */

#experience {
	width: 90%;
	max-width: 800px;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background-color: pink;
}

.experiencewrapper {
	width: 100%;
	background-color: #Fff;
	height: 50vw;
	min-height: 500px;
	float: left;
}

#experience h3 {
	font-size: 18px;
	width: auto;
}

#experience p {
color: #ababab;
font-weight: 400;
line-height: 24px;
font-size: 14px !important;
max-width: 300px;
padding-bottom: 10px;
}


#reviewswrapper {
	width: 100%;
	height: auto;
	background-color: #fff;
	float: left;
}

#reviews {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 100px;
}

#reviews img {
	width: 80%;
	float: left;
	height: auto;
}

/*
.scorewrapper {
	width: 100%;
	background-color: blue;
	height: 50vw;
	min-height: 500px;
	float: left;
	/*background-image: url('img/testmedal.png');
   background-size: 50%;
   background-repeat: no-repeat;
   background-position: 90% 50%; 
}

.score {
	width: 92%;
	max-width: 1500px;
	margin: 0 auto;
}

.score > div h3{
 font-size: 18px;
}

#achievements {
	height: auto;
	width: 50%;
	float: left;
	}

	#achievements h3 {
		margin-left: 12vw;

	}

#achievements .info {
  	color: #ababab;
	font-weight: 400;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 16px;
	margin-left: 12vw;
}

#achievementsrechts {
	width: 50%;
	float: left;
	height: 100%;
}

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




.fastwrapper {
	width: 100%;
	background-color: #F7F7F7;
	height: 50vw;
	padding-bottom: 280px;
	padding-top: 180px;
	float: left;
}

#fastlinks {
	height: auto;
	width: 50%;
	float: left;
	padding-bottom: 50px;
	}

#fastlinks img {
	width: 70%;
	min-width: 300px;
	margin-left: 10%;
}

*/

.whoarewrapper {
	width: 100%;
	background-color: #F7F7F7;
	height: auto;
	padding-bottom: 120px;
	padding-top: 120px;
	float: left;
}

#fast h3 {
   font-size: 18px;
}

.scores {
	margin: 0 auto;
   float: left;
   margin-left: 40px;
   width: 300px;
}


.scores > div {
	width: 72px; /* Declare your value. Can be in relative units. */
	height: 40px;
	position: relative;
   top: 50%;
   transform: translateY(-50%);
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	padding: 0 20px;
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	color: #013365;

	/* IE fix. */
	*display: inline;
	zoom: 1;
	}


.scores:after {
	content: "";
	width: 100%;
	display: inline-block;
    }

 .scores p {
 	font-size: 16px;
 	width: 100%;
 	float: left;
 	text-align: center;
 	width: 100px;
 	font-weight: 600;
 	margin-left: -20px !important;
 	color: #ccc;
 }

#fast {
	height: auto;
	width: 50%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	}

#fast .info {
  	color: #ababab;
	font-weight: 400;
	width: 100%;
	min-width: 260px;
	max-width: 360px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 26px;
}


.friendlywrapper {
	width: 100%;
	background-color: #fff;
	height: 50vw;
	min-height: 500px;
	padding-bottom: 250px;
	padding-top: 200px;
	float: left;
	/* background-image: url('img/excellence.png'); 
   background-size: 20%;
   background-repeat: no-repeat;
   background-position: 70% 30%;*/
}

.vacancieswrapper {
	width: 100%;
	background-color: #fff;
	height: auto;
	padding-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.vacancies {
	width: 90%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

.vacancies h3 {
 font-size: 18px;
 margin-left: 0px;
}

.vacancies .info {
  	color: #ababab;
	font-weight: 400;
	margin-left: 0px;
	width: auto;
	margin-top: 30px;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 34px;
	max-width: 600px;
}

.vacancies .info_prx {
  	color: #ababab;
	font-weight: 400;
	margin-left: -80px;
	width: auto;
	margin-top: 30px;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 34px;
	max-width: 800px;
}

.vacancies h3.head_prx {
 font-size: 18px;
 margin-left: -80px;
}


/* sidebar */
.sidebar {

}



/* footer */
.footer_container {
	width: 100%;
	height:auto;
	background-color: #F9FDFF;
	position:relative;
	float: left;
	padding-bottom:80px;
	padding-top:40px;
}

.footer {
	max-width:1500px;
	width:92%;
	margin:0 auto;
	position:relative;

}

.footerleft {
	width: 200px;
	float:left;
	margin-top: -6px;
}

.footerleft img {
	width: 34px;
	margin-right: 6px;
}

.footer p {
	margin: 24px 0;
	color: #808B95;
	opacity: 0.7;
}

.footerleft p {
	line-height: 18px;
	margin-top: 10px;
	font-weight: 400;
}

.footerleft h3 {
	line-height: 34px;
	margin-bottom: 0;
}



.footer h3 {
	font-size:12px;
}

.footer ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 24px;
	font-size: 12px;
	font-weight: 400;
}

.footer li {
	height: 40px;
}

.footer li a {
	color:#808B95;
}

 .footer ul {
    display: inline-block;
    width: auto;
}

.footer ul > li {
    cursor: pointer;
    opacity: 1.0;
}

.footer ul > li:hover {
    opacity: 1.0;
}

.footer ul:hover > li:not(:hover) {
    opacity: 0.7;
}

.footer p.copy{
font-size:8px;
font-weight: 600;
color: #808B95;
}

.footer p.copyright span.transparent {
	opacity: 0.3;
	margin: 0 1px;
	font-weight: 800;
}

.footer p.voorwaarden {
	text-decoration: underline;
	font-size:10px;
	line-height: 1.5;
}

.footercol1 {
	width: 200px;
	margin-right: 30px;
	height: auto;
	float: left;
}

.footercol2 {
	width: 150px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
}

.footercol3{
	width: 250px;
	height: auto;
	float: left;
	padding-right: 2%;
}

.footercol3 p {
	font-size: 12px;
	font-weight: 400;
}

.footercol3 img {
	height:  12px;
}

.footercol3 img:nth-of-type(1) {
	height: 18px;
	margin-right: 12px;
}

.footercol3 p.bel {
	float: left;
	margin-right: 28px;
	margin-top: 0;
	font-weight: 400;
	font-size: 13px;
}

.footercol3 p.mail {
	font-weight: 600;
	font-size: 13px;
	color: #013365;
	float: left;
	margin-top: 0;
	padding-bottom: 6px;
	margin-right: 50px;
	margin-bottom: 30px;
}

.footercol3 p.mail:hover {
	/* border-bottom: 2px solid #013365; 
	padding-bottom: 4px; */
	cursor: pointer;
	
}

.footercol3 ul {
	 float: left;
	 margin-top: 0;
	 padding-top: 0;
}

.footercol3 li {
 float: left;
 margin-right: 10px;
}





/*------------------------------------*\
    PAGES
\*------------------------------------*/


/*------------------------------------*\
    Who are we
\*------------------------------------*/
.whoarewe {
	width: 92%;
	height: auto;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

.whoarewe h4 {
	float: right;
	margin-right: 5px;
	font-weight: 400;
	opacity: 0.8;
}

.whoarewe img {
	width: 100%;
	height: auto;
	float: right;
}

 .tekstwrapper {
 	width: 100%;
 	height: auto;
 	background-color: #fff; 
 	float: left;
 }





 .tekstvak {
 	width: 90%;
 	margin-left: auto;
 	margin-right: auto; 
 	padding-top: 100px;
 	padding-bottom: 80px;
 	max-width: 1500px;

 }

.tekstvak .intro {
	font-size: 16px;
	width: 88%;
	padding-bottom: 80px;
	color: #ababab;
	font-weight: 400;
	font-size: 16px;
	line-height: 38px;
	max-width: 600px;
}

.tekstvak h3 {
	font-size: 18px;
	margin-bottom: 40px;
}

.tekstvak .intro p {
	color: #808B95;
	text-align: left;
	font-weight: 600;
}

.tekstvak .quote {
	padding-left: 40px;
	width: 70%;
	line-height: 24px;
	border-left: 2px solid #F5A623;
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 80px;
	color: #808B95;
	font-weight: 400;
	max-width: 500px;
}

.tekstvak .quotetitle {
	margin-left: 50px;
}

 .whotekstvak {
 	width: 90%;
 	max-width: 1500px;
 	margin-left: auto;
 	margin-right: auto;
 	padding-top: 100px;
 	padding-bottom: 120px;
 	min-width: 600px;
 	background-color: #fff;
 }

.who_col_1 {
	width:90%;
	max-width: 1500px;
	height: auto;
	float: left;
	background-color: #fff;
	padding-bottom: 180px;

	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 100px; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;
}

.who_col_1 .intro {
	font-size: 16px;
	padding-bottom: 80px;
	color: #ababab;
	font-weight: 400;
	font-size: 16px;
	line-height: 38px;
	padding-top: 0;
}

.who_col_1 p.intro {
	margin:0;
	word-wrap: break-word;
}

.who_col_1 p.intro a {
	font-weight: 600;
	color: #013365;
	width: auto;
	display: block;
	width: 100px;
	margin-top: 30px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	padding-bottom: 6px;
	line-height: 1;
}

.who_col_1 p.intro a:hover {
	/* border-bottom: 2px solid #013365; */
}

.whotekstvak h3 {
	font-size: 18px;
	width: 100%;
	margin-bottom: 40px;
}





/*------------------------------------*\
    Get in touch
\*------------------------------------*/


.locatieswrapper {
	width: 100%;
	background-color: #fff;
	height: auto;
	padding-bottom: 100px;
	padding-top: 0px;
	float: left;
}

.locaties {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
}

.locatie {
	height: auto;
	width: 31%;
	margin-right: 2%;
	float: left;
}

.locatie h3 {
	 font-size: 18px;
}

.locatie ul {
	margin-top: 30px;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}


.locatie li {
  	color: #ababab;
	font-weight: 400;
	width: auto;
	font-size: 16px;
	line-height: 38px;
}

.locatie a {
	color: #013365; /*#013365;*/
	padding-bottom: 6px;
	font-weight: 600;
}

.locatie a:hover {
	/* border-bottom: 2px solid #013365; */
	cursor: pointer;
}

/*------------------------------------*\
     FORM
\*------------------------------------*/
 .formwrapper {
 	width: 100%;
 	height: auto;
 	background-color: #fff;
 	padding-bottom: 80px;
 	float: left;
 }

.formvak {
 	width: 60%;
 	margin-left: 0;
 	float: left;
 }

 .formvak h3 {
 	font-size: 18px;
 }

 .formtekstvak {
 	width: 30%;
 	height: auto;
 	float: left;
 }


 .formtekstvak h4 {
	font-size: 16px;
	margin-left: 40px;
	margin-top: 180px;
	opacity: 0.4;
}

 .formtekstvak ul {
 	list-style: none;
 	padding-right: 50px;
 	 display: inline-block;
    width: auto;
 }

 .formtekstvak li {
 	font-size: 14px;
 	margin-bottom: 18px;
 }

.formtekstvak ul > li {
    cursor: pointer;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
}

.formtekstvak ul > li:hover {
    opacity: 1.0;
}

.formtekstvak ul:hover > li:not(:hover) {
    opacity: 0.5;
}
#form_container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30%;
    border: none;
}

#form_container a {
	font-size: 16px;
	color: #013365;
	float: right;
	font-weight: 600;
	margin-right: 11%;
	margin-top: 0;
	padding-bottom: 4px;
}

#form_container a:hover {
	border-bottom: 3px solid #013365;
	cursor: pointer;
}

#form_container span p{

	font-size: 16px;
	width: auto;
	padding-bottom: 60px;
	color: #ababab;
	font-weight: 400;
	line-height: 38px;
}

.formcontents {
	width: 90%;
	max-width: 1500px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
}

fieldset {
	border: none;
}

input[type=text] {
    width: 90%;
    height: 50px;
    padding: 12px 20px;
    background-color: transparent;
        border: 1px solid #ccc;
        outline: none;
        color: #333;
        margin-bottom: 6%;
        font-size: 12px;
}

input[type=email] {
    width: 90%;
    height: 50px;
    padding: 12px 20px;
    background-color: transparent;
        border: 1px solid #ccc;
        outline: none;
        color: #333;
        margin-bottom: 6%;
        font-size: 12px;
}

span.wpcf7-not-valid-tip {
	margin-top: -30px;
	margin-bottom: 30px;
	color: #F17C1B;
}

div.wpcf7-validation-errors {
	border: none !important;
}

div.wpcf7-response-output {
	font-size: 16px;
	text-indent: 0;
	margin-left: -10px;

	font-size: 16px;
color: #ababab;
font-weight: 400;
line-height: 38px;

}


textarea {
    width: 90%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    background-color: transparent;
        border: 1px solid #ccc;
        outline: none;
        color: #ccc;
        margin-bottom: 8%;
        resize: none;
        color: #333;
        font-size: 12px;
        line-height: 150%;
}

input[name=firstname] {
    width: 35%;
    margin-right: 5%;
}

input[name=lastname] {
    width: 50%;
    margin-right:10%;
    float: right;
}

input:hover {
border: 1px solid #013365;
}

input:focus {
	border: 2px solid #013365;
}

textarea:hover {
border: 1px solid #013365;
}

textarea:focus {
	border: 2px solid #013365;
}

p.contactinfo {
	font-size: 16px;
	width: 500px;
	padding-bottom: 80px;
	color: #ababab;
	font-weight: 400;
	line-height: 38px;
}

#form_container p.bel {
	float: left;
	margin-right: 28px;
	margin-left: 10px;
	margin-top: 0;
	font-weight: 400;
	font-size: 13px;
	color:#ccc;
	width: auto;
}

#map {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 300px;
	height: 55vh;
	/*max-width: 1500px;*/
}


div.homemaxwidth {
	max-width: 1580px;
	margin-left: auto;
	margin-right: auto;
}

/*------------------------------------*\
	Jobs
\*------------------------------------*/


.jobsvak {
 	width: 60%;
 	margin-left: 0;
 	float: left;
 }

 .jobsvak h3 {
 	font-size: 20px;
 	padding-bottom: 18px;
 }

 .jobsvak p {
 		font-size: 16px;
	width: 88%;
	padding-bottom: 80px;
	color: #ababab;
	font-weight: 400;
	font-size: 16px;
	line-height: 38px;
 }

 p.prxtekst {
 	width: 88%;
 	max-width: 900px;
 	font-size: 16px;
	padding-bottom: 80px;
	color: #ababab;
	font-weight: 400;
	font-size: 16px;
	line-height: 38px;
 }

img.social-img {
	margin-right: 20px;
}

 .jobsvak a{
 	color: #013365;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
 }

 .jobsvak a:hover {
 	border-bottom: 2px solid #013365;
	cursor: pointer;
 }

.jobsvak img {
	width: 100%;
	padding-top: 60px;
	max-width: 600px;
}

/*
 p.jobsdisc {
	font-size: 16px;
	width: 88%;
	padding-bottom: 80px;
	color: #ababab;
	font-weight: 400;
	font-size: 16px;
	line-height: 38px;
}

p.jobsdisc a {
	color: #013365;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
}

p.jobsdisc a:hover {
	border-bottom: 2px solid #013365;
	cursor: pointer;
}

p.jobsdisc img {
	width: 100%;
	padding-top: 60px;
	max-width: 600px;
}
*/

.jobsvak ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 20px;
	margin-top:-60px;
	color: #013365;
	    font-size: 15px;
    font-weight: 600;
}

.jobsvak ul li {
		padding-top: 8px;
	padding-bottom: 8px;
}


ul.dash {
    list-style: none;
    padding-left: 1.1em;
    color: #013365;
    font-size: 15px;
    font-weight: 600;
}

ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    font-weight: 600;
    margin-left: -1em;
}

ul.dash li {
	padding-top: 8px;
	padding-bottom: 8px;
}

.jobsvak ul li img {
	height: 20px;
	width: auto;
	margin-bottom: 10px;
	margin-right: 20px;

}

 .jobsmenu{
 	width: 40%;
 	height: auto;
 	float: left;
 }

.jobsmenu h4 {
	font-size: 16px;
	margin-left: 38px;
	margin-top: 25px;
	opacity: 0.4;
}

 .jobsmenu ul {
 	list-style: none;
 	padding-right: 50px;
 }


.jobsmenu img {
	margin-right: 10px;
}

 .jobsmenu li {
 	font-size: 14px;
 	margin-bottom: 18px;
 	font-weight: 600;
 }

 .jobsmenu ul {
    display: inline-block;
    width: auto;
    padding: 20px;
    padding-top: 0;
}

.jobsmenu ul > li {
    margin: 5px;
    padding: 10px;
    cursor: pointer;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
}

.jobsmenu ul > li:hover {
    opacity: 1.0;
}

.jobsmenu ul:hover > li:not(:hover) {
    opacity: 0.5;
}




.servicesmenu{
 	width: 40%;
 	height: auto;
 	float: left;
 	padding-bottom: 100px;
 }

.servicesmenu h4 {
	font-size: 16px;
	margin-left: 38px;
	margin-top: 25px;
	opacity: 0.4;
}

.servicesmenu ul {
 	list-style: none;
 	padding-left: 32px;
 	display: inline-block;
   width: auto;
   padding-top: 0;
   padding-bottom: 100px;
}

.servicesmenu ul li {
    background-image: url('img/bpm.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center left;
 }

.servicesmenu ul li:nth-child(1) {
    background-image: url('img/bpm.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center left;
 }

 .servicesmenu ul li:nth-child(2) {
    background-image: url('img/pi.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center left;
 }

  .servicesmenu ul li:nth-child(4) {
    background-image: url('img/pi.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center left;
 }


 .servicesmenu ul li:nth-child(3) {
    background-image: url('img/cloud.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center left;
 }

 .servicesmenu ul li:nth-child(6) {
    background-image: url('img/signal.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center left;
 }

.servicesmenu li {
 	font-size: 14px;
 	margin-bottom: 18px;
 	font-weight: 600;
 	 margin: 5px;
    padding: 10px;
    padding-left: 40px;
 }

.servicesmenu ul > li {

    cursor: pointer;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
}

.servicesmenu ul > li:hover {
    opacity: 1.0;
}

.servicesmenu ul:hover > li:not(:hover) {
    opacity: 0.5;
}


.footerleftmobile {
	display: none;
}

.footerright {
	float:right;
}

/*------------------------------------*\
	Downloads
\*------------------------------------*/
.downloads {
	width: 100%;
	height: auto;
	float: left;
}

.downloads h4{
	font-size: 18px;
	width: 100%;
	padding-bottom: 20PX;
}

.download {
	width: 300px;
	height: auto;
	min-height: 200px;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 100px;

}

.download .background {
	width: 100%;
	height: auto;
	background-color: #F7F7F7;
	padding-top: 20px;
	padding-bottom: 20px;
	max-height: 300px;
}

.download img {
	width: 60%;
	margin-left: 20%;
   height: 200px;
   max-width: 100%;
   max-height: 100%;

}

.download p.description {
	color: #a1a1a1;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 2;
	max-width: 80%;
	height: 50px;
}

.download ul {
	list-style: none;
	float: left;
	margin-left: 0;
	padding-left: 0;
	padding-top: 20px;
}

.download ul li {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.download ul a {
	font-weight: 600;
	width: 300px;
	padding-left: 10px;
	display: block;
	/*	 background-image: url('img/download.png');
    background-repeat: no-repeat;
    background-size: 15px;
    opacity: 0.5;
    background-position: center right 15px;*/
}

.download ul a:hover {
	color: #013365;
	background-color: #F7F7F7;
	 background-image: url('img/download.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center right 20px;
}

#fast a {

	 font-weight: 600;
color: #013365;
width: auto;
display: block;
width: 100%;
margin-top: 30px;
border-bottom: 2px solid transparent;
cursor: pointer;
padding-bottom: 6px;
line-height: 1;
font-size: 16px;
}

.foto {
	width: 200px;
	height: 200px;
	margin: 2%;
	margin-bottom: 70px;
	background-color: #ccc;
	float: left;
}

.foto img {
	margin-bottom: 10px;
}

.foto h3 {
	margin-bottom: 0;
}

.foto p {
	margin-top: 5px;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


/*mobilenav*/

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    /*background-color: rgb(0,0,0);  Black fallback color */
    background-color: #013365; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 15%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    margin-bottom: 6px;
    text-decoration: none;

    color: #fff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */

    	font-weight: 600;
	text-rendering: optimizeLegibility;
	font-size: 30px;
}

.overlay ul {
	padding-left:20px;
	list-style: none;
}

.overlay ul > li {
    cursor: pointer;
    opacity: 1.0;
    transition: opacity .2s ease-in-out;
}

.overlay ul > li:hover {
    opacity: 1.0;
}

.overlay ul:hover > li:not(:hover) {
    opacity: 0.5;
}



/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: -5px;
    right: 10px;
    width: 40px;
    cursor: pointer;
}

div.fixed-header.bigger .hamburger {
	margin-top:20px;
}

div.fixed-header.bigger .overlay .closebtn {
	margin-top:20px;
}


.overlay .contacthead {
	margin-bottom: 14px;
	right: 0;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 0px;
        right: 35px;
        cursor: pointer;
    }

}

@media screen and (min-width: 650px){
	#mobilenav {
		display: none;
	}
}

@media screen and (max-width: 650px){
	.nav {
		display: none;
	}
   
   .blok {
   	width: 90% !important;
   }

   .servicesmenu {
   	width: 90%;
   }

	.hamburger{
		color: #fff;
		float: right;
		cursor: pointer;
	}

	.hamburger img {
		width: 25px;
	}

	.headerhome .wrapper {
		padding-top: 25px;
	}
   
   .fixed-header{
   	height: 65px;
   	z-index: 99;
   }

   #headerspacer {
	width: 100%;
	height: 80px;
	background-color: #013365;
}

span.wpcf7-not-valid-tip {
	margin-top: 0px;
	margin-bottom: 0px;
}

	div .header .wrapper{
		padding-top: 20px;
	}
}

.form {
	color: #ababab;
	font-size: 13px;
	float: right;
	margin-right: 60px;
	margin-top: -10px;
}

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

div.fixed-header.bigger div.logo {
  background: url('img/prx_logo_min.png') no-repeat center;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-top: 5px;
  margin-bottom: -5px;
  z-index: 99; /* Sit on top */
  position: fixed;
}

   #fast {
   	display: none;
   }

   .blokken_wrapper {
   padding-top: 80px;
   }

}

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

div.fixed-header.bigger div.logo{
	width: 60px;
}

.fixed-header div.logo {
  background: url('img/prx_logo_min.png') no-repeat center;
  background-size: contain;
  width: 10px;
  width: 60px;
  height: 60px;
  margin-top: -15px;
  margin-bottom: -5px;
  z-index: 99; /* Sit on top */
  position: fixed;
}

.home_left {
	width: 100%;
	margin-bottom: 100px;
}

.excellencewrapper {
	height: 700px;
}

#excellence {
width: 80%;
top: 10%;
transform: translateY(0%);
}

#excellence img {
	padding-bottom: 200px;
	width: 80%;
	
	margin-left: 50px;
}


#expertice {
width: 80%;
top: 10%;
transform: translateY(0%);
}


.home_right {
	width: 100%;
}

#expertice img {
	padding-bottom: 0px;
	width: 100%;
	max-width: 450px;
}

}

@media only screen and (max-width:950px) {
.who_col_1 {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    	width: 100%;
	max-width: 600px;
}

}


/* MOBILE */
@media only screen and (max-width:480px) {

 .logo {
  background: url('img/prx_logo_min.png') no-repeat center;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-left: -10px;
  margin-top: -15px;
  margin-bottom: -5px;
    z-index: 10; /* Sit on top */

}


#tagline {
	padding-top: 0px;
}

.homemaxwidth {
	max-width:1000px;
}

/*
.headerhome {
	height: 400px;
} */

.headerhome #cta {
	margin-top: 0px;
	float: left;
	width: 100%;
}

.headerhome .cta {
	display: none;
}

.sap_partner{
	bottom: 90px;
}


.clientsbanner {
	width: 100%;
}

 .usps {
 	width: 92%;
 	max-width: 1500px;
 	margin: 0 auto;
 }

.usps > div {
	width: 90%; /* Declare your value. Can be in relative units. */
	min-width: 260px;
	height: auto;
	float: left;
	margin-right: 6%;
	padding-bottom: 60px;
	}

.uspcijfer{
	width: 10%;
	min-width: 34px;
	height: 100%;
	float: left;
	margin-right: 40px;
}

.score {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}

.scorewrapper {
	width: 100%;
	background-color: #fff;
	height: auto;
	padding-bottom: 200px;
	padding-top: 200px;
	float: left;
	background-image: url('img/testmedal.png');
   background-size: 50%;
   background-repeat: no-repeat;
   background-position: right;
}


#achievements {
	height: auto;
	width: auto;
	margin-left: 30px;
	}

	#achievements .info {
	width: 300px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 16px;
	margin-left: 0;
}

.scores {
	margin: 0 auto;
   float: left;
   margin-left: -17px;
}


.scores > div {
	width: 80px; /* Declare your value. Can be in relative units. */
	}

	 .scores p {
 	font-size: 14px;
 	width: 80px;
 	margin-left: -10px;
 }

	#achievements h3 {
		margin-left: 0;
	}

#achievementsrechts {
	display: none;
}

.fastwrapper {
	width: 100%;
	height: auto;
	padding-bottom: 280px;
	padding-top: 180px;
	float: left;
}

#fast {
	height: auto;
	width: auto;
	margin-left: 30px;
	float: left;
	}

#fastlinks {
	height: auto;
	width: 300px;
	float: left;
	}

#fastlinks img {
	width: 300px;
	margin-left: 20%;
}

.friendlywrapper {
	padding-bottom: 100px;
	padding-top: 300px;
   background-position: top;
   border-top: 100px solid #fff;

}

.locatieswrapper {
	display: none;
}

.vacancies {
	width: 80%;
	margin-left: 20px;
	margin-right: auto;
}



.footer {
	max-width:1500px;
	width:98%;
	margin:0 auto;
	position:relative;

}

.footerright {
	float: left;
}

.footerleft {
	display: none;
}

.footerleftmobile {
	width: 300px;
	float:left;
	margin-top: 20px;
	margin-left: 20px;
	display: block;
}

.footerleftmobile img {
	width: 34px;
	margin-right: 6px;
}

.footerleftmobile p {
	line-height: 18px;
	margin-top: 10px;
	font-weight: 400;
	opacity: 0.5;
}

.footerleftmobile h3 {
	line-height: 34px;
	margin-bottom: 0;
}

}

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

.scores {
	width: 300px;
	/*margin-left:0; */
}

.scores > div {
	width: 70px; /* Declare your value. Can be in relative units. */
	}

	 .scores p {
 	font-size: 14px;
 	width: 70px;
 	margin-left: -10px;
 }
}

@media only screen and (max-width: 650px){
	.score {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}



.scorewrapper {
padding-bottom: 200px;
padding-top: 320px;
background-size: 400px;
background-position: top left;
}

#achievements {
	height: auto;
	width: auto;
	margin-left: 30px;
	}

	#achievements .info {
	width: 300px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 16px;
	margin-left: 0;
}



	#achievements h3 {
		margin-left: 0;
	}

#achievementsrechts {
	display: none;
}

.fastwrapper {
	width: 100%;
	height: auto;
	padding-bottom: 280px;
	padding-top: 180px;
	float: left;
}

.whoarewe{
	display: none;
}

.whoarewewrapper{
	display: none;
}

#fast {
	height: auto;
	width: auto;
	margin-left: 10%;
	float: left;
	margin-right: 5%;
	}

#fastlinks {
	height: auto;
	width: 50%;
	float: left;
	}

#fastlinks img {
	width: 300px;
	margin-left: 20%;
}

.friendlywrapper {
	padding-bottom: 100px;
	padding-top: 320px;
   background-position: top left;
   background-size:400px;
   border-top: 100px solid #fff;
}
}
@media only screen and (max-width:1050px) {


div .homepagegraphic {
   display: none;
}

div.homepagegraphictwee {
	 display: none;
}

#business_left {
	width: 100%;
}

#tagline {
	width: 100%!important;
}

.locatieswrapper {
	display: none;
}

.vacancies {
	width: 80%;
	margin-left: 5%;
	margin-right: auto;
}


.footer {
	max-width:1500px;
	width:95%;
	margin:0 auto;
	position:relative;

}

.footerright {
	float: left !important;
	margin-left: 20px;
}

.footerleft {
	display: none;
}

.footerleftmobile {
	width: 300px;
	float:left;
	margin-top: 20px;
	margin-left: 20px;
	display: block;
}

.footerleftmobile img {
	width: 34px;
	margin-right: 6px;
}

.footerleftmobile p {
	line-height: 18px;
	margin-top: 10px;
	font-weight: 400;
	opacity: 0.5;
}

.footerleftmobile h3 {
	line-height: 34px;
	margin-bottom: 0;
}



.tekstvak {
 	width: 90%;
 	margin-left: auto;
 	margin-right: auto;
 	padding-top: 100px;
 	padding-bottom: 100px;
 	min-width: 0px;
 }

.whotekstvak {
 	width: 90%;
 	margin-left: auto;
 	margin-right: auto;
 	padding-top: 100px;
 	padding-bottom: 90px;
 	min-width: 0px;
}

.who_col_1 {
	padding-bottom: 40px;
}
 p.contactinfo {
	width: 90%;
}

input[name=firstname] {
    width: 100%;
    margin-right: 0%;
}

input[name=lastname] {
    width: 100%;
    margin-right:0%;
    float: left;
}

input[type=text] {
    width: 100%;
}

input[type=email] {
    width: 100%;
}


#form_container p.bel{ 
	margin-left: 20px;
}

#form_container {
	margin-bottom: 150px;
}

textarea {
    width: 100%;
    }

.formvak {
 	width: 90%;
 	margin-left: auto;
 	margin-right: auto;
 	float: left;
 	margin-bottom: 0;
 	padding-bottom: 0;
 	min-height: 780px;
 }

 #formcontainer {
 	margin-bottom: 10% !important;
 	padding-bottom: 0;
 }

 .jobsvak {
 	width: 90%;
 	margin-left: auto;
 	margin-right: auto;
 	float: left;
 }




 .jobsmenu {
 	min-width: 400px;
 }

 .formtekstvak {
 	width: 100%;
 	float: left;
 	padding-bottom: 100px;
 	margin-top: -100px;
 	margin-left: -20px;
 }

 .formtekstvak h4 {
 	margin-top: 0;
 }

 .usps {
 	width: 92%;
 	max-width: 1500px;
 	margin: 0 auto;
 	margin-top: -50px;
 }

.usps > div {
	width: 90%; /* Declare your value. Can be in relative units. */
	min-width: 260px;
	height: auto;
	float: left;
	margin-right: 6%;
	padding-bottom: 60px;
	}

.uspcijfer{
	width: 10%;
	min-width: 34px;
	height: 100%;
	float: left;
	margin-right: 40px;
}

}

@media only screen and (min-width:1096px) {
.header h1 {
	font-size: 36px;
	max-width: 600px;
   margin-right: 20%;
   line-height: 1.1;
}

.nav a {
	font-size: 11px;
}

.contacthead ul li {
	font-size: 14px;
}

} 
@media only screen and (min-width:1240px) {
.nav a {
	font-size: 8.8pt;
	margin-left: 10px;
	margin-right: 10px;
}

div.fixed-header.bigger div.logo{
	width: 300px !important;
}


.headerhome h1 {
	color: #FFF;
	font-size: 45px;
	max-width: 600px;
   line-height: 1.1;
   margin-top: 5vh;
}

p.cta_text {
	font-size: 16px !important;
}

img.social-img {
	height: 30px;
	width: 30px;
}

.headerhome {
	min-height: 500px;
	max-height: 700px !important;
}

.headerhomebg {
	min-height: 500px;
	max-height: 700px !important;
}

.footercol1 {
	width: 300px;
}

.footer li {
	font-size: 14px;
}

.footercol3 p {
	font-size: 14px !important;
}

.footerleft p {
	font-size: 12px !important;
	line-height: 31px;
	width: 300px;
}

.usps > div {
  max-width: 300px;
}

.usps p {
	font-size: 16px;
	line-height: 31px;
}

.footercol2 {
	width: 200px;
}
}

@media only screen and (min-width:1440px) {
div.fixed-header.bigger div.logo{
	width: 450px !important;
}

.contacthead ul li {
	font-size: 16px;
}

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

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

/*------------------------------------*\
    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;
	}
}