/*======================================
  #Theme colors - Edit here
======================================*/

@font-face {
  font-family: 'Theinhardt';
  src: url('../fonts/Theinhardt-Regular.eot');
  src: url('../fonts/Theinhardt-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Theinhardt-Regular.woff') format('woff'), url('../fonts/Theinhardt-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Theinhardt';
  src: url('../fonts/Theinhardt-Medium.eot');
  src: url('../fonts/Theinhardt-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Theinhardt-Medium.woff') format('woff'), url('../fonts/Theinhardt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'ChevinLightItalic';
  src: url('../fonts/ChevinLightItalic.eot');
  src: url('../fonts/ChevinLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/ChevinLightItalic.woff') format('woff'), url('../fonts/ChevinLightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
body,
.pre-head {
  font-family: 'Theinhardt', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.act-heading {
  font-family: 'ChevinLightItalic', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
/*======================================
  #Theme color 
======================================*/

a,
blockquote::before {
  color: #4dc0a1;
}
a:hover {
  color: #39a185;
}
.main-nav > ul > li.selected > a,
.main-nav > ul > li:hover > a,
.main-nav > ul > li ul li:hover a {
  color: #4dc0a1;
}
.main-nav .expand {
  color: #4dc0a1;
}
.main-nav li.mobile-contact a i {
  color: #4dc0a1;
}
.contact-list li i,
.footer-item a:hover {
  color: #4dc0a1;
}
.social-nav li a:hover {
  background: #4dc0a1;
  color: white;
}
.to-top:hover {
  color: #4dc0a1;
}
.to-top.to-top--theme {
  background: #4dc0a1;
  color: white;
}
.to-top.to-top--light:hover {
  color: #4dc0a1;
}
.button,
input[type="submit"],
input[type="button"] {
  background: #4dc0a1;
  color: white !important;
}
.button.button--border,
input[type="submit"].button--border,
input[type="button"].button--border {
  color: #4dc0a1 !important;
  box-shadow: inset 0 0 0 1px #4dc0a1;
}
.button.button--border:hover,
input[type="submit"].button--border:hover,
input[type="button"].button--border:hover {
  background: #4dc0a1;
}
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #39a185;
  color: white !important;
}
.block.block--theme {
  background: #4dc0a1;
}
.feed-post-text h4 a i,
.card .card-text h4 a i,
.feed-post-text h4 a:hover,
.card .card-text h4 a:hover {
  color: #4dc0a1 !important;
}
ul.pager li a:hover,
ul.pager li.selected a {
  color: #4dc0a1;
}
.instagram-user-link:hover {
  color: #4dc0a1 !important;
}
.tag {
  background: #4dc0a1;
  color: white;
}
/*======================================
  #Dark color
======================================*/

body {
  color: #444444;
  background-color: #272d31;
}
h1,
h2,
h3,
h4,
h5,
h6,
footer.footer--light h6 {
  color: #272d31;
}
.footer {
  color: rgba(255, 255, 255, 0.95);
}
.footer h6 {
  color: white;
}
.gallery,
.gallery-simple {
  background-color: #272d31;
}
/*======================================
  #Light color
======================================*/

.footer.footer--light {
  color: #444444;
}
.light-color {
  color: rgba(255, 255, 255, 0.95);
}
.light-color a {
  color: white;
  text-decoration: underline;
}
.light-color a:hover {
  color: white;
}
.light-color h1,
.light-color h2,
.light-color h3,
.light-color h4,
.light-color h5,
.light-color h6 {
  color: white;
}
/*======================================
  #Header
======================================*/

.top,
.top-inner {
  height: 70px;
}
@media only screen and (max-width: 992px) {
  .top,
  .top-inner {
    height: 50px;
  }
}
.logo img {
  padding: 20px 0;
}
@media only screen and (max-width: 992px) {
  .logo img {
    padding: 12px 0;
  }
}
.main-nav > ul > li > a {
  line-height: 70px;
  padding: 0 30px;
}
@media only screen and (max-width: 992px) {
  .main-nav > ul > li > a {
    padding: 15px 25px;
  }
}
.main-nav > ul > li.lang > a {
  width: 70px;
  height: 70px;
}
/*======================================
  #Blocks
======================================*/

.top + .hero,
.top + .slider .hero {
  padding: 70px 0 20px;
}
@media only screen and (max-width: 992px) {
  .top + .hero,
  .top + .slider .hero {
    padding: 10vh 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .top + .hero,
  .top + .slider .hero {
    padding: 120px 0 70px;
  }
}
.top + .block,
.top + .gallery,
.top + .gallery-simple,
.top + .image-block,
.top + .newsletter,
.top + .grid,
.top + .footer {
  margin-top: 70px;
}
@media only screen and (max-width: 992px) {
  .top + .block,
  .top + .gallery,
  .top + .gallery-simple,
  .top + .image-block,
  .top + .newsletter,
  .top + .grid,
  .top + .footer {
    margin-top: 50px;
  }
}
.top + .map,
.top + .split {
  padding-top: 70px;
}
@media only screen and (max-width: 992px) {
  .top + .map,
  .top + .split {
    padding-top: 50px;
  }
}
.block--open-padding + .block--open-padding,
.block--alt-bg + .block--alt-bg {
  padding-top: 0;
}
/*======================================
  #Video splash
======================================*/
.video-splash {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #2f383c;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease;
}
.video-splash div {
  max-width: 500px;
  position: relative;
}
.video-splash div::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2f383c;
  z-index: 1;
}
.video-splash div::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #2f383c;
  z-index: 2;
}
.video-splash video {
  width: 100%;
  position: relative;
}
.video-splash.hide-it {
  transform: scale(1.2);
  opacity: 0;
  visibility: hidden;
}
.macos.browser-chrome .video-splash,
.macos.browser-safari .video-splash {
  background-color: #363f44;
}
.macos.browser-chrome .video-splash div::before,
.macos.browser-safari .video-splash div::before {
  background-color: #363f44;
}
.macos.browser-chrome .video-splash div::after,
.macos.browser-safari .video-splash div::after {
  background-color: #363f44;
}