/* ==========================================================================
    Reset
   ========================================================================== */


a {
    text-decoration: none;
}

:focus{
    outline:0; /*removes the dotted border*/
}

/* ==========================================================================
    Fonts 
   ========================================================================== */
 
/*
font-family: 'EB Garamond', serif;
font-family: 'Raleway', sans-serif;

FreightBig Pro Bold
font-family: freight-big-pro, serif;
font-weight: 700;
font-style: normal;

FreightBig Pro Bold Italic
font-family: freight-big-pro, serif;
font-weight: 700;
font-style: italic;

FreightBig Pro Light
font-family: freight-big-pro, serif;
font-weight: 300;
font-style: normal;

FreightBig Pro Light Italic
font-family: freight-big-pro, serif;
font-weight: 300;
font-style: italic;
*/


/* ==========================================================================
    Colours global 
   ========================================================================== */

/*OLD COLOURS

.stone { color: rgba(205,197,175,100); }
.grey { color: rgba(97,97,97,100); }
.the-estate { color: rgba(186,187,146,100); }
.weddings { color: rgba(191,170,159,100); }
.wellbeing { color: rgba(227,193,169,100); }
.meetings-events, .meetings-and-events  { color: rgba(168,178,179,100); }
.hotel  { color: rgba(97,97,97,100); }
.news { color: rgba(147,128,85,100); }
.stone_background { background-color: rgba(205,197,175,100); }
.grey_background { background-color: rgba(97,97,97,100); }
.the-estate_background { background-color: rgba(186,187,146,100); }
.weddings_background { background-color: rgba(191,170,159,100); }
.wellbeing_background { background-color: rgba(227,193,169,100); }
.meetings-events_background, .meetings-and-events_background { background-color: rgba(168,178,179,100); }
.hotel_background { background-color: rgba(205,197,175,100); }
.news_background { background-color: #e5e2d8; }
.light_stone{ color: #e5e2d8; }
.light_stone_background { background-color: #e5e2d8; }

*/

