/*
 *	Use the section codes below to Ctrl+F jump to their respective sections.
 *
 *	CODE	SECTION
 *	=================================
 *	MODLC	Modular layout classes
 *	GLOBL	Globals
 *	RGTRL	Right rail
 *	CUCLS	Custom classes
 *	SEC01	Landing Page
 *	SEC02	Confirmation Page
 *	SEC03	Contact Us
 *	SEC04	Compose Letters Page
 *
 */



@import url('reset.css');

#__asptrace { display: none; }

html {

		 -ms-box-sizing:border-box;		
			 box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
			font-smoothing:antialiased;
}
*, *:before, *:after {
	 -ms-box-sizing: inherit;		
		 box-sizing: inherit;
}

html {
	width:100%;
	font-size:62.5%;
}

body {
   	font:300 1.500em/1.6 'Open Sans', arial, Tahoma, sans-serif;
	min-height: 100%;
	background-color:#f9ede7;
	overflow-x: hidden;
}

.belowsubmit{
	font-size: 10px;
}
/* Modular layout classes [MODLC]
   ============================================================================================== */

.one-column, .two-columns, .three-columns, .column-rail, aside {
	clear: both;
	max-width: 1060px;
	width: 100%;
	margin: 0 auto 25px;
}
.short-content {
	width: 65%;
	padding: 0 10px;
}
.column-rail, aside {
	margin-right: 0;
}

.two-columns.with-border:first-child {
	border-right: 1px solid #fff;
	padding-left: 5.8%;
	margin-right: 9%;
	width: 60%;
}

.two-columns.with-border.column-rail {
	border: 0;
}

.column-rail, aside {
	width: 25%;
}

.content-top {
	margin: 0 0 20px;
}

.content-top table tbody tr td  {
 vertical-align: middle;
}

.content-bottom {
	clear: both;
	margin: 20px 0 0;
}

/* Hiding the Reg form, will only display on certain pages */
#form {
	display: none;
}
.home-page #form {
	display: block;
}
Body[class|='content'] #form {
	display: block;
}



/* Globals [GLOBL]
   ============================================================================================== */

/* Form elements */

fieldset div {
	clear: both;
	margin: 5px 0 0;
}
label {
	color: #000;
	font: 700 13px/2em 'Open Sans', arial, Tahoma, sans-serif;
}
label[for="JoiningAs"]{
	font: 700 12px/2em 'Open Sans', arial, Tahoma, sans-serif;
}
label[for="individual"], label[for="business"]{
	color: #686868;
	font: 400 13px/normal 'Open Sans', arial, Tahoma, sans-serif;
	width: 70%;
	line-height: 23px;
}

.join-as-container {
	margin: 0 0 15px;
}

.orange-asterisk {
	color:#71c7d8;
}

input[type="text"], input[type="email"], input[type="tel"], select, textarea {
	background: #fff;
	border: 1px solid #adadad;
	padding: 5px;
	resize: vertical;
	color: #252525;
	font-size: 13px;
	font-family: 'Open Sans', arial, Tahoma, sans-serif;
}
.age p {
	color: #252525;
font-size: 13px;
}

