/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Special Elite","Helvetica Neue","Helvetica","Arial","sans-serif";
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	color: rgba(255,255,255,.9);
	/*text-shadow: 0 1px 1px #000;*/

}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 500;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 12px;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
    backdrop-filter: blur(2px) saturate(180%);
    border: 0.0625rem solid rgba(255, 255, 255, 0.8);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #FF9500;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 20px;
    right: 5px;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../backgrounds/bg_new1.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* About */

.about {
    padding: 5px 0px 5px 0px;
}

/* Services */

.services {
    display: table;
    width: 100%;
	height: 400px;
    color: #fff;
	background: url(../backgrounds/record.jpg) no-repeat center scroll;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.service-item {
    margin-bottom: 30px;
}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 500px;
    color: #fff;
    background: url(../backgrounds/bg_new1.png) no-repeat center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.callout1 {
    display: table;
    width: 100%;
    height: 400px;
    color: #000;
    background: url(../backgrounds/vinylbg.jpg) repeat center fixed;

}
/* Portfolio */

.portfolio {
    padding: 50px 0;
	background-color:cornflowerblue;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}

/* Footer */

footer {
    padding: 100px 0;
}
ht1,
ht2,
ht3,
ht4,
ht5,
ht6 {
    font-family: "Special Elite","Helvetica Neue","Helvetica","Arial","sans-serif";
    font-weight: 300;
    letter-spacing: 0.5px;
}

ht1,
ht2,
ht3,
ht4,
ht5,
ht6,
.ht1,
.ht2,
.ht3,
.ht4,
.ht5,
.ht6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #777;
}
ht1 small,
ht2 small,
ht3 small,
ht4 small,
ht5 small,
ht6 small,
.ht1 small,
.ht2 small,
.ht3 small,
.ht4 small,
.ht5 small,
.ht6 small,
ht1 .small,
ht2 .small,
ht3 .small,
ht4 .small,
ht5 .small,
ht6 .small,
.ht1 .small,
.ht2 .small,
.ht3 .small,
.ht4 .small,
.ht5 .small,
.ht6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
ht1,
.ht1,
ht2,
.ht2,
ht3,
.ht3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
ht1 small,
.ht1 small,
ht2 small,
.ht2 small,
ht3 small,
.ht3 small,
ht1 .small,
.ht1 .small,
ht2 .small,
.ht2 .small,
ht3 .small,
.ht3 .small {
  font-size: 65%;
}
ht4,
.ht4,
ht5,
.ht5,
ht6,
.ht6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
ht4 small,
.ht4 small,
ht5 small,
.ht5 small,
ht6 small,
.ht6 small,
ht4 .small,
.ht4 .small,
ht5 .small,
.ht5 .small,
ht6 .small,
.ht6 .small {
  font-size: 75%;
}
ht1,
.ht1 {
  font-size: 36px;
}
ht2,
.ht2 {
  font-size: 30px;
}
ht3,
.ht3 {
  font-size: 24px;
}
ht4,
.ht4 {
  font-size: 18px;
}
ht5,
.ht5 {
  font-size: 14px;
}
ht6,
.ht6 {
  font-size: 12px;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}
.nieuwsbrief{ background:url(../backgrounds/bg_new1.png) center fixed; background-size: cover; color:#fff;}
.nieuwsbrief .overlay{background: rgba(90,48,3,0.6);}
.nieuwsbrief h4{color: #fff;margin:0.5em 0 0 0;}
.spacer{padding: 6em 0;}

.highlight-info{ background:url(../backgrounds/bg_new1.png) no-repeat center fixed; background-size: cover; color:#fff;}
.highlight-info .overlay{background: rgba(112,61,12,0.5);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}