/*e_y_theme CSS*/

/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Libre Baskerville', serif;

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,300,700,800&subset=latin,greek-ext);
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;300&display=swap');
@import "compass/css3"

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*body,
html,
nav,
section { height: 100%; }*/

/*ADMIN*/
nav.tabs {border: 0; background: transparent;}
nav.tabs ul { display: table; margin-bottom: 30px; border-bottom: 1px solid;}
nav.tabs ul li { list-style: none; float: left; border-right: 1px solid; border-top: 1px solid; }
nav.tabs ul li:first-child {border-left: 1px solid;}
nav.tabs ul li a { padding: 5px 20px; display: table; color: #000;}
nav.tabs ul li a:hover { background-color: #365f14; color: #fff;}
nav.tabs ul li a.is-active { background-color: #5da423; color: #fff;}



:root {
  --primary: #222222;
  --body: #555555;
  --secondary: #F59810;
  --title: #666666;
  --subtitle: #333333;
  --background: #f0eeee;
}


html body {font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important; font-size: 1rem; background: var(--primary); color: var(--body); font-weight: 600;}

h1, .h1,
h2, .h2 { color: #666666; text-shadow: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 100; color: var(--title); }

h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 1.8rem; color: var(--title); }

h5, .h5 {font-size: 1.6rem;}
h6, .h6 {font-size: 1.4rem;}


h2.node__title.title.sr-only {display: none;}





main {background: var(--background); padding-bottom: 2rem;}

.header-container { padding: 2rem 0; }
.responsive-menu-social-cont { float: right; }
.form-actions.js-form-wrapper.form-wrapper { }
.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label { float: left; }

.block__content.block-search__content form  {width: 50%;}
.block__content.block-search__content form input {background: transparent; border: unset; border-bottom: 1px solid #fff; -webkit-box-shadow: unset; box-shadow: unset; margin-bottom: 0;}
.form-actions {}

/*Responsive Menu*/
.block-cheeseburgermenu__trigger-element span:nth-of-type(1) { top: 8px; }
.block-cheeseburgermenu__trigger-element span:nth-of-type(2) { top: 17px; }
.block-cheeseburgermenu__trigger-element span:nth-of-type(3) { top: 27px; }

.block-cheeseburgermenu__trigger-element { background: transparent; }
div#block-cheeseburgermenutrigger { display: table; float: right; background: transparent; }
.block-cheeseburgermenu__trigger-element span {background: #fff;}

.cheeseburger-menu__side-menu {}
.cheeseburger-menu__item.in-active-trail>a,
.cheeseburger-menu__item-label:hover {text-decoration: none ; color: var(--secondary);}
/*.block-cheeseburgermenu-container { width: 100%; right: 0; left: auto; transform: translateX(100%); }*/

.responsive_menu.cell.shrink { margin-left: 1rem; } 


.cheeseburger-menu__side-menu {left: unset; right: 0; } 
.block-cheeseburgermenu-container { width: 100%; z-index: 201; transform: translateX(100%);}
.block-cheeseburgermenu-container--is-open {width: 100%; z-index: 201; transform: translateX(0%);}
.cheeseburger-menu__main-navigation-area>div:last-child { border-bottom: 0; display: flex; align-items: center; justify-content: center;  width: 100%; }
ul.cheeseburger-menu__mainmenu { font-size: 2.5rem; width: 100%; }
.cheeseburger-menu__main-navigation-area { padding-bottom: 0; border-bottom: 0; display: flex; align-items: stretch; justify-content: center; width: 100%; flex-direction: column; flex-wrap: nowrap; justify-content: center; }

.cheeseburger-menu__item-label {flex: unset;}



/*HEADER*/
.row.main-container { margin-bottom: 40px; }


.page-title {  animation: fadein 2s; -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */ }
h1.page-title  {  font-size: 2.5rem; }


nav.block-menu .block-menu__content ul li:last-child a:hover { background: rgba(37, 141, 173, 1); color: #fff; }


.mm-panels ul.mm-listview li:last-child a { color: #fff; text-align: center; background: #2ba6cb; font-family: Raleway; font-size: 1.5rem; padding: 22px; font-weight: 600; letter-spacing: 2px; }

.head-slider div,
div.views_slideshow_slide,
.head-slider .skin-default img {width: 100% !important;}

.contextual { z-index: 9999; }

.text-left {text-align: left;}
.path-frontpage .page-title {display: none;}

.page-node-11 .group-header img {width: 100%;}

.dates-homepage { padding: 15px 40px;  font-size: 1.5rem; /*border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.5);*/ display: table; margin: auto; margin-top: 27px; border-radius: 50px; }


/*FORMS*/

/*3LOGOS*/
.HeadLogosCont {margin: 0 auto; margin: 0 auto;  background: var(--primary); width: 100%;}

.HeadAllLogosCont { display: flex; flex-wrap: nowrap; justify-content: center; }

.HeadLogos {float: left; padding: 0 20px; margin: 10px 0; border-left: 1px solid #666;}
.HeadLogos.lotus  {border-right: 1px solid #666;}



/*PARAGRAPHS*/
/*SLIDER*/
.carousel-slider img { width: 100%; }
.slider-title.h2 { position: absolute; z-index: 9; position: absolute; bottom: 3rem; left: 3rem; font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif !important; color: #fff;}
.carousel-slider { position: relative; }
.slick-arrow::before { color: var(--secondary); position: absolute; bottom: 5%; }
.slick-prev:before, .slick-next:before {font-family: unset;}
.slick__arrow { top: 0; height: 100%;}
.slick-arrow { height: 100%; width: 100px; display: flex; justify-content: center; -webkit-transform: translateY(0%); transform: translateY(0%); /*background-color: rgb(0 0 0 / 25%);*/}
.slick-arrow:hover::before { color: #ffffff; }
/*.slick-arrow:hover { background-color: rgb(0 0 0 / 25%); }*/

.image-banner {position: relative;} 
.image-banner .image-banner-title { font-family: 'Overpass', sans-serif; color: #999; text-align: center; font-size: 2.5rem; line-height: 1; letter-spacing: 3px; font-weight: 100; }
.image-banner .image-banner-subtitle { font-family: 'Overpass', sans-serif; color: #999; text-align: center; font-size: 2rem; line-height: 1; letter-spacing: 3px; font-weight: 100; } 
 
    .banner-text-container {position: absolute; top: 10%; left: 50%; transform: translate(-50%, -10%); z-index: 99; width: 100%;}

.image-box-container .h2 {text-align: center; margin-bottom: 2rem;}
.image-box-container .aloha_class .paragraph--type--image-box {text-align: center;}

.enable-bottom-padding { padding-bottom: 2rem; }
.enable-top-padding { padding-top: 2rem; }


.image-box-cta { text-align: center; display: flex; justify-content: flex-end; margin: 1rem 0; }
.image-box-cta a {text-align: center; color: var(--secondary); font-size: 1.3rem; font-weight: 400; /*padding: 0rem 2rem;*/ }
.image-box-cta a:after {content: "...";}


.service-aftercare .cell { display: flex; justify-content: center;}
.service-aftercare a { margin: 0; text-align: center; font-size: 1.5rem; color: var(--primary); font-weight: bold; }
.service-aftercare a:after { display: none; }
.service-aftercare .box-image { display: flex; flex-wrap: nowrap; flex-direction: column; align-content: center; align-items: center; justify-content: center; height: 100%; }
.service-aftercare .image-box-cta { margin: auto; margin-bottom: 3rem; }
.service-aftercare .paragraph--type--image-box { display: flex; flex-wrap: nowrap; flex-direction: column; align-content: center; }




/*FOUNDATION OVERWRITES*/
blockquote:before { content: "\201C"; font-size: 5rem; width: 20px; line-height: 1;    /* height: 20px; */    /* overflow: hidden; */
float: left; }
blockquote:after { content: "\201d"; font-size: 5rem; width: 20px; line-height: 1;    /* height: 20px; */    /* overflow: hidden; */
float: left; }
blockquote,
blockquote p { border: none; font-size: 1.2rem; color: #727272; padding: 0.25rem; border-radius: 25px; }
.off-canvas-wrapper { position: absolute; overflow: hidden; display: none; }

a {cursor: pointer !important;}

/*SOCIAL MEDIA*/

.seperator { border-bottom: 1px solid #666; width: 50%; margin: auto; }


.social { display: table; margin: auto; }
.social ul {display: flex; justify-content: flex-start; margin: 0;}
.social ul li { list-style: none; margin-right: 0.5rem;}
.social ul li a { display: block; position: relative; width: 30px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; text-decoration: none; color: var(--primary); margin: 0px; transition: .5s; border-radius: 50%; overflow: hidden;}
.social ul li a span { position: absolute; transition: transform .5s; }
.social ul li a span:nth-child(1),
.social ul li a span:nth-child(3) { width: 100%; height: 18px; background: var(--secondary); z-index: -1;}

.social ul li a span:nth-child(1) { top: 0; left: 0; transform-origin: right; }
.social ul li a:hover span:nth-child(1) { transform: scaleX(0); transform-origin: left; transition: transform .5s; }
.social ul li a span:nth-child(3) { bottom: 0; left: 0; transform-origin: left; }
.social ul li a:hover span:nth-child(3) { transform: scaleX(0); transform-origin: right; transition: transform .5s; }
.social ul li a span:nth-child(2),
.social ul li a span:nth-child(4) { width: 18px; height: 100%; background: #ffffff; z-index: -1;}
.social ul li a span:nth-child(2) { top: 0; left: 0; transform: scale(0); transform-origin: bottom; }
.social ul li a:hover span:nth-child(2) { transform: scale(1); transform-origin: top; transition: transform .5s; }
.social ul li a span:nth-child(4) { top: 0; right: 0; transform: scale(0); transform-origin: top; }
.social ul li a:hover span:nth-child(4) { transform: scale(1); transform-origin: bottom; transition: transform .5s; }
.social ul li a.facebook:hover { color: #3b5998; }
.facebook:hover span { background: #3b5998; }
.social ul li a.instagram:hover { color: #c32aa3; }
.instagram:hover span { background: #c32aa3; }

.social ul li a:hover:nth-child(3) { color: #c32aa3; }
.social ul li a:hover:nth-child(4) { color: #dd4b39; }


.page-node-25 main {background: #303030;}
.service-aftercare  { padding: 14rem 0; }
.service-aftercare h1 {  }
.service-aftercare img { margin: auto; }


.cheeseburger-menu__main-navigation-area>div:last-child{display: none;}



.contact-form-box {padding-top: 2rem;}
.contact-form-box .contact-form-fields-container {}
.contact-form-box .contact-form-address {padding-top: 2rem; padding-left: 1rem;}
.webform-button--submit { background-color: var(--primary); float: right; }

.footer-container .footer-column-1 h2,
.footer-container .footer-column-2 h2,
.footer-container .footer-column-3 h2 { font-size: 1.5rem; font-weight: 400; color: #ddd; }
footer.footer-container { padding-top: 20px; font-size: 0.9rem; color: #999; text-align: center; }
.footer-copyright { text-align: center; background: #ddd; padding: 0.5rem 0; font-size: 0.8rem; }

.cc_container {background: #424242; border-radius: 13px;}
.cc_container .cc_logo {background-image: none;}
.cc_container .cc_btn, .cc_container .cc_btn:visited {background-color: #F59810 ;}


/* Small only */
@media screen and (max-width:39.9375em) {
	ul.cheeseburger-menu__mainmenu { font-size: 1.7rem; width: 100%; }
	.block-cheeseburgermenu-container--with-navigation { padding-left: 20px; padding-right: 20px  }
	.cheeseburger-menu__main-navigation-area>div:last-child {display: block;}
}

/* Small and Medium */
@media screen and (max-width:63.9375em) {}

/* Medium and up */
@media screen and (min-width:40em) {}

/* Medium only */
@media screen and (min-width:40em) and (max-width:63.9375em) {}

/* Large and up */
@media screen and (min-width:64em) {}

/* Large only */
@media screen and (min-width:64em) and (max-width:74.9375em) { }

@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fadein {

	/* Firefox */
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes fadein {

	/* Safari and Chrome */
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes fadein {

	/* Opera */
	from { opacity: 0; }
	to { opacity: 1; }
}