BODY
{
    MARGIN: 0;
}

#tracking-background
{
    OVERFLOW: hidden;
}

#head
{

}

#banner,
#no-banner
{
    MARGIN: 0 auto;
    MAX-WIDTH: 100%;
    WIDTH: 1920px;
}

#banner
{
    HEIGHT: 100vh;
    MAX-HEIGHT: 972px;
    OVERFLOW: hidden;
}

#parallax
{
    BOTTOM: 0;
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
}

@keyframes animate-banner
{
    from { FILTER: blur(5px); TRANSFORM: translate(-50%, -50%) scale(1.5); }
    to   { FILTER: blur(0);   TRANSFORM: translate(-50%, -50%) scale(1);   }
}

#banner-image
{
    ANIMATION: animate-banner 5s;
    LEFT: 50%;
    MIN-HEIGHT: 100%;
    MIN-WIDTH: 100%;
    OBJECT-FIT: cover;
    POSITION: absolute;
    TOP: 50%;
    TRANSFORM: translate(-50%, -50%);
    WIDTH: 100%;
}

#logo
{
    BOX-SIZING: border-box;
    MARGIN: 28px auto;
    MAX-WIDTH: 100%;
    PADDING: 0 25px;
    WIDTH: 1024px;
}

#logo IMG
{
    MAX-WIDTH: calc(100% - 60px);
}

#body
{
    MARGIN: 0 auto;
    MAX-WIDTH: 100%;
    TEXT-ALIGN: center;
    WIDTH: 1920px;
}

#foot
{
    BACKGROUND: #212a2e;
    PADDING: 75px 25px;
    TEXT-ALIGN: center;
}

#foot,
#foot *
{
    COLOR: #868a8c;
}

#social
{
    FONT-SIZE: 16px;
    MARGIN: 0 -20px;
}

#social > DIV
{
    MARGIN: 0 20px 3px;
}

#social > A
{
    BACKGROUND-POSITION: center;
    COLOR: transparent;
    DISPLAY: inline-block;
    HEIGHT: 41px;
    MARGIN: 10px 20px;
    OVERFLOW: hidden;
    PADDING: 5px;
}

#s-facebook
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-facebook.png);
    WIDTH: 20px;
}

#s-facebook:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-facebook-hover.png);
}

#s-instagram
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-instagram.png);
    WIDTH: 42px;
}

#s-instagram:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-instagram-hover.png);
}

#s-google
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-google.png);
    WIDTH: 55px;
}

#s-google:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-google-hover.png);
}

#s-xing
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-xing.png);
    WIDTH: 39px;
}

#s-xing:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-xing-hover.png);
}

#s-linkedin
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-linkedin.png);
    WIDTH: 37px;
}

#s-linkedin:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-linkedin-hover.png);
}

#quick
{
    OPACITY: 1;
    POSITION: fixed;
    RIGHT: 0;
    TOP: 216px;
    TRANSITION: opacity 0.5s;
}

#quick.hidden
{
    OPACITY: 0;
    POINTER-EVENTS: none;
}

#q-search-flag,
#q-phone-flag
{
    DISPLAY: none;
}

#q-search,
#q-phone,
#quick > A
{
    BACKGROUND-COLOR: #6a3b1e;
    BACKGROUND-POSITION: center;
    BOX-SHADOW: 0 0 6px rgba(54, 54, 54, 0.5);
    COLOR: transparent;
    CURSOR: pointer;
    DISPLAY: block;
    HEIGHT: 60px;
    MARGIN-BOTTOM: 3px;
    OVERFLOW: hidden;
    WIDTH: 60px;
}

#q-search-form,
#q-phone-content
{
    BACKGROUND: #ffffff;
    BOX-SHADOW: 0 0 6px rgba(54, 54, 54, 0.5);
    HEIGHT: 60px;
    MAX-WIDTH: calc(100vw - 75px);
    POSITION: absolute;
    RIGHT: 60px;
    TOP: 0;
    TRANSFORM: translateX(calc(100% + 66px));
    TRANSITION: transform 0.5s;
    WHITE-SPACE: nowrap;
    WIDTH: 321px;
}

#q-search-term
{
    BORDER: none;
    FONT-SIZE: 20px;
    LINE-HEIGHT: 60px;
    PADDING: 0 15px;
    WIDTH: 100%;
}

#q-phone-content
{
    BOX-SIZING: border-box;
    COLOR: #212b2f;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 60px;
    PADDING-LEFT: 15px;
}

#q-search-flag:checked + #q-search-form,
#q-phone-flag:checked + #q-phone-content
{
    TRANSFORM: translateX(0);
}

#q-search:hover,
#q-search-flag:checked ~ #q-search,
#q-phone:hover,
#q-phone-flag:checked ~ #q-phone,
#quick > A:hover
{
    BACKGROUND-COLOR: #e5b865;
}

#q-search
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-search.png);
}

#q-search:hover,
#q-search-flag:checked ~ #q-search
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-search-hover.png);
}

#q-phone
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-phone.png);
}

#q-phone:hover,
#q-phone-flag:checked ~ #q-phone
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-phone-hover.png);
}

#q-email
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-email.png);
}

#q-email:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-email-hover.png);
}

#q-form
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-form.png);
}

#q-form:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-form-hover.png);
}

#q-contact
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-contact.png);
}

#q-contact:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-contact-hover.png);
}

#q-rss
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-rss.png);
}

#q-rss:hover
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-rss-hover.png);
}

#goto-top-support,
#menu-open-support,
#menu-close-support
{
    LEFT: 50%;
    MAX-WIDTH: 100%;
    POINTER-EVENTS: none;
    POSITION: fixed;
    TOP: 96px;
    TEXT-ALIGN: right;
    TRANSFORM: translateX(-50%);
    WIDTH: 1280px;
    Z-INDEX: 925;
}

