@charset "UTF-8";


html {
  font-size: 9px;
}
html.big-font {
  font-size: 12px;
}
body {
  font-family: montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: var(--black);
  line-height: 100%;
  overflow-x: hidden;
  max-width: 100%;
  position: relative;
  margin: 0;
}
a {
  font-family: montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: var(--black);
}
a:hover,
a:focus {
  color: #214258;
}
h1, h2, h3, h4, h5, h6 {
  font-family: circe-slab-b, serif;
  font-weight: 700;
  font-style: normal;
  color: var(--brown);
  line-height: 110%;
  margin: 0;
  padding: 0 0 3rem;
}
h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span {
  color: var(--green);
}
h1 {
  font-size: 6rem;
  color: var(--white);
}
h2 {
  font-size: 5rem;
}
h3 {
  font-size: 4rem;
}
h4 {
  font-size: 3.5rem;
}
h5 {
  font-size: 3rem;
}
h6 {
  font-size: 2.5rem;
}
p {
  font-family: montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: var(--black);
  line-height: 150%;
  padding: 0 0 3rem;
  margin: 0;
}
li {
  font-family: montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  color: var(--black);
  line-height: 150%;
  padding: 0 0 1rem;
  margin: 0
}
strong {
  font-weight: bold;
}
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 2rem;
  padding: 0 0 0 2rem;
}
ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 10px;
}
ol li {
  padding-bottom: 1.5rem;
}
.subheader {
  font-weight: bold;
  font-size: 1.1rem;
  color: var(--green);
  text-transform: uppercase;
  padding: 0 0 1rem;
  display: block;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.hidden {
  display: none;
}
.aligncenter {
  margin: 0 auto;
  display: block;
}
img {
  max-width: 100%;
  height: auto;
}
figure {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  line-height: 0;
}
figcaption {
  font-family: montserrat, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.4rem;
  padding: 1.5rem 2rem;
  line-height: 150%;
}
.big-contrast figcaption {
  background-color: var(--black);
  color: #fff;
  padding: 2rem;
  font-size: 1.6rem;
}
.skip-link {
  position: absolute !important;
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  white-space: nowrap;
  left: 0;
  top: .5rem;
}
.skip-link:focus {
  max-width: unset;
  max-height: unset;
  background-color: #fff;
  clip: unset;
  padding: .5rem 1rem;
}


@media (max-width: 640px) {
  h1 {
    font-size: 5rem;
  }
  h2 {
    font-size: 4rem;
  }
  h3 {
    font-size: 3rem;
  }
  h4 {
    font-size: 2.5rem;
  }
  h5 {
    font-size: 2rem;
  }
  h6 {
    font-size: 1.8rem;
  }
}

@media (max-width: 460px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 2.5rem;
  }
  h4 {
    font-size: 2rem;
  }
  h5 {
    font-size: 1.8rem;
  }
  h6 {
    font-size: 1.6rem;
  }
  p {
    font-size: 1.4rem;
    padding: 0 0 2rem;
  }
  li {
    font-size: 1.4rem;
    padding: 0 0 2rem;
  }
}

@media (max-width: 375px) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 2.2rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  h6 {
    font-size: 1.4rem;
  }
  p {
    font-size: 1.2rem;
    padding: 0 0 2rem;
  }
  li {
    font-size: 1.2rem;
  }
}


.veritical-col-top {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
.veritical-col-center {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.veritical-col-bottom {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.mb0 {
  margin-bottom: 0 !important;
}



/** VARS **/
:root {
  --green: #96BE45;
  --darkgreen: #425731;
  --darkergeen: #2C3723;
  --orange: #E5683C;
  --blue: #47ADDA;
  --white: #fff;
  --black: #000;
  --brown: #8C6217;
  --lightbrown: #D3C2A6;
  --grey: #707070;
}

:root {
  --green: #405418;
  --orange: #DB3900;
  --lightbrown: #6A5634;
}

html.big-contrast {
  --green: #080200;
  --darkgreen: #080200;
  --darkergeen: #080200;
  --orange: #080200;
  --blue: #080200;
  --brown: #080200;
  --lightbrown: #080200;
}


.green {
  color: var(--green);
}
.orange {
  color: var(--orange);
}


/** layout **/
.bodycontainer {
  overflow: hidden;
  max-width: 213rem;
  margin: 0 auto;
  padding: 14.8rem 0 0;
}
.container {
  max-width: 130rem;
  margin: auto;
}
.container.mw76 {
  max-width: 76rem;
}
.container.mw1000 {
  max-width: 100rem;
}
.container.mw110 {
  max-width: 110rem;
}
.container.mw1400 {
  max-width: 140rem;
}
#main-content {
  padding: 0 0 10rem;
}
.home #main-content {
  padding: 0;
}

@media (max-width: 1440px) {
  .container.mw1400 {
    padding: 0 2rem;
  }
}

@media (max-width: 1340px) {
  .container {
    padding: 0 2rem;
  }
}

@media (max-width: 960px) {
  #main-content {
    padding: 0 0 6rem;
  }
}

@media (max-width: 460px) {
  #main-content {
    padding: 0 0 4rem;
  }
}
/** layout *END*/





/** buttons **/
.btn {
  display: inline-block;
  color: var(--white);
  background-color: var(--orange);
  border: 1px solid var(--orange);
  font-size: 1.6rem;
  font-weight: bold;
  padding: 1.3rem 3rem;
  line-height: 100%;
  margin: 0;
  text-decoration: none;
  transition: all .3s ease-in-out;
}
.btn:hover,
.btn:focus {
  color: var(--orange);
  border-color: var(--orange);
  background-color: #fff;
}
.btn.brown {
  /*color: var(--black);*/
  color: #fff;
  background-color: var(--lightbrown);
  border: 1px solid var(--lightbrown);
  font-size: 1.3rem;
  font-weight: 500;
}
.btn.brown:hover,
.btn.brown:focus {
  color: var(--brown);
  border-color: var(--brown);
  background-color: #fff;
  opacity: 1;
}
.btn.green {
  color: #fff;
  background-color: var(--darkgreen);
  border: 1px solid var(--darkgreen);
  font-weight: 500;
}
.btn.green:hover,
.btn.green:focus {
  color: var(--darkgreen);;
  border-color: var(--darkgreen);
  background-color: #fff;
}
.btn:focus {
  border-color: var(--brown);
}
.btn-clear {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  color: var(--black);
}
.btn i {
  padding: 0 0 0 1rem;
}

html.big-contrast .btn.brown {
  color: #fff;
}

@media (max-width: 375px) {
  .btn {
    font-size: 1.2rem;
    padding: 1rem 2rem;
  }
}
/** buttons *END*/




/** shadows **/
.shadow-l {
  position: relative;
}
.shadow-l:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 1.5rem;
  left: 1rem;
  width: 50%;
  top: 80%;
  max-width: 30rem;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow-r {
  position: relative;
}
.shadow-r:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 1.5rem;
  right: 1rem;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 30rem;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.shadow-cb {
  position: relative;
  position:relative;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow-cb:before,
.shadow-cb:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 55%);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.55);
  box-shadow: 0 10px 20px rgb(0 0 0 / 55%);
  top: 50%;
  bottom: 0;
  left: 20px;
  right: 20px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
.shadow-cb:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
.shadow-c {
  position:relative;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow-c:before,
.shadow-c:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 60%);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.60);
  box-shadow: 0 10px 40px rgb(0 0 0 / 60%);
  top: 0px;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
  color: #ddd;
}
.shadow-c:after {
  right: 10px;
  left: auto;
  -webkit-transform:skew(8deg) rotate(3deg);
  -moz-transform:skew(8deg) rotate(3deg);
  -ms-transform:skew(8deg) rotate(3deg);
  -o-transform:skew(8deg) rotate(3deg);
  transform:skew(8deg) rotate(3deg);
}
/** shadows *END*/




/** animations delays **/
.delay-05 {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s
}
.delay-1 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s
}
.delay-15 {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s
}
.delay-2 {
  animation-delay: 2s;
  -webkit-animation-delay: 2s
}
.delay-25 {
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s
}
.delay-3 {
  animation-delay: 3s;
  -webkit-animation-delay: 3s
}
/** animations delays *END*/




/** TOP BAR **/
.top-container {
  background-color: #fff;
  position: absolute;
  z-index: 999;
  width: 100%;
  top: 0;
  left: 0;

  --logowidth: 28rem;
  --logoheight: calc(var(--logowidth) * .75);
}
.top-container.sticky {
  position: fixed;
  --logowidth: 20rem;
  --logoheight: calc(var(--logowidth) * 0.5);
}
.top-container > .top {
  border-bottom: 2px solid #F5F5F5;
  min-height: 7rem;
}
.top-container.sticky > .top {
  max-height: 0;
  min-height: unset;
  overflow: hidden;
}
.top-container .top .box-container {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  padding: 1.7rem 0 1.7rem var(--logowidth);
}
.top-container .box {
  margin-left: 3rem;
}
.top-container .search-box {
  margin-right: auto;
  padding: 0 0 0 2rem;
  position: relative;
  height: 3.6rem;
  min-width: 10rem;
}
.top-container .search-box .outer {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  min-width: 20rem;
  height: 3.6rem;
}

@media (max-width: 1100px) {
  .top-container .box {
    margin-left: 1.5rem;
  }
}

.accessibility-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.accessibility-list li {
  display: inline;
}
.accessibility-list button {
  padding: .5rem;
  color: var(--black);
  font-size: 2.2rem;
  position: relative;
  cursor: pointer;
}
.big-font .accessibility-list button.font-size {
  color: #DB3900;
}
.big-contrast .accessibility-list button.contrast {
  color: #DB3900;
}
.accessibility-list button:hover {
  color: var(--orange);
}
.accessibility-list .font-size {
  padding-right: 1rem;
}
.accessibility-list .size {
  position: absolute;
  font-size: 60%;
}
.accessibility-list button .minus {
  visibility: hidden;
}
.big-font .accessibility-list button .plus {
  visibility: hidden;
}
.big-font .accessibility-list button .minus {
  visibility: visible;
}

.social-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-box ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.social-box ul li a {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 0 .5rem;
}
.social-box ul li a:hover {
  color: var(--orange);
}

.top-container .herb-box {
  display: flex;
  position: relative;
}
.top-container .herb-box .left {
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  padding: 0 2rem;
  width: calc(100% - 4rem);
  overflow: hidden;
  max-height: 0;
  transition: all .3s ease-in-out;
}
.top-container .herb-box:hover .left {
  padding: 2rem;
  box-shadow: 0 .5rem 0.5rem 0 rgba(0,0,0,.2);
  max-height: 5rem;
}
.top-container .herb-box .top {
  font-size: 1rem;
  white-space: nowrap;
  padding: 0 2rem .3rem 0;
}
.top-container .herb-box .social-box a {
  font-size: 1.8rem;
  color: #707070;
}
.top-container .herb-box .social-box a:hover {
  color: var(--orange);
}


.lang-switch {
  list-style: none;
  padding: 0;
  margin: 0;
}
.lang-switch li {
  display: inline-block;
  padding: 0;
  margin: 0;
  border-right: 1px solid var(--black);
}
.lang-switch li:last-of-type {
  border-right: 0;
}
.lang-switch li a {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 0 .5rem;
}
.lang-switch li.current-lang  a {
  font-weight: bold;
  color: var(--orange);
}
.lang-switch li a:hover {
  color: var(--orange);
}


.top-container .bottom {
  overflow: hidden;
  max-height: 7.8rem;
  transition: all .3s ease-in-out;
}
.top-container .bottom.open-menu {
  height: 43rem;
  max-height: 43rem;
  box-shadow: 0 2rem 2rem 0 rgb(0 0 0 / 15%);
}
.top-container.sticky {
  box-shadow: 0 2rem 2rem 0 rgb(0 0 0 / 15%);
}
.navbar-brand {
  position: fixed;
  top: 0;
  width: var(--logowidth);
  height: var(--logoheight);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 21px 0 rgb(0 0 0 / 20%);
  transition: all .3s ease-in-out;
}
.navbar-brand .logo {
  width: 72%;
}
.sticky .navbar-brand .logo {
  width: 60%;
}
.nav-bar {
  padding: 2.2rem 0 2.2rem calc(var(--logowidth) + 4.5rem);
  transition: all .3s ease-in-out;
}
#menu {
  max-width: 97rem;
}



.mobile-dropdown {
  display: none;
}
#menu-btn {
  padding: 0;
  font-size: 4rem;
  color: var(--black);
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  position: relative;
  z-index: 10001;
}
#mobile-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: auto;
}
.dropdown-toggle[aria-expanded="true"] {
  background-color: #eee !important;
}
.dropdown-toggle[aria-expanded="true"] .caret {
  border-bottom: 4px dashed;
  border-top: none;
}
.dropdown-toggle[aria-expanded="true"] + #mobile-container {
  display: block;
}






@media (max-width: 1300px) {
  .top-container {
    --logowidth: 20rem;
  }
}

@media (max-width: 990px) {
  #menu-btn {
    display: inline-block;
  }
}

