/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Header Style Default
--------------------------------------------------------------*/
.wraper_header.style-default{
position:relative;
z-index:999;
width:100%;
direction:initial;
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.15);
.wraper_header_main{
width:100%;
background-color:#fff;
}
.wraper_header_main > .container{
padding-top:15px;
padding-bottom:15px;
}
.header_main{
position:relative;
.brand-logo{
max-width:200px;
position:absolute;
left:0;
top:0;
bottom:0;
float:left;
text-align:left;
font-size:0;
> .table{
display:table;
table-layout:fixed;
width:100%;
height:100%;
margin:0;
> .table-cell{
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
}
}
img{
}
.site-title{
margin-bottom:0;
font-family:"Montserrat";
text-transform:uppercase;
font-weight:700;
font-size:26px;
color:#000;
line-height:1.1;
}
}
.header-responsive-nav{
float:right;
margin-top:20px;
margin-bottom:20px;
i{
font-size:20px;
color:#000;
line-height:1;
cursor:pointer;
}
}
}
/* nav */
.nav{
float:right;
text-align:right;
}
.nav > [class*='menu-']{
display:block;
}
/* nav level one */
.nav > [class*='menu-'] > ul.menu > li{
position:relative;
display:inline-block;
vertical-align:top;
width:auto;
height:auto;
margin-right:25px;
}
.nav > [class*='menu-'] > ul.menu > li:last-child,
.nav > [class*='menu-'] > ul.menu > li:only-child{
margin-right:0 !important;
}
.nav > [class*='menu-'] > ul.menu > li > a{
position:relative;
display:block;
width:auto;
height:auto;
padding-top:15px;
padding-bottom:15px;
font-family:"Montserrat";
text-transform:uppercase;
font-weight:500;
font-size:14px;
color:#000;
line-height:28px;
cursor:pointer;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.nav > [class*='menu-'] > ul.menu > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li.current-menu-ancestor > a{
}
.nav > [class*='menu-'] > ul.menu > li.menu-item-has-children > a:after{
display:inline-block;
vertical-align:middle;
margin-left:7px;
content:"\f107";
font-family:"FontAwesome";
line-height:1;
}
/* nav level two */
.nav > [class*='menu-'] > ul.menu > li > ul{
position:absolute;
top:100%;
left:0;
z-index:1;
width:220px;
padding-top:8px;
padding-bottom:8px;
background-color:#fff;
box-shadow:0px 0px 20px rgba(0,0,0,0.075);
text-align:left;
opacity:0;
visibility:hidden;
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
}
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul{
left:auto;
right:0;
}
.nav > [class*='menu-'] > ul.menu > li:hover > ul{
opacity:1;
visibility:visible;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li{
position:relative;
width:100%;
height:auto;
float:left;
padding-left:20px;
padding-right:20px;
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
}
.nav > [class*='menu-'] > ul.menu > li:hover > ul > li,
.nav > [class*='menu-'] > ul.menu > li:hover > ul > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li:hover > ul > li > ul > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li:hover > ul > li > ul > li > ul > li ul li{
padding-top:7px;
padding-bottom:7px;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li a{
position:relative;
display:inline-block;
vertical-align:top;
text-align:left;
font-family:"Montserrat";
text-transform:uppercase;
font-weight:500;
font-size:13px;
color:#000;
line-height:28px;
opacity:inherit !important;
visibility:inherit !important;
cursor:pointer;
transition:all 0.4s ease-in-out !important;
-webkit-transition:all 0.4s ease-in-out !important;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li > a:hover,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a:hover,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a:hover,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li a:hover{
}
.nav > [class*='menu-'] > ul.menu > li > ul > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li:hover a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li.current-menu-item a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li.current-menu-parent a{
}
.nav > [class*='menu-'] > ul.menu > li > ul > li > a:before,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a:before,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a:before,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li a:before{
position:absolute;
left:0;
bottom:5px;
width:0;
height:2px;
z-index:0;
content:" ";
background-color:#fff;
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li > a:hover:before,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a:hover:before,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a:hover:before,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li a:hover:before{
width:100%;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li.menu-item-has-children > a:after,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li.menu-item-has-children > a:after,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.menu-item-has-children > a:after,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li.menu-item-has-children > a:after{
float:right;
margin-left:7px;
content:"\f105";
font-family:"FontAwesome";
font-style:normal;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li > a i,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a i,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a i,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li a i{
width:20px;
text-align:center;
margin-right:10px;
}
/* nav level three */
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul li ul{
position:absolute;
top:0;
left:100%;
z-index:1;
width:220px;
padding-top:8px;
padding-bottom:8px;
background-color:#fff;
box-shadow:0px 0px 20px rgba(0,0,0,0.075);
text-align:left;
opacity:0;
visibility:hidden;
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
}
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul > li > ul > li > ul li ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul > li > ul > li > ul li ul{
left:auto;
right:100%;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li:hover > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li:hover > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul li:hover > ul{
top:-8px;
opacity:1;
visibility:visible;
}
}
/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
#mobile-menu{
background-color:#191919 !important;
}
.mobile-menu-nav{
font-family:Poppins;
text-transform:uppercase;
line-height:27px;
letter-spacing:0.5px;
font-weight:500;
font-style:normal;
color:#ffffff;
font-size:14px;
}
/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}
/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}
/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
}
/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
}
/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
}
/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
}