@import  "//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic";


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #141c6a; }
input,select,textarea { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #141c6a; }
body { background: #fff; }
img { border: 0; display: block; }
ul,li { list-style: none; }
:focus { outline: none; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1170px; position: relative; }

	/* ### main container ### */
	#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 842px; }

	/* ### header container small ### */
	#headerCntrSmall { position: relative; width: 100%; height: 400px; }

		/* ### slider box ### */
		.sliderBox { width: 100%; height: 842px; position: relative; }
		.sliderBox ul { list-style: none; width: 100%; height: 100%; }
		.sliderBox li { width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; }
		.sliderBox h2 { position: absolute; top: 300px; left: 115px; font-size: 72px; color: #fff; font-weight: 400; z-index: 100; }
		.sliderBox h3 { position: absolute; top: 550px; left: 115px; font-size: 44px; color: #fff; font-weight: 400; z-index: 100; }
		.sliderBox .cycle-pager { width: 100%; position: absolute; bottom: 45px; text-align: center; z-index: 100; }
		.sliderBox .cycle-pager span { display: inline-block; border: 2px solid #161a4a; -webkit-border-radius: 50%; border-radius: 50%; width: 14px; height: 14px; background: #fff; cursor: pointer; text-indent: -9999px; margin: 0 2px; }
		.sliderBox .cycle-pager span:hover,.sliderBox .cycle-pager span.cycle-pager-active { border: 2px solid #fff; background: #161a4a; }

		/* ### slider box small ### */
		.sliderBoxSmall { width: 100%; height: 400px; position: relative; }
		.sliderBoxSmall ul { list-style: none; width: 100%; height: 100%; }
		.sliderBoxSmall li { width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; }
		.sliderBoxSmall .cycle-pager { width: 100%; position: absolute; bottom: 45px; text-align: center; z-index: 100; }
		.sliderBoxSmall .cycle-pager span { display: inline-block; border: 2px solid #161a4a; -webkit-border-radius: 50%; border-radius: 50%; width: 14px; height: 14px; background: #fff; cursor: pointer; text-indent: -9999px; margin: 0 2px; }
		.sliderBoxSmall .cycle-pager span:hover,.sliderBoxSmall .cycle-pager span.cycle-pager-active { border: 2px solid #fff; background: #161a4a; }

		/* ### header box ### */
		.headerBox { position: absolute; top: 35px; left: 50%; margin-left: -585px; background: #fff; width: 1170px; height: 120px; padding: 24px 0; z-index: 100; }
		.headerBox .logo { margin-left: 112px; float: left; }
		.headerBox .info { float: left; margin-left: 30px; }
		.headerBox .info ul { list-style: none; }
		.headerBox .info li { padding-left: 45px; margin-bottom: 10px; background: url(../images/icon-transport-small.png) no-repeat; font-weight: 700; }
		.headerBox .info li.car2 { background: url(../images/icon-koeriersdienst-small.png) no-repeat; }
		.headerBox .info li.car3 { background: url(../images/icon-opslag-small.png) no-repeat; }
		.headerBox .menu { float: right; padding-top: 25px; padding-right: 60px; }
		.headerBox .menu ul { list-style: none; }
		.headerBox .menu li { float: left; font-size: 14px; padding-right: 36px; font-weight: 700; }
		.headerBox .menu li a { color: #9193af; text-transform: uppercase; text-decoration: none; }
		.headerBox .menu li a:hover,.headerBox .menu li.active a { color: #141c6a; }

	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 100%; }

	/* ### service container ### */
	#serviceCntr { width: 100%; background: #ededf3; padding: 60px 0; overflow: hidden; }
	#serviceCntr .center { padding: 0 95px; }
	#serviceCntr .block { float: left; width: 270px; border-right: 1px solid #d7d8e5; padding: 0 20px; }
	#serviceCntr .block:last-of-type { border: none; padding: 0 0 0 20px; }
	#serviceCntr .block .icon { float: left; padding-top: 28px; width: 80px; }
	#serviceCntr .block .text { width: 144px; float: right; }
	#serviceCntr .block .text h3 { color: #141c6a; font-size: 18px; padding-bottom: 8px; }
	#serviceCntr .block .text p { font-size: 13px; color: #8789a9; }

	/* ### about container ### */
	#aboutCntr { padding: 90px 0 60px; width: 100%; overflow: hidden; }
	#aboutCntr .text { width: 956px; margin: auto; }
	#aboutCntr .text h1 { font-size: 48px; color: #141c6a; padding-bottom: 34px; text-align: center; }
	#aboutCntr .text h2 { font-size: 16px; color: #141c6a; padding-bottom: 4px; padding-top: 20px; text-align: center; }
	#aboutCntr .text p { font-size: 13px; color: #141c6a; padding-bottom: 20px; text-align: center; }
	#aboutCntr .text .form fieldset { border: 0; padding: 0 130px; }
	#aboutCntr .text .form .holder { margin: 0 -10px; }
	#aboutCntr .text .form .block { float: left; width: 33.33%; padding: 0 10px; margin-bottom: 15px; }
	#aboutCntr .text .form .large { float: left; width: 100%; padding: 0 10px; margin-bottom: 15px; }
	#aboutCntr .text .form .btn { float: left; width: 100%; margin: auto; padding: 0 10px; margin-bottom: 15px; text-align: center; }
	#aboutCntr .text .form input.field { border: 1px solid #9797c0; background: #fff; width: 100%; height: 48px; line-height: 48px; padding: 0 20px; color: #141c6a; font-size: 13px; -webkit-border-radius: 5px; border-radius: 5px; }
	#aboutCntr .text .form input.button { border: 0; background: #e30613; padding: 8px 15px; text-align: center; cursor: pointer; color: #fff; font-size: 20px; font-weight: 700; font-family: 'Open Sans'; text-transform: uppercase; -webkit-border-radius: 5px; border-radius: 5px; }
	#aboutCntr .text .form input.button:hover { text-decoration: none; }

	#aboutCntr .buttons { overflow: hidden; padding-top: 52px; text-align: center; }
	#aboutCntr a.contact { padding: 6px 15px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #141c6a; font-size: 20px; color: #141c6a; text-decoration: none; display: inline-block; margin: 0 12px; font-weight: 700; }
	#aboutCntr a.contact:hover { text-decoration: none; color: #fff; background: #161a4a; }
	#aboutCntr a.link { padding: 8px 15px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 20px; color: #fff; text-decoration: none; display: inline-block; background: #e30613; margin: 0 12px; font-weight: 700; }
	#aboutCntr a.link:hover { text-decoration: none; }
	#aboutCntr .photo { width: 100%; position: relative; padding: 90px 0; overflow: hidden; }
	#aboutCntr .photo a { position: absolute; top: 250px; left: 115px; padding: 10px 15px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #fff; font-size: 30px; color: #fff; text-decoration: none; font-weight: 700; }
	#aboutCntr .photo a.maps { position: absolute; top: 250px; left: 115px; padding: 10px 15px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #141c6a; font-size: 30px; color: #141c6a; text-decoration: none; font-weight: 700; }
	#aboutCntr .photo a:hover { text-decoration: none; }
	#aboutCntr .photo img { width: 100%; }
	#aboutCntr .partner { width: 100%; padding: 0 100px 65px 170px; }
	#aboutCntr .partner .logo { float: left; width: 260px; margin-top: 20px; }
	#aboutCntr .partner .para { float: right; width: 640px; }
	#aboutCntr .partner .para p { color: #767676; font-size: 18px; line-height: 30px; font-style: italic; text-align: center; font-weight: 300; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; border-top: 20px solid #e7e8f0; }
	#footerCntr .top { background: #141c6a; }
	#footerCntr .top .center { padding: 40px 100px; overflow: hidden; }
	#footerCntr .contact { float: left; }
	#footerCntr .share { float: right; }
	#footerCntr small { font-size: 11px; float: left; margin: 0 10px 0 0; color: #fff; }
	#footerCntr .plugin { float: left; }
	#footerCntr h3 { font-size: 24px; color: #fff; font-weight: 600; margin-bottom: 15px; }
	#footerCntr address { float: left; width: 155px; font-style: normal; color: #fff; font-size: 13px; }
	#footerCntr address a { color: #fff; text-decoration: none; }
	#footerCntr address a:hover { text-decoration: underline; }
	#footerCntr .bot { background: #fff; }
	#footerCntr .bot .center { padding: 10px 100px; overflow: hidden; }
	#footerCntr .bot p { float: left; color: #9a9bb5; font-size: 11px; }
	#footerCntr .bot p.right { float: right; color: #9a9bb5; font-size: 11px; }
	#footerCntr .bot a { color: #9a9bb5; text-decoration: none; }
	#footerCntr .bot a:hover { color: #9a9bb5; text-decoration: none; }