/* menu-bar starts */

/*.sticky-wrapper {
	height: auto !important;
}*/
.sticky-wrapper .menu-bar{
	/*transform: translateY(-66px);*/
	transition: 0.5s all ease-in-out 0s;
		-moz-transition: 0.5s all ease-in-out 0s;
		-ms-transition: 0.5s all ease-in-out 0s;
		-o-transition: 0.5s all ease-in-out 0s;
		-webkit-transition: 0.15s all ease-in-out 0s;
	z-index: -9999;
	height: 1px;
	opacity: 0;
	overflow: hidden;
}

@media (max-width: 768px) {
	.sticky-wrapper .menu-bar{height:auto;}
	}

.sticky-wrapper.is-sticky .menu-bar{
	/*transform: translateY(0);*/
	opacity: 1;
	z-index: 9999;
	height: 66px;
	overflow: visible;
}
.menu-bar{
	background-color: rgba(255, 255, 255, 0.97);
	position: relative;
	width: 100%;
	z-index: 9999;
}

 .menu-bar-ref{
	 z-index: 1039 !important; 
 	min-height: 66px !important;
	opacity: 100 !important;}
 
 
.small_menu{

	display: none;
}

/* menu-bar starts from */

.menu-bar .logo{
	display: inline-block;
	float: left;
	margin: 17px 0 0 0;
}
.menu-bar .main-nav{
	float: right;
}
.menu-bar .main-nav ul{
	display: inline-table;
	float: left;
	margin: 0;
	padding: 0;
}
.menu-bar .main-nav ul li{
	float: left;
	list-style: none;
    text-align: center;
}
.menu-bar .main-nav .back_top{
	float:right;
}
	.menu-bar .main-nav .back_top a{
		color: #000;
		font-size: 23px;
		line-height: 22px;
		margin: 21px 24px 21px 18px;
		float: left;
	}
		.menu-bar .main-nav .back_top a:hover{
			color: #e30613;
		}

.menu-bar .main-nav ul li a{
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 14px;
	margin: 24px 17px;
	position: relative;
	text-decoration: none;
	/*transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;*/
	text-transform: uppercase;	
}

	/* menu-bar Dropdown Starts */
	
	.menu-bar .main-nav ul > ul {
		display: block;
	}
	
	.menu-bar .main-nav li > a:hover,
	.menu-bar .main-nav ul li:hover > a, .menu-bar .main-nav ul li.current a {
		color: #FF3131;
	}
	
	.menu-bar .main-nav  ul ul a:hover {
	  color: #fff;
	}
	
	.menu-bar .main-nav  li:hover > ul {
	  display: block;
	  opacity: 1;
	  visibility: visible;
	}
	
	.menu-bar .main-nav  ul > li > ul {
		background: rgba(255, 255, 255, 0.50);
		border-top: 1px solid #FF3131;
		visibility: hidden;
		width: auto;
		position: absolute;
		text-align: center;
			opacity: 1;
		max-width: 250px;
		min-width: 210px;
		padding: 0;
		top: 57px;
	}
	
	.menu-bar .main-nav  ul > li > ul li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.97);
		display: block;
		float: none;
		margin: 0;
		position: relative;
		list-style: none;
	}
	.menu-bar .main-nav  ul > li > ul li:last-child {
		border-bottom: none;
	}
	
	.menu-bar .main-nav ul li.sub_menu > a:before {
		content: "";
		height: 0;
		position: absolute;
		right: 6px;
		top: 37px;
		width: 0;
		z-index: 999;
	}
	
	.menu-bar .main-nav  ul > li > ul a,
	.menu-bar .main-nav  ul > li > ul a:link {
		font-size: 13px;
		line-height: 48px;
		margin: 0;
		padding: 0 24px;
		text-align: left;
		border: none;
		/*transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;*/
	}
	
	.menu-bar .main-nav  ul > li > ul a:hover {
		background-color: #292929;
		color: #FFF;
		padding: 0 14px 0 34px;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	}
	/* menu-bar Dropdown Ends */
	
/* menu-bar ends */

