/*--------------------------------------------------------------

 # Copyright (C) joomla-monster.com

 # License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License

 # Website: http://www.joomla-monster.com

 # Support: info@joomla-monster.com

 ---------------------------------------------------------------*/



/* DJMENU */



.dj-megamenu {

    margin: 0;

    position: relative;   

    display: inline-block;

    width: 100%;

    vertical-align: top;

    z-index: 500;

}



/* sticky */



.dj-megamenu-sticky {

    background: #FFFFFF;

    border-bottom: 1px solid #F1F1F1;

    border-top: 5px solid #F2F2F2;

    padding-bottom: 20px;

    padding-top: 20px;

}



.dj-megamenu li.dj-up {

    position: relative;

    display: block;

    float: left;

    padding: 0;

    margin: 0 0 0 1px;

    background-image: none;

}



.dj-megamenu li a.dj-up_a {

    font-weight: 400;

    display: block;

    text-decoration: none;

    padding: 25px 15px 25px 15px;

    line-height: 20px;

    cursor: pointer;

    color: #444444;

    position: relative;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

    text-align: center;

}



.dj-megamenu-sticky li a.dj-up_a {

    padding-top: 5px;

    padding-bottom: 5px;

}



.dj-megamenu.hasSubtitles li a.dj-up_a {

    padding-top: 20px;

    padding-bottom: 20px;

}



.dj-megamenu-sticky .dj-megamenu.hasSubtitles li a.dj-up_a {

    padding-top: 0;

    padding-bottom: 0;

}



.dj-megamenu li a.dj-up_a:after {

    content: '';

    position: absolute;

    height: 0;

    width: 100%;

    top: -25px;

    left: 0;

    right: auto;

    -webkit-transition: all 0.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

}



.dj-megamenu li:hover a.dj-up_a:after,

.dj-megamenu li.active a.dj-up_a:after {

    height: 5px;

}



.dj-megamenu li a.dj-up_a span {

    display: block;

}



.dj-megamenu li a.dj-up_a span.dj-drop {

    position: relative;

    z-index: 201;

}



.dj-megamenu li a.dj-up_a small.subtitle {

    display: block;

    font-size: 10px;

    text-transform: none;

    line-height: 1;

    font-weight: 300;

    text-transform: uppercase;

    opacity: 0.4;

}



.dj-megamenu li.separator > a {

    cursor: default;

}



/* Default list styling */

.dj-megamenu li:hover,

.dj-megamenu li.hover {

    position: relative;

    z-index: 200;

}



/* Hide submenus */



.dj-megamenu li div.dj-subwrap,

.dj-megamenu li:hover div.dj-subwrap li div.dj-subwrap,

.dj-megamenu li.hover div.dj-subwrap li div.dj-subwrap {

    position: absolute;

    left: -9999px;

    top: -9999px;

    height: 0;

    margin: 0;

    padding: 0;

    z-index: 0;

}



/* Show first level submenu */



.dj-megamenu li:hover div.dj-subwrap,

.dj-megamenu li.hover div.dj-subwrap {

    left: 0;

    top: 70px;

    height: auto;

    z-index: 300;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

    box-sizing: border-box;         /* Opera/IE 8+ */

   border-top: 20px solid transparent;

}



.dj-megamenu-sticky li:hover div.dj-subwrap,

.dj-megamenu-sticky li.hover div.dj-subwrap {

    top: 30px;

}



/* width if one column */

.dj-megamenu li:hover div.dj-subwrap.single_column,

.dj-megamenu li.hover div.dj-subwrap.single_column {

    width: auto!important;

}



/* Show higher level submenus */

.dj-megamenu li:hover div.dj-subwrap li:hover > div.dj-subwrap,

.dj-megamenu li.hover div.dj-subwrap li.hover > div.dj-subwrap {

    left: 100%;

    top: -16px;

    margin: 0;

    height: auto;

    z-index: 400;

    border: none;

    box-shadow: none;

    border-top: 0;

}



.dj-megamenu li:hover div.dj-subwrap-in,

.dj-megamenu li.hover div.dj-subwrap-in {

    background: #fafafa;

    border: 1px solid #f1f1f1;

    border-bottom: 1px solid #d9d9d9;

    -webkit-box-shadow: 0 1px 0 0 rgba(217,217,217, 0.3);

    box-shadow: 0 1px 0 0 rgba(217,217,217, 0.3);

}



/* Submenu elements styles - drop down */



.dj-megamenu li .dj-subwrap-in {

    display: table;

}



.dj-megamenu li div.dj-subcol {

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

    box-sizing: border-box;         /* Opera/IE 8+ */

   display: table-cell;

   height: 100%;

   border-left: 1px solid #f1f1f1;

}



.dj-megamenu li div.dj-subcol:first-child {

  border: none;

}



.dj-megamenu li ul.dj-submenu { 

    padding: 15px 0;

    margin: 0;

}



.dj-megamenu li ul.dj-submenu > li {

    display: block;

    position: relative;

    padding: 0 25px;

    background-image: none;

}



.dj-megamenu li ul.dj-submenu > li > a {

    display: block;

    line-height: 15px;

    text-decoration: none;

    padding: 10px 10px 10px 0;

    color: #858585;

    font-size: 13px;

}



.dj-megamenu li ul.dj-submenu > li > a small.subtitle {

    display: block;

    font-size: 10px;

    line-height: 1em;

    font-weight: 300;

    text-transform: uppercase;

    opacity: 0.4;

}



.dj-megamenu li ul.dj-submenu > li.parent > a {

    position: relative;

}



.dj-megamenu li ul.dj-submenu > li.parent > a:after {

    content: '+';

    position: absolute;

    line-height: 1em;

    top: 11px;

    right: 0;

    left: auto;

}



/* image menu */



.dj-megamenu li a span.image-title {

    margin: 0 0 0 15px;

    display: inline-block;

    float: none;

    vertical-align: middle;

}



.dj-megamenu li a.dj-up_a img {

    max-height: 30px;

    max-width: none;

    vertical-align: middle;

}



.dj-megamenu li ul.dj-submenu > li > a img {

    max-height: 15px;

}



/* Submenu elements styles - tree */



.dj-megamenu li ul.dj-subtree {

    list-style: none outside;

    padding: 0 0 0 10px;

    margin: 0;

}



.dj-megamenu li ul.dj-subtree > li {

    list-style: none outside;

    padding: 0;

    margin: 0;

    background-image: none;

}



.dj-megamenu li ul.dj-subtree > li > a {

    display: block;

    line-height: 15px;

    text-decoration: none;

    padding: 8px 10px;

    color: #858585;

    font-size: 13px;

}



.dj-megamenu li ul.dj-subtree > li > a small.subtitle {

    display: block;

    font-size: 10px;

    line-height: 1em;

    font-weight: 300;

    text-transform: uppercase;

    opacity: 0.4;

}



/* modules loaded into menu */



.dj-megamenu .modules-wrap {

    padding: 10px 0;

}



.dj-megamenu .modules-wrap .moduletable {

    margin: 30px 0 0;

    font-size: 13px;

}



.dj-megamenu .modules-wrap .moduletable:first-child {

    margin: 0;

}



.dj-megamenu .modules-wrap .moduletable > h3 {

    color: #444444;

    font-size: 13px!important;

    line-height: 1.1em;

    font-weight: 300;

    margin: 0 0 25px;

    text-transform: uppercase;

}



.dj-megamenu .modules-wrap .moduletable ul li {

    background-position: left 8px;

}