@media (max-width: 960px) {
  .bodycontainer {
    padding: 7.8rem 0 0;
  }
  .top-container {
    --logowidth: 15rem;
    position: fixed;
  }
  .top-container.sticky {
    position: fixed;
    --logowidth: 15rem;
    --logoheight: calc(var(--logowidth) * 0.6);
  }
  .top-container > .top {
    display: none;
  }
  .nav-bar {
    display: flex;
  }
  .nav-bar nav {
    margin: 0 0 0 auto;
  }
  .mobile-dropdown {
    display: block;
  }
}




  /* MENU */
  #mainmenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    transition: all .3s ease-in-out;
    max-height: 4rem;
  }
  .open-menu #mainmenu {
    max-height: 40rem;
    height: 40rem;
  }
  #mainmenu .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
  }
  #mainmenu > li > .sub-menu {
    border-left: 1px solid #C6C6C6;
    padding: 0 0 0 1.5rem;
  }
  #mainmenu > li:hover > .sub-menu,
  #mainmenu > li:focus-within > .sub-menu,
  #mainmenu > li > .sub-menu:focus-within {
    padding-top: 1.5rem;
  }
  #mainmenu .sub-menu .sub-menu {
    max-height: 24rem;
    position: relative;
    padding: 0 0 .2rem 3rem;
  }
  #mainmenu li {
    margin: 0;
    padding: .3rem;
    position: relative;
    white-space: nowrap;
  }
  #mainmenu .sub-menu li {
    padding: 0;
  }
  #mainmenu li:hover > .sub-menu,
  #mainmenu li:focus-within > .sub-menu {
    max-height: 34rem;
  }
  #mainmenu li > i {
    display: inline-block;
    padding: 0 0 0 1rem;
    font-size: 1rem;
  }
  #mainmenu > li > i {
    display: none;
  }

  #mainmenu a {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
  }
  #mainmenu > li > a {
    text-transform: uppercase;
  }
  #mainmenu .sub-menu a {
    white-space: nowrap;
  }
  #mainmenu .sub-menu .sub-menu a {
    font-weight: 400;
  }
  #mainmenu .current_page_item > a,
  #mainmenu .current-page-ancestor > a,
  #mainmenu .current-menu-ancestor > a {
    font-weight: 600 !important;
    color: #922B07;
  }
  #mainmenu a:hover,
  #mainmenu a:focus {
    color: var(--green);
    font-weight: 600 !important;
  }


  @media (max-width: 1200px) {
    #mainmenu a {
      font-size: 1.3rem;
    }
  }

  @media (max-width: 1100px) {
    #mainmenu a {
      font-size: 1.2rem;
    }
  }

  @media (max-width: 990px) {
    #mainmenu {
      display: none;
    }
  }
/** TOP BAR *END*/




/** Mobile menu **/
#mobile-container .top {
  background-color: #EDEDED;
  padding: 3.5rem 8rem 3.5rem 3rem;
}


#menu-container {
  padding: 3.5rem 0;
}
#menu-container {
  margin: 0 auto;
  max-width: 32rem;
  padding: 0 3.5rem;
}
ul#mobilemenu {
  list-style: none;
  padding: 2.5rem 0;
  margin: 0;
}
ul#mobilemenu a {
  text-decoration: none;
  display: block;
  padding: .5rem 0;
  line-height: 130%;
}
ul#mobilemenu li {
  padding: .3rem 0;
  position: relative;
}
ul#mobilemenu > li {
  padding-right: 4rem;
}
ul#mobilemenu li .more {
  position: absolute;
  right: 0;
  top: 1rem;
}
ul#mobilemenu li .more i {
  color: #d3c2a6;
}
ul#mobilemenu li .more:hover i,
ul#mobilemenu li .more:focus i {
  color: #353535;
}
ul#mobilemenu li .more.active .fa-plus:before {
  content: "\f068";
}
ul#mobilemenu > li > a {
  font-size: 2.4rem;
  font-weight: 500;
  display: block;
}
ul#mobilemenu .sub-menu a {
  font-size: 1.6rem;
}
ul#mobilemenu .sub-menu {
  list-style: none;
  padding: 0 0 0 1.5rem;
  margin: 0;
}
ul#mobilemenu > li > .sub-menu {
  overflow: hidden;
  max-height: 0;
  transition: all .3s ease-in-out;
}
ul#mobilemenu > li.active > .sub-menu,
ul#mobilemenu > li:focus-within > .sub-menu {
  overflow: hidden;
  max-height: 40rem;
}


#mobile-container .bottom-1 {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0 0 2.5rem;
  border-bottom: 1px solid #E5E5E5;
  margin: 0 3.5rem 2.5rem 3.5rem;
  justify-content: space-between;
}
#mobile-container .search-box {
  margin: 0;
}
#mobile-container .searchform-wrapper:hover .search-outer,
#mobile-container .searchform-wrapper:focus-within .search-outer {
  max-width: 25rem;
  width: 25rem;
}
#mobile-container .searchform-wrapper .search-outer {
  display: flex;
  max-width: 25rem;
  width: 25rem;
}
#mobile-container .searchform-wrapper .search-input {
  padding-left: 1rem;
  background-image: none;
}
#mobile-container .searchform-wrapper .button {
  max-width: 5rem;
  opacity: 1;
}


#mobile-container .bottom-2 {
  padding: 0 0 2.5rem;
  border-bottom: 1px solid #E5E5E5;
  margin: 0 3.5rem 2.5rem 3.5rem;
}

#mobile-container .herb-box {
  margin: 0;
  justify-content: center;
}
#mobile-container .herb-box .left {
  position: unset;
  max-height: unset;
  padding: 0;
  width: auto;
}
#mobile-container .herb-box:hover .left {
  box-shadow: none;
}
#mobile-container .herb-box .top {
  padding: 0 2rem 0 0;
  background-color: #fff;
  white-space: normal;
  line-height: 110%;
}
#mobile-container .herb {
  width: 16rem;
}
#mobile-container .herb-box .social-box a {
  font-size: 1.8rem;
  padding: .5rem .5rem 0;
}



@media (max-width: 460px) {
  #mobile-container .search-box {
    margin: 0;
    width: 100%;
  }
  #mobile-container .bottom-1 {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #mobile-container .box.social-box {
    padding: 2.5rem 0 0;
    border-top: 1px solid #E5E5E5;
    margin: 2.5rem 0 0;
    text-align: center;
    width: 100%;
  }
  #mobile-container .box.social-box ul li a {
    padding: 0 1rem;
  }
}

@media (max-width: 375px) {
  ul#mobilemenu li .more {
    top: 1.1rem;
  }
  ul#mobilemenu > li > a {
    font-size: 2.2rem;
  }
  ul#mobilemenu .sub-menu a {
    font-size: 1.4rem;
  }
}

@media (max-width: 320px) {
  ul#mobilemenu .sub-menu a {
    font-size: 1.3rem;
  }
}
/** Mobile menu *END*/




/** search form **/
.searchform-wrapper {
  position: relative;
}
.searchform-wrapper form {
  margin: 0;
  padding: 0;
  position: relative;
}
.searchform-wrapper .search-label .error {
  position: absolute;
  top: 100%;
  z-index: 1;
  width: 25rem;
}
.searchform-wrapper .search-outer {
  display: flex;
  max-width: 20rem;
  overflow: hidden;
  transition: all .3s ease-in-out;
}
.searchform-wrapper:hover .search-outer,
.searchform-wrapper:focus-within .search-outer {
  max-width: 35rem;
  width: 35rem;
}
.searchform-wrapper .button {
  background-color: var(--lightbrown);
  color: #fff;
  border-radius: 9px;
  appearance: none;
  cursor: pointer;
  font-size: 1.4rem;
  padding: .9rem 1.5rem;
  border: 0;
  transition: all .3s ease-in-out;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
}
.searchform-wrapper .button:hover {
  opacity: 0.9;
}
html.big-contrast .searchform-wrapper .button {
  background-color: var(--lightbrown);
  color: #fff;
}
html.big-contrast .searchform-wrapper .button:hover {
  background-color: #fff;
  color: var(--black);
  border-color: var(--black);
}
.searchform-wrapper:hover .button,
.searchform-wrapper:focus-within .button {
  max-width: 5rem;
  opacity: 1;
}
.searchform-wrapper .search-label {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}
.searchform-wrapper .search-input {
  display: block;
  background-image: url(../img/search-ico.svg);
  background-repeat: no-repeat;
  background-position: 1.5rem center;
  width: 100%;
  font-size: 1.4rem;
  border: 1px solid #C3C3C3;
  -webkit-appearance: none;
  padding: .9rem 1rem .9rem 5rem;
  margin-bottom: 8px;
  box-sizing: border-box;
  border-radius: .7rem;
  margin: 0 .5rem 0 0;
  transition: all .3s ease-in-out;
}
.searchform-wrapper:hover .search-input,
.searchform-wrapper:focus-within .search-input {
  padding-left: 1rem;
  background-position: -3rem center;
}
.searchform-wrapper .search-input:focus {
  outline: 0;
  border-color: darken(#0170bc, 10%);
  box-shadow: 0 0 5px 0 darken(#0170bc, 10%);
}
.searchform-wrapper [aria-hidden="true"],
.searchform-wrapper .hidden {
  display: none;
}
.searchform-wrapper [aria-hidden="false"] {
  display: block;
}
.searchform-wrapper [aria-invalid] {
  border: 2px solid #cc3535;
  outline: 0;
}
.searchform-wrapper [aria-invalid]:focus,
.searchform-wrapper [aria-invalid]:hover {
  outline: 0;
  border-color: darken(#cc3535, 5%);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.63);
}
.searchform-wrapper .error span {
  display: block;
  background-color: var(--orange);
  color: #fff;
  padding: 10px;
  margin-top: 10px;
  font-size: 80%;
  border-radius: 5px;
}
/** search form *END*/




/** footer **/
.footer {
  background-color: var(--darkgreen);
  padding: 2rem 0;
  color: var(--white);
}
.footer .copyright {
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  color: var(--white);
}
.footer .copyright:last-of-type{
  padding-bottom: 0;
}
.footer .copyright a {
  color: #fff;
  text-decoration: none;
}
.footer .copyright a:hover {
  color: #fff;
}
/** footer *END*/




/** main header **/
.main-header-box {
  height: 52rem;
  margin-bottom: 10rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #F8F0E2;
}
.main-header-box:not(.has-img) {
  max-height: 23rem;
}
.main-header-box .container {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.main-header-box .main-header {
  line-height: 100%;
  padding: 0;
}
.main-header-box:not(.has-img) .main-header {
  color: var(--darkgreen);
  font-size: 4.2rem;
  padding-top: 10rem;
}
.main-header-box .header-txt {
  max-width: 75rem;
  padding: 3rem 0 0;
}
.main-header-box .header-txt p {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 500;
}
.main-header-box .header-txt p:last-of-type {
  padding-bottom: 0;
}


@media (max-width: 960px) {
  .main-header-box {
    margin-bottom: 6rem;
  }
  .main-header-box.has-img {
    height: auto;
    min-height: 20rem;
  }
  .main-header-box.has-img .container {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
}

@media (max-width: 460px) {
  .main-header-box {
    margin-bottom: 4rem;
  }
}
/** main header *END*/





/** TEMPLATE post-list **/
#template_post-list .box {
  margin: 0 0 10rem;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
#template_post-list .box.block-reverse {
  flex-flow: row-reverse;
}
#template_post-list .box > div {
  flex: 0 0 50%;
}
#template_post-list .outer {
  max-width: 63.5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
#template_post-list .inner {
  max-width: 53rem;
}
#template_post-list .block-normal .outer {
  margin-left: auto;
  padding-right: 6.5rem;
}
#template_post-list .block-reverse .outer {
  margin-right: auto;
  padding-left: 6.5rem;
}
#template_post-list figure {
  margin: 0;
}
#template_post-list .block-reverse figure {
  text-align: right;
}


@media (max-width: 1500px) {
  #template_post-list .block-normal .outer {
    padding-left: 3rem;
  }
  #template_post-list .block-reverse .outer {
    padding-right: 3rem;
  }
}

@media (max-width: 991.99px) {
  #template_post-list .box {
    flex-flow: column-reverse;
    margin: 0 0 2rem;
  }
  #template_post-list .box.block-reverse {
    flex-flow: column-reverse;
  }
  #template_post-list .box .outer {
    margin: 0 auto;
    padding: 5rem 3rem;
  }
}

@media (max-width: 375px) {
  #template_post-list .box .outer {
    padding: 3rem 1.5rem;
  }
}
/** TEMPLATE post-list *END*/




/** TEMPLATE timeline **/
#template_timeline-entry .box {
  margin: 0 0 10rem;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
#template_timeline-entry .txt-box {
  flex: 0 0 46%;
}
#template_timeline-entry .img-box {
  flex: 0 0 54%;
}
#template_timeline-entry .mask {
  display: block;
  -webkit-mask-image: url(../img/history-img-mask-r.png);
  mask-image: url(../img/history-img-mask-r.png);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
#template_timeline-entry .outer {
  max-width: 56rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-left: auto;
  padding-right: 6.5rem;
}
#template_timeline-entry .inner {
  max-width: 53rem;
}
#template_timeline-entry figure {
  margin: 0;
}


#template_timeline-list .box {
  margin: 0 0 10rem;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}
#template_timeline-list .box.block-reverse {
  flex-flow: row-reverse;
}
#template_timeline-list .txt-box {
  max-width: 77rem;
}
#template_timeline-list .img-box {
  max-width: 58rem;
}
#template_timeline-list .block-normal .mask {
  display: block;
  -webkit-mask-image: url(../img/history-img-mask-r.png);
  mask-image: url(../img/history-img-mask-r.png);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  margin-right: -20%;
}
#template_timeline-list .block-reverse .mask {
  display: block;
  mask-image: url(../img/history-img-mask-l.png);
  overflow: hidden;
  -webkit-mask-image: url(../img/history-img-mask-l.png);
  mask-image: url(../img/history-img-mask-l.png);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  margin-left: -20%;
}
#template_timeline-list .outer {
  max-width: 63.5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
