h1, h3 {
  font-family: 'Source Sans Pro', sans-serif !important;
  /* font-family: 'Bangla', sans-serif !important; */
  font-weight: bold !important;
  color: #000;
}

h2, h4 {
  font-family: 'Source Sans Pro', sans-serif !important;
  /* font-family: 'Bangla', sans-serif !important; */
  font-weight: bold !important;
  color: rgb( 77, 85, 161 ) !important;
}

p {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 1.2em;
}

.section p {
  color: #8a8a8a;
  font-weight: bold;
  letter-spacing: 1.3px;
}

a {
  font-family: 'Source Sans Pro', sans-serif !important;
}

.background {
  background-color: #fff;
}

header {
  background: url('../img/team.jpg') bottom center no-repeat;
  background-size: cover;
}

header > .container > div {
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.logoSmall > img {
  max-width: 95%;
}

nav {
  background-image: linear-gradient(to right, #fff 50% , rgb( 77, 85, 161 ) 50%);
}

nav > .container {
  background-color: rgb( 77, 85, 161 );
}

.navbar {
  padding: 0 !important;
  /* overflow: hidden; */
  /* height: 60px; */
}

.nav-item:first-of-type {
  margin-left: 10px;
}

.logoBg {
  display: flex;
  border-radius: 0 50rem 50rem 0;
  background-color: #fff;
  height:80px;
  margin-left: -15px;
  padding: 10px 10px 10px 15px;
}

.navLogo {
  height: 48px;
}

.nav-link {
  transition: color .3s ease-out;
}

.nav-link:hover {
  color: rgba(255, 188, 0, .75) !important;
}

.nav-link:active {
  color: rgb(255, 188, .1) !important;
  transition: color .3s ease-out;
}

.nav-link.selected {
  color: rgb(255, 188, 0, 1) !important;
}

.glowLink {
  transition: color .3s ease-out;
}

.section .glowLink {
  color: rgba( 77, 85, 161, .75 );
  transition: color .3s ease-out;
}

.section .glowLink:hover {
  text-decoration: none;
  color: rgb( 77, 85, 161 );
}

.glowLink:hover {
  color: rgb( 77, 85, 161 ) !important;
}

.blueScreen .glowLink {
  color: rgba(255, 188, 0, .7) !important;
  transition: color .3s ease-out;
}

.blueScreen .glowLink:hover {
  color: rgba(255, 188, 0, 1) !important;
  transition: color .3s ease-out;
}

.section {
  padding: 200px 0;
}

.blueSection {
  padding: 100px 0;
  background-color: rgb( 77, 85, 161 );
}

.blueSection p {
  color: #fff;
  letter-spacing: 1.3px;
}

.tltle > h1 {
  margin-top: -8px;
}

.seperatorBox {
  display:flex;
}

.seperator {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background-color: rgb( 77, 85, 161 );
  /* background-image: linear-gradient(90deg, rgb(77,85,161) 50%, rgb(92, 101, 184) 50%); */
  margin-right: 4px;
}

.imageTitle img {
  position: absolute;
  width: 340px;
}

.imageTitle > h1, h2, h3, h4 {
  z-index: 1;
}

.btn-2Team {
  font-weight: bold !important;
  letter-spacing: .8px;
  font-size: 1.1em !important;
  color: rgb( 0, 0, 0 ) !important;
  background-color: rgb(255, 188, 0);
  border: 2px solid rgba(255, 188, 0) !important;
  background-image: radial-gradient(at 10% 10%, rgba(255,255,255,.2) 70%, transparent 70%);
  transition: background-color 0.5s ease-out, color 0.5s ease-out, border .5s ease-out;
}

.btn-2Team:hover {
  text-decoration: none;
  color: rgb(255, 255, 255) !important;
  background-color: rgb( 77, 85, 161 );
  background-image: radial-gradient(at 10% 10%, rgba(255,255,255,.2) 70%, transparent 70%);
  border: 2px solid rgb( 77, 85, 161 ) !important;
  transition: background-color 0.5s ease-out, color 0.5s ease-out, border .5s ease-out;
}

.btn-outline-2Team {
  color: rgb( 255, 255, 255 ) !important;
  font-weight: bold !important;
  letter-spacing: .8px;
  font-size: 1.1em !important;
  background-color: rgba(255, 188, 0, 0);
  border: 2px solid rgb( 255, 255, 255 ) !important;
  transition: background-color 0.5s ease-out, color 0.5s ease-out;
}

.btn-outline-2Team:hover {
  color: rgb( 0, 0, 0 ) !important;
  background-color: rgba(255, 188, 0, 1);
  border: 2px solid rgb(255, 188, 0) !important;
  transition: background-color 0.5s ease-out, color 0.5s ease-out;
}

.homeBackground {
  background: url('../img/Home page to team.jpg') fixed center center no-repeat;
  background-size: cover;
  height: 420px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.keysBackground {
  background: url('../img/KeysGrey.jpg') fixed center center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.missieBackground {
  background: url('../img/Tandwielen.jpg') fixed center center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.handshakeBackground {
  background: url('../img/handshake.jpg') fixed center center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.highfiveBackground {
  background: url('../img/highfive.jpg') fixed center center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.highfiveBackground p {
  font-size:1.2em;
}

.highfiveBackground h1 {
  font-size:3em;
}

.VergaderingBackground {
  background: url('../img/Vergadering.jpg') fixed center center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.pandBackground {
  background: url('../img/Pand.jpeg') fixed bottom center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.business-womanBackground {
  background: url('../img/business-woman.jpg') fixed top center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.desertBackground {
  background: url('../img/Mission.jpg') fixed center center no-repeat;
  background-size: cover;
  height: 420px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.koffieBackground {
  background: url('../img/Koffie.jpg') fixed center center no-repeat;
  background-size: cover;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) inset !important;
}

.blueScreen {
  background-image: radial-gradient( rgba( 77, 85, 161, .4 ), rgba( 77, 85, 161, .8 ) 180% );
}

.darkBlueScreen {
  background-image: linear-gradient( 90deg, rgba( 77, 85, 161, .9 ) 40%, rgba( 77, 85, 161, .6 ) 70%) !important;
}

@media only screen and (max-width:567px) {
  .nav-item:first-of-type {
    margin-left: 0!important;
  }
}

@media only screen and (max-width:767px) {
  .darkBlueScreen {
    background-image: linear-gradient( rgba( 77, 85, 161, .9 ) 40%, rgba( 77, 85, 161, .6 ) 70%) !important;
  }
  .adresBox {
    padding-top:140px;
    text-align: center;
  }
  .adresBox > img {
    max-width: 95%;
  }
}

.ticket {
  z-index: 1;
}

@media only screen and (max-width:467px) {
  .ticket {
    max-width: 100%;
  }
}

.blueScreen p {
  color: white;
  text-shadow: 0 0 20px rgb( 77, 85, 161 );
}

.blueScreen h2 {
  color: rgb(200,200,200) !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: rgb(255, 188, 0)!important;
}

.textBox h2 {
  color: rgb( 77, 85, 161 ) !important;
}

.blok {
  border: 5px solid rgb( 77, 85, 161 );
  border-right-color: rgb(68, 75, 138);
  border-bottom-color: rgb(68, 75, 138);
  border-radius: 1rem;
  padding: 20px 12px;
  margin-bottom: 0px;
  flex: 1;
  background-image: radial-gradient(at 40% 40%, #fff 69.5%, rgb(77,85,161)70% );
}

.blok > h1 {
  margin: 14px 0;
  font-size: 1.5em;
}

.blokBg {
  padding-bottom: 20px;
}

.blokBg img {
  height: 120px;
}

.imageHolder {
  border-radius: 50% 0 0 50%;
  overflow: hidden;
  padding: 10px;
  background-image: linear-gradient(rgb( 77, 85, 161 ) 50%, rgb(68, 75, 138) 50%);
}

.imageHolder > img {
  height: 150px;
  border-radius: 50%;
}

.contactInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: linear-gradient(rgb( 77, 85, 161 ) 50%, rgb(68, 75, 138) 50%);
  border-radius: 0 1rem 1rem 0;
  width: 300px;
}

.contactInfo > p {
  width: 280px;
}

.contactBox {
  display:flex;
  flex-direction: column;
  justify-content: center;
  height:100%;
  margin:8px;
  background-color:#fff;
  border-radius:1rem;
  text-align: center;
}

.bottomMargin {
  margin-bottom: 16px;
}

.textBox > div:first-of-type {
  background-color: #fff;
  border-radius: 1rem 0 0 1rem;
}

.textBox > div {
  border: 2px solid #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 0 1rem 1rem 0;
}

.textBox .btn-outline-2Team {
  color: rgb(255, 188, 0) !important;
  background-color: rgba(255, 188, 0, 0);
  border: 2px solid rgb(255, 188, 0) !important;
  transition: background-color 0.5s ease-out, color 0.5s ease-out;
}

.textBox .btn-outline-2Team:hover {
  color: rgb(0, 0, 0) !important;
  background-color: rgba(255, 188, 0, 1);
  border: 2px solid rgb(255, 188, 0) !important;
  transition: background-color 0.5s ease-out, color 0.5s ease-out;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
  color: rgba(0, 0, 0, .7) !important;
  background-color: rgba(255, 188, 0, .7) !important;
  border-color: rgba(255, 188, 0, .7) !important;
}

.btn-success:hover {
  color: #000 !important;
  background-color: rgb(255, 188, 0) !important;
  border-color: rgb(255, 188, 0) !important;
}

@supports (-ms-ime-align: auto) {
  div[class$="Background"] {
    background-attachment: unset;
  }
}

@media only screen and (max-width:767px) {
  .textBox > div:first-of-type {
    border-radius: 1rem 1rem 0 0;
  }
  .textBox > div {
    border-radius: 0 0 1rem 1rem;
  }
  .section {
    padding-top: 270px;
    padding-bottom: 200px;
  }
}

footer {
  padding: 48px 0;
  background-color: rgb( 77, 85, 161 ) !important;
  color: rgba( 255, 255, 255, .8 ) !important;
  margin-bottom: 126px;
}

footer a {
  color: rgba( 255, 255, 255, .8 ) !important;
  text-decoration: none !important;
  transition: color .3s ease-out;
}

footer a:hover {
  color: rgba( 255, 255, 255, 1 ) !important;
}

.footerLogo {
  font-size: 12em;
}

.footerLogoSm {
  font-size: 6em;
}

.subfooter {
  color: rgba( 255, 255, 255, .75 );
  padding-top: 24px;
  background-color: #8a8a8a;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.subfooter a {
  color: rgba( 255, 255, 255, .75 );
  transition: color .3s ease-out;
}

.subfooter a:hover {
  text-decoration: none;
  color: rgba( 255, 255, 255, 1 );
}

@font-face {
  font-family: 'Bangla';
  src: url('./fonts/Bangla\ MN.ttf') format('truetype');
}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bootstrap:before {
  content: "\e902";
  color: #563d7c;
}
.icon-logo:before {
  content: "\e900";
}
.icon-TEAMlogo:before {
  content: "\e901";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-bar-chart-o:before {
  content: "\f080";
}
.icon-phone:before {
  content: "\f095";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-flask:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-scissors:before {
  content: "\f0c4";
}
.icon-building-o:before {
  content: "\f0f7";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-stack-overflow:before {
  content: "\f16c";
}
.icon-fax:before {
  content: "\f1ac";
}
.icon-file-code-o:before {
  content: "\f1c9";
}
.icon-map-signs:before {
  content: "\f277";
}