/* Minification failed. Returning unminified contents.
(1966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* Critical CSS
**********************************/
/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* General global styles 
***********************************/
html {
  font-size: 16px;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #666666;
}

@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

body.is-admin {
  padding-top: 40px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

p {
  margin: 0 0 1.6em;
  line-height: 1.6em;
}

hr {
  border: none;
  height: 1px;
  border-top: 1px solid #999;
  margin: 2em 0;
}

hr.double {
  height: 3px;
  border-color: #c1bdb3;
  border-style: solid;
  border-width: 1px 0;
}

hr.light {
  border-color: #ccc;
}

sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -.1em;
}

sub {
  top: .1em;
}

blockquote {
  margin: 0 0 1.5em;
  border-left: 2px solid #ccc;
  padding-left: 1em;
}

blockquote p {
  line-height: 1.5em;
  margin-bottom: .5em;
}

cite {
  display: block;
  font-style: italic;
  letter-spacing: .05em;
}

/* headers */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.1em;
}

h1, .h1 {
  font-family: "DM Serif Display", serif;
  font-size: 3.5em;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: .8em;
  text-align: center;
  color: #64513d;
  letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 2em;
    letter-spacing: .075em;
  }
}

h2, .h2 {
  font-family: "DM Serif Display", serif;
  font-size: 2.7em;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.1em;
}

@media screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 2em;
  }
}

h3, .h3 {
  font-family: "DM Serif Display", serif;
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: .25em;
  line-height: 1.4em;
  letter-spacing: .025em;
  color: #000;
}

@media screen and (max-width: 767px) {
  h3, .h3 {
    font-size: 1.25em;
  }
}

h3.has-border, .h3.has-border {
  color: #9c7630;
  text-align: center;
  margin-bottom: 1.25em;
}

h3.has-border span, .h3.has-border span {
  display: inline-block;
  padding-bottom: .25em;
  border-bottom: 1px solid;
}

h4, .h4 {
  font-family: "DM Serif Display", serif;
  font-size: 1.1em;
  font-weight: 400;
  color: #a98e65;
  margin-bottom: .4em;
  line-height: 1.2em;
  letter-spacing: .05em;
}

h5, .h5 {
  font-size: 1em;
  margin-bottom: .2em;
  font-weight: 700;
}

h6, .h6 {
  font-size: 1em;
  color: #333;
}

/* links */
a {
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  transition: color 0.4s;
  text-decoration: underline;
  color: #9e6b13;
  /*
	&[href^="tel:"]{
		font-weight: 700;
	}*/
}

a:hover {
  color: #000;
}

/* Lists */
ul, ol {
  line-height: 1.5em;
  margin: 0 0 1.5em 2.2em;
}

ul {
  list-style-type: disc;
}

ul ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}

dl {
  line-height: 1.5em;
  margin: 0;
}

dl dt {
  display: block;
  margin: 0;
}

dl dd {
  margin-left: .25em;
  margin-right: .5em;
}

/* page layout */
main {
  display: block;
}

.main-content {
  position: relative;
  overflow: hidden;
  max-width: 2560px;
  margin: 0 auto;
  background-color: #fff;
}

/* 
	Slick Slider overrides - check the 
	buttons sass file for prev/next buttons
********************************************/
.slick-list,
.slick-track {
  height: 100%;
}

/* Datepicker overrides */
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
  background: #757575;
  color: #fff;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active {
  background: #64513d;
  color: #fff;
  border-color: #64513d;
}

body #onetrust-consent-sdk #onetrust-pc-btn-handler,
body #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  color: #63573E;
}

body #onetrust-consent-sdk #onetrust-accept-btn-handler,
body #onetrust-banner-sdk #onetrust-reject-all-handler {
  background-color: #63573E;
  border-color: #63573E;
}

/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/*
	Print style sheet: print.css
*/
/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
.preload-image {
  background: #fff url(/images/loading.gif) no-repeat center center !important;
  background-size: initial !important;
}

