/* @override http://localhost/Jura-Horeca/templates/jura/css/site.css */

/* @override http://localhost/Jura-Horeca/templates/jura/css/site.css */


@font-face {font-family: 'CallunaSans-Bold';src: url('webfonts/2780B5_0_0.eot');src: url('webfonts/2780B5_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2780B5_0_0.woff') format('woff'),url('webfonts/2780B5_0_0.ttf') format('truetype');}


@font-face {font-family: 'CallunaSans-Regular';src: url('webfonts/26A8A0_0_0.eot');src: url('webfonts/26A8A0_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/26A8A0_0_0.woff') format('woff'),url('webfonts/26A8A0_0_0.ttf') format('truetype');}



 @font-face {font-family: 'PlutoRegular';src: url('webfonts/223ABB_0_0.eot');src: url('webfonts/223ABB_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/223ABB_0_0.woff') format('woff'),url('webfonts/223ABB_0_0.ttf') format('truetype');}


@font-face {font-family: 'PlutoBold';src: url('webfonts/223ABB_3_0.eot');src: url('webfonts/223ABB_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/223ABB_3_0.woff') format('woff'),url('webfonts/223ABB_3_0.ttf') format('truetype');}

@font-face {font-family: 'PlutoHeavy';src: url('webfonts/223ABB_1_0.eot');src: url('webfonts/223ABB_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/223ABB_1_0.woff') format('woff'),url('webfonts/223ABB_1_0.ttf') format('truetype');}

@font-face {font-family: 'PlutoBlack';src: url('webfonts/223ABB_7_0.eot');src: url('webfonts/223ABB_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/223ABB_7_0.woff') format('woff'),url('webfonts/223ABB_7_0.ttf') format('truetype');}



.CallunaRegular { 
	font-family: CallunaSans-Regular;
	font-weight: normal;
	font-style: normal;
}

.CallunaBold { 
	font-family: CallunaSans-Bold;
	font-weight: normal;
	font-style: normal;
}


h1, h2, h3, h4, h5, h6, h7 {
	font-family: CallunaSans-Bold;
}

div.row.contact {
	padding-top: 20px;
	padding-bottom: 20px;
	
	
}

h4.kapkop {
	color: #f29400;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	margin-top: 0px;
	padding-left: 8px;
}

h2.contact span.red {
	display: block;
	color: red;
	padding: 0px;
}


h2.contact {
	font-family: CallunaSans-Regular;
	color: #000;
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 30px;
	padding-top: 0px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 20px;
	
}

h2.contact a {
	color: #5C3B0F;
	text-decoration: none;	
}

h2.contact a {
	color: inherit;	
}

h2.contact a:hover {
	color: inherit;	
	text-decoration: none;	
}



h2#response {
	display: none;
}


h2.contact span {
	color: #c6b691;
	padding: 0px 4px;
}

p.openings {
	font-size: 20px;
	color: #5C3B0F;
} 


a.pdf, a.pdf:visited {
	background: url(../img/icon-pdf.gif) no-repeat 0 2px;
	padding-left: 22px;
	color: red;
	display: inline-block;
}


div.custom a.pdf {
	color: #000;
}



html {
	height: 100%;
}


body {
	font-family: CallunaSans-Regular;
	font-weight: 400;
	line-height: 18px;
	/*background-color: #5C3B0F;*/
	/*	background-color: #ece0ba;*/
	color: #330000;	
	height: 100%;
	
/*	background-color: #fefefe;*/
}


.donkerbruin {
	background-color: #330000;	
}

licht-bruin {
	background-color: #5C3B0F;
}

.beigedonker {
	background-color: #ece0ba;
}


.beige {
	background-color: #F4F1DD;
}

.oranje {
	background-color: #f29400;	
	
}

.groens {
	background-color: #97a624;
	
}



nav.navbar.navbar-default.navbar-fixed-top {
	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 6px 6px rgba(0,0,0,0.1);
	box-shadow: 0 6px 6px rgba(0,0,0,0.1);
	opacity: 0.96;
	
}

