html,
body,
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    background-size:cover;
    background-position:50% 50%;
    font-family:"Baskerville";
    color:black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 
body{
    background-color: white;
}
section {
    position: relative;
}
p{
    font-size: calc(18px + (26 - 18) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.5;
}
span{
    color:inherit;
    font-family:inherit;
    font-size:inherit;
}
a{
    text-decoration:none;
    font-family:inherit;
    font-size:inherit;
    color:inherit;
}


figure {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
figure img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

p > a {
    position: relative;
    display: inline-block;
}

p > a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 1px;
    background: #d04934;
}
h1 {
    font-style: italic;
    font-weight: 400;
    line-height: 1.35;
    font-size: calc(28px + (48 - 28) * ((100vw - 480px) / (1600 - 480)));
    margin:0;
}

h1 strong {
    font-family: "Lato";
    text-transform: uppercase;
    letter-spacing: calc(6px + (10 - 6) * ((100vw - 480px) / (1600 - 480)));
    font-size: calc(22px + (38 - 22) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.65;
    margin:0;
    font-style: normal;
    display:block;
}
h2 {
    font-style: italic;
    font-weight: 400;
    line-height: 1.25;
    font-size: calc(20px + (34 - 20) * ((100vw - 480px) / (1600 - 480)));
    margin:0;
}

h2 strong {
    font-family: "Lato";
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: calc(20px + (32 - 20) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.35;
    margin:0; 
    font-style: normal;
    display:block;
    font-weight:400;
}
h3 {
    font-family: "Lato";
    font-size: calc(12px + (18 - 12) * ((100vw - 480px) / (1600 - 480)));
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}

h4 {
    font-family: "Lato";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: calc(10px + (14 - 10) * ((100vw - 480px) / (1600 - 480)));
}

h5,.h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c9c3b5;
    font-size: calc(12px + (22 - 12) * ((100vw - 480px) / (1600 - 480)));
    font-weight: 400;
}
blockquote, 
.memories-list blockquote{
    text-align: center;
    margin:0 auto;
    width: 70%;
    font-style:italic;
    font-size: calc(32px + (62 - 32) * ((100vw - 480px) / (1600 - 480)));

}
.memories-list blockquote,
blockquote{
    width:100%;
    max-width:768px;
    margin:0 auto;
    position:relative;
}
.memories-list blockquote::before,
blockquote::before{
    content: " “ ";
    height: 50px;
    display: block;
    font-size: 100px;
    opacity: 0.35;
}
.callout blockquote{
    max-width:none;
}
.callout blockquote,
.memories-list blockquote::before {
    content: " “ ";
    height: 50px;
    display: block;
    font-size: 100px;
    opacity: 0.35;
}
.memories-list .flex-wrap blockquote p,
.memories-list blockquote p {
    font-style: italic;
    font-size: calc(20px + (26 - 20) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.5;
}
blockquote p,
.memories-list blockquote p.large,
.memories-list .flex-wrap blockquote p.large{
    font-style:italic;
    font-size: calc(28px + (40 - 28) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.25;
}


p.speaker, 
.memories-list blockquote footer, 
.memories-list blockquote cite,
blockquote footer,
blockquote cite{
    text-transform: uppercase;
    font-weight: 800;
    font-style:normal;
    font-family: "Lato";
    letter-spacing: 1px;
    font-size: calc(14px + (18 - 14) * ((100vw - 480px) / (1600 - 480)));
}
.memories-list blockquote footer, 
.memories-list blockquote cite,
blockquote footer,
blockquote cite{
    font-size:14px;
    letter-spacing: 2px;
    font-weight: 600;
}
.bg-brown p.speaker, 
.bg-brown p.speaker em {
    color: #c3c2bf;
}

p.speaker em, cite em {
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0;
    font-size: inherit;
}
.bg-brown blockquote{
    color:white;
}
figure {
    margin: 0;
    padding: 0;
}

img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: none;
    height: auto;
}
.btn {
    background-color: transparent;
    text-transform: uppercase;
    font-size: calc(16px + (18 - 16) * ((100vw - 480px) / (1600 - 480)));
    letter-spacing: 2px;
    padding: 12px 36px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: 0.35s ease;
}
.btn:hover,
.btn:focus{
    color:white;
}
.btn::after {
    content: "";
    display: block;
    background-color: #ebebeb;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
    transition: 0.35s ease;
}
.btn:hover::after,
.btn:focus::after{
    background-color:#d04934;
    transform:translate(-4px,-4px);
}
.btn::before {
    content: "";
    display: block; 
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    border: 1px solid #acacac;
    transition: 0.35s ease;
}
.btn:hover::before,
.btn:focus::before{
    border-color:#d04934;
}
.btn-box .btn {
    margin: 0 20px 20px 0;
}
.relative{
    position: relative;
    z-index:1;
}
.alt{
    display:block;
    text-indent: -999999px;
    width: 1px;
    height:1px;
    overflow: hidden;
}
.bg-img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
a.full-img{
    background-color: #333333;
}
.bg-img.dark::before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    background-color:rgba(0, 0, 0, 0.45);
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    color: inherit;
    margin: 0;
    width: auto;
    line-height: 1.0;
}
.demo-icon {
    color: inherit;
}
.divider{
    opacity:0.5;
    width: 8vw;
    display:block;
    margin:40px 0;
}
.btn{
    font-style:italic;
    font-size: calc(14px + (18 - 14) * ((100vw - 480px) / (1600 - 480)));
}
.bg-brown{
    background-color: #3f3632;
    color:white;
}
.bg-white{
    background:white;
}

.underline,
.underline.center,
.underline.text-center{
    padding:0 0 8px 0;
    position:relative;
    display:inline-block;
}
.underline.center,
.underline.text-center{
    padding:0 12px 8px;
}
.underline::after{
    content:"";
    position:absolute;
    z-index:0;
    height:2px;
    width:100%;
    background:#d04934;
    left:0;
    bottom:0;
}
.pag a, .pag span {
    margin: 0 10px;
    font-family: "Lato";
    font-weight: 600;
}

.pag a.pag-arrow {
    font-size: 11px;
    margin: 4px 12px 0;
}

.pag.flex-wrap {
    justify-content: center;
}

.pag span.current::after {
    content: "";
    background: #efefef;
    display: block;
    top: -6px;
    right: -8px;
    bottom: -6px;
    left: -8px;
    position: absolute;
    z-index: -1;
    }

span.current {
    position: relative;
    display: block;
}




.sub-intro{
    margin:0 auto; 
    /* max-width:1024px; 
    text-align:center; */
}



/*-- nav --*/

header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
} 
.nav-active header{
    z-index:8;
}
header nav{
    padding: 0 6.25vw;
}
header nav ul{
    list-style:none;
    display:flex;
    border:1px solid rgba(255,255,255,0.2);
    border-right:none;
    border-left:none;
    padding: 0px 0;
    margin: 0 0 50px;
    justify-content: center;
    align-items: center;
}
header .burger-wrap {
    display: none;
}

header .logo-wrap {
    width: 24vw;
    min-width: 280px;
    max-width: 400px;
    text-align: center;
    margin: -40px auto 30px;
}
header i.demo-icon.icon-donkey,
.logo-wrap img[data-mob],
header .side-menu{
    display:none;
} 
.weather-contact p,
.weather-contact .contact a{
    font-size: calc(10px + (15 - 10) * ((100vw - 480px) / (1600 - 480)));
    color: #bfbeba;
    color:white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Muli";
    font-weight: 700;
    letter-spacing: 3px;
    margin:0;
    text-shadow: 0 0 3px black;
}
.weather-contact .contact a {
    padding: 35px 20px 5px 0;
    transition: color 0.35s ease;
}
.weather-contact .contact a:hover,
.weather-contact .contact a:focus {
    color: #d04934;
}

.weather-contact .contact a:first-of-type {
    border-right: 1px solid rgba(255,255,255,0.2);
    padding: 35px 15px 5px 0px;
}

.weather-contact.flex-wrap {
    justify-content: space-between;
}
header .burger-wrap a.tel{
	display:none;
}
.weather-contact .contact a:last-of-type {
    padding: 35px 0px 5px 15px;
}
.weather-contact p strong{
    font-family: "Baskerville";
    font-weight: 400;
    letter-spacing: 2px;
    color: #bfbeba;
    color:white;
    text-shadow: 0 0 3px black;
}
.weather-contact .contact {
    padding: 0px 3.75vw 5px 2vw;
    width: auto;
}
.weather {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 35px 2vw 5px 3.75vw;
    border:none;
}
.weather > * {
    display: none;
}
a.res-title::before{
    color:white !important;
    text-shadow: 0 0 3px black;
}
header nav ul a{
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Muli";
    font-weight: 700;
    letter-spacing: 3px;
    display: block;
    font-size: calc(10px + (14 - 10) * ((100vw - 1024px) / (1600 - 1024)));
    transition: color 0.35s ease, text-shadow 0.35s ease;
    text-shadow: 0px 1px 4px rgb(0 0 0 / 100%);
}
.desk-title{
    text-shadow: 0px 1px 4px rgb(0 0 0 / 70%);
}
header nav ul a:hover,
header nav ul li:hover a,
header nav ul a:focus,
header nav ul li:focus a  {
    text-shadow: 0px 1px 4px rgb(0 0 0 / 0%);
}

header nav ul a::after{
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -4px;
    background: #d04934;
    display: block;
    position: absolute;
    transform:scaleX(0);
    transform-origin: left center;
    transition: transform 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}
header nav ul a:hover::after,
header nav ul a:focus::after, 
header nav ul li.selected a::after{
    transform:scaleX(1);
}

header nav ul a {
    position: relative;
}
header nav ul li {
    padding: 15px 20px;
    margin:0 1px;
}
header nav ul li.reservations a,
header nav ul li.real-estate a {
    font-family: "Baskerville";
    font-weight: 400;
    letter-spacing: 2px;
}

header nav ul li:nth-of-type(8) {
    border-left: 1px solid rgba(255,255,255,0.2);
    padding: 15px 20px 15px 40px;
}
 
header nav ul li:nth-of-type(7) {
    border-right: 1px solid rgba(255,255,255,0.2);
    padding: 15px 40px 15px 20px;
}


/*-- sticky and menu --*/
.nav-active{
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;
}
.sticky-header {
    position: fixed;
    z-index: 8;
    display: flex;
    justify-content: space-between;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    transform:translateY(0%);
    transition: transform 0.2s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}
.sticky-header.hide{
    transform:translateY(-100%);
}
.sticky-header .menu-trigger span {
    background: black;
}

.sticky-header .burger-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
    padding: 1.875vw 3.75vw;
}
.sticky-header .burger-wrap a.tel{
	font-weight: 600;
    font-size: calc(12px + (15 - 12) * ((100vw - 480px) / (1600 - 480)));
    font-family: "Muli";
    letter-spacing: 2px;
    margin: 0 30px 0 0;
    display:block;
}
.sticky-header .logo {
    width: 60%;
    padding: 1.875vw 3.75vw;
}
.sticky-header img {
    max-width: none;
    margin: 0;
    width:40%;
    min-width: 250px;
}
aside{
    background: #3f3632;
    height:100vh;
    /*pointer-events:none;
    visibility: hidden;*/
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index: 999;
    transform: translateX(100%);
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .1s;
    overflow:hidden;
        overflow-y: scroll; 
} 
.nav-active aside{
    /*pointer-events: all;
    visibility: visible;*/
    transform: translateX(0%);
    /*transition:none;*/
}
aside .menu-wrap{ 
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    position: relative;
    transform: translateX(-100%);
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .1s;
    z-index: 2;
}

.nav-active aside .menu-wrap{
   transform: translateX(0%);
}
.menu-trigger {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 18px;
    position: relative;
    outline:none;
    cursor:pointer;
    transition: transform 0.5s cubic-bezier(0.565, 0.43, 0.24, 0.92);
} 
  
.menu-trigger span {
    width: 40px;
    height: 2px;
    top: 8px;
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    background: white;
}


.menu-trigger span:first-of-type {
    top: 0;
}

.menu-trigger span:last-of-type {
    top: 16px;
}
aside .menu-trigger span {
    opacity: 0;
}
aside .menu-trigger span:first-of-type {
    opacity: 1;
    transform: translateY(8px) rotate(45deg);
}
aside .menu-trigger span:last-of-type {
    opacity: 1;
    transform: translateY(-8px) rotate(-45deg);
}
aside .menu-trigger span::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d04934;
    transform: scaleX(0);
    transition: transform .25s cubic-bezier(0.565, 0.43, 0.24, 0.92) .0s;
    transform-origin: right center;
}
aside .menu-trigger:hover span::before,
aside .menu-trigger:focus span::before {
    transform: scaleX(1);
    transform-origin: left center;
} 
.sticky-header .menu-trigger span::before,
header .menu-trigger span::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .25s cubic-bezier(0.565, 0.43, 0.24, 0.92) .0s;
    background: #d04934;
    z-index: 1;
    transform: scaleX(0);
    transform-origin: left center;
}

.sticky-header .menu-trigger:hover span::before,
header .menu-trigger:hover span::before,
.sticky-header .menu-trigger:focus span::before,
header .menu-trigger:focus span::before {
    transform: scaleX(1);
    transform-origin: right center;
}

.sticky-header .menu-trigger span:nth-of-type(2)::before,
header .menu-trigger span:nth-of-type(2)::before {
    transition: transform .25s cubic-bezier(0.565, 0.43, 0.24, 0.92) .05s;
}

