body{
	font-weight: 100;
}

/* Global settings */
img {
	max-width: 100%;
	object-fit: cover;
}
.imageholder {
	display: block;
	position: relative;
}
.stickybottomleft {
	position: absolute;
	bottom: 5px;
	left: 10px;
}

/* Button */
.button{
	font-weight: 400;
	color: #fff!important;
	-webkit-transition: all .3s ease; /* Safari prior 6.1 */
	transition: all .3s ease;
}.button:hover{
	 text-decoration:none;
	 background-color: #294e5a;
	 color: #ebebeb!important;
 }

/* Modal button */
.modal-button {
	width: 60%;
}

/* Modal */
#rl_modals{
    border-radius: 0px;
}
.modal-title > h1 {
	font-size: 2rem;
}
.modal-logo{
    position: absolute;
    top: 50px;
    left: 0px;
    width: 200px;
}

.modal-title{
    font-family: Ubuntu;
    padding: 93px 0px 20px 200px;
    font-size: 43px;
    color: #294E5A;
}
.modal-button{
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: bold;
}
#rl_modals .modal-button {
 	margin-bottom: 0.5rem;
 	width: 365px;
}

#rl_modals, #rl_modals_wrapper, #rl_modals_loaded_content, #rl_modals_content {
	width: 800px !important;
}
#rl_modals {
	left: calc(50% - 400px) !important;
}
#rl_modals .articleBody {
	margin-top: 1rem;
}
 
/* Menu */
nav.navbar {
	padding-bottom: 1.5rem;
}
.nav-item {
	text-transform: uppercase;
}
.os_logo{
    margin: 41px 0px 2px 27%;
}
/* Headers */
.page-header {
	padding: 41px 0;
    color: #294E5A;
}
.page-header .inner {
	padding: 115px 22%;
	background-image: url(../images/logo.svg);
	background-size: 214px;
	background-repeat: no-repeat;
	background-position: -15px 115px;
}
.page-header.small-coursel .inner {
	padding: 50px 22%;
	background-image: url(../images/logo.svg);
	background-size: 207px;
	background-repeat: no-repeat;
	background-position: -10px 0px;
}
.page-header.our-work .inner {
	background-image: url('../images/our-work-logo.svg');
}.page-header.our-team .inner {
	 background-image: url('../images/our-team-logo.svg');
 }.page-header.our-trainingen .inner {
	  background-image: url('../images/our-trainingen-logo.svg');
  }.page-header.our-customers .inner {
	   background-image: url('../images/our-customers-logo.svg');
   }.page-header.our-workmethod .inner {
		background-image: url('../images/our-workmethod-logo.svg');
	}
.page-header.color-black .inner h1{
	color: #294E5A !important;
}
.page-header section h1 {
	margin-top: 48px;
}

.guy-right {
	background-image: url('/images/headers/ons_werk.png');
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 356px;
}
.lady-right {
	background-image: url('/images/headers/onze_werkwijze.png');
	background-repeat: no-repeat;
	background-position: 90% 18px;
	background-size: 330px;
}
/* Module - Contact [Menu] */
.moduletable_contactmenu {
	width: 100%;
}
.moduletable_contactmenu .btn-contactmenu{
	opacity: 0;
	visibility: hidden;
}
.moduletable_contactmenu ul {
	margin: 0 1rem 1rem 0;
	padding: 0;
	text-align: right;
}
.moduletable_contactmenu ul li {
	display: inline-block;
}
.moduletable_contactmenu ul li a {
	margin: 0 6px;
}
.moduletable_contactmenu ul li img {
	width: 20px;
}
.mod-languages_contactmenu {
	
}
.mod-languages_contactmenu ul {
	list-style: none;
    text-align: end;
    margin-right: 1.2em;
}
.mod-languages_contactmenu ul li {
	display: inline-block;
	margin-left: 5px;
}
.mod-languages_contactmenu ul li.lang-active {
	display: none;
}
.mod-languages_contactmenu ul li img {
	width: 25px;
}

/* Module - Menu */
.nav-item {
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: .7px;
}
.navbar-light .navbar-nav .nav-link{
    color: #294E5A;
    font-weight: normal;
}
.navbar-light .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .nav-link:focus{
    color: #35998f;
}

.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link{
    color: #DB6749;
}
.navbar-toggler{
    font-size: 35px;
    border: 0px;
    border-radius: 0px;
    padding: 10px 0px;
    width: 100;
    float: right;
}