.stone { color: #DCDDC8; }
.grey { color: #DCDDC8; }
.the-estate { color: #DCDDC8; }
.weddings { color: #DCDDC8; }
.wellbeing { color: #DCDDC8; }
.meetings-events, .meetings-and-events  { color: #DCDDC8; }
.hotel  { color: #DCDDC8; }
.news { color: #DCDDC8; }
.stone_background { background-color: #DCDDC8; }
.grey_background { background-color: #DCDDC8; }
.the-estate_background { background-color: #DCDDC8; }
.weddings_background { background-color: #DCDDC8; }
.wellbeing_background { background-color: #DCDDC8; }
.meetings-events_background, .meetings-and-events_background { background-color: #DCDDC8; }
.hotel_background { background-color: #DCDDC8; }
.news_background { background-color: #DCDDC8; }
.light_stone{ color: #DCDDC8; }
.light_stone_background { background-color: #DCDDC8; }

/* ==========================================================================
    Content global 
   ========================================================================== */

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling:touch;
}

body {
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    -webkit-overflow-scrolling:touch;
}

.main-container {
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.main-container.menu_open {
    
}

.desktop {
    display: none;
}

.mobile {
    display: block;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.center_margins {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.margin_bottom_1 {
    margin-bottom: 20px;
}

.margin_bottom_2 {
    margin-bottom: 30px;
}

.margin_bottom_3 {
    margin-bottom: 40px;
}

.margin_bottom_20 {
    margin-bottom: 20px !important;
}

.margin_bottom_40 {
    margin-bottom: 40px !important;
}

.margin_bottom_60 {
    margin-bottom: 60px !important;
}

.margin_bottom_80 {
    margin-bottom: 80px !important;
}

.margin_bottom_100 {
    margin-bottom: 100px !important;
}

.margin_top_20 {
    margin-top: 20px !important;
}

.margin_top_40 {
    margin-top: 40px !important;
}

.margin_top_60 {
    margin-top: 60px !important;
}

.margin_top_80 {
    margin-top: 80px !important;
}

.margin_top_100 {
    margin-top: 100px !important;
}

#hero_logo {
    display: block;
    visibility: visible;
    position: fixed;
    z-index: 1000;
    top: 40%;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

#hero_logo.hide {
    opacity: 0;
    visibility: hidden;
}

#hero_logo img {
    display: block;
    position: relative;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 800px) {

    #hero_logo {
        top: 30%;
        width: calc(100% - 100px);
    }

    #hero_logo img {
        width: 400px;
    }

    .desktop {
        display: block !important;
    }

    .mobile {
        display: none !important;
    }

}

@media only screen and (min-width: 1200px) {

}

/* ==========================================================================
    Buttons
   ========================================================================== */

button.explore_more, a.explore_more {
    border: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: rgba(205,197,175,100);
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    background-color: #FFF;
    border-top: 1px solid rgba(205,197,175,100);
    border-bottom: 1px solid rgba(205,197,175,100);
    padding: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

button.explore_more:hover, a.explore_more:hover {
    opacity: 0.6;
}

button.explore_more_white, a.explore_more_white{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

button.explore_more_white:hover, a.explore_more_white:hover {
    opacity: 0.6;
}

button.explore_more_dark, a.explore_more_dark {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #000;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

button.explore_more_dark:hover, a.explore_more_dark:hover {
    opacity: 0.6;
}

button.form_button{
    border: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: rgba(205,197,175,100);
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    background-color: #FFF;
    border-top: 1px solid rgba(205,197,175,100);
    border-bottom: 1px solid rgba(205,197,175,100);
    padding: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    margin-top: 90px;
}

button.form_button:hover {
    opacity: 0.6;
}

/* ==========================================================================
    Cookie
   ========================================================================== */

.gdprcookie {
    background-color: #e5e2d8 !important;
}

.gdprcookie h1, .gdprcookie h2 {
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #000;
}

.gdprcookie p {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    color: #000;
}

.gdprcookie a {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    text-decoration: underline;
    color: #000;
}

.gdprcookie a:hover {
    opacity: 0.6;
}

.gdprcookie-buttons, .gdprcookie-types {
    margin-top: 20px;
}

.gdprcookie-types label {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    color: #000;
}

.gdprcookie-buttons button {
    font-size: 14px !important;
    font-family: 'Raleway', sans-serif !important;
    color: #000 !important;
    padding: 15px !important;
    border: 1px solid #000 !important;
}

.gdprcookie-buttons button:hover {
    opacity: 0.6;
}

/* ==========================================================================
    Video  
   ========================================================================== */

#videoplayer_standard {
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}

.video-js .vjs-progress-control .vjs-play-progress {
    background-color: #ec008d !important;
}

.video-js .vjs-progress-control .vjs-load-progress {
    background-color: #ec008d !important;
    opacity: 0.4;
}

.no-touch .video-js .vjs-button:hover {
    background-color: #FFDD35 !important;
    color: #000 !important;
}

.vjs-subs-caps-button {
    display: none;
}

/* ==========================================================================
    Carousel
   ========================================================================== */

#carousel {
    position: relative;
    width: 100%;
    height: 500px;
    height: calc(100vh - 290px);
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.full_carousel {
    height: 100vh !important;
}

.carousel_half {
    height: 400px !important;
}

#carousel .slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.full_carousel .slide {
    height: 100vh !important;
}

#carousel .image {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.full_carousel {
    height: 100vh !important;
}

#slide_buttons {
    bottom: 50px;
    position: absolute;
    width: 100%;
}

#slide_buttons ul {
    text-align: center;
}

#slide_buttons ul li{
    display: inline-block;
    border: 1px solid #FFF;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-right: 5px;
    cursor: pointer;
    background-color: #FFF;
    opacity: 0.7;
}

#slide_buttons ul li:last-child{
    margin-right: 0px;
}

#slide_buttons ul li.active{
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
 
@media only screen and (min-width: 800px) {
    
    #carousel {
        height: 500px;
        height: calc(100vh - 240px);
        margin-bottom: 100px;
    }

}

/* ==========================================================================
    Section global 
   ========================================================================== */

section h1 {
    font-family: freight-big-pro, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    margin-top: 80px;
    margin-bottom: 10px;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 4px;
}

section h1 em {
    font-style: italic;
    font-weight: 500;
}

section h3 {
    font-family: freight-big-pro, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 140%;
    letter-spacing: 3px;
}

section h6 {
    font-family: freight-big-pro, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    margin-bottom: 60px;
    line-height: 140%;
    letter-spacing: 3px;
}

section h6 p {
    font-family: freight-big-pro, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    margin-bottom: 0px;
    letter-spacing: 3px;
}

section h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: medium;
    font-style: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1px;
}

section h4 p {
    font-family: 'Raleway', sans-serif;
    font-weight: medium;
    font-style: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1px;
}

section h5 {
    font-family: 'Raleway', sans-serif;
    font-weight: lighter;
    font-style: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1px;
}

section h5 p {
    font-family: 'Raleway', sans-serif;
    font-weight: lighter;
    font-style: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1px;
}

section p {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
}

div.body_copy {
    position: relative;
    width: 90%;
    text-align: left;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

div.body_copy p {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
}

div.body_copy p a {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
    text-decoration: none;
    color: #000;
}

div.body_copy p a:hover {
    0.6;
}

div.body_copy p strong {
    font-family: 'EB Garamond', serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
}

div.body_copy p em {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
}

section ul {
    
}

section ul li {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
}

section p strong {
   font-family: 'EB Garamond', serif;
   font-weight: bold;
   font-size: 16px;
}

section p em {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 16px;
}

section p a, section#news_item ol li  a, section#news_item ul li  a {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 140%;
    color: #000;
    padding-bottom: 1px;
    border-bottom: 1px solid #000;
}

section p a:hover, section#news_item ol li  a:hover, section#news_item ul li  a:hover {
    opacity: 0.7;
}

#section_title {
    position: fixed;
    z-index: 1000;
    top: 30px;
    right: 40px;
}

#section_title span.section_title_line {
    border-bottom: 1px solid #FFF;
    width: 150px;
    margin-right: 10px;
}

#section_title span {
    font-family: 'Raleway', sans-serif;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

#file_list {
    position: relative;
    margin-top: 40px;
}

#file_list li a {
    display: block;
    text-align: center;
    font-family: 'EB Garamond', serif;
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

#file_list li i {
    color: #000;
    font-size: 24px;
    margin-left: 10px;
}

@media only screen and (min-width: 800px) {
    
    section {
        margin-left: 100px;
    }

    div.body_copy {
        width: 70%;
    }

}

@media only screen and (min-width: 1200px) {

    div.body_copy {
        width: 50%;
    }

}

/* ==========================================================================
    accommodation list
   ========================================================================== */

#accommodation_list ul {
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#accommodation_list ul a li {
    float: left;
    width: 45%;
    margin-right: 10%;
    margin-bottom: 40px;
}

#accommodation_list ul a:last-child li {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#accommodation_list ul a:nth-child(2n+2) li {
    margin-right: 0;
}

#accommodation_list ul a li img {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#accommodation_list ul a li h3 {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 140%;
    text-align: center;
    color: #000;
    height: 40px;
}

div.accommodation_list_copy {
    margin-bottom: 40px;
    position: relative;
    display: block;
}
    
#accommodation_list ul a li p {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
    text-align: center;
    color: #000;
}
    

@media only screen and (min-width: 800px) {

}

@media only screen and (min-width: 1200px) {
    
}

/* ==========================================================================
    fishing list
   ========================================================================== */

#fishing_list ul {
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#fishing_list ul li {
    width: 100%;
}