.sticky-header .menu-trigger span:nth-of-type(3)::before,
header .menu-trigger span:nth-of-type(3)::before {
    transition: transform .25s cubic-bezier(0.565, 0.43, 0.24, 0.92) .1s;
}
.nav-active aside .menu-trigger {
    transform: rotate(360deg);
    transition: transform 0.5s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}
.nav-active header .menu-wrap span:nth-of-type(1),
.nav-active header .menu-wrap span:nth-of-type(2), 
.nav-active header .menu-wrap span:nth-of-type(3) {
    transform: scaleX(0);
    transition: transform 0.25s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}
aside .header {
    z-index: 2;
    position: relative;
    top: 0;
    display: flex;
    justify-content: space-between;
}

aside .header #logo img{
    width: 30vw;
    display: block;
    margin:0;
}
aside .header #logo{
    width:60%;
    padding: calc(3.75vw + 4px) 3.75vw 0;
}
aside .header .burger-wrap {
    display: flex;
    justify-content: flex-end;
    width: 40%;
    padding: calc(3.75vw + 2px) 3.75vw 0 6vw;
}
@media only screen and (max-width:600px){
    aside .header #logo {
                padding: calc(3.75vw + 7px) 3.75vw 0;
    }
    aside .header .burger-wrap{
        padding: calc(3.75vw + 3px) 3.75vw 0 6vw;
    }
}
.nav-active aside .header {
    background: transparent;
}
/*
aside::after{
    content: "";
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #a23c2d;
    background: #6b692c;
    background: #3f3632;
    transition: transform .6s cubic-bezier(0.7,0.085,0.79,0.415);
    transform-origin: right center;
    transform: scaleX(1);
}
.nav-active aside::after{
    transform: scaleX(0);
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .45s;
    transform-origin: left center;
}
*/
 
/*aside::before{
    transform: scaleX(0);
    transition:transform .6s cubic-bezier(0.65,0.025,0.67,0.36) 1.2s;
    transform-origin:left center;
}
.nav-active aside::before{
    transform: scaleX(1);
}*/
aside .bg-wrap{
    position:absolute;
    z-index:1; 
    width: 100%;
    height:100%;
    top:0;
    left:0;
    overflow:hidden;
    transform: translateX(-100%);
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .1s;
} 
.nav-active aside .bg-wrap{
    transform: translateX(0%);
}
aside .bg-overflow{
    position:absolute;
    width:60%;
    height:100%;
    top:0;
    left:0;
    overflow:hidden;
    z-index:1;
}
aside .bg-img{
    display:block;
    transform: scale(1.2);
    transition: transform 1.3s cubic-bezier(0.34,0.615,0.4,0.985) .3s;
} 
.nav-active aside .bg-img{
    transform: scale(1); 
    transform-origin: center center;
}
aside nav,
aside .menu-footer{
    position:relative;
    z-index:2;
    display: flex;
    justify-content: space-between; 
}
aside .menu-footer{
    align-items:center;
} 

aside nav a.menu-link {
    opacity: 0;
    transform: translateY(40px);
} 
.nav-active aside nav a.menu-link {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985),transform .8s cubic-bezier(0.34,0.615,0.4,0.985);
}
.nav-active asive nav a.menu-link:nth-of-type(1){
    transition-delay: .175s;
}
.nav-active aside nav a.menu-link:nth-of-type(2) {
    transition-delay: .25s;
}
.nav-active aside nav a.menu-link:nth-of-type(3) {
    transition-delay: .325s;
}
aside nav ul li,
aside nav a.menu-link,
aside .side-menu h5,
aside .side-menu .h5,
aside .side-menu address,
aside .menu-footer h5,
aside .menu-footer .h5,
aside .menu-footer ul.social,
aside .menu-footer ul.social li{
   opacity: 0;
    transform: translateY(40px);
    transition-duration: 0.3s; 
}
aside nav ul li,
aside nav ul li:nth-of-type(1),
aside nav ul li:nth-of-type(2),
aside nav ul li:nth-of-type(3),
aside nav ul li:nth-of-type(4),
aside nav ul li:nth-of-type(5),
aside nav ul li:nth-of-type(6),
aside nav ul li:nth-of-type(7),
aside nav ul li:nth-of-type(8),
aside nav ul li:nth-of-type(9),
aside nav ul li:nth-of-type(10),
aside nav a.menu-link:nth-of-type(1),
aside nav a.menu-link:nth-of-type(2),
aside nav a.menu-link:nth-of-type(3),
aside .side-menu h5,
aside .side-menu .h5,
aside .side-menu address,
aside .menu-footer h5,
aside .menu-footer .h5,
aside .menu-footer ul.social,
aside .menu-footer ul.social li{
    transition: opacity .2s cubic-bezier(0.34,0.615,0.4,0.985) 0s,transform .3s cubic-bezier(0.34,0.615,0.4,0.985) 0s, color 0.35s ease 0s;
}
.nav-active aside nav ul li,
.nav-active aside nav a.menu-link,
.nav-active aside .side-menu h5,
.nav-active aside .side-menu .h5,
.nav-active aside .side-menu address,
.nav-active aside .menu-footer h5,
.nav-active aside .menu-footer .h5,
.nav-active aside .menu-footer ul.social,
.nav-active aside .menu-footer ul.social li{
    opacity: 1;
    transform: translateY(0);
    transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985),transform .8s cubic-bezier(0.34,0.615,0.4,0.985), color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-of-type(1),
