/* 
    Document   : EditYourWeb stylesheet Denbosch
    Author     : Thar Design
    Description: Stylesheet for template Mondzorg Poli Den Bosch
	rood: #f01e23
*/
html, body{    font-family: 'Open Sans', sans-serif;		font-size: 14px;	transition: all 0.1s ease-out;}html {	position: relative;	min-height: 100%;}body{	/* Margin bottom by footer height */	margin-bottom: 40px;}h1,h2,h3,h4,h5,h6{	font-family: 'Raleway', sans-serif;    font-weight: lighter;}a {	color: #000000;}.contents{    padding: 15px;    margin-bottom: 5px;	}.content {    padding: 10px;}.left { float: left;}.right { float: right;}/* Header Styles*/#header {    max-width: 100% !important;	}#headerholder{    position: relative;}#headerwrapper {    margin: 0 auto; /* slideshow */ }.logo-bar {	}.contact {	margin-top: 10px;}.icon {    float: left;    margin-right: 10px;    font-size: 25px;    color: #aaa;}.menu-bar {	background: #f01e23;}@media(min-width:768px){	.menu-bar {		position: relative;		z-index: 100;			width: 100%; 	}	#headerwrapper {		margin: 0px auto /* slideshow */ 	}	}.menu-scroll {    /* animation: linkAfter 0.5s 0.5s ease both; */	position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 100;    animation-name: menu_sticky;    animation-duration: 0.60s;    animation-timing-function: ease-out;    -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);    -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);    box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);}.logo {	margin: 10px auto;    /* text-align: center; */}img.header-logo {    transition: height 0.15s ease-in;    height: auto;    max-width: 250px;}@media(max-width:767px){    img.header-logo {        position: relative; 		max-width: 75%;    }}/* Footer Styles*/.footer{	position: absolute;	bottom: 0;	width: 100%;	/* Set the fixed height of the footer here */	height: 40px;    color: #ffffff;		background: #232427;}footer{	padding: 10px 0;}footer a{    color: #ffffff;}footer a:hover, footer a:active, footer a:focus {    color: #ffffff;}.copyright {	text-align: center;}/* Media Queries */@media(max-width:767px){	body{		/* Margin bottom by footer height */		margin-bottom: 50px;	}	.footer {		height: auto;	}}/** Default Style Overrides*/.header>.container>.navbar-transparent{    background:none!important;    border:none!important;}.navbar-nav>li>a{    font-size: 1.1em!important;    color: #fff;	text-transform: uppercase;	font-weight: bold;	padding: 25px 20px !important;}.navbar-nav>li>a:hover, .navbar-nav>li>a:focus{    color: #f01e23;    background: #fff;}.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {	background: #fff;	color: #f01e23;}.nav>li>a {     padding: 10px 13px;}.navbar {     position: relative;    z-index: 8;}.navbar { 	margin-bottom: 0px; }.navbar-nav { 	/* margin-top: 15px; */}.menu .container {	width: auto;}@media(max-width:767px){	.navbar-nav { 		margin-left: 0px; 		margin-top: 0px;	}	.navbar {		padding-bottom: 55px;	}	.menu {		margin-bottom: -50px;	}	}.navbar-nav>li {	/* margin-top: 8px; */}.navbar-nav>li>a { 	padding-bottom: 10px; 	padding-top: 10px;}.navbar-nav>li.active { 	background: #fff;} .navbar-nav>li.active>a { 	font-size: 20px; 	text-decoration: none;	color: #f01e23;}.navbar-nav>li.childactive>a { 	font-size: 20px; 	background: #fff;	color: #f01e23;} .navbar-toggle {    padding: 9px 10px;    margin-top: -50px;    margin-right: -25px;    margin-bottom: 8px;}@media (max-width:768px) {.caret, .caretcontent { 	color: #fff; 	background-color: #f01e23;	}}/* Open default child menus.childactive>.dropdown-menu { display: block; }*/ .header .dropdown-menu {    background-color: #fff;}.navbar-nav {	/* float: right; */}	.navbar-nav li p {  padding-bottom: 5px;  padding-top: 5px;  font-size: 150%;  background-color: #999;   width: 20px;  text-align: center;  margin: 0px;}.btn, .btn-default {    color: #fff;    background-color: #f01e23;    border-color: #f01e23;}.btn:hover, .btn-default:hover {    color: #fff;    background-color: #f01e23;    border-color: #f01e23;}.dropdown>.dropdown-menu li a { 	color: #000;    padding: 10px 20px;    border-bottom: 1px solid #eee;	}.dropdown>.dropdown-menu { 	left: 0;}.navbar-nav>li>.dropdown-menu {	margin-top: -5px;}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {    background-color: #f01e23;    color: #fff !important;}.dropdown>.dropdown-menu .dropdown-menu { 	left: 100%; 	top: 0;}.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {    background-color: #f01e23;    color: #fff !important;	}.dropdown-menu>.childactive>a, .dropdown-menu>.childactive>a:hover, .dropdown-menu>.childactive>a:focus {    color: #fff !important;}/*** Media Queries*/@media(max-width:767px){	.dropdown>.dropdown-menu li a { color: #fff;}    .header>.container>.navbar { height: auto;}    .nav{ border-top: 1px solid #eee!important; }    .nav>li{ border-bottom: 1px solid #eee!important;}    .navbar-nav li { float: left; display: list-item; width: 100%;}}/*** Media Queries*/@media(max-width:991px){	.ug-button-tile-navigation.ug-button-tile-right, .ug-button-tile-navigation.ug-button-tile-left{		top: 30%;	}}@media(max-width:500px){	.ug-button-tile-navigation.ug-button-tile-right, .ug-button-tile-navigation.ug-button-tile-left{		top: 20%;	}}/* == SLIDESHOW > HEADER == *//* >>Arrows: different content */.slick-prev:before {	content: "\f104";}[dir='rtl'] .slick-prev:before {	content: "\f105";}.slick-next:before {	content: "\f105";}[dir='rtl'] .slick-next:before {	content: "\f104";}.slick-next {	right: 5px;}/* >>Dots: different colors */.slick-dots li button:hover:before, .slick-dots li button:focus:before {    opacity: .75;}.slick-dots li button:before {    opacity: 1;    color: #ffffff;	}.slick-dots li.slick-active button:before {    opacity: 1;		color: #f01e23;}/* >>Captions: correspond with captionTypes in Settings */.slick-slide .caption {	color: #ffffff;	padding: 8px 15px;}.caption.tekst {	font-family: 'Raleway', sans-serif;		font-size: 35px;	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);    top: 30%;    right: 10%;    left: 10%;	text-align: center;}.caption.tekst button {	text-align: center;    font-size: 25px;    color: #fff;    line-height: 50px;    background: #f01e23;    padding: 0 20px;    border-width: 0px;	margin-top: 20px;}.caption.review {	font-family: 'Raleway', sans-serif;		font-size: 35px;	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);    top: 5%;    right: 5%;	text-align: center;}.caption.review button {	text-align: center;    font-size: 25px;    color: #fff;    line-height: 50px;    background: #f01e23;    padding: 0 20px;    border-width: 0px;	margin-top: 20px;}@media (max-width: 1199px) {	.caption.tekst, .caption.review {		font-size: 25px;	}	.caption.tekst button, .caption.review button {		font-size: 20px;	}	.contact {		display: none;	}}@media (min-width: 992px) {	.spacer {		height: 5px;	}}@media (max-width: 991px) {	.caption.tekst {		top: 40%;		font-size: 20px;	}	.caption.tekst button {		font-size: 18px;		line-height: 35px;	}	.caption.review {		top: 5%;		right: 2%;		font-size: 20px;	}	.caption.review button {		font-size: 18px;		line-height: 35px;	}}@media (min-width: 768px) and (max-width: 991px) {	.spacer {		height: 15px;	}}@media (max-width: 767px) {	.caption.tekst {		top: 50%;		font-size: 22px;	}	.caption.tekst button {		font-size: 16px;		line-height: 30px;		margin-top: 0px;	}	.caption.review {		top: 0%;		right: 0%;		font-size: 22px;	}	.caption.review button {		font-size: 16px;		line-height: 30px;		margin-top: 0px;	}	.slick-dots {		display: none !important;	}}@media (max-width: 500px) {    .slick-slide .caption {		display: none !important;	}}/* Animations */@-moz-keyframes pop {    0% {  transform: translateY(100%); }    100% { transform: translateY(0); }}@-webkit-keyframes pop {    0% {  transform: translateY(100%); }    100% { transform: translateY(0); }}@-o-keyframes pop {    0% {  transform: translateY(100%); }    100% { transform: translateY(0); }}@keyframes pop {    0% {  transform: translateY(100%); }    100% { transform: translateY(0); }}@-moz-keyframes linkAfter {     0% { width: 255px; }     100% { width: 150px; } }@-webkit-keyframes linkAfter {    0% { width: 255px; }    100% { width: 150px; }}@-o-keyframes linkAfter {    0% { width: 255px; }    100% { width: 150px; }}@keyframes linkAfter {    0% { width: 255px; }    100% { width: 150px; }}