@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,600,700,800,900');

body{font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 400;color: #010101;line-height: 32px;line-height: 2em;}
h1{font-family: 'Kanit', sans-serif;font-size: 40px;font-weight: 600;color: #16365d;}
h2{font-family: 'Kanit', sans-serif;font-size: 32px;font-weight: 700;color: #16365d;/* text-transform: uppercase; */}
h3{ font-family: 'Kanit', sans-serif; font-size: 28px; font-weight: 500; color: #16365d; }
h4{ font-family: 'Kanit', sans-serif; font-size: 24px; font-weight: 500; color: #16365d; margin: 20px 0 10px 0; }

hr.clear{ clear: both; }

img{ max-width: 100%;}
.block.html img,
.block.content img{ border-top-left-radius: 20px; border-bottom-right-radius: 20px; }

.btn{display: inline-block;font-family: 'Kanit', sans-serif;font-size: 16px;font-weight: 600;text-align: center;text-transform: uppercase;padding: 6px 35px;margin-top: 14px;margin-bottom: 0;border: 2px solid transparent;border-radius: 0;}
.btn-primary{ color: #16365d; background-color: #ffffff; border-color: #16365d; }
.btn-primary:hover{ color: #ffffff; background-color: #16365d; border-color: #16365d; }
.btn-secondary{ color: #ffffff; background-color: #e26c09; border-color: #e26c09; }
.btn-secondary:hover{ color: #e26c09; background-color: #ffffff; border-color: #e26c09; }

ul.talen {padding: 0}
ul.talen li {display: inline-block; margin-right: 4px;}

.nomarg {}
.row.blue {margin: 50px -15px;}
.blue{ background: #023670; color: #ffffff; line-height: 28px; }
.blue h2{ color: #ffffff; margin-top: 0; text-align: center; }
.blue h3{ color: #ffffff; }
.blue .btn-primary{ color: #ffffff; background-color: transparent; border-color: #ffffff; }
.blue .btn-primary:hover{ color: #16365d; background-color: #ffffff; border-color: #ffffff; }
.grey{ background: #eeeeee; }
.grey h2{ text-align: center; }
.orange{ background: #e26c09; color: #ffffff; }
.orange h2{ color: #ffffff; margin-top: 0; }
.orange .btn-primary{ color: #ffffff; background-color: transparent; border-color: #ffffff; }
.orange .btn-primary:hover{ color: #e26c09; background-color: #ffffff; border-color: #ffffff; }
.orange.half{ width: 50%; padding: 40px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; min-height: 470px; }
.bluebar {background: #023670;padding: 20px 0;color: #fff;margin-bottom: 50px;}

/* HEADER + NAVIGATIE */
.container-fluid.container_header{ padding: 20px 0; }

.container-fluid.container_content {margin: 60px 0;}

/* SLIDER */
.container_banner{ position: relative; }
.container_banner > .row{ margin: 0; padding: 0; }
.container_banner > .row  > .col-md-12{padding: 0;}
.royalSlider{ width: 100%; height: auto; }
.royalSlider img{ width: 100%; height: auto; position: absolute; }
.royalSlider .container.slider{position: relative;top: 120px;}
.slidetext.rsABlock{ position: absolute; width: 100%;}
.linetitle.rsABlock{ width: auto; display: inline-block; font-family: 'Kanit', sans-serif; font-size: 60px; font-weight: 700; color: #ffffff; text-shadow: 5px 5px 5px rgba(0,0,0,0.5); text-transform: uppercase;}
.rsABlock { left: 15px; top: 0px; line-height: 60px;}
.secondline {margin-top: 60px; font-size: 40px !important;}
.container_banner .block.html.buttons{ position: absolute; bottom: 30%; left: 0; width: 100%; }
.container_banner .block.html.buttons .col-md-12{ padding: 0 15px; }
.container_banner .btn-primary{ color: #16365d; background-color: #ffffff; border-color: transparent; }
.container_banner .btn-secondary{ color: #ffffff; background-color: #e26c09; border-color: transparent; }

.form-text {font-family: 'Kanit';font-weight: 700;line-height: 1.4em;text-transform: uppercase;display: inline-block;font-size: 28px;/* margin-bottom: 20px; */}
.contact-form .form-text {line-height: 1em; margin-bottom: 20px;}

.bluebar .container {position: relative;}
.contact-form form {position: absolute;right: 0;bottom: 0;padding: 40px 40px 15px;border-radius: 20px;border-top-right-radius: 0;border-bottom-left-radius: 0;background: #538dd3;}
.contact-form form {width: 50%;}
.contact-form form table {width: 100%;}
.contact-form form input {background: none;border: 2px solid #023670;text-transform: uppercase;padding: 2px 20px;width: 100%;border-radius: 16px;margin-bottom: 10px;height: 46px;font-size: 14px;font-weight: bold; color: #fff;}
.contact-form form input[type="submit"] {margin: 0;border: 2px solid #e26c09;background: #e26c09;width: 237.5px;float: right;margin-top: -10px;}

.contact-form form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.contact-form form input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.contact-form form input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.contact-form form input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

/* CONTENT */
.container-fluid.container_content{/* margin-top: -1px; */position: relative;z-index: 999;}
.container-fluid.container_content .block.content ul li{ list-style: none; position: relative; }
.container-fluid.container_content .block.content ul li:before{ content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; position: absolute; top: 0; left: -30px; color: #e26c09; }


.container-fluid.container_content .row:nth-child(2){ padding: 35px 0; }
.container-fluid.container_content .row:nth-child(2) .col-md-12{ padding: 0; }
.block.html.photo{ position: relative; width: 100%; padding: 25px 0; height: 470px; }
.block.html.photo .afbeelding2{ background-position: center bottom !important; }
.block.html.photo .text{ position: absolute; top: 0; left: 15px; width: calc(100% - 15px); }

span.uspline {font-size: 26px;font-family: 'Kanit';/* font-weight: bold; *//* text-transform: uppercase; */line-height: 3em;}
span.uspline i {color: #007f5f;margin-right: 10px; width: 40px;}

/* FOOTER */
.row.bluebar.img {background: url('../images/bluebarbg.png');margin-top: 140px;margin-bottom: 0;}
.row.bluebar.img h2 {color: #fff;}

.container_footer{ background: #023670; color: #ffffff; padding: 30px 0; position: relative; }
.container_footer .row{ padding: 0; }
.container_footer h2{ font-size: 24px; color: #ffffff; }
.container_footer a{ color: #ffffff; }
.container_footer a:hover{ color: #ffffff; text-decoration: underline; }
.container_footer .menuitem ul{ padding-left: 0; }

.container_footer ul{ padding-left: 0; }
.container_footer ul li{ list-style: none; }
.container_footer ul li:before{ content: "\f178"; font-family: 'Font Awesome 5 Pro'; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 400; margin-right: 10px; }

.container_footer #_column2{ position: relative; }
.container_footer #_column2 .block.html.brc{ position: absolute; bottom: 0; right: 60px; }

.container_footer .block.menuitem ul>li:nth-last-child(1){ display: none; }
.container_footer .block.menuitem ul>li:nth-last-child(2){ display: none; }
.container_footer .block.menuitem ul>li:nth-last-child(3){ display: none; }
.container_footer .block.menuitem ul>li:nth-last-child(4){ display: none; }

.container_endpage{ background: #002854; color: #ffffff; font-size: 14px; }
.container_endpage .col-sm-4:nth-child(2){ text-align: center; }
.container_endpage .col-sm-4:nth-child(2) ul{ margin-bottom: 0; }
.container_endpage .col-sm-4:nth-child(2) ul li{ list-style: none; display: inline; }
.container_endpage .col-sm-4:nth-child(2) ul li:after{ content: ' | '; }
.container_endpage .col-sm-4:nth-child(2) ul li:last-child:after{ content: ''; }
.container_endpage .col-sm-4:nth-child(3){ text-align: right; }
.container_endpage .col-sm-4:nth-child(3) img{ max-width: 30px; }
.container_endpage a{ color: #ffffff; }

.block.html.heftruck {position: relative; min-height: 240px;}
.block.html.heftruck img {position: absolute; bottom: 0;}

/* ================================================== */
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.royalSlider .container.slider{ top: 140px; }
	.container_banner .block.html.buttons{ bottom: 20%; }
}

/* ================================================== */
@media only screen and (min-width: 1221px) and (max-width: 1399px){
	.royalSlider .container.slider{ top: 80px; }
	.container_banner .block.html.buttons{ bottom: 20%; }
}

/* #Tablet (Landscape)
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1220px){
	.container-fluid.container_top .nav > li > a{ padding: 5px 8px; }
	.container-fluid.container_header{ padding: 10px 0; }
	.royalSlider .container.slider{ top: 80px; }
	.linetitle.rsABlock{ font-size: 32px; line-height: 50px; width: 80%; }
	.container_banner .block.html.buttons{ bottom: 10%; }
	.block.list.ingangen h3{ height: 60px; }
	.container_footer #_column2 .block.html.brc{ position: absolute; bottom: 0; right: 20px; }
}

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.btn{ margin-top: 10px !important; }
	.row{ padding: 25px 0; }
	.container-fluid.container_top{ text-align: right; }
	.container-fluid.container_top .nav > li > a{ padding: 5px 15px; }
	.container-fluid.container_top .col-md-6:nth-child(1) ul li{ margin-right: 15px; }
	.container-fluid.container_header{ padding: 10px 0; }
	.container-fluid.container_header .nav > li > a{ padding: 5px 10px; }
	.royalSlider .container.slider{ top: 20px; left: 15px; }
	.linetitle.rsABlock{ font-size: 30px; line-height: 40px; width: 80%; }
	.container_banner .block.html.buttons{ bottom: 10%; left: 25px; width: 80%; }
	.block.list.ingangen h3{ height: 60px; }
	.container_footer #_column2 .block.html.brc{ position: absolute; bottom: 0; right: 20px; }
	.block.html.photo .text{ position: absolute; top: 0; left: 0; width: 100%; }
	.orange.half{ width: 70%; margin: 0 auto; }
	.col-sm-push-4{ left: 0; }
	.col-sm-pull-8{ right: 0; }
	.block.html.image{ text-align: center; padding: 20px 0; }
	.row.truck::before{ height: 200px; top: 200px; }
}

/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1{ font-family: 'Kanit', sans-serif; font-size: 40px; font-weight: 600; color: #16365d; }
	h2{ font-family: 'Kanit', sans-serif; font-size: 30px; font-weight: 600; color: #16365d; }
	h3{ font-family: 'Kanit', sans-serif; font-size: 26px; font-weight: 500; color: #16365d; }
	h4{ font-family: 'Kanit', sans-serif; font-size: 22px; font-weight: 500; color: #16365d; }
	body{ line-height: 28px; }
	.btn{ margin-top: 10px !important; }
	.row{ padding: 25px 0; }
	.container-fluid.container_top{ text-align: center; }
	.container-fluid.container_top ul li{ display: block; margin-top: 0; }
	.container-fluid.container_top .col-md-6:nth-child(1){ padding: 0; margin-top: 0; }
	.container-fluid.container_top .col-md-6:nth-child(1) ul li{ margin-right: 15px; margin-top: 0; }
	.container-fluid.container_top .col-md-6:nth-child(1) ul li:nth-child(2){ margin-right: 0; }
	.container-fluid.container_top .navbar-nav{ display: none; }
	.container-fluid.container_header{ padding: 10px 0; }
	.container-fluid.container_header .logo{ max-width: 225px; margin-top: 20px; }
	.container-fluid.container_header .nav > li > a{ padding: 8px 10px; }
	.navbar-header{ margin-top: -58px; width: 40%; float: right; }
	.navbar-nav{ margin: 7.5px 0; float: left; width: 100%; }
	.navbar-collapse{ border-top: none; box-shadow: none; }
	.container_header .navbar-nav>li:nth-last-child(1){ display: block; }
	.container_header .navbar-nav>li:nth-last-child(2){ display: block; }
	.container_header .navbar-nav>li:nth-last-child(3){ display: block; }
	.container_header .navbar-nav>li:nth-last-child(4){ display: block; }
	.navbar-toggle{ margin-top: 0; margin-right: 0; margin-bottom: 0; }
	.royalSlider .container.slider{ display: none; }
	.linetitle.rsABlock{ font-size: 30px; line-height: 40px; width: 80%; }
	.container_banner .block.html.buttons{ position: relative; left: 0; width: 100%; }
	.container_banner .block.html.buttons a{ width: 100%; max-width: 100%; }
	.container_banner .block.html.buttons a.btn.btn-primary{ border: 2px solid #16365d; margin-bottom: 10px; }
	.block.list.ingangen .col-sm-4{  margin-bottom: 20px; }
	.block.list.ingangen .item{ max-width: 300px; margin: 0 auto; }
	.block.html.photo{ height: 335px; }
	.block.html.photo .text{ position: absolute; top: 0; left: 0; width: 100%; }
	.orange.half{ width: 100%; }
	.col-sm-push-4{ left: 0; }
	.col-sm-pull-8{ right: 0; }
	.block.html.image{ text-align: center; padding: 20px 0; }
	.row.truck::before{ height: 200px; top: 210px; }
	.block.list.news .col-sm-6{ margin-bottom: 30px; }
	.container_footer #_column2 .block.html.brc{ bottom: -170px; }
	.container_endpage .col-sm-4:nth-child(1){ text-align: center; }
	.container_endpage .col-sm-4:nth-child(3){ text-align: center; }
}

/* Mobiel (Portrait)
================================================== */
@media only screen and (max-width: 479px) {
  ul.talen {display: none;}

	h1{ font-family: 'Kanit', sans-serif; font-size: 40px; font-weight: 600; color: #16365d; }
	h2{font-family: 'Kanit', sans-serif;font-size: 22px;font-weight: 600;color: #16365d;}
	h3{ font-family: 'Kanit', sans-serif; font-size: 26px; font-weight: 500; color: #16365d; }
	h4{ font-family: 'Kanit', sans-serif; font-size: 22px; font-weight: 500; color: #16365d; }
	body{ line-height: 28px; }
	.btn{ margin-top: 10px !important; }
	.row{ padding: 25px 0; }
	.container-fluid.container_top{ text-align: center; }
	.container-fluid.container_top ul li{ display: block; margin-top: 0; }
	.container-fluid.container_top .col-md-6:nth-child(1){ padding: 0; margin-top: 0; }
	.container-fluid.container_top .col-md-6:nth-child(1) ul li{ margin-right: 15px; margin-top: 0; }
	.container-fluid.container_top .col-md-6:nth-child(1) ul li:nth-child(2){ margin-right: 0; }
	.container-fluid.container_top .navbar-nav{ display: none; }
	.container-fluid.container_header{ padding: 10px 0; }
	.container-fluid.container_header .logo{/* max-width: 225px; *//* margin-top: 20px; */}
	.container-fluid.container_header .nav > li > a{ padding: 8px 10px; }
	.navbar-header{ margin-top: -58px; width: 40%; float: right; }
	.navbar-nav{ margin: 7.5px 0; float: left; width: 100%; }
	.navbar-collapse{ border-top: none; box-shadow: none; }
	.container_header .navbar-nav>li:nth-last-child(1){ display: block; }
	.container_header .navbar-nav>li:nth-last-child(2){ display: block; }
	.container_header .navbar-nav>li:nth-last-child(3){ display: block; }
	.container_header .navbar-nav>li:nth-last-child(4){ display: block; }
	.navbar-toggle{ margin-top: 0; margin-right: 0; margin-bottom: 0; }
	.royalSlider .container.slider{ display: none; }
	.linetitle.rsABlock{ font-size: 30px; line-height: 40px; width: 80%; }
	.container_banner .block.html.buttons{ position: relative; left: 0; width: 100%; }
	.container_banner .block.html.buttons a{ width: 100%; max-width: 100%; }
	.container_banner .block.html.buttons a.btn.btn-primary{ border: 2px solid #16365d; margin-bottom: 10px; }
	.block.list.ingangen .col-sm-4{  margin-bottom: 20px; }
	.block.html.photo{ height: 525px; }
	.block.html.photo .text{ position: absolute; top: 0; left: 0; width: 100%; }
	.orange.half{ width: 100%; }
	.col-sm-push-4{ left: 0; }
	.col-sm-pull-8{ right: 0; }
	.row.truck::before{ height: 200px; top: 300px; }
	.block.list.news .col-sm-6{ margin-bottom: 30px; }
	.container_footer #_column2 .block.html.brc{ bottom: -170px; right: 15px; }
	.container_endpage .col-sm-4:nth-child(1){ text-align: center; }
	.container_endpage .col-sm-4:nth-child(3){ text-align: center; }


	.contact-form form {position: relative; padding: 0; width: 100%; background: none;}
	span.uspline {font-size: 16px; }
	span.uspline i {width: 20px;}
	.contact-form form .row {padding: 0;}
	form .form-text {display: none;}
	.form-text {font-size: 22px; margin-bottom: 20px;}
	.contact-form form input {border:1px solid #fff;}
	.container-fluid.container_content .row:nth-child(2) {padding: 20px 0;}
	.row.blue {margin: 0 -15px;}
	.block.html.heftruck {display: none;}
}


.policy-banner img {object-fit: cover;}
.block.html img {border-radius: 0;}