@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Caveat:400,700|Montserrat:400,400i,500,500i,600,600i,700&subset=latin-ext');

body {
	position:relative;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	color: #51545B;
	background-color: #F5F5F5;
	background-attachment:fixed;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

@media only screen and (max-width: 400px) {
	body {
		background-image: url("https://malucholandia.eu/wp-content/themes/malucholandia/assets/img/all_bg.jpg");
		background-position: center; 
		background-repeat: repeat;
		background-size: 100%;
	}
}


h1, h2, h3, h4, h5 { margin:0; padding: 0;}
h1 { font-size: 30px; }
	
h1 a{ font-size: 30px;
	text-decoration:none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	font-weight:200;
	color: #000000;
}			
				
a {
	text-decoration:none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	font-weight:200;
}

a:hover {
	text-decoration:none;
}

.button2 {
	color: #FFFFFF !important;
		padding: 25px 18px 20px 18px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	background: #3AA30B;
}

.center {
	text-align: center;
	margin: 20px 0px;
}

	
/* ---------------------------------------------- */

.clear { clear: both}
.happyFont {font-family: 'Caveat', sans-serif;}

.wrapper {
	width: 980px;
	margin: 0 auto;
}

#megaTop {
	position: relative;
	border-bottom: 3px solid #DCDCDC;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #FFFFFF; 
}

#megaTop .date {
	position: relative;
	color: #000000;
	font-size: 14px;
	float: left
}

#megaTop .contact {
	position: relative;
	font-size: 14px;
	text-align: right;
	float: right
}

#megaTop .flag {
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 18px 0px 0px 0px;
	font-size: 14px;
	float: left
	
}

#megaTop .flag img {
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);

	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

#megaTop .flag img:hover {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.23);
}



@media only screen and (max-width: 400px) {
	.wrapper {
		width: 100vw;
		margin: 0 auto;
	}
	
	#megaTop .date {
		position: relative;
		margin: 0px 0px 0px 10px;
		color: #000000;
		font-size: 14px;
		float: left
	}

	#megaTop .flag {
		position: relative;
		margin: 0px 10px 0px 10px;
		padding: 18px 0px 0px 0px;
		font-size: 14px;
		float: right
		
	}
	
	#megaTop .contact {
		display: none;
	}
	
	

}


/* TOP INDEX */
#top {
	position: absolute;
	width: 100%;
	background-image: url("https://malucholandia.eu/wp-content/themes/malucholandia/assets/img/top_bg.png");
    background-repeat: no-repeat;
	background-size: cover;
	background-position: top center; 
}

#top .top {
	position: relative;
	width: 980px;
	height: 300px;

}

#top .top .mobileNav{
	display: none;

}

#top .top .logo {
	margin: 0 auto;
	width: 750px;
	padding: 30px 0px 30px 0px;
}

#top .top .nav{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
	color: #FFFFFF;
}
#top .top .nav li{
    display:inline;
	margin: 0px -4px 0px 0px;
	padding: 25px 10px 20px 10px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	
}

#top .top .nav li.news {background: #9370DB; border-bottom: 5px solid #8A2BE2; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px}
#top .top .nav li.offer {background: #FB6A00; border-bottom: 5px solid #C25200}
#top .top .nav li.distinction {background: #FFC000; border-bottom: 5px solid #D49F00}
#top .top .nav li.schedule {background: #95D331; border-bottom: 5px solid #6E9C24}
#top .top .nav li.kindergarten {background: #3AA30B; border-bottom: 5px solid #226107}
#top .top .nav li.gallery {background: #72B1E3; border-bottom: 5px solid #4F77B2}
#top .top .nav li.fb {background: #619ED1; border-bottom: 5px solid #056AB3}
#top .top .nav li.contact {background: #0576C5; border-bottom: 5px solid #045791; -webkit-border-top-right-radius: 25px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px}
#top .top .nav li:hover {padding: 35px 10px 20px 10px; border-width: 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px}
#top .top .nav a{display:inline-block; padding:10px; color: #FFFFFF}

