:root {
    --site_width: var(--site_width_xl);
 }

header {
    width:100%;
    left:0;
    top:0;
    position:fixed;
    overflow:visible;
    background-color: var(--col15);
    -webkit-box-shadow:0 1px 6px 0 rgba(000,.35);
    box-shadow:0 1px 6px 0 rgba(000,.35);
    z-index:200;
}
.headTop,
.headMain {
    width: var(--site_width);
    margin:0 auto;
    display: flex;
}
.headTop {
    padding-top:.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--col14);
    justify-content: flex-end;
}
.headMain {
    justify-content: space-between;
}
#logo {
    display: flex;
    align-items: center;
}
#main {
    width:100%;
    margin:0 auto;
    padding-top:7rem;
    background-color: var(--gry03);
    min-height: calc(100vh - 28rem);
}
#main:after {
    clear:both;
    content:'';
}
#footer {
    width:100%;
    position:relative;
    background-color: var(--gry80);
    -webkit-box-shadow:0 0 6px 0 rgba(000,.2);
    box-shadow:0 0 6px 0 rgba(000,.2);
    color: var(--col15);
}
#footer .inside {
    width: var(--site_width);
    position:relative;
    margin:0 auto;
    padding-top:2rem;
    padding-bottom:2rem;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer p,
#footer a {
    color: var(--col15);
}
#footer a:hover {
    color: var(--ci001);
}
#footer a:active {
    color: var(--col14);
}
/*
#footer .icon-links {
    margin-top:0;
    margin-bottom:0;
}
#footer .icon-links ul {
    display:block;
}
#footer .icon-links li {
    display:block;
    padding-top:0;
    padding-right:1rem;
    padding-bottom:0;
    line-height:3rem;
}
#footer .companyBox .ce_hyperlink.noBorder,
#footer .serviceBox .ce_hyperlink.noBorder,
#footer .icon-links li:last-child {
    border:none;
}
*/

#cookiebar {
    padding:1rem;
    background-color:rgba(0,0,0,.7);
    z-index:1000;
}
#cookiebar button {
    height:auto;
    padding:.5rem 1rem;
    background-color: var(--ci001);
    line-height:1em;
}
#cookiebar button:hover {
    background-color: var(--ci002);
}
#cookiebar a {
}
#cookiebar a:hover {
    color: var(--ci002);
}

#toplink {
    width:44px;
    height:44px;
    right:2%;
    position:fixed;
    background-color: var(--ci001);
    color: var(--white);
    bottom: -3rem;
    -moz-transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -o-transition: all 0.2s ease 0.2s;
    -ms-transition: all 0.2s ease 0.2s;
    cursor: pointer;
    z-index:1000;
    display: flex;
    justify-content: center;
    align-items: center;

}
#toplink:hover {
    background-color: var(--ci002);
}


.headroom {
    transition: transform .5s ease-in-out;
    will-change: transform;
}
.headroom--pinned {
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.headroom--unpinned {
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(-110%);
}