body { font-family: 'Roboto', sans-serif; font-size: 16px;line-height: 28px; margin: 0; color: #444;}
	body.KMCMSeditor { padding: 20px;}

h1 {font-weight:700;font-family:'Roboto Condensed', sans-serif;color:#47af4d;margin-bottom:30px;}
h2 {font-weight:700;font-family:'Roboto Condensed', sans-serif;}
h3 {font-weight:700;font-family:'Roboto Condensed', sans-serif;color:#999b9e;}
h4 {font-weight:700;font-family:'Roboto Condensed', sans-serif;}
h5 {font-weight:700;font-family:'Roboto Condensed', sans-serif;}
h6 {font-weight:700;font-family:'Roboto Condensed', sans-serif;}

h3.divider {width:100%;text-align:center;} 
h3.divider:before, h3.divider:after {content: "";display: inline-block;width:250px;margin: 0 .5em 0 -55%;vertical-align: middle;border-bottom: 1px solid;}
h3.divider:after {margin: 0 -55% 0 .5em;}

:root { --cookiebotcolor: #47af4d; }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: var(--cookiebotcolor) !important; border-color: var(--cookiebotcolor) !important; color: #ffffff; }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom: 1px solid var(--cookiebotcolor) !important; border-bottom-width: 1px; color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { border-color: var(--cookiebotcolor) !important; color: #141414; }
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { border: 2px solid var(--cookiebotcolor) !important; background-color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialog form input[type="checkbox"][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #D6D6D6 !important; }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover { color: var(--cookiebotcolor) !important; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change { background-color: var(--cookiebotcolor) !important; border-color: var(--cookiebotcolor) !important; color: #FFFFFF; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw { background-color: #FFFFFF; border-color: var(--cookiebotcolor) !important; }
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg { fill: var(--cookiebotcolor) !important; }
#CookiebotWidget .CookiebotWidget-consent-details button { align-items: center; color: var(--cookiebotcolor) !important; }

p {color:#444;}
td.ico {padding:0 8px;}
a {transition:ease-in-out .30s;color:#47af4d;}
a:hover {text-decoration:none;color:#000;}
a.tel {color:#fff;}
.noleftpadding {padding-left:0;}
.norightpadding {padding-right:0;}
.marginbottom20 {margin-bottom:20px;}
.margintop20 {margin-top:20px;}
.marginleft15 {margin-left:15px;}
.boxshadow {box-shadow:#444 0 0 10px;}
.fa-li {top:6px;color:#47af4d;}
.wow {visibility:hidden;}

p.intro strong {background-color:#444;color:#fff;letter-spacing:2px;padding:0 2px 0 0;border-radius:0 2px 2px 0;}
p.intro strong.impakt {background-color:#47af4d;font-size:18px;padding:0 2px 0 4px;border-radius:2px;}
p.intro strong span {background-color:#47af4d;font-size:18px;padding:0 2px 0 3px;border-radius:2px;}

header {margin-top:15px;}
.header-right {}
.header-right a {}
.header-right a .fa-circle {color:#030405;transition:ease-in-out .30s;}
.header-right a:hover .fa-circle {color:#47af4d;}
.header-right p {text-align:right;margin-top:10px;}
.header-right .icon {display:inline-block;}
.header-right .tel {display:none;}
.header-right .tel div {font-size:24px;font-family:'Roboto Condensed', sans-serif;font-weight:700;margin:0 40px 0 0;margin-top:14px;}
.header-right .tel div a {color:#47af4d;}

.afspraak {padding:16px 0 8px 0;text-align:center;margin-bottom:30px;}
.afspraak p {color:#000;font-weight:700;font-size:18px;}
.afspraak a.phone {color:#47af4d;font-size:22px;}

.navbarcontainer {background-color:#999b9e;}
.navbar {border:0;margin-bottom:0;z-index:10;font-family:'Open Sans', sans-serif;}
.container .navbar-collapse {margin-left:-15px;}
.navbar-nav {margin:98px 0 0 0;font-size:18px;line-height:30px;font-family:'Roboto Condensed',sans-serif;}
.navbar-default {background-color:transparent;border-radius:0;}
.navbar-default .navbar-brand {padding:0;width:200px;margin-top:-30px;}
.navbar-default .navbar-nav>li>a {color: #47af4d;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:hover {background-color:#47af4d;color:#fff;}
.navbar-default .navbar-nav>li>a.active {color:#000;}
.navbar-toggle {margin-top:0px;margin-right:0;color:#47af4d;font-size:18px;padding-top:10px;}
.navbar-toggle,.navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: 0;background-color:transparent !important;}

.bordertop {border-top:solid 1px #ddd;}

.background-grid {background:url('../images/oldwall-bg.jpg') 0 0 repeat;}
.background-grid p {color:#222;}

.carousel {}
.carousel h3 {color:#fff;font-weight:700;font-size:30px;margin-top:60px;}
.carousel hr {border-top:solid 2px #fff;width:40%;}
.carousel p {color:#fff;}
.carousel p a {color:#575d5b;}
.carousel,.carousel .item,.carousel .item.active,.carousel .carousel-inner {height: 100%;}
.carousel .item {padding:0px 30px;}
.carousel .item img {margin-bottom:0px;}
.carousel .fill {height: 100%;width:100%;background-position: center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.carousel.fade {opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out 1.5s;-o-transition: opacity ease-in-out 1.5s;-webkit-transition: opacity ease-in-out 1.5s;transition: opacity ease-in-out 1.5s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;padding:0px 30px;}
.carousel.fade .item:first-child {top:auto;position:relative;}
.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out 1.5s;-o-transition: opacity ease-in-out 1.5s;-webkit-transition: opacity ease-in-out 1.5s;transition: opacity ease-in-out 1.5s;z-index:2;}
.carousel.fade .carousel-control {z-index: 2;background-image:none;}
.carousel-indicators {bottom:0px;}
.carousel-indicators li {background-color:#fff;border-color:#999999;margin:4px 2px 0 2px;width:14px;height:14px;border-radius:7px;}
.carousel-indicators li.active {background-color:#999999;margin:4px 2px 0 2px;width:14px;height:14px;border-radius:7px;}

.breadcrumbcontainer {border-top:solid 1px silver;margin-top:30px;}
.breadcrumb {margin-bottom:0;background-color:#fff;text-align:right;margin-right:30px;font-size:12px;}

.hoverimg {overflow:hidden;position:relative;text-align:center;}
.hoverimg .mask {position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;background-color: rgba(25,144,61,0.6);opacity:0;transition: all 0.3s ease-in 0.4s;}
.hoverimg img {display:block;position:relative;transition:all 0.4s ease-in-out 0.5s;}
.hoverimg h2 {font-family:'Roboto Condensed', sans-serif;font-size:22px;font-weight:700;padding:10px;background-color:rgba(0,0,0,0.8);color:#fff;opacity:0;border-bottom: 1px solid rgba(0, 0, 0, 0.3);background: transparent;margin: 20px 40px 0px 40px;transform: scale(10);transition: all 0.3s ease-in-out 0.1s;}
.dienstimg {box-shadow:#aaa 0 0 30px;margin-bottom:50px;}

.galerycontainer {margin-left:0;margin-right:0;background-color:#fff;}
.thumbcontainer {padding:2px;}
.thumbs {width: 100%;float: left;overflow: hidden;position: relative;margin-bottom: 0px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700;background-color:#4c4c4c;}
.thumbs span.title {color:#fff;}
.thumbs a {background-color: rgba(25,144,61,0.6);bottom: -200px;color: #fff;left: 0;opacity: 0;position: absolute;right: 0;text-align: left;top: 0;z-index: 100;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;text-decoration:none;}
.thumbs a .title {display: table;width: 100%;height: 100%;}
.thumbs a .title .title-text {font-style: normal;font-weight: 300;font-size: 12px;line-height: 14px;color: #fff;vertical-align: bottom;padding: 8px;display: table-cell;}
.thumbs a .title .title-text h5,.thumbs a .title .title-text p {color:#fff;font-weight:700;font-size: 14px;}
.thumbs a .title .title-text h5 {font-weight:700;}
.thumbs a .title .enlarge {font-style: normal;color: #fff;vertical-align: middle;padding: 20px;display: table-cell;text-align:center;}
.thumbs a:hover {bottom: 0;opacity: 1;transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;-webkit-transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;}
.thumbs .imgmark {position:absolute;left:0;top:0;}

.image-box div { overflow: hidden; position: relative; }
	.image-box div img { transform-origin: center; transition: transform 1.5s ease; transform: scale(1); }
.overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; font-weight: bold; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; text-align: center; line-height: 1.1; text-shadow: #000 0 0 15px; }
.image-box:hover .overlay-text { opacity: 1; }
.image-box:hover div img { transform: scale(1.1); }
.image-box h3 {text-align:center;font-weight:400;transition:ease-in-out all 0.3s;}
.image-box:hover h3 { color:#47af4d; }
.img-team {margin-bottom:-30px;}

@keyframes zoomIn {
	from { transform: scale(1); }
	to { transform: scale(1.1); /* back to normal size */ }
}

h3.twocolor {font-weight:700;}
h3.twocolor span {color:#47af4d;}
.team a {text-decoration:none;}
.team a:hover {color:#000;}

label {font-weight:normal;text-transform:uppercase;font-weight:bold;}
.form-control {border:solid 2px Silver;border-radius:0;}
.form-group input:focus {border-color:#7ca9da;}
.form-group textarea:focus {border-color:#7ca9da;}

.footer-bg {background:#030405 url('../images/kinesitherapie-essen-wuustwezel.png') left bottom no-repeat;padding-bottom:140px;border-radius:0 0 0 95px;}
footer h3 {margin-top:50px;border-bottom:solid 1px #fff;padding-bottom:15px;margin-bottom:30px;}
footer a, footer .footer-bg p {color:#fff;}
footer a:hover {color:#47af4d;}
footer a.tel, footer a.tel:hover {color:#fff;}

.copycontainer {background-color:transparent;}
.copycontainer .footercopy {margin-top:35px;padding-bottom:60px;font-size:14px;}
.copycontainer .footercopy a {color:#000;}
.copycontainer .footercopy a.km {color:#ccc;float:right;}
a.toplink { cursor:pointer;position:fixed;right:35px;bottom:25px;display:none; }

.page-loader {background: #fff;position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 9998;}
.loader {position: absolute;width: 50px;height: 50px;top: 50%;left: 50%;margin: -25px 0 0 -25px;text-indent: -9999em;background-color: transparent;border: 5px solid #eee;border-radius: 50%;}
.loader:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: #47af4d #47af4d transparent transparent ;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
            animation: ringrotate 0.8s infinite cubic-bezier(0.5, 0.49, 0.49, 0.49);
    -webkit-animation: ringrotate 0.8s infinite cubic-bezier(0.5, 0.49, 0.49, 0.49);
}

@keyframes ringrotate {
    0% {-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
    100% {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
}

@-webkit-keyframes ringrotate {
    0% {-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg); }
    100% {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
}

@media(min-width:1200px) {
	.marginbottom20 {margin-bottom:30px;}
	.margintop20 {margin-top:30px;}
	.carouselcontainer {margin-top:30px;}
	.carouselcontainer, .carousel,.carousel .item,.carousel .item.active,.carousel .carousel-inner {height:357px;}/* was 400px zonder vestigingen*/
	.carouselcontainer p {font-size:16px;line-height:26px;}

	.hoverimg:hover .mask {opacity:1;transition-delay: 0s;}																			 
	.hoverimg:hover img {transition-delay: 0s;}
	.hoverimg:hover h2 {opacity: 1;transform: scale(1);transition-delay: 0.1s;}
	.team img {margin-right:30px;max-width:200px;margin-bottom:30px;}
	#map_canvas {height:412px;border:solid 2px Silver;}


/*	
	header {background-color:#030405;margin-top:0;padding-top:15px;padding-bottom:20px;}*/
	/*
	body {background-color:#030405;}
		
		.background-grid {background-image:none;background-color:#030405;}
	p {color:#eee;}
	.breadcrumb {background-color:#030405;}
	.carouselcontainer {background-color:#000;margin-top:20px;}
	.header-right a .fa {color:#000;}
	.header-right a .fa-circle {color:#fff;transition:ease-in-out .30s;}
	.navbar-default .navbar-nav>li>a {color: #fff;}*/
}

@media(min-width:992px) and (max-width:1199px) {
	h1 {font-size:32px;}
	.marginbottom20 {margin-bottom:30px;}
	.margintop20 {margin-top:30px;}
	.logocontainer {}
	.logocontainer .logo1 img {margin-top:10px;}
	.navbar-fixed-top > .container {padding-left:30px;}/* fix */
	.navbar-nav {font-weight:400;}
	.navbar-default .navbar-nav > li > a {padding-left:10px;padding-right:10px;}
	.carouselcontainer {margin-top:20px;}
	.carouselcontainer, .carousel,.carousel .item,.carousel .item.active,.carousel .carousel-inner {height:320px;}
	.carouselcontainer p {font-size:14px;line-height:22px;}
	#map_canvas {height:337px;border:solid 2px Silver;}
	footer p {font-size:14px;line-height:24px;}
	.team img {margin-right:30px;margin-bottom:30px;margin-top:15px;}
	.hoverimg:hover .mask {opacity:1;transition-delay: 0s;}																			 
	.hoverimg:hover img {transition-delay: 0s;}
	.hoverimg:hover h2 {opacity: 1;transform: scale(1);transition-delay: 0.1s;}
}

@media(min-width:768px) and (max-width:991px) {
	header {margin-top:0px;}
	header .header-right {padding-top:14px;}
	.navbar-default .navbar-brand {margin-top:-40px;}
	.navbar-default .navbar-brand img {width:120px;}
	.navbar-nav {margin-top:0px;font-weight:700;font-size:16px;line-height:20px;}
	.navbar-header {float:none !important;}
	.navbar-toggle {display:block;margin-top:20px;}
	.collapse.navbar-collapse {display:none !important;}
	.collapse {display:none !important;}
	.nav.navbar-nav {float:none !important;margin-left:500px;}
	.navbar-nav > li {float: none;text-align:right;}
	.navbar-default .navbar-nav > li > a {padding-top:5px;padding-bottom:5px;border-bottom: 1px solid #fff;}
	.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:hover {color:#000;}
	.collapse.in {display:block !important;}
	.navbar-right {float:none !important;margin-left:210px;}

	.carousel .item {padding:10px 0 0 0;min-height:235px;}
	.carousel h3 {font-size:24px;margin-top:30px;}
	.carousel hr {display:none;}
	.carousel p {font-size:13px;}
	.breadcrumbcontainer {margin-top:0px;}
	.breadcrumb {margin-right:10px;}
	.team img {margin-right:30px;margin-bottom:30px;margin-top:25px;}
	#map_canvas {height:294px;border:solid 2px Silver;}

	.footer-bg {background:#030405 url('../images/kinesitherapie-essen-wuustwezel.png') center bottom no-repeat;padding-bottom:190px;border-radius:0 0 40px 40px;text-align:center;margin-bottom:30px;}
	footer p {font-size:14px;line-height:24px;}
	footer h3 {border-bottom:0;}

	.hoverimg {overflow:hidden;position:relative;text-align:center;}
	.hoverimg .mask {position:absolute;overflow:hidden;top:0;left:0;width:100%;background-color: rgba(25,144,61,0.6);opacity:1;height:auto;}
	.hoverimg img {}
	.hoverimg h2 {font-family:'Roboto Condensed', sans-serif;font-size:16px;font-weight:700;padding:10px;background-color:rgba(25,144,61,0.6);color:#fff;opacity:1;background: transparent;margin: 0px 40px 0px 40px;transform: scale(1);}
}

@media(max-width:767px) {
	body {font-size:14px;line-height:24px;}
	header {margin-top:6px;}
	h1 {font-size:26px;}
	h2 {font-size:22px;}
	h3 {font-size:20px;}
	.navbar {min-height:74px;}
	.navbar-default .navbar-brand {margin-top:4px;width:180px;}
	.navbar-default .navbar-brand img {width:100px;}
	.navbar-nav {margin-top:0px;font-weight:700;font-size:16px;line-height:20px;}
	.navbar-toggle {margin-right:6px;margin-top:42px;}
	.navbar-default .navbar-nav > li > a {padding-top:5px;padding-bottom:5px;border-bottom: 1px solid #fff;}
	.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:hover {color:#000;border-bottom: 1px solid #fff;}
	.navbar-default .navbar-collapse {border-color:transparent;}
	.carousel .item {padding:10px 0 0 0;min-height:200px;}
	.carousel.fade .item {padding:0px;}
	.carousel.fade .item img {max-width:300px;}
	.carousel .caption {margin:10px;background:rgba(255,255,255,0.7);padding:10px;text-align:center;height:180px;}
	.carousel h3 {font-size:18px;margin-top:0;color:#000;}
	.carousel hr {display:none;}
	.carousel p {font-size:12px;color:#000;}
	.carousel .caption a {color:#000;}
	.breadcrumbcontainer {margin-top:0px;}
	.breadcrumb {margin-right:10px;}
	#map_canvas {height:250px;border:solid 2px Silver;}

	.hoverimg {overflow:hidden;position:relative;text-align:center;}
	.hoverimg .mask {position:absolute;overflow:hidden;top:0;left:0;width:100%;background-color: rgba(25,144,61,0.6);opacity:1;height:auto;}
	.hoverimg img {}
	.hoverimg h2 {font-family:'Roboto Condensed', sans-serif;font-size:16px;font-weight:700;padding:10px;background-color:rgba(25,144,61,0.6);color:#fff;opacity:1;background: transparent;margin: 0px 40px 0px 40px;transform: scale(1);}

	footer.background-grid {background-image:none;background-color:#333;}
	.footer-bg {background:#030405 url('../images/kinesitherapie-essen-wuustwezel.png') center bottom no-repeat;padding-bottom:190px;border-radius:0 0 40px 40px;text-align:center;margin-bottom:30px;}
	footer p {font-size:14px;line-height:24px;}
	.praktijk-essen {padding-bottom:15px;}

	a.toplink {right:15px;bottom:15px;}
}