.nav-active aside nav a.menu-link:nth-of-type(1){
    /*transition-delay: .175s;*/
    transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .175s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .175s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(2),
.nav-active aside nav a.menu-link:nth-of-type(2) {
    /*transition-delay: .25s;*/
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .25s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .25s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(3),
.nav-active aside nav a.menu-link:nth-of-type(3),
.nav-active aside .side-menu h5,
.nav-active aside .side-menu .h5 {
    /*transition-delay: .325s;*/
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .325s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .325s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(4),
.nav-active aside .side-menu address {
    /*transition-delay: .4s;*/
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .4s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .4s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(5),
.nav-active aside .menu-footer h5,
.nav-active aside .menu-footer .h5 {
   /* transition-delay: .475s; */
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .475s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .475s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(6),
.nav-active aside .menu-footer ul.social,
.nav-active aside .menu-footer ul.social li {
    /*transition-delay: .55s;*/
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .55s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .55s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(7) {
   /* transition-delay: .625s; */
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .625s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .625s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(8) {
   /* transition-delay: .7s; */
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .7s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .7s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(9) {
   /* transition-delay: .7s; */
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .775s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .775s, color 0.35s ease 0s;
}
.nav-active aside nav ul li:nth-child(10) {
   /* transition-delay: .7s; */
     transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985) .850s,transform .8s cubic-bezier(0.34,0.615,0.4,0.985) .850s, color 0.35s ease 0s;
}
aside nav ul li a{ 
    color: white;
    font-size: calc(18px + (23 - 18) * ((100vw - 500px) / (850 - 600)));
    font-weight: 400;
    letter-spacing: 6px;
    font-family: "Muli";
    display: inline-block;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    position:relative;
}
aside nav ul li a::after{
    content:'';
    display:block;
    position:absolute;
    height:2px;
    width:100%;
    transform-origin:left center;
    transform: scaleX(0);
    bottom:-3px;
    left:0;
    background-color:#d04934;
    transition: transform 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}
aside nav ul li a:hover::after,,
aside nav ul li a:focus::after,
aside nav ul li.selected a::after{
    transform: scaleX(1);
}
aside nav ul li:last-of-type a{
   /* margin:0;*/
} 
aside nav a.menu-link{
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin: 0 0 25px 0;
    padding: 0 8px 8px;
    position: relative;
    color: white;
    font-family: "Baskerville";
    font-weight: 400;
    /*transition: color 0.35s ease;*/
} 
aside nav a.menu-link:hover,
aside nav a.menu-link:focus{
    /*color:#d04934;
    transition: color 0.35s ease;*/
}
aside nav a.menu-link::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: -6vw;
    height: 1px;
    background: white;
    bottom: 0;
    opacity: 0.2;
}
aside nav a.menu-link::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: -6vw;
    height: 1px;
    background: #d04934;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transition: 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92);
    transform-origin: left center;
}

aside nav a.menu-link:hover::before,
aside nav a.menu-link:focus::before {
    transform: scaleX(1);
}
/*.nav-active main{
    height:100vh;
    overflow:hidden;
}*/ 
aside h5,
aside .h5 {
    margin: 0 0 20px;
    font-family: "Muli";
}

aside ul.social {
    margin: 0;
    border: none;
    padding:0;
}
aside h5,
aside .h5,
aside ul.social li a{
    color:white;
}
ul.social.contact li a {
    margin: 0 30px 0 0;
}

ul.social.contact {
    margin: 10px 0 0;
    padding: 0;
}
aside::before {
    content: "";
    display: block;
    position: absolute;
    background: #3f3632;
    width: 40%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
}
aside nav ul,
aside .menu-footer div:first-of-type {
    list-style: none;
    margin: 0;
    padding: 3.75vw 10vw;
    width: 60%;
}
aside .menu-footer div:first-of-type {
    padding: 0vw 6.25vw 3.75vw;
}

aside .menu-footer > div{
    display:flex;
    flex-direction:column;
}
aside .side-menu,
aside .menu-footer div:last-of-type {
    position:relative;
    width: 40%;
    padding: 3.75vw 6vw;
}
aside .menu-footer div:last-of-type {
    padding: 0 6vw 3.75vw;
}
aside i.demo-icon.icon-hh {
    opacity: 0.75;
    color: white;
    font-size: 35px;
}
aside .tel {
    display: block;
    padding: 0 0 0; 
    color: white;
    opacity: 0.5;
    font-weight: 600;
    font-size: calc(12px + (15 - 12) * ((100vw - 480px) / (1600 - 480)));
    font-family: "Muli";
    letter-spacing: 2px;
    margin:0 30px 0 0;
}

aside h5,
aside .h5 {
    font-weight: 600;
    font-size: calc(12px + (15 - 12) * ((100vw - 480px) / (1600 - 480)));
    opacity: 0.5;
    margin: 0 0 15px 0;
}

aside address {
    color: white;
    font-size: calc(15px + (24 - 15) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.5;
}
aside .side-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
aside ul.social li a {
    font-size: 28px;
    margin: 0 30px 0 0;
    opacity: 0.75;
    transition:color 0.35s ease, opacity 0.35s ease;
}

aside ul.social li a:hover,
aside ul.social li a:focus {
    opacity: 1;
    color:#d04934;
}
aside .menu-footer div:last-of-type {
    display: block;
}

aside .menu-footer div:last-of-type > div {
    padding: 0;
    width: 100%;
    margin: 0 0 10px;
}
ul.res-menu {
    width: 100%;
    padding: 0;
    margin: 0 0 30px 33px;
}

ul.res-menu li a {
    font-family: "Baskerville";
    font-weight: 400;
    margin: 0 0 5px;
    font-size: 14px;
    letter-spacing: 1px;
    transition: color 0.35s ease;
}
ul.res-menu li.selected a,
ul.res-menu li a:hover{
    color: #d04934;
    transition: color 0.35s ease;
}



/*-- grid --*/
.pad{
    padding: 3.75vw;
}
.pad-lr{
    /*padding:0 3.75vw;*/
    padding: 0 2.5vw;
}
.pad-more{
    padding:6.25vw;
}
.pad-lr-more{
    padding:3.75vw 6.25vw;
}
.pb-0,
.pb-0.pad-more,
.pb-0.pad,
.pb-0.pad-lr,
.pb-0.pad-lr-more{
    padding-bottom:0;
}
.pt-0,
.pt-0.pad-more,
.pt-0.pad,
.pt-0.pad-lr,
.pt-0.pad-lr-more{
    padding-top:0;
}
.mb-s {
    margin-bottom: 30px;
}

.mb-m {
    margin-bottom: 50px;
}

.mb-l {
    margin-bottom: 90px;
}
.flex-wrap{
    -js-display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction:row;
    flex-wrap: -webkit-wrap;
    flex-wrap: -moz-wrap;
    flex-wrap: -ms-wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width:100%;
}
.flex-wrap.reverse,
.flex.reverse{
    flex-direction:-webkit-row-reverse;
    flex-direction:-moz-row-reverse;
     -ms-flex-direction: row-reverse;
    flex-direction:-ms-row-reverse;
    flex-direction:row-reverse;
}
.flex-wrap.gutter {
   /* margin: 0 -24px; */
}
.flex-wrap .flex-wrap.gutter {
    margin: 0 -24px;
}
.flex-wrap.gutter.pad{
    padding: 3.75vw 26px;
}
.flex-col,
.flex-wrap a.flex-col,
.box-overlay{
    -js-display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction:-webkit-column;
    flex-direction:-moz-column;
    flex-direction:-ms-column;
    -ms-flex-direction: column;
    flex-direction:column;
    justify-content:-webkit-center;
    justify-content:-moz-center;
     -ms-flex-pack: center;
    justify-content:-ms-center;
    justify-content:center;
}
.flex-col.align-bottom,
.flex-wrap a.flex-col.align-bottom,
.flex-wrap.align-right{
    justify-content:-webkit-flex-end;
    justify-content:-moz-flex-end;
    justify-content:-ms-flex-end;
    -ms-flex-pack: end;
    justify-content:flex-end;
}
.full{
    width:100%;
}
.gutter > .full{
    width:calc(100% - 48px);
    margin:0 24px;
}
.half,
.halfs > *{
    width:50%;
}
.gutter > .half,
.gutter.halfs > * {
    width: calc(50% - 48px);
    margin: 0 24px 48px;
}
.third,
.thirds > *,
.one-third{
    width:33.333%;
}
.gutter > .third,
.gutter > .one-third,
.gutter.thirds > * {
    width: calc(33.333% - 48px);
    margin: 0 24px 48px;
}
.two-thirds{
    width:66.666%;
}
.gutter > .two-thirds{
    width: calc(66.666% - 48px);
    margin: 0 24px 48px;
}
.fourth,
.fourths > *{
    width:25%;
}
.gutter > .fourth,
.fourths.gutter > * { 
    width: calc(25% - 48px);
    margin: 0 24px 48px;
}

.sixth,
.sixths > *{
    width:16.666%;
}
.gutter > .sixth,
.sixths.gutter > * { 
    width: calc(16.666% - 24px);
    margin: 0 12px 60px;
}
.text-center{
    text-align:center;
}
.m-100{
    margin-top:100px;
    margin-bottom:100px;
}
.mt-100{
    margin-top:100px;
}
.mb-100{
    margin-bottom:100px;
}
.m-50{
    margin-top:50px;
    margin-bottom:50px;
}
.mt-50{
    margin-top:50px;
}
.mb-50{
    margin-bottom:50px;
}




/* -- parallax --*/

.parallax{
    overflow: hidden;
    position:relative;
}
.bg-img.is-parallax{
    height: 250%;
    will-change: transform;
    top: -150%;
    z-index: 0;
}
/*-- reaveals --*/
[data-anim="fade-reveal"]{
    transition: opacity 0.5s cubic-bezier(0.34,0.615,0.4,0.985) .3s;
    opacity:0;
}
[data-anim="fade-reveal"][in-view="true"]{
    opacity:1;
}
.callout[data-anim="true"]{
    overflow:hidden;
}
.flex-wrap .img-block[data-anim="true"],
.inline-image .flex-wrap .img-block[data-anim="true"] figure{
    overflow: hidden;
    transform: scaleX(0);
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .25s;
}
.inline-image .flex-wrap .img-block[data-anim="true"]{
   /*  transform: scaleX(1); */
}
.inline-image .flex-wrap .img-block[data-anim="true"]:nth-child(2) figure,
.img-blocks.flex-wrap .img-block[data-anim="true"]:nth-child(2),
.img-blocks .flex-wrap .img-block[data-anim="true"]:nth-child(2){
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .3s;
}
.inline-image .flex-wrap .img-block[data-anim="true"]:nth-child(3) figure,
.img-blocks.flex-wrap .img-block[data-anim="true"]:nth-child(3),
.img-blocks .flex-wrap .img-block[data-anim="true"]:nth-child(3){
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .35s;
}
.inline-image .flex-wrap .img-block[data-anim="true"]:nth-child(4) figure,
.img-blocks.flex-wrap .img-block[data-anim="true"]:nth-child(4),
.img-blocks .flex-wrap .img-block[data-anim="true"]:nth-child(4){
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .4s;
}
.inline-image .flex-wrap .img-block[data-anim="true"]:nth-child(5) figure,
.img-blocks.flex-wrap .img-block[data-anim="true"]:nth-child(5),
.img-blocks .flex-wrap .img-block[data-anim="true"]:nth-child(5){
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .45s;
}
.inline-image .flex-wrap .img-block[data-anim="true"]:nth-child(6) figure,
.img-blocks.flex-wrap .img-block[data-anim="true"]:nth-child(6),
.img-blocks .flex-wrap .img-block[data-anim="true"]:nth-child(6){
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .5s;
}
.inline-image .flex-wrap .img-block[data-anim="true"]:nth-child(7) figure,
.img-blocks.flex-wrap .img-block[data-anim="true"]:nth-child(7),
.img-blocks .flex-wrap .img-block[data-anim="true"]:nth-child(7){
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .6s;
}
.inline-image .flex-wrap .img-block[data-anim="true"]:nth-child(8) figure,
.img-blocks.flex-wrap .img-block[data-anim="true"]:nth-child(8),
.img-blocks .flex-wrap .img-block[data-anim="true"]:nth-child(8){
    transition: transform .7s cubic-bezier(0.565, 0.43, 0.24, 0.92) .65s;
}
.flex-wrap .img-block[data-anim="true"][in-view="true"],
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"] figure{
    transform: scaleX(1);
}
.inline-image .flex-wrap .img-block[data-anim="true"] figure{
    overflow:hidden;
}
.inline-image .flex-wrap .img-block[data-anim="true"] figure img,
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"]:hover figure img,
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"]:focus figure img,
.flex-wrap .slider.inline[data-anim="true"] .bg-img,
.flex-wrap .img-block[data-anim="true"] .bg-img,
.home-slider[data-anim="true"] .bg-img,
.callout .bg-img[data-anim="true"],
.hero .bg-img[data-anim="true"]{
    transform: scale(1.2);
    transition: transform 1.3s cubic-bezier(0.34,0.615,0.4,0.985) .3s;
}
.home-slider[data-anim="true"] .text{
    opacity:0;
}
.home-slider[data-anim="true"][in-view="true"] .text{
    opacity:1;
}

.flex-wrap .img-block[data-anim="true"][in-view="true"] .bg-img,
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"] figure img,
.callout .bg-img[data-anim="true"][in-view="true"],
.hero .bg-img[data-anim="true"][in-view="true"],
.home-slider[data-anim="true"][in-view="true"] .bg-img,
.flex-wrap .slider.inline[data-anim="true"][in-view="true"] .bg-img{
    transform: scale(1);
    transform-origin: center center;
}
.bg-grey[data-anim="true"],
.inline-image .flex-wrap .img-block[data-anim="true"] figure{
    position:relative;
}
.bg-grey[data-anim="true"]::before,
.flex-wrap .img-block[data-anim="true"]::before,
.inline-image .flex-wrap .img-block[data-anim="true"] figure::before,
/*.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"]:hover figure::before,*/
.flex-wrap .slider.inline[data-anim="true"]::before {
    content: "";
    opacity: 1;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 1;
    background: #a23c2d;
    background: #6b692c;
    background:#3f3632;
        transform: scaleX(1);
    transition: transform .6s cubic-bezier(0.7,0.085,0.79,0.415);
}
/*
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"] figure::before,
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"]:hover figure::before{
    background: rgb(63 54 50 / 85%); 
}
*/
.bg-grey[data-anim="true"]::before {
    background:white;
}
.flex-wrap.reverse .img-block[data-anim="true"],
.flex-wrap .img-block[data-anim="true"]::before,
.inline-image .flex-wrap .img-block[data-anim="true"] figure::before,
.inline-image .flex-wrap .img-block[data-anim="true"] figure{
    transform-origin: left center;
}
.flex-wrap .img-block[data-anim="true"],
.flex-wrap.reverse  .img-block[data-anim="true"]::before,
.bg-grey[data-anim="true"]::before,
.flex-wrap .slider.inline[data-anim="true"]::before {
    transform-origin: right center;
}
.flex-wrap .img-block[data-anim="true"][in-view="true"]::before,
.flex-wrap .slider.inline[data-anim="true"][in-view="true"]::before,
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"] figure::before{
    transform: scaleX(0);
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .45s;
}

.inline-image .flex-wrap .img-block::before,
.inline-image .flex-wrap .img-block[data-anim="true"][in-view="true"]::before{
    display: none;
}

.bg-grey[data-anim="true"][in-view="true"]::before {
    transform: scaleX(0);
    transition: transform .4s cubic-bezier(0.565,0.43,0.24,0.92);
}

.img-blocks.flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(2)::before,
.img-blocks .flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(2)::before{
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .5s;
}
.img-blocks.flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(3)::before,
.img-blocks .flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(3)::before{
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .55s;
}
.img-blocks.flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(4)::before,
.img-blocks .flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(4)::before{
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .6s;
}
.img-blocks.flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(5)::before,
.img-blocks .flex-wrap .img-block[data-anim="true"][in-view="true"]:nth-child(5)::before{
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .65s;
}
.top-right-border[data-anim="true"]::before,
.top-left-border[data-anim="true"]::before{   
    transform: scaleX(0);
    opacity:0; 
    transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985),transform .8s cubic-bezier(0.34,0.615,0.4,0.985);
}
.top-right-border[data-anim="true"]::after,
.top-left-border[data-anim="true"]::after{
    opacity:0;   
    transform: scaleY(0);
    transition: opacity .8s cubic-bezier(0.34,0.615,0.4,0.985),transform .8s cubic-bezier(0.34,0.615,0.4,0.985);
}
.top-right-border[data-anim="true"]::before{
    transform-origin: right center;
}
.top-left-border[data-anim="true"]::before{
    transform-origin: left center;
}
.top-right-border[data-anim="true"]::after,
.top-left-border[data-anim="true"]::after{
    transform-origin: top center;
}
.top-right-border[data-anim="true"][in-view="true"]::before,
.top-left-border[data-anim="true"][in-view="true"]::before{
    transform: scaleX(1);
    opacity:1;
}
.top-right-border[data-anim="true"][in-view="true"]::after,
.top-left-border[data-anim="true"][in-view="true"]::after{
    opacity:1;
    transform: scaleY(1);
}
.carousel[data-anim="true"] .carousel-cell .bg-img,
.flickr-carousel[data-anim="true"] .carousel-cell .bg-img,
.main-carousel[data-anim="true"] .carousel-cell .bg-img{
    opacity:0;
    transform: translateY(40px);
    transition: transform .72s cubic-bezier(0.76,0.09,0.215,1),opacity .72s cubic-bezier(0.76,0.09,0.215,1);
}
.carousel[data-anim="true"][in-view="true"] .carousel-cell .bg-img,
.flickr-carousel[data-anim="true"][in-view="true"] .carousel-cell .bg-img,
.main-carousel[data-anim="true"][in-view="true"] .carousel-cell .bg-img{
    opacity:1;
    transform:translateY(0);
    transition:0.35s ease;
}
.carousel[data-anim="true"][in-view="true"] .carousel-cell:nth-of-type(2) .bg-img,
.flickr-carousel[data-anim="true"][in-view="true"] .carousel-cell:nth-of-type(2) .bg-img
.main-carousel[data-anim="true"][in-view="true"] .carousel-cell:nth-of-type(2) .bg-img{
    transition-delay: .3s;
}
.carousel[data-anim="true"][in-view="true"] .carousel-cell:nth-of-type(3) .bg-img,
.flickr-carousel[data-anim="true"][in-view="true"] .carousel-cell:nth-of-type(3) .bg-img,
.main-carousel[data-anim="true"][in-view="true"] .carousel-cell:nth-of-type(3) .bg-img{
    transition-delay: .45s;
}
.pad[data-anim="true"] > *, 
.pad-more[data-anim="true"] > *{
    opacity:0;
    transform:translateY(40px);
    transition:opacity .6s cubic-bezier(0.65,0.025,0.67,0.36),transform .6s cubic-bezier(0.65,0.025,0.67,0.36);
}
nav ul li,
.fade-children[data-anim="true"] > *{
    opacity:0;
    transition:opacity .6s cubic-bezier(0.65,0.025,0.67,0.36);
}
.pad[data-anim="true"][in-view="true"] > *,
.pad-more[data-anim="true"][in-view="true"] > *{
    opacity:1;
    transform:translateY(0);
    transition:opacity .8s cubic-bezier(0.34,0.615,0.4,0.985),transform .8s cubic-bezier(0.34,0.615,0.4,0.985);
}
nav[data-anim="true"][in-view="true"] ul li,
.fade-children[data-anim="true"][in-view="true"] > *{
    opacity:1;
    transition:opacity .8s cubic-bezier(0.34,0.615,0.4,0.985);
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(2),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(2),
nav[data-anim="true"][in-view="true"] ul li,
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(2){
    transition-delay: .25s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(3),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(3),
nav[data-anim="true"][in-view="true"] ul li:nth-child(3),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(3){
    transition-delay: .325s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(4),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(4),
nav[data-anim="true"][in-view="true"] ul li:nth-child(4),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(4){
    transition-delay: .4s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(5),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(5),
nav[data-anim="true"][in-view="true"] ul li:nth-child(5),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(5){
    transition-delay: .475s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(6),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(6),
nav[data-anim="true"][in-view="true"] ul li:nth-child(6),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(6){
    transition-delay: .55s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(7),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(7),
nav[data-anim="true"][in-view="true"] ul li:nth-child(7),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(7){
    transition-delay: .625s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(8),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(8),
nav[data-anim="true"][in-view="true"] ul li:nth-child(8),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(8){
    transition-delay: .7s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(9),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(9),
nav[data-anim="true"][in-view="true"] ul li:nth-child(9),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(9){
    transition-delay: .775s;
}
.pad[data-anim="true"][in-view="true"] > *:nth-child(10),
.pad-more[data-anim="true"][in-view="true"] > *:nth-child(10),
nav[data-anim="true"][in-view="true"] ul li:nth-child(10),
.fade-children[data-anim="true"][in-view="true"] > *:nth-child(10){
    transition-delay: .85s;
}






/*-- callouts --*/
.callout {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #333333;
}
.box-overlay {
    position: relative;
    z-index: 1;
    min-height:30vw;
}
.callout .text {
    position: relative;
    z-index: 1;
    color:white;
}
.box-overlay .text,
.box-overlay h1,
.box-overlay h1 strong{
    color:white;
    text-align:center;
}
.box-overlay::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 10vw;
    bottom: 0px;
    left: 10vw;
    border: 5px solid #6b692c;
    z-index:-1;
}

.box-overlay::after {
    content: "";
    top: 8px;
    right: calc(10vw + 8px);
    bottom: 8px;
    left: calc(10vw + 8px);
    border: 2px solid #6b692c;
    position: absolute;
    display: block;
    z-index:-1;
}
span.red-plus {
    color: #d04934;
    display: block;
    font-weight: 700;
}
.box-overlay h1 strong {
    text-transform: lowercase;
    letter-spacing: 0;
    font-weight: 800;
    display: block;
    line-height: 1.0;
    font-size: calc(42px + (60 - 42) * ((100vw - 480px) / (1600 - 480)));
}
.box-overlay h1 {
    font-size: calc(48px + (76 - 48) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.05;
    text-shadow: 0 0 12px #000000;
}
.callout.text-center .box-overlay.half {
    margin: 0 auto;
}
.callout h3 {
    color: white;
}

.callout h3.text-center::after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #ba2d17;
    }

.callout h3.text-center {
    position: relative;
    display: inline-block;
    padding: 0 12px 8px;
}
.callout .btn {
    color: black;
    margin: 35px 0 0;
}
.callout .btn:hover,
.callout .btn:focus{
    color:white;
}
.box-overlay.pad.two-thirds {
    margin: 0 auto;
}

.box-overlay.two-thirds::before {
    right: 12vw;
    left: 12vw;
}

.box-overlay.two-thirds::after {
    right: calc(12vw + 8px);
    left: calc(12vw + 8px);
}

 



/*-- alternating image blocks --*/
.img-block{
    position:relative;
    min-height:400px;
}
.top-left-border::before {
    content: "";
    display: block;
    border: 1px solid;
    height: 2px;
    position: absolute;
    top: 6.25vw;
    right: 0;
    left: 3.75vw;
    z-index: 2;
    border-right: none;
}
.top-left-border::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    top: 6.25vw;
    bottom: 0px;
    left: 3.75vw;
    background: black;
}
.top-right-border::before {
    content: "";
    display: block;
    border: 1px solid;
    height: 2px;
    position: absolute;
    top: 6.25vw;
    left: 0;
    right: 3.75vw;
    z-index: 1;
    border-left: none;
}
.top-right-border::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    top: 6.25vw;
    bottom: 0px;
    right: 3.75vw;
    background: black;
}

[data-block="textImage"] + [data-block="fullWidthParagraph"] {
    padding-top: 0;
}
[data-block="textImage"] + .bg-grey[data-block="fullWidthParagraph"] {
    padding-top: 6.25vw;
}

/*-- home slider --*/
.home-slider .slider{
    z-index: 1;
    height:100vh;
}
.home-slider .carousel-cell {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
}
.home-slider .slider .text {
    /*max-width: 400px;*/
    margin: 0 0 0vw;
    position: relative;
    z-index: 1;
    
}
 
.home-slider .slider h1,
.home-slider .slider h1 strong{
    margin: 0;
    color: white;
}
.home-slider .slider h1 strong{
    font-weight: 300;
}

.home-slider .slider h1 {
    margin: 10px 0;
    font-weight:300;
        text-shadow: 0px 0px 5px black;
}
.home-slider .slider .text {
    opacity: 0;
    transition: opacity 0.35s 0.5s ease;
}
.home-slider .slider .is-selected .text {
    opacity: 1;
    transition: opacity 0.35s 0.5s ease;
}
.slider.inline .bg-img::before{
    content:'';
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 79%, rgba(0,0,0,0.35) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 79%,rgba(0,0,0,0.35) 100%);
    background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 79%,rgba(0,0,0,0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=1 );

}
.slider.inline ol.flickity-page-dots {
    text-align: right;
    bottom: 0;
    padding: 20px;
}

.home-donkey{
    display:block;
    font-size:40px;
    margin: 30px 0 20px;
    color:#a23c2d;
    color:#d04934;
} 
.home-slider .flickity-button {
    background: transparent;
    outline: none;
    margin: 0 0 0 auto;
    position: static;
    border-radius: 0;
    padding: 0;
} 
.home-slider .flickity-button[disabled] {
    opacity: 0;
}
.home-slider .flickity-button.previous {
    margin: 0 15px 0 auto;
}

.home-slider .flickity-button.next {
    margin: 0 auto 0 15px;
}

.home-slider {
    text-align: center;
}
.home-slider .carousel-cell .text{
    text-align: left;
}
.home-slider svg path {
    fill: #c0c0c0;
    transition: 0.35s ease;
}

.home-slider button:hover svg path,
.home-slider button:focus svg path {
    fill: #888888;
}

.home-slider .flickity-button {
    transform: translateY(-6.75vw);
}
.home-slider .bg-img::before, 
.hero .bg-img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.35) 40%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.35) 40%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );

    }

    
.home-slider .bg-img::after, 
.hero .bg-img::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        background: -moz-linear-gradient(15deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.32) 34%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(15deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.32) 34%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 100%);
background: linear-gradient(15deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.32) 34%,rgba(0,0,0,0) 55%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );

    }

    ol.flickity-page-dots {
    bottom: 4vw;
    text-align: left;
    padding: 0 6.25vw;
    margin: 0;
}
.slider .flickity-prev-next-button {
    border-radius: 0;
    background: transparent;
    transform: none;
    top: initial;
    bottom: -50px;
}
.slider .flickity-prev-next-button .flickity-button-icon path.arrow{
     transition: 0.35s ease;
}
.slider .flickity-prev-next-button:hover .flickity-button-icon path.arrow,
.slider .flickity-prev-next-button:focus .flickity-button-icon path.arrow {
    color: #d04934;
}

