@charset "utf-8";

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/opensans-regular-webfont.woff2') format('woff2'),
         url('../font/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'KronikaRegular';
    src: url('../font/kronika-webfont.woff2') format('woff2'),
         url('../font/kronika-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.woff2') format('woff2'),
         url('../font/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


* {margin:0; padding:0;}

html {width:100%!important; height:100%!important;}

body {padding:0; margin:0; background-color:#fff; font-family: OpenSansRegular, Verdana, Geneva, sans-serif;}

a {text-decoration:none; outline:0;}

a img {border:none;}

.list-style-disc {list-style:disc; margin-left:2%;}

.list-style-disc li {line-height:30px;}

hr	{border:0; height:3px; background-image: linear-gradient(to right, rgba(38, 169, 209, 0), rgba(38, 169, 209, 0.25), rgba(38, 169, 209, 0)); }

.main-wrapper {width:100%;}

/* Header section
============================================================== */

.header-wrapper {width:100%; height:60px; /*position:relative;*/ position:fixed; background:#fff; top:0; border-bottom:#dfdfdf 1px solid; z-index:999999;}

.header-logo {width:218px; height:75px; position:absolute; padding:20px; top:10px; left:20px; background:#fff; border:#dfdfdf 1px solid; z-index:1010;}

.header {max-width:1200px; height:150px; margin:auto;}

/* Navigation
============================================================== */

#nav-main {width:1040px; height:30px; position:absolute; top:12px; right:0; font-size:16px; font-family:KronikaRegular; text-align:center; font-weight:normal; z-index:11111;}

#nav-main ul, #nav-main li {list-style:none; margin:0; padding:0;}

#nav-main ul {position: relative; z-index: 597; margin:auto;}

#nav-main ul li {float: left; min-height: 18px; vertical-align: middle; margin-left:1%; margin-right:2%; }

#nav-main a {color:#999999; font-size:18px; display:block; margin:auto; text-decoration:none; height:20px; border:#fff 1px solid; padding:2px 12px 10px 8px; text-align:center; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;  -webkit-transition: all 0.6s ease-out; -ms-transition:all 0.6s ease-out;  transition: all 0.6s ease-out;}

#nav-main > ul { *display: inline-block; }
 
#nav-main ul li a:hover {color:#fff; background:#26a9d1;}

#nav-main ul li a.current {color:#fff; background:#26a9d1;}

#nav-main ul li a.sub-current {color:#fff; background:#26a9d1;}

#nav-main ul ul {visibility: hidden; position:relative; top:2px; left:10px; z-index:999999;}

#nav-main ul ul li {float: none; background:#fff; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border-left:#c7c7c7 1px solid; border-right:#c7c7c7 1px solid; padding:0 20px 0 0;} 

#nav-main ul ul li:first-child {border-top:#c7c7c7 1px solid;}

#nav-main ul ul li:last-child {border-bottom:#c7c7c7 1px solid;}

#nav-main ul ul li a {text-align:left;-webkit-transition:none; -ms-transition:none; transition:none; width:98%;}

#nav-main ul ul li a:hover {color:#fff; background:#26a9d1 ; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} 

#nav-main ul ul li a:hover {color:#fff; background:#26a9d1; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}

#nav-main ul ul li a.current {color:#fff; background:#26a9d1; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}

#nav-main ul ul li a.sub-current {color:#fff; background:#26a9d1; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}

#nav-main ul li:hover > ul { visibility: visible;}

a.facebook-icon {width:50px!important;}

.facebook-icon:before {font-family:FontAwesome; content:'\f09a'; color:#999999; padding:6px 10px; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.6s ease-out; -ms-transition:all 0.6s ease-out;  transition: all 0.6s ease-out;}

.facebook-icon:hover:before {color:#fff; background:#26a9d1;}

.show-on-small {display:none;}

.light-grey-li li {background:#f6f6f6!important;}

/* Frontpage container & overlay title
============================================================== */

.frontpage-container {width:100%; height:60%!important; overflow:hidden!important; position:relative; top:50px; background:#fff; z-index:2000;}

.frontpage-container .custom_video-module video {object-fit:fill;}

.frontpage-container img {width:100%; height:auto;}

.frontpage-curtain {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}

.top-index {top:35%;}

.top-creche {top:15%;}

.bottom-index {bottom:4%!important;}

.welcome-title-index {width:100%; height:40%; position:absolute; bottom:4%; text-align:center; z-index:3000;}

.welcome-title-index h1 {font-family:KronikaRegular; color:rgba(255,255,255,0.8); font-size:40px; font-weight:normal;}

.welcome-title-index p {color:#fff;}

.welcome-title {width:100%; height:40%; position:absolute; text-align:center; z-index:3000;}

.welcome-title-image {width:161px; height:179; margin:auto;}

.welcome-title-image img {width:100%; height:auto;}

.welcome-title h1 {font-family:KronikaRegular; color:#fff; font-size:60px; font-weight:normal;}

.welcome-title p {color:#fff;}

.center-align {display:inline-block; margin:auto; padding:1% 2%; border-radius:20px;}

.align-center {text-align:center!important;}

.subtitle {width:60%; text-align:center; padding:8px; margin:auto; background:rgba(0,0,0,0.6);}

/* Wrappers & colors
============================================================== */

.page-wrapper {width:100%; padding:2% 0;}

.page-wrapper h2 {font-size:36px; font-weight:normal; font-family:KronikaRegular; text-align:center; color:#00b1e2;}

.content-wrapper {max-width:1200px; margin:auto; padding:10px;}

.content-wrapper h1 {font-weight:normal; text-align:left; color:#00b1e2;}

.content-wrapper h2 {font-weight:normal; font-family:KronikaRegular; text-align:center; color:#00b1e2;}

.content-wrapper h3 {font-weight:normal; color:#333; display:inline-block; border-bottom:#333 1px solid;}

.gallery-title-wrapper {width:100%; height:300px; position:relative; margin-bottom:2%;}

.whole-wrapper {width:100%; height:300px;}

.team-wrapper {width:100%;}

.team-wrapper-inside {max-width:1200px; margin:auto; padding:10px;}

.team-wrapper-inside h2 {font-size:32px; font-weight:normal; font-family:KronikaRegular; text-align:left; color:#26a9d1;}

.light-grey {background:#f6f6f6; border-top:#c7c7c7 1px solid; border-bottom:#c7c7c7 1px solid;}

.nice-blue {background:#00b1e2;}

.nice-green {background:#bfd730;}

.nice-pink {background:#ef5ba1;}

.contact {color:#ff5daf!important;}

/* Title section
============================================================== */

.title-section {width:96%; height:80%; padding:2%;}

.title-section-image {width:290px; height:190px; display:block; margin:auto;}

.title-section-image img {width:100%; height:auto;}

.title-section h1 {color:#fff; font-size:56px; text-align:center; font-weight:normal; font-family:KronikaRegular;}

.title-section h3 {color:#fff; font-weight:normal;}

.title-section p {color:#fff;}

/* Small title section
============================================================== */

.small-title-section {width:100%; height:180px; padding-top:80px; box-sizing:box-border; background:#263844;}

.small-title-section h1 {color:#fff; font-size:56px; text-align:center; font-weight:normal; font-family:KronikaRegular;}

.small-title-section p {color:#fff;}

/* About section
============================================================== */

.about-creche {width:100%; height:auto;}

.about-creche p {text-align:justify;}

.about-creche h2 {font-family:KronikaRegular; font-size:32px; text-align:left!important; font-weight:normal; color:#bfd730;}

/* Concept section
============================================================== */

.concept-creche {width:100%;}

.concept-creche p {text-align:justify;}

.concept-creche h2 {font-family:KronikaRegular; font-size:32px; text-align:left!important; font-weight:normal; color:#00b1e2;}

.highlight-blue {font-size:18px; font-weight:600; color:#00b1e2;}

/* Charte section
============================================================== */

.charte-creche {width:100%; height:auto;}

.charte-creche p {text-align:justify;}

.charte-creche h2 {font-family:KronikaRegular; font-size:32px; text-align:left!important; font-weight:normal; color:#00b1e2;}

/* Info section sections
============================================================== */

.info-creche-noertzange {width:100%; height:auto;}

.info-creche-noertzange p {text-align:justify;}

.info-creche-noertzange h1 {font-family:KronikaRegular; font-size:36px; text-align:left!important; font-weight:normal; color:#00b1e2;}

.info-creche-grevenmacher {width:100%; height:auto;}

.info-creche-grevenmacher p {text-align:justify;}

.info-creche-grevenmacher h1 {font-family:KronikaRegular; font-size:36px; text-align:left!important; font-weight:normal; color:#ef5ba1;}

.info-creche-bettembourg {width:100%; height:auto;}

.info-creche-bettembourg p {text-align:justify;}

.info-creche-bettembourg h1 {font-family:KronikaRegular; font-size:36px; text-align:left!important; font-weight:normal; color:#00b1e2;}

.info-creche-differdange {width:100%; height:auto;}

.info-creche-differdange p {text-align:justify;}

.info-creche-differdange h1 {font-family:KronikaRegular; font-size:36px; text-align:left!important; font-weight:normal; color:#92a828;}

.info-creche-differdange {width:100%; height:auto;}

.info-creche-differdange p {text-align:justify;}

.info-creche-differdange h1 {font-family:KronikaRegular; font-size:36px; text-align:left!important; font-weight:normal; color:#bfd730;}

.info-creche-obercorn {width:100%; height:auto;}

.info-creche-obercorn p {text-align:justify;}

.info-creche-obercorn h1 {font-family:KronikaRegular; font-size:36px; text-align:left!important; font-weight:normal; color:#bfd730;}

.info-creche-strassen {width:100%; height:auto;}

.info-creche-strassen p {text-align:justify;}

.info-creche-strassen h1 {font-family:KronikaRegular; font-size:36px; text-align:left!important; font-weight:normal; color:#ef5ba1;}

/* Section picture gallery
============================================================== */

.slide-gallery-wrapper {width:100%; display:inline-block;}

#slide-gallery {max-width:700px!important; height:400px;}

#slide-gallery li {max-width:700px!important; height:400px; overflow:hidden;}

#slide-gallery li img {width:100%; height:auto;}

.picture-gallery {width:100%; height:auto;}	

.picture-gallery h2 {font-family:KronikaRegular; font-size:32px; text-align:left!important; font-weight:normal; color:#26a9d1;} 

.picture-gallery-container {display:flex; justify-content:center;}

.thumbnail-wrapper {width:98%;} 

.thumbnail-custom {width:110px; height:60px; overflow:hidden; margin:0px 2px; display:inline-block; border:#c7c7c7 1px solid;}

.thumbnail-custom img {width:100%; height:auto;}

/* Section map
============================================================== */

.map {width:100%; height:500px; border-top:#c7c7c7 1px solid;}

#map_canvas_noertzange {width:100%; height:500px;}
#map_canvas_grevenmacher {width:100%; height:500px;}
#map_canvas_bettembourg {width:100%; height:500px;}
#map_canvas_differdange{width:100%; height:500px;}
#map_canvas_obercorn {width:100%; height:500px;}
#map_canvas_strassen {width:100%; height:500px;}

.map-fonts p {font-size:14px; color:#767676;}

.map-fonts h4 {font-size:18px; color:#00b1e2; font-weight:normal; display:inline-block; padding:0; margin:0;}

.map-fonts a {color:#00b1e2; font-size:14px;}

.tel:before {font-family:fontAwesome; content:'\f095'; color:#767676; font-size:14px; margin-right:2%;}

.email:before {font-family:fontAwesome; content:'\f0e0'; color:#767676; font-size:14px; margin-right:2%;}

.infoWindowImage {width:70px; height:90px; position:absolute; top:2%; right:2%;}

.infoWindowImage img {width:100%; height:auto;}

/* Section images
============================================================== */

.section-image-float-left {float:left; width:28%; height:auto; margin-right:4%; overflow:hidden; border:#c7c7c7 1px solid;}

.section-image-float-left img {width:100%; height:auto;}

.section-image-float-right {float:right; width:28%; height:auto; margin-left:4%; overflow:hidden; border:#c7c7c7 1px solid;}

.section-image-float-right img {width:100%; height:auto;}

/* Team members
============================================================== */

.team-gallery  h2 {font-family:KronikaRegular; font-size:32px; text-align:left!important; font-weight:normal; color:#26a9d1;} 

.member-box {width:200px; overflow:hidden; position:relative; float:left; margin:1%;}

.member-box-image-holder {width:200px; height:220px; overflow:hidden; border:#c7c7c7 1px solid;}

.member-box-image-holder img {width:100%; height:auto; }

.member-box-name {width:100%; color:#fff; padding:5px; text-align:left;}

.member-box-name p {color:#00b1e2; line-height:20px;}

.member-box-title {width:100%; color:#fff; padding:5px; text-align:left;}

.member-box-title p {font-size:14px; color:#00b1e2; line-height:18px;}

.section-members {width:100%;}

.row-file-upload-edit {display:block;line-height:25px; overflow:auto; padding:15px 0px; width:250px;}

.row-file-upload-edit .label {font-size:16px; font-weight:normal; color:#111111; width:180px; text-align:left; padding-right:10px; margin-right:10px; }

.row-file-upload-edit .inputfile {width:180px;}

/* Footer
============================================================== */

.footer {width:98%; padding:1%; min-height:150px; text-align:center; color:#fff; position:relative; padding-top:40px; background:#92a828; border-top:#6d8305 1px solid;}

.footer h2 {font-family:KronikaRegular; font-size:32px; text-align:left!important; font-weight:normal; color:#fff;}

.footer-logo {width:50%; margin:auto;}

.footer-logo img {width:100%; height:auto;}

.address {width:32.333333%; float:left; padding:0.5%; margin-bottom:2%; text-align:left;}

.address h3 {color:#fff; font-size:18px; font-weight:normal; font-family:KronikaRegular; border:none!important;}

.address p {color:#fff; font-size:14px; font-family:OpenSansRegular;}

.address a {color:#fff; text-decoration:none;}

.address .tel:before {font-family:FontAwesome; color:#fff; font-size:14px; margin-right:5px; content:'\f095';}

.address .email:before {font-family:FontAwesome; color:#fff; font-size:14px; margin-right:5px; content:'\f0e0';}

/* Davency
============================================================== */

.davency {width:90%!important; margin:auto; height:18px; text-align:left!important; position:absolute; bottom:6%; left:2%}

.davency p {font-size:12px;}

.davency a {color:#fff; font-size:12px; text-decoration:none; -webkit-transition: all 0.6s ease-out; -ms-transition:all 0.6s ease-out;  transition: all 0.6s ease-out;}

.davency a:hover {font-size:16px;}

.clearFix {clear:both;}

.col-2 {width:48%; height:400px; float:left; margin:0.5%;}

.col-2 p {text-align:left justify;}

.col-2 h2 {font-size:36px; font-weight:normal; font-family:KronikaRegular; text-align:center; color:#26a9d1;}

.center-text {text-align:center;}

.left-text {text-align:left;}

.col-2-image {max-width:250px; max-height:150px; display:block; margin:auto;}

.col-2-image img {width:100%; height:auto;}

.green-title {color:#bfd730!important;}

.button-green {background:#bfd730; padding:1% 2%; font-family:KronikaRegular; font-size:18px; color:#fff; border-radius:6px; display:inline-block; margin:auto!important; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

a.button-green:hover {padding:2% 3%;}

.button-orange {background:#ff9d1f; padding:1% 2%; font-family:KronikaRegular; font-size:14px; color:#fff; border-radius:6px; display:inline-block; margin:auto!important; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

a.button-green:hover {padding:2% 3%;}

.button-pink {background:#ef5ba1; padding:1% 2%; font-family:KronikaRegular; font-size:18px; color:#fff; border:#fff 2px solid; border-radius:6px; display:inline-block; margin:auto!important; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

.button-blue {background:#00b1e2; padding:1% 2%; font-family:KronikaRegular; font-size:18px; color:#fff; border:#fff 2px solid; border-radius:6px; display:inline-block; margin:auto!important; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

a.button-blue:hover {padding:2% 3%;}


/* Creche boxes
============================================================== */

.col-3 {width:32.333333%; float:left; margin:0.5%;}

.creche-box {width:100%; max-height:280px; overflow:hidden; position:relative; border:#c7c7c7 1px solid;}

.creche-box img {width:100%; height:auto; vertical-align:top;}

.creche-box .text-field {width:100%; text-align:center; position:absolute; top:30%; }

.creche-box .text-field span {color:#fff; font-size:42px; font-weight:normal; font-family:KronikaRegular; padding:1% 2%; border-radius:5px; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

.creche-box .curtain {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

.overlay-pic-left {width:20%; position:absolute; overflow:hidden; left:0; bottom:0; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

.overlay-pic-left img {width:100%; height:auto;}

.overlay-pic-right {width:20%; position:absolute; overflow:hidden; right:0; bottom:0; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out;  transition: all 0.4s ease-out;}

.overlay-pic-right img {width:100%; height:auto;}

.creche-box:hover > .curtain {background:rgba(0,0,0,0.5); cursor:pointer;}

.creche-box:hover > .text-field span {font-size:36px;}

.creche-box:hover > .overlay-pic-left {width:30%;}

.creche-box:hover > .overlay-pic-right {width:30%;}

/* News box
============================================================== */

.news-box {width:60%; padding:2% 0%; height:180px; box-sizing:border-box; position:relative; border:#c7c7c7 1px solid; margin:auto; overflow:hidden;}

.news-box img {position:absolute;}

.news-box .text-field-news-box {width:100%;  text-align:center; position:absolute; font-family:KronikaRegular;}

.news-box .text-field-news-box h2 {text-align:center; font-size:36px; font-weight:normal;}

.news-box .text-field-news-box h3 {text-align:center; color:#3c3c3c; font-size:22px; font-weight:normal;}

.news-box-left {left:0; bottom:-10px; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition: all 0.4s ease-out;}

.news-box-right {right:0; bottom:-10px; -webkit-transition: all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition: all 0.4s ease-out;}

.news-box:hover > .news-box-left {bottom:0;}

.news-box:hover > .news-box-right {bottom:0;}

/* Contact form
============================================================== */

form {padding:0px; margin:auto; width:80%;}

.row {line-height:40px; overflow:auto; padding:15px 0px; width:100%;}

.row-submit {line-height:25px; overflow:auto; padding:15px 0px; width:32%;}

.row-submit [type=submit] {width:50%; height:40px; font-family:KronikaRegular; font-weight:normal; font-size:18px; border:none; border-radius:6px; background:#ff5daf; padding:3px 0 5px 0; color:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;}

.row .input {float:left; width:100%; font-weight:normal; font-size:14px;}

.row-select {display:inline-block; width:300px line-height:25px; overflow:auto;padding:15px 0px;}

.row-select select {background-color:#fff; width:260px; -webkit-appearance: none;  height:40px; font-size:16px; font-family: OpenSansRegular, Verdana, Geneva, sans-serif; border:#bbbbbb 1px solid; color:#111111; background:rgba(255,255,255,0.6); padding-left:10px; }

#new-select {color:#999999;}

.row-message {line-height:25px; overflow:auto; padding:15px 0px; width:100%;}

.detail {width:98%; font-size:16px; height:40px; font-weight:normal; color:#111111; background:rgba(255,255,255,0.6); border:#bbbbbb 1px solid; padding:4px 5px; display:block; font-family:OpenSansRegular, Verdana, Geneva, sans-serif;}

.Subject {width:260px; height:40px; font-size:16px; font-family:OpenSansRegular, Verdana, Geneva, sans-serif; border:#bbbbbb 1px solid; color:#111111; background:rgba(255,255,255,0.6); padding-left:10px;}

.subjectDetail {height:25px; font-family:OpenSansRegular, Verdana, Geneva, sans-serif; color:#111111; background:rgba(255,255,255,0.6); padding:10px 0px 0px 10px;}

.message {width:98%; height:150px; overflow:auto; font-size:16px; font-weight:normal; font-family: OpenSansRegular, Verdana, Geneva, sans-serif; padding:4px 5px; line-height:1em;  display:block; color:#111111; border:#bbbbbb 1px solid; background:rgba(255,255,255,0.6);}

#submit {float:none;}

::-webkit-input-placeholder { /* Chrome */
  color:#999999;
}
:-ms-input-placeholder { /* IE 10+ */
   color:#999999;
}
::-moz-placeholder { /* Firefox 19+ */
   color:#999999;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
   color:#999999;
  opacity: 1;
}

/* Login form
============================================================== */
.login-form {width:40%; margin:auto;}

.detail-login {width:98%; font-size:16px; height:40px; font-weight:normal; color:#111111; background:#fff; border:#bbbbbb 1px solid; padding:4px 5px; display:block; font-family:OpenSansRegular, Verdana, Geneva, sans-serif;}

.row-submit-login [type=submit] {width:20%; height:40px; font-family:KronikaRegular; font-weight:normal; font-size:18px; border:none; border-radius:6px; background:#fff; padding:3px 0 5px 0; color:#999999; border:#bbbbbb 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;}

.login-page-logo {width:50%; margin:auto;}

.login-page-logo img {width:100%; height:auto;}

/* Anti Spam in form
============================================================== */

.row-anti-spam {line-height:25px; overflow:auto; padding:15px 0px; width:40%;}

.row-anti-spam .label {color:#999999;}

.row-anti-spam .label span {font-size:14px; color:#09c;}

.row-anti-spam .detail {width:20%; font-size:16px; height:20px; font-weight:normal; color:#111111;  background:rgba(255,255,255,0.6); 
border:#09C 1px solid; display:block;}

/* Table
============================================================== */

.timetable {width:100%; border-collapse:collapse;}

.timetable td { border:#dfdfdf 1px solid; padding:2% 0px 2% 3%; width:48%;}

.timetable th {font-family:KronikaRegular; font-size:32px; padding:3% 0%; font-weight:normal; color:#26a9d1; text-align:left;}

/* Adminstration
============================================================== */

#nav-admin {width:1040px;height:30px; position:absolute; top:25px; left:30%; font-size:16px; font-family:OpenSansRegular; text-align:center; font-weight:normal; z-index:11111;}

#nav-admin ul, #nav-admin li {list-style:none; margin:0; padding:0;}

#nav-admin ul {position: relative; z-index: 597; margin:auto;}

#nav-admin ul li {float: left; min-height: 18px; vertical-align: middle; margin-left:1%; margin-right:3%; }

#nav-admin a {color:#fff; font-size:18px; display:block; margin:auto; text-decoration:none; height:20px; padding:2px 8px 10px 8px; text-align:center;  -webkit-transition: all 0.6s ease-out; -ms-transition:all 0.6s ease-out;  transition: all 0.6s ease-out;}

#nav-admin > ul { *display: inline-block; }
 
#nav-admin ul li a:hover {}

#nav-admin ul li a.current {border-bottom:#fff 1px solid;}

#nav-admin ul li a.sub-current {border-bottom:#fff 1px solid;}

#nav-admin ul ul {visibility: hidden; position:relative; top:2px; left:10px; z-index:999999;}

#nav-admin ul ul li {float: none; background:#fff; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} 

#nav-admin ul ul li a { text-align:left;-webkit-transition:none; -ms-transition:none;  transition:none;}

#nav-admin ul ul li a:hover {color:#fff; background:#26a9d1; border:none; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} 

#nav-admin ul ul li a:hover {color:#fff; background:#26a9d1; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}

#nav-admin ul ul li a.current {color:#fff; background:#26a9d1; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}

#nav-admin ul ul li a.sub-current {color:#fff; background:#26a9d1; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}

#nav-admin ul li:hover > ul { visibility: visible;}

a.facebook-icon:hover {background:#fff!important;}

.show-on-small {display:none;}

.light-grey-li li {background:#1980a0!important;}

.nice-admin  {background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #046380), color-stop(100%, #1980a0));
background-image: -moz-linear-gradient(#046380, #1980a0); background-image: -webkit-linear-gradient(#046380, #1980a0);background-image: linear-gradient(#046380, #1980a0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046380', endColorstr='#1980a0',GradientType=0 );}

.header-wrapper-admin {width:100%; height:80px; position:relative; top:0; z-index:1000; background-size:100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #046380), color-stop(100%, #1980a0)); background-image: -moz-linear-gradient(#046380, #1980a0); background-image: -webkit-linear-gradient(#046380, #1980a0); background-image: linear-gradient(#046380, #1980a0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046380', endColorstr='#1980a0',GradientType=0 );}

/* Image gallery
============================================================== */

#events .item-container {width:20%;}


/* Responsive
============================================================== */

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

.col-3 {width:45%; margin: 1.5% 2.2%;}

.address {width:45%; margin:1% 1%;}

}

@media screen and (max-width:1320px) {
	
.show-on-small {display: block; position:absolute; width:45px; height:45px; top:10px; right:40px; z-index:1000; background-color:#af0007;  background:url(../images/mobile-menu-icon.png) no-repeat;}
  
a.show-on-small {color:#fff; text-decoration:none;}

#nav-main {position:absolute; right:-300px; width:280px; z-index:10009; line-height: 1.8; padding-top:0px; top:85px; z-index: 9999; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

#nav-main ul {width:180px;}
  
#nav-main li {float:none; margin-left:0px!important; padding:0px!important; height:40px!important; width:180px; background:#fff; border-left:#c7c7c7 1px solid; border-right:#c7c7c7 1px solid;}

#nav-main li:first-child {border-top:#c7c7c7 1px solid;}

#nav-main li:last-child {border-bottom:#c7c7c7 1px solid;}
  
#nav-main li a {font-size:18px; font-weight:normal; width:170px; height:40px; padding:0px 0px 4px 10px; border:none!important; -moz-border-radius:0px; -webkit-border-radius: 0px; border-radius: 0px;text-decoration:none;  text-align:left; -webkit-transition:none; -ms-transition:none; transition:none;  padding-top:5px;} 
  
#nav-main li:last-child a {padding:0px 0px 0px 10px;}

.facebook-icon {height:30px!important; padding: 0px 0px 0px 0px!important; border:#000 1px solid;}

.facebook-icon:before {-webkit-transition:none; -ms-transition:none; border:none; border-radius:0px;}

#nav-main ul ul {visibility: hidden; position:relative; top:-9px; left:-100px;  z-index:598; }

#nav-main ul ul li {float:none; background:#fff;; width:180px; float:none; margin:0px; padding:0px!important; height:40px!important;} 

#nav-main ul ul li a {padding:0px 0px 0px 10px; width:168px; line-height:40px;  -webkit-transition:none; -ms-transition:none;  transition:none; }

#nav-main ul ul li a:hover {color:#fff;  -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px} 

#nav-main ul li:hover > ul { visibility: visible;}	

#nav-main.menuIsActive {-webkit-transform: translate3d(-260px,0, 0); -moz-transform: translate3d(-260px,0, 0); transform: translate3d(-260px,0, 0);	     -webkit-overflow-scrolling: touch; }
  
.no-csstransforms3d #nav-main.menuIsActive {right:0;} 
	
}
	 
@media screen and (max-width:1000px) {
	
.col-3 {width:90%; margin: 2% auto; float:none;}
  
.overlay-pic-left {width:15%;} 
	
.overlay-pic-right {width:15%;}  
  
.creche-box:hover > .overlay-pic-left {width:20%;}

.creche-box:hover > .overlay-pic-right {width:20%;}  
}
	 
@media screen and (max-width:850px) { 

.welcome-title-image {width:100px; height:118px; margin:auto;}

.subtitle {width:98%;}

}
	 
@media screen and (max-width:800px) {
	
.col-2 {width:80%; margin:auto; float:none;}

.top-index {top:30%;}

.welcome-title h1 {font-size:50px;}
  
.header-logo {top:0; left:0; width:178px; height:38px;}

.header-logo img {width:100%; height:auto;}
	
}
	 
@media screen and (max-width:770px) {
		 
.title-section h1 {font-size:36px;}  
  
.title-section-image {max-width:210px; max-height:110px;}  
  
.top-creche {top:18%;}	
 
}

@media screen and (max-width:730px) {
		 
.welcome-title-index h1 {font-size:26px;}
 
}
	 
@media screen and (max-width:680px) {
	
.welcome-title h1 {font-size:40px;}

.address {width:60%; margin: 2% auto; float:none;}

.davency {bottom:0;}
  
.welcome-title-index p {display:none;}
	
}
	 
@media screen and (max-width:600px) {

.header-logo {top:0; left:0; width:100px; height:19px; overflow:hidden;}
  
.top-index {top:18%;}
 
.welcome-title h1 {font-size:28px;}
  
.welcome-title-image {width:60px; height:78px; margin:auto;}
 
.page-wrapper h2  {font-size:22px;} 
  
.concept-creche h2 {font-size:22px;}

.timetable th {font-size:22px;}  
  
.charte-creche h2 {font-size:22px;}  
  
.picture-gallery h2 {font-size:22px;}
  
.team-wrapper-inside h2 {font-size:22px;}
  
.about-creche h2 {font-size:22px;} 
  
h2.green-title {font-size:28px!important;}
  
.footer h2 {font-size:22px;}
  
.highlight-blue {font-size:16px; font-weight:normal;}  

}

@media screen and (max-width:490px) {
	
.welcome-title-image {display:none;}

.top-creche {top:20%;}
  
.title-section-image {max-width:180px; max-height:80px; margin-bottom:5px;}    
  
.title-section h1 {font-size:26px;}    

.subtitle {font-size:14px;}	

.section-image-float-right {display:none;}  
  
.section-image-float-left {display:none;}
  
}

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

.member-box {float:none; margin:auto; margin-bottom:10px;}
  
.creche-box .text-field span {font-size:36px;}

}

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

.creche-box .text-field span {font-size:28px;}

}

/* Joomla stuff */

.item-101 {display:none;}

.item-113 a {color:#fff!important; width:60px;}

.item-113 a:hover {background:#fff!important;}

.item-113 a:before {font-family:FontAwesome; content:'\f09a'; color:#999999; padding:6px 10px; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.6s ease-out; -ms-transition:all 0.6s ease-out;  transition: all 0.6s ease-out;}

.item-113 a:hover:before {color:#fff; background:#26a9d1;}

/* Login form */ 

#login-form {width:60%; margin:auto;}

#login-form .unstyled {display:none;}

.input-small {width:98%; font-size:16px; height:40px; margin-bottom:40px;font-weight:normal; color:#111111; background:rgba(255,255,255,0.6); border:#bbbbbb 1px solid; padding:4px 5px; display:block; font-family:OpenSansRegular, Verdana, Geneva, sans-serif;}

#form-login-remember {display:none;}

.element-invisible {display:none;}

.btn-primary {width:200px; height:40px; font-family:KronikaRegular; font-weight:normal; font-size:18px; border:none; border-radius:6px; background:#fff; padding:3px 0 5px 0; color:#999999; border:#bbbbbb 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; margin-top:10px;}

/* Picture galleries parents */

.eventgallery-category-headline {display:none;}

.date {display:none;}

.displayname {font-weight:normal; font-family:KronikaRegular; color:#26a9d1;}

.thumbnail-container {margin-bottom:20px;}

/* Frontend Editor */ 

#publishing, #language, #metadata {display:none;}