div.row.personeel {
	/*background-color: #F4F1DD;*/
	background-color: #eceae9;    
	padding-bottom: 0px;
	margin-bottom: 30px;
	border-top: 1px dotted #5C3B0F;
	border-bottom: 1px dotted #5C3B0F;
	line-height: 130%;
	text-transform:  uppercase;
	letter-spacing: 1px;
	background-color: #e4f4fd;
	background-image: url(https://www.transparenttextures.com/patterns/climpek.png);  /*mooi */
	text-align: center;
	font-family: CallunaSans-Bold;
	font-size: 15px;
	
}

div.row.personeel p {
	margin-top: 12px;
	margin-bottom: 12px;
}

div.row.personeel a, div.row.personeel a:visited {
	color: #000000;
	font-family: CallunaSans-Regular;
}	

div.row.personeel a:hover {
	text-decoration: none;
}





/* N A V B A R  */

button.navbar-toggle {
	background-color: #000 !important;
}




/* H O M E  H O M E */
/* H O M E  H O M E */

div.icon {
	position: absolute;
	background-repeat: no-repeat;
}


#logo {
	position: absolute;
	top: -240px;
	left: -30px;
}

#logo img {
	max-width: 320px;
}


div.video a, div.video a:visited {
	position: absolute;
	z-index: 101;
	right:  100px;
	width: 120px;
	height: 120px;
	top:  80px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	text-align: center;
	padding-top: 24px; /*was 28*/

	display: block;
	font-family: PlutoBold;
	text-transform: uppercase;
	color:  #364247;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 1px;
	text-decoration: none;
	background-color: #97a624;
	color: #fff;
	
	/*border: 4px solid #ffea00;*/
	border: 3px solid #fff;
	
	/*background-image: url(../img/bg_film2.png);
	background-position: center bottom;
	background-size: 25px;
	background-repeat: no-repeat;*/
	
}

div.video a:focus {
	outline:none;	
}

div.video a:hover {
	/*background-color: #f29400;*/
	color: #fff;
	/*background-color: #97a624;*/
	background-color: #f29400;
	text-decoration: none;
}

#kwaliteit div.video a {
	left: 8px;
}

/*div.video a:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 4px solid #ffea00;
  -moz-border-radius: 66px;
  -webkit-border-radius: 66px;
  border-radius: 66px;
}*/


#home {
	position: relative;
	height: 568px;
	background-position: right;
	background-repeat: no-repeat;
	background-color: #364247;
	background-size: cover;
	padding-top: 14px;
	background-image: url(../img/bg_section.jpg);
	margin-top: 60px;
}

/*#home .container-fluid.top {
	height: 640px;
	background-position: -600px 0px;
	/*background-position: -50% 0px;*!/
	background-repeat: no-repeat;
	/*background-image: url(../img/bg-balk_top.png);*!/
	background-image: url(../img/bg-schuin-trans4.png);
}*/


div.container-fluid.homeintro {
	padding-top: 30px;
	padding-left: 30px;
	margin-left: 14px;
	height: 540px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../img/bg-grijs2.png);
	/*opacity: 0.95;*/
}

#home h5 {
	font-family: PlutoRegular;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0px;
	margin-bottom: 8px;
	font-size: 44px;
	color: #88d4e3;
	color: white;
}

#home h2 {
	font-family: PlutoHeavy;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0px;
	font-size: 86px;
	line-height: 76px;
	color: #88d4e3;
	margin-left: -4px;
}

#home p.intro {
	margin-top: 24px;
	margin-left: 24px;	
	font-family: PlutoRegular;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 34px;
	line-height: 36px;
	color: #88d4e3;
	color: white;
	margin-bottom: 20px;
	
}

#home a.btn.btn-primary.btn-lg {
	margin-left: 24px;		
}



div.advieskader {
	margin-top: 0px;
	min-height: 100px;
	padding: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-family: "Georgia", serif;
	font-size: 16px;
	line-height: 21px;
	background-color: #e4f4fd;
	color: #000;
	padding-bottom: 20px;
	
}

div.advieskader a {
	color: #330000;
	text-decoration: none;
	
}

div.advieskader.reparatie {
	margin-top: 14px;
	margin-bottom: 14px;
}


div.advieskader span {
	font-size: 22px;
	padding-top: 8px;
	display: block;
}



/*#home .bgleft {
	height: 640px;
	background-position: right;
	/*background-color: #000;*!/
	background-repeat: no-repeat;
	background-image: url(../img/bg-top.png);
}*/



section {
	margin: 0px;
	padding: 0px;
}


blockquote {
	font-size: 28px;
	line-height: 32px;
	font-family: PlutoBold;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	margin-top: 130px;
	color: #364247;
}

