#neutral {
	padding: 0px;
}
#main-content {
	border-bottom: 3px solid #d3d4d6;
	font-size: 14pt;
	padding: 0px;
}
#main-content h1 {
	padding: 0px;
}
#main-content label {
	padding: 10px 0px 2px 0px;
}
#register-content .title {
	display: none;
}



.screen {
	display: none;
}

.screen .block {
	border-bottom: 1px solid #d9dadc;
	padding: 13px 13px 30px 13px;
}

.screen .blue {
	border-bottom: 1px solid #bedbf3;
	background-color: #dff1ff;
	padding: 4px 13px 4px 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	margin-top: 8px;
	display: table;
}
.screen .blue:hover {
	text-decoration: underline;
}

.screen label {
	padding: 10px 0px 2px 0px;
	font-weight: normal;
	display: block;
}
.screen .form-text {
	border: none;
	border-bottom: 1px solid #c6c8ca;
	padding: 8px 13px 7px 13px;
	background-color: #e9ebee;
	box-sizing: border-box;
	font-family: inherit;
	color: #363636;
	font-size: 12pt;
	width: 100%;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.screen textarea.form-text {
	margin-bottom: 8px !important;
	resize: none;
}
.screen .alert {
	animation: shake 0.2s ease-in-out 0s 2;
	border: 2px solid red !important;
}
@keyframes shake {
	0% {margin-left: 0rem;} 25% {margin-left: 0.5rem;} 75% {margin-left: -0.5rem;} 100% {margin-left: 0rem;}
}

.screen .blue.submit {
	background: rgb(219,238,253);
	background: radial-gradient(circle, rgba(219,238,253,1) 35%, rgba(200,226,247,1) 100%);
	border-bottom: 1px solid #b3d3ee;
	padding: 10px 40px 10px 40px;
	margin: -8px 0px 20px 0px;
	font-weight: bold;
}
.screen .g-recaptcha {
	margin-bottom: 20px;
}


.screen #status {
	border-bottom: 4px solid transparent;
	border-top: 2px solid transparent;
	font-size: 12.5pt;
	color: #673035;
	margin-top: 8px;
	display: none;
}
.screen #status div {
	border: 1px solid #f7a3ab;
	display: table;
}
.screen #status div div {
	border: 1px solid #ffffff;
	background-color: #fcdee1;
	padding: 10px 14px 8px 14px;
}

.screen .dept {
	overflow: hidden;
}
.screen .dept .opt {
	padding: 4px 5px 3px 28px;
	white-space: nowrap;
	cursor: pointer;
	height: 25px;
}
.screen .dept .opt div {
	margin: 1px 0px 0px -27px;
	border: 1px solid #a6a8aa;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	height: 17px;
	width: 17px;
}
.screen .dept .opt div div {
	transform: scale(0, 0);
	transition-property: all;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	
	background-color: #a6a8aa;
	margin: 2px 0px 0px 2px;
	border: none;
	height: 13px;
	width: 13px;
	opacity: 0;
}
.screen .dept .opt .faces {
	background-image: url(../svg/messenger.svg);
	background-position: -551px 0px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 8px;
	display: inline-block;
	border-radius: 0;
	border: none;
	height: 21px;
	width: 65px;
}

.screen .dept .opt.selected div div {
	transform: scale(1, 1);
	opacity: 1;
}
.screen .dept .opt.selected {
	text-decoration: underline;
}


.screen #feedback {
	margin: 15px 0px 5px 0px;
	display: none;
}
.screen #feedback div {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-image: url(../svg/messenger.svg);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	border: 2px solid white;
	display: inline-block;
	cursor: pointer;
	height: 90px;
	width: 90px;
}
.screen #feedback div:hover {
	opacity: 0.6;
}
.screen #feedback div.selected {
	background-color: #dff1ff;
	border: 2px solid #bedbf3;
	opacity: 1;
}



#messenger {
	-webkit-box-shadow: inset 5px 5px 14px 1px rgba(0,0,0,0.31);
	-moz-box-shadow: inset 5px 5px 14px 1px rgba(0,0,0,0.31);
	box-shadow: inset 5px 5px 14px 1px rgba(0,0,0,0.31);
	background-color: #d1d3d6;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	border: 1px solid #adafb1;
	margin: 15px auto 0px auto;
	position: relative;
	max-width: 1050px;
	overflow: hidden;
	font-size: 14pt;
}

