BODY
{
    MARGIN: 0;
    PADDING-TOP: 109px;
}

#head
{
    BACKGROUND: #ffffff;
    LEFT: 0;
    POSITION: fixed;
    RIGHT: 0;
    TOP: 0;
    Z-INDEX: 950;
}

#head-inner
{
    ALIGN-ITEMS: center;
    BOX-SIZING: border-box;
    DISPLAY: flex;
    FLEX-WRAP: wrap;
    JUSTIFY-CONTENT: space-between;
    MARGIN: 0 auto;
    MAX-WIDTH: 100%;
    MIN-HEIGHT: 109px;
    PADDING: 29px 32px 25px;
    WIDTH: 1200px;
}

#logo A
{
    BORDER-BOTTOM: none;
    DISPLAY: inline-block;
    MAX-WIDTH: calc(100vw - 140px);
}

#logo IMG
{
    WIDTH: 100%;
}

#menu-switch,
#menu-overlay,
#menu-button
{
    DISPLAY: none;
}

#menu A
{
    BORDER-BOTTOM: none;
    COLOR: #544e47;
}

#menu A.menu-switch-off,
#menu A.menu-switch-on
{
    DISPLAY: none;
}

@media (min-width: 1001px)
{
    #menu
    {
        MARGIN-TOP: 17px;
    }

    #menu UL
    {
        DISPLAY: flex;
        FLEX-WRAP: wrap;
        JUSTIFY-CONTENT: flex-end;
        LIST-STYLE: none;
        PADDING: 0;
        WHITE-SPACE: nowrap;
    }

    #menu LI
    {
        MARGIN: 0;
    }

    #menu A
    {
        DISPLAY: block;
        FONT-SIZE: 17px;
        LINE-HEIGHT: 38px;
        MARGIN: 0 8px;
        TEXT-DECORATION: none;
        TEXT-TRANSFORM: uppercase;
    }

    #menu A:focus,
    #menu LI:hover > A
    {
        BACKGROUND: transparent url(../../../design/ths/brown.png) left 30px repeat-x;
    }

    #menu > UL > LI:last-child > A
    {
        BORDER: 1px solid #544e47;
        LINE-HEIGHT: 36px;
        MARGIN-RIGHT: 0;
        PADDING: 0 16px;
        BORDER-RADIUS: 5px;
        -MOZ-BORDER-RADIUS: 5px;
        -WEBKIT-BORDER-RADIUS: 5px;
    }

    #menu > UL > LI:last-child > A.active,
    #menu > UL > LI:last-child > A:focus,
    #menu > UL > LI:last-child:hover > A
    {
        BACKGROUND: #544e47;
        COLOR: #ffffff;
    }

    /* subsequent levels */
    #menu LI UL
    {
        FLEX-DIRECTION: column;
        MARGIN-LEFT: -24px;
        MIN-WIDTH: 250px;
        PADDING-TOP: 25px;
        POSITION: absolute;
        TEXT-ALIGN: left;
    }

    #menu LI LI A
    {
        BACKGROUND: #544e47;
        COLOR: #ffffff;
        DISPLAY: block;
        FONT-SIZE: 22px;
        LINE-HEIGHT: 26px;
        MARGIN: 0;
        PADDING: 7px 32px;
        TEXT-TRANSFORM: none;
    }

    #menu LI LI A.container
    {
        BACKGROUND: #544e47 url(../../../design/ths/menu.png) 12px center no-repeat;
    }

    #menu LI LI A:focus,
    #menu LI LI:hover > A
    {
        BACKGROUND: #6b635a;
    }

    #menu LI LI A.container:focus,
    #menu LI LI:hover > A.container
    {
        BACKGROUND: #6b635a url(../../../design/ths/menu-hover.png) 12px center no-repeat;
    }

    #menu LI LI:first-child A
    {
        PADDING-TOP: 20px;
    }

    #menu LI LI:last-child A
    {
        PADDING-BOTTOM: 25px;
    }

    /* 2nd+ levels */
    #menu LI LI UL
    {
        MARGIN: -53px 0 0 0;
        MIN-WIDTH: 250px;
        PADDING-TOP: 0;
        WHITE-SPACE: normal;
        TRANSFORM: translateX(-100%);
        -MOZ-TRANSFORM: translateX(-100%);
        -WEBKIT-TRANSFORM: translateX(-100%);
    }

    /* hide / show */
    #menu LI UL,
    #menu LI:hover LI UL,
    #menu LI LI:hover LI UL,
    #menu LI LI LI:hover LI UL,
    #menu LI LI LI LI:hover LI UL,
    #menu LI LI LI LI LI:hover LI UL
    {
        LEFT: -99999px;
        OPACITY: 0;
        VISIBILITY: hidden; /* triggers double click on ios touchpad */
    }

    #menu LI:hover UL,
    #menu LI LI:hover UL,
    #menu LI LI LI:hover UL,
    #menu LI LI LI LI:hover UL,
    #menu LI LI LI LI LI:hover UL,
    #menu LI LI LI LI LI LI:hover UL
    {
        LEFT: auto;
        OPACITY: 1;
        VISIBILITY: visible; /* triggers double click on ios touchpad */
    }
}