#opstelling {
	position: relative;
	background-color: #e4f4fd;
	padding-top: 16px;
	padding-bottom: 30px;
	/*background-image: url(https://www.transparenttextures.com/patterns/black-thread-light.png);*/
	/*background-image: url(https://www.transparenttextures.com/patterns/checkered-pattern.png);*/
	background-image: url(https://www.transparenttextures.com/patterns/batthern.png); /* tegels */
	background-image: url(https://www.transparenttextures.com/patterns/climpek.png);  /*mooi */

	/*background-image: url(https://www.transparenttextures.com/patterns/diagonales-decalees.png);*/ /* stenen */
	/*background-image: url(https://www.transparenttextures.com/patterns/gplay.png);*/ /* cubes */
	/*background-image: url(https://www.transparenttextures.com/patterns/grid-me.png);*/
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */

}

#opstelling.margcor {
	margin-top: 60px;
	margin-bottom: 0px;
	padding-bottom: 14px;
}

#opstelling.border {
	border-top: 0px solid #F4F1DD;
	margin-top: 0px;
}

div.logo.lattiz {
	position: absolute;
	z-index: 101;
	margin-top: 0px;
	width: 114px;
	height: 114px;
	background-size: 114px;
	background-image: url(../img/lattiz_logo.png);
	background-repeat: no-repeat;
	left: 10px;
	top: 140px;
}

div.logo.jura {
	position: absolute;
	z-index: 102;
	margin-top: 0px;
	width: 108px;
	height: 60px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #fff;
	background-position: center;
	background-size: 100px;
	top: 140px;
	left: -10px;
	background-image: url(../img/jura_logo.png);
	background-repeat: no-repeat;
	display: none;
}

div.logo.jura.right {
	left: 280px;
}


div.prijsrond {
	width: 110px;
	height: 110px;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
	border-radius: 55px;
	position: absolute;
	z-index: 101;
	left: 0px;
	top: 140px;
	background-color: #97a624;
	color: #fff;
	border: 3px solid #fff;
	font-size: 18px;
	text-align: center;
	padding-top: 24px;
	-webkit-box-shadow: 6px 6px 12px -6px rgba(0,0,0,0.55);
	-moz-box-shadow: 6px 6px 12px -6px rgba(0,0,0,0.55);
	box-shadow: 6px 6px 12px -6px rgba(0,0,0,0.55);	
}

div.prijsrond span {
	font-size: 24px;
	display: inline-block;
	margin-top: 6px;
}




#opstelling div.col-sm-4.right, #besparing div.col-sm-4.right {
	padding: 0px;
}
#opstelling div.col-sm-4.cor {
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#kwaliteit {
	padding-top: 40px;
	min-height: 460px;
}

#kwaliteit .right {
	margin-top: 18px;
}

#kwaliteit h3, #snelheid h3, #duurzaam h3, #besparing h3, #vragen h3 {
	font-family: PlutoBold;
	font-size: 34px;
	color: #f29400;
	margin-top: 20px;

}


#kwaliteit p, #snelheid p, #duurzaam p, #besparing p, #vragen p {
	font-size: 20px;
	line-height: 28px;
}

#kwaliteit strong, #snelheid strong, #duurzaam strong, #besparing strong {
	font-family: CallunaSans-Bold;
}

#kwaliteit div.icon {
	background: url(../img/icons/quality_bl.svg);
	width: 98px;
	height: 120px;
	background-repeat: no-repeat;
}


#snelheid {
	margin-top: -20px;
	min-height: 535px;
	background-color: #e4f4fd;
	background-image: url(https://www.transparenttextures.com/patterns/climpek.png);  /*mooi */
	
}

#snelheid-inner {
	min-height: 535px;
	padding-top: 50px;
	padding-bottom: 30px;
	background-position: 820px;
	background-repeat: no-repeat;
	background-image: url(../img/bg-cap.png);
	
	
}

#snelheid div.icon {
	background: url(../img/icons/snelheid_bl.svg);
	width: 100px;
	height: 100px;
	left: 190px;
	top:  50px;
	background-repeat: no-repeat;
}



#duurzaam {
	padding-top: 50px;
	min-height: 525px;
	/*background-image: url(https://www.transparenttextures.com/patterns/grid-me.png);
	background-image: url(https://www.transparenttextures.com/patterns/stardust.png);
	background-image: url(https://www.transparenttextures.com/patterns/worn-dots.png);
	background-image: url(https://www.transparenttextures.com/patterns/mirrored-squares.png);*/
	
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	/*background-image: url(https://www.transparenttextures.com/patterns/washi.png);*/
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

#duurzaam div.icon {
	background: url(../img/icons/recycling_bl.svg);
	width: 100px;
	height: 100px;
	top: 24px;
	left: 30px;
	background-repeat: no-repeat;
}

