@font-face {
    font-family: 'Titillium Web';
    src:
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-regular.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-regular.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium Web';
    src:
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-light.woff2') format('woff2'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-light.woff') format('woff'),
            url('/fileadmin/default/templates/shared/Fonts/TitilliumWeb/titilliumweb-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


body { font-family: 'Titillium Web', sans-serif; color: #4a2e2b; }
#wrap { padding-top: 87px; }
#headerBox { background-color: #fff; }

h1, h2, h3 { text-transform: uppercase; }
h1,h2,h3,h4,h5,a { color: #63BDDD; }

.contentOuterWrap.hgVar1 { background-color: #957247; }
.contentOuterWrap.hgVar1 * { color: #fff; }

.contentOuterWrap.hgVar2 { background-color: #63BDDD; }
.contentOuterWrap.hgVar2 * { color: #fff; }

.contentOuterWrap.hgVar3 { background-color: #D7D0B5; }

#contact-gear {
    position: absolute;
    top: 0;
    right: 0;
    width: 219px;
    height: 232px;
    background: transparent url(../images/contact-gear.png) top left;
    background-size: 100% 100%;
    padding-left: 75px;
    padding-top: 40px;
}
#contact-gear * { color: #fff; }
#contact-gear h4 { text-transform: uppercase; font-size: 1.28571428571429em; margin: 0; }
#contact-gear p { margin: 0.5em 0; }

#mainNav a { color: #4a2e2b; }
#mainNav a:hover, #mainNav li.current > a, #mainNav a.active { color: #63BDDD; }
.navbar-toggle .icon-bar { background-color: #63BDDD; }

footer { background-color: #63BDDD; }


figcaption { color: #63BDDD; }

blockquote { margin: 0 auto!important; font-size: 1.57142857142857em; font-style: italic; text-align: center; }
blockquote p {  display: inline-block; }
blockquote span.marked { font-size: 0.7em; display: block; margin-top: 1em; font-style: normal; text-align: right; }

#goTop { color: #63bddd; }


@media only screen and (max-width: 600px) {
    #contact-gear {
        font-size: 12px;
        width: 160px;
        height: 169px;
        padding-left: 45px;
        padding-top: 22px;
    }
}
@media only screen and (max-width: 479px) {
    #contact-gear {
        display: none;
    }
}
@media only screen and (max-width: 48em) {
    .navbar-toggle { bottom: 15px; }
    #wrap { padding-top: 60px; }
    #logo { top: 5px; }
    #headerBox .contentInnerWrap > .frame { padding-top: 0; }
    #headerBox + .bx-wrapper { margin-top: 60px!important; }
}


