@import url("jquery-ui/jquery-ui.css");
@keyframes imageZoom{
    from{
        transform:scale(1)
    }
    to{
        transform:scale(1.05)
    }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-size:inherit;
    font-weight:normal
}
.none {display: none;}
p{
    margin:0
}
ul,ol,dl,dt,dd{
    padding:0;
    margin:0;
    list-style:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
map {
  display: inline;
}

a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}

hr{
    box-sizing:content-box;
    height:0
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    background:none;
    border:none;
    cursor:pointer
}
input[type="text"],input[type="email"],textarea{
    -webkit-appearance:none;
    -webkit-border-radius:0;
    border-radius:0
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input:focus,select:focus,textarea:focus{
    outline:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
@font-face{
    font-family:'lora';
    src:url("../fonts/lora-roman-webfont.woff2") format("woff2"),url("../fonts/lora/lora-roman-webfont.woff.html") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'lora';
    src:url("../fonts/lora-semibold-webfont.woff2") format("woff2"),url("../fonts/lora/lora-semibold-webfont.woff.html") format("woff");
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:'lora';
    src:url("../fonts/lora-semibolditalic-webfont.woff2") format("woff2"),url("../fonts/lora/lora-semibolditalic-webfont.woff.html") format("woff");
    font-weight:600;
    font-style:italic
}
@font-face{
    font-family:'lora';
    src:url("../fonts/lora/lora-bold-webfont.woff2.html") format("woff2"),url("../fonts/lora/lora-bold-webfont.woff.html") format("woff");
    font-weight:700;
    font-style:normal
}



@font-face{
    font-family:'roboto';
    src:url("../fonts/roboto/Roboto-Medium-webfont.woff.html") format("woff");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'roboto';
    src:url("../fonts/roboto/Roboto-Bold-webfont.woff.html") format("woff");
    font-weight:700;
    font-style:normal
}
body{
    
    color:#4a4a4a;
    font-weight:400;
    background-color:#fff;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased !important;
    font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale
}
p{
    margin-bottom:1em
}
table {
    border-collapse: collapse;
    width: 100%;

}

th, td {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

tr:hover {background-color:#f5f5f5;}

thead {
    background-color: #d1a648;
}

thead th {
    color:#fff;
    border-bottom: 0px;
}

thead tr:hover{
    background-color: #d1a648;
}


.hdr-one{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:1.375rem
}
.hdr-one a{
    color:#9d9272
}
.hdr-one a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .hdr-one{
        font-size:calc(1.375rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .hdr-one{
        font-size:1.5rem
    }
}
.hdr-two{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:1.25rem
}
.hdr-two a{
    color:#9d9272
}
.hdr-two a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .hdr-two{
        font-size:calc(1.25rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .hdr-two{
        font-size:1.375rem
    }
}
.header-intro__page-container > h1, .l-wrapper--1170 > h1{
    font-family:"ubuntu",sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    line-height:1.5;
    font-size:1.125rem;
    margin-bottom:1.3em
}
.header-intro__page-container > div > a > img {  max-height: 200px;
    max-width: 200px ;display: unset;}
.hdr-three a{
    color:#9d9272
}
.hdr-three a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .hdr-three{
        font-size:calc(1.125rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .hdr-three{
        font-size:1.25rem
    }
}
.hdr-four{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    line-height:1.5;
    letter-spacing:.125rem;
    font-size:1rem;
    margin-bottom:0.5em
}
.hdr-four a{
    color:#9d9272
}
.hdr-four a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .hdr-four{
        font-size:calc(1rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .hdr-four{
        font-size:1.125rem
    }
}
.sg-hdr-one{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:1.375rem
}
.sg-hdr-one a{
    color:#9d9272
}
.sg-hdr-one a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .sg-hdr-one{
        font-size:calc(1.375rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .sg-hdr-one{
        font-size:1.5rem
    }
}
.sg-hdr-two{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:1.25rem
}
.sg-hdr-two a{
    color:#9d9272
}
.sg-hdr-two a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .sg-hdr-two{
        font-size:calc(1.25rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .sg-hdr-two{
        font-size:1.375rem
    }
}
.sg-hdr-three{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    line-height:1.5;
    font-size:1.125rem
}
.sg-hdr-three a{
    color:#9d9272
}
.sg-hdr-three a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .sg-hdr-three{
        font-size:calc(1.125rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .sg-hdr-three{
        font-size:1.25rem
    }
}
.text-large{
    font-size:1.125rem;
    line-height:1.5;
    line-height:1.3
}
@media (min-width: 37.5em){
    .text-large{
        font-size:1.25rem
    }
}
html{
    box-sizing:border-box
}
*,*:before,*:after{
    box-sizing:inherit
}
* :focus{
    outline:0
}
img{
    display:block;
    width:100%;
    height:auto
}
a{
    text-decoration:none;
    transition:color .15s;
    color:#D1A648
}
a:hover{
    color:#968f8b
}
i,em,dfn{
    font-style:italic
}
strong{
    font-weight:600
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
abbr{
    border-bottom:1px dotted
}
code,kbd,pre,samp{
    font-family:courier, monospace
}
sub,sup{
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
pre{
    white-space:pre-wrap
}
hr{
    border:0;
    height:1px;
    background:#bebebc
}
.u-hide-visual{
    font-size:.625rem;
    position:absolute !important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px)
}
img.u-image-not-responsive{
    display:inline;
    width:auto;
    height:auto
}
.u-video-wrapper{
    position:relative;
    padding-bottom:56.25%;
    margin-top:2.125em;
    margin-bottom:2.125rem;
    height:0
}
.u-video-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
body.u-freeze{
    overflow:hidden !important
}
.u-text-center{
    text-align:center
}
.u-button__inline a.btn-primary{
    margin-left:.5625rem;
    margin-right:.5625rem
}
.u-button__wrapper--center{
    text-align:center
}
.u-subtitle{
    font-family:"roboto",sans-serif;
    font-size:.6875rem;
    color:#676a6e;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    margin-bottom:.75rem
}
.u-negative-overflow{
    margin-top:1.75rem;
    margin-bottom:1.75rem
}
@media (min-width: 37.5em){
    .u-negative-overflow{
        margin:3.5625rem -1.875rem
    }
}
.u-negative-overflow blockquote{
    padding-left:1.25rem;
    padding-right:1.25rem
}
@media (min-width: 37.5em){
    .u-negative-overflow blockquote{
        padding-left:0;
        padding-right:0
    }
}
.u-negative-overflow--video iframe{
    display:block;
    margin:1.75rem auto
}
@media (min-width: 37.5em){
    .u-negative-overflow--video iframe{
        margin-top:3.5625rem;
        margin-bottom:3.5625rem
    }
}
.u-page-padding-top--l{
    padding-top:2.6875rem
}
.u-page-padding-bottom--l{
    padding-bottom:2.5rem
}
.u-page-padding-bottom--m{
    padding-bottom:5.9375rem
}
.u-page-padding-top--s{
    padding-top:.9375rem
}
.icon-text i{
    display:inline-block;
    transform:translate(.375rem, -.375rem)
}
.icon-text__phone svg{
    width:1.625rem;
    height:1.6875rem
}
@media (min-width: 31.25em){
    .icon-text__phone svg{
        width:1.25rem;
        height:1.3125rem
    }
}
.icon-text__instagram svg{
    width:1.625rem;
    height:1.6875rem
}
@media (min-width: 31.25em){
    .icon-text__instagram svg{
        width:1.25rem;
        height:1.25rem
    }
}
.icon-text__twitter svg{
    width:1.75rem;
    height:1.6875rem
}
@media (min-width: 31.25em){
    .icon-text__twitter svg{
        width:1.25rem;
        height:1.3125rem
    }
}
.icon-vertical-divider{
    display:block;
    position:relative;
    height:6.875rem;
    margin-top:2.8125rem;
    margin-bottom:4.0625rem;
    

}
@media (min-width: 60em){
    .icon-vertical-divider{
        margin-top:6.5625rem;
        margin-bottom:6.5625rem

    }
}
.icon-vertical-divider::before{
    display:block;
    content:'';
    width:2px;
    background-color:#D1A648;
    height:6.875rem;
    position:absolute;
    left:50%
}
.inline > h1{
    position:relative
}
.inline > h1::after{
    content:'';
    display:block;
    width:3.125rem;
    height:0.125rem;
    margin:1.875rem auto;
    background-color:#D1A648
}
div#tracyUserBar{
    top:51px !important;
    right:14px !important
}
@media (min-width: 48em){
    div#tracyUserBar{
        top:64px !important
    }
}
@media (min-width: 86.25em){
    div#tracyUserBar{
        right:25px !important
    }
}
@media (min-width: 106.875em){
    div#tracyUserBar{
        right:55px !important
    }
}
div#tracyUserBar a{
    margin-left:10px !important
}
#header{
    position:relative
}
.header__home-link--mobile{
    width:6.5rem;
    padding-top:1.125rem;
    padding-bottom:1rem;
    margin-left:auto;
    margin-right:auto
}
@media (min-width: 48em){
    .header__home-link--mobile{
        display:none
    }
}
.header__home-link--mobile svg{
    width:6.5rem;
    height:2.625rem
}
.header__home-link--desktop{
    display:block;
    min-width:14.25rem;
    width:16.9vw;
    max-width:8.25rem;
    margin-top:1.875rem;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 47.9375em){
    .header__home-link--desktop{
        display:none
    }
}
.home .header__home-link--desktop{
    display:none
}
.nav-links__item-link{
    font-family:"ubuntu",sans-serif;
    font-weight:700;
    color:#757575;
    text-transform:uppercase;
    letter-spacing:.125rem
}
.nav-links__item-link:hover{
    color:#D1A648
}
.nav-links__item-link--is-active .nav-links__item-link{
    color:#D1A648
}
.nav-links__item-link--is-active .nav-links__item-link::after{
    display:block;
    content:'';
    
    margin-left:3px;
    margin-right:3px;
    transform:translate(-.125rem, -.5625rem)
}
@media (max-width: 47.9375em){
    #header{
        position:fixed;
        top:0;
        width:100%;
        height:5.0625rem;
        z-index:10;
        background:#fff;
        transition:box-shadow .15s border-bottom-color .15s;
        border-bottom:1px solid transparent
    }
    .nav-toggle{
        position:absolute;
        top:1.9375rem;
        right:1.25rem;
        width:1.375rem;
        height:1.375rem;
        margin-left:1.875rem;
        overflow:hidden;
        cursor:pointer;
        transition:opacity .25s ease;
        touch-action:manipulation
    }
    .nav-toggle span{
        background:#000;
        border:none;
        height:.125rem;
        width:100%;
        position:absolute;
        top:.0625rem;
        left:0;
        transition:all .5s ease;
        cursor:pointer;
        border-radius:.1875rem
    }
    .nav-toggle span:nth-of-type(2){
        top:.5rem
    }
    .nav-toggle span:nth-of-type(3){
        top:.9375rem
    }
    .header__navigation{
        display:none;
        background-color:#fff;
        height:calc(100vh - 81px)
    }
    .nav-links__list{
        padding-top:2.5rem;
        border-top:1px solid #9d9272;
        margin-left:1.25rem;
        margin-right:1.25rem;
        text-align:center
    }
    .nav-links__item{
        display:block
    }
    .nav-links__item-link{
        display:inline-block;
        padding-top:3px;
        padding-bottom:3px;
        margin-bottom:20px;
        font-size:1rem;
        text-align:center
    }
}
@media (max-width: 47.9375em) and (min-width: 37.5em){
    .nav-links__item-link{
        font-size:1.0625rem
    }
}
@media (max-width: 47.9375em){
    .nav-links__item-link--is-active .nav-links__item-link::after{
        transform:translate(-.125rem, -.6875rem)
    }
    .js-mobile-menu--is-active #header{
        box-shadow:none
    }
    .js-mobile-menu--is-active .nav-toggle .nav-toggle--top{
        -webkit-transform:translateY(.375rem) translateX(0) rotate(45deg);
        transform:translateY(.375rem) translateX(0) rotate(45deg);
        background:#000
    }
    .js-mobile-menu--is-active .nav-toggle .nav-toggle--middle{
        opacity:0;
        background:#000
    }
    .js-mobile-menu--is-active .nav-toggle .nav-toggle--bottom{
        -webkit-transform:translateY(-.5rem) translateX(0) rotate(-45deg);
        transform:translateY(-.5rem) translateX(0) rotate(-45deg);
        background:#000
    }
}
@media (min-width: 48em){
    .header__navigation{
        height:6.375rem
    }
}
@media (min-width: 48em) and (max-width: 63.0625em){
    .header__navigation{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
@media (min-width: 48em){
    .nav-links__list{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        -webkit-justify-content:space-between;
        -moz-justify-content:space-between;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -webkit-align-items:center;
        -moz-align-items:center;
        align-items:center;
        height:6.375rem
    }
    .nav-links__item-link{
        display:inline-block;
        padding:.125rem .375rem;
        font-size:.6875rem
    }
}
@media (min-width: 48em) and (min-width: 37.5em){
    .nav-links__item-link{
        font-size:.75rem
    }
}
@media (min-width: 48em){
    .nav-links__item:first-child .nav-links__item-link{
        padding-left:3
    }
    .nav-links__item:last-child .nav-links__item-link{
        padding-right:3
    }
}
#footer{
    background-color:#D1A648;
    padding-top:4.0625rem;
    padding-bottom:4.0625rem
}
.footer-logo{
    display:block;
    min-width:14.25rem;
    width:16.9vw;
    max-width:8.25rem;
    margin-top:1.875rem;
    margin-bottom:1.875rem;
    margin-left:auto;
    margin-right:auto;

}

@media (min-width: 48em){
    .footer-logo{
        width:11.875rem;
        height:4.625rem
    }
}

.kaarsilla-logo{
    display:block;
    min-width:12.5rem;
    width:16.9vw;
    max-width:8.25rem;
    margin-top:1.875rem;
    margin-bottom:1.875rem;
    margin-left:auto;
    margin-right:auto
}

@media (min-width: 48em){
    .kaarsilla-logo{
        width:11.875rem;
        height:4.625rem
    }
}

.footer-newsletter__title{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:.75rem;
    margin-bottom:.875rem;
    font-family:"roboto",sans-serif;
    color:#fff;
    text-align:center
}
.footer-newsletter__title a{
    color:#9d9272
}
.footer-newsletter__title a:hover{
    color:#000
}
@media (min-width: 37.5em){
    .footer-newsletter__title{
        font-size:.8125rem
    }
}
@media (max-width: 37.5em){
    .footer-newsletter__title{
        padding-left:1.25em;
        padding-left:1.25em
    }
}
.footer-newsletter__form{
    width:100%;
    max-width:18.75rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2.5rem
}
@media (max-width: 37.5em){
    .footer-newsletter__form{
        padding-left:1.25em;
        padding-left:1.25em
    }
}
.footer-newsletter__reveal{
    display:none
}
.footer-links__icons{
    margin-bottom:1rem;
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center
}
.footer-links__icons li{
    margin-right:.875rem
}
@media (min-width: 37.5em){
    .footer-links__icons li{
        margin-right:1.5rem
    }
}
@media (min-width: 48em){
    .footer-links__icons li{
        margin-right:2.25rem
    }
}
.footer-links__icons li:last-of-type{
    margin-right:0
}
.footer-links__icons li:last-of-type a.icon-text{
    padding-right:0
}
.footer-links__icons a.icon-text{
    display:inline-block;
    padding:6px 13px 4px 6px;
    margin-bottom:10px;
    color:#fff;
    transition:color .15s
}
@media (max-width: 31.1875em){
    .footer-links__icons a.icon-text i{
        display:none
    }
}
.footer-links__icons a.icon-text:hover{
    color:#000
}
.footer-links__icons a.icon-text svg{
    fill:#fff;
    transition:fill .15s
}
.footer-links__icons a.icon-text:hover svg{
    fill:#000
}
.footer-links__pages{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center
}
.footer-links__pages li{
    margin-right:1.5rem
}
.footer-links__pages li:last-of-type{
    margin-right:0
}
.footer-links__pages a{
    font-family:"ubuntu",sans-serif;
    font-size:.6875rem;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.0625rem
}
@media (min-width: 37.5em){
    .footer-links__pages a{
        font-size:.75rem
    }
}
.footer-links__pages a:hover{
    color:#000
}
#main{
    position:relative;
    padding-bottom:1.75rem
}
@media (max-width: 47.9375em){
    #main{
        padding-top:81px
    }
}
@media (min-width: 48em){
    #main{
        padding-bottom:2.5rem
    }
}
@media (max-width: 86.1875em){
    #main{
        padding-left:1.25em;
        padding-right:1.25em
    }
}
.l-wrapper{
    width:100%;
    max-width:76.875rem;
    margin-left:auto;
    margin-right:auto;
    padding-left:1.875rem;
    padding-right:1.875rem
}
.l-wrapper--970{
    max-width: 35.625rem;
    margin-left:auto;
    margin-right:auto
}
.l-wrapper-sidebar-main{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex
}
.l-container--sidebar-two-col{
    width:17.09402%;
    margin-right:2.5641%
}
@media (max-width: 47.9375em){
    .l-container--sidebar-two-col{
        display:none
    }
}
.l-container--main-eight-col{
    width:100%
}
@media (min-width: 48em){
    .l-container--main-eight-col{
        width:82.90598%
    }
}
.l-wrapper--1170{
    max-width:73.125rem;
    margin-left:auto;
    margin-right:auto
}
@media (min-width: 37.5em){
    .l-container--ten-eight-col{
        padding-left:8.54701%;
        padding-right:8.54701%
    }
}
@media (min-width: 48em){
    .l-container--ten-eight-col{
        padding-left:17.09402%;
        padding-right:17.09402%
    }
}
@media (min-width: 48em){
    .l-container--ten-col{
        padding-left:8.54701%;
        padding-right:8.54701%
    }
}
.l-wrapper-border--1710{
    max-width:100rem;
    margin-left:auto;
    margin-right:auto
}
@media (min-width: 86.25em){
    .l-wrapper-border--1710{
        padding-left:1.5625rem;
        padding-right:1.5625rem
    }
}
@media (min-width: 106.875em){
    .l-wrapper-border--1710{
        padding-left:0rem;
        padding-right:0rem
    }
}
.l-wrapper-border--1440{
    max-width:83.125rem;
    margin-left:auto;
    margin-right:auto
}
@media (min-width: 86.25em){
    .l-wrapper-border--1440{
        padding-left:1.5625rem;
        padding-right:1.5625rem
    }
}
@media (min-width: 90em){
    .l-wrapper-border--1440{
        padding-left:0rem;
        padding-right:0rem
    }
}
img[data-sizes="auto"]{
    display:block;
    width:100%
}
.lazyload,.lazyloading{
    opacity:0
}
.lazyloaded{
    opacity:1;
    transition:opacity 300ms
}
.lazyload.lazy-zoom,.lazyloading.lazy-zoom{
    opacity:0;
    transform:scale(0.95)
}
.lazyloaded.lazy-zoom{
    opacity:1;
    transform:scale(1);
    transition:opacity 1.5s,transform 1.5s
}
.btn-primary{
    display:inline-block;
    font-size:.6875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#9d9272;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s ease-out;
    padding:.6875rem 1rem .625rem;
    margin-bottom:1.25rem;
    border:1px solid #9d9272;
    border-radius:1.6875rem;
    background-color:#fff
}
@media (min-width: 37.5em){
    .btn-primary{
        font-size:.75rem
    }
}
@media (min-width: 37.5em){
    .btn-primary{
        padding:.75rem 1.5rem .6875rem
    }
}
@media (min-width: 48em){
    .btn-primary{
        padding:.9375rem 2rem .8125rem
    }
}
.btn-primary:hover{
    color:#fff;
    background-color:#9d9272
}
.btn-tertiary{
    display:inline-block;
    font-size:.6875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#9d9272;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s ease-out;
    padding:.4375rem .8125rem .375rem;
    color:#000;
    border:1px solid #000;
    background-color:#fff;
    z-index:1
}
@media (min-width: 37.5em){
    .btn-tertiary{
        font-size:.75rem
    }
}
@media (min-width: 37.5em){
    .btn-tertiary{
        padding:.8125rem 1.625rem .75rem
    }
}
.btn-tertiary:hover{
    color:#fff
}
.btn-tertiary::before{
    background-color:#000
}
.btn-block{
    margin-bottom:7.3125rem
}
.link__arrow{
    display:inline-block;
    font-size:.6875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#9d9272;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s ease-out
}
@media (min-width: 37.5em){
    .link__arrow{
        font-size:.75rem
    }
}
.link__arrow::after{
    content:'';
    display:inline-block;
    width:1.875rem;
    height:.625rem;
    background-image:url('../img/icons/svg/arrow-right-long--beige-1516641927.svg.html');
    background-repeat:no-repeat;
    margin-left:.5625rem;
    transform:translateY(.0625rem);
    transition:content .15s
}
.link__arrow:hover{
    color:#000
}
.link__arrow:hover::after{
    background-image:url('../img/icons/svg/arrow-right-long-1516641927.svg.html')
}
.link__arrow--back{
    display:inline-block;
    font-size:.6875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#9d9272;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s ease-out
}
@media (min-width: 37.5em){
    .link__arrow--back{
        font-size:.75rem
    }
}
.link__arrow--back::before{
    content:'';
    display:inline-block;
    width:1.875rem;
    height:.625rem;
    background-image:url('../img/icons/svg/arrow-right-long--beige-1516641927.svg.html');
    background-repeat:no-repeat;
    margin-right:.5625rem;
    transform:rotate(180deg);
    transition:content .15s
}
.link__arrow--back:hover{
    color:#000
}
.link__arrow--back:hover::before{
    background-image:url('../img/icons/svg/arrow-right-long-1516641927.svg.html')
}
.floating-label.input-container.link__arrow--absolute-container input{
    padding-right:3.125rem
}
.link__arrow--absolute--white{
    display:inline-block;
    font-size:.6875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#9d9272;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s ease-out;
    position:absolute;
    top:.875rem;
    right:-.4375rem;
    color:#fff;
    z-index:1;
    transform:translateX(-.1875rem)
}
@media (min-width: 37.5em){
    .link__arrow--absolute--white{
        font-size:.75rem
    }
}
.link__arrow--absolute--white::after{
    content:'';
    display:inline-block;
    width:1.875rem;
    height:.625rem;
    background-image:url('../img/icons/svg/arrow-right-long--beige-1516641927.svg.html');
    background-repeat:no-repeat;
    margin-left:.5625rem;
    transform:translateY(.0625rem);
    transition:content .15s
}
.link__arrow--absolute--white:hover{
    color:#000
}
.link__arrow--absolute--white:hover::after{
    background-image:url('../img/icons/svg/arrow-right-long-1516641927.svg.html')
}
.link__arrow--absolute--white::after{
    background-image:url('../img/icons/svg/arrow-right-long--beige-lgt-1518122030.svg.html');
    background-repeat:no-repeat
}
.link__arrow--absolute--white:hover{
    transform:translateX(0)
}
.link__arrow--absolute--white:hover::after{
    background-image:url('../img/icons/svg/arrow-right-long--beige-lgt-1518122030.svg.html')
}
.form-item{
    margin-bottom:1.5em
}
input[type='text'],textarea,select,input[type='checkbox']{
    width:100%;
    border:1px solid #f3f5f7;
    background-color:transparent;
    font-size:.9375rem;
    line-height:1.25;
    font-weight:400;
    color:#4a4a4a
}
@media (min-width: 31.25em){
    input[type='text'],textarea,select,input[type='checkbox']{
        max-width:100%;
    }
}
@media (min-width: 37.5em){
    input[type='text'],textarea,select,input[type='checkbox']{
        font-size:1rem
    }
}
input[type='text'],textarea,select{
    padding-left:.625rem;
    padding-right:.625rem
}
input[type='text'],.form-item--select-single select{
    height:2.6875rem
}
@media (min-width: 37.5em){
    input[type='text'],.form-item--select-single select{
        height:2.75rem
    }
}
.form-item--select-multiple select,textarea{
    padding-top:.25rem
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    -webkit-border-radius:0;
    border-radius:0;
    line-height:38px
}
select option{
    margin-bottom:0.2em
}
.form-select__wrapper{
    width:100%;
    position:relative
}
.form-select__wrapper::after{
    content:url('../img/icons/svg/triangle-black--down.svg.html');
    position:absolute;
    top:0;
    right:.625rem;
    width:.625rem;
    height:.625rem;
    pointer-events:none
}
textarea{
    max-width:26.5625rem
}
.form-item--radios .form-item__label,.form-item--checkboxes .form-item__label{
    margin-bottom:0.5em
}
.option--radio,.option--checkbox{
    font-size:.9375rem;
    line-height:1.25;
    color:#4a4a4a;
    font-weight:400
}
@media (min-width: 37.5em){
    .option--radio,.option--checkbox{
        font-size:1rem
    }
}
.form-item--checkbox{
    position:relative
}
.form-item--checkbox input{
    display:none
}
.form-item--checkbox label{
    cursor:pointer;
    text-indent:-2em;
    margin-left:2em;
    font-family:"roboto",sans-serif;
    color:#fff;
    font-size:.6875rem;
    color:#cAcAc8;
    font-weight:400;
    transition:color .15s
}
@media (min-width: 37.5em){
    .form-item--checkbox label{
        font-size:.75rem
    }
}
.form-item--checkbox label::before{
    content:' ';
    position:relative;
    display:inline-block;
    width:1.0625rem;
    height:1.0625rem;
    position:relative;
    top:3px;
    margin-right:.75rem;
    border:1px solid #bebebc;
    transition:background-color .15s linear
}
.form-item--checkbox label::after{
    display:block;
    position:absolute;
    top:.125rem;
    left:.25rem;
    width:.625rem;
    height:.5rem;
    content:url('../img/icons/svg/checkmark--white-1516989278.svg.html');
    opacity:0;
    transition:opacity .15s
}
@media (min-width: 37.5em){
    .form-item--checkbox label::after{
        top:.1875rem
    }
}
.form-item--checkbox input:checked+label{
    color:#fff
}
.form-item--checkbox input:checked+label::before{
    border:1px solid #fff
}
.form-item--checkbox input:checked+label::after{
    opacity:1
}
.form-item--radio{
    margin-bottom:0.25em
}
.form-item--radio input[type='radio']{
    display:none
}
.form-item--radio input[type='radio']+label{
    cursor:pointer
}
.form-item--radio input[type='radio']+label span{
    position:relative;
    display:inline-block;
    width:1.25rem;
    height:1.25rem;
    margin:-3px 12px 0 0;
    vertical-align:middle;
    cursor:pointer;
    border:1px solid #bebebc;
    border-radius:50%
}
.form-item--radio input[type='radio']+label span::after{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:transparent;
    opacity:0
}
.form-item--radio input[type='radio']:checked+label span::after{
    background-color:#e5001c;
    opacity:1
}
.form-item--radio input[type='radio']+label span,.form-item--radio input[type='radio']:checked+label span,.form-item--radio input[type='radio']:checked+label span::after{
    transition:background-color 0.4s, opacity 0.4s
}
.search-form form{
    display:inline-block
}
.search-form .form-item--textfield{
    position:relative
}
.search-form .form-item--textfield::before{
    position:absolute;
    top:.8125rem;
    right:.5rem;
    content:url('../img/icons/svg/search--grey.svg.html');
    width:1.125rem;
    height:1.125rem;
    display:block
}
.search-form input[type='text']{
    padding-right:2.125rem;
    width:28.75rem;
    background-color:#fff
}
.search-form__close{
    display:inline-block;
    width:1.875rem;
    height:2.625rem;
    transform:translate(-4px, -12px)
}
.search-form__close:hover{
    cursor:pointer
}
.search-form__close svg{
    width:.875rem;
    height:.875rem;
    fill:#fff;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.js-search-form--is-active.search-form{
    display:block
}
button,input[type='reset'],input[type='button'],input[type='submit']{
    display:inline-block;
    font-size:.6875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#9d9272;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s ease-out
}
@media (min-width: 37.5em){
    button,input[type='reset'],input[type='button'],input[type='submit']{
        font-size:.75rem
    }
}
button::after,input[type='reset']::after,input[type='button']::after,input[type='submit']::after{
    content:'';
    display:inline-block;
    width:1.875rem;
    height:.625rem;
    background-image:url('../img/icons/svg/arrow-right-long--beige-1516641927.svg.html');
    background-repeat:no-repeat;
    margin-left:.5625rem;
    transform:translateY(.0625rem);
    transition:content .15s
}
button:hover,input[type='reset']:hover,input[type='button']:hover,input[type='submit']:hover{
    color:#000
}
button:hover::after,input[type='reset']:hover::after,input[type='button']:hover::after,input[type='submit']:hover::after{
    background-image:url('../img/icons/svg/arrow-right-long-1516641927.svg.html')
}
label{
    position:relative;
    font-size:.8125rem;
    font-weight:700;
    color:#000;
    display:inline-block;
    margin-bottom:0.65em
}
@media (min-width: 37.5em){
    label{
        font-size:.875rem
    }
}
.form-required{
    margin-left:.25rem;
    color:#e5001c
}
.form-item__help{
    font-size:.8125rem;
    color:#bebebc;
    margin-top:0.4em
}
@media (min-width: 37.5em){
    .form-item__help{
        font-size:.875rem
    }
}
::-webkit-input-placeholder{
    color:#bebebc
}
:-moz-placeholder{
    color:#bebebc
}
::-moz-placeholder{
    color:#bebebc
}
:-ms-input-placeholder{
    color:#bebebc
}
.floating-label.input-container{
    position:relative;
    width:100%;
    max-width:18.75rem;
    margin-bottom:1em;
    padding-top:0.631em
}
.floating-label.input-container label{
    position:absolute;
    top:.6875rem;
    left:0;
    transition:all 0.25s;
    color:#cAcAc8;
    cursor:text;
    font-size:.875rem;
    line-height:1.2;
    font-weight:700;
    line-height:1.333
}
@media (min-width: 37.5em){
    .floating-label.input-container label{
        font-size:.9375rem
    }
}
.floating-label.input-container input{
    width:100%;
    background:none;
    padding:2px 2px 6px 0;
    border:none;
    border-bottom:2px solid #cAcAc8;
    font-size:.8125rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#fff;
    line-height:20px;
    outline:none;
    letter-spacing:0.05em;
    position:relative;
    z-index:1;
    cursor:pointer;
    transition:opacity 1s
}
@media (min-width: 37.5em){
    .floating-label.input-container input{
        font-size:.875rem
    }
}
.floating-label.input-container input:focus+label,.floating-label.input-container input.filled+label,.floating-label.input-container select:focus+label,.floating-label.input-container select.filled+label{
    opacity:0
}
.floating-label.input-container input:focus+label,.floating-label.input-container select:focus+label{
    color:#000
}
.menu-tabs__content-wrapper{
    border-left:1.25rem solid #ebe9e3;
    border-right:1.25rem solid #ebe9e3;
    border-bottom:1.875rem solid #ebe9e3
}
@media (min-width: 37.5em){
    .menu-tabs__content-wrapper{
        border-left:2.5rem solid #ebe9e3;
        border-right:2.5rem solid #ebe9e3;
        border-bottom:3.75rem solid #ebe9e3
    }
}
.tab-wrapper__list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    text-align:center
}
.tab-wrapper__item{
    font-size:.875rem;
    line-height:1.2;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -moz-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-weight:700;
    text-transform:uppercase
}
@media (min-width: 37.5em){
    .tab-wrapper__item{
        font-size:.9375rem
    }
}
.tab-wrapper__item a{
    display:block;
    padding:1.0625rem .9375rem 1rem;
    text-align:center;
    transition:all .15s
}
@media (min-width: 37.5em){
    .tab-wrapper__item a{
        padding-top:2.125rem;
        padding-bottom:2.0625rem
    }
}
.ui-state-active a,.ui-state-active.ui-state-hover a{
    background-color:#968f8b;
    color:#fff
}
.ui-state-hover a{
    background-color:#ebe9e3;
    color:#fff
}
.share-this{
    position:relative;
    display:block;
    margin-top:2.75rem;
    margin-bottom:1.625rem
}
.share-this__list{
    display:inline-block;
    transform:translate(-100%, .4375rem);
    transition:transform .15s
}
.share-this__list-item{
    display:inline-block
}
.share-this__icon a{
    display:block;
    width:1.3125rem;
    height:1.3125rem;
    margin-left:.625rem;
    margin-right:.625rem
}
.share-this__icon:hover svg{
    fill:#676a6e
}
.share-this__icon svg{
    fill:#bebebc;
    width:1.3125rem;
    height:1.3125rem;
    transition:fill .15s
}
.share-this__icon:hover{
    cursor:pointer
}
.share-this__icon--twitter{
    margin-left:-.375rem;
    transform:translateY(.0625rem)
}
.share-this__icon--pinterest{
    margin-left:-.1875rem;
    transform:translateY(.0625rem)
}
.js-share-this--active .share-this__list{
    transform:translate(0, .4375rem)
}
blockquote,blockquote p{
    font-size:1.125rem;
    line-height:1.5;
    font-style:italic;
    text-align:center;
    color:#000
}
@media (min-width: 37.5em){
    blockquote,blockquote p{
        font-size:1.25rem
    }
}
blockquote p::before,blockquote P::after,blockquote p p::before,blockquote p P::after{
    font-size:1.125rem;
    line-height:1.5
}
@media (min-width: 37.5em){
    blockquote p::before,blockquote P::after,blockquote p p::before,blockquote p P::after{
        font-size:1.25rem
    }
}
blockquote p::before,blockquote p p::before{
    content:open-quote
}
blockquote p::after,blockquote p p::after{
    content:close-quote
}
blockquote{
    max-width:60.625rem;
    margin-left:auto;
    margin-right:auto
}
@media (min-width: 37.5em){
    blockquote{
        padding-left:2.5rem;
        padding-right:2.5rem
    }
}
cite{
    font-size:.9375rem;
    font-weight:600;
    font-style:normal
}
.pager::after{
    content:'';
    display:table;
    clear:both
}
.pager__list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:.9375rem;
    line-height:1.25
}
@media (min-width: 37.5em){
    .pager__list{
        font-size:1rem
    }
}
.pager__list-item,.pager__list-item--first,.pager__list-item--previous,.pager__list-item--next,.pager__list-item--last{
    margin-bottom:1.75em;
    text-transform:capitalize
}
.pager__list-item a,.pager__list-item--first a,.pager__list-item--previous a,.pager__list-item--next a,.pager__list-item--last a{
    color:#000;
    font-weight:600
}
.pager__list-item a:hover,.pager__list-item--first a:hover,.pager__list-item--previous a:hover,.pager__list-item--next a:hover,.pager__list-item--last a:hover{
    color:#676a6e
}
.pager__list-item{
    position:relative;
    display:inline-table;
    padding-left:.875rem;
    padding-right:.875rem;
    padding-bottom:.25rem
}
.pager__list li.pager__list-item::before{
    content:'';
    position:absolute;
    top:.25rem;
    left:0;
    width:.0625rem;
    height:.75rem;
    background-color:#bebebc
}
.pager__list li.pager__list-item:first-of-type::before,.pager__list li.js-pager-first__number::before{
    background-color:transparent
}
.pager__list-item--current{
    position:relative;
    color:#676a6e
}
.pager__list-item--current:hover{
    cursor:default;
    color:#676a6e
}
.pager__list-item--current::after{
    content:'';
    position:absolute;
    bottom:0;
    left:20%;
    width:60%;
    height:3px;
    background-color:#e5001c
}
.pager__list-item--first,.pager__list-item--previous{
    margin-right:.5rem
}
.pager__list-item--next,.pager__list-item--last{
    margin-left:.5rem
}
.pager__list-item--previous::before,.pager__list-item--next::after{
    display:inline-block;
    width:.9375rem;
    height:.8125rem
}
.pager__list-item--previous{
    margin-left:.9375rem
}
.pager__list-item--previous::before{
    content:url('../img/icons/svg/arrow-left--red.svg.html');
    margin-right:.5625rem
}
.pager__list-item--next{
    margin-right:.9375rem
}
.pager__list-item--next::after{
    content:url('../img/icons/svg/arrow-right--red.svg.html');
    margin-left:.5625rem
}
.label-date{
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    padding:1.1875rem 1rem .75rem;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    background-color:#9d9272
}
.label-date__sidebar{
    padding:1.1875rem 1rem .75rem 0;
    margin-right:.5rem;
    border-right:1px solid #7d7773;
    color:#7d7773;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.0625rem
}
@media (min-width: 56.25em){
    .label-date__sidebar{
        padding-left:1rem
    }
}
.label-date__inline--event{
    font-family:"roboto",sans-serif;
    font-size:.6875rem;
    color:#676a6e;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    margin-bottom:.75rem
}
@media (max-width: 24.9375em){
    .label-date__inline--event{
        display:block
    }
}
@media (min-width: 48em){
    .label-date__inline--event{
        display:none
    }
}
@media (min-width: 25em){
    .label-date__inline--event::before{
        display:inline-block;
        content:'|';
        padding-left:.625rem;
        padding-right:.625rem
    }
}
.label-date__day{
    font-size:2rem;
    margin-bottom:0.2em;
    line-height:0.65
}
@media screen and (min-width: 31.25em){
    .label-date__day{
        font-size:calc(2rem + 1.25 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .label-date__day{
        font-size:3.25rem
    }
}
.label-date__month{
    font-size:.6875rem;
    font-weight:600
}
@media (min-width: 37.5em){
    .label-date__month{
        font-size:.75rem
    }
}
.label-date__year{
    font-size:.6875rem;
    font-weight:600
}
@media (min-width: 37.5em){
    .label-date__year{
        font-size:.75rem
    }
}
.label-promo{
    display:inline-block;
    position:absolute;
    top:1.25rem;
    left:-.4375rem;
    z-index:1;
    padding:.6875rem 1rem .5rem;
    font-size:.6875rem;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    background-color:#9d9272
}
@media (min-width: 37.5em){
    .label-promo{
        font-size:.75rem
    }
}
.header-logo{
    margin-top:1.875rem;
    margin-left:auto;
    margin-right:auto
}
.hero-panel{
    position:relative;
    margin-bottom:4.0625rem
}
@media (min-width: 48em){
    .hero-panel{
        margin-bottom:4.25rem
    }
}
@media (min-width: 60em){
    .hero-panel{
        margin-bottom:6.25rem
    }
}
.hero-panel__inner{
    position:relative;
    overflow:hidden
}
@media (min-width: 34.375em){
    .window-loaded .hero-panel__inner img.hero-panel__image{
        animation:imageZoom;
        animation-delay:0.5s;
        animation-duration:7s;
        animation-fill-mode:forwards;
        animation-timing-function:linear
    }
}
.hero-panel__logo-container{
    width:37vw;
    max-width:16.0625rem;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
@media (min-width: 34.375em){
    .hero-panel__logo-container{
        width:22vw
    }
}
.hero-panel__scroll{
    position:absolute;
    left:50%;
    bottom:-.75rem;
    transform:translateX(-50%)
}
@media (max-width: 59.9375em){
    .hero-panel__scroll{
        display:none
    }
}
.hero-panel__scroll::before{
    display:block;
    content:'';
    width:1px;
    background-color:#9d9272;
    height:6.875rem;
    position:absolute;
    left:50%
}
.hero-panel__scroll::before{
    transform:translateY(-95%)
}
.hero-panel__scroll svg{
    width:2.0625rem;
    height:3.25rem;
    padding:.8125rem .5rem;
    cursor:pointer;
    fill:#9d9272;
    transition:fill .15s
}
.hero-panel__scroll:hover svg{
    fill:#bebebc
}
.lead-image-letterbox__image,.lead-image-letterbox-tall__image{
    margin-bottom:2.25rem
}
@media (min-width: 48em){
    .lead-image-letterbox__image,.lead-image-letterbox-tall__image{
        margin-bottom:3rem
    }
}
@media (min-width: 64em){
    .lead-image-letterbox__image,.lead-image-letterbox-tall__image{
        margin-bottom:6.0625rem
    }
}
.header-intro__page-container{
    max-width:60.625rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2.625rem;
    text-align:center
}
@media (min-width: 37.5em){
    .header-intro__page-container{
        padding-left:2.1875rem;
        padding-right:2.1875rem
    }
}
.header-intro__page-container > p{
    font-size:1.125rem;
    line-height:1.5
}
@media (min-width: 37.5em){
    .header-intro__page-container > p{
        font-size:1.25rem
    }
}
.header-intro__section-container{
    max-width:48.125rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2.625rem;
    text-align:center
}
@media (min-width: 37.5em){
    .header-intro__section-container{
        padding-left:4.375rem;
        padding-right:4.375rem
    }
}
.header-intro__section-text{
    font-size:1.125rem;
    line-height:1.5
}
@media (min-width: 37.5em){
    .header-intro__section-text{
        font-size:1.25rem
    }
}
.image-block__credits{
    padding-top:1.625em;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between
}
@media (max-width: 59.9375em){
    .image-block__credits{
        display:none
    }
}
.image-block__credits a{
    color:000
}
.image-block__caption,.image-block__caption-two,.image-block__photographer{
    font-size:.8125rem;
    color:#000;
    line-height:1.3;
    font-weight:600

}
.image-block__caption{
    margin-bottom:0.5em
}
@media (min-width: 68.6875em){
    .image-block__caption{
        width:47.5%
    }
}
.image-block__photographer::before{
    content:'';
    background-image:url('../img/icons/svg/camera--greyeige-1516641927.svg.html');
    background-repeat:no-repeat;
    display:inline-block;
    width:.875rem;
    height:.75rem;
    margin-right:.375rem;
    transform:translateY(1px)
}
@media (min-width: 65.3125em){
    .l-wrapper--narrow .text-editor .image-block,.l-wrapper--narrow .text-editor .u-video-wrapper{
        width:calc(100% + 80px);
        margin-left:-40px;
        margin-right:-40px
    }
}
.image-grid__wrapper{
    margin-bottom:2.5em
}
.image-grid__image{
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#f3f5f7
}
.image-grid__row-2,.image-grid__row-3{
    clear:both;
    overflow:hidden;
    margin-bottom:2.5641%
}
.image-grid__image-1{
    position:relative;
    padding-top:44.78632%;
    overflow:hidden;
    margin-bottom:2.5641%
}
.row-2__col-1{
    float:left;
    width:65.81197%
}
.image-grid__image-2{
    position:relative;
    padding-top:68.05195%;
    overflow:hidden
}
.row-2__col-2{
    float:right;
    width:31.62393%
}
.image-grid__image-3{
    position:relative;
    padding-top:66.75676%;
    overflow:hidden;
    margin-bottom:8%
}
.image-grid__image-4{
    position:relative;
    padding-top:66.75676%;
    overflow:hidden
}
.row-3__col-1{
    float:left;
    width:31.62393%
}
.row-3__col-2{
    float:right;
    width:65.81197%
}
.image-grid__image-5{
    position:relative;
    padding-top:141.62162%;
    overflow:hidden
}
.image-grid__image-6{
    position:relative;
    padding-top:68.05195%;
    overflow:hidden
}




.media-block-one{
    margin-bottom:.9375rem;
    position:relative
}
@media (min-width: 37.5em){
    .media-blocks-one--grid{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-left:-.9375rem;
        margin-right:-.9375rem
    }
}
.media-blocks-one--grid .media-block-one{
    margin-bottom:3rem
}
@media (min-width: 48em){
    .media-blocks-one--grid .media-block-one{
        margin-bottom:4.375rem
    }
}
@media (min-width: 37.5em){
    .media-blocks-one--grid .media-block-one{
        width:calc(50% - 1.875rem);
        margin-left:.9375rem;
        margin-right:.9375rem
    }
}
@media (min-width: 60em){
    .media-blocks-one--grid .media-block-one{
        width:calc(33.33333% - 1.875rem)
    }
}
@media (min-width: 37.5em){
    .media-blocks-one__sticky--grid{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding-top:2.1875rem;
        padding-bottom:1.4375rem;
        margin-left:-.9375rem;
        margin-right:-.9375rem
    }
}
.media-blocks-one__sticky--grid .media-block-one{
    margin-bottom:3rem
}
@media (min-width: 37.5em){
    .media-blocks-one__sticky--grid .media-block-one{
        width:calc(50% - 1.875rem);
        margin-left:.9375rem;
        margin-right:.9375rem
    }
}
.media-block-one__ratio-wrapper{
    position:relative;
    padding-top:57.57052%;
    overflow:hidden;
    margin-bottom:1.4375rem
}
.media-block-one__sticky .media-block-one__ratio-wrapper{
    position:relative;
    padding-top:66.66667%;
    overflow:hidden;
    margin-bottom:2.0625rem
}
.media-block-one__image{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:transform 1s ease-out
}
.media-block-one__image:hover{
    transform:scale(1.2)
}
.media-block-one__date{
    font-family:"roboto",sans-serif;
    font-size:.6875rem;
    color:#676a6e;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    margin-bottom:.8125rem
}
.media-block-one__sticky .media-block-one__date{
    margin-bottom:1.1875rem
}
.media-block-one__title{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    line-height:1.5;
    letter-spacing:.125rem;
    font-size:1rem;
    line-height:1.3333;
    margin-bottom:0.25em;
    text-transform:none;
    letter-spacing:normal
}
.media-block-one__title a{
    color:#9d9272
}
.media-block-one__title a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .media-block-one__title{
        font-size:calc(1rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .media-block-one__title{
        font-size:1.125rem
    }
}
.media-block-one__sticky .media-block-one__title{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:1.375rem;
    line-height:1.2083;
    text-transform:none;
    margin-bottom:0.4em
}
.media-block-one__sticky .media-block-one__title a{
    color:#9d9272
}
.media-block-one__sticky .media-block-one__title a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .media-block-one__sticky .media-block-one__title{
        font-size:calc(1.375rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .media-block-one__sticky .media-block-one__title{
        font-size:1.5rem
    }
}
.media-block-one__text{
    font-size:1rem;
    line-height:1.4117;
    margin-bottom:1em
}
@media (min-width: 37.5em){
    .media-block-one__text{
        font-size:1.0625rem
    }
}
.media-block-one__sticky .media-block-one__text{
    font-size:1.0625rem;
    line-height:1.3333;
    margin-bottom:1.25em
}
@media (min-width: 37.5em){
    .media-block-one__sticky .media-block-one__text{
        font-size:1.125rem
    }
}
.media-block-two__wrapper{
    padding-top:9.3125rem;
    padding-bottom:9.375rem;
    background-color:#f8f7f4
}
@media (max-width: 75.625em){
    .media-block-two__container{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
.media-block-two{
    margin-bottom:.9375rem;
    overflow:hidden
}
@media (min-width: 37.5em){
    .media-block-two--grid{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-left:-.9375rem;
        margin-right:-.9375rem
    }
}
.media-block-two--grid .media-block-two{
    margin-bottom:3rem
}
@media (max-width: 37.4375em){
    .media-block-two--grid .media-block-two{
        max-width:20rem;
        margin-left:auto;
        margin-right:auto
    }
}
@media (min-width: 37.5em){
    .media-block-two--grid .media-block-two{
        width:calc(50% - 1.875rem);
        margin-left:.9375rem;
        margin-right:.9375rem
    }
}
@media (min-width: 48em){
    .media-block-two--grid .media-block-two{
        width:calc(33.33333% - 1.875rem)
    }
}
@media (min-width: 68.75em){
    .media-block-two--grid .media-block-two{
        width:calc(25% - 1.875rem)
    }
}
.media-block-two__ratio-wrapper{
    position:relative;
    padding-top:66.66667%;
    overflow:hidden;
    margin-bottom:1.375rem
}
.media-block-two__image{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.media-block-two__title{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    line-height:1.5;
    font-size:1.125rem;
    line-height:1.3333;
    margin-bottom:0.25em;
    text-transform:none;
    letter-spacing:normal
}
.media-block-two__title a{
    color:#9d9272
}
.media-block-two__title a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .media-block-two__title{
        font-size:calc(1.125rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .media-block-two__title{
        font-size:1.25rem
    }
}
.media-block-two__job-title{
    font-family:"roboto",sans-serif;
    font-size:.6875rem;
    color:#676a6e;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    margin-bottom:.25rem
}
.media-block-two__text{
    font-size:1rem;
    line-height:1.4117;
    margin-bottom:1em
}
@media (min-width: 37.5em){
    .media-block-two__text{
        font-size:1.0625rem
    }
}
.feature-panel__wrapper{
    margin-bottom:5.625em
}
@media (min-width: 48em){
    .feature-panel__wrapper{
        margin-bottom:11.25em
    }
}
.feature-panel{
    margin-bottom:.9375rem;
    position:relative
}
@media (max-width: 59.9375em){
    .feature-panel{
        clear:both;
        width:100%;
        max-width:31.25em;
        margin-left:auto;
        margin-right:auto
    }
}
@media (min-width: 60em){
    .feature-panel{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex
    }
}
@media (max-width: 59.9375em){
    .feature-panel__image-wrapper{
        margin-bottom:1.5em
    }
}
@media (min-width: 60em){
    .feature-panel__image-wrapper{
        width:calc(50% + 55px)
    }
}
@media (max-width: 59.9375em){
    .feature-panel__text-wrapper{
        text-align:center
    }
}
@media (min-width: 60em){
    .feature-panel__text-wrapper{
        width:calc(50% - 55px);
        position:absolute;
        top:50%;
        transform:translateY(-50%)
    }
}
.feature-panel__text-wrapper .btn-primary{
    margin-right:1.25rem
}
.feature-panel__title{
    font-family:'Ubuntu', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    line-height:1.5;
    letter-spacing:.125rem;
    font-size:1rem;
    margin-bottom:1em
}
.feature-panel__title a{
    color:#9d9272
}
.feature-panel__title a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .feature-panel__title{
        font-size:calc(1rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .feature-panel__title{
        font-size:1.125rem
    }
}
.feature-panel__text{
    font-size:1.125rem;
    line-height:1.65;
    margin-bottom:1.5em
}
@media (min-width: 37.5em){
    .feature-panel__text{
        font-size:1.1875rem
    }
}
@media (min-width: 60em){
    .feature-panel--odd .feature-panel__text-wrapper{
        right:0;
        padding-left:2.5rem
    }
}
@media (min-width: 60em) and (min-width: 68.75em){
    .feature-panel--odd .feature-panel__text-wrapper{
        padding-left:5rem
    }
}
@media (min-width: 60em){
    .feature-panel--even .feature-panel{
        -webkit-box-direction:reverse;
        -webkit-box-orient:horizontal;
        -webkit-flex-direction:row-reverse;
        -moz-flex-direction:row-reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .feature-panel--even .feature-panel__text-wrapper{
        left:0;
        padding-right:2.5rem
    }
}
@media (min-width: 60em) and (min-width: 68.75em){
    .feature-panel--even .feature-panel__text-wrapper{
        padding-right:5rem
    }
}
.feature-panel-two__wrapper{
    margin-bottom:5.625em
}
@media (min-width: 48em){
    .feature-panel-two__wrapper{
        margin-bottom:11.25em
    }
}
.feature-panel-two{
    margin-bottom:.9375rem;
    position:relative
}
@media (max-width: 59.9375em){
    .feature-panel-two{
        clear:both;
        width:100%;
        max-width:31.25em;
        margin-left:auto;
        margin-right:auto
    }
}
@media (min-width: 60em){
    .feature-panel-two{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex
    }
}
.feature-panel-two__image-wrapper{
    position:relative
}
.feature-panel-two__image-wrapper .label-date{
    top:.625rem;
    right:0
}
@media (min-width: 37.5em){
    .feature-panel-two__image-wrapper .label-date{
        top:1.25rem;
        right:-1.25rem
    }
}
@media (min-width: 68.75em){
    .feature-panel-two__image-wrapper .label-date{
        top:1.875rem;
        right:-1.875rem
    }
}
@media (max-width: 59.9375em){
    .feature-panel-two__image-wrapper{
        margin-bottom:1.5em
    }
}
@media (min-width: 60em){
    .feature-panel-two__image-wrapper{
        width:calc(50% + 55px)
    }
}
@media (max-width: 59.9375em){
    .feature-panel-two__text-wrapper{
        text-align:center
    }
}
@media (min-width: 60em){
    .feature-panel-two__text-wrapper{
        width:calc(50% - 55px);
        padding-left:2.5rem;
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%)
    }
}
@media (min-width: 68.75em){
    .feature-panel-two__text-wrapper{
        padding-left:3.75rem
    }
}
.feature-panel-two__text-wrapper .btn-primary{
    margin-bottom:0
}
.feature-panel-two__subtitle{
    margin-bottom:1.25em;
    font-size:.8125rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.125rem;
    color:#000
}
@media (min-width: 37.5em){
    .feature-panel-two__subtitle{
        font-size:.875rem
    }
}
.feature-panel-two__title{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:1.375rem;
    line-height:1.2083;
    margin-bottom:0.25em;
    text-transform:none
}
.feature-panel-two__title a{
    color:#9d9272
}
.feature-panel-two__title a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .feature-panel-two__title{
        font-size:calc(1.375rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .feature-panel-two__title{
        font-size:1.5rem
    }
}
.feature-panel-two__text{
    font-size:1.0625rem;
    line-height:1.3333;
    margin-bottom:1.5em
}
@media (min-width: 37.5em){
    .feature-panel-two__text{
        font-size:1.125rem
    }
}
.brand-block{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:6.5625rem;
    text-align:center
}
.brand-block__relais-chateaux svg{
    width:5rem;
    height:5.375rem
}
.reservation-box{
    display:block;
    position:relative;
    padding-top:1.25rem;
    padding-bottom:1.25rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:3.4375rem;
    font-size:1.0625rem;
    line-height:1.4;
    text-align:center;
    font-weight:600
}
@media (min-width: 48em){
    .reservation-box{
        padding-left:2.1875rem;
        padding-right:2.1875rem
    }
}
@media (min-width: 37.5em){
    .reservation-box{
        font-size:1.125rem
    }
}
.reservation-box::before{
    position:absolute;
    display:block;
    content:'';
    width:5rem;
    height:.125rem;
    margin-left:auto;
    margin-right:auto;
    background-color:#D1A648;
    top:0rem;
    left:50%;
    transform:translateX(-50%)
}
.reservation-box::after{
    position:absolute;
    display:block;
    content:'';
    width:5rem;
    height:.125rem;
    margin-left:auto;
    margin-right:auto;
    background-color:#D1A648;
    bottom:0rem;
    left:50%;
    transform:translateX(-50%)
}
.reservation-box p{
    margin-bottom:0
}
.info-box__wrapper{
    margin-bottom:6.25em
}
.info-box{
    max-width:35.625rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2.5rem;
    text-align:center
}
@media (min-width: 31.25em){
    .info-box{
        padding-left:1.5625rem;
        padding-right:1.5625rem;
        margin-bottom:3.75rem
    }
}
.info-box__title{
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:.9375rem;
    display:inline-block;
    position:relative;
    margin-bottom:3em
}
.info-box__title a{
    color:#9d9272
}
.info-box__title a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .info-box__title{
        font-size:calc(.9375rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .info-box__title{
        font-size:1.0625rem
    }
}
.info-box__title::after{
    position:absolute;
    display:block;
    content:'';
    width:5rem;
    height:0.125rem;
    margin-left:auto;
    margin-right:auto;
    background-color:#D1A648;
    bottom:-1.4375rem;
    left:50%;
    transform:translateX(-50%)
}
.info-box__text{
    font-size:1rem;
    line-height:1.45;
    color: 000
}
@media (min-width: 37.5em){
    .info-box__text{
        font-size:1.0625rem
    }
}
@media (min-width: 48em){
    .info-box--grid{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-left:-.9375rem;
        margin-right:-.9375rem
    }
}
@media (max-width: 63.9375em){
    .info-box--grid{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
@media (min-width: 60em){
    .info-box--grid .info-box{
        width:calc(33.33333% - 1.875rem);
        padding-left:0rem;
        padding-right:0rem;
        margin-left:.9375rem;
        margin-right:.9375rem
    }
}
@media (min-width: 64em){
    .info-box--grid .info-box{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
.info-strip{
    padding:1.6875rem 1.25rem 1.4375rem 0rem;
    margin-bottom:1.875rem;
    background-color:#f7f6f6;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex
}
@media (min-width: 40.625em){
    .info-strip{
        padding-right:1.875rem
    }
}
.info-strip__date{
    width:7.75rem;
    padding-top:1.125rem;
    color:#7d7773;
    text-align:center;
    text-transform:uppercase
}
@media (max-width: 40.5625em){
    .info-strip__date{
        display:none
    }
}
.reveal__content span{
    display:none
}
.link__reveal{
    display:inline-block;
    font-size:.6875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    color:#9d9272;
    text-transform:uppercase;
    letter-spacing:.0625rem;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    transition:all .15s ease-out;
    display:block;
    margin-top:.8125rem
}
@media (min-width: 37.5em){
    .link__reveal{
        font-size:.75rem
    }
}
.link__reveal::after{
    display:inline-block;
    content:'';
    width:10px;
    height:10px;
    margin-left:.4375rem;
    background-image:url('../img/icons/svg/icon-plus--beige-lgt-1520029039.svg.html');
    background-repeat:no-repeat
}
.link__reveal.less::after{
    background-image:url('../img/icons/svg/icon-minus--beige-lgt-1520029030.svg.html');
    transform:translateY(.25rem)
}
.info-strip__detail{
    width:100%;
    padding-left:1.875rem
}
@media (min-width: 40.625em){
    .info-strip__detail{
        padding-left:2.5rem;
        border-left:1px solid #7d7773
    }
}
.info-strip__location{
    margin-bottom:.5625rem;
    font-family:"roboto",sans-serif;
    font-size:.6875rem;
    line-height:1.4;
    font-weight:600;
    color:#968f8b;
    text-transform:uppercase
}
@media (min-width: 40.5625em){
    .info-strip__detail-date--single-date{
        display:none
    }
}
.info-strip__detail-date--single-date::before{
    display:inline-block;
    content:'|';
    padding-left:.625rem;
    padding-right:.625rem
}
.info-strip__detail-date--multi-date::before{
    display:inline-block;
    content:'|';
    padding-left:.625rem;
    padding-right:.625rem
}
.info-strip__title{
    margin-bottom:.3125rem;
    font-family:'Libre Franklin', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:1.25rem;
    color:#7d7773;
    line-height:1.1818;
    text-transform:none
}
.info-strip__title a{
    color:#9d9272
}
.info-strip__title a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .info-strip__title{
        font-size:calc(1.25rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .info-strip__title{
        font-size:1.375rem
    }
}
.info-strip__text{
    margin-bottom:.6875rem;
    font-size:1.0625rem;
    line-height:1.1401;
    color:#968f8b
}
@media (min-width: 37.5em){
    .info-strip__text{
        font-size:1.125rem
    }
}
.text-editor h2{
    font-family:'Ubuntu', sans-serif;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.125rem;
    font-size:.875rem;
    font-family:"roboto",sans-serif;
    font-weight:700;
    margin-bottom:0.5em
}
.text-editor h2 a{
    color:#9d9272
}
.text-editor h2 a:hover{
    color:#bebebc
}
@media screen and (min-width: 31.25em){
    .text-editor h2{
        font-size:calc(.875rem + .125 * (100vw - 31.25em) / 41.875)
    }
}
@media screen and (min-width: 73.125em){
    .text-editor h2{
        font-size:1rem
    }
}
.text-editor p{
    font-size:1.125rem;
    line-height:1.5
}
@media (min-width: 37.5em){
    .text-editor p{
        font-size:1.25rem
    }
}
.text-editor ul,.text-editor ol,.text-editor dl{
    font-size:1.125rem;
    line-height:1.5
}
@media (min-width: 37.5em){
    .text-editor ul,.text-editor ol,.text-editor dl{
        font-size:1.25rem
    }
}
.text-editor ul{
    list-style:disc
}
.text-editor ol{
    list-style:decimal
}
.text-editor ul,.text-editor ol{
    margin-left:1em
}
.text-editor ul ul,.text-editor ol ol{
    list-style:circle
}
.text-editor ol ul{
    list-style:disc
}
.text-editor ul ul,.text-editor ul ol,.text-editor ol ul ol ol{
    margin-top:0.5em
}
.text-editor li{
    margin-bottom:0.5em
}
.text-editor dl{
    padding:0
}
.text-editor table{
    width:100%;
    border:none;
    margin-bottom:2.5rem
}
.text-editor table .btn-primary{
    margin-bottom:0
}
.text-editor table caption{
    text-transform:uppercase
}
.text-editor table th{
    padding:.625rem;
    border-bottom:2px solid #4a4a4a;
    text-transform:none;
    vertical-align:bottom;
    vertical-align:top;
    line-height:1.1
}
.text-editor table tr{
    border-bottom:1px solid #f3f5f7;
    text-align:center;
    font-weight:700
}
.text-editor table tr:first-child td{
    border-top:none
}
.text-editor table td{
    padding:.625rem
}
@media (min-width: 48em){
    .text-editor table tbody tr{
        height:65px;
        font-size:1rem
    }
}
@media (min-width: 48em) and (min-width: 37.5em){
    .text-editor table tbody tr{
        font-size:1.0625rem
    }
}
@media only screen and (max-width: 37.4375em){
    .text-editor table.responsive-table thead,.text-editor table.responsive-table tbody,.text-editor table.responsive-table th,.text-editor table.responsive-table td,.text-editor table.responsive-table tr{
        display:block
    }
    .text-editor table.responsive-table thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .text-editor table.responsive-table tr{
        border-bottom:none
    }
    .text-editor table.responsive-table tr:nth-of-type(odd){
        background:#f3f5f7
    }
    .text-editor table.responsive-table tr td{
        border:none;
        border-bottom:1px solid #676a6e;
        border-top:none;
        position:relative;
        padding-left:100px
    }
    .text-editor table.responsive-table td:before{
        position:absolute;
        top:12px;
        left:20px;
        padding-right:20px;
        white-space:nowrap
    }
    .text-editor table.responsive-table tr td{
        padding-left:37%;
        text-align:right
    }
    .text-editor table.responsive-table td:nth-of-type(1):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(2):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(3):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(4):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(5):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(6):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(7):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(8):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(9):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
    .text-editor table.responsive-table td:nth-of-type(10):before{
        content:attr(data-heading);
        font-weight:700;
        font-family:"lora",serif
    }
}
.text-editor__image{
    margin:3.5625rem -2.5641%
}

img .kaarsilla{
    text-align: center;
    max-width: 60px;
}

div#kaarsillalogo { width: 600px; }


 .ui-state-default.input_td {background:none;}

@media screen and (max-width: 995px)  {
    .banner {height: 150px;object-fit: cover;}
}

/* @media only screen and (min-width: 720px) {
      #mark-1_1, #mark-2_1{ top:148px; left: 366px; }
      #mark-1_2, #mark-2_2{ top:101px; left: 244px; }
      #mark-1_3, #mark-2_3{ top:170px; left: 218px; }

    }
    @media only screen and (min-width: 1020px) {
      #mark-1_1, #mark-2_1{ top:218px; left: 529px; }
      #mark-1_2, #mark-2_2{ top:148px; left: 355px; }
      #mark-1_3, #mark-2_3{ top:249px; left: 317px; }
    }
    @media only screen and (min-width: 1320px) {
      #mark-1_1, #mark-2_1{ top:286px; left: 694px; }
      #mark-1_2, #mark-2_2{ top:195px; left: 465px; }
      #mark-1_3, #mark-2_3{ top:327px; left: 417px; }
    }
    @media only screen and (min-width: 1480px) {
      #mark-1_1, #mark-2_1{ top:351px; left: 852px; }
      #mark-1_2, #mark-2_2{ top:240px; left: 572px; }
      #mark-1_3, #mark-2_3{ top:402px; left: 512px; } 
    }
*/

#myarea{
  position:absolute;
  border: none;
color:#000 ;
  left:43%;
  width:270px;
  top:20%;
}


[id^=modal] {
  display: none;
  border: 1px solid red;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  min-height: 3em;
  min-width: 5em;
  max-width: 10em;
  }
input[type=checkbox] {
  position: absolute;
  clip: rect(0 0 0 0);
  }
#modal1:target {
  display: block;
  }
#modal2:target {
  display: block;
  }
[id^=modal] a {
  float: right;
  }



.popup h2 {
  display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 25% auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 20px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.wrap {
  width: 100%;
  height: 4px;
  background-color: #d1a648;
  margin: 0 auto;
 
}