.slider .flickity-prev-next-button.previous {
    left: calc(50% - 50px);
}

.slider .flickity-prev-next-button.next {
    left: initial;
    right: calc(50% - 50px);
}

.slider button.flickity-button.flickity-prev-next-button {
    outline: none;
}


.flickity-page-dots .dot {
    background: white;
    width: 8px;
    height: 8px;
    background: transparent;
    border: 1px solid white;
    margin: 0 14px;
    opacity: 1;
    opacity: 0.5;
}

.flickity-page-dots .dot.is-selected {
    background: white;
    opacity: 0.75;
}

.slider .carousel-cell .text {
    margin: 0 0 2vw;
}

.flickity-page-dots .dot:hover,
.flickity-page-dots .dot:focus {
    opacity: 1;
}

.flickity-page-dots .dot:first-of-type {
    margin-left: 0;
}

/*-- CAROUSEL --*/
.carousel,
.main-carousel,
.flickr-carousel{
    height:calc(45vw + 80px);
}
.img-slider{
    height: calc(55vw + 80px);
}

.carousel .carousel-cell,
.flickr-carousel .carousel-cell,
.img-slider .carousel-cell,
.main-carousel .carousel-cell {
    position: relative;
    height: 40vw;
    margin: 0 5px 0;
    transition: height 0.35s 0.5s ease;
    overflow:hidden;
    width: 40vw;
    /*transform: translateY(-50%);
    top: 50%;*/
    top:0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.img-slider .carousel-cell{
    width:65vw;
    height: 45vw;
}
.carousel .carousel-cell.is-selected,
.carousel .flickity-slider, 
.carousel .flickity-viewport ,
.flickr-carousel .carousel-cell.is-selected,
.flickr-carousel .flickity-slider, 
.flickr-carousel .flickity-viewport,
.main-carousel .carousel-cell.is-selected,
.main-carousel .flickity-slider, 
.main-carousel .flickity-viewport {
    height: 45vw;
}
.bg-brown.carousel,
.flickr-carousel.bg-brown {
    padding: 6vw 0 0 0;
    height: calc(51vw + 80px);
}

.carousel .flickity-button,
.flickr-carousel .flickity-button,
.main-carousel .flickity-button {
    transform: translateY(20px);
}
.carousel .carousel-cell .text,
.flickr-carousel .carousel-cell .text,
.main-carousel .carousel-cell .text {
    position: relative;
    z-index: 1;
    padding: 20px;
    opacity:0;
    transition: opacity 0.35s 0.5s ease;
}
.carousel svg path,
.flickr-carousel svg path,
.main-carousel svg path,
.testimonials svg path {
    fill: #c0c0c0;
    transition: 0.35s ease;
}
.carousel button:hover svg path,
.flickr-carousel button:hover svg path,
.main-carousel button:hover svg path,
.carousel button:focus svg path,
.flickr-carousel button:focus svg path,
.main-carousel button:focus svg path,
.testimonials button:hover svg path,
.testimonials button:focus svg path {
    fill: #888888;
}
.carousel .carousel-cell.is-selected .text,
.flickr-carousel .carousel-cell.is-selected .text,
.main-carousel .carousel-cell.is-selected .text{
    opacity:1;
}
.carousel h3,
.flickr-carousel h3  {
    color: #beb298;
    margin:0 0 15px;
}
.carousel .carousel-cell .bg-img,
.flickr-carousel .carousel-cell .bg-img,
.main-carousel .carousel-cell .bg-img{
    width: 120%;
    margin: 0 0 0 -10%;
}
.carousel h2, 
.carousel h2 strong,
.flickr-carousel h2, 
.flickr-carousel h2 strong {
    color: white;
}
.main-carousel .flickity-button,
.carousel .flickity-button,
.flickr-carousel .flickity-button,
.testimonials .flickity-button {
    background: transparent;
    outline: none;
    margin: 0 0 0 auto;
    position: static;
    border-radius: 0;
    padding: 0;
}
.flickity-prev-next-button .flickity-button-icon {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    top: initial;
    left: initial;
}
.carousel .flickity-button.previous,
.flickr-carousel .flickity-button.previous,
.main-carousel .flickity-button.previous,
.testimonials .flickity-button.previous {
    margin: 0 15px 0 auto;
}
.carousel .flickity-button.next,
.flickr-carousel .flickity-button.next,
.main-carousel .flickity-button.next,
.testimonials .flickity-button.next {
    margin: 0 auto 0 15px;
}
.carousel,
.flickr-carousel,
.main-carousel,
.testimonials {
    text-align: center;
}
.carousel .carousel-cell .text,
.flickr-carousel .carousel-cell .text{
    text-align: left;
}
.carousel .carousel-cell .bg-img::before, 
.flickr-carousel .carousel-cell .bg-img::before {
    opacity:0;
    transition: 0.35s ease;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.carousel .carousel-cell.is-selected .bg-img::before,
.flickr-carousel .carousel-cell.is-selected .bg-img::before{
    opacity: 1;
}
.carousel.img-only .carousel-cell .bg-img::before,
.flickr-carousel.img-only .carousel-cell .bg-img::before{
    display:none;
}

/*-- hero --*/
.hero {
    height: 80vh;
    min-height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}
.hero.sub {
    height: auto;
    min-height: 260px;
}
.hero .text {
    position: relative;
    z-index: 1;
}
.hero h1, .hero h1 strong {
    color: white;
}

.hero h3 {
    color: white;
}
.hero h3::after {
    content: "";
    width: 60px;
    height: 2px;
    background: #d04934;
    display: block;
    margin: 8px 0 0 0;
}
.top-left-border a.email {
    font-size: calc(16px + (22 - 16) * ((100vw - 480px) / (1600 - 480)));
    margin: 0 0 40px;
    display: block;
}

 

/*-- footer --*/
footer .flex-wrap {
    border: 1px solid #9d9d9d;
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer .links a {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Lato";
    font-weight: 700;
    display: block;
    color: white;
    font-size: calc(13px + (17 - 13) * ((100vw - 1024px) / (1600 - 1024)));
    transition: color 0.35s ease;
}
footer .links a:hover,
footer a.tel:hover,
footer a.email:hover,
footer .links a:focus,
footer a.tel:focus,
footer a.email:focus{
    color:#d04934;
}
footer .flex-wrap > div {
    padding: 3.75vw;
}

footer .links li {
    margin: 0 0 22px;
}
footer img {
    max-width: 150px;
    margin: 7vw auto 0;
}
footer input[type="email"],
footer input[type="text"] {
    border: 1px solid #9d9d9d;
    background-color: #3f3532;
    display: block;
    color: #9d9d9d;
    color:#A0A0A0;
    font-family: "Lato";
    padding: 10px 15px;
    width: 100%;
    margin: 0 0 15px;
    font-size: calc(12px + (22 - 12) * ((100vw - 1024px) / (1600 - 1024)));
    outline:none;
}
footer input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#A0A0A0;
}
footer input::-moz-placeholder { /* Firefox 19+ */
  color:#A0A0A0;
}
footer input:-ms-input-placeholder { /* IE 10+ */
  color: #A0A0A0;
}
footer input:-moz-placeholder { /* Firefox 18- */
  color: #A0A0A0;
}
button {
    border: none;
    outline: none;
}

footer h5, footer .h5 {
    margin: 0 0 18px 0;
    font-size: calc(16px + (22 - 16) * ((100vw - 1024px) / (1600 - 1024)));
}
footer .social a,
ul.social a {
    color: #c3c2bf;
    font-size: 30px;
    display: block;
    margin: 0 25px 0 0;
    transition: color 0.35s ease;
}
footer .social a:hover,
ul.social a:hover,
footer .social a:focus,
ul.social a:focus{
    color:#d04934;
}
footer .social ul,
ul.social {
    display: flex;
    list-style:none;
}
footer .social {
    margin: 40px 0 0px 0;
}
footer button.btn {
    padding: 10px 25px;
    font-size: 14px;
    line-height: 14px;
    float: right;
}
footer button.btn::after {
    top: 4px;
    left: 4px;
}
footer .links,
footer .connect {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
footer .links .owners-login .demo-icon {
    color: #eedfbf;
    margin: 0 0 0 5px;
    transition: color 0.35s ease;
}
footer .links .owners-login a:hover .demo-icon,
footer .links .owners-login a:focus .demo-icon{
    color:#d04934;
}
footer .flex-wrap > div.links {
    border-right: 1px solid #9d9d9d;
}
footer .links ul {
    margin:0 0 0px;
}
footer .links a.owners-login {
    padding: 30px 3.75vw;
    border-top: 1px solid #9d9d9d;
}
footer .contact {
    text-align: center;
}
footer .contact .divider {
    margin: 40px auto;
    opacity:0.25;
}
footer .contact a, 
footer .contact address {
    color: white;
    display: block;
    transition: color 0.35s ease;
}
footer .contact {
    border-left: 1px solid #9d9d9d;
}
footer a.tel {
   /* font-family: "Lato"; */
   /* font-weight: 500;*/
    margin: 0 0 10px 0;
    /*font-size: calc(16px + (28 - 16) * ((100vw - 1024px) / (1600 - 1024)));*/
}
footer a.email {
    font-size: calc(15px + (24 - 15) * ((100vw - 1024px) / (1600 - 1024)));
}
footer address {
    font-style: normal;
    font-size: calc(15px + (20 - 15) * ((100vw - 1024px) / (1600 - 1024)));
    font-family: "Lato";
    margin: 0 0 40px 0;
    line-height: 1.65;
}
footer form .flex-wrap {
    border: none;
    margin:0 0 5px;
}
footer form .flex-wrap .half:nth-of-type(odd) {
    padding: 0 10px 0 0;
}
footer form .flex-wrap .half:nth-of-type(even) {
    padding: 0 0 0 10px;
}
footer form p {
    color: #c9c3b5;
    margin: 40px 0 20px 0;
    font-size: calc(14px + (20 - 14) * ((100vw - 1024px) / (1600 - 1024)));
}
footer input[type="checkbox"] {
    margin: 0 0 0px 0;
}
footer .checkbox-group span {
    color: #e1e1e1;
    font-family: "Lato";
    font-size: calc(13px + (15 - 13) * ((100vw - 1024px) / (1600 - 1024)));
    display:block;
    margin:0 0 0 8px;
}
.checkbox-group{
    flex-wrap: wrap;
}
.checkbox-group,
footer .checkbox-group div {
    -js-display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
footer .checkbox-group div{
    margin:0 40px 20px 0;
}
input[type='checkbox'],
.checkbox input[type='checkbox']{
    cursor:pointer;
    background: #fff;
    width: 22px;
    height: 22px;
    position: relative;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: 1px solid #999999;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -ms-transition: 0.35s ease;
    transition: 0.35s ease;
}
footer input[type='checkbox'],
footer .checkbox input[type='checkbox']{
    border: 1px solid #9d9d9d;
    background:transparent;
}
input[type='checkbox']:focus,
.checkbox input[type='checkbox']:focus{
    outline:none;
}
input[type='checkbox']:checked,
.checkbox input[type='checkbox']:checked{
    -webkit-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -ms-transition: 0.35s ease;
    transition: 0.35s ease;
    display: inline-block;
    box-shadow: none;
    outline: none;
}
input[type='checkbox']:after,
.checkbox input[type='checkbox']:after{
    content: '\E809';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-family: "" display: block;
    background-color: transparent;
    color: #d04934;
    opacity: 0;
    font-size: 24px;
    line-height: 24px;
    border-radius: 0;
    margin: 0;
    position: absolute;
    top: -4px;
    left: 2px;
    padding: 0px 0 0 0;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -ms-transition: 0.35s ease;
    transition: 0.35s ease;
}
input[type='checkbox']:checked:after,
.checkbox input[type='checkbox']:checked:after{
    opacity:1;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -ms-transition: 0.35s ease;
    transition: 0.35s ease;
}
footer .connect {
    width: 45%;
}

footer .links{
    width:25%;
} 
footer .contact {
    width: 30%;
}
footer .legal-links a {
    display: block;
    font-family: "Lato";
    font-size: calc(13px + (15 - 13) * ((100vw - 480px) / (1600 - 480)));
    color: #a8a4a1;
}
footer .legal-links p {
    color: #a8a4a1;
    font-family: "Lato";
    font-size: 12px;
}
footer .legal-links, 
footer .legal-links ul {
    display: flex;
    flex-direction: row;
    padding: 0;
    list-style: none;
    align-items: center;
}
footer .legal-links{
    justify-content: space-between;
}
footer .legal-links ul {
    margin:0;
}
footer .legal-links ul li{
    margin: 35px 30px 0;
}
footer .legal-links p {
    margin: 35px 30px 0 60px;
    color: #817b75;
    color:#a7a19b;
}
footer .links .social ul li{
    margin:0;
}

  



footer .freeform-column label {
    color: #c9c3b5;
    margin: 40px 0 20px 0;
    font-size: calc(18px + (20 - 18) * ((100vw - 1024px) / (1600 - 1024)));
}
footer .freeform-row .freeform-column .freeform-label {
    font-weight: normal;
}
footer .freeform-row .freeform-column .input-group-one-line label {
    color: #e1e1e1;
    font-family: "Lato";
        font-family: "Baskerville";
        font-style: italic;
        font-size: calc(18px + (22 - 22) * ((100vw - 1024px) / (1600 - 1024)));
    margin: 0 30px 10px 0px;
    padding:0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
footer .freeform-row .freeform-column label .freeform-input[type=checkbox] {
    border: 1px solid #9d9d9d;
    background: transparent;
    display:block;
    cursor: pointer;
    width: 22px;
    height: 22px;
    position: relative;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -ms-transition: 0.35s ease;
    transition: 0.35s ease;
    float: left;
}
footer .freeform-form-has-errors>p,
footer .freeform-form-has-errors,
footer .freeform-form-has-success,
footer .freeform-row .freeform-column .freeform-errors>li  {
    color: #e1e1e1;
    font-family: "Lato";
    font-size: calc(13px + (15 - 13) * ((100vw - 1024px) / (1600 - 1024)));
}
footer .freeform-form-has-errors,
footer .freeform-form-has-success {
    padding: 15px;
    border: 0px solid #f5c6cb;
    background: #000;
    border-radius: 5px;

}
footer .freeform-row .freeform-column .freeform-label.freeform-required:after{
    display:none;
}
footer .input-group-one-line {
    margin: 20px 0 0;
}

footer .freeform-row .freeform-column .freeform-input {
    margin: 0;
    font-family: "Baskerville";
    font-style: italic;
}

.map-feature {
    position: relative;
}

.map-feature::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #9d9d9d;
}

.map-feature {
    margin-top: 3.75vw;
}

.map-feature svg {
    width: 60px;
    margin: 0 auto;
}

.map-feature .text.pad-box {
    z-index: 1;
    position: relative;
    text-align: center;
    padding: 3.75vw;
}

.map-feature .text.pad-box h2{
    color: white;
    font-weight: 800;
    font-style: normal;
    font-family: "Lato";
}

.map-feature .text.pad-box h2 em {
    color: white;
    display: block;
    font-weight: 400;
}

.map-feature a.btn {
    border: none;
    padding: 0;
    background: transparent;
    font-family: "Lato";
    font-style: normal;
    font-size: 14px;
    color: #d04934;
    color:#febe97;
}

.map-feature a.btn::before, .map-feature a.btn::after {
    display: none;
}

.map-feature .bg-img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(62 54 51 / 55%);
    z-index: 1;
}

.map-feature .bg-img {
     transform: scale(1.05);
     transition: 0.5s cubic-bezier(0.34,0.615,0.4,0.985);
}

.map-feature {
    margin-left: -3.75vw;
    margin-bottom: -3.75vw;
    margin-right: -3.75vw;
}

.hover-scale {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    width: auto;
    height: auto;
    overflow: hidden;
}
.map-feature:focus .bg-img, 
.map-feature:hover .bg-img {
    transform: scale(1);
    transition:0.5s cubic-bezier(0.34,0.615,0.4,0.985);
}

@media only screen and (max-width: 1024px){
    .map-feature .text.pad-box{
        padding: 40px;
    }
}

@media only screen and (max-width: 700px){
    .map-feature {
        margin-left: -30px;
        margin-bottom: -40px;
        margin-right: -30px;
    }
}

aside nav > ul li a.toggle {

    transition: color 0.35s ease;
}

aside nav > ul li a.toggle:hover {
    color: #bb5e45;
    transition: color 0.35s ease;
}






/*-- contact --*/


p + .contact-entry {
    margin: 50px 0 0;
}

.contact-entry {
    border: 1px solid #000000;
    padding: 35px 30px;
    position: relative;
}

.contact-entry h4 {
    margin: 0 0 20px;
}

.contact-entry p a {
    margin: 15px 0 0;
    font-size: calc(16px + (20 - 16) * ((100vw - 480px) / (1600 - 480)));
}

.contact-entry::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000000;
    left: 0;
    right: 0;
    top: 3px;
 }


.contact-entry h2 {
    font-style: normal;
}

.contact-entry p {
    margin: 0;
}

.contact-entry p em {
    color: #717171;
}

.contact-entry i.demo-icon.icon-mail {
    margin: 0 3px 0 0;
    font-size: 75%;
}



/*-- reservations form --*/
    .reservations-form input[type="text"], 
    .reservations-form input[type="email"], 
    .reservations-form input[type="number"], 
    .reservations-form textarea,
    .reservations-form select{
        padding: 12px 20px;
        display: block;
        border: 1px solid;
        border-bottom: 4px double black;
        outline:none;
        transition:0.35s ease;
        font-style:italic;
            font-size: 20px;
    }
 
    .reservations-form select{
        appearance:none;
        -webkit-appearance:none;
        padding: 12px 55px 12px 20px;
        background-image: url(/assets/images/down-arrow.svg);
        background-position: right center;
        background-size: 45px;
        background-repeat: no-repeat;
    }
    .reservations-form ul.freeform-pages{
        display:none;
    }
    .reservations-form  .freeform-row .freeform-column .freeform-label {
        font-weight: 400;
        margin: 0 0 5px 0;
    }
    button[data-signature-clear] {
        background: transparent;
        border: none;
        padding: 0;
        text-decoration: underline;
        font-style: italic;
        margin: 0 0 0 0;
    }
    .freeform-signature-wrapper canvas#form-input-signatureOfAuthorizedContactPerson {
        border: 1px solid black !important;
        border-bottom: 4px double black !important;
        width:100%;
    }
    .reservations-form .freeform-row .freeform-column .freeform-instructions {
        color: black;
        font-style: italic;
        margin: 0 0 8px 0;
    }

    .reservations-form .freeform-row .freeform-column label.freeform-label.freeform-required {
        margin: 0 0 0;
    }
    .reservations-form .flatpickr-months .flatpickr-prev-month:hover svg, 
    .reservations-form .flatpickr-months .flatpickr-next-month:hover svg,
    .reservations-form .flatpickr-months .flatpickr-prev-month:focus svg, 
    .reservations-form .flatpickr-months .flatpickr-next-month:focus svg{
        fill: #d04934;
    }
    .reservations-form .flatpickr-day.selected, 
    .reservations-form .flatpickr-day.startRange, 
    .reservations-form .flatpickr-day.endRange, 
    .reservations-form .flatpickr-day.selected.inRange, 
    .reservations-form .flatpickr-day.startRange.inRange, 
    .reservations-form .flatpickr-day.endRange.inRange, 
    .reservations-form .flatpickr-day.selected:focus, 
    .reservations-form .flatpickr-day.startRange:focus, 
    .reservations-form .flatpickr-day.endRange:focus, 
    .reservations-form .flatpickr-day.selected:hover, 
    .reservations-form .flatpickr-day.startRange:hover, 
    .reservations-form .flatpickr-day.endRange:hover, 
    .reservations-form .flatpickr-day.selected.prevMonthDay, 
    .reservations-form .flatpickr-day.startRange.prevMonthDay, 
    .reservations-form .flatpickr-day.endRange.prevMonthDay, 
    .reservations-form .flatpickr-day.selected.nextMonthDay, 
    .reservations-form .flatpickr-day.startRange.nextMonthDay, 
    .reservations-form .flatpickr-day.endRange.nextMonthDay{
        background:#d04934;
    }
    .reservations-form .freeform-row .freeform-column .freeform-label.freeform-required:after,
    .reservations-form .freeform-form-has-errors,
    .reservations-form .freeform-row .freeform-column .freeform-errors>li, 
    .reservations-form .freeform-row .freeform-column .ff-errors>li,
    .reservations-form .reservations-form .freeform-row .freeform-column .freeform-label.freeform-required:after {
        color: #d04934;
    }
    .reservations-form .freeform-row .freeform-column .freeform-input[type="radio"]::after {
        content: '';
        display: block;
        position: absolute;
        background-color: white;
        top: 3px;
        left: 3px;
        width: 19px;
        height: 19px;
        border-radius: 50%;
        -webkit-transition: 0.35s ease;
        -moz-transition: 0.35s ease;
        -ms-transition: 0.35s ease;
        transition: 0.35s ease;
    }
.reservations-form .freeform-row .freeform-column .freeform-input[type="radio"]:checked::after {
        content: '';
        background-color: #d04934;
        -webkit-transition: 0.35s ease;
        -moz-transition: 0.35s ease;
        -ms-transition: 0.35s ease;
        transition: 0.35s ease;
}
.reservations-form .freeform-row .freeform-column .freeform-input[type="radio"]{
        background: #fff;
        width: 27px;
        height: 27px;
        position: relative;
        border-radius: 50%;
        display: inline-block;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        border: 1px solid #000000;
        -webkit-transition: 0.35s ease;
        -moz-transition: 0.35s ease;
        -ms-transition: 0.35s ease;
        transition: 0.35s ease;
        outline: none;
}
.reservations-form .freeform-row .freeform-column .freeform-input[type="radio"]:checked{
    -webkit-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -ms-transition: 0.35s ease;
    transition: 0.35s ease;
 
    box-shadow: none;
    outline: none;
}

.reservations-form .freeform-row .freeform-column .freeform-label {
    /*font-family: "Muli";*/
    text-transform: uppercase;
    /*font-weight: 700;*/
    letter-spacing: 1px;
    /*font-size: 12px;
    line-height: 1.0;*/
    font-size: calc(18px + (22 - 18) * ((100vw - 1024px) / (1600 - 1024)));
    margin: 0 0 8px; 
        line-height: 1.35;
  }
  .reservations-form .freeform-row .freeform-column .input-group-one-line label {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.reservations-form .freeform-row .freeform-column .input-group-one-line label {
    margin: 0 15px 10px 0;
    font-style:italic;
        font-size: calc(20px + (22 - 20) * ((100vw - 1024px) / (1600 - 1024)));
}
.reservations-form input[type="text"]:focus, 
.reservations-form input[type="email"]:focus, 
.reservations-form input[type="number"]:focus{
    border-bottom-color: #d04934;
}

/*-- img blocks --*/
.img-blocks a.img-block .text {
    position: relative;
    z-index: 2;
    transform: translateY(36px);
    transition:transform 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}

.img-blocks a.half.img-block,
.img-blocks a.third.img-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: right;
    color: white;
}

.img-blocks a.half.img-block h2, 
.img-blocks a.half.img-block h2 strong,
.img-blocks a.third.img-block h2, 
.img-blocks a.third.img-block h2 strong {
    color: white;
}

.img-blocks a.half.img-block h2 strong,
.img-blocks a.third.img-block h2 strong {
    font-family: "Muli";
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 900;
 }

.img-blocks a.half.img-block .btn ,
.img-blocks a.third.img-block .btn {
    background: transparent;
    color: #d04934;
    font-family: "Muli";
    letter-spacing: 2px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin: 10px 0 0 0;
    padding: 0;
    opacity: 0;
    transition:opacity 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
}

.img-blocks a.half.img-block .btn::after, 
.img-blocks a.half.img-block .btn::before,
.img-blocks a.third.img-block .btn::after, 
.img-blocks a.third.img-block .btn::before {
    display: none;
}

.img-blocks a.half.img-block .btn .demo-icon,
.img-blocks a.third.img-block .btn .demo-icon {
    margin: 0 0 0 5px;
    font-size: 85%;
}

.img-blocks a.img-block:hover .text,
.img-blocks a.img-block:focus .text {
    transform: translateY(0);
}

.img-blocks a.img-block:hover .btn,
.img-blocks a.img-block:focus .btn {
    opacity: 1;
}

.img-blocks a.img-block .bg-img::before{
    content:'';
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.7;
    background: -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.42) 73%, rgba(0,0,0,0.85) 99%, rgba(0,0,0,0.85) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.42) 73%,rgba(0,0,0,0.85) 99%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.42) 73%,rgba(0,0,0,0.85) 99%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
     transition:opacity 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
}

