/* //////////////////////////////////////////// */
/*                                              */
/*                PSEUDO DEFAULTS               */
/*                                              */
/* //////////////////////////////////////////// */

html {
	height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	min-height: 100%;
}

a,
a:visited,
a:hover,
a:focus {
	text-decoration: none;
}

h1 a,
h1 a:visited,
h1 a:hover,
h2 a,
h2 a:visited,
h2 a:hover,
h3 a,
h3 a:visited,
h3 a:hover,
h4 a,
h4 a:visited,
h4 a:hover,
h5 a,
h5 a:visited,
h5 a:hover {
	color: inherit;
}

input[type="submit"],
input[type="text"],
input[type="button"] {
	-webkit-appearance: none;
}

#containerDiv {
	/*     min-height: 800px; */
	width: 100%;
}

img {
    max-width: 100%;
}



/* //////////////////////////////////////////// */
/*                                              */
/*                PSEUDO CLASSES                */
/*                                              */
/* //////////////////////////////////////////// */

.noscroll {
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.unClearFix:after {
	display: initial;
}

.whiteText,
.whiteFont,
.whiteText a,
.whiteFont a,
.whiteText a:visited,
.whiteFont a:visited,
.whiteText a:hover,
.whiteFont a:hover {
	color: #FFFFFF;
}

.blackText,
.blackFont,
.blackText a,
.blackFont a,
.blackText a:visited,
.blackFont a:visited,
.blackText a:hover,
.blackFont a:hover {
	color: #000000;
}

.hoverHand:hover,
.hoverPointer:hover {
	cursor: pointer;
	cursor: hand;
}

.fullscreenFade {
	height: 100%;
	width: 100%;
	z-index: 99998;
	position: fixed;
	top: 0;
	left: 0;
	background-color: black;
	opacity: .50;
	filter: alpha(opacity=50);
}

.scrollReveal {
	opacity: 0;
	transition: .5s;
}

.scrollReveal_shown {
	opacity: 1;
}

.noBorder {
	border: none;
}

.displayNone,
.imageHolder.displayNone {
	display: none;
}

.tabIndent {
	margin-left: 2em;
}

.absolute-fill {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.fake-md-textarea-counter {
    font-size: 0.8em;
    color: rgba(0,0,0,0.49);
	float: right;
	margin-top: -18px;
}

.md-select-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}
.md-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}


/* DEPRECIATED */

.shadow {
	-webkit-box-shadow: 0 6px 4px -2px #808080;
	-moz-box-shadow: 0 6px 4px -2px #808080;
	box-shadow: 0 6px 4px -2px #808080;
}

.darkShadow {
	-webkit-box-shadow: 0 6px 4px -2px #808080;
	-moz-box-shadow: 0 6px 4px -2px #808080;
	box-shadow: 0 6px 4px -2px #808080;
}

.lightShadow {
	-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.35);
	box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.35);
}

.downArrow {
	background-image: url(https://s3.amazonaws.com/unisyn-central-assets/globalImages/downArrow.png);
	background-repeat: no-repeat;
    background-position: center;
	background-size: contain;
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
	vertical-align: bottom;
}


/* //////////////////////////////////////////// */
/*                                              */
/*                CUSTOM ELEMENTS               */
/*                                              */
/* //////////////////////////////////////////// */

/* Round button */
.unisyn-roundButton {
	border-radius: 50%;
	display: inline-block;
	position: relative;
	background-color: #00E5FF;
	width: 2em;
	height: 2em;
	line-height: 2em;
	font-size: 1em;
}

.unisyn-roundButton-stacked > i {
	width: 100%;
    text-align: center;
    line-height: 2em;
}


/* BACK TO TOP BUTTON */

#backToTop {
	opacity: 0;
	position: fixed;
	bottom: 20px;
	right: 20px;
	transition: .5s;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 999;
}