#banner
{
    BACKGROUND: #544e47;
    HEIGHT: calc(100vh - 109px);
    OVERFLOW: hidden;
}

#banner,
#banner *
{
    COLOR: #ffffff;
}

#banner-background,
.section-background
{
    BACKGROUND: #544e47;
    BOTTOM: 0;
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
}

#banner-background > IMG,
.section-background > IMG
{
    HEIGHT: auto;
    LEFT: 50%;
    MIN-HEIGHT: 100%;
    MIN-WIDTH: 100%;
    OPACITY: 0.75;
    TOP: 50%;
    WIDTH: auto;
    TRANSFORM: translate(-50%, -50%);
    -MOZ-TRANSFORM: translate(-50%, -50%);
    -WEBKIT-TRANSFORM: translate(-50%, -50%);
}

#banner-content
{
    BOTTOM: 25vh;
    LEFT: 32px;
    POSITION: absolute;
    RIGHT: 32px;
    TEXT-ALIGN: center;
}

#banner-content > DIV
{
    DISPLAY: inline-block;
    TEXT-ALIGN: left;
}

@keyframes scroll-wiggle
{
      0% { TRANSFORM: translateY( 0);   -MOZ-TRANSFORM: translateY( 0);   -WEBKIT-TRANSFORM: translateY( 0);   }
     50% { TRANSFORM: translateY(10px); -MOZ-TRANSFORM: translateY(10px); -WEBKIT-TRANSFORM: translateY(10px); }
}

#scroll
{
    BACKGROUND: transparent url(../../../design/ths/scroll.png) left top no-repeat;
    BORDER-BOTTOM: none;
    BOTTOM: 5vh;
    HEIGHT: 45px;
    LEFT: calc(50% - 49px);
    OVERFLOW: hidden;
    PADDING-LEFT: 98px;
    POSITION: absolute;
    WIDTH: 0;
    ANIMATION: scroll-wiggle 1s 1s 3;
}

#scroll:hover
{
    BACKGROUND-POSITION: -98px top;
}

#body
{

}

#content
{
    TOP: -109px;
    POSITION: absolute;
}

.section
{
    OVERFLOW: hidden;
}

.section:nth-child(odd)
{
    BACKGROUND: #eeedec;
}

.section-background + .section-inner,
.section-background + .section-inner *
{
    COLOR: #ffffff;
}

.section-background + .section-inner A
{
    BORDER-BOTTOM-COLOR: #ffffff;
}

.section-background + .section-inner A:focus,
.section-background + .section-inner A:hover
{
    BORDER-BOTTOM-COLOR: #d24631;
    COLOR: #d24631;
}

.section-inner
{
    BOX-SIZING: border-box;
    MARGIN: 0 auto;
    MAX-WIDTH: 100%;
    PADDING: 60px 32px;
    TEXT-ALIGN: justify;
    WIDTH: 1200px;
}

#foot
{
    BACKGROUND: #544e47;
    COLOR: #ffffff;
    FONT-SIZE: 25px;
    FONT-WEIGHT: 200;
    PADDING: 90px 3% 75px;
    TEXT-ALIGN: center;
}

#foot A
{
    BORDER-BOTTOM-COLOR: #ffffff;
    COLOR: #ffffff;
}

#foot A:focus,
#foot A:hover
{
    BORDER-BOTTOM-COLOR: #d24631;
    COLOR: #d24631;
}

