@import url("colors.css");
@import url("../fonts/fontawesome-free-5.1.0-web/css/all.css");
@import url("../fonts/icons/style.css");
@import url("../fonts/softub-v1.0/style.css");
@import url("../fonts/softub2-v1.1/style.css");
@import url("../fonts/lusitana-v7-latin/styles.css");
@import url("../fonts/raleway-v14-latin/styles.css");



.extbase-debugger{
  z-index:99999;
}



/****  GENERAL  ****/
*{
  padding:0px;
  margin:0px;
  border:0px;
}
html{
  width:100%;
  height:100%;
}
body{
  position:relative;
  width:100%;
  height:100%;
  background-color:#ffffff;
  color:var(--text);
  font-family: 'Raleway';
  font-family: 'Lusitana';
  font-weight:normal;
  font-size:16px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-variant-numeric: lining-nums;

}

body{ font-size:calc(14px + .25vw); }

@media screen and (min-width:1440px) {
	body{ font-size: 16px; }
}
.ce-bodytext p:not(.singleLine){
  font-size:1.2em;
}


sub{
  margin-right:0.5em;
}
pre{
  text-align:left;
  max-height:500px;
}
input,textarea{
  font-variant-numeric: lining-nums;
}
input[type="text"]:focus,
textarea:focus{
  outline:0;
}
.form-control:focus{
  /* color: inherit;
  background-color: inherit;
  border-color: transparent;
  outline: 0;
  box-shadow: none; */
}
a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}
p {
  margin: 0;
}
hr{
  border-top: 1px solid var(--text);
}
h1,h2,h3,h4,h5{
  font-family: 'Raleway';
  font-weight:900;
  line-height:normal;
  margin:0 0 0.5em 0;
  text-transform:uppercase;
  color:var(--primary);
}
h1{
  font-size:3.5em;
}
h2{
  font-size:2.5em;
}
h3{
  font-size:1.5em;
}
h4{
  font-size:1.25em;
}
h5{
  font-size:1.125em;
}

h1 p,h2 p,h3 p,h4 p,h5 p{
  font-weight:normal;
}
strong{
	font-weight:900;
}
.singleLine{
	line-height:1!important;
}
.singleLine span {
  word-break: break-all;
}



a.button{
  padding:0.5em 0;
  display:inline-block;
  text-decoration:underline;
}


.ce-headline-center{
  text-align:center;
}
.ce-headline-right{
  text-align:right;
}
.ce-headline-left{
  text-align:left;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
.bold {
  font-weight:bold;
}
.loader{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:99999;
}
.loader i{
  color:var(--primary);
}
.overlay {
  position: fixed;
  top:0;
  left:0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.55);
  z-index: 1040;
  display: none;
}
.align-center{
  text-align:center;
}
.align-right{
  text-align:right;
}
.align-justify{
  text-align:justify;
}
.width-10{ width:10% !important; }
.width-20{ width:20% !important; }
.width-30{ width:30% !important; }
.width-40{ width:40% !important; }
.width-50{ width:50% !important; }
.width-60{ width:60% !important; }
.width-70{ width:70% !important; }
.width-80{ width:80% !important; }
.width-90{ width:90% !important; }
.width-100{ width:100% !important; }
.divider hr {
  margin-top: 2em;
  margin-bottom: 2em;
  border: 0;
  border-top: 1px solid #cccccc;
}
ul, ol {
  margin-top: 0;
  margin-bottom: 0px;
}
.body{
  position:relative;
}
html.nav-shown, html.nav-shown body {
  /* margin: 0; */
  /* height: 100%; */
  /* overflow: hidden; */
}




.shell{
  min-height:100vh;
  display:flex;
  width:100%;
  flex-direction: column;

  -webkit-transition: all .3s ease-in;
  -moz-transition:  all .3s ease-in;
    -ms-transition:  all .3s ease-in;
        transition: all .3s ease-in;
}
.shell > *{
  flex:0 1 auto;
}


main{
  flex:1 !important;
  /* min-height:250vh; */
}
footer{

}

.frame-indent-left{
  padding-left:3em;
}
.container-fluid .frame-indent-left{
  padding-left:5.6%;
}
@media screen and (min-width:1440px) {
  .frame-layout-1{
    font-size:1.2em;
  }
}


/* .sticky-wrapper{
  z-index:9999;
  background:transparent;
  position:fixed;
  top:0;
  width:100%;
} */
.shell.no-header .sticky-wrapper{
  position:relative;
}
.head {
  position:relative;
  z-index:999;
  -moz-box-shadow:    0px 3px 3px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
  box-shadow:         0px 3px 3px 0px rgba(0,0,0,0.3);
  font-family: 'Raleway';
}
.head.stuck {
  position:fixed;
  top:0;
  width:100%;
  z-index:999;
}
.head{
  -webkit-transition: all .3s ease-in;
  -moz-transition:  all .3s ease-in;
    -ms-transition:  all .3s ease-in;
        transition: all .3s ease-in;
}
.head > .container-fluid{
  width:auto;
  margin:0 9%;
  padding:1.25em 0;
  position:relative;
  -webkit-transition: all .2s ease-in;
  -moz-transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
        transition: all .2s ease-in;
}
.head.shrinked > .container-fluid{
  padding:0.25em 0;
}








.navbar ul{
  list-style:none;
  margin:0;
}
.navbar ul li{
  padding:0;
}
.navbar{
  padding:0;
}















.navbar-toggle{
  display:none;
}
.navbar-brand{
  width:11.5%;
  min-width:80px;
  /* min-width:100px;
  max-width:250px; */
  padding-top:0;
  padding-bottom:0;
  position:relative;

  /* align-self: flex-end; */
  -webkit-transition: all .25s ease-in;
  -moz-transition:  all .25s ease-in;
  -ms-transition:  all .25s ease-in;
  transition: all .25s ease-in;
}
.navbar-brand .logo{

}
.navbar-brand .logo svg{
  width:100%;
  height:auto;
}



.collapse:not(.show) {
  /* display: none!important; */
}
.navbar-collapse{
  background-color:#ffffff;
}
.navbar-collapse.collapsing{
  position:absolute;
}
.navbar-collapse > .container{
  display:flex;
}
.navbar-collapse .site-nav{
  flex-direction:row;
  margin-right:2em;
  justify-content: space-between;
}
.navbar-collapse .site-nav > li{
  flex:1 1 auto;
}



