/* DJ-MegaMenu general styles */

.dj-megamenu-wrapper {

    clear: both;

    float: right;

    margin: 0 auto;

}

.dj-megamenu-vs {

    padding: 0 !important;

    margin: 0 !important;

    position: relative;

    background: rgb(255 255 255);

}

.dj-megamenu-vs:after {

    content: "";

    clear: both;

    display: table;

}

.dj-megamenu-vs li.dj-up {

	position: relative;

    display: block;

    float: left;

    padding: 0 !important;

    margin: 0 0 0 3px !important;

}

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

    display: block;

    float: left;

    text-transform: uppercase;

    text-decoration: none;

    cursor: pointer;

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

    transition: all 0.2s ease-out;

    padding: 0 10px;

    font-family: 'PT Sans Narrow', sans-serif;

    line-height: 40px;

    color: #444;

    margin: 9px 0;

    border: solid 1px transparent;

}

.dj-megamenu-vs li.first a.dj-up_a {

}

.dj-megamenu-vs li:last-child a.dj-up_a {

}

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

}

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

	line-height: 48px;

}

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

    padding: 0 20px 0 0 !important;

}

.dj-megamenu-vs li a.dj-up_a .arrow {

	display: inline-block;

    font-family: FontAwesome;

	position: absolute;

	right: 16px;

	top: calc(50% - 6px);

	font-size: 1em;

	line-height: 1;

	font-style: normal;

	font-weight: normal;

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

	transition: all 0.2s ease-out;

}

.dj-megamenu-vs li a.dj-up_a .arrow:before {

	content: "\f107";

}

.dj-megamenu-vs li:hover a.dj-up_a .arrow,

.dj-megamenu-vs li.hover a.dj-up_a .arrow,

.dj-megamenu-vs li.active a.dj-up_a .arrow {

	top: calc(50% - 4px);

}

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

	display: block;

    font-size: 12px;

    font-weight: normal; 

    line-height: 1;

    text-transform: none;

    color: #999999;

    margin-top: -12px;

}

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

.dj-megamenu-vs li.hover a.dj-up_a, 

.dj-megamenu-vs li.active a.dj-up_a {

	text-transform: uppercase;

    color: #444;

    text-shadow: none;

    background-color: transparent;

    box-shadow: none;

    border: solid 1px rgb(212, 212, 212);

}

.dj-megamenu-vs li:hover a.dj-up_a small.subtitle,

.dj-megamenu-vs li.hover a.dj-up_a small.subtitle, 

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

	color: #a4c4f5;

}



.dj-megamenu-vs li.separator > a {

    cursor: default;

}



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

	background: none;

	padding: 0 !important;

	margin: 0 0 0 15px;

	display: inline-block;

	float: none;

	height: auto;

}

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

	border: 0;

	margin: 0;

	max-height: 32px;

	vertical-align: middle;

}

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

	margin-top: -24px;

}

/* Default list styling */

.dj-megamenu-vs li:hover,

.dj-megamenu-vs li.hover {

    position: relative;

    z-index: 200;

}

/* Hide submenus */



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

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

    position: absolute;

    left: -9999px;

    top: -9999px;

    margin: 0;

    padding: 0;

    list-style: none;

}

/* Show first level submenu */

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

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

	left: 0;

    top: 100%;

    background: #10214c;

    height: auto;

    z-index: 300;

    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);

	margin-left: -260px;

}

/* Show higher level submenus */

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

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

    left: 100%;

    top: 5px;

    margin: 0 0 0 10px;

    background: #10214c;

    height: auto;

    z-index: 400;

    -webkit-box-shadow:  0px 0px 5px 0px rgba(255, 255, 255, 0.2);

    box-shadow:  0px 0px 5px 0px rgba(255, 255, 255, 0.2);

}



/* Submenu elements styles - drop down */

.dj-megamenu-vs li div.dj-subcol {

	float: left;

}

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

    padding: 0px;

    margin: 0 10px;

    height: auto;

    width: auto;

    display: flex;

    flex-wrap: wrap;

}

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

    flex: 0 0 50%;

    box-sizing: border-box;

    list-style: none outside;

    display: flex;

    align-items: center;

    height: auto;

    position: relative;

    width: auto;

    border-top: 1px solid rgb(255 255 255 / 25%);

    border-right: 1px solid rgb(255 255 255 / 25%);

}

.dj-megamenu-vs li ul.dj-submenu > li:nth-of-type(even) {

    border-right: 0;

}

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

    display: block;

    font-weight: normal;

    line-height: 16px;

    color: #ffffff;

    background: transparent;

    text-decoration: none;

    padding: 12px 20px;

    margin: 0 -10px;

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

    transition: all 0.2s ease-out;

}

.dj-megamenu-vs li ul.dj-submenu > li > a span.image-title {

}

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

	float: left;

	border: 0;

	margin: 0 15px 8px 0;

	vertical-align: middle;

	max-height: 16px;

}

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

	color: #666;

    display: block;

    font-size: 10px;

    line-height: 1;

}

.dj-megamenu-vs li ul.dj-submenu > li > a:hover,

.dj-megamenu-vs li ul.dj-submenu > li > a.active,

.dj-megamenu-vs li ul.dj-submenu > li.hover:not(.subtree) > a {

	color: #fff;

}

