Current Directory: /home/astoriaah/www/old15/templates/client/css/themes/bright
Viewing File: /home/astoriaah/www/old15/templates/client/css/themes/bright/off-canvas.css
.off-canvas-toggle {
z-index: 100;
}
html,
body {
height: 100%;
}
.noscroll {
position: fixed;
overflow-y: scroll;
width: 100%;
}
.t3-wrapper {
background: #fafafa;
position: relative;
left: 0;
z-index: 99;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
overflow: visible;
}
.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;
}
.off-canvas-open .t3-wrapper::after {
width: 100%;
height: 10000px;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.t3-off-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 500px;
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: #fafafa;
color: #444444;
}
.t3-off-canvas .t3-off-canvas-header {
background: #ff5349;
color: #333333;
padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
margin: 0;
}
.t3-off-canvas .t3-off-canvas-body {
padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-body a {
color: #333333;
}
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
color: #fb0e00;
}
.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(500px, 0, 0);
transform: translate3d(500px, 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(-500px, 0, 0);
transform: translate3d(-500px, 0, 0);
}
.off-canvas-effect-3.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(500px, 0, 0);
transform: translate3d(500px, 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(-500px, 0, 0);
transform: translate3d(-500px, 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 {
-webkit-transform: translate3d(500px, 0, 0);
transform: translate3d(500px, 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 {
-webkit-transform: translate3d(-500px, 0, 0);
transform: translate3d(-500px, 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(500px, 0, 0);
transform: translate3d(500px, 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(-500px, 0, 0);
transform: translate3d(-500px, 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(500px, 0, 0) rotateY(-15deg);
transform: translate3d(500px, 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(-500px, 0, 0) rotateY(15deg);
transform: translate3d(-500px, 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(500px, 0, 0);
transform: translate3d(500px, 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(-500px, 0, 0);
transform: translate3d(-500px, 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(500px, 0, 0);
transform: translate3d(500px, 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(-500px, 0, 0);
transform: translate3d(-500px, 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, -500px);
transform: translate3d(0, 0, -500px);
}
.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(500px, 0, 0);
transform: translate3d(500px, 0, 0);
}
.off-canvas-effect-10.t3-off-canvas {
z-index: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, -500px);
transform: translate3d(0, 0, -500px);
}
.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(-500px, 0, 0);
transform: translate3d(-500px, 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(500px, 0, 0);
transform: translate3d(500px, 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(-500px, 0, 0);
transform: translate3d(-500px, 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(500px, 0, 0);
transform: translate3d(500px, 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(-500px, 0, 0);
transform: translate3d(-500px, 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: -500px;
}
html[dir="ltr"] .off-canvas-right.old-ie .t3-off-canvas {
right: -500px;
left: auto;
}
.modal-open .t3-wrapper {
position: static;
}
.off-canvas-toggle {
border-radius: 0;
border: 0;
background: #4f80e1;
color: #ffffff;
float: right;
margin-right: 0px;
outline: none;
position: absolute;
right: 0;
top: 0;
border: 0 !important;
padding: 0;
width: 85px;
height: 85px;
line-height: 85px;
margin-bottom: 0;
}
@media (max-width: 700px) {
.off-canvas-toggle {
height: 42.5px;
line-height: 42.5px;
width: 42.5px;
margin-top: -1px !important;
}
}
.off-canvas-toggle:hover {
border: 0 !important;
}
.off-canvas-toggle i {
font-weight: 300;
text-transform: uppercase;
font-size: 1.6em;
height: 85px;
width: 85px;
line-height: 85px;
text-align: center;
}
@media (max-width: 700px) {
.off-canvas-toggle i {
font-size: 12px;
line-height: 12px;
height: 42.5px;
line-height: 42.5px;
width: 42.5px;
background: #2561d8 !important;
}
}
.off-canvas-toggle:hover,
.off-canvas-toggle:active,
.off-canvas-toggle:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
background: #ff5349;
color: #ffffff;
border: 1px solid #ff2316;
}
.with-text .off-canvas-toggle {
width: 170px;
font-size: 80%;
}
#t3-off-canvas {
min-height: 100%;
background: #fafafa;
color: #444444;
max-width: 90%;
z-index: 100;
position: absolute;
}
#t3-off-canvas p {
color: #444444;
}
#t3-off-canvas .t3-off-canvas-header {
background: #ff5349;
color: #333333;
padding: 0 0 0 12px;
height: 85px;
}
#t3-off-canvas .t3-off-canvas-header h2 {
margin: 0;
line-height: 85px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
#t3-off-canvas .close {
margin: 0;
height: 85px;
line-height: 85px;
width: 42.5px;
background: transparent;
position: absolute;
top: 0;
right: 0;
}
#t3-off-canvas ul {
width: 100%;
}
#t3-off-canvas .t3-off-canvas-body {
padding: 24px 12px;
}
#t3-off-canvas .t3-off-canvas-body a {
color: #333333;
text-decoration: none;
}
#t3-off-canvas .t3-off-canvas-body a:hover,
#t3-off-canvas .t3-off-canvas-body a:focus {
color: #fb0e00;
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 .zen-module-title h3 {
color: #fff !important;
}
#t3-off-canvas .t3-off-canvas-body .nav {
margin-bottom: 60px;
}
#t3-off-canvas .t3-off-canvas-body .nav li {
border: 0;
box-shadow: none;
background-image: none;
background: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #e6e6e6 !important;
border-top: 1px solid #ffffff !important;
padding: 8px 0;
clear: both;
float: left;
width: 100%;
}
#t3-off-canvas .t3-off-canvas-body .nav li li li {
border: 0 !important;
padding: 4px 0;
}
#t3-off-canvas .t3-off-canvas-body .nav li a {
color: #333333;
background: none !important;
}
#t3-off-canvas .t3-off-canvas-body .nav li.active > a {
border-right: 4px solid #ff5349 !important;
color: #ff5349;
}
#t3-off-canvas .t3-off-canvas-body .nav ul ul {
margin: 10px 0 0 15px;
}
#t3-off-canvas .t3-off-canvas-body .nav .nav-header,
#t3-off-canvas .t3-off-canvas-body .nav .separator {
padding: 8px 0;
color: #333333 !important;
display: block;
clear: both;
}
#t3-off-canvas .t3-off-canvas-body .dropdown-menu {
background: none;
border: 0 !important;
float: left;
width: 100%;
display: none;
}
#t3-off-canvas .t3-off-canvas-body .dropdown-menu .dropdown-submenu .mega-dropdown-inner {
width: 94%;
}
#t3-off-canvas .t3-off-canvas-body .dropdown-menu li {
border: 0 !important;
padding: 0 4px;
}
#t3-off-canvas .t3-off-canvas-body .dropdown-menu li a {
color: #333333 !important;
border: 0 !important;
}
#t3-off-canvas .t3-off-canvas-body .dropdown-menu li a:hover {
color: #fb0e00 !important;
}
#t3-off-canvas .t3-off-canvas-body .dropdown-menu .caret {
float: right;
}
#t3-off-canvas .t3-off-canvas-body .t3-module {
margin-bottom: 18px;
}
#t3-off-canvas .t3-off-canvas-body .module-title {
margin-bottom: 9px;
}