@import url("https://www.uclogistics.nl/wp-content/themes/ucgroup/css/webfont.min.css");
@import url("https://www.uclogistics.nl/wp-content/themes/ucgroup/css/text.min.css");
@import url("https://www.uclogistics.nl/wp-content/themes/ucgroup/css/buttons.min.css");
@import url("https://www.uclogistics.nl/wp-content/themes/ucgroup/css/menu.min.css");

#wpadminbar {
	display: none;
}

#mobile_contact_banner {
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 9999;
	width: 100%;
	text-align: center;
	display: none;
}

p img {
	/*width: 100% !important;
	height: auto !important;*/
}

	#mobile_contact_banner ul.contact {
		width: 190px;
		margin: 0 auto;
	}

	#mobile_contact_banner ul.contact li {
		font-size: 20px;
	}

	#mobile_contact_banner ul.contact li.telefoon {
		background-size: 30px;
	}

form.sent #contactform, form.sent .wpcf7-response-output {
	display: none !important;
}

form #contactformResult {
	display: none !important;
}

form.sent #contactformResult {
	display: block !important;
}

div.wpcf7-mail-sent-ok {
	border: none !important;
}

	span.wpcf7-not-valid-tip {
		    color: #f00;
    font-size: 1em;
    position: absolute;
    display: block;
    margin: -36px 0px 0px 10px;
    width: 230px;
	}

	.wpcf7-submit {
		background-color: #f29400 !important;
		background-position: top right;
		background-repeat: no-repeat;
		background-size: cover;
		font-family: 'FFDINWebPro', sans-serif !important;

		color: #fff;
		
		padding: 15px 20px 10px 20px;
		width: auto;
		min-width: 70px;

		font-size: 17px;
		line-height: 17px;

		text-transform: uppercase;
		box-shadow: none;
		border: none;

		border-radius: 0px;
		border-top-left-radius:  20px;
		border-bottom-right-radius: 20px;
		margin: 20px 0px 0px 0px;
		display: inline-block;
		text-align: left;
		
		text-shadow: none;
		text-decoration: none !important;

		transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	}

	input[type='submit'] {
		cursor: pointer;
	}


select.opleidingen_opt {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   padding: 20px;
   background: #f4f4f4;
   border: 3px solid #e2e2e2;
   width: 100%;
   background: #fff;
   margin-bottom: 20px;
   border-radius: 0px;

   font-family: 'FFDINWebPro', sans-serif !important;
   font-weight: 300;
   font-size: 16px;
   margin-top: 30px;

   background-image: url(https://www.uclogistics.nl/wp-content/themes/ucgroup/img/main/icon_down.png);
   background-position: center right 10px;
   background-repeat: no-repeat;
   background-size: 40px;
}

.cursus {
	border-bottom: 1px solid #e2e2e2;
	margin: 0px 0px 20px;
	padding-bottom: 20px;
	border-bottom-right-radius: 40px;
	background: #f4f4f4;
	padding: 20px;
}

	.cursus h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.cursus a.btn {
		margin-top: 0px;
	}

.opleiding_eigenschappen {
	padding: 20px;
	background: #f4f4f4;
	text-align: left;
	position: relative;
}

	.actie_label {
		padding-top: 55px;
		width: 150px;
		height: 95px;
		border-radius: 150px;
		background: #f29400;
		text-align: center;
		color: #fff;
		position: absolute;
		line-height: 20px;
		top: -60px;
		right: 0px;
		-ms-transform: rotate(7deg); /* IE 9 */
	    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
	    transform: rotate(7deg);
	}

	.eigenschap_holder {
		overflow: hidden;
		padding: 10px 0px;
		border-bottom: 1px solid #e2e2e2;
	}

		.eigenschap_holder:last-child {
			border-bottom: 0px;
			padding-bottom: 0px;
		}

		.eigenschap_holder .left {
			width: 30%;
			float: left;
			text-align: left;
			color: #f29400;
			font-weight: bold;
		}

		.eigenschap_holder .right {
			float: left;
			width: 70%;
			text-align: left;
			line-height: 22px;
		}

html, body {
	width: 100%;
	text-align: center;
	margin: 0px !important;
	padding: 0;
	background: #fff;
	font-family: 'FFDINWebPro', sans-serif !important;
}

#maps {
	margin-top: 30px;
	height: 250px;
}

.logo_group_holder {
	overflow: hidden;
}

	.logo_group_holder {
		margin-bottom: 30px;
		border-bottom: 1px solid #e2e2e2;
	}

	.logo_group_holder h3 {
		margin: 0px;
	}