@media only screen and (max-width: 400px) {
	#top {
		position: relative;
		width: 100vw;
		padding: 0px 0px 10px 0px;
		background-image: none;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center; 
	}
	
	#top .top {
		position: relative;
		width: 100vw;
		height: 200px;
	
	}
	
	#top .top .mobileNav{
		display: block !important;
		width: 90vw;
		margin: 0vw 5vw;
		color: #FFFFFF;
		font-weight: 600;
		font-size: 6vw;
		text-align: center;
		padding: 25px 0px 20px 0px;
		background: #0576C5; border-bottom: 5px solid #045791;

		-webkit-border-top-left-radius: 25px;
		-moz-border-radius-topleft: 25px;
		border-top-left-radius: 25px;
	}
	
	#top .top .logo {
		width: 100vw;
		margin: 0 auto;
		padding: 30px 0px 30px 0px;
	}
	
	#top .top .logo img {
		width: 94vw !important;
		margin: 0vw 3vw;
	}
	
	#top .top .nav{
		display: none;
		position: absolute;

		width: 100vw;
		z-index: 111;
	}

	#top .top .nav li {
		display: block;
		width: calc(90vw - 38px);
		margin: 0px 5vw 0px 5vw;
		padding: 25px 19px 20px 19px;
		-webkit-transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-o-transition: all .35s ease-in-out;
		-ms-transition: all .35s ease-in-out;
		transition: all .35s ease-in-out;
		
	}
	
	#top .top .nav li {
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
	}
	
	#top .top .nav li:last-child {
		-webkit-border-bottom-right-radius: 25px !important;
		-moz-border-radius-bottomright: 25px !important;
		border-bottom-right-radius: 25px !important;
	}


}



#slider {
	position: absolute;
	margin: 110px 0px 0px 0px;
	width: 100%;
	height: 800px;
    background-image: url("../img/slider-1.jpg");
    background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	z-index: -1;
}

@media only screen and (max-width: 400px) {
	#slider {
		display: none;
	}
}




@media only screen and (max-width: 1280px) {
    #slider {
        height: 1200px;
    }
}


/* CONTENT */
#content {
	position: relative;
	background-image: url("https://malucholandia.eu/wp-content/themes/malucholandia/assets/img/all_bg.jpg");
	background-position: center; 
    background-repeat: repeat;
	background-size: 100%;
	background-position: center;

}	

#content .top {
	position: relative;
	width: 980px;
	height: 300px;

}

#content .top .mobileNav{
	display: none !important;
}

 .main-content {
	margin-top: 750px;
 }
 
 
 
@media only screen and (max-width: 400px) {
	.main-content {
		margin-top: 0px;
	}
}
 
 
 
@media only screen and (min-width: 1600px) {
	.main-content {
        margin-top: 950px !important;
    }
}

@media only screen and (min-width: 1900px) {
	.main-content {
        margin-top: 1050px !important;
    }
}

#content .top .logo {
	margin: 0 auto;
	width: 750px;
	padding: 30px 0px 30px 0px;
}


#content .top .nav{
	display: block;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
	color: #FFFFFF;
}

#content .top .nav li{
    display:inline;
	margin: 0px -4px 0px 0px;
	padding: 25px 10px 20px 10px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

#content .top .nav li.news {background: #9370DB; border-bottom: 5px solid #8A2BE2; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px}
#content .top .nav li.offer {background: #FB6A00; border-bottom: 5px solid #C25200}
#content .top .nav li.distinction {background: #FFC000; border-bottom: 5px solid #D49F00}
#content .top .nav li.schedule {background: #95D331; border-bottom: 5px solid #6E9C24}
#content .top .nav li.kindergarten {background: #3AA30B; border-bottom: 5px solid #226107}
#content .top .nav li.gallery {background: #72B1E3; border-bottom: 5px solid #4F77B2}
#content .top .nav li.fb {background: #619ED1; border-bottom: 5px solid #056AB3}
#content .top .nav li.contact {background: #0576C5; border-bottom: 5px solid #045791; -webkit-border-top-right-radius: 25px; -moz-border-radius-topright: 25px; border-top-right-radius: 25px}
#content .top .nav li:hover,
#content .top .nav li.active {padding: 35px 10px 20px 10px; border-width: 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px}
#content .top .nav a{display:inline-block; padding:10px; color: #FFFFFF}