input[type="submit"] {
	background-image: linear-gradient(bottom, #2aa9c7 50%, #2db6d6 50%);
	background-image: -o-linear-gradient(bottom, #2aa9c7 50%, #2db6d6 50%);
	background-image: -moz-linear-gradient(bottom, #2aa9c7 50%, #2db6d6 50%);
	background-image: -webkit-linear-gradient(bottom, #2aa9c7 50%, #2db6d6 50%);
	background-image: -ms-linear-gradient(bottom, #2aa9c7 50%, #2db6d6 50%);
	border:0;
	cursor: pointer;
	padding: 8px 3%;
	
	color: #fff;
	font: 700 22px/normal 'Oswald', sans-serif; 
	
	-webkit-appearance: none;
	display:inline;
	text-transform: uppercase;
}
input[type="submit"]:hover {
	background-image: linear-gradient(bottom, #69b9c9 50%, #71c7d8 50%);
	background-image: -o-linear-gradient(bottom, #69b9c9 50%, #71c7d8 50%);
	background-image: -moz-linear-gradient(bottom, #69b9c9 50%, #71c7d8 50%);
	background-image: -webkit-linear-gradient(bottom, #69b9c9 50%, #71c7d8 50%);
	background-image: -ms-linear-gradient(bottom, #69b9c9 50%, #71c7d8 50%);
	color:#fff;
}

.btn-secondary {
	background: -moz-linear-gradient(top, #e48622, #cc4812);
	background: -webkit-linear-gradient(top, #e48622, #cc4812);
	background: linear-gradient(top, #e48622, #cc4812);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48622', endColorstr='#cc4812');
	background-image: linear-gradient(to bottom, #e48622 0%, #cc4812 100%);
	
	border: 1px solid #732f00;
	-moz-border-radius: 7px;
	border-radius: 7px;
	cursor: pointer;
	padding: 8px 13%;

	color: #fff;
	font: normal 16px/normal 'Open Sans', arial, Tahoma, sans-serif;
	text-shadow: #494949 -1px -1px 2px;
	
	-webkit-appearance: none;
	display:inline;
	text-decoration: none!important;
}

.btn-secondary:hover {
	background: #ca3b00;
}

span.jqTransformCheckboxWrapper {
	margin-right: 5px;
	margin-bottom: 20px;
}
.composeletters-page span.jqTransformCheckboxWrapper {
	margin-right: 5px;
	margin-bottom: 0px;
}

select {
	font: normal 13px/1em 'Open Sans', arial, Tahoma, sans-serif;
	color: #252525;
	padding: 1px;
}

/* List elements */

/* 
 * removing the list-style-image - because alignment of that image
 * is NOT cross-browser compatible.
 * Instead, allowing the marker to be the same color as the text content
 * and setting the marker to square
 */
ul {
    list-style: square outside; 
    margin-left: 17px;
}
ol {
	list-style: decimal outside none;
	margin-left: 17px;
}

/* Structural elements */

#PageWrapper {
	background: #f9ede7;
	display: block;
    margin: 0 auto 0;
	width: 100%;
}
	
/* Header elements */
header {
	background-color: #0b7447;
	/*height:68px; */
	width:100%;
	height: 68px;
	position: fixed;
	z-index: 1000;
}
	.header__container {
		max-width: 1060px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		margin-top: 15px;
	}
		.header__container__social {
			width: 25%;
			justify-content: flex-end;
		}
			#social-media-container {
				margin:0;
				padding:0;
				width:auto;
				float:right;
				list-style:none;
			}
			#social-media-container li {
				margin:0 0 0 25px;
				padding:0;
				float:left;
			}

			#social-media-container li a {
				height: 45px;
				width: 45px;
				color: #ffffff;
			}
			#social-media-container #fb a:hover {
				color: #3b5998
			}
			#social-media-container #twt a:hover {
				color: #4099FF;
			}
		.header__container__navigation {
			width: 75%;
			justify-content: flex-start;
			margin-top: 5px;
		}
			nav {
				height: 26px;
				bottom:0;
				right: 0;
			}
			.navmargin {
				margin-top: 0;
			}

			nav ul {
				list-style: none;
				overflow: hidden; /* uses this instead of clearfix because we're using Menu tag control */
			}
			nav > ul {
				margin: 0;
				float: right;
				display:block;
				width: 100%;
			}
			nav ul li {
				padding-left: 22px;
			}
			@media (max-width:980px) {
				nav ul li {
					padding-left: 0;
				}
			}
			nav > ul > li:first-child {
				/*border-left: 1px solid #133950; */
				padding-left: 0;
			}
			nav ul li a {
				font: 700 26px/1em 'Oswald', sans-serif;
				display: block;
				color: #fff;
				text-transform:uppercase;
			}

			.navcolor {
				color: #fff;
			}
			nav ul li:hover > a {
				color: #71c7d8;
				text-decoration:none;
			}
			.jump-link a:hover {
				text-decoration: none;
				color: #71c7d8;
			}
			.ui {
				margin: 0;
				height: 0;
			}
			nav ul li ul {
				/*background: #c2dbe7 url(../img/bg-grad-nav-hover.png) repeat-x top;*/
				background-color: #000;
				height: auto;
				left: -9999em;
				position: absolute;
				margin-left: 0;
			}
			nav ul li:hover ul {
				left: auto;
				-webkit-user-select: none;
				-webkit-touch-callout: none;
				-webkit-box-shadow: 0 0 1px 0 #000000;
				-moz-box-shadow: 0 0 1px 0 #000000;
				-ms-box-shadow: 0 0 1px 0 #000000;
				box-shadow: 0 0 1px 0 #000000;
			}
			nav ul li ul li {
				border: 0;
			}
			nav ul li ul li a {
				border: 0;
			}
				.mobile-profile-navigation {
					background-color: #fff;
					padding: 0 10px;
					position: absolute;
					right: 0;
					top: 70px;
					width: 100%;
				}

				.mobile-profile-navigation p  {
					width: 50%;
					float: left;
					padding-left:10px;
				}
				.mobile-profile-navigation p .btn {
					display: block;
					text-align: center;
					width: 100%;
				}

/* Body elememnts */
#BodyWrapper {
	padding-top: 68px; /* Required for the fixed header */
	position: relative; /* required for z-index to work */
	width: 100%;
	z-index: 100;
}

.main {
	padding: 15px 0 0;
}
	.main__inner {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		max-width: 1060px;
		margin: 0 auto;
	}
		.main__inner__logo {
			margin-bottom: 15px;
		}
	.main__feature {
		height: 472px;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
	}
		.main__feature__inner {
			display: flex;
			flex-direction: column;
			padding-top: 80px;
			width: 100%;
			max-width: 1060px;
			margin: 0 auto;
			min-height: 100%;
		}
			.main__feature__inner__content {
				width: 60%;
				font-size: 18px;
			}
				.main__feature__inner__content h1 {
					font-size: 46px;
					line-height: 1.1em;
					margin-bottom: 30px;
					color: #ffffff;
				}
				.main__feature__inner__content p {
					line-height: 1.45em;
				}
	.main__sections {
		padding: 50px 0;
	}
		.main__sections h1 {
			font-weight: bold;
		}
	.main__sections:nth-child(even) {
		background: #f9ede7;
	}
	.main__sections:nth-child(odd) {
		background: #fff;
	}
.main div:nth-of-type(4) .main__inner-inner {
	justify-content: flex-start;
	width: 68%;
}
/* Form elements */
.form {
	background: #ffffff;
	position: absolute;
	right: 0;
	top: 0px;
	width: 30%;
	padding: 20px 30px;
	border: 1px solid #a3a3a3;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.60);
	z-index: 1000;
}

/* Footer elements */

#FooterWrapper {
	background:#000000;
	clear: both;
	margin: 0 auto;
	color:#ffffff;
}
	footer {
		margin: 10px auto;
		padding: 0;
		max-width: 1060px;
    	width: 100%;
	}
	.tracking br {
		display: none;
	}
		#Copyright {
			float: left;
			font: 200 12px/normal 'Open Sans', arial, Tahoma, sans-serif;
			padding-top: 0.5%;
		}
		
		#MoreLinks  {
			float: right;
			padding-top: 0.5%;
		}
		
			#MoreLinks  a {
				color:#ffffff;
				font: 700 12px/normal 'Open Sans', arial, Tahoma, sans-serif;
				display:inline;
				
				border-left: 1px solid #fff;
				float: left;
				padding: 0 5px;
				margin-left: 5px;
			}
				#MoreLinks  a:first-child {
					border-left: 0 none;
				}
			
			#MoreLinks  a:hover {
				opacity:0.7;
				text-decoration:none;
			}



/* Right rail [RGTRL]
   ============================================================================================== */

aside > ul {
	list-style: none;
	margin: 0;
}
	aside ul li {
		border-top: 1px solid #c8c8c8;
		padding: 10px 0;
	}
	aside ul li:first-child {
		border: 0;
		padding-top: 0;
	}
aside p {
	margin: 7px 0 20px 0;
}
aside img {
	border: 6px solid #d4d8de;
	margin-top: 7px;
	width:100%;
}



/* Custom classes [CUCLS]
   ============================================================================================== */

.dotted-border {
	border-top: 1px dotted #ccc;
}
.dotted-border:first-child {
	border: 0;
}
.loading-bar {
	background: url(../img/ani-loading-bar.gif) no-repeat center;
	height: 13px;
}
.more-arrow-blue {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid #143d55;
	float: right;
	height: 0;
	margin: 3px 0 0 3px;
	width: 0;
}


/* Trick from Joey to make the iframe under owl responsive, not tied to owl so can be used elsewhere on site if needed */
.responsive-iframe {
  position: relative;
}

.responsive-iframe:before {
  padding-bottom: 59%;
  content: '';
  display: block;
}

.responsive-iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}