#template_timeline-list .block-normal .outer {
  margin-left: auto;
  padding-right: 6.5rem;
}
#template_timeline-list .block-reverse .outer {
  margin-right: auto;
  padding-left: 6.5rem;
}
#template_timeline-list .inner {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
}
#template_timeline-list .box.block-reverse .inner {
  flex-flow: row-reverse;
}
#template_timeline-list .block-normal .left {
  border-right: 1.2rem solid #F7F7F7;
  padding-right: 3.5rem;
  margin-right: 6rem;
  height: 26rem;
  padding-left: 3rem;
}
#template_timeline-list .block-reverse .left {
  border-left: 1.2rem solid #F7F7F7;
  padding-left: 3.5rem;
  margin-left: 6rem;
  height: 26rem;
  padding-right: 3rem;
}
#template_timeline-list .box-title {
  color: var(--black);
  padding: 0 0 2rem;
}
#template_timeline-list .date {
  font-size: 12rem;
  font-weight: bold;
  line-height: 75%;
  font-family: circe-slab-b, serif;
  color: var(--lightbrown);
}
#template_timeline-list figure {
  margin: 0;
}
#template_timeline-list .block-reverse figure {
  text-align: right;
}
#template_timeline-list figcaption {
  padding-left: 3rem;
  padding-right: 3rem;
}



@media (max-width: 1500px) {
  #template_timeline-entry .outer {
    padding-left: 3rem;
  }
  #template_timeline-list .date {
    font-size: 7rem;
  }
}

@media (max-width: 1200px) {
  #template_timeline-list .inner {
    flex-flow: column;
    padding: 0 0 0 3rem;
  }
  #template_timeline-list .box.block-reverse .inner {
    flex-flow: column;
    padding: 0 3rem 0 0;
  }
  #template_timeline-list .block-normal .left {
    height: unset;
    padding: 0 0 1rem;
    border: 0;
    margin: 0;
  }
  #template_timeline-list .block-reverse .left {
    height: unset;
    padding: 0 0 1rem;
    border: 0;
    margin: 0;
  }
  #template_timeline-list .date {
    font-size: 3rem;
  }
  #template_timeline-list .date br {
    display: none;
  }
}

@media (max-width: 960px) {
  #template_timeline-entry .box {
    flex-flow: column-reverse;
    margin: 0 0 2rem;
  }
  #template_timeline-entry .box .outer {
    margin: 0 auto;
    padding: 5rem 3rem;
  }
  #template_timeline-list .txt-box {
    max-width: 45%;
    flex: 0 0 45%;
  }
}

@media (max-width: 640px) {
  #template_timeline-list .box {
    flex-flow: column;
  }
  #template_timeline-list .box.block-reverse {
    flex-flow: column;
  }
  #template_timeline-list .txt-box {
    max-width: 100%;
    flex: 0 0 100%;
  }
  #template_timeline-list .block-reverse .outer {
    padding: 0 3rem 3rem;
  }
  #template_timeline-list .block-normal .outer {
    padding: 0 3rem 3rem;
  }
}

@media (max-width: 375px) {
  #template_timeline-entry {
    padding: 3rem 1.5rem;
  }
}
/** TEMPLATE timeline *END*/




/** TEMPLATE simple gallery **/
#template_simple-gallery .gallery-container {
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
#template_simple-gallery .single-img-box {
  flex: 0 0 16.66%;
  max-width: 16.6%;
  width: 100%;
  display: block;
}
#template_simple-gallery .outer-img {
  margin: 1rem;
  cursor: pointer;
  overflow: hidden;
  transition: all .5s ease-in-out;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 20%);
}
#template_simple-gallery .single-img-box img {
  transition: all .5s ease-in-out;
}
#template_simple-gallery .single-img-box:hover img {
  transform: scale(1.3);
}

@media (max-width: 1100px) {
  #template_simple-gallery .single-img-box {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 900px) {
  #template_simple-gallery .single-img-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 640px) {
  #template_simple-gallery .single-img-box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  #template_simple-gallery .outer-img {
    margin: .8rem;
  }
}

@media (max-width: 460px) {
  #template_simple-gallery .single-img-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #template_simple-gallery .outer-img {
    margin: .5rem;
  }
}
/** TEMPLATE simple gallery *END*/





/** TEMPLATE photo gallery **/
#template_photo-gallery .gallery-container {
  max-width: 102rem;
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
#template_photo-gallery .single-img-box {
  flex: 0 0 16.66%;
  max-width: 16.6%;
  width: 100%;
  display: block;
}
#template_photo-gallery .outer-img {
  margin: 1rem;
  cursor: pointer;
  overflow: hidden;
  transition: all .5s ease-in-out;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 20%);
}
#template_photo-gallery .single-img-box img {
  transition: all .5s ease-in-out;
}
#template_photo-gallery .single-img-box:hover img {
  transform: scale(1.3);
}

@media (max-width: 1100px) {
  #template_photo-gallery .single-img-box {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 900px) {
  #template_photo-gallery .single-img-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 640px) {
  #template_photo-gallery .single-img-box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  #template_photo-gallery .outer-img {
    margin: .8rem;
  }
}

@media (max-width: 460px) {
  #template_photo-gallery .single-img-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #template_photo-gallery .outer-img {
    margin: .5rem;
  }
}
/** TEMPLATE photo gallery *END*/




/** TEMPLATE sightseeing during a pandemic **/
#template_sightseeing-during .txt_box.txt1 p {
  font-size: 2rem;
  font-weight: 500;
}
#template_sightseeing-during .list {
  list-style: none;
  padding: 5rem 0 1rem 0;
  margin: 0;
}
#template_sightseeing-during .list li {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 4rem;
}
#template_sightseeing-during .list .ico {
  max-width: 6rem;
  max-height: 6rem;
  width: 100%;
  height: 100%;
  padding-right: 6rem;
}
#template_sightseeing-during .txt_box.txt3 p {
  color: var(--orange);
}


@media (max-width: 460px) {
  #template_sightseeing-during .txt_box.txt1 p {
    font-size: 1.6rem;
  }
  #template_sightseeing-during .list {
    padding: 1rem 0 2rem 0;
  }
  #template_sightseeing-during .list li {
    padding: 0 0 2rem;
  }
  #template_sightseeing-during .list .ico {
    max-width: 4rem;
    max-height: 4rem;
    padding-right: 2rem;
  }
}
/** TEMPLATE sightseeing during a pandemic *END*/





/** TEMPLATE garden **/
#template_garden .box {
  margin: 0 0 10rem;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
#template_garden .box > div {
  flex: 0 0 50%;
}
#template_garden .outer {
  max-width: 68.5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-left: auto;
  padding-right: 1.5rem;
}
#template_garden .inner {
  max-width: 62rem;
}
#template_garden figure {
  margin: 0;
  padding: 0 0 4rem;
}

#template_garden .garden_list_enter {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  color: var(--black);
}
#template_garden .header-bar {
  position: relative;
  padding: 0 0 3rem;
  margin: 0 0 3rem;
}
#template_garden .header-bar:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: calc(50% - 2.3rem);
  bottom: 0;
  background-color: var(--green);
  height: 2px;
  width: 4.6rem;
}
#template_garden .list-container {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
#template_garden .list-box {
  width: 23rem;
  margin: 2rem 1rem;
}
#template_garden .img-list-outer {
  width: 100%;
  height: 22rem;
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.12);
  padding: 3rem;
  box-sizing: border-box;
  margin: 0 0 3rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#template_garden .list-title.header-bar {
  font-size: 2rem;
  font-weight: bold;
  color: var(--black);
  text-align: center;
}
#template_garden .list {
  list-style: none;
  padding: 2rem 1rem;
  margin: 0;
}
#template_garden .list li {
  border-bottom: 1px solid #000;
  padding: 1.5rem 0;
}
#template_garden .color1 .list li {
  border-color: var(--orange);
}
#template_garden .color2 .list li {
  border-color: var(--green);
}
#template_garden .color3 .list li {
  border-color: var(--blue);
}
#template_garden .color4 .list li {
  border-color: var(--brown);
}


@media (max-width: 1500px) {
  #template_garden .outer {
    padding-left: 3rem;
  }
}

@media (max-width: 1200px) {
  #template_garden .box {
    flex-flow: column;
    margin: 0 0 2rem;
  }
  #template_garden .img-box {
    display: flex;
    flex-flow: row;
  }
  #template_garden .figure1 {
    padding: 0 1.5rem 4rem 3rem;
  }
  #template_garden .figure2 {
    padding: 0 3rem 4rem 1.5rem;
  }
  #template_garden .box .outer {
    margin: 0 auto;
    padding: 5rem 3rem;
    max-width: 100%;
  }
  #template_garden .inner {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  #template_garden .img-box {
    display: flex;
    flex-flow: column;
  }
  #template_garden .figure1 {
    padding: 0 0 2rem;
  }
  #template_garden .figure2 {
    padding: 0 0 2rem;
  }
}

@media (max-width: 375px) {
  #template_garden .box .outer {
    padding: 3rem 1.5rem;
  }
}
/** TEMPLATE garden *END*/





/** TEMPLATE lesson order **/
#template_lesson-order .list {
  list-style: none;
  margin: 0;
  padding: 0 0 4rem;
}
#template_lesson-order .list li {
  padding: 0;
  display: flex;
}
#template_lesson-order .list .price {
  background-color: #EFEFEF;
  padding: 1rem 2rem;
  min-width: 6rem;
}
#template_lesson-order .list .description {
  padding: 1rem 2rem;
  flex: auto;
}
#template_lesson-order .list .description.hr {
  border-bottom: 1px solid var(--lightbrown);
  padding: 1rem 2rem 0;
  margin: 0 2rem 1rem 2rem;
  width: calc(100% - 4rem);
}
#template_lesson-order hr {
    border: 0;
    border-bottom: 1px solid var(--lightbrown);
}
#template_lesson-order .txt_box ul li {
  padding: 0 0 1rem;
}
#template_lesson-order .txt_box {
  padding: 0 0 3rem;
}


@media (max-width: 460px) {
  #template_lesson-order .list .price {
    padding: 1rem;
    min-width: 5rem;
  }
  #template_lesson-order .list .description {
    padding: 1rem;
  }
}
/** TEMPLATE lesson order *END*/





/** TEMPLATE library **/
#template_library .box {
  margin: 0 0 5rem;
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
}
#template_library .box > div {
  flex: 0 0 50%;
}
#template_library .outer {
  max-width: 68.5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-left: auto;
  padding-right: 1.5rem;
}
#template_library .inner {
  max-width: 62rem;
}
#template_library figure {
  margin: 0;
  padding: 0 4rem 4rem 0;
}


@media (max-width: 1500px) {
  #template_library .outer {
    padding-left: 3rem;
  }
}

@media (max-width: 1200px) {
  #template_library .box {
    flex-flow: column;
    margin: 0 0 2rem;
  }
  #template_library .img-box {
    display: flex;
    flex-flow: row;
  }
  #template_library .figure1 {
    padding: 0 1.5rem 4rem 3rem;
  }
  #template_library .figure2 {
    padding: 0 3rem 4rem 1.5rem;
  }
  #template_library .box .outer {
    margin: 0 auto;
    padding: 5rem 3rem;
    max-width: 100%;
  }
  #template_library .inner {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  #template_library .img-box {
    display: flex;
    flex-flow: column;
  }
  #template_library .figure1 {
    padding: 0 0 2rem;
  }
  #template_library .figure2 {
    padding: 0 0 2rem;
  }
}

@media (max-width: 375px) {
  #template_library .box .outer {
    padding: 3rem 1.5rem;
  }
}
/** TEMPLATE library *END*/




/** TEMPLATE default **/
#template_default-page article section {
  padding-top: 8rem;
}
/** TEMPLATE default *END*/




/** TEMPLATE announcements **/
#template_announcements .article-title {
  color: var(--orange);
}
#template_announcements article {
  border-bottom: 1px solid #ddd;
  margin: 0 0 5rem;
}
#template_announcements article:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
#template_announcements .downloads-container {
  padding: 0 0 3rem;
  list-style: none;
  margin: 0;
}
#template_announcements .downloads-container li {
  display: inline-block;
  padding: 0 1.5rem 1.5rem 0;
  margin: 0;
}
#template_announcements .downloads-container li:last-of-type {
  padding: 0;
}
/** TEMPLATE announcements *END*/





/** TEMPLATE exhibitors **/
#template_exhibitors .section-header {
  font-size: 2.6rem;
  color: var(--black);
}
#template_exhibitors .price-header {
  font-size: 2.6rem;
  color: var(--black);
}
#template_exhibitors .green_txt {
  color: var(--green);
  font-weight: 600;
  padding: 0 0 2rem;
}
#template_exhibitors .pricelist-container {
  padding: 0 0 5rem;
}
#template_exhibitors .list {
  list-style: none;
  padding: 0 0 5rem;
  margin: 0;
}
#template_exhibitors .list li {
  border-bottom: 1px solid var(--lightbrown);
  padding: 1em;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}
#template_exhibitors .list .price {
  font-weight: 500;
}
#template_exhibitors figure {
  margin: 0 0 8rem;
}
#template_exhibitors .btn {
  margin: 0 0 3rem;
}
#template_exhibitors .form-header {
  padding-top: 5rem;
}
/** TEMPLATE exhibitors *END*/