#duurzaam .pak {
	margin-top: 60px;
}

#besparing {
	min-height: 535px;
	background-color: #e4f4fd;
	padding-top: 50px;
	padding-bottom: 30px;
	background-image: url(https://www.transparenttextures.com/patterns/climpek.png);  /*mooi */
}

#besparing div.icon {
	background: url(../img/icons/profit_bl.svg);
	width: 98px;
	height: 120px;
	left: 38px;
	top: 32px;
	background-repeat: no-repeat;
}

#besparing P {
	margin-bottom: 0px;
}

#besparing .omhoog {
	margin-top: -100px;
}







#vragen {
	min-height: 535px;
	padding-top: 50px;
	padding-bottom: 40px;
	/*background-image: url(https://www.transparenttextures.com/patterns/mirrored-squares.png);*/
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

#vragen .omhoog {
	margin-top: -100px;
}


div.machine-desc ul.highlights {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	margin-left: 1em;
 	margin-bottom: 18px;
 	font-family: PlutoRegular;
 	font-size: 22px;
 	line-height: 32px;
}
	
div.machine-desc ul.highlights li {
  	padding-left: 0em; 
  	text-indent: -1em;
}

div.machine-desc ul.highlights li::before {
  	content: "> ";
}

ul.highlights li b {
	font-weight: normal;
	font-size: 16px;
	padding-left: 4px;
	vertical-align: top;
}	



ul.highlights {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 28px;
}

ul.highlights li {
  padding-left: 0em; 
  text-indent: -1em;
}

ul.highlights li::before {
  content: "– ";
  font-weight: 800;
  color: #f29400; /* or whatever color you prefer */
}

div.prijsdiv {
	/*background-color: #e4f4fd;*/
	background-color: #edf0da;
	
	padding: 12px;
	margin-top: 20px;
	margin-bottom: 24px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 18px;
	line-height: 24px;
	
}

div.prijsdiv a, div.prijsdiv a:visited {
	/*color: #f29400;*/
	color: #000;
	font-family: CallunaSans-Bold;
}

div.prijsdiv p.small {
	font-size: 17px;
	line-height: 22px;
}

strong.upper {
	text-transform: uppercase;
	letter-spacing: 1px;
}

div.col-sm-4.nospacing {
	margin: 0px;
	padding: 0px;
}

div.row.kop {
	padding-top: 0px;
	/*background-color: #5C3B0F;*/
	background-color: #fff;
}

div.row.kop h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	color:	#fff;
	display: none;
/*	background-color: #97a624;*/
}

div.row.kop h1 {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 62px;
	/*color: #c6b691;*/
	color: #f29400;
}





.pand p.intro {
	font-size: 24px;
	line-height: 140%;
	margin-bottom: 12px;
	padding: 10px 20px;
	padding-top: 18px;
	color: #000;
}

.pand p.intro a, .pand p.intro a:visited {
	/*text-decoration: underline;*/
	color: #f29400;
	font-family: CallunaSans-Bold;
	font-weight: 600;
}

h3.intro {
	font-size:82px;
	color: #88d4e3;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: PlutoHeavy;
	border-bottom: 1px dotted #364247;
}

.opstelling p {
	font-size: 22px;
	line-height: 30px;
}

.opstelling p.prijs {
	font-family: PlutoRegular;
	display: block;
	margin-top: 8px;
	color: #f29400;
	font-size: 20px;
}
.opstelling p.prijs span {
	/*color: #000;*/
	font-size: 15px;
}

.opstelling a.prijs, .opstelling a.prijs:visited {
	font-family: PlutoRegular;
	display: inline-block;
	margin-top: 8px;
	color: #f29400;
	font-size: 20px;
	padding-left: 12px;
	padding-right: 12px;
}

opstelling a.prijs:visited {
	text-decoration: none;
}



.opstelling p {
}

span.label.label-default {
	background-color: #f29400;	
	text-transform: uppercase;
	letter-spacing: 1px;
}

h2.dealer {
	text-align: center;
	margin: 0;
	font-size: 24px;
	letter-spacing: 1px;
	font-family: PlutoRegular;
}

h2.dealer span {
	letter-spacing: 0px;
	white-space: nowrap;
}


div.mod-languages {
	/*	width: 40px;
	position: absolute;*/
	margin-top: 22px;
	/*background-color: #000;
	padding: 1px 10px;*/
	width: 120px;
}


div.container.kiezer {
	position: relative;
}