.slide {
  width: 33.33%;
  float: left;
}



/* Section 1 - Landing Page [SEC01]
   ============================================================================================== */


.business-information {
    display: none;
}

#social-follow {
	display: inline;
}

.social-follow-left {
	float: left!important;
	clear:both;
}

.social-follow-left + p {
	clear:both;
}

fieldset div {
	position: relative;
}
	fieldset div label {
		width: 100%;
	}

	fieldset div label.error {
		clear: both;
		float: none;																		/* override float styles in jqtransform.css */
		width: auto;
	}
	fieldset div input[type="text"], fieldset div input[type="email"], fieldset div input[type="tel"] {
		float: left;
		width: 100%;
		margin-top: 0;
	}
	
	#Materials fieldset div input[type="text"] {
		width: 30%;
	}
	
	fieldset div input[type="submit"] {
		width: 100%;
	}
	fieldset div select {
		float: left;
		width: 50%;
		margin-top: 0;
		border-radius: 6px;
		height: 27px;
	}
	

/* Section 2 - Confirmation Page [SEC02]
   ============================================================================================== */

#Confirmation label {
	display: block;
	margin-top: 3px;
}
#Confirmation label:first-child {
	margin: 0;
}
#Confirmation label.error {
	clear: both;
	margin: 0;
}
#Confirmation input[type="text"] {
	float: left;
	margin: 0 5px 0 0;
	width: 130px;
}
#Confirmation #YourName, #Confirmation #YourEmail, #Confirmation #Subject {
	clear: both;
	width: 100%;
}
#Confirmation textarea {
	height: 150px;
	width: 100%;
}
#Confirmation input[type="submit"] {
	margin: 15px 0 0;
}