/** BLOCK contact **/
#footer-contact {
  background-color: #F4F4F4;
  background-image: url(../img/footer-contact-bg.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 10rem 3rem;
}
#footer-contact .box-container {
  display: flex;
  flex-flow: row;
}
#footer-contact .box-container .box {
  padding: 0 2%;
  box-sizing: content-box;
}
#footer-contact .box-container .box-1 {
  flex: 0 0 20%;
  max-width: 25%;
}
#footer-contact .box-container .box-1 .social-box ul {
  margin-left: -.8rem;
}
#footer-contact .box-container .box-1 .social-box ul li a {
  font-size: 1.8rem;
  padding: 0 .8rem;
}
#footer-contact .box-container .box-2 {
  flex: 0 0 22%;
  max-width: 25%;
  padding-top: 4rem;
}
#footer-contact .box-container .box-2 .btn {
  margin: 1.5rem 0 0;
}
#footer-contact .footer-title {
  font-size: 2rem;
  color: var(--black);
  padding: 0 0 2rem;
}
#footer-contact .txt_box p {
  font-size: 1.4rem;
  padding: 0 0 1rem;
}
#footer-contact .txt_box p small {
  font-size: 76%;
}
#footer-contact hr {
  border: 0;
  border-bottom: 1px solid var(--lightbrown);
  margin: 0.5rem 0 1rem;
}
#footer-contact .map-box {
  display: block;
}
#footer-contact form .row {
  padding: 0 0 1rem;
  display: flex;
  align-items: center;
}
#footer-contact form label {
  font-size: 1.4rem;
  font-weight: bold;
  flex: 0 0 6rem;
}
#footer-contact form input:not([type="submit"]) {
  font-size: 1.4rem;
  color: var(--black);
  border: 2px solid var(--lightbrown);
  background-color: transparent;
  padding: 1rem;
  box-sizing: content-box;
  width: 100%;
}
#footer-contact form input[type="submit"] {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--black);
  background-color: var(--lightbrown);
  border: 0 !important;
  padding: 1.4rem 4rem;
  margin: 1rem 0 0 auto;
  cursor: pointer;
  transition: all .5s;
}
#footer-contact form input[type="submit"]:hover {
  background-color: var(--brown);
  color: #fff;
}


@media (max-width: 1400px) {
  #footer-contact .box-container .box-1 {
    max-width: unset;
    padding: 0 3rem 0;
  }
  #footer-contact .box-container .box-2 {
    max-width: unset;
    padding: 4rem 3rem 0;
  }
}

@media (max-width: 960px) {
  #footer-contact .box-container .box-1 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #footer-contact .box-container .box-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #footer-contact .box.box-3 {
    display: none;
  }
}

@media (max-width: 680px) {
  #footer-contact {
    padding: 6rem 0 0;
  }
  #footer-contact .box-container {
    flex-flow: column;
    align-items: center;
  }
  #footer-contact .box-container .box-1 {
    flex: 0 0 28rem;
    max-width: 28rem;
    padding: 0 0 4rem;
  }
  #footer-contact .box-container .box-2 {
    flex: 0 0 28rem;
    max-width: 28rem;
    padding: 0;
  }
}
/** BLOCK contact *END*/




/** FORMS **/
.form-container {
  display: flex;
  flex-wrap: wrap;
}
.form-container > div:not(.fv) {
  padding: 0 1rem 2rem;
  box-sizing: border-box;
}
.form-container .fv {
  display: flex;
  flex-wrap: wrap;
  display: none;
}
.form-container .fv.active {
  display: flex;
}
.form-container .fv > div {
  padding: 0 1rem 2rem;
  box-sizing: border-box;
}
.form-container .full-width {
  flex: 0 0 100%;
  max-width: 100%;
}
.form-container .half-width {
  flex: 0 0 50%;
  max-width: 50%;
}
.form-container .quarter-width {
  flex: 0 0 25%;
  max-width: 25%;
}
.form-container .small-width {
  width: 10rem;
}
.form-container label {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 0 1rem;
  text-align: left;
}
.form-container input[type="text"],
.form-container input[type="number"],
.form-container input[type="email"] {
  border: 2px solid var(--lightbrown);
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  height: 4rem;
  line-height: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
}
.form-container input[type="checkbox"] {
  height: 2rem;
  width: 2rem;
  vertical-align: middle;
}
.form-container textarea {
  border: 2px solid var(--lightbrown);
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  height: 20rem;
  line-height: 100%;
  padding: 2rem;
  box-sizing: border-box;
}
.form-container sup {
  position: absolute;
  padding-left: 4px;
  color: red;
}
.form-container .wpcf7-checkbox,
.form-container .wpcf7-radio {
  padding: .7rem 0;
  display: block;
}
.form-container .legend p {
  position: relative;
  padding: 0 0 0 2rem;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 400;
  color: #757575;
}
.form-container .legend p sup {
  left: 0;
}
.form-container .submit {
  text-align: right;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
}
.form-container p {
  padding: 0;
}
.form-container input[type="submit"] {
  cursor: pointer;
}
.form-container .ajax-loader {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: var(--orange);
  background-color: var(--orange);
  color: #fff;
  padding: 4rem;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--green);
  background-color: var(--green);
  color: var(--black);
  padding: 4rem;
}
.form-container .wpcf7-not-valid-tip {
  color: var(--orange);
}


@media (max-width: 640px) {
  .form-container .half-width {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .form-container .quarter-width {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 460px) {
  .form-container .quarter-width {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/** FORMS *END*/




/** TEMPLATE contact **/
#template_contact .box {
  margin: 0 0 10rem;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
#template_contact .box > div {
  flex: 0 0 50%;
}
#template_contact .outer {
  max-width: 63.5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-left: auto;
  padding-right: 6.5rem;
}
#template_contact .inner {
  max-width: 53rem;
}
#template_contact figure {
  margin: 0;
}
#template_contact .company {
  font-size: 3.2rem;
  color: var(--black);
  padding: 5rem 0 3rem 0;
}
#template_contact .company span {
  color: var(--orange);
}
#template_contact .hours {
  font-size: 1.8rem;
  font-weight: 600;
}
#template_contact .hours small {
  font-size: 1.6rem;
  font-weight: 400;
}
#template_contact .address {
  font-size: 2rem;
}
#template_contact .contacts-list {
  max-width: 75rem;
  margin: 0 auto;
}
#template_contact .contacts-list .section {
  padding: 0 0 4rem;
  margin: 0 0 3rem;
  border-bottom: 1px solid #707070;
}
#template_contact .name {
  font-size: 2rem;
  font-weight: 600;
  color: var(--brown);
  padding: 0 0 2rem;
}
#template_contact .functions-outer {
  display: flex;
  padding: 0 0 2rem;
}
#template_contact .function {
  font-weight: 600;
  padding: 0 1rem 0 0;
}
#template_contact .slash {
  padding: 0 1rem 0 0;
}
#template_contact .department {
  font-weight: 600;
  padding: 0;
  color: var(--green);
}
#template_contact .email {
  padding: 0;
}
#template_contact .tel {
  padding: 0;
}
#template_contact .bottom {
  max-width: 75rem;
  margin: 8rem auto 0;
}
#template_contact .btn-before {
  font-family: circe-slab-b, serif;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 0 0 2rem;
}


@media (max-width: 1500px) {
  #template_contact .outer {
    padding-left: 3rem;
  }
}

@media (max-width: 960px) {
  #template_contact .box {
    flex-flow: column-reverse;
    margin: 0 0 2rem;
  }
  #template_contact .box .outer {
    margin: 0 auto;
    padding: 5rem 3rem;
  }
}

@media (max-width: 640px) {
  #template_contact .box .outer {
    padding: 2rem;
  }
  #template_contact .hours {
    font-size: 1.6rem;
  }
  #template_contact .hours small {
    font-size: 1.4rem;
  }
  #template_contact .address {
    font-size: 1.6rem;
  }
}

@media (max-width: 375px) {
  #template_contact .box .outer {
    padding: 3rem 1.5rem;
  }
  #template_contact .company {
    font-size: 2.5rem;
    padding: 0 0 3rem 0;
  }
  #template_contact .address {
    font-size: 1.4rem;
  }
}
/** TEMPLATE contact **/




/** TEMPLATE subpages **/
#template_subpages .box-container {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -2rem;
}
#template_subpages .box-container .box {
  padding: 0 2.8rem 5rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
#template_subpages .box-container .outer {
  border-radius: .5rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  padding: 1rem;
}
#template_subpages .box-container a.img-outer {
  text-decoration: none;
  transition: all .7s;
}
#template_subpages .box-container a.img-outer:hover {
  opacity: .7;
}
#template_subpages .box-container .bottom {
  padding: 3rem 1rem 1rem;
  text-align: center;
}
#template_subpages .box-container .box-title {
  font-size: 2rem;
  color: var(--black);
  padding: 0 0 1rem;
  min-height: 6.6rem;
}
#template_subpages .box-container .btn {
  text-align: center;
  margin: 0 auto;
}


@media (max-width: 1200px) {
  #template_subpages .publishing-container {
    padding: 5rem 0 0;
  }
  #template_subpages .box-container .box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  #template_subpages .box-container .btn {
    font-size: 1.2rem;
  }
}

@media (max-width: 960px) {
  #template_subpages .box-container .box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 760px) {
  #template_subpages .box-container .box {
    flex: 0 0 100%;
    max-width: 36rem;
    margin: 0 auto;
  }
}
/** TEMPLATE subpages *END*/




/** TEMPLATE publishing **/
#template_publishing .top-section {
  background-color: #F7F7F7;
  padding: 7rem 0;
}
#template_publishing .top-section .container {
  display: flex;
}
#template_publishing .top-section .right {
  flex: 0 0 60%;
  padding: 0 0 0 5rem;
}
#template_publishing .section-header {
  font-size: 4.2rem;
  line-height: 120%;
  color: var(--orange);
}
#template_publishing .list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#template_publishing .list li {
  position: relative;
  line-height: 120%;
  padding: 0 0 1.5rem 2rem;
}
#template_publishing .list li:last-of-type {
  padding-bottom: 0;
}
#template_publishing .list li:before {
  content: url(../img/list-green-arr.svg);
  position: absolute;
  left: 0;
}

#template_publishing .publishing-container {
  padding: 10rem 0 0;
}
#template_publishing .box-container {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -2.8rem;
}
#template_publishing .box-container .box {
  padding: 0 2.8rem 5rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
#template_publishing .series-header {
  color: var(--black);
  text-align: center;
  padding: 0 0 5rem;
}
#template_publishing .book-title {
  font-size: 2rem;
  color: var(--black);
  padding: 3rem 0 1rem;
  min-height: 6.6rem;
  text-align: center;
}
#template_publishing .thumbnail {
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.15);
}


@media (max-width: 1100px) {
  #template_publishing .box-container {
    margin: 0 -2rem;
  }
  #template_publishing .box-container .box {
    padding: 0 2rem 5rem;
  }
  #template_publishing .box-container .btn {
    font-size: 1.2rem;
  }
}

@media (max-width: 960px) {
  #template_publishing .section-header {
    font-size: 3rem;
  }
  #template_publishing .publishing-container {
    padding: 5rem 0 0;
  }
  #template_publishing .box-container .box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (max-width: 760px) {
  #template_publishing .top-section .container {
    flex-flow: column;
  }
  #template_publishing .top-section .right {
    flex: 0 0 100%;
    padding: 2rem 0 0;
  }
  #template_publishing .box-container .box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 460px) {
  #template_publishing .box-container .box {
    flex: 0 0 100%;
    max-width: 32rem;
    margin: 0 auto;
  }
}
/** TEMPLATE publishing *END*/





/** TEMPLATE exhibitions **/
#template_exhibitions .publishing-container {
  padding: 10rem 0 0;
}
#template_exhibitions .box-container {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -2.8rem;
}
#template_exhibitions .box-container .box {
  padding: 0 2.8rem 5rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
#template_exhibitions .series-header {
  color: var(--black);
  text-align: center;
  padding: 0 0 5rem;
}
#template_exhibitions .book-title {
  font-size: 2rem;
  color: var(--black);
  padding: 3rem 0 1rem;
  min-height: 6.6rem;
  text-align: center;
}
#template_exhibitions .thumbnail {
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.15);
}


@media (max-width: 1100px) {
  #template_exhibitions .box-container {
    margin: 0 -2rem;
  }
  #template_exhibitions .box-container .box {
    padding: 0 2rem 5rem;
  }
  #template_exhibitions .box-container .btn {
    font-size: 1.2rem;
  }
}

@media (max-width: 960px) {
  #template_exhibitions .publishing-container {
    padding: 5rem 0 0;
  }
  #template_exhibitions .box-container .box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (max-width: 760px) {
  #template_exhibitions .box-container .box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 460px) {
  #template_exhibitions .box-container .box {
    flex: 0 0 100%;
    max-width: 32rem;
    margin: 0 auto;
  }
}
/** TEMPLATE exhibitions *END*/




/** SINGLE wydawnictwa **/
#single_wydawnictwa {
  border-top: 10rem solid #F8F0E2;
  padding-top: 10rem;
}
#single_wydawnictwa .book-container {
  display: flex;
  flex-flow: row;
}
#single_wydawnictwa .book-container .left {
  flex: 0 0 40rem;
}
#single_wydawnictwa .book-container .right {
  padding: 0 0 0 5rem;
}
#single_wydawnictwa .main-header {
  color: var(--brown);
}
#single_wydawnictwa .details {
  padding: 0 0 3rem;
}
#single_wydawnictwa .details p {
  padding: 0 0 1rem;
  font-weight: 600;
}
#single_wydawnictwa .details p span {
  font-weight: 400;
  padding: 0 .5rem 0 0;
}
#single_wydawnictwa .description {
  border-bottom: 2px solid var(--lightbrown);
}
#single_wydawnictwa .downloads-container {
  padding: 4rem 0 0;
  list-style: none;
  margin: 0;
}
#single_wydawnictwa .downloads-container li {
  display: inline-block;
  padding: 0 1.5rem 1.5rem 0;
  margin: 0;
}
#single_wydawnictwa .downloads-container li:last-of-type {
  padding: 0;
}