.img-blocks a.img-block:hover .bg-img::before,
.img-blocks a.img-block:focus .bg-img::before{
    opacity:1;
}

.img-blocks .flex-wrap a.img-block[data-anim="true"][in-view="true"]:hover .bg-img,
.img-blocks .flex-wrap a.img-block[data-anim="true"][in-view="true"]:focus .bg-img{
    transform: scale(1.05);
    transition: transform 5s cubic-bezier(0.34,0.615,0.4,0.985) 0s;
}
.img-blocks .flex-wrap a.img-block[data-anim="true"][in-view="true"] .bg-img{
    transform: scale(1);
    transition: transform .45s ease 0s;
}
.img-blocks h3 {
    padding: 0 6.25vw 0;
    margin: 0 0 6.25vw 0vw;
}
@media only screen and (max-width:650px){
    .img-blocks h3 {
        margin: -10px 0 6.25vw 0vw;
    }
}
.top-left-border.img-blocks::before {
    left: 8.75vw;
}

.img-blocks.top-left-border::after {
    left:8.75vw;
}


.img-blocks.inline-image a.half.img-block, 
.img-blocks.inline-image a.third.img-block {
    display: block;
}
/*
.img-blocks.inline-image a.img-block .text::before {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    height: 2px;
    background: #d04934;
    position: absolute;
    transform: scaleX(0);
    opacity:0;
    transform-origin:left;
    transition: opacity .3s cubic-bezier(0.34,0.615,0.4,0.985) 0.35s,transform .3s cubic-bezier(0.34,0.615,0.4,0.985) 0.35s;
 }
.img-blocks.inline-image a.img-block:hover .text::before {
    opacity:1;
    transform:scale(1);
    transition: opacity .4s cubic-bezier(0.34,0.615,0.4,0.985) 0.35s,transform .4s cubic-bezier(0.34,0.615,0.4,0.985) 0.35s;
 
}
*/
.img-blocks.inline-image a.img-block .text {
    transform: none;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    background:white;
    margin:0 20px;
    transform: translateY(0%);
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .45s;
}
.img-blocks.inline-image a.img-block:hover .text {
    /*transform: translateY(-30%);
    transition: transform .6s cubic-bezier(0.565,0.43,0.24,0.92) .25s;*/
}