div.taalkiezer {
	position: absolute;
	/*width: 108px;*/
	right: 0px;
}


ul.lang-inline li {
	display: inline;
}

ul.lang-inline li a {
	padding-left: 6px;
	display: inline-block;
	width: 32px;
}

li.lang-active a {
	padding-top: 1px;
	padding-bottom: 3px;
	/*border: 1px #aaa solid;*/
	/*background-color: #eee;*/
	border: 1px solid #aeddfe;
	background-color: #e4f4ff; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}



/*contact*/

div.container-fluid.bg-balk {
	margin-top: 61px;
	height: 240px;
	border-bottom: 0px solid #F4F1DD;
	background-size: cover;
	background-image: url(../img/bg-balk2.jpg);
}


h2.machine-naam {
	margin-top: -98px;
	padding-top: 25px;
	height: 80px;
	letter-spacing: 0px;
	color: #fff;
	color: #88d4e3;
	
	font-size: 62px;
	line-height: 50px;
	text-align: left;
	text-shadow:rgba(255,255,255,.1) 2px 2px 2px,rgba(0,0,0,1) 2px 2px 2px;
	font-family: PlutoBold;
}


#map {
	min-height: 380px;
	background: transparent;
	/*	border-bottom: 8px solid #fff; */
}

div.showroom.links {
	background-size: cover;
	background-position: center;
	background-image: url(../../../images/cdm/home/pand-home-links.jpg);
	min-height: 380px;
	margin: 0px;
	padding: 0px;
}

div.showroom.rechts {
	background-size: cover;
	background-position: center; 
	background-image: url(../../../images/cdm/home/pand-home-rechts.jpg);
	min-height: 380px;
	margin: 0px;
	padding: 0px;
}

div.showroom.linksonder {
	background-size: cover;
	background-image: url(../../../images/cdm/home/pand-home-onder-l.jpg);
	background-position: center;
	min-height: 380px;
	margin: 0px;
	padding: 0px;
}

div.showroom.middenonder {
	background-size: cover;
	background-position: center;
	background-image: url(../../../images/cdm/home/pand-home-onder-m.jpg);
	min-height: 380px;
	margin: 0px;
	padding: 0px;
}

div.showroom.rechtsonder {
	background-size: cover;
	background-position: center;
	background-image: url(../../../images/cdm/home/pand-home-onder-r.jpg);
	min-height: 380px;
	margin: 0px;
	padding: 0px;
}




div.item a.btn, a.btn.btn-primary, button.btn.btn-primary {
	text-decoration: none;
	letter-spacing: 2px;
	font-family: CallunaSans-Bold;
	text-transform: uppercase;
	color: #F4F1DD;
	background-color: #f29400;
	border: none;
}

div.item a.btn:hover, a.btn.btn-primary:hover, button.btn.btn-primary:hover {
	text-decoration: none;
	font-family: CallunaSans-Bold;
	text-transform: uppercase;
	color: #F4F1DD;
	background-color: #97a624;
	border: none;
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -70px; 
}



footer {
	height: 70px;
	min-height: 70px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: #e4f4fd;
	border-bottom: 8px solid #364247;	
}

footer a,footer a {
	color: #330000;	
}

footer a:hover {
	color: #330000;	
	text-decoration: none;	
}

.push {
	height: 70px;
}



/* aaanvragen mail */

#contactform button {
	margin-top: 18px;
}

#aanvragen div.container h3 {
	margin-top: 44px;
}

form#contactform {
	margin-bottom: 10px;
	margin-top: 24px;
	padding: 24px;
	background-color: #e4f4ff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#contactform div.form-group label {
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	
}

#contactform div.form-group input {
	font-size: 16px;
	line-height: 24px;
	border-color: #aeddfe;
}

textarea#opmerking.form-control {
	border: 1px solid #aeddfe;
	max-width: 100%;
}

#contactform div.form-group select {
	/*width: 100%;*/
	/*font-size: 18px;*/
}

div.form-group.verberg {
	display: none;
}

#aanvragen div.item-page p {
	margin-top: 0px;
	font-family: "Georgia", serif;
	font-size: 16px;
	line-height: 140%;
	margin-bottom: 16px;
	
}

div.infokader {
/*	text-align: right;*/
	padding-left: 0px;
	padding-right: 60px;
	margin-top: 52px;
/*	border-left: 8px solid #333;
	padding-left: 12px;*/
}


/* overige pags */

#main .colleft {
	margin-top: 24px;
}

#main div.item-page {
	margin-top: 24px;
}



