/**  * @version    $Id$  * @package    WR MegaMenu  * @author     WooRockets Team <support@woorockets.com>  * @copyright  Copyright (C) 2014 WooRockets.com All Rights Reserved.  * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html  *  * Websites: http://www.woorockets.com  * Technical Support:  Feedback - http://www.woorockets.com  */  .site {     overflow: visible; } .wr-megamenu-container {     width: 100%;     font-size: 12px;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     -ms-box-sizing: border-box;     -o-box-sizing: border-box;     box-sizing: border-box; } .wr-megamenu-container a:hover, .wr-megamenu-container a:focus {     text-decoration: none; } .wr-megamenu-container:before, .wr-megamenu-container:after {     content: " ";     display: table; } .wr-megamenu-container:after {     clear: both; } .wr-megamenu-container ul.wr-mega-menu {     z-index: 9999;     float: left;     margin: 0;     padding: 0;     width: 100%; } .wr-megamenu-container .block-sub-menu:after {     content:' ';     clear: both;     display: table; } .wr-megamenu-container ul.wr-mega-menu li {     list-style: none; } .wr-megamenu-container .jsn-bootstrap3 .row {     margin-left: 0;     margin-right: 0; } .wr-megamenu-container .jsn-bootstrap3 .row > div {     padding-left: 10px;     padding-right: 10px; } .wr-megamenu-container .wr-element-container.wr-element-megamenu_image img{     max-width: 100%;     height: auto; }  /* Item default */ .wr-megamenu-container ul.wr-mega-menu li.menu-default {} .wr-megamenu-container ul.wr-mega-menu li.menu-default ul {} .wr-megamenu-container ul.wr-mega-menu li.menu-default li {} .wr-megamenu-container ul.wr-mega-menu li.menu-default li a {     padding: 13px; }  @media only screen and (min-width: 783px) {     .wr-megamenu-container ul.wr-mega-menu li.wr-megamenu-item:hover > a.menu-item-link {         background-color: #111111;         color: #ffffff;     }     .wr-megamenu-container ul.wr-mega-menu li:hover > ul.sub-menu,     .wr-megamenu-container ul.wr-mega-menu li:hover > .wr-megamenu-inner {         height: auto;     }     .wr-megamenu-container ul.wr-mega-menu li:hover > ul.sub-menu,     .wr-megamenu-container ul.wr-mega-menu li:hover > .wr-megamenu-inner {         visibility: visible;         filter: alpha(opacity=100);         -webkit-opacity: 1;         -moz-opacity: 1;         -ms-opacity: 1;         -o-opacity: 1;         opacity: 1;         -webkit-transform: translateY(0);         -moz-transform: translateY(0);         -ms-transform: translateY(0);         -o-transform: translateY(0);         transform: translateY(0);     }     .wr-megamenu-container ul.wr-mega-menu ul.sub-menu,     .wr-megamenu-inner {         border-color: #ddd;         border-style: solid;         border-width: 0 1px 1px 1px;         display: inherit;         visibility: hidden;         z-index: 9999;         position: absolute;         top: auto;         margin: 0;         padding: 0;         -webkit-opacity: 0;         -moz-opacity: 0;         -ms-opacity: 0;         -o-opacity: 0;         opacity: 0;         -webkit-transform: translateY(40px);         -moz-transform: translateY(40px);         -ms-transform: translateY(40px);         -o-transform: translateY(40px);         transform: translateY(40px);         -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);         -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);         -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);         -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);         box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);         -webkit-transition: -moz-transform 0.3s;         -moz-transition: -moz-transform 0.3s;         -ms-transition: -ms-transform 0.3s;         -o-transition: -o-transform 0.3s;         transition: transform 0.3s 0s;     } }  .wr-megamenu-container ul.wr-mega-menu > li {     height: 100%;     position: relative;     float: left; } .wr-mega-menu > li > a {     padding: 15px;     -webkit-transition: background 0.2s ease-in-out;     -moz-transition: background 0.2s ease-in-out;     -ms-transition: background 0.2s ease-in-out;     -o-transition: background 0.2s ease-in-out;     transition: background 0.2s ease-in-out; } .wr-megamenu-container ul.wr-mega-menu li.menu-item-has-children > a:after, .wr-megamenu-container ul.wr-mega-menu li.menu-item-has-children i.wr-arrow-down {     display: none; } .wr-megamenu-container ul.wr-mega-menu li.megaitem-widget {     position: static; } .wr-megamenu-container ul.wr-mega-menu li.megaitem-widget .itmm-widget-container ul {     background: none;     display: block;     position: relative;     left: 0;     width: 100%; } .wr-megamenu-container ul.wr-mega-menu li.megaitem-widget .itmm-widget-container ul li {     display: block;     margin: 0;     padding: 0; } .wr-megamenu-container ul.wr-mega-menu li.megaitem-widget .itmm-widget-container ul li a {     display: block;     margin: 0 -10px;     padding: 10px;     width: 100%; } .wr-megamenu-container ul.wr-mega-menu ul.sub-menu a {     background: none; } .wr-megamenu-container ul.wr-mega-menu ul.sub-menu li.wr-megamenu-item {     text-align: left;     margin: 0;     width: 200px; } .wr-megamenu-container ul.wr-mega-menu ul li a.menu-item-link {     display: block;     width: 100%; } .wr-megamenu-container ul.wr-mega-menu ul ul.sub-menu {     left: 110%;     top: 0; } .wr-megamenu-container ul.wr-mega-menu ul li:hover > ul.sub-menu {     left: 100%; } .wr-megamenu-container ul {     margin: 0; } .wr-megamenu-container a {     color: #333;     display: block; } .wr-megamenu-container.toggled-on .wr-mega-menu {     display: block; } .wr-mega-menu li a i {     margin-right: 10px;     text-transform: none !important; }  /*fix for frontend*/ .wr-megamenu-container .wr-megamenu-inner ul {     width: 100% ;     position: static !important;     background-color: inherit;     height: auto; } .wr-megamenu-container .wr-megamenu-inner ul a {     width: 100% !important; } /*Element style*/  /*Submenu*/ .wr-element-submenu .caption {     width: 100%;     padding: 15px 10px; } ul.sub-menu li a > i, ul.submenu-items li a > i {     margin-right: 4px; } .wr-element-submenu ul {     margin: 0;     padding: 0; } .wr-element-submenu .submenu-divider {     height: 2px;     border-bottom: #cccccc solid 1px; } .wr-element-submenu .submenu-items {     padding: 0 10px;     background-color: #F9F9F9; } .wr-element-submenu .submenu-items ul {     margin-left: 20px !important;     position: static !important;     -webkit-opacity: 1 !important;     -moz-opacity: 1 !important;     -ms-opacity: 1 !important;     -o-opacity: 1 !important;     opacity: 1 !important;     -webkit-transform: translateY(0px)  !important;     -moz-transform: translateY(0px)  !important;     -ms-transform: translateY(0px)  !important;     -o-transform: translateY(0px)  !important;     transform: translateY(0px)  !important;      -webkit-box-shadow: none !important;     -moz-box-shadow: none !important;     -ms-box-shadow: none !important;     -o-box-shadow: none !important;     box-shadow: none !important;      border: none !important;     visibility: visible !important; } .wr-element-submenu .submenu-items.has-sub > li > a {     font-weight: bold;     font-size: 14px;     width: 99%; } .wr-element-submenu .submenu-items.no-sub > .level-1 li {     display: none; } .wr-element-submenu .submenu-items > li > ul ul {     margin-left: 10px; } .wr-element-submenu .submenu-items a {     padding: 10px; } .wr-megamenu-container.vertical {     width: auto !important;     display: table !important; } .vertical ul.wr-mega-menu {     width: auto;     display: block; } .vertical ul.wr-mega-menu > li {     float: none;     display: block; } .vertical .wr-megamenu-container li {     display: table; } .stick {     top: 0;     position: fixed;     left: 0;     margin: 0 auto;     z-index: 1000; } .wr-megamenu-rtl {     right: 0 !important;     direction: rtl !important; } .wr-megamenu-left-inner {     right: 0 !important;     left: auto !important; }   /***************************** ********* Responsive ********* ******************************/  /*=== Hide menu toggle default theme ===*/ .menu-toggle, #menu-toggle, #wr-menu-toggle{     display: none !important; } .it-responsive-mega{     display: none; } .wr-mega-menu .wr-menu-down{     display:none; }  @media only screen and (max-width: 1000px) {     .wr-megamenu-container ul li {         border-top: 1px solid rgba(255, 255, 255, 0.15);         line-height: 1.5;         width: 100%;     }     .wr-megamenu-container ul li a {         color: #ffffff;     }     .wr-megamenu-container ul.wr-mega-menu li.wr-megamenu-item > a.menu-item-link:hover {         background-color: #111111;         color: #ffffff;     }     .wr-megamenu-container ul.wr-mega-menu li ul.sub-menu {         background: #222222;         border: none;         left: 0;         -webkit-box-shadow: none 0 2px rgba(0, 0, 0, 0.1);         -moz-box-shadow: none 0 2px rgba(0, 0, 0, 0.1);         -ms-box-shadow: none 0 2px rgba(0, 0, 0, 0.1);         -o-box-shadow: none 0 2px rgba(0, 0, 0, 0.1);         box-shadow: none 0 2px rgba(0, 0, 0, 0.1);     }     .wr-megamenu-container ul.wr-mega-menu li ul.sub-menu,     .wr-megamenu-container ul.wr-mega-menu li ul.sub-menu li {         width: 100% !important;         float: left;     }     .wr-megamenu-container ul.wr-mega-menu li.menu-item-has-children > i.wr-arrow-down {         background: url("../images/icons.png") no-repeat -64px 0;         display: block;         height: 20px;         z-index: 9999;         position: absolute;         right: 5px;         top: 17px;         width: 20px;     }     .wr-megamenu-container ul.wr-mega-menu li.menu-item-has-children > i.wr-arrow-down:hover {         cursor: pointer;     }     .wr-megamenu-container ul.wr-mega-menu li.menu-item-has-children .sub-menu {         /*max-height: 0;         -webkit-transform: translateY(none);         -ms-transform: translateY(none);         transform: translateY(none);*/     }     .wr-megamenu-container ul.wr-mega-menu li.menu-item-has-children .active + .sub-menu {         visibility: visible;         max-height: 2000px;         overflow: hidden;         left: 0;         -webkit-opacity: 1;         -moz-opacity: 1;         -ms-opacity: 1;         -o-opacity: 1;         opacity: 1;         filter: alpha(opacity=100);         position: relative;     }     .wr-megamenu-container ul.wr-mega-menu li.megaitem-widget .itmm-widget-container ul {         margin: 0;     }     .wr-megamenu-container ul.wr-mega-menu > li.wr-megamenu-item > a.menu-item-link {         padding: 15px 10px;     }     .wr-megamenu-container ul.sub-menu > li.wr-megamenu-item > a.menu-item-link {         padding-left: 25px;         text-align: left;         color: #fff;         font-weight: normal;         font-size: 13px;         font-style: normal;     }     .wr-megamenu-container a.menu-item-link {         margin-right: 42px;         width: auto !important;     }     .wr-megamenu-container ul.wr-mega-menu ul.sub-menu a {         color: #ffffff;     }     .wr-megamenu-container ul.sub-menu ul > li.wr-megamenu-item > a.menu-item-link {         padding-left: 40px;     }     .wr-megamenu-container ul.sub-menu ul ul > li.wr-megamenu-item > a.menu-item-link {         padding-left: 55px;     }     .wr-megamenu-container ul.sub-menu ul ul ul > li.wr-megamenu-item > a.menu-item-link {         padding-left: 70px;     }     .wr-megamenu-container ul.sub-menu ul ul ul ul > li.wr-megamenu-item > a.menu-item-link {         padding-left: 85px;     }     .wr-megamenu-container ul.sub-menu ul ul ul ul ul > li.wr-megamenu-item > a.menu-item-link {         padding-left: 100px;     }     .wr-megamenu-container ul.sub-menu ul ul ul ul ul ul > li.wr-megamenu-item > a.menu-item-link {         padding-left: 115px;     }     .wr-megamenu-container ul.sub-menu ul ul ul ul ul ul ul > li.wr-megamenu-item > a.menu-item-link {         padding-left: 130px;     }     .wr-megamenu-container ul.sub-menu .itmm-widget-container .widget li a:before {         background: none;     }     .itmm-widget-container {         color: #ffffff;     }     .itmm-widget-container .widget {         overflow: hidden;     }     .itmm-widget-container .widget .widgettitle {         color: #ffffff;     }     .wr-megamenu-container.active ul.wr-mega-menu {         display: block !important;         position: static !important;         opacity: 1 !important;         -o-opacity: 1 !important;         -ms-opacity: 1 !important;         -moz-opacity: 1 !important;         -webkit-opacity: 1 !important;     }     .it-responsive-mega{         display: block;         width: 38px;         clear: both;         height: 38px;         background: rgba(204, 204, 204, 0.5) url(../images/icon-menu.svg) center no-repeat;     }     .it-responsive-mega .glyphicon{         font-size: 18px;         color: #333;         padding: 10px;     }     .wr-mega-menu .wr-menu-down{         position: relative;         float:right;         color: #ccc;         width: 32px;         height: 32px;         line-height: 32px;         text-align: center;         border-radius: 3px;         -o-border-radius: 3px;         -ms-border-radius: 3px;         -moz-border-radius: 3px;         -webkit-border-radius: 3px;         margin: -35px 5px 0 0;         z-index: 9999;         cursor: pointer;         display:block;         background: rgba(255, 255, 255, .2) url(../images/icon-down.svg) center 12px no-repeat;         background-size: 20px;     }     .wr-mega-menu .wr-menu-down.active{         background: rgba(255, 255, 255, .2) url(../images/icon-up.svg) center 12px no-repeat;         background-size: 20px;     }     .wr-megamenu-container ul.wr-mega-menu ul.sub-menu,     .wr-megamenu-inner{         display: none;     }     .wr-megamenu-container ul.wr-mega-menu ul.sub-menu.active,     .wr-megamenu-inner.active {         display: block !important;         height: auto;         opacity: 1 !important;         -o-opacity: 1 !important;         -ms-opacity: 1 !important;         -moz-opacity: 1 !important;         -webkit-opacity: 1 !important;         visibility: initial !important;     }     .wr-mega-menu .sub-menu,     .wr-mega-menu .children{         position: static;           }     .wr-megamenu-container .fa-angle-down{         display: none !important;     }     .wr-megamenu-container.stick.active{         top: 38px;         height: 90%;         overflow: auto;         overflow-scrolling: touch;         -o-overflow-scrolling: touch;         -ms-overflow-scrolling: touch;         -moz-overflow-scrolling: touch;         -webkit-overflow-scrolling: touch;         -webkit-overflow-scrolling: touch;     } }  @media only screen and (max-width: 768px), (max-device-width: 768px) {     .row [class*="col-md-"] {         width: 100%;         margin: 0;     } }  @media screen and (min-width: 783px) {      .wr-megamenu-container li .current_page_item > a,     .wr-megamenu-container li .current_page_ancestor > a,     .wr-megamenu-container li .current-menu-item > a,     .wr-megamenu-container li .current-menu-ancestor > a {         color: #fff;     }     .wr-megamenu-container {         padding: 0;     }     .wr-megamenu-container li {         border: 0;         display: inline-block;         position: relative;     }     .wr-megamenu-container a {         white-space: nowrap;     }     .wr-megamenu-container ul ul {         background-color: #24890d;         float: left;         margin: 0;         position: absolute;         top: 48px;         left: -999em;         z-index: 99999;     }     .wr-megamenu-container li li {         display: block;         height: auto;         width: 100%;         line-height: 1.0909090909;     }     .wr-megamenu-container ul ul ul {         left: -999em;         top: 0;     }     .wr-megamenu-container ul ul a {         white-space: normal;     }     .wr-megamenu-container li:hover > a,     .wr-megamenu-container li.focus > a {         color: #41a62a;     }     .wr-megamenu-container ul ul a:hover,     .wr-megamenu-container ul ul li.focus > a {         color: #41a62a;     }     .wr-megamenu-container ul li:hover > ul,     .wr-megamenu-container ul li.focus > ul {         left: auto;     }     .wr-megamenu-container ul ul li:hover > ul,     .wr-megamenu-container ul ul li.focus > ul {         left: 100%;     } }