/*
 * 
 * TELETECHNICS
 * 
 * !!! specifieke opmaak voor 1 handelaar !!!
 * 
 */
#shop-overzicht{
	top:66px;
}
#winkelkar-nav{
	top:-2px;
	right:-15px;
}
@media(max-width:767px){
	#winkelkar-nav{
	top:0;
	right:15%;
}
}
.btn-video{
	background-color:#c6ff02;
	color:#000 !important;
	border-radius:3px;
}
.btn-video:hover{
	color:#c6ff02 !important;
}

/* --- NAVIGATIE --- */
.navigatie{
	position:relative;
}
.navbar-custom {
    margin-bottom: 0;
    background-color: rgba(0,0,0,1);
    padding:25px 0;
  	-moz-transition: all 200ms ease-in;
  	-webkit-transition: all 200ms ease-in;
  	-o-transition: all 200ms ease-in;
  	transition: all 200ms ease-in;
  	z-index:99999;
}
.nav-fixed{
	background-color:#000;
	padding:15px 0;
}
.nav-fixed a{
	color:#fff;
}
.navbar-toggle i.fa-bars{
	color:#fff;
	font-size:20px;
}
.nav-fixed .navbar-toggle i.fa-bars{
	color:#fff;
}
.navbar-custom .navbar-brand {
    font-size:28px;
    color:#F25450;
    font-weight:400;
}
.navbar-custom .navbar-brand span span{
	text-transform:lowercase;
	color:#000;
	font-size:22px;
}
.nav-fixed .navbar-brand span span{
	color:#fff !important;
}
.navbar-custom .navbar-brand:focus {
    outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}
#nav-logo{
	position:absolute;
	top:0;
	left:30%;
}
.navbar-custom a {
    color: #fff;
}
.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    font-size:14px;
}
.navbar-custom .nav li a:hover {
    outline: 0;
    color: #c6ff02;
    background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}
.navbar-custom .nav li.active a:hover {
    color: #c6ff02;
}
.container>.navbar-collapse{
	margin-right:250px;
}
#logo-zaak{
	position:absolute;
	left:15px;
	display:block;
	top:-15px;
}
#logo-zaak img{
	height:55px;
}
#zoekbalk{
	position:absolute;
	right:15px;
	display:none !important;
	top:7px;
	z-index:9999;
}
#zoekbalk input{
	border:none;
	width:160px;
	padding:0 10px;
	font-size:12px;
	height:35px;
	margin-right:-5px;
	color:#000;
}
#zoekbalk .btn-search{
	background-color:#777;
	color:#fff;
	border:none;
	height:35px;
	width:35px;
	cursor:pointer;
}
#zoekbalk .btn-search:hover{
	background-color:#888;
}

@media (min-width: 1200px){
	.navbar-nav>li>a {
    	padding-left: 10px;
    	padding-right: 10px;
	}
}
#wrap{
	margin-top:145px;
}
#banner{
	margin:0;
}

.blok-titel{
	background-color:#f5f5f5;
	color:#000000;
	font-size:30px;
}
.sidebar-producten{
	background-color:#f5f5f5;
}
.sidebar-producten ul li a{
	border-color:#fff;
	font-size:12px;
}
#sidebar .titel-sidebar, #sidebar .btn-sidebar{
	border-color:#fff;
}
.sidebar-producten ul li ul.list-subcats{
	background-color:#f9f9f9;
}
.sidebar-producten ul li a:hover{
	background-color:#eeeeee;
}
.sidebar-producten ul li ul.list-subcats li a{
	border-color:#fff;
}
.sidebar-producten ul li ul.list-subcats li a:hover{
	background-color:#f5f5f5;
}
.sidebar-merken .form-control.select{
	font-size:12px;
}
/* --- FOOTER --- */
#footer-container{
	float:left;
	color:#fff;
	background-color:#000;
	padding:100px 0;
	width:100%;
}
.titel-footer{
	font-size:20px;
	width:100%;
	text-transform:uppercase;
	font-weight:300;
	padding-bottom:30px;
}
.tekst-footer{
	font-weight:100;
}
.tekst-footer a{
	color:#fff;
}
#social-icons{
	padding-top:30px;
}
.foot-social{
	display:inline-block;
	float:left;
	margin-right:15px;
}
#copyright{
	background-color:#fff;
	color:#000;
	padding:30px 0;
}
#copyright .btw span a{
	color:#333;
}
#copyright .sos a{
	background-image:url('//cdn.storageservice.be/niwzi/niwzi-logo-handelaars.png');
	width:80px;
	height:75px;
}
#copyright .mag-icoon img{
	width:auto;
}
.contact-pagina .toon-route{
	display:none;
}
.filiaal{
	margin-top:30px;
}
.contact-pagina .openingsuren tr td.vandaag,
.openingsuren .dag-lijn .uren .vandaag, .openingsuren .dag-lijn .vandaag{
	background-color:#c6ff02;
	border-color:#c6ff02;
}
.google-map{
	margin-top:30px;
}
.openingsuren .dag-lijn .uren .uur{
	height:34px;
}
.zoek-resultaten #zoekbalk{
	display:none;
}
.pagina-titel{
	border:none;
	margin-bottom:0;
}
.page-button-active{
	background-color:#c6ff02 !important;
}
#diensten-home .troef{
	border:none;
}
#diensten-home .troef .troef-tekst .titel{
	border:none;
	font-weight:600;
}
.navbar-custom .nav li a.active{
	color:#c6ff02;
}