/* whitepaper */

#whitepaper_form {
	margin-top: 30px;
	padding-top: 0px;
}

#whitepaper_form_result {
	display: none;
}

.vacature_footer {
	padding: 20px;
	background: #f4f4f4;
	margin: 30px 0px;
}

.logo_holder {
	width: 16%;
	padding: 2%;
	text-align: center;
	float: left;
	margin: 0 auto;
	min-height: 150px;
}

	.logo_holder img {
		width: 100%;
		height: auto;
		border: none;
	}

.search-result {
	padding: 20px 20px 0px 20px;
	border: 1px solid #e2e2e2;
}

	.search-result p {
		margin: 0px 0px 20px;
	}

	.search-result a.btn {
		margin-top: 0px;
	}

	.search-result h3 {
		margin-bottom: 15px;
	}

.vacatureObj {
	background: #f4f4f4;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

	.vacatureObj h3 {
		margin-bottom: 16px;
	}

	.vacatureObj .text {
		width: 60%;
		float: left;
	}

	.vacatureObj a.btn {
		width: 25%;
		float: right;
		text-align: center;
		max-width: 100px;
	}

.banner_contact {
	background: #014F79;
	padding: 20px;
	border-bottom-right-radius: 40px;
}

	.banner_contact h3 {
		margin-bottom: 15px;
	}

	.banner_contact p {
		color: #fff;
	}

.banner_image {
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 40px 0px;
	border: 4px solid #e2e2e2;
	border-bottom-right-radius: 40px;
	height: 300px;
}

	.banner_image .inner h3 {
		color: #fff;
		margin: 0px 0px 15px;
	}

	.banner_image .inner {
		margin: 20px !important;
		padding: 0px !important;
		text-align: left !important;
		position: relative;
		height: 300px;
	}

	.banner_image .inner a.btn {
		bottom: 40px;
		position: absolute;
	}

.listObj {
	min-height: 230px;
	position: relative;
	padding-bottom: 40px;
	width: 41% !important;
	padding: 20px 2% 80px 2%;
	margin: 20px 2% !important;
	/*border: 1px solid #e2e2e2;*/
	background: #f4f4f4;
	border-bottom-right-radius: 40px;
}

	.listObjImg {
		width: 100%;
		height: auto;
		margin: -20px 0px 0px 0px;
	}

	.listObj h3 {
		margin-bottom: 0px;
	}

	.listObj_img_holder {
		width: 100%;
		height: 180px;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		margin: 10px 0px 0px 0px;
	}

	.listObj a.btn {
		position: absolute;
		bottom: 40px;
	}

#slider {
	background: #050505;
}

.fileResultText {
	display: none;
	padding: 14px 20px;
	text-align: left;
	color: #3e3933;
	font-size: 15px;
	line-height: 25px;
	font-family: 'FFDINWebPro', sans-serif !important;
	font-weight: 400;
	margin-bottom: 10px;
	float: left;
}

img, img a, a img {
	border: none;
}

textarea:focus, input:focus{
    outline: none;
}

input[type='button'] {
	background: #f29400;
	color: #000;
	width: 100%;
	padding: 12px 0px 12px 10px;
	text-align: left;
	cursor: pointer;
}

	input[type='button']:hover {
		background: #014F79;
	}

textarea.error, input.error {
	background: #ddcfcf !important;
}

.mobileOnly {
	display: none;
}

a, a:hover, a:active {
	text-decoration: none;
}

a.white {
	color: #fff;
	margin-top: 15px;
	text-decoration: underline;
	display: inline-block;
}

#header {
	width: 100%;
	margin: 0px;
}

	#header .inner {
		margin: 0 auto;
		text-align: left;
		padding: 0px 20px;
		max-width: 1200px;
	}

		#header .inner a {
			overflow: hidden;
		}

	#header #logo {
		float: none;
		max-height: 100px;
		width: auto !important;
		margin: 20px 0px 0px 3%;
	}

	#header #header_logo {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		float: none;
		width: 100%;
		height: 200px;
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
	}

	#header .right_top {
		position: absolute;
		top: -70px;
		right: 30px;
	}

	#header_afbeelding {
		width: 100%;
	    height: 200px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center center;
	    max-width: 1200px;
	    margin: 0 auto 30px auto;
	    position: relative;
	}

		#header_afbeelding .h1Holder {
			background: rgba(255,255,255,0.8);
			position: absolute;
			width: 100%;
			bottom: 20px;
			left: 0px;
			text-align: left;
		}

		#header_afbeelding h1 {
			margin: 20px 0px 12px 20px;
		}

