@charset "UTF-8";/*van donker naar licht:*/
1 {color: #374133; /*Donkergroen*/}
2 {color: #8AA969 /*Lichtgroen1*/;}
3 {color: #85BE50 /*Lichtgroen2*/;}
4 {color: #A2CB77 /*Lichtgroen3*/;}










html, body{
	  font-family: 'arial narrow', arial, Helvetica, Arial, open-sans, sans-serif;
}

/*.module h3, .module .uk-h3 {
	text-transform: none;
	font-size: 36px;
}*/
h1, uk-h1 {
	letter-spacing: 0.1em  !important;
}

.uk-navbar-nav>li>a {
	text-transform:none;
	font-size: 26px;
}
.uk-nav-bar-right {
	padding-right:20px;
}
.uk-section-video iframe {
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.uk-section.uk-section-video.uk-light.uk-cover-container {
    min-height: 650px;
}
.uk-logo, .navbar .brand {
    display: none;
}

/*.werkgebied{
   width: 100%;
   margin: 0;
   padding: 0;
   background-color:red;
   top: 0;
   left: 0;
}*/

.werkgebied {
    margin-top: -50px;
    position: relative;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    top: -142px;
}
.blad {
	margin-right: -140px;
}
.blad {
	float: right; 
	text-align: right; 
	color: #ffffff; 
	background-image: url(//cdn.drone-makelaars.nl/wp-content/uploads/2022/04/gebied-fludder.png); 
	padding: 50px 100px 20px 100px; 
	margin-bottom: 100px;
}
.logobox.uk-margin-remove-vertical.uk-grid {
    margin-top: -70px !important; 
    }
#logotransboxbg{
	background-color: rgba(255, 255, 255, 0.6);
	}
.logotransbox {
}
.logotransbox p{
	padding:10px;
}
.payoff {
	width: 100%;
	background:#374133;
	color: #ffffff;
	font-size: 18px;
	position: static;
	display: inline-block;
	bottom: 0;
}
.payoff img {
	float: left;
}
.payoff p {
	margin: 0;
	padding: 10px !important;
}
.lichtgroen, .uk-section-secondary, x.lichtgroen H3{
	color: #374133 !important;
	font-weight: 700;
}
.donkergroen,.uk-section-primary, .donkergroen H3{
	color: #A2CB77 !important;
	font-weight: 700;
}
.eerste {
background:#fff;
}
.tweede {
background:#779B55;
}
.derde {
background:#374133;
}
.extra-padding{
	padding: 50px;
}
.extra-padding-top{
	padding-top: 50px;
}
.extra-padding-right{
	padding-right: 50px;
}
.extra-padding-bottom{
	padding-bottom: 50px;
}
.extra-padding-left{
	padding-left: 50px;
}
@media only screen and (max-width: 768px) {
h1, uk-h1 {
	letter-spacing: 0  !important;
}
.extra-padding{
	padding: 5px;
}
.werkgebied {
    margin-top: 0;
    position: relative;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 0;
    top: 0;
}
.blad {
	float: none;
	text-align: right;
	color: #ffffff;
	background-image: none;
	background-color:#374133;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
}
}
/* tijdelijk */
.werkgebied2.jmoddiv.jmodinside {
    margin-top: 350px;
    position: fixed;
    margin-left: 70%;
    min-width: 300px;
    padding-left: 40px;
    padding-top: 0;
    padding-bottom: 20px;
-ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg);
    
    }
.werkgebied2 h3, .werkgebied2 h3:hover, .blad h3 {
	color: #ffffff;
    z-index: 1000;
    font-size: 22px;
    line-height: 1.4;
    font-family: 'arial narrow',arial,Helvetica,Arial,open-sans,sans-serif;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;    
}
.werkgebied2 {
 /*   background-color: red;
     margin-right: 0px; */
    position: absolute;
    z-index: 2000;
    top: 300px;
    right: -80px;
    -ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg); 
    transform: rotate(20deg);

}

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
	font-family: 'arial narrow', arial, Helvetica, Arial, open-sans, sans-serif;
}
.tm-offline h1{
	font-size: 24px;
}
.tm-offline p{
	font-size: 14px;
}

#aanbod {
	padding-top:0;
}
#breedt {
	margin-top: -16%;
	padding-bottom:200px;
}
/* --#### --*/
#breedt .uk-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    }
@media only screen and (max-width: 768px) {
#breedt {
	padding-bottom:0;
}
.uk-section.uk-section-video.uk-light.uk-cover-container {
    min-height: 400px;
}
.wegopmobiel iframe{
	/*
	display:none;
	*/
}
}
.uk-offcanvas-bar {
	width:180px !important;
	}
.wk-button {
	margin-top: 20px !important;
}
/*#verkocht a.wk-button {
    background: #374133;
}*/
.uk-section-secondary a.wk-button {
    background: #374133;
}
.uk-grid-divider>:not(.uk-first-column)::before {
    border-left: 1px solid #000;
}
.uk-width-1-3\@m {
  max-width: 360px !important;
}
/* testje 
@media (min-width: 1200px)
.tm-page>* {
    position: relative; 
    max-width: 24000px; 
    background: #fff;
}
*/
/* opmerking Raoul annelies iz video 
.uk-section-video iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
*/
/*---- Vimeo ----
.vp-controles, .vp-sidedock {
	display:none !important;
}
*/