/* Module - Carousel */
.moduletable_carousel {
	font-size: 2rem;
}

/* Module - Clients */
.moduletable_clients {
	padding-top: 130px;
	padding-left: 10%;
	padding-right: 10%;
}
.moduletable_clients .logo{
	padding: 4.5% 0px;
}
.moduletable_contact h3,
.moduletable_clients h3 {
	text-align: center;
	font-size: 2rem;
	color: #294E5A;
}
.moduletable_clients h3 {
    padding: 0px 0px 50px 0px;
}
.moduletable_clients .clientlist{
    padding: 4% 0px;
}
.moduletable_clients .client {
	display: inline-block;
	margin-right: 1rem;
}
.moduletable_clients .client img{
    width: 150px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.moduletable_clients .row {
	 padding-bottom: 100px;
	 border-bottom:  1px solid #294E5A;
 }
.moduletable_contact .button,
.moduletable_clients .button{
    font-size: 18px;
}

.moduletable_customers-info.image img {
	width: 100%;
}

.marquee {
	width: 100%;
	overflow: hidden;
}

/* Module - Contact */
.moduletable_contact{
	padding-top: 150px;
	padding-bottom: 100px;
}

.moduletable_contact.border-bottom{
	border-color: #294E5A !important;
	border-width: 30%;
}
.border-top {
	border-color: #294E5A !important;
}
/* Module - Lekker sociaal */
.moduletable_lekkersociaal h3 {
	padding-top: 75px;
	color: #ffffff;
	text-align: center;
    font-size: 2rem;
}

.moduletable_lekkersociaal .instagram-module,
.moduletable_lekkersociaal .instagram-module .moduletable{
    width: 100%; 
}

.workmethod-iframe{
    width: 800px; 
    height: 450px;
}

/* Modules - Werkwijze video and graph*/
.extra-bottom {
	padding-bottom: 250px;
}
.has-video {
	position: relative;
}
.has-video > div > p:first-child {
	margin: 0;
	padding-top: 250px;
	margin-bottom: 1rem;
}
.has-video iframe {
	position: absolute;
	display: block;
	left: calc(50% - 400px);
	top: -225px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/* Modules - footer */
.fluid-padding {
	padding-left: 10%;
	padding-right: 10%;
}
.moduletable_footermenu li {
	list-style: none;
}
.moduletable_footermenu li a {
	color: #294E5A;
}
.moduletable_footermenu,
.moduletable_secondfooter{
    line-height: 26px;
    font-size: 14px;
}

/* Content - Global */
.item-title,
.item-title a {
	font-size: 2rem;
	margin-bottom: 2rem;
}
.readmore {
	margin-top: 2rem;
}
/* Content - Featured */
.blog-featured .item > .row {
	padding: 0 10%;
}
.blog-featured .content {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.blog-featured .content.col-12 {
	padding-left: 0;
	padding-right: 0;
}
.blog-featured .content.order-1 {
	text-align: left;
	padding-right: 5%;
}
.blog-featured .content.order-2 {
	text-align: right;
	padding-left: 5%;
}
.blog-featured .item .image {
	padding-top: 9%;
}
.blog-featured .content p{
    font-size: 18px;
    line-height: 30px;
}
.blog-featured .content ul {
    font-size: 18px;
    line-height: 30px;
}

.blog-featured .item .image.image-absolute .item-image{
	position: absolute;
	bottom: 0px;
    width: 85%;
}
.blog-featured .item .image-absolute.order-2 .item-image{
    right: 0px;
}
.blog-featured .item .image-absolute.order-1 .item-image{
    left: 0px;
}

/* Content - Blog */
.blog-item {
	padding: 30px;
}
.blog-item .item-image img {
	width: 100%;
}

.blog-item .item-image img {
	width: 100%;
}



/* Content - Trainingen */

.content-category{
	padding: 70px 0px;
	background-color: #f2f2f2;
}
.content-category .card img,
.content-category .card{
	border: 0px;
	border-radius: 0px;
}
.content-category .card.bordered {
	border: 1px solid rgba(0,0,0,.125);
}


.card-body {
	padding-left: 82px;
	padding-right: 82px;
	padding-top: 34px;
	padding-bottom: 34px;
}
.card-title {
	display: block;
	font-size: 2rem;
	margin-bottom: 2rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}
.card-title:hover{
	color: #294e5a;
}

.article-training .article-text h3,
.card-text h3{
	font-weight: bold;
	font-size: 14px;
	color: #294E5A;
}
.card-text p,
.card-text ul {
	 font-size: 13px;
	 line-height: 21px;
 }

.article-training h1{
	color: #294E5A;
}

.cat-description {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.cat-description h2 {
	margin-bottom: 2rem;
}


/* Customers module */
.moduletable_customers-info{
	position: relative;
	display: block;
}
.moduletable_customers-info #image-ifram{
    position: relative;
    width: 50%;
    display: inline-block;
    float: left;
}
.moduletable_customers-info #image-ifram .content-iframe{
    color: #fff;
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
}
.moduletable_customers-info #video-ifram{
	position: relative;
	display: block;
	cursor: pointer;
}
.moduletable_customers-info #video-ifram .content-iframe{
	position: absolute;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url('/images/klantenafbeeldingen/Karlijn-lufthansa.jpg');
	background-position: center center;
	background-size: cover;
}
.moduletable_customers-info.lufthansa #video-ifram .content-iframe {
	background-image: url('/images/klantenafbeeldingen/eric_film_review.jpg');
}
.moduletable_customers-info.rabobank #video-ifram .content-iframe {
	background-image: url('/images/klantenafbeeldingen/rabobank.jpg');
}
.moduletable_customers-info.hendriks #video-ifram .content-iframe {
	background-image: url('/images/klantenafbeeldingen/hendriks_veenendaal.jpg');
}
.moduletable_customers-info.rivm #video-ifram .content-iframe {
	background-image: url('/images/klantenafbeeldingen/helga_film_review.jpg');
}
.moduletable_customers-info.sbb #video-ifram .content-iframe {
	background-image: url('/images/klantenafbeeldingen/yvonne_film_sbb.jpg');
}
.moduletable_customers-info.katja #video-ifram .content-iframe {
	background-image: url('/images/100-lekker-in-gesprek-met-karlijn-mulder-lufthansa-2/Kadaster_film.jpg');
}
.moduletable_customers-info.bridgestone #video-ifram .content-iframe {
	background-image: url('/images/klantenafbeeldingen/Film_Bridgestone.jpg');
}
.moduletable_customers-info.hogeschool-utrecht #video-ifram .content-iframe {
	background-image: url('/images/Film_HU.jpg');
}
.moduletable_customers-info #video-ifram .content-iframe .wrapper{
    margin: 260px 0px 100px 0px;
    text-align: center;
}
.moduletable_customers-info #video-ifram .content-iframe .wrapper img{
    width: 50px;
    margin: 0px 0px 30px 0px;
}
.moduletable_customers-info #video-ifram .content-iframe .wrapper h3{
    font-weight: 100;
    color: #fff;
}
.moduletable_customers-info #video-ifram .content-iframe .wrapper h3 strong{
    font-weight: bold;
}