#btn_newsletter {
	cursor: pointer;
}

#home_slider {
	margin: 30px auto 0px auto;
	display: block;
	overflow: hidden;
	/*width: 100%;*/
	max-width: 1200px;
	height: 400px;
	background: none;
}

	#home_slider .item  {
		width: 100%;
		height: 400px;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}

	/*
	#home_slider .text_holder {
		position: absolute;
	    bottom: 50px;
	    left: 10%;
	    text-align: left;
	    background: rgba(255,255,255,0.6);
	    padding: 20px;
	    max-width: 400px;
	    border-bottom-right-radius: 40px;
	}
	*/

	#home_slider .text_holder {
		position: absolute;
	    bottom: 50px;
	    left: 0px;
	    text-align: left;
	    background: rgba(255,255,255,0.6);
	    padding: 20px 3%;
	    width: 100%;
	    border-bottom-right-radius: 40px;
	}


		#home_slider .text_holder p {
			max-width: 300px;
			float: left;
			font-size: 18px;
			margin-right: 20px;
		}


		#home_slider .text_holder h1 {
			margin-bottom: 0px;
			max-width: 260px;
			float: left;
			margin-right: 30px;
			border-right: 1px solid #014f80;
			padding-right: 20px;
		}

		#home_slider .text_holder a.btn {
			margin-top: 40px;
			float: right;
			margin-right: 70px;
		}

	#labels {
		background: #f29400;
		padding: 20px;
		list-style-type: none;
		margin: 0px;
		border-bottom-right-radius: 40px;
	}

		#labels h2 {
			color: #fff;
			margin-bottom: 20px;
		}

		#labels li a {
			display: block;
			border-bottom: 1px solid #fff;
			padding: 15px 20px;
			color: #fff;
			text-decoration: none;
		}

		#labels li:last-child a {
			border: none;
		}

