@charset "UTF-8";
/**
 * This Software is property of ACTIVETRAFFIC is protected by
 * copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license agreement
 * will be prosecuted by civil and criminal law.
 *
 * @link        http://www.activetraffic.de
 * @projectlink	http://www.flexia.de
 * @authors     Mario Krell <mario.krell@activetraffic.de>
 * @copyright   (C) ACTIVETRAFFIC
 * @module      Flexia's Megamenu
 * @version     15.04.2019 1.0.0
 */
.container.mm-no-padding {
	padding: 0;
}

.megamenu .nav {
	width: 100%;
}

.megamenu .nav > li,
.megamenu .nav > li.dropdown {
	position: inherit;
	position: initial;
}

.megamenu .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: none;
	border-left: 0;
	border-right: 0;
}

.megamenu .dropdown-menu,
.megamenu .dropdown-menu .subcategory-list {
	width: 100%;
	border-radius: 0;
}

.mm-subcategory-wrapper {
	padding: 40px 0;
	min-height: 350px;
}

.mm-category-wrapper {
	position: relative;
	display: flex;
	height: 100%;
}

.mm-category-wrapper .mm-category-img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 0;
}

.mm-category-wrapper .mm-category-box {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	width: 30%;
}

.col-lg-4 .mm-category-wrapper .mm-category-box {
	top: 10%;
	left: 50%;
	width: 70%;
	transform: inherit;
	margin-left: -30%;
}

.col-lg-5 .mm-category-wrapper .mm-category-box {
	top: 10%;
	left: 10%;
	width: 70%;
	transform: inherit;
}

.col-lg-6 .mm-category-wrapper .mm-category-box {
	width: 60%;
}

.col-lg-8 .mm-category-wrapper .mm-category-box {
	top: 10%;
	transform: inherit;
	width: 70%;
}

.mm-title {
	font-size: 18px;
}

.mm-description {
	font-size: 14px;
}

.megamenu .dropdown-menu .subcategory-list {
	padding: 0 20px;
}

.mm_button {
	background-color: #fff;
	padding: 5px 15px;
	display: table;
	color: #000;
	position: relative;
	margin-top: 15px;
}

.mm_button:after {
	content: "";
	display: inline-block;
	border-left: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	position: absolute;
	right: -15px;
	top: 0;
}

.mm-container .mm-cat-title img {
	max-width: 150px;
}

.mm-container .more-links {
	margin-top: 10px;
	margin-left: -12px;
}

.mm-container .more-links .more-links-list {
	display: none;
	padding: 5px 12px;
}

.mm-container .more-links .more-links-list li {
	list-style-type: none;
}

#sidebar .categorytree .nav.cat-tree > li > ul.nav-stacked.special {
	margin-top: 0;
	margin-bottom: 15px;
}

#sidebar .categorytree .nav.cat-tree > li > ul.special > li > a {
	font-weight: normal;
}

#sidebar .categorytree .nav.cat-tree > li > ul.special > li > a i {
	display: inline-block;
}

nav#mainnav #navigation.nav > li > a {
	padding: 10px 15px 10px 0px;
}

nav#mainnav #navigation.nav > li:last-child > a {
	padding-right: 0;
}

