@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;
}

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

.nopadding{padding:0;}

.mt-0{margin-top:0!important;}
.mb-0{margin-bottom:0!important;}
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}

h1, h2{font-size:20px; line-height:30px; margin:20px 0 22px 0; font-weight:600;}
h3.small{font-size:18px; line-height:28px; margin:20px 0 22px 0; font-weight:600; font-style:italic;}

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

.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-green{background-color:#789e9f; color:#FFF; background-repeat:no-repeat; background-position:bottom left;}
.bg-right{background-repeat:no-repeat; background-position:right top;}

.bg-green a{color:#FFF;}

.txt-green{color:#789e9f;}
.txt-white{color:#FFF;}

.fat{font-weight:600 !important;}

.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:56px; height:60px; float:left; background-image:url(../img/logo-qstone-capital-dark.gif); background-repeat:no-repeat; background-size:56px 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:#789e9f; 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 #789e9f; transition:all linear 0.25s;}
.menu.shrink{margin:58px 0 0 0;}
.menu li{margin:0; display:block; list-style:none; font-size:16px;}
.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;}

/*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:60px; padding-top:30px; background-image:url(../img/img-top-sm.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;}

/*team*/
.team{padding:0; font-size:0;}
.team li{margin:0 0 70px 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;}
.team li > .img img{width:100%; height:auto;}
.team li > .content{padding:0; float:right; width:calc(100% - 90px);}
.team li > .content > a.linkedin{display:inline-block;}
.team li > .content img{width:25px; height:25px; border-radius:3px;}

/*projects*/

/*partners*/
.partners{margin:0 0 30px 0; padding-left:0; list-style-type:none;}
.partners li{margin-bottom:30px; display:block;}
.partners li img{margin:0 15px 15px 0; width:148px; height:auto; border-radius:5px;}
.partners li a{margin-top:5px; padding:8px 15px 9px 15px; display:inline-block; color:#789e9f; line-height:1; text-decoration:none; border-radius:3px; background-color:#FFF;}

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

/*accordion*/
/* plus glyph for showing collapsible panels */
.panel-default{
	border-color:#789e9f;
}
.panel-default .panel-heading{
	background-color:#789e9f;
	border-color:#789e9f;
	padding:0;
}
.panel-default .panel-heading a{
	padding:10px 40px 10px 15px;
	color:#FFF;
	text-decoration:none;
	font-weight:500;	
}
.panel-heading .accordion-plus-toggle:before {
   content: url('../img/icoUp.svg');
   position:absolute; /*or absolute*/
  z-index:100000;
	width:15px;
	height: auto;
	right:15px;
	margin-right:15px;
}

.panel-heading .accordion-plus-toggle.collapsed:before {
   content: url('../img/icoDown.svg');
   position:absolute; /*or absolute*/
  z-index:100000;
	width:15px;
	height: auto;
	right:15px;
	margin-right:15px;
}

/* arrow glyph for showing collapsible panels */
.panel-heading .accordion-arrow-toggle:before {
   content: url('../img/icoUp.svg');
   position:absolute; /*or absolute*/
  z-index:100000;
	width:15px;
	height: auto;
	right:15px;
	margin-right:15px;
}

.panel-heading .accordion-arrow-toggle.collapsed:before {
   content: url('../img/icoDown.svg');
   position:absolute; /*or absolute*/
   z-index:100000;
	width:15px;
	height: auto;
	right:15px;
	margin-right:15px;
}

/* sets the link to the width of the entire panel title */
.panel-title > a {
   display: block;
}
.panel-default h3{font-style:normal;}


@media(max-width:576px){
  /*partners*/
  .partners{margin:0 0 30px 0;}
  .partners li{margin-right:15px; width:calc(20% - 15px);}
}

@media(min-width:768px){
  body{font-size:18px; line-height:30px;}
  
  .nopadding{padding:0 15px;}
  
  h1{font-size:22px !important; margin:20px 0 44px 0; font-weight:400;}
  h2{font-size:22px !important; margin:20px 0 24px 0; font-weight:400;}
  
  .bg-green{background-image:url(../img/bg-left.png);}
  .bg-right{background-image:url(../img/img-water.png);}
  
  .fat{font-weight:normal !important;}
  
  .navbar-collapse{margin-right:-15px; margin-left:-15px; width:auto;}
  #logo{margin:30px 0 30px 45px; width:136px; height:146px; float:left; background-image:url(../img/logo-qstone-capital-dark.gif); background-size:136px 146px;}
  #logo.shrink{margin:10px 0 10px 45px; width:69px; height:90px; background-image:url(../img/logo-qstone-capital-light.gif);}
  
  #toggle-btn{display:none;}

  .menu{margin:107px 0 0 0; padding:0; width:auto; float:right; border-top:none;}
  .menu.shrink{margin:58px 0 0 0;}
  .menu li{margin:0 40px 0 0; display:inline;}
  .menu li.last{margin:0;}
  .menu li a, .menu li.first a, .menu li.last a{padding:0; display:inline; color:#575756;}
  
  /*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:206px; background-image:url(../img/img-top.jpg); background-position:center top;}

  .content{padding:102px 0 125px 45px;}
  .content.home{padding:0 0 0 45px;}
  
  /*team*/
  .team{padding:0; font-size:0;}
  .team li{margin:0 0 70px 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 20px 0 0; float:left; width:210px; height:260px;}
  .team li > .content{padding:0; float:right; width:calc(100% - 230px); height:264px; position:relative; overflow:hidden;}
  .team li > .content.large{min-height:383px;}
  .team li > .content > a.linkedin{display:inline-block;}
  .team li > .content img{width:25px; height:25px; position:absolute; bottom:0; border-radius:3px;}
  
  

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

@media(min-width:992px){
  .home-section h1{margin:0 0 10px 0;}
  .home-section h2{margin:187px 0 10px 0;}
}
@media(min-width:1024px){
  .home-section h1{margin:-30px 0 10px 0;}
  .home-section h2{margin:157px 0 10px 0;}
  
  /*team*/
  .team li > .content.large{min-height:330px;}

   /*contact*/
  #contact{height:calc(100% - 110px); /*background-color:#789e9f;*/}
}

@media(min-width:1170px){
   .home-section h1{margin:0 0 10px 0;}
   .home-section h2{margin:247px 0 10px 0;}
   .home-section > .container-fluid{margin-top:206px; background-image:url(../img/img-top.jpg); background-position:center top;}
   
   /*team*/
  .team li > .content.large{min-height:300px;}
}
@media(min-width:1200px){
   .home-section h1{margin:0px 0 10px 0;}
   .home-section > .container-fluid{margin-top:206px; background-image:url(../img/img-top-lg.jpg); background-position:center top;}
}