#fishing_list ul li img {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#fishing_list ul li h3 {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 140%;
    text-align: center;
    color: #000;
    height: 40px;
}

div.fishing_list {
    margin-bottom: 40px;
    position: relative;
    display: block;
}
    
#fishing_list ul li div p {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
    text-align: center;
    color: #000;
}
    
@media only screen and (min-width: 800px) {

    #fishing_list ul li {
        float: left;
        width: 45%;
        margin-right: 10%;
        margin-bottom: 40px;
    }

    #fishing_list ul li:nth-child(2n+2) {
        margin-right: 0;
    }

}

@media only screen and (min-width: 1200px) {
    
}

/* ==========================================================================
    gallery section
   ========================================================================== */

section.gallery ul {
    width: 90%;
    max-width: 1000px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

section.gallery ul li {
    display: none;
    height: 150px;
}

section.gallery ul li:nth-child(1) {
    display: block;
    width: 33%;
    float: left;
    margin-right: 1.5%;
    margin-bottom: 10px;
}

section.gallery ul li:nth-child(2) {
    display: block;
    width: 65.5%;
    float: left;
    margin-bottom: 10px;
}

section.gallery ul li:nth-child(3) {
    display: block;
    width: 33%;
    margin-right: 1.5%;
    float: left;
    margin-bottom: 10px;
}

section.gallery ul li:nth-child(4) {
    display: block;
    width: 33%;
    margin-right: 1.5%;
    float: left;
    margin-bottom: 10px;
}

section.gallery ul li:nth-child(5) {
    display: block;
    height: 310px;
    width: 31%;
    float: right;
}

section.gallery ul li:nth-child(6) {
    display: block;
    width: 67.5%;
    float: left;
    margin-right: 1.5%;
}


@media only screen and (min-width: 800px) {

    section.gallery ul li {
        height: 205px;
    }

    section.gallery ul li:nth-child(5) {
        height: 420px;
    }
    
}

@media only screen and (min-width: 1200px) {

    section.gallery ul li:nth-child(1) {
        height: 300px;
        width: 300px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    section.gallery ul li:nth-child(2) {
        height: 300px;
        width: 680px;
        margin-bottom: 20px;
    }

    section.gallery ul li:nth-child(3) {
        height: 300px;
        width: 300px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    section.gallery ul li:nth-child(4) {
        height: 300px;
        width: 300px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    section.gallery ul li:nth-child(5) {
        height: 620px;
        width: 360px;
    }

    section.gallery ul li:nth-child(6) {
        height: 300px;
        width: 620px;
        margin-right: 20px;
    }

}

/* ==========================================================================
    Navigation
   ========================================================================== */

#top_nav {
    webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#top_nav.menu_open {
    height: 100vh;
    height: -webkit-fill-available;
    z-index: 10010;
}

#main_nav {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 94px;
    width: 100%;
    background-color: #e5e2d8;
    z-index: 1000;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#main_nav.open {
    height: 100%;
    z-index: 10010;
    overflow-y: auto;
    overflow-x: hidden;
}

#main_nav>ul {
    opacity: 0;
    visibility: hidden;
    position: relative;
    top: 150px;
    left: 30px;
    width: 300px;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-bottom: 30px;
}

#main_nav.open ul {
    opacity: 1;
    visibility: visible;
}

