/*--------------------------------------------------------------
# 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){
}