@media (max-width: 991px) {
	header#header .form.search {
		margin-top: 0;
	}
	body #mainnav-mobile {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		padding: 0 15px 15px;
		z-index: 9999;
		border: none;
	}
	#mainnav-mobile .searchbar-mobile {
		display: inline-block;
		border: none;
		background: #fff;
		position: relative;
	}
	#mainnav-mobile .searchbar-mobile form {
		width: 100%;
	}
	#mainnav-mobile .searchbar-mobile form input.form-control:focus,
	#mainnav-mobile .searchbar-mobile form input.form-control:active {
		box-shadow: none;
	}
	#mainnav-mobile .searchbar-mobile form .input-group {
		height: 100%;
		width: 100%;
		position: relative;
	}
	#mainnav-mobile .searchbar-mobile form .input-group-btn {
		height: 42px;
	}
	#mainnav-mobile .searchbar-mobile form.form.search .input-group-btn button {
		background: none;
		border: none;
		height: 100%;
		width: 100%;
		padding: 0;
	}
	#mainnav-mobile .searchbar-mobile form.form.search .input-group-btn button:active {
		box-shadow: none;
	}
	#mainnav-mobile .menu-toggle:focus {
		outline: none;
	}
	#mainnav-mobile .collapse.navbar-collapse {
		display: block;
	}
	#mainnav-mobile .menu-container.expanded .menu-toggle .icon-bar:nth-child(4) {
		background: #035ca8;
		transform: rotate(-45deg);
		transform-origin: 0 50%;
		width: 20px;
		top: 28px;
		left: 16px;
		height: 3px;
		position: absolute;
	}
	#mainnav-mobile .menu-container.expanded .menu-toggle .icon-bar:nth-child(2) {
		background: #035ca8;
		transform: rotate(45deg);
		transform-origin: 0 50%;
		width: 20px;
		top: 14px;
		left: 16px;
		height: 3px;
		position: absolute;
	}
	#mainnav-mobile .searchbar-mobile input {
		display: block;
		width: 100%;
		height: 100%;
		padding: 6px 12px 6px 0px;
		font-size: 14px;
		line-height: normal;
		color: #555;
		border: none;
		position: relative;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		height: 46px;
		box-shadow: none;
	}
	#mainnav-mobile .searchbar-mobile input:focus {
		outline: none;
	}
	#mainnav-mobile .searchbar-mobile .fa.fa-search {
		position: absolute;
		top: 15px;
		font-size: 16px;
		right: 15px;
	}
	#mainnav-mobile .menu-container .fa-times {
		display: none;
	}
	#mainnav-mobile .menu-container.expanded .fa-times {
		display: flex;
		font-size: 20px;
		color: #0A246A;
	}
	#mainnav-mobile .menu-toggle {
		border: none;
		width: 100%;
		height: 100%;
		border-radius: 25px
	}
	#mainnav-mobile .menu-toggle .icon-bar {
		width: 30px;
		display: flex;
		background: #fff;
		height: 4px;
		border-radius: 1px;
	}
	#mainnav-mobile .menu-container.expanded #mobile-navigation-container-wrapper {
		opacity: 1;
		visibility: visible;
		top: 0;
		padding-top: 15px;
	}
	#mobile-navigation-container-wrapper {
		height: 100%;
		overflow: auto;
		z-index: 17;
		position: fixed;
		right: 0;
		opacity: 0;
		visibility: hidden;
		transition: all 233ms ease-in-out;
		bottom: -100%;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	#mobile-navigation-container {
		list-style: none;
		transition: all 233ms ease-in-out;
		text-align: left;
		padding-left: 0;
		margin-top: auto;
		margin-bottom: 15px;
		display: inline-block;
		float: right;
		padding-bottom: 50px;
	}
	#mobile-navigation-container li > a > .discover-text {
		display: none;
	}
	#mobile-navigation-container.open > li {
		display: none;
	}
	#mobile-navigation-container.open > li.open {
		display: block;
	}
	#mobile-navigation-container li.level-0 {
		padding: 15px 20px;
		font-size: 14px;
		font-weight: bold;
		transition: all 233ms ease-in-out;
	}
	#mobile-navigation-container li.level-0.link-all-categories {
		padding: 10px 20px 0;
	}
	#mobile-navigation-container li.level-0.has-subcategories.open > ul.subcategory-list {
		display: block;
	}
	#mobile-navigation-container li.open > a {
		font-size: 15px;
		font-weight: normal;
		padding-bottom: 10px;
		line-height: 15px;
	}
	#mobile-navigation-container li.open:not(.active) > a {
		opacity: 0.5;
	}
	#mobile-navigation-container li.open:not(.active) > a:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #fff;
		margin: 10px 0;
		opacity: 0.5;
	}
	#mobile-navigation-container li.open > a:hover,
	#mobile-navigation-container li.open > a:active, 
	#mobile-navigation-container li.open > a:focus {
		text-decoration: none;
	}
	#mobile-navigation-container li.open.active > a > .discover-text {
		display: inline;
	}
	#mobile-navigation-container li.open > a > .dash {
		display: none;
	}
	#mobile-navigation-container li.open > .subcategory-list {
		height: auto;
		opacity: 1;
		padding: 0 0 20px;
	}
	#mobile-navigation-container .subcategory-list {
		position: relative;
		width: 100%;
		text-align: left;
		margin: 0;
		border: none;
		transition: all 100ms ease-in;
		height: 0;
		overflow: hidden;
		display: block;
		opacity: 0;
		background-color: transparent;
		list-style: none;
		padding: 0;
	}
	#mobile-navigation-container .subcategory-list > li {
		font-size: 24px;
		font-weight: normal;
		padding: 10px 0;
	}
	#mobile-navigation-container .subcategory-list.open > li {
		display: none;
	}
	#mobile-navigation-container .subcategory-list.open > li.open {
		display: block;
	}
	#mobile-navigation-container .subcategory-list.open > li.open.active > ul {
		margin-top: 10px;
	}
	#mobile-navigation-container li.dropdown.open > a {
		padding-bottom: 5px;
		border-bottom: 2px solid;
		text-decoration: none;
	}
	.mm-subcategory-wrapper {
		padding: 0;
		min-height: auto;
	}
	body.menu-open #wrapper,
	body.menu-open #footer,
	body.menu-open #jumptotop {
		filter: blur(1px);
		opacity: 0.2;
	}
	body.menu-open #jumptotop {
		z-index: 16;
		opacity: 0;
	}
	body.menu-open header .container-fluid {
		filter: blur(1px);
		opacity: 0.2;
	}
	body.menu-open {
		overflow: hidden;
	}
	#wrapper {
		transition: all 100ms ease-in;
	}
	.mobile-menu-back {
		display: none;
		border: none;
		z-index: 1221;
		position: relative;
		font-size: 15px;
		padding: 0;
	    height: auto;
	    width: auto;
	    margin-right: 0;
	    background-color: transparent;
	    color: #ffffff;
	    line-height: 15px;
	    border-radius: 0;
	    vertical-align: text-bottom;
	    margin-right: 10px;
	}
	.mobile-menu-back.btn:hover,
	.mobile-menu-back.btn:active,
	.mobile-menu-back.btn:visited,
	.mobile-menu-back.btn:focus,
	.mobile-menu-back.btn:focus:active {
		outline: none;
		border: 0;
	}
	.mobile-menu-back.btn.btn-primary {
		background-color: transparent;
	}
	.menu-container.expanded li.open:not(.active) > a > button.mobile-menu-back {
		display: inline-block;
		color: #ffffff85;
	}
	.dropdown-backdrop {
		display: none;
	}
	.link-all-categories {
		display: none;
	}
	#mobile-navigation-container.open .link-all-categories {
		display: block;
	}
	#mobile-navigation-container.open .link-all-categories .mobile-menu-back {
		display: block;
		font-size: 26px;
	    text-align: left;
	    width: 100%;
	    font-weight: bold;
	    color: #ffffff85;
	}
	#mobile-navigation-container.open .link-all-categories .mobile-menu-back:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #fff;
		margin: 10px 0;
		opacity: 0.5;
	}
	#mobile-navigation-container.open .link-all-categories .mobile-menu-back > i {
	    font-weight: bold;
	    font-size: 20px;
	}
}

