/* HEADER */

.Header{
	position:absolute;
	top:45px;
	left:0;
	right:0;
	height:100px;
	background:#fff;
	z-index:2;
	box-shadow:0 2px 2px rgba(0,0,0,0.1),
	           0 -50px 0 rgba(255,255,255,0.7);}
.Header .frame{position:relative; padding:0 20px;}

.Header .logo{
	position:absolute;
	top:15px;
	left:15px;
	width:120px;
	height:73px;}
.Header .logo .cls-1{fill:#005587;}

@media(max-width:960px){
	.Header{top:0; height:50px;}
	.Header .logo{width:60px; height:36.5px; top:7px; left:7px;}
}



/* SUPPORT NAV */

.Support-Nav{
	position:absolute;
	top:-45px;
	right:5px;
	height:45px;
	text-align:right;
	font-size:18px;
	line-height:45px;
	font-weight:700;}
.Support-Nav li{vertical-align:top;}
.Support-Nav a{transition:color 0.25s;}
.Support-Nav a:hover{color:#005587;}

@media(max-width:960px){
	.Support-Nav{display:none;}
}



/* MAIN NAV */

.Main-Nav{
	position:absolute;
	top:28px;
	right:5px;
	height:40px;
	text-align:right;
	font-size:18px;
	line-height:40px;
	font-weight:700;}
.Main-Nav a{
	display:inline-block;
	border-bottom:3px solid transparent;
	transition:border-color 0.25s;}
.Main-Nav a:hover{border-bottom:3px solid #005587;}

.Main-Nav a.button{
	margin:-10px 0;
	font-size:18px;
	color:#fff;
	padding:9px 18px;
	border:3px solid #26c571;
	transition:color 0.25s, background-color 0.25s;}
.Main-Nav a.button:hover{
	color:#26c571;
	border-color: #26c571;}

.Main-Nav > li {
	position: relative;
}

.Main-Nav > li > ul {
	position: absolute;
	top: 43px;
	left: -15px;
	background: #fff;
	padding: 15px;
	width: 320px;
	text-align: left;
	display: none;	
}

.Main-Nav > li:hover > ul {
	display: block;
}

.Main-Nav > li > ul a {
	font-weight: 400;
	border: none !important;
	transition: color 0.25s;
}

.Main-Nav > li > ul a:hover {
	color: #005587;
	border: none;
}

@media(max-width:990px){
	.Main-Nav li {padding:0 10px;}
}

@media(max-width:960px){
	.Main-Nav{display:none;}
}


/* SEARCH */

.Search{
	font-size:0;
	line-height:0;
	padding:0 !important;
	height:50px;}
.Search input{display:none;}
.Search .search-icon{
	cursor:pointer;
	display:inline-block;
	width:45px;
	height:45px;
	background:url(../img/search-icon.png) no-repeat center center;
	transition:opacity 0.25s;}
.Search .search-icon:hover{opacity:0.5;}
.Search .search-form{
	vertical-align:top;
	display:inline-block;
	overflow:hidden;
	max-width:0;
	height:45px;
	transition:max-width 0.25s;}
.Search input:checked ~ .search-form{max-width:400px;}
.Search .search-form input{
	display:inline-block;
	padding:0 5px;
	line-height:25px;
	margin:10px 0;
	font-weight:normal;
	font-size:14px;
	border-radius:0;
	width:225px;}
.Search .search-form button{display:none;}



/* LOGIN */

.login .trigger{
	cursor:pointer;
	position:relative;
	padding:0 15px;
	font-size:18px;
	line-height:45px;
	font-weight:700;
	color:#333;
	transition:color 0.25s;}
.login .trigger:hover{color:#005587;}

.login .dropdown{
	z-index:1;
	position:absolute;
	top:40px;
	right:5px;
	padding:20px;
	background:#f1f1f1;
	width:180px;
	text-align:left;
	display:none;
	box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.login .dropdown p{
	font-weight:400;
	font-size:14px;
	line-height:22px;
	margin-bottom:5px;}
.login .dropdown a{
	display:block;
	font-weight:700;
	font-size:16px;
	padding-top:5px;
	line-height:24px;}

.login:focus{outline:none;}
.login:focus .trigger{color:#005587;}
.login:focus .dropdown, .login .dropdown:hover{display:block;}

.Header div.login{
	position:absolute;
	top:-45px;
	height:45px;
	right:0px;}
.Header li.login{
	padding:0;
	display:none;}

@media(max-width:1370px){
	.Header div.login{display:none;}
	.Header li.login{display:inline-block;}
}

@media(max-width:960px){
	.Header div.login{z-index:1; top:3px; right:50px; display:block !important;}
	.Header div.login .dropdown{right:-45px;}
	.Header div.login .trigger{font-size:16px;}
	#mobile-nav-toggle:checked ~ #page-wrapper .Header div.login{pointer-events:none;}
}



/* FIXED HEADER */

@media(min-width:961px){
	.Header.fixed{position:fixed; top:0; left:0; right:0;}
}



/* ACTIVE STATES */

.page-id-1777 .Main-Nav li:nth-child(1) a{border-bottom: 3px solid #005587;} /*Board Portal Software*/
.page-id-2036 .Main-Nav li:nth-child(3) a{border-bottom: 3px solid #005587;} /*Why*/
.page-id-7514 .Main-Nav li:nth-child(4) a{border-bottom: 3px solid #005587;} /*Pricing*/

/*Industries*/
.page-id-11 .Main-Nav li:nth-child(5) a,
.page-id-2709 .Main-Nav li:nth-child(5) a,
.page-id-2722 .Main-Nav li:nth-child(5) a,
.page-id-2724 .Main-Nav li:nth-child(5) a,
.page-id-2726 .Main-Nav li:nth-child(5) a,
.page-id-2728 .Main-Nav li:nth-child(5) a,
.page-id-2730 .Main-Nav li:nth-child(5) a{border-bottom: 3px solid #005587;}

.page-id-13 .Main-Nav li:nth-child(6) a{border-bottom: 3px solid #005587;} /*About*/
/* .homepage .Main-Nav li:nth-child(5) a{border-bottom: 3px solid #005587;}
.page-id-15 .Main-Nav li:nth-child(6) a{border-bottom: 3px solid #005587;} */


/*Features*/
.page-id-8091 .Main-Nav li:nth-child(2) a,
.page-id-7319 .Main-Nav li:nth-child(2) a,
.page-id-8124 .Main-Nav li:nth-child(2) a,
.page-id-8414 .Main-Nav li:nth-child(2) a,
.page-id-8385 .Main-Nav li:nth-child(2) a,
.page-id-8364 .Main-Nav li:nth-child(2) a,
.page-id-8393 .Main-Nav li:nth-child(2) a,
.page-id-8357 .Main-Nav li:nth-child(2) a,
.page-id-8376 .Main-Nav li:nth-child(2) a
{border-bottom: 3px solid #005587;}