.hamburger-box {
    width: 30px !important;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    height: 1px !important;
    border-radius: 0px !important;
    width: 30px !important;
}

.hamburger-inner:before {
    top: -14px !important;
}

.hamburger-inner:after {
    bottom: -14px !important;
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0px !important;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0px !important;
}

.hamburger--squeeze.is-active .hamburger-inner, .hamburger--squeeze.is-active .hamburger-inner:after, .hamburger--squeeze.is-active .hamburger-inner:before {
    width: 40px !important;
}

#menu_logo_big {
    display: none;
}

#menu_logo_mobile {
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#menu_logo_mobile.hide {
    opacity: 0;
}

#menu_logo_mobile img {
    position: fixed;
    top: 26px;
    left: 30px;
    width: 150px;
}

#menu_button {
    position: absolute;
    right: 20px;
    top: 20px;
}
    
#menu_logo_small img {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none;
}

#main_nav.open #second_nav {
    opacity: 1;
    visibility: visible;
}

#main_nav.open #menu_logo_small img {
    opacity: 0;
}

#main_nav>ul>li {
    margin-bottom: 18px;
}

#main_nav>ul>li a, #second_nav a {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 3px;
    font-size: 16px;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}

#main_nav>ul>li a:hover, #second_nav a:hover {
    opacity: 0.3 !important;
}

