/* FILE: /plugins/system/jsntplframework/assets/joomlashine/css/jsn-megamenu-frontend.css */
/** * @version    $Id$ * @package    JSN_TPLFramework * @author     JoomlaShine Team <support@joomlashine.com> * @copyright  Copyright (C) 2012 JoomlaShine.com. All Rights Reserved. * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html * * Websites: http://www.joomlashine.com * Technical Support:  Feedback - http://www.joomlashine.com/contact-us/get-support.html */

/* FILE: /templates/jsn_solid_pro/css/megamenu/jsn_megamenu.css */
div.jsn-modulecontainer,h3 {    font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif !important;}/* ============================== MENU ============================== *//* =============== MENU - GENERAL =============== */#jsn-pos-mainmenu{    position: relative;}div.jsn-modulecontainer.jsn-megamenu ul.menu-mainmenu ul li{    width: 100%;}div.jsn-modulecontainer ul.menu-mainmenu ul li.grid{    width: 100%;}div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasDescription li a span.jsn-menudescription{    display: block;}div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasDescription > li.megamenu > a,div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasDescription > li > a { line-height: 19px; }div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasIcon > li > a > i{ margin-top: 10px;}div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasIcon.jsn-hasDescription > li > a > i{ margin-top: 0px;}div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasIcon > li > a > i{    float: left;    width: 24px;    height: 18px;}div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasIcon > li > a > i[class*='jsn-icon']{    background-image: url(/templates/jsn_solid_pro/images/icons/icons-uni.png);    background-repeat: no-repeat;  }div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasIcon > li > a > i[class*='fa']{    display: block;    color: #222;}div.jsn-modulecontainer ul.menu-mainmenu.jsn-hasIcon > li > a > span{ float: left;}div.jsn-modulecontainer ul.menu-mainmenu > li > a{     line-height: 38px;}div.jsn-modulecontainer ul.menu-mainmenu li > a > span {    display: block;    }div.jsn-modulecontainer ul.menu-mainmenu > li > a > span { min-height: 38px;}div.jsn-modulecontainer .jsn-tpl-mm-megamenu-inner #form-login-username #modlgn-username,div.jsn-modulecontainer .jsn-tpl-mm-megamenu-inner #form-login-password #modlgn-passwd {    font-size: 12px !important;    color: #333 !important;}/* ----- 1st LEVEL ----- */div.jsn-modulecontainer ul.menu-mainmenu li:not(.megamenu) ul ul {    left: 100%;}body.jsn-direction-rtl div.jsn-modulecontainer ul.menu-mainmenu li:not(.megamenu) ul ul {    right: 100%;}div.jsn-modulecontainer ul.menu-mainmenu li.megamenu:hover .module-content > ul ul {    position: absolute;    visibility: hidden;}div#jsn-pos-mainmenu div.jsn-modulecontainer ul.menu-mainmenu li.megamenu:hover .module-content > ul li ul,div#jsn-pos-mainmenu div.jsn-modulecontainer ul.menu-mainmenu li.megamenu:hover .jsn-tpl-megamenu-submenu-container > ul li ul {    position: absolute;    visibility: hidden;    transform: translateZ(0);    transform: translateY(10%);    transition: height 0.3s ease-in-out;    -moz-transition: height 0.3s ease-in-out;    -webkit-transition: height 0.3s ease-in-out;    -o-transition: height 0.3s ease-in-out;    opacity: 0;    padding: 0 0 0 15px;    width: 100%;}div#jsn-pos-mainmenu div.jsn-modulecontainer ul.menu-mainmenu li.megamenu .grid ul li:hover > ul{    visibility: visible;    opacity: 1;    transform: translateX(0%);    transition-delay: 0s;    z-index: 1;    border: 1px solid #ddd;    padding: 0;}div.jsn-modulecontainer ul.menu-mainmenu > li.megamenu > ul.jsn-tpl-mm-megamenu-inner ul {    position: relative;}div.jsn-modulecontainer.jsn-megamenu ul.menu-mainmenu li.megamenu{    position: inherit;}.jsn-megamenu ul.menu-mainmenu li.megamenu .grid ul ul {    position: absolute;    left: 100%;    display: none;}.jsn-megamenu ul.menu-mainmenu li.megamenu .grid ul li:hover > ul {    display: block;    z-index: 999;}.jsn-megamenu ul.menu-mainmenu li.megamenu .grid ul li {    display: block;    width: 100%;}.jsn-megamenu ul.menu-mainmenu li.megamenu ul li.jsn-menu-mobile-control {    display: none;}div.jsn-modulecontainer ul.menu-mainmenu li.megamenu:hover ul li:hover > ul li a{     padding: 10px 15px;}div.jsn-modulecontainer ul.menu-mainmenu > li.megamenu > ul.jsn-tpl-mm-megamenu-inner ul li a i{ display: none;}div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title {    font-size: 13px;    text-shadow: none;    text-transform: uppercase;    color: #363636;    margin: 0;    background-color: #e8e8e8;    padding: 12px 20px 8px;    display: block;    border-left: 3px solid #709500;    clear: both;}body.jsn-color-orange div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title { border-left-color: #f39c12;}body.jsn-color-red div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-left-color: #e74c3c;}body.jsn-color-grey div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-left-color: #666;}body.jsn-color-blue div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-left-color: #3498db;}body.jsn-color-violet div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-left-color: #9347b2;}body.jsn-direction-rtl div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title {     border-left: none;    border-right: 3px solid #709500; }body.jsn-color-orange.jsn-direction-rtl div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title { border-right-color: #f39c12;}body.jsn-color-red.jsn-direction-rtl div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-right-color: #e74c3c;}body.jsn-color-grey.jsn-direction-rtl div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-right-color: #666;}body.jsn-color-blue.jsn-direction-rtl div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-right-color: #3498db;}body.jsn-color-violet.jsn-direction-rtl div.jsn-modulecontainer .jsn-tpl-mm-module-element-container .module-title{ border-right-color: #9347b2;}body.jsn-color-red div.jsn-megamenu ul.menu-mainmenu li.megamenu ul li.current a{color: #e74c3c;}body.jsn-color-blue div.jsn-megamenu ul.menu-mainmenu li.megamenu ul li.current a{color: #3498db;}body.jsn-color-green div.jsn-megamenu ul.menu-mainmenu li.megamenu ul li.current a{color: #76990C;}body.jsn-color-violet div.jsn-megamenu ul.menu-mainmenu li.megamenu ul li.current a{color: #9347b2;}body.jsn-color-orange div.jsn-megamenu ul.menu-mainmenu li.megamenu ul li.current a{color: #f39c12;}body.jsn-color-grey div.jsn-megamenu ul.menu-mainmenu li.megamenu ul li.current a{color: #666;}/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */div.jsn-modulecontainer ul.menu-mainmenu li.megamenu:hover .module-content > ul,div.jsn-modulecontainer ul.menu-mainmenu li.megamenu:hover .jsn-tpl-megamenu-submenu-container > ul {    opacity: 100;    filter: alpha(opacity=100);    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";    visibility: visible;    width: auto;    display:block\9;}div.jsn-modulecontainer ul.menu-mainmenu > li.megamenu > ul {    padding: 25px;}div.jsn-modulecontainer ul.menu-mainmenu ul {    left: auto;    visibility: hidden;    visibility: visible\9;    display: none\9;    opacity: 0;    filter: alpha(opacity=0);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}div.jsn-modulecontainer.jsn-megamenu ul.menu-mainmenu ul ul {    margin-left: 0;   transition: none;  -moz-transition: none;  -webkit-transition: none; }div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul {    left: auto;    visibility: visible;    display: block\9;    opacity: 1;    filter: alpha(opacity=100);    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}div.jsn-modulecontainer ul.menu-mainmenu li.megamenu ul.sub-menu li a > i[class*="fa-"] + span {    background: transparent;    padding: 0 20px;}.jsn-mega-images {    transform: translate(2%,20%);    -moz-transform: translate(2%,20%);    -webkit-transform: translate(2%,20%);    -o-transform: translate(2%,20%);}body.jsn-direction-rtl div.jsn-modulecontainer.jsn-megamenu ul.menu-mainmenu ul ul{    margin-right: 0;}body.jsn-direction-rtl div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul {     right: 0px;}.jsn-tpl-bootstrap3 small, .jsn-tpl-bootstrap3 .small,.small{    font-size: 12px;}