/**********************************
GENERAL
***********************************/

@font-face {
  font-family: 'HoneywellCond';
  src: url("../fonts/HoneywellCond-Black.otf") format("opentype"), url("../fonts/HoneywellCond-Bold.otf") format("opentype"), url("../fonts/HoneywellCond-Book.otf") format("opentype"), url("../fonts/HoneywellCond-ExtraBold.otf") format("opentype"), url("../fonts/HoneywellCond-Light.otf") format("opentype"), url("../fonts/HoneywellCond-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HoneywellSans';
  src: url("../fonts/HoneywellSans-Black.otf") format("opentype"), url("../fonts/HoneywellSans-Bold.otf") format("opentype"), url("../fonts/HoneywellSans-Book.otf") format("opentype"), url("../fonts/HoneywellSans-ExtraBold.otf") format("opentype"), url("../fonts/HoneywellSans-Light.otf") format("opentype"), url("../fonts/HoneywellSans-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HoneywellSans-Light';
  src: url("../fonts/HoneywellSans-Light.otf") format("opentype");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'HoneywellSans-Book';
  src: url("../fonts/HoneywellSans-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HoneywellSans-Bold';
  src: url("../fonts/HoneywellSans-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'HoneywellSans-Medium';
  src: url("../fonts/HoneywellSans-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

* {
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}


body {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	font-family: "HoneywellSans-Medium";
	/*font-smoothing: antialiased;*/
	text-rendering: optimizeLegibility;
	color: #000000;
	background-color: #cccccc;
}

#wrapper {
	width: 92%;
	max-width: 920px;
	margin: 0 auto;
	padding: 0;
}

a {
	text-decoration: none;
	color: #1792E5;
}

img {
	max-width: 100%;
}

h3 {
	margin: 0 0 1em 0;
}


/**********************************
HELPERS
***********************************/

.clear-left {
	clear: left;
}

.clear-fix {
	clear: both;
}

/*trying a second type of clearfix...*/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.spacer-10px {
	width: 100%;
	height: 10px;
}

.spacer-20px {
	width: 100%;
	height: 20px;
}

.spacer-50px {
	width: 100%;
	height: 50px;
}

.full-width-image {
	width: 100%;
	height: auto;
}

/**********************************
CONTAINERS - BODY
***********************************/
#ym-container {
	width: 1090px; /* 1150px minus 60px for margins, 30px on each side */
	margin: 0 auto;
}	

#ym-container::after, #hero-center::after {
    content:"";
    display:block;
    clear:both;
}



/**********************************
HEADERS/TITLES
***********************************/

h1 {
	font-size: 42px;
	color: #737373;
	margin: 60px 0;
}

/**********************************
HERO
***********************************/


#hero-left {
	width: 724px;
	float: left;
}

#hero-left img {
	width: 356px;
	height: 180px;
	float: left;
}

#hero-left p {
	width: 336px;
	margin-top: 0;
	float: right;
	font-size: 18px;
	line-height: 23px;
}

#hero-left h2 {
	color: #004B98;
	font-size: 22px;
	font-weight: normal;
	margin-top: 50px;
}

/* 60px between left and right */

#hero-right {
	width: 308px;
	float: right;
	border-left: 1px solid #95989A;
}

#hero-right h2 {
	width: 255px;
	float: right;
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 22px;
	color: #1792E5;
}

.feature {
	width: 279px;
	float: right;
	margin-bottom: 15px;
}

.feature span {
	width: 170px;
	float: right;
	margin: 8px 0 15px 0;
	font-size: 20px;
	color: #95989A;
}

.feature-info {
	width: 252px;
	font-size: 18px;
	line-height: 23px;
	float: right;
	margin-top: 30px;
}

#hero-center {
	text-align: center;
}

#hero-center h1, #hero-center #hero-img, #hero-center p, #hero-center .hr, #hero-center h2, #hero-center a {
	display: block;
	margin: 45px auto;
	text-align: center;
}

#hero-center h1 {
	margin-bottom: 65px;
}

#hero-center h2 {
	color: #004B98;
	font-size: 22px;
	margin-top: 55px;
	margin-bottom: 55px;
	font-weight: normal;
}

#hero-center p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 55px;
}

#hero-center a {
	font-size: 18px;
}