.dj-megamenu-vs li ul.dj-submenu > li > a:hover small.subtitle,

.dj-megamenu-vs li ul.dj-submenu > li > a.active small.subtitle,

.dj-megamenu-vs li ul.dj-submenu > li.hover:not(.subtree) > a small.subtitle {

	color: #a4c4f5;

}

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

    display: inline-block;

    font-family: FontAwesome;

	position: absolute;

	right: 6px;

	top: 13px;

	font-size: 1em;

	line-height: 1;

	font-style: normal;

	font-weight: normal;

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

	transition: all 0.2s ease-out;

}

.dj-megamenu-vs li ul.dj-submenu > li.parent > a .arrow:before {

	content: "\f105";

}

.dj-megamenu-vs li ul.dj-submenu > li.parent:not(.subtree) > a:hover .arrow {

	right: 4px;

}

.dj-megamenu-vs li ul.dj-submenu > li.subtree > a .arrow:before {

	content: "\f107";

}



/* Submenu elements styles - tree */

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

	list-style: none outside;

	padding: 0 !important;

    margin: 5px 0 5px 25px !important;

}

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

	list-style: square outside;

	padding: 0;

    margin: 0;

    color: #666;

}

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

	display: block;

    font-size: 12px;

    font-weight: normal;

    line-height: 13px;

    color: #c3c3c3;

    text-decoration: none;

    padding: 5px 0;

}

.dj-megamenu-vs li ul.dj-subtree > li > a:hover {

	background: transparent;

	color: #fff;

}

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

	text-decoration: underline;

}

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

	color: #666;

    display: block;

    font-size: 0.9em;

    line-height: 1;

}



/* modules loaded into menu */

.dj-megamenu-vs .modules-wrap {

	padding: 0px 10px;

	color: #d2d2d2;

}

.dj-megamenu-vs .modules-wrap p {

	display: block !important;

	padding: 0 !important;

}



/* sticky menu */

.dj-megamenu-vs.dj-megamenu-fixed {

	position: fixed;

	-webkit-backface-visibility: hidden;

	-webkit-transform: translateZ(0) scale(1.0, 1.0);

	transform: translateZ(0);

}

.dj-megamenu-vs.dj-megamenu-sticky {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: auto;

}

.dj-megamenu-vs .dj-stickylogo {

	position: absolute;

	z-index: 550;

}

.dj-megamenu-vs .dj-stickylogo img {

	max-height: 100%;

	width: auto;

}

.dj-megamenu-vs .dj-stickylogo.dj-align-center {

	position: static;

	text-align: center;

	margin: 10px 0;

}

.dj-megamenu-vs .dj-stickylogo.dj-align-left {

	left: 20px;

	max-height: 50px;

	margin: 5px 0;

}

.dj-megamenu-vs .dj-stickylogo.dj-align-right {

	right: 20px;

	max-height: 50px;

	margin: 5px 0;

}



/* full width submenu */

.dj-megamenu-vs li.dj-up.fullsub {

	position: static !important;

}

.dj-megamenu-vs li.dj-up.fullsub a.dj-up_a {

	position: relative;

}

.dj-megamenu-vs .djsubrow_separator {

	clear:both;

	border-bottom: 1px solid #3a3a3a;

	padding: 0 0 20px;

	margin: 0 0 20px;

}



/* vertical menu orientation */

.dj-megamenu-vs.verticalMenu {

	height: auto;

	max-width: 360px;

	z-index: 400;

}

.dj-megamenu-vs.verticalMenu li.dj-up {

	float: none;

}

.dj-megamenu-vs.verticalMenu li a.dj-up_a {

    float: none;

    height: auto;

    padding-top: 15px;

    padding-bottom: 15px;

    border-left: 0px;

    border-right: 0px;

    border-bottom: 1px solid #000;

    border-top: 1px solid #555;

}

.dj-megamenu-vs.verticalMenu li.first a.dj-up_a {

	border-top: 0;

}

.dj-megamenu-vs.verticalMenu li:last-child a.dj-up_a {

	border-bottom: 0;

}

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

	margin-top: 0;

}

.dj-megamenu-vs.verticalMenu li a.dj-up_a > span {

	display: table-row;

}

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

	float: none;

	height: auto;

	line-height: 20px;

}

.dj-megamenu-vs.verticalMenu li a.dj-up_a span .dj-icon {

	display: table-cell;

	vertical-align: middle;

}

.dj-megamenu-vs.verticalMenu li a.dj-up_a span span.image-title {

	display: table-cell;

	vertical-align: middle;

	padding: 0 15px !important;

	margin: 0;

}

.dj-megamenu-vs.verticalMenu li a.dj-up_a .arrow:before {

	content: "\f105";

}

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

.dj-megamenu-vs.verticalMenu li.hover div.dj-subwrap,

.dj-megamenu-vs.verticalMenu li:hover div.dj-subwrap.open-right,

.dj-megamenu-vs.verticalMenu li.hover div.dj-subwrap.open-right {

	right: auto !important;

	left: 100% !important;

	top: 0;

}

.dj-megamenu-vs.verticalMenu li:hover div.dj-subwrap.open-left,

.dj-megamenu-vs.verticalMenu li.hover div.dj-subwrap.open-left {

	left: auto !important;

	right: 100% !important;

}