/*
 *  Owl Carousel - Core
 */
@import url("https://fonts.googleapis.com/css?family=Oxygen:700|Playfair+Display|Raleway:700&display=swap");
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* another color scheme #F7F7F7 #7DA2A9 */
html, body {
  height: 100%;
  background: #f6ebdb;
  /*background: linear-gradient(270deg, rgba(246,235,219,1) 0%, rgba(193,203,205,1) 5%, rgba(193,203,205,1) 95%, rgba(246,235,219,1) 100%);*/ }

h1 {
  /*font-family: 'Oxygen', serif; 
	text-transform: uppercase; 
	display: inline-block;
	padding: 10px 20px;
	font-size: 22px; */ }

a:not(.btn) {
  color: #EEDDBF; }

h2, h3, h4, h5 {
  font-family: "Playfair Display", serif;
  color: black; }

p {
  font-family: Arial, sans-serif;
  color: black; }
  @media screen and (min-width: 1024px) {
    p {
      font-size: 18px;
      line-height: 1.6;
      margin-top: 20px; } }

nav {
  font: 700 14px/20px "Oxygen", serif; }
  nav a.nav-link {
    color: #603912 !important; }
    nav a.nav-link:hover {
      color: #3F302C !important; }
  @media screen and (min-width: 640px) {
    nav {
      font-size: 18px; } }

.bg-light {
  background-color: #f6ebdb !important; }

hr {
  border-color: #C1CBCD !important; }
  @media screen and (min-width: 768px) {
    hr {
      margin: 40px auto; } }

.logo-block {
  cursor: pointer;
  background: #c1cbcd;
  background: radial-gradient(circle, #c1cbcd 0%, #c1cbcd 52%, black 87%);
  /* background: radial-gradient(circle, rgba($teal,1) 0%, rgba($teal,1) 52%, rgba(black,1) 87%); */
  /* @media screen and (max-width: 640px) {
		background: radial-gradient(circle, #f0e3bd 0%, #eeddbf 76%, #2a2122 92%) !important;
	}
	*/
  /*
			img{ margin-top: 40px;
				@media screen and (min-width: 1200px) {
					margin-top: 80px;
				}
			}
	*/ }
  .logo-block h5, .logo-block h6 {
    color: black; }
  @media screen and (max-width: 640px) {
    .logo-block {
      background: radial-gradient(circle, #c1cbcd 0%, #c1cbcd 76%, #000000 92%) !important; } }
  .logo-block .arrow-display {
    display: none;
    bottom: 10px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    background: url(../images/arrow-down-brown.png) center center/100% auto no-repeat;
    width: 50px;
    height: 30px; }
    .logo-block .arrow-display:hover {
      opacity: 0.7; }
  .logo-block .h5 {
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.5;
    color: black; }
    @media screen and (max-width: 570px) {
      .logo-block .h5 {
        font-size: 1.1rem; } }
  .logo-block:hover .arrow-display {
    display: block; }
  .logo-block button {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    outline: 0; }
  .logo-block svg {
    padding: 5px; }
  .logo-block .arrow {
    width: 70px;
    height: 90px; }
  .logo-block .right:hover polyline,
  .logo-block .right:focus polyline {
    stroke-width: 3; }
  .logo-block .right:active polyline {
    stroke-width: 6;
    transition: all 100ms ease-in-out; }
  .logo-block polyline {
    transition: all 250ms ease-in-out; }

.logo-block {
  min-height: 230px; }

#a {
  display: table;
  width: 100%;
  height: 100%; }

#b {
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle; }

.vertical-center {
  margin: auto; }

@media screen and (max-width: 440px) {
  .main-content .smallish {
    display: none; } }

.main-content .row {
  background: white;
  border-radius: 12px 12px 12px 12px; }

.main-content img {
  border: 11px solid black; }

.main-content .mark {
  background-color: transparent; }
  .main-content .mark h2 {
    font-weight: bold; }
  @media screen and (max-width: 767.98px) {
    .main-content .mark {
      padding-left: 0; } }
  @media screen and (min-width: 768px) {
    .main-content .mark {
      /* background-color: #f7e172; */
      /* background-color: #cec2c2; */
      background-color: black;
      color: #c1cbcd;
      margin-left: -39px;
      padding-left: 39px;
      border-radius: 0 8px 8pc 0; }
      .main-content .mark h2 {
        color: white; } }
  @media screen and (min-width: 1200px) {
    .main-content .mark {
      margin-left: -39px;
      padding-left: 47px; } }
  @media screen and (max-width: 991.98px) {
    .main-content .mark h2 {
      font-size: 20px; } }

.owl-layer {
  z-index: 545;
  bottom: 25px;
  left: 0;
  width: 100%;
  height: 140px;
  position: absolute; }
  @media screen and (min-width: 768px) {
    .owl-layer {
      height: 200px; } }

.owl-carousel a {
  overflow: hidden; }

.owl-carousel a img {
  transition: transform 0.2s; }

.owl-carousel a:hover img {
  transform: scale(1.05); }

.sticky-top {
  transition: height 0.8s;
  position: fixed !important; }
  .sticky-top img {
    transition: transform 0.2s; }
  .sticky-top nav {
    padding-top: 0;
    padding-bottom: 0; }

.scrolled {
  height: 70px; }
  .scrolled img {
    width: 70px;
    height: auto; }

.bg-black {
  background: black; }

#contact {
  background: url(../images/bg-contact-licensed-dk.jpg) top left/auto 100% #1D1C1A no-repeat; }
  #contact a {
    font-family: "Playfair Display", serif;
    color: #C1CBCD; }
  #contact h2 {
    color: white; }

/*
.main-content .col-12 {
	@media screen and (min-width: 1024px) {
		min-height: 500px;
	}
}
*/
@media screen and (max-width: 640px) {
  nav img {
    max-width: 180px;
    height: auto; }
  nav .navbar-toggler {
    position: absolute;
    border: none;
    right: -25px; } }

footer {
  margin-top: 30px; }