@media(max-width:1199px){
	body{
		/*padding-bottom: 38px;*/
	}
	
	.wrapper{
		position: relative;
		width: 100vw;
		max-width: 100%;
	}
	
	#top-bar{
		display : none;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0;
		z-index: 1070;
	}
	
	.header{
		position : relative;
		height: 60px;
		background-color: #fff;
		border-bottom: 1px solid var(--secondary);
		padding: 5px 10px;
		z-index : 300;
	}
	
	.mobile-logo-link{
		display : block;
		height : 100%;
		/*padding : 5px 10px;*/
		margin-right: 80px;
		/*overflow-x: hidden;*/
	}	
	
	.mobile-logo{
		height: 100%;
		width: 100%;
		object-fit: contain;
		object-position: left center;
	}
	
	.top-nav ul{
		display: flex;
	}
	
	.top-nav-item{
		flex: 0 0 33.3333%;
		min-width: 33.3333%;
	}
	
	.top-nav-item a{
		display: block;
		text-align: center;
		border: 1px solid transparent;
		padding: .375rem .75rem;
		font-size: 1rem;
		line-height: 1.5;
		background-color: var(--secondary);
		color: #fff!important;
	}
	
	.top-nav-item:not(:last-child){
		border-right: 1px solid #fff;
	}
	

	#nav_button{
		position: fixed;
		top: 10px;
		right: 10px;
		display: inline-block;
		width: 40px;
		height: 40px;
		padding: 0;
		transform: rotate(0deg);
		transition: .3s ease-in-out;
		cursor: pointer;
		z-index: 2200;
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
		overflow: hidden;
	}
	
	#nav_button.open{
		color: #fff;
		box-shadow: 0 0 0 rgba(0,0,0,0);
		background-color: rgba(0,0,0,0);
		transition: .3s;
	}
	
	#nav_button span{
		display: block;
		margin: 3px auto 3px auto;
		width: 16px;
		border-bottom: 2px solid currentColor;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}

	#nav_button.open>span:nth-child(1) {
		transform-origin: center;
		transform: translateY(5px) rotate(-45deg);
		width : 15px;
	}
	
	#nav_button.open>span:nth-child(2) {
		opacity: 0;
		transform: translateX(150px);
	}
	
	#nav_button.open>span:nth-child(3) {
		transform-origin: center;
		transform: translate(1px,-5px) rotate(45deg);
		width : 15px;
	}
	
	.splash {
		position: fixed;
		top: 30px;
		right: 30px;
		width: 1px;
		height: 1px;
		z-index: 1080;
	}
	
	.splash::after {
		content: "";
		display: block;
		position: absolute;
		border-radius: 50%;
		background-color: rgba(0,0,0,.5);/*var(--primary);*/
		width: 284vmax;
		height: 284vmax;
		top: -142vmax;
		left: -142vmax;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		transition: -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
		will-change: transform;
	}
	
	#nav_header.open .splash::after {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	#top-menu{
		position: fixed;
		top: 0;
		left: 0;
		min-height:100vh;
		height: calc(var(--vh, 1vh) * 100);
		width : 310px;
		z-index: 1090;
		display: flex;
		flex-direction: column;
		transition: .3s;
		transform: translateX(-100vw);
		transform-origin: center right;
		visibility: hidden;
		opacity: 0;
		overflow-y: auto;
		overflow-x: hidden;
		/*background-color:var(--primary);*/
	}
	
	.open #top-menu{
		transition: .3s .5s;
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
	}
	
	/*.logo-ctn .custom-logo-link{
		display: none;
		text-align: center;
		padding: 10px;
		height : 70px; 
	}
	
	.logo-ctn .custom-logo-link img{
		width : 100%;
		height : 100%;
		object-fit : contain;
	}*/
	
	.logo-ctn .custom-logo-link,
	#top-menu .custom-logo-link.white{
		display : none;
	}
	
	#top-menu .logo img{
		width: 250px;
	}
	
	#main-menu{
		position: relative;
		flex : 1;
		display : flex;
		flex-direction : column;
		align-items : center;
	}
	
	#main-menu li{
		display: block;
		min-width : 100%;
		order:1;
		padding : 0 20px;
	}
	
	#main-menu li.search-item{
		order: 0;
		padding-top: 15px;
		padding-bottom: 5px;
		border-top: 1px solid var(--border);
		border-bottom: 1px solid var(--border);
		margin-bottom: 1.5em;
	}
	
	#main-menu .menu-link{
		position: relative;
		display: block;
		padding: 8px 0;
		/*color: #fff!important;
		font-weight: 400;
		text-align: center;*/
	}
	
	/*#main-menu .menu-item-has-children{
		padding-right : 40px;
	}*/
	
	#main-menu .menu-item-has-children>.menu-link{
		display : inline-block;
		max-width : calc(100% - 50px);
		width : calc(100% - 50px);
	}
	
	#main-menu .menu-item-has-children:after {
		content: '\f0a9';
		font-family: Font Awesome\ 5 Free;
		font-weight: 700;
		display : inline-block;
		width : 40px;
		/*transform : translateX(15px);*/
		line-height: 2.5em;
		text-align : right;
	}
	
	#main-menu>.menu-item-has-children>.sub-menu{
		position: absolute;
		top: 75px;
		left: 0;
		right: 0;
		bottom : 0;
		display: flex;
		flex-direction: column;
		padding-top: 10px;
		transform: translateX(100vw);
		z-index: 1090;
		transition: .5s;
	}
	
	#main-menu>.menu-item-has-children.open>.sub-menu{
		transform: translateX(0);
		transition: .5s;
	}
	
	#main-menu>.menu-item-has-children>.sub-menu:after{
		content: '\f0a8';
		display: block;
		text-align: center;
		font-family: Font Awesome\ 5 Free, Arial, sans-serif;
		font-family: Font Awesome\ 5 Free;
		font-weight: 700;
		font-size: 1.5rem;
		color: currentColor;
		text-rendering: auto;
	}
	
	/*#main-menu .menu-cta{
		text-align: center;
		padding: 10px 0;
	}
	
	#main-menu .btn-outline-secondary {
		color: #fff!important;
		border-color: #fff;
		background-color: transparent;
		font-size: 1.3rem;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	#main-menu .btn-outline-secondary:hover {
		color: var(--secondary)!important;
		border-color: var(--secondary);
		background-color: transparent;
	}*/
	
	
	
	#menu-search-form{
		position : relative;
		margin-bottom : 1rem;
	}
	
	#menu-search-form .form-control{
		border : none;
		border-bottom : 2px solid currentColor;
		background-color : transparent;
		border-radius : 0!important;
	}
	
	#menu-search-form .form-control::placeholder{
		color : currentColor;
		text-align : left!important;
	}
	
	#menu-search-form .btn-search{
		color: currentColor;
		font-size: 1.2em;
		line-height: 2;
		padding: 0 10px;
	}
	
	.search-btn{
		display : none;
	}
	
	/*.cta-item{
		text-align : center;
		margin-bottom : 15px;
	}
	
	.cta-item .btn-outline-primary{
		color : #fff!important;
		background-color : var(--primary);
	}*/
	
	#menu-sidebar{
		display : none;
	}
}