/**       4- Header Navigations							          	  **/
/* header_nav_holder starts */
.header_nav_holder{
	float: right;
}
.header_nav_holder .main-nav{
	float: left;
	display: none;
}
	/* header_toggle_menu */
	.header_toggle_menu{
		display: inline-block;
		float: right;
	}
		.header_toggle_menu .menu_small_btn{
			background: none;
			border: 0;
			color: #ffffff;
			float: right;
			margin: 0 0 0 15px;
			position: relative;
			text-align: center;
			transition: all 0.3s ease 0s;
				-webkit-transition: all 0.3s ease 0s;
				-moz-transition: all 0.3s ease 0s;
				-ms-transition: all 0.3s ease 0s;
				-o-transition: all 0.3s ease 0s;
			height: 15px;
			width: 15px;
		}
			.header_toggle_menu .menu_small_btn:hover{
				background: none;
			}
			.header_toggle_menu .menu_small_btn .toggle_menu_btn, .header_toggle_menu .menu_small_btn .toggle_top_menu_btn{
				position: absolute;
				top: 0;
				left: 0;
				cursor: pointer;
				transition: all 0.2s ease 0s;
					-webkit-transition: all 0.2s ease 0s;
					-moz-transition: all 0.2s ease 0s;
					-ms-transition: all 0.2s ease 0s;
					-o-transition: all 0.2s ease 0s;
			}
			.header_toggle_menu .menu_small_btn .open_menu{
				z-index: 10;
				opacity: 1;
			}
			.header_toggle_menu .menu_small_btn .close_menu{
				opacity: 0;
				z-index: 9;
			}
			.header_toggle_menu i{
				font-size: 15px;
				line-height: 15px;
				vertical-align: top;
			}
	.header-menu-2, .header-menu-1{
		position: absolute;
		top: 0;
	}
		.header-menu-2.menu-bar .logo img, .header-menu-1.menu-bar .logo img{
			float: left;
		}
		
/**       	4.1- Header Navigation 1							          **/
	/* .header-menu-2 starts */
	.header-menu-2 {
		background-color: rgba(0, 0, 0, 0);
		border: none;
		padding: 44px 0 0 0;
	}	
		.header-menu-2.menu-bar .logo{
			margin: 0;
		}

		.header-menu-2 .main-nav ul li a {
			border-bottom: 2px solid transparent;
			color: #ffffff;
			margin: 0 20px;
			padding: 0 4px 6px;
		}
		.header-menu-2 .main-nav ul li a:hover, .header-menu-2 .main-nav ul li.current a{
			border-bottom: 2px solid #ffffff;
		}
	/* .header-menu-2 ends */

/**       	4.2- Header Navigation 2							          **/	
	/* .header-menu-1 starts */
	.header-menu-1 {
		background-color: rgba(0, 0, 0, 0);
		border: none;
		padding: 67px 0 0 0;
	}	
		.header-menu-1.menu-bar .logo{
			margin: 0;
		}
		.header-menu-1 .main-nav ul li a {
			line-height: 14px;
			margin: 0 17px;
			padding: 0;
		}
	/* .header-menu-1 ends */
	
/* header_nav_holder starts */