.has-loader {
  background-image: url(/images/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
}

/* Object fit images */
.object-fit {
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.object-fit-top {
  object-position: 50% 20%;
}

.object-fit-bottom {
  object-position: 50% 80%;
}

@media screen and (max-width: 767px) {
  .object-fit-bottom {
    object-position: 50% 90%;
  }
}

.object-fit-right {
  object-position: 80% 50%;
}

@media screen and (max-width: 767px) {
  .object-fit-right {
    object-position: 90% 50%;
  }
}

.object-fit-left {
  object-position: 20% 50%;
}

.object-fit-contain {
  object-fit: contain;
}

.object-fit-right-top {
  object-position: 80% 20%;
}

@media screen and (max-width: 767px) {
  .object-fit-right-top {
    object-position: 90% 10%;
  }
}

.object-fit-left-top {
  object-position: 20% 20%;
}

@media screen and (max-width: 767px) {
  .object-fit-left-top {
    object-position: 10% 10%;
  }
}

/* clearfix */
.cf:after {
  content: '';
  display: table;
  clear: both;
}

@supports (display: flow-root) {
  .cf {
    display: flow-root;
  }
  .cf:after {
    content: none;
  }
}

.main-pad {
  padding: 3em 0;
}

.nobr {
  white-space: nowrap;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.normal {
  text-transform: none;
}

.brand-color {
  color: #64513d;
}

.brand-color-2 {
  color: #64513d;
}

.uppercase {
  text-transform: uppercase;
}

/* image replacement */
.ir {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /*		
	-ms-word-break: break-all;
   -moz-word-break: break-all;	
        word-break: break-all;	
	*/
  /* non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* headers */
.pre-hdr {
  font-family: "Open Sans Condensed", sans-serif;
  color: #796B49;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 1.4em;
  margin-bottom: .25em;
}

/*
.hyphens { 
	@include hyphens();
}
*/
.disclaimer {
  font-size: .85em;
  font-style: italic;
}

.inline-left {
  display: block;
  float: left;
  margin: 0 3em 1.5em 0;
}

.inline-left img:not(.object-fit) {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .inline-left {
    float: none;
    text-align: center;
    margin: 0 auto 12px;
  }
}

img.inline-left {
  max-width: 100%;
  height: auto;
}

.inline-right {
  display: block;
  float: right;
  margin: 0 0 1.5em 3em;
}

.inline-right img:not(.object-fit) {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .inline-right {
    float: none;
    text-align: center;
    margin: 0 auto 12px;
  }
}

img.inline-right {
  max-width: 100%;
  height: auto;
}

.ada-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.visually-hidden {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

/* vertically center */
.vcenter {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

/* vertically & horizontally center */
.vhcenter {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}

.inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.centered-list {
  text-align: center;
}

/* Lists */
.unstyled-list {
  list-style-type: none;
  margin: 0;
}

.inside-list {
  list-style-position: inside;
}

.bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-cover.top {
  background-position: center top;
}

.bg-cover.right {
  background-position: right center;
}

.bg-cover.bottom {
  background-position: center bottom;
}

.bg-cover.left {
  background-position: left center;
}

.bg-cover.left-top {
  background-position: left top;
}

.bg-cover.left-bottom {
  background-position: left bottom;
}

.bg-cover.right-top {
  background-position: right top;
}

.bg-cover.right-bottom {
  background-position: right bottom;
}

/* Cover items
***************************************/
/*
.cover-image {  
	//@include transition(all .5s);   
	//@extend .bg-cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;		
	margin: 0 auto;
	box-sizing: border-box;
	pointer-events: none;
		
	&.top { background-position: center top; }
	&.bottom { background-position: center bottom; }
				
}	
*/
.cover-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}

.cover-link a {
  display: block;
  width: 100%;
  height: 100%;
}

/* Lazy loaded images */
.lazy-fade-in {
  animation-name: fadeIn;
  animation-duration: 1.3s;
  animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Columns 
*************************************/
.two-col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-bottom: 1.4em;
  padding-bottom: 1em;
}

.two-col .col,
.two-col li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

@media screen and (max-width: 480px) {
  .two-col {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
    margin-bottom: 0;
  }
}

/*
.three-col { 
	@include columns(3, 20px);
			  
	@media screen and (max-width: 767px){
		@include columns(auto, normal);		
	}	
	
	.col,
	li { 
		-webkit-column-break-inside: avoid;
                  page-break-inside: avoid;
                       break-inside: avoid;	
	}		
	
}

.four-col { 
	@include columns(4, 40px);
	margin-bottom: 1.4em;
	
	.col,
	li { 
		-webkit-column-break-inside: avoid;
                  page-break-inside: avoid;
                       break-inside: avoid;	
	}
	
	@media screen and (max-width: 480px){
		@include columns(auto, normal);
		margin-bottom: 0;
	}	
	
}
*/
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-ms-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*
.icon { 
	vertical-align: middle;
}*/
/* responsive images */
.resp-img {
  max-width: 100%;
  height: auto;
}

/* standard table */
.tbl-std {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 1.4em;
}

.tbl-std thead {
  background-color: #333;
  color: #fff;
  font-weight: 700;
}

.tbl-std th,
.tbl-std td {
  padding: 1em;
  line-height: 1.4em;
}

@media screen and (max-width: 480px) {
  .tbl-std th,
  .tbl-std td {
    display: block;
    padding: 4px 12px;
    line-height: normal;
  }
}

.tbl-std th {
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .tbl-std th span {
    display: block;
  }
}

.tbl-std td {
  vertical-align: top;
}

.tbl-std td[scope="row"] {
  font-family: "DM Serif Display", serif;
  font-weight: 700;
  text-transform: uppercase;
}

.tbl-std tbody tr {
  background-color: #e3e3e3;
  border-bottom: 1px solid #fff;
}

.tbl-std tbody tr:nth-child(even) {
  background-color: #d2d2d2;
}

.tbl-std-collapsed {
  width: auto;
  margin: 0 0 1.4em;
}

/* flex list */
/*
.flex-list { 
	@include flexbox;
	@include flex-wrap(wrap);
	list-style-type: none;	
	text-align: center;
  	margin-left: 0;
	
	&.pipes {
		> li {
			& + li {
				border-left: 1px solid $brand-color;

				@media screen and (max-width: 768px){
					border-left: none;
				}
				
				@media screen and (max-width: 767px){
					border-top: 1px solid $brand-color;
					//margin-top: 20px;
					padding-top: 20px;
				}				
			}
			
			&:nth-child(2n + 2){
				@media screen and (max-width: 768px){
					border-left: 1px solid $brand-color;
				}
				
				@media screen and (max-width: 767px){
					border-left: none;
				}				
			}						
			
		}				
		
	}
	
	> li { 
		//@include flex(1 0 calc(25% - 10px));
		@include flex(1 0 25%);
		box-sizing: border-box;
		
		@media screen and (max-width: 768px){
			@include flex(1 0 50%);			
			margin-bottom: 30px;
		}				
		
		@media screen and (max-width: 767px){
			@include flex(1 0 100%);			
		}		
		
	}
	
	.lm { 
		font-size: 12px;
		padding: .8em 1.6em .8em 1.8em; 
	}
		
}
*/
/* Flex cards */
/*
.flex-card-set {	
	@include flexbox;		
	@include flex-wrap(wrap);
	max-width: 940px;	
	margin: 0 auto;
}

.flex-card {
	@include flexbox;
	box-sizing: border-box;	
	margin-bottom: 2em;
	padding: 0 1em;
	width: 33.3333333333%;	
	
	@media screen and (max-width: 768px){
		width: 50%;
		padding: 0 0 1em;
		max-width: 640px;
		margin: 0 auto;
	}
	
	@media screen and (max-width: 767px){
		width: 100%;
	}
}

.flex-card-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 236px;
	margin: 0 auto 2em;
}

.flex-card-content {
	@include flexbox;
	@include flex-direction(column);
	box-sizing: border-box;	
	width: 100%;
	max-width: 314px;	
	margin: 0 auto;
	padding: 0 0 2em;
	position: relative;
	
	.unstyled-list { margin-bottom: 1.8em; }
	
}

.flex-card-inner {
	@include flex(1 0 auto);
	padding: 0 2em;
}
*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/*
// Flex list
.flex-list {
	@include flexbox;		
	@include flex-wrap(wrap);		
	
	> li {
		@include flexbox;
		box-sizing: border-box;  		
  		padding: 0.5em;	
		width: 50%;
		
		@media screen and (max-width: 767px){
			padding: 0;
			width: 100%;
		}
	}	
	
}

.flex-list-content {
	@include flexbox;
	@include flex-direction(column);
	background-color: #fff;
	padding: 1em;
	width: 100%;
	
	.filler { 
		@include flex(1 0 auto);
	}
}
*/
/* Flex cols */
.flex-cols {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 3em;
}

@media screen and (max-width: 767px) {
  .flex-cols {
    margin-bottom: 2em;
    flex-wrap: wrap;
  }
}

.flex-cols .col-1-2 {
  width: calc(50% - 30px);
}

@media screen and (max-width: 767px) {
  .flex-cols .col-1-2 {
    width: 100%;
  }
}

.flex-cols .col-1-3 {
  width: 33.3333333333%;
}

.flex-cols .col-1-5 {
  width: 20%;
}

.flex-cols .fc-order-2 {
  order: 2;
}

@media screen and (max-width: 767px) {
  .flex-cols .fc-order-2 {
    order: 0;
  }
}

.flex-centered {
  align-items: center;
  justify-content: center;
}

/* hover zoom */
.hover-zoom {
  background-color: #000;
}

.hover-zoom .cover-image,
.hover-zoom .object-fit {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s;
  transition: opacity 1s ease-in-out, transform 1s;
  pointer-events: none;
}

.hover-zoom.hover-zoom-small .cover-image,
.hover-zoom.hover-zoom-small .object-fit {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s;
  transition: opacity 1.5s ease-in-out, transform 1.5s;
}

.hover-zoom.has-lazy img[data-src] {
  -webkit-transition: opacity 1s ease-in-out, transform 1s;
  -moz-transition: opacity 1s ease-in-out, transform 1s;
  -ms-transition: opacity 1s ease-in-out, transform 1s;
  transition: opacity 1s ease-in-out, transform 1s;
  opacity: 0;
}

.hover-zoom.has-lazy img[data-src].img-loaded {
  opacity: 1;
}

.hover-zoom.has-lazy img[data-src].img-loaded.fade {
  opacity: .1;
}

.hover-zoom:hover .cover-image,
.hover-zoom:hover .object-fit {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* google map embed */
.gmap {
  height: 500px;
  margin: 0 auto 20px;
  margin: 0 0 1.8em;
}

.gmap iframe {
  border: none;
  width: 100%;
  height: 500px;
}

/* list with items set to display inline block */
.inline-list {
  margin-left: 0;
  /* centered */
  /* add pipe delimiters */
}

.inline-list.pad > li:not(:last-child) {
  margin-right: 4em;
  margin-bottom: 2em;
}

.inline-list > li {
  display: inline-block;
}

.inline-list.centered {
  text-align: center;
}

.inline-list.pipes > li:before {
  content: '|';
  padding: 0 .75em;
}

.inline-list.pipes > li:first-child:before {
  content: '';
  padding: 0;
}

.video-wrapper {
  position: relative;
  padding-bottom: 52.25%;
  /* 16:9 */
  /*CHANGED TO FIT A NEW VIDEO FROM 56.25%*/
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-embed {
  width: 100%;
  height: auto;
}

video:-webkit-full-page-media {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Animate fade up - JS is located in base.js */
.fade-up {
  -webkit-transition: opacity 0.75s, transform 0.75s;
  -moz-transition: opacity 0.75s, transform 0.75s;
  -ms-transition: opacity 0.75s, transform 0.75s;
  transition: opacity 0.75s, transform 0.75s;
  -webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
}

.fade-up.active {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.brand-box {
  padding: 1em;
  background-color: #fff;
}

.brand-box-inner {
  box-sizing: border-box;
  border: 5px solid #e6e6e6;
  padding: 2em;
}

.brand-bg {
  background-color: #efefef;
  background-image: url(/images/layout/bg-wood.jpg);
}

/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/*************************************** 
	INLINE STYLES - Above the fold
****************************************/
/* This is used on the <button> element */
button {
  background: transparent;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  color: currentColor;
  padding: 0;
  font-family: "Open Sans", sans-serif;
}

/* Brand button */
.btn {
  box-sizing: border-box;
  background-color: #89724D;
  color: #fff;
  font-family: "DM Serif Display", serif;
  font-size: 1.1em;
  letter-spacing: .05em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  padding: .75em 1.5em;
  transition: background-color .35s, color .35s;
}

.btn:hover {
  background-color: #64513d;
  color: #fff;
}

.btn-full {
  display: block;
}

/*
.btn-light {
	background-color: #fff;
	color: #71605c;
}

.btn-gray {
	background-color: #667586;
}

.btn-black {
	background-color: #000;
}

.btn-bordered {
	@include transition(color .35s, border-color .35s, background-color .35s);	
	background-color: transparent;	
	border: 2px solid;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .2em;	
	text-transform: uppercase;
	
	&:hover {
		background-color: $brand-color;
		color: #fff;
		border-color: $brand-color;		
	}	
}*/
/*************************************** 
	DEFERRED STYLES
****************************************/
/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/* general form */
@media screen and (max-width: 767px) {
  form {
    font-size: 16px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

.label,
label {
  display: block;
  line-height: 1.1em;
  margin-bottom: 6px;
}

input[type="text"],
input[type="email"],
select,
textarea {
  box-sizing: border-box;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: inherit;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: none;
}

input[type="text"],
input[type="email"],
textarea {
  padding: 4px 8px;
}

select {
  padding: 3px 4px;
}

input[type="submit"] {
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -ms-transition: background-color 0.35s;
  transition: background-color 0.35s;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: .2em;
  background-color: #64513d;
  color: #fff;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  padding: .6em 2em .6em 2.2em;
}

input[type="submit"]:hover {
  background-color: #999;
}

::-webkit-input-placeholder {
  color: #acacac;
  opacity: 1;
}

:-moz-placeholder {
  color: #acacac;
  opacity: 1;
}

::-moz-placeholder {
  color: #acacac;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #acacac;
  opacity: 1;
}

.tick-list {
  list-style-type: none;
  margin: 6px 0 0;
}

.tick-list > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 1em 0 0;
}

@media screen and (max-width: 767px) {
  .tick-list > li {
    display: block;
    margin: 0 0 .25em;
  }
}

.tick-list.stack > li {
  display: block;
}

.tick-list label {
  display: inline;
  white-space: nowrap;
  margin-bottom: 0;
}

.required {
  color: #c80303;
}

/* Site specific common styles */
/*
.fs-tick {
	legend {
		box-sizing: border-box;
		display: block;
		width: 100%;
		text-transform: uppercase;
		color: $brand-color;
		letter-spacing: .05em;
	}
}
*/
.fs-pairs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fs-pairs > div {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.fs-pairs > div:not(.spread) {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .fs-pairs > div:not(.spread) {
    width: 100%;
  }
}

.fs-pairs > div:nth-of-type(odd):not(.spread) {
  padding-right: .5em;
}

@media screen and (max-width: 767px) {
  .fs-pairs > div:nth-of-type(odd):not(.spread) {
    padding-right: 0;
  }
}

.fs-pairs > div:nth-of-type(even):not(.spread) {
  border-left: 1px solid #ccc;
  padding-left: 1.5em;
}

@media screen and (max-width: 767px) {
  .fs-pairs > div:nth-of-type(even):not(.spread) {
    border-left: none;
    padding-left: 0;
  }
}

.fs-pairs .spread {
  width: 100%;
}

/*
.fs-thirds {
	//overflow: hidden;
	
	.field {
		//width: 33.3333333333%; 
		width: calc(33.3333333333% - 20px);
		float: left; 		
		box-sizing: border-box;	
		margin-bottom: 20px;
		position: relative;
		
		&:nth-child(1){ margin-right: 15px; }
		&:nth-child(2){ margin-right: 15px; margin-left: 15px; }
		&:nth-child(3){ margin-left: 15px; }
		
		@media screen and (max-width: 767px){
			width: auto;
			float: none;
			
			&:nth-child(1){ margin-right: 0; }
			&:nth-child(2){ margin-right: 0; margin-left: 0; }
			&:nth-child(3){ margin-left: 0; }
		}		
		
	}
			
}
*/
/*
.fs-fourths {
	.field {		
		width: calc(25% - 23px);
		float: left;
		box-sizing: border-box;	
		margin-bottom: 20px;
		position: relative;
		
		&:nth-child(1){ margin-right: 15px; }
		&:nth-child(2),
		&:nth-child(3){ margin-right: 15px; margin-left: 15px; }
		&:nth-child(4){ margin-left: 15px; }
		
		@media screen and (max-width: 767px){
			width: auto;
			float: none;
			
			&:nth-child(1){ margin-right: 0; }
			&:nth-child(2),
			&:nth-child(3){ margin-right: 0; margin-left: 0; }
			&:nth-child(4){ margin-left: 0; }
		}		
		
	}
}
*/
.ada-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}

/* Hover style */
.select-css:hover {
  border-color: #888;
}

/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css,
:root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled,
.select-css[aria-disabled=true] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.select-css:disabled:hover,
.select-css[aria-disabled=true] {
  border-color: #aaa;
}

/*
.has-float-label {
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid #999;
	
	label {		
		@include transition(all .2s);
		position: absolute;
		top: .7em;
		left: 0;
		z-index: 2;
		cursor: text;	
		color: #000;
		font-size: 13px;
		letter-spacing: .05em;
		//background-color: #fff;
		//padding: 0 .6em;
		pointer-events: none;
	}
	
	select {
		@include appearance(none);	
		opacity: 0; // prevent select from showing behind label
	}
			
	
	input,
	select { 
		border: none; 
		//padding: 8px;
		padding: 8px 8px 8px 0;
		height: 36px;
		background-color: transparent;
	}		
	
	// active state 
	input:focus ~ label,
	.has-value ~ label,
	select:focus ~ label {		
		top: -.6em;
		font-size: 11px;				
	}
	
    textarea:focus ~ label {
        top: -1.2em;
		font-size: 11px;
    }

	// show select
	select:focus,
	select.has-value { opacity: 1; }
	
}
*/
.is-admin input[type="text"],
.is-admin input[type="email"],
.is-admin select,
.is-admin textarea,
.edit-mode input[type="text"],
.edit-mode input[type="email"],
.edit-mode select,
.edit-mode textarea {
  font-family: Arial, Helvetica, sans-serif;
}

body span.ui-button-icon.ui-icon.ui-icon-closethick:before {
  content: 'x';
  display: block;
}

body .ui-datepicker {
  font-family: "Open Sans", sans-serif;
  padding: 1em 1.25em;
  color: #666666;
  width: auto;
}

body .ui-datepicker table {
  font-size: 12px;
}

body .ui-datepicker th {
  font-weight: 400;
  padding: .3em;
}

body .ui-datepicker .ui-datepicker-header {
  background: none;
  color: currentColor;
  border: none;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: .25em;
}

body .ui-datepicker .ui-datepicker-header a {
  color: currentColor;
}

body .ui-datepicker .ui-datepicker-title {
  letter-spacing: normal;
}

body .ui-state-hover,
body .ui-datepicker .ui-state-hover,
body .ui-datepicker-header .ui-state-hover,
body .ui-state-focus,
body .ui-datepicker .ui-state-focus,
body .ui-datepicker-header .ui-state-focus {
  background-color: transparent;
}

body .ui-state-default,
body .ui-datepicker .ui-state-default,
body .ui-datepicker-header .ui-state-default {
  border: none;
  background-color: transparent;
  letter-spacing: .05em;
}

body .ui-datepicker .ui-datepicker-header .ui-icon {
  background: none;
}

body .ui-icon-circle-triangle-w:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid;
}

body .ui-icon-circle-triangle-e:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid;
}

body .ui-state-active,
body .ui-datepicker .ui-state-custom-highlight .ui-state-default,
body .ui-datepicker .ui-state-active,
body .ui-datepicker-header .ui-state-active {
  font-weight: 700;
  background-color: #64513d;
  color: #fff;
}

body .ui-state-highlight,
body .ui-datepicker .ui-state-highlight,
body .ui-datepicker-header .ui-state-highlight {
  background-color: #ccc;
  color: #000;
  font-weight: 700;
}

body .ui-datepicker td {
  padding: 0;
  border: 1px solid #ccc;
}

body .ui-datepicker td span,
body .ui-datepicker td a {
  text-align: center;
  padding: .75em;
}

:root {
  --litepicker-button-prev-month-color: #333;
  --litepicker-button-next-month-color: #333;
  --litepicker-highlighted-day-color: #fff;
  --litepicker-highlighted-day-color-bg: #802755;
}

.litepicker {
  font-size: .9rem;
}

.litepicker .button-previous-month,
.litepicker .button-next-month {
  position: relative;
  cursor: pointer !important;
}

.litepicker .button-previous-month svg,
.litepicker .button-next-month svg {
  visibility: hidden;
}

.litepicker .button-previous-month::before,
.litepicker .button-next-month::before {
  content: '';
  pointer-events: none;
  font-family: 'fontello';
  font-size: 1rem;
  color: currentColor;
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.litepicker .button-previous-month:focus,
.litepicker .button-next-month:focus {
  outline: 1px solid blue;
}

.litepicker .button-previous-month::before {
  content: '\e81a';
}

.litepicker .button-next-month::before {
  content: '\e81b';
}

.litepicker .container__months {
  box-shadow: none;
}

.litepicker .container__months .month-item-header div > .month-item-name {
  font-family: "DM Serif Display", serif;
  font-weight: 300;
  color: #64513d;
  font-size: 1.15rem;
  text-transform: uppercase;
}

.litepicker .container__days > div,
.litepicker .container__days > a {
  padding: .75rem 0;
}

.litepicker .container__days .day-item {
  border-radius: 0;
}

.litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date.is-flipped {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.litepicker .container__days .day-item.is-end-date {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.litepicker .container__days .day-item.is-start-date.is-end-date {
  border-radius: 0;
}

.litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date {
  background-color: #64513d;
  color: #fff;
}

.litepicker .container__days .day-item.is-in-range {
  background-color: #a98e65;
}

.litepicker .container__days .day-item.is-in-range:focus-visible {
  outline-offset: -.15rem;
}

.litepicker .container__days .day-item.is-today:not(.is-start-date) {
  background-color: #eee;
  color: #666666;
}

.litepicker .container__days .day-item[role="button"] {
  cursor: pointer;
}

/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
.breadcrumb {
  font-size: .8em;
  margin: 0 1.5em 3em;
  color: #64513d;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.breadcrumb a {
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  -ms-transition: opacity 0.35s;
  transition: opacity 0.35s;
  color: #757575;
}

.breadcrumb a:hover {
  opacity: 1;
}

.breadcrumb li:not(:first-child):before {
  content: '|';
  padding: 0 .5em;
  opacity: .5;
}

.breadcrumb li:last-child a {
  color: currentColor;
  cursor: default;
  pointer-events: none;
  opacity: 1;
}

.breadcrumb li:last-child a br {
  display: none;
}

.full-height .breadcrumb,
.partial-height .breadcrumb {
  position: absolute;
  bottom: 1.35em;
  left: 40px;
  z-index: 2;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}

/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.75s ease-out;
  -moz-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: scale(1.05);
}

.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.5s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.05);
  opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/*************************************** 
	INLINE STYLES - Above the fold
****************************************/
.popup-outer {
  display: none;
}

/*************************************** 
	DEFERRED STYLES
****************************************/
/*
	MDAdmin website
    main style sheet:  style.scss

    Surround parts that emit css with inline, head, or after.  
    This will break the CSS up into inline in the head, link reference in the head,
    and deffered link refered loaded after the </body> tag is processed.
    Variables, mixins etc that do not of themselves emit css stay outside those
    conditions and in fact are probably needed by all 3 conditions.

********************************************/