/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.description { position: absolute; top: 50%; left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); transform: translateX(-50%); }


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container { width: 80%; float: right; margin: 0 auto; background: transparent; }
.menu-mobile { display: none; padding: 20px; }
.menu-mobile:after { content: "\f394"; color: #fff; font-family: "Ionicons"; font-size: 2.5rem; padding: 0; float: right; position: relative; top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%); transform: translateY(-25%); }

.menu-dropdown-icon:before { content: "\f489"; font-family: "Ionicons"; display: none; cursor: pointer; float: right; padding: 1.5em 2em; background: #fff; color: #333; }
.menu > ul { margin: 0 auto;  width: 100%; list-style: none; padding: 0; position: relative; box-sizing: border-box; }
.menu > ul:before, .menu > ul:after { content: ""; display: table; }
.menu > ul:after { clear: both; }
.menu > ul > li { float: left; background: transparent; padding: 0; margin: 0; }
/*.a_borderRight { border-right: 2px solid #dddddd; }*/
.menu > ul > li a { color: #fff; font-family: P_Regular;  text-decoration: none; padding: 6px 9px; display: block;    font-size: 14px }

/*.menu > ul > li:hover { background: #f0f0f0; } */
.menu > ul > li > ul { display: none; width: 100%; background: #fff ; padding: 20px; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; top: 41px; box-sizing: border-box; box-shadow: 0 1px 4px rgba(19, 89, 255, 0.39); }

.menu > ul > li > ul:before,
.menu > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul:after { clear: both; }

.menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left; }
.menu > ul > li > ul > li a { color: #1359ff ; padding: .2em 0; width: 95%; display: block; border-bottom: 1px solid #1359ff ; font-family: p_Regular }
.menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box; }
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul > li > ul:after { clear: both; }
    .menu > ul > li > ul > li > ul > li {
        /*float: left;*/
        width: 100%;
        margin: 0;
        font-size: .8em;
     
        display: inline-block !important;
        margin-bottom:5px;
        margin-top:5px;
    }
.menu > ul > li > ul > li > ul > li a { border: 0 none; font-family: p_light; font-size: 13px; }
.menu > ul > li > ul.normal-sub { width: 300px; left: auto; padding: 10px 20px; }
.menu > ul > li > ul.normal-sub > li { width: 100%; }
.menu > ul > li > ul.normal-sub > li a { border: 0; padding: 1em 0; }


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
.menu-container { width: 100%; }
.menu-mobile { display: block; }
.menu-dropdown-icon:before { display: block; }
.menu > ul { display: none; }
.menu > ul > li { width: 100%; float: right; display: block; }
.menu > ul > li a { padding: 1.5em; width: 100%; display: block; }
.menu > ul > li > ul { position: relative; }
.menu > ul > li > ul.normal-sub { width: 100%; }
.menu > ul > li > ul > li { float: none; width: 100%; margin-top: 20px; }
.menu > ul > li > ul > li:first-child { margin: 0; }
.menu > ul > li > ul > li > ul { position: relative; }
.menu > ul > li > ul > li > ul > li { float: none; }
.menu .show-on-mobile { display: block; }
}