/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
a:visited {
    color: #bababa;
}
body {
  /*font-family: 'Conv_DB ThaiText X', 'Conv_DB FongNam X', Sans-Serif;*/
  font-family: 'Conv_DB ThaiText X', Sans-Serif;
  color: #bababa;
  font-size: 35px;
  line-height: 1;
}
h1 {
  font-family: 'Conv_DB FongNam X',Sans-Serif;
}
.btn {
  font-family: 'Conv_DB ThaiText X', Sans-Serif;
}
header#header > .container-fluid, header#header > .container-fluid > .row {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.stick-top > .container-fluid {
  padding: 0;
}
header.stick-top > .container-fluid > .row {
  margin: 0 !important;
}
@media all and (max-width: 1199px) {
  body {
    font-size: 1.75rem;
  }
}
@media all and (max-width: 767px) {
  body {
    font-size: 1.5rem;
  }
}
.text-gray {
  color: #bababa;
}
svg.svg-inline--fa {
  font-size: 1rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #333;
}
img {
  /*max-width: 100%;*/
  height: auto;
}
#container img {
  max-width: 100%;
  height: auto;
}
a {
  color: #bababa;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a.hover, a:hover {
  color: #00a84f;
  text-decoration: none;
}
header#header, footer#footer {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
}
header#header {
  top: 0;
}
.admin-bar header#header {
  top: 32px;
}
footer#footer {
  bottom: 0;
  line-height: 0.85;
}
nav#menu ul.menu {
  padding: 0;
  text-transform: uppercase;
  margin: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