#ComposeLetters input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 8px 7%;
}

#Confirmation ul {
	margin: 15px 0 25px 17px;
}



/* Section 3 - Contact Us [SEC03]
   ============================================================================================== */

#ContactUs fieldset label {
	float: left;
	width: 80px;
}
#ContactUs label.error {
	margin-left: 80px;
	width: 58%;
}

#ContactUs #Subject + label.error, #ContactUs #Body + label.error {
	margin-left: 0;
}

#ContactUs fieldset input[type="text"], #ContactUs fieldset textarea {
	float: left;
	width: 200px;
}
#ContactUs fieldset #Subject, #ContactUs fieldset textarea {
	width: 100%;
}
#ContactUs fieldset textarea {
	height: 200px;
}

#ContactUs input[type="submit"] {
	margin: 15px 0 0;
}

/* Section 4 - Compose Letters Page [SEC04]
   ============================================================================================== */
   
/* Section 20 - News [SEC20]
============================================================================================== */

.articles li {
	margin-bottom: 25px;
}
.articles li .truncate {
	max-height: 50px;
}
.articles li a {
	font-weight: normal;
}


/* Composeletters
============================================================================================== */

#ComposeLetters .targets {
	list-style: none;
	margin: 0;
}
	#ComposeLetters .targets li {
		overflow: hidden;
	}
		#ComposeLetters .targets li label {
			margin-left: 5px;
		}
