main { position:relative;padding-top:10px }
@media only screen and (min-width:64em){ main { padding-top:50px}}

/* ----------------------------------------------------- */
 #offCanvas.has-tabs{
    background-color:transparent
}
 #offCanvas.has-tabs::before{
    content:'';
    position:absolute;
    top:60px;
    bottom:0;
    width:100%;
    background-color:#fff
}
 #offCanvas.has-tabs .tabs-content{
    background-color:#fff
}
 #offCanvas .tabs{
    background:0 0;
    margin:3px 0 0;
    text-align:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:start;
    justify-content:flex-start;
    border:none
}
 #offCanvas .tabs-content{
    background:0 0
}
 #offCanvas .tabs-content .off-canvas-list ul,#offCanvas .tabs-content .off-canvas-list ul li a{
    border-top:0
}
 #offCanvas .tabs-title{
    text-align:center;
    position:relative
}
 #offCanvas .tabs-title>a{
    font-size:14px;
    font-family:BentonSansBold,Helvetica,Arial,sans-serif;
    line-height:1.25;
    height:100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    margin:0 4px;
    padding:10px 16px;
    background-color:#DBD9D6;
    color:#6e635a
}
 #offCanvas .tabs-title.is-active>a{
    background-color:#fff;
    color:#120f0c;
    font-family:BentonSansBold,Helvetica,Arial,sans-serif;
    margin:0;
    padding:10px 20px
}
 #offCanvas .tabs-panel{
    padding:0;
    background:0 0
}