#foot STRONG
{
    FONT-SIZE: 30px;
}

#foot STRONG A
{
    BORDER-BOTTOM: none;
}

#foot SMALL
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: normal;
}

#info
{
    BORDER-BOTTOM: none;
    COLOR: #8c857d !important;
    DISPLAY: inline-block;
    FONT-SIZE: 13px;
    FONT-WEIGHT: normal;
    MARGIN: 75px auto 0;
    WIDTH: auto;
}

@media (max-width: 1000px)
{
    #menu-overlay
    {
        BACKGROUND: #544e47;
        BOTTOM: 0;
        DISPLAY: block;
        LEFT: 100%;
        OPACITY: 0;
        POSITION: fixed;
        RIGHT: 0;
        TOP: 0;
        TRANSITION: opacity 0.5s;
        -MOZ-TRANSITION: opacity 0.5s;
        -WEBKIT-TRANSITION: opacity 0.5s;
    }

    #menu-switch:checked ~ #menu-overlay
    {
        LEFT: 0;
        OPACITY: 0.65;
    }

    #menu-button
    {
        DISPLAY: block;
        HEIGHT: 34px;
        OVERFLOW: hidden;
        PADDING-LEFT: 34px;
        POSITION: fixed;
        RIGHT: 25px;
        TOP: 16px;
        WIDTH: 0;
        Z-INDEX: 975;
    }

    #menu-button:before
    {
        BACKGROUND: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        BACKGROUND: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        BACKGROUND: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        CONTENT: "";
        HEIGHT: 66px;
        MAX-WIDTH: 100%;
        POSITION: fixed;
        RIGHT: 0;
        TOP: 0;
        WIDTH: 414px;
        TRANSFORM: translateX(100%);
        -MOZ-TRANSFORM: translateX(100%);
        -WEBKIT-TRANSFORM: translateX(100%);
        TRANSITION: transform 0.5s;
        -MOZ-TRANSITION: -moz-transform 0.5s;
        -WEBKIT-TRANSITION: -webkit-transform 0.5s;
    }

    #menu-switch:checked ~ #menu-button:before
    {
        TRANSFORM: translateX(0);
        -MOZ-TRANSFORM: translateX(0);
        -WEBKIT-TRANSFORM: translateX(0);
    }

    #menu-button SPAN
    {
        BACKGROUND: #544e47;
        HEIGHT: 4px;
        LEFT: 0;
        POSITION: absolute;
        RIGHT: 0;
        TOP: 15px;
        TRANSITION: height 0.5s;
        -MOZ-TRANSITION: height 0.5s;
        -WEBKIT-TRANSITION: height 0.5s;
    }

    #menu-button SPAN:after,
    #menu-button SPAN:before
    {
        BACKGROUND: #544e47;
        CONTENT: "";
        HEIGHT: 4px;
        LEFT: 0;
        POSITION: absolute;
        RIGHT: 0;
        TOP: -12px;
        TRANSITION: top 0.5s, transform 0.5s;
        -MOZ-TRANSITION: top 0.5s, -moz-transform 0.5s;
        -WEBKIT-TRANSITION: top 0.5s, -webkit-transform 0.5s;
    }

    #menu-button SPAN:after
    {
        TOP: 12px;
    }

    #menu-switch:checked ~ #menu-button SPAN
    {
        HEIGHT: 0;
    }

    #menu-switch:checked ~ #menu-button SPAN:after
    {
        TOP: 0;
        TRANSFORM: rotate(45deg);
        -MOZ-TRANSFORM: rotate(45deg);
        -WEBKIT-TRANSFORM: rotate(45deg);
    }

    #menu-switch:checked ~ #menu-button SPAN:before
    {
        TOP: 0;
        TRANSFORM: rotate(-45deg);
        -MOZ-TRANSFORM: rotate(-45deg);
        -WEBKIT-TRANSFORM: rotate(-45deg);
    }

    #menu
    {
        BACKGROUND: #ffffff;
        BOTTOM: 0;
        MAX-WIDTH: 100%;
        OVERFLOW: hidden;
        OVERFLOW-Y: auto;
        PADDING-TOP: 109px;
        POSITION: fixed;
        RIGHT: 0;
        TOP: 0;
        WIDTH: 414px;
        TRANSFORM: translateX(100%);
        -MOZ-TRANSFORM: translateX(100%);
        -WEBKIT-TRANSFORM: translateX(100%);
        TRANSITION: transform 0.5s;
        -MOZ-TRANSITION: -moz-transform 0.5s;
        -WEBKIT-TRANSITION: -webkit-transform 0.5s;
    }

    #menu-switch:checked ~ #menu
    {
        TRANSFORM: translateX(0);
        -MOZ-TRANSFORM: translateX(0);
        -WEBKIT-TRANSFORM: translateX(0);
    }

    #menu UL
    {
        LIST-STYLE: none;
        MARGIN: 0 0 20vh;
    }

    #menu LI
    {
        MARGIN: 0;
    }

    #menu A
    {
        BACKGROUND: #ffffff;
        DISPLAY: block;
        FONT-SIZE: 17px;
        LINE-HEIGHT: 23px;
        MARGIN: 0 8px 1px;
        PADDING: 10px 22px 10px 14px;
        TEXT-DECORATION: none;
        TEXT-TRANSFORM: uppercase;
        TRANSITION: background-color 0.25s, box-shadow 0.25s, transform 0.25s;
        -MOZ-TRANSITION: background-color 0.25s, -moz-box-shadow 0.25s, -moz-transform 0.25s;
        -WEBKIT-TRANSITION: background-color 0.25s, -webkit-box-shadow 0.25s, -webkit-transform 0.25s;
    }

    #menu A.container
    {

    }

    #menu A:first-child:hover
    {
        BACKGROUND: #eeedec;
        Z-INDEX: 500;
        BOX-SHADOW: 2px 2px #999591;
        -MOZ-BOX-SHADOW: 2px 2px #999591;
        -WEBKIT-BOX-SHADOW: 2px 2px #999591;
        TRANSFORM: scale(1.03);
        -MOZ-TRANSFORM: scale(1.03);
        -WEBKIT-TRANSFORM: scale(1.03);
    }

    #menu A:first-child:hover + A
    {
        RIGHT: calc(-1.5% + 1px);
        Z-INDEX: 500;
        TRANSFORM: scale(1.03);
        -MOZ-TRANSFORM: scale(1.03);
        -WEBKIT-TRANSFORM: scale(1.03);
    }

    #menu LI UL
    {
        MARGIN: 0;
    }

    #menu LI LI A
    {
        BACKGROUND: #544e47;
        COLOR: #ffffff !important;
        FONT-SIZE: 19px;
        TEXT-TRANSFORM: none;
    }

    #menu LI LI A:first-child:hover
    {
        BACKGROUND: #696159;
        BOX-SHADOW: 2px 2px #393531;
    }

    #menu LI LI LI A
    {
        BACKGROUND: #6b635a;
        FONT-SIZE: 17px;
        PADDING-LEFT: 26px;
    }

    #menu LI LI LI A:first-child:hover
    {
        BACKGROUND: #82786d;
    }

    @keyframes menu-switch-open
    {
          0% { HEIGHT: 0;    }
        100% { HEIGHT: 44px; }
    }

    @keyframes menu-switch-close
    {
          0% { HEIGHT: 44px; }
        100% { HEIGHT: 0;    }
    }

    #menu LI LI A.container
    {
        PADDING-RIGHT: 45px;
    }

    #menu LI LI A.menu-switch-off,
    #menu LI LI A.menu-switch-on
    {
        BACKGROUND: #6b635a url(../../../design/ths/menu-switch.png) left center no-repeat;
        BORDER: none;
        DISPLAY: block;
        HEIGHT: 43px;
        MARGIN-TOP: -44px;
        OUTLINE: none;
        PADDING: 0;
        POSITION: absolute;
        RIGHT: 0;
        WIDTH: 43px;
    }

    #menu LI LI A.menu-switch-on
    {
        BACKGROUND-POSITION: -43px center;
    }

    #menu LI LI A.menu-switch-off + UL
    {
        HEIGHT: 0;
        OVERFLOW: hidden;
        ANIMATION: menu-switch-close 0.1s ease-in;
    }

    #menu LI LI A.menu-switch-on + UL
    {
        HEIGHT: auto;
        OVERFLOW: hidden;
        ANIMATION: menu-switch-open 0.1s ease-in;
    }
}