#ComposeLetters .letter-section {
	margin: 15px auto 20px;
	padding: 0 0 35px;
}
	#ComposeLetters .letter {
		background-color: #fff;
		margin: 15px auto 0;
		/*width: 930px;*/
	}
		#ComposeLetters .letter-tophalf {
			padding: 0;
		}
			#ComposeLetters .letter-salutation {
				margin: 0 0 5px;
			}
			#ComposeLetters .letter-top {
				margin: 0 0 30px;
			}
			#ComposeLetters textarea {
				border: 1px solid #d9d9d9;
				background: none;
				height: 150px;
				width: 95%;
				
				font: normal 12px/normal Helvetica, Arial, Tahoma, sans-serif;
			}
		#ComposeLetters .letter-bottomhalf {
			padding: 0;
		}
			#ComposeLetters .letter-signature {
				margin: 0;
			}
#ComposeLetters .comm-types {
	list-style: none;
	margin: 0
}
	#ComposeLetters .comm-types li {
		float: left;
		margin-right: 10px;
	}

#ComposeLetters input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 8px 7%;
}



/* Clearfix - http://css-tricks.com/snippets/css/clear-fix/
   ============================================================================================== */

.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;																						/* for IE 6/7 (trigger hasLayout) */
}



/* Placeholder plugin
   ============================================================================================== */

.placeholder, :-moz-placeholder {
	cursor: text;
	
	color: #000 !important;
	font-style: italic !important;
	font-weight: bold !important;
}


::-webkit-input-placeholder { color:#595959; opacity: 1 !important;}
:-moz-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
:-ms-input-placeholder { opacity: 1;}
::-ms-input-placeholder { opacity: 1;}

/* Validation plugin
   ============================================================================================== */

.error {
	display: block;
}
label.error, p.error {
	color: #F47B2A;
}
label.error {
	font-weight: normal;																			/* override bold weight when used on labels */
}



/* Modal plugin
   ============================================================================================== */

#simplemodal-overlay {
	background: #000;
}
#simplemodal-container {
	background: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
}
	.modalCloseImg {
		background: url(../img/btn-modal-close.png) no-repeat;
		cursor: pointer;
		display: inline;
		height: 29px;
		position: absolute;
		right: -12px;
		top: -12px;
		width: 25px;
		z-index: 2000;
	}



/* Additional Information Component
   ============================================================================================== */
	 
#AdditionalInfo .GeneralInformationContainer, #AdditionalInfo .LegislatorPanel {
    margin: 0 0 30px;
}
#AdditionalInfo .FormRowContainer {
    margin: 5px 0;
    overflow: hidden;
}
#AdditionalInfo .jqTransformCheckboxWrapper {
    margin-right: 6px;
}
#AdditionalInfo .LabelAndRadioButtonContainer {
    display: block;
    overflow: hidden;
}
#AdditionalInfo .Label_X_RequiredMark {
    display: block;
    overflow: hidden;
}
#AdditionalInfo .Label_X_RequiredMark .RequiredMark {
    display: none;
}
#AdditionalInfo #AdditionalInfo_GeneralInformationContainer .Label_X_RequiredMark {
    float: left;
    width: 85px;
}
#AdditionalInfo .RequiredValidationWarningSpan {
	color: red;
	clear: both !important;
}
#AdditionalInfo input + .RequiredValidationWarningSpan {
	margin-left: 10px;
}