#single_wydawnictwa .bottom {
  padding: 14rem 0 0;
  display: flex;
}
#single_wydawnictwa .form-header {
  padding: 0 0 1rem;
}
#single_wydawnictwa .form-txt {
  padding: 0 0 5rem;
}
#single_wydawnictwa .bottom > .right {
  flex: 0 0 35%;
}
#single_wydawnictwa .bank_transfer {
  padding: 15rem 0 0 10rem;
}

@media (max-width: 960px) {
  #single_wydawnictwa .book-container {
    flex-flow: column;
  }
  #single_wydawnictwa .img-outer {
    padding: 0 0 5rem;
  }
  #single_wydawnictwa .book-container .right {
    padding: 0;
  }
  #single_wydawnictwa .bottom {
    padding: 6rem 0 0;
    flex-flow: column;
  }
  #single_wydawnictwa .bank_transfer {
    padding: 5rem 0 0;
  }
}
/** SINGLE wydawnictwa *END*/




/** TAXONOMY serie **/
#taxonomy_serie .book-container {
  display: flex;
  flex-flow: row;
  padding: 0 0 10rem;
}
#taxonomy_serie .book-container .left {
  flex: 0 0 40rem;
}
#taxonomy_serie .book-container .right {
  padding: 0 0 0 5rem;
}
#taxonomy_serie .main-header {
  color: var(--brown);
}
#taxonomy_serie .details {
  padding: 0 0 3rem;
}
#taxonomy_serie .details p {
  padding: 0 0 1rem;
  font-weight: 600;
}
#taxonomy_serie .details p span {
  font-weight: 400;
  padding: 0 .5rem 0 0;
}
#taxonomy_serie .description {
  border-bottom: 2px solid var(--lightbrown);
}
#taxonomy_serie .btn-box {
  padding: 3rem 0 0;
}
#taxonomy_serie .btn-box .btn {
  margin: 0 1.5rem 1.5rem 0;
}
#taxonomy_serie .downloads-container {
  padding: 1rem 0 0 1rem;
  list-style: none;
  margin: 0;
  display: inline-block;
}
#taxonomy_serie .downloads-container li {
  padding: 0;
}


@media (max-width: 960px) {
  #taxonomy_serie .book-container {
    flex-flow: column;
  }
  #taxonomy_serie .book-container .right {
    padding: 0;
  }
  #taxonomy_serie .img-outer {
    padding: 0 0 5rem;
  }
}
/** TAXONOMY serie *END*/




/** SINGLE gallery **/
#single_gallery {
  border-top: 10rem solid #F8F0E2;
  padding-top: 10rem;
}
#single_gallery .info {
  display: flex;
  flex-flow: row;
  padding-bottom: 10rem;
}
#single_gallery .info .left {
  flex: 0 0 40rem;
}
#single_gallery .info .right {
  padding: 0 0 0 5rem;
}
#single_gallery .main-header {
  color: var(--brown);
  font-size: 4rem;
}
#single_gallery .details {
  padding: 0 0 3rem;
}
#single_gallery .details p {
  padding: 0 0 1rem;
  font-weight: 600;
}
#single_gallery .details p span {
  font-weight: 400;
  padding: 0 .5rem 0 0;
}

#single_gallery .gallery-container {
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
#single_gallery .single-img-box {
  flex: 0 0 16.66%;
  max-width: 16.6%;
  width: 100%;
  display: block;
}
#single_gallery .outer-img {
  margin: 1rem;
  cursor: pointer;
  overflow: hidden;
  transition: all .5s ease-in-out;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 20%);
}
#single_gallery .single-img-box img {
  transition: all .5s ease-in-out;
}
#single_gallery .single-img-box:hover img {
  transform: scale(1.3);
}

@media (max-width: 1100px) {
  #single_gallery .single-img-box {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 960px) {
  #single_gallery .info {
    flex-flow: column;
  }
  #single_gallery .img-outer {
    padding: 0 0 5rem;
  }
  #single_gallery .info .right {
    padding: 0;
  }
}

@media (max-width: 900px) {
  #single_gallery .single-img-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 640px) {
  #single_gallery .single-img-box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  #single_gallery .outer-img {
    margin: .8rem;
  }
  #single_gallery .info {
    padding-bottom: 6rem;
  }
}

@media (max-width: 460px) {
  #single_gallery .single-img-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #single_gallery .outer-img {
    margin: .5rem;
  }
}

@media (max-width: 375px) {
  #single_gallery .single-img-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/** SINGLE gallery *END*/




/** TEMPLATES galerys **/
#template_gallerys .txt_box {
  padding-bottom: 5rem;
}
#template_gallerys .box-container {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -2.8rem;
}
#template_gallerys .box-container .box {
  padding: 0 1.5rem 5rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
#template_gallerys .book-title {
  font-size: 1.6rem;
  color: var(--green);
  padding: 2rem 0 1rem;
  min-height: 5.2rem;
  width: 100%;
}
#template_gallerys .txt-link {
  font-size: 1.4rem;
}
#template_gallerys .thumbnail {
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.15);
}


@media (max-width: 1100px) {
  #template_gallerys .box-container {
    margin: 0 -1rem;
  }
}

@media (max-width: 960px) {
  #template_gallerys .box-container .box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (max-width: 640px) {
  #template_gallerys .box-container .box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 460px) {
  #template_gallerys .box-container .box {
    flex: 0 0 100%;
    max-width: 32rem;
    margin: 0 auto;
  }
  #template_gallerys .book-title {
    min-height: unset;
  }
  #template_gallerys .box-container .box {
    padding: 0 2rem 5rem;
  }
}
/** TEMPLATES galerys *END*/




/** SINGLE gallery **/
#single_video {
  border-top: 10rem solid #F8F0E2;
  padding-top: 10rem;
}
#single_video .info {
  display: flex;
  flex-flow: row;
  padding-bottom: 10rem;
}
#single_video .info .left {
  flex: 0 0 45%;
}
#single_video iframe {
  max-width: 100% !important;
  border: 0;
}
#single_video .info .right {
  padding: 0 0 0 5rem;
}
#single_video .main-header {
  color: var(--brown);
  font-size: 4rem;
}
#single_video .details {
  padding: 0 0 3rem;
}
#single_video .details p {
  padding: 0 0 1rem;
  font-weight: 600;
}
#single_video .details p span {
  font-weight: 400;
  padding: 0 .5rem 0 0;
}


@media (max-width: 1100px) {
  #single_video .single-img-box {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 960px) {
  #single_video .info {
    flex-flow: column;
  }
  #single_video .img-outer {
    padding: 0 0 5rem;
  }
  #single_video .info .right {
    padding: 0;
  }
}

@media (max-width: 900px) {
  #single_video .single-img-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 640px) {
  #single_video .single-img-box {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  #single_video .outer-img {
    margin: .8rem;
  }
  #single_video .info {
    padding-bottom: 6rem;
  }
}

@media (max-width: 460px) {
  #single_video .single-img-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #single_video .outer-img {
    margin: .5rem;
  }
}

@media (max-width: 375px) {
  #single_video .single-img-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/** SINGLE gallery *END*/




/** TEMPLATES videos **/
#template_videos .txt_box {
  padding-bottom: 5rem;
}
#template_videos .box-container {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -2.8rem;
}
#template_videos .box-container .box {
  padding: 0 1.5rem 5rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  box-sizing: border-box;
}
#template_videos .book-title {
  font-size: 1.6rem;
  color: var(--green);
  padding: 2rem 0 1rem;
  min-height: 5.2rem;
  width: 100%;
}
#template_videos .txt-link {
  font-size: 1.4rem;
}
#template_videos .thumbnail {
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.15);
}


@media (max-width: 1100px) {
  #template_videos .box-container {
    margin: 0 -1rem;
  }
}

@media (max-width: 960px) {
  #template_videos .box-container .box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 640px) {
  #template_videos .box-container .box {
    flex: 0 0 100%;
    max-width: 50%;
  }
}

@media (max-width: 460px) {
  #template_videos .box-container .box {
    max-width: 40rem;
    margin: 0 auto;
  }
  #template_videos .book-title {
    min-height: unset;
  }
  #template_videos .box-container .box {
    padding: 0 2rem 5rem;
  }
}
/** TEMPLATES videos *END*/




/** TEMPLATES hours **/
#template_hours .section-header {
  text-align: center;
  padding: 0 0 8rem;
  font-size: 4rem;
}
#template_hours .section-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 12rem;
}
#template_hours .section-container .left {
  padding: 0 0 0 12rem;
  position: relative;
  flex: auto;
}
#template_hours .section-container .right {
  max-width: 55rem;
  flex: 0 0 40%;
  padding: 0 0 0 6rem;
}
#template_hours .svg-box {
  position: absolute;
  left: 0;
  width: 9rem;
  height: 9rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#template_hours .hours_type1 .lists-header {
  font-size: 4rem;
  color: var(--orange);
}
#template_hours .list-info {
  margin: 6rem 0;
  list-style: square;
}
#template_hours .list-info li::marker {
  color: var(--orange);
}
#template_hours .hours_type1 .list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0 0 4rem;
  max-width: 62rem;
}
#template_hours .hours_type1 .list li {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-size: 1.7rem;
}
#template_hours .hours_type1 .list li span {
  border-bottom: 1px solid #ccc;
  display: inline-block;
  padding: 1.2rem;
  width: auto;
  line-height: 130%;
}
#template_hours .hours_type1 .list li .day {
  flex: auto;
  margin: 0 3rem 0 0;
}
#template_hours .hours_type1 .list li .hours {
  flex: 0 0 22rem;
  margin: 0 0 0 3rem;
}
#template_hours .hours_type1 .list li.li-header span {
  font-weight: bold;
}

#template_hours .hours_type2 .lists-header {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--black);
  padding: 0 2.4rem 1rem;
}
#template_hours .hours_type2 .subheader {
  font-family: circe-slab-b, serif;
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--green);
  padding: 0 2.4rem 1rem;
  text-transform: none;
}
#template_hours .hours_type2 .list {
  list-style: none;
  padding: 0 0 5rem;
  margin: 0;
}
#template_hours .hours_type2 .list li {
  min-height: 6rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  padding: 1rem 2.4rem;
  margin: 0 0 1rem;
  display: flex;
  align-items: center;
}
#template_hours .hours_type2 .list li span {
  font-weight: 400;
  flex: 1;
}
#template_hours .hours_type2 .list .day {
  color: var(--orange);
}
#template_hours .hours_type2 .list .hours {
  font-size: 1.6rem;
  flex: 0 55%;
}


@media (max-width: 960px) {
  #template_hours .section-container {
    flex-flow: column;
  }
  #template_hours .section-container .right {
    padding: 0;
    flex: 0 0 100%;
    margin: 0 auto;
  }
  #template_hours .section-container .left {
    padding: 0 0 8rem;
    width: 100%;
  }
  #template_hours .list-info {
    margin: 3rem auto;
    max-width: 54rem;
  }
  #template_hours .svg-box {
    display: none;
  }
  #template_hours .hours_type1 .list {
    max-width: 65rem;
    margin: 0 auto;
  }
  #template_hours .hours_type1 .lists-header {
    max-width: 65rem;
    margin: 0 auto;
  }
  #template_hours .legend {
    max-width: 65rem;
    margin: 0 auto;
  }
  #template_hours .hours_type2 .list {
    min-width: 54rem;
  }
}

@media (max-width: 540px) {
  #template_hours .hours_type1 .lists-header {
    font-size: 3rem;
  }
  #template_hours .hours_type2 .list {
    min-width: calc(100vw - 6rem);
  }
}

@media (max-width: 460px) {
  #template_hours .section-container {
    padding: 0 0 2rem;
  }
  #template_hours .section-container .left {
    padding: 0 0 3rem;
  }
  #template_hours .section-header {
    text-align: center;
    padding: 0 0 4rem;
    font-size: 2.5rem
  }
  #template_hours .hours_type1 .lists-header {
    font-size: 2.5rem;
  }
  #template_hours .list-info {
    margin: 0 auto;
  }
  #template_hours .hours_type1 .list li .hours {
    flex: 0 0 40%;
    margin: 0 0 0 1rem;
  }
  #template_hours .hours_type1 .list li .day {
    margin: 0 1rem 0 0;
  }
  #template_hours .hours_type2 .lists-header {
    font-size: 2rem;
  }
  #template_hours .hours_type2 .subheader {
    font-size: 2rem;
  }
  #template_hours .hours_type2 .list li {
    min-height: 4rem;
    padding: 1rem 2rem;
  }
  #template_hours .hours_type2 .list li span {
    font-size: 1.4rem;
  }
  #template_hours .hours_type2 .list .hours {
    font-size: 1.4rem;
  }
}
/** TEMPLATES hours *END*/




/** TEMPLATES prices **/
#template_prices .ebilet-container {
  height: 52rem;
  position: relative;
  margin: 4rem 0 8rem 0;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
#template_prices .ebilet-container .container {
  display: flex;
  align-items: center;
}
#template_prices .ebilet-container .left {
  flex: 0 0 40%;
  position: relative;
  height: 52rem;
}
#template_prices .ebilet-container .section-header {
  font-family: montserrat, sans-serif;
  color: #fff;
  text-align: left;
  font-size: 8.5rem;
  font-weight: bold;
  padding: 0 0 5rem;
}
#template_prices .ebilet-container .section-header span {
  font-size: 3.5rem;
  line-height: 100%;
  color: #fff;
}
#template_prices .ebilet-img {
  position: absolute;
  bottom: 0;
}
#template_prices .section-header {
  text-align: center;
  padding: 0 0 8rem;
  font-size: 4rem;
}
#template_prices .section-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 12rem;
}
#template_prices .section-container .left {
  padding: 0 0 0 12rem;
  position: relative;
  flex: auto;
}
#template_prices .section-container .right {
  max-width: 55rem;
  flex: 0 0 40%;
  padding: 0 0 0 6rem;
}
#template_prices .svg-box {
  position: absolute;
  left: 0;
  width: 9rem;
  height: 9rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#template_prices .hours_type1 .lists-header {
  font-size: 4rem;
  color: var(--orange);
}
#template_prices .hours_type1 .list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0 0 4rem;
  max-width: 62rem;
}
#template_prices .hours_type1 .list li {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  padding: 0;
  font-size: 1.7rem;
}
#template_prices .hours_type1 .list li span {
  border-bottom: 1px solid #ccc;
  display: inline-block;
  padding: 1.2rem;
  width: auto;
  line-height: 130%;
}
#template_prices .hours_type1 .list li .day {
  flex: auto;
  margin: 0 3rem 0 0;
}
#template_prices .hours_type1 .list li .hours {
  flex: 0 0 22rem;
  margin: 0 0 0 3rem;
}
#template_prices .hours_type1 .list li.li-header span {
  font-weight: bold;
}

