/*
 * TG Zell navigation styles
 *
 * Menu styling is kept separate so navigation changes stay isolated
 * from the rest of the template layout and content styling.
 */

.clearfix {
    *zoom:1;
}

.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0;
}

.clearfix:after {
    clear:both;
}

.hide-text {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0;
}

.input-block-level {
    display:block;
    width:100%;
    min-height:30px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.rok-left {
    float:left;
}

.rok-right {
    float:right;
}

.rok-dropdown-group,.rok-dropdown {
    position:relative;
}

.rok-dropdown-open .rok-dropdown {
    display:block;
}

.rok-popover-group,.rok-popover {
    position:relative;
}

.rok-popover-open .rok-popover {
    display:block;
}

.gf-menu {
    margin:10px auto 0;
    list-style:none;
}

.gf-menu:after {
    display:table;
    content:'';
    clear:both;
}

.gf-menu ul {
    list-style:none;
    padding:0;
    margin:0;
}

.gf-menu .item {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:21px;
    color:#d8d8d8;
    padding:4px 8px;
    text-align:left;
    text-shadow:1px 1px 0 #000000;
    text-decoration:none;
    display:block;
    outline:0;
    cursor:pointer;
}

.gf-menu .item.subtext {
    padding-top:1px;
    padding-bottom:4px;
}

.gf-menu .item.subtext > em {
    display:block;
    font-size:9px;
    line-height:9px;
    color:#bfbfbf;
    text-align:left;
    font-style:normal;
}

.gf-menu .item.icon [class^="icon-"],.gf-menu .item.icon [class*= " icon-"] {
    background-image:none !important;
    width:auto;
}

.gf-menu .item.icon [class^="icon-"]:before,.gf-menu .item.icon [class*= " icon-"]:before {
    text-indent:0;
    margin-right:5px;
}

.gf-menu .item .menu-image {
    max-width:inherit;
    vertical-align:text-top;
    margin-top:-2px;
    margin-left:-2px;
}

.gf-menu.l1 > li.active {
    background:#313131;
    border:1px solid #252525;
    border-radius:4px;
    -webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    -moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
}

.gf-menu.l1 > li > .item {
    font-size:15px;
    line-height:24px;
    padding-top:7px;
    padding-bottom:7px;
    position:relative;
}

.gf-menu.l1 > li > .item.subtext {
    padding-top:1px;
    padding-bottom:4px;
}

.gf-menu.l1 > li > .item .menu-image {
    margin-top:-1px;
}

.gf-menu li {
    float:left;
    display:block;
    text-align:center;
    position:relative;
    padding:0;
    margin-right:15px;
    border:none;
    border:1px solid transparent;
}

.gf-menu li.parent > .item {
    position:relative;
    padding-right:25px;
}

.gf-menu li.parent > .item:after {
    color:#a5a5a5;
    position:absolute;
    right:6px;
    top:50%;
    margin-top:-12px;
    font-family:FontAwesome;
    content:"\f078";
    font-size:11px;
}

.gf-menu .dropdown {
    margin:0 auto;
    padding:10px 0;
    position:absolute;
    opacity:0;
    left:-999em;
    text-align:left;
    border:1px solid #343434;
    border-top:0;
    background:#474747;
    -webkit-transition:opacity 0.2s ease-out;
    -moz-transition:opacity 0.2s ease-out;
    -o-transition:opacity 0.2s ease-out;
    transition:opacity 0.2s ease-out;
    border-radius:0 5px 5px 5px;
    -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    z-index:1000;
}

.gf-menu .dropdown .flyout {
    display:block;
}

.gf-menu .dropdown ul li {
    display:block;
    float:none;
    margin-right:0;
    padding:0 5px;
    border:0;
}

.gf-menu .dropdown ul li.active > .item {
    color:#ffffff;
}

.gf-menu .dropdown ul li .item {
    border:1px solid transparent;
}

.gf-menu .dropdown ul li.parent > .item:after {
    margin-top:-10px;
    font-family:FontAwesome;
    content:"\f054";
    font-size:11px;
}

.gf-menu .dropdown .grouped.parent > .item .border-fixer {
    display:none;
}

.gf-menu .dropdown .grouped.parent > .item:after {
    font-family:FontAwesome;
    content:"\f078";
    font-size:11px;
}

.gf-menu .dropdown .grouped ol {
    background:#313131;
    border:1px solid #252525;
    border-radius:4px;
    -webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    -moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    margin:6px 0px;
    padding:3px 0;
}

.gf-menu .dropdown .grouped ol > li > .item {
    font-size:12px;
    padding-top:3px;
    padding-bottom:3px;
}

.gf-menu .dropdown .modules {
    text-align:left;
    color:#bfbfbf;
}

.gf-menu .dropdown .modules .module-content {
    padding:0 10px;
}

.gf-menu .dropdown .modules .module-content h1,.gf-menu .dropdown .modules .module-content h2,.gf-menu .dropdown .modules .module-content h3,.gf-menu .dropdown .modules .module-content h4,.gf-menu .dropdown .modules .module-content h5 {
    color:#f2f2f2;
}

.gf-menu .dropdown .modules .module-content a {
    color:#ffffff;
}

.gf-menu .dropdown .modules .module-content p {
    margin:0 0 10px 0;
    font-size:12px;
    line-height:18px;
}

.gf-menu .flyout {
    border-top:1px solid #343434;
}

.gf-menu .column {
    float:left;
    position:relative;
}

.gf-menu .position-left {
    float:left;
    margin-right:15px;
}

.gf-menu .position-right {
    float:right;
    margin-left:15px;
}

.gf-menu.gf-splitmenu li.parent:hover {
    border-radius:4px;
}

.gf-menu-toggle {
    padding:7px 10px;
    border:1px solid #343434;
    border-top:0;
    border-radius:4px;
    background-color:#2b2b2b;
    background-image:-moz-linear-gradient(top,#3a3a3a,#141414);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#3a3a3a),to(#141414));
    background-image:-webkit-linear-gradient(top,#3a3a3a,#141414);
    background-image:-o-linear-gradient(top,#3a3a3a,#141414);
    background-image:linear-gradient(to bottom,#3a3a3a,#141414);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a3a3a', endColorstr='#ff141414', GradientType=0);
    -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    position:absolute;
    z-index:2;
    top:10px;
    left:10px;
    cursor:pointer;
}

.gf-menu-toggle.active {
    border:1px solid #252525;
    -webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    -moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    background-color:#1e1e1e;
    background-image:-moz-linear-gradient(top,#2e2e2e,#070707);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#2e2e2e),to(#070707));
    background-image:-webkit-linear-gradient(top,#2e2e2e,#070707);
    background-image:-o-linear-gradient(top,#2e2e2e,#070707);
    background-image:linear-gradient(to bottom,#2e2e2e,#070707);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d2d2d', endColorstr='#ff070707', GradientType=0);
}

.gf-menu-toggle .icon-bar {
    background-color:#d8d8d8;
    border-radius:1px 1px 1px 1px;
    display:block;
    height:2px;
    width:18px;
}

.gf-menu-toggle .icon-bar + .icon-bar {
    margin-top:3px;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .layout-mode-responsive .gf-menu.l1 > li {
        margin-right:5px;
    }

}

@media (min-width: 768px) and (max-width: 959px) {
    .layout-mode-responsive .gf-menu.l1 > li {
        margin-right:5px;
    }

    .layout-mode-responsive .gf-menu.l1 > li > .item {
        font-size:14px;
    }

    .layout-mode-responsive .gf-menu.l1 > li > .item.subtext {
        padding-top:7px;
        padding-bottom:7px;
    }

    .layout-mode-responsive .gf-menu.l1 > li > .item.subtext em {
        display:none;
    }

    .layout-mode-responsive .gf-menu.l1 > li > .item.image img {
        display:none;
    }

}

@media only screen and (min-width: 768px) {
    .clearfix {
        *zoom:1;
    }

    .clearfix:before,.clearfix:after {
        display:table;
        content:"";
        line-height:0;
    }

    .clearfix:after {
        clear:both;
    }

    .hide-text {
        font:0/0 a;
        color:transparent;
        text-shadow:none;
        background-color:transparent;
        border:0;
    }

    .input-block-level {
        display:block;
        width:100%;
        min-height:30px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .rok-left {
        float:left;
    }

    .rok-right {
        float:right;
    }

    .rok-dropdown-group,.rok-dropdown {
        position:relative;
    }

    .rok-dropdown-open .rok-dropdown {
        display:block;
    }

    .rok-popover-group,.rok-popover {
        position:relative;
    }

    .rok-popover-open .rok-popover {
        display:block;
    }

    .gf-menu.l1 > li:hover > .item .border-fixer {
        display:block;
        position:absolute;
        height:2px;
        width:100%;
        bottom:-2px;
        left:0px;
        background:#474747;
        z-index:1001;
    }

    .gf-menu li:hover,.gf-menu li.active:hover {
        border:1px solid #343434;
        background:#474747;
        padding-top:1px;
        border-radius:4px;
        border-top:0;
        -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
    }

    .gf-menu li:hover > .dropdown,.gf-menu li.active:hover > .dropdown {
        left:-1px;
        top:auto;
        opacity:1;
    }

    .gf-menu li:hover > .item {
        color:#ffffff !important;
        text-shadow:1px 1px 0 #000000;
    }

    .gf-menu li.parent:hover {
        border-radius:4px 4px 0 0;
    }

    .gf-menu .dropdown ul li:hover {
        border:0;
        background:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        padding-top:1px;
    }

    .gf-menu .dropdown ul li:hover > .item {
        border-radius:4px;
        border:1px solid #343434;
        background:#474747;
        border-top:0;
        -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
        -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
        box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    }

    .gf-menu .dropdown ul li:hover > .item .border-fixer {
        display:block;
        position:absolute;
        height:100%;
        width:2px;
        right:-1px;
        -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        top:0px;
        background:#474747;
        z-index:1001;
    }

    .gf-menu .dropdown ul li.parent:hover > .item {
        border-radius:4px 0 0 4px;
    }

    .gf-menu .dropdown .grouped.parent:hover > .item {
        border-radius:4px;
    }

    .gf-menu .dropdown .modules:hover,.gf-menu .dropdown .modules ul li:hover {
        padding-top:0 !important;
    }

    .gf-menu .dropdown li:hover > .flyout {
        left:100%;
        top:1px;
        margin-left:-6px;
        border-top:0;
        border-radius:0 5px 5px 5px;
        -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
        -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
        box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    }

    body.rtl li:hover > .dropdown,body.rtl li.active:hover > .dropdown {
        left:inherit;
        right:-1px;
    }

    body.rtl .dropdown ul li:hover > .flyout {
        left:inherit;
        right:100%;
        border-radius:5px 0 5px 5px;
        margin-left:auto;
        margin-right:-6px;
    }

    body.rtl .dropdown ul li:hover > .item .border-fixer {
        right:inherit;
        left:-1px;
    }

    body.rtl .dropdown ul li.parent:hover > .item {
        border-radius:0 4px 4px 0;
    }

}

.layout-mode-960fixed .clearfix,.layout-mode-1200fixed .clearfix {
    *zoom:1;
}

.layout-mode-960fixed .clearfix:before,.layout-mode-960fixed .clearfix:after,.layout-mode-1200fixed .clearfix:before,.layout-mode-1200fixed .clearfix:after {
    display:table;
    content:"";
    line-height:0;
}

.layout-mode-960fixed .clearfix:after,.layout-mode-1200fixed .clearfix:after {
    clear:both;
}

.layout-mode-960fixed .hide-text,.layout-mode-1200fixed .hide-text {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0;
}

.layout-mode-960fixed .input-block-level,.layout-mode-1200fixed .input-block-level {
    display:block;
    width:100%;
    min-height:30px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.layout-mode-960fixed .rok-left,.layout-mode-1200fixed .rok-left {
    float:left;
}

.layout-mode-960fixed .rok-right,.layout-mode-1200fixed .rok-right {
    float:right;
}

.layout-mode-960fixed .rok-dropdown-group,.layout-mode-960fixed .rok-dropdown,.layout-mode-1200fixed .rok-dropdown-group,.layout-mode-1200fixed .rok-dropdown {
    position:relative;
}

.layout-mode-960fixed .rok-dropdown-open .rok-dropdown,.layout-mode-1200fixed .rok-dropdown-open .rok-dropdown {
    display:block;
}

.layout-mode-960fixed .rok-popover-group,.layout-mode-960fixed .rok-popover,.layout-mode-1200fixed .rok-popover-group,.layout-mode-1200fixed .rok-popover {
    position:relative;
}

.layout-mode-960fixed .rok-popover-open .rok-popover,.layout-mode-1200fixed .rok-popover-open .rok-popover {
    display:block;
}

.layout-mode-960fixed .gf-menu.l1 > li:hover > .item .border-fixer,.layout-mode-1200fixed .gf-menu.l1 > li:hover > .item .border-fixer {
    display:block;
    position:absolute;
    height:2px;
    width:100%;
    bottom:-2px;
    left:0px;
    background:#474747;
    z-index:1001;
}

.layout-mode-960fixed .gf-menu li:hover,.layout-mode-960fixed .gf-menu li.active:hover,.layout-mode-1200fixed .gf-menu li:hover,.layout-mode-1200fixed .gf-menu li.active:hover {
    border:1px solid #343434;
    background:#474747;
    padding-top:1px;
    border-radius:4px;
    border-top:0;
    -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
    -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
    box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
}

.layout-mode-960fixed .gf-menu li:hover > .dropdown,.layout-mode-960fixed .gf-menu li.active:hover > .dropdown,.layout-mode-1200fixed .gf-menu li:hover > .dropdown,.layout-mode-1200fixed .gf-menu li.active:hover > .dropdown {
    left:-1px;
    top:auto;
    opacity:1;
}

.layout-mode-960fixed .gf-menu li:hover > .item,.layout-mode-1200fixed .gf-menu li:hover > .item {
    color:#ffffff !important;
    text-shadow:1px 1px 0 #000000;
}

.layout-mode-960fixed .gf-menu li.parent:hover,.layout-mode-1200fixed .gf-menu li.parent:hover {
    border-radius:4px 4px 0 0;
}

.layout-mode-960fixed .gf-menu .dropdown ul li:hover,.layout-mode-1200fixed .gf-menu .dropdown ul li:hover {
    border:0;
    background:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    padding-top:1px;
}

.layout-mode-960fixed .gf-menu .dropdown ul li:hover > .item,.layout-mode-1200fixed .gf-menu .dropdown ul li:hover > .item {
    border-radius:4px;
    border:1px solid #343434;
    background:#474747;
    border-top:0;
    -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
}

.layout-mode-960fixed .gf-menu .dropdown ul li:hover > .item .border-fixer,.layout-mode-1200fixed .gf-menu .dropdown ul li:hover > .item .border-fixer {
    display:block;
    position:absolute;
    height:100%;
    width:2px;
    right:-1px;
    -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
    -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
    box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
    top:0px;
    background:#474747;
    z-index:1001;
}

.layout-mode-960fixed .gf-menu .dropdown ul li.parent:hover > .item,.layout-mode-1200fixed .gf-menu .dropdown ul li.parent:hover > .item {
    border-radius:4px 0 0 4px;
}

.layout-mode-960fixed .gf-menu .dropdown .grouped.parent:hover > .item,.layout-mode-1200fixed .gf-menu .dropdown .grouped.parent:hover > .item {
    border-radius:4px;
}

.layout-mode-960fixed .gf-menu .dropdown .modules:hover,.layout-mode-960fixed .gf-menu .dropdown .modules ul li:hover,.layout-mode-1200fixed .gf-menu .dropdown .modules:hover,.layout-mode-1200fixed .gf-menu .dropdown .modules ul li:hover {
    padding-top:0 !important;
}

.layout-mode-960fixed .gf-menu .dropdown li:hover > .flyout,.layout-mode-1200fixed .gf-menu .dropdown li:hover > .flyout {
    left:100%;
    top:1px;
    margin-left:-6px;
    border-top:0;
    border-radius:0 5px 5px 5px;
    -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858, 0px 1px 1px rgba(0,0,0,0.2);
}

.layout-mode-960fixed body.rtl li:hover > .dropdown,.layout-mode-960fixed body.rtl li.active:hover > .dropdown,.layout-mode-1200fixed body.rtl li:hover > .dropdown,.layout-mode-1200fixed body.rtl li.active:hover > .dropdown {
    left:inherit;
    right:-1px;
}

.layout-mode-960fixed body.rtl .dropdown ul li:hover > .flyout,.layout-mode-1200fixed body.rtl .dropdown ul li:hover > .flyout {
    left:inherit;
    right:100%;
    border-radius:5px 0 5px 5px;
    margin-left:auto;
    margin-right:-6px;
}

.layout-mode-960fixed body.rtl .dropdown ul li:hover > .item .border-fixer,.layout-mode-1200fixed body.rtl .dropdown ul li:hover > .item .border-fixer {
    right:inherit;
    left:-1px;
}

.layout-mode-960fixed body.rtl .dropdown ul li.parent:hover > .item,.layout-mode-1200fixed body.rtl .dropdown ul li.parent:hover > .item {
    border-radius:0 4px 4px 0;
}

@media (max-width: 767px) {
    .layout-mode-responsive .gf-menu-device-wrapper {
        margin-bottom:15px !important;
    }

    .layout-mode-responsive .gf-menu-device-container {
        background:#424242;
        border:1px solid #343434;
        border-top:0;
        -webkit-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        -moz-box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        box-shadow:inset 0px 1px 0px #343434, inset 0px 2px 0px #585858;
        border-radius:5px;
        padding:5px;
    }

    .layout-mode-responsive .gf-menu-device-container select {
        margin-bottom:0;
        width:100%;
    }

    .layout-mode-responsive .gf-menu {
        border-top:15px solid #424242;
        background-clip:content-box;
        -webkit-background-clip:content-box;
        background:#424242 url(../images/menu/tree-main.png) repeat-y !important;
    }

    .layout-mode-responsive .gf-menu ul,.layout-mode-responsive .gf-menu ol {
        background:#424242 url(../images/menu/tree-main.png) repeat-y !important;
    }

    .layout-mode-responsive .gf-menu li {
        background:url(../images/menu/tree-node.png) no-repeat;
        padding-left:20px !important;
        margin-right:0 !important;
    }

    .layout-mode-responsive .gf-menu li.active.last {
        background:url(../images/menu/tree-node.png) no-repeat !important;
        border:0 !important;
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
    }

    .layout-mode-responsive .gf-menu li.active.last > .item {
        background:#313131;
        border:1px solid #252525 !important;
        border-radius:4px;
        -webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
        -moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
        box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 0px #3c3c3c;
    }

    .layout-mode-responsive .gf-menu li .columns-1 > .col1 > ul > li:last-child,.layout-mode-responsive .gf-menu li .columns-2 > .col2 > ul > li:last-child,.layout-mode-responsive .gf-menu li .columns-3 > .col3 > ul > li:last-child,.layout-mode-responsive .gf-menu li .columns-4 > .col4 > ul > li:last-child {
        background:#424242 url(../images/menu/tree-node-last.png) 0 -2px no-repeat !important;
    }

    .layout-mode-responsive .gf-menu li ol > li:last-child {
        background:#424242 url(../images/menu/tree-node-last.png) 0 -2px no-repeat !important;
    }

    .layout-mode-responsive .gf-menu li:hover > .item {
        color:#ffffff !important;
        text-shadow:1px 1px 0 #000000;
    }

    .layout-mode-responsive .gf-menu li .item {
        padding:2px 5px !important;
    }

    .layout-mode-responsive .gf-menu li .item.subtext em {
        display:none;
    }

    .layout-mode-responsive .gf-menu li .item:after {
        content:'' !important;
    }

    .layout-mode-responsive .gf-menu > li:first-child,.layout-mode-responsive .gf-menu > li:first-child.active {
        margin-top:-15px;
        background:url(../images/menu/tree-node-first.png) no-repeat !important;
    }

    .layout-mode-responsive .gf-menu > li:last-child {
        background:#424242 url(../images/menu/tree-node-last.png) 0 -2px no-repeat;
    }

    .layout-mode-responsive .gf-menu .dropdown {
        width:100% !important;
        border:0 !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        background:transparent !important;
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
        position:relative;
        left:inherit;
        top:inherit;
        opacity:1;
        *zoom:1;
    }

    .layout-mode-responsive .gf-menu .dropdown:before,.layout-mode-responsive .gf-menu .dropdown:after {
        display:table;
        content:"";
        line-height:0;
    }

    .layout-mode-responsive .gf-menu .dropdown:after {
        clear:both;
    }

    .layout-mode-responsive .gf-menu .dropdown .flyout {
        display:block;
    }

    .layout-mode-responsive .gf-menu .dropdown .column {
        width:100% !important;
    }

    .layout-mode-responsive .gf-menu .dropdown .grouped ol {
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
        border:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    .layout-mode-responsive .gf-menu .dropdown .modules {
        display:none;
    }

    .layout-mode-responsive .gf-menu.l1 > li {
        float:none;
        margin-left:-1px;
    }

    .layout-mode-responsive .gf-menu.l1 > li.active {
        margin-left:0px;
        background:transparent;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        border:0;
    }

    .layout-mode-responsive .gf-menu.l1 > li > .item {
        font-size:14px;
    }

}

body.rtl .gf-menu.l1 > li {
    float:right;
}

body.rtl .gf-menu li .item {
    text-align:right;
}

body.rtl .gf-menu li.parent > .item {
    padding-right:8px;
    padding-left:25px;
}

body.rtl .gf-menu li.parent > .item:after {
    right:inherit;
    left:6px;
}

body.rtl .gf-menu-toggle {
    left:inherit;
    right:10px;
}

body.rtl .dropdown {
    border-radius:5px 0 5px 5px;
}

body.rtl .dropdown ul li.parent > .item:after {
    content:"\f053";
    font-size:11px;
}

@media (max-width: 767px) {
    .layout-mode-responsive.rtl .gf-menu.l1 > li {
        float:none;
    }

    .layout-mode-responsive.rtl .gf-menu li .item {
        text-align:left;
    }

}

body.layout-mode-responsive {
    -webkit-transition:left 0.2s ease-out;
    -moz-transition:left 0.2s ease-out;
    -o-transition:left 0.2s ease-out;
    transition:left 0.2s ease-out;
    position:relative;
}

body.layout-mode-responsive .gf-menu-device-wrapper-sidemenu {
    left:-200px;
    -webkit-overflow-scrolling:touch;
}

body.layout-mode-responsive .gf-sidemenu-size-left {
    left:0;
    -webkit-transition:left 0.2s ease-out;
    -moz-transition:left 0.2s ease-out;
    -o-transition:left 0.2s ease-out;
    transition:left 0.2s ease-out;
}

body.gf-sidemenu-size-marginleft {
    left:200px;
    position:relative;
    overflow:hidden;
    -webkit-transition:left 0.2s ease-out;
    -moz-transition:left 0.2s ease-out;
    -o-transition:left 0.2s ease-out;
    transition:left 0.2s ease-out;
}

@media (max-width: 767px) {
    .gf-menu-device-container.responsive-type-panel ~ ul.gf-menu {
        display:none;
    }

    .layout-mode-responsive .gf-menu-device-wrapper.gf-menu-device-wrapper-sidemenu {
        margin-bottom:0 !important;
    }

    .layout-mode-responsive .gf-menu-device-wrapper-sidemenu {
        -webkit-transition:left 0.2s ease-out;
        -moz-transition:left 0.2s ease-out;
        -o-transition:left 0.2s ease-out;
        transition:left 0.2s ease-out;
        position:fixed !important;
        top:0;
        left:-200px;
        right:0;
        bottom:0;
        margin:0 !important;
        z-index:6000;
        overflow:auto !important;
        background:#424242;
        border:0;
        -webkit-box-shadow:-4px 0 15px rgba(0, 0, 0, 0.5) inset, -1px 0 0 rgba(0, 0, 0, 0.3) inset;
        -moz-box-shadow:-4px 0 15px rgba(0, 0, 0, 0.5) inset, -1px 0 0 rgba(0, 0, 0, 0.3) inset;
        box-shadow:-4px 0 15px rgba(0, 0, 0, 0.5) inset, -1px 0 0 rgba(0, 0, 0, 0.3) inset;
        border-radius:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:0;
        width:200px;
    }

    .layout-mode-responsive .gf-menu-device-wrapper-sidemenu .gf-menu-device-container {
        display:block;
        padding:0;
        margin:0;
        border-radius:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        border:0;
        width:95%;
    }

}

@media (min-width: 768px) {
    .layout-mode-responsive .gf-menu-device-wrapper-sidemenu {
        left:-200px;
    }

    body.gf-sidemenu-size-marginleft {
        left:0;
    }

}