#main_nav ul.sub_menu {
    opacity: 0;
    height: 0;
    display: none;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#main_nav ul.sub_menu li {
    margin-bottom: 18px;
    list-style-type: none; 
}

#main_nav ul.sub_menu li:before {
    content:"·";
    font-size:15px;
    vertical-align:middle;
}

#main_nav ul.sub_menu.sub_open {
    opacity: 1;
    display: block;
    height: auto;
    margin-top: 40px;
    margin-left: 20px;
    margin-bottom: 40px;
}

#main_nav ul.sub_menu.sub_open li a {
    text-transform: none;
    margin-left: 10px;
}

#second_nav a {
    display: block;
    margin-bottom: 18px;
}

#second_nav {
    position: absolute;
    display: none;
    bottom: 150px;
    left: 100px;
    width: 300px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media only screen and (min-height: 800px) and (min-width: 800px) {


}   

@media only screen and (min-height: 1000px) and (min-width: 800px) {

    #main_nav>ul {
        top: 100px;
    }

    #menu_logo_small {
        display: block;
    }

    li.menu_nav_big {
        display: none;
    }

    #second_nav {
        display: block;
    }

    #main_nav.open #menu_logo_small img {
        left: 100px;
        bottom: 80px;
        width: 60px;
        opacity: 1;
    }

}

@media only screen and (min-height: 1100px) and (min-width: 800px) {

    #main_nav>ul {
        top: 160px;
        left: 100px;
    }

    #menu_logo_big img {
        width: 250px;
        margin-bottom: 80px;
    }

    #main_nav>ul>li {
        margin-bottom: 26px;
    }

    #second_nav a {
        margin-bottom: 26px;
    }

}

@media only screen and (min-width: 800px) {

    #menu_logo_small img {
        display: block;
    }

    #menu_logo_big {
        display: block;
    }

    #menu_logo_big img {
        position: relative;
        top: 0px;
        left: 0px;
        width: 200px;
        margin-bottom: 80px;
    }

    #main_nav {
        height: 100vh;
        height: -webkit-fill-available;
        width: 100px;
    }

    #main_nav.open {
        width: 600px;
        height: 100vh;
        height: -webkit-fill-available;
        z-index: 10010;
    }

    #main_nav>ul {
        top: 60px;
        left: 100px;
    }

}

@media only screen and (min-width: 960px) {


}

@media only screen and (min-width: 1200px) {

}



/* ==========================================================================
    Footer 
  ========================================================================== */

footer {
    position: relative;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 40px;
    border-top: 2px solid #e5e2d8;
    padding-top: 80px;
    padding-bottom: 100px;
    opacity: 0.6;
}

footer:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 0px;
  right: 0px;
  bottom: 5px;
  border-top: 1px solid #e5e2d8;
}

#menu_logo_footer {
    display: block;
}

#menu_logo_footer img {
    position: relative;
    width: 160px;
    margin-bottom: 30px;
}

#address li, #address li a {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 140%;
}

#address li span.contacts {
    width: 244px;
    display: inline-block;
}

#address li a:hover {
    opacity: 0.6;
}

div.col1 {
    width: 100%;
    display: block;
    vertical-align: top;
    margin-bottom: 40px;
}


div.col2 {
    width: 100%;
    display: block;
    vertical-align: top;
    margin-bottom: 40px;
}


div.col3 {
    width: 100%;
    display: block;
    vertical-align: top;
    margin-bottom: 20px;
}

#footer_links li p {
    color: #000;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 2px;
    font-size: 14px;
}

#signup_button:hover {
    opacity: 0.6;
}

#signup_button {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 20px;
    display: block;
}

#social_links li {
    margin-bottom: 10px;
    vertical-align: middle;
    cursor: pointer;
}

#social_links li a {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    font-size: 12px;
}

#social_links li:hover {
    opacity: 0.6;
} 

#social_links i {
    color: #000;
    width: 40px;
    font-size: 20px;
}

p.copyright {
    text-align: right;
    position: absolute;
    bottom: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 140%;
}

p.privacy {
    text-align: left;
    position: absolute;
    bottom: 40px;
    left: 0px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 140%;
}