/**			4.3- Header Navigation (Slidebar) 3			**/
.folio-sb-toggle-btn{
	cursor: pointer;
}
/* .folio-slidebar starts */
.folio-slidebar .sb-slidebar{
	background: rgba(0, 0, 0, 0.9);
}
.folio-slidebar .sb-slidebar .logo{
	padding: 24px 14px 24px 24px;
}
.sb-slidebar .main-nav ul{
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.sb-slidebar .main-nav ul li{
	clear: both;
	display: block;
	list-style: none;
    text-align: left;
}
		.sb-slidebar .main-nav .back_top a:hover{
			color: #ffffff;
		}
.sb-slidebar .main-nav ul li a{
	border-left: 3px solid transparent;
    color: rgba(255, 255, 255, 0.5);
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	padding: 14px 14px 14px 24px; 
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	text-transform: uppercase;	
}
	.sb-slidebar .main-nav li > a:hover, .sb-slidebar .main-nav ul li.current a {
		border-left-color: #FF3131;
		color: #FF3131;
	}
	.sb-slidebar .main-nav ul li.current a{
		background-color: #151515;
	}
/* .folio-slidebar ends */




/**		24- Media queries		**/
@media screen and (min-width: 1200px) { /* Large Display 1200px and above */
}

@media screen and (min-width: 992px) and (max-width: 1199px) { /* Default 992px to 1199px */

	
	/**       3- Navigation Primary (Sticky Navigation)                   **/
	/* menu-bar starts */
	
	.sticky-wrapper.is-sticky .menu-bar{
		height: 57px;
	}
	.menu-bar .main-nav ul li a{
		font-size: 13px;
		font-weight: 400;
		line-height: 13px;
		margin: 22px 12px;
	}
	
	
		
		.menu-bar .main-nav  ul > li > ul a,
		.menu-bar .main-nav  ul > li > ul a:link {
			font-size: 13px;
			line-height: 44px;
			padding: 0 22px;
	
		}
		.menu-bar .main-nav .back_top a{
			margin: 16px 24px 17px 18px;
		}
		
		/* menu-bar Dropdown Ends */
		
	/* menu-bar ends */

	/**       4- Header Navigations							          	  **/
	/* header_nav_holder starts */
	.header_nav_holder{
		float: right;
	}
	.header_nav_holder .main-nav{
		float: left;
		display: none;
	}
		/* header_toggle_menu */
		.header_toggle_menu{
			display: inline-block;
			float: right;
		}
			.header_toggle_menu .menu_small_btn{
				background: none;
				border: 0;
				color: #ffffff;
				float: right;
				margin: 0 0 0 15px;
				position: relative;
				text-align: center;
				transition: all 0.3s ease 0s;
					-webkit-transition: all 0.3s ease 0s;
					-moz-transition: all 0.3s ease 0s;
					-ms-transition: all 0.3s ease 0s;
					-o-transition: all 0.3s ease 0s;
				height: 15px;
				width: 15px;
			}
				.header_toggle_menu .menu_small_btn:hover{
					background: none;
				}
				.header_toggle_menu .menu_small_btn .toggle_menu_btn, .header_toggle_menu .menu_small_btn .toggle_top_menu_btn{
					position: absolute;
					top: 0;
					left: 0;
					cursor: pointer;
					transition: all 0.2s ease 0s;
						-webkit-transition: all 0.2s ease 0s;
						-moz-transition: all 0.2s ease 0s;
						-ms-transition: all 0.2s ease 0s;
						-o-transition: all 0.2s ease 0s;
				}
				.header_toggle_menu .menu_small_btn .open_menu{
					z-index: 10;
					opacity: 1;
				}
				.header_toggle_menu .menu_small_btn .close_menu{
					opacity: 0;
					z-index: 9;
				}
				.header_toggle_menu i{
					font-size: 15px;
					line-height: 15px;
					vertical-align: top;
				}
		.header-menu-2, .header-menu-1{
			position: absolute;
			top: 0;
		}
			.header-menu-2.menu-bar .logo img, .header-menu-1.menu-bar .logo img{
				float: left;
			}

	/**       	4.1- Header Navigation 1							          **/
	/* .header-menu-2 starts */

		.header-menu-2.menu-bar .logo{
			margin: 0;
		}

		.header-menu-2 .main-nav ul li a {
			margin: 0 12px;
		}
	/* .header-menu-2 ends */

	/**       	4.2- Header Navigation 2							          **/	
	/* .header-menu-1 starts */
		.header-menu-1.menu-bar .logo{
			margin: 0;
		}
		.header-menu-1 .main-nav ul li a {
			margin: 0 17px;
		}
	/* .header-menu-1 ends */
	

}

@media screen and (min-width: 768px) and (max-width: 991px) { /* Portrait Tablets 768 to 979 */
	
	
	/**       3- Navigation Primary (Sticky Navigation)                   **/
	/* menu-bar starts */
	
	.sticky-wrapper.is-sticky .menu-bar{
		height: 57px;
	}
	.menu-bar .main-nav ul li a{
		font-size: 12px;
		font-weight: 400;
		line-height: 12px;
		margin: 22px 6px;
	}
		.menu-bar .main-nav  ul > li > ul a,
		.menu-bar .main-nav  ul > li > ul a:link {
			font-size: 12px;
			line-height: 44px;
			padding: 0 22px;
	
		}
		.menu-bar .main-nav .back_top a{
			margin: 16px 18px 17px 14px;
		}
		
		/* menu-bar Dropdown Ends */
	
	/* menu-bar ends */
	/**       	4.1- Header Navigation 1							          **/
	/* .header-menu-2 starts */
	.header-menu-2 {
		background-color: rgba(0, 0, 0, 0);
		border: none;
		padding: 44px 0 0 0;
	}	
		.header-menu-2.menu-bar .logo{
			margin: 0;
		}

		.header-menu-2 .main-nav ul li a {
			border-bottom: 2px solid transparent;
			color: #ffffff;
			margin: 0 20px;
			padding: 0 4px 6px;
		}
		.header-menu-2 .main-nav ul li a:hover, .header-menu-2 .main-nav ul li.current a{
			border-bottom: 2px solid #ffffff;
		}
	/* .header-menu-2 ends */

	/**       	4.2- Header Navigation 2							          **/	
	/* .header-menu-1 starts */
		.header-menu-1.menu-bar .logo{
			margin: 0;
		}
		.header-menu-1 .main-nav ul li a {
			margin: 0 8px;
		}
	/* .header-menu-1 ends */
	
	
}

@media screen and (max-width: 767px) { /* Smart Phones to Tablets 481 to 767 */
	
		
	/**       3- Navigation Primary (Sticky Navigation)                   **/
	/* menu-bar starts */
	.sticky-wrapper.is-sticky .menu-bar{
		height:  auto;
	}
	.small_menu{
		display: inline-block;
		float: right;
	}
		.small_menu .menu_small_btn{
			background: none;
			border: 0;
			/*color: #ffffff;*/
			float: right;
			margin: 2px 0;
			position: relative;
			text-align: center;
			-webkit-transition: all 0.3s ease 0s;
			-moz-transition: all 0.3s ease 0s;
			-ms-transition: all 0.3s ease 0s;
			-o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
			height: 24px;
			width: 30px;
		}
			.small_menu .menu_small_btn:hover{
				background: none;
			}
			.small_menu .menu_small_btn .open_menu, .small_menu .menu_small_btn .close_menu{
				position: absolute;
				top: 0;
				left: 0;
				cursor: pointer;
				transition: all 0.2s ease 0s;
					-webkit-transition: all 0.2s ease 0s;
					-moz-transition: all 0.2s ease 0s;
					-ms-transition: all 0.2s ease 0s;
					-o-transition: all 0.2s ease 0s;
			}
			.small_menu .menu_small_btn .open_menu{
				z-index: 10;
				opacity: 1;
			}
			.small_menu .menu_small_btn .close_menu{
				opacity: 0;
				z-index: 9;
			}
			.small_menu .menu_small_btn i{
				font-size: 38px;
				line-height: 24px;
			}
	.menu-bar{
		width: 100%;
	}
	.menu-bar .logo{
		display: block;
		float: none;
		overflow: hidden;
		margin: 10px 0;
		text-align: center;
	}
	.menu-bar .logo img{
		float: left;
		margin-left: 10px;
		margin-top: 5px;
	}
	.menu-bar .main-nav{
		clear: both;
		display: block;
		float: none;
	}
	.menu-bar .main-nav ul{
		float: none;
		display: none;
		margin: 0;
		overflow: hidden;
	}
	.menu-bar .main-nav ul li{
		clear: both;
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		float: none;
		list-style: none;
		text-align: left;
		overflow: hidden;
	}
	.menu-bar .main-nav ul li a{
		font-size: 12px;
		position: relative;
		line-height: 12px;
		padding: 10px 0;
		margin: 0;
	}
	.menu-bar .main-nav .back_top{
		display: none;
	}
	 
		/* menu-bar Dropdown Starts */
		.menu-bar .main-nav  ul > li > ul {
			border-top: none;
			visibility: visible;
			width: 100%;
			position: relative;
			text-align: left;
				-webkit-transition: all 0.5s ease 0.1s;
				-moz-transition: all 0.5s ease 0.1s;
				-ms-transition: all 0.5s ease 0.1s;
				-o-transition: all 0.5s ease 0.1s;
				transition: all 0.5s ease 0.1s;
				opacity: 1;
			top: 0;
			max-width: 100%;
			min-width: 100%;
		}
		
		.menu-bar .main-nav  ul > li > ul a,
		.menu-bar .main-nav  ul > li > ul a:link {
			font-size: 12px;
			line-height: 12px;
			margin: 0;
			padding: 10px 0 10px 24px;
			transition: all 0.3s ease 0s;
				-webkit-transition: all 0.3s ease 0s;
				-moz-transition: all 0.3s ease 0s;
				-ms-transition: all 0.3s ease 0s;
				-o-transition: all 0.3s ease 0s;
			text-align: left;
		}
		
		.menu-bar .main-nav  ul > li > ul a:hover {
			background-color: rgba(41, 41, 41, 0.5);
			color: #FFF;
		}
		/* menu-bar Dropdown Ends */
	/* menu-bar ends */
	/* .header-menu-1 .menu-bar */ 
	.header-menu-1, .header-menu-2{
		display: none;
	}
	
	
}

.main_nav_1 ul li a{color:#000;}
.main_nav_2 ul li a{color:#000;}
.main_bar_2 {	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
				box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);}

.menu-bar .main_nav_1  ul > li > ul{top:35px;}
.header-menu-1 .main-nav ul li a{padding-bottom:23px;}
.menu_bar{overflow: visible !important;}