#backToTop svg {
	font-size: 1.375em;
	height: 52px;
    width: 52px;
    padding: 11px;
	border: solid 2px #e8e8e8;
	border-radius: 52px;
	-webkit-transition: color .2s ease 0s;
	-moz-transition: color .2s ease 0s;
	-o-transition: color .2s ease 0s;
	color: #b0b0b0;
	line-height: 52px;
	text-align: center;
	transition: .5s;
}

#backToTop svg:hover {
	cursor: hand;
	cursor: pointer;
	background-color: #e8e8e8;
}

/* //////////////////////////////////////////// */
/*                                              */
/*                   ANIMATIONS                 */
/*                                              */
/* //////////////////////////////////////////// */

.unisyn-pulse {
	box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
	-webkit-animation-name: pulse-small; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
	animation-name: pulse-small;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

.unisyn-pulse:hover {
	-webkit-animation: none;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes pulse {
	0% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
	}
	100% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
} 

/* Standard syntax */ 
@keyframes pulse {
	0% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
	}
	100% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
}


.unisyn-pulse-small {
	box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
	-webkit-animation-name: pulse-small; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
	animation-name: pulse-small;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

.unisyn-pulse-small:hover {
	-webkit-animation: none;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes pulse-small {
	0% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 0.4em rgba(90, 153, 212, 0);
	}
	100% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
} 

/* Standard syntax */ 
@keyframes pulse-small {
	0% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 0.4em rgba(90, 153, 212, 0);
	}
	100% {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
}


/* //////////////////////////////////////////// */
/*                                              */
/*                    IMAGES                    */
/*                                              */
/* //////////////////////////////////////////// */

.imageFloatRight {
	float: right;
	padding: 10px 0 10px 10px;
}

.imageFloatLeft {
	float: Left;
	padding: 10px 10px 10px 0;
}

@media screen and (min-width: 960px) {
    .mobileOnly {
        display: none !important;
    }
}

@media screen and (max-width: 959px) {
    .imageFloatRight {
        padding: 0;
    }
    .imageFloatLeft {
        padding: 0;
    }
    .desktopOnly {
        display: none !important;
    }
}

.primaryColorButton {
	border: none;
	text-decoration: none;
	display: inline-block;
	padding: 5px 0;
	cursor: pointer;
	cursor: hand;
	white-space: normal;
	text-align: center;
}

.secondaryColorButton {
	border: none;
	text-decoration: none;
	display: inline-block;
	padding: 5px 0;
	cursor: pointer;
	cursor: hand;
	white-space: normal;
	text-align: center;
}

.disabledButton {
	background: none;
	border: none;
	background: #9C9C96;
	color: #DADADA;
	text-decoration: none;
	display: inline-block;
	padding: 5px 0;
	cursor: default;
	white-space: normal;
	text-align: center;
}

.disabledButton:hover {
	background: #9C9C96;
	color: #DADADA;
}


/* //////////////////////////////////////////// */
/*                                              */
/*              THREE COLUMN SETUP              */
/*                                              */
/* //////////////////////////////////////////// */

.columnWrapper > div {
	display: flex;
	margin: auto;
	max-width: 1200px;
}

.columnLeft,
.columnMiddle,
.columnRight {
	align-self: flex-end;
}

.columnLeft.alignCenter,
.columnMiddle.alignCenter,
.columnRight.alignCenter {
	align-self: center;
}

.columnLeft.alignTop,
.columnMiddle.alignTop,
.columnRight.alignTop {
	align-self: flex-start;
}

@media screen and (max-width: 959px) {
	.columnWrapper > div {
		display: block;
		min-height: initial;
	}
	.columnLeft,
	.columnMiddle,
	.columnRight {
		display: block;
		width: 100%;
	}
}


/* //////////////////////////////////////////// */
/*                                              */
/*               ALIGNMENT CLASSES              */
/*                                              */
/* //////////////////////////////////////////// */

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.marginAuto {
	margin: auto;
}

.textAlign-left {
	text-align: left;
}

.textAlign-center {
	text-align: center;
}

.textAlign-right {
	text-align: right;
}

.verticalAlign-top {
	vertical-align: top;
}

.verticalAlign-middle {
	vertical-align: middle;
}

.verticalAlign-bottom {
	vertical-align: bottom;
}

/* //////////////////////////////////////////// */
/*                                              */
/*                 PADDING CLASSES              */
/*                                              */
/* //////////////////////////////////////////// */

.top100padding {
	padding-top: 100px;
}

.top95padding {
	padding-top: 95px;
}

.top90padding {
	padding-top: 90px;
}

.top85padding {
	padding-top: 85px;
}

.top80padding {
	padding-top: 80px;
}

.top75padding {
	padding-top: 75px;
}

.top70padding {
	padding-top: 70px;
}

.top65padding {
	padding-top: 65px;
}

.top60padding {
	padding-top: 60px;
}

.top55padding {
	padding-top: 55px;
}

.top50padding {
	padding-top: 50px;
}

.top45padding {
	padding-top: 45px;
}

.top40padding {
	padding-top: 40px;
}

.top35padding {
	padding-top: 35px;
}

.top30padding {
	padding-top: 30px;
}

.top25padding {
	padding-top: 25px;
}

.top20padding {
	padding-top: 20px;
}

.top15padding {
	padding-top: 15px;
}

.top10padding {
	padding-top: 10px;
}

.top5padding {
	padding-top: 5px;
}

.top0padding {
	padding-top: 0;
}

.nopad-top {
    padding-top: 0;
}

.bottom100padding {
	padding-bottom: 100px;
}

.bottom95padding {
	padding-bottom: 95px;
}

.bottom90padding {
	padding-bottom: 90px;
}

.bottom85padding {
	padding-bottom: 85px;
}

.bottom80padding {
	padding-bottom: 80px;
}

.bottom75padding {
	padding-bottom: 75px;
}

.bottom70padding {
	padding-bottom: 70px;
}

.bottom65padding {
	padding-bottom: 65px;
}

.bottom60padding {
	padding-bottom: 60px;
}

.bottom55padding {
	padding-bottom: 55px;
}

.bottom50padding {
	padding-bottom: 50px;
}

.bottom45padding {
	padding-bottom: 45px;
}

.bottom40padding {
	padding-bottom: 40px;
}

.bottom35padding {
	padding-bottom: 35px;
}

.bottom30padding {
	padding-bottom: 30px;
}

.bottom25padding {
	padding-bottom: 25px;
}

.bottom20padding {
	padding-bottom: 20px;
}

.bottom15padding {
	padding-bottom: 15px;
}

.bottom10padding {
	padding-bottom: 10px;
}

.bottom5padding {
	padding-bottom: 5px;
}

.bottom0padding {
	padding-bottom: 0;
}

.nopad-bottom {
    padding-bottom: 0;
}

.left100padding {
	padding-left: 100px;
}

.left95padding {
	padding-left: 95px;
}

.left90padding {
	padding-left: 90px;
}

.left85padding {
	padding-left: 85px;
}

.left80padding {
	padding-left: 80px;
}

.left75padding {
	padding-left: 75px;
}

.left70padding {
	padding-left: 70px;
}

.left65padding {
	padding-left: 65px;
}

.left60padding {
	padding-left: 60px;
}

.left55padding {
	padding-left: 55px;
}

.left50padding {
	padding-left: 50px;
}

.left45padding {
	padding-left: 45px;
}

.left40padding {
	padding-left: 40px;
}

.left35padding {
	padding-left: 35px;
}

.left30padding {
	padding-left: 30px;
}

.left25padding {
	padding-left: 25px;
}

.left20padding {
	padding-left: 20px;
}

.left15padding {
	padding-left: 15px;
}

.left10padding {
	padding-left: 10px;
}

.left5padding {
	padding-left: 5px;
}

.left0padding {
	padding-left: 0;
}

.nopad-left {
   padding-left: 0;
}

.right100padding {
	padding-right: 100px;
}

.right95padding {
	padding-right: 95px;
}

.right90padding {
	padding-right: 90px;
}

.right85padding {
	padding-right: 85px;
}

.right80padding {
	padding-right: 80px;
}

.right75padding {
	padding-right: 75px;
}

.right70padding {
	padding-right: 70px;
}

.right65padding {
	padding-right: 65px;
}

.right60padding {
	padding-right: 60px;
}

.right55padding {
	padding-right: 55px;
}

.right50padding {
	padding-right: 50px;
}

.right45padding {
	padding-right: 45px;
}

.right40padding {
	padding-right: 40px;
}

.right35padding {
	padding-right: 35px;
}

.right30padding {
	padding-right: 30px;
}

.right25padding {
	padding-right: 25px;
}

.right20padding {
	padding-right: 20px;
}

.right15padding {
	padding-right: 15px;
}

.right10padding {
	padding-right: 10px;
}

.right5padding {
	padding-right: 5px;
}

.right0padding {
	padding-right: 0;
}

.nopad-right {
    padding-right: 0;
}

/*MARGIN CLASSES*/

.top100margin {
	margin-top: 100px;
}

.top95margin {
	margin-top: 95px;
}

.top90margin {
	margin-top: 90px;
}

.top85margin {
	margin-top: 85px;
}

.top80margin {
	margin-top: 80px;
}

.top75margin {
	margin-top: 75px;
}

.top70margin {
	margin-top: 70px;
}

.top65margin {
	margin-top: 65px;
}

.top60margin {
	margin-top: 60px;
}

.top55margin {
	margin-top: 55px;
}

.top50margin {
	margin-top: 50px;
}

.top45margin {
	margin-top: 45px;
}

.top40margin {
	margin-top: 40px;
}

.top35margin {
	margin-top: 35px;
}

.top30margin {
	margin-top: 30px;
}

.top25margin {
	margin-top: 25px;
}

.top20margin {
	margin-top: 20px;
}

.top15margin {
	margin-top: 15px;
}

.top10margin {
	margin-top: 10px;
}

.top5margin {
	margin-top: 5px;
}

.top0margin {
	margin-top: 0;
}

.bottom100margin {
	margin-bottom: 100px;
}

.bottom95margin {
	margin-bottom: 95px;
}

.bottom90margin {
	margin-bottom: 90px;
}

.bottom85margin {
	margin-bottom: 85px;
}

.bottom80margin {
	margin-bottom: 80px;
}

.bottom75margin {
	margin-bottom: 75px;
}

.bottom70margin {
	margin-bottom: 70px;
}

.bottom65margin {
	margin-bottom: 65px;
}

.bottom60margin {
	margin-bottom: 60px;
}

.bottom55margin {
	margin-bottom: 55px;
}

.bottom50margin {
	margin-bottom: 50px;
}

.bottom45margin {
	margin-bottom: 45px;
}

.bottom40margin {
	margin-bottom: 40px;
}

.bottom35margin {
	margin-bottom: 35px;
}

.bottom30margin {
	margin-bottom: 30px;
}

.bottom25margin {
	margin-bottom: 25px;
}

.bottom20margin {
	margin-bottom: 20px;
}

.bottom15margin {
	margin-bottom: 15px;
}

.bottom10margin {
	margin-bottom: 10px;
}

.bottom5margin {
	margin-bottom: 5px;
}

.bottom0margin {
	margin-bottom: 0;
}

.left100margin {
	margin-left: 100px;
}

.left95margin {
	margin-left: 95px;
}

.left90margin {
	margin-left: 90px;
}

.left85margin {
	margin-left: 85px;
}

.left80margin {
	margin-left: 80px;
}

.left75margin {
	margin-left: 75px;
}

.left70margin {
	margin-left: 70px;
}

.left65margin {
	margin-left: 65px;
}

.left60margin {
	margin-left: 60px;
}

.left55margin {
	margin-left: 55px;
}

.left50margin {
	margin-left: 50px;
}

.left45margin {
	margin-left: 45px;
}

.left40margin {
	margin-left: 40px;
}

.left35margin {
	margin-left: 35px;
}

.left30margin {
	margin-left: 30px;
}

.left25margin {
	margin-left: 25px;
}

.left20margin {
	margin-left: 20px;
}

.left15margin {
	margin-left: 15px;
}

.left10margin {
	margin-left: 10px;
}

.left5margin {
	margin-left: 5px;
}

.left0margin {
	margin-left: 0;
}

.right100margin {
	margin-right: 100px;
}

.right95margin {
	margin-right: 95px;
}

.right90margin {
	margin-right: 90px;
}

.right85margin {
	margin-right: 85px;
}

.right80margin {
	margin-right: 80px;
}

.right75margin {
	margin-right: 75px;
}

.right70margin {
	margin-right: 70px;
}

.right65margin {
	margin-right: 65px;
}

.right60margin {
	margin-right: 60px;
}

.right55margin {
	margin-right: 55px;
}

.right50margin {
	margin-right: 50px;
}

.right45margin {
	margin-right: 45px;
}

.right40margin {
	margin-right: 40px;
}

.right35margin {
	margin-right: 35px;
}

.right30margin {
	margin-right: 30px;
}

.right25margin {
	margin-right: 25px;
}

.right20margin {
	margin-right: 20px;
}

.right15margin {
	margin-right: 15px;
}

.right10margin {
	margin-right: 10px;
}

.right5margin {
	margin-right: 5px;
}

.right0margin {
	margin-right: 0;
}


/*WIDTH CLASSES*/

.width100percent {
	width: 100%;
}

.width95percent {
	width: 95%;
}

.width90percent {
	width: 90%;
}

.width85percent {
	width: 85%;
}

.width80percent {
	width: 80%;
}

.width75percent {
	width: 75%;
}

.width70percent {
	width: 70%;
}

.width66percent {
	width: 66%;
}

.width65percent {
	width: 65%;
}

.width60percent {
	width: 60%;
}

.width55percent {
	width: 55%;
}

.width50percent {
	width: 50%;
}

.width45percent {
	width: 45%;
}

.width40percent {
	width: 40%;
}

.width35percent {
	width: 35%;
}

.width33percent {
	width: 33%;
}

.width30percent {
	width: 30%;
}

.width25percent {
	width: 25%;
}

.width20percent {
	width: 20%;
}

.width15percent {
	width: 15%;
}

.width10percent {
	width: 10%;
}

.width5percent {
	width: 5%;
}

@media screen and (max-width: 959px) {
	.width100percent,
	.width95percent,
	.width90percent,
	.width85percent,
	.width80percent,
	.width75percent,
	.width70percent,
	.width66percent,
	.width65percent,
	.width60percent,
	.width55percent,
	.width50percent,
	.width45percent,
	.width40percent,
	.width35percent,
	.width33percent,
	.width30percent,
	.width25percent,
	.width20percent,
	.width15percent,
	.width10percent,
	.width5percent {
		width: 100%;
	}
}


/* //////////////////////////////////////////// */
/*                                              */
/*                    TOOLTIP                   */
/*                                              */
/* //////////////////////////////////////////// */

.tooltip {
	text-decoration: none;
	cursor: help;
}

.tooltip-target {
	padding: 10px;
	position: absolute;
	display: none;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.75em;
}

.tooltip-target h1 {
	font-size: 1.25em;
	font-weight: bold;
	line-height: .5em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
.tooltip-target img {
	float: left;
}


/* //////////////////////////////////////////// */
/*                                              */
/*                  PRINT STYLING               */
/*                                              */
/* //////////////////////////////////////////// */

@media print {
	.noPrint {
		display: none;
	}
}
