:root{
	--main-head-color: #1b1b1b;
	--main-head-color-hover: #6BD1F4;
	--main-head-bg: #fff;
	--main-head-submenu-bg: #EAEFF6;
}  
body h1, body h2, body h3, body h4, body h5, body h6, body span{
	padding: 0px;
	margin: 0px;
}
footer#colophon{
	float:left;
	width:100%;
}
/* Header */
/* .site-header{
position: relative;
z-index: 9999;
}

.header-content{
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} */

/* Fixed menu  */

.site-header{
	position: fixed;
	z-index: 9999;
	width: 100%;
	background: #fff;
}
.header-content{
	float: left;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
/* Fixed menu ENd */

#site-navigation{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 35px 0 auto;
	background-color: var(--main-head-bg);
	border: unset;
}
#md-collapse-menu{
	padding: 0;
	border:none;
}
#primary-menu{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
#primary-menu > li:not(:first-child){
	margin-left: 29px;
}
#primary-menu .menu-item a{
	color:  var(--main-head-color);
	font-weight: 400;
	padding: 20px 0;
}
#primary-menu li.menu-item-has-children a{
	margin-right: 18px;
}
#primary-menu li.menu-item-has-children a{
	position: relative;
	letter-spacing: 0.5px;
}
#primary-menu .menu-item-has-children > a:before{
	content:url(../images/icons/chevron-down.svg);
	position: absolute;
	right: -20px;
	top: 9.5px;
	font-size: 24px;
}
#primary-menu  li .menu-item-has-children > a:before{
	right: 16px;
	top: -6.5px;
}
#primary-menu  li ul li ul{
	width: 200px;
}
#primary-menu .menu-item a:hover{
	color: var(--main-head-color-hover);
}
#primary-menu li.menu-item-has-children:hover > .sub-menu{
	visibility: visible;
	opacity: 1;
}  
.menu-item-has-children .sub-menu{
	position: absolute;
	top: 50px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color: var(--main-head-submenu-bg);
	border: #ececec solid 1px;
	list-style: unset;
	padding: 10px 0;
	z-index: 999;
	margin:0;
}
#primary-menu .menu-item-has-children .sub-menu a{
	display: block;
	padding: 0 10px;
	margin: 0;
	margin-bottom: 10px;
}
#primary-menu .menu-item-has-children .sub-menu li:last-of-type a{
	margin-bottom: 0;
}
/* Popup End */
@media screen and (min-width:  1336px ) {
	#primary-menu .menu-item-has-children > a:before{
		width: 16px;
		height: 16px;
		top: 11px;
	}
	#primary-menu .menu-item a{
		font-size: 17px;
	}
}
@media screen and (max-width:  1336px ) {
	#primary-menu .menu-item a{
		font-size: 14px;
	}
}

@media screen and (min-width:  1400px ) {
	#primary-menu .menu-item-has-children > a:before{
		width: 16px;
		height: 16px;
		top: 13px;
	}
}

@media screen and (min-width: 1400px) {
	.site-branding img{
		width: 277px;
	}
}
@media screen and (max-width: 1399px) {
	#primary-menu li.menu-item-has-children a{
		font-size: 14px;
	}
	.site-branding img{
		width: 230px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#primary-menu .menu-item a{
		font-size: 14px;
	}
	.site-branding img{
		max-width: 180px;
	}
	#site-navigation{
		margin-right: 17px;
	}
	#primary-menu > li:not(:first-child){
		margin-left: 20px;
	}
}  

@media screen and (min-width: 992px) {
	.menu-item-has-children .sub-menu .sub-menu{
		top: 13px;
		left: 99%;
	}

	#primary-menu li ul li{
		position:relative;
	}
	.site-branding img{
		padding-left: 10px;
		margin-bottom: 5px;
	}
	span.menu-chevron{
		display: none;
	}
} 
@media screen and (max-width: 991px) {
	.site-header{
		position: fixed;
		-webkit-box-shadow: 8px 12px 21px 0px rgba(0, 1, 1, 0.08);
		box-shadow: 8px 12px 21px 0px rgba(0, 1, 1, 0.08); 
		float:left;
		width:100%;
		background: #fff;
	}
	.header-content{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
	}
	.site-branding{
		z-index: 2;
	}
	.site-branding img{
		max-width: 260px;
		margin: 5px 0 10px 10px
	}
	.navbar-header{
		position: absolute;
		top: 16.5px;
		right: 10px;
	}
	#site-navigation .navbar-header button{
		background-color: unset;
		border: unset;
		border-radius: unset;
		margin: 0;
	}
	#site-navigation .navbar-header button:hover, #site-navigation .navbar-header button:focus, #site-navigation .navbar-header button:active{
		background-color: unset;
	}
	.navbar-header button .icon-bar{
		background-color: var(--main-head-color);
		width: 39px;
		border-radius: unset;
	}
	.navbar-header button .icon-bar:not(:first-child){
		margin-top: 8px;
	}
	.navbar-toggle{
		display: block;
	}
	#md-collapse-menu{
		width: 100%;
	}
	.md-navigation .collapse{
		display: none!important;
	}
	.md-navigation .collapse.in{
		display: block!important;
	}
	#site-navigation{
		position: static;
		margin: 0;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		min-height: unset;

	}
	#primary-menu{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px 0 20px 16px;
	}
	#primary-menu > li.menu-item{
		margin: 0 0 11px 0;
	}
	#primary-menu .menu-item a{
		font-size: 16px;
		padding: 5px 0;
	}
	#primary-menu .menu-chevron{
		position: absolute;
		top: -2px;
		font-size: 15px;
		right: 23px;
	}
	#primary-menu .menu-item-has-children{
		position: relative;
	}
	#primary-menu .menu-item-has-children a:before{
		content: unset;
	}
	#primary-menu .menu-item-has-children .sub-menu{
		display: none;
		visibility: visible;
		opacity: 1;
		-webkit-transition: unset;
		-o-transition: unset;
		transition: unset;
		position: static;
		border: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
		background-color: #f4f4f4;
		margin: 5px 0 5px 0px;
	}
	#primary-menu li.menu-item-has-children a{
		font-size: 15px;
	}
}
@media screen and (max-width: 400px) {
	.site-branding img{
		max-width: 200px;
	}
	.navbar-header{
		top: 14px;
	}
}
@media screen and (min-width: 991px)  and (max-width: 1017px) {
	#primary-menu .menu-item-has-children .sub-menu .menu-chevron{
		position: absolute;
		top: 0;
		right: 5px;
	}
}
@media screen and (min-width: 991px)  and (max-width: 1200px) {
	#primary-menu li ul li ul li ul li ul{
		top: 28px;
		left: 15%;
	}
}
.site-footer{
	display:block!important;
}