#header-nav.syncro-megamenu-placeholder {
	background-color: #000;
	border-bottom: 0px;
}

#nav {
	margin: 0 auto;
	text-align: center;
	/*border-top: #111 1px solid;*/
	max-width: 1200px;
}

ol.nav-primary {
	margin-top: 0px;
}

.nav-primary > li {
	position: static !important;
}

.nav-primary > li.level0 {
	border-right: #999 1px solid;
	display: inline-block;
	cursor: default;
}

.nav-primary > li.level0.last {
	border-right: 0px;
}

.nav-primary > li > span {
	display: none;
}

.nav-primary > li.level0.menu-active {
	background-color: #fff;
}

.nav-primary p.level0,
.nav-primary a.level0 {
	padding: 5px 12px !important;
	color: #fff;
	text-transform: uppercase;
	font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
	line-height: 36px;
}

.nav-primary > li.level0.menu-active p.level0,
.nav-primary > li.level0.menu-active a.level0 {
	color: #000;
}

.megapanel {
	display: none;
	position: absolute;
	left: 0px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    background-size: cover;
    background-position: center;
    z-index: 99999999999;
}

.megapanel-background {
	background-color: rgba(255,255,255,0.75);
}

.megapanel,
.megapanel div {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.megapanel-positioner {
    max-width: 1200px;
    width: 100%;
    display: inline-block;
}

.megapanel-row {
    display: table;
	width: 100%;
}

.megapanel-row.top {
	padding-top: 15px;
}

.megapanel-row.bottom {
	padding-bottom: 15px;
}

.megapanel-row.top img,
.megapanel-row.bottom img {
	max-width: 100%;
}

.megapanel-row.middle {
	height: 100%;
}

.megapanel-col {
    display: table-cell;
    min-height: 100%;
	vertical-align: top;
}

.megapanel-col.col1 {
	width: auto;
}

.megapanel-col.col2 {
	width: 100%;
	padding: 0px 7.5px;
}

.megapanel-col.col3 {
	width: auto;
}

.megapanel-col.no-child {
	width: 50%;
}
.col-content {
	width: 100%;
	min-height: 100%;
	display: block;
}

.col-content > p {
	display: inline-block;
	padding: 0px 7.5px;
}

.col-content img {
	display: inline-block;
    margin:0;
    vertical-align:top;
}

.col-content.left p,
.col-content.right p {
	padding: 0px 7.5px;
}

.col-content.left img,
.col-content.right img {
	width: auto;
}

.col-content.left {
	text-align: left;
}

.col-content.center {
	text-align: center;
}

.col-content.right {
	text-align: right;
}

@media (min-width: 769px) {

	.syncro-megamenu-placeholder #nav {
		display: block !important;
	}

	.megapanel.megapanel-active {
		display: block;
	}

	.megapanel-spacers {
		display: inline-block;		
	}
}

@media (max-width: 768px) {

	.megapanel {
		border: 0px;
		box-shadow: 0px;
		display: none;
		opacity: 0;
		visibility: hidden;
		background-image: none !important;
	}

	.megapanel-active {
		display: block;
		visibility: visible;
		opacity: 1;
	}

	.syncro-megamenu-placeholder {
		width: 100%;
        z-index: 999;
        display: none;
	}

	.syncro-megamenu-placeholder #nav .nav-primary {
		width: 100%;
	}

	.megapanel-spacers {
		display: none;		
	}

	.megapanel-positioner {
		width: 100%;
	}

	.syncro-megamenu-placeholder #nav .nav-primary .level0 {
		padding: 0px;
		width: 100%;
	}

	.syncro-megamenu-placeholder #nav .nav-primary li.level0 {
		border-bottom: 1px solid #fff;
	}

	.syncro-megamenu-placeholder #nav .nav-primary li.level0:hover {
		cursor: pointer;
	}

	.syncro-megamenu-placeholder #nav .nav-primary a.level0 {
		/* display: none */;
		border-bottom: 0px;
		line-height: 36px !important;
	}

	.syncro-megamenu-placeholder #nav .nav-primary a.level0:hover {
		background-color: transparent;
	}

	.syncro-megamenu-placeholder #nav .nav-primary .level0 a.no-child,
	.syncro-megamenu-placeholder #nav .nav-primary .level0 p.has-child {
		display: block;
		height: 50px;
		padding-top: 8px !important;
		color: #fff;
		text-transform: uppercase;
		text-align: left;
		font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
		background-size: 24px;
	}

	.syncro-megamenu-placeholder #nav .nav-primary .level0 p.has-child.active {
		background-image: url('/media/wysiwyg/syncroit/icons/megamenu-dropdown-active.png') !important;
	}

	.syncro-megamenu-placeholder #nav .nav-primary .level0 p.has-child {
		background-image: url('/media/wysiwyg/syncroit/icons/megamenu-dropdown.png') !important;
		background-repeat: no-repeat;
		background-position: 96% !important;
	}

	.syncro-megamenu-placeholder #nav .nav-primary .level0 a.no-child {
		background-image: url('/media/wysiwyg/syncroit/icons/megamenu-link.png') !important;
		background-repeat: no-repeat;
		background-position: 96% !important;
	}

	.megapanel-col.col2 {
		padding: 0px;
	}

	.syncro-megamenu-placeholder .megapanel .megapanel-row.middle .col2 .level1 {
		border-bottom: 0px;
	}

	.syncro-megamenu-placeholder .nav-default ol.level1 {
		width: 100% !important;
	}

	.syncro-megamenu-placeholder .nav-default ol.level1 > li > span {
		height: 100%;
		display: table;
	}

	.syncro-megamenu-placeholder .nav-default ol.level1 > li > span > p {
		display: none;
	}

	.syncro-megamenu-placeholder .nav-default ol.level1 > li > span > a {
		display: table-cell !important;
		text-transform: uppercase;
		font-weight: bold;
		color: #000;
		width: 100%;
		line-height: initial;
		padding-left: 15px;
		height: auto;
		vertical-align: middle;
	}

	.syncro-megamenu-placeholder .nav-default ol.level1 > li > span > a:hover {
		background-color: #fff;
	}

	.syncro-megamenu-placeholder .nav-default ol.level1 > li {
		padding: 0px;
		height: 50px;
	}

	.syncro-megamenu-placeholder .megapanel .megapanel-row.top,
	.syncro-megamenu-placeholder .megapanel .megapanel-row.middle .col1,
	.syncro-megamenu-placeholder .megapanel .megapanel-row.middle .col2 .level2,
	.syncro-megamenu-placeholder .megapanel .megapanel-row.middle .col3,
	.syncro-megamenu-placeholder .megapanel .megapanel-row.bottom {
		display: none;
	}

	.syncro-megamenu-placeholder .megapanel {
    	position: relative;
    	margin-bottom: 0px;
   		margin-top: 0px;
   		padding: 0px;
	}

	.syncro-megamenu-placeholder .megapanel .megapanel-row.middle .col2 .level1 {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border-bottom: 1px solid #222;
	} 
}

@media(max-width: 1199px) {

	.megapanel-spacers {
		display: none!important;
	}
}