@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
*
{
	box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	}
	
		
		
* {
/* -webkit-text-stroke: 0.4px; Font uitzetten */
	}
@media only screen and (max-width: 480px) {
* {
/* Chrome -webkit-text-stroke: 0.15px; */
	}
	
}

@font-face {
    font-family: 'stacato';
    src: url('../fonts/stacato-webfont.eot');
    src: url('../fonts/stacato-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stacato-webfont.woff') format('woff'),
         url('../fonts/stacato-webfont.ttf') format('truetype'),
         url('../fonts/stacato-webfont.svg#stacato-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}	
	

.mVisible { display:none !important; }	
@media only screen and (max-width: 480px) {
	.mVisible { display:block !important; }	
}


.fancybox-inner #newsletter { display:none; }

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

		
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   ========================================================================== */

.checkboxStyle label {
    cursor:pointer;
}
.checkboxStyle input[type="checkbox"] {
	display:none;
}
.checkboxStyle input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:25px;
    margin:-1px 2px 0 0;
    vertical-align:middle;
    background:url(checkbox.png) 0 0 no-repeat;
}
.checkboxStyle input[type="checkbox"]:checked + label span {
    background:url(checkbox.png) 0 -50px no-repeat;
}


body {
/*    font: 16px/26px Helvetica, Helvetica Neue, Arial;*/
	font-family: Arial, 'Montserrat', sans-serif;	
}

strong.h2,
.slider .slide_content  .h1-kop,
.fake-h1,
.fake-h2,
.fake-h3,
.fake-h4,
.fake-h5,
.fake-h6,
h1,
h2,
h3 {
/*    font: 16px/26px Helvetica, Helvetica Neue, Arial;*/
	font-family: 'Montserrat', Arial, sans-serif;	
	 /* Chrome -webkit-text-stroke: 0.4px; */
	 color:#bc0054;
}

.fake-h1.black,
.fake-h2.black,
.fake-h3.black,
.fake-h4.black,
.fake-h5.black,
.fake-h6.black,
h1.black,
h2.black,
h3.black { color:#252525; }

.advies_content h3.pink,
h1.pink,
h2.pink,
h3.pink {
	color:#bc0054;
}


.fake-h1,
.fake-h2,
.fake-h3,
.fake-h4,
.fake-h5,
.fake-h6,
h1,	h1 strong,
h2,	h2 strong,
h3,	h3 strong { font-weight:bold;} 


strong.h2 { font-size: 1.5em; margin: .83em 0; display: block;}

nav.menu,
#breadcrumbs {
	font-family: 'Montserrat', Arial, sans-serif;	
	 /* Chrome -webkit-text-stroke: 0.4px; */
}

.main-container a,
.contentFrame a {	color:#bc0054; }

a img { border:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }
/* ===================
    ALL: Orange Theme
   =================== */


.title {
    color: white;
}


/* ==============
    MOBILE: Main
   ============== */



/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.page_container {
	margin-bottom:32px;
	margin-top:32px;
	margin-left:56px;
}


@media only screen and (max-width: 479px) {
	.page_container {
		margin-bottom:32px;
		margin-top:32px;
		margin-left:0;
	}
}





.transition {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out ;
}
/* Form opmaak */
.formField		{ width:96%; max-width:270px; height:28px; border:1px solid #ddd; margin:0; padding:4px; font-size:13px; }
.formField::-webkit-input-placeholder		{color:#bc0054;  }
.formField::-moz-placeholder		{color:#bc0054;  }
.formField:-moz-placeholder		{color:#bc0054;  }
.formField:-ms-input-placeholder		{color:#bc0054;  }
textarea.formField	{ width:96%; max-width:428px; height:75px; border:1px solid #ddd; margin:0; padding:4px; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
.formCheckbox 	{ width:auto; }
.formRadio 		{ width:auto; border:none; }
.formError 		{  border-color:#f00; }
.formHover		{ border-color:#bc0054; }

.imgshadow {-webkit-box-shadow: 3px 2px 10px 2px #D9D9D9;
box-shadow: 3px 2px 10px 2px #D9D9D9;}

a.submitButton ,
.submitButton { background:#BC0054; color:#fff; border:1px solid #FFF;  padding:1.5% 5% 1.5% 2%; margin:10px 0 0 5px; position:relative;
				font-size:15px; display:inline-block; }
.submitButton .fa { position:absolute; right:3%; top:1%; font-size:42px; }
.submitButton:hover { background:#c70063; color:#fff;}



a.button { display:inline-block; background: #BC0054; padding:1.5% 3%; margin:2% 0; color: #FFF; font-weight:bold;  border:none;  }
a.button:hover { background:#D80060; }

	/* Mod-form */
	.customerForm { padding:3px;}
	.customerForm table {}
	.customerForm table td { padding:2px 0;}
	.customerForm table td.fieldname { font-weight:bold;}
	.customerForm table td.td_error { color:#f00; }
	.customerForm table td.linebreak label { display:block; text-align:left; }
	.customerForm table td h1 { font-size:22px; margin:0; padding:0;}
	.customerForm table td h2 { font-size:18px; margin:0; padding:0;}


	/* Mod-product */
.product_item { border: 1px solid #ababab; margin-bottom: 30px; }
.product_item .image 	{ position: relative; text-align: center; height: 200px; }
.product_item .image .label { z-index: 2; top: 15px; left: 15px; background-color: #bc0054; border: 2px solid #fff; border-radius: 3px; font-weight: 700; line-height: 28px; }
.product_item .content 	{ background: #f7f7f7; padding: 15px; height: 170px; text-align: left; position: relative;}
.product_item .content .usps	{ margin: 0; padding: 0 0 0 20px;  }
.product_item .label 	{ position: absolute; left: 0; top: -15px; height: 30px; color: #fff; padding: 0 15px; line-height: 30px; font-size: 15px; text-transform: uppercase;}
.product_item .label-new 		{  background: #0097b7; }
.product_item .label-bigbox		{  background: #0097b7; }
.product_item .label-discount	{  background: #3a9b3d; }
.product_item .link				{  background: #f7f7f7; padding: 8px 15px;  border-top: 1px solid #ababab; }
.product_item .link	.price		{  font-size: 1.3em; line-height: 15px;}
.product_item .link	.old-price		{ margin-right: 5px; color: #b3b3b3; font-size: 0.7em; text-decoration: line-through; line-height: 15px; }
.product_item .link	.lm			{  line-height: 15px;}
.product_item .link	.lm:hover	{  color: #D80060;}
   

	/* Mod-search */
	#mod-search {}
	.mod-search-page-result { float:right; color:#666; }
	.mod-search-result { padding:10px 0;}
	.mod-search-result-title { font-size:20px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal; }
	.mod-search-result-bread { font-size:10px; color:#999; }

	.mod-search-pagination { padding:10px 0;}
	.mod-search-pagination a { border:1px solid #999; padding:3px 5px; text-decoration:none;}
	.mod-search-pagination a.active { border:1px solid #fff; color:#fff; background:#bc0054; }
	.mod-search-pagination a:hover { border-color:#000;}
	.mod-search-pagination a.active:hover { border-color:#fff;}
	
	/* Mod-pagination */
	.mod-pagination { padding:4px 0; }
	.mod-pagination a { border:1px solid #999; padding:3px 5px; text-decoration:none;}
	.mod-pagination a.active { border:1px solid #fff; color:#fff; background:#bc0054; }
	.mod-pagination a:hover { border-color:#000;}
	.mod-pagination a.active:hover { border-color:#fff;}

	/* Mod-fotoalbum */
	.fotoalbum { margin:0; padding:0; list-style:none; }
	.fotoalbum li { float:left; margin:0 5px 5px 0; height:120px; width:150px; overflow:hidden; }
	.fotoalbum li a { border:1px solid #bc0054; overflow:hidden; display:block; text-align:center; padding:2px; }
	.fotoalbum li a:hover { border-color:#000; }

	/* Mod-newsletter */
			#newsletter { height:110px; background:#f6f6f6; position:absolute; right: 0; top:50px; z-index:55; padding:5px 10px 5px 40px; }
			.main-container #newsletter { top:150px; position:fixed;}
			#newsletter .label 	{ 	background:#bc0054; color:#fff; font-weight:bold; font-size:14px; position:absolute; left:-30px; top:43px;
									width:99px; height:25px; line-height:20px; box-sizing:border-box; padding:3px; text-align:center;
    -ms-transform: rotate(-90deg); /* IE 9 */    -webkit-transform: rotate(-90deg); /* Safari */    transform: rotate(-90deg);
			}
			#newsletter .info 	{ width:400px;}
			#newsletter .info p { margin:0px 0 15px 0;}
			#newsletter .info .button	{ display:inline-block; padding:5px; background:#bc0054; color:#fff;}
			
			@media only screen and (max-width: 479px) {
				#newsletter { height:130px; }
				#newsletter .label 	{ width:119px; left:-42px; top:53px; }
				#newsletter .info 	{ width:350px;}
			}

			@media only screen and (max-width: 380px) {
				#newsletter { height:150px; }
				#newsletter .info 	{ width:300px;}
			}

/*
			@media only screen and (max-width: 350px) {
				.main-container #newsletter { display:none;}
			}
			@media only screen and (max-width: 567px) {

			}
*/




			
	ul.benefits { margin:0; padding:0; list-style:none; }
		ul.benefits li { display:block; padding-left:15px; box-sizing:border-box; width:100%; margin-bottom:15px; position:relative; }
		ul.benefits li:before { position:absolute; left:0; top:-9px; content:"•"; color:#bc0054; font-size:25px; }

	/* Mod-feedingadviceTable */
table.feedingadviceTable { width:100% !important; border:none;}
table.feedingadviceTable td { padding:3px 2px; border:none;}
table.feedingadviceTable tr:nth-child(even) td { background:#ebebeb; color:#171717; border-top:1px solid #adadad;}
table.feedingadviceTable tr:nth-child(odd) td { background:#ebebeb; color:#171717; border-top:1px solid #adadad;}
table.feedingadviceTable tr:nth-child(2) td,
table.feedingadviceTable tr:nth-child(1) td { background:#fdfdfd; color:#bc0054; font-weight:bold; border:none; text-align:left !important;}
table.feedingadviceTable tr:nth-child(3) td { background:#bc0054; color:#fff; border:none;}


	#gmap_dealers { padding-bottom:20px;}
			#gmap_dealers #gm-maps { width:100%; height:400px; background:#eee;  }
		#gmap_dealers .content_right { width:160px;}
			#gmap_dealers .markers { }
				#gmap_dealers .markers ul { margin:0; padding:0; list-style:none; width:320px; margin-right:15px; float:left; }
				#gmap_dealers .markers ul li { }
				#gmap_dealers .markers ul li .country { font-size:14px; margin-bottom:8px; display:block; margin-top:25px; }
				#gmap_dealers .markers ul li .country img { margin-top:2px;}
				#gmap_dealers .markers ul li a { display:block; margin-bottom:10px; }

@media only screen and (max-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */



/* ============
    WIDE: Menu
   ============ */



/* ============
    WIDE: Main
   ============ */
	.blockContent img {max-width: 100%; height: auto !important;}
	.customerForm td { display: block;}

}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

 
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.videorow {
	width: 100%;
	margin-bottom: 30px;
}

.videorow.owl-carousel {
	width: calc(100% + 30px);
}

.videorow.owl-carousel .owl-item {
	min-height: auto;
}

.videorow.owl-carousel .owl-item a {
	margin-bottom: 0;
}