.off-canvas-toggle {
    z-index: 100;
}

html,body {
    height: 100%;
}

.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

.t3-wrapper {
    background: #f4f2e7;
    position: relative;
    left: 0;
    z-index: 99;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    overflow: visible;
    margin-top: 25px;
}

.t3-wrapper::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    z-index: 100;
}

.t3-mainnav-android {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.t3-mainnav-android::after {
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.off-canvas-open .t3-wrapper::after {
    width: 100%;
    height: 10000px;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.off-canvas-open .t3-mainnav-android::after {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.t3-off-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    width: 250px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.t3-off-canvas::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.off-canvas-right.t3-off-canvas {
    display: none;
}

.off-canvas-right .off-canvas-right.t3-off-canvas {
    display: block;
}

html[dir="ltr"] .off-canvas-right.t3-off-canvas {
    left: auto;
    right: 0;
}

.off-canvas-open .t3-off-canvas::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.off-canvas-open .off-canvas-current {
    visibility: visible;
}

.off-canvas-open .t3-off-canvas {
    overflow-y: auto;
}

.t3-off-canvas {
    background: #222222;
    color: #ffffff;
}

.t3-off-canvas .t3-off-canvas-header {
    background: #d24a24;
    color: #e4e4e4;
    padding: 8px 15px;
}

.t3-off-canvas .t3-off-canvas-header h2 {
    margin: 0;
}

.t3-off-canvas .t3-off-canvas-body {
    padding: 8px 15px;
}

.t3-off-canvas .t3-off-canvas-body a {
    color: #e4e4e4;
}

.t3-off-canvas .t3-off-canvas-body a:hover,.t3-off-canvas .t3-off-canvas-body a:focus {
    color: #d24a24;
}

.t3-off-canvas .t3-off-canvas-body a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
    position: static;
    float: none;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.off-canvas-effect-1.t3-off-canvas {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.off-canvas-effect-1.off-canvas-open .off-canvas-effect-1.t3-off-canvas {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-effect-1.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-1.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.off-canvas-effect-2.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-2.t3-off-canvas {
    z-index: 1;
}

.off-canvas-effect-2.off-canvas-open .off-canvas-effect-2.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.off-canvas-effect-2.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-2.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

.off-canvas-effect-3.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-3.t3-off-canvas {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.off-canvas-effect-3.off-canvas-open .off-canvas-effect-3.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.off-canvas-effect-3.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-3.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

.off-canvas-right.off-canvas-effect-3.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.off-canvas-effect-4.off-canvas-open .t3-wrapper,.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-4.t3-off-canvas {
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-effect-4.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper,.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}

.off-canvas-effect-5.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-5.t3-off-canvas {
    z-index: 1;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}

.off-canvas-effect-5.off-canvas-open .off-canvas-effect-5.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-right.off-canvas-effect-5.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

.off-canvas-right.off-canvas-effect-5.t3-off-canvas {
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

body.off-canvas-effect-6 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.off-canvas-effect-6 .t3-wrapper {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: auto;
    overflow: hidden;
}

.off-canvas-effect-6.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0) rotateY(-15deg);
    transform: translate3d(250px, 0, 0) rotateY(-15deg);
}

.off-canvas-effect-6.t3-off-canvas {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.off-canvas-effect-6.off-canvas-open .off-canvas-effect-6.t3-off-canvas {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-effect-6.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-6 .t3-wrapper {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.off-canvas-right.off-canvas-effect-6.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0) rotateY(15deg);
    transform: translate3d(-250px, 0, 0) rotateY(15deg);
}

.off-canvas-right.off-canvas-effect-6.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

body.off-canvas-effect-7 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
}

.off-canvas-effect-7 .t3-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-7.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-7.t3-off-canvas {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-7.off-canvas-open .off-canvas-effect-7.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
    transform: translate3d(-100%, 0, 0) rotateY(0deg);
}

body.off-canvas-effect-7.off-canvas-right {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
}

.off-canvas-right.off-canvas-effect-7.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

.off-canvas-right.off-canvas-effect-7.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
    transform: translate3d(100%, 0, 0) rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.off-canvas-right.off-canvas-effect-7.off-canvas-open .off-canvas-right.off-canvas-effect-7.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
    transform: translate3d(100%, 0, 0) rotateY(0deg);
}

body.off-canvas-effect-8 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
}

.off-canvas-effect-8 .t3-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-8.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-8.t3-off-canvas {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-8.off-canvas-open .off-canvas-effect-8.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
    transform: translate3d(-100%, 0, 0) rotateY(0deg);
}

.off-canvas-effect-8.t3-off-canvas::after {
    display: none;
}

body.off-canvas-effect-8.off-canvas-right {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
}

.off-canvas-right.off-canvas-effect-8.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

.off-canvas-right.off-canvas-effect-8.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
    transform: translate3d(100%, 0, 0) rotateY(-90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.off-canvas-right.off-canvas-effect-8.off-canvas-open .off-canvas-right.off-canvas-effect-8.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
    transform: translate3d(100%, 0, 0) rotateY(0deg);
}

body.off-canvas-effect-9 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.off-canvas-effect-9 .t3-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-9.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(0, 0, -250px);
    transform: translate3d(0, 0, -250px);
}

.off-canvas-effect-9.t3-off-canvas {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.off-canvas-effect-9.off-canvas-open .off-canvas-effect-9.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-effect-9.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-9.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

body.off-canvas-effect-10 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
}

.off-canvas-effect-10.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-10.t3-off-canvas {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, -250px);
    transform: translate3d(0, 0, -250px);
}

.off-canvas-effect-10.off-canvas-open .off-canvas-effect-10.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

body.off-canvas-effect-10.off-canvas-right {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
}

.off-canvas-right.off-canvas-effect-10.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

body.off-canvas-effect-11 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.off-canvas-effect-11 .t3-wrapper {
    height: auto;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-11.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
    transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}

.off-canvas-effect-11.t3-off-canvas {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.off-canvas-effect-11.off-canvas-open .off-canvas-effect-11.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-effect-11.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-11.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-100px, 0, -600px) rotateY(20deg);
    transform: translate3d(-100px, 0, -600px) rotateY(20deg);
}

.off-canvas-right.off-canvas-effect-11.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

body.off-canvas-effect-12 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.off-canvas-effect-12 .t3-wrapper {
    height: auto;
    overflow: hidden;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-12.off-canvas-open .t3-wrapper {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
}

.off-canvas-effect-12.t3-off-canvas {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.off-canvas-effect-12.off-canvas-open .off-canvas-effect-12.t3-off-canvas {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.off-canvas-effect-12.t3-off-canvas::after {
    display: none;
}

.off-canvas-right.off-canvas-effect-12 .t3-wrapper {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.off-canvas-right.off-canvas-effect-12.off-canvas-open .t3-wrapper {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
}

.off-canvas-right.off-canvas-effect-12.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

body.off-canvas-effect-13 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
}

.off-canvas-effect-13.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-13.t3-off-canvas {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.off-canvas-effect-13.off-canvas-open .off-canvas-effect-13.t3-off-canvas {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-speed: 0.2s;
    transition-speed: 0.2s;
}

body.off-canvas-effect-13.off-canvas-right {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
}

.off-canvas-right.off-canvas-effect-13.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

body.off-canvas-effect-14 {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
}

.off-canvas-effect-14 .t3-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-14.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.off-canvas-effect-14.t3-off-canvas {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.off-canvas-effect-14.off-canvas-open .off-canvas-effect-14.t3-off-canvas {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
    transform: translate3d(-100%, 0, 0) rotateY(0deg);
}

body.off-canvas-effect-14.off-canvas-right {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
}

.off-canvas-right.off-canvas-effect-14.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

.off-canvas-right.off-canvas-effect-14.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
    transform: translate3d(100%, 0, 0) rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.off-canvas-right.off-canvas-effect-14.off-canvas-open .off-canvas-right.off-canvas-effect-14.t3-off-canvas {
    -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
    transform: translate3d(100%, 0, 0) rotateY(0deg);
}

.old-ie .t3-off-canvas {
    z-index: 100 !important;
    left: -250px;
}

html[dir="ltr"] .off-canvas-right.old-ie .t3-off-canvas {
    right: -250px;
    left: auto;
}

.modal-open .t3-wrapper {
    position: static;
}

.t3-wrapper {
    background-color: #3a352f;
}

.off-canvas-toggle {
    background: none;
    border-radius: 0;
    border: 0;
    border-right: 2px solid #555555;
    padding: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

@media (max-width: 991px) {
    .off-canvas-toggle {
        width:40px;
        height: 40px;
        line-height: 40px;
    }
}

.off-canvas-toggle:hover,.off-canvas-toggle:focus {
    background: none;
    border-color: #555555;
    outline: none;
    color: #d24a24;
}

.off-canvas-toggle-primary {
    background: #d24a24;
    color: #ffffff;
    border-left: 1px solid #d24a24;
    border-right: 1px solid #d24a24;
}

.off-canvas-toggle-primary:hover,.off-canvas-toggle-primary:focus {
    background: #bc4220;
    border-left: 1px solid #bc4220;
    border-right: 1px solid #bc4220;
    color: #ffffff;
}

.t3-off-canvas {
    background: #222222;
    color: #ffffff;
}

.t3-off-canvas .t3-off-canvas-header {
    background: #d24a24;
    color: #e4e4e4;
    padding: 0 0 0 15px;
    height: 50px;
}

.t3-off-canvas .t3-off-canvas-header h2 {
    margin: 0;
    line-height: 50px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Roboto Mono", sans-serif;
    text-transform: uppercase;
}

.t3-off-canvas .close {
    background: #c54522;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    font-weight: 300;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-shadow: none;
    width: 50px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.t3-off-canvas .close:hover,.t3-off-canvas .close:focus,.t3-off-canvas .close:active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.t3-off-canvas .t3-off-canvas-body {
    padding: 0;
}

.t3-off-canvas .t3-off-canvas-body a {
    color: #e4e4e4;
    text-decoration: none;
    font-size: 14px;
}

.t3-off-canvas .t3-off-canvas-body a:hover,.t3-off-canvas .t3-off-canvas-body a:focus {
    color: #d24a24;
    text-decoration: none;
}

.t3-off-canvas .t3-off-canvas-body a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {
    background: transparent;
}

.t3-off-canvas .t3-off-canvas-body .nav > li + li {
    border-top: 1px solid #333333;
}

.t3-off-canvas .t3-off-canvas-body .nav > li:last-child {
    border-bottom: 1px solid #333333;
}

.t3-off-canvas .t3-off-canvas-body .nav > li > a,.t3-off-canvas .t3-off-canvas-body .nav > li > span {
    font-size: 16px;
}

.t3-off-canvas .t3-off-canvas-body .nav > li > a:hover,.t3-off-canvas .t3-off-canvas-body .nav > li > span:hover,.t3-off-canvas .t3-off-canvas-body .nav > li > a:focus,.t3-off-canvas .t3-off-canvas-body .nav > li > span:focus {
    background-color: #222222;
}

.t3-off-canvas .t3-off-canvas-body .nav > li > a .caret,.t3-off-canvas .t3-off-canvas-body .nav > li > span .caret {
    border: none;
    float: right;
    font-style: normal;
}

.t3-off-canvas .t3-off-canvas-body .nav > li > a .caret:after,.t3-off-canvas .t3-off-canvas-body .nav > li > span .caret:after {
    font-family: "FontAwesome";
    content: "\f107";
}

.t3-off-canvas .t3-off-canvas-body .nav > li.active:before {
    border-left-color: #d24a24;
}

.t3-off-canvas .t3-off-canvas-body .nav > li.active > a {
    color: #d24a24;
    background: #222222;
}

.t3-off-canvas .t3-off-canvas-body .nav > li.active > a .caret {
    border-top-color: #d24a24;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
    background: none;
    border-top: 1px solid #333333;
    padding: 13px 25px;
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li {
    padding: 0;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a,.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > span {
    position: relative;
    padding: 10px 30px;
    text-transform: none;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:hover,.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > span:hover,.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:focus,.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > span:focus {
    background-color: #222222;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:before,.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > span:before {
    content: "\f178";
    font-family: "FontAwesome";
    font-size: 11px;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 14px;
    left: 0;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.open > a {
    color: #d24a24;
    background: #222222;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a,.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a:hover {
    color: #d24a24;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a:after {
    color: #d24a24;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-submenu > span {
    font-size: 14px;
    text-transform: uppercase !important;
    display: block;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-submenu > a:after,.t3-off-canvas .t3-off-canvas-body .dropdown-submenu > span:after {
    border: 0;
    content: "\f107";
    color: #999999;
    font-family: "FontAwesome";
    float: right;
    top: 0;
    margin-top: 2px;
    width: 0;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-submenu > a:hover::after,.t3-off-canvas .t3-off-canvas-body .dropdown-submenu > span:hover::after {
    color: #d24a24;
}

.t3-off-canvas .t3-off-canvas-body .dropdown-submenu .dropdown-menu {
    padding: 5px 15px;
    border: none;
    text-transform: none;
}

.t3-off-canvas .t3-off-canvas-body .t3-module {
    margin-bottom: 0;
    border: none;
    background-color: transparent;
}

.t3-off-canvas .t3-off-canvas-body .module-title {
    background: #e4e4e4;
    border-bottom-color: #e4e4e4;
    border-top: 1px solid #e4e4e4;
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 0;
    padding: 15px 30px;
    line-height: normal;
}

.t3-off-canvas .t3-off-canvas-body .module-inner {
    padding: 0;
}

#t3-off-canvas-categories .t3-off-canvas-body .module-title {
    background: #d24a24;
    border-color: #d24a24;
    color: #ffffff;
}