.moduletable_customers-info #image-ifram {
	overflow: hidden;
}
#image-ifram .content-block {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.85);
	transition: all 1s ease;
	padding: 5rem;
}
#image-ifram:hover .content-block {
	left: 0;
}
.moduletable_customers-info:nth-child(even) #image-ifram .content-block {
	left: -100%;
}
.moduletable_customers-info:nth-child(even) #image-ifram:focus .content-block,
.moduletable_customers-info:nth-child(even) #image-ifram:hover .content-block {
	left: 0;
}

/* show hide */
.moduletable_customers-info #video-ifram.show .content-iframe{
    display: none;
}

/* Indents */
.indented-right {
	margin-right: 5%;
	width: 95%;
	min-height: 100px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.indented-left {
	margin-left: 5%;
	width: 95%;
	min-height: 100px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}


/* Footer */
footer {
	padding-top: 75px;
}
footer .author,
footer .author a {
    font-size: 12px;
	color: #294e5a;
}

/* SVG */
.svg {
	text-align: center;
}

/* Image swap */
.imageswap {
	position: relative;
	padding-top: 100%;
	margin-bottom: 1rem;
}
.imageswap img {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s ease;
}
.imageswap img:first-child {
	opacity: 1;
}
.imageswap:hover img {
	opacity: 1;
}
.imageswap:hover img:first-child {
	opacity: 0;
}

/* Slick */
.slick-dots li button::before {
	height: 10px;
	width: 10px;
	content: ' ';
	border: 1px solid #294E5A;
	border-radius: 50%;
	opacity: 1;
}
.slick-dots li.slick-active button::before {
	background-color: #294E5A;
	opacity: 1;
}

.slider_article p{
	font-size: 42px;
	font-weight: bold;
	margin: 0px;
	line-height: 55px;
}

/* ONS TEAM */
.team-content{
	padding-top: 80px;
	padding-bottom: 80px;
	max-width: 206px;
}.team-content .content{
	 padding: 15px 0px;
}.team-content .item-title{
	margin: 0px;
	color: #294d5a;
	font-size: 22px;
	padding: 12px 0px 0px 0px;
}

/* Misc */
.moduletable_lekkersociaal #jux_social_instagram_feed .eapps-instagram-feed-posts-grid-load-more {
    background: #294e5a !important;
}