/*# sourceMappingURL=megamenu.css.map */







/*
Description: mainnav styles
*/

@media only screen and (min-width: 320px) {
	header#header > .container {
		position: relative;
		z-index: 0;
	}
	.special-cat-wrapper .special-sub-cats.hidden-container > div {
		display: none;
	}
	.special-cat-box {
		padding: 2px 10px;
		border-radius: 4px;
		margin: 3px 0 0;
	}
	.special-cat-wrapper .special-cat a,
	.special-cat-wrapper .special-sub-cats a {
		text-decoration: none;
	}
	.special-cat-wrapper .special-cat .active,
	.special-cat-wrapper .special-cat a:hover,
	.special-cat-wrapper .special-sub-cats a:hover,
	.special-cat-wrapper .special-sub-cats a:active,
	.special-cat-wrapper .special-sub-cats a:focus {
		text-decoration: none;
		color: rgba(255,255,255,0.65);
	}
	.special-cat-wrapper .special-sub-cats .inner-container {
		justify-content: space-evenly;
		padding-top: 5px;
		flex-wrap: wrap;
	}
	.special-cat-wrapper .special-sub-cats .inner-container .pipe {
		padding: 0 2px;
	}
	nav#mainnav #navigation.nav > li > a {
		font-size: 24px;
	}
	nav#mainnav #navigation.nav > li.dropdown > ul > li:hover > a {
		color: #E20018;
	}
	body.menu-open {
		background-color: #015ca7;
		overflow: hidden;
	}
	body.menu-open #header > .container .header-box:after {
		content: '';
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #015ca7;
		z-index: 3;
	}
	body.menu-open .main-row #wrapper,
	body.menu-open .main-row #footer {
		display: none;
	}
	#mainnav-mobile {
		display: flex;
	}
	#mainnav-mobile .searchbar-mobile {
		width: 75%;
		border-radius: 25px;
		box-shadow: 0px 6px 20px 0px #0000002b;
		margin-right: 5%;
	}
	#mainnav-mobile .searchbar-mobile input {
		border-radius: 25px;
	}
	#mainnav-mobile .menu-toggle {
		box-shadow: 0px 6px 20px 0px #e1001882;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	#mainnav-mobile .searchbar-mobile form.form.search .input-group-btn button {
		font-size: 22.7px;
		line-height: 22.7px;
	}
	#mainnav-mobile .searchbar-mobile form .input-group-btn {
		width: 65px;
	}
	#mainnav-mobile .searchbar-mobile form.form.search .input-group-btn button i {
		color: #999999;
	}
	#mainnav-mobile .menu-container {
		position: relative;
		width: 30%;
		order: 1;
		text-align: left;
		display: flex;
		justify-content: flex-end;
	}
	#mainnav-mobile .menu-container.expanded {
		margin-left: auto;
		position: relative;
		z-index: 18;
	}
	#mainnav-mobile .menu-container.expanded + .searchbar-mobile {
		box-shadow: -3px 10px 20px 0px #024983;
		display: none;
	}
	#mainnav-mobile .menu-container.expanded .menu-toggle {
	    width: 50%;
        border-radius: 7px;
        position: relative;
	    z-index: 99;
	}
	#mainnav-mobile .menu-container.expanded .menu-toggle span {
		display: none;
	}
	#mainnav-mobile .menu-container.expanded .menu-toggle:after {
		content: '\f00d';
		display: block;
		line-height: 46px;
		font-size: 26px;
		font-family: 'Font Awesome 5 Pro';
	}
	#mobile-navigation-container li:not(.open).sep {
		margin-top: 25px;
	}
	#mobile-navigation-container li:not(.open).sep:before {
		content: '';
		display: block;
		width: 100%;
		height: 3px;
		background-color: #ffffff85;
		margin-bottom: 35px;
	}
	#mobile-navigation-container li > a {
		font-size: 15px;
		color: #fff;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		display: flex;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	#mobile-navigation-container li > a:hover {
		text-decoration: none;
	}
	#mobile-navigation-container li > a .menu-title {
		padding: 0 10px 0 0;
		flex: 0 0 90%;
	}
	#mobile-navigation-container li.level-0 > a > i {
		display: none;
	}
	#mobile-navigation-container li.level-0.open > a > i {
		display: inline;
	}
	#mobile-navigation-container li > a i {
		flex: 1;
		text-align: right;
	}
	#mobile-navigation-container > li > a {
		font-size: 26px;
	}
	#mobile-navigation-container > li > a:hover,
	#mobile-navigation-container > li > a:active,
	#mobile-navigation-container > li > a:focus,
	#mobile-navigation-container > li > a:focus-visible {
		text-decoration: none;
	    outline: none;
	}
	#mobile-navigation-container li.open.active > a > i,
	#mobile-navigation-container li.level-0.open.active > a > i  {
		display: none;
	}
	#mobile-navigation-container li.level-0:last-child {
		margin-bottom: 35px;
	}
	#mobile-navigation-container li.cat-company a,
	#mobile-navigation-container li.cat-international a {
		color: #ffffff85;
	}
	#mobile-navigation-container li.open > a > i.christiani-icon-caret-right:before {
		content: '\f0da';
	}
}

