/* Global CSS */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 12px; font-family: 'dyslexieregular'; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 18px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
.textBox ul, .textBox ol{padding: 0px 0px 20px 25px;}
img { max-width: 100%; }

::selection {
  background: #FFF9C1; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #FFF9C1; /* Gecko Browsers */
}

.hidden {
	display: none;
}

.hidden_vat{
	display: none;
}

.voor-text.typeface .row.m-b-0,
.m-b-0 {
	margin-bottom: 0px;
}

.display-flex{
	display:flex;
}

.order-form.checkout .input-landCode{
    padding: 8px 10px;
    border: 2px solid #009fe3;
    color: #009fe3;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
    background: none;
    margin-bottom: 21px;
    width: 76px;
}

.order-form.checkout input[type="text"].input-vatCode{
	max-width:284px;
}

/* layout */
#layout { width: 100%; position: relative; }
.centered { max-width: 1700px; margin: 0 auto; }
.container { max-width: 1700px; }

/* Wrapper */
#wrapper { max-width: 100%; margin: 0 auto; padding-top: 118px; }
	
	/* header */
	#header { padding: 20px 0; position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background: #fff; }
	.logo { float: left; }
	.logo img { width: 200px; }
		
		/*togglecontact*/
		.togglecontact { position: fixed; right: 0; top: 121px; z-index: 11; background: #fff; width: 65px; }
		.togglecontact a{ display: block; line-height: 0; }
		.togglecontact h4 { font-size: 13px; padding: 5px 0; }
		.togglecontact a:hover { opacity: 0.8;  }
		
		
		/* topBar */
		/*.topBar { overflow: hidden;}*/
		.fbbox { position: absolute; left: 50%; top: 21px; transform: translateX(-50%); }
		.fbfooter { margin: 25px auto 0; width: 133px; }
		.topBar .topMenu { position: relative; float: right; }
		.topBar .topMenu span.lang { width: 55px; background: url(../images/drop-down-arrow.svg) center bottom no-repeat; padding-bottom: 13px; background-size: 18px; cursor: pointer; }
		.topBar .topMenu span.lang img{ height:32px; } 
		.topBar .topMenu span.lang .dropdown img{ height:auto;margin-bottom:5px; }
		.topBar .topMenu span.dropdown { position: absolute; top: 46px; left: 0; display: none; background: #fff; z-index: 9; width: 55px; height:31px;}
		.topBar .topMenu ul { list-style: none; overflow: hidden; float: right; padding-left:0;}
		.topBar .topMenu li { padding-left: 25px; float: left; }
		.topBar .topMenu li a { background: #009fe3; color: #fff; font-size: 16px; padding: 3px 5px; display: inline-block; text-decoration: none; border-radius: 3px;  }
		.topBar .topMenu li a.green { background-color: #009b3e;}
		.topBar .topMenu li a:hover { opacity: 0.8; }
		
		/*.topBar .topMenu span.lang { width: 34px; left: -17px; height:31px; } 
	.topBar .topMenu span.lang img{ height:20px; } 
	.topBar .topMenu span.lang .dropdown img{ height:32px; } */
		
		/* menuBar */
		.menuBar { clear: both; float: right; margin-top: -30px; }
		.menuBar a.mobilemenu { display: none; }
		.menuBar ul { padding: 0px; list-style: none; }
		.menuBar li { padding: 0 30px; position: relative; float: left;  }
		.menuBar li:last-child { padding-right: 0; }
		.menuBar li a { text-decoration: none;  color: #004f9e; font-size: 18px; }
	 
	
	/* content */
	#content { overflow: hidden; }
	    
		/* centerPart */
		#centerPart { max-width: 100%; position: relative; }
 		
			/* textBar */
			.textBar { padding: 20px 0; }	
			.textBar .inner { max-width: 2560px; margin: 0 auto; }
			.textBar a.gotobottom { width: 80px; position: absolute; left: 50%; bottom: 0; bottom: -120px; margin-left: -39px; z-index: 5; }
			.textBar.five a.gotobottom { width: 80px; position: absolute; left: 50%; bottom: 0; bottom: -90px; margin-left: -37px; z-index: 5; }
			.textBar.first a.gotobottom { bottom: 41px; }
			.textBar a.gotobottom img { width: 80px; }
			.textBar .vertical { display: table; max-width: 700px; }	
			.textBar .text { display: table-cell; vertical-align: middle; position: relative; z-index: 3; }
			.textBar.first { position: relative; padding-top: 85px; padding-bottom: 85px;} 
			.textBar .image { float: right; max-width: 50%; position: relative; z-index: 3; }
			.textBar .image img { width: 1100px; }
			.textBar .image video { width: 900px; }
			.textBar.second .image img, .textBar.second .image video { padding: 40px 0; }
			.textBar.third .image img { width: 1000px; }
			.textBar.third .image video { width: 800px; }
			.textBar .text h2 {  color: #004f9e; font-size: 40px;  line-height: 64px; margin-bottom: 30px;  }
			.textBar .text p { color: #004f9e; font-size: 16px;  line-height: 29px;  }
			.textBar .text ul { list-style: none; list-style-type: none; padding: 0; margin: 0; }
			.textBar .text li { float: left; width: 50%; text-align: center; margin: 40px 0; color: #004f9e; font-size: 16px; line-height: 29px; }
			.textBar .text li a { margin-top: 13px; color: #004f9e; font-size: 15px; text-decoration: none; border: 1px solid #009fe3; padding: 0px 7px; border-radius: 2px; display: inline-block;}
			.textBar .text a.learnmore { margin-right: -150px; display: block; color: #009FE3; height: 27px; font-size: 16px; display: block; padding-right: 20px; text-align: right; margin-bottom: 40px;float:right; }
			.textBar .text a.learnmore { background: url(../images/buttons/arrow-right.svg) right center no-repeat; }
			.textBar .text a.learnmore.nopadding { margin-right: 0; margin-top: 20px; }
			.home .textBar .vertical { padding-right: 85px; padding-left: 69px; }
			
			/* Second */
			.textBar.second { position: relative; } 
			.textBar.second span.skew-top { display: block; transform: skew(0deg, 3deg); -webkit-transform: skew(0deg, 3deg); position: absolute; left: 0; width: 100%; height: 100%; top: -80px; }
			.textBar.second span.skew-bottom { display: block; transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); position: absolute; left: 0; width: 100%; height: 100%; bottom: -80px; z-index: 1; }
			.textBar.second .vertical { float: right; }	
			.textBar.second .image { float: left; }	
			.textBar.second.productpage { padding-bottom: 100px; }
			
			/* third */
			.textBar.third { position: relative; padding-top: 150px; } 
			.textBar.third .vertical { max-width: 500px; }
			.textBar.third span.skew-bottom {  display: block; transform: skew(0deg, 3deg); -webkit-transform: skew(0deg, 3deg); position: absolute; left: 0; width: 100%; height: 50%; bottom: -80px; z-index: 2; }
			
			/* Four */
			.textBar.four { padding-top: 150px; padding-bottom: 10px; position: relative; } 
			.textBar.four span.skew-bottom {  display: block; transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); position: absolute; left: 0; width: 100%; height: 50%; bottom: -80px; z-index: 2; }
			.textBar.four .vertical { float: right; }	
			.textBar.four .image { float: left; }	
			
			/* five */
			.textBar.five { padding-top: 180px; min-height: 600px; padding-bottom: 10px; position: relative; } 
			.textBar.five .vertical { height: 700px !important; }
			.textBar.five span.skew-bottom {  display: block; transform: skew(0deg, 3deg); -webkit-transform: skew(0deg, 3deg); position: absolute; left: 0; width: 100%; height: 50%; bottom: -50px; z-index: 2; }
			
			/*six*/
			.textBar.six { padding-top: 100px; min-height: 600px; position: relative; } 
			.textBar.six .vertical { height: 700px !important; }
			
			/*voor */
			.textBar.voor { padding-top: 100px; position: relative; transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); margin-top: -80px; } 
			.textBar.voor .inner { transform: skew(0deg, 3deg); -webkit-transform: skew(0deg, 3deg);  }
			.textBar.voor img { height: 360px !important; }
			.textBar.voor .vertical { height: 452px!important; padding: 0; max-width: 50%; }
			.textBar.voor a.gotobottom { bottom: -37px; }
			.textBar.voor a.gotobottom img { height: auto !important; }
			
			/*voor */
			.textBar.order { padding-top: 150px; position: relative;  transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); margin-top: -80px; } 
			.textBar.order .inner { transform: skew(0deg, 3deg); -webkit-transform: skew(0deg, 3deg);  }
			.textBar.order img { max-height: 400px; }
			.textBar.order .vertical { padding: 0; max-width: 50%; height: 214px;  }
			.textBar.order .text { position: relative; top: -30px; left: 135px; }
			.textBar.order .text h2 { font-size: 26px; }
			.textBar.order a.gotobottom { bottom: -37px;transform: skew(0deg, 3deg);-webkit-transform: skew(0deg, 3deg); }
			.textBar.product .vertical { float: right; height: 450px; }
			.textBar.product.typeface .vertical { float: right; height: 450px; }
			.textBar.order.product .vertical {  max-width: 687px; }
			.textBar.order.product .text h2 { font-size: 40px; line-height: 64px; }
		
			
			
			/* voor-text */
			.voor-text { margin-top: -70px; padding: 215px 0; }
			.voor-text .inner { border-bottom: 2px solid #009fe3; padding-bottom: 76px; margin-bottom: 30px; position: relative; }
			.voor-text .inner.extra { padding-bottom: 130px; }
			.voor-text .textBox { 
				width: 687px;
				max-width: 687px; 
				padding-right: 69px; 
				padding-left: 69px;  
				font-family: 'dyslexieregular';
				color: #004f9e;
				font-size: 16px;
				line-height: 29px;
				margin-bottom: 20px;
			}
			.voor-text .textBox.right { float: right;   }
			.voor-text h3 {  color: #004f9e; font-size: 70px;  line-height: 70px; text-align: center;  }
			.voor-text h2 {  color: #004f9e; font-size: 24px;  line-height: 42px; margin-bottom: 30px;  }
			.voor-text p { color: #004f9e; font-size: 16px;  line-height: 29px; margin-bottom: 20px; }
			.voor-text span.chooseus { text-align:center;width: 132px; position: absolute; left: 50%; bottom: 75px; transform: translateX(-50%); -webkit-transform:translateX(-50%); display: inline-block; border-top: 2px solid #009fe3;  border-bottom: 2px solid #009fe3; color: #01509f; font-size: 16px; padding: 7px 10px; }
			.voor-text span.chooseus:after { position: absolute; left: 50%; content: ""; width: 2px; display: block; background: #009fe3; height: 76px; bottom: -76px; }
			
			/*price*/
			.price { border-top: 1px solid #e4efe5; padding: 20px 0; position: fixed; left: 0; top: 113px; z-index: 10; width: 100%; background: #fff7a9;  }
			.price .mid { max-width: 403px; margin: 0 auto; }
			.price h3 { display: inline-block; margin-right: 50px; color: #334f9f; font-size: 19px; }
			.price p {color: #334f9f; font-size: 16px; line-height: 16px; padding-bottom: 0px; margin-bottom: 0px; }
			.price .totalcurrency, .price .discountcurrency { text-transform: uppercase; }
			
			.price p.discount { display: inline-block; color: #334f9f; font-size: 12px; line-height: 12px; padding-bottom: 0px; margin-bottom: 0px; }
			.price p.discount.hidden { display: none;}
			/*order*/
			.voor-text.order {padding-top: 238px;}
			.voor-text.order span.chooseus:before { position: absolute; left: 50%; content: ""; width: 2px; display: block; background: #74c9e8; height: 70px; top: -70px; }
			.container.order-form { max-width: 648px; }
			.order-form.checkout { margin-top: 202px; }
			.order-form .leftarea { text-align: right; }
			.order-form label { font-size: 16px; color: #004f9e; display: block; max-width: 100%; cursor: pointer; }
			.order-form .checkbox label { font-family: 'dyslexiebold'; }
			.order-form label span.online { float: right; width: 53px; height: 20px; display: block; background: url(../images/online-icon.svg) left top no-repeat; }
			.order-form label.hidden { display: none;}
			.order-form p { font-size: 13px; color: #004f9e; margin: 0; padding: 0; }
			.order-form p a { color: #009fe3; }
			.order-form p a:hover { text-decoration: underline; }
			.order-form p a.learnmore { width: 100px; display: block; font-size: 0; display: block; float: right; } 
			.order-form p a.learnmore {  background: url(../images/buttons/arrow-right.svg) right center no-repeat;} 
			body.nl .order-form p a.learnmore {  background: url(../images/buttons/lees_meer_small.svg) right center no-repeat;} 
			body.en .order-form p a.learnmore {  background: url(../images/buttons/learn_more_small.svg) right center no-repeat;}
			.order-form .row { margin-bottom: 22px; }
			.order-form select { width: 100%; max-width: 360px; padding: 8px 10px; border: 2px solid #009fe3; color: #009fe3; font-size: 15px;  -webkit-appearance: none; -moz-appearance: none; border-radius: 5px; background: url(../images/drop-down-arrow.svg) 95% center no-repeat; background-size: 28px; }
			
			.order-form select:focus { border-width: 3px; }
			.order-form input[type="checkbox"] { position: absolute; left: -999em; }
			
			.order-form .img3is2 {    max-width: 50px; float: right; margin-left: 10px;}
			
			/* checkboxes */
			.order-form .checkbox label:not(.error):before { display: inline-block; position: absolute; top: 0.25em; left: -42px; content: ''; width: 25px; height: 25px; background-image: url(../images/radio-button-empty.svg); }
			.order-form  input[type="checkbox"] + label:before { background-image: url(../images/radio-button-empty.svg);  }
			.order-form  input[type="checkbox"]:checked + label { color: #009641; }
			.order-form  input[type="checkbox"]:checked + label a { color: #05dc62 !important; }
			.order-form  input[type="checkbox"]:checked + label:before { background-image: url(../images/radio-button.svg); }
			
			label.p-imitator{font-size: 13px;color: #004f9e;margin: 0;padding: 0;line-height: 29px;box-sizing: border-box;text-align: left;max-width: 100%;font-family: 'dyslexieregular' !important;}
			label.p-imitator a{color: #009fe3;}
			label.p-imitator a:hover{text-decoration: underline;}
			
			.voor-text span.creataccount { width: 220px; text-align: center; position: absolute; left: 50%; bottom: -130px; transform: translateX(-50%); -webkit-transform:translateX(-50%); display: inline-block; border-top: 2px solid #009fe3;  border-bottom: 2px solid #009fe3; color: #01509f; font-size: 16px; padding: 7px 10px; }
			.voor-text p.login { position: absolute; left: 0; bottom: -161px; font-size: 14px; line-height: 20px; left: calc(50% + 148px); width: 148px; }
			.voor-text p.login a { color: #009fe3; }
			.voor-text span.creataccount:after { position: absolute; left: 50%; content: ""; width: 2px; display: block; background: #009fe3; height: 76px; bottom: -76px; }
			.voor-text.order span.creataccount:before { position: absolute; left: 50%; content: ""; width: 2px; display: block; background: #009fe3; height: 89px; top: -89px; }
			.order-form.checkout input[type="text"], .order-form.other-form input[type="text"], .order-form.other-form textarea { width: 100%; max-width: 360px; padding: 8px 10px; border: 2px solid #009fe3; color: #009fe3; font-size: 15px;  -webkit-appearance: none; -moz-appearance: none; border-radius: 5px; background: none; }
			.order-form.checkout input[type="text"]:focus, .order-form.other-form input[type="text"]:focus { border-width: 3px; }
			.order-form .submitarea {  border-top: 2px solid #009fe3; padding-top: 25px; text-align: center; position: relative; }
			.order-form .submitarea:before { position: absolute; left: 50%; content: ""; width: 2px; display: block; background: #009fe3; height: 39px; top: -39px; }
			.order-form .submitarea p { margin-bottom: 15px; }
			.order-form .submitarea input[type="submit"], .order-form .buttongreen { margin-bottom: 15px; cursor: pointer; color: #fff; background: #52ae32;  font-size: 16px;  display: inline-block; padding: 5px 10px; border: 1px solid #52ae32; border-radius: 3px;  }
			.order-form .buttongreen.hidden {display: none;}
			.order-form .submitarea input[type="submit"]:hover { opacity: 0.8; }
			.order-form .submitarea button.btn {  font-size: 16px; color: #01509f; display: inline-block; padding: 5px 10px; border: 1px solid #009fe3; border-radius: 3px; margin: 0 5px; }
			.order-form .submitarea button.btn:hover { color: #fff; background: #009fe3; }
			.popup { display: none; position: fixed; left: 50%; top: 50%; width: 100%; max-width: 600px; border: 2px solid #009fe3; z-index: 99; transform: translate(-50%,-50%); background: #fff; padding: 25px; }
			.popup h2 { margin-bottom: 0; }
			.popup a { display: block; margin: 0 auto; width: 100px; font-size: 16px; color: #01509f; text-align: center;  padding: 5px 10px; border: 1px solid #009fe3; border-radius: 3px; }
							
			
			/*tab*/
			.tab { margin-bottom: 60px; }
			.tab ul { margin: 0; padding: 0; list-style: none; text-align: center; width: 100%;  }
			.tab li { padding: 0 30px; display: inline-block; }
			.tab li a, .order-form .submitarea button.btn { font-size: 16px; color: #01509f; display: inline-block; padding: 5px 10px; border: 2px solid #009fe3; border-radius: 3px;background-color:transparent; }
			.tab li a:hover, .tab li a.active, .order-form .submitarea button.btn:hover { color: #fff; background: #009fe3;cursor:pointer; }
			.tabdata { display: none; }
			.tabdata.family { display: block; }
			select, input, textarea { outline: none;  }
			
			/* Product */
			.textBar.order.product { padding-top: 100px; position: relative;  }
			.textBar.order.product.typeface { padding-top: 150px; } 
			body .textBar.second.typeface { position: relative; padding-bottom: 150px; }
			body .textBar.second.typeface span {   }
			.textBar.order.product .text { top: 37px; left: 0;width: 687px;max-width: 687px;padding-right: 69px;padding-left: 69px; }
			.product .textBox span.online { float: right; width: 53px; height: 20px; display: block; background: url(../images/online-icon.svg) left top no-repeat; }
			.product .textBox p a.order {  float: right; margin-right: 30px; background: #009fe3; color: #fff; border-radius: 3px; padding: 0px 9px; }
			.product .textBox p a.learnmore { min-width: 23px; display: block; font-size: 14px; display: block; float: right; padding-right: 20px; text-align: right;color: #009FE3;}
			.product .textBox p a.learnmore { background: url(../images/buttons/arrow-right.svg) right center no-repeat; }
			.voor-text.product .row, .voor-text.typeface .row { margin-bottom: 50px; }
			.voor-text.typeface .row { margin-bottom: 29px; }
			.voor-text.typeface .row input, .voor-text.typeface .row textarea, .voor-text.typeface .row select { margin-bottom: 21px;height: inherit; }
			footer.product { position: relative; z-index: 3; } 
		
		/*eindhoven*/
		#eindhoven .imagevideo {
			max-width: 650px;
/* 			margin: auto; */
		}
		
		
		#eindhoven .imagevideo video {
			width: 100%;
			margin-bottom: 20px;	
		}
		
		#eindhoven  .voor-text .inner {
		    border-bottom: 2px solid #009fe3;
		    padding-bottom: 0px;
		    margin-bottom: 0px;
		    position: relative;
		}

		#eindhoven div.captcha-class {
			display: flex;
		}
		
		#eindhoven div.alertBox-row {
			margin-top: 0px;
		}
		
		/* footer */
		#footer { padding-bottom: 40px; transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); background: #fff; margin-top: -72px; position: relative; z-index: 3; }
		#footer .inner { transform: skew(0deg, 3deg); -webkit-transform: skew(0deg, 3deg); max-width: 1730px; padding: 0 10px; margin: 0 auto; }
		#footer .mid { max-width: 613px; margin: 0 auto; } 
		#footer .footerlogo { position: relative; text-align: center; padding: 100px 0 50px; margin-bottom: 20px; border-bottom: 2px solid #40b8ec; }
		#footer .footerlogo:after { position: absolute; left: 50%; bottom: 0; width: 2px; height: 204px; z-index: 1; background: #40b8ec; display: block; content: ""; }
		#footer .footerlogo img { width: 240px; position: relative; z-index: 3; }
		#footer ul { list-style: none; list-style-type: none; margin: 0 0 6px 0; padding: 0; text-align: center; } 
		
		#footer .newsletter {
			margin-top: 30px;
		}
		
		/* Uitlijnen footer */
		body #footer li { display: inline-block; padding: 0 15.4px;  } 
		body #footer ul.first li { padding: 0 20.2px; }
		
		body.nl #footer li { display: inline-block; padding: 0 11.5px;  } 
		body.nl #footer ul.first li { padding: 0 15.6px; }
		
		body.en #footer li { display: inline-block; padding: 0 15.4px;  } 
		body.en #footer ul.first li { padding: 0 20.2px; }
		
		body.es #footer li { display: inline-block; padding: 0 15.4px;  } 
		body.es #footer ul.first li { padding: 0 20.2px; }
		
		#footer li:first-child { padding-left: 0!important; }
		#footer li:last-child { padding-right: 0 !important; }
		#footer li a { text-decoration: none; color: #004f9e; font-size: 14px; } 
		#footer li a:hover { text-decoration: underline; }
		#footer a.gototop { position: absolute; left: 50%; top: 0; width: 80px; margin: -40px; border-radius: 100%; z-index: 3; }
		#footer a.gototop img { display: block; } 
		#footer .copyright { padding-right: 0; float: right; text-align: right; margin-top: -262px; }
		#footer .copyright p { color: #004f9e; font-size: 12px;  line-height: 25px;  }
		#footer .copyright a { text-decoration: none; color: #004f9e; }
		#footer address { margin-bottom: 50px; font-style: normal;  }
		#footer .phone { margin-bottom: 50px; }

		.padding-ul h2{width: 75%;text-align: center;}
		.padding-ul a.learnmore{margin-right: 9% !important;}
		
		.textBar:not(.textBar-footer):last-child { min-height:780px; } 

				
@media only screen and (max-width: 1700px) {
	.centered { padding: 0 15px; }
	.textBar .vertical {   padding-top: 50px; }
	.textBar.first .vertical { padding-top: 0; min-height: 415px; padding-right: 150px; }
	.textBar.five .vertical {  padding-right: 150px; }
	.textBar.six, .textBar.five { min-height: 500px; }
	.textBar.six .vertical, .textBar.five .vertical { height: 500px !important; }
	#footer .copyright { padding-right: 50px; }
	.textBar.second.productpage .image { margin-bottom: 100px; }
	.textBar.order.product.typeface img { margin: 0 auto; display: block;  }
	.textBar.second .vertical .text , .textBar.four .vertical .text { padding-left: 50px; }
	.textBar.five .text { padding-right: 50px; }
  	.voor-text .textBox { max-width: 90%; }
}

@media only screen and (max-width: 1450px) {
	
	.textBar .vertical { max-width: 50%; }
	.textBar.second .vertical, .textBar.four .vertical{padding: 30px 0 0 0;}
	.order-form p a.learnmore { width: 120px; }
	
}


@media only screen and (max-width: 1340px) {
	.textBar.first .vertical, .textBar.third .vertical { max-width: 385px; }
	.textBar .vertical { min-height: 400px; }
	.textBar .text a.learnmore { margin-right: 0; margin-top: 20px !important; } 
	#footer .copyright { margin-top: 25px; text-align: center; padding-right: 0; float: none; } 
	.topBar .topMenu li a { font-size: 15px; }
	.menuBar li a { font-size: 15px; }
	.textBar .text { vertical-align: top; }
	.textBar.voor .text, .textBar.order .text { vertical-align: middle; left: 0; }
	.textBar.first { padding-top: 30px; }
	.textBar.second .image { padding: 50px; }
	.textBar.four .image { padding: 90px 0; }
	.textBar.six, .textBar.five { min-height: 300px; }
	.textBar.six .vertical, .textBar.five .vertical { height: 300px !important; }
	.voor-text .textBox { max-width: 400px; }
	.tab li { padding: 0 2px; }
	.textBar.order .vertical { max-width: 100%; }
	.textBar.order.product img { margin-top: 76px; }
	.voor-text h2 { font-size: 19px; line-height: 31px; }
	.voor-text p { font-size: 15px; line-height: 27px; }
	.textBar.order.product.typeface .text { top: 0; }
	.textBar .image img{ max-height: 100%! important; }
	.textBar.order.product .text h2, .textBar.voor .text h2 { font-size: 24px; line-height: 30px; }
	.textBar .text h2 { font-size: 30px; line-height: 40px; }
	.textBar.first .vertical {  padding-right: 30px; }
	.textBar.five .vertical {  padding-right: 30px; }
	.textBar.second .vertical { max-width: 50%; }
	.centered { padding: 0 35px; }
	.container { padding-left: 30px; padding-right: 30px; }
	.togglecontact { width: 40px; }
	.togglecontact h4 { font-size: 8px; }
	.textBar.four .vertical { max-width: 50%; }
	.textBar.first .vertical, .textBar.third .vertical { max-width: 100%; }
	.textBar.order.product .vertical, .textBar.order .vertical { min-height: 214px; }
	.voor-text .textBox { max-width: 90%; }
	.textBar.second .vertical .text , .textBar.four .vertical .text { padding-left: 50px; }
	.textBar.five .text { padding-right: 50px; }
	.textBar.voor .text, .textBar.order .text { padding-left: 36px; }
	.textBar.voor.ban .text { padding-left: 0; }
	.textBar.voor { padding-right: 0; }
	.textBar.voor .inner .image { padding-left: 53px; }
	.container.order-form { max-width: 500px; }
	.order-form .row { margin-bottom: 33px; } 
	select, input, textarea { outline: none; -webkit-appearance: none;  }
	.textBar:not(.textBar-footer):last-child { min-height:720px !important; } 
	    
}
		
@media only screen and (max-width: 1023px) {
	.menuBar li { padding: 0 10px; }
	.textBar.first .text { padding-bottom: 30px; }
	.textBar .vertical { max-width: 50%; padding: 0 50px;  }
	.textBar.second .image { padding: 50px 10px; }
	.textBar.second .vertical, .textBar.four .vertical { padding-left: 30px; }
	#footer li a { font-size: 12px; }
	.textBar .text h2 { font-size: 19px; }
	.textBar .text p { font-size: 15px; line-height: 27px; }
	.textBar .text li { font-size: 15px; }
	.textBar .text li a { font-size: 15px; }
	.voor-text h2 { font-size: 19px; }
	.voor-text p { font-size: 15px; line-height: 27px; }
	.voor-text p { font-size: 13px; }
	.textBar.order.product .text { top: 0; }
	.voor-text .textBox { max-width: 90%; }
	#footer ul.first li { padding: 0 20px; }
	.textBar .text h2 { font-size: 24px; line-height: 30px; }
	.textBar.four { padding-top: 150px; } 
	#footer .mid { max-width: 548px; }
	.mobilehide { display: none; }
	.textBar.first .vertical { min-height: 300px; } 
	.textBar.second .image { padding: 0; }
	.textBar.second .vertical, .textBar.four .vertical { padding: 30px 0 0 0; min-height: 0; }
	.textBar .text a.learnmore.nopadding { margin-top: 0; height: 20px; }
	.textBar .text li { margin: 10px 0; }
	.textBar.third .vertical { min-height: 200px; }
	.textBar.four .image { padding: 0; }
	.textBar.five .vertical { padding-left: 0; padding-right: 0; }
	.textBar.order.product .vertical,  .textBar.order .vertical { min-height: 200px; }
	.order-form p a.learnmore { width: 80px; }
	.voor-text .textBox { padding-right: 0; padding-left: 0; }	
	.textBar:not(.textBar-footer):last-child { min-height:800px; } 
}

@media only screen and (max-width: 1000px) {
	.textBar .image video{max-width:305px;}
	.textBar:not(.textBar-footer):last-child { min-height:720px !important; } 
}

@media only screen and (max-width: 895px) {
	.textBar:not(.textBar-footer):last-child { min-height:770px !important; } 
}

@media only screen and (max-width: 793px) {
	.textBar:not(.textBar-footer):last-child { min-height:810px !important; } 
}

@media only screen and (max-width: 767px) {
	#wrapper { padding-top: 98px; }
	#header { padding: 10px 0; }
	.logo img { width: 100px; }
	.topBar { overflow: visible; }
	.menuBar { float: none; padding-top: 10px; text-align: center; }
	.menuBar li { display: inline-block; float: none; }
	.menuBar li a { font-size: 12px; }
	.topBar .topMenu ul { padding-bottom: 0; }
	.textBar .image { float: none; max-width: 100%; padding: 0 20px !important; }
	.textBar .text h2 { margin-bottom: 10px; }
	.textBar .vertical { max-width: 100% !important; padding: 0 !important; float: none !important; height:auto !important; }
	.textBar .vertical .text { padding: 25px 0 !important; }
	#footer li { padding: 0 10px; }
	.textBar.voor .image img, .textBar.voor .image video { display: block; margin: 0 auto;  }
	.textBar .image video { max-width: 100%; }
	.tab li { margin-bottom: 10px; }
	.tab li a { font-size: 11px; padding: 5px; } 
	.textBar.order { min-height: 0; }
	.voor-text .textBox { max-width: 100%; }
	.textBar a.gotobottom img { width: 60px; }
	.voor-text.product .row { margin-bottom: 80px; }
	.voor-text.typeface .row { margin-bottom: 30px; }
	.textBar.second.productpage .image { margin-bottom: 0; }
	.textBar.second.productpage  { padding-bottom: 150px; }
	.voor-text h3 { font-size: 40px; }
	.topBar .topMenu li { padding-left: 8px; }
	.topBar .topMenu li a { font-size: 12px; }
	.topBar .topMenu span.lang { width: 41px; left: -25px; }
	.fbbox { top: 12px; }
	.container.order-form { padding-right: 38px; }
	.order-form select { font-size: 13px; background-size: 21px; }
	 .order-form .row { margin-bottom: 16px; }
	 .price { padding: 10px 50px; } 
	 .price h3 { font-size: 14px; margin-right: 10px; }
	 .price p { font-size: 13px; line-height: 22px; }
	 .menuBar ul { margin: 0; }
	 .textBar .text h2 { font-size: 18px; line-height: 28px; }
	 .textBar .text p { font-size: 13px; line-height: 23px; }
	 .textBar .text li { font-size: 13px; line-height: 23px; }
	 .textBar.order.product img { margin-top: 10px; }
	.textBar.order .text h2 { font-size: 21px; }
	.textBar.order .vertical, .textBar.voor .vertical { min-height: 0; }
	.textBar.voor { min-height: 0; }
	.textBar.order a.gotobottom { margin-left: -30px; }
	.centered { padding: 0 35px; }
	#content .container { padding-left: 30px; padding-right: 30px; }
	.price { top: 85px; }
	.voor-text.product { padding-top: 160px; }
	.textBar.voor.ban { padding-right: 0; } 
	.voor-text { padding-top: 150px; }
	.voor-text.order { padding-top: 215px; }
	.textBar .vertical { width: 100%; }
	.padding-ul h2{width:50%;}
	.textBar:not(.textBar-footer):last-child { min-height:970px !important; } 
	.textBar .image video { max-width: 100%!important; width: 900px; }
	.topBar .topMenu span.lang { width: 34px; left: -17px; height:31px;padding-bottom:9px; } 
	.topBar .topMenu span.lang img{ height:24px; } 
	.topBar .topMenu span.lang .dropdown img{ height:32px; } 
	
}

@media only screen and (max-width: 639px) {
	#wrapper { padding-top: 84px; }
	.menuBar li { padding: 0 5px; }
	.togglecontact { top: 134px; width: 36px; }
	.togglecontact h4 { font-size: 7px; padding: 7px 0 0; }
	.order-form label { font-size: 14px; }
	.voor-text p { font-size: 11px; }
	
	.order-form .col-9 { padding-left: 5px; }
	.order-form .col-3 { padding-left: 5px; }
	.order-form .submitarea button.btn { font-size: 11px; }
	.voor-text.product p { font-size: 15px; }
	.product .textBox p a.learnmore { width: 100px; }
	.fbbox { left: 41%; }
	#footer .footerlogo img { width: 110px; }
	#footer .footerlogo { padding: 50px 0 30px; margin-bottom: 6px; }
	#footer .footerlogo::after { height: 95px; }
	#footer .copyright p { font-size: 11px; line-height: 18px; }
	#footer .copyright p { padding-bottom: 0; }
	/*.textBar .text a.learnmore { margin: 0 auto !important;  }*/ 
	.textBar .image { text-align: center; }
	#footer .mid { max-width: 247px; }
	#footer ul.first li { padding: 0 1px; margin: 0;  } 
	#footer li { margin: 0 -1px; } 
	#footer li a { font-size: 7px; }
	.order-form input[type="checkbox"]{margin-left:35px;}
	.order-form .checkbox label{margin-left:35px;}
	.order-form .checkbox p{margin-left:35px;}
	.order-form .checkbox label:not(.error):before{left:0;}
}

@media only screen and (max-width: 479px) {
	#wrapper { padding-top: 72px; }
	#header { padding: 5px 0; }
	.logo img { width: 110px; }
	.menuBar li a { font-size: 10px; }
	.menuBar li { padding: 0 2.5px; }
	.topBar .topMenu li a { font-size: 11px; }
	.topBar .topMenu li { padding-left: 10px; }
	.topBar .topMenu span.lang { width: 42px; left: -27px; }
	.textBar a.gotobottom img { width: 60px; max-width: 100%!important }
	.textBar a.gotobottom { width: 60px; margin-left: -30px; bottom: -110px; }
	#footer a.gototop { width: 60px; margin: -30px; }
	#footer { padding: 0 15px; }
	#footer li { padding: 0 0; }
	#footer address { margin-bottom: 15px; }
	#footer .phone { margin-bottom: 15px; }
	.fbbox { left: auto; transform: translateX(0); right: 15px; top: 44px;  }
	.order-form .submitarea button.btn { font-size: 9px; }
	#footer .copyright .copy p { font-size: 8px; line-height: 19px; }
	.fbfooter { margin-top: 13px; }
	#footer .copyright { margin-top: 15px; }
	.fbbox { top: 36px; }
	.topBar .topMenu ul { padding-bottom: 10px; }
	.textBar.first { padding-bottom: 0; padding-top: 10px; }
	.textBar.second .inner { margin-top: -50px; margin-bottom: -120px; }
	.textBar.second .image img, .textBar.second .image video { padding: 0; }
	.textBar.third .inner { margin-bottom: -150px; }
	.textBar.four { padding-top: 150px; min-height: 800px; }
	.textBar { min-height: 610px; }
	.textBar.four .inner { margin-bottom: -120px; }
	.textBar.five .inner { margin-bottom: -150px; }
	.textBar.first a.gotobottom { bottom: 50px; }
	.textBar.order .vertical, .textBar.voor .vertical { min-height: 0; }
	.textBar.voor { min-height: 0; }
	.textBar.order .text { top: -15px; }
	.textBar .vertical .text { padding: 5px 0 !important; }
	.textBar .vertical { height: 50px !important; }
	.textBar.third { padding-top: 125px; }
	.textBar .text li { margin-top: 20px; }
	.fbbox { display: none; }
	.topBar .topMenu ul { padding-bottom: 0; margin-bottom: 0; }
	.logo img { width: 90px; }
	.textBar.four .image { margin-top: -20px; }
	#footer .footerlogo::after { height: 93px; }
	.price { top: 71px; }
	.textBar.order.product.typeface { padding-top: 100px; }
	#footer .inner { padding: 0 20px; }
	.textBar .image { padding: 0 35px !important; }
	.textBar .text a.learnmore { height: 30px; }
	.textBar .text p { margin-bottom: 0; }
	.textBar .vertical { min-height: 245px; }
	.textBar.second .vertical { min-height: 245px; }
	.textBar.first .vertical { min-height: 300px; }
	.textBar.third .vertical { min-height: 310px; }
	.textBar.four .vertical { min-height: 268px; }
	.textBar.six .vertical, .textBar.five .vertical { height: 500px !important; }
	.textBar.second.productpage .vertical { min-height: 392px; }
	.textBar.second.typeface .vertical { min-height: 300px; }
	.textBar.third .image { margin-bottom: -10px; }
	.textBar .text li { margin: 20px 0 0; }
	.textBar.voor img { height: auto !important; }
	.textBar.voor .vertical { height: auto !important; margin-top: 10px; }
	.textBar:not(.textBar-footer):last-child{min-height: 860px !important;}
	.textBar.five{min-height:840px;}
	.topBar .topMenu span.lang img{ height:22px; } 
	
	.hiddensm {display: none;}
	
}
@media only screen and (max-width: 360px) {
	.menuBar li { padding: 0 3px; }
	.menuBar li a { font-size: 9px; }
	.textBar.first .vertical { min-height: 320px; }
	.textBar .vertical { min-height: 323px; }
	.textBar.four .vertical { min-height: 310px; }
	.textBar.second .vertical { min-height: 315px; }
}
@media only screen and (max-width: 359px) {
	.logo img { width: 86px; }
	.menuBar li { padding: 0 1px; }
	.menuBar li a { font-size: 8px; }
	#footer li { padding: 0; }
	.topBar .topMenu li a { font-size: 9px; }
	
}

body { display: none; }

p.last-edited-policy{
	text-align:center;
	font-family: 'dyslexieitalic' !important;
}

.tabdata.active {
    display: block;
}

p.tab-text{
	margin-bottom: 20px;
}

div.alertBox-row{
	margin-bottom:0 !important;
	margin-top:50px;
}

/* error inputs */
input.valid,textarea.valid{ border: 2px solid #52ae32 !important; border-right: 15px solid #52ae32 !important; }
input.valid:focus{ border: 3px solid #52ae32 !important; border-right: 15px solid #52ae32 !important; }
input.error,textarea.error{ border: 2px solid #E30613 !important; border-right: 15px solid #E30613 !important;margin-bottom:0 !important; }
input.error:focus{ border: 3px solid #E30613 !important; border-right: 15px solid #E30613 !important; }

label.error{color:#E30613; font-size:14px;margin-bottom:0;max-width:100%;text-align:left;}


input.ignore{border: 2px solid #009fe3 !important;}
input.ignore:focus{border: 3px solid #009fe3 !important;}

div.captcha-class{display:none;}


/* trengo app in dyslexiefont */
.trengo-vue-iframe .message-container{
	font-family: 'dyslexieregular';
}


.modal-content.option-blacklist-content{
	background-color: #fef8e9;
    border: none;
    text-align: center;
    border-radius: 25px;
    color: #004f9e;
}

.modal-content.option-blacklist-content *:focus{
	box-shadow:none !important;
	outline-color:transparent !important;
}

.modal-header.option-blacklist-header{
	display: block;
    border: none;
}

.modal-header.option-blacklist-header h5{
	font-weight: bold;
}

.modal-header.option-blacklist-header .close{
	position: absolute;
    right: 7px;
    top: 0;
    font-size: 30px;
}

.modal-content p { color: #004f9e; font-size: 16px;  line-height: 29px;  }

.modal-body.option-blacklist-body{
	
}

.modal-footer.option-blacklist-footer{
	display:block;
	justify-content: normal;
	text-align: left;
    border: none;
}

.modal-footer.option-blacklist-footer .btn-education{
	background: #52ae32;
    border: none;
    color: #fff;
	border: 1px solid #52ae32;
}
.modal-footer.option-blacklist-footer .btn-education:hover{
	background: transparent;
    border: 1px solid #52ae32;
    color: #52ae32;
	cursor:pointer;
}
.modal-footer.option-blacklist-footer .btn-homeuser{
	background: #e3e2e8;
    border: none;
    color: #004f9e;
	border: 1px solid #e3e2e8;
}
.modal-footer.option-blacklist-footer .btn-homeuser:hover{
	background: transparent;
    border: 1px solid #004f9e;
	cursor:pointer;
}

.blacklist-hide{
	display:none;
}

.modal-dialog{
	max-width:600px;
}

.text.blog{
	padding-top:55px;
}

.textBar.color.four.without{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 0px;
}
.image.blog {
	margin-left: 9%;
	width: 741px;
}

.blogtitle{
	color: #009FE3!important;
	padding-bottom: 0px;
}
.text-responsive{
	margin-left: 6%;
	padding-top: 1.5%;
}
.textBar a.blog{
	bottom: -38px;
}
.paginations-bar{
	height: 300px;
    padding: 90px 0;
    width: fit-content;
    margin: 0 auto;
}
.pagination{
	
}
.page-link{
	    border: 1px solid #dee2e6;
    background: #009fe3;
    color: #fff;
    font-size: 16px;
    padding: 8px 12px;
    display: inline-block;
    text-decoration: none;
}
.page-link.active{
	z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.tagDiv{
	width: 100%;
	height: 125px;
	margin-top: 2%;
	background: #ece3d2;
}
.Tagtitle{
    padding-top: 50px;
    width: 50px;
    position: absolute;
    left: 220px;
}
.tagDiv .green{
	background: #009b3e;
    color: #fff;
    font-size: 10px;
    padding: 3px 5px;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
	margin-right:5px;
	text-transform:uppercase;
}
.green.blue{
	background: #009fe3;
}
.tagbtn{
	width: 280px;
}

.textBar.color.four.without{
	min-height: 0px!important;	
}


.news-item-overview{
	background-image: url("/assets/images/blog-bg-yellow.png");
	background-repeat: no-repeat;
    background-size: cover;
}
.blogItemText{
	width: 62%;
	margin: 0 auto;
}
.blogItemText h1{
	margin-top: 14%;
	margin-bottom: 0%;
	color: #004ea0;
	line-height: 42px;
	font-size: 30px;
}
.blogItemText p{
	color: #004f9e;
    font-size: 15px;
    line-height: 29px;
	margin-bottom: 30px;
}
.terugOverzicht{
	float: left;
    margin-top: 18%;
	color: #009FE3;
	margin-left: 28%!important;
	font-size: 15px;
}
.content-blog{
	background-image: url(/assets/images/blog_background.svg);
}
.content-blog-placed-by p{
	margin-top: -50px;
	color: #009FE3;
	font-size: 9px;
}
.content-blog-theme{
	color: #009FE3;
	margin-bottom: 7%;
}
.btnBlogItem{
	background: #009fe3;
    color: #fff;
    font-size: 10px;
	padding: 7px 10px;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
	margin-left: 7px;
}
a.btnBlogItem.letterspace{
	letter-spacing: 1.5px;
}
.content-blog-share p{
	color: #009FE3;	
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.sharethis-inline-share-buttons{
	margin-bottom: 11%;
}
a.content-blog-share-leave-comment.btnBlogItem{
	background-color: #3B5998;
	height: 30px;
    white-space: pre;
    line-height: 25px;
    padding: 3px 28px 5px 21px;
    border-radius: 0px;
    margin-left: -60%;
    font-size: 13px;
}
a.content-blog-share-leave-comment.btnBlogItem:hover{
	color: #fff;
	background-color: #4465ad;
}

.content-blog-more{
	color: #009FE3;
	margin-bottom: 5%;
}
.content-blog-more a{
	color: #009FE3;
}
.facebookplug{
	margin-bottom: 169px;
	position: relative;
	height: 427px;
}
.faceAbsolute{
	position: absolute;
	right: 400px;
}

.text-link-underline {
	color: #009FE3;
	text-decoration: underline;
}


.caption{
	background: linear-gradient(90deg, #BED9ED, #DDEDDF);
	height: 122px;
	margin-bottom: 24%;
	position: relative;	
}
.thumbnail h4{
	color: #004f9e;
	padding-top: 5%;
    padding-left: 2%;
}
.thumbnail a{
	   
    color: #009FE3;
    text-transform: uppercase;
    
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 15px;

}

.st-btn{
    width: 44px;
    height: 30px!important;
}


a.learnmore.nopadding.noarrow{
	background: none;
	margin: 0!important;
}
.anderArtikelenNew{
	padding-bottom: 0px;
	color: #004f9e;
}
.GoToOverview{
	letter-spacing: 1.5px;
    background: #009fe3;
	white-space: pre;
    color: #fff!important;
    font-size: 10px;
	padding: 7px 10px;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    
}
@media only screen and (max-width: 1400px) {
	.text.blog {
		padding-top: 44px;
	}
}

@media only screen and (max-width: 1340px) {
	.pagination {
		left: 40%;
		bottom: 0;
		bottom: 940px;
		margin-left: 0px; 
	}
	
}
@media only screen and (max-width: 1300px) {
	.text.blog {
		padding-top: 35px;
	}
}
@media (max-width: 1200px) {
	.responsiveimg{
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.blogItemText {
		width: 70%;
		margin: 0 auto;
	}
	.pagination {
		left: 40%;
		bottom: 0;
		bottom: 940px;
		margin-left: 0px; 
	}
	.text-responsive{
		padding-top: 2.5%;
	}
	a.content-blog-share-leave-comment.btnBlogItem {   
		margin-left: -0%;
	}
	.faceAbsolute {
		right: 295px;
	}
}
@media (max-width: 1000px) {
	.responsiveimg {
		padding-top: 1.7%;
		padding-bottom: 1.7%;
	}
	.text.blog {
		padding-top: 25px;
	}
	a.learnmore.nopadding.noarrow{
		margin-bottom: 5px!important;
	}
	.blogItemText {
		width: 70%;
		margin: 0 auto;
	}
	.pagination {
		left: 39%;
		bottom: 0;
		bottom: 930px;
		margin-left: 0px; 
	}
	.terugOverzicht{
		margin-top: 23%;
	}
	.faceAbsolute {
		right: 251px;
	}


}
@media (max-width: 800px) {
	.responsiveimg{ 
		padding-top: 6.5%;
		padding-bottom: 5%;
	}
	.pagination {
		left: 36%;
		bottom: 0;
		bottom: 941px;
		margin-left: 0px; 
	}
	.text-responsive{
		padding-top: 6%;
	}
	.blogItemText {
		width: 100%;
	}
	
	
	.faceAbsolute {
		right: 169px;
	}
	a.learnmore.nopadding.noarrow{
		margin-bottom: 5px!important;
	}
	a.learnmore.nopadding.noarrow.special{
		margin-right: 10px!important;
	}
}
@media only screen and (max-width: 778px) {
	.terugOverzicht{
		margin-left: 7px!important;
		margin-top: 27%;
	}
}

@media only screen and (max-width: 766px) {
	.terugOverzicht{
		float: left;
		margin-top: 12%;
		margin-left: 0%!important;
	}
	
	.thumbnail a {
		margin-top: 7%;
	}
	.faceAbsolute {
		right: 5px;
	}
	.blogItemText h1{
		margin-top: 10%;
	}
}
@media only screen and (max-width: 600px) {
	.pagination {
		width: 80px;
		position: absolute;
		left: 24%;
		bottom: 0;
		bottom: 583px;
		margin-left: -39px;
		z-index: 5;
	}
	.caption{
		width: auto;
	}
	.text-responsive {
		padding-top: 8%;
	}
	.textBar a.blog {
		bottom: -26px;
	}
	.blogItemText{
		width: 85%;
		margin: 0 auto;
	}
	a.content-blog-share-leave-comment.btnBlogItem {
		margin-left: 0%; 
		margin-bottom: 6%;
	}
	
	
	.facebookplug{
		margin-left: -4%;
	}
	.faceAbsolute {
		right: 0px;
	}
	a.learnmore.nopadding.noarrow.special{
		margin-right: -24px!important;
	}
	a.learnmore.nopadding.noarrow{
		margin-right: -24px!important;
		margin-bottom: 11px!important;
	}
	
}



.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
.paginations-bar{
	width: -moz-max-content;
}