.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;
}

body .noitalic {
    font-style: normal !important;
}

body .nobold {
    font-weight: normal !important;
}

body .flush {
    margin: 0 !important;
    padding: 0 !important;
}

body .nomarginall {
    margin: 0 !important;
}

body .nopaddingall {
    padding: 0 !important;
}

body .nomargintop {
    margin-top: 0 !important;
}

body .nomarginbottom {
    margin-bottom: 0 !important;
}

body .nomarginleft {
    margin-left: 0 !important;
}

body .nomarginright {
    margin-right: 0 !important;
}

body .nopaddingtop {
    padding-top: 0 !important;
}

body .nopaddingbottom {
    padding-bottom: 0 !important;
}

body .nopaddingleft {
    padding-left: 0 !important;
}

body .nopaddingright {
    padding-right: 0 !important;
}

.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: #262626;
    padding: 4px 8px;
    text-align: left;
    text-shadow: 1px 1px 0 none;
    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: #404040;
    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: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
}

.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: #595959;
    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 #fff;
    border-top: 0;
    background: rgba(255,255,255,0.7);
    -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: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
    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: #297bc8;
}

.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: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
    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: #404040;
}

.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: #262626;
}

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

.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 #fff;
}

.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 #fff;
    border-top: 0;
    border-radius: 4px;
    background-color: rgba(245,245,245,0.14);
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(230,230,230,0.7));
    background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.7)),to(rgba(230,230,230,0.7)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(230,230,230,0.7));
    background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(230,230,230,0.7));
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.7),rgba(230,230,230,0.7));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2ffffff', endColorstr='#b2e5e5e5', GradientType=0);
    -webkit-box-shadow: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    cursor: pointer;
}

.gf-menu-toggle.active {
    border: 1px solid #fff;
    -webkit-box-shadow: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
    background-color: rgba(240,240,240,0.14);
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(217,217,217,0.7));
    background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.7)),to(rgba(217,217,217,0.7)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(217,217,217,0.7));
    background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(217,217,217,0.7));
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.7),rgba(217,217,217,0.7));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2ffffff', endColorstr='#b2d8d8d8', GradientType=0);
}

.gf-menu-toggle .icon-bar {
    background-color: #262626;
    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;
    }

    body .noitalic {
        font-style: normal !important;
    }

    body .nobold {
        font-weight: normal !important;
    }

    body .flush {
        margin: 0 !important;
        padding: 0 !important;
    }

    body .nomarginall {
        margin: 0 !important;
    }

    body .nopaddingall {
        padding: 0 !important;
    }

    body .nomargintop {
        margin-top: 0 !important;
    }

    body .nomarginbottom {
        margin-bottom: 0 !important;
    }

    body .nomarginleft {
        margin-left: 0 !important;
    }

    body .nomarginright {
        margin-right: 0 !important;
    }

    body .nopaddingtop {
        padding-top: 0 !important;
    }

    body .nopaddingbottom {
        padding-bottom: 0 !important;
    }

    body .nopaddingleft {
        padding-left: 0 !important;
    }

    body .nopaddingright {
        padding-right: 0 !important;
    }

    .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: rgba(255,255,255,0.7);
        z-index: 1001;
    }

    .gf-menu li:hover,.gf-menu li.active:hover {
        border: 1px solid #fff;
        background: rgba(255,255,255,0.7);
        padding-top: 1px;
        border-radius: 4px;
        border-top: 0;
        -webkit-box-shadow: none, none;
        -moz-box-shadow: none, none;
        box-shadow: none, none;
    }

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

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

    .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 #fff;
        background: rgba(255,255,255,0.7);
        border-top: 0;
        -webkit-box-shadow: none, none;
        -moz-box-shadow: none, none;
        box-shadow: none, none;
    }

    .gf-menu .dropdown ul li:hover > .item .border-fixer {
        display: block;
        position: absolute;
        height: 100%;
        width: 2px;
        right: -1px;
        -webkit-box-shadow: none, none;
        -moz-box-shadow: none, none;
        box-shadow: none, none;
        top: 0px;
        background: rgba(255,255,255,0.7);
        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: none, none;
        -moz-box-shadow: none, none;
        box-shadow: none, none;
    }

    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 body .noitalic,.layout-mode-1200fixed body .noitalic {
    font-style: normal !important;
}

