@charset "UTF-8";
/* CSS Document */

html{
	scroll-behavior: smooth;
}

body{
	overflow-x: hidden;
	background-color:#fff4e0;
	position: relative;
	
}


h1, h2, h3, h4, p, a{
	font-family: futura-pt, sans-serif;
}

p{
	font-size: 18px;
}

.golden-dot{
	color:#ae9a64;
}

.gold{
	color:#ae9a64;
}

:focus{
	outline:none !important;
}


/* ------------ NAVBAR ---------------*/


/* --- navbar-brand ---*/
.gti-logo-top img{
	height:220px;
	position: absolute;
	margin-top: 10px;
	top:0;
	z-index: 1000;
}

/* --- navbar ---*/
.navbar{
	height: 125px;
	
	z-index: 100;
	border-bottom:15px solid #ae9a64;
}

.bg-dark{
	background-color: black !important;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{
	color:#ae9a64 !important;
	font-family: futura-pt, sans-serif;
	font-size:22px;
}

.navbar-dark .navbar-nav .nav-link{
	color: white !important;
}

	.navbar-dark .navbar-nav .nav-link:hover{
		color: #ae9a64 !important;
	}

	.devlieghere .navbar-dark .navbar-nav .nav-link:hover{
		color: black !important;
	}

.nav-link{
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:22px;
	padding:0 20px !important;
	margin-top:40px;
}

	.nav-link:last-child{
		padding:0 0 !important;
	}

	footer .devlieghere a:hover {
    color: black;
}

.navbar-toggler{
	margin-top:30px;
}


/* --- vanaf burger menu ---*/
@media screen and (max-width: 992px){
	.navbar{
		height: auto;
		
	}

	.nav-link{
		margin-top:5px;

	}

	.nav-link:last-child{
		padding:0 20px !important;
	}



}

/* --- talen en openingsuren ---*/

.talen p{
	color: #ae9a64;
	text-align: right;
	text-decoration: none;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:16px;
	margin-top:5px;
	z-index: 200;
}

.talen p span{
	padding-right:30px;
}

 .talen a{
 	color: white;
	text-decoration: none;
	padding: 0 5px;
 }

  .talen a:hover, .talen .active{
	 	color: #ae9a64 !important;
	 }



/* ------------ EINDE NAVBAR ------------*/

/* ------------ CAROUSEL VISIE ------------*/

.slider-bg{
	background-color: black;
}

.visie-slider{
	margin-top:125px;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

		/* --- vanaf burger menu ---*/
		@media screen and (max-width: 992px){
			.visie-slider{
				margin-top:100px;
			}
		}

/* ------------ ASSORTIMENT ------------*/

.scroll-margin{
	height:125px;
	width:100%;
	left:0;
	margin-top:-135px;
}

	@media screen and (max-width: 992px){
		.scroll-margin{
			height:100px;
			margin-top:-50px;
			
		}
	}

.extra-video{
	
	width:100%;
border:3px solid #ae9a64;
background-color: #ae9a64;
-moz-box-sizing: border-box;
}

/* ------------ KLANTEN ------------*/

.klanten{
	background-color: black;
}

	.ontdek-meer a{
		color:black;
		padding:8px 15px;
		background-color:#ae9a64;
		text-decoration: none;
	}

				.ontdek-meer a:hover{
					opacity: 0.8;
				
			}

/* ------------ CONTACT ------------*/

.contact-section{
	margin-top:350px;
	margin-bottom:280px;
}


	.contact-section h1{
		font-size: 5rem;
		line-height: 6rem;
	}

.contact-info{
	border-left:2px solid black;

}

.contact-section a{
	
	color:#ae9a64;
	font-size: 3rem;
	text-decoration: underline;
}

	.contact-section a:hover{
		
		text-decoration: none;
		
	}

	.contact-section p{
		text-decoration: none;
		color:black;
		font-size: 20px;
	}

	@media screen and (max-width: 992px){
		.contact-section h1{
			font-size: 3rem;
			line-height: 4rem;
		}

		.contact-section a{
			font-size: 2rem;
		}

		.contact-section p{
			font-size: 15px;
		}

		.contact-section h2{
			font-size: 25px;
		}
		.contact-section{
			margin-top:200px;
			margin-bottom:150px;
		}

	}

	@media screen and (max-width: 767px){
		.contact-info{
		border-left:none;

}
	}


/* ------------ FOOTER ------------*/

footer {

	background-color: black; 
}

.footer-link a{
	text-decoration: none;
}

	.footer-link a p:hover{
		color: #ae9a64; !important;

					
	}

footer p {
	color:white;
	margin:0px;
}

.footer-contact p{
	font-size: 14px;
}

.footer-contact img{
	width:100px;
}

.gti-footer-logo img{
	height:165px;
}

footer a{
	text-decoration: none;
	color: white;
}

	footer a:hover{
		color: #ae9a64;
	}


/* --- scroll to top button ---*/
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(0,0,0,0.1); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 100px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: rgba(0,0,0,0.4); /* Add a dark-grey background on hover */
}