@charset "utf-8";
html {
  scroll-behavior: smooth;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing:grayscale!important;
-webkit-font-smoothing:antialiased!important
}
body{
	font-family: "proxima-nova", sans-serif;font-weight: 400;
font-style: normal;
	color: #3d3c3c;
	font-size: 18px;
}
h2, h1 { color: #008bd2; font-size: 48px; font-family: "proxima-nova", sans-serif;
font-weight: 800;
font-style: normal;position:relative;margin:30px 0px;text-transform: uppercase}
.ora{color:#ec6707}
h3 {
	font-size: 24px;
	color: #3d3c3c;
	margin: 15px 0 5px;
	font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;
	text-transform: uppercase;
	line-height: 36px;
	}
h4{ font-weight:bold; font-size:18px;margin-top:10px;}
h4 a {color:#444444}
h5{font-size:20px;font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;text-transform: uppercase;color:#008bd2}
 p{
 font-weight:normal;
line-height: 24px;
margin: 0 0 10px;
	 }
a, a:hover, a:focus, a:focus, a:active{ text-decoration:underline; outline:none; transition: ease-in .3s; }
a, p a {text-decoration:none;color:#ec6707}
p a:hover, a:hover{cursor:pointer;text-decoration: underline;color:#ec6707}
.inhoud ul {
    margin-left: 30px;
    margin-top: 10px;
    list-style: none;
}
.inhoud ul li::before {
  content: "-";  
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}
.breadcrumb {background-color:transparent;border-radius:0;justify-content:flex-start;padding-left:0px;}
.breadcrumb-item {font-size:12px}
.bgwece{background: #0c0c0c;border-top:1px solid #292929}
#webspice { text-align: right;padding-right:10px}
#webspice a {
font-weight:600;
font-size:12px;
color:#b9b9b9;
text-decoration:none;
    padding-top: 5px;padding-bottom:5px;
    }

.bol {
color:#D99F15;
font-size:24px
}
.btn {
box-shadow: none !important;
text-decoration:none;
transition: 0.3s;
color:#ffffff;
background-color:#008bd2;
border: 1px solid #fea84c;
padding:10px 35px; font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal; margin:50px auto; border-radius: 25px;
text-transform: uppercase;
display: block;
max-width: 280px;
}
.btn:hover, a.btn:hover {
text-decoration:none;
    background-color:#ffffff;
	color:#fea84c
}
/*******/
input:focus{ outline:none;}
.form-control::placeholder {color: #959494;}
.form-control, .form-control-file{font-weight: normal;
	padding: 10px 10px;
	height:auto;
background-color: #ffffff;
    border:1px solid #959494;
    border-radius:0;
 color: #666666;}
.form-control:focus {
    color: #333333;
    background-color: #fff;
    border-color: #0f2548;
    outline: 0;
    box-shadow: none;
}
.formelnt{
  position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	}
.submit {
font-family: "proxima-nova", sans-serif;
font-weight: 600;
font-style: normal;
display: block;
line-height: 1.25;
text-align: center;
text-decoration: none;
text-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-clip: padding-box;
margin-top: 20px;
font-size: 20px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
transition: all 0.5s;
width: 250px;
height: 50px;
color: #ffffff;
background-color: #ec6707;
border: 1px solid #ec6707;
border-radius: 25px;
   
}
.submit:hover {background-color: #008bd2;text-decoration:none;color:#ffffff;border: 1px solid #008bd2;}
 iframe.map {height:600px; width:100%;display: block;}
.container {max-width: 1200px;}
#fotocontent {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: scroll;
    vertical-align: top;
    width: 100%;
    display:flex;
    align-items: top
}
.ftbg1 {background-image: url("../fotomateriaal/head.webp");}
.foto_txt {
 text-align: center;
padding: 20px;
margin: 0 auto 0;
}
.foto_txt p{text-transform: uppercase;font-size:35px;letter-spacing: 1px}
/**----Top header Css----**/
.top_head{background: #ffffff;width: 100%; display: flex;justify-content: flex-end;}
.top_head ul.call_email{padding: 5px 1rem 0 0 ;margin:0;width:100%;display:flex;justify-content: flex-end;list-style: none}
.top_head ul.call_email li{padding:0 15px;display: inline-flex;justify-content: center;align-items: center;}
.top_head ul.call_email li a{ color: #ec6707;text-decoration: none;font-size:16px;font-family: "proxima-nova", sans-serif;
font-weight: 600;
font-style: normal;line-height: 40px;display: inline-flex;justify-content: center;align-items: center; }
.top_head ul.call_email li img{ margin-right:12px; }
.top_head ul.call_email li a:hover{text-decoration:underline}
.top_head .dropdown {padding: 10px;font-size:16px;font-weight:bold}

/**----Header Css----**/
/* nav */
.navi{background: #ffffff}
.navbar{padding:40px 0 10px}
nav ul{list-style:none; padding-left: 0;}
.nav-link, .dropdown-item {color:#008bd2; text-transform: uppercase;text-decoration:none;font-size:16px;transition: 0.5s;font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;}
.nav-item.active .nav-link{color:#ec6707}
ul.navbar-nav li:last-child a {background: #ec6707; border:1px solid transparent; font-size:16px; color: #fff;    height: 34px;    display: block;    padding: 0;    text-decoration: none;line-height: 34px;text-align: center;border-radius: 30px; transition:0.5s ease-in-out;color:#ffffff!important}
ul.navbar-nav li:last-child a:hover {border: 1px solid #008bd2;  background: #008bd2;color: #ffffff;}
ul.navbar-nav li:last-child a.active {border: 1px solid #008bd2;  background: #008bd2;color: #ffffff;}
.navbar-toggler:focus,.navbar-toggler:active {outline: 0;}
.navbar-toggler{position:relative;display:none}
.navbar-toggler span {
display: block;
background-color:#ffffff;
height: 3px;
width: 35px;
margin-top: 4px;
margin-bottom: 4px;
 -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
 left: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
-webkit-transition: transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out;
 -o-transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
 left: 12px;
top: 10px;
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
 opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
 background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
opacity: 0.9;
}


/*subnav*/

.dropdown-toggle::after {
  display: inline-block;
  width: .3em;
  height: .3em;
  margin: -.3em 0 0 .4em;
  vertical-align: middle;
  content: "";
  border: .3em solid;
  border-width: 0 .15em .15em 0;
  transform: rotateZ(45deg)
}

.nav-item:hover .dropdown-menu {display: block;transition: 0.5s}
.dropdown-menu {
    border-radius: 0;
    padding: 20;
    border: none;
    margin-top: 0;
	background-color: #ffffff;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fea84c;
    text-decoration: none;
    background-color: #ffffff;
}
/*index*/


.cta{margin:100px 0;font-family: "proxima-nova", sans-serif;
font-weight: 600;
font-style: normal;font-size:20px}
.cta-box{padding: 100px 50px;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
vertical-align: top;
width: 100%;
background-image: url("../fotomateriaal/dealer.webp");}

/* Andere paginas */
ul.open{list-style:none; margin:0;padding: 5px;}
ul.open li:before{content:""}
.banner_pag {
    background: url("../fotomateriaal/head.webp");
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: center center;
    background-size: 100% auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: 400px;
}
.gallerij figure {
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative
}
.film {
  height: auto;
  max-width: 400px;
  display: block;
}
.prod-card {width: 100%;height: 100%;}
.prod-card a {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 1px solid #ec6707;
  border-radius: 8px;
  padding:25px;
  position: relative;
  transition: .2s ease-in;
}
.prod-card a,.prod-card a:hover{text-decoration: none;}
.prod-card h4{ margin: 0;padding: 10px;transition: .2s ease-in;text-align: center; font-weight: 800;text-transform: uppercase;font-size:24px }
.prod-card p{margin: 0 0 15px 0; color:#3d3c3c}
.prod-card .btn{margin: 5px auto;}
.prod-card a:hover{transform: scaleX(1.07) scaleY(1.07);transition: .2s ease-in;}
.prod-card a:hover h4{color:#ec6707;transition: .2s ease-in;}

/**----Footer Css----**/
footer{ background:#2a3146;padding:60px 0; color: #fff;font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;font-size:14px}
footer ul{list-style-type: none}
footer ul li{padding:5px;text-transform: uppercase;color:#008bd2;}
footer a{color:#008bd2;text-decoration:none;font-size:14px;text-transform: uppercase}
footer a:hover{text-decoration:none;color:#ffffff}
.scrollup { display: none; position: fixed; bottom: 4em; right: 15px; width: 47px; height: 47px; background: url("../fotomateriaal/back-top-btn.webp");text-indent: -999999px;transition: ease-in .3s all;z-index: 999; 	}
.scrollup:hover {background-position: left bottom;}
/* Responsive */
@media (min-width:1901px){#fotocontent {height: 250px;}.gallerij figure {height: 208px;overflow: hidden;}}
@media (min-width: 1400px)and (max-width:1900px){#fotocontent {height: 200px;}.banner_pag{height:350px}.gallerij figure {height: 208px;overflow: hidden;}}
@media (min-width: 1200px) and (max-width:1399px){#fotocontent {height: 200px;}.banner_pag{height:300px}.gallerij figure {height: 208px;overflow: hidden;}}
@media (min-width: 768px) and (max-width:1199px){#fotocontent {height: 180px;} .banner_pag{height:250px}.gallerij figure {height: 170px;overflow: hidden;}}
@media screen and (max-width: 1024px) {
.navi { padding: 10px 0 15px;}
	.navbar-toggler { display: block!important;     float: right;    position: absolute;right:20px; top: 10px;	background: #ec6707;}
	.navbar { padding: 0;}
	.collapse.navbar-collapse {display: none !important;}
	.navbar-collapse.collapse.show {display: block !important;}
	.navbar-nav {display: block !important;padding:15px}
	.nav-link{margin-bottom:10px}
	.navbar-expand-lg .navbar-nav .dropdown-menu { position: static; margin: 0 0 15px;}
	div#collapsibleNavbar { position: absolute; background: #ffffff; z-index: 999; top: 0px; right: 15px; width: 250px; }	
	.foto_txt {margin: 0 auto 0; padding:0}
footer ul {flex-direction: column;}}
@media screen and (max-width: 768px) {#fotocontent {height: 200px;}h1,h2{font-size:40px}.banner_pag{height:200px}
.foto_txt {margin: 2% auto 0;} .foto_txt h1{font-size:30px;margin-bottom:0px} .foto_txt p{font-size:24px}
.prod-card img{max-width: 150px;height: auto;}
	.prod-card a {padding:5px}
}
@media (max-width: 768px){
.top_head ul.call_email {
    padding: 5px 0;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.top_head ul.call_email li {
  justify-content: flex-start;
	}
.navbar-toggler {right:20px; top: -80px;}
}
@media(min-width: 577px) and (max-width: 767px){#fotocontent {height: 150px;}.foto_txt {margin:0 auto 0;}.banner_pag{height:150px}.gallerij figure {height: 225px;overflow: hidden;}}
@media (max-width: 576px){
	 #fotocontent {height: 150px;}
.foto_txt {margin:0 auto 0;} .foto_txt h1{font-size:24px;margin-bottom:0px} .foto_txt p{font-size:20px}
.banner_pag{height:60px}
	.gallerij figure {height: 255px;overflow: hidden;}
	.navbar-toggler {
  top: -150px;
}
}
.download-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.download-buttons .btn {
    float: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    min-width: 260px;
    text-align: center;
}

@media (max-width: 576px) {
    .download-buttons {
        flex-direction: column;
        align-items: center;
    }

    .download-buttons .btn {
        width: 100%;
        max-width: 320px;
    }
}
.products {
    margin-bottom: 30px;
}

.intro {
    padding-top: 20px;
}