/* ---------------------------
Header Section
------------------------------*/
#rs-header {
width: 100%;
z-index: 9999;
.sticky_form3{
.search-wrap{
button{
padding: 0;
i{
display: none;
}
}
}
.close-full{
position: absolute;
right: 50px;
top: 45px;
}
.bs-search input{
border: none;
}
}
.bs-search button{
border-radius:0;
padding: 8px 16px;
}
.sticky_forms{
display: none;
position: fixed;
top: 0;
bottom: 0;
background: rgba(0,0,0,.98);
width: 100%;
height: 100%;
z-index: 99;
left: 0;
.flaticon-cross{
&:before{
font-size:22px;
cursor: pointer;
color: #fff;
}
&:hover{
&:before{
color:@primaryColor;
}
}
}
.bs-search.search-form{
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0;
max-width: 600px;
margin: 0 auto;
}
.search-wrap{
.search-input{
background: transparent;
border: none;
border-bottom: 3px solid #111;
font-size: 25px;
outline: none;
color: #fff;
}
button{
background: none;
padding-top: 10px;
}
}
}
.container-fluid{
padding-left: 100px;
padding-right: 100px;
}
.toolbar-area {
background: @titleColor;
position: relative;
-webkit-transition: @transition;
transition: @transition;
color: #fff;
.toolbar-contact {
ul {
margin: 0;
padding: 0;
list-style: none;
li {
display: inline-block;
margin-right: 25px;
color: #fff;
i {
font-size: 15px;
margin-right: 6px;
vertical-align: middle;
color: #fff;
&.flaticon-mail{
position: relative;
top: 1px;
}
&:before{
font-size: 15px;
}
}
a {
transition: @transition;
color: #fff;
&:hover {
color: @primaryColor;
}
}
}
}
}
.opening{
margin-right: 20px;
i{
margin-right: 8px;
line-height: 20px;
&:before{
font-size:15px;
font-weight: 600;
}
}
}
.toolbar-sl-share {
ul {
text-align: right;
margin:0px;
li {
display: inline-block;
font-size: 13px;
+ li {
margin-left: 15px;
}
a {
display: block;
color: @titleColor;
transition: @transition;
text-decoration: none;
&:hover {
color: @primaryColor;
}
i {
text-align: center;
display: inline-block;
}
&.quote-button {
font-size: 15px;
padding: 0 15px;
background-color: #fff;
color: @bodyColor;
border-radius: 2px;
}
}
}
}
}
}
.row-table{
display: table;
width: 100%;
position: relative;
.col-cell{
display: table-cell;
vertical-align: middle;
}
}
.logo-area {
position: relative;
z-index: 9;
float: left;
margin-right: 20px;
a {
font-weight: 700;
color: @primaryColor;
transition: @transition;
img {
display: inline-block;
vertical-align: middle;
}
}
}
.menu-responsive{
.sidebarmenu-area {
float: right;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 17px;
position: relative;
&.off-border-left{
padding-left: 5px;
margin-left: 15px;
}
}
.sidebarmenu-search{
float: right;
padding-left: 10px;
.sticky_search{
padding-top: 30px;
padding-bottom: 30px;
cursor: pointer;
color: #28406d;
i{
&:before{
font-size: 18px;
font-weight: 600;
}
}
}
.sticky_form{
position: absolute;
bottom: -53px;
right: 0;
width: 100%;
max-width: 300px;
z-index: 99;
}
}
}
.menu-sticky.sticky{
backface-visibility: hidden;
.logo-area.sticky-logo{
img{
height: 32px;
}
}
.menu-area{
.navbar{
ul{
li{
a{
color: #494949;
}
}
}
}
}
}
&.header-style3{
.header-logo{
padding-top: 15px;
.logo-area{
float: none;
margin: 0;
}
}
.nav.navbar{
float: none;
}
.table_row{
.col-cell{
width: 33.33%;
&.header-logo{
text-align: center;
}
}
}
.menu-cart-area {
> a{
border-left: 1px solid #000;
padding-left: 15px;
}
}
.sticky_form{
right: 15px !important;
}
.widget_shopping_cart_content{
ul{
li{
a{
padding: 0;
border: none;
}
}
}
}
.menu-area .navbar ul li ul.sub-menu {
min-width: 200px;
}
}
.sticky_search{
font-size: 18px;
}
}
#rs-header{
.toolbar-contact,
.btn_quote,
.toolbar-sl-share{
padding: 15px 0;
}
.menu-sticky{
.menu-area{
background:#fff;
}
}
}
#rs-header.header-transparent{
position: absolute;
.menu-area{
.navbar{
ul{
li{
a{
color: #fff;
&:hover{
color:@primaryColor;
}
}
&.current-menu-ancestor, &.current_page_item{
a{
color: @primaryColor;
}
}
.sub-menu{
li{
a{
color: #333;
&:hover{
color: @primaryColor;
}
}
&.current-menu-ancestor, &.current_page_item{
> a{
color: @primaryColor;
}
}
&:hover{
> a{
color: @primaryColor;
}
}
}
}
&:hover{
> a{
color: @primaryColor;
}
}
}
}
}
&.dark{
.navbar{
ul{
li{
a{
color: @secondaryColor;
&:hover{
color:@secondaryColor;
}
}
&.current-menu-ancestor, &.current_page_item{
> a{
color: @secondaryColor;
}
}
.sub-menu{
li{
a{
color: #fff;
}
}
}
}
}
}
.menu-responsive {
.sidebarmenu-search {
.sticky_search{
color: @secondaryColor;
}
}
}
ul.offcanvas-icon {
.nav-link-container {
.nav-menu-link {
span{
background: @secondaryColor;
}
}
}
}
.menu-cart-area i{
color: @secondaryColor;
}
}
}
.menu-responsive .sidebarmenu-search .sticky_search{
color: #fff;
margin-left: 20px;
}
.menu-cart-area i{
color: #fff;
}
}
.transparent_head, .search{
.rs-breadcrumbs .breadcrumbs-inner {
padding: 202px 0 150px;
min-height: 400px;
&:before{
top: auto;
bottom: 40px;
}
}
}
//header style 5 css
#rs-header {
&.header-style5{
.toolbar-area{
background: #fff;
.toolbar-contact {
ul{
&.rs-contact-info {
li{
a{
color: @bodyColor;
&:hover{
color: @primaryColor;
}
}
i{
color: @bodyColor;
}
}
}
}
}
.row-table{
.col-cell{
width: 33.33%;
}
}
.toolbar-sl-share {
ul {
li {
a {
i{
color: @bodyColor;
padding-right: 8px;
}
}
&.rs-contact-phone{
a{
color: @bodyColor;
i{
&:before{
font-size: 22px;
}
}
&:hover{
color: @primaryColor;
}
}
}
}
}
}
}
.header-inner{
.menu-area{
background: @secondaryColor;
padding-top: 1px;
padding-bottom: 0px;
.navbar {
float: none;
ul{
li{
a{
color: #fff;
&:hover{
color: @primaryColor;
}
}
ul{
li{
a{
color: #fff;
}
}
}
&.current_page_item,
&.current-menu-ancestor{
> a{
color: @primaryColor;
}
}
&:hover{
> a{
color: @primaryColor;
}
}
.sub-menu{
li{
&:hover{
>a {
color: @primaryColor;
}
}
}
}
}
}
}
}
&.menu-sticky.sticky{
.menu-area{
background: #fff;
.navbar {
float: none;
ul{
li{
a{
color: @secondaryColor;
&:hover{
color: @secondaryColor;
}
}
ul{
li{
a{
color: @secondaryColor;
}
}
}
&.current_page_item,
&.current-menu-ancestor{
> a{
color: @primaryColor;
}
}
}
}
}
}
.menu-cart-area i{
color: #222;
}
.sticky_search{
i{
color: #222;
}
}
.sidebarmenu-area{
.offcanvas-icon{
.nav-link-container{
a{
span{
background: #222;
}
}
}
}
}
}
}
.menu-responsive {
.sidebarmenu-search {
.sticky_search{
color: #fff;
}
}
ul.offcanvas-icon {
.nav-link-container {
.nav-menu-link span{
background: #fff;
}
}
}
}
.menu-cart-area i{
color: #fff;
}
.logo-area{
float: none;
text-align: center;
margin: 0;
}
}
}
.menu-area {
padding-top: 0;
padding-bottom: 0;
.navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.navbar {
margin-bottom: 0;
border: 0;
float: right;
padding: 0;
margin-right: 10px;
ul {
margin: 0;
padding: 0;
text-align: left;
li {
position: relative;
display: inline-block;
transition: @transition;
padding:38px 0;
font-size: 15px;
line-height: 28px;
&.current-menu-ancestor,
&.current_page_item{
a{
color: @primaryColor;
}
}
a{
color: #333;
font-family: @bodyFont;
font-size: 15px;
overflow: hidden;
padding: 0 20px;
font-weight: 600;
span{
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
&:before{
position: absolute;
top: 100%;
content: attr(data-hover);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
}
&:hover{
span{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
display: inline-block;
}
a{
color:@primaryColor;
}
}
ul.sub-menu{
min-width: 250px;
padding-bottom: 20px;
padding-top: 18px;
li{
float: none;
display: block;
margin: 0;
text-align: left;
line-height: 25px;
a{
line-height: 26px;
padding: 10px 40px;
color: @titleColor;
font-size: 15px;
}
&:last-child{
a{
border-bottom:none;
}
}
&.current-menu-ancestor, &.current_page_item{
> a{
color: @primaryColor;
}
}
&:hover{
> a{
color: @primaryColor;
}
}
}
}
&:hover ul{
opacity: 1;
position:absolute;
}
> a {
display: block;
text-decoration: none;
font-weight: 400;
transition: @transition;
}
&.active {
a{
color: @primaryColor;
}
li{
a{
color: @secondaryColor;
&hover{
color:@secondaryColor;
}
}
}
}
/*Dropdown Menu area*/
.sub-menu{
background: #fff;
left: 0;
opacity: 0;
position: absolute;
top: 100%;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: @transition;
width: 220px;
z-index: 99999 !important;
text-align: left;
visibility: hidden;
-webkit-box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09);
-moz-box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09);
box-shadow: 0px 7px 7px 0px rgba(48, 51, 50, 0.09);
border-radius: 3px;
li {
line-height: normal;
height: auto;
display: block;
margin: 0;
padding: 0;
a {
display: block;
padding: 12px 0;
text-transform: none;
transition: @transition;
color: #fff;
font-weight: 400;
&:hover {
color: @primaryColor;
}
&:hover{
&:before {
opacity: 1 !important;
}
}
}
&.current-menu-item {
> a {
color: @primaryColor;
}
}
ul{
left: -100% !important;
top: 0 !important;
}
}
}
&:hover {
ul {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
}
}
}
.navbar-toggle {
background-color: @primaryColor;
border-radius: 2px;
-webkit-transition: .4s ease all;
transition: .4s ease all;
.icon-bar {
background-color: #fff;
}
&:hover {
opacity: 0.8;
}
}
}
}
#rs-header.header-style-4 .menu-area .navbar ul li .sub-menu,
#rs-header.header-style5 .menu-area .navbar ul li .sub-menu{
top: 100%;
}
.menu-sticky.sticky .menu-area .navbar ul > li.current-menu-ancestor > a,
.menu-sticky.sticky .menu-area .navbar ul > li.current_page_item > a{
color: @secondaryColor !important;
}
.menu-sticky.sticky .menu-area .navbar ul li ul li a:hover{
color: @secondaryColor !important;
}
#rs-header.header-transparent .menu-sticky.sticky .menu-area .navbar ul > li.current_page_item > a,
#rs-header.header-transparent .menu-sticky.sticky .menu-area .navbar ul > li.current-menu-ancestor > a,
#rs-header.header-style-4 .menu-sticky.sticky .menu-area .menu > li.current_page_item > a,
#rs-header.header-style-4 .menu-sticky.sticky .menu-area .menu > li.current-menu-ancestor > a,
#rs-header.header-transparent .menu-sticky.sticky .menu-area.dark .navbar ul > li:hover > a,
#rs-header.header-transparent .menu-sticky.sticky .menu-cart-area i,
#rs-header.header-transparent .menu-sticky.sticky .menu-responsive .sidebarmenu-search .sticky_search .fa,
#rs-header.header-style5 .header-inner.menu-sticky.sticky .menu-area .navbar ul > li.current-menu-ancestor > a,
#rs-header.header-style5 .header-inner.menu-sticky.sticky .menu-area .navbar ul > li.current_page_item > a{
color: @secondaryColor !important;
}
#rs-header.header-transparent .menu-sticky.sticky ul.offcanvas-icon .nav-link-container .nav-menu-link span{
background: @secondaryColor !important;
}
header.header-style3 .menu-area .navbar ul li .sub-menu li ul {
left: 100% !important;
padding-bottom: 0;
}
#rs-header.header-style3 .menu-area .navbar ul li .sub-menu li:hover > a{
color: @primaryColor;
}
/*******off Canvas css********/
ul.offcanvas-icon{
margin: 6px 0 0;
padding: 0;
list-style: none;
&.nav-active-menu-container{
margin-top: 0;
}
}
.nav-link-container{
.nav-menu-link{
span{
height: 2px;
width: 20px;
display: block;
background: #494949;
margin-bottom: 4px;
border-radius: 30px;
transition: all .5s ease;
cursor: pointer;
list-style: none;
&:hover{
background: @primaryColor;
}
}
}
a{
display: block;
}
}
ul.sidenav{
&.nav-active-menu-container{
overflow-y: auto;
padding: 50px 50px 0;
}
.sub-menu{
display: none;
}
.widget_advokat_flickr {
#rsflicker{
margin-left: 0;
li{
list-style-type: none;
position: relative;
width: 33.33%;
display: inline-block;
a{
img{
opacity: 1;
width: 100%;
}
&:hover{
img{
opacity: .9;
}
}
}
}
}
}
}
.mobile-menu-container {
div {
ul{
position: relative;
li{
position: relative !important;
a{
border-bottom: 1px solid #f0f0f0;
&:hover{
color: @primaryColor !important;
}
}
}
}
ul > li.current_page_parent > a{
color: @primaryColor !important;
}
}
.menu > li:last-child{
a{
border-bottom: none;
}
}
.social-icon-responsive{
ul {
li {
a{
padding-right: 0;
margin-right: 0;
}
}
}
}
}
ul.sidenav .menu>li.menu-item-has-children:before{
font-family: FontAwesome;
content: "\f107";
position: absolute;
left: auto;
right: 0;
top: 11px;
color: #222222 !important;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
z-index: 9999;
font-size: 15px;
display: block !important;
cursor: pointer;
background: #f0f0f0;
}
.sidenav .menu > li > .sub-menu li ul {
display: block !important;
}
.sidenav .menu > li > .sub-menu li ul > li a {
padding-left: 60px;
}
body.logged-in{
ul.sidenav{
top: 30px;
}
}
.sidenav{
.menu {
li ul.sub-menu li a{
padding-left: 40px;
font-size: 13px;
&:before{
display: none;
}
}
}
.widget_nav_menu{
padding:0 !important;
}
.widget_media_image{
text-align: left;
img{
width: auto;
margin-top: 4px;
}
}
p{
font-size: 15px;
line-height: 28px;
}
#contact_widget-3{
margin: 35px 0 50px;
}
#text-9{
padding-top: 20px;
}
}
#rs-header{
.right-sidebar-content{
overflow: hidden;
}
.toolbar-sl-share{
float: right;
}
.btn_quote{
float: right;
position: relative;
margin-left: 20px;
a{
font-size: 14px;
padding: 21px 15px;
line-height: 27px;
letter-spacing: 1px;
color: #fff;
font-family: @titleFont;
background: @primaryColor;
text-transform: capitalize;
&:hover{
color: @titleColor;
opacity: 0.9;
}
}
}
}
#rs-header .menu-area .navbar ul > li.mega.mega-two-cols > ul{
max-width: 560px;
right: auto;
left: auto;
}
#rs-header.header-transparent{
.menu-area{
background: transparent !important;
}
}
#rs-header.header-style-4{
.header-inner{
background: #ffffff;
.logo-section{
padding: 20px 0 20px;
.toolbar-contact-style4{
ul{
float: none;
text-align: right;
list-style: none;
padding: 0;
margin: 12px 0 0;
li{
display: inline-block;
padding-right: 20px;
padding-left: 20px;
border-right: 1px solid #eee;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
border-right: none;
}
i{
float: left;
margin-right: 15px;
color: @primaryColor;
line-height: 44px;
&:before{
font-size:30px;
}
}
.contact-inf{
float: left;
text-align: left;
span{
color: @titleColor;
display: block;
text-align: left;
font-size: 100%;
padding: 0;
font-weight: 500;
line-height: 20px;
margin-bottom: 0;
}
a{
color: @bodyColor;
&:hover{
color: @primaryColor;
}
}
}
}
}
}
}
}
.header-quote{
text-align: right;
position: relative;
}
.btn_quote{
float: none;
display: inline-block;
padding-left: 25px;
z-index: 999;
position: relative;
.quote-button{
color: #fff;
border: 1px solid;
border-color: #fff;
font-size: 15px;
padding: 5px 18px;
display: block;
border-radius: 30px;
text-transform: uppercase;
font-weight: 500;
&:hover{
color:@secondaryColor;
background: #fff;
}
}
}
.menu-area{
background: @secondaryColor;
padding: 0;
.menu-responsive{
.navbar{
float: none;
}
}
.menu{
li{
a{
color: #fff;
&:hover{
color: @primaryColor;
}
}
&.current-menu-ancestor, &.current_page_item{
> a{
color: @primaryColor;
}
}
ul{
li{
a{
color: #fff;
}
&.current-menu-ancestor, &.current_page_item{
> a{
color: @primaryColor;
}
}
}
}
&:hover{
> a{
color: @primaryColor;
}
}
}
}
}
.sidebarmenu-area{
display: inline-block;
position: relative;
top: 5px;
}
.sidebarmenu-search{
display: inline-block;
margin-right: 15px;
cursor: pointer;
.sticky_search{
i{
color: #fff;
}
}
.sticky_form{
position: absolute;
bottom: -53px;
right: 0;
z-index: 9;
width: 250px;
}
}
.menu-cart-area{
float: none;
display: inline-block;
margin-right: 15px;
i{
color: #fff;
}
}
.widget_shopping_cart_content{
text-align: center;
}
.menu-sticky.sticky{
.sidebarmenu-search{
.sticky_form{
bottom: -40px;
}
}
.menu-cart-area i.fa-shopping-cart{
color: @secondaryColor;
}
}
.nav-link-container .nav-menu-link span{
background: #ffffff;
}
}
#rs-header.single-header.header-style1{
.menu-cart-area,
.menu-responsive .sidebarmenu-search .sticky_search.sticky_search2,
.menu-area .navbar ul > li{
padding-top: 40px;
padding-bottom: 40px;
ul.sub-menu{
li{
padding:6px 0;
a{
line-height: 24px;
}
}
}
}
}
#rs-header.header-style-3{
.menu-area{
background:none;
}
.menu-cart-area,
.menu-area .navbar ul > li{
padding-top: 35px;
padding-bottom: 35px;
ul.sub-menu{
li{
padding:6px 0;
a{
line-height: 24px;
}
}
}
}
.container{
top: 10px;
z-index: 9;
border-radius: 5px;
padding: 0 30px;
}
.sticky-wrapper{
position: absolute;
width: 100%;
z-index: 9;
}
.header-inner{
background: none;
.logo-section{
padding: 20px 0 12px;
.toolbar-contact-style4{
ul{
float: none;
text-align: right;
list-style: none;
padding: 15px 0;
margin: 0;
li{
display: inline-flex;
align-items: center;
padding-right: 20px;
padding-left: 20px;
border-right: 1px solid @thirdColor;
line-height: 30px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
border-right: none;
}
i{
float: left;
margin-right: 15px;
color: @primaryColor;
line-height: 25px;
&:before{
font-size: 25px;
}
}
.contact-inf{
float: left;
text-align: left;
span{
color: #fff;
display: block;
text-align: left;
font-size: 100%;
padding: 0;
font-weight: 500;
line-height: 20px;
margin-bottom: 0;
}
a{
color: @bodyColor;
opacity: .5;
&:hover{
color: @primaryColor;
}
}
div.location-level{
opacity: .5;
}
}
}
}
}
}
&.sticky{
background:#fff !important;
.container{
top: 0;
z-index: 0;
}
.logo-section{
display: none;
}
.menu-cart-area,
.sidebarmenu-area,
.sidebarmenu-search{
display: inline-block !important;
.fa-shopping-cart{
color: #494949;
}
}
}
}
.header-quote{
text-align: right;
position: relative;
}
.btn_quote{
float: none;
display: inline-block;
padding-left: 15px;
z-index: 999;
position: relative;
.quote-button{
font-size: 15px;
border: none;
padding: 18px 22px;
border-radius: 5px;
color: #fff;
background: @primaryColor;
text-transform: capitalize;
&:hover{
color: @primaryColor;
}
}
}
.menu-area{
.menu-responsive{
.navbar{
float: none;
}
}
}
.sidebarmenu-area{
display: inline-block;
position: relative;
top: 5px;
}
.sidebarmenu-search{
display: inline-block;
cursor: pointer;
margin-left: 25px;
.sticky_form{
position: absolute;
bottom: -53px;
right: 0;
z-index: 9;
width: 250px;
}
}
.menu-cart-area{
float: none;
display: inline-block;
}
.widget_shopping_cart_content{
text-align: center;
}
.menu-sticky.sticky{
.sidebarmenu-search{
.sticky_form{
bottom: -40px;
}
}
}
}
.language-widget-sec{
padding-left: 13px;
font-size: 13px;
padding-right: 13px;
font-style: normal;
background: none !important;
position: relative;
margin: 0 !important;
ul{
padding: 0;
}
a{
background: none !important;
width: auto !important;
padding: 8px 0;
&:hover{
color:@primaryColor !important;
}
}
li{
margin: 0;
ul{
margin: 0;
padding: 0;
li{
display: block !important;
position: relative;
margin: 0 !important;
a{
background: none !important;
display: block !important;
width: 100% !important;
text-align: left !important;
padding: 0;
&:hover{
color:@primaryColor !important;
}
}
}
}
}
}
.language-widget-sec ul li a:before {
font-family: "FontAwesome";
content: "\f107";
padding-right: 3px;
font-weight: 400;
position: absolute;
right: -2px;
top: 9px;
}
.language-widget-sec ul li ul li a:before{
display: none;
}
.language-widget-sec ul li ul{
position: absolute;
left: 0;
top: 0px;
opacity: 0;
transform: scaleY(0);
visibility: hidden;
transition: all 0.3s ease;
background: #fff;
padding: 0 10px 0 10px;
width: 100px;
z-index: 1;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
}
.language-widget-sec ul li:hover ul{
opacity: 1;
top: 100%;
transform: scaleY(1);
visibility: visible;
}
.header-share {
display: inline-block;
margin-right: 10px;
ul {
margin: 0;
text-align: right;
li {
display: inline-block;
margin-right: 10px;
line-height: 70px;
height: 70px;
&:last-child{
margin-right: 0;
}
a {
font-size: 16px;
i{
color: @bodyColor;
padding-right: 8px;
}
&:hover{
i{
color: @primaryColor;
}
}
}
}
}
}
#rs-header{
.sticky {
.menu-cart-area,
.sidebarmenu-area,
.sidebarmenu-search{
display: none !important;
}
}
}
#rs-header .sticky_search i:before {
font-size: 18px;
font-weight: 600;
}
#rs-header{
.menu-cart-area span.icon-num{
background: #f2f2f2;
color: #212121;
}
}
.sticky .menu-area .navbar ul li .sub-menu{
top: 100%;
}
.header-transparent, .header-style-4, .header-style5{
.menu-cart-area span.icon-num{
background: #fff;
color: #000;
}
}
/******* Mega Menu css ********/
.mega {
position: static !important;
}
#rs-header .menu-area .navbar ul > li.mega > ul {
width: 100%;
padding: 22px 20px;
}
#rs-header .menu-area .navbar ul li.mega ul > li {
float: left !important;
}
#rs-header .menu-area .navbar ul li.mega ul > li.three-col ul > li {
width: 33.33%;
}
#rs-header .menu-area .navbar ul li.mega ul > li.two-col {
width: 50%;
}
#rs-header .menu-area .navbar ul li.mega ul > li.four-col {
width: 25%;
}
#rs-header .menu-area .navbar ul li.mega ul li ul.sub-menu {
display: block;
width: 99%;
}
#rs-header .menu-area .navbar ul li.mega ul li ul li {
width: 100% !important;
float: none !important;
margin:0;
}
#rs-header .menu-area .navbar ul > li.mega > ul > li > a{
font-size: 17px !important;
font-weight: 600;
border:none;
cursor: auto;
padding-left: 20px;
background:none;
color: #333 !important;
&:before{
display:none;
}
}
#rs-header .menu-area .navbar ul li.mega ul li ul.sub-menu {
opacity: 1;
transform: scaleY(1);
visibility: visible;
box-shadow: none;
}
#rs-header .menu-area .navbar ul li.mega ul li ul li:last-child a{
border: none;
}
#rs-header .menu-area .navbar ul li.mega ul li ul li{
border: none;
}
.menu-area .navbar ul li ul li ul.sub-menu{
border: none;
}
#rs-header .menu-area nav.navbar ul li.mega ul li .sub-menu {
position: relative;
opacity: 1;
transform: scaleY(1);
}
#rs-header .menu-area nav.navbar ul li.mega ul li .sub-menu {
right: auto !important;
left: auto !important;
padding: 0;
}
#rs-header .menu-area nav.navbar ul li.mega ul li .sub-menu li a{
padding: 10px 20px;
}
nav.nav.navbar, .menu-area .col-sm-9.menu-responsive{
position: static !important;
}
.menu-area .container{
position: relative;
}