#messenger #subject {
	box-sizing: border-box;
	position: absolute;
	padding: 14px;
	width: 100%;
	z-index: 1;
}
#messenger #subject div {
	-webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.4);
	background-color: rgba(236,237,238,0.8);
	padding: 6px 18px 5px 18px;
	border: 2px solid white;
	-webkit-border-radius: 110px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 13pt;
	display: none;
}

#messenger .scrollbar-macosx {
	position: relative;
	height: 350px;
}

#messenger .scrollbar-macosx #cropped {
	min-height: 350px;
	display: table;
	width: 100%;
}
#messenger .scrollbar-macosx #cropped div {
	display: table-row;
}
#messenger .scrollbar-macosx #cropped div div {
	padding: 54px 18px 14px 18px;
	vertical-align: bottom;
	display: table-cell;
}
#messenger .scrollbar-macosx #cropped .row {
	vertical-align: baseline;
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	display: block;
}

#messenger .scrollbar-macosx #cropped .bubble {
	padding: 10px 55px 11px 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
#messenger .scrollbar-macosx #cropped .bubble:hover {
	opacity: 0.7;
}
#messenger .scrollbar-macosx #cropped .bubble div {
	color: rgba(0,0,0,0.6);
	font-size: 11pt;
	padding: 0px;
}
#messenger .scrollbar-macosx #cropped .outgoing {
	font-size: 13pt;
	float: right;
}
#messenger .scrollbar-macosx #cropped .incoming {
	font-size: 13pt;
	float: left;
}
#messenger .scrollbar-macosx #cropped .bubble.outgoing {
	background: rgb(84,173,255);
	background: linear-gradient(180deg, rgba(84,173,255,1) 0%, rgba(140,200,255,1) 100%);
	border-bottom: 1px solid #3e98e9;
}
#messenger .scrollbar-macosx #cropped .bubble.incoming {
	background: white;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	border-bottom: 1px solid #a2a4a6;
}
#messenger .scrollbar-macosx #cropped .row img {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	max-width: 400px;
	width: 100%;
}
#messenger .scrollbar-macosx #cropped .row a {
	text-decoration: underline;
	color: purple;
}
#messenger .scrollbar-macosx #cropped .row .typing .dot {
	animation: typing 1s infinite;
	background-color: #7c7c7c;
	margin: 0px 4px 0px 0px;
	display: inline-block;
	position: relative;
	border-radius: 50%;
	bottom: 0px;
	height: 8px;
	width: 8px;
	right: 0px;
}
#messenger .scrollbar-macosx #cropped .row .typing .dot-1 {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
	margin-left: 5px;
}
#messenger .scrollbar-macosx #cropped .row .typing .dot-2 {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}
#messenger .scrollbar-macosx #cropped .row .typing .dot-3 {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}
@keyframes typing {
	0% {bottom: 0px;} 20% {bottom: 5px;} 40% {bottom: 0px;}
}

#messenger #actions {
	background-color: rgba(255,255,255,0.55);
	border-top: 1px solid white;
	padding: 6px 10px 6px 10px;
	overflow: hidden;
}
#messenger #actions * {
	-webkit-box-shadow: inset 0px 0px 0px 2px white;
	-moz-box-shadow: inset 0px 0px 0px 2px white;
	box-shadow: inset 0px 0px 0px 2px white;
	background-image: url(../svg/messenger.svg);
	background-repeat: no-repeat;
	border: 1px solid #c4c5c7;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}
#messenger #actions input {
	-webkit-box-shadow: inset 0px 0px 0px 3px #f5f6f7;
	-moz-box-shadow: inset 0px 0px 0px 3px #f5f6f7;
	box-shadow: inset 0px 0px 0px 3px #f5f6f7;
	padding: 10px 25px 9px 25px;
	margin: 0px 0px 5px 0px;
	background-image: none;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 15pt;
	height: 43px;
	width: 100%;
}
#messenger #actions .attach {
	background-position: -557px -28px;
	padding: 9px 18px 0px 48px;
	float: left;
	height: 32px;
}
#messenger #actions .send {
	background-color: #dfe3ff;
	background-position: -557px -68px;
	padding: 9px 60px 0px 47px;
	float: right;
	height: 32px;
}
#messenger #actions *:hover {
	background-color: white;
}


#messenger #dialog {
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	overflow: hidden;
	display: none;
	height: 100%;
	width: 100%;
	top: 0px;
}
#messenger #dialog #wrapper {
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.6);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	border: 3px solid #ffffff;
	margin: 0px auto 0px auto;
	transform: scale(0.5, 0.5);
	background: #e9eaee;
	padding: 15px;
	opacity: 0;
}