#template_prices .hours_type2 .lists-header {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--black);
  padding: 0 2.4rem 1rem;
}
#template_prices .hours_type2 .subheader {
  font-family: circe-slab-b, serif;
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--green);
  padding: 0 2.4rem 1rem;
  text-transform: none;
}
#template_prices .hours_type2 .list {
  list-style: none;
  padding: 0 0 5rem;
  margin: 0;
}
#template_prices .hours_type2 .list li {
  min-height: 6rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  padding: 1rem 2.4rem;
  margin: 0 0 1rem;
  display: flex;
  align-items: center;
}
#template_prices .hours_type2 .list li span {
  font-size: 1.8rem;
  font-weight: 400;
  flex: 1;
}
#template_prices .hours_type2 .list .day {
  color: var(--orange);
}
#template_prices .hours_type2 .list .hours {
  font-size: 1.6rem;
  flex: 0 55%;
}


@media (max-width: 960px) {
  #template_prices .section-container {
    padding: 0;
  }
  #template_prices .ebilet-container {
    height: 40rem;
    margin: 4rem 0;
  }
  #template_prices .ebilet-container .left {
    height: 40rem;
  }
  #template_prices .ebilet-container .section-header {
    font-size: 6.5rem;
  }
  #template_prices .ebilet-container .section-header span {
    font-size: 2.5rem;
  }
  #template_prices .section-container {
    flex-flow: column;
  }
  #template_prices .section-container .right {
    padding: 0;
    flex: 0 0 100%;
    margin: 0 auto;
  }
  #template_prices .section-container .left {
    padding: 0 0 8rem;
    width: 100%;
  }
  #template_prices .svg-box {
    display: none;
  }
  #template_prices .hours_type1 .list {
    max-width: 65rem;
    margin: 0 auto;
  }
  #template_prices .hours_type1 .lists-header {
    max-width: 65rem;
    margin: 0 auto;
  }
  #template_prices .legend {
    max-width: 65rem;
    margin: 0 auto;
  }
  #template_prices .hours_type2 .list {
    min-width: 54rem;
  }
}

@media (max-width: 760px) {
  #template_prices .ebilet-container {
    height: 32rem;
  }
  #template_prices .ebilet-container .left {
    height: 32rem;
    margin-left: -10%;
    flex: 0 0 45%;
  }
  #template_prices .ebilet-container .section-header {
    font-size: 5.5rem;
    padding: 0 0 2rem;
  }
  #template_prices .ebilet-container .section-header span {
    font-size: 2rem;
  }
  #template_prices .ebilet-container .btn {
    font-size: 1.3rem;
  }
}

@media (max-width: 540px) {
  #template_prices .ebilet-container .container {
    height: 100%;
  }
  #template_prices .ebilet-container .left {
    display: none;
  }
  #template_prices .hours_type1 .lists-header {
    font-size: 3rem;
  }
  #template_prices .hours_type2 .list {
    min-width: calc(100vw - 6rem);
  }
}

@media (max-width: 460px) {
  #template_prices .section-container {
    padding: 0 0 2rem;
  }
  #template_prices .section-container .left {
    padding: 0 0 3rem;
  }
  #template_prices .section-header {
    text-align: center;
    padding: 0 0 4rem;
    font-size: 2.5rem
  }
  #template_prices .hours_type1 .lists-header {
    font-size: 2.5rem;
  }
  #template_prices .hours_type1 .list li .hours {
    flex: 0 0 40%;
    margin: 0 0 0 1rem;
  }
  #template_prices .hours_type1 .list li .day {
    margin: 0 1rem 0 0;
  }
  #template_prices .hours_type2 .lists-header {
    font-size: 2rem;
  }
  #template_prices .hours_type2 .subheader {
    font-size: 2rem;
  }
  #template_prices .hours_type2 .list li {
    min-height: 4rem;
    padding: 1rem 2rem;
  }
  #template_prices .hours_type2 .list li span {
    font-size: 1.4rem;
  }
  #template_prices .hours_type2 .list .hours {
    font-size: 1.4rem;
  }
}
/** TEMPLATES prices *END*/




/** FOOTER logos **/
#footer-logos {
  padding: 5rem 0;
}
#footer-logos .logos-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  text-align: center;
}
#footer-logos .item {
  padding: 1rem;
  display: block;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: all .3s ease-in-out;
}
#footer-logos a.item:hover {
  transform: scale(1.1);
}
#footer-logos .item img {
  max-height: 8.6rem;
}


@media (max-width: 640px) {
  #footer-logos .item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
/** FOOTER logos **/




/** TEMPLATE events list **/
#template_events-list .group-title {
  color: var(--black);
}
#template_events-list .event-single {
  padding: 2rem;
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.2);
  margin: 0 0 5rem;
  display: flex;
  flex-flow: row;
}
#template_events-list .event-single .img-box {
  max-width: 60rem;
  flex: 0 0 40%;
  margin: 0 5rem 0 0;
}
#template_events-list .event-single .content-box {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 3rem 0 0;
  flex: auto;
}
#template_events-list .event-single .event-categories {
  list-style: none;
  padding: 0 0 1.5rem;
  margin: 0;
}
#template_events-list .event-single .event-categories li {
  display: inline-block;
  padding: 0;
  padding-right: 1.5rem;
  margin-right: 1rem;
  border-right: 1px solid var(--lightbrown);
  line-height: 100%;
}
#template_events-list .event-single .event-categories li:last-of-type {
  border-right: 0;
}
#template_events-list .event-single .event-categories li a {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
    text-decoration: none;
  color: var(--lightbrown);
}
#template_events-list .event-single .event-categories li a:hover {
  color: var(--brown);
}
#template_events-list .event-single .event-title {
  font-size: 3.5rem;
  color: var(--black);
}
#template_events-list .event-single .bottom {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 5rem 0 0;
}
#template_events-list .event-single .date {
  font-weight: 600;
  color: var(--green);
  padding: 0;
}
#template_events-list .event-single .date span {
  font-weight: 400;
  color: var(--black);
}


@media (max-width: 960px) {
  #template_events-list .event-single {
    flex-flow: column;
  }
  #template_events-list .event-single .img-box {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 5rem;
  }
  #template_events-list .event-single .bottom {
    padding: 3rem 0;
  }
}

@media (max-width: 640px) {
  #template_events-list .event-single .date span {
    display: block;
  }
  #template_events-list .event-single .event-title {
    font-size: 3rem;
  }
}

@media (max-width: 460px) {
  #template_events-list .event-single .img-box {
    margin: 0 0 3rem;
  }
  #template_events-list .event-single .event-categories li a {
    font-size: 1.2rem;
  }
  #template_events-list .event-single .event-title {
    font-size: 2.5rem;
    padding: 0 0 2rem;
  }
  #template_events-list .event-single .bottom {
    flex-flow: column;
    align-items: flex-start;
    padding: 1rem 0;
  }
  #template_events-list .event-single .date {
    padding: 0 0 2rem;
  }
}
/** TEMPLATE events list *END*/




/** TEMPLATE events category list **/
.category-list .group-title {
  color: var(--black);
}
.category-list .event-single {
  padding: 2rem;
  box-shadow: 0 0 2rem 0 rgba(0,0,0,.2);
  margin: 0 0 5rem;
  display: flex;
  flex-flow: row;
}
.category-list .event-single .img-box {
  max-width: 60rem;
  flex: 0 0 40%;
  margin: 0 5rem 0 0;
}
.category-list .event-single .content-box {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 3rem 0 0;
}
.category-list .event-single .event-categories {
  list-style: none;
  padding: 0 0 1.5rem;
  margin: 0;
}
.category-list .event-single .event-categories li {
  display: inline-block;
  padding: 0;
  padding-right: 1.5rem;
  margin-right: 1rem;
  border-right: 1px solid var(--lightbrown);
  line-height: 100%;
}
.category-list .event-single .event-categories li:last-of-type {
  border-right: 0;
}
.category-list .event-single .event-categories li a {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
    text-decoration: none;
  color: var(--lightbrown);
}
.category-list .event-single .event-categories li a:hover {
  color: var(--brown);
}
.category-list .event-single .event-title {
  font-size: 3.5rem;
  color: var(--black);
}
.category-list .event-single .bottom {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 5rem 0 0;
}
.category-list .event-single .date {
  font-weight: 600;
  color: var(--green);
  padding: 0;
}
.category-list .event-single .date span {
  font-weight: 400;
  color: var(--black);
}


@media (max-width: 960px) {
  .category-list .event-single {
    flex-flow: column;
  }
  .category-list .event-single .img-box {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 5rem;
  }
  .category-list .event-single .bottom {
    padding: 3rem 0;
  }
}

@media (max-width: 640px) {
  .category-list .event-single .date span {
    display: block;
  }
  .category-list .event-single .event-title {
    font-size: 3rem;
  }
}

@media (max-width: 460px) {
  .category-list .event-single .img-box {
    margin: 0 0 3rem;
  }
  .category-list .event-single .event-categories li a {
    font-size: 1.2rem;
  }
  .category-list .event-single .event-title {
    font-size: 2.5rem;
    padding: 0 0 2rem;
  }
  .category-list .event-single .bottom {
    flex-flow: column;
    align-items: flex-start;
    padding: 1rem 0;
  }
  .category-list .event-single .date {
    padding: 0 0 2rem;
  }
}
/** TEMPLATE events list *END*/




/** EVENT-MANAGER pagination **/
.em-pagination {
  display: block;
  text-align: center;
}
.em-pagination .page-numbers {
  text-decoration: none;
  display: inline-block;
  padding: .5rem;
  font-size: 2rem;
}
.em-pagination .page-numbers.current {
  color: var(--green);
}
.em-pagination .page-numbers:hover {
  color: var(--green);
}
/** EVENT-MANAGER pagination *END*/




/** TEMPLATE events single **/
#template_event-single {
  border-top: 10rem solid #F8F0E2;
  padding-top: 10rem;
}
#template_event-single .event-single {
  display: flex;
  flex-flow: row;
}
#template_event-single .event-single .img-box {
  max-width: 60rem;
  flex: 0 0 40%;
  margin: 0 5rem 0 0;
}
#template_event-single .event-single .content-box {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#template_event-single .event-single .event-categories {
  list-style: none;
  padding: 0 0 1.5rem;
  margin: 0;
}
#template_event-single .event-single .event-categories li {
  display: inline-block;
  padding: 0;
  padding-right: 1.5rem;
  margin-right: 1rem;
  border-right: 1px solid var(--lightbrown);
  line-height: 100%;
}
#template_event-single .event-single .event-categories li:last-of-type {
  border-right: 0;
}
#template_event-single .event-single .event-categories li a {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
    text-decoration: none;
  color: var(--lightbrown);
}
#template_event-single .event-single .event-categories li a:hover {
  color: var(--brown);
}
#template_event-single .event-single .event-title {
  font-size: 3.5rem;
  color: var(--black);
}
#template_event-single .event-single .bottom {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 0 0;
}
#template_event-single .event-single .date {
  font-weight: 600;
  color: var(--green);
  padding: 0;
}
#template_event-single .event-single .date span {
  font-weight: 400;
  color: var(--black);
}
#template_event-single .additional {
  padding-top: 8rem;
}


@media (max-width: 960px) {
  #template_event-single .event-single {
    flex-flow: column;
  }
  #template_event-single .event-single .img-box {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 5rem;
  }
  #template_event-single .event-single .bottom {
    padding: 3rem 0 0;
  }
  #template_event-single .additional {
    padding-top: 5rem;
  }
}

@media (max-width: 640px) {
  #template_event-single .event-single .event-title {
    font-size: 3rem;
  }
  #template_event-single .event-single .bottom {
    padding: 0;
  }
}

@media (max-width: 460px) {
  #template_event-single .event-single .date span {
    display: block;
  }
  #template_event-single .event-single .img-box {
    margin: 0 0 3rem;
  }
  #template_event-single .event-single .event-categories li a {
    font-size: 1.2rem;
  }
  #template_event-single .event-single .event-title {
    font-size: 2.5rem;
    padding: 0 0 2rem;
  }
  #template_event-single .event-single .bottom {
    flex-flow: column;
    align-items: flex-start;
    padding: 1rem 0;
  }
  #template_event-single .event-single .date {
    padding: 0 0 2rem;
  }
  #template_event-single .additional {
    padding-top: 0;
  }
}
/** TEMPLATE events single *END*/