@media only screen and (max-width: 400px) {
	#content .top {
		position: relative;
		width: 100vw;
		height: 200px;
	}
	
	#content .top .logo {
		width: 100vw;
		margin: 0 auto;
		padding: 30px 0px 30px 0px;
	}
	
	#content .top .logo img {
		width: 94vw;
		margin: 0vw 3vw;
	}
	
	
	#content .top .mobileNav{
		display: block !important;
		width: 90vw;
		margin: 0vw 5vw;
		color: #FFFFFF;
		font-weight: 600;
		font-size: 6vw;
		text-align: center;
		

		padding: 25px 0px 20px 0px;
		
		background: #0576C5; border-bottom: 5px solid #045791;

		-webkit-border-top-left-radius: 25px;
		-moz-border-radius-topleft: 25px;
		border-top-left-radius: 25px;
	
	}
	
	#content .top .nav{
		display: none;
		position: absolute;

		width:100%;
		z-index: 111;
	}

	#content .top .nav li {
		display: block;
		width: calc(90vw - 38px);
		margin: 0px 5vw 0px 5vw;
		padding: 25px 19px 20px 19px;
		-webkit-transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-o-transition: all .35s ease-in-out;
		-ms-transition: all .35s ease-in-out;
		transition: all .35s ease-in-out;
		
	}
	
	#content .top .nav li {
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
	}
	
	#content .top .nav li:last-child {
		-webkit-border-bottom-right-radius: 25px !important;
		-moz-border-radius-bottomright: 25px !important;
		border-bottom-right-radius: 25px !important;
	}
}





/* BOX INDEX */
#content ul.boxesZone {
	position: absolute;
    margin:-60px 0px 40px 0px;
    padding: 0px;
	height: 400px;
    text-align:center;
	color: #FFFFFF;
	list-style:none
}



#content .boxesZone li{
	position: relative;
    display: inline-block;
	padding: 10px 0px;
	width: 295px;
	height: 350px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px
}





#content .boxesZone li h1 {padding: 10px 0px 0px 0px; margin: 0px; font-size: 21px}
#content .boxesZone li .content {padding: 20px 15px 0px 15px; height: 250px; font-size: 16px}


#content .boxesZone li:nth-child(1) {background: #95D331; border-top: 10px solid #6E9C24; border-left: 5px solid #6E9C24}
#content .boxesZone li:nth-child(2) {margin: 0px 35px; background: #FB6A00; border-top: 10px solid #C25200; border-left: 5px solid #C25200}
#content .boxesZone li:nth-child(3) {background: #FFC000; border-top: 10px solid #D49F00; border-left: 5px solid #D49F00}

#content .boxesZone li .button {
	position: relative;
	margin-left: 195px;

	width: 100px;
	height: 35px;
	line-height: 35px;
	border-right: 0px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}


#content .boxesZone li:nth-child(1) .button {background: #6E9C24}
#content .boxesZone li:nth-child(2) .button {background: #C25200}
#content .boxesZone li:nth-child(3) .button {background: #D49F00}

#content .boxesZone li:nth-child(1) .button:hover {color: #6E9C24; border-left: 10px solid #6E9C24}
#content .boxesZone li:nth-child(2) .button:hover {color: #C25200; border-left: 10px solid #C25200}
#content .boxesZone li:nth-child(3) .button:hover {color: #D49F00; border-left: 10px solid #D49F00}

#content .boxesZone li:nth-child(1) .button:hover a {color: #6E9C24}
#content .boxesZone li:nth-child(2) .button:hover a {color: #C25200}
#content .boxesZone li:nth-child(3) .button:hover a {color: #D49F00}

#content .boxesZone li:nth-child(1) .button a:hover {color: #6E9C24}
#content .boxesZone li:nth-child(2) .button a:hover {color: #C25200}
#content .boxesZone li:nth-child(3) .button a:hover {color: #D49F00}

#content .boxesZone li .button a {border-right: 0px; color: #FFFFFF; font-size: 12px; font-weight: 500; text-transform: uppercase}
#content .boxesZone li .button:hover {background: #FFFFFF; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px}