/* Slick */
.slick-prev {
	left: -50px;
}
.slick-next {
	right: -50px;
}


.slick-list .container .content {
	text-align: center;
}

.subscribe-button {
	margin-top: 0rem;
	margin-bottom: 1rem;
}
.item-title, .card-title {
	color: #294e5a;
}

footer a {
	color: #294e5a;
	text-decoration: none;
}
footer a:hover {
	color: #35998f;
	text-decoration: none;
}

.card .card-text a {
	color: #294e5a;
	text-decoration: underline;
}
.card .card-text a:hover {
	color: #35998f;
}

.client.item .item-title {
	color: #294e5a;
}


.rsfp_thankou_popup_close_btn {
	height: 28px;
	line-height: 28px;
	top: 0;
}


/* Added for the new pictures on 26-02-2020 */
.blog-featured.featured img {
	max-width: 130%;
}

form .control-group{
	margin-bottom: 15px;
}

.formResponsive textarea, 
.formResponsive input[type="text"], 
.formResponsive input[type="number"], 
.formResponsive input[type="email"], 
.formResponsive input[type="tel"], 
.formResponsive input[type="url"], 
.formResponsive input[type="password"]{
	border-radius: 0px;
    box-shadow: none;
}

/* FORM WITH SCALE RADIO BUTTONS */
#FormScale .rsform-block label.formControlLabel{
	text-align: left;
	width: 100%;
    font-weight: 500;
    font-style: normal;

	margin-bottom: 15px;
}
#FormScale .rsform-block .formControls{
	width: 100%;
	margin-bottom: 30px;
}
#FormScale .rsform-block .formControls .formBody{ 
	position: relative;
}
#FormScale .rsform-block .formControls .formBody > div{
	position: relative;
	display: flex;    
    justify-content: space-evenly;
}
/* #FormScale .rsform-block .formControls .formBody > div:before{
	content: ""	;
	border-top: 1px solid #284d5d;
    position: absolute;
    left: 0px;
    top: 11px;
    width: 100%;
} */
#FormScale .rsform-block .formControls .formBody label{
	position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-flow: column-reverse;

	min-height: 18px;
    text-align: center;
    padding: 0;
    margin: 0;

	font-size: 16px;
    font-weight: bold;
}
#FormScale .rsform-block .formControls .formBody label input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
#FormScale .rsform-block .formControls .formBody label .checkmark {
	position: relative;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	margin-bottom: 10px;
}
#FormScale .rsform-block .formControls .formBody:hover label input ~ .checkmark {
	background-color: #ccc;
}
#FormScale .rsform-block .formControls .formBody label input:checked ~ .checkmark {
	background-color: #2196F3;
}
#FormScale .rsform-block .formControls .formBody label .checkmark:after {
	content: "";
	position: relative;
	display: none;
}
#FormScale .rsform-block .formControls .formBody label input:checked ~ .checkmark:after {
	display: block;
}
#FormScale .rsform-block .formControls .formBody label .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


