/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@import url(http://fonts.googleapis.com/css?family=Slabo+27px);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600,600italic,700);
/* Global Styles */

html,
body{
    height: 100%;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
}
h1,h2,h3,h4,h5{
    font-family: 'Slabo 27px', serif;
    word-spacing: 10px;
    
}
body{
	
}
li{
	margin-bottom: 5px;
}
.checklist li{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.logo{
	padding: 10px 0px;
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.navbar{
	background-color: #ecf0f1;
	height: auto;
	padding: 5px;
	color: white;
	box-shadow: 1px 1px 13px rgba(0,0,0,0.65);
}
.navbar-toggle{
	padding: 5px 10px;
	border: #6FAC4B 1px solid;
	color: #6FAC4B
}
.navbar a{
	color: #6FAC4B;
}
.nav>li>a:focus, .nav>li>a:hover {
  background-color: #209c20;
  color: white;
}
.navbar-collapse{
	background-color: #ecf0f1;
}
.nav{
	margin-top: 20px;
}
/* Home Page Carousel */

header.carousel {
    height: 40%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.page-header{
	margin-bottom: 60px;
	margin-top: 60px;
}
.band{
	background:url('http://www.administratie-emmen.nl/upl/website/home/Diensten8_srcset-large.jpg') center;
	height: auto;
	margin-top: 80px;
	margin-bottom: 80px;
	text-align: center;
	color: #6fac4b;
	font-size: 35px;
	padding-top: 80px;
	padding-bottom: 80px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	box-shadow: inset 1px 1px 19px rgba(0,0,0,0.49);
	text-shadow:
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff;  
	
}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 0px 0;
    background-color: #6fac4b;
    padding: 20px 0px 20px 0px;
    color: white;
}
footer ul li{
	margin-bottom: 15px;
}
footer a{
	color: white;
}
footer a:hover{
	color: white;
}
footer .btn{
	border: 3px white solid;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}




@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
body { padding-top: 60px; }
.nav.nav-justified > li > a { position: relative; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #6fac4b;
    border-radius: 15px;
    color: #fff;  
}
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
.nav.nav-justified > li > a > img { box-shadow: 0 0 0 5px #6fac4b; }
.nav.nav-justified > li > a > img { 
    max-width: 100%; 
    opacity: .3; 
    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav.nav-justified > li.active > a > img,
.nav.nav-justified > li:hover > a > img,
.nav.nav-justified > li:focus > a > img { 
    opacity: 1; 
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tab-pane .tab-inner { padding: 30px 0 20px; }

@media (min-width: 768px) {
    .nav.nav-justified > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }  
}

.btn{
	padding: 12px 15px 12px 15px;
	font-size: 18px;
}
.btn-ontzorg { 
  color: #ffffff; 
  background-color: #6FAC4B; 
  border-color: #357013; 
} 
 
.btn-ontzorg:hover, 
.btn-ontzorg:focus, 
.btn-ontzorg:active, 
.btn-ontzorg.active, 
.open .dropdown-toggle.btn-ontzorg { 
  color: #ffffff; 
  background-color: #8FD168; 
  border-color: #357013; 
} 
 
.btn-ontzorg:active, 
.btn-ontzorg.active, 
.open .dropdown-toggle.btn-ontzorg { 
  background-image: none; 
} 
 
.btn-ontzorg.disabled, 
.btn-ontzorg[disabled], 
fieldset[disabled] .btn-ontzorg, 
.btn-ontzorg.disabled:hover, 
.btn-ontzorg[disabled]:hover, 
fieldset[disabled] .btn-ontzorg:hover, 
.btn-ontzorg.disabled:focus, 
.btn-ontzorg[disabled]:focus, 
fieldset[disabled] .btn-ontzorg:focus, 
.btn-ontzorg.disabled:active, 
.btn-ontzorg[disabled]:active, 
fieldset[disabled] .btn-ontzorg:active, 
.btn-ontzorg.disabled.active, 
.btn-ontzorg[disabled].active, 
fieldset[disabled] .btn-ontzorg.active { 
  background-color: #6FAC4B; 
  border-color: #357013; 
} 
 
.btn-ontzorg .badge { 
  color: #6FAC4B; 
  background-color: #ffffff; 
}