#messenger #dialog #wrapper input {
	border: none;
	border-bottom: 1px solid #c6c6c7;
	padding: 8px 13px 7px 13px;
	margin: 2px 0px 12px 0px;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	max-width: 300px;
	width: 100%;
}
#messenger #dialog #wrapper .blue {
	-webkit-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);
	padding: 12px 20px 12px 20px;
	margin: 10px auto 15px auto;
	border: 1px solid #d3d3d3;
	background-color: #e9eaee;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
#messenger #dialog #wrapper .logo {
	background-image: url("../jpg/messenger.jpg");
	margin: -5px 0px 12px 2px;
	max-width: 294px;
}
#messenger #dialog #wrapper .logo div {
	background-image: url("../svg/messenger.svg");
	background-position: 0px -89px;
	background-repeat: no-repeat;
	height: 57px;
}
#messenger #dialog #wrapper .gateway {
	background-image: url("../svg/messenger.svg");
	background-position: -449px 0px;
	margin: 5px auto 10px auto;
	height: 104px;
	width: 100px;
}


#categories {
	overflow: hidden;
}
#categories .shadow {
	-webkit-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.2);
	padding-bottom: 10px;
	position: relative;
	
	background-image: none;
	height: auto;
	float: none;
	z-index: 2;
}
#categories .scrollbar-macosx {
	position: relative;
	overflow: hidden;
	display: block;
	height: 700px;
}

#categories .scrollbar-macosx .title {
	background-color: white !important;
	padding-bottom: 0px !important;
	cursor: default !important;
	padding-top: 20px;
	font-weight: bold;
	font-size: 15pt;
	border: none;
}
#categories .scrollbar-macosx .block {
	background-color: white;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	padding-bottom: 15px;
	user-select: none;
	cursor: pointer;
}
#categories .scrollbar-macosx .block.read {
	background-image: url("../svg/read.svg");
	background-position: 18px 15px;
	background-repeat: no-repeat;
	background-color: #f1fdf3;
	padding-left: 45px;
}
#categories .scrollbar-macosx .block:hover {
	background-color: #dff1ff;
}
#categories .scrollbar-macosx .answer {
	padding: 0px 13px 0px 13px;
	background-color: white;
	box-sizing: border-box;
	position: absolute;
	margin-top: -11px;
	overflow: hidden;
	width: 100%;
	height: 0px;
	opacity: 0;
	
	transition-duration: .5s;
	transition-property: opacity;
	transition-timing-function: linear;
}
#categories .scrollbar-macosx .answer .inner {
	-webkit-box-shadow: 0px 0px 0px 1px white inset;
	-moz-box-shadow: 0px 0px 0px 1px white inset;
	box-shadow: 0px 0px 0px 1px white inset;
	background-color: #e9ebee;
	border: 1px solid #d0d0d2;
	padding: 14px 12px 15px 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	line-height: normal;
}
#categories .scrollbar-macosx .answer .inner a {
	text-decoration: underline;
	color: #741db1;
	cursor: pointer;
}

#categories .scrollbar-macosx .answer .back {
	background-image: url("../svg/arrow.svg");
	-webkit-box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.7) inset;
	-moz-box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.7) inset;
	box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.7) inset;
	background-position: 13px center;
	background-repeat: no-repeat;
	border: 1px solid #d0d0d2;
	background-color: #e9ebee;
	padding: 6px 17px 6px 40px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: 8px;
	float: left;
}
#categories .scrollbar-macosx .answer .back:hover {
	background-color: #cee6f9;
	border: 1px solid #9ec7e7;
	cursor: pointer;
}
#categories .scrollbar-macosx .helped {
	margin-top: 18px;
	float: left;
	clear: both;
}
#categories .scrollbar-macosx .helped div {
	padding: 6px 7px 0px 0px;
	display: inline-block;
}
#categories .scrollbar-macosx .helped .act {
	padding: 6px 0px 0px 44px;
	margin-top: -8px;
	cursor: pointer;
	height: 27px;
}
#categories .scrollbar-macosx .helped .act div {
	-webkit-box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.7) inset;
	-moz-box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.7) inset;
	box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.7) inset;
	border: 1px solid #d0d0d2;
	background-color: #e9ebee;
	margin: -6px 0px 0px -37px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	display: block;
	padding: 0px;
	height: 31px;
	width: 31px;
}
#categories .scrollbar-macosx .helped .act:hover div {
	background-color: #cee6f9;
	border: 1px solid #9ec7e7;
}
#categories .scrollbar-macosx .helped .act.selected div {
	background-color: #2f9938;
	border: 1px solid #2f9938;
}
#categories .scrollbar-macosx .logo {
	margin: 70px auto 280px auto;
	padding: 0px 20px 0px 20px;
	max-width: 387px;
	display: none;
}