.layout-mode-960fixed body .nobold,.layout-mode-1200fixed body .nobold {
    font-weight: normal !important;
}

.layout-mode-960fixed body .flush,.layout-mode-1200fixed body .flush {
    margin: 0 !important;
    padding: 0 !important;
}

.layout-mode-960fixed body .nomarginall,.layout-mode-1200fixed body .nomarginall {
    margin: 0 !important;
}

.layout-mode-960fixed body .nopaddingall,.layout-mode-1200fixed body .nopaddingall {
    padding: 0 !important;
}

.layout-mode-960fixed body .nomargintop,.layout-mode-1200fixed body .nomargintop {
    margin-top: 0 !important;
}

.layout-mode-960fixed body .nomarginbottom,.layout-mode-1200fixed body .nomarginbottom {
    margin-bottom: 0 !important;
}

.layout-mode-960fixed body .nomarginleft,.layout-mode-1200fixed body .nomarginleft {
    margin-left: 0 !important;
}

.layout-mode-960fixed body .nomarginright,.layout-mode-1200fixed body .nomarginright {
    margin-right: 0 !important;
}

.layout-mode-960fixed body .nopaddingtop,.layout-mode-1200fixed body .nopaddingtop {
    padding-top: 0 !important;
}

.layout-mode-960fixed body .nopaddingbottom,.layout-mode-1200fixed body .nopaddingbottom {
    padding-bottom: 0 !important;
}

.layout-mode-960fixed body .nopaddingleft,.layout-mode-1200fixed body .nopaddingleft {
    padding-left: 0 !important;
}

.layout-mode-960fixed body .nopaddingright,.layout-mode-1200fixed body .nopaddingright {
    padding-right: 0 !important;
}

.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: rgba(255,255,255,0.7);
    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 #fff;
    background: rgba(255,255,255,0.7);
    padding-top: 1px;
    border-radius: 4px;
    border-top: 0;
    -webkit-box-shadow: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
}

.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: #297bc8 !important;
    text-shadow: 1px 1px 0 none;
}

.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 #fff;
    background: rgba(255,255,255,0.7);
    border-top: 0;
    -webkit-box-shadow: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
}

.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: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
    top: 0px;
    background: rgba(255,255,255,0.7);
    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: none, none;
    -moz-box-shadow: none, none;
    box-shadow: none, none;
}

.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: rgba(255,255,255,0.7);
        border: 1px solid #fff;
        border-top: 0;
        -webkit-box-shadow: none, none;
        -moz-box-shadow: none, none;
        box-shadow: none, none;
        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 rgba(255,255,255,0.7);
        background-clip: content-box;
        -webkit-background-clip: content-box;
        background: rgba(255,255,255,0.7) url(../assets/tree-main.png) repeat-y !important;
    }

    .layout-mode-responsive .gf-menu ul,.layout-mode-responsive .gf-menu ol {
        background: rgba(255,255,255,0.7) url(../assets/tree-main.png) repeat-y !important;
    }

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

    .layout-mode-responsive .gf-menu li.active.last {
        background: url(../assets/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: transparent;
        border: 1px solid #fff !important;
        border-radius: 4px;
        -webkit-box-shadow: none, none;
        -moz-box-shadow: none, none;
        box-shadow: none, none;
    }

    .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: rgba(255,255,255,0.7) url(../assets/tree-node-last.png) 0 -2px no-repeat !important;
    }

    .layout-mode-responsive .gf-menu li ol > li:last-child {
        background: rgba(255,255,255,0.7) url(../assets/tree-node-last.png) 0 -2px no-repeat !important;
    }

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

    .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(../assets/tree-node-first.png) no-repeat !important;
    }

    .layout-mode-responsive .gf-menu > li:last-child {
        background: rgba(255,255,255,0.7) url(../assets/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: rgba(255,255,255,0.7);
        border: 0;
        -webkit-box-shadow: none, none;
        -moz-box-shadow: none, none;
        box-shadow: none, none;
        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;
    }
}