#goto-top-support
{
    BOTTOM: 85px;
    TOP: auto;
}

#goto-top,
#menu-open,
#menu-close
{
    BACKGROUND: #e5b865 url(../../../design/gh/icon-menu-open.png) center no-repeat;
    BOX-SHADOW: 0 0 6px rgba(54, 54, 54, 0.5);
    COLOR: transparent;
    DISPLAY: inline-block;
    HEIGHT: 60px;
    OVERFLOW: hidden;
    POINTER-EVENTS: auto;
    WIDTH: 60px;
}

#goto-top
{
    BACKGROUND-IMAGE: url(../../../design/gh/icon-top.png);
    OPACITY: 0;
    POINTER-EVENTS: none;
    TRANSITION: opacity 0.5s;
}

#goto-top.visible
{
    OPACITY: 1;
    POINTER-EVENTS: auto;
}

#goto-top:hover
{
    BACKGROUND-COLOR: #6a3b1e;
    BACKGROUND-IMAGE: url(../../../design/gh/icon-top-hover.png);
}

#menu-close
{
    BACKGROUND-COLOR: #6a3b1e;
    BACKGROUND-IMAGE: url(../../../design/gh/icon-menu-close.png);
}

#menu-flag
{
    DISPLAY: none;
}

#menu-close-overlay
{
    BACKGROUND: rgba(230, 230, 232, 0.7);
    BOTTOM: 0;
    COLOR: transparent;
    LEFT: 0;
    OPACITY: 0;
    OVERFLOW: hidden;
    POINTER-EVENTS: none;
    POSITION: fixed;
    RIGHT: 0;
    TOP: 0;
    TRANSITION: opacity 0.5s;
}

#menu
{
    BACKGROUND: #e5b865;
    BOX-SHADOW: 0 0 6px rgba(54, 54, 54, 0.5);
    LEFT: 0;
    MAX-HEIGHT: 100vh;
    OPACITY: 0;
    OVERFLOW: auto;
    PADDING: 0 25px 36px;
    POINTER-EVENTS: none;
    POSITION: fixed;
    RIGHT: 0;
    TEXT-ALIGN: center;
    TOP: 0;
    TRANSITION: opacity 0.5s;
    Z-INDEX: 950;
}

#menu-flag:checked ~ #menu-close-overlay,
#menu-flag:checked ~ #menu
{
    OPACITY: 1;
    POINTER-EVENTS: auto;
}

#menu-logo
{
    BOX-SIZING: border-box;
    MARGIN: 31px auto 60px;
    MAX-WIDTH: 100%;
    PADDING: 0 25px;
    TEXT-ALIGN: left;
    WIDTH: 1010px;
}

#menu-logo IMG
{
    MAX-WIDTH: calc(100% - 60px);
}

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

#menu LI
{
    LINE-HEIGHT: 22px;
    MARGIN: 0;
    TEXT-ALIGN: center;
}

#menu LI A
{
    COLOR: #212a2e;
    DISPLAY: inline-block;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 20px;
}

#menu LI A.container
{
    FONT-WEIGHT: bold;
    MARGIN-LEFT: -27px;
}

#menu LI A.active
{
    COLOR: #6a3b1e;
}

#menu LI UL
{
    MARGIN-BOTTOM: 20px;
}

#menu LI LI A
{
    FONT-SIZE: 18px;
    MARGIN-BOTTOM: 16px;
}

#menu LI LI LI A
{
    FONT-SIZE: 16px;
    FONT-WEIGHT: normal;
    MARGIN-BOTTOM: 12px;
}

/* open / close */
#menu A.menu-switch-off,
#menu A.menu-switch-on
{
    BACKGROUND-IMAGE: url(../../../design/gh/menu-close.png);
    BACKGROUND-POSITION: center;
    HEIGHT: 22px;
    LEFT: -27px;
    MARGIN: 1px 5px 0 0;
    WIDTH: 22px;
}

#menu A.menu-switch-off
{
    BACKGROUND-IMAGE: url(../../../design/gh/menu-open.png);
}

#menu A.menu-switch-off ~ UL
{
    DISPLAY: none;
}

#menu A.menu-switch-on ~ A.container
{
    COLOR: #6a3b1e;
}

#menu A.menu-switch-on ~ UL
{
    DISPLAY: block;
}

#meta,
#menu-foot
{
    DISPLAY: flex;
    FLEX-WRAP: wrap;
    JUSTIFY-CONTENT: center;
    FONT-SIZE: 16px;
    MARGIN-TOP: 92px;
}

#meta A:hover
{
    COLOR: #505353;
    TEXT-DECORATION: none;
}

#menu-foot A
{
    COLOR: #212a2e;
}

#menu-foot A:hover
{
    COLOR: #6a3b1e;
    TEXT-DECORATION: none;
}

#meta DIV:after,
#menu-foot DIV:after
{
    CONTENT: "|";
    MARGIN: 0 15px;
}

#meta DIV:last-child A,
#menu-foot DIV:last-child A
{
    MARGIN-RIGHT: 15px;
}

#meta DIV:last-child A:last-child
#menu-foot DIV:last-child A:last-child
{
    MARGIN: 0;
}

#meta DIV:first-child,
#menu-foot DIV:first-child
{
    FLEX-BASIS: 100%;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 6px;
}

#meta DIV:first-child:after,
#menu-foot DIV:first-child:after,
#meta DIV:last-child:after,
#menu-foot DIV:last-child:after
{
    DISPLAY: none;
}

/*
@media (max-width: 1399px)
{
    #quick
    {
        DISPLAY: none;
    }
}
*/