@charset "utf-8";
/* CSS Document */

body { font-family: 'Titillium Web', sans-serif; font-size: 14px; color:#333; }
body, .content-boxlist p { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.wrapper { width: 100%; margin: 0 auto;}
.clear { clear: both; line-height: 1px; font-size: 1px; margin: 0; padding: 0; }
.container { width: 1200px; margin: 0 auto; position: relative; z-index: 8; }
.container-wide { width: 100%; margin: 0 auto;  z-index: 8; background:#d83838;float: left; }
.small-view768px { display: none; float: right; height: 55px; width: 400px;  }

.toggle-triger {background: url("../img/toggle-menu.png") no-repeat 0 0; cursor: pointer; display: block; float: right; height: 27px; margin-right: 20px; margin-top: 33px; width: 33px;}
.flex_caption > img {max-width:522px; max-height:520px; float:right; display:block; width:100%; height:auto;}  



/*-- header --*/
.headerwrapper {width:100%; height:auto; background:#399ab2; position: fixed;
    width: 100%;z-index: 100; top:0;}
header {width:1200px; height:auto;}
.logo {position:relative; float:left; padding:11px 15px 8px 5px; background:url(../img/menu_bg.jpg) no-repeat right center;}

.contacttekst {width:90%; padding:0 5%;}
/* content template */
.content-breed-wrapper { width:100%;max-width:1200px; height:auto; margin:0 0 40px;}
.content-breed-foto { width:100%; height:auto; margin:0 3% 2%; padding-bottom: 2%;}
.content-breed-wrapper ol, .content-breed-wrapper ul { padding:15px; list-style:disc;}
.content-left { float:left; width:51%; padding:2%; color:#9e9e9e;}
.content-breed { float:left; width:96%; padding:2%; color:#9e9e9e;}
.content-breed a {color:#9e9e9e;}
.content-breed a:hover {text-decoration:none; color:#373839;}
.content-right {float:left; width:41%; padding:2%; background-color:#ffffff;}

.content-breed-wrapper h1 {color:#767676; font-size:22px; text-align:left; line-height:26px; font-family: 'Titillium Web', sans-serif; font-weight:400;}
.content-breed-wrapper p {color:#9e9e9e; font-size:12px; line-height:16px; font-family:Arial, sans-serif; text-align:left; }
.content-right img {max-width:100%; height:auto;}
/*main menu style is here*/


.main-menu { width: 720px; float: left; }
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; margin: 0 0 -25px;  float: left; }
.sf-menu ul { position: absolute; display: block; top: 100%; left: 30px; z-index: 99;  background:#d83838; padding:30px;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }

/*** DEMO SKIN ***/
.sf-menu { float: left; margin-bottom: 0em; }
.sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 224px; }
.sf-menu a { border-left: 0px solid #fff; border-top: 0px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 0px solid rgba(255,255,255,.5);  text-decoration: none; }
.sf-menu a { color: #fff; }
.sf-menu li { background: none; white-space: nowrap;  -webkit-transition: background .2s; transition: background .2s; position:relative; }
.sf-menu li > a { margin: 9px 22px 25px; line-height: 75px; color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 20px; font-weight:300; }
.sf-menu li > a:hover {color:#d83838;}
.sf-menu li:hover ul {background:#d83838 ; padding:30px;}
.sf-menu li.active { background:url(../img/heaer_purplearrow.png) top center no-repeat !important;}
.sf-menu > li > ul > li > a { color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 20px; padding: 0 12px 24px; line-height:20px;  margin:0px !important; }
.sf-menu > li > ul > li > a:hover {color:#fff;}
.sf-menu ul li:hover, .sf-menu ul li.sfHover { background: #d83838; }
.sf-menu ul ul li { background: #0062AC; }
.sf-menu ul ul li:hover, .sf-menu ul ul li.sfHover { background: #8A0269; /* only transition out, not in */
-webkit-transition: none; transition: none; }
.sf-menu ul ul li a { color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 18px; padding: 8px 12px; }
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-right: 2.5em; }
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }
.sf-menu ul {padding: 15px 30px 30px !important}
.sf-menu ul li:hover ul {padding: 15px 30px 30px !important;}

.secend-item {width: 100%; padding:12px 12px !important;}
.secend-item.secend-item-last > a  {padding: 0px 12px !important ;}
.dropdown.mx_parent.mx_first > ul li {margin:0px !important;  }
.secend-item {border-left: 1px solid #fff;}

/*-- arrow above controller --*/
.sf-menu li span				{width:39px; height:20px; position:absolute;  top: 80px; left: 37%; background:url(../img/heaer_purplearrow.png) no-repeat center left; display:none; -webkit-transition: all 5s  ease-in-out; -moz-transition: all 5s  ease-in-out; transition: all 5s  ease-in-out; }
.sf-menu li:hover > span	{display:block; -webkit-transition: all 5s  ease-in-out; -moz-transition: all 5s  ease-in-out; transition: all 5s ease-in-out; }

/** responsive panel slide style **/

.cbp-spmenu { background: #d83838; position: fixed; }
.cbp-spmenu-vertical { width: 234px; height: 100%; top: 0; z-index: 999999; }
.cbp-spmenu-vertical a { border-bottom: 0px solid #258ecd; padding: 1em; }
.cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }
.cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; }
.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; }

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -234px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
.cbp-spmenu-top.cbp-spmenu-open { top: 0px; }


/* Push classes applied to the body */
.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toright { left: 234px; }
.cbp-spmenu-push-toleft { left: -234px; }


/* Transitions */
.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.bg-overlay { background-color: #303441; height: 100%; opacity: 0.8; position: fixed; width: 100%; z-index: 999999; display: none; }
.bg-overlay.active { display: block; }
.sf-menu li { white-space: normal; }
.mobile-menu { height: 85%; padding-bottom: 15% }
.notification-link { background: #399ab2; padding:10px 15px !important; }
.notification-link { list-style-type: none; margin: 0; padding: 0; }
.notification-link li { float: left; margin: 0 12px; padding: 0; }
.notification-link li a { background: #399ab2; display: block; padding: 0; }
.notification-link li a:hover { box-shadow: 0 0 10px #399ab2 inset; }



/* Example media queries */

@media screen and (max-width: 55.1875em) {
.cbp-spmenu-horizontal { font-size: 75%; height: 110px; }
.cbp-spmenu-top { top: -110px; }
.cbp-spmenu-bottom { bottom: -110px; }
}

@media screen and (max-height: 26.375em) {
.cbp-spmenu-vertical { font-size: 90%; width: 234px; }
.cbp-spmenu-left, .cbp-spmenu-push-toleft { left: -234px; }
.cbp-spmenu-right { right: -190px; }
.cbp-spmenu-push-toright { left: 190px; }
}

/*--sticky header --*/

.sticky { position: fixed; width: 100%; left: 0; margin-top: 0; z-index: 999; border-top: 0; /*filter: alpha(opacity=50);*/}


/*--social group --*/

.socialgroup {float:right;  height:auto; margin:15px 0; border-left: dotted 1px #fff;}
.socialgroup ul {list-style:none;}
.socialgroup ul li {display:block; float:left; padding:0 15px; width:12px; margin-top: -4px;}

/** mid content style **/

.maincontentwrap {width:100%; height:auto; }

/*--slider --*/
.sliderwrapper {width:100%; height:auto; position:relative; top:80px;}
.flex-prev {background:url(../img/slider_navigation_arrowprev.png) no-repeat top left; width:76px; height:67px; background-size:100%; left:0px;}
.flex-next {background:url(../img/slider_navigation_arrownext.png) no-repeat top left; width:76px; height:67px; background-size:100%; right:0px;}

/*--section1 --*/
.ponits {width:100%; height:auto; position:relative; padding:85px 0 0; display:block;}
.pointconet {width:335px; height:auto; float:left; padding:0 0 75px; margin:0 90px 0 0; }
.pointconet.last {margin:0}
.pointimage {margin:0 35px 5px 0; float:left; min-height:50px;}
.pointright {margin-bottom: 15px;}
.pointright h3 {color:#767676; text-align:left; font-family: 'Titillium Web', sans-serif; font-size:20px; line-height:24px; font-weight:400; margin:0 0 15px;}
.pointright p {color:#9e9e9e; font-size:15px; line-height:20px;  font-family: 'Titillium Web', sans-serif; font-weight:300; margin:0 0 30px;}
.pointconet a {
font-size: 16px;
line-height: 22px;
background: url(../img/icon_arrow_green.png) no-repeat right 10px;
padding-right: 20px;
text-align: right;
text-decoration: none;
float: right;
display: block;
background-color: #399ab2;
padding: 14px;
color: #fff;}
.pointconet a:hover {text-decoration:none; color:#ccc;}

/*--section2 --*/
.bins_infowrap {width:100%; height:auto;float:left;}
.bins_image {float:left; position:relative; width:50%; }  
.bins_image > .mainimage  {width:100%; height:auto; display:block; line-height:0px; font-size:0px;}
.mainimage >img {width:100%; height:auto; display:block;}
.binfo {width:46%;float:left;padding:2% 4% 0 0;}
.binfo > .midimage {width:108px; height:auto; margin:20px auto 0; text-align:center;  line-height:0px; font-size:0px;display:none;}
.binfo > .midimage > img  {width:100%; height:auto; display:block;}
.midimage > img {display:block;} 
.binfo h1 {color:#d83838; font-size:38px; line-height:40px; text-align:left; font-weight:300; margin:10px 0; font-family: 'Titillium Web', sans-serif;}
.binfo h2 {color:#d83838; font-size:26px; line-height:32px; text-align:left; font-weight:300; margin:10px 0; font-family: 'Titillium Web', sans-serif;  }
.binfo p {color: #333;
text-align: left;
font-size: 17px;
line-height: 25px;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
margin: 0px;}
.moreinfo {float:left; color:#d83838; text-align:left; font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:22px; font-weight:400; background:url(../img/icon_arrow_pink.png) no-repeat right 10px; padding-right:25px;}
.signiture {width:187px; height:auto; float:right;}
.sticker2 {position:absolute; bottom:0px; left:15px; width:305px; height:auto; display:none; }
.sticker2 img {width:100%; height:auto;}

.description { min-height:200px; padding:2%;}

/*--section3 --*/
.geloofwrap {width:100%; height:auto;float:left;}
.geloofimage {width:50%; height:auto; float:left;}
.geloofimage > img {display:block;}
.geloofinfo { width:42%; background:#d83838;     padding: 4% 4% 150px 4%; float:left; color:#fff;}.geloofinfo h1 {    color: #fff;
    font-size: 38px;
    line-height: 40px;
    text-align: left;
    font-weight: 300;
    margin: 10px 0;
    font-family: 'Titillium Web', sans-serif;}
.geloofinfo h2 {    color: #fff;
    font-size: 26px;
    line-height: 32px;
    text-align: left;
    font-weight: 300;
    margin: 10px 0;
    font-family: 'Titillium Web', sans-serif;}
.geloofinfo > blockquote {font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:32px; color:#FFFFFF; font-style:italic; margin:0px 5px 30px;}
.geloofinfo span.nameof {font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:22px; color:#FFFFFF; text-align:left; padding:0 10px 5px; float:left; display:block; width:100%;}
.geloofinfo  a  {font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:20px; color:#FFFFFF; font-weight:300; background:url(../img/icon_arrow_white.png) no-repeat right 12px; padding:0 25px 0 0; float:right; text-align:right;}

/*-- section4 --*/
.contactme {width:100%; height:auto; text-align:center; padding:103px 0 45px;}
.contactme h2 {padding-left: 1%;
color: #d83838;
    font-size: 38px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    margin: 10px 0;
    font-family: 'Titillium Web', sans-serif;}
.contactme h5 {font-family: 'Titillium Web', sans-serif; color:#7f7d7d; font-size:17px; line-height:23px; font-weight:300; margin:15px 0;}
.contactme a  {font-family: 'Titillium Web', sans-serif; color:#FFFFFF; text-align:center; font-size:20px; line-height:25px; text-transform:uppercase; background:#d83838; width:150px; height:150px;  margin: 0 auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:block; text-decoration:none; font-weight:300; margin-top: 25px;}
.contactme a span { display: table-cell;  padding: 60px 18px 0;}

/*-- section5 --*/
.sectionwrap {background:#399ab2; width:100%; height:auto; text-align:center;  padding:50px 0; margin-top:80px; color:#fff;}
.icon {  margin:30px auto 30px;}
.icon img { margin-top:20px;}
.sectionwrap h6 {font-family: 'Titillium Web', sans-serif; color:#fff; font-size:14px; line-height:23px; font-weight:300; margin:15px 0;}

/*-- section6 --*/
.picturegrid { width:100%; height:auto; }
.picturegrid h2 {padding-left: 1%;
color: #d83838;
    font-size: 38px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    margin: 10px 0;
    font-family: 'Titillium Web', sans-serif;
	
}
#grid-content {list-style:none; margin-left: 0; padding:0px; }
#grid-content li {margin:9px; padding: 0; width:auto;}

/*-- section7 --*/
#secnd {display:block;}

/*--section8 --*/
.awardwrap {width:100%; height:auto; margin:0 auto; position:relative; top:70px;}
.awardimage {width:100%; height:auto; position:relative;}
.awardimage > img {width:100%; height:auto; display:block;}

.awardimage .mx_buttons { margin-top:100px; position: absolute;}

.award_section1 {margin: 0; padding: 80px 100px; width: 1000px; background:url(../img/icon_award.png) no-repeat left 115px;}
.award_section1 h1 {color:#767676; font-size:22px; text-align:left; line-height:26px; font-family: 'Titillium Web', sans-serif; font-weight:400;}
.award_section1 p {color:#9e9e9e; font-size:12px; line-height:16px; font-family:Arial, sans-serif; text-align:left; }
.greenlogo {position:absolute; top:-201px; left:0px;}

.award_section2 {margin: 0; padding: 0px 0px; width: 1200px; }
.award_section2_img {width:600px; height:auto; float:left; position:relative;}
.award_section2_img > img {display:block;}
.sticker {position:absolute; bottom:5px; left:5px;}
.award_section2_info {width:475px; float:left; padding:0 100px 0 24px; background:#3b3b3b;}
.award_section2_info h2 {color:#FFFFFF; text-align:left; font-family: 'Titillium Web', sans-serif; font-size:22px; line-height:26px; font-weight:400; margin:100px 0 0;}
.award_section2_info p { font-size:12px; line-height:20px; font-family:Arial, sans-serif; text-align:left; color:#FFFFFF; margin:0 0 25px;}

.knop {    font-size: 16px;
    line-height: 22px;
    background: url(../img/icon_arrow_green.png) no-repeat right 10px;
    padding-right: 20px;
    text-align: right;
    text-decoration: none !important;
    float: right;
    display: block;
    background-color: #399ab2;
    padding: 14px;
    color: #fff; }
.knop:hover {
	text-decoration: none;
	color: #ccc;}
.footer-ovk {
float : left;
color : #333;
font-size : 11px;
text-align : center;
width : 100%;
}
.footer-ovk a {
color : #333;
text-decoration : none;
}
.footer-ovk a:hover {
color : #ccc;
text-decoration : underline;
}
.scrolltotop {
    float: right;
    margin-top: -90px;
    margin-right: 60px;
    width: 47px;
    display: block;
    height: 74px;
    cursor: pointer;
    background: #1691a0 url(../img/s5_scroll_arrow.png) no-repeat center center;
}
.scrolltotop:hover {
    background-color: #333 !important;
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
/*-- section9--*/
.tab_wrap {width:100%; height:auto; display:none;}


/*-- footer --*/
.footerwrapper {float:left; background:#d83838; width:100%; min-height:100px;}
footer {width:1200px; height:auto; text-align:center; padding:40px 0 70px;}
.footerimage {margin:0 auto; width:108px; height:auto; display:block;}
.footerimage > img  {display:block;}
footer h5 {font-family: 'Titillium Web', sans-serif; font-weight:500; font-size:16px; line-height:22px; color:#3b3b3b; text-align:center;}
.footer_social {display:none;}
.footerblok { min-height:100px;width:29%; padding:2%; 
	float:left; border-right:dotted 1px #fff;}
.footerblok h3 {color:#fff; font-size:20px !important;font-weight:300;}
.footerblok:last-child {border-right:dotted 0px #333;}