.classic-grid-item{
	height:auto;
}
.galleryitem{
	padding:0;
}
.container-fluid{
	padding:0 50px 0 50px;
}
.projecten{
	padding:30px 0;
	float:left;
	width:100%;
}
.foto-project{
	margin-bottom:30px;
}
.foto-project a{
	display:block;
	height:250px;
	background-size: 150%;
	background-position:center center;
    background-repeat: no-repeat;
    position:relative;
    cursor: pointer;
    background-color:#000;
}
.foto-project a .cover-project{
	opacity:0;
	background-color:rgba(0,0,0,0);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;	
	-moz-transition: all 200ms ease-in;
  	-webkit-transition: all 200ms ease-in;
  	-o-transition: all 200ms ease-in;
  	transition: all 200ms ease-in;
}
.foto-project a .cover-project img{
	position:absolute;
	left:50%;
	margin-left:-16px;
	top:50%;
	margin-top:-16px;
}
.foto-project a:hover .cover-project{
	opacity:1;
	background-color:rgba(0,0,0,0.6);
}
.project-info{
	background-color:#fff;
	width:100%;
	text-align:center;
	padding:15px 0;
	text-transform:uppercase;
	font-weight:100;
	display:block;
}
.fancybox-title-float-wrap .child{
	font-weight:100;
	font-size:18px;
}
.fancybox-title{
	font-family:arial;
}
.tekst-extra-container{
	padding:30px;
	margin-top:15px;
	margin-bottom:30px;
	background-color:#f5f5f5;
}
.tekst-extra{
	line-height:24px;
}

#map_wrapper {
    height: 400px;
    margin-top:30px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}
.contact-social-icon img{
	width:28px;
}

/*********** smartphones (kleiner dan 768px) ***********/
@media(max-width:767px){
	
	.navbar-brand{
		display:block;
	}
	#zoekbalk{
		top:70px
	}
	.navbar-custom{
		padding: 0 0 70px 0;
	}
	#sidebar{
		top:75px;
		z-index:999999;
	}
	#sidebar #show-hide-sidebar a{
		top:5px;
		background-color:#c6ff02;
	}
	#zoekbalk input{
		background-color:#eee;
	}
	#copyright .magazines{
		text-align:left;
	}
	.container>.navbar-collapse{
		margin-top:30px;
		padding-top:60px;
	}
	.contact-social-icon{
		display:inline-block;
		margin-bottom:15px;
	}
	.container-fluid{
		padding:0 15px 0 15px;
	}
}

/*********** tablets ( groter dan 768px) **********/
@media(min-width:767px){
	.container>.navbar-collapse{
		margin-right:65px;
	}
	.nav>li>a{
		padding:11px 4px;
	}
	#logo-zaak img {
	    height: 40px;
	    margin-top: 8px;
	}
	#zoekbalk{
		display:none;
	}
}

/*********** normale toestellen (desktops, meer dan 992px) ***********/
@media(min-width:992px){
	.nav>li>a{
		padding:10px;
	}
	#logo-zaak img {
	    height: 40px;
	    margin-top: 8px;
	}
	.container>.navbar-collapse{
		margin-right:150px;
	}
	#zoekbalk{
		display:block;
	}
}

/*********** grote toestellen (grote desktops, meer dan 1200px) ***********/
@media(min-width:1200px){
	
	.nav>li>a{
		padding:10px 10px;
	}
	#logo-zaak img {
	    height: 55px;
	    margin-top: 0;
	}
	.container>.navbar-collapse{
		margin-right:230px;
	}
	#zoekbalk{
		display:block !important;
		right:45px;
	}
	
}
#winkelkar-nav{
	background-color:transparent;
}