@import url("font/vdplas.css");

/* defaults */

body {font-family: 'Branding-Medium'!important; color: #505a64; background: #ffffff; } //line-height: 1.5;//
h1, h2, h3, h4, h5, h6 {font-family: 'Branding-Medium'!important; line-height: 1;}
.container h2 {font-size: 48px!important; font-weight: 400!important;}
h2 strong {color: #aedbe2;}

.cmsImpressionBackground { padding-top: 25px; position: relative; }
.cmsImpressionGradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,efefef+50&0+0,1+50 */ background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ }

.cmsWrap-container { width: 1140px; padding: 0 15px; margin: 0 auto; }
.cmsWrap-container.cmsBoxed { margin-bottom: 30px; padding: 40px; }

.cmsBoxed { -webkit-box-shadow: 1px 1px 5px 0 #979797; box-shadow: 1px 1px 5px 0 #979797; border-radius: 3px; background-color: #ffffff; }
.cmsBoxed h1 { font-size: 2.1rem; padding: 0 0 20px; letter-spacing: 0; }
.cmsBoxed h2 { color: 023671 !important; font-size: 1.2rem !important; letter-spacing: 0; font-weight: 700 !important; }
.cmsBoxed p { color: #979797; line-height: 1.6rem; text-align: justify; }
.cmsBoxed p a { color: #ee2375; }
.cmsBoxed p a:hover { text-decoration: underline; background: #f48fb1; }

input[type=submit] { background-color: #ee2375; display: inline-block; border: none; color: #fff; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; margin: 0 0 1.25rem; -webkit-appearance: none; position: relative; line-height: normal; cursor: pointer; letter-spacing: 1px; text-align: center; font-weight: normal; border: 1px solid #979797; border-radius: 3px; }
.cmsButtonPink { text-decoration: none; color: #fff !important; margin-top: 10px; padding: 0.5rem; border: 1px solid #979797; background-color: #ee2375; }
.cmsButtonPink:hover { text-decoration: none !important; transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease-out; }

.cmsLang-selector { padding: 35px 7px; }
.cmsLang-selector p { display: inline-block; float: left; padding-right: 10px; }
.cmsLang-selector ul { list-style: none; float: left; }
.cmsLang-selector ul li { float: left; padding: 0 4px; }
.cmsLang-selector ul li a { color: #7b7b7b; }
.cmsLang-selector ul li.active a { color: #ee2375; font-weight: 600; }
.cmsLang-selector ul li a:hover { color: #ee2375; }

.cmsUL { padding: 35px 7px; }
.cmsUL p { display: inline-block; padding-right: 10px; }
.cmsUL ul { list-style: none; }
.cmsUL ul li { padding: 0 14px; }
.cmsUL ul li a { color: #7b7b7b; }
.cmsUL ul li.active a { color: #ee2375; font-weight: 600; }
.cmsUL ul li a:hover { color: #ee2375; }

.cmsRow { width: 100%; padding: 15px 0; }
.cmsCol-6-md { width: 50%; float: left; padding: 0 7px; }
.cmsCol-6-md .cmsCol-6-md:nth-child(odd) { padding-left: 0; }
.cmsCol-6-md .cmsCol-6-md:nth-child(even) { padding-right: 0; }

.cmsCol-lg-2 { width: 16.66666667%; float: left; display: block; }
.cmsCol-lg-10 { width: 83.33333333%; float: left; display: block; }

.cmsInner { -webkit-box-shadow: 1px 1px 5px 0 #979797; box-shadow: 1px 1px 5px 0 #979797; border-radius: 3px; background-color: #ffffff; min-height: 30px; margin-bottom: 15px; position: relative; }
.cmsInner .Go { z-index: 5; background-color: #717174; height: 46px; width: 46px; border-radius: 50%; position: absolute; right: 23px; top: -23px; display: inline-block; color: #fff; font-weight: 800; font-size: 21pt; line-height: 44px; text-align: center; box-shadow: 1px 1px 4px rgba(0,0,0,0.4); }
.cmsInner .Go:hover { background-color: #59595a; }

.cmsInner .Go.text { right: 80px; width: auto; border-radius: 23px; font-size: 14pt; padding: 0 20px; min-width: 46px; }
.cmsInner .Go.text em { font-size: 21pt; vertical-align: middle; display: none; }

.cmsInner .Impress { height: 370px; background: orange; overflow: hidden; text-transform: uppercase; font-weight: 800; color: white; }
.cmsInner .Impress span { font-size: 24pt; padding: 15px; display: block; line-height: 35pt; height: 168px; }
.cmsInner .Impress a.img { width: 100%; height: 100%; display: block; background-position: top center; background-size: cover; }
.cmsInner .Title { padding: 25px 20px 20px; position: absolute; background: rgba(255, 255, 255, 0.8); bottom: 0; width: 100%; }
.cmsInner .Title h2 a { color: #ee2375; padding: 0; padding-bottom: 10px; }
.cmsInner .Title p { margin: 0; padding: 0; color: #555; font-size: 11pt; }
.cmsInner .Title p i { display: none; }

.cmsCol-6-md .cmsCol-6-md .cmsInner .Go { height: 46px; width: 46px; right: 10px; font-size: 20pt; }
.cmsCol-6-md .cmsCol-6-md .cmsInner .Impress { height: 178px; overflow: hidden; }
.cmsCol-6-md .cmsCol-6-md .cmsInner a .Title h2 { color: #212121 !important; }
.cmsCol-6-md .cmsCol-6-md .cmsInner .Title h2 { font-size: 16px !important; padding: 0; }
.cmsCol-6-md .cmsCol-6-md .cmsInner .Title { padding: 15px 20px; }
.cmsCol-6-md .Impress img { width: 100%; }

.hbnav { position: relative; }
.hbnav .hbmenu { display: none; position: absolute; left: -101px; top: 46px; background: #f9f9f9; width: 300px; box-shadow: 3px 0 3px 0 #B5B5B5; padding: 15px 0; z-index: -1; }
.hbnav .hbmenu ul { list-style: none; padding: 0; margin: 0; }
.hbnav .hbmenu ul li, .hbnav .hbmenu ul li a { color: #7b7b7b; }
.hbnav .hbmenu ul li a { display: block; padding: 10px 20px; font-size: 1rem !important; line-height: 2.2rem; }
.hbnav .hbmenu ul li ul li a { line-height: 1rem; padding-left: 40px; }

/*.cmsCol-6-md.small { width: 25%; }*/
/*.cmsCol-6-md.small .Title p { display: none; }
.cmsCol-6-md.small .Impress { height: 161px; }
.cmsCol-6-md.small .cmsInner .Go { top: 137px; }*/

/* Sidebar verkopers */
.cmsManbox { background: #fafafa; margin: -10px; }
.cmsManHead { padding: 35px 20px; text-align: center; background-color: #fff; }
.cmsManHead img { width: 60%; height: auto; }

.cmsManInnerBottom { border-bottom: 1px solid #d8d8d8; padding: 25px 20px; }
.cmsManInnerNone { padding: 25px 20px; }

.cmsManPersonal { background: #e8e8e8; padding: 15px 20px; color: #212121; position: relative; }
.cmsManPersonal span { display: block; padding: 2px 0; }
.cmsManPersonal .cmsManName { font-size: 1.3em; font-weight: 700; }
.cmsManPersonal .cmsManFunction { color: #979797; }
.cmsManPersonal .cmsManMylinks { position: absolute; right: 20px; top: -20px; }
.cmsManPersonal .cmsManMylinks a { color: #fff; background: #e91e63; height: 40px; width: 40px; border-radius: 20px; display: inline-block; text-align: center; line-height: 40px; font-size: 2em; margin: 0 4px; position: relative; }
.cmsManPersonal .cmsManMylinks a:hover { background: #c31b54; }
.cmsManPersonal .cmsManMylinks a i { position: absolute; top: 3px; right: 6px; }
.cmsManPersonal .cmsManMylinks a i.fa { top: 11px; }
.cmsManPersonal .cmsManMylinks a i.fa-facebook { right: 15px; }
.cmsManPersonal li { text-decoration: none; color: #fff !important; margin: 10px; padding: 0.5rem; border: 1px solid #979797; background-color: #e91e63; }
.cmsManPersonal:hover li { text-decoration: none !important; transition-property: background-color; transition-duration: 300ms; transition-timing-function: ease-out; }
.cmsManPersonal ul > li > a { display: block; top: 0; left: 0; width: 100%; height: 100%; }

.cmsManMessage p { color: #979797; font-size: 1em; line-height: 1.4em; padding: 0; margin: 0; }
.cmsManMessage p a { color: #e91e63; }
.cmsManMessage p a:hover { color: #e91e63; text-decoration: underline; }

.cmsManInfolist { list-style: none; color: #979797; margin: 0; padding: 0; line-height: 1.6em; }
.cmsManInfolist .cmsManSubject { min-width: 70px; display: inline-block; color: #212121; font-weight: 700; }

.cmsManSquarebutton { border-radius: 4px; color: #fff; padding: 6px 25px; display: block; text-decoration: none; margin: 2px 0; }
.cmsManFacebook { background: #5a76b1; }
.cmsManInstagram { background: #262626; }
.cmsManPinterest { background: #ab2328; }

.cmsManDisclaimer { width: 70%; padding-top: 20px; padding-bottom: 20px; }
.cmsManDisclaimer p { color: #c2c2c2; font-size: 0.7em; text-align: justify; margin: 0; margin-bottom: 20px; padding: 0; }
.cmsManDisclaimer p b { color: #939393; font-weight: 700; }
.cmsManDisclaimer p a { font-size: 0.7em; color: #939393; font-weight: 700; }

.cmsManCertificates { width: 30%; text-align: right; padding-top: 20px; }
.cmsManCertificates img { }

.cmsManClr { clear: both; }
.cmsManRight { float: right; }
.cmsManLeft { float: left; }

.tabs-container.extend .overflow-container.overflow,
.overflow-container > div:first-child { overflow-x: hidden; }

@media screen and (max-width: 1700px) {
    .cmsWrap-container { width: 1000px; }
    .cmsInner .Impress img { width: 100%; height: 100%; }
}

@media screen and (max-width: 1500px) {
    .cmsWrap-container { width: 900px; }
    .cmsInner .Go {  }
}

@media screen and (max-width: 1300px) {
    .cmsWrap-container { width: 800px; }

    .cmsInner .Go { right: 2px; }
    .cmsInner .Go.text { right: 55px; }
    .cmsInner .Impress { height: 317px; }
    .cmsInner .Impress span { font-size: 21pt; line-height: 31pt; }

    .cmsCol-6-md .cmsCol-6-md .cmsInner .Go {  }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Impress { height: 151px; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Title h2 { font-size: 14px !important; }
}

@media screen and (max-width: 1200px) {
    /* Responisve */
    .cmsImpressionBackground { padding-top: 0; }

    .cmsWrap-container { width: 800px; }

    .cmsInner .Impress span { font-size: 17pt; line-height: 27pt; }
    .cmsInner .Title h2 { font-size: 1.1rem !important; }
    .cmsInner .Title p { padding-top: 5px; }

    .cmsCol-6-md .cmsCol-6-md .cmsInner .Go {  }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Impress { }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Title {  }
}

@media screen and (max-width: 1150px) {
    .cmsWrap-container { width: 700px; }
    .cmsCol-6-md { width: 50%; }

    .cmsCol-6-md .cmsInner .Go, .cmsCol-6-md .cmsCol-6-md .cmsInner .Go { width: 40px; height: 40px; border-radius: 20px; padding: 0; font-size: 23px; line-height: 40px; }
    .cmsCol-6-md .cmsInner .Go.text em, .cmsCol-6-md .cmsCol-6-md .cmsInner .Go.text em { display: block; line-height: 40px; font-size: 23px; }
    .cmsCol-6-md .cmsInner .Go.text, .cmsCol-6-md .cmsCol-6-md .cmsInner .Go.text { padding: 0;  min-width: 40px; }
    .cmsCol-6-md .cmsInner .Go .btn-text, .cmsCol-6-md .cmsCol-6-md .cmsInner .Go .btn-text { display: none; }
    .cmsCol-6-md .cmsInner .Impress, .cmsCol-6-md .cmsCol-6-md .cmsInner .Impress { height: 301px; }

    .cmsCol-6-md .cmsCol-6-md { width: 50%; }
    /*.cmsCol-6-md .cmsCol-6-md .cmsInner .Go { top: 151px; }*/
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Impress { height: 143px; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Title { }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Title h2 {  }
}

@media screen and (max-width: 1050px) {
    .cmsWrap-container { width: 100%; }
}

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

    .img { width: 100%; }
    .cmsCol-6-md, .cmsCol-6-md .cmsCol-6-md { width: 100%; padding: 0; }
    .cmsCol-6-md .cmsInner .Impress img { height: 275px }
    
    .cmsCol-6-md .cmsInner .Go, .cmsCol-6-md .cmsCol-6-md .cmsInner .Go { top: 50%; margin-top: 3px; right: 10px; background-color: #788fad; box-shadow: none; }
    .cmsCol-6-md .cmsInner .Go.text, .cmsCol-6-md .cmsCol-6-md .cmsInner .Go.text { right: 10px; margin-top: -43px; background-color: #ee2375; }

    .cmsCol-6-md .cmsCol-6-md { clear: both; position: relative; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner { display: block; height: 100px; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Title { background: none; margin: 0; top: 0; padding-left: 115px; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Impress { position: absolute; background: none; width: 100px; height: 100px; top: 0; left: 0; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Impress img { height: 100%; width: 100%; }
  
  	.cmsCol-6-md .cmsInner .Title { padding: 20px 50px 20px 20px; }
    
}

@media screen and (max-width: 390px) {
  	
}

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

  	.cmsCol-6-md .cmsInner .Title { padding: 7px 50px 10px 15px; }
  	.cmsCol-6-md .cmsInner .Title h2 { color: #ee2375; font-size: 1rem !important; }
    .cmsCol-6-md .cmsInner .Title p { font-size: 9pt; }
  
    /* Responsive */
    /*.cmsWrap-container img { width: 100% !important; float: left !important; margin-left: 0 !important; }
    .cmsWrap-container.cmsBoxed { padding: 25px; }
    .cmsBoxed h1 { font-size: 1.8rem; }

    .cmsBoxed .Title { Padding: 0 10px; height: 60px; }
    .cmsBoxed .Title h2 a { font-size: 0.9rem; }
    .cmsInner .Title { padding: 10px 20px 10px 20px; min-height: 73px; }
    .cmsInner .Title h2 a { font-size: 0.9rem; }
    .cmsInner .Impress { height: 100px; }

    .cmsCol-6-md { width: 50%; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Impress { height: 100px; }
    .cmsCol-6-md .cmsCol-6-md .cmsInner .Title { min-height: 73px; }*/
}