.navbar-meta{
  display:flex;
  flex-direction: row;
  /* align-items:center; */
}
.head .footer-link{
  background-color:#c61118;
  color:#ffffff;
  padding:0.5em 0.75em;
}
.head .footer-link p{
  line-height:1.1;
}

#contact-menu li{
  text-align:center;
  padding:0 1em;
  border-right:1px solid #e4e1dc;
}
#contact-menu li:last-child{
  border-right:0px solid transparent;
}
#contact-menu li a img{
  height:1.5em!important;
  width:auto!important;
  max-width:100px;
}
#contact-menu li a .link-title{
  display:block;
  font-weight:500;
  font-size:0.8em;
  padding:0.4em 0 0 0 ;
}
#contact-menu li a img + .link-title{

}





/*
  NAVIGATION
*/

.navbar-collapse{
  -webkit-transition: all .15s ease-in;
  -moz-transition:  all .15s ease-in;
  -ms-transition:  all .15s ease-in;
  transition: all .15s ease-in;
}
.navbar-collapse .nav > li > a{
  text-transform:uppercase;
  font-weight:600;
  position:relative;

}
.navbar-collapse ul{
  margin:0;
  padding: 0;
  list-style: none;
}
.navbar-collapse ul li{
  position:relative;
}
.nav  li .item-wrap{
  position:relative;
}
.navbar .site-nav > li{
  padding:0.25em 0.5em; /* PADDING FIRST LEVEL */
  text-align:center;
}
.navbar .site-nav > li.active > a{
  color:var(--primary);
}
.site-nav > li > ul >li{
  padding:0.25em 1em; /* PADDING SECOND LEVEL */
  white-space:nowrap;
}
.navbar-collapse .site-nav > li > ul > li > ul{
  padding-bottom:1em;
}
.site-nav > li > ul > li > ul > li{
  padding:0.1em 0.5em 0.1em 1em; /* PADDING THIRD LEVEL */
}
.nav > li > ul{
  list-style: none;
  position: absolute;
  z-index: 98;
  text-align:left;
  background-color:rgba(255,255,255,1);
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  padding:0em 0 0em 0;
  visibility:hidden;
  top:70%;
  left:0;
  opacity:0;
}
.nav > li:hover > ul{
  visibility:visible;
  top:100%;
  opacity:1;
}
.nav  li .sub-indicator{
  display:block;
  width:0.5em;
  height:0.5em;
  margin:0 auto;
  background-color:#ffffff;
  border-bottom:2px solid var(--tertiary);
  border-right:2px solid var(--tertiary);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.nav > li.has-sub > span:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -0.5em;
  left: 0;
  background-color: var(--tertiary);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.nav > li.has-sub:hover > span:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.head .navbar .navbar-collapse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-grow: initial;
}

.navbar-toggle{
  width:30px;
  height:24px;
  z-index:999;
  padding:0;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger:focus{
  outline:0;
}
.hamburger-inner {
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 28px;
  height: 2px;
  background-color: var(--primary);
  /* background-color:#ffffff; */
  border-radius:0;
  /* -moz-box-shadow:    1px 2px 2px 0px rgba(0,0,0,0.6);
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.6);
  box-shadow:         1px 2px 2px 0px rgba(0,0,0,0.6); */
}
.head.shrinked .hamburger-inner,.head.shrinked .hamburger-inner::before,.head.shrinked .hamburger-inner::after {
  background-color: var(--primary);
}

.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}
.hamburger-box {
  width: 100%;
  height: 100%;
}



.container-fluid{
  padding:0;
  margin:0;
}
.container{
  max-width:100%;
  padding:0 4%;
}

.container .content-callout{
  width:13%;
  max-width:226px;
  min-width:64px;
}
.container .grid .col-lg .content-callout{
  width:22%;
  max-width:250px;
  min-width:100px;
}
.container .grid.cols-3-2 .col-lg .content-callout{
  width:30%;
  max-width:250px;
  min-width:100px;
}

.container .content-callout.align-center{
  margin:0 auto;
}
.frame-has-callout{
  position:relative;
}
.frame-has-callout .content-callout{
  position:absolute;
  left:50%;
  transform:translateX(-50%) translateY(-26%);
  z-index:9;
}
.frame-has-callout .content-callout.align-left{
  left:0;
  transform:translateX(0%) translateY(-26%);
}




.grid.cols-4 .col > .container,
.grid.cols-4 .col > .container-fluid{
  height:100%;
}
.grid .col .frame-type-blank_page_pi10,
.grid .col .frame-type-blank_page_pi10 .text-image-teaser{
  height:100%;
}

.ce-textpic.ce-right.ce-intext{
  display:flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}


.text-image-teaser{
  background-color: #3098B7;
  position:relative;
  overflow:hidden;
}

.text-image-teaser.has-border{
  border:1px solid #3098B7;
}


.text-image-teaser.event-teaser .text .text-content{
  background-color:var(--green);
  color:#ffffff;
}
.text-image-teaser.event-teaser .text header h3{
  color:#ffffff;
}





.text-image-teaser .teaser-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter: blur(1.5rem);
  opacity:0.8;
}
.text-image-teaser .image{
  position:relative;
}
.text-image-teaser .image:before{
  content:"";
  display:block;
  padding-top:75%;
}
.text-image-teaser .image picture{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:cover;
  background-repeat: no-repeat;
}
.text-image-teaser .text{
  padding:0 2em 2em 2em;
  position:relative;
  z-index:2;
  text-align:center;
}
.text-image-teaser .text .text-content{
  background-color:#fff;
  text-align:center;
  padding:1.5em;
  /* transform:translateY(-4em); */
  margin-top:-4em;
  -webkit-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 0.75em 0.5em -0.5em rgba(0,0,0,0.35);
}
.text-image-teaser .text .copy{
  min-height:6em;
}
.text-image-teaser .text .copy .period{
display:block;
}
.text-image-teaser .text .copy .location{
  display:block;
}
.text-image-teaser .text .copy .go-to{
  display:block;
  font-weight:bold;
  margin-top:0.5em;
}
.text-image-teaser .text .copy .go-to i{
  font-size:0.70em;
} 
.text-image-teaser .text header{
  height:3em;
  display:flex;
  align-items: flex-end;
  margin-bottom:1em;
  justify-content: center;
}
.text-image-teaser .text header h3{
  font-size:1.25em;
  text-transform:uppercase;
  color:var(--primary);
}


