/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input[type=text],input[type=button],input[type=submit],input[type=password],select{vertical-align:middle}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

:root {
  --body-font-family: "Lato", sans-serif;
  --body-font-size: 17px;
  --body-font-weight: 400;
  --header-font-family: 'Oswald', sans-serif;
  --bg-color: #C0CDD3;
  --body-color: #192b35;
  --primary-color: #e53427;
  --second-color: #2B3B48;
  --third-color: #2f586e;
  --third-color-filter: invert(21%) sepia(10%) saturate(1457%) hue-rotate(165deg) brightness(93%) contrast(93%);
}

html.mx_logged_in {
    margin-top: 0 !important;
}

body {
margin:0;
padding:0;
color: var(--body-color);
line-height: 1.425;
}


body, p, td, td p {
font-family: var(--body-font-family);
font-weight:var(--body-font-weight);
font-size: var(--body-font-size);
}

h1, h2, h3, h4, h5, h6, p, ul {
margin-top:0;
margin-bottom:30px;
}

h1, h6, h4 {
font-family: var(--header-font-family);
font-weight:normal;
font-size:40px;
color:var(--second-color);
text-align:center;
margin-bottom:60px;
}

h1:before, h4:before {
content:"";
width:230px;
height:9px;
background-color:var(--primary-color);
display:block;
margin:0 auto;
margin-bottom:40px;
}

#aside h4:before {
background-color:#DDDDDD;
}

h1, h1:before {
margin-bottom:60px;
}

h2 {
color: var(--third-color);
font-size:24px;
margin-bottom:0;
}

h3 {
color:var(--primary-color);
font-size:28px;
}

h5 {
color:var(--second-color);
font-family: var(--body-font-family);
font-style:italic;
font-size:20px;
}

p.quote{
font-family: var(--body-font-family);
font-style:italic;
margin-top:15px;
}

p.small{
font-size:14px;
}

#content p[style*="padding-left"] {
font-family: var(--body-font-family);
font-style:italic;
padding:15px 25px !important;
background-color:#EEEEEE;
line-height:27px;
quotes: "“" "”" "‘" "’";
}

#content p[style*="padding-left"]:before {
    content: open-quote;
	font-size:42px;
	display: block;
	float:left;
	padding-right:12px;
	line-height:42px;
	height:25px;
}

#content p[style*="padding-left"]:after {
    content: close-quote;
	font-size:42px;
	display: block;
	float:right;
	line-height:42px;
}