/** Blog navigation **/
.post-navigation {
  padding: 3rem 0;
  border-top: 2px solid #C8C8C8;
}
#index .post-navigation,
#category .post-navigation,
#archive .post-navigation {
  padding: 3rem 0 5rem;
}
.post-navigation a {
  color: #000;
  border-color: #000;
  background-color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 0;
  letter-spacing: 1px;
  margin: 0;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.post-navigation a:hover {
  color: #00112A;
  border-color: #00112A;
  background-color: #fff;
  text-decoration: none;
}
.post-navigation a i {
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid #000;
  font-size: 1rem;
  line-height: 3.5rem;
  text-align: center;
  padding: 0 !important;
  border-radius: 50%;
}
.post-navigation a:hover i {
  color: #343a40;
  border-color: #343a40;
}
.post-navigation .left {
  text-align: left;
}
.post-navigation .right {
  text-align: right;
}
.post-navigation .left i {
  margin: 0 2rem 0 0;
}
.post-navigation .right i {
  margin: 0 0 0 2rem;
}

nav.pagination-bottom {
  padding-top: 2rem;
  padding-bottom: 7rem;
}
nav.pagination-bottom .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
nav.pagination-bottom li {
  padding: 0;
  margin: 0;
  display: inline-block;
}
nav.pagination-bottom a {
  text-decoration: none;
  display: inline-block;
  padding: .5rem;
  font-size: 2rem;
}
nav.pagination-bottom a.prev,
nav.pagination-bottom a.next {
  text-decoration: none;
  display: inline-block;
  padding: .5rem;
  font-size: 1.5rem;
}
nav.pagination-bottom a:hover {
  color: var(--green);
  text-decoration: none;
}
nav.pagination-bottom span {
  text-decoration: none;
  display: inline-block;
  padding: .5rem;
  font-size: 2rem;
}
nav.pagination-bottom .current {
  color: var(--green);
  font-weight: bold;
}


@media (max-width: 575.99px) {
  .post-navigation a span {
    display: none;
  }
  .post-navigation .left a i,
  .post-navigation .right a i {
    padding: 0;
  }
}
/** Blog navigation *END*/




/** posts **/
.post-outer {
  display: flex;
  flex-flow: row;
  padding: 1.5rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  border-radius: .5rem;
}
.post-outer .post-img-box {
  flex: 0 0 45%;
  max-width: 85rem;
  padding: 0 2rem 0 0;
}
.post-outer .post-content {
  padding: 0 1rem 0 5rem;
  width: 100%;
  box-sizing: border-box;
}
.post-outer .post-header {
  color: var(--black);
  font-size: 4rem;
}
.post-outer .post-entry {
  width: 100%;
  box-sizing: border-box;
}
.post-outer .post-bottom {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.post-outer .post-date {
  font-weight: 600;
  color: var(--green);
  padding: 0;
}


@media (max-width: 860px) {
  .post-outer {
    flex-flow: column;
  }
  .post-outer .post-content {
    padding: 0;
  }
  .post-outer .post-img-box {
    flex: 0 0 100%;
    padding: 0 0 5rem;
  }
}

@media (max-width: 640px) {
  .post-outer .post-header {
    font-size: 3rem;
    padding: 0 0 2rem;
  }
}

@media (max-width: 460px) {
  .post-outer .post-img-box {
    padding: 0 0 3rem;
  }
  .post-outer .post-header {
    font-size: 2.5rem;
  }
  .post-outer .post-bottom {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .post-outer .post-date {
    padding: 0 0 2rem;
  }
}
/** posts *END*/




/** post ARCHIVE **/
#archive article.post {
  padding-bottom: 5rem;
}
#archive .post-outer .post-header {
  font-size: 3.5rem;
}
#archive .post-outer .post-content {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 3rem 0 5rem;
}


@media (max-width: 860px) {
  #archive .post-outer .post-content {
    padding: 0 1.5rem 2rem;
  }
}

@media (max-width: 960px) {
  #archive .post-outer .post-header {
    font-size: 3rem;
  }
}

@media (max-width: 460px) {
  #archive .post-outer .post-header {
    font-size: 2.5rem;
  }
}
/** post ARCHIVE *END*/




/** post SINGLE **/
#single {
  border-top: 10rem solid #F8F0E2;
  padding-top: 10rem;
}
#single .post-extend {
  padding: 8rem 0 0 0;
}
#single .post-outer {
  padding: 0;
  box-shadow: none;
}
#single .post-images {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  padding: 6rem 0 0;
}
#single .post-images > * {
  flex: 0 0 50%;
  padding: 0 3rem 5rem;
  box-sizing: border-box;
}


@media (max-width: 960px) {
  #single .post-images {
    justify-content: center;
  }
  #single .post-images > * {
    flex: 0 0 65rem;
  }
}

@media (max-width: 460px) {
  #single {
    padding-top: 4rem;
  }
  #single .post-extend {
    padding: 4rem 0 0 0;
  }
}
/** post SINGLE *END*/





/** TEMPLATE home **/
.homeslider .item {
  position: relative;
}
.homeslider .outer {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.homeslider .outer > .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.homeslider .slide-title {
  font-family: circe-slab-b, serif;
  font-size: 6rem;
  font-weight: bold;
  color: #fff;
  line-height: 100%;
  padding: 0 0 3rem;
}
.homeslider .txt {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 130%;
  padding: 0 0 4rem;
  color: #fff;
}


.homeslider {
  position: relative;
}
.homeslider .item {
  height: 70rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.homeslider .owl-theme .owl-nav {
  margin: 0;
}
.homeslider .owl-carousel .owl-nav button.owl-next,
.homeslider .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  z-index: 99;
  top: calc(50% - 2.5rem);
  color: #fff;
  background-color: var(--green);
  width: 5rem;
  height: 5rem;
  border: 3px solid var(--green);
  border-radius: 50%;
  line-height: 100%;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.homeslider .owl-carousel .owl-nav button.owl-next {
  right: 3rem;
}
.homeslider .owl-carousel .owl-nav button.owl-prev {
  left: 3rem;
}
.homeslider .owl-carousel .owl-nav button.owl-next:hover,
.homeslider .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: transparent;
  border-color: rgba(255,255,255,.5);
  color: rgba(255,255,255,.5);
}
.homeslider .dots-box {
  position: absolute;
  z-index: 99;
  bottom: 5rem;
  left: 0;
  width: 100%;
}
.homeslider .dots-box .owl-dot {
  border: 0;
  background-color: #7e7e7e;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin: 0 1.5rem 0 0;
  cursor: pointer;
}
.homeslider .dots-box .owl-dot.active{
  background-color: #fff;
  box-shadow: 0 0 0 2px #fff;
}
.homeslider .dots-box .owl-dot:hover {
  background-color: #fff;
}
.homeslider .dots-box .owl-dot:focus {
  outline-color: #000;
}
html.big-contrast .homeslider .btn {
  color: var(--black);
  background-color: #fff;
  border-color: #fff;
}
html.big-contrast .homeslider .btn:hover {
  color: #fff;
  background-color: var(--black);
  border-color: var(--black)
}
html.big-contrast .homeslider .owl-carousel .owl-nav button.owl-next,
html.big-contrast .homeslider .owl-carousel .owl-nav button.owl-prev {
  color: var(--black);
  background-color: #fff;
  border: 3px solid #fff;
}
html.big-contrast .homeslider .owl-carousel .owl-nav button.owl-next:hover,
html.big-contrast .homeslider .owl-carousel .owl-nav button.owl-prev:hover {
  color: #fff;
  background-color: var(--black);
  border-color: var(--black);
}


.main-header-home {
  background-color: #F8F0E2;
  padding: 5rem 0;
}
.main-header-home .main-header {
  color: var(--darkgreen);
  font-size: 3.5rem;
  padding: 0;
  text-align: center;
}



#homenews {
  background-color: #F2F2F2;
  padding: 6rem 0;
}
#homenews .top-area {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 3rem;
}
#homenews .news-header {
  font-size: 4rem;
  color: #301A00;
  padding: 0;
}
#homenews .posts-container {
  display: flex;
  flex-flow: row;
}

#message-box {
  display: block;
  padding: 1rem;
  text-decoration: none;
  transition: all .7s;
}
#message-box:hover {
  opacity: .7;
}
#message-box .outer {
  background-color: #E1E1E1;
  display: block;
  border-radius: .5rem;
  padding: 2rem;
  min-height: 12.5rem;
  color: #4c4c4c;
}
#message-box .inner {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 150%;
  padding: 1rem;
  display: block;
}
#message-box.color-1 .outer {
  background-color: var(--orange);
  color: #fff;
}
#message-box.color-2 .outer {
  background-color: #fff;
  color: var(--orange);
}
#message-box.color-3 .outer {
  background-color: var(--green);
  color: #fff;
}
#message-box.color-4 .outer {
  background-color: #fff;
  color: var(--green);
}

#special article {
  padding: 1rem;
}
#special .post-outer {
  flex-flow: column;
}
#special .post-outer .post-img-box {
  flex: 0 0 100%;
  padding: 0 0 4rem;
}
#special .post-outer .post-content {
  padding: 0 1.5rem 2rem;
}
#special .post-outer .post-header {
  font-size: 3rem;
}
#postslider {
  flex: 0 0 55rem;
  max-width: 55rem;
}
#postslider article {
  padding: 1rem;
}
#postslider .post-outer {
  width: 50rem;
  height: 15rem;
  overflow: hidden;
  background-color: #f2f2f2;
  text-decoration: none;
  transition: all .5s ease-in-out;
}
#postslider a.post-outer:hover {
  background-color: #f8f0e2;
}
#postslider .owl-carousel .owl-item:not(.active) {
  opacity: 0;
}
#postslider.message-off .post-outer {
  height: 20rem;
}
#postslider .post-outer .post-content {
  padding: 0 1rem 0 0;
}
#postslider .post-outer .post-header {
  font-size: 1.8rem;
  padding: 0 0 1.5rem;
  min-height: 5rem;
}
#postslider .post-outer .post-entry p {
  font-size: 1.4rem;
  padding: 0;
}
#postslider .post-outer .post-date {
  font-size: 1.4rem;
  padding: 1rem 0 0;
  font-weight: 500;
}



.reservation {
  background-color: #E1E1E1;
  padding: 3rem 0;
}
.reservation .container {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
}
.reservation .txt-box {
  padding: 0 6rem;
}
.reservation .section-header {
  font-size: 3rem;
  color: var(--black);
  padding: 0;
}
.reservation .txt {
  font-size: 2.5rem;
  font-weight: 300;
  padding: 0;
}
.reservation .btn {
  margin-left: auto;
}


#homevents {
  background-color: #F2F2F2;
  padding: 6rem 0;
}
#homevents .top-area {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 3rem;
}
#homevents .events-header {
  font-size: 4rem;
  color: #301A00;
  padding: 0;
}

#homevents .widgets > .top,
#homevents .widgets > .bottom {
  display: flex;
  flex-flow: row;
  overflow: hidden;
}
#homevents .widgets > .bottom.message-off {
  display: block;
}
#homevents .widgets .widget-title {
  display: none;
}
#homevents .widgets .event ul,
#homevents .widgets .events ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#homevents .widgets .event ul li,
#homevents .widgets .events ul li {
  padding: 0;
  margin: 0;
}

#homevents .calendar {
  padding: 1.2rem;
  display: block;
  margin: 1rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  border-radius: .5rem;
  text-decoration: none !important;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 31rem;
  flex: 0 0 31rem;
}
#homevents .calendar .em-cal-day {
  overflow: visible;
}
#homevents .em-events-widget {
  list-style: none;
}


#homevents table.em-calendar {
  border-spacing: 3px;
  border-collapse: separate;
}
#homevents table.em-calendar td {
  padding: 10px 4px;
}
#homevents table.em-calendar .days-names td {
  color: #425731;
  font-weight: 600;
}
#homevents .em-calnav.em-calnav-prev,
#homevents .em-calnav.em-calnav-next {
  text-decoration: none;
}
#homevents table.em-calendar td.eventful,
#homevents table.em-calendar td.eventful-today {
  position: relative;
}
#homevents table.em-calendar td.eventless-today,
#homevents table.em-calendar td.eventful-today {
  background-color: #f2f2f2;
}
#homevents table.em-calendar td.eventful a,
#homevents table.em-calendar td.eventful-today a {
  color: var(--green);
  text-decoration: none;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 10px 4px;
  box-sizing: border-box;
  text-align: center;
  justify-content: center;
}
#homevents table.em-calendar td.eventful:after,
#homevents table.em-calendar td.eventful-today:after {
  content: '';
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  border: 2px solid var(--orange);
  position: absolute;
  z-index: 0;
  left: -1px;
  top: 2px;
  border-radius: 50%;
}
#homevents table.em-calendar td.eventless-pre,
#homevents .em-calendar td.eventless-post {
  color: #ccc;
}

#homevents .event-single {
  padding: 1.2rem;
  display: flex;
  flex-flow: row;
  margin: 1rem;
  box-shadow: 0 0 1rem 0 rgba(0,0,0,.15);
  border-radius: .5rem;
}
#homevents .event-single .img-box {
  max-width: 60rem;
  flex: 0 0 40%;
  margin: 0 5rem 0 0;
}
#homevents .event-single .content-box {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 1rem 0 0;
}
#homevents .event-single .event-categories {
  list-style: none;
  padding: 0 0 1.5rem;
  margin: 0;
}
#homevents .event-single .event-categories li {
  display: inline-block;
  padding: 0;
  padding-right: 1.5rem;
  margin-right: 1rem;
  border-right: 1px solid var(--lightbrown);
  line-height: 100%;
}
#homevents .event-single .event-categories li:last-of-type {
  border-right: 0;
}
#homevents .event-single .event-categories li a {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
    text-decoration: none;
  color: var(--lightbrown);
}
#homevents .event-single .event-categories li a:hover {
  color: var(--brown);
}
#homevents .event-single .event-title {
  font-size: 3.5rem;
  color: var(--black);
}
#homevents .event-single .bottom {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 0;
}
#homevents .event-single .date {
  font-weight: 600;
  color: var(--green);
  padding: 0 2rem 0 0;
  box-sizing: border-box;
}
#homevents .event-single .date span {
  font-weight: 400;
  color: var(--black);
}