#hero-center .hr {
	width: 77%;
	height: 1px;
	border-top: 1px solid #95989a;
}

#feature-bottom {
	width: 100%;
	margin: 75px 0 50px 0;
}

#feature-bottom .feature {
	width: 270px;
	text-align: left;
}

#feature-bottom .feature span {
	margin-top: 10px;
}

#feature-bottom .feature span.vert {
	margin-top: 20px;
}

/**********************************
FORM
***********************************/
#ym-container form {
	width: 725px;
}

#ym-container form select, #ym-container form input {
	font-size: 16px;
	width: 334px;
	margin-top: 20px;
	padding: 12px;
}

#ym-container form input:nth-child(odd) {
	float: left;
}

#ym-container form input:nth-child(even) {
	float: right;
}

#ym-container form select {
	-webkit-appearance: none;
	-webkit-border-radius: 0px; /* remove default rounded corners */
	border-radius: 0px; /* remove default rounded corners */
	border: 1px solid #1792e5;
	float: right;
	background: white url("../img/15xvbd5.png") no-repeat scroll right;
}

select.state, option[value="state"] {
	color: #737373;
}

#ym-container form input {
	border: none;
	border-bottom: 1px solid #004b98;
}

#ym-container form input[type=submit] {
	float: right;
	background-color: #003663;
	border: none;
	font-family: "HoneywellSans-Bold";
	color: white;
	font-size: 18px;
	width: 220px;
	height: 61px;
	margin-top: 40px;
}

#ym-container form #get-member {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	text-align: left;
	width: 330px;
	margin: 40px 0 20px 0;
	float: right;
}

#ym-container form #get-member a {
	font-weight: bold;
	color: #319ee8;
}


#ym-container form #terms-checkbox input[type=checkbox] {
	visibility: hidden;
}

#ym-container form #terms-checkbox {
	width: 21px;
	height: 21px;
	border: 1px solid #004b98;
}


input[type=checkbox] { /* hide the checkbox */
	visibility: hidden;
}

.checkbox {
	width: 390px;
	margin: 40px 0;
	position: relative;
	float: left;
}

.checkbox #checkboxLabel { 
	position: absolute;
	margin-left: 40px;
	margin-top: -3px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 16px;
	color: #737373;
}


.checkbox label { /* create custom box for checkbox with label tag */
	cursor: pointer;
	position: absolute;
	width: 21px;
	height: 21px;
	top: 0;
  	left: 0;
	background: #ffffff;
	border: 1px solid #004b98;
}

/**
 * Create the checkbox state for the tick
 */
.checkbox input[type=checkbox]:checked + label, .checkbox input[type=checkbox]:checked + label.missing-info { 
	background-color: #004b98;
}

.checkbox input[type=checkbox]:not(checked) + label.missing-info { // make the checkbox pink if unchecked and has .missing-info class on the label tag
	background-color: #ffc0cb;
	background: #ffc0cb;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #737373;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #737373;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #737373;
}
:-moz-placeholder { /* Firefox 18- */
  color: #737373;
}


/**********************************
TERMS 
***********************************/

#ym-container form #terms {
	margin: 50px 0 0 0;
	padding: 25px;
	font-size: 14px;
	line-height: 22px;
	background-color: #f2f2f2;
	position: relative;
}

#ym-container form #terms #hidden-terms {
	display: none;
}

#ym-container form #terms #show-terms {
	font-family: "HoneywellSans-Bold";
	font-size: 16px;
	color: #1792E5;
	position: absolute;
	top: 25px;
	right: 25px;
}

#ym-container form #terms #hide-terms {
	font-family: "HoneywellSans-Bold";
	font-size: 16px;
	color: #1792E5;
	position: absolute;
	bottom: 25px;
	right: 25px;
}

ol, ul {
	padding: 0 0 0 20px;
}

ol li, ul li {
	padding-left: 15px;
}



/**********************************
DISCLAIMER
***********************************/

#ym-container #disclaimer {
	width: 100%;
	font-size: 14px;
	line-height: 21px;
	padding: 50px 0;
	margin-top: 50px;
	border-top: 1px solid #95989a;
}


/**********************************
COLORS
***********************************/

.missing-info, #ym-container form select.missing-info {
	background-color: #ffc0cb;
}

/* site body */

body {
	background-color: #fff;
	color: #000000;
}