#menu-container {
    position : relative;
}

#slider {
    background      : #f2f2f2 url("../img/small-logo.svg") no-repeat center;
    background-size : 168px;
    box-sizing      : border-box;
    position        : absolute;
    top             : 50%;
    left            : 50%;
    margin-top      : -120px;
    margin-left     : -120px;
    width           : 240px;
    height          : 240px;
    border-radius   : 50%;
    overflow        : hidden;
    border          : 5px solid #f2f2f2;
}

#slider h3 {
    box-sizing     : border-box;
    position       : absolute;
    color          : #ffffff;
    top            : 0;
    left           : 0;
    background     : #ff514c;
    width          : 100%;
    font-size      : 14px;
    text-transform : uppercase;
    letter-spacing : 1px;
    text-align     : center;
    padding        : 8px 42px;
}

#slider h4.bbch {
    box-sizing       : border-box;
    position         : absolute;
    bottom           : 0;
    text-align       : center;
    font-size        : 14px;
    font-weight      : 700;
    text-shadow      : 0 0 3px #ffffff;
    left             : 0;
    width            : 100%;
    padding          : 4px 42px;
    background-color : rgba(255, 255, 255, 0.75);
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position         : relative;
    margin-bottom    : 60px;
    padding          : 0;
    *zoom            : 1;
    -ms-touch-action : pan-y;
    touch-action     : pan-y;
}

.bx-wrapper img {
    max-width : 100%;
    display   : block;
}

.bxslider {
    margin  : 0;
    padding : 0;
}

ul.bxslider {
    list-style : none;
}

.bx-viewport {
    /* fix other elements on the page moving (in Chrome) */
    -webkit-transform : translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper {
    background : #ffffff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position : absolute;
    bottom   : -30px;
    width    : 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height : 50px;
    background : url('../img/bx_loader.gif') center center no-repeat #ffffff;
    height     : 100%;
    width      : 100%;
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align  : center;
    font-size   : .85em;
    font-family : Arial;
    font-weight : bold;
    color       : #666666;
    padding-top : 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background            : #A2CE57;
    text-indent           : -9999px;
    display               : block;
    width                 : 10px;
    height                : 10px;
    margin                : 0 5px;
    outline               : 0;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background : #4e9b4e;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display        : inline-block;
    vertical-align : bottom;
    *zoom          : 1;
    *display       : inline;
}

.bx-wrapper .bx-pager-item {
    font-size   : 0;
    line-height : 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left       : 10px;
    background : url('../img/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position : 0 0;
}

.bx-wrapper .bx-next {
    right      : 10px;
    background : url('../img/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position : -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position    : absolute;
    top         : 50%;
    margin-top  : -16px;
    outline     : 0;
    width       : 32px;
    height      : 32px;
    text-indent : -9999px;
    z-index     : 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display : none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align : center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display     : block;
    text-indent : -9999px;
    width       : 10px;
    height      : 11px;
    outline     : 0;
    background  : url('../img/controls.png') -86px -11px no-repeat;
    margin      : 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position : -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display     : block;
    text-indent : -9999px;
    width       : 9px;
    height      : 11px;
    outline     : 0;
    background  : url('../img/controls.png') -86px -44px no-repeat;
    margin      : 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position : -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align : left;
    width      : 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right : 0;
    width : 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    background : #666666;
    background : rgba(80, 80, 80, 0.75);
    width      : 100%;
}

.bx-wrapper .bx-caption span {
    color       : #ffffff;
    font-family : Arial;
    display     : block;
    font-size   : .85em;
    padding     : 10px;
}