/* Recaptcha Customization */
#recaptcha_response_field_placeholder {
    top: 3px !important;
}

/* Accordion Elements */
/*
dt, dd, dl {
	padding: 0;
	margin: 0;
	float: none;
	display: block;
}
dt {
	color: #000;
	font-weight: 600;
	padding-left: 20px;
	line-height: 30px;
	cursor: pointer;
	position: relative;
}
dt:before {
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
}
dt.active:before {
	content: "\f078";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
}
dd.active {
	display: block;
}
dd {
	padding: 5px 15px;
	display: none;
}
*/

/* Accordion */
.accordion {
	margin-top: 15px;
}
	.accordion dt {
		background: none;
		cursor: pointer;
		margin-top: 5px;
		padding: 8px 11px 8px 20px;
		position: relative;
		color: #000000;
		font: 700 16px/normal 'Open Sans', arial, Tahoma, sans-serif;
	}
	.accordion dt .arrow-orange-down:before {
		content: "\f078";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
		top: 10px;
		left: 0px;
		color: #0b7447;
	}
	.accordion dt .arrow-orange-right:before {
		content: "\f054";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
		top: 12px;
		left: 0px;
		color: #0b7447;
	}
	.accordion dd {
		padding: 5px;
	}


/* RESPONSIVE
   ============================================================================================== */
   
   
/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:1)  and (max-width:768px)  {
 
	select, #PageWrapper textarea, 
	input[type="text"], input[type="password"], 
	input[type="number"], input[type="email"], 
	input[type="tel"], input[type="color"] {
		font-size: 1.6rem;
		/*-webkit-appearance:none; */		
		border-radius:0;
	}
		select {
			-webkit-appearance:none; 
			background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QA6RXhpZgAATU0AKgAAAAgAA1EAAAQAAAABAAAAAFEBAAMAAAABAAEAAFEEAAEAAAAB/AAAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAA/AA0DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9yKKKKACiovtieoo+2J6igD84/wDgp/8A8Eo/hp/wVNtPDl34um1DQPFnhq4hjg8R6WsZv5tN87fcafJvBV42VpTEzhvIlfzFDK00U30X8DvAvhz9mr4S6D4E8B6VbeGPCXhm2Fpp2m2ZZYoEyWYkklnd3ZneRyzyO7u7MzMxtUUAFFFFAH//2Q==);
			background-position: 100% 53% ;        
			background-repeat: no-repeat;

		}
	
}      
   

@media only screen and (max-width:1100px) {
	.main__feature__inner {
		padding: 80px 10px 0;
	}
}