@media only screen and (max-width: 400px) {
	#content ul.boxesZone {
		position: relative;
		margin: 0px 0px 40px 0px;
		padding: 0px;
		text-align:center;
		color: #FFFFFF;
		list-style:none;
	}
	
	#content .boxesZone li{
		position: relative;
		display: inline-block;
		padding: 10px 0px;
		margin: 0px 0px 10px 0px;
		width: 90vw;
		height: 350px;
		-webkit-border-top-right-radius: 25px;
		-webkit-border-bottom-left-radius: 25px;
		-moz-border-radius-topright: 25px;
		-moz-border-radius-bottomleft: 25px;
		border-top-right-radius: 25px;
		border-bottom-left-radius: 25px
	}
	
	#content .boxesZone li:nth-child(1) {margin: 0px 0px 10px 0px}
	#content .boxesZone li:nth-child(2) {margin: 0px 0px 10px 0px}
	#content .boxesZone li:nth-child(3) {margin: 0px 0px 10px 0px}
	
	#content .boxesZone li .button {
		position: relative;
		margin-left: 62vw;
	}

}







/* ATRICLE ZONE INDEX */
#content .articleZoneIndex {padding: 400px 0px 0px 0px}
#content .articleZoneIndex h1 {padding: 10px 0px 10px 20px; font-size: 52px; font-family: 'Caveat', sans-serif; color: #49c6ea}


#content .articleZoneIndex .box {
	width: 955px;
	padding: 20px 10px 25px 10px;
	margin: 0px 0px 20px 0px;
	background: #FFFFFF;

	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

#content .articleZoneIndex .box .img {
	width: 350px;
	height: 200px;
    position: relative;
    overflow: hidden;
	margin: 0px 10px 10px 0px;
	background: #DCDCDC;
	
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px; float: left
}

#content .articleZoneIndex .box .img img{
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 350px;
	
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

#content .articleZoneIndex .box .content {position: relative; /* height: 120px; */ padding: 20px 0px; line-height: 25px; font-size: 14px}
#content .articleZoneIndex .box .content .title {font-size: 18px !important}
#content .articleZoneIndex .box:nth-child(3n+1) .content .title a {color: #49c6ea; font-weight:600 !important}
#content .articleZoneIndex .box:nth-child(3n+2) .content .title a {color: #f6b01a; font-weight:600 !important}
#content .articleZoneIndex .box:nth-child(3n+3) .content .title a {color: #9ecb3c; font-weight:600 !important}
#content .articleZoneIndex .box .content .title a:hover {text-decoration: underline !important}



#content .articleZoneIndex .box:nth-child(2) {border-top: 10px solid #49c6ea; border-left: 5px solid #49c6ea}
#content .articleZoneIndex .box:nth-child(3) {border-top: 10px solid #f6b01a; border-left: 5px solid #f6b01a}
#content .articleZoneIndex .box:nth-child(4) {border-top: 10px solid #9ecb3c; border-left: 5px solid #9ecb3c}

#content .articleZoneIndex .box:nth-child(2) .button2 {background: #49c6ea}
#content .articleZoneIndex .box:nth-child(3) .button2 {background: #f6b01a}
#content .articleZoneIndex .box:nth-child(4) .button2 {background: #9ecb3c}



#content .articleZoneIndex .box:nth-child(2) .button2:hover,
#content .articleZoneIndex .box:nth-child(3) .button2:hover, 
#content .articleZoneIndex .box:nth-child(4) .button2:hover {background: #FFFFFF}

#content .articleZoneIndex .box:nth-child(2) .button2:hover a, #content .articleZoneIndex .box:nth-child(2) .button2:hover a:hover {color: #49c6ea !important}
#content .articleZoneIndex .box:nth-child(3) .button2:hover a, #content .articleZoneIndex .box:nth-child(3) .button2:hover a:hover {color: #f6b01a !important}
#content .articleZoneIndex .box:nth-child(4) .button2:hover a, #content .articleZoneIndex .box:nth-child(4) .button2:hover a:hover {color: #9ecb3c !important}