.img-blocks.inline-image a.half.img-block h2, 
.img-blocks.inline-image a.half.img-block h2 strong, 
.img-blocks.inline-image a.third.img-block h2, 
.img-blocks.inline-image a.third.img-block h2 strong {
    color: black;
}

.img-blocks a.half.img-block .btn, 
.img-blocks a.third.img-block .btn {
    opacity: 1;
}

.img-blocks.inline-image a.img-block:hover .text {
    /* background: #efefef; */
    /* transform: translateY(-100%); */
}

.img-blocks.inline-image a.half.img-block:hover h2, 
.img-blocks.inline-image a.half.img-block:hover h2 strong, 
.img-blocks.inline-image a.third.img-block:hover h2, 
.img-blocks.inline-image a.third.img-block:hover h2 strong {
    /* color: white; */
    /* color: #d04934; */
    /* color: #000000; */
}
/*
.img-blocks.inline-image a.half.img-block .btn::after, 
.img-blocks.inline-image a.third.img-block .btn::after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    right: -5px;
    bottom: -2px;
    left: -5px;
    background: #d04934;
    margin: 0;
    width: calc(100% + 10px);
    height: calc(100% + 4px);
    transform: scaleX(0);
    transform-origin: left;
  }

.img-blocks.inline-image a.half.img-block:hover .btn, 
.img-blocks.inline-image:hover a.third.img-block .btn {
    color: white;
}

.img-blocks.inline-image a.half.img-block:hover .btn::after, 
.img-blocks.inline-image a.third.img-block:hover .btn::after {
    transform: scaleX(1);
}*/

/*-- scroll ind --*/



  @-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(0deg) translate(0px, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0px, 0px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(0deg) translate(0px, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translate(0px,0px);
    opacity: 0;
  }
}


.ind {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    font-family:"Muli";
    text-transform:uppercase;
    font-size: 11px;
    animation: sdb05 3s infinite;
    color: white;
    text-align:center;
    font-weight: 800;
    letter-spacing: 2px;
    padding: 30px;
}

.ind i.demo-icon.icon-arrow-right::before {
    transform: rotate(90deg);
}

.ind i.demo-icon.icon-arrow-right {
    animation: sdb05 3s infinite;
    display:block;
    color: #6b692c;
    color: white;
    margin: 0 0 20px;
}




