@font-face {
  font-family: "GilroyExtraBold";
  src: url('Gilroy-ExtraBold.otf');
}


h1 { margin:1em 0; font-family:"GilroyExtraBold"; }
h2 { font-family:"GilroyExtraBold"; }
.header.links { font-family:"GilroyExtraBold"; }
.geist-announcements { font-family:"GilroyExtraBold"; }

nav { font-family:"GilroyExtraBold"; font-weight:normal; font-size:1.2em; }
button span { font-family:"GilroyExtraBold"; font-weight:normal; font-size:1.2em; }
.product-item-name { font-family:"GilroyExtraBold"; }
.summary { font-family:"GilroyExtraBold"; }
.block-title { font-family:"GilroyExtraBold"; }
.step-title { font-family:"GilroyExtraBold"; }
.title { font-family:"GilroyExtraBold"; }

.navigation { font-weight:normal; }

.kotorigiant { font-size:5em; }

.contact-top5 h4 { color: #444; line-height:2.25rem; }
.contact-top5 h4 a { color: #017f80; }
.breadcrumbs { margin-top:2em; }
.breadcrumbs a { color: #017f80; }
.breadcrumbs a:visited { color: #017f80; }
a { color: #017f80; text-decoration:none; }
a:hover { color: #219f80; }

h3 { margin-top:1em; font-weight:300; font-size:2rem; font-family:"GilroyExtraBold"; }

.block.filter { display:none; }

.page-layout-2columns-left-homescreen .column.main {
	width: 79.16666667%;
	float: right;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.page-layout-2columns-left-homescreen .main {
	padding-left: 2%;
}

.page-layout-2columns-left-homescreen .sidebar-main {
	width: 20.83333333%;
	float: left;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}


.page-layout-2columns-left-homescreen .sidebar-additional {
	clear: left;
	float: left;
	padding-left: 0;
}


.page-layout-2columns-left-homescreen .sidebar-additional {
	width: 20.83333333%;
	float: right;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.page-header .panel.wrapper { background:#f0f0f0; color:#333; }
.header.panel > .header.links > li > a { color:#333; }
.header.panel > .header.links > li > a:visited { color:#333; }
.header.panel > .header.links > li > a:hover { color:#555; }

.carousel-caption { bottom:30%; }
.carousel-caption h1 { font-weight:600; text-shadow:4px 4px 4px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000; }
.carousel-caption h2 { font-weight:600; text-shadow:4px 4px 4px #000, -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000; }

/* .carousel-control-next, .carousel-control-prev { top:20%; } */

.carousel-item img { width:100%; min-height:auto; }
.carousel-item h1 { font-size:3.2em; }
.carousel-item h2 { font-size:3em; }

.carousel-control-prev:hover { border:0; background:none; }
.carousel-control-next:hover { border:0; background:none; }
.carousel-control-prev:active { border:0; background:none; }
.carousel-control-next:active { border:0; background:none; }
.carousel-control-prev:focus { border:0; background:none; }
.carousel-control-next:focus { border:0; background:none; }	
.carousel-control-prev-icon { width:3rem; height:3rem; }
.carousel-control-next-icon { width:3rem; height:3rem; }

.nav-sections { margin:0; }

.geist-announcements { background:#f0f0f0; width:100%; text-align:center; padding:5px; }
.page-header .panel.wrapper { background:#fff; color:#333; border:0; }
#page-title-heading { margin-top:1.5em; }
.header.content { padding: 10px 20px 0; }

a.infotext {
	
  font-size: 1.2em;
  background: none repeat scroll 0% 0% #005f60;
  color: #FFF;
  font-weight: 700;
  outline: medium none;
  padding: .8em 1.1em;
  border-radius: 1em;
  transition: all 0.3s ease 0s;
  display: block;
  margin: 0 auto .8em auto;
  text-align: center;
  clear: both;
  overflow: hidden;
  width: 90%;

	
}

a.infotext:hover {
	
  background: #017f80;
  text-decoration: none;
  color: #fff;
	
}


  
.geistimages {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 2em 0;
  text-align: center;
  font-style: italic;
  font-weight: bold;
}

.geistimages img{
	
  margin: 2em 0;
  
}


.kleurenkaartrow { margin-bottom:.75em; position:relative; left:12px; }

.kleurproducten-index-autokleurproducten h1.page-title { margin:2em 0; width:100%; text-align:center; font-size:3rem; }
.kleurproducten-index-kleurenkaart h1.page-title { margin:2em 0; width:100%; text-align:center; font-size:3rem; }
.kleurproducten-index-autokleurproducten h2 { width:100%; text-align:center; }
.kleurproducten-index-kleurenkaart h2 { width:100%; text-align:center; }

.auto-overview-colour-heading { margin-top:.75em; }

.product-leather-vinyl-paint-250-ml-autokleuren .product-options-wrapper { display:none; }
.product-leather-vinyl-paint-1-liter-autokleuren .product-options-wrapper { display:none; }
.product-easy-colour-restorer-kit-autokleuren .product-options-wrapper { display:none; }
.product-easy-colour-restorer-autokleuren .product-options-wrapper { display:none; }
.product-autoleder-renovatieset .product-options-wrapper { display:none; }

.product.attribute.sku { display:none; }
.product-colour-swatch { width:50px;height:50px;float:left;cursor:pointer;border:1px solid #ddd; }
.col-azure { background:#0B5E9E; }
.col-black { background:#050505; }
.col-bloodred { background:#781010; }
.col-blue { background:#1C639D; }
.col-bordeaux { background:#600542; }
.col-caramel { background:#BB3A05; }
.col-cherry { background:#A40505; }
.col-chocolate { background:#4B1D0A; }
.col-deepblue { background:#05058A; }
.col-fluorogreen { background:#02D357; }
.col-fluoroorange { background:#FF9236; }
.col-fluoropink { background:#FE5DA8; }
.col-fluorored { background:#FF5869; }
.col-fluoroyellow { background:#FFFF00; }
.col-goldenyellow { background:#FF8609; }
.col-green { background:#058435; }
.col-havana { background:#743929; }
.col-ochre { background:#BE7A18; }
.col-orange { background:#FF4608; }
.col-pinegreen { background:#06642B; }
.col-purple { background:#46055C; }
.col-red { background:#FF0505; }
.col-redbrown { background:#76230C; }
.col-tangerine { background:#FF5F09; }
.col-tar { background:#050505; }
.col-white { background:#fff; }
.col-yellow { background:#FFFF99; }

.col-md-1p5 {
	
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
	
}

.action.primary {
  background-image: none;
  background: #219f80;
  border: 1px solid #219f80;

}

.action.secondary {
  background-image: none;
  background: #fff;
  border: 1px solid #219f80;
  color:#219f80;

}

.checkout-index-index .modal-popup .modal-footer .action-hide-popup {
  background-image: none;
  background: #fff;
  border: 0;
  color:#219f80;
  margin:0 0 0 2em;
}

.checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover {
  color:#31af90;
  text-decoration:none;
}



.action.primary:hover {
  background: #41bfa0;
  border: 1px solid #41bfa0;

}

a:visited { color:#219f80; }
.kleurenkaartrow a:visited { color:#fff; }

.minicart-items .product-item-name a {
  color: #219f80;
}

.cms-page-view.page-layout-1column h1.title {

	display:none;

}

.cms-page-view.page-layout-1column h1.page-title {

	font-size:3rem; 
	text-align:center;
	width:100%;
	
}

.cms-page-view.page-layout-1column .breadcrumbs {

	 padding:0;

}

.geistblue { background:#017f80; color:#fff; cursor:pointer; }

.geistgrey { background:#eee; color:#015f60; cursor:pointer; }

.multiplex-button { padding:1em;background:#eee;color:#000;border:1px solid #333;font-size:1em;text-align:center;cursor:pointer;display:inline-block; }
.multiplex-button:hover { background:#fafafa; }
.multiplex-button.active { background:#41bfa0;color:#fff; }
.multiplex-button.active:hover { background:#51cfb0; }

.sidebar .nav.items { display:block; }

.message.success { margin:15px 0 10px; }

.cart .actions-toolbar { border-bottom:1px solid #eaeaea; margin-bottom:2em; }

.cart.table-wrapper .cart > .item { 

	border:0;
	
}

#block-shipping { display:none; }	
.totals td { background:none; }
.totals th { background:none; }

.cart.table-wrapper .actions-toolbar {
  min-height: 20px;
  padding-bottom: 45px;
  position: relative;
}

.cart.table-wrapper .actions-toolbar > .action-edit { display:none; }
 
.list .price-container { font-size:2em; }

.product.name a {
  font-family:"GilroyExtraBold";
  text-transform: uppercase;
  color: #017f80;
  font-size:1.2em;
}

#block-discount-heading { color:#017f80; }

.list .price-container {
  font-size: 2em;
  display: block;
  clear: both;
}

.list .price-container .price {
  font-size: .7em;
}

#page-title-heading {
  width:100%;
  text-align: center;
  font-size: 2em;
  margin:1.5em 0;  
}
	
@media (min-width: 1024px) {
.col-md-1p5 {
	width: 16.285%;
	float: left;
	}
	
	nav { text-align:center; }
	nav li { text-align:left; }
	nav li a.level-top { text-transform:uppercase; }

	.navigation .level0 {
		margin: 0 30px 0 0;
		display: inline-block;
		position: relative;
	}
		
}

@media (max-width: 1600px) {
	
	.carousel-item h1 { font-size:2.6em; }
	.carousel-item h2 { font-size:2.3em; }
	
	.carousel-caption { bottom:20%; }
	.carousel-control-next, .carousel-control-prev { top:0%; }
	
	.carousel-control-prev:hover { border:0; background:none; }
	.carousel-control-next:hover { border:0; background:none; }
	.carousel-control-prev:active { border:0; background:none; }
	.carousel-control-next:active { border:0; background:none; }
	.carousel-control-prev:focus { border:0; background:none; }
	.carousel-control-next:focus { border:0; background:none; }	
	.carousel-control-prev-icon { width:2rem; height:2rem; }
	.carousel-control-next-icon { width:2rem; height:2rem; }	
	
}

@media (max-width: 1200px) {
	
	.carousel-item h1 { font-size:2.2em; }
	.carousel-item h2 { font-size:2em; }
	
	.carousel-caption { bottom:10%; }
	.carousel-control-next, .carousel-control-prev { top:0%; }
	
	.carousel-control-prev:hover { border:0; background:none; }
	.carousel-control-next:hover { border:0; background:none; }
	.carousel-control-prev:active { border:0; background:none; }
	.carousel-control-next:active { border:0; background:none; }
	.carousel-control-prev:focus { border:0; background:none; }
	.carousel-control-next:focus { border:0; background:none; }	
	.carousel-control-prev-icon { width:2rem; height:2rem; }
	.carousel-control-next-icon { width:2rem; height:2rem; }	
	
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 1024px) {
	
	.carousel-item h1 { font-size:2em; }
	.carousel-item h2 { font-size:1.8em; }
	
	.carousel-caption { bottom:10%; }
	.carousel-control-next, .carousel-control-prev { top:0%; }
	
	.carousel-control-prev:hover { border:0; background:none; }
	.carousel-control-next:hover { border:0; background:none; }
	.carousel-control-prev:active { border:0; background:none; }
	.carousel-control-next:active { border:0; background:none; }
	.carousel-control-prev:focus { border:0; background:none; }
	.carousel-control-next:focus { border:0; background:none; }	
	.carousel-control-prev-icon { width:2rem; height:2rem; }
	.carousel-control-next-icon { width:2rem; height:2rem; }	
	
}


@media (min-width: 769px), print {
  
  .header.panel > .header.links > .authorization-link:last-child::after { display:inline-block; }
  .header.panel > .header.links > .customer-welcome + .authorization-link {
    display: inline-block;
  }
  
  .logged-in, .header.panel > .header.links > li.welcome {
    display: inline-block;
    line-height: 1.45;
	cursor:pointer;	
  }
  
  .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top {
    border-color: #017f80;
   }
   
  .navigation .level0 .submenu .active > a {
    border-color: #017f80;	
  }
  
  nav .submenu li { border-bottom:1px solid #eee; }

}   


@media (max-width: 768px) {

	.navigation .level0.has-active > a:not(.ui-state-active) {
		border-color: #017f80;
	}

	.navigation .submenu:not(:first-child) .active > a {
		border-color: #017f80;
	}
	
	.navigation .level0 > .level1 {
		font-weight: 300;
	}
  
	.block-collapsible-nav {
		left: 0;
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 5;
	 }

	.block-search label {
		
      cursor:pointer;
	  position: absolute;
	  right: 8px;
	  top: 85px;
	  z-index:10;
			
	}
	
	.minicart-wrapper {
		position: absolute;
		top: 30px;
		right: 20px;
		z-index:11;
	}
	
	.logo { width:100%; max-width:100%; margin:0; }
	.logo img { margin:0 auto; }
	
	.page-header { margin-bottom:0; }
	
	.carousel-item h1 { font-size:1.2em; }
	.carousel-item h2 { font-size:1em; }
	
	.carousel-caption { }
	.carousel-control-next, .carousel-control-prev { top:0%; }
	
	.carousel-control-prev:hover { border:0; background:none; }
	.carousel-control-next:hover { border:0; background:none; }
	.carousel-control-prev:active { border:0; background:none; }
	.carousel-control-next:active { border:0; background:none; }	
	.carousel-control-prev:focus { border:0; background:none; }
	.carousel-control-next:focus { border:0; background:none; }	
	.carousel-control-prev-icon { width:2rem; height:2rem; }
	.carousel-control-next-icon { width:2rem; height:2rem; }	
	
}

@media (max-width: 560px) {
	

		
}