@media only screen and (max-width:980px) {
	
	/*GLOBAL*/
	
	header {
	}
	
	.navcolor {
		color: #000;
		transition:all 0.4s ease-in-out 0s;
	}
	
	#BodyWrapper {
		box-shadow:none;
	}
	
	
	.content-top img {
		width:100%;
	}
	
	
	/*NAV*/
	.mobile-profile-navigation {
		background-color: #fff;
		padding: 0 10px;
		position: absolute;
		right: 0;
		top: 70px;
		width: 100%;
	}
			
		.mobile-profile-navigation p  { 
			width: 50%;
			float: left;
			padding-left:10px;
		}
			.mobile-profile-navigation p .btn { 
				display: block;
				text-align: center;
				width: 100%;
			}

	.header__container__navigation {
		width: 100%;
		margin-top: 50px;
		position: absolute;
	}
	.header__container__social {
		width: 100%;
		float: right;
	}
	#social-media-container {
		margin-right: 5px;
	}
	nav {
		background: none;
		height: auto;
		width: auto;
		float: none;
	}
		nav ul { 
			display:none;
			margin: 0 auto;
			text-align:left;
			position:relative;
			
		}	
		
		nav ul li a {
			font: 700 26px/1em 'Oswald', sans-serif;
			display: block;
			color: #fff;
			transition:all 0.4s ease-in-out 0s;
		}
		nav ul li:hover > a {
			color: #0063A5;
			text-decoration:none;
		}

	nav ul li:hover ul {
		-webkit-box-shadow: none;						
		   -moz-box-shadow: none;						
				box-shadow: none;						
	}

	.main__inner {
		padding: 0 10px 0;
	}
	.main__feature__inner {
		padding: 80px 10px 0;
	}
	.form {
		right: 10px;
	}

	input[type="submit"] {
		padding: 8px 3%;
	}
	
	/*COMPOSELETTERS*/
	#ComposeLetters .letter-tophalf {
		padding: 0;
	}
	#ComposeLetters .letter-bottomhalf {
		padding:0;
	}
	
	/*FOOTER*/
	#FooterWrapper {
		box-shadow:none;
		margin: 0 auto 0%;
		width:100%;
	}
	
	footer {
		box-shadow:none;
	}
	

	#Copyright {
		clear: both;
		float: none;
		text-align: center;
	}
	
	#MoreLinks {
		float: none;
		text-align: center;
		width: 100%;
	}
	
	#MoreLinks  a:first-child {
		border-left: 0;
	}
	
	#MoreLinks a {
		float: none;
	}
	
	#social-follow {
		clear: both;
		display: block;
		float: none;
		text-align: center;
	}
	label[for="individual"], label[for="business"] {
		width: 80%;
	}
}

@media only screen and (max-width:960px) {
	input[type="submit"] {
		padding: 8px 0%;
	}
}

@media only screen and (max-width:950px) {
	.main__feature__inner__content h1 {
		font-size: 36px;
	}
	.main__feature__inner__content {
		width: 100%;
	}
	.form {
		overflow-x: hidden;
		display: flex;
		position: relative;
		width: 100%;
		border: none;
		padding: 20px;
		right: auto;
		margin: 0;
		box-shadow: none;
	}
	/* control the order of the items on mobile */
	.main {
		display: flex;
		flex-direction: column;
	}
		 .logo {
			 display: flex;
			 order: 0;
		 }
		 .feature {
			 display: flex;
			 order: 1;
		 }
		.regform {
			display: flex;
			order: 2;
		}
		.sections {
			display: flex;
			order: 3;
		}
}

@media only screen and (max-width:768px) {

	#header-content-inner img  {
		max-height:100px;
	}
	nav {
		position: relative;
	}
	.main__inner__logo img {
		width: 50%;
	}
	.main__sections {
		padding: 45px 0;
	}
	.short-content {
		width: 55%;
	}	
	
	.main div:nth-of-type(4) .main__inner-inner {
		width: 50%;
	}	
}

@media only screen and (max-width:744px) {
	
	/*GLOBAL*/
	
	
	.two-columns.with-border:first-child {
		border-right: 0;
	}
	
	.two-columns.with-border.column-rail {
		border-width:0;
	}
	
	.two-columns.with-border:first-child, .two-columns.with-border.column-rail {
		padding:0;
	}
	
	.two-columns.equal-width.with-border, .two-columns.equal-width.with-border:first-child {
		width:100%;
		min-height:100%!important;
	}
	
	.two-columns {
		width: 100%;
	}
	
	.column-rail, aside {
		width:100%;
	}
	
	
	.two-columns.with-border:first-child {
		width:100%;
		min-height:100%!important;
	}
	
	.column-rail, aside {
		width: 100%;
	}
	
	fieldset div input[type="text"], fieldset div input[type="email"], fieldset div input[type="tel"], fieldset div select {
		width:100%;
		padding:8px;
	}
	
	fieldset div input[type="submit"] {
		margin: 5% 0 0 0;
	}
	
	fieldset div label.error {
		width: 100%;
	}
	
	#Materials fieldset div input[type="text"] {
		width: 100%;
	}
	
	
	/*CONFIRMATION*/
	
	#Confirmation .two-columns.with-border.column-rail {
		padding:0;
	}
	
	
	#Confirmation input[type="text"] {
		width:35%;
		margin: 0 1% 0 0;
	}
	
	
	#Confirmation input[type="submit"] {
		display: block;
		margin: 25px auto;
		padding: 8px 7%;
	}
	
	
	/*CONTACT US*/
	#ContactUs fieldset textarea {
		width:61%;
	}
	#ContactUs fieldset input[type="text"], #ContactUs fieldset #Subject {
		width: 42%;
	}
	#ContactUs input[type="submit"] {
		padding: 8px 7%;
		margin-left:80px;
	}
	
	#ContactUs #Subject + label.error, #ContactUs #Body + label.error {
		margin-left: 80px;
	}
	
	
	
	

}