@media only screen and (min-width: 957px) {
	
	.screen .blue.submit {
		margin-top: -98px;
		float: right;
	}
	
	.screen .block {
		padding: 13px 22px 30px 22px;
	}
	
	.screen .dept.col1 {
		padding-right: 30px;
		float: left;
	}
	
	#messenger #actions {
		padding: 6px 169px 6px 138px;
	}
	#messenger #actions input {
		margin: 0px 0px 0px 0px;
		max-width: 500px;
	}
	#messenger #actions .attach {
		position: absolute;
		margin-top: -43px;
		float: none;
		left: 10px;
	}
	#messenger #actions .send {
		position: absolute;
		margin-top: -43px;
		float: none;
		right: 10px;
	}
	
	#messenger .scrollbar-macosx #cropped div div {
		padding: 54px 28px 14px 28px;
	}
	
	#categories .scrollbar-macosx .answer {
		padding: 0px 22px 0px 22px;
	}
	#categories .scrollbar-macosx .answer .inner {
		padding: 16px 20px 17px 20px;
		line-height: 19pt;
	}
	#categories .scrollbar-macosx .helped {
		float: right;
		width: 280px;
		clear: none;
	}
}












#success {
	text-shadow: 3px 3px 0px #56ca51;
	box-shadow: 0 0 0 2px white, 0 0 0 6px #7ee05f;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 34px 17px 30px 17px;
	background-color: #7ee05f;
	margin: 20px 6px 0px 6px;
	text-align: center;
	font-weight: bold;
	line-height: 30pt;
	font-size: 25pt;
	color: white;
}

#success svg {
	overflow: visible;
	width: 100%;
}

#success svg #tick {
	-webkit-animation: jump 1.3s linear 1;
	-moz-animation: jump 1.3s linear 1;
	-o-animation: jump 1.3s linear 1;
	-ms-animation: jump 1.3s linear 1;
	animation: jump 1.3s linear 1;
}














/* Scrollbar Base CSS */
.scroll-wrapper {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}

.scroll-wrapper .scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
}

.scroll-wrapper .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-element {
	display: none;
}
.scroll-element, .scroll-element div {
	box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}
.scroll-textarea .scroll-content {
	overflow: hidden !important;
}

/* Scrollbar Macosx CSS */
.scrollbar-macosx .scroll-element,
.scrollbar-macosx .scroll-element div {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-macosx .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-macosx .scroll-element .scroll-element_track {display: none;}
.scrollbar-macosx .scroll-element .scroll-bar {
	background-color: #6C6E71;
	display: block;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover .scroll-element .scroll-bar,
.scrollbar-macosx .scroll-element.scroll-draggable .scroll-bar {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.scrollbar-macosx .scroll-element.scroll-x {
	bottom: 0px;
	height: 0px;
	left: 0;
	min-width: 100%;
	overflow: visible;
	width: 100%;
}

.scrollbar-macosx .scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0px;
	top: 0;
	width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx .scroll-element.scroll-x .scroll-bar {height: 7px; min-width: 10px; top: -9px;}
.scrollbar-macosx .scroll-element.scroll-y .scroll-bar {left: -9px; min-height: 10px; width: 7px;}

.scrollbar-macosx .scroll-element.scroll-x .scroll-element_outer {left: 2px;}
.scrollbar-macosx .scroll-element.scroll-x .scroll-element_size {left: -4px;}

.scrollbar-macosx .scroll-element.scroll-y .scroll-element_outer {top: 2px;}
.scrollbar-macosx .scroll-element.scroll-y .scroll-element_size {top: -4px;}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left: -11px;}
.scrollbar-macosx .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top: -11px;}















.screen .contact {
	border-top: 18px solid #e9ebee;
	padding: 13px 22px 70px 22px;
}

.screen .contact h1 {
	font-size: inherit;
	margin-top: 22px;
}
.screen .contact ul li {
	padding-top: 3px;
}
.screen .contact a {
	color: #3368ff;
}