#content .articleZoneIndex .box .button2 a:hover {color: #49c6ea}
#content .articleZoneIndex .box .button2:hover a {color: #49c6ea !important}

#content .articleZoneIndex .box .button2 a {color: #FFFFFF !important; font-size: 12px; font-weight: 500; text-transform: uppercase}
#content .articleZoneIndex .box .button2:hover {background: #FFFFFF; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px}



#content .articleZoneIndex .box .button2 {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	margin-left: 250px;
	padding: 0px;
	background: #49c6ea;
	text-align: center;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;

}


@media only screen and (max-width: 400px) {
	#content .articleZoneIndex {padding: 750px 0px 0px 0px}
	
	#content .articleZoneIndex .box {
		width: calc(90vw - 20px);
		padding: 20px 10px 25px 10px;
		margin: 0px 5vw 20px 5vw;
		background: #FFFFFF;
	}
	
	#content .articleZoneIndex .box .img {
		width: calc(90vw - 30px);
		position: relative;
		overflow: hidden;
		margin: 0px 10px 10px 0px;
		background: #DCDCDC;
		float: none;
		clear: both
	}
	
	#content .articleZoneIndex .box .content {position: relative; padding: 20px 0px; line-height: 25px; font-size: 14px}
	
	
	#content .articleZoneIndex .box .button2 {
		position: relative;
		width: 100px;
		height: 35px;
		line-height: 35px;
		margin-left: 0px;
		padding: 0px;
		background: #49c6ea;
		text-align: center;
	}
}

/* GALLERY ZONE INDEX */
#content .galleryZoneIndex {padding: 20px 0px 0px 0px; width: 980px}
#content .galleryZoneIndex > h1 {padding: 10px 0px 10px 20px; font-size: 52px; font-family: 'Caveat', sans-serif; color: #49c6ea}

#content .galleryZoneIndex .box {
	width: 460px;
	padding: 20px 10px 25px 10px;
	margin: 0px 0px 20px 0px;
	background: #FFFFFF;
	float: left;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

#content .galleryZoneIndex .box:nth-child(odd) {
	float: right;
}
#content .galleryZoneIndex .box:nth-child(even) {
float: left;	
}

#content .galleryZoneIndex .box .mainImg {
	position: relative;
    overflow: hidden;
	width: 460px;
	height: 250px;
	margin: 10px 10px 10px 0px;
	background: #DCDCDC;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	float: left
}

#content .galleryZoneIndex .box .mainImg img {
	width: 460px;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

#content .galleryZoneIndex .boxMargin {
	float: right;
}

#content .galleryZoneIndex .box .imgSmallBox {
	position: relative;
    overflow: hidden;
	width: 80px; height: 80px; margin: 0px 15px 10px 0px; background: #DCDCDC; -webkit-border-top-right-radius: 25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	float: left
}

#content .galleryZoneIndex .box .imgSmallBox img {
	height: 80px;

    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

#content .galleryZoneIndex .box .lastBox {
	margin: 0px 0px 10px 0px;
}


@media only screen and (max-width: 400px) {	
	#content .galleryZoneIndex {width: 100vw}
	
	#content .galleryZoneIndex .boxMargin {
		clear: both;
		float: none;
	}
	
	#content .galleryZoneIndex .box {
		width: calc(100vw - 20px);
		height: 40vh;
		padding: 20px 10px 25px 10px;
		margin: 0px 0px 20px 0px;
		background: #FFFFFF;
	}
		
	#content .galleryZoneIndex .box:nth-child(odd) {
		clear: both;
		float: none;
	}
	#content .galleryZoneIndex .box:nth-child(even) {
		clear: both;	
		float: none;
	}

#content .galleryZoneIndex .box .mainImg {
	position: relative;
    overflow: hidden;
	width: 95vw;
	height: 30vh;
	margin: 10px 10px 10px 0px;
	background: #DCDCDC;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	float: left
}

	
}


#content .articleZone {padding: 10px 0px 0px 0px}
#content .articleZone > h1 {padding: 10px 0px 10px 20px; font-size: 52px; font-family: 'Caveat', sans-serif; color: #49c6ea}