a {
color:var(--primary-color);
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:active, a:focus { 
outline: 0; 
} 


a.button {
width:auto;
background-color:var(--primary-color);
display:inline-block;
height:45px;
padding:10px 20px;
font-weight:400;
color:#FFFFFF;
font-family: var(--body-font-family);
text-transform:uppercase;
text-decoration:none;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
font-size:18px;
}

a.button:before {
content:"\f105";
font-family:"FontAwesome";
color: var(--second-color);
padding-right: 15px;
margin-right: 15px;
font-weight:bold;
font-size:22px;
line-height:22px;
display:inline-block;
margin-top:-3px;
border-right: solid 2px var(--second-color);
transition: all 0.5s ease;
}

a.button:hover:before {
padding-left:5px;
padding-right:10px;
}

ul.check, ul.check li {
margin-left:0;
list-style-type:none;
padding-left:0;
}

ul.check li {
position: relative;
padding-left: 24px;
}

ul.check li:before {
content:"\f00c";
font-family:"FontAwesome";
position: absolute;
left: 0;
top: 0;
color:var(--third-color);
}

input[type=text], input[type=email],input[type=password], textarea {
-webkit-appearance: none;
font-family: var(--body-font-family);
font-style:italic;
font-size:16px;
height:36px;
width:100%;
border: solid 1px var(--second-color);
padding:0 8px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}

.mx_form_input_option {
font-family: var(--body-font-family);
font-style:italic;
font-size:16px;
padding:2px 0;
}

textarea {
padding:8px 8px;
height:200px;
}

.jfilestyle{display:inline-block;margin:0 0 10px;padding:0;position:relative;border-collapse:separate;}
div.jfilestyle input,div.jfilestyle label{line-height:normal;vertical-align:middle;

font-size: 16px;}
div.jfilestyle input{position:absolute;border:1px solid #FFFFFF;
height: auto;background:#FFFFFF;margin:0;border-radius:0;color:#8d8d8d;cursor:default;padding:10px 15px}
div.jfilestyle label{
float:left;
display:inline-block!important;
width:150px!important;
border: solid 1px #FFFFFF;
padding:10px 15px;
background-color: var(--second-color);
color:#FFFFFF;
text-align:center;margin:0;
}
div.jfilestyle label[disabled]{pointer-events:none;opacity:.6;filter:alpha(opacity=65);cursor:not-allowed}div.jfilestyle label:hover{cursor:pointer;opacity:.9}div.jfilestyle{ width:100%; border: solid 1px var(--second-color); padding:0;font-size:12px;vertical-align:middle; overflow:hidden;}

button {
-webkit-appearance: none;
width:auto;
background-color:var(--primary-color);
display:inline-block;
height:45px;
padding:10px 20px;
font-weight:400;
color:#FFFFFF;
font-family: var(--body-font-family);
text-transform:uppercase;
text-decoration:none;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
border:0;
font-size:18px;
cursor:pointer;
}

button i {
font-weight:bold !important;
font-size:22px!important;
line-height:22px!important;
transition: all 0.5s ease;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0.9; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 opacity: 0.9;
}

::-ms-input-placeholder { /* Microsoft Edge */
opacity: 0.9;
}

input:focus::placeholder, textarea:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0; /* Firefox */
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
 opacity: 0;
}

input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { /* Microsoft Edge */
opacity: 0;
}

#content img[style*="left"], #content img[align="left"], #aside img[style*="left"], #aside img[align="left"] { margin: 0 30px 10px 0; }
#content img[style*="right"], #content img[align="right"], #aside img[style*="right"], #aside img[align="right"] { margin: 0 0 10px 30px; }

#content img, #aside img {
max-width:100%;
height:auto;
border:solid 5px #EEEEEE;
}

#content img.no-border, #aside img.no-border {
border:none;
}

#headerwrapper {
background-size:cover;
background-repeat:no-repeat;
background-image: linear-gradient(to bottom, rgba(8, 24, 37,0.6) 0%,rgba(8, 24, 37,0.6) 100%), url(../layout/schimmelverwijdering-utrecht.webp);
padding-bottom:255px;
background-position:center center;
}

#topwrapper {
background: rgb(40, 57, 71) transparent;
/* RGBa with 0.6 opacity */
background: rgba(40, 57, 71, 0.85);
}

#top {
width:100%;
max-width:1240px;
padding:0 20px;
margin:0 auto;
min-height:60px;
}

#top-left {
float:left;
width:50%;
padding-top:15px;
}

.gtranslate_wrapper {
position: absolute;
top: 0;
}

.gt_float_switcher .gt-selected{
background-color: #2e3e49!important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
  padding: 10px 15px;
  color: #FFF!important;
  font-weight: bold;
  background-color: #e53427;
  border-radius: 0 0 7px 7px;
  }
  
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(199deg) brightness(103%) contrast(105%);
}
/*#top-left a {
color:#FFFFFF;
}*/

#top-left i, #copy-right i {
border-right: solid 2px var(--primary-color);
padding-right:15px;
margin-right:15px;
font-size:20px;
}

#top-left a:last-of-type i, #copy-right a:last-of-type i {
border-right:0;
margin-right:0;
}

#top-right {
float:left;
width:50%;
text-align:right;
}

#top-right a, .bottomlink {
background-color:var(--primary-color);
display:inline-block;
height:45px;
padding:10px 20px;
font-weight:400;
color:#FFFFFF;
text-decoration:none;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
}

#top-right i, button i, .bottomlink i {
color:var(--second-color);
border-right: solid 2px var(--second-color);
padding-right:15px;
margin-right:15px;
font-size:22px;
}

button:hover i {
padding-left:5px;
padding-right:10px;
}

#navwrapper {
/*background: rgb(255, 255, 255) transparent;
background: rgba(255, 255, 255, 0.65);*/
background-color: #FFFFFF;
min-height:90px;
}

#navprepend {
position: absolute;
top:150px;
right:0;
width:100%;
}

#header {
width:100%;
max-width:1240px;
padding:0 20px;
margin:0 auto;
min-height:90px;
}