@media(min-width:1200px){
	.wrapper{
		min-height : 100vh;
	}
	
	.admin-bar .wrapper{
		min-height : calc(100vh - 32px);
	}
	
	.header{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
		background: #fff;
		z-index: 1080;
		transition : .2s;
	}
	
	.header.sticky{
		position: fixed;
		transform : translateY(-100%);
		animation: .3s .3s slidein forwards;
		transition : 0s;
	}
	
	.admin-bar .header{
		top: 32px;
	}

	.btn-nav, .splash, .mobile-logo-link{
		display : none;
	}

	#top-bar{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		height: auto;
		transform: translateY(0);
		transition: transform .3s;
	}

	.header.sticky #top-bar{
		opacity: 0;
		height: 0;
		transform: translateY(-100%);
	}

	.top-nav .top-nav-item{
		display: inline-block;
	}

	.top-nav .top-nav-item>a{
		display: inline-block;
		padding: 5px 10px;
		font-size : 14px;
		line-height : 1;
		color: #aaa;
	}

	.top-nav .top-nav-item>a:hover{
		color: var(--primary)!important;
	}

	.top-bar-menu .top-nav-item>a i{
		color: var(--primary);
	}

	#top-menu{
		position: relative;
	}

	#top-menu{
		height: auto;
		transition: .3s;
	}

	.logo-ctn .custom-logo-link{
		display: block;
		height: 80px;
		max-height : 80px;
		max-width: 350px;
		padding : 5px 20px 5px 0;
		transition: .3s;
	}
	
	/*.home #top-menu .custom-logo-link{
		height: 90px;
		max-height : 90px;
		padding : 5px;
	}*/

	.logo-ctn .custom-logo-link img{
		height: 100%;
		width: 100%;
		object-fit : contain;
		object-position : left center;
		transition: .3s;
	}

	
	.sticky #top-menu{
		transition: .3s;
	}

	#main-menu{
		position : relative;
		line-height: 0;
		/*display: flex;
		align-items : center;*/
	}
	
	/*#main-menu:after {
		content: '';
		width: 100%;
		display: inline-block;
	}*/

	#main-menu li.depth-0{
		display : inline-block;
		line-height: 1;
		white-space: nowrap;
	}
	
	.menu-link{
		user-select : none;
	}
	
	#main-menu .depth-0>.menu-link{
		display : block;
		padding: 10px 10px;
		/*font-size: 16px;
		font-weight: 400;
		color: var(--body);*/
	}

	#main-menu .menu-link:hover,
	#main-menu .current-menu-item>.menu-link{
		/*color: var(--primary)!important;*/
		opacity : .7;
	}
	
	
	#main-menu>.menu-item-has-children{
		position: relative;
	}
	
	#main-menu>.menu-item-has-children>.sub-menu:before {
		content: "";
		position: absolute;
		top: -25px;
		left: 0;
		height: 45px;
		width: 100%;
	}
	
	#main-menu>.menu-item-has-children:not(.plus)>.menu-link:after {
		content: '\f078';
		font-family: Font Awesome\ 5 Free;
		font-weight: 700;
		font-size: .6em;
		margin-left: .5rem;
	}

	#main-menu>.menu-item-has-children>.sub-menu{
		position: absolute;
		top: calc(100% + 20px);
		left: 0;
		width: 250px;
		box-shadow: 0 10px 30px 0 rgba(99,84,155,.2);
		transform: translateY(150px);
		visibility: hidden;
		opacity: 0;
		transition: .3s;
		padding: 20px 15px;
		border-top: 4px solid var(--secondary);
		background-color: #fff;
		pointer-events: none;
		z-index : 1;
	}
	
	#main-menu>li:nth-last-child(2)>.sub-menu{
		left : inherit;
		right : -50px;
	}

	#main-menu>.menu-item-has-children:hover>.sub-menu{
		transform: translateY(0);
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	#main-menu .depth-1,
	#main-menu .depth-2{
		display: block;
		position : relative;
		
	}

	#main-menu .depth-1 .menu-link{
		position : relative;
		display: block;
		padding: 5px 20px;
		font-size : .9em;
		text-align : left;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	#main-menu .depth-1.menu-item-has-children>.menu-link:after{
		content: '\f054';
		display:inline-block;
		float : right;
		font-family: Font Awesome\ 5 Free;
		font-weight: 700;
		transform: scale(.6);
		text-align : right;
		margin-left: auto;
	}
	
	#main-menu .depth-1 .menu-link:hover{
		background-color : var(--secondary);
		color : #fff;
	}
	
	#main-menu .depth-1.menu-item-has-children{
		position : relative;
	}
	
	#main-menu .depth-1.menu-item-has-children>.sub-menu{
		position: absolute;
		top: 0;
		left: 100%;
		width: 250px;
		box-shadow: 0 10px 30px 0 rgba(99,84,155,.2);
		transform: translate(150px);
		visibility: hidden;
		opacity: 0;
		transition: .3s;
		padding: 20px 15px;
		border-top: 4px solid var(--secondary);
		background-color: #fff;
		pointer-events: none;
	}
	
	#main-menu .depth-1.menu-item-has-children:hover>.sub-menu{
		position: absolute;
		transform: translate(0);
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}
	
	/*
	*	Search
	*/
	.search-btn{
		position: relative;
		padding : .5rem;
		min-width : 50px;
		color: inherit;
		z-index : 1000;
	}
	
	.search-item{
		text-align : right;
	}
	
	.show-search{
		position : absolute;
		display : flex;
		align-items : center;
		top : 0;
		right : 0;
		bottom : 0;
		width: 500px;
		max-width: 100%;
		background-color : transparent;
		overflow : hidden;
		transform : scale(0,1);
		transform-origin : right center;
		transition : .3s;
		border-bottom : 3px solid var(--primary);
	}
	
	.search-item.open .show-search{
		transform : scale(1,1);
		transition : .5s;
	}
	
	.show-search label{
		flex : 0 0 100%;
		min-width : 100%;
	}
	
	.show-search .form-control,
	.show-search .form-control:focus,
	.show-search .form-control:active,
	.show-search .form-control:hover{
		padding-right : 50px;
		border : none;
		background-color : transparent;
		color : currentColor;
	}
	
	.show-search .form-control:focus{
		box-shadow: none;
	}
	
	.show-search .btn-search{
		display : none;
	}
	
	.cta-item{
		position : relative;
		padding-left : .5rem;
		background-color : #fff;
		z-index : 1000;
	}
	
	/*
	*	Home Menu
	*/
	.fixed #top-bar{
		background-color: transparent;
		overflow-x : hidden;
	}
	
	.fixed.header .custom-logo-link:not(.white){
		display : none!important;
	}
	
	.fixed.header.sticky .custom-logo-link{
		display : block!important;
	}
	
	.fixed.header.sticky .custom-logo-link.white{
		display : none!important;
	}

	.fixed.header:not(.sticky){
		background: linear-gradient(to bottom, rgba(0,0,0,.5) 50%, rgba(0,0,0,0));
		box-shadow: none;
		transition : 0s;
	}

	.fixed.header:not(.sticky) .top-nav-item>a,
	.fixed.header:not(.sticky) #main-menu .depth-0>.menu-link,
	.fixed.header:not(.sticky) #main-menu #open-search{
		color: #fff!important;
	}

	/*.fixed.header:not(.sticky) .top-nav-item>a:hover,
	.fixed.header:not(.sticky) #main-menu .depth-0>.menu-link:hover{
		color: var(--secondary)!important;
	}*/
	
	.fixed.header:not(.sticky) .btn-link {
		color: #fff;
	}
	
	.fixed.header:not(.sticky) .show-search{
		background-color : rgba(255,255,255,0);
	}
	
	.fixed.header:not(.sticky)  .show-search .form-control{
		color : #fff;
	}
	
	.fixed.header:not(.sticky) .show-search label{
		border-bottom : 3px solid #fff;
	}
	
	.fixed.header:not(.sticky) .show-search .form-control::placeholder{
		color : rgba(255,255,255,.7);
	}
	
	.menu-item{
		transform : scale(1, 1);
		transform-origin : left center;
		transition : .2s .2s ;
	}
	
	.menu-item.hide{
		transform : scale(0, 1);
		transition : .2s;
	}
	
	
	/*
	*	Menu 1
	*/
	.header-1 #main-menu{
		flex-grow :1;
	}
	
	.header-1.sticky .custom-logo-link{
		height: 60px!important;
		max-height: 60px!important;
	}
	
	.header-1+*{
		margin-top: 80px 
	}
	
	.header-1 #nav_header{
		/*max-width: 1140px;
		margin : auto;*/
		display: flex;
	}
	
	.header-1 #top-menu{
		display: flex;
		align-items: center;
		flex-grow : 1;
	}
	
	.header-1.fixed+.pt-5{
		margin-top: 0px!important; 
		padding-top: calc(80px + 3rem)!important;
	}
	
	.header-1.fixed+.hero,
	.header-1.fixed+.hero-slider .slider-item{
		margin-top:0px!important; 
		padding-top:calc(80px + 3rem)!important;
	}
	
	/*
	*	header-2
	*/
	
	/*.header-2 #top-menu{
		display : flex;
		flex-direction: column;
	}*/
	
	
	.header-2 #main-menu{
		/*max-width : 1150px;
		margin : auto;*/
		width : 100%;
	}
	
	.header-2 #main-menu:after{
		content: "";
		width: 100%;
		display: inline-block;
	}
	
	.header-2 .logo-ctn{
		display : flex;
		justify-content : center;
	}
	
	.header-2 .custom-logo-link{
		transition : 0s;
	}
	
	.header-2 .custom-logo-link img{
		object-position : center center;
	}
	
	.header-2.sticky .custom-logo-link{
		max-height: 0px;
		padding : 0;
	}
	
	.header-2+*{
		margin-top: 120px 
	}
	
	.header-2.fixed+.pt-5{
		margin-top: 0px!important; 
		padding-top: calc(120px + 3rem)!important;
	}
	
	.header-2.fixed+.hero,
	.header-2.fixed+.hero-slider .slider-item{
		margin-top:0px!important; 
		padding-top:calc(120px + 3rem)!important;
	}
	

	/*
	*	header-3
	*/
	
	.header-3 #top-menu{
		flex-wrap : wrap;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.header-3 .logo-ctn{
		display : flex;
		flex-wrap : wrap;
		justify-content: space-between;
		/*max-width : 1140px;
		margin : auto;*/
		padding : 5px 15px
	}
	
	.header-3 #top-menu{
		display : flex;
		flex-wrap : wrap;
		justify-content: space-between;
	}
	
	.header-3 #top-menu .custom-logo-link {
		flex : 0 0 350px;
	}
	
	.header-3 #main-menu{
		flex: 1 1 100%;
		/*max-width : 1140px;
		margin : auto;*/
	}
	
	.header-3 .search-item {
		text-align: right;
		flex-grow: 1;
	}
	
	.header-3.sticky .logo-ctn{
		max-height: 0px;
		padding : 0;
		display : none;
	}
			
	
	.header-3+*{
		margin-top: 120px 
	}
	
	.header-3.fixed+ .pt-5{
		margin-top: 0px!important; 
		padding-top: calc(120px + 3rem)!important;
	}
	
	.header-3.fixed+ .hero,
	.header-3.fixed+.hero-slider .slider-item{
		margin-top:0px!important; 
		padding-top:calc(120px + 3rem)!important;
	}
	
	
	/*
	*	Menu 3
	*/
	#menu-sidebar{
		display : block;
		max-width : calc(100% - 350px);
		min-width : 728px;
		max-height: 90px;
		height : 90px;
		overflow: hidden;
		padding: 5px;
	}
	
	#menu-sidebar .widget{
		height : 90px;
		width : 728px;
	}
	
	#menu-sidebar img{
		height: 100%!important;
		width : 100%!important;
		object-fit : contain;
		object-position: right center;
	}
}

.nav-search{
	position : relative;
}
	
.nav-search .form-control{
	font-size : .8rem;
	line-height : 1;
	
}

@keyframes slidein {
  from {
    transform : translateY(-100%);
  }

  to {
    transform : translateY(0)
  }
}

/*.btn-search{
	position : absolute;
	top : 0;
	right : 0;
	border: none;
	background-color: inherit;
	line-height: 1.7rem;
	color: rgba(0,0,0,.5);
}*/