.container-fluid > .frame > .row{
  margin:0;
}
.container-fluid > .frame.frame-type-gridelements_pi1 > .row{
  /* margin:0 -15px; */
}




.bg-image{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center;
}
.col > .bg-image{

}



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


.contenttable{
  width:100%;
}


.grid.cols-3 .col{
  /* justify-items: center;
  align-self: center; */
}
.grid.cols-3 .col .ce-image .image{
  text-align:center;
}
.grid.cols-3 .col .ce-image .image img{
  max-width:50%;
}





.grid.cols-1-2{

}
.grid.cols-1-2 > .col:nth-child(1){
  -ms-flex: 0 0 33.33334%;
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
}
.grid.cols-1-2 > .col:nth-child(2){
  -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
}

.grid.cols-2-1{

}
.grid.cols-2-1 > .col:nth-child(2){
  -ms-flex: 0 0 33.33334%;
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
}
.grid.cols-2-1 > .col:nth-child(1){
  -ms-flex: 0 0 66.66666%;
    flex: 0 0 66.66666%;
    max-width: 66.66666%;
}

.grid.cols-3-2{

}
.grid.cols-3-2 > .col:nth-child(1){
  -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.grid.cols-3-2 > .col:nth-child(2){
  -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.collage1,
.collage2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1px 1px;
  margin:0;
}
.collage1 .col,
.collage2 .col {
  padding:0;
}
.collage1 .col *,
.collage2 .col *{
  height:100%;
}
.collage1 .col .info-overlay *,
.collage2 .col .info-overlay *{
  height: unset;
}



.collage1 .col:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.collage1 .col:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.collage1 .col:nth-child(3) { grid-area: 1 / 3 / 3 / 4; }
.collage1 .col:nth-child(4) { grid-area: 1 / 4 / 3 / 5; }
.collage1 .col:nth-child(5) { grid-area: 1 / 5 / 3 / 7; }
.collage1 .col:nth-child(6) { grid-area: 2 / 1 / 3 / 3; }

.collage2 .col:nth-child(1) { grid-area: 1 / 1 / 3 / 3; }
.collage2 .col:nth-child(2) { grid-area: 1 / 3 / 3 / 4; }
.collage2 .col:nth-child(3) { grid-area: 1 / 4 / 3 / 5; }
.collage2 .col:nth-child(4) { grid-area: 1 / 5 / 2 / 6; }
.collage2 .col:nth-child(5) { grid-area: 1 / 6 / 2 / 7; }
.collage2 .col:nth-child(6) { grid-area: 2 / 5 / 3 / 7; }





.grid.row.cols-3-2 > div:nth-child(1){
  flex:1 1 60%;
  max-width:60%;
}
.grid.row.cols-3-2 > div:nth-child(2){
  flex:1 1 40%;
  max-width:40%;
}



.info-image a picture{
  position:relative;
  -webkit-transition: all .25s ease-in;
  -moz-transition:  all .25s ease-in;
  -ms-transition:  all .25s ease-in;
  transition: all .25s ease-in;
}
.info-image a picture:before{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  opacity:0;
  left:0;
  -webkit-transition: all .25s ease-in;
  -moz-transition:  all .25s ease-in;
  -ms-transition:  all .25s ease-in;
  transition: all .25s ease-in;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.info-image:hover a picture:before{
  opacity:1;
}
.info-image a picture i{
  position:absolute;
  right:0.5em;
  color:#ffffff;
  bottom:0.5em;
  height:auto!important;
  font-size:2em;
  opacity:0;
  text-shadow:1px 1px 1px rgba(0,0,0,0.7);
}
.info-image:hover a picture i{
  opacity:1;
}


.info-image .info-content{
  display:none;
}
.frame.has-overlay{
  position:relative;
}
.frame .info-overlay{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.8);
  color:#ffffff;
  left:-100%;
  opacity:0;
}
.frame .info-overlay .copy {
  width:45%;
}
.frame .info-overlay .copy hr{
  border-top:1px solid #ffffff;
  /* width:45%; */
}


.frame .info-overlay .row{
  height:100%;
}
.frame .info-overlay .row{
  margin:0;
  align-items:center;
}
.frame .info-overlay .row .col{
  padding:0;

}
.frame .info-overlay .row .col:first-child{
  height:100%;
  justify-self: center;
}
.frame .info-overlay .row .copy{
  padding:1em 2em;
}
.frame .info-overlay .row .image{
  height:100%;
  display:flex;
  align-items: center;
  justify-content:center;
}
.frame .info-overlay .row .image img{
  /* height:100%; */
  max-height:100%;
  max-width:100%;
  width:auto;
}







.collage1 .col:nth-child(1) .info-image picture{
  width:100%;
  display:block;
  overflow: hidden;
  height: 0;
  padding-top: 100%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.collage1 .col:nth-child(2) .info-image picture,
.collage2 .col:nth-child(4) .info-image picture,
.collage2 .col:nth-child(5) .info-image picture{
  width:100%;
  display:block;
  overflow: hidden;
  height: 0;
  padding-top: 100%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.collage1 .col:nth-child(3) .info-image picture,
.collage2 .col:nth-child(2) .info-image picture,
.collage2 .col:nth-child(3) .info-image picture{
  width:100%;
  display:block;
  overflow: hidden;
  height: 0;
  padding-top: calc(200% + 2px);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.collage1 .col:nth-child(4) .info-image picture{
  width:100%;
  display:block;
  overflow: hidden;
  height: 0;
  padding-top: calc(200% + 2px);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.collage2 .col:nth-child(1) .info-image picture,
.collage1 .col:nth-child(5) .info-image picture{
  width:100%;
  display:block;
  overflow: hidden;
  height: 0;
  padding-top: calc(100% + 1px);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.collage1 .col:nth-child(6) .info-image picture,
.collage2 .col:nth-child(6) .info-image picture{
  width:100%;
  display:block;
  overflow: hidden;
  height: 0;
  padding-top: 50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}






.info-reason{
  display:flex;
  align-items:center;
}
.info-reason .info-image{
  width:35%;
  border:0.55em solid #eaeaea;
  border-radius:100%;
  overflow:hidden;
}
.info-reason .info-image .image-circle{
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  padding-top:100%;
}
.info-reason .info-image .image-circle:before{
  padding-top:100%;
  display:block;
}
.info-reason .info-text{
  width:65%;
  padding:0 2em;
}

.info-reason .info-text .ordinal{
  font-size:1.8em;
  padding-right:0.2em;
}




.events .row.event-head > *{
  text-transform:uppercase;
  font-weight:900;
  font-size:1.1em;
  font-family:"Raleway";
}
.events .row > *{
  padding-top:0.75em;
  padding-bottom:0.75em;
}
.events .row.event-head{
  border-bottom:2px solid rgba(0,0,0,0.3);
} 
.events .row.event{
  border-bottom:1px solid rgba(0,0,0,0.1);
  -webkit-transition: all .2s ease-in;
  -moz-transition:  all .2s ease-in;
  -ms-transition:  all .2s ease-in;
  transition: all .2s ease-in;
} 
.events .row.event:hover{
  -moz-box-shadow: 0em 0em 0.5em rgba(0,0,0,0.5);
  -webkit-box-shadow: 0em 0em 0.5em rgba(0,0,0,0.5);
  box-shadow: 0em 0em 0.5em rgba(0,0,0,0.5); 
}

.event-marker{
  fill:rgb(128,127,19);
}
.store-marker{
  fill:rgb(46, 151, 184);
}
.info-window-title{
  font-family: 'Raleway';
  color:var(--primary);
  font-weight:900;
  font-size:1.1em;
  text-transform:uppercase;
}
.gm-style-iw-d > div {
  text-align:center;
}
.map-canvas{
  height:66vh;
  min-height:300px;
  max-height:100%;
}
.maplegend .legend{
  padding:0 4%;
}
.poi-map {
  padding:0 15px;
}
.poi-map .events{
  width:70%;
  min-width:300px;
  margin-bottom:2em;
}
.map-form{
  width:50%;
  min-width:300px;
  max-width:440px;
}
.map-form input[type=text]{
  width:100%;
  width: 100%;
  background-color:#eaf4fa;
  padding: 0.5em 1em;
  border-radius: 0.7em;
  -moz-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  -webkit-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.1);
}
.map-form label{
  font-weight:bold;
}
.map-form .cois{
  margin:0em -0.3em;
  padding:1em 0 3em 0;
  display: flex;
  flex-direction: row;  
  /* align-items: stretch;   */
}
.map-form .cois .coi{
  padding:0 0.3em;
  flex:1 1 auto;
}
.map-form .cois .coi .coi-link{
  opacity:0.5;
  display:block;
  background-color:var(--primary);
  color:#ffffff;
  padding: 0.5em 1em;
  border-radius: 0.7em;
  -moz-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.25);
  -webkit-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.25);
  box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.25);

  -webkit-transition: all .2s ease-in;
  -moz-transition:  all .2s ease-in;
  -ms-transition:  all .2s ease-in;
  transition: all .2s ease-in;
}
.map-form .cois .coi .coi-link:hover{
  -moz-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.5);
  -webkit-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.5);
  box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.5);
}