#logo {
float:left;
width:30%;
padding-top:15px;
font-weight:300;
font-size:24px;
line-height:26px;
color:#666666;
}

#logo:first-line {
color:#0d1f2d;
font-weight:400;
text-transform:uppercase;
}

#logo img {
height:70px;
width:auto;
float:left;
margin-right:-20px;
margin-top:-5px;
}

#nav {
float:left;
width:70%;
text-align:right;
}

#contentwrapper {
margin:0 20px;
}

#content {
width:100%;
max-width: 1040px;
margin:0 auto;
margin-top:-165px;
background-color:#FFFFFF;
padding:0 30px 40px 30px;
min-height:385px;
}

#bottomwrapper {
width:100%;
padding-bottom:40px;
}

#breadcrumbswrapper {
background-color:var(--primary-color);
}

#breadcrumbs {
width:100%;
max-width:1240px;
padding:16px 20px 0 20px;
margin:0 auto;
min-height:60px;
color:#FFFFFF;
}

#breadcrumbs ul {
padding: 0;
margin: 0;
float: left;
}

#breadcrumbs ul li { display: inline; }

#breadcrumbs ul li a {
width:auto;
color:#f9b6b1;
text-decoration: none;
float: left;
}

#breadcrumbs ul li a:after {
content:">";
padding-left:10px;
padding-right:10px;
}

#breadcrumbs ul li a:hover span {
text-decoration:underline;
}

#footerwrapper {
background-image:url(../layout/schimmelverwijdering-utrecht.webp);
background-size:cover;
background-repeat:no-repeat;
background-image: linear-gradient(to bottom, rgba(8, 24, 37,0.9) 0%,rgba(8, 24, 37,0.9) 100%), url(../layout/schimmelverwijdering-utrecht.webp);
}

#footer {
width:100%;
max-width:1240px;
padding:20px 20px 0 20px;
margin:0 auto;
color:#FFFFFF;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

#footer-left {
width:50%;
position:relative;
padding-bottom:60px;
  padding-right: 35px;
}

#footer-left a {
color: #FFFFFF;
}

#footer-right {
width:50%;
position:relative;
}

.bottomlink {
position:absolute;
bottom:0;
left:0;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}

#footer .mx_contact_form_row {
width:50%;
float:left;
clear:left;
padding-right:10px;
}

#footer .mx_contact_form_row:nth-of-type(5) {
float:right;
clear: none;
margin-top:-184px;
padding-left:10px;
padding-right:0;
}

#footer .mx_contact_form_row:last-of-type {
clear: both;
  width: 100%;
  position: relative;
  margin-bottom: 0;
  float: none;
  height: 46px;
  }

#footer .mx_contact_form_input {
width:100%;
}

#footer input[type=text], #footer input[type=email],#footer input[type=password], #footer textarea {
border: solid 1px #FFFFFF;
background-color:transparent;
color:#FFFFFF;
}

#footer button {
position:absolute;
bottom:0;
margin-left:0;
right:0;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}

#footer textarea {
height:218px;
resize: none;
}

#footer h2 {
color: #FFFFFF;
}

#footerwrapper h6 {
color:#FFFFFF;
padding-top:40px;
margin-top:0;
}

#footerwrapper > p {
color: #FFFFFF;
text-align: center;
max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left:20px;
  padding-right: 20px;
}

#copywrapper {
width:100%;
height:auto;
}

#copy {
width:100%;
max-width:1240px;
padding:10px 20px;
margin:0 auto;
}

#copy-left {
float:left;
width:50%;
font-size:14px;
font-weight:400;
color:var(--third-color);
}

#copy-left a{
color:var(--third-color);
}

#copy-right {
float:left;
width:50%;
text-align:right;
font-size:14px;
font-weight:400;
}

#copy-right a{
color: var(--third-color);
}

.mx_pagination, p.back {
border-top: solid 1px var(--third-color);
text-align:center;
}

.mx_pagination:before, p.back:before {
content:"";
width:50px;
height:9px;
background-color:var(--primary-color);
display:block;
margin:0 auto;
margin-bottom:15px;
}

p.back a {
font-family: var(--body-font-family);
font-style:italic;
color:var(--third-color);
font-size:24px;
text-transform:lowercase;
}