#content .articleZone .box {
	width: 955px;
	padding: 20px 10px 25px 10px;
	margin: 0px 0px 20px 0px;
	background: #FFFFFF;

	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

#content .articleZone .box .img {
	width: 350px;
	height: 200px;
    position: relative;
    overflow: hidden;
	margin: 0px 10px 10px 0px;
	background: #DCDCDC;
	
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px; float: left
}

#content .articleZone .box .img img{
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 350px;

	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}


#content .articleZone .box .content {position: relative; /* height: 120px; */ padding: 20px 0px; line-height: 25px; font-size: 14px}
#content .articleZone .box .content .title {font-size: 18px !important}
#content .articleZone .box:nth-child(3n+1) .content .title a {color: #49c6ea; font-weight:600 !important}
#content .articleZone .box:nth-child(3n+2) .content .title a {color: #f6b01a; font-weight:600 !important}
#content .articleZone .box:nth-child(3n+3) .content .title a {color: #9ecb3c; font-weight:600 !important}
#content .articleZone .box .content .title a:hover {text-decoration: underline !important}

#content .articleZone .box:nth-child(3n+1) {border-top: 10px solid #49c6ea; border-left: 5px solid #49c6ea}
#content .articleZone .box:nth-child(3n+2) {border-top: 10px solid #f6b01a; border-left: 5px solid #f6b01a}
#content .articleZone .box:nth-child(3n+3) {border-top: 10px solid #9ecb3c; border-left: 5px solid #9ecb3c}

#content .articleZone .box:nth-child(3n+1) .button2 {background: #49c6ea}
#content .articleZone .box:nth-child(3n+2) .button2 {background: #f6b01a}
#content .articleZone .box:nth-child(3n+3) .button2 {background: #9ecb3c}

#content .articleZone .box:nth-child(3n+1) .button2:hover,
#content .articleZone .box:nth-child(3n+2) .button2:hover, 
#content .articleZone .box:nth-child(3n+3) .button2:hover {background: #FFFFFF}

#content .articleZone .box:nth-child(3n+1) .button2:hover a, #content .articleZone .box:nth-child(2) .button2:hover a:hover {color: #49c6ea !important}
#content .articleZone .box:nth-child(3n+2) .button2:hover a, #content .articleZone .box:nth-child(3) .button2:hover a:hover {color: #f6b01a !important}
#content .articleZone .box:nth-child(3n+3) .button2:hover a, #content .articleZone .box:nth-child(4) .button2:hover a:hover {color: #9ecb3c !important}

#content .articleZone .box .button2 a:hover {color: #49c6ea}
#content .articleZone .box .button2:hover a {color: #49c6ea !important}

#content .articleZone .box .button2 a {color: #FFFFFF !important; font-size: 12px; font-weight: 500; text-transform: uppercase}
#content .articleZone .box .button2:hover {background: #FFFFFF; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px}



#content .articleZone .box .button2 {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	margin-left: 250px;
	padding: 0px;
	background: #49c6ea;
	text-align: center;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;

}



@media only screen and (max-width: 400px) {	
	#content .articleZone .box {
		width: calc(90vw - 25px);
		padding: 20px 10px 25px 10px;
		margin: 0px 5vw 20px 5vw;
		background: #FFFFFF;
	}
	
	#content .articleZone .box .img {
		width: calc(90vw - 30px);
		position: relative;
		overflow: hidden;
		margin: 0px 10px 10px 0px;
		background: #DCDCDC;
		float: none;
		clear: both
	}
	
	#content .articleZone .box .content {position: relative; padding: 20px 0px; line-height: 25px; font-size: 14px}
	
	
	#content .articleZone .box .button2 {
		position: relative;
		width: 100px;
		height: 35px;
		line-height: 35px;
		margin-left: 0px;
		padding: 0px;
		background: #49c6ea;
		text-align: center;
	}
}




#content .nav-links {
	position: relative;
	padding: 15px 0px;
}