.map-form .cois .coi .coi-link.coi-active{
  opacity:1;
}
.coi-title{
  text-transform: uppercase;
  font-weight:bold;
}












.shell{
  min-height:100vh;
  display:flex;
  width:100%;
  flex-direction: column;
  -webkit-transition: all .3s ease-in;
  -moz-transition:  all .3s ease-in;
    -ms-transition:  all .3s ease-in;
        transition: all .3s ease-in;
}
.head{
  background-color:#ffffff;
  -webkit-transition: all .25s ease-in;
  -moz-transition:  all .25s ease-in;
  -ms-transition:  all .25s ease-in;
  transition: all .25s ease-in;
}
.header{
  /* clip-path: url(#header-wave); */
}


.body{
  /* min-height:100vh; */
}


.frame-type-zoho_form form .zf-templateWrapper,
.formhandler-catalog-form .catalog-fields{
  width:70%;
}

.frame-type-zoho_form form .row,
.formhandler-catalog-form  .row{
  margin:0 -0.5em;
}

.frame-type-zoho_form form  .row > *,
.formhandler-catalog-form  .row > *{
  padding:0 0.5em;
}

.frame-type-zoho_form form .zf-templateWrapper > .row,
.formhandler-catalog-form .catalog-fields > .row{
  margin-bottom:1em;
}

.frame-type-zoho_form form button[type=submit],
.frame-type-zoho_form form input[type=text],
.formhandler-catalog-form button[type=submit],
.formhandler-catalog-form input[type=text]{
  width:100%;
  padding:0.5em 1em;
  border-radius:0.7em;
  -moz-box-shadow:     0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  -webkit-box-shadow:  0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  box-shadow:          0.1em 0.1em 0.25em rgba(0,0,0,0.1);
}

.is-error{
  border:1px solid var(--red);
}
.error .message{
  font-size:0.8em;
  color:var(--red);
  font-family:"Raleway";
  font-style: italic;
}
.frame-type-zoho_form form button[type=submit],
.formhandler-catalog-form button[type=submit]{
  color:var(--primary);
  width:auto;
  background-color:#ffffff;
  overflow:auto;
  font-size:1.35em;
  padding:0.75em 1em;
  -webkit-transition: all .2s ease-in;
  -moz-transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
        transition: all .2s ease-in;
}
.frame-type-zoho_form form button[type=submit]:hover,
.formhandler-catalog-form button[type=submit]:hover{
  background-color:var(--primary);
  color:#ffffff;
}
.frame-type-zoho_form form button[type=submit] i,
.formhandler-catalog-form button[type=submit] i{
  margin-right:0.5em;
}
.frame-type-zoho_form form button[type=submit] > *,
.formhandler-catalog-form button[type=submit] > *{
  float:left;
  line-height:1;
  display:block;
}

.frame-type-zoho_form form .form-info,
.formhandler-catalog-form .form-info{
  font-size:0.9em;
  margin-bottom:2em;
}

.frame-type-zoho_form form .options-label,
.formhandler-catalog-form .options-label{
  font-family:"Raleway";
  margin-bottom:0.5em;
}