@media only screen and (min-width: 580px) {
	#mainnav-mobile .menu-container {
		width: 15%;
	}
	#mainnav-mobile .searchbar-mobile {
		width: 85%;
	}
}


@media only screen and (min-width: 768px) {
	#mainnav.navbar {
		border:none;
	}
	#mainnav .navbar-nav {
		width: 100%;
	}
	#mainnav .navbar-nav > li:first-child > a {
		padding: 10px 15px 10px 0px;
	}
	#mainnav .navbar-nav > li > ul > li:first-child > a {
		padding-left: 0;
	}
	#mainnav .navbar-collapse {
		padding: 0px;
	}
}

@media only screen and (min-width: 992px) {
	#mainnav-mobile {
		display: none;
	}
	#mainnav #navigation {
		display: flex;
		/*justify-content: flex-start;*/
		justify-content: space-between;
	}
	#header.sticky #mainnav #navigation {
		justify-content: center;
	}
	#header.sticky #mainnav #navigation > li:not(:last-child) {
		margin-right: 15px;
	}
	#header.sticky #mainnav .active.open > .dropdown-menu,
	#header.sticky #mainnav .active > .dropdown-menu,
	#header.sticky #mainnav .open > .dropdown-menu {
		display: none;
	}
	#mainnav #navigation:before,
	#mainnav #navigation:after {
		display: none;
	}
	#mainnav #navigation > .dropdown {
		position: inherit;
	}
	#mainnav ul.dropdown-menu {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    border-top: none;
	    justify-content: flex-start;
	    border: none;
	    padding: 5px 0px 0px 0px;
		border-top: 1px solid #676767;
		box-shadow: none;
		width: 100%;
		min-height: 75px;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition-delay: 0.5s;
		-webkit-transition-delay: 0.5s;
	}
	#mainnav .active.open > .dropdown-menu,
	#mainnav .active > .dropdown-menu,
	#mainnav .open > .dropdown-menu {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s;
		-webkit-transition-delay: 0;
	}
	#mainnav .active > .dropdown-menu,
	#mainnav .open > .dropdown-menu {
		z-index: 1001;
	}
	#mainnav #navigation > li {
		z-index: 0;
	}
	#mainnav .navbar-collapse .spacer-75 {
		z-index: -999;
	}
	#mainnav #navigation > li.open {
		z-index: 1;
	}
	#mainnav .dropdown-menu li a {
		font-size: 15px;
		color: #676767;
		padding-left: 0;
		padding-right: 15px;		
	}
	#mainnav .active > .dropdown-menu li:last-child a,
	#mainnav .open > .dropdown-menu li:last-child a {
		padding-right: 7.5px;
		padding-left: 0;
	}
	.exams-menu .btn {
		font-size: 12px;
		border-radius: 5px;
		padding: 5px;
		line-height: 12px;
		height: 23px;
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color: transparent;
		color: #676767;
	}
	nav#mainnav #navigation.nav > li.active > a {
	    background-color: transparent;
	    color: #676767;
	}
	nav#mainnav #navigation.nav > li.active .dropdown-menu > li.active a.current {
	    color: #e20018;
	}
	nav#mainnav #navigation.nav > li > a {
		font-size: 21px;
	}
}

@media only screen and (min-width: 1200px) {
	#header.sticky #mainnav #navigation > li:not(:last-child) {
		margin-right: 20px;
	}
	nav#mainnav #navigation.nav > li > a {
		font-size: 24px;
	}
}