#content .nav-links a,
#content .nav-links span {
	margin: 0px 5px;
    padding: 8px 16px;
	background-color: #FFFFFF;
    text-decoration: none;

	    color: black;
    float: left;
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#content .nav-links a.active {background-color: #0576C5; color: #FFFFFF}
#content .nav-links a.current {background-color: #0576C5; color: #FFFFFF}
#content .nav-links span.current {background-color: #0576C5; color: #FFFFFF}
#content .nav-links a:hover:not(.active) {background-color: #49c6ea; color: #FFFFFF} 

.navigation .screen-reader-text {display: none;}

/* ARTICLE SELECT */
#content .articleZoneSelect {padding: 0px}
#content .articleZoneSelect > h1 {padding: 10px 20px 10px 20px; font-size: 46px; font-family: 'Caveat', sans-serif; color: #49c6ea}
#content .articleZoneSelect .rightTxt  {text-align: right}

#content .articleZone .colorNews,
#content .articleZoneSelect .colorNews {color: #9370DB !important}
#content .articleZoneSelect .colorOffer {color: #FB6A00 !important}
#content .articleZoneSelect .colorPromotedUs {color: #FFC000 !important}
#content .articleZoneSelect .colorOurDay {color: #95D331 !important}
#content .articleZoneSelect .colorWork {color: #3AA30B !important}
#content .articleZoneSelect .colorContact {color: #0576C5 !important}


#content .articleZoneSelect .box {
	position: relative;
	border-top: 10px solid #9ecb3c;
	border-left: 5px solid #9ecb3c;
	width: 955px;
	padding: 20px 10px 25px 10px;
	margin: 0px 0px 20px 0px;
	background: #FFFFFF;

	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

#content .boxPadding {padding: 80px 0px 0px 0px} 
#content .articleZoneSelect .borderNews {border-top: 10px solid #9370DB; border-left: 5px solid #9370DB}
#content .articleZoneSelect .borderOffer {border-top: 10px solid #FB6A00; border-left: 5px solid #FB6A00}
#content .articleZoneSelect .borderPromotedUs {border-top: 10px solid #FFC000; border-left: 5px solid #FFC000}
#content .articleZoneSelect .borderOurDay {border-top: 10px solid #95D331; border-left: 5px solid #95D331}
#content .articleZoneSelect .borderWork {border-top: 10px solid #3AA30B; border-left: 5px solid #3AA30B}
#content .articleZoneSelect .borderKindergarden {border-top: 10px solid #72B1E3; border-left: 5px solid #72B1E3}
#content .articleZoneSelect .borderContact {border-top: 10px solid #0576C5; border-left: 5px solid #0576C5}

#content .articleZoneSelect .box {
	min-height: 300px;
}

#content .articleZoneSelect .box .img {
	position: absolute;
	border-top: 10px solid #49c6ea; 
	border-left: 5px solid #49c6ea;
	top: -100px;
	width: 450px;
	height: 300px;
    position: relative;
    overflow: hidden;
	margin: 0px 10px -100px 0px;
	background: #DCDCDC;
	
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px; float: left
}




#content .articleZoneSelect .box .imgRight {
	margin: 0px 10px -300px 0px;
	top: -100px;
	right: -490px !important;
	z-index:11;
}

#content .articleZoneSelect .box .img img{
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 450px;

	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

#content .articleZoneSelect .box .imgBrother {
	width: 450px; min-height: 240px; height: auto;
}


#content .articleZoneSelect .box .content {position: relative; padding: 0px 10px; line-height: 22px; font-size: 16px}
#content .articleZoneSelect .box .time {position: relative; padding: 25px 15px 0px 0px; font-size: 12px; font-style: italic; text-align: right}

@media only screen and (max-width: 400px) {
	#content .articleZoneSelect {padding: 10px 0px 0px 0px}
	
	#content .articleZoneSelect > h1 {padding: 10px 10px 0px 6vw; font-size: 8vw;}
	#content .articleZoneSelect .rightTxt  {text-align: left}
	
	#content .articleZoneSelect .box {
		width: calc(90vw - 25px);
		margin: 0px 5vw 20px 5vw;
	}

	#content .articleZoneSelect .box .img {
		top: inherit;
		position: relative !important;
		border: 0;
		width: calc(90vw - 30px);
		height: 200px;
		position: relative;
		overflow: hidden;
		margin: 0px 10px 10px 0px;
		background: #DCDCDC;
		float: none;
		clear: both
	}
	
	#content .articleZoneSelect .box .imgRight {
		margin: 0px 10px 10px 0px;
		top: inherit;
		right: 0 !important;
		z-index:11;
	}
	
	#content .articleZoneSelect .box .imgBrother {
		width: calc(90vw - 30px);
		height: auto;
		padding: 0px 0px 0px 0px;
	}

	
	#content .articleZoneSelect .box .content {margin: 6vh 0px 0px 0px; padding: 0px 5px;}

}