.frame-type-zoho_form form .embossed,
.formhandler-catalog-form .embossed{
  font-weight:900;
  text-transform:uppercase;
  font-size:1.1em;
}
.frame-type-zoho_form form .row.catalog > .col:nth-child(1),
.formhandler-catalog-form .row.catalog > .col:nth-child(1){
  flex:1 1 55%;
  max-width:55%;
}
.frame-type-zoho_form form .row.catalog > .col:nth-child(2),
.formhandler-catalog-form .row.catalog > .col:nth-child(2){
  flex:1 1 45%;
  max-width:45%;
  display:flex;
  flex-direction: column;
}

.frame-type-zoho_form form .mockups .catalog-mockup, 
.formhandler-catalog-form .mockups .catalog-mockup {
  min-width:70%;
}
.frame-type-zoho_form form .mockups,
.formhandler-catalog-form .mockups{
  display:flex;
  flex-direction:row;
  flex-wrap: nowrap;
}
.mockups .catalog-mockup.catalog-2 {
  transform: translateX(-55%);
}

@media screen and (min-width:1600px) {

}


.submit-area{
  margin-top:2em;
}
.required-note{
  display:none;
}
.form-logo{
  width:30%;
  min-width:150px;
  margin-right:5%;
}

.frame-type-zoho_form form input[type="checkbox"], 
.formhandler-catalog-form input[type="checkbox"]{
  display:none;
}

.frame-type-zoho_form form input[type="checkbox"] + .checkbox-label,
.formhandler-catalog-form input[type="checkbox"] + .checkbox-label{
  margin-right:1em;
}
.frame-type-zoho_form form input[type="checkbox"] + .checkbox-label label,
.formhandler-catalog-form input[type="checkbox"] + .checkbox-label label{
  cursor:pointer;
  margin-bottom: 0;
}
.frame-type-zoho_form form .options-row input[type="checkbox"] + .checkbox-label label .label-label,
.formhandler-catalog-form .options-row input[type="checkbox"] + .checkbox-label label .label-label{
  text-transform:uppercase;
  font-weight:900;
  font-family: "Raleway";
}
.frame-type-zoho_form form input[type="checkbox"] + .checkbox-label label .check, 
.formhandler-catalog-form input[type="checkbox"] + .checkbox-label label .check{
  display:inline-block;
  width:1.25em;
  height:1.25em;
  margin-right:0.2em;
  border-radius:100%;
  border:1px solid var(--primary);
  background-color:#fff;
  position:relative;
}
.frame-type-zoho_form form input[type="checkbox"] + .checkbox-label label .check i, 
.formhandler-catalog-form input[type="checkbox"] + .checkbox-label label .check i{
  color:var(--primary);
  font-size:1.5em;
  opacity:0.6;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-40%,-50%);
  display:none;
}
.frame-type-zoho_form form input[type="checkbox"]:checked + .checkbox-label label .check i,
.formhandler-catalog-form input[type="checkbox"]:checked + .checkbox-label label .check i{
  display:block;
}
.frame-type-zoho_form form input[type="checkbox"] + .checkbox-label label > *, 
.formhandler-catalog-form input[type="checkbox"] + .checkbox-label label > *{
  float:left;
}

#privacy + .checkbox-label label{
  white-space:nowrap;
}
#privacy + .checkbox-label label .label-label{
  font-size:0.8em;
  white-space:normal;
}