@media only screen and (max-width:500px) {
	
	/*GLOBAL*/

	#header-content-inner img  {
		max-height:71px;
	}
	.main__inner__logo img {
		width: 100%;
	}
	fieldset div select {
		height: 40px;
	}

	h1 { 
		font: 700 20px/normal 'Open Sans', arial, Tahoma, sans-serif;
	}

	

	#Copyright {
		margin-bottom: 10px;
	}

	.main__inner__logo {
		text-align: center;
	}
	.main__feature {
		height: 270px;
	}
	.main__feature__inner {
		padding: 20px;
	}
	.main__feature__inner__content {
		width: 100%;
	}
	.main__inner {
		padding: 0;
	}
	.main__sections {
		padding: 20px 10px;
	}

	.main__feature__inner__content h1 {
		font-size: 26px;
	}
	.main__feature__inner__content p {
		font-size: 15px;
	}
	.main div:nth-of-type(4) .main__inner-inner {
		width: 100%;
	}
	label {
		width:auto;
		font-size: 0.8em;
	}
	
	.mobile-profile-navigation {
		top: 38px;
	}


	.one-column {
		min-height: 500px;
		padding: 0 20px;
	}
	.short-content {
		width: 100%;
	}	
	input[type="text"], input[type="email"], input[type="tel"], select, textarea, input#recaptcha_response_field {
		font-size:16px;
	}
	

	
	
	/*CONFIRMATION*/
	#Confirmation input[type="text"] {
		margin-bottom:4%;
		width:100%;
	}
	#Confirmation input[type="submit"] {
		width:100%;
	}
	
	/*CONTACT US*/
	#ContactUs fieldset input[type="text"], #ContactUs fieldset #Subject, #ContactUs fieldset textarea, #ContactUs input[type="submit"] {
		width:100%;
	}
	
	#ContactUs input[type="submit"] {
		margin-left:0;
	}
	
	#ContactUs label.error, #ContactUs #Subject + label.error, #ContactUs #Body + label.error {
		margin-left: 0;
	}
	
	
	

}

@media only screen and (max-width:360px) {
	.mobile-profile-navigation p { 
		width: 100%;
	}
	.main__inner__logo img {
		width: 100%;
	}
}

/* RESPONSIVE CAPTCHA
   ============================================================================================== */
@media only screen and (max-width:335px) {
	
	.recaptchatable #recaptcha_image {
		margin: 0 !important;
		padding:0 !important;
		width: 100% !important;
		float:left !important;
	}

	.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell, .recaptcha_r2_c2 {
		
		background: none !important;
	}

	.recaptcha_r2_c1, .recaptcha_r1_c1, .recaptcha_r3_c2, .recaptcha_r3_c1, .recaptcha_r3_c3, .recaptcha_r4_c4, .recaptcha_r7_c1, .recaptcha_r8_c1 {
		display:none;
	}
	
	div#recaptcha_area, table#recaptcha_table {
		max-width:100% !important;
		width:100% !important;
	}
	
}