@charset "UTF-8";
/**
	Navik - HTML header navigation menu - v1.3.1
 	Copyright (c) 2019, Pophonic
	
	Author: Pophonic
	Profile: https://codecanyon.net/user/pophonic
	
**/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
Default settings
Header sticky
Center menu
Dark version navigation menu
Header transparent
Hover transitions
Submenu
Submenu transitions
Menu overlay
Menu slide
Mega menu
Fixed sidebar menu
Menu icons
Media queries for responsive design
--------------------------------------------------------------*/


/* =============================================
Default settings
================================================ */
.navik-header,
.navik-header * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mobileshow {
	display:block;
}
.deskshow {
display:none;
}
.rowmenu {
	display:flex;
	flex-wrap:wrap;
}
.navik-header:before,
.navik-header:after,
.navik-header *:before,
.navik-header *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.navik-header {
	position: relative;
	font-size: 14px;
	line-height: 1.42857143;
	background-color: #fff;
	z-index: 99999;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.navik-header ul {
	margin-bottom: inherit;
}

.navik-header img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.navik-header a:hover,
.navik-header a:focus,
.navik-header a:active {
	text-decoration: none;
}

.navik-header a:focus,
.navik-header a:active {
	outline: none;
}

.navik-header-container {
	position: relative;
}


.navik-header-overlay .navik-header-container {
	position: inherit;
}

.navik-header .logo {
	text-align: left;
	padding: 20px 30px;
	max-width:80%;
}

.navik-header .logo img {
	max-width: 100%;
	height: 50px;
}

.burger-menu {
	position: absolute;
	top: 35px;
	right: 40px;
	width: 20px;
	height: 17px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;

	-webkit-transition: transform 330ms ease-out;
	-moz-transition: transform 330ms ease-out;
	-o-transition: transform 330ms ease-out;
	transition: transform 330ms ease-out;
}

.burger-menu.menu-open {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.line-menu {
	background-color: #111111;
	border-radius: 2px;
	width: 100%;
	height: 3px;
}

.line-menu.line-half {
	width: 50%;
}

.line-menu.first-line {
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transform-origin: right;
}

.menu-open .line-menu.first-line {
	-webkit-transform: rotate(-90deg) translateX(3px);
	-moz-transform: rotate(-90deg) translateX(3px);
	-o-transform: rotate(-90deg) translateX(3px);
	transform: rotate(-90deg) translateX(3px);
}

.line-menu.last-line {
	align-self: flex-end;
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transform-origin: left;
}

.menu-open .line-menu.last-line {
	-webkit-transform: rotate(-90deg) translateX(-3px);
	-moz-transform: rotate(-90deg) translateX(-3px);
	-o-transform: rotate(-90deg) translateX(-3px);
	transform: rotate(-90deg) translateX(-3px);
}

.navik-menu > ul {
	display: none;
	padding: 0 20px 20px;
}

.navik-menu ul li {
	position: relative;
}

.navik-menu ul li > a {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #212121;
	padding: 14px 15px;
	text-decoration: none;
	border-bottom: 1px solid #eaeaea;
	font-weight:600;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.navik-menu ul li.current-menu > a,
.navik-menu ul li:hover > a {
	color: #2482bd;
	background-color: #f6f6f6;
}

.navik-menu ul ul li > a {
	font-size: 14px;
	font-style: inherit;
	text-transform: inherit;
	background-color: #efefef;
	padding: 14px 15px 14px 30px;
}

.navik-menu ul ul ul li > a {
	padding: 14px 15px 14px 45px;
}

.navik-menu ul ul li:hover > a {
	background-color: #efefef;
}

.dropdown-plus {
	width: 49px;
	height: 49px;
	line-height: 49px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	background-color: #272727;
}

.dropdown-plus:before,
.dropdown-plus:after {
	position: absolute;
	content: '';
	top: 24px;
	right: 18px;
	width: 13px;
	height: 1px;
	background-color: #ffffff;
}

.dropdown-plus:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.navik-menu li > ul,
.dropdown-plus.dropdown-open:after {
	display: none;
}
.header-shadow-wrapper {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 30px;
	overflow: hidden;
	z-index: -1;
}

.header-shadow-wrapper:after {
	display: block;
	position: relative;
	content: "";
	width: 100%;
	height: 30px;
	top: -30px;
	border-radius: 0%;

	-webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
}


/* =============================================
================================================
Join Button
================================================
================================================ */
.menu-right > ul > li:last-child > a {
		padding: 10px 20px 10px 20px;
		background-color:#e57e38;
		border-radius:10px;
		margin:18px;
		text-align:center;
		color:#ffffff;
	}

/* =============================================
================================================
Mega Menu Additions
================================================
================================================ */

.navik-menu .mega-menu-container ul li {
	position: relative;
}

.navik-menu .mega-menu-container ul li a {
	font-style: inherit;
	color: inherit;
	background-color: inherit;
	padding: inherit;
}

.header-dark .navik-menu .mega-menu-container ul li a,
.navik-menu .mega-menu-container ul li:hover a {
	background-color: inherit;
}

.navik-menu .mega-menu-container {
	padding: 15px 30px 0;
}

.navik-menu .mega-menu > ul .dropdown-plus {
	display: none;
}

.navik-menu .mega-menu-box {
	margin-bottom: 30px;
}

.navik-menu .mega-menu-heading {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #212121;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.navik-menu .mega-menu-heading a {
	color: #242424;
	text-decoration: none;

	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.header-dark .navik-menu .mega-menu-heading a {
	color: #fff;
}

.navik-menu .mega-menu-desc {
	font-family: 'Fira Sans', sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 1.42857143;
	color: #818181;
}

.navik-menu .mega-menu-container li > ul {
	display: block;
}

.navik-menu ul.mega-menu-list li a {
	font-size: 14px;
	color: #242424;
	padding: 5px 0;
}

.navik-menu .mega-menu-heading a:hover,
.navik-menu ul.mega-menu-list li a:hover {
	color: #2482bd;
}

.navik-menu ul.mega-menu-list ul {
	padding-left: 15px !important;
}

.navik-menu .mega-menu-thumbnail {
	margin-bottom: 20px;
}

.navik-menu .mega-menu-thumbnail img {
	width: 100%;
	height: auto;
}

.navik-menu .mega-menu-thumbnail > a {
	display: block;
	position: relative;
}

.navik-menu .mega-menu-thumbnail > a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);

	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.navik-menu .mega-menu-thumbnail:hover > a:before {
	background-color: rgba(0,0,0,0.2);
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
	@media (min-width: 768px) {
		.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
	}
	
@media (min-width: 992px) {
	.col-lg-3 {
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
	}
/* =============================================
================================================
Media queries for responsive design
================================================
================================================ */
@media (min-width: 768px) {

	.navik-header .logo {
		float: left;
		padding: 20px 30px;
	}
	.navik-menu {
		clear: both;
	}
	.header-shadow-wrapper:after {
		-webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
		-o-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
		box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
	}
	.mobileshow {
	display:none !important;
}
.deskshow {
display:block;
}
	.navik-menu > ul {
	display: none;
	padding: 0 40px 20px;
}
	
.mega-menu > ul {
padding:15px 20px 15px;
}

@media (min-width: 1080px) {

	/* =============================================
	Viewport Breakpoint
	================================================ */
	.mobileshow {
	display:none;
}
	.mega-menu-fullwidth-container {
		max-width:1200px;
		margin:auto;
	}
	.navik-header-container {
		height: 90px;
	}
	.navik-header-overlay .navik-header-container {
		height: auto;
	}
	.navik-header .logo {
		position: relative;
		padding: 0 0 0 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.navik-header .logo img {
		max-width: inherit;
		max-height: 60px;
		width: auto;
	}
	.burger-menu {
		display: none;
	}
	.navik-menu {
		float: left;
		clear: inherit;
		margin-left:40px;
	}
	.navik-menu > ul {
		display: block !important;
		padding: 0;
		font-size: 0;
		padding:15px 0px;
	}
	.navik-menu > ul > li {
		display: inline-block;
		border-bottom: none;
	}
	.navik-menu ul li {
		position: relative;
		border-bottom: none;
	}
	.navik-menu > ul > li > a {
		position: relative;
		height: 60px;
		line-height: 60px;
		box-sizing: border-box;
		white-space: nowrap;
		padding: 0px 20px;
		border-bottom: none;
	}
	.navik-menu > ul > li:last-child > a {
		padding: 0 20px 0 20px;
	}
	.navik-menu.menu-hover-2 > ul > li:last-child > a,
	.navik-menu.menu-hover-3 > ul > li:last-child > a,
	.navik-menu.menu-hover-4 > ul > li:last-child > a,
	.center-menu-1 .navik-menu > ul > li:last-child > a,
	.center-menu-2 .navik-menu > ul > li:last-child > a {
		padding: 0 20px;
	}
	.navik-menu.separate-line.menu-hover-2 > ul > li:last-child > a,
	.navik-menu.separate-line.menu-hover-3 > ul > li:last-child > a,
	.navik-menu.separate-line.menu-hover-4 > ul > li:last-child > a,
	.center-menu-1 .navik-menu.separate-line > ul > li:last-child > a,
	.center-menu-2 .navik-menu.separate-line > ul > li:last-child > a {
		padding: 0 28px;
	}
	.navik-menu ul li.current-menu > a,
	.navik-menu ul li:hover > a,
	.header-dark .navik-menu ul li.current-menu > a,
	.header-dark .navik-menu ul li:hover > a {
		background-color: inherit;
	}
	.dropdown-plus {
		display: none;
	}
	.navik-menu ul li.dropdown_menu > a > span:before {
		border-style: solid;
		border-width: 2px 2px 0 0;
		border-color: #c1c1c1;
		position: relative;
		content: '';
		display: inline-block;
		height: 4px;
		width: 4px;
		top: -3px;
		margin-left: 8px;
		box-sizing: content-box;

		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.header-dark .navik-menu ul li.dropdown_menu > a > span:before {
		border-color: #a1a1a1;
	}
	.navik-menu li > ul {
		display: block !important;
		position: absolute;
		width: 250px;
		top: 100%;
		left: 0;
		background-color: #fafafa;
		padding: 27px 0;
		visibility: hidden;
		opacity: 0;
		
		-webkit-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
		-o-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
		box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.navik-menu ul li > a {
		border-bottom:none;
	}
	.header-dark .navik-menu li > ul {
		background-color: #111111;
	}
	.navik-menu li:hover > ul {
		visibility: visible;
		opacity: 1;
	}
	.navik-menu li.submenu-right > ul {
		left: inherit;
		right: 0;
	}
	.navik-menu li > ul ul {
		top: -27px;
		left: 100%;
	}
	.navik-menu li.submenu-right > ul ul {
		left: -100% !important;
	}
	.navik-menu ul ul li.dropdown_menu > a > span:before {
		float: right;
		top: 7px;
		right: -10px;
		margin: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.navik-menu ul ul li > a {
		position: relative;
		color: #272727;
		padding: 9px 35px 7px !important;
	}
	.navik-menu ul ul li > a,
	.navik-menu ul ul li:hover > a {
		color: #272727;
		background-color: transparent;
	}
	.header-dark .navik-menu ul ul li > a {
		color: #a1a1a1;
		background-color: transparent;
	}
	.header-dark .navik-menu ul ul li:hover > a {
		color: #fff;
		background-color: transparent;
	}
	.header-dark .navik-menu ul ul li:hover > a .navik-menu-icon {
		color: #fff !important;
	}
	.navik-menu ul ul li:hover > a {
		background-color:#eaeaea;
		color:#2482bd;
	}
	

	.navik-menu ul li.dropdown_menu > a > span {
		display: none;
	}
	.navik-menu.menu-caret ul li.dropdown_menu > a > span {
		display: inline-block;
	}
	.navik-menu.menu-caret ul ul li.dropdown_menu > a > span {
		display: inline;
	}
	.navik-menu.separate-line > ul > li > a {
		position: relative;
	}
	.navik-menu.separate-line > ul > li > a:before {
		position: absolute;
		content: "";
		top: 50%;
		right: 0;
		width: 1px;
		height: 20px;
		background: #eeeeee;

		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	
	/* =============================================
	Submenu
	================================================ */
	.navik-menu.submenu-top-border li > ul {
		border-top: 3px solid #2482bd;
	}
	.navik-menu.submenu-top-border li > ul ul {
		top: -30px;
	}
	.navik-menu.submenu-list-border li > ul ul {
		top: -20px;
	}
	.navik-menu.submenu-top-border.submenu-list-border li > ul ul {
		top: -23px;
	}
	.navik-menu.submenu-list-border ul ul li > a {
		padding: 15px 35px 14px !important;
	}
	.navik-menu.submenu-list-border ul ul li:first-child > a {
		padding: 8px 35px 14px 35px !important;
	}
	.navik-menu.submenu-list-border ul ul li:last-child > a {
		padding: 15px 35px 8px 35px !important;
	}
	.navik-menu.submenu-list-border ul ul li:after {
		position: absolute;
		content: "";
		bottom: 0;
		left: 35px;
		right: 35px;
		height: 1px;
		background: #eeeeee;
	}
	.navik-menu.submenu-list-border ul ul li:last-child:after {
		display: none;
	}
	.navik-menu.submenu-list-border ul ul li:hover > a {
        padding-left: 55px !important;
	}
	.navik-menu.submenu-list-border ul ul li:nth-child(n+2) > a:before {
		top: 24px;
	}
	
	.menu-right {
		float:right;
		margin-right:40px;
	}
	.menu-right > ul > li:last-child > a {
		padding: 0px 20px 0px 20px;
		background-color:#e57e38;
		margin:0px;
		border-radius:10px;
		color:#ffffff;
		font-weight: 600;
	}
	.menu-right > ul > li:last-child > a:hover {
		background-color:#2482bd;
		color:#ffffff;
	}
	
	.navik-mega-menu.mega-menu-fullwidth .navik-header-container {
		position: inherit;
	}
	.navik-mega-menu .navik-header-container,
	.navik-mega-menu.mega-menu-fullwidth {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-perspective: 200px;
		-ms-perspective: 200px;
		perspective: 200px;
	}
	.navik-menu .mega-menu-container {
		padding: 0px 15px 0;
	}
	.navik-mega-menu .navik-menu.submenu-flip > ul,
	.navik-mega-menu .navik-menu.submenu-flip ul li.mega-menu,
	.navik-mega-menu.mega-menu-fullwidth .navik-header-container {
		-webkit-transform-style: unset;
		transform-style: unset;
		-webkit-perspective: none;
		-ms-perspective: none;
		perspective: none;
	}
	.navik-menu.submenu-flip .mega-menu > ul {
		-webkit-perspective: inherit;
		-ms-perspective: inherit;
		perspective: inherit;
	}
	.navik-menu.submenu-scale li.mega-menu ul,
	.navik-menu.submenu-scale li.mega-menu.submenu-right ul {
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
	.navik-menu.submenu-scale .mega-menu-container li > ul {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.navik-menu.submenu-flip .mega-menu-container li > ul {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	.navik-menu ul li.mega-menu {
		position: inherit;
		font-size: initial;
	}
	.navik-menu li.mega-menu > ul {
		width: 100%;
		padding: 25px 20px 15px;
	}
	.navik-menu li.mega-menu:hover .mega-menu-container li > ul {
		visibility: visible;
		opacity: 1;
	}
	.navik-menu .mega-menu-container li ul,
	.navik-menu.submenu-top-border .mega-menu-container li ul,
	.navik-menu.submenu-list-border .mega-menu-container li ul {
		position: relative;
		top: 0 !important;
		left: inherit;
		width: 100%;
		border-top: none;
		padding: 0;

		-webkit-box-shadow: inherit;
		-moz-box-shadow: inherit;
		-o-box-shadow: inherit;
		box-shadow: inherit;
	}
	.navik-menu.menu-caret .mega-menu-container li.dropdown_menu > a > span,
	.navik-menu .mega-menu-container ul li > a:before,
	.navik-menu.submenu-list-border .mega-menu-container ul li:after {
		display: none;
	}
	.navik-menu li.mega-menu.submenu-right > ul ul {
		left: inherit !important;
	}
	.navik-menu .mega-menu-container ul li a,
	.navik-menu .mega-menu-container ul li:hover a,
	.navik-menu.submenu-list-border .mega-menu-container ul li a,
	.navik-menu.submenu-list-border .mega-menu-container ul li:hover a,
	.navik-menu.submenu-list-border .mega-menu-container ul li:first-child a,
	.navik-menu.submenu-list-border .mega-menu-container ul li:first-child:hover a,
	.navik-menu.submenu-list-border .mega-menu-container ul li:last-child a,
	.navik-menu.submenu-list-border .mega-menu-container ul li:last-child:hover a {
		padding: inherit !important;
	}
	.navik-menu .mega-menu-container ul.mega-menu-list li a,
	.navik-menu .mega-menu-container ul.mega-menu-list li:hover a,
	.navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li a,
	.navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li:hover a {
		padding: 5px 10px !important;
		color: #818181;
	}
	.navik-menu .mega-menu-container ul.mega-menu-list li a:hover,
	.navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li a:hover {
		color: #2482bd !important;
		background-color:#efefef;
	}
	.navik-menu .mega-menu-container ul.mega-menu-list li > a:before {
		display: block;
		left: 0;
		top: 13px !important;
	}
	.header-dark .navik-menu .mega-menu-container ul.mega-menu-list li a {
		color: #a1a1a1;
	}
	.header-dark .navik-menu .mega-menu-container ul.mega-menu-list li a:hover {
		color: #fff;
	}

}