p.back a:hover {
text-decoration:none;
color:var(--second-color)
}

.mx_pagination ul, .mx_pagination li {
float:none !important;
display:inline;
border:none !important;
}

.mx_pagination a, .mx_pagination span {
display:inline-block !important;
font-family: var(--body-font-family);
font-style:italic;
color: #B2B2B2;
font-size:28px !important;
line-height:26px;
padding: 0 9px 5px 9px !important;
}

.mx_pagination li.mx_current a {
color:var(--third-color);
background-color:transparent !important;
}

.mx_pagination a:hover, .mx_pagination li.mx_current a:hover {
color:var(--second-color);
background-color:transparent !important;
}

.mx_pagination a:hover {
background-color:transparent !important;
}

td {
width:50%;
vertical-align:top;
}

.step {
padding: 10px 0;
}

.step img {
float: left;
border: none !important;
margin-right: 20px;
filter: var(--third-color-filter);
}

.step h2 {
padding-bottom: 20px;
line-height: 110%;
padding-top: 5px;
}

.step p {
clear: both;
}

#members {
margin-bottom:20px;
margin-top:10px;
}

.member {
float:left;
width:100%;
margin-bottom:35px;
border-top: solid 8px var(--primary-color);
}

.member img {
display:block;
}

.member .description {
background-color: #EEEEEE;
padding:5px 15px;
text-align:center;
}

.member .footer {
background-color:var(--second-color);
padding:8px 10px 10px 8px;
text-align:center;
}

.member .footer a {
color:#FFFFFF;
padding:0 13px;
}

.member .footer a {
line-height:26px;
}

.member .footer a:hover {
padding:0 10px 0 11px;
}

.member .footer a:hover i {
font-size:24px;
padding-bottom:-4px;
}

.member h3 {
color:var(--primary-color);
text-transform:uppercase;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 110px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 1px 5px 3px 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -55px;
	font-size:14px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.clear {
clear:both;
}

#project-home {
padding:0 80px !important;
}

#project-home .project {
width:100%;
}

#project-home .owl-nav {
top:37% !important;
width:100%;
}

#project-home .owl-prev {
-webkit-border-radius: 0px 7px 7px 0px;
-moz-border-radius: 0px 7px 7px 0px;
-khtml-border-radius: 0px 7px 7px 0px;
border-radius: 0px 7px 7px 0px;
}

#project-home .owl-next {
-webkit-border-radius: 7px 0px 0px 7px;
-moz-border-radius: 7px 0px 0px 7px;
-khtml-border-radius: 7px 0px 0px 7px;
border-radius: 7px 0px 0px 7px;
}

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

#project-home {
padding:0 60px !important;
}

} /* end mediaquery */

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

#contentwrapper {
margin:0;
}

#content {
margin-top:-45px;
}

#footer-left {
order: 2;
width:100%;
text-align:center;
  padding-right: 0px;
}

#footer-right {
order: 1;
width:100%;
padding-bottom:50px;
}

#footer button {

  right: calc(50% - 93px);
  border-radius: 7px;
  }



} /* end mediaquery */

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

#headerwrapper {
padding-bottom:200px;
}

#content {
padding-left: 20px;
padding-right: 20px;
}

.bottomlink {
display:none;
}

h1, h6, h4 {
margin-bottom:40px;
}

h1:before, h4:before {
margin-bottom:20px;
}

td {
width:100%;
display:block;
clear:left;
vertical-align:top;
}

} /* end mediaquery */

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

#top-left {
width:70%;
}

#top-right {
width:30%;
}

#top-right i {
border-right:none;
color:#FFFFFF;
padding-right:0;
margin-right:0;
}

#top-right span {
display:none;
}

#navwrapper, #header {
min-height:auto;
}

#logo img {
height:50px;
margin-bottom:15px;
}

#navprepend {
top:135px;
}

#footer .mx_contact_form_row {
width:100%;
padding-right:0;
}


#footer .mx_contact_form_row:nth-of-type(5) {
  float: right;
  clear: none;
  margin-top: 0;
  padding-left: 0px;
  }
  
#copy-left, #copy-right {
text-align: center;
  width: 100%;
  }

h1, h6 {
font-size:32px;
}

} /* end mediaquery */