#main div.item-page p {
	font-family: "Georgia", serif;
	font-size: 16px;
	line-height: 140%;
}


#map.contact {
	border-top: 8px solid #fff;
}






#commentform input, #commentform textarea {
/*	border: none;*/
	margin-bottom: 12px;
	border-color: #fff;
	background-color: #F4F1DD;
	font-size: 16px;
	color: #330000;	
	 box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
	border: 1px solid #aeddfe;
	background-color: #e4f4ff;    
	
	/*background-color: #eceae9;    */
}


#commentform input.error, #commentform textarea.error {
	border: 1px solid red;
}


#commentform textarea {
	min-height: 120px;
	max-width: 100%; 
}


#commentform ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	    color: #330000;	    
}
#commentform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color: #330000;
	   opacity:  1;
}

#commentform ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color: #330000;
	   opacity:  1;
}
#commentform :-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color: #330000;
}


#commentform input.form-control.error::-webkit-input-placeholder {
	 color: #e52f3c !important;
}
#commentform input.form-control.error:-moz-placeholder {
	 color: #e52f3c !important;
}
#commentform input.form-control.error::-moz-placeholder {
	 color: #e52f3c !important;
}
#commentform input.form-control.error:-ms-input-placeholder {
	 color: #e52f3c !important;
}

#commentform textarea.form-control.error::-webkit-input-placeholder {
	 color: #e52f3c !important;
}
#commentform textarea.form-control.error:-moz-placeholder {
	 color: #e52f3c !important;
}
#commentform textarea.form-control.error::-moz-placeholder {
	 color: #e52f3c !important;
}
#commentform textarea.form-control.error:-ms-input-placeholder {
	 color: #e52f3c !important;
}


#commentform textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	/*-webkit-appearance: caret;*/
    /*-moz-appearance: caret; /* mobile firefox too! *!/*/
}



/* M A C H I N E   */


section#machinedetail {
	margin-top: 0px;
}



div.row.machinedet {
	margin-top: 22px;
}

.leasekol h2 {
	font-family: PlutoBold;
	color: #364247;
	
}

.leasekol {
	font-family: "Georgia", serif;
	font-size: 16px;
	line-height: 21px;
	background-color: #e4f4fd;
	/*background-color: #e1e2e3;*/
	color: #000;
	padding-bottom: 8px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	

	/*border-top: 8px solid #364247;
	border-bottom: 8px solid #364247;*/
	/*background-image: url(https://www.transparenttextures.com/patterns/climpek.png);  /*mooi *!/*/
	
}

.leasekol a, .leasekol a:visited {
	color: #000;	
}

.leasekol a:hover {
	text-decoration: none;
}

div.machine-desc {
	font-size: 17px;
	line-height: 22px;
	padding-bottom: 32px;
	color: #000;
}

p.nietllever {
	padding: 14px;
	background-color: yellow;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 20px;
	line-height: 28px;
}



div.machine-desc strong {
	font-family: CallunaSans-Bold;
}

div.machine-desc h2 {
	margin-top: 0px;
	font-family: PlutoBold;
	font-size: 34px;
	color: #f29400;
	
}

div.machine-desc h3, div.machine-desc h3 a, div.machine-desc h3 a:visited {
	color: #364247;
}

div.machine-desc h3 a:hover {
	text-decoration: no;
}

/* M E D I A  Q UE R I E S  */
/* M E D I A  Q UE R I E S  */




/* Large Devices, Wide Screens */
@media (max-width: 1200px) {


	#home {
		/*height: 540px;*/
	}
	
	#home h5 {
		font-size: 40px;
	}
	
	
	#home h2 {
		font-size: 78px;
		line-height: 70px;
	}
	
	div.container-fluid.homeintro {
		background-position: -150px;
		padding-left: 20px;
	}
	
	
	div.container-fluid.homeintro {
		background-position: -100px;
	}
	
	
	#snelheid blockquote {
		margin-top: 100px;
	}
	#snelheid div.icon {
		top: 24px;
	}
	
	
	
	
	#kwaliteit p, #snelheid p, #duurzaam p, #besparing p, #vragen p {
		font-size: 18px;
		line-height: 26px;
	}

	ul.highlights {
		font-size: 18px;
		line-height: 26px;
	}

	#kwaliteit .right {
		margin-top: 38px;
	}
	
	#snelheid, #snelheid-inner {
		min-height: 0px;
		height: 460px;
	
	}
	
	#besparing .omhoog {
		margin-top: -20px;
	}
	
	#duurzaam {
		min-height: 0px;
		padding-bottom: 60px;
	}

	#vragen .right {
		margin-top: 60px;
	}
	
	
	
}