.newsObj {
	overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

	.newsObj .text {
		float: left;
		width: 75%;
	}

	.newsObj img {
		width: 20%;
		margin-right: 5%;
		height: auto;
		overflow: hidden;
		float: left;
	}

	.newsObj h3 {
		margin-bottom: 10px;
	}

	.newsObj a.btn {
		margin-top: 5px;
	}

.block {
	overflow: hidden;
	width: 100%;
	height: auto;
	text-align: center;
}

	.block .inner {
		max-width: 1200px;
		margin: 60px auto;
		padding: 0px 20px;
		overflow: hidden;
		text-align: center;
	}

		.block .inner.notopmargin, .block .inner.nomargin {
			margin-top: 0px;
		}

	.w25 {
		text-align: left;
		float: left;
		width: 20%;
		margin: 0px 2%;
	}

	.w30 {
		text-align: left;
		float: left;
		width: 25%;
		margin: 0px 2%;
		position: relative;
	}

		/*
		.fixedpos {
			
			width: 330px;
			position: fixed;
		}

			.fixedpos.set {
				bottom: 430px;
			}
		*/

		.topmargin {
			/*margin-top: 80px;*/
		}

	.w40 {
		text-align: left;
		float: left;
		width: 35%;
		margin: 0px 2%;
	}

	.w50 {
		display: inline-block;
		vertical-align: top;
		width: 45%;
		text-align: left;
		margin: 0px 2%;
	}

	.w60 {
		text-align: left;
		float: left;
		width: 55%;
		margin: 0px 2%;
	}

		.w60.gray {
			width: 51%;
			padding: 2%;
			background: #f4f4f4;
			border-bottom-right-radius: 40px;
		}


	.w70 {
		text-align: left;
		float: left;
		width: 60%;
		margin: 0px 9% 0px 1%;
	}

.teamObj {
	width: 50%;
	float: left;
	overflow: hidden;
	min-height: 250px;
	border-bottom: 1px solid #e2e2e2;
}

	.team_contact {
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
	}

		.team_contact img {
			width: 36px !important;
			height: auto;
			float: left;
			margin: 0px 10px !important;
			cursor: pointer;
		}

		.team_contact img:first-child {
			margin-left: 0px !important;
		}

		.team_contact img:hover {
			opacity: 0.5;
		}


	.teamObj_inner {
		margin: 20px;
		overflow: hidden;
		text-align: left;
	}

	.teamObj_inner img {
		width: 35%;
		height: auto;
		float: left;
		margin-right: 5%;
	}

	.teamObj_inner .teamObj_foto_holder {
		width: 100px;
		height: 100px;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.teamObj_inner .teamObj_text {
		float: left;
		width: 60%;
	}

	.teamObj_text h3 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 0px;
	}

	.profielfoto {
		float: left;
		width: 30%;
		margin: 0px 5% 0px 0px;
	}

	.teamObj_text p {
		color: #3e3933;
		margin: 0px;
	}

	.teamObj_text p a {
		color: #3e3933;
		text-decoration: none;
	}

	.text_holder {
		float: left;
		width: 65%;
	}

	.social_holder {
		overflow: hidden;
		margin: 20px 0px 0px 0px;
		display: block;
	}

		.social_holder img {
			width: 45px;
			height: auto;
			margin: 0px 4px;
		}

/* news */

.news_list, .agenda_list {
	list-style-type: none;
	padding: 0px;
}

	.news_list li a, .agenda_list li a {
		border-bottom: 1px solid #e2e2e2;
		padding: 10px 20px;
		text-align: left;
		display: block;
		text-decoration: none;
		color: #00507f;
		line-height: 25px;
	}

	.news_list li a:hover, .agenda_list li a:hover {
		color: #f29400;
	}



/* footer */

#footer {
	background-image: url(https://www.uclogistics.nl/wp-content/themes/ucgroup/img/main/bg_footer.gif);
	background-size: contain;
	background-color: #00507f;
	background-position: bottom right;
	background-repeat: no-repeat;
	overflow: hidden;
}

	#footer .inner {
		max-width: 1200px;
		margin: 50px auto;
	}

	#footer .obj {
		display: inline-block;
		vertical-align: top;
		text-align: left;
		width: 29%;
		margin: 0px 2%;
	}

	#footer p {
		color: #fff;
	}

		#footer p a {
			color: #fff;
			text-decoration: none;
		}

		#footer p a:hover {
			text-decoration: underline;
		}

	#footer ul {
		list-style-type: none;
		margin: 0px;
		background: none !important;
		padding: 0px;
	}

		#footer ul li {
			display: block;
			margin: 0px 0px 15px;
			border-right: none;
			text-align: left;
			padding: 0px;
			padding-left: 0px;
		}

	#footer ul li a {
		color: #fff;
		font-size: 15px;
		text-decoration: none;
		margin: 0px;
		padding-left: 0px;
	}

		#footer ul li a:hover {
			color: #f29400;
		}

	#niewsbrief_form_bedankt {
		display: none;
	}

	#footer .social_holder img {
		display: inline-block;
		vertical-align: top; 
		width: 40px;
		height: auto;
		margin: 0px 5px 30px 5px;
	}

img.alignleft {
	margin: 0px 30px 30px 0px;
	float: left;
}

.downloads_holder {
	list-style-type: none;
	padding: 20px;
	margin: 0px;
	background: #f4f4f4;
}

	.downloads_holder li {
		margin: 0px;
		border-bottom: 1px solid #e2e2e2;
		padding-bottom: 10px;
	}

		.downloads_holder li:last-child {
			margin-bottom: 0px;
			border: none;
		}

	.downloads_holder li img {
		width: 35px;
		margin-right: 20px;
		margin-bottom: -13px;
	}

	.downloads_holder li a {
		color: #00507f;
		text-decoration: none;
	}

		.downloads_holder li a:hover {
			color: #000;
		}

input, textarea {
	font-family: 'FFDINWebPro', sans-serif !important;
	font-weight: 300;
	font-size: 16px;
	width: 96%;
	border: 1px solid #e2e2e2;
	padding: 10px 2%;
	margin: 0px 0px 10px;
	background-color: #fff !important;
}

	input.valid, textarea.valid {
		background-image: url(https://www.uclogistics.nl/wp-content/themes/ucgroup/img/main/valid.gif) !important;
		background-position: top 8px right 10px;
		background-size: 20px;
		background-repeat: no-repeat;
	}

	input.formw70 {
		width: 70%;
		float: left;
	}

	input.formw30 {
		width: 19%;
		margin-left: 2%;
		float: left;
	}

	#form textarea {
		height: 200px;
	}

#form-bedankt {
	display: none;
}

.addthis_toolbox {
	width: 100%;
	margin: 30px 0px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding-top: 20px;
	padding-bottom: 10px;
}

	.addthis_toolbox h3 {
		font-size: 16px;
		float: left;
		margin: 8px 0px 0px 0px;
	}

	.addthis_toolbox img {
		width: 50px;
		height: auto;
	}