/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.logobild {height: 50px}
.logobild_default {height: 50px}

.icon-box {

  width: 100%;
}
.icon-box.large > h3 {
 text-align: center;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.text-box h3, .text-box h5, .text-box p { color: #373737;  }
.text-box i { color: #3fbbdd; }



h1, h2, h3 {color: #3fbbdd}

.testimonial.testimonial-single .testimonial-item p {
  font-size: 20px;
  line-height: 28px;
}


.bg-overlay2 {
  background: rgba(0, 0, 0, 0.79);
  opacity: .8;
}


.heading-text2 h3 {
  font-size: 34px;
  margin-bottom: 30px;
  letter-spacing: -.7px;
  line-height: 40px;
  color: #373737;
}

.list-icon {padding-top: 10px;}

b, strong {
  font-weight: 600;
}


.inspiro-slider .slide .slide-captions h1 {
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
  margin-bottom: 30px;
  color: #fff;
}

#footer {
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  font-family: inherit;
}
.icon-box.small > p {
  margin: 0 0 20px 60px;
  line-height: 1.6;
  font-size: 16px;

}


.heading-text.heading-section h2 {
  font-size: 44px;
  line-height: 52px;
}

h2, .h2 {
  font-weight: 400;
  text-transform: uppercase;
}

.heading-text h2 {
  letter-spacing: 0px;
}
.lead {
  font-weight: 300;
  line-height: 1.7;
  font-size: 18px;
  color: #000;
}

.list-icon {font-weight: 300; font-size: 18px; color: #000;}
.list-icon li::before {color: #373737;}

.testimonial.testimonial-single .testimonial-item {
  padding: 30px 30px;
}

.copyright-text {font-weight: 300}

h3, .h3 {
  font-size: 22px;
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
  background-color: #000000;
  border-color: #000000;
  color: #fff;
  text-decoration: none;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
  background-color: #3fbbdd;
  border-color: #3fbbdd;
}

address {font-weight: 300; font-size: 18px; line-height: 1.7}

address a {color: #3fbbdd;}
address a:hover {color: #000000 !important;}
.padding-rechts {padding-right: 60px;}


@media (max-width: 991.98px) {
.heading-text.heading-section h2 {
  font-size: 24px;
  line-height: 32px;
}
.inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 14px;
}
section {
  padding: 40px 0;

  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  background-color: #fff;
}
h3, .h3 {
  font-size: 20px;
  line-height: 24px;
}
}