p.privacy a {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 140%;
}

p.privacy a:hover {
    opacity: 0.5;
}

@media only screen and (min-width: 800px) {

    footer {
        margin-top: 100px;
        margin-left: 140px;
    }

    #footer_links {
        width: 370px;
    }

    #footer_links li p {
        text-align: center;
    }

    #footer_links li {
        text-align: center;
    } 


    div.col1 {
        width: 35%;
        display: inline-block;
    }

    div.col2 {
        width: 44%;
        display: inline-block;
        margin-bottom: 0;
    }

    div.col3 {
        width: 20%;
        display: inline-block;
        margin-bottom: 0;
    }

    p.copyright {
        right: 0px;
    }

    p.privacy {
        bottom: 20px;
    }

}

@media only screen and (min-width: 1200px) {

}

/* ==========================================================================
    Error
   ========================================================================== */

.error {
    font-family: "Nunito", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #231F20;
    text-align: center;
}

.error h1 {
    font-family: "Nunito", sans-serif;
    font-weight: 300;
    font-size: 60px;
    color: #231F20;
    padding-top: 100px;
    padding-bottom: 100px;
}


.error h2 {
    font-family: "Nunito", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #231F20;
    margin-bottom: 100px;
}


.error h3 {
    font-family: "Nunito", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #231F20;
}

/* ==========================================================================
    Signup 
   ========================================================================== */

#signup_wrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10002;
    height: 100%;
    width: 100%;
}

#signup_wrapper_bg {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10001;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.6;
}

#signup_container {
    position: relative;
    background-color: #FFF;
    height: 680px;
    width: 340px;
    top: 15%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}

#signup_container p {
    font-family: "EB Garamond", sans-serif; 
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin-bottom: 20px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    line-height: 120%;
}

.signup_recaptcha {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

#newsletter_form {
    margin-top: 40px;
}

#privacy_accept_container {
    top: 5px;
    position: relative;
    width: 260px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}

.privacy_accept_label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "EB Garamond", sans-serif; 
    font-size: 14px;
    color: #666666;
}

.privacy_accept_label a {
    color: #8e8e8e;
    text-decoration: underline;
}

.privacy_accept_label a:hover {
    opacity: 0.7;
}

/* Hide the browser's default checkbox */
.privacy_accept_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.privacy_accept_label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.privacy_accept_label input:checked ~ .checkmark {
  background-color: #023F88;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.privacy_accept_label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.privacy_accept_label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#signup_email_message {
    font-family: "EB Garamond", sans-serif; 
    font-size: 16px;
    color: #666666;
    text-align: center;
    width: 100%;
    height: 30px;
    padding-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

nav.form_nav {
    text-align: center;
}

.signup_form_field {
    background-color: #f7f7f7;
    border: 0;
    font-family: "EB Garamond", sans-serif; 
    font-size: 14px;
    color: #141414;
    letter-spacing: 1px;
    padding: 20px;
    display: block;
    width: 260px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

button.signup_send {
    font-family: "EB Garamond", sans-serif; 
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #4d4d4d;
    padding: 9px;
    padding-left: 50px;
    padding-right: 50px;
    color: #111;
    border-radius: 3px;
    letter-spacing: 2px;
    margin-top: 0px !important;
    display: inline-block;
    cursor: pointer;
    background-color: #FFF;
}

button.signup_send:hover {
    background-color: #b1b1b1;
    color: #FFF;
}

.form_nav_close {
    position: absolute;
    top: 0px;
    right: -47px;
    top: -2px;
}

button.signup_cancel {
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-right: 15px;
    border: 0px solid #FFF;
    cursor: pointer;
    background-color: #888;
}

button.signup_cancel:hover {
    background-color: #BBB;
}

button.signup_cancel i { 
    color: #FFF;
    font-size: 20px;
}

@media only screen and (min-width: 750px) {

    #signup_container {
        height: 640px;
        width: 500px;
        top: 20%;
    }

    .signup_recaptcha {
        width: 300px;
    }

    .signup_form_field {
        width: 330px;
    }

    #privacy_accept_container {
        width: 330px;
    }
}