#homevents .message {
  padding: 2rem;
  margin: 1rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  border-radius: .5rem;
  height: 17rem;
  text-decoration: none !important;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 30rem;
  flex: 0 0 25rem;
  display: flex;
  align-items: center;
}
#homevents .message p {
  padding: 0;
}

#homevents .events .outer {
  max-width: 115rem;
  overflow: hidden;
}
#homevents .bottom.bottom.message-off .events .outer {
  max-width: 100%;
}
#homevents .event-single-simple {
  padding: 1.2rem;
  display: flex;
  flex-flow: row;
  margin: 1rem;
  box-shadow: 0 0 1rem 0 rgb(0 0 0 / 15%);
  border-radius: .5rem;
  height: 17rem;
  text-decoration: none !important;
  overflow: hidden;
  box-sizing: border-box;
}
#homevents .event-single-simple .img-box {
  max-width: 21rem;
  flex: 0 0 40%;
  margin: 0 5rem 0 0;
}
#homevents .event-single-simple .content-box {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 3rem 0 0;
}
#homevents .event-single-simple .event-title {
  font-size: 2rem;
  color: var(--black);
}
#homevents .event-single-simple .bottom {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 5rem 0 0;
}
#homevents .event-single-simple .date {
  font-weight: 600;
  color: var(--green);
  padding: 0;
}
#homevents .event-single-simple .date span {
  font-weight: 400;
  color: var(--black);
  display: block;
}

#homevents .events .dots-box {
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
}
#homevents .events .owl-dot {
  border: 0;
  background-color: #E1E1E1;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin: 0 1.5rem 0 0;
  cursor: pointer;
}
#homevents .events .owl-dot.active{
  background-color: #9E9E9E;
  box-shadow: 0 0 0 2px #9E9E9E;
}
#homevents .events .owl-dot:hover {
  background-color: #9E9E9E;
}
#homevents .events .owl-dot:focus {
  outline-color: #000;
}


.homemedia {
  height: 42.5rem;
  padding: 3rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.homemedia .container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.homemedia .section-header {
  font-size: 5rem;
  color: #fff;
  padding: 0 0 2rem;
  text-shadow: 0 0 1.5rem rgb(0 0 0 / 80%);
}
.homemedia .txt {
  font-size: 2.3rem;
  font-weight: 300;
  color: #fff;
  padding: 0 0 5rem;
  text-shadow: 0 0 1.5rem rgb(0 0 0 / 80%);
}
.homemedia .btn {
  margin: 0 2rem 2rem 0;
  box-shadow: 0 0 1.5rem rgb(0 0 0 / 25%);
}


.homelogo {
  padding: 5rem 0;
}
.homelogo .item {
  padding: 2rem;
  display: block;
  text-decoration: none !important;
  transition: all .3s ease-in-out;
}
.homelogo a.item:hover {
  transform: scale(1.1);
}
.homelogo .item:focus {
  outline: 0;
  box-shadow: 0 0 0 2px inset #214258;
}


@media (max-width: 1600px) {
  .homeslider .inner {
    padding: 0 10rem;
  }
  .homeslider .dots {
    padding: 0 10rem;
  }
}

@media (max-width: 1200px) {
  .main-header-home .main-header {
    font-size: 3rem;
  }
  .reservation .txt-box {
    padding: 0 4rem 0 3rem;
  }
  .reservation .section-header {
    font-size: 2.2rem;
  }
  .reservation .txt {
    font-size: 1.8rem;
  }
}

@media (max-width: 960px) {
  #homenews .posts-container {
    display: block;
  }
  #special {
    max-width: 85rem;
  }
  #postslider {
    flex: 0 0 100%;
    max-width: 85rem;
    display: none !important;
  }
  #postslider .post-outer {
    height: unset;
    width: unset;
  }
  #postslider.message-off .post-outer {
    height: unset;
    width: unset;
    max-width: calc(100% - 2rem);
  }
  .homeslider .item {
    height: 55rem;
  }
  .homeslider .slide-title {
    font-size: 4.5rem;
    padding: 0 0 2rem;
  }
  .main-header-home .main-header {
    font-size: 2.8rem;
  }
  .homeslider .txt {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0 0 3rem;
  }
  .reservation .container {
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }
  .reservation img {
    margin: 0 0 1.5rem;
  }
  .reservation .txt-box {
    padding: 0 0 2rem;
  }
  .reservation .btn {
    margin: 0 auto;
  }
  #homevents .events-header {
    font-size: 3rem;
  }
  #homevents .calendar {
    display: none;
  }
  #homevents .event-single .date span {
    display: block;
  }
  .homemedia {
    height: 30rem;
  }
  .homemedia .section-header {
    font-size: 4rem;
    padding: 0 0 1rem;
  }
  .homemedia .txt {
    font-size: 1.8rem;
    padding: 0 0 3rem;
  }
}

@media (max-width: 760px) {
  #homenews .top-area {
    flex-flow: column;
  }
  #homenews .events-header {
    font-size: 3rem;
  }
  #homevents .widgets > .bottom {
    flex-flow: column;
  }
  #homevents .top-area {
    flex-flow: column;
  }
  #homevents .message {
    flex: 0 0 100%;
    max-width: calc(100% - 2rem);
    height: unset;
  }
  #homevents .event-single .img-box {
    max-width: 26rem;
    flex: 0 0 38%;
    margin: 0 2rem 0 0;
  }
}

@media (max-width: 640px) {
  .homeslider .item {
    height: 45rem;
  }
  .homeslider .owl-theme .owl-nav {
    display: none;
  }
  .homeslider .inner {
    padding: 0 1rem;
  }
  .homeslider .dots {
    padding: 0 1rem;
  }
  #homevents .widgets > .top {
    flex-flow: column;
  }
  #homevents .calendar {
    flex: 0 0 100%;
    max-width: calc(100% - 2rem);
    display: flex;
    justify-content: center;
  }
  #homevents .event-single {
    flex-flow: column;
  }
  #homevents .event-single .img-box {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 2rem;
  }
  #homevents .event-single .event-title {
    font-size: 3rem;
  }
  #homevents .event-single-simple .img-box {
    margin: 0 2rem 0 0;
  }
  #homevents .event-single-simple .content-box {
    padding: 0;
    justify-content: flex-start;
  }
  #homevents .event-single-simple .event-title {
    font-size: 1.8rem;
    padding: 0 0 2rem;
  }
}

@media (max-width: 460px) {
  #homenews .top-area a {
    display: block;
    text-align: center;
  }
  #homenews .events-header {
    font-size: 2.5rem;
    text-align: center;
    padding: 0 0 1rem;
  }
  .homeslider .item {
    height: 24rem;
    border-bottom: 35rem solid var(--darkergeen);
    position: relative;
  }
  .homeslider .outer {
    margin-top: 26rem;
  }
  .homeslider .slide-title {
    font-size: 3rem;
  }
  .homeslider .txt {
    font-size: 1.4rem;
  }
  .main-header-home {
    padding: 3rem 0;
  }
  .main-header-home .main-header {
    font-size: 2.2rem;
  }
  .reservation .section-header {
    font-size: 1.8rem;
    text-align: center;
  }
  .reservation .txt {
    font-size: 1.4rem;
    text-align: center;
  }
  #homevents .top-area a {
    display: block;
    text-align: center;
  }
  #homevents .events-header {
    font-size: 2.5rem;
    text-align: center;
    padding: 0 0 1rem;
  }
  #homevents .widgets .event ul,
  #homevents .widgets .events ul {
    padding: 0 0 .5rem;
  }
  #homevents .event-single .event-title {
    font-size: 2.5rem;
  }
  #homevents .event-single .event-categories li a {
    font-size: 1.2rem;
  }
  #homevents .event-single .bottom {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #homevents .event-single .date {
    padding: 0 0 1rem;
  }
  #homevents .event-single-simple {
    flex-flow: column;
    height: 36rem;
  }
  #homevents .event-single-simple .img-box {
    max-width: 100%;
    margin: 0 0 1.5rem;
  }
  .homemedia {
    height: 25rem;
  }
  .homemedia .section-header {
    font-size: 3rem;
  }
  .homemedia .txt {
    font-size: 1.6rem;
    padding: 0 0 2rem;
  }
}
/** TEMPLATE home *END*/




/** TEMPLATE animals **/
#template_animals .animals-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#template_animals .animals-nav .box {
  text-align: center;
  text-decoration: none;
  transition: all .7s;
  border-radius: .5rem;
  --animalbox: 16rem;
  height: calc(var(--animalbox) *1.5);
  width: var(--animalbox);
  padding: 1rem;
  box-sizing: border-box;
}
#template_animals .animals-nav .box:hover,
#template_animals .animals-nav .box:focus {
  box-shadow: 0 0 1rem 0 rgba(0,0,0,.15);
}
#template_animals .svg-outer {
  background-color: #f6f2ec;
  width: calc(var(--animalbox) - 2rem);
  height: calc(var(--animalbox) - 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10%;
  box-sizing: border-box;
}
#template_animals .animals-nav .ico-title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  padding: 2rem .5rem;
  display: block;
  position: relative;
  min-height: 2.8rem;
}
#template_animals .animals-nav .ico-title:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: calc(50% - 2.3rem);
  bottom: 0;
  background-color: var(--brown);
  height: 2px;
  width: 4.6rem;
}
#template_animals .animal {
  position: relative;
}
#template_animals .section-header {
  text-align: center;
  padding: 10rem 0 4rem;
}
#template_animals .txt-container {
  background-color: #fff;
}
#template_animals .img-container .owl-carousel .owl-item {
  transition: all .5s ease-in-out;
}
#template_animals .img-container .owl-carousel .owl-item img {
  width: 35rem;
  margin: 0 auto;
}
#template_animals .img-container .owl-carousel .owl-item:not(.center) img {
  transform: scale(.5);
}
#template_animals .owl-carousel .owl-nav button.owl-next,
#template_animals .owl-carousel .owl-nav button.owl-prev {
  font-size: 3rem;
  background-color: var(--green);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin: 0;
  color: #fff;
  position: absolute;
  z-index: 99;
  top: calc(50% - 2.5rem);
  transition: all .5s;
}
#template_animals .owl-carousel .owl-nav button.owl-prev {
  left: calc(50% - 24rem);
}
#template_animals .owl-carousel .owl-nav button.owl-next {
  right: calc(50% - 24rem);
}
#template_animals .animal-title {
  text-align: center;
  font-size: 3rem;
  color: var(--green);
  padding: 4.5rem 0 2rem;
  margin: 0 0 2.5rem;
  position: relative;
}
#template_animals .animal-title:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: calc(50% - 2.3rem);
  bottom: 0;
  background-color: var(--orange);
  height: 2px;
  width: 4.6rem;
}
#template_animals .owl-carousel .owl-nav button.owl-next:hover,
#template_animals .owl-carousel .owl-nav button.owl-prev:hover {
  outline: none;
  background-color: var(--orange);
}
#template_animals .owl-carousel .owl-nav button.owl-next:focus,
#template_animals .owl-carousel .owl-nav button.owl-prev:focus {
  outline: none;
  background-color: var(--orange);
}


@media (max-width: 460px) {
  #template_animals .img-container .owl-carousel .owl-item:not(.center) img {
    transform: scale(1);
  }
  #template_animals .section-header {
    padding: 3rem 0 2rem;
  }
  #template_animals .owl-carousel .owl-nav button.owl-prev {
    left: -3rem;
  }
  #template_animals .owl-carousel .owl-nav button.owl-next {
    right: -3rem;
  }
}
/** TEMPLATE animals *END*/




/** TEMPLATE deklaracja dostępności **/
#template_deklaracja-dostepnosci .wstep {
  font-weight: 500;
}
#template_deklaracja-dostepnosci h2 {
  font-size: 3rem;
  padding: 5rem 0 3rem;
}
#template_deklaracja-dostepnosci h3 {
  font-size: 2.5rem;
  padding: 2rem 0 3rem;
}
#a11y-status {
  padding-top: 2rem;
}
#template_deklaracja-dostepnosci .kontakt_dostepnosci span {
  font-weight: 600;
  color: var(--green);
}
#template_deklaracja-dostepnosci .data {
  padding: 0 0 1rem;
}
#template_deklaracja-dostepnosci .data span {
  color: var(--green);
  font-weight: 600;
}
/** TEMPLATE deklaracja dostępności *END*/




/** PAGE search **/
.search-header {
  color: var(--brown);
}
#page_search {
  border-top: 10rem solid #F8F0E2;
  padding-top: 10rem;
}
#page_search .search-result-count {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0 0 5rem;
}
#page_search .result-header {
  font-size: 2.5rem;
}
#page_search .result-header a:hover {
  color: var(--green);
}
/** PAGE search *END*/




/** FOOTER-BAR **/
#footer-bar {
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 0;
  transition: all .5s;
  min-width: 20rem;
  background-color: rgba(0,0,0,.15);
  padding: 1rem 2rem;
  box-sizing: border-box;
}
.big-contrast #footer-bar {
  background-color: #fff;
  border: 1px solid #000;
}
#footer-bar.sticky  {
  display: block;
}
#footer-bar .container {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#footer-bar .scroll-top {
  display: block;
  width: 3.9rem;
  height: 3.9rem;
  background-color: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  margin: 0 0 0 3rem;
}
.big-contrast #footer-bar .scroll-top {
  width: 3.7rem;
  height: 3.7rem;
}
/** FOOTER-BAR *END*/




/* cookies plugin **/
body .cn-button.bootstrap {
  color: #fff;
  background: #e5683c;
}