div.clear{
	clear: both;
}

div.divMessage{
	width: 980px;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 20px;
	font-family: Conv_Akk_Pro;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
}

/*div.divMessage_confirm{
	background-color: green;
}

div.divMessage_error{
	background-color: red;
}*/

.demo_restricted_active{
	cursor: not-allowed !important;
}









header{
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	top: 0px;
	left: 0px;
	z-index: 999;
	background-color: white;
	border-bottom: 1px solid #ddd;
}

header a.logo{
	position: relative;
	z-index: 2;
	text-decoration: none;
	margin: 10px 0px;
	display: inline-block;
}

header a.logo img{
	height: 24px;
	border-right: 1px solid #ccc;
	padding-right: 15px;
}

header a.logo div{
	display: inline-block;
	font-size: 20px;
	font-family: Conv_Akk_Pro;
	color: #333;
	padding-left: 11px;
	position: relative;
	top: -2px;
}

header div.main{
	position: relative;
	padding: 20px;
}

header nav.top{
	position: absolute;
	top: 0px;
	right: 0px;
}

header nav.top > ul > li{
	position: relative;
	float: left;
}

header nav.top > ul > li > a{
	position: relative;
	display: block;
	width: 38px;
	height: 68px;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
	text-decoration: none;
	color: #555;
}

header nav.top > ul > li:last-child > a{
	border-right: 0px;
}

header nav.top > ul > li > a.locked{
	cursor: default;
	opacity: 0.2;
}

header nav.top > ul > li > a.text{
	padding-left: 60px;
	padding-right: 24px;
	padding-top: 27px;
	background-position: 24px center;
	white-space: nowrap;
	width: auto;
	font-size: 12px;
}

header nav.top > ul > li:hover > a:not(.locked){
	background-color: #F3F3F3;
}

header nav.top > ul > li:last-child:hover > a:not(.locked){
	border-right: 0px;
}

header nav.top a.home{
	background-image: url(/_images/header/nav/home.png);
}
header nav.top a.analytics{
	background-image: url(/_images/header/nav/analytics.png);
}
header nav.top a.query-builder{
	background-image: url(/_images/header/nav/query-builder.png);
}
header nav.top a.document-library{
	background-image: url(/_images/header/nav/document-library.png);
}
header nav.top a.settings{
	background-image: url(/_images/header/nav/settings.png);
}
header nav.top a.notifications{
	background-image: url(/_images/header/nav/notifications.png);
}
header nav.top a.user{
	background-image: url(/_images/header/nav/user.png);
}

header nav.top a.user span.demo{
	color: red;
	font-weight: bold;
	margin-left: 5px;
}

header nav.top li ul{
	display: none;
	position: absolute;
	min-width: 150px;
	padding: 8px 0px;
	border: 1px solid #ccc;
	right: 0px;
	top: 67px;
	background-color: white;
	z-index: 999;
}

header nav.top > ul > li:last-child ul{
	border-right: 0px;
}

header nav.top li ul li a{
	display: block;
	text-decoration: none;
	color: #555;
	font-size: 12px;
	padding: 6px 16px;
}

header nav.top li ul li a:hover{
	background-color: #999;
	color: white;
}

header nav.top > ul > li:hover ul{
	display: block;
}

header nav.top li.search{
	height: 68px;
	padding-top: 22px;
	box-sizing: border-box;
	padding-right: 24px;
}

header nav.top li.search input[type=text]{
	border: 1px solid #ccc;
	font-family: arial;
	font-size: 12px;
	height: 24px;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0px 8px;
	width: 250px;
	-webkit-appearance: none;
	border-radius: 0px;
}

header nav.top li.search input[type=submit]{
	background-image: url(/_images/header/search_button.png);
	width: 24px;
	height: 24px;
	border: 0px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0px;
}

@media (max-width: 1200px) {
	header div.main{
		padding: 15px 20px;
	}
}

@media (max-width: 1000px) {
	header nav.top > ul > li > a{
		width: 35px;
	}

	header nav.top li.search input[type=text]{
		width: 150px;
	}
}