@media (max-width: 1024px) {

	
	#home {
		height: 520px;
	}
	
	div.container-fluid.homeintro {
		height: 492px;
	}
	
	
	
	#home h5 {
		font-size: 36px;
		margin-bottom: 0px;
	}
	
	
	#home h2 {
		font-size: 72px;
		line-height: 64px;
	}
	
	
	div.container-fluid.homeintro {
		background-position: -170px;
		padding-left: 10px;
	}
	
	a.btn.btn-primary {
		font-size: 14px;
		padding: 8px 14px;
	}
	
	#kwaliteit p, #snelheid p, #duurzaam p, #besparing p, #vragen p {
		font-size: 18px;
		line-height: 26px;
	}
	
	
	
	#kwaliteit .right {
		margin-top: 58px;
	}
	
	#besparing .omhoog {
		margin-top: -10px;
	}
	
	#kwaliteit, #snelheid-inner, #duurzaam, #besparing, #vragen {
		padding-top: 20px;
	}
	
	blockquote {
		font-size: 26px;
		line-height: 30px;
	}
	
	
	
	
}


/* Medium Devices, Desktops */
@media (max-width: 992px) {

	
	#home {
		height: 470px;
	}
	
	#home h2 {
		font-size: 60px;
		line-height: 56px;
	}
	
	div.container-fluid.homeintro {
		background-position: -200px;
		height: 442px;
	}
	
	a.navbar-brand {
		margin-right: 0px;
	}
	
	h1.machine-naam, h2.machine-naam {
		font-size: 54px;
	}
	

	a.btn.btn-primary.btn-lg {
		font-size: 14px;
	}
	
	
	footer {
		height: auto;
		padding-bottom: 8px;
	}
	
	blockquote {
		margin-top: 80px;
		margin-bottom: 0px;
	}
	
	#snelheid div.icon {
		top:  10px;
	}
	
	
	.leasekol {
		display: none;
	}
	
	
	
	
	
}


/* Small Devices, Tablets */
@media (min-width: 768px) {



	/* N A V B A R  */
	
	span.caret {
		border-top: 4px solid;
		margin-top: -3px;
	}
	
	.navbar-brand.home {
		width: 140px;
		/*display: none;*/
	}
	
	.navbar-brand img {
		max-height: 50px;	
		height: 50px;
	}
	
	a.navbar-brand {
		margin-right: 10px;
		padding-right: 10px;
		padding-top: 7px;
		text-transform: none;
	}
	
	nav.navbar {
		background-color: #fff;	
		margin-bottom: 0px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-family: CallunaSans-Bold;
		color: red;
		/*opacity: 0.95;*/
	}
	
	
	ul.nav.navbar-nav {
		/*height: 54px;*/
	}
	
	.navbar-nav > li > a {
		color: #000 !important;
		background-color: #fff !important;
		letter-spacing: 2px;
		padding-top:22px !important;
		padding-bottom:0 !important;
		height: 60px;
		padding: 0 10px;
	}
	
	.navbar-nav > li.active > a {
		background-color: #fff !important;
		color: #f29400 !important;	
	}
	
	
	#navbar ul.nav.navbar-nav ul.dropdown-menu li.current.active a {
		background-color: #f29400;
	}
	
	nav.navbar.navbar-inverse.navbar-static-top {
		border-bottom-color: #8c8c8c;
		border-bottom-color: #fff;
	}
	
	ul.dropdown-menu {
		border-top-color: #fff;
	}
	
	/* submenu */
	
	ul.nav.menu.submenu {
		margin-top: 6px;
		margin-bottom: 60px;
	}
	
	ul.nav.menu.submenu li:first-child a {
		/*border-top: 1px dotted #5dbcfe;*/
		border-top: 1px dotted #000;	
	}
	
	ul.nav.menu.submenu li a {
		/*background-color: #e4f4ff;*/
		/*border-bottom: 1px dotted #5dbcfe;*/
		border-bottom: 1px dotted #000;
		font-size: 16px;
	}
	
	ul.nav.menu.submenu li a:hover {
		background-color: #e4f4ff;
	}
	
	ul.nav.menu.submenu li.active a {
		color: red;
	}
}


