@charset "UTF-8";
/* CSS Document */
/**{-webkit-font-smoothing:antialiased;}*/

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

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


body{width:100%; height:100%; font-family:'Gotham-Book'; font-size:16px; line-height:24px; color:#192883;}
html{width:100%; height:100%;}

.nopadding{padding:0;}

.mb-0{margin-bottom:0!important;}
.mb-3{margin-bottom:1rem!important;}
.mt-0{margin-top:0;}

.p-3{padding:1rem!important;}
.pt-3{padding-top:1rem!important;}
.pr-3{padding-right:1rem!important;}
.pb-3{padding-bottom:1rem!important;}
.pl-3{padding-left:1rem!important;}

.p-4{padding:1.5rem!important;}
.pt-4{padding-top:1.5rem!important;}
.pr-4{padding-right:1.5rem!important;}
.pb-4{padding-bottom:1.5rem!important;}
.pl-4{padding-left:1.5rem!important;}


.w-100{width:100%;}
.h-100{height:100%;}
.w-1{width:1%;}
.h-1{height:1%;}
.w-auto{width:auto;}
.h-height{height:auto;}

.d-none{display:none!important;}
.d-block{display:block;}

.d-table{display:table;}
.d-table-row{display:table-row;}
.d-table-cell{display:table-cell;}

.align-middle{vertical-align:middle;}

.row-flex{display:flex; flex-wrap:wrap;}

h1,h2{font-size:20px; line-height:30px; margin:20px 0 10px 0; font-family: 'Gotham-Medium';}

a:link,a:hover,a:visited,a:focus{color:#192883;}

.dropshadow{-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);}

.bg-blue{background-color:#1B365B; color:#FFF;}
.bg-blue a{color:#FFF; text-decoration:none;}
.bg-white{background-color:#FFF;}
.bg-right{background-repeat:no-repeat; background-position:right top;}

.txt-blue{color:#192883;}
.txt-white{color:#FFF;}

.fat{font-weight:600 !important;}
strong{font-family: 'Gotham-Medium';}

.navbar-fixed-top{border-width:0; background-color:#FFF; transition:all linear 0.25s;}
.navbar-collapse{margin-right:0 !important; margin-left:0 !important; padding:0; width:100%;}
#logo{margin:15px 0 15px 15px; width:114px; height:60px; float:left; background-image:url(../img/logoSWS.jpg); background-repeat:no-repeat; background-size:114px 60px; background-position:center center; transition:all linear 0.25s;}
#logo a{display:block; width:100%; height:100%;}

#toggle-btn{margin:34px 15px 0 0; width:31px; height:21px; float:right; position:relative; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer;}
#toggle-btn span{display:block; position:absolute; height:3px; width:100%; background:#192883; border-radius:3px; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
#toggle-btn span:nth-child(1){top:0px;}
#toggle-btn span:nth-child(2),#toggle-btn span:nth-child(3){top:9px;}
#toggle-btn span:nth-child(4){top:18px;}
#toggle-btn.open span:nth-child(1){top:9px; width:0%; left:50%;}
#toggle-btn.open span:nth-child(2){-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#toggle-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
#toggle-btn.open span:nth-child(4){ top:18px; width:0%; left:50%;}

.menu{margin:0; padding:0 15px; width:100%; float:none; font-size:0px; border-top:solid 1px #192883; transition:all linear 0.25s;}
.menu.shrink{margin:58px 0 0 0;}
.menu li{margin:0; display:block; list-style:none; font-size:18px;}
.menu li.last{margin:0;}
.menu li a{padding:10px 0; display:block; color:#575756; text-decoration:none;}
.menu li.first a{padding:20px 0 10px 0;}
.menu li.last a{padding:10px 0 20px 0;}

.doneerBTN{position:fixed; top:23px; left:50%; z-index:1040;}
.doneerBTN a{display:inline-block; padding:8px 10px 8px 10px; margin-left:-10px; background-color:#53beb8; color:#FFF; border-radius:5px;}

.footer h5{font-family:'Gotham-Medium'; font-size:19px;}
.footer ul{list-style:none; margin-bottom:0; padding-left:0;}
.footer ul li{display:inline-block; margin-right:15px;}
.footer ul li img{width:20px; height:20px;}

/*content algemeen*/
.container-fluid{padding-right:0; padding-left:0;}
.home-section h1{margin:32px 0 10px 0; font-size:20px; line-height:30px; }
.home-section h2{margin:237px 0 10px 0; font-size:20px; line-height:30px; }
.home-section > .container-fluid{margin-top:90px; padding-top:30px; color:#FFF; text-shadow: 0 1px 2px rgba(0,0,0,0.6); background-image:url(../img/imgTop2024New.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}

p.last{margin:0 0 94px 0;}

.content{padding:42px 0 55px 0;}
.content.home{padding:0 0 0 0; height:500px}

/*nieuws*/
.nieuws a{text-decoration:none; font-size:19px;}
.nieuws img{border:solid 1px #999;}
.nieuws h3{font-family:'Gotham-Medium'}
.nieuws span{color:#999;}
  
  
/*team*/
.team{padding:0; font-size:0;}
.team li{margin:0; display:block; list-style:none; overflow:auto; font-size:13px; line-height:20px;}
.team li.last{margin:0;}
.team li h3{margin:0 0 22px 0; font-size:16px; line-height:24px;}
.team li img{margin:4px 15px 0 0; float:left; width:75px; height:100px; overflow:hidden;}

/*contact
#contact{height:calc(100% - 70px);}*/

/*melding*/
.melding-section > .container-fluid{margin-top:90px; padding-top:30px;}
.melding h2{color:#53beb8;}

.formError{border-color:tomato;}

.btn-default,.btn-default:hover,.btn-default:focus,.btn-default:active{color:#FFF; outline:none; border-color:#53beb8; background-color:#53beb8;}


.grecaptcha-badge{margin-right:-20000px;}

@media(min-width:768px){
  body{font-size:18px; line-height:30px;}
  
  .mb-md-0{margin-bottom:0;}
  
  .nopadding{padding:0 15px;}
  
  h1,h2{font-size:19px; margin:40px 0 0px 0;}
  
  /*.bg-right{background-image:url(../img/img-specialisaties.png);}*/
  
  .fat{font-weight:normal !important;}
  
  .navbar-collapse{margin-right:-15px; margin-left:-15px; width:auto;}
  #logo{margin:30px 0 30px 0px; width:117px; height:62px; float:left; background-image:url(../img/logoSWS.jpg); background-size:117px 62px;}
  #logo.shrink{margin:10px 0 10px 0; width:95px; height:50px; background-size:95px 50px;}
  
  #toggle-btn{display:none;}

  .menu{margin:34px 0 0 0; padding:0; width:auto; float:right; border-top:none;}
  .menu.shrink{margin:10px 0 0 0;}
  .menu li{margin:0 15px 0 0; display:inline-block; font-size:13px}
  .menu li.last{margin:0;}
  .menu li a, .menu li.first a{padding:0; display:inline-block; color:#575756;}
  .menu li.last a{padding:10px 15px 10px 15px; color:#FFF; background-color:#53beb8; border-radius:5px;}
  
  .doneerBTN{display:none;}
  
  /*content algemeen*/
  .container-fluid{padding-right:15px; padding-left:15px;}
  .home-section h1{margin:-30px 0 10px 0;}
  .home-section h2{max-resolution: 167px 0 10px 0;}
  .home-section > .container-fluid{margin-top:122px; padding-top:0;}
  
  .melding-section > .container-fluid{padding-top:0; margin-top:122px;}
  
  .content.home{padding:0; height:500px;}
  
  .tikkie{padding-top:120px;}
  .tikkie .bg-white{border-radius:5px;}
  
  /*team*/
  .team{padding:0; font-size:0;}
  .team li{display:block; list-style:none; overflow:auto; font-size:18px; line-height:30px;}
  .team li.last{margin:0;}
  .team li h3{margin:0 0 22px 0; font-size:16px; line-height:24px;}
  .team li img{margin:4px 20px 0 0; float:left; width:210px; height:260px;}
  
  /*contact
  #contact{height:calc(100% - 70px);}*/
}
@media(min-width:992px){
  #logo{margin:30px 0 30px 0; width:117px; height:62px;  background-size:117px 62px;}

  .menu{margin:34px 0 0 0;}
  .menu li{margin:0 30px 0 0; font-size:16px;}
  
  
  .home-section h1{margin:0 0 10px 0;}
  .home-section h2{margin:187px 0 10px 0;}
  .home-section > .container-fluid{padding-top:0; margin-top:122px;}
  
  .content{padding:102px 0 125px 45px;}
  .content.home{padding:0; height:500px}
  
  .tikkie{padding-top:180px;}
  .tikkie h2{font-size:24px;}
  
  .melding-section > .container-fluid{padding-top:0; margin-top:122px;}
}
@media(min-width:1024px){
  .home-section h1{margin:-30px 0 10px 0;}
  .home-section h2{margin:157px 0 10px 0;}
  
  .content.home{padding:0; height:500px}
  
}

@media(min-width:1170px){
   .home-section h1{margin:0 0 10px 0;}
   .home-section h2{margin:247px 0 10px 0;}
}
@media(min-width:1200px){
  #logo{width:157px; height:83px; background-size:157px 83px;}

  .menu{margin:48px 0 0 0;}
  .menu li{margin:0 40px 0 0; font-size:18px;}
  
   .home-section h1{margin:0px 0 10px 0;}
   .home-section > .container-fluid{margin-top:143px;}
   
   .content.home{padding:0; height:600px}
   
   .melding-section > .container-fluid{margin-top:143px;}
}