.ce-gallery{

}
.ce-gallery .ce-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.ce-gallery .ce-row .ce-column{
  position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.ce-gallery .ce-row .ce-column img{
  width:auto!important;
  /* max-height:4em; */

}



.frame-type-menu_subpages{
  font-family:"Raleway";
}
.frame-type-menu_subpages .list-group{

}
.frame-type-menu_subpages .list-group li{
  text-transform:uppercase;
  margin-right:2em;
}
.frame-type-menu_subpages .list-group li:last-child{
  margin-right:0;
}
footer .frame-type-menu_subpages{
  font-size:0.8em;
  font-weight:600;
}
footer .frame-type-menu_subpages img{
  max-width: 2em;
  max-height: 2em;
}
footer .frame-type-menu_subpages ul{
  float:left;
  margin-right:1em;
}
footer .frame-type-menu_subpages ul + .menu-subheader{
  float:left;
  line-height:2em;
}



.slider{

}
.frame-type-blank_page_pi20 .slide{
  position:relative;
}
.slider .frame-type-blank_page_pi20 .slide{
  cursor: grab;
}
.frame-type-blank_page_pi20 .slide .slide-image{

}
.frame-type-blank_page_pi20 .slide .slide-image .picture{
  background-repeat:no-repeat;
  background-position:center;
  background-size: cover;
}
.frame-type-blank_page_pi20 .slide .slide-image .picture:before{
  content:"";
  padding-top:41.725%;
  display:block;
}
.frame-type-blank_page_pi20 .slide .slide-overlay{
  position:absolute;
  top:0;
  height:100%;
  width:75%;
  /* width:50%; */
  /* padding:1em 1em; */
  
  text-align:left;
  /* transform:translateY(-50%); */
  text-shadow:0px 0px 1em rgba(0,0,0,0.7);
  -webkit-animation-duration: 0.95s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;

  animation-duration: 0.95s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;

  
}

.frame-type-blank_page_pi20 .slide .slide-overlay .slide-col{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content: flex-end;
}



.frame-type-blank_page_pi20 .slide .slide-content{
  font-family:"Raleway";
  
}
.frame-type-blank_page_pi20 .slide .slide-text{
  color:#fff;
  margin-top:2em;
  max-width:500px;
}
.frame-type-blank_page_pi20 .slide .slide-text ul{
  margin-left:0;
  list-style:none;
}
.frame-type-blank_page_pi20 .slide .slide-text ul li{
  padding-left:3em;
  position:relative;
}
.frame-type-blank_page_pi20 .slide .slide-text ul li:before{
  position:absolute;
  left:0;
  top:0;
  /* transform:rotate(-45deg); */
  display:block;
  font-size:2em;
  content:"\ea3d";
  content:"\ea3c";
  font-family: 'softub2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.frame-type-blank_page_pi20 .slide.align- .slide-overlay,
.frame-type-blank_page_pi20 .slide.align-left .slide-overlay{
  width:100%;
  left:0;
  padding-right:0;
}
.frame-type-blank_page_pi20 .slide.align-right .slide-overlay{
  padding-left:0;
  left:50%;
  left:auto;
  right:0;
  width:70%;

}
.frame-type-blank_page_pi20 .slide.valign-top .slide-overlay{
  top:0%;
}
.frame-type-blank_page_pi20 .slide.valign-bottom .slide-overlay{
  top:auto;
  bottom:0%;
}


.slider .frame-type-blank_page_pi20 .slide .slide-overlay{
  opacity:0;
  padding:1em 10em;
  padding:0 9% 3.5em 9%;
}
.slider .frame-type-blank_page_pi20 .slide.align- .slide-overlay,
.slider .frame-type-blank_page_pi20 .slide.align-left .slide-overlay{
  left:-100%;
}
.slider .frame-type-blank_page_pi20 .slide.align-right .slide-overlay{
  right:-100%;
  left:auto;
  right:0;
  width:70%;
}

.slider  .slick-active .frame-type-blank_page_pi20 .slide .slide-overlay{
  z-index:99;
}

.slider .frame-type-blank_page_pi20 .slide .slide-callout img{
  width:100%;
  height:auto;
  width:215px!important;
  max-width:215px;
  min-width:2vw;
}


.slider .frame-type-blank_page_pi20 .slide .slide-callout a{
  display:block;
}

.grid.row .col-lg img{
  max-width:100%;
  height:auto;
}
.grid.row{
  margin-left: -2vw;
  margin-right: -2vw;
}
.grid.row .col-lg{
  padding-left: 2vw;
  padding-right: 2vw;
}
ul.arrow-list{
  margin-left:0;
  list-style:none;  
}
ul.arrow-list li{
  padding-left:3em;
  position:relative;
}
ul.arrow-list li:before{
  position:absolute;
  left:0;
  top:0;
  display:block;
  font-size:2em;
  content:"\ea3d";
  content:"\ea3c";
  font-family: 'softub2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:var(--green);
}

.slick-slide.slick-active .frame-type-blank_page_pi20  .slide .slide-overlay{
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
.slick-slide.slick-active .frame-type-blank_page_pi20  .slide.align-right .slide-overlay{
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}



.frame-type-blank_page_pi20 .slide .slide-content > *{
  text-transform:uppercase;
  font-size:4em;
  font-size:3em;
  line-height:1;
  color:#fff;

}
.frame-type-blank_page_pi20 .slide .slide-content .subline{
  font-weight:900;
}



@keyframes slideInLeft {
  0% {
    left:-100%;
    opacity:0;
  }
  70% {
    opacity:0;
  }
  100% {
    left:0%;
    opacity:1;
  }
}
@keyframes slideInRight {
  0% {
    right:-100%;
    opacity:0;
  }
  70% {
    opacity:0;
  }
  100% {
    right:0%;
    opacity:1;
  }
}







.frame-type-uploads ul,
.frame-type-menu_subpages ul,
.frame-type-menu_pages ul{
  list-style:none;
  margin:0;
}
.frame-type-uploads header > *{

  color:inherit;
  font-size:1em;
  line-height:1.5;
  font-weight:normal;
}

.foot .frame-type-uploads ul li *,
.foot .frame-type-menu_subpages ul li *{
  font-weight:300;
}
.foot .frame-type-menu_pages ul li *{
  font-weight:normal;
}


























.subheader{
  /* text-transform:uppercase;
  font-size:1.2em;
  letter-spacing:0.1em; */
  font-weight:400;
}




.close {
  position: absolute;
  top: -50px;
  right: 0px;
  cursor: pointer;
  z-index: 9999;
  height: 40px;
  width: 40px;
  background-size: 40px;
}

.close:before,.close:after{
  content:'';
  position:absolute;
  width:36px;
  height:2px;
  background-color:white;
  top:16px;
}

.close:before{
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
  left:2px;
}
.close:after{
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  transform:rotate(-45deg);
  right:2px;
}


.close.info-close{
  top:1em;
  right:1em;
  font-size:1em;
  text-shadow: none;
  opacity: 1;
}

.close.info-close:before,.close.info-close:after{
  content:'';
  position:absolute;
  width:38px;
  height:1px;
  background-color:white;
  top:18px;
}

.close.info-close:before{
  left:1px;
}
.close.info-close:after{
  right:1px;
}
.close.info-close:hover{
  opacity:1!important;
}
.close.info-close:focus{
  outline:0!important;
  outline:0!important;
}




figure{
  margin:0;
}
figure.image img{
  /* max-width:100%; */
}
.frame-type-gridelements_pi1 .row .col img{
  width:100%;
  height:auto;
}




.back-to-top{
  position: fixed;
  /* right: 1em; */
  left:50%;
  transform:translateX(-50%);
  width:2.4em;
  height:2.4em;
  bottom:1em;
  background-color: transparent;
  display: block;
  margin:0;
  text-align:center;
  border-radius: 100%;
  cursor: pointer;
  z-index:9999;
  text-align:center;
  background-color:var(--primary);

  -moz-box-shadow:     0 0 0.25em rgba(0,0,0,0.1);
  -webkit-box-shadow:  0 0 0.25em rgba(0,0,0,0.1);
  box-shadow:          0 0 0.25em rgba(0,0,0,0.1);
}
.back-to-top i{
  position:absolute;
  top:50%;
  left:50%;
  font-size:0.6em;
  transform: translate(-50%,-55%) rotate(180deg);
  color:var(--white);
}
.back-to-top:hover{
  -moz-box-shadow:     0 0 0.5em rgba(0,0,0,0.5);
  -webkit-box-shadow:  0 0 0.5em rgba(0,0,0,0.5);
  box-shadow:          0 0 0.5em rgba(0,0,0,0.5);
}
.back-to-top:hover i{

}

.fade {
  transition: opacity .15s linear!important;
}
.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out!important;
  transition: transform .3s ease-out!important;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out!important;
  -webkit-transform: translate(0,-50px)!important;
  transform: translate(0,-50px)!important;
}
#cookieman-modal .modal-body a{
  text-decoration:underline;
}
.btn{
  border:0px solid transparent;
}
.btn:hover {
  color: #212529;
  text-decoration: none;
  border:0px solid transparent;
}
.btn-secondary:hover {
  color: #fff!important;
  background-color: var(--button60);
  border-color: var(--button60);
}
.btn-secondary {
  color: #fff;
  background-color: var(--button);
  border-color: var(--button);
}



#cookieman-modal .btn:hover {
  /* background-color: #fff;
  color: var(--primary);
  border-color:var(--primary); */
  -moz-box-shadow:     0.1em 0.1em 0.3em rgba(0,0,0,0.3);
  -webkit-box-shadow:  0.1em 0.1em 0.3em rgba(0,0,0,0.3);
  box-shadow:          0.1em 0.1em 0.3em rgba(0,0,0,0.3);
}
#cookieman-modal .btn.btn-primary{
  color: #fff;
  background-color: var(--primary);
  border:2px solid #ffffff;

  font-family: 'Raleway';
  font-weight:600;
  width:auto;
  
  overflow:auto;
  font-size:1.15em;
  padding:0.75em 1em;
  -webkit-transition: all .2s ease-in;
  -moz-transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
        transition: all .2s ease-in;


  
  padding:0.5em 1em;
  border-radius:0.7em;
  -moz-box-shadow:     0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  -webkit-box-shadow:  0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  box-shadow:          0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  margin-bottom:0.5em;
}
#cookieman-modal button[data-cookieman-accept-none]{
  margin-right: auto;
  background:none;
  color:var(--primary);
  font-size:0.8em;
}
#cookieman-modal button[data-cookieman-accept-none]:hover{
  background:none;
  color:var(--primary);
  text-decoration:underline;
  border-radius:0em;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#cookieman-modal button.btn-secondary,