@media (max-width: 790px) {
	header nav.top > ul > li:not(:last-child){
		display: none;
	}
}

@media (max-width: 400px) {
	header nav.top > ul > li a.text{
		padding: 0px;
		background-position: center;
		width: 68px;
	}

	header nav.top > ul > li a.text span{
		display: none;
	}
}

header div.bar{
	height: 8px;
	background: linear-gradient(to right,  #00b140 0%,#009697 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}










nav.main{
	position: relative;
	background-color: #84888D;
	text-align: left;
}

nav.main > ul > li{
	float: left;
}

nav.main > ul > li.active > a:before{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: orange;
	top: -1px;
	left: 0px;
	border-radius: 2px;
}

nav.main > ul > li > a{
	position: relative;
	display: block;
	color: white;
	text-transform: uppercase;
	padding: 7px 16px 6px;
	text-decoration: none;
}

nav.main > ul > li > a.red{
	background-color: #EE2F53;
}

nav.main > ul > li > a.teal{
	background-color: #009697;
}

nav.main > ul > li:hover > a,
nav.main > ul > li.active{
	background-color: #efefef;
	color: #555;
}

nav.main > ul > li:hover > a:after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #00b140;
	top: 0px;
	left: 0px;
	z-index: 2;
}

nav.main > ul > li:hover > ul{
	display: block;
}

nav.main > ul > li > ul{
	display: none;
	position: absolute;
	left: 0px;
	width: 100%;
	background-color: #efefef;
	padding: 25px 35px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
}

nav.main ul ul > li{
	float: left;
	width: 220px;
	margin-right: 30px;
}

nav.main ul ul div.title{
	padding-bottom: 10px;
	border-bottom: 1px solid #939598;
	font-size: 16px;
	color: #939598;
	width: 80%;
}

nav.main ul ul ul{
	margin-top: 15px;
}

nav.main ul ul ul li:not(:first-child){
	margin-top: 8px;
}

nav.main ul ul ul li{
	line-height: 1.3em;
}

nav.main ul ul ul a{
	color: #555;
	text-decoration: none;
	font-size: 14px;
}

nav.main ul ul ul a:hover{
	color: #00AB4E;
}

nav.main ul ul ul a:not([href]){
	cursor: default;
	text-decoration: none;
}

nav.main ul ul ul a.viewmore{
	font-style: italic;
}

nav.main ul ul li.mobile{
	display: none;
	margin-bottom: 25px;
}

nav.main ul ul li.child_1{
	clear: left;
}

a.nav_toggle{
	display: none;
	background-color: #00B140;
	color: white;
	padding: 10px 10px 10px 30px;
	text-transform: uppercase;
	font-family: "Open Sans";
	font-size: 14px;
	background-image: url(/_images/header/burger.png);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 10px;
}

a.nav_toggle:hover{
	background-color: #008c37;
}
@media (max-width: 1499px) {
	nav.main ul ul li.child_6 div.title{
		margin-top: 15px;
	}
}

@media (max-width: 1249px) {
	nav.main > ul > li > ul > li.child_4{
		display: none;
	}
}

@media (max-width: 999px) {
	nav.main > ul > li > ul > li.child_3{
		display: none;
	}
}

@media (max-width: 790px) {
	a.nav_toggle{
		display: block;
	}

	nav.main{
		display: none;
	}

	nav.main > ul > li{
		float: none;
		display: block;
		text-align: left;
		border-top: 1px solid white;
	}

	nav.main > ul > li > a{
		padding-left: 30px;
	}

	nav.main > ul > li.parent:hover > a:after{
		display: none;
	}

	nav.main > ul > li:hover > ul{
		display: none;
	}

	nav.main > ul > li > ul{
		position: static;
		padding: 0px;
		box-shadow: none;
	}

	nav.main > ul > li > ul:before{
		display: none;
	}

	nav.main ul ul > li{
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	nav.main ul ul > li.tagging{
		display: none;
	}

	nav.main ul ul li.mobile{
		display: block;
		margin-bottom: 0px;
	}

	nav.main ul ul div.title{
		padding: 7px 7px 7px 30px;
		border-bottom: 0px;
		font-size: 11px;
		background-color: #aaa;
		color: #eee;
		width: auto;
		margin-top: 0px !important;
	}

	nav.main ul ul ul{
		margin-top: 0px;
	}

	nav.main ul ul ul li{
		margin-top: 0px !important;
	}

	nav.main ul ul ul a{
		display: block;
		color: #333;
		text-decoration: none;
		font-size: 11px;
		padding: 7px 7px 7px 30px;
		border-bottom: 1px solid #ccc;
	}

	nav.main ul ul ul a:hover{
		text-decoration: none;
		background-color: #ccc;
	}
}







div.header_spacer{
	height: 118px;
}

@media (max-width: 1200px) {
	div.header_spacer{
		height: 104px;
	}
}











footer{
	position: relative;
	font-family: Conv_Akk_Pro;
	background-color: #444;
	margin-top: 50px;
	color: #ddd;
	padding: 20px 15px;
	line-height: 1.3em;
	font-size: 12px;
	letter-spacing: -0.39px;
	background-image: url(/_images/footer/logo.png);
	background-repeat: no-repeat;
	background-position: right 67px center;
	background-size: auto 55px;
}

footer.no_top_margin{
	margin-top: 0px;
}

footer a{
	color: white;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -0.32px;
	font-weight: bold;
}

footer a:hover{
	text-decoration: underline;
}

footer ul.links{
	margin-top: 15px;
}

footer ul.links li{
	display: inline-block;
	padding: 0px 13px 0px 12px;
	border-left: 1px solid white;
}

footer ul.links li:first-child{
	padding-left: 0px;
	border-left: 0px;
}

footer a.toggle{
	position: absolute;
	display: block;
	top: 11px;
	right: 25px;
	background-image: url(/_images/footer/arrow.svg);
	width: 15px;
	height: 25px;
	background-size: contain;
	transform: rotate(90deg);
	opacity: 0.8;
}

footer a.toggle:hover{
	opacity: 1;
}

footer.closed{
	padding: 15px;
	background-image: none;
}

footer.closed ul.links{
	display: none;
}

footer.closed a.toggle{
	transform: rotate(270deg);
}

@media (max-width: 999px) {
	footer{
		text-align: center;
		background-image: none;
		padding: 20px !important;
	}

	footer ul.links{
		display: block !important;
	}

	footer a.toggle{
		display: none;
	}

	footer ul.links li{
		display: block;
		border: 0px;
		padding: 0px;
	}

	footer ul.links li:not(:first-child){
		margin-top: 12px;
	}
}










main,
div.main_standard{
	position: relative;
	margin: 0px auto;
}

main.standard,
div.main_standard{
	width: 960px;
	margin-top: 30px;
}

main.full_padded,
div.full_padded{
	padding: 0px 20px;
}

@media (max-width: 1000px) {
	main.standard,
	div.main_standard{
		width: 740px;
	}
}

@media (max-width: 790px) {
	main.standard,
	div.main_standard{
		width: auto;
		padding: 0px 20px;
	}

	main.full_padded,
	div.full_padded{
		padding: 0px 20px;
	}
}











table.tblForm tr:first-child td{
	padding-top: 25px;
}

table.tblForm td{
	padding-top: 15px;
}

table.tblForm th > label,
table.tblForm td > label{
	display: inline-block;
	font-weight: bold;
	margin-bottom: 8px;
	font-family: Conv_Akk_Pro;
	font-size: 16px;
}

table.tblForm select{
	border: 1px solid #ccc;
	padding: 2px;
	font-family: arial;
}

table.tblForm input[type=text],
table.tblForm input[type=password],
table.tblForm input[type=email]{
	border: 1px solid #ccc;
	padding: 8px;
	font-family: Conv_Akk_Pro;
	width: 300px;
}

table.tblForm label.inline{
	display: inline;
	font-weight: normal;
	font-size: 13px;
}

div.divFormDivider{
	border-top: 1px solid #ddd;
	margin-top: 30px;
}

table.tblForm ul.ulCheckboxList{
	margin: 0px;
	list-style-type: none;
	line-height: 1.3em;
	margin-left: 15px;
	margin-top: 0px;
}

table.tblForm ul.ulCheckboxList li input{
	vertical-align: middle;
}
















div.divPaymentLoading{
	text-align: center;
	font-family: "Open Sans";
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 100px;
}

div.divPaymentLoading img{
	display: block;
	margin: 30px auto;
}










section.page_action_butttons{
	position: absolute;
	top: 0px;
	right: 20px;
	text-align: right;
}

section.page_action_butttons a{
	display: inline-block;
	background-color: #00B140;
	color: white;
	font-family: "Open Sans";
	font-size: 14px;
	padding: 12px 18px;
	text-decoration: none;
	font-weight: 600;
}

section.page_action_butttons a:hover{
	background-color: #00539f;
}

@media (max-width: 790px) {
	section.page_action_butttons{
		position: static;
		text-align: left;
		margin-top: 15px;
	}
}















aside.contact_popup{
	position: fixed;
	bottom: 0px;
	right: 15px;
	width: 250px;
	box-shadow: 0 0 2px 1px #ccc;
	z-index: 999;
}

aside.contact_popup div.form{
	display: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
	background-color: white;
}

aside.contact_popup div.form div.confirmation{
	display: none;
	background-color: green;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	padding: 7px;
	color: white;
	margin-top: 7px;
}

aside.contact_popup div.title_bar{
	background-color: #00B140;
	border-left: 1px solid #00B140;
	border-right: 1px solid #00B140;
	color: white;
	padding: 7px;
	cursor: pointer;
	font-weight: bold;
}

aside.contact_popup div.title_bar:hover{
	background-color: #008c37;
}

aside.contact_popup div.title_bar div.title{
	float: left;
	padding-top: 3px;
	padding-left: 2px;
}

aside.contact_popup div.title_bar div.buttons{
	float: right;
}

aside.contact_popup div.title_bar div.buttons ul li{
	display: inline-block;
}

aside.contact_popup div.title_bar div.buttons ul li a{
	display: block;
	background-color: white;
	color: #00B140;
	padding: 2px 6px;
	text-decoration: none;
}

aside.contact_popup div.title_bar div.buttons ul li a:hover{
	background-color: #eee;
}

aside.contact_popup div.form label{
	display: block;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 3px;
}

aside.contact_popup div.form input[type=text],
aside.contact_popup div.form textarea{
	border: 1px solid #ccc;
	padding: 3px;
	width: 96%;
	font-family: arial;
	font-size: 12px;
}

aside.contact_popup div.form textarea{
	resize: none;
	height: 80px;
}

aside.contact_popup div.form input[type=submit]{
	border: 0px;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #00B140;
	color: white;
	padding: 5px 8px;
	cursor: pointer;
}

aside.contact_popup div.form input[type=submit]:hover{
	background-color: #005f9d;
}

aside.contact_popup div.form li:not(:first-child){
	margin-top: 7px;
}

aside.contact_popup div.form li:last-child{
	text-align: right;
}

aside.contact_popup div.form li img.loading{
	display: none;
	margin-right: 10px;
}

aside.contact_popup.open div.form{
	display: block;
}













div.document_library_popup{
	width: 700px;
	padding: 35px;
	font-family: Conv_Akk_Pro;
}

div.document_library_popup div.inner{
	max-height: 600px;
	overflow: auto;
}

div.document_library_popup h2{
	font-size: 24px;
	font-weight: bold;
	color: #d6002a;
	letter-spacing: -0.45px;
}

div.document_library_popup ul.document_library{
	/* A scroll bar is appearing without this here */
	padding-bottom: 2px;
}

div.document_library_popup ul.document_library > li:not(:first-child){
	margin-top: 20px;
}

div.document_library_popup ul.document_library a.cat{
	display: inline-block;
	background-image: url(/_images/document-library/folder.svg);
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 16px;
	letter-spacing: -0.25px;
	font-weight: bold;
	text-decoration: none;
	color: #1a1a1a;
}

div.document_library_popup ul.document_library a.cat.active{
	background-image: url(/_images/document-library/folder.svg);
}

div.document_library_popup ul.document_library a.cat:hover{
	text-decoration: underline;
}

div.document_library_popup ul.document_library div.cat_message{
	display: none;
	margin-left: 30px;
	margin-top: 10px;
	border: 1px solid #333;
	padding: 8px;
	line-height: 1.5em;
	width: 90%;
	font-size: 13px;
	font-weight: bold;
}

div.document_library_popup ul.document_library div.cat_message a{
	color: black;
}

div.document_library_popup ul.document_library > li > ul{
	display: none;
	margin-left: 50px;
	margin-top: 10px;
}

div.document_library_popup ul.document_library > li > ul > li > ul > li > ul {
	display: none;
}

div.document_library_popup ul.document_library ul ul{
	margin-left: 20px;
}

div.document_library_popup ul.document_library ul li{
	margin-top: 7px;
}

div.document_library_popup ul.document_library ul li a{
	color: #333;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -0.25px;
	line-height: 1.2em;
}

div.document_library_popup ul.document_library ul li a:hover{
	text-decoration: underline;
}













div.my_workflows_popup{
	width: 700px;
	padding: 35px;
}

div.my_workflows_popup div.page_content h2{
	margin-top: 0px;
}

div.my_workflows_popup div.buttons{
	text-align: center;
	margin-top: 25px;
}

div.my_workflows_popup div.buttons a:first-child{
	margin-right: 30px;
}

div.my_workflows_popup div.buttons a{
	width: 200px;
}














div.new_site_popup{
	width: 900px;
	padding: 20px;
	font-family: "Open Sans";
}

div.new_site_popup div.intro{
	font-size: 16px;
	line-height: 1.5em;
}

div.new_site_popup div.intro p:first-child{
	font-weight: bold;
	font-size: 18px;
}

div.new_site_popup div.intro p:not(:first-child){
	margin-top: 15px;
}

div.new_site_popup iframe{
	width: 100%;
	height: 400px !important;
	margin-top: 20px;
}

div.new_site_popup div.do_not_show{
	font-size: 12px;
	margin-top: 10px;
}

div.new_site_popup div.do_not_show input{
	vertical-align: middle;
	margin-right: 2px;
}
















div.user_feedback{
	position: fixed;
	bottom: 10px;
	right: 10px;
	background-color: #f6f6f6;
	border: 5px solid #d6002a;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	color: black;
	border-radius: 4px;
	z-index: 4;
	padding: 20px;
	width: 320px;
}

div.user_feedback a.close{
	position: absolute;
	top: 2px;
	right: 8px;
	font-weight: bold;
	font-size: 18px;
	opacity: 0.5;
	font-family: Conv_Akk_Pro;
	transition: opacity 0.1s linear;
}

div.user_feedback a.close:hover{
	opacity: 1;
}

div.user_feedback div.question{
	font-weight: 600;
	font-size: 16px;
	font-family: Conv_Akk_Pro;
	text-align: center;
	line-height: 1.4em;
}

div.user_feedback ul.ratings{
	text-align: center;
	margin-top: 15px;
}

div.user_feedback ul.ratings li{
	display: inline-block;
	margin: 0px 5px;
}

div.user_feedback ul.ratings li a{
	display: block;
	height: 40px;
	width: 40px;
	background-size: contain;
	border: 2px solid transparent;
	background-position: center;
	background-repeat: no-repeat;
	transition: opacity 0.1s linear;
}

div.user_feedback ul.ratings li a:hover{
	opacity: 0.6;
}

div.user_feedback ul.ratings li a.active{
	border: 2px solid black;
	border-radius: 99px;
}

div.user_feedback ul.ratings li a[data-rating="5"]{
	background-image: url(/_images/user_feedback/5.png);
}
div.user_feedback ul.ratings li a[data-rating="4"]{
	background-image: url(/_images/user_feedback/4.png);
}
div.user_feedback ul.ratings li a[data-rating="3"]{
	background-image: url(/_images/user_feedback/3.png);
}
div.user_feedback ul.ratings li a[data-rating="2"]{
	background-image: url(/_images/user_feedback/2.png);
}
div.user_feedback ul.ratings li a[data-rating="1"]{
	background-image: url(/_images/user_feedback/1.png);
}

div.user_feedback div.step2{
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

div.user_feedback textarea{
	border: 0px;
	resize: none;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 8px;
	margin: 15px 0px;
	font-family: Conv_Akk_Pro;
	font-size: 14px;
	outline: none;
}

div.user_feedback div.checkbox{
	line-height: 1.3em;
	display: none;
}

div.user_feedback div.checkbox div.left{
	float: left;
	width: 20px;
}

div.user_feedback div.checkbox div.right{
	float: left;
	width: 250px;
}

div.user_feedback input[type=checkbox]{
	vertical-align: middle;
}

div.user_feedback label{
	font-size: 12px;
}

div.user_feedback div.submit{
	text-align: center;
	margin-top: 0px;
}

div.user_feedback div.submit input{
	border: 0px;
	border-radius: 4px;
	font-size: 14px;
	font-family: Conv_Akk_Pro;
	padding: 8px 14px;
	background-color: #d6002a;
	color: white;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.1s linear;
}

div.user_feedback div.submit input:hover{
	background-color: #C00026;
}

div.user_feedback div.thankyou{
	font-weight: 600;
	font-size: 16px;
	font-family: Conv_Akk_Pro;
	text-align: center;
	line-height: 1.4em;
	display: none;
}





















header div.site_name{
	position: absolute;
	top: 11px;
	left: 20px;
	font-family: Conv_Akk_Pro;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.44px;
	color: white;
}

header nav.tools{
	background-color: #1a1a1a;
	font-family: Conv_Akk_Pro;
}

header nav.tools > ul{
	float: right;
}

header nav.tools > ul > li{
	position: relative;
	float: left;
}

header nav.tools > ul > li > a{
	position: relative;
	display: block;
	text-decoration: none;
	color: #808080;
	padding: 11px;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.03em;
	transition: color 0.1s linear;
}

header nav.tools > ul > li > a.locked{
	cursor: default;
	opacity: 0.5;
}

header nav.tools > ul > li:hover > a:not(.locked){
	color: white;
}

header nav.tools a.user{
	padding-right: 45px;
	color: #a5b6d0;
}

header nav.tools a.user:after{
	position: absolute;
	right: 16px;
	top: 7px;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f2bd";
	font-size: 19px;
}

header nav.tools a.user span.demo{
	color: red;
	font-weight: bold;
	margin-left: 5px;
}

header nav.tools li ul{
	display: none;
	position: absolute;
	min-width: 150px;
	padding: 8px 0px;
	border: 1px solid #ccc;
	border-top: 0px;
	right: 0px;
	background-color: white;
	z-index: 999;
}

header nav.tools > ul > li:last-child ul{
	border-right: 0px;
}

header nav.tools li ul li a{
	display: block;
	text-decoration: none;
	color: #555;
	font-size: 12px;
	padding: 6px 16px;
}

header nav.tools li ul li a:hover{
	background-color: #999;
	color: white;
}

header nav.tools > ul > li:hover ul{
	display: block;
}

@media (max-width: 790px) {
	header nav.tools > ul > li:not(:last-child){
		display: none;
	}
}














nav.header{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	font-family: Conv_Akk_Pro;
	/*width: calc(100% - 250px);*/
	width: 100%;
	background-color: white;
}

nav.header > ul{
	display: flex;
	padding-left: 300px;
	padding-right: 80px;
}

nav.header.aisearch > ul{
	padding-right: 177px;
}

nav.header > ul,
nav.header > ul > li,
nav.header > ul > li > a{
	height: 100%;
}

nav.header > ul > li > ul{
	display: none;
}

nav.header > ul > li{
	flex-grow: 1;
}

nav.header > ul > li > a{
	padding-top: 33px;
}

nav.header a{
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: black;
	letter-spacing: -0.4px;
	transition: color 0.1s linear;
	text-align: center;
}

nav.header > ul > li:hover > a,
nav.header a:hover{
	color: #d6002a;
}

/*nav.header > ul > li:hover > ul{
	display: block;
}*/

nav.header > ul > li > div.children{
	display: none;
	position: absolute;
	background-color: white;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 30px 30px;
}

nav.header > ul > li > div.children > ul{
	height: auto;

	/*padding: 25px 13px 20px;*/

	/*border-bottom: 1px solid #ddd;
	border-bottom: 3px solid #ddd;*/
	/*border-bottom: 1px solid red;*/

	display: flex;
}

nav.header > ul > li > div.children > ul:before{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 8px;
	width: 100%;
	content: '';
	display: block;
	box-shadow: -1px 1px 8px 0 rgba(0,0,0,.25);
}

nav.header > ul > li > div.children > ul:after{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 16px;
	width: 100%;
	content: '';
	display: block;
	background-color: white;
	/*border: 1px solid blue;*/
}

nav.header > ul > li > div.children > ul > li{
	/*float: left;*/
	flex-shrink: 1;
	width: 250px;
	padding-right: 60px;
}

nav.header > ul > li > div.children > ul > li:not(:last-child){
	/*margin-right: 75px;*/
}

nav.header > ul > li > div.children > ul > li > div.title{
	color: #898989;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.02em;
}

nav.header > ul > li > div.children > ul > li ul{
	margin-top: 15px;
}

nav.header > ul > li > div.children > ul > li li:not(:last-child){
	border-bottom: 1px solid #cacaca;
}

nav.header > ul > li > div.children > ul > li a{
	padding: 10px 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.15em;
	font-size: 16px;
	text-align: left;
}

nav.header ul ul ul a.viewmore{
	font-style: italic;
}

nav.header li.mobile{
	display: none;
}

/* to demo max 4 columns */
nav.header > ul > li > div.children > ul > li:nth-child(n+6){
	display: none;
}
nav.header > ul > li > div.children > ul > li:nth-child(5){
	padding-right: 0px;
}

/* to demo max 8 sub items */
nav.header > ul > li > div.children > ul > li > ul > li:nth-child(n+9){
	display: none;
}
nav.header > ul > li > div.children > ul > li > ul > li:nth-child(8){
	border-bottom: 0px;
}

@media (max-width: 1500px) {
	nav.header > ul > li > div.children > ul > li{
		width: 235px;
		padding-right: 35px;
	}
}

@media (max-width: 1200px) {
	nav.header{
		display: none;
		position: fixed;
		top: 103px;
		height: calc(100vh - 103px);
		overflow: auto;
		padding: 0px 20px;
		box-sizing: border-box;
	}

	nav.header > ul{
		display: block;
		padding-left: 0px;
		padding-right: 0px !important;
	}

	nav.header > ul,
	nav.header > ul > li,
	nav.header > ul > li > a{
		height: auto;
	}

	nav.header > ul > li:not(:last-child){
		border-bottom: 1px solid #ccc;
	}

	nav.header > ul > li > a{
		padding: 16px 0px;
		text-align: left;
		font-size: 18px;
	}

	nav.header > ul > li.parent > a{
		background-image: url(/_images/header/mobile_parent_nav_closed.png);
		background-position: right center;
		background-size: 15px;
		background-repeat: no-repeat;
	}

	nav.header > ul > li.parent > a.open{
		background-image: url(/_images/header/mobile_parent_nav_open.png);
	}

	nav.header > ul > li > div.children{
		position: relative;
		padding: 30px;
	}

	nav.header > ul > li > div.children > ul{
		display: block;
	}

	nav.header > ul > li > div.children > ul:before,
	nav.header > ul > li > div.children > ul:after{
		display: none;
	}

	nav.header > ul > li > div.children > ul > li{
		width: auto;
		padding-right: 0px;
	}

	nav.header > ul > li > div.children > ul > li:not(:first-child){
		margin-top: 35px;
	}

	nav.header > ul > li > div.children > ul > li > div.title{

	}

	nav.header > ul > li > div.children > ul > li ul{
		margin-top: 15px;
	}

	nav.header > ul > li > div.children > ul > li li{
		border-bottom: 0px !important;
	}

	nav.header > ul > li > div.children > ul > li a{
		padding: 8px 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1.15em;
		font-size: 16px;
		text-align: left;
	}

	nav.header li.mobile{
		display: block;
	}

	nav.header li.second_column{
		margin-top: 0px !important;
	}

	nav.header li.second_column div.title{
		display: none;
	}

	nav.header li.second_column > ul{
		margin-top: 0px !important;
	}
}















a.mobile_burger{
	position: absolute;
	top: 30px;
	right: 20px;
	display: none;
	width: 18px;
	height: 18px;
}

a.mobile_burger span{
	position: absolute;
	top: 0px;
	left: 0px;
	background: black;
	display: block;
	height: 3px;
	width: 18px;
	transform-origin: center center;
	transition: all .25s cubic-bezier(.06,.72,.93,1);
	transition-property: all;
	transition-property: opacity,transform;
}

a.mobile_burger span:nth-child(2){
	top: 6px;
}

a.mobile_burger span:nth-child(3){
	top: 12px;
	transition-property: opacity,transform,top;
}

a.mobile_burger.open span{
	top: 0px;
	left: 0px;
}

a.mobile_burger.open span:nth-child(1){
	transform: translateY(7.5px) rotate(45deg);
}
a.mobile_burger.open span:nth-child(2){
	opacity: 0;
	transform: scale(0);
}
a.mobile_burger.open span:nth-child(3){
	transform: translateY(7.5px) rotate(-45deg);
}

@media (max-width: 1200px){
	a.mobile_burger{
		display: block;
	}
}











header a.search{
	position: absolute;
	display: block;
	z-index: 2;
	top: 33px;
	right: 40px;
	width: 18px;
	height: 18px;
	background-image: url(/_images/header/search.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

header a.search.ai{
	color: #d6002a;
	font-weight: bold;
	font-family: Conv_Akk_Pro;
	font-size: 16px;
	transition: color 0.1s linear;
	background-image: url(/_images/header/search_filled.svg);
	background-size: 30px 30px;
	background-position: right;
	width: 115px;
	height: 30px;
	line-height: 1.8em;
	top: 27px;
}

header a.search:hover{
	opacity: 0.7;
}

header a.search.active{
	background-image: url(/_images/header/cross.png);
	background-position: center;
	background-size: auto;
}

header a.search.ai.active{
	background-image: url(/_images/header/cross_filled.svg);
	background-size: 30px 30px;
	background-position: right;
}

header div.search{
	display: none;
	position: absolute;
	background-color: white;
	top: 100%;
	left: 0px;
	width: 100%;
	padding: 20px 0px 40px;
	z-index: 1;
}

header div.inner{
	width: 1300px;
	margin: auto;
}

header div.search:before{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 8px;
	width: 100%;
	content: '';
	display: block;
	box-shadow: -1px 1px 8px 0 rgba(0,0,0,.25);
}

header div.search:after{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 16px;
	width: 100%;
	content: '';
	display: block;
	background-color: white;
}

header div.search input[type=text]{
	border: 0px;
	font-family: Conv_Akk_Pro;
	font-size: 36px;
	padding: 2px;
	border-bottom: 2px solid #ccc;
	margin-right: 20px;
	box-sizing: border-box;
	width: calc(100% - 100px);
}

header div.search input{
	vertical-align: middle;
}

header div.search input[type=text]:focus{
	outline: none;
}

header div.search input[type=submit]{
	border: 0px;
	padding: 0px;
	background-color: white;
	cursor: pointer;
	background-image: url(/_images/header/search_filled.svg);
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
	background-position: cover;
	display: inline-block;
}

header div.search input[type=submit]:hover{
	opacity: 0.7;
}

@media (max-width: 1345px) {
	header div.inner{
		width: 960px;
	}
}

@media (max-width: 1200px){
	header a.search{
		top: 29px;
		right: 60px;
	}

	header a.search.ai{
		top: 23px;
	}
}

@media (max-width: 1000px){
	header div.search{
		padding: 0px 20px 20px 20px;
	}

	header div.inner{
		width: auto;
	}

	header div.search input[type=text]{
		width: calc(100% - 90px);
	}
}