@charset "iso-8859-1";
/* Main CSS Document */
/* ======================================================
IMPORT FONTS
====================================================== */
@font-face {
	font-family: 'helveticaExtended';
	src: url('../html/css/fonts/helveticaneue-extendedobl-webfont.eot');
	src: url('../html/css/fonts/helveticaneue-extendedobl-webfont.eot?#iefix') format('embedded-opentype'), url('../html/css/fonts/helveticaneue-extendedobl-webfont.woff2') format('woff2'), url('../html/css/fonts/helveticaneue-extendedobl-webfont.woff') format('woff'), url('../html/css/fonts/helveticaneue-extendedobl-webfont.ttf') format('truetype'), url('../html/css/fonts/helveticaneue-extendedobl-webfont.svg#helveticaneue-extendedobl') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLight';
	src: url('../fonts/HelveticaNeueLight.eot');
	src: url('../fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLight.woff') format('woff'), url('../fonts/HelveticaNeueLight.ttf') format('truetype'), url('../fonts/HelveticaNeueLight.svg#Helvetica-Normal') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueBold';
	src: url('../fonts/HelveticaNeueBold.eot');
	src: url('../fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueBold.woff2') format('woff2'), url('../fonts/HelveticaNeueBold.woff') format('woff'), url('../fonts/HelveticaNeueBold.ttf') format('truetype'), url('../fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Arial';
	src: url('/html/fonts/ArialMT.eot');
	src: url('/html/fonts/ArialMT.eot?#iefix') format('embedded-opentype'), url('/html/fonts/ArialMT.woff2') format('woff2'), url('/html/fonts/ArialMT.woff') format('woff'), url('/html/fonts/ArialMT.ttf') format('truetype'), url('/html/fonts/ArialMT.svg#ArialMT') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ArialBold';
	src: url('/html/fonts/Arial-BoldMT.eot');
	src: url('/html/fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'), url('/html/fonts/Arial-BoldMT.woff2') format('woff2'), url('/html/fonts/Arial-BoldMT.woff') format('woff'), url('/html/fonts/Arial-BoldMT.ttf') format('truetype'), url('/html/fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'ArialItalic';
	src: url('/html/fonts/Arial-ItalicMT.eot');
	src: url('/html/fonts/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'), url('/html/fonts/Arial-ItalicMT.woff2') format('woff2'), url('/html/fonts/Arial-ItalicMT.woff') format('woff'), url('/html/fonts/Arial-ItalicMT.ttf') format('truetype'), url('/html/fonts/Arial-ItalicMT.svg#Arial-ItalicMT') format('svg');
	font-weight: normal;
font-style: italic;
}
@font-face {
	font-family: 'ArialBoldItalic';
	src: url('/html/fonts/Arial-BoldItalicMT.eot');
	src: url('/html/fonts/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'), url('/html/fonts/Arial-BoldItalicMT.woff2') format('woff2'), url('/html/fonts/Arial-BoldItalicMT.woff') format('woff'), url('/html/fonts/Arial-BoldItalicMT.ttf') format('truetype'), url('/html/fonts/Arial-BoldItalicMT.svg#Arial-BoldItalicMT') format('svg');
	font-weight: bold;
	font-style: italic;
}
/* ======================================================
RESET DEFAULT STYLES
====================================================== */
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	vertical-align: baseline;
}
/* Body */
body {
	font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0 auto;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	position: relative;
	width: 100%;
	max-width: 1920px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}
.hiddenForm {
	display: none;
}
.hideFormLink {
	display: none;
}
#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
	font-family: 'HelveticaNeueLT-BoldCond', Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 275%;
}
.horzontalLine55 {
	position: relative;
	margin: 30px auto;
	width: 55%;
	border-top: 1px #ccc solid;
}
.horzontalLine100 {
	position: relative;
	width: 100%;
	border-top: 1px #ccc solid;
	margin: 15px 0px;
}
.row {
	position: relative;
	width: 100%;
}
/*   SECTIONS   */
/*============ UNCOMMON SUCESS ============*/
div.text_column60.purple > h3 {
	display: inline;
	color: #7686c2;
}
div.text_column60.purple > p {
	display: inline;
	font-size: 112.5%;
}
/*============== BRAND BUILDERS ============*/
div.text_column60.green > h3 {
	display: inline;
	color: #6dbe4b;
}
div.text_column60.green > p {
	display: inline;
	font-size: 112.5%;
}
/*=============== CORE ==================*/
div.text_column60.orange > h3 {
	display: inline;
	color: #f47d30;
}
div.text_column60.orange > p {
	display: inline;
	font-size: 112.5%;
}
divtext_column60.turquoise > h3 {
	color: #00b7b0;
}
div.text_column60.turk > h3 {
	color: #00b7b0;
	margin: 15px 0 5px 0;
}
div.text_column60 > h3 {
	display: inline;
}
section.uncommon, section.brandBuild, section.contact {
	margin-top: 2%;
	margin-bottom: 2%;
}
section.core {
	margin-top: 2%;
}
section.core3 {
	margin-bottom: 2%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: none;
	height: auto;
}
.grey {
	color: #a1a1a4;
}
/* primary color for client */
.primary {
	color: #7686c2;
}
/* primary color */
.iamhere {
	color: #7686c2;
}
.mediumBlue {
	color: #2caae2;
}
.turquoise {
	color: #00b7b0;
}
.orange {
	color: #f47d30;
}
.green {
	color: #6dbe4b;
}
.bgDarkBlue {
	background-color: #012169;
}
.bgMediumBlue {
	background-color: #0072CE;
}
.bgLightBlue {
	background-color: #00A5DF;
}
.bgAqua {
	background-color: #64CCC9;
}
.bgGreen {
	background-color: #97D700;
}
.bgOrange {
	background-color: #f47d30;
}
.bgGrey {
	background-color: #a1a1a4;
}
.mobileHeader {
	display: none;
}
.header-container {
	margin: 0 auto;
	height: 106px;
}
header {
	width: 100%;
	max-width: 1920px;
	margin: 0;
	top: 0;
	z-index: 5;
	background-color: #ffffff;
	position: fixed;
	-webkit-box-shadow: 0 8px 12px -8px #191919;
	-moz-box-shadow: 0 8px 12px -8px #191919;
	box-shadow: 0 8px 12px -8px #191919;
}
.logo {
	width: 30%;
	float: left;
	margin: 15px 0 15px 25px;
}
nav.top {
	float: right;
	width: 60%;
	text-align: right;
	margin-right: 25px;
	margin-top: 1%;
	height: 30px;
}
header nav.top ul {
	list-style: none;
	float: right;
}
nav.top ul li {
	float: left;
	font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 100%;
	text-align: left;
	margin: 0;
	transition: all 0.3s linear;
	text-transform: uppercase;
}
nav.top ul li:not(:last-child):after {
	content: ' | ';
	margin: 0 5px;
	color: #a1a1a4;
}
ul li a {
	text-decoration: none;
}
ul li:hover a {}
nav.topSocial {
	float: right;
	width: 60%;
	text-align: right;
	margin-right: 25px;
	margin-top: 0;
}
header nav.topSocial ul {
	list-style: none;
	float: right;
}
nav.topSocial ul li {
	float: left;
	font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	margin: 0;
	transition: all 0.3s linear;
	padding: 5px;
	font-size: 100%;
}
.main {
	position: relative;
	width: 100%;
	clear: both;
}
.animationRow {
	width: 100%;
	max-width: 1920px;
	display: flex;
}
.animationRowMobile {
	width: 100%;
	max-width: 1920px;
	display: block;
}
.animationRow.blockDisplay {
	display: block;
}
.column_animation {
	width: 50%;
	display: block;
}
.column_animation img {
	width: 100%;
	height: 100%;
}
.column_arrow {
	width: 4%;
	display: block;
}
.column_arrow img {
	width: 100%;
	height: 100%;
}
.column_header {
	width: 46%;
	display: block;
}
#uncommonDiv, #brandBuildersDiv, #coreDiv, #contactDiv {
	position: relative;
}
#uncommonDiv > div, #brandBuildersDiv > div, #coreDiv > div, #contactDiv > div {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text_align {
	text-align: center;
}
/* =====Brand ===*/
div.listBrand {
	width: 100%;
	clear: both;
	overflow: hidden;
}
div.listBrand h3 {
	float: left;
	width: 83%;
	padding-top: 4px;
}
div.listBrand h3.orange:before {
	color: #f47d30;
}
div.listBrand h3.green:before {
	color: #6dbe4b;
}
div.listBrand h3.turquoise:before {
	color: #00b7b0;
}
div.listBrand h3:before {
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	content: "\f192";
	color: #f47d30;
	font-size: 112%;
	font-weight: 800;
}
div.listBrand p {
	float: left;
	width: 83%;
	font-size: 112%;
	margin-top: 0px;
}
p.last {
	margin-bottom: 0px;
}
/*==========DEMO BUTTON=====*/
.toShow {
	display: block;
}
.toHide {
	display: none;
}
/* About Section */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
div.section, div.row {
	width: 100%;
	clear: both;
	overflow: hidden;
}
p.noPadding {
	padding: 0;
}
.noPadding {
	padding: 0;
}
/* 60 */
.text_column60 {
	width: 40%;
	position: relative;
	margin: 0 auto;
	color: #666666;
	clear: both;
}
.text_column60.contactForm {
	width: 54%;
	position: relative;
	margin: 0 auto;
	color: #666666;
	clear: both;
}
div.text_column60 > h4 {
	display: inline;
}
/*=============== CORE ================*/
/* Core bullets*/
.core2 > .row {
	margin-bottom: 30px;
}
.core2 > .row:nth-of-type(3n) {
	margin-bottom: 0;
}
.coreColumn {
	width: 25%;
	margin: 0 auto;
	position: relative;
	float: left;
	color: #666666;
}
div.coreColumn:nth-of-type(1n) {
	padding-left: 23%;
	padding-right: 2.0%;
}
div.coreColumn:nth-of-type(2n) {
	padding-left: 2.0%;
	padding-right: 23%;
}
.coreColumn p {
	font-size: 112%;
	margin-top: 2px;
}
.display-tableCore {
	display: table;
}
.display-tableCore > div {
	display: table-row;
}
.display-tableCore > div > div {
	display: table-cell;
	vertical-align: middle;
	font-family: 'HelveticaNeueLT-Condensed', Helvetica, Arial, 'sans-serif';
	font-size: 100%;
	padding: 5px;
}
div.checkBoxChoiceHolder {
	width: 100%;
	display: inline-block;
}
.checkBoxChoiceCopyColumn {
	width: 28%;
	margin: 0;
	display: block;
	position: relative;
	float: left;
}
.checkBoxChoiceChecksColumn {
	width: 29%;
	margin: 0;
	display: block;
	position: relative;
	float: left;
}
.checkBoxChoiceChecksColumn.first {
	width: 39%;
	margin: 0;
	display: block;
	position: relative;
	float: left;
}
div.checkBoxChoiceChecksColumn.orange > h3 {
	color: #f7941d;
	margin-bottom: 2px;
}
div.checkBoxChoiceChecksColumn.green > h3 {
	color: #6dbe4b;
	margin-bottom: 2px;
}
div.checkBoxChoiceChecksColumn.purple > h3 {
	color: #7686c2;
	margin-bottom: 2px;
}
div.checkBoxChoiceChecksColumn.mediumBlue > h3 {
	color: #2caae2;
	margin-bottom: 2px;
}
fieldset p.checkboxChoice {
	font-size: 112%;
	margin-top: 4px;
}
a.showFormLink:link, a.showFormLink:visited {
	color: #f47d30;
}
a.hideFormLink:link, a.hideFormLink:visited {
	color: #f47d30;
}
/*=============== CONTACT================*/
.contact > .row {
	margin: 0 auto 30px auto;
}
.contact > .row:nth-of-type(4n) {
	margin-bottom: 0;
}
.contactColumn {
	margin: 0 auto;
	position: relative;
	float: left;
	color: #666666;
}
div.contactColumn a {
	color: #666666;
}
div.contactColumn:nth-of-type(1n) {
	width: 15%;
	padding-left: 23%;
	padding-right: 2.0%;
}
div.contactColumn:nth-of-type(2n) {
	width: 35%;
	padding-left: 2.0%;
	padding-right: 23%;
}
.contactColumn p {
	font-size: 112%;
	margin-top: 2px;
}
.contactColumn p.details {
	font-size: 112%;
	margin: 2px;
}
.contactColumn span.contactDetailHeader {
	font-family: 'HelveticaNeueLT-BoldCond', Helvetica, Arial, 'sans-serif';
	color: #a1a1a4;
	width: 10%;
	display: inline-block;
}
/*=============Product Images =============*/
#contact_sec, #uncommon_sec, #uncommonMobile_sec, #brandBuild_sec, #core_sec, #core2_sec, #core3_sec {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.uncommon, .brandBuild, .core {
	max-width: 1920px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
	display: flex;
}
.core2, .core3 {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
	display: inline-block;
}
.contact {
	max-width: 1920px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.uncommon > h2, .brandBuild > h2, .core > h2, .core2 > h2, .core3 > h2, .contact > h2 {
	clear: both;
}
/* More info */
/* =========== FOOTER =================*/
.page-footer {
	background-color: #f8860b;
	width: 100%;
	clear: both;
	z-index: 999;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}
.page-footer a {
	color: #ffffff;
}
.footer-content {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	color: #ffffff;
	text-transform: uppercase;
}
.footer-content .top {
	background-color: #7b868c;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.footer-content .bottom {
	background-color: #a8a8aa;
	width: 100%;
	text-align: center;
	overflow: hidden;
	clear: both;
}
p.topText, p.bottomText {
	text-align: center;
	padding: 4px 0;
	font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 80%;
}
.nfooterCol-container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background-color: #a8a8aa;
	border: none;
	color: #ffffff;
	/*border-bottom: 1px dotted #ffffff;*/
	padding: 1em;
	text-transform: uppercase;
	display: table;
	table-layout: fixed; /* important for IE & Firefox table display issue */
	clear: both;
	overflow: hidden;
}
.nfooterCol:first-of-type {
	width: 45%;
	display: table-cell;
	/*border-right: 1px dotted #ffffff;*/
}
.nfooterCol:nth-of-type(2) {
	width: 20%;
	display: table-cell;
	padding: 0 1em;
	/*	border-right: 1px dotted #ffffff;*/
}
.nfooterCol:last-of-type {
	width: 45%;
	display: table-cell;
	padding: 0 0 0 1em;
	border-right: none;
	float: right;
}
.nf-section {
	width: 95%;
	padding: 0 0 2em 1em;
	text-align: left;
	clear: both;
}
.nf-section:last-of-type {
	padding-bottom: 0;
}
p.nf-subhead {
	border-bottom: 1px dotted #ffffff;
	padding-bottom: .50em;
	margin-bottom: .50em;
	font-size: 85%;
	font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
}
ul.nf-social-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	overflow: hidden;
}
ul.nf-social-links li {
	display: inline-block;
	text-align: left;
	text-decoration: none;
	padding: 4px;
	font-size: 150%;
}
ul.nf-social-links li:last-of-type {
	padding-right: 0;
}
ul.nf-social-links li:nth-child(5):before {
	content: '|';
	margin-right: 6px;
	margin-left: -2px;
}
ul.nf-social-links li a {
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
}
ul.nf-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
	overflow: hidden
}
ul.nf-links li img {
	height: auto;
	width: auto;
}
ul.nf-links li {
	display: block;
	text-align: left;
	text-decoration: none;
	padding: 0;
}
ul.nf-links li:last-of-type {
	padding-bottom: 0;
}
ul.nf-links li a {
	font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
	font-size: 85%;
}
.footer .copyright, .footer .bugs {
	width: 100%;
	margin-top: 4em;
	padding-top: 25px;
	text-align: center;
	border-top: 2px dotted #9494d2;
	clear: both;
}
/*==================END FOOTER =============================*/
.hidden {
	display: none;
}
.header-container .mobileHeader {
	display: none;
}
/* ==== CONTACT PAGE ==== */
.contact-address {
	padding-bottom: 20px;
	text-transform: uppercase;
}
.contact-address p {
	margin-bottom: 5px;
}
p.contact-email {
	text-transform: uppercase;
	margin-bottom: 10px;
}
.social-networks.page-contact {
	font-size: 30px;
}
.social-networks.page-contact li a:hover {
	color: #63656a;
}
/* ======================================================
FORM ELEMENTS
====================================================== */
.input-cols {
	width: 54%;
	position: relative;
	margin: 0 auto;
	clear: both;
	padding-bottom: 30px;
}
.input-cols2 {
	float: left;
	width: 48%;
	padding: 0px;
	overflow: hidden;
}
.input-cols2.first {
	padding-right: 4%
}
#status-container3.success {
	color: #f47d30;
	border: 1px solid #f47d30;
	font-size: 112%;
	padding: 15px;
	margin: 15px 0;
}
#status-container3.error {
	color: #f47d30;
	border: 1px solid #f47d30;
	font-size: 112%;
	padding: 15px;
	margin: 15px 0;
}
#status-container p {
	margin: 0;
}
fieldset p {
	margin-bottom: 10px;
	color: #666666;
}
label {
	color: #666666;
	text-transform: uppercase;
	padding-bottom: 5px;
}
label span.required {
	color: #666666;
}
input, select, textarea, label {
	display: block;
}
input, select, textarea, radio {
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	border: 1px solid #F2F0F0; /* Clear default styles */
	-webkit-appearance: none; /* disable Safari default styles */
	background-color: #F2F0F0;
	font-family: inherit;
	font-size: 100%;
}
input:focus, select:focus, textarea:focus {
	border: 1px solid #666666;
}
input[type="text"] {
	width: 96%;
	height: 25px;
	padding: 3px 5px 2px 5px;
}
input[type="radio"] {
	display: inline-table;
	height: 25px;
	padding: 2px 10px 2px 10px;
}
input[type="number"] {
	width: 96%;
	height: 25px;
	padding: 3px 5px 2px 5px;
}
/* IE10+ FOR removing drop-down arrow */
textarea {
	width: 98%;
	min-height: 150px;
	padding: 5px;
	resize: vertical;
}
input[type="submit"] {
	width: 100%;
	color: #ffffff;
	background-color: #F47D30;
	-webkit-appearance: none;
	border: none;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 5px;
	cursor: pointer;
	font-weight: 600;
}
input[type="submit"]:hover {
	background-color: #F47D30;
}
/* FOR SMALLER THAN 1590PX BUT LARGER THAN 1690PX *******************/
@media only screen and (min-width: 1590px) and (max-width: 1690px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		color: #ffffff;
		font-size: 250%;
	}
}
/* FOR SMALLER THAN 1380PX BUT LARGER THAN 1589PX *******************/
@media only screen and (min-width: 1380px) and (max-width: 1589px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		color: #ffffff;
		font-size: 225%;
	}
}
/* FOR SMALLER THAN 1379PX BUT LARGER THAN 1200PX *******************/
@media only screen and (min-width: 1232px) and (max-width: 1379px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		color: #ffffff;
		font-size: 200%;
	}
}
/* FOR SMALLER THAN 1231PX BUT LARGER THAN 1097PX *******************/
@media only screen and (min-width: 1097px) and (max-width: 1231px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		color: #ffffff;
		font-size: 180%;
	}
}
/* FOR SMALLER THAN 1096PX BUT LARGER THAN 894PX *******************/
@media only screen and (min-width: 894px) and (max-width: 1096px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		font-size: 160%;
		font-weight: 400;
	}
}
/* FOR SMALLER THAN 1231PX BUT LARGER THAN 1097PX *******************/
@media only screen and (min-width: 768px) and (max-width: 893px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		font-size: 135%;
		font-weight: 400;
	}
}
/* FOR SMALLER THAN 767PX BUT LARGER THAN 500PX *******************/
@media only screen and (min-width: 500px) and (max-width: 767px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		font-size: 115%;
		font-weight: 400;
	}
}
/* FOR SMALLER THAN 499PX BUT LARGER THAN 320PX *******************/
@media only screen and (max-width: 499px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		font-size: 105%;
		font-weight: 400;
	}
}
/* FOR SMALLER THAN 499PX BUT LARGER THAN 320PX *******************/
@media only screen and (max-width: 320px) {
	#uncommon_sec div h1, #brandBuild_sec div h1, #core_sec div h1, #contact_sec div h1 {
		font-size: 90%;
		font-weight: 400;
	}
}
/* FOR SMALLER THAN 1500PX BUT LARGER THAN 1023PX *******************/
@media only screen and (min-width: 1350px) and (max-width: 1500px) {
	.contactColumn span.contactDetailHeader {
		width: 12%;
	}
}
/* FOR SMALLER THAN 1500PX BUT LARGER THAN 1023PX *******************/
@media only screen and (min-width: 1024px) and (max-width: 1349px) {
	.contactColumn span.contactDetailHeader {
		width: 15%;
	}
}
/* FOR SMALLER THAN 1023PX BUT LARGER THAN 320PX *******************/
@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.contactColumn span.contactDetailHeader {
		width: 15%;
	}
}
/* FOR SMALLER THAN 846PX*/
@media only screen and (max-width: 846px) {
	ul.nf-links {
		width: 90%;
	}
	ul.nf-social-links li {
		display: block;
	}
}
/* FOR SMALLER THAN 1096PX*/
@media only screen and (max-width: 1095px) {
	.header-container {
		margin: 0 auto;
		height: 80px;
	}
}
/* FOR SMALLER THAN 500PX*/
@media only screen and (max-width: 500px) {
	.header-container {
		margin: 0 auto;
		height: 70px;
	}
}
/* FOR ALL SMALLER THAN 1024PX ************************/
@media only screen and (min-width: 320px) and (max-width: 1096px) {
	body, .container, .header-container, .footer-container, .mobileHeader .allUserMenu {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.header-container .mobileHeader {
		width: 100%;
		display: block;
		clear: both;
		z-index: 5000;
	}
	.mobileHeader .logo {
		float: left;
	}
	.mobileHeader .logo img.siteLogo {
		/*	padding: 10px;*/
	}
	.mobileHeader .mobileMenuBtn {
		float: right;
	}
	.mobileHeader .mobileMenuBtn img {
		width: auto;
		height: auto;
		padding: 5px;
		cursor: pointer;
	}
	.mobileHeader .mobileMenuBtn i {
		font-size: 200%;
		padding-right: 5px;
		color: #7686c2;
	}
	.mobileHeader .allUserMenu {
		display: none;
		position: fixed;
		width: 40%;
		height: 100%;
		background: #7686c2;
		top: 0;
		right: -100%;
		overflow-y: scroll;
	}
	.mobileHeader .allUserMenu.active {
		right: 0;
	}
	.mobileHeader .allUserMenu ul {
		/*	font-size: 80%;*/
		font-family: 'HelveticaNeueLT-Condensed', Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: 600;
	}
	.mobileHeader .allUserMenu ul li {
		border-bottom: 1px solid #ffffff;
		text-transform: uppercase;
	}
	.mobileHeader .allUserMenu ul li:last-of-type {
		border-bottom: none;
	}
	.mobileHeader .allUserMenu ul li a {
		color: #ffffff;
		padding: 15px;
		display: block;
	}
	.mobileHeader .allUserMenu ul li a:hover {
		background-color: #7686c2;
		color: #ffffff;
	}
	.mobileHeader .allUserMenu ul li a.active {
		background-color: #7686c2;
		color: #ffffff;
	}
	.container, .header {
		width: 95%;
	}
}
/* FOR SMALLER THAN 1024PX BUT LARGER THAN 768PX *******************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mobileHeader .allUserMenu {
		width: 40%;
	}
	body.active, .header-container.active, .footer-container.active {
		left: -40%;
	}
	/*==================	STYLES=====================*/
	.uncommon, .brandBuild, .core {
		display: block;
	}
	div.coreColumn:nth-of-type(n) {
		padding-left: 10%;
		padding-right: 1.0%;
	}
	div.coreColumn:nth-of-type(2n) {
		padding-left: 2.0%;
		padding-right: 9%;
	}
	.coreColumn {
		width: 39%;
	}
	.horzontalLine55 {
		width: 81%;
	}
	div.contactColumn:nth-of-type(n) {
		width: 22%;
		padding-left: 16%;
		padding-right: 2.0%;
	}
	div.contactColumn:nth-of-type(2n) {
		width: 45%;
		padding-left: 2.0%;
		padding-right: 13%;
	}
	.text_column60 {
		width: 70%;
	}
	.text_column60.contactForm {
		width: 80%;
/*		position: relative;
		margin: 0 auto;
		color: #666666;
		clear: both;*/
	}
	.input-cols {
		width: 80%;
	}
	.nfooterCol:last-of-type {
		padding: 0 2em 0 1em;
	}
	.nfooterCol:first-of-type {
		width: 35%;
	}
	ul.nf-links {
		width: 100%;
	}
	.nfooterCol:nth-of-type(2) {
		width: 0%;
	}
	.nfooterCol:last-of-type {
		width: 35%;
	}
}
/* FOR SMALLER THAN 767PX BUT LARGER THAN 480PX ***/
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.mobileHeader .allUserMenu {
		width: 55%;
		z-index: 5;
	}
	body {
		font-size: 90%;
	}
	body.active, .header-container.active, .footer-container.active {
		left: -55%;
	}
	.nfooterCol-container {
		display: block;
	}
	.nfooterCol:first-of-type {
		width: 100%;
		display: block;
	}
	.nfooterCol:last-of-type {
		padding: 0 2em 0 1em;
	}
	.text_column60.contactForm {
		width: 80%;
/*		position: relative;
		margin: 0 auto;
		color: #666666;
		clear: both;*/
	}
	.input-cols {
		width: 80%;
	}
}
/* Mobile */
@media (max-width: 320px) {
	body {
		font-size: 78%;
	}
	/* Mobile menu animation */
	.header-container {
		overflow: initial;
	}
	header {
		display: none;
		padding: 0;
	}
	.header-container .mobileHeader {
		width: 100%;
		display: block;
		clear: both;
	}
	html, body, .header-container, .main-container, .footer-container {
		min-width: initial;
	}
	.mobileHeader .allUserMenu {
		width: 75%;
		z-index: 5;
	}
	body.active, .header-container.active, .footer-container.active {
		left: -75%;
	}
	.mobileHeader .mobileMenuBtn img {
		padding: 2px 5px;
	}
	.logo {
		margin: 25px 0 5px 5px;
	}
	.footer_column {
		width: 100%;
		margin-top: 0px;
	}
	.footer_column {
		padding-top: 5px;
	}
	.nfooterCol-container {
		display: block;
	}
	.nfooterCol:first-of-type {
		width: 100%;
		display: block;
	}
	.nfooterCol:nth-of-type(2) {
		display: none;
	}
	.nfooterCol:last-of-type {
		width: 100%;
		display: inline-block;
		padding: 0 0 0 1em;
		border-right: none;
		float: left;
		text-align: left;
	}
	ul.nf-social-links li {
		font-size: 200%;
		padding: 8px 8px 0 8px;
	}
	p.topText, p.bottomText {
		padding: 0;
	}
	ul.nf-social-links li:nth-child(5)::before {
		content: '';
		margin-right: 0;
		margin-left: 0;
	}
	/*================ STYLES===============*/
	.uncommon, .brandBuild, .core {
		display: block;
	}
			section.uncommon, section.brandBuild, section.contact {
    margin-top: 4%;
    margin-bottom: 4%;
}
	section.core {
    margin-top: 4%;
}
	.horzontalLine55 {
    margin: 15px auto;
}
.contact > .row {
    margin: 0 auto 15px auto;
}

.core2 > .row {
    margin-bottom: 15px;
}
	.text_column60 {
		padding-left: 0px;
		padding-right: 0px;
		width: 95%;
	}
	.text_column60.contactForm {
		width: 80%;
		position: relative;
		margin: 0 auto;
		color: #666666;
		clear: both;
	}
	.input-cols {
		width: 80%;
	}
	.checkBoxChoiceChecksColumn {
		width: 100%;
	}
	.checkBoxChoiceChecksColumn.first {
		width: 100%;
	}
	.input-cols2.first {
		padding-right: 0;
	}
	.input-cols2 {
		float: left;
		width: 100%;
		padding: 0px;
		overflow: hidden;
	}
	.animationRow {
		height: 139px;
	}

}
/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
	/* Mobile menu animation */
	header {
		display: none;
		padding: 0;
	}
	.header-container .mobileHeader {
		width: 100%;
		display: block;
		clear: both;
	}
	.mobileHeader .allUserMenu {
		width: 55%;
		z-index: 5;
	}
	body.active, .header-container.active, .footer-container.active {
		left: -55%;
	}
	.footer_column {
		width: 100%;
		margin-top: 0px;
	}
	.nfooterCol-container {
		display: block;
	}
	.nfooterCol:first-of-type {
		width: 100%;
		display: block;
	}
	.nfooterCol:nth-of-type(2) {
		display: none;
	}
	.nfooterCol:last-of-type {
		width: 100%;
		display: inline-block;
		padding: 0 0 0 1em;
		border-right: none;
		float: left;
		text-align: left;
	}
	ul.nf-social-links li {
		font-size: 200%;
		padding: 8px 9px 0 9px;
	}
	p.topText, p.bottomText {
		padding: 0;
	}
	ul.nf-social-links li:nth-child(5)::before {
		content: '';
		margin-right: 0;
		margin-left: 0;
	}
	#mobileCheck {
		display: none;
	}
}
@media (min-width: 320px)and (max-width: 767px) {
	body {
		font-size: 78%;
	}
	.uncommon, .brandBuild, .core {
		display: block;
	}
			section.uncommon, section.brandBuild, section.contact {
    margin-top: 4%;
    margin-bottom: 4%;
}
	section.core {
    margin-top: 4%;
}
	.horzontalLine55 {
    margin: 15px auto;
}
.contact > .row {
    margin: 0 auto 15px auto;
}

.core2 > .row {
    margin-bottom: 15px;
}
	.text_column60 {
		padding-left: 0px;
		padding-right: 0px;
		width: 90%;
	}
	.coreColumn {
		width: 80%;
		float: none;
	}
	div.coreColumn:nth-of-type(n) {
		padding-left: 0;
		padding-right: 0;
	}
	div.coreColumn:nth-of-type(2n) {
		padding-left: 0;
		padding-right: 0;
	}
	.display-tableCore > div > div {
		padding: 5px 5px 5px 0px;
	}
	div.contactColumn:nth-of-type(2n) {
		width: 80%;
		padding-left: 0;
		padding-right: 0;
	}
	div.contactColumn:nth-of-type(n) {
		width: 80%;
		padding-left: 0;
		padding-right: 0;
	}
	.contactColumn {
		margin: 5px auto;
		float: none;
	}
	#uncommonDiv > div {
		top: 50%;
		left: 45%;
		transform: translate(-45%, -50%);
	}
	.horzontalLine55 {
		width: 80%;
	}
	.text_column60.contactForm {
		width: 80%;
/*		position: relative;
		margin: 0 auto;
		color: #666666;
		clear: both;*/
	}
	.input-cols {
		width: 80%;
	}
	.checkBoxChoiceChecksColumn {
		width: 100%;
	}
	.checkBoxChoiceChecksColumn.first {
		width: 100%;
	}
	.input-cols2.first {
		padding-right: 0;
	}
	.input-cols2 {
		float: left;
		width: 100%;
		padding: 0px;
		overflow: hidden;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	body {
		font-size: 78%;
	}
	.uncommon, .brandBuild, .core {
		display: block;
	}
		section.uncommon, section.brandBuild, section.contact {
    margin-top: 4%;
    margin-bottom: 4%;
}
	section.core {
    margin-top: 4%;
}
	.horzontalLine55 {
    margin: 15px auto;
}
.contact > .row {
    margin: 0 auto 15px auto;
}

.core2 > .row {
    margin-bottom: 15px;
}
	.text_column60 {
		padding-left: 0px;
		padding-right: 0px;
		width: 90%;
	}
	.column_animation {
		width: 56%;
		display: block;
	}

	.coreColumn {
		width: 80%;
		float: none;
	}
	div.coreColumn:nth-of-type(n) {
		padding-left: 0;
		padding-right: 0;
	}
	div.coreColumn:nth-of-type(2n) {
		padding-left: 0;
		padding-right: 0;
	}
	.display-tableCore > div > div {
		padding: 5px 5px 5px 0px;
	}
	div.contactColumn:nth-of-type(2n) {
		width: 80%;
		padding-left: 0;
		padding-right: 0;
	}
	div.contactColumn:nth-of-type(n) {
		width: 80%;
		padding-left: 0;
		padding-right: 0;
	}
	.contactColumn {
		margin: 5px auto;
		float: none;
	}
	#uncommonDiv > div {
		top: 45%;
		left: 45%;
		transform: translate(-45%, -45%);
	}
	.horzontalLine55 {
		width: 80%;
	}
	.text_column60.contactForm {
		width: 80%;
/*		position: relative;
		margin: 0 auto;
		color: #666666;
		clear: both;*/
	}
	.input-cols {
		width: 80%;
	}
	.checkBoxChoiceChecksColumn {
		width: 100%;
	}
	.checkBoxChoiceChecksColumn.first {
		width: 100%;
	}
	.input-cols2.first {
		padding-right: 0;
	}
	.input-cols2 {
		float: left;
		width: 100%;
		padding: 0px;
		overflow: hidden;
	}

}
/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
	body {
		font-size: 90%;
	}
	header {
		display: none;
		padding: 0;
	}
	.header-container .mobileHeader {
		width: 100%;
		display: block;
		clear: both;
	}
	.mobileHeader .allUserMenu {
		width: 40%;
		z-index: 5;
	}
	body.active, .header-container.active, .footer-container.active {
		left: -40%;
	}
	.footer_column {
		width: 100%;
	}
	.nfooterCol:first-of-type {
		width: 100%;
		display: block;
	}
	.nfooterCol:last-of-type {
		padding: 0 2em 0 1em;
	}
	/*================STYLES=====================*/
	.uncommon, .brandBuild, .core {
		display: block;
	}
}