#cookieman-modal button.btn-default{
  color:var(--primary);
  background-color: transparent;
  padding:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#cookieman-modal button.btn-secondary:hover,
#cookieman-modal button.btn-default:hover{
  color:var(--primary)!important;
  background-color: transparent;
  padding:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#cookieman-modal .modal-body .card-body table tbody td:nth-child(3){
  white-space: nowrap;
}
.modal-lg, .modal-xl {
  max-width: 100%;
}
#cookieman-modal .modal-dialog{
  margin:0;
}
#cookieman-modal .modal-dialog .modal-content{
  border:0px solid transparent;
}  
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
      max-width: 50%;      
  }
  #cookieman-modal .modal-dialog{
    margin:0 auto;
  }
}

#cookieman-modal [data-toggle="collapse"]:after{
  display:none;
}
#cookieman-modal .modal-body{
  padding:2em;
}
#cookieman-modal .modal-body > p{
  text-align:center;
}
#cookieman-modal .modal-body .cookieman-buttons{
  display:flex;
  margin-top:2em;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}
#cookieman-modal .modal-body .cookieman-buttons button{
  flex:0 1 auto;
}
#cookieman-modal #cookieman-acco{
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#cookieman-modal #cookieman-acco .form-group,
#cookieman-modal #cookieman-acco .form-group label{
  margin:0;
}
#cookieman-modal #cookieman-acco .form-group{
  padding:0 0.5em;
  
}
#cookieman-modal #cookieman-acco .form-group input[type="checkbox"]{
  visibility: hidden;
  width:0;
  height:0;
  opacity:0;
}
#cookieman-modal #cookieman-acco .form-group input[type="checkbox"] + label{
  display:flex;
  flex-direction: row;
  align-items: center;
}
#cookieman-modal #cookieman-acco .form-group input[type="checkbox"] + label:before{
  display:inline-block;
  margin-right:0.5em;
  width:1em;
  height:1em;
  border-radius:100%;
  content:"";
  border:1px solid var(--primary);
  -moz-box-shadow:     0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  -webkit-box-shadow:  0.1em 0.1em 0.25em rgba(0,0,0,0.1);
  box-shadow:          0.1em 0.1em 0.25em rgba(0,0,0,0.1);
}
#cookieman-modal #cookieman-acco .form-group input[type="checkbox"]:checked + label:before{
  border:1px solid #fff;
  background-color:var(--primary);
}



.revoke-cc-cookieman{
  position:fixed;
  bottom:1em;
  left:1em;
  z-index:9999;
  -ms-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  transform:translateX(0);
  opacity:1;
}
.modal-open .revoke-cc-cookieman{
  transform:translateX(-100%);
  opacity:0;
}
.revoke-cc-cookieman button{
  color:rgba(0, 0, 0, 0.8);
  background-color:rgba(255,255,255,0.8);
  -moz-box-shadow:    3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  border-radius:100%;
  padding:0em;
  display:block;
  width:2.5em;
  height:2.5em;
  outline:0;
}
.revoke-cc-cookieman button:hover{
  color:rgba(0, 0, 0, 1);
  background-color:rgba(255,255,255,1);
  outline:0;
}
.revoke-cc-cookieman button:focus,
.revoke-cc-cookieman button:focus:active,
.revoke-cc-cookieman button:active{
  outline:0;
}

.revoke-cc-cookieman button i{
  font-size:1.5em;
  padding:0.25em;
}


#cookieman-modal .modal-content{
  border-radius:0;
}





.frame-space-before-extra-small { padding-top: 1.875em!important; }
.frame-space-before-small { padding-top: 3.75em!important; }
.frame-space-before-medium { padding-top: 5.625em!important; }
.frame-space-before-large { padding-top: 7.5em!important; }
.frame-space-before-extra-large { padding-top: 11.25em!important; }
.frame-space-after-extra-small { padding-bottom: 1.875em!important; }
.frame-space-after-small { padding-bottom: 3.75em!important; }
.frame-space-after-medium { padding-bottom: 5.625em!important; }
.frame-space-after-large { padding-bottom: 7.5em!important; }
.frame-space-after-extra-large { padding-bottom: 11.25em!important; }










::-webkit-input-placeholder {
  opacity:0.8;
}
::-moz-placeholder {
  opacity:0.8;
}
:-ms-input-placeholder {
  opacity:0.8;
}
:-moz-placeholder {
  opacity:0.8;
}