/*-- careers --*/
.included-stay ul,
.lined-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.included-stay ul li,
ul.lined-list li {
    margin: 0 0 10px;
    font-style: italic;
    border-bottom: 1px solid #d4d4d4;
    padding: 0 0 2px 5px;
}
ul.lined-list a {
    font-size: calc(18px + (26 - 18) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.5em;
}
.concierge-lists .demo-icon {
    font-size: 14px;
    margin: 0 2px 0 0;
}

.concierge-lists ul.lined-list a {
    font-size: calc(18px + (22 - 18) * ((100vw - 480px) / (1600 - 480)));
    font-size:unset;
}

ul.bullets,
.policies ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.bullets li,
.policies ul li {
    padding: 0 0 0 18px;
    position: relative;
    margin: 0 0 15px;
    font-style: italic;
    font-size: calc(16px + (20 - 16) * ((100vw - 480px) / (1600 - 480)));
    line-height:1.5;
}

ul.bullets li::before,
.policies ul li::before {
    content: "";
    width: 2px;
    height: 2px;
    border: 2px solid #afafaf;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 10px;
}
.bg-grey{
    background-color:#f3f3f3;
}


/*-- news & updates --*/
.cards {
    list-style: none;
    margin: 0;
}

.cards a {
    display: block;
    border: 1px solid black;
    border-bottom: 4px double;
    position: relative;
    height: 100%;
    transition: transform 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    /*background-color: #333333;*/

}
.cards a:hover,
.cards a:focus{
    transform:translateY(-20px);
    transition: transform 0.4s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
}
.cards figure {
    display: block;
    margin: 0 0 0px 0;
    overflow:hidden;
    position:relative;
    background-color: #333333;
}

.cards .text {
    padding: 25px 20px;
    background-color: #ffffff;
}

.cards li {

}

.cards h2 {
    margin: 0;
}

.cards p {
    margin: 10px 0 0;
    font-size: calc(16px + (20 - 16) * ((100vw - 480px) / (1600 - 480)));
}
.cards time {
    font-style: italic;
    font-size: calc(16px + (20 - 16) * ((100vw - 480px) / (1600 - 480)));
    display: block;
    margin: 5px 0 0;
}
.gutter.cards > .third, 
.gutter.cards > .one-third, 
.gutter.cards.thirds > *{
    width: calc(33.333% - 32px);
    margin: 0 16px 32px;
}

.hero time {
    color: white;
    font-size: calc(20px + (26 - 20) * ((100vw - 480px) / (1600 - 480)));
}
.btn.margin {
    margin: 0 15px 15px 0;
}

.bio figure .hover,
.cards a figure .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content:flex-end;
    text-align: right;
    padding:15px 20px;
 
    opacity:0;
    transition:opacity .4s cubic-bezier(0.34,0.615,0.4,0.985);
}
.bio figure .hover{
    z-index: 1;
        background: linear-gradient(351deg, #0000005e, transparent);
}
.cards a:hover figure .hover,
.cards a:focus figure .hover,
.bio:hover figure .hover,
.bio:focus figure .hover{
    opacity:1;
}
.cards a figure .hover .btn::after,
.cards a figure .hover .btn::before,
.bio figure .hover .btn::before,
.bio figure .hover .btn::after{
    display:none;
}
.cards a figure .hover .btn,
.bio figure .hover .btn{
    background: transparent;
    color: #ffffff;
    font-family: "Muli";
    letter-spacing: 2px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin: 10px 0 0 0;
    padding: 0;
    opacity: 0;
    border:none;
    transform: translateY(20px);
    transition: all 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
}
.cards a:hover figure .hover .btn,
.cards a:focus figure .hover .btn,
.bio:hover figure .hover .btn,
.bio:focus figure .hover .btn{
    opacity:1;
    transform: translateY(0px);
    transition: transform 0.4s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.15s, opacity 0.4s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.15s;

}
.bio figure .hover .btn{
   color:#bb5e45; 
}



.cards a h2 strong, .cards a h2 {
    color: black;
    transition: color 0.3s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
}

.cards a:hover h2 strong, 
.cards a:hover h2,
.cards a:focus h2 strong, 
.cards a:focus h2 {
    color: #d04934;
    transition: color 0.4s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
}
.bio figure .hover .demo-icon,
.cards a .hover .demo-icon{
    margin: 0 0 0 5px;
    font-size: 85%;
}
.ml20{
    margin-left:20px;
}
.mb20{
    margin-bottom:20px;
}
.floatr{
    float:right;
}





/*-- responsive --*/
@media only screen and (max-width: 1500px){
    .sixth,
    .sixths > *{
        width: 25%;
    }
    .gutter > .sixth,
    .sixths.gutter > * { 
        width: calc(25% - 24px);
        margin: 0 12px 60px;
    }
}
@media only screen and (max-width:1450px){
    header nav ul li {
        padding: 15px 10px;
    }
    header nav ul li:nth-of-type(7) {
        border-right: 1px solid rgba(255,255,255,0.2);
        padding: 15px 20px 15px 10px;
    }
    header nav ul li:nth-of-type(8) {
        border-left: 1px solid rgba(255,255,255,0.2);
        padding: 15px 10px 15px 20px;
    }
} 
@media only screen and (max-width:1200px){
    .sixth,
    .sixths > *{
        width: 33.333%;
    }
    .gutter > .sixth,
    .sixths.gutter > * { 
        width: calc(33.333% - 24px);
        margin: 0 12px 60px;
    }
}
@media only screen and (max-width:1150px){
    .gutter > .half {
        width: calc(50% - 32px);
        margin: 0 16px 32px;
    }
    .gutter > .third{
        width: calc(33.333% - 32px);
        margin: 0 16px 32px;
    }
    .gutter > .two-thirds{
        width: calc(66.666% - 32px);
        margin: 0 16px 32px;
    }
    .gutter > .fourth,
    .fourths.gutter > * {
        width: calc(25% - 32px);
        margin: 0 16px 32px;
    }
    .flex-wrap .flex-wrap.gutter {
        margin: 0 -16px;
    }
    .gutter > .full{
        width:calc(100% - 32px);
        margin:0 16px;
    }
   

} 

@media only screen and (max-width:1024px){
    .gutter > .third,
    .gutter > .one-third,
    .gutter.thirds > * {
        width: calc(50% - 48px);
        margin: 0 24px 48px;
    }
    
    .gutter > .two-thirds {
        width: calc(60% - 32px);
        margin: 0 16px 32px;
    }

    .gutter > .two-thirds + .third, 
    .gutter > .two-thirds + .one-third {
        width: calc(40% - 32px);
        margin: 0 16px 32px;
    }







    /*-- header--*/
    header nav ul li {
        padding: 20px 10px;
    }

    header nav ul li:nth-of-type(6) {
        padding: 20px 20px;
    }

    header nav ul li:nth-of-type(7) {
        padding: 20px 20px;
    }
    header nav{
        padding: 12vw 10vw 8vw;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        left:0;
        min-height: 100%;
        opacity: 0;
        pointer-events: none;
        z-index:5;
        display:flex;
    }

    .weather-contact{
        display:none;
    }
    
    .top-bar{

        display:flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 99999;
    }
   
    header .burger-wrap {
    	display:flex;
        justify-content:flex-end; 
        align-items:center; 
        width:40%;
        padding: 3.75vw 3.75vw 0 6vw;
    }
     header .burger-wrap a.tel{
    	display:block;
    	color:white;
    	font-family:"Muli";
    	margin: 0 30px 0 0;
    	font-weight: 600;
    	letter-spacing: 2px;
    	font-size: calc(12px + (15 - 12) * ((100vw - 480px) / (1600 - 480)));
    }
/*
    header nav ul {
        width:50%;
        display: block;
        border: none;
        margin: 0 0 0 auto;
    }

    header nav ul li {
        padding: 0 0; 
        margin: 0 0 20px;
    }*/
    


    header .logo-wrap img[data-mob]{
        display:block;
    }
    header .logo-wrap img[data-desk]{
        display:none;
    }
    header .logo-wrap {
        min-width: 0;
        max-width:none;
        width: 60%;
        padding: 3.75vw 3.75vw 0;
        margin:0px;
    }
    header .logo-wrap a{
    	display:block;
    	max-width: none;
    	width: 30vw;
    }





    /*-- footer --*/
    footer .flex-wrap > div.links{
        width: 50%;
        order: 2;
    } 
    footer .flex-wrap > div.contact {
        width: 50%;
        order: 3;
        border-left: none;
    }
    footer .flex-wrap > div.connect {
        order:1;
        border-left: none;
        border-bottom: 1px solid #9d9d9d;
        width: 100%;
    } 
    footer h5 {
        font-size: calc(14px + (18 - 14) * ((100vw - 500px) / (1024 - 500)));
    }
    footer input[type="email"], footer input[type="text"] {
        font-size: calc(18px + (24 - 18) * ((100vw - 500px) / (1024 - 500)));
    }

    footer form p {
        font-size: calc(16px + (20 - 16) * ((100vw - 500px) / (1024 - 500)));
    }
    footer .checkbox-group span {
        font-size: calc(14px + (15 - 14) * ((100vw - 500px) / (1024 - 500)));
    }
    footer .links > ul a {
        font-size: calc(13px + (17 - 13) * ((100vw - 500px) / (1024 - 500)));
    }
    footer a.email {
        font-size: calc(15px + (20 - 18) * ((100vw - 500px) / (1024 - 500)));
    }
    footer a.tel {
        font-size: calc(16px + (22 - 16) * ((100vw - 500px) / (1024 - 500)));
    }
    footer address {
        font-size: calc(15px + (22 - 16) * ((100vw - 500px) / (1024 - 500)));
    }
    

}
@media only screen and (max-width:950px){
    .fourth{
        width:50%;
    }
    .gutter > .fourth,
    .fourths.gutter > * {
        width: calc(50% - 32px);
        margin: 0 16px 32px;
    }

    .gutter.cards > .third, 
    .gutter.cards > .one-third, 
    .gutter.cards.thirds > *{
        width: calc(50% - 32px);
        margin: 0 16px 32px;
    }

    
}  

@media only screen and (max-width:850px){
    .gutter > .full{
        width:calc(100% - 28px);
        margin:0 14px;
    }
    .gutter > .half {
        width: calc(50% - 28px);
        margin: 0 14px 28px;
    }
    .gutter > .third{
        width: calc(33.333% - 28px);
        margin: 0 14px 28px;
    }
    .gutter > .two-thirds{
        width: calc(60% - 28px);
        margin: 0 14px 28px;
    }
    .two-thirds{
        width:60%;
    }
    .one-third{
        width:40%;
    }
    .gutter > .one-third {
        width: calc(40% - 28px);
        margin: 0 14px 28px;
    }
    .gutter > .fourth,
    .fourths.gutter > *{
        width: calc(50% - 28px);
        margin: 0 14px 28px;
    }

    .flex-wrap .flex-wrap.gutter {
        margin: 0 -14px;
    }
    .pad-more {
        padding: 6.25vw 3.75vw;
    }

    .carousel .carousel-cell,
    .flickr-carousel .carousel-cell {
        width: 60vw;
    }
    .home-slider .slider .text {
        bottom: 10%;
        padding: 0 0 0 3.75vw;
        max-width: 600px;
    }
    .home-slider .flickity-button {
        transform: translateY(-12vw);
    }
    ol.flickity-page-dots {
        bottom: 6vw;
        text-align: left;
        padding: 0 6.25vw;
        margin: 0;
    }

    


    /*-- footer --*/
    footer .legal-links ul li {
        margin: 35px 20px 0 0;
    }
    footer .legal-links {
        justify-content: space-between;
    }
    footer .legal-links p {
        margin: 35px 0px 0 20px;
    }




    .carousel,
    .flickr-carousel{
        height:calc(55vw + 80px);
    }
    .img-slider{
        height: calc(65vw + 80px);
    }

    .carousel .carousel-cell,
    .flickr-carousel .carousel-cell,
    .img-slider .carousel-cell {
        position: relative;
        height: 50vw;
        margin: 0 5px 0;
        transition: height 0.35s 0.5s ease;
        overflow:hidden;
        width: 50vw;
        transform: translateY(-50%);
        top: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        top:0;
    }
    .img-slider .carousel-cell{
        width:75vw;
        height: 55vw;
    }
    .carousel .carousel-cell.is-selected,
    .carousel .flickity-slider, 
    .carousel .flickity-viewport,
    .flickr-carousel .carousel-cell.is-selected,
    .flickr-carousel .flickity-slider, 
    .flickr-carousel .flickity-viewport  {
        height: 55vw;
    }
    .bg-brown.carousel {
        padding: 6vw 0 0 0;
        height: calc(61vw + 80px);
    }

}
@media only screen and (max-width:768px){
    .gutter > .two-thirds{
        width: calc(50% - 28px);
        margin: 0 14px 28px;
    }
    .gutter > .two-thirds + .third, 
    .gutter > .two-thirds + .one-third {
        width: calc(50% - 28px);
        margin: 0 14px 28px;
    }
    .two-thirds{
        width:50%;
    }
    .one-third{
        width:50%;
    }
    .gutter > .one-third {
        width: calc(50% - 28px);
        margin: 0 14px 28px;
    }

    .sixth,
    .sixths > *{
        width: 50%;
    }
    .gutter > .sixth,
    .sixths.gutter > * { 
        width: calc(50% - 24px);
        margin: 0 12px 60px;
    }

    .connect.thirds.gutter,
    .connect.thirds.gutter > div.flex-wrap.gutter.halfs {
        width: 100%;
        margin: 0px;
    }
    .connect.thirds.gutter > div.flex-wrap.gutter.halfs > div,
    .connect.thirds.gutter > div.block{
         width: 100%;
         margin:0 auto 48px;
         max-width: 450px;
    }
    .masonry-grid.gallery {
        columns: 2;
        /*column-gap: 16px;*/
    }

    .gallery-item {
       /* margin: 0 0 16px; */
    }
    .gutter > .third,
    .gutter > .one-third,
    .gutter.thirds > * {
        width: calc(50% - 24px);
        margin: 0 12px 24px;
    }
    .divider {
        margin: 20px 0;
    }


    /*-- header --*/


    /*-- menu -- */

    aside::before,
    header .burger-wrap,
    aside .header .burger-wrap, 
    aside .side-menu, 
    aside .menu-footer div:last-of-type {
        width: 45%;
    }
    header .logo-wrap,
    aside .header #logo, 
    aside nav ul, 
    aside .menu-footer div:first-of-type,
    aside .bg-overflow {
        width: 55%;
    }
    aside .header #logo img,
    header .logo-wrap a {
        width: 40vw;
    }
}
@media only screen and (max-width:700px){

    .gutter > .two-thirds{
        width: calc(100% - 28px);
        margin: 0 14px 28px;
    }
    .two-thirds{
        width:100%;
    }
    .one-third{
        width:100%;
    }
    .gutter > .one-third {
        width: calc(100% - 28px);
        margin: 0 14px 28px;
    }

    .gutter > .two-thirds {
        width: 100%;
        margin: 0 0px 28px;
    }

    .gutter .two-thirds + .third, 
    .gutter > .two-thirds + .one-third {
        width: 100%;
        margin: 0 0 28px;
    }
    nav.breadcrumb{
         -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .breadcrumb h5{
        width:auto;
        text-align:right;
    }
    .breadcrumb ol{
        width:auto; 
    }
    header .btn-wrap{
        width: auto;
    }
    
    .play-btn{
        font-size:65px;
    }
    .about-intro .flex-wrap.gutter .half.title,
    .about-intro .flex-wrap.gutter .half.text {
        width: 100%;
        margin:0;
        text-align: center;
    }
    .about-intro{
        margin:0 0 40px;
    }
    #mag-cta.about .flex-wrap.gutter > .third {
        width: 100%;
        margin:0;
    }

    /*-- footer --*/
    footer .flex-wrap > div.links{
        order:1;
    }
    footer .flex-wrap > div.connect{
        order:2;
    }
    footer .flex-wrap > div.contact{
        order:3;
    }
    footer .flex-wrap > div.links, 
    footer .flex-wrap > div.connect,
    footer .flex-wrap > div.contact {
        width: 100%;
        border-right: none;
        text-align: center;
        padding: 40px 30px;
    }
    footer .social ul {
        justify-content: center;
    }
    footer .social a {
        margin: 0 20px;
    }
    footer button.btn {
        float: none;
    }
    footer .checkbox-group{
        justify-content: center;
    }
  
    footer .links li:last-of-type {
        margin: 0;
    }
    footer .contact .divider {
        margin: 20px auto;
        width: 60px;
        opacity: 0.3;
    }
    footer form .flex-wrap .half:nth-of-type(even),
    footer form .flex-wrap .half:nth-of-type(odd) {
        padding: 0;
        margin:0;
    }
    footer form .flex-wrap{
        margin: 0;
    }
    footer .flex-wrap > div.links {
        border-bottom: 1px solid #9d9d9d;
    }
    footer .checkbox-group div {
        margin: 0 20px 20px;
    }
    /*-- end footer --*/
} 
@media only screen and (max-width:650px){
    /*.pad{
        padding:20px;
    }
    .pad-more{
        padding:30px;
    }
    .pad-most{
        padding:35px;
    }*/
    .ml20{
    margin-left:0px;
    }
    .mb20{
    margin-bottom:0px;
    }
    .half{
        width:100%;
    }
    /*
    .flex-wrap.gutter.pad {
        padding: 20px;
    }*/
    .gutter > .full{
        width:100%;
        margin:0;
    }
    .gutter > .half{
        width:100%;
        margin:0 0 20px;
    }
    .gutter > .fourth,
    .fourths.gutter > *{
        width:100%;
        margin:0 0 20px;
    }
    .half, 
    .halfs > *,
    .gutter .half, 
    .gutter.halfs > * {
        width: 100%;
        margin:0 0 20px;
    }

    .gutter > .sixth, 
    .sixths.gutter > * {
        width: calc(50% - 16px);
        margin: 0 8px 32px;
    }

    .gutter > .sixth figure + .text, 
    .sixths.gutter > * figure + .text {
        padding: 6px;
        margin: 6px 0 0;
    }

    .gutter > .third,
    .gutter > .one-third,
    .gutter.thirds > * {
        width: 100%;
        margin: 0 0px 40px;
    }
     .carousel .carousel-cell,
     .flickr-carousel .carousel-cell {
        width: 80vw;
    } 
    .bg-img.is-parallax{
        top:-250%;
    }
    .weather-contact .contact a:last-of-type span{
        display:none;
    }
    /*-- footer --*/
    footer .legal-links{
        display: block;
        text-align:center;
    }
    footer .legal-links p {
        margin: 35px 0px 0 0px;
    }
    footer .legal-links ul{
        justify-content: center;
    }
    footer .legal-links ul li {
        margin: 35px 20px 0;
    }


    .carousel,
    .flickr-carousel{
        height:calc(75vw + 80px);
    }
    .img-slider{
        height: calc(85vw + 80px);
    }

    .carousel .carousel-cell,
    .flickr-carousel .carousel-cell,
    .img-slider .carousel-cell {
        position: relative;
        height: 75vw;
        margin: 0 5px 0;
        transition: height 0.35s 0.5s ease;
        overflow:hidden;
        width: 75vw;
        /*transform: translateY(-50%);*/
        top: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        top: 0;
    }
    .img-slider .carousel-cell{
        width:85vw;
        height: 75vw;
    }
    .carousel .carousel-cell.is-selected,
    .carousel .flickity-slider, 
    .carousel .flickity-viewport,
    .flickr-carousel .carousel-cell.is-selected,
    .flickr-carousel .flickity-slider, 
    .flickr-carousel .flickity-viewport  {
        height: 65vw;
    }
    .bg-brown.carousel {
        padding: 6vw 0 0 0;
        height: calc(71vw + 80px);
    }

    .callout.pad {
        padding: 100px 3.75vw;
    }

    .gutter.cards > .third, 
    .gutter.cards > .one-third, 
    .gutter.cards.thirds > *{
        width: 100%;
        margin: 0 0px 40px;
    }
.cards a:hover,
.cards a:focus{
    transform:translateY(0px);
    transition: transform 0.4s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0s;
}

}
@media only screen and (max-width:600px){
  
    aside::before,
    aside a.tel,
    .sticky-header .burger-wrap a.tel,
    header .burger-wrap a.tel {
        display: none;
    }
    aside .bg-img {
        opacity: 0.5;
    }
    aside nav, 
    aside .menu-footer,
    aside .bg-overflow {
        display: block;
        width: 100%;
    }
    aside .bg-overflow,
    aside nav > *, aside .menu-footer >*,
    aside .side-menu, aside .menu-footer div:last-of-type,
    aside nav ul, aside .menu-footer div:first-of-type {
        width: 100%;
    }

    /*aside ul.social {
        justify-content: center;
    }*/

    aside ul.social li a {
        margin: 0 30px 0 0;
    }

    aside .header .burger-wrap,
    header .burger-wrap,
    .sticky-header .burger-wrap {
        display: block;
        text-align: right;
    }

    aside .header #logo img,
    .sticky-header img,
    header .logo-wrap a {
        width: 55vw;
    }
    header .logo-wrap, 
    aside .header #logo, 
    aside nav ul, 
    aside .menu-footer div:first-of-type, 
    aside .bg-overflow,
    aside::before, 
    header .burger-wrap, 
    aside .header .burger-wrap, 
    aside .side-menu, 
    aside .menu-footer div:last-of-type{
        width:auto;
    } 
    aside nav ul[aria-label="main-menu"] {
        height: auto !important;
        margin: 0 0 20px 0;
    }
    aside nav ul li a {
        font-size: 22px;
        text-align: left;
    }

    aside nav {
        margin: 15px 0 0;
    }
    aside .side-menu > div:first-of-type {
        margin: 10px 0 30px;
    }

    aside .side-menu, 
    aside .menu-footer div:first-of-type, 
    aside .menu-footer div:last-of-type {
        padding: 3.75vw 10vw;
    }

/*
    aside .header #logo {
        padding: 3.75vw 3.75vw 20px ;
    }
    aside .header .burger-wrap {
        padding: 3.75vw 3.75vw 20px 6vw;
    }
    */
    aside .menu-footer ul.social{
        margin:0 0 60px;
    }
    aside a.tel{
        display:block;
    }
}











/* accordion */
.accordion .accordion-item {
    border-bottom: 1px solid black;
    padding:0 0 10px;
}
.accordion .plus{
    display:inline-block;
    width:40px;
    height:40px;
    background:
    linear-gradient(#000,#000),
    linear-gradient(#000,#000);
    background-position:center;
    background-size: 50% 2px,2px 50%; 
    background-repeat:no-repeat;
    transform: rotate(0deg);
    transition: transform 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}
.accordion button[aria-expanded=true] .plus{
    transform: rotate(225deg);
    transition: transform 0.35s cubic-bezier(0.565, 0.43, 0.24, 0.92);
}
.accordion button {
    cursor:pointer;
    position: relative;
    display: flex;
    align-items:center;
    text-align: left;
    width: 100%;
    padding: 0 0;
    margin: 20px 0 10px;
    font-family: "Lato";
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: calc(20px + (26 - 20) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.35;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    color:black;
    transition: color 0.35s ease;
}
.accordion button:hover,
.accordion button:focus{
    color:#d04934;
    transition:color 0.35s ease;
}
.accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: none;
    transition: all 0.35s linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.35s linear, max-height 0.35s linear;
    will-change: opacity, max-height;
    padding:0 0px;
}
.accordion .accordion-content p:first-of-type{
    margin-top:0;
}




/*-- table --*/
.table {
  margin: 0 0 40px 0;
  width: 100%;
  display: table;
  background: transparent;
}
@media screen and (max-width: 580px) {
  .table {
    display: block;
  }
}

.table .row {
  display: table-row;
  background: #ececec;
}
.table .row:nth-of-type(odd) {
  background: transparent;
}
.table .row.header {
  background: transparent;
  font-family: 'Lato';
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 600;
}
.table .row.header .cell {
  font-family: "Lato";
}
@media screen and (max-width: 580px) {
  .table .row {
    padding: 14px 0 7px;
    display: block;
  }
  .table .row.header {
    padding: 0;
    height: 6px;
  }
  .table .row.header .cell {
    display: none;
  }
  .table .row .cell {
    margin-bottom: 15px;
  }
  .table .row .cell:before {
    margin-bottom: 5px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #969696;
    display: block;
    font-family: "Lato";
    letter-spacing: 1px;
  }
  .table .row .cell:first-of-type:before {
      display: none;
  }

  .table .row .cell:first-of-type {
      font-size: 20px;
  }
}

.table .cell {
  padding: 10px 12px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .table .cell {
    padding: 2px 16px;
    display: block;
  }
}


section.home-slider {
    background: black;
}

header nav ul.access-submenu a {
    text-shadow: none;
}

div#video-container {
    background: black;
}

/*-- new styles 2024 */

@font-face {
	  font-family: "Blacker";
	  font-weight:400;
	  font-style: normal;
	  src: url(/assets/fonts/Blacker/Blacker%20Text%20Book.ttf);
	}
	@font-face {
	  font-family: "Blacker";
	  font-weight:300;
	  src: url(/assets/fonts/Blacker/Blacker%20Display%20Light.ttf);
	}
	@font-face {
	  font-family: "Blacker";
	  font-weight:800;
	  src: url(/assets/fonts/Blacker/Blacker%20Display%20Heavy.ttf);
	}
	html, body, *{
		font-family: "Greycliff CF";
	}
	h1, 
	.home-slider .slider h1 {
	    font-family: "Blacker";
	    font-style: normal;
	    text-transform: uppercase;
	    font-weight: 400;
	    font-size: calc(20px + (34 - 20) * ((100vw - 480px) / (1600 - 480)));
	    line-height: 1.35;
	}

	h1 strong, 
	.home-slider .slider h1 strong {
	    font-family: "Greycliff CF";
	    font-weight: 800;
	    letter-spacing: 2px;
	    font-size: calc(28px + (48 - 28) * ((100vw - 480px) / (1600 - 480)));
	    line-height: 1.0;
	}
	h1.serif {
	    font-weight: 800;
	    color: #783829;
	    font-size: calc(22px + (38 - 22) * ((100vw - 480px) / (1600 - 480)));
	    line-height: 1.25;
	}
    h2.serif{
        font-family: "Blacker";
         font-weight: 800;
    }
	.weather-contact p, 
	.weather-contact .contact a,
	.weather-contact p strong{
	    font-family: "Greycliff CF";
	    font-weight: 400;
	}
	p {
	    font-family: "Greycliff CF";
	    font-weight: 400;
	    font-size: calc(14px + (18 - 14) * ((100vw - 480px) / (1600 - 480)));
	    line-height: 1.45;
	}

	h2 strong {
	    font-weight: 800;
	    font-family: "Greycliff CF";
	    letter-spacing: 1px;
	    color:#703628;
	}

	h2 {
	    font-family: "Blacker";
	    font-style: normal;
	    text-transform: uppercase;
	    font-weight: 400;
	    font-size: calc(18px + (24 - 18) * ((100vw - 480px) / (1600 - 480)));
	    color:#703628;
	}
    blockquote p, 
    .memories-list blockquote p.large, 
    .memories-list .flex-wrap blockquote p.large {
        font-family: "Blacker";
    }
	.btn.book-btn, 
	.weather-contact .contact > div a.btn.book-btn:last-of-type{
		font-family: "Roboto Mono";
	    font-style: normal;
	}
	.btn {
	    font-family: "Roboto Mono";
	    font-style: normal;
	    border: 2px solid #7e3724;
	    color: #7e3724;
	    font-weight: 600;
	    letter-spacing: 2px;
	    font-size: 14px;
	}
    .hover .btn{
        border: 2px solid #ffffff;
        color: #ffffff;
    }
    .connect .btn{
        border: 2px solid #febe97;
        color: #febe97;
    }
    
	.btn::after {
	    background-color: transparent;
	}

	.btn::before {
	    display: none;
	}
	.btn::after{
	    top:0;
	    left:0;
	}
	.callout .btn:hover::after,
	.callout .btn:focus::after,
	.btn:hover::after, 
	.btn:focus::after {
	    transform: translate(0px,0px);
	    top: 0;
	    left: 0;
	    background-color: #7e3724;
	}
	.callout .btn {
	    color: white;
	    border-color: white;
	}
	.callout .btn:hover,
	.callout .btn:focus{
		border-color:#bb5e45;
	}
	.box-overlay h1 strong {
	    text-transform: uppercase;
	    font-size: calc(40px + (48 - 40) * ((100vw - 480px) / (1600 - 480)));
	}

	.box-overlay h1 {
	    font-size: calc(38px + (46 - 38) * ((100vw - 480px) / (1600 - 480)));
	}
	footer .freeform-row .freeform-column .input-group-one-line label {
	    font-family: "Blacker";
	    font-style: normal;
	    font-size: calc(16px + (18 - 16) * ((100vw - 1024px) / (1600 - 1024)));
	}
	.map-feature .text.pad-box h2 em,
	footer h5, 
	footer .h5,
	h5, 
	.h5,
	label.freeform-label.freeform-required.form-label,
	footer .freeform-row .freeform-column .freeform-input,
	.sub-wrapper h3,
	aside nav a.menu-link,
	.weather-contact p strong,
	.sticky-header .burger-wrap a.tel,
	.sub-menu .sub-wrapper h3 {
	    font-family: "Blacker";
	    font-style: normal;

	}
	.sub-menu .sub-wrapper h3{
		font-weight: 400;
	}
	h3,
	h5,
	p.speaker, 
    .memories-list blockquote footer, 
    .memories-list blockquote cite,
    blockquote footer,
    blockquote cite,
    .pag a, .pag span,
	header nav ul li.reservations a, 
	header nav ul li.real-estate a,
	header nav ul.access-submenu li a,
	.map-feature .text.pad-box h2,
	h4,
	footer address,
	footer .legal-links a,
	footer .legal-links p{
	    font-family:'Greycliff CF';
	    font-style: normal;
	}
	.btn.book-btn::after {
	    top: 0;
	    left: 0;
	    display: none;
	}
	footer .links a,
	aside nav ul li a,
	header nav ul a {
	    font-family: "Roboto Mono";
	}
	.weather-contact .contact > div a.btn.book-btn:last-of-type {
	    border-color: white;
	    border-right: 2px solid;
	}
	span{
		font-family: unset;
	}
	.sticky-header .menu-trigger span::before, 
	header .menu-trigger span::before{
		background-color: #bb5e45;
	}
	aside nav a.menu-link::before{
		background:#bb5e45;
	}
	.side-menu address {
	    font-style: normal;
	}
	.btn.book-btn {
	    border-color: white;
	}
	.sticky-header a.btn.book-btn {
	    color: #3f3633;
	    border-color: #3f3633;
	}
	.btn.book-btn:hover,
	.btn.book-btn:focus,
	.sticky-header a.btn.book-btn:hover,
	.sticky-header a.btn.book-btn:focus{
	    color:white;
	    border-color:#bb5e45;
	    background-color:#bb5e45;
	    
	}
	header nav ul.access-submenu li a{
		font-size:16px;
	}
    .illustration {
        position: absolute;
        bottom: 15vw;
        width: 12vw;
        height: auto;
        z-index: 1;
    }
    
    .illustration.right {
        right: -1vw;
    }

    .illustration.left {
        left: -1vw;
    }
    .top-left-border .illustration {
        width: 15.5vw;
        bottom: -1.75vw;
    }

    .top-left-border .illustration.left {
        left: -5.75vw;
    }
    .img-blocks .text .btn {
        border: none;
    }
    .img-blocks a.half.img-block h2 strong, .img-blocks a.third.img-block h2 strong{
        font-family: "Greycliff CF"
    }
    .included-stay h2 em{
        font-weight:800;
        font-style: normal;
    }
    p em {
        font-family: "Blacker";
        font-style: normal;
    }
    p em {
        font-style: italic;
        font-family: "Greycliff CF";
    }
    .accordion button,
    table th{
        font-family: "Greycliff CF";
    }
    .included-stay ul li, ul.lined-list li {
        font-style: normal;
        font-family: "Blacker";
    }
    .cards time {
        font-style: normal;
        font-family: "Blacker";
        font-size: 15px;
        text-transform: uppercase;
    }
    .events .flex-wrap a h2 {
        font-family: "Greycliff CF";
        font-weight: 800;
        margin: 0 0 8px;
    }