/* Small Devices, Tablets */
@media (max-width: 768px) {

	#home {
		/*height: auto;*/
	}



	div.container-fluid.bg-balk.home {
		height: 540px;
	}
	
	
	
	footer {
		height: 90px;
	}

	
	h1.machine-naam, h2.machine-naam {
		font-size: 44px;
	}
	
	#snelheid-inner {
		background-image: none;
	}

	#snelheid, #snelheid-inner, #duurzaam, #besparing, #vragen {
		min-height: 0px;
		height: auto;
		padding-bottom: 20px;
	}
	
	
}



@media (max-width: 767px) {

	body {
	    /*margin-top: 50px;*/
	}
	
	
	#home {
		margin-top: 50px;
	}
	
	div.video a {
		right:  10px;
	}
	
	#kwaliteit, #snelheid, #snelheid-inner, #duurzaam, #besparing, #vragen {
		min-height: 0px;
		height: auto;
		margin: 0px;
		padding-bottom: 20px;
		padding-top: 8px;
	}
	
	#besparing .omhoog {
		margin-top: 0px;
	}
	#vragen .omhoog {
		margin-top: 0px;
	}
	
	
	
	.navbar-default {
	    position: fixed;
	    z-index: 1030;
	    right: 0;
	    left: 0;   
	    border-radius: 0;
	    top: 0;
	    border-width: 0 0 1px;
	}  
	
	#opstelling.margcor {
		margin-top: 50px;
	}   
	
	
	div.prijsrond {
		left: 0px;
		top: 40px;
	
	} 
	

	div.taalkiezer {
		width: 108px;
		top: -8px;
		right: 80px;
	}

	
	h3.intro {
		font-size: 32px;
	}
	

	.navbar-brand {
		display: block;
	}
	
	.navbar-brand.home, .navbar-brand {
		display: block;
		padding-top: 8px;
	}
	
	
	.navbar-brand img {
		max-height: 38px;	
		height: 38px;
	}
	
	
	
	div#navbar.navbar-collapse .navbar-nav > li > a {
		height: auto;
	}
	
	.navbar-nav > li.active > a {
		background-color: #000 !important;	
	}
	
	div#navbar.navbar-collapse  {
		padding-bottom: 20px;
	}
	
	#snelheid-inner {
		background-image: none;
	}
	
	ul.highlights li {
	  padding-left: 0em; 
	  text-indent: 0em;
	}
	
	
}


@media (max-width: 560px) {



	h1.machine-naam, h2.machine-naam {
		font-size: 28px;
		line-height: 32px;
		margin-top:  -80px;
	}
	
	footer {
		height: auto;
		padding-bottom: 8px;
	}
	
	#home h2 {
		font-size: 54px;
		line-height: 50px;
	}
	
	#home p.intro {
		font-size: 30px;
		line-height: 32px;
	}
	
	
	div.container-fluid.homeintro {
		background-position: 0px;
		height: 442px;
		margin-left: 0;
		opacity: 0.9;
	}
	
	
	.col-xs-6 {
		clear: both;
		width: 100%;
	}
	
	.col-xs-6.half {
		width: 50%;
		clear: none;
	}
	
	#kwaliteit, #snelheid, #snelheid-inner, #duurzaam, #besparing, #vragen {
		min-height: 0px;
		height: auto;
		margin: 0px;
		padding-bottom: 20px;
		padding-top: 8px;
	}
	
	blockquote {
		margin-top: 70px;
		margin-bottom: 0px;
	}
	
	#snelheid div.icon {
		top:  0px;
	}
	
	#duurzaam .pak {
		margin-top: 0px;
	}

	#vragen .omhoog {
		display: none;
	}
	
	.leasekol {
		display: block;
		margin-bottom: 18px;
	}
	
	div.advieskader {
		display: none;
	}
	
	
}


/* Extra Small Devices, Phones */ 
@media (max-width: 480px) {

	
	#home h2 {
		font-size: 48px;
		line-height: 44px;
	}
	
	#home h5 {
		font-size: 30px;
		margin-bottom: 0px;
	}
	
	
	h1.machine-naam, h2.machine-naam {
		margin-top: -80px;
	}
	
	h3.intro {
		font-size: 24px;
	}
	
	#home p.intro {
		font-size: 22px;
		line-height: 24px;
		
	}
	
	div.video a {
		display: none;
	}
	
	
	#home p.intro br {
		display: none;
	}
	
	


}



/* Custom, iPhone Retina */ 
@media (max-width: 320px) {

	h1.machine-naam, h2.machine-naam {
		margin-top: -100px;
	}
	
	h3.intro {
		font-size: 23px;
	}
	
    
}