html,
body {-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

body {background-repeat: no-repeat; background-position: center center; background-attachment: fixed; min-height: 100vh; background-size: cover; }


p {font-family: 'Open Sans', sans-serif;}

.overlay-black {background-color: rgba(0, 0, 0, 0.75); color: #fff; width: 100%; }


/* PARAGRAPH & TITLES */
h1 {text-transform: uppercase; color: #fff; font-weight: 900; font-size: 3rem; font-family: 'Ruda', sans-serif; margin-bottom: 20px;}
h1 span {font-weight: normal; display: inline-block;}
h2 {font-size: 2.5rem; font-weight: normal; font-family: 'Ruda', sans-serif;}
h3 {font-family: 'Ruda', sans-serif;}
h4 {font-family: 'Ruda', sans-serif;}
h5 {font-family: 'Ruda', sans-serif;}
h6 {font-family: 'Ruda', sans-serif;}


a:hover {text-decoration: none;}
.btn-ghost {color: #fff; text-decoration: none; text-transform: uppercase; border: 1px solid #fff; font-size: 14px; margin-bottom: 50px;}
.btn-ghost:hover {color: #000; background-color: #fff; border:1px solid #fff; transition: ease-in 0.5s;}
/* RESET */

.spacer {margin-top: 50px; margin-bottom: 50px;}

/* HEADER */

.logo {display: block; width: 100%; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: left center; background-image: url('/assets/img/logo.png');}
header {padding-top: 5vh; padding-bottom: 5vh;}
nav {margin-bottom: 20vh;}
nav li {margin-right:55px;}
nav li.last {margin-right: 0px;}
nav li a {color: #fff; font-size: 25px; text-transform: uppercase;}
nav li a:hover {text-decoration: none; color: #ccc;}
.navbar-dark .navbar-toggler,
.navbar-dark .navbar-brand {color: #fff; border-color: #fff;}

/* HOME */

/* PAGE */
.content {text-align: left; padding-bottom: 30px;}
.content p,
p {font-size: 16px; line-height: 32px; margin-bottom: 30px;}
.content a {font-weight: bold; color: #fff;}

.overview .wrap,
.galery .wrap {padding-bottom: 30px;}
.wrap h4 {margin-top: 10px;}
.googlemaps iframe {width: 100%; height: 550px;}

/* BREADCRUMBS */
.breadcrumbs {font-size: 13px; padding: 5px 10px;  color: #ccc; border-radius: 10px; display: inline-block; margin-bottom: 25px; border: 1px solid #ccc;}
.breadcrumbs a {color: #ccc;}

/* ICONS */

.icon-scroll,
.icon-scroll:before 
{
  display:inline-block;
}

.icon-scroll {
  width: 20px;
  height: 35px;
  margin-left: -10px;
  bottom: 20px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 3px #fff;
  border-radius: 25px;
  z-index: 99;
  margin-bottom: 50px;
}

.icon-scroll:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #fff;
  margin-left: -2px;
  top: 4px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

.one.fullwidth.slideronly .icon-scroll
{
	display: none;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(23px);
    transform: translateY(23px);
  }
}

@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(23px);
    transform: translateY(23px);
  }
}





/* FOOTER */

footer {margin-top: 75px; color: #fff; font-size: 15px; padding: 25px 0px;}
footer a {color: #fff;}
footer p {font-size: 15px; margin: 0px;}



@media (max-width: 575.98px) {
	.navbar-dark .navbar-toggler {width: 100%; margin-top: 20px;}
	nav {margin-bottom: 30px;}
	nav li {text-align: center; margin-right: 0px;}
	footer {text-align: left!important;}
	footer .end p {margin-bottom: 15px;}
	footer .end .text-right {text-align: left!important;}
}

@media (max-width: 767.98px) {
	.logo {background-position: center center;}
}

@media (max-width: 991.98px) {
	.nav-wrapper {text-align: left!important;}
}

@media (max-width: 1199.98px) {  }
