/*** 



====================================================================

	Header style One

====================================================================



***/



.main-header{

	position:relative;

	z-index:11;

	width:100%;

	background-color:var(--color-three);

}



.main-header .header-upper{

	position:relative;

	background-color:var(--white-color);

}



.main-header .main-box{

	position:relative;

	padding:0px 0px;

	left:0px;

	top:0px;

	width:100%;

	background:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .main-box .outer-container{

	position:relative;

	padding:0px 40px;

}



.main-header .logo-box{

	position:absolute;

	left:100px;

	top:0px;

	float:left;

	z-index:10;

	padding:25px 30px;

	background-color:var(--white-color);

}



.main-header .logo-box .logo img{

	display:inline-block;

	max-width:100%;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.main-header .header-lower{

	position:relative;

}



.main-header .header-lower .nav-outer{

	position:static;

}



.main-header .header-upper .logo-box{

	position: relative;

	padding:10px 0px 10px;

}



.main-header .header-upper .logo-box .logo{

	position:relative;

}



/* Main Menu */



.main-header .main-menu{

	position:relative;

	width:100%;

	text-align:center;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .main-menu .navbar-collapse{

	padding:0px;

	display:block !important;

}



.main-header .header-lower .main-menu .navigation{

	position:relative;

	margin:0px;

	left:150px;

}



.main-header .main-menu .navigation > li{

	position:relative;

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	margin-right:var(--margin-right-35);

}



.main-header .sticky-header .main-menu .navigation > li:hover > a,

.main-header .sticky-header .main-menu .navigation > li.current > a{

	color:var(--main-color);

}



.main-header .sticky-header .nav-outer .options-box{

	margin-top:var(--margin-top-40);

}



/*Sticky Header*/



.main-header .sticky-header{

	position:fixed;

	opacity:0;

	visibility:hidden;

	left:0px;

	top:0px;

	width:100%;

	padding:0px 0px;

	z-index:0;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	background-color:var(--white-color);

	box-shadow:0px 0px 10px rgba(0,0,0,0.10);

}



.main-header .sticky-header .mobile-nav-toggler{

	display:none;

	cursor:pointer;

	padding:34px 0px;

	color:var(--black-color);

	font-size:var(--font-30);

	font-family: "Flaticon";

}



.main-header .sticky-header .logo{

	position:relative;

	padding:0px 0px;

}



.main-header.fixed-header .sticky-header{

	z-index:999;

	opacity:1;

	visibility:visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;	

}



.main-header .main-menu .navigation > li > a{

	position:relative;

	display:block;

	text-align:center;

	line-height:30px;

	letter-spacing:0px;

	opacity:1;

	font-weight:600;

	padding:45px 0px;

	font-size:var(--font-16);

	color:var(--color-two);

	text-transform: uppercase;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: var(--font-family-DMsans);

}



.main-header .main-menu .navigation > li:last-child{

	margin-right:var(--margin-zero);

}



.main-header .main-menu .navigation > li:last-child > a{

	padding-right:0px;

}



.main-header .sticky-header .main-menu .navigation > li{

	position:relative;

}



.main-header .sticky-header .main-menu .navigation > li:last-child{

	margin-right:var(--margin-zero);

}



.main-header .main-menu .navigation > li:last-child ul{

	right:0px;

}



.main-header .main-menu .navigation > li:hover > a,

.main-header .main-menu .navigation > li.current > a{

	opacity:1;

	color:var(--main-color);

}



.main-header .main-menu .navigation > li > ul{

	position:absolute;

	width:15rem;

	-webkit-transform: scaleY(0);

	-ms-transform: scaleY(0);

	-o-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	opacity: 0;

	visibility: hidden;

    visibility: hidden;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

	border-radius:0px;

	background-color:var(--main-color);

	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);

}



.main-header .main-menu .navigation > li > ul.from-right{

	left:auto;

	right:0px;	

}



.main-header .main-menu .navigation > li > ul > li{

	position:relative;

	width:100%;

	text-align:left;

	border-bottom:1px solid rgba(255,255,255,0.10);

}



.main-header .main-menu .navigation > li > ul > li:last-child{

	border-bottom:none;

}



.main-header .main-menu .navigation > li > ul > li > a{

	position:relative;

	display:block;

	padding:12px 18px;

	line-height:24px;

	font-weight:600;

	font-size:var(--font-15);

	text-transform:uppercase;

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: var(--font-family-DMsans);

}



.main-header .main-menu .navigation > li > ul > li > a:before{

	position:absolute;

	content:'//';

	left:10px;

	top:11px;

	opacity:0;

	font-weight:700;

	font-size:var(--font-12);

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .main-menu .navigation > li > ul > li:hover > a::before{

	opacity:1;

	color:var(--main-color);

}



.main-header .sticky-header .main-menu .navigation > li > a:before{

	

}



.main-header .main-menu .navigation > li > ul > li:hover > a{

	padding-left:30px;

	color:var(--main-color);

	background-color:var(--white-color);

}



.main-header .main-menu .navigation > li > ul > li.dropdown > a:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position:absolute;

	right:15px;

	top:13px;

	width:10px;

	height:20px;

	display:block;

	color:var(--white-color);

	line-height:20px;

	font-size:var(--font-16);

	font-weight:normal;

	text-align:center;

	z-index:5;	

}



.main-header .main-menu .navigation > li > ul > li > ul{

	position:absolute;

	right:100%;

	top:0px;

	width:15rem;

	-webkit-transform: scaleY(0);

	-ms-transform: scaleY(0);

	-o-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	opacity: 0;

	visibility: hidden;

    visibility: hidden;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

	border-radius:0px;

	background-color:var(--main-color);

	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);

}



.main-header .main-menu .navigation > li > ul > li > ul.from-right{

	left:auto;

	right:0px;	

}



.main-header .main-menu .navigation > li > ul > li > ul > li{

	position:relative;

	width:100%;

	text-align:left;

	border-bottom:1px solid rgba(255,255,255,0.10);

}



.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{

	border-bottom:none;	

}



.main-header .main-menu .navigation > li > ul > li > ul > li > a{

	position:relative;

	display:block;

	padding:12px 18px;

	line-height:24px;

	font-weight:600;

	font-size:var(--font-15);

	text-transform:uppercase;

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: var(--font-family-DMsans);

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{

	color:var(--main-color);

	background-color:var(--white-color);

}



.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{

	position:absolute;

	content:'//';

	left:10px;

	top:11px;

	opacity:0;

	font-weight:700;

	font-size:var(--font-12);

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a::before{

	opacity:1;

	color:var(--main-color);

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{

	padding-left:30px;

	color:var(--main-color);

	background-color:var(--white-color);

}



.main-header .main-menu .navigation > li.dropdown:hover > ul{

	-webkit-transform: scaleY(1);

	-ms-transform: scaleY(1);

	-o-transform: scaleY(1);

	transform: scaleY(1);

	opacity: 1;

	visibility: visible;

}



.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul{

	-webkit-transform: scaleY(1);

	-ms-transform: scaleY(1);

	-o-transform: scaleY(1);

	transform: scaleY(1);

	opacity: 1;

	visibility: visible;

}



.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

	position:absolute;

	right:10px;

	top:6px;

	width:30px;

	height:30px;

	text-align:center;

	color:var(--white-color);

	line-height:28px;

	border:1px solid var(--white-color-opicity-two);

	background-size:20px;

	cursor:pointer;

	z-index:5;

	display:none;

}



.main-menu .navigation > li > ul > li.updates{

	padding:12px 15px;

	color:#ffffff;

	left:0px;

	right:0px;

	width:auto;

	font-weight:600;

	font-size:var(--font-16);

	background-color:var(--main-color);

}



/*** 



====================================================================

	Mobile Menu

====================================================================



***/



.main-header .nav-outer .mobile-nav-toggler{

	position: relative;

	float: right;

	padding:2px 0 0px;

	font-size: var(--font-30);

	line-height: 44px;

	cursor: pointer;

	color:var(--black-color);

	display: none;

	font-family: "Flaticon";

}



.mobile-menu{

	position: fixed;

	left: 0;

	top: 0;

	width: 300px;

	padding-right:30px;

	max-width:100%;

	height: 100%;

	visibility: hidden;

	z-index: 999999;

}



.mobile-menu .nav-logo{

	position:relative;

	text-align:center;

	padding:40px 20px 15px;

}



.mobile-menu .nav-logo img{

	max-width:200px;

}



.mobile-menu-visible{

	overflow: hidden;

}



.mobile-menu-visible .mobile-menu{

	visibility: visible;

}



.mobile-menu .menu-backdrop{

	position: fixed;

	right: 0;

	top: 0;

	width: 0%;

	height: 100%;

	z-index: 1;

	background: rgba(0,0,0,0.90);

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.mobile-menu-visible .mobile-menu .menu-backdrop{

	opacity: 1;

	width:100%;

	visibility: visible;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

	



}



.mobile-menu .menu-box{

	position: absolute;

	left: -400px;

	top: 0px;

	width: 100%;

	height: 100%;

	max-height: 100%;

	overflow-y: auto;

	background: var(--color-two);

	padding: 0px 0px;

	z-index: 5;

	border-radius: 0px;

	

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.mobile-menu-visible .mobile-menu .menu-box{

	left:0px;

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.mobile-menu .close-btn{

	position: absolute;

	right: 15px;

	top: 15px;

	line-height: 30px;

	width: 30px;

	text-align: center;

	font-size: 14px;

	color: #202020;

	cursor: pointer;

	z-index: 10;

	-webkit-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

	-o-transition:all 0.5s ease;

	transition:all 0.5s ease;

	-webkit-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	transform: translateY(-50px);

}



.mobile-menu-visible .mobile-menu .close-btn{

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.mobile-menu .close-btn:hover{

	opacity: 0.50;

}



.mobile-menu .navigation{

	position: relative;

	display: block;

	width:100%;

}



.mobile-menu .navigation li{

	position: relative;

	display: block;

	margin-bottom:var(--margin-bottom-5);

}



.mobile-menu .navigation li > ul > li:last-child{

	border-bottom: none;

}



.mobile-menu .navigation li > ul > li:first-child{

	border-top: 1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li:hover > a,

.mobile-menu .navigation li.current > a{

	color:#111111;

}



.mobile-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	right:0px;

	top:0px;

	width:44px;

	height:44px;

	text-align:center;

	font-size:16px;

	line-height:44px;

	cursor:pointer;

	opacity:0.60;

	z-index:5;

	color:var(--white-color);

}



.mobile-menu .navigation li.dropdown .dropdown-btn:after{

	content:'';

	position:absolute;

	left:0px;

	top:10px;

	width:1px;

	height:24px;

	background-color:var(--white-color);

}



.mobile-menu .navigation li > ul,

.mobile-menu .navigation li > ul > li > ul{

	display: none;

	padding-left:var(--padding-left-15);

}



.mobile-menu .navigation li > ul > li,

.mobile-menu .navigation li > ul > li > ul > li{

	margin-bottom:var(--margin-zero);

}



.mobile-menu .navigation li > ul > li >  a,

.mobile-menu .navigation li > ul > li > ul > li > a{

	padding:7px 20px !important;

	font-size:var(--font-14) !important;

}



.mobile-menu .navigation li > ul > li > a{

	

}



.mobile-menu .navigation li > ul > li > ul{

	padding-left:15px;

}



.mobile-menu .navigation li > ul > li > ul > li > a{

	padding-left:40px;

}



.main-header .mobile-menu .close-btn:hover{

	opacity: 0.50;

}



.main-header .mobile-menu .navigation li > ul > li:last-child{

	border-bottom: none;

}



.main-header .mobile-menu .navigation li > ul > li:first-child{

	/* border-top: 1px solid #dddddd; */

}



.main-header .mobile-menu .navigation li > a{

	position: relative;

	display: block;

	font-weight:600;

	line-height: 24px;

	padding: 10px 20px;

	font-size: var(--font-16);

	color: var(--white-color);

	text-transform: uppercase;

	font-family: var(--font-family-Jost);

}



.main-header .mobile-menu .navigation li:hover > a,

.main-header .mobile-menu .navigation li.current > a{

	color: var(--white-color);

}



.main-header .sticky-header .navbar-header{

	display:none;

}



.main-header .outer-box{

	position: absolute;

	right:0px;

	top:0px;

	float:right;

}



/* Search Box Outer */



.main-header .search-box-outer{

	position: relative;

    width: 120px;

    height: 120px;

	float:left;

    cursor: pointer;

    line-height: 120px;

    text-align: center;

    color: var(--color-two);

    font-size: var(--font-22);

    background-color: var(--white-color);

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    font-family: "Flaticon";

	border-left:1px solid var(--color-nine);

	border-right:1px solid var(--color-nine);

}



.main-header .outer-box .nav-btn{

	position:relative;

	width:120px;

	height:120px;

	float:left;

	cursor:pointer;

	line-height:120px;

	text-align:center;

	color:var(--color-two);

	font-size:var(--font-30);

	background-color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: "Flaticon";

}



.main-header .outer-box .nav-btn:hover{

	background-color:var(--main-color);

	color:var(--white-color);

}



.main-header.fixed-header .sticky-header .main-menu .navigation > li > a{

	padding:22px 0px;

}



.main-header .button-box{

	position:relative;

	float:left;

	margin-top:-17px;

	margin-left:var(--margin-left-30);

}



/*** 



====================================================================

	Search Popup

====================================================================



***/





.search-popup{

	position: fixed;

	left: 0;

	top: 0;

	height: 100vh;

	width: 100%;

	z-index: 99999;

	margin-top: -540px;

	transform: translateY(-100%);

    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}



.search-popup .color-layer{

	position: absolute;

	content:'';

	left: 0;

	top: 0;

	height: 100vh;

	width: 100%;

	background-color: rgba(0,0,0,0.90);

    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}



.sidenav-bar-visible .search-popup{

	width: 80%;

}



.search-popup:after{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	height: 560px;

	background-image: url(../images/icons/waves-shape.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	margin-top: 0px;

	content: "";

}



.search-active .search-popup{

	transform: translateY(0%);

	margin-top:var(--margin-zero);

}



.search-popup .close-search{

	position: absolute;

	left: 0;

	right: 0;

	top: 75%;

	margin: 0 auto;

	margin-top: -200px;

	border-radius: 50%;

	text-align: center;

	background-color:var(--main-color);

	width: 70px;

	cursor:pointer;

	border-bottom: 3px solid var(--white-color);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

	opacity: 0;

	visibility: hidden;

}



.search-popup .close-search span{

	position: relative;

	display: block;

	height: 70px;

	width: 70px;

	font-size:var(--font-30);

	line-height: 70px;

	color: var(--white-color);

}



.search-active .search-popup .close-search{

	visibility: visible;

	opacity: 1;

	top: 50%;

	-webkit-transition-delay: 1500ms;

	-moz-transition-delay: 1500ms;

	-ms-transition-delay: 1500ms;

	-o-transition-delay: 1500ms;

	transition-delay: 1500ms;

}



.search-popup form{

	position: absolute;

	max-width: 700px;

	top: 50%;

	left: 15px;

	right: 15px;

	z-index:999;

	margin:-35px auto 0;

	transform: scaleX(0);

	transform-origin: center;

	background-color: var(--dark-color);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.search-active .search-popup form{

	transform: scaleX(1);

	-webkit-transition-delay: 1200ms;

	-moz-transition-delay: 1200ms;

	-ms-transition-delay: 1200ms;

	-o-transition-delay: 1200ms;

	transition-delay: 1200ms;

}



.search-popup .form-group{

	position:relative;

	margin:var(--margin-zero);

	overflow: hidden;

}



.search-popup .form-group input[type="text"],

.search-popup .form-group input[type="search"]{

	position:relative;

	display:block;

	font-size:var(--font-18);

	line-height: 50px;

	color:var(--black-color);

	height:70px;

	width:100%;

	padding: 10px 30px;

	background-color: var(--white-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

	font-weight:500;

	text-transform:capitalize;

}



.search-popup .form-group input[type="submit"],

.search-popup .form-group button{

	position:absolute;

	right:30px;

	top:0px;

	height:70px;

	line-height: 70px;

	background: transparent;

	text-align:center;

	font-size:var(--font-24);

	color:var(--black-color);

	padding: 0;

	cursor:pointer;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.search-popup .form-group input[type="submit"]:hover,

.search-popup .form-group button:hover{

	color: var(--black-color);

}



.search-popup input::placeholder,

.search-popup textarea::placeholder{

	color: var(--black-color);

}



.search-popup .close-search.style-two{

	position: absolute;

	right: 25px;

	left: auto;

	color: var(--white-color);

	width:auto;

	height:auto;

	top:25px;

	margin:0px;

	border:none;

	background:none !important;

	box-shadow:none !important;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.search-popup .close-search.style-two span{

	font-size:var(--font-20);

	color: var(--white-color);

}



.main-header .mobile-menu .menu-box .mCSB_scrollTools{

	width:3px;

}



/* Header Style Two */



.header-style-two{

	position:absolute;

	top:0px;

	left:0px;

	right:0px;

	background:none;

}



.header-style-two .header-lower .auto-container{

	max-width:1500px;

}



.header-style-two .header-lower .inner-container{

	position:relative;

}



.header-style-two .logo-box{

	left:0px;

	background:none;

	padding:25px 0px;

}



.header-style-two .header-lower .nav-outer{

	float:right;

	padding-right: 150px;

}



.header-style-two .header-lower .main-menu .navigation{

	left:0px;

}



/* Header Style Three */



.header-style-three{

	position:relative;

	border-bottom:1px solid var(--color-nine);

	background-color:var(--white-color);

}



.header-style-three .logo-box{

	position:relative;

	left:0px;

	padding:25px 0px;

}



.main-header.header-style-three .main-menu .navigation{

	left:-110px;

}



.header-style-three .header-lower .auto-container{

	max-width:1550px;

}



.main-header.header-style-three .main-menu .navigation > li > a:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	right:0px;

	height:3px;

	opacity:0; 

	transform:scale(0.3,1);

	background-color:var(--main-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.main-header.header-style-three .main-menu .navigation > li:hover > a:before,

.main-header.header-style-three .main-menu .navigation > li.current > a:before{

	opacity:1;

	transform:scale(1,1);

}



/* Header Style Four */



.header-style-four .sticky-header{

	display:none;

}



.header-style-four .header-lower{

	display:none;

}



.sidebar-menu-page .mobile-menu{

	visibility:visible;

}



.sidebar-menu-page .mobile-menu .menu-box{

	left:0px;

}



.sidebar-menu-page .mobile-menu #navbarSupportedContent{

	display:block;

}



/* Header Style Five */



.header-style-five{

	background-color:var(--white-color);

}



.header-style-five .header-lower .auto-container{

	position:relative;

	max-width:1700px;

}



.main-header.header-style-five .header-lower .nav-outer{

	float:right;

}



.main-header.header-style-five .header-lower .main-menu .navigation{

	left:0px;

}



.header-style-five .logo-box{

	position:absolute;

	left:0px;

	padding:25px 30px 25px 15px;

}



.header-style-five .header-lower .main-menu{

	float:left;

	width:auto;

}



.header-style-five .outer-box{

	position:relative;

	float:right;

	right:-15px;

	margin-left:var(--margin-left-120);

}



.header-style-five .logo-box:before{

	position:absolute;

	content:'';

	left:100%;

	top:0px;

	bottom:0px;

	width:300px;

	background-color:var(--main-color);

}



/* Header Style Six */



.header-style-six{

	position:relative;

	border-bottom:1px solid var(--color-nine);

	background-color:var(--white-color);

}



.header-style-six .logo-box{

	position:relative;

	left:0px;

	padding-left:0px;

}



.main-header.header-style-six .main-menu .navigation{

	left:-110px;

}



.header-style-six .header-lower .auto-container{

	max-width:1550px;

}



.main-header.header-style-six .main-menu .navigation > li > a:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	right:0px;

	height:3px;

	opacity:0; 

	transform:scale(0.3,1);

	background-color:var(--main-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.main-header.header-style-six .main-menu .navigation > li:hover > a:before,

.main-header.header-style-six .main-menu .navigation > li.current > a:before{

	opacity:1;

	transform:scale(1,1);

}



.main-header.header-style-six .main-menu .navigation > li > a:after{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	opacity:0; 

	margin-left:-5px;

	border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-bottom: 10px solid var(--main-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.main-header.header-style-six .main-menu .navigation > li:hover > a:after,

.main-header.header-style-six .main-menu .navigation > li.current > a:after{

	opacity:1;

	transform:scale(1,1);

}



/* Header Style Seven */



.header-style-seven{

	position:relative;

	background-color:var(--white-color);

}



.header-style-seven .header-lower .auto-container{

	max-width:1800px;

}



.header-style-seven .main-menu{

	width:auto;

}



.header-style-seven .logo-box{

	position:relative;

	left:0px;

	padding-left:var(--padding-zero);

}



.header-style-seven .outer-box{

	position:relative;

}



.header-style-seven .main-menu .navbar-collapse{

	display:inline-block !important;

}



.header-style-seven .header-lower .main-menu .navigation{

	left:0px;

}



.header-style-seven .button-box{

	margin-top:var(--margin-zero);

}



/*** 



====================================================================

	Hidden Sidebar style

====================================================================



***/



.sidebar-info-contents{

	position:relative;

}



.sidebar-info-contents .content-inner{

	position:relative;

}



.sidebar-info-contents .content-inner .logo {

	padding-bottom:var(--padding-bottom-20);

}



.sidebar-info-contents .content-inner .logo img{

	display:inline-block;

	max-width:100%;	

}



.sidebar-info-contents .content-inner .content-box{

	position:relative;

}



.sidebar-info-contents .content-inner h5{

	color:var(--white-color);

	margin-bottom:var(--margin-top-20);

}



.sidebar-info-contents .content-inner .content-box .text{

	color:var(--white-color);

	margin-bottom:var(--margin-top-25);

}



.sidebar-info-contents .content-inner .contact-info{

	position:relative;

	margin-top:var(--margin-top-60);

}



.sidebar-info-contents .content-inner .social-box{

	position:relative;

	margin-top:var(--margin-top-20);

	margin-bottom:var(--margin-top-30);

}



.sidebar-info-contents .content-inner .social-box li{

	position:relative;

	display:inline-block;

	margin-right:var(--margin-right-5);

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.sidebar-info-contents .content-inner .social-box li a{

	position:relative;

	width:36px;

	height:36px;

	color:var(--main-color-two);

	z-index:1;

	font-size:var(--font-14);

	line-height:36px;

	text-align:center;

	border-radius:50%;

	display:inline-block;

	background-color:var(--white-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.sidebar-info-contents .content-inner .social-box li a:hover{

	color:var(--white-color);

	background-color:var(--main-color);

}



.close-side-widget,

.close-side-widget:hover{

	color:var(--white-color) !important;

	font-size:var(--font-24);

}