.slick-dots{
  margin:0;
  padding: 0;
  /* left:50%; */
  /* margin-left:570px;
  padding-left:2em; */
  list-style: none;
  position:absolute;
  /* top:50%; */
  bottom:2em;
  left:50%;
  transform:translateX(-50%);
  z-index:99;
}
.slick-dots li{
  position: relative;
  /* display: block; */
  /* margin: 0.5em 0em; */
  display: inline-block;
  margin: 0em 0.35em;
  padding: 0;
  cursor: pointer;
  border:3px solid rgba(255,255,255,0.4);
  /* border:4px solid rgba(0,0,0,0.4); */
  border-radius: 100%;
  -webkit-transition: all .2s ease-in;
  -moz-transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
        transition: all .2s ease-in;
}
.slick-dots li:hover{
  border:4px solid rgba(255,255,255,1);
}

.slick-dots li button{
  /* font-size: 0; */
  /* line-height: 0; */
  display: block;
  padding: 0em;
  cursor: pointer;
  color: transparent;

  outline: none;

  position:relative;
  border: none;
  width:1em;
  height:1em;
  background-color:rgba(255,255,255,0.6);
  border-radius: 100%;
}
.slick-dots li.slick-active button{
  background-color:rgba(255,255,255,1);
}
.slick-dots li button:hover,
.slick-dots li button:focus{
  outline: none;
}





.slick-arrow{
  background:none;

  font-size:2em;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:99;
}
.slick-arrow i:before{
  color:rgba(255,255,255,0.6);
  -webkit-transition: all .2s ease-in;
  -moz-transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
        transition: all .2s ease-in;
}
.slick-arrow:hover i:before{
  color:rgba(255,255,255,0.9);
}

.slick-arrow.slick-prev{
  left:1.5em;
  /* left:-1.5em; */
  /* left:0;
  transform:translateX(-1.12em); */
}
.slick-arrow.slick-next{
  right:1.5em;
  /* right:-1.5em; */
  /* right:0;
  transform:translateX(1.12em); */
}
.slick-arrow.slick-disabled{
  opacity:0.5;
}
.slick-arrow:focus,.slick-arrow:active{
  outline:0;
}

.slideshow-ctrl {
  position:absolute;
  bottom:-48px;
  right:0;

  text-align:right;
  margin-top:1em;
}
.slideshow-gallery + .slideshow-ctrl {
  text-align:left;
}
.image-left .slideshow-ctrl {
  text-align:left;
  left:0;
  right:auto;
}
.slideshow-ctrl .slick-arrow{
  position:relative;
  left:auto;
  top:auto;
  right:auto;
  bottom:auto;
  transform:none;
  border:1px solid var(--primary);
  border-radius:100%;
  display:inline-block;
  width:2em;
  height:2em;
  width:32px;
  height:32px;
  font-size:1em;
  margin-left:0.5em;
}
.slideshow-ctrl .slick-arrow i{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:0.8em;
}





/* Main input wrapper */
.algolia-places {}

/* The algolia-places input */
.ap-input, .ap-hint {}

/* The style of the svg icons when the input is on hover */
.ap-input:hover ~ .ap-input-icon svg,
.ap-input:focus ~ .ap-input-icon svg,
.ap-input-icon:hover svg {}

/* The dropdown style */
.ap-dropdown-menu {}

/* The suggestions style */
.ap-suggestion {}

/* The highlighted names style */
.ap-suggestion em {}

/* The addresses style */
.ap-address {}

/* The icons of each suggestions ( can be a building or a pin ) */
.ap-suggestion-icon {}

/* The style of the svg inside the .ap-suggestion-icon */
.ap-suggestion-icon svg {}

/* The icons inside the input ( can be a pin or a cross ) */
.ap-input-icon {}

/* The style of the svg inside the .ap-input-icon */
.ap-input-icon svg {}

/* .a-cursor is the class a suggestion go on hover */
.ap-cursor {}

/* The style of the svg icon, when the .ap-suggestion is on hover */
.ap-cursor .ap-suggestion-icon svg {}

/* The styles of the Algolia Places input footer */
.ap-footer {}

/* The styles of the Algolia Places input footer links */
.ap-footer a {}

/* The styles of the Algolia Places input footer svg icons */
.ap-footer a svg {}

/* The styles of the Algolia Places input footer on hover */
.ap-footer:hover {}





.ui-dialog .dialog-close{
  position:absolute;
  right:1em;
  top:1em;
  width:24px;
  height:24px;
  cursor:pointer;
  z-index:9999;
}
.dialog-close:before, .dialog-close:after {
  position: absolute;
  left: 50%;
  content: ' ';
  height: 100%;
  width: 1px;
  background-color: #333;
}
.dialog-close:before {
  transform: rotate(45deg);
}
.dialog-close:after {
  transform: rotate(-45deg);
}


.ui-widget-overlay{
  opacity:1;
  background-color:rgba(255,255,255,0.1);
}

body.with-dialog .shell{
  filter: blur(5px);
}
.ui-dialog.ajax-content .ui-dialog-titlebar {
  display: none;
}
.ui-dialog.ajax-content.ui-widget.ui-widget-content{
  border:0px solid transparent;
  font-family:inherit;
  border-radius:0!important;
}
.ui-dialog.ajax-content{
  -moz-box-shadow:     0 0 0.5em rgba(0,0,0,0.2);
  -webkit-box-shadow:  0 0 0.5em rgba(0,0,0,0.2);
  box-shadow:          0 0 0.5em rgba(0,0,0,0.2);
}
.ui-dialog .ui-dialog-content{
  padding:2.5em 5em;
}
.ui-dialog.ajax-content .content{
  padding:0;
}
.ui-dialog.ajax-content .content > .container {
  padding: 0 0 0 0;
}


.cc-window{
  background-color: rgba(255,255,255,0.9);
  -moz-box-shadow:    0px -3px 3px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.1);
  box-shadow:         0px -3px 3px 0px rgba(0,0,0,0.1);
}
.cc-revoke, .cc-window{

  font-weight:300;
}
.cc-link{
  opacity:0.3;
  padding-right:1em;
}
.cc-btn{
  background-color:var(--brown);
  color:#ffffff;
  border-color:var(--brown);
}
.cc-btn:hover{
  color:var(--brown);
  background-color:#ffffff;
}





@-webkit-keyframes rotation {
  from {
      -webkit-transform: rotate(0deg);
  }
  to {
      -webkit-transform: rotate(359deg);
  }
}