form .formContainer .formRow .rsform-block-pagebreak .formControlLabel,
form .formContainer .formRow .rsform-block-verzenden .formControlLabel{
	display: none;
}
form .formContainer .formRow .rsform-block-pagebreak .formControls,
form .formContainer .formRow .rsform-block-verzenden .formControls,
form .formContainer .formRow .rsform-block-pagebreak,
form .formContainer .formRow .rsform-block-verzenden{
	margin: 0px;
}
button.btn-primary,
form .formContainer .formRow button[type="button"],
form .formContainer .formRow button{
	position: relative;
    display: inline-block;

    font-size: 18px;

	padding: .375rem 2.5rem;
    min-width: 160px;
    text-align: center;
    vertical-align: middle;
    border-radius: 2rem;
    box-shadow: none;
    border: 0px;
    line-height: normal;
    background-color: #35998f;
    color: white;

    min-height: 40px;
}
button.btn-primary,
form .formContainer .formRow button.rsform-button-next,
form .formContainer .formRow button.rsform-submit-button{
    background-color: #db6749;
}
button.btn-primary:focus,
button.btn-primary:hover,
form .formContainer .formRow button:focus,
form .formContainer .formRow button:hover{
	text-decoration: none;
	border-color: #294e5a!important;
    background-color: #294e5a!important;
    color: #ebebeb!important;
}


@media (min-width: 1200px) {
	#FormScale .rsform-block .formControls .formBody > div {
		width: 66%;
	}
}
#FormScale .rsform-block.error .formControls .formBody > div > label > span {
	border: 1px solid red;
}
.rsform-block {
    margin-bottom: 1rem;
}

.gerealiseerd {
    margin-right: 205px;
  	font-family: Ubuntu, Arial, Helvetica, sans-serif;
  	font-size: 12px;
    color: #294e5a;
}



.leiderschap {
    background-image: url('/templates/hierloopthetlekker/images/header/leiderschap.jpg');
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.leiderschap h1 {
  color: white;
}
.leiderschap.detail {
  background-image: url('/templates/hierloopthetlekker/images/header/woestijn.jpg');
}

.leiderschap-container {
  background-color: #244C5A;
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: white;
  
  margin-top: 4rem;
}
.leiderschap-container a {
  color: #efefef;
  text-decoration: underline;
}

.leadershiplist .col-6 {
  padding: 15px;
}
.leadershiplist .journey {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  border-radius: 5px;
}
.leadershiplist .journey .text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  padding-right: 30%;
  color: white;
  width: 100%;
}
.leadershiplist .journey .text:after {
  position: absolute;
  bottom: 5px;
  right: 5px;
  content: "→";
  font-size: 2rem;
}

.leadershiplist .journey .persons {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  color: white;
}
.leadershiplist .journey .badge {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  color: #244C5A;
  font-size: 1rem;
  width: 70px;
  height: 70px;
  background-color: white;
  text-align: center;
}
.leadershiplist .journey .badge span {
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
  position: relative;
}

.quote-container {
  background-image: url('/templates/hierloopthetlekker/images/header/vuur.jpg');
  aspect-ratio: 16 / 5;
  background-size: cover;
  background-position: center center;
  color: white;
  position: relative;
}
@media(max-width: 1200px) {
  .quote-container {
    aspect-ratio: 10 / 5;
  }
}
@media(max-width: 767px) {
  .quote-container {
    aspect-ratio: 16 / 16;
  }
}

.quote-container .moduletable_quote {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 48px;
}
@media(max-width: 767px) {
  .quote-container .moduletable_quote {
    font-size: 32px;
    width: 90%;
  }
}
.quote-container .container,
.quote-container .row {
  height: 100%;
}
.quote-container .col-12 {
  position: relative;
}

.subscribe-header {
  background-image: url('/templates/hierloopthetlekker/images/header/leiderschap.jpg');
  aspect-ratio: 16 / 3;
  background-size: cover;
  background-position: center center;
  color: white;
  position: relative;
  font-size: 48px;
  vertical-align: bottom;
}
@media(max-width: 767px) {
  .subscribe-header {
    aspect-ratio: 4 / 3;
  }
}
.subscribe-header > .container {
  position: relative;
  height: 100%;
}
.subscribe-header > .container > .row {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.moduletable_form.subscribeform {
  margin-top: 2rem;
}

img.full-width-image,
.full-width-image img {
	width: 100%;
}

.moduletable_judy {
	background-color: #294e5a;
	margin-top: 2rem;
}
.moduletable_alchemy_form h3 {
	margin-left: 15px;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

@media (max-width: 992px) {
	.moduletable_judy img {
		max-height: 11rem;
		right: 3rem;
	}
}
@media (max-width: 400px) {
	.moduletable_judy img {
		position: relative !important;
		max-width: 100%;
		right: 0;
	}
}