ul.social-media a {
  border-radius: 100%;
  background-color: #bababa;
  width: 30px;
  height: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
}
ul.social-media a:hover {
  background-color: #00a84f;
}
ul.social-media {
  padding: 0;
  list-style: none;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
ul.social-media li {
  margin: 0 2px;
}
ul.social-media a.line-icon {
  background-color: transparent;
  color: #bababa;
  box-shadow: inset 0 0 0 5px;
}
ul.social-media a.line-icon > svg {
  font-size: 25px;
}
ul.social-media a.line-icon:hover {
  color: #00a84f;
}
ul.language-flag {
  padding: 0;
  list-style: none;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
ul.language-flag li:after {
  content: '|';
  margin: 0 5px;
}
ul.language-flag li:last-child:after {
  content: none;
}
nav#menu ul.menu > li > a {
  margin-left: 25px;
}
nav#menu ul.menu > li:first-child > a {
  margin-left: 0;
}
div#site-title img {
  max-width: 80px;
  width: 100%;
}
ul.footer-menu {
  padding: 0;
  list-style: none;
  margin: 0;
}
ul.footer-menu li {
  display: inline-block;
}
ul.footer-menu li a {
  margin-left: 10px;
  text-transform: uppercase;
}
ul.footer-menu li:first-child a {
  margin-left: 0;
}
ul.footer-menu li a:hover {
  color: #00a84f !important;
}
.text-cutout * {
  color: #fff;
  font-size: 10rem;
  text-align: center;
  line-height: 1;
}
/*.text-cutout h1 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -37px;
}*/
.text-cutout .cutout {
  background-color: #fff;
  color: #000;
  mix-blend-mode: screen;
  padding: 0.75rem 3rem;
  margin: 15px -1rem 0;
  box-shadow: inset 0 5px 0 30px #000;
  display: inline-block;
  font-weight: bold;
  font-size: 8rem;
  letter-spacing: 5px;
  font-weight: bold;
}
.text-cutout svg.svg-inline--fa {
  font-size: 50%;
}
.text-cutout h1 > svg.svg-inline--fa {
  font-size: 50%;
  margin: 24px 2rem 0 1rem;
}
.header-main {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.text-cutout a.btn {
  font-size: 3.5rem;
  background-color: #00a84f;
  color: #fff;
  padding: 1.5rem 1.5rem;
  border: 0;
  border-radius: 0;
  width: 100%;
  max-width: 640px;
}
.text-cutout a.btn:hover {
  background-color: #333;
}
li[class*="current"] > a {
  color: #00a84f;
}
.primary-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.primary-bg ~ .layer {
  position: relative;
  z-index: 2;
}
div#fullpage .fp-section:first-child {
  overflow: hidden;
  padding-top: 3em;
}
#fp-nav.right {
  right: 17px;
  bottom: 85px;
  top: unset;
}
#fp-nav {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#fp-nav ul li a span {
  background-color: #ddd;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
}
#fp-nav ul li a.active span {
  background-color: #00a84f;
}
.slicknav_menu {
  background: transparent;
  padding: 0;
}
.slicknav_btn {
  border-radius: 0;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #bababa;
  box-shadow: none;
  border-radius: 0;
}
ul.slicknav_nav {
  position: absolute;
  right: -16px;
  top: calc(100% + 24px);
  width: calc(100vw - 30px);
  z-index: 9;
  background-color: #fff;
}
ul.slicknav_nav a {
  color: #bababa;
  font-size: 1.5rem;
  margin: 0;
  border-radius: 0 !important;
  padding-left: 15px;
  padding-right: 15px;
}
.responsive-menu a.slicknav_open > span > span, a.slicknav_collapsed > span > span {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: #00a74e;
}
.responsive-menu a.slicknav_open > span > span:first-child {
  transform: rotate(45deg) translate(3px, 3px);
}
.responsive-menu a.slicknav_open > span > span:last-child {
  transform: rotate(-45deg) translate(4px, -4px);
}
.responsive-menu a.slicknav_open > span > span:nth-child(2) {
  opacity: 0;
}
.slicknav_nav a:hover {
  background: #00a74e;
  color: #fff !important;
}
.link-top {
  border: 0;
  padding: 0.35rem 0.75rem;
  background-color: #00a850 !important;
  color: #fff !important;
  border-radius: 0;
  font-size: 1.25rem;
  line-height: 1 !important;
}
.link-top:hover {
  background-color: #333;
  color: #fff;
}
.slide-item {
  height: 100vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
body:not(.home) h1 {
  color: #fff;
  letter-spacing: 3px;
  font-size: 5rem;
  word-spacing: -2rem;
}
.chevron::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  content: '';
  display: inline-block;
  height: 50px;
  left: 0px;
  position: relative;
  top: 0px;
  transform: rotate(135deg);
  width: 50px;
}
.go-down {
  position: absolute;
  z-index: 9;
  bottom: 35px;
  left: calc(50% - 25px);
  cursor: pointer;
  line-height: 1;
  width: 50px;
  animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  -moz-animation: bounce 3s infinite;
  -o-animation: bounce 3s infinite;
}
.hoverbox-popup {
  display: none;
}
.hoverbox-main {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.arrow-item {
  width: 50px;
  height: 50px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #bababa;
  position: absolute;
  top: calc(50% - 25px);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.ar-prev {
  left: 10px;
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.ar-next {
  right: 10px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.carousel-box .slick-list {
  margin: 0 50px;
}
.carousel-box .slick-slide {
  margin: 0 5px;
}
.carousel-box.nospace .slick-slide {
  margin: 0;
}
.arrow-item:not(.slick-disabled) {
  border-color: #00a850;
}
.hoverbox-inner {
  position: relative;
}
.hoverbox {
  cursor: pointer;
}
.primary-bg:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /*background-color: rgba(0, 0, 0, 0.15);*/
  z-index: 1;
  pointer-events: none;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.h2, h2 {
  color: #00a850;
  font-size: 3rem;
}
.section-popup {
  position: absolute;
  top: 0;
  bottom: 70px;
  left: 50px;
  right: 50px;
  background-color: #fff;
  z-index: 1;
  padding: 65px 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.close-btn:before, .close-btn:after {
  content: '';
  display: block;
  width: 100%;
  border-top: 2px solid #bababa;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close-btn:before {
  top: calc(50% - 1px);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-btn:after {
  bottom: calc(50% - 1px);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close-btn:hover:before, .close-btn:hover:after {
  border-color: #00a850;
}
.pop-content p {
  color: #333;
  font-size: 100%;
}
.pop-content h2 {
  text-align: left !important;
  font-size: 150%;
  margin: 0;
}
.pop-content h3 {
  font-size: 130%;
  margin: 0;
  color: #333;
}
.readmore-popup h2 ~ * {
  display: none;
}
.readmore-popup p:first-of-type {
  display: block;
}
div#container {
  color: #000;
}
.trigger-popup svg {
  color: #00a850;
  cursor: pointer;
  font-size: 100%;
  margin-top: 2.5rem;
}
.fp-section {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  z-index: 2;
}
@media all and (min-width: 768px) {
  .content-zone > * {
    max-height: 65vh;
    overflow: auto;
    margin: 0 15px;
    padding-right: 15px;
  }
}
.content-zone > * {
  margin: 0 15px;
}
.readmore-popup h2:first-of-type {
  text-align: center !important;
}
.fancybox-container {
  top: 100%;
}
.fancybox-slide--video.fancybox-slide {
  pointer-events: none;
}
.fancybox-slide--video .fancybox-content {
  pointer-events: auto;
}
.fill-blur {
  -webkit-filter: blur(15px);
  filter: blur(15px);
  box-shadow: 0 0 0 15px #000;
}
.fancybox-bg {
  background-color: transparent;
}
.fancybox-close-small:hover svg {
  color: #00a850 !important;
}
.fancybox-slide:not(.fancybox-slide--video) {
  background-color: rgba(0, 0, 0, 0.75);
}
.gallery-section a {
  background-size: cover;
  background-position: center center;
}
.gallery-section a:hover, .hoverbox-main:hover {
  background-size: auto 115%;
  background-repeat: no-repeat;
}
.gallery-section .slick-slide > div {
  margin: 0 10px 20px 10px !important;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.gallery-section .slick-slide > div:last-child {
  margin-bottom: 0 !important;
}
.gallery a {
  cursor: pointer;
}
.fancybox-container .arrow-item {
  top: calc(50% - 24px);
  z-index: 99999;
}
.fancybox-container .ar-prev {
  left: 25px;
}
.fancybox-container .ar-next {
  right: 25px;
}
.fancybox-slide--video button.fancybox-close-small {
  color: rgba(0, 168, 80, 0.5);
  width: 40px;
  height: 40px;
  top: unset;
  bottom: 100%;
  padding: 0;
}
.fancybox-slide--video button.fancybox-close-small > svg {
  height: 100%;
  width: 100%;
}
.fancybox-album > svg {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #bababa;
  z-index: 9999999;
  font-size: 3rem;
  cursor: pointer;
}
.fancybox-album > svg:hover {
  color: #00a84f;
}
blockquote {
  border-left: 10px solid #00a850;
  padding-left: 25px;
  font-size: 170%;
  line-height: 1;
  display: inline-block;
  text-align: left;
}
blockquote h2 {
  line-height: 0.5;
  margin-bottom: 1rem;
  vertical-align: top;
  display: inline-block;
  font-weight: bolder;
  font-size: 250%;
  position: relative;
  top: -15px;
}
.fa-icon {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
.fa-icon > svg {
  width: 50px !important;
  height: 50px;
  border-radius: 100%;
  vertical-align: text-top;
  padding: 10px;
}
.fa-icon.icon-facebook > svg {
  box-shadow: inset 0 0 0 10px #3b5998;
  color: #fff;
  background-color: #3b5998;
}
.fa-icon.icon-line > svg {
  box-shadow: inset 0 0 0 10px #4cb234;
  color: #4cb234;
  background-color: #fff;
  padding: 3px;
  overflow: hidden;
}
.main-title {
  font-size: 130%;
  color: #000;
  margin: 0;
}
::-webkit-scrollbar-track{
  background-color: #F5F5F5;
}
::-webkit-scrollbar{
  width: 10px;
  background-color: #fff;
}
::-webkit-scrollbar-thumb{
  background-color: #bababa;
}
.fancybox-album-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -300px;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999999;
  padding: 80px 15px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fancybox-album-content.active {
  left: 0;
}
.album-item {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  color: #fff;
  cursor: pointer;
}
.album-item:hover {
  color: #00a850;
}
.carousel-box.circle .hoverbox-inner {
  border-radius: 100%;
  overflow: hidden;
}
.carousel-box.circle .hoverbox-inner:before {
  border-radius: 100%;
}
.carousel-box.circle .slick-list, .carousel-box.triple .slick-list {
  margin: 0 10vw;
}
.carousel-box.circle .slick-slide, .carousel-box.triple .slick-slide {
  margin: 0 3vw;
}
.primary-bg ~ #content {
  position: relative;
  z-index: 2;
}
.primary-bg.bg-span {
  -moz-transform: translateY(100vh);
  -webkit-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  transform: translateY(100vh);
}
.primary-bg.bg-span:before {
  background-color: rgba(0, 0, 0, 0.0);
}
.fp-controlArrow {
  width: 50px !important;
  height: 50px;
  border-style: solid;
  border-width: 2px 2px 0 0 !important;
  border-color: #00a850 !important;
  position: absolute;
  top: calc(50% - 25px);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.fp-controlArrow.fp-prev {
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 25px;
}
.fp-controlArrow.fp-next {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 25px;
}
.fp-slides h3 {
  color: #00a850;
  font-size: 3.5rem;
}
.fp-slides > div > div {
  margin-left: 0;
  margin-right: 0;
  padding: 0 40px;
}
.bg-span.fill-blur {
  box-shadow: none;
}
.responsive-menu a {
  transition: unset;
}
.stick-top ul.slicknav_nav {
  width: 100vw;
}
.mymaps {
  overflow: hidden;
}
.mymaps > iframe {
  margin-top: -46px;
}
blockquote > *:last-child {
  margin-bottom: 0;
}
.menu-icon .bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #bababa;
  margin-bottom: 12px;
}
.menu-icon {
  position: absolute;
  z-index: 9999999;
  top: 10px;
  left: 15px;
  width: 50px;
  cursor: pointer;
  padding: 10px 5px;
}
.menu-icon .bar:last-child {
  margin-bottom: 0;
}
.menu-icon:hover .bar {
  background-color: #00a850;
}
.responsive-menu li[class*="current"] > a {
  color: #00a850;
}
.small-block {
  display: none !important;
}
.arrow-title {
  position: absolute;
  bottom: 120px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 1;
}
@media all and (min-width: 768px) {
  .skew-bg.right .fp-tableCell > div:last-child, .skew-bg.left .fp-tableCell > div:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    width: 55vw;
  }
  .skew-bg.right .fp-tableCell > div:last-child, .skew-bg.left .fp-tableCell > div:first-child > div {
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
  }
  .skew-bg.left .fp-tableCell > div:first-child, .skew-bg.right .fp-tableCell > div:last-child > div {
    -moz-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    transform: skewX(10deg);
  }
  .skew-bg.left .fp-tableCell > div:first-child {
    left: -5vw;
  }
  .skew-bg.right .fp-tableCell > div:last-child {
    right: -5vw;
  }
  .skew-bg.left .fp-tableCell > div:last-child {
    right: 5vw;
    width: 40vw;
    float: right;
  }
  .skew-bg.right .fp-tableCell > div:first-child {
    left: 5vw;
    width: 40vw;
    float: left;
  }
  .skew-bg.right .fp-tableCell > div:last-child > div, .skew-bg.left .fp-tableCell > div:first-child > div {
    padding: 0;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .skew-bg.right .fp-tableCell > div:last-child > div {
    left: -5vw;
  }
  .skew-bg.left .fp-tableCell > div:first-child > div {
    right: -5vw;
  }
  h2.h1 {
    font-size: 8rem;
    line-height: 0.5;
    margin-bottom: 1rem;
    word-spacing: -1rem;
  }
  h2.h1 .h2 {
    font-size: 3.5rem;
  }
  h2 a {
    padding-bottom: 10px;
  }
}
h2.h1, h2.h1 * {
  color: #01a84f;
}
.skew-bg a {
  color: #01a84f;
  border-bottom: 1px solid;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.skew-bg a:hover {
  color: #333;
}
.home-btn {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.overlay-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
h1 * {
  color: #fff !important;
}
h1 .h3 {
  font-size: 5rem;
}
.carousel-box.single .hoverbox-inner > div {
  max-height: 60vh;
  background-size: cover;
  background-position: center center;
}
.carousel-box.single .hoverbox .hoverbox-inner > div:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 168, 80, 0.0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.carousel-box.single .hoverbox:hover .hoverbox-inner > div:before {
  background-color: rgba(0, 168, 80, 0.5);
}
.carousel-box.single .hoverbox {
  position: relative;
}
.carousel-box.single .hoverbox > .main-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  opacity: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  pointer-events: none;
  font-size: 5rem;
}
.carousel-box.single .hoverbox:hover > .main-title {
  opacity: 1;
}
.img-side a {
  position: relative;
  display: inline-block;
}
.img-side a:before {
  content: '\f04b';
  font-family: FontAwesome;
  font-size: 6rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  color: #00a850;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.trigger-popup {
  margin-top: 2rem;
}
.trigger-popup:before {
  content: '\f04b\f04b';
  font-family: FontAwesome;
  color: #00a850;
  font-size: 30px;
  cursor: pointer;
}
.layer {
  position: relative;
  z-index: 2;
}
.blog-item {
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  margin-bottom: 5px;
  -webkit-transition: ease-in-out .2s;
  -moz-transition: ease-in-out .2s;
  -o-transition: ease-in-out .2s;
  transition: ease-in-out .2s;
  cursor: pointer;
}
.blog-item:hover {
  -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
}
.blog-img {
  min-height: 20vw;
  background-size: cover;
  background-position: center center;
}
.blog-content .slick-list {
  margin: 0 60px;
}
.blog-content .slick-slide {
  margin: 0 15px;
}
.blog-date, .blog-info {
  padding: 0 15px;
}
.blog-info {
  color: #333;
  margin-bottom: 15px;
  font-size: 85%;
  min-height: 50px;
}
.blog-link {
  outline: none;
}
.responsive-menu .link-top {
  position: static;
  margin: 10px 15px !important;
  float: none !important;
  width: fit-content;
  color: #fff;
}
.responsive-menu ul.footer-menu li a:hover {
  background: none !important;
}
.responsive-menu ul.footer-menu li {
  display: block;
}
.responsive-menu ul.footer-menu li a {
  margin: 0;
}
.responsive-menu ul.social-media {
  position: static;
  float: none !important;
  margin: 10px 15px !important;
}
.responsive-menu ul.social-media a {
  height: 30px;
  width: 30px;
  border-radius: 100% !important;
  color: #fff;
  padding: 0px !important;
}
.responsive-menu ul.social-media a.line-icon {
  box-shadow: inset 0 0 0 7px;
  color: #bababa;
  background-color: transparent;
}
.responsive-menu ul.social-media a.line-icon:hover {
  color: #00a850 !important;
}
.responsive-menu ul.language-flag {
  float: none !important;
  color: #bababa;
  margin: 0 15px;
}
.responsive-menu .language-flag a {
  display: inline-block;
  padding: 0;
}
.responsive-menu ul.language-flag li:after {
  content: none;
}
.responsive-menu .language-flag a:hover {
  background-color: transparent;
  color: #00a850 !important;
}
.responsive-menu .language-flag a:after {
  content: '|';
  margin: 0 5px;
  display: inline-block;
  vertical-align: text-top;
  color: #bababa;
}
.responsive-menu .language-flag li:last-child a:after {
  content: none;
}
.responsive-menu div#copyright {
  margin: 10px 15px;
}
ul.slicknav_nav .menu-item a {
  text-transform: uppercase;
}
.responsive-menu div#copyright span.new-line {
  display: none;
}
























@media all and (min-width: 1366px) {
  .link-top {
    padding: 0.75rem 1.25rem;
    font-size: 2rem;
  }
}
@media all and (max-width: 1365px) {
  .link-top svg.svg-inline--fa {
    font-size: 0.75rem;
  }
}
@media all and (min-width: 1200px) {
  .info-side > * {
    max-height: 65vh;
    overflow: auto;
    margin-right: 18px;
    padding-right: 15px;
  }
  .over-container {
    position: absolute;
    top: 65px;
    bottom: 15px;
    overflow: hidden;
  }
  .over-container > .row {
    height: 100%;
  }
}
@media all and (max-width: 1199px) {
  nav#menu ul.menu > li > a {
    margin-left: 1.07vw;
  }
  .text-cutout a.btn {
    padding: 7px 20px;
    font-size: 2.5rem;
    margin-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .text-cutout img, .text-cutout a.btn {
    max-width: 500px;
  }
  .section-popup {
    top: 15px;
  }
  .section-popup .over-container {
    max-height: 100%;
    overflow: auto;
    margin-right: 35px;
  }
}
@media all and (max-width: 1366px) and (min-width: 768px) {
  .text-cutout img, .text-cutout a.btn {
    max-width: 35vw;
  }
  .text-cutout a.btn {
    padding: 10px 15px;
  }
}
@media all and (max-width: 1199px) and (min-width: 768px) {
  h2.h1 {
    font-size: 5rem;
  }
}
@media all and (max-width: 1020px) and (min-width: 992px) {
  nav#menu ul.menu > li > a {
    margin-left: 0.57vw;
  }
}
@media all and (max-width: 991px) and (min-width: 768px) {
  .header-main {
    display: block;
  }
}
@media all and (max-width: 991px) {
  ul.social-media li:last-child {
    margin-right: 0;
  }
  nav#menu {
    width: 100%;
  }
  nav#menu ul.menu {
    justify-content: flex-end;
  }
}
@media all and (max-width: 913px) and (min-width: 424px) {
  .new-line {
    display: block;
  }
}
@media all and (min-width: 768px) {
  body:not(.home) h1 {
    font-size: 13vw;
  }
  .h2, h2 {
    font-size: 4rem;
  }
  .section-popup .container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
  }
  .section-popup .container > .row {
    width: 100%;
  }
  .home .header-main {
    overflow: hidden;
  }
  .overflow .slick-list, .blog-content .slick-list {
    padding: 0 60px;
  }
}
@media all and (max-width: 768px) {
  .text-cutout img {
    width: 100%;
  }
  .text-cutout a.btn {
    margin: 1rem !important;
  }
  footer {
  display: none !important;
	}
}
@media all and (max-width: 767px) {
  .h2, h2 {
    font-size: 2.5rem;
  }
  .h3, .h4, .h5, .h6, h3, h4, h5, h6 {
    font-size: 2rem !important;
  }
  .small, small {
    font-size: 95%;
  }
  .fp-controlArrow {
    width: 30px !important;
    height: 30px;
  }
  .chevron::before {
    height: 30px;
    width: 30px;
  }
  .play-btn img {
    max-width: 65px;
  }
  .section-popup > .close-btn ~ div {
    overflow: auto;
    height: 100%;
    margin-right: 15px;
  }
  .close-btn {
    width: 30px;
    height: 30px;
    right: 6px;
    top: 6px;
  }
  .arrow-item {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
  }
  .section-popup {
    top: 23px;
    box-shadow: 0 0 15px rgba(186, 186, 186, 0.5), inset 0 0 1px #eee;
    padding-top: 45px;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #00a850;
    line-height: 1;
  }
  .fancybox-album > svg {
    font-size: 2rem;
  }
  .go-down {
    left: calc(50% - 15px);
    width: 30px;
  }
  .menu-icon {
    width: 30px;
    padding: 4px 0px;
  }
  .menu-icon .bar {
    margin-bottom: 8px;
  }
  .album-item {
    font-size: initial;
  }
  div#site-title img {
    max-width: 55px;
  }
  .skew-bg .fp-tableCell > div > div {
    min-height: 20vh;
  }
  .skew-bg.right > div {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .skew-bg.right > div > div:last-child {
    order: 1;
  }
  .skew-bg.right > div > div:first-child {
    order: 2;
  }
  [class*="vc_column-gap"] {
    padding: 0 15px !important;
  }
  [class*="vc_column-gap"] > div {
    padding: 0 !important;
  }
  h2.h1 {
    margin-top: 15px;
  
  }
  body:not(.home) h1 {
    word-spacing: -1rem;
    line-height: 0.7;
  }
  .blog-img {
    min-height: 40vw;
  }
  .blog-content .slick-list {
    margin: 0 30px;
  }
  .carousel-box.single .hoverbox > .main-title {
    font-size: 2rem;
  }
  footer {
  display: none !important;
	}
}
@media all and (max-width: 767px) and (min-width: 415px) {
  .h2, h2 {
    /*font-size: 6vw;*/
  }
}
@media all and (max-width: 579px) {
  .section-popup {
    top: 53px;
  }
  ul.social-media a {
    width: 25px;
    height: 25px;
  }
  ul.social-media svg.svg-inline--fa {
    font-size: .75rem;
  }
  ul.social-media a.line-icon > svg {
    font-size: 20px;
  }
  ul.slicknav_nav {
    top: calc(100% + 13px);
  }
  ul.social-media {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    margin: 0 !important;
  }
  .text-cutout a.btn {
    margin: 0.5rem 0 !important;
    font-size: 2rem;
    padding: 3px 10px;
  }
  .link-top {
    position: absolute;
    bottom: calc(100% + 23px);
    right: 0;
  }
}
@media all and (max-width: 414px) {
  .small-none {
    display: none !important;
  }
  .small-block {
    display: block !important;
  }
  .section-popup {
    padding-top: 35px;
  }
  .close-btn {
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
  }
  .menu-icon {
    width: 20px;
  }
  .menu-icon .bar {
    margin-bottom: 4px;
  }
  .gallery-section .slick-list {
    margin-top: 35px;
  }
}

@media all and (max-width: 1366px) and (min-width: 768px) and (max-height: 768px) and (min-height: 600px) {
  .gallery-section .slick-list {
    padding: 0 calc(15vw - 7vh);
  }
}