#content .articleZoneSelect .box .content table {
    border-collapse: collapse;
    width: 100%;
}

#content .articleZoneSelect .box .content table td:nth-child(1) {
	width: 104px;
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#content .articleZoneSelect .box .content table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#content .articleZoneSelect .box .content table tr:last-child td {
    padding: 8px;
    text-align: left;
    border-bottom: 0px !important;
}

#content .articleZoneSelect .box .content table tr:hover {color: #95D331 !important}

@media only screen and (max-width: 400px) {

	#content .articleZoneSelect .box .content table td:nth-child(1) {
		width: 20% !important;
		text-align: center;
	}

	#content .articleZoneSelect .box .content table td {
		padding: 8px 0px;
		width: calc(50vw - 8px) !important;
	}


}



#content .articleZoneGallery {padding: 20px 0px}

#content .articleZoneGallery .box {
	border-top: 10px solid #f6b01a;
	border-left: 5px solid #f6b01a;
	width: 950px;
	padding: 20px 10px 15px 10px;
	margin: 0px 0px 20px 0px;
	background: #FFFFFF;
	
	float: left;
	
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

#content .articleZoneGallery .box .imgSmallBox {
	position: relative;
    overflow: hidden;
	width: 80px; height: 80px; margin: 0px 7px 10px 8px; background: #DCDCDC; -webkit-border-top-right-radius: 25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	float: left
}

#content .articleZoneGallery .box .imgSmallBox img {
	height: 80px;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}






 /* Style inputs with type="text", select elements and textareas */
input[type=text], input[type=email], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */

input[type=submit] {
	position: relative;
	display: inline-block;
	line-height: 35px;
	margin-left: 250px;
	padding: 10px 30px;
	background: #49c6ea;
	font-size: 22px;
	text-align: center;
	border:0;
	color: #FFFFFF;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

@media only screen and (max-width: 400px) {

	input[type=submit] {
		margin-left: 20vw;
	}
	
}

#footer {
	position: relative;
	height: 570px;
	width: 100%;
    background: #FFFFFF url(https://malucholandia.eu/wp-content/themes/malucholandia/assets/img/bg_footer.jpg);
    background-repeat: no-repeat;
	background-position: bottom center; 
}

#footer h1 {padding: 10px 0px 10px 20px; font-size: 52px; font-family: 'Caveat', sans-serif; color: #49c6ea}
#footer .left {margin: 0px 25px 0px 0px; float: left}
#footer .left > b {color: #49c6ea}
#footer .left .map {border:0; width: 480px; height: 265px;	-webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomleft: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px}
#footer .right {float: right; text-align: right}
#footer .right > b {color: #49c6ea}
#footer .right .address {font-size: 32px}
#footer .right .mobile {font-size: 32px}
#footer .right .hours {font-size: 16px; paddiing: 2px 0px !important;}
#footer .right .email {font-size: 32px}
#footer .copyright {text-align: center; font-size: 14px; font-weight: 600; padding: 0px 0px 10px 0px}


@media only screen and (max-width: 400px) {
	#footer {
		position: relative;
		height: auto;
		width: 100vw;
		background-image: none;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center; 
	}
	#footer .left {margin: 0px 0px 10px 0px; float: none}
	#footer .left .map {width: 100vw !important; height: 265px; }
	#footer .left .fb {width: 100vw !important;}
	#footer .right {float: none; text-align: center}
	#footer .right .address {font-size: 7vw}
	#footer .right .mobile {font-size: 7vw}
	#footer .right .hours {font-size: 5vw; paddiing: 2px 0px !important;}
	#footer .right .email {font-size: 7vw}
}