/*!
 * Project:   Our Time
 * Date:      2014/06/03
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #444; font: 13px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

@font-face { font-family: 'Fontello'; src: url('fonts/fontello.eot?98405824'); src: url('fonts/fontello.eot?98405824#iefix') format('embedded-opentype'), url('fonts/fontello.woff?98405824') format('woff'), url('fonts/fontello.ttf?98405824') format('truetype'), url('fonts/fontello.svg?98405824#fontello') format('svg'); font-weight: normal; font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 270px; margin: 0; padding: 0 20px; }
 .root-a, .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a > * { margin-left: auto; margin-right: auto; }
 .root-a > header { position: relative; height: 70px; margin: 0 0 20px; }
  .root-a > header:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #000; }
  .root-a > header:after { position: absolute; right: -20px; top: 50%; content: ' '; width: 309px; height: 36px; margin: -18px 0 0; background: url(images/tagline-a.png) 100% 0 no-repeat; background-size: contain; }
  .root-a > header .logo { display: block; position: absolute; left: 0; top: 3px; overflow: hidden; width: 79px; height: 79px; background: url(images/logo-a.png) no-repeat; background-size: contain; font-size: 0; text-indent: 321%; white-space: nowrap; }
 .root-a > section { }
 .root-a > footer { margin-bottom: 0; }

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

.root-a { padding: 0 10px; }
 .root-a > header { height: 40px; }
  .root-a > header:after { right: -15px; width: 210px; height: 24px; margin: -12px 0 0; }
  .root-a > header .logo { width: 50px; height: 50px; }

}

/*!
 * Grid
/* ---------------------------------------- */

.grid-a { list-style: none; margin: -20px -10px 15px; padding: 0; letter-spacing: -4px; }
 .grid-a > .cell { display: inline-block; position: relative; border: 1px solid transparent; border-width: 20px 10px 0; margin: 0; padding: 0; letter-spacing: 0; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .grid-a > .cell:before { display: none; }
 .grid-a > .w0 { display: none; } .grid-a > .w1 { width: 6.25%; } .grid-a > .w2 { width: 12.5%; } .grid-a > .w3 { width: 18.75%; } .grid-a > .w4 { width: 25%; } .grid-a > .w5 { width: 31.25%; } .grid-a > .w6 { width: 37.5%; } .grid-a > .w7 { width: 43.75%; } .grid-a > .w8 { width: 50%; } .grid-a > .w9 { width: 56.25%; } .grid-a > .w10 { width: 62.5%; } .grid-a > .w11 { width: 68.75%; } .grid-a > .w12 { width: 75%; } .grid-a > .w13 { width: 81.25%; } .grid-a > .w14 { width: 87.5%; } .grid-a > .w15 { width: 93.75%; } .grid-a > .w16 { width: 100%; } .grid-a > .w1o5 { width: 20%; } .grid-a > .w2o5 { width: 40%; } .grid-a > .w3o5 { width: 60%; } .grid-a > .w4o5 { width: 80%; } .grid-a > .w1o3 { width: 33.333333333333%; } .grid-a > .w2o3 { width: 66.666666666667%; }
 .grid-a > .o0 { margin-left: 0%; } .grid-a > .o1 { margin-left: 6.25%; } .grid-a > .o2 { margin-left: 12.5%; } .grid-a > .o3 { margin-left: 18.75%; } .grid-a > .o4 { margin-left: 25%; } .grid-a > .o5 { margin-left: 31.25%; } .grid-a > .o6 { margin-left: 37.5%; } .grid-a > .o7 { margin-left: 43.75%; } .grid-a > .o8 { margin-left: 50%; } .grid-a > .o9 { margin-left: 56.25%; } .grid-a > .o10 { margin-left: 62.5%; } .grid-a > .o11 { margin-left: 68.75%; } .grid-a > .o12 { margin-left: 75%; } .grid-a > .o13 { margin-left: 81.25%; } .grid-a > .o14 { margin-left: 87.5%; } .grid-a > .o15 { margin-left: 93.75%; } .grid-a > .o16 { margin-left: 100%; } .grid-a > .o1o5 { margin-left: 20%; } .grid-a > .o2o5 { margin-left: 40%; } .grid-a > .o3o5 { margin-left: 60%; } .grid-a > .o4o5 { margin-left: 80%; } .grid-a > .o1o3 { margin-left: 33.333333333333%; } .grid-a > .o2o3 { margin-left: 66.666666666667%; }

.grid-a.g10 { margin: -10px -5px 15px; }
 .grid-a.g10 > .cell { border-width: 10px 5px 0; }

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

.grid-a-s-off { margin-top: 0 !important; }
 .grid-a-s-off > .cell { display: block; width: 100% !important; margin-bottom: 15px; border-top-width: 0 !important; }
 .grid-a-s-off.g10 > .cell { margin-bottom: 10px; }

}

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

.grid-a-xs-off { margin-top: 0 !important; }
 .grid-a-xs-off > .cell { display: block; width: 100% !important; margin-bottom: 15px; border-top-width: 0 !important; }
 .grid-a-xs-off.g10 > .cell { margin-bottom: 10px; }

}

.layout-a { position: relative; margin: 0 -10px; font-size: 0; letter-spacing: -.35em; }
 .layout-a:before { position: absolute; left: 70%; top: 0; bottom: 0; content: ''; width: 1px; background: #bfbfbf; }
 .layout-a > .primary, .layout-a > .secondary { display: inline-block; width: 70%; margin: 0; border: 1px solid transparent; border-width: 0 10px; font-size: 13px; letter-spacing: 0; }
 .layout-a > .secondary { float: right; width: 30%; }
  .layout-a > .secondary > .powered { min-height: 80px; }
   .layout-a > .secondary > .powered p { position: absolute; bottom: 0; }

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

.layout-a:before { display: none; }
.layout-a > .primary, .layout-a > .secondary { float: none; width: 100%; margin: 0 0 15px; }
.layout-a > .primary { padding-bottom: 15px; border-bottom: 1px solid #bfbfbf; }
.layout-a > .secondary > .powered { display: none; }

}


/*!
 * Elements
/* ---------------------------------------- */
.powered img { width: auto; display: block; height: 50px; }
.powered span { display: block; color: grey; font-size: 11px; }

.brow-a { width: 100%; margin: 0 0 25px; }
 .brow-a:after { display: table; clear: both; content: ''; }
 .brow-a > .steps-a { float: left; width: 350px; margin: 0; }
 .brow-a > .like { float: right; margin: 3px 0 0 0; padding-left: 10px; border-left: 1px solid #bfbfbf; }

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

 .brow-a > .steps-a { float: none; width: 100%; margin: 0 0 15px; }
 .brow-a > .like { float: none; width: 100%; padding-left: 0; border: none; text-align: center; }

}

.connect-a { }

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

.connect-a { text-align: center; }

}

.fields-a { }
 .fields-a label:first-child { display: none; }
 .fields-a .datepicker { position: relative; }
  /* .fields-a .datepicker input { padding-right: 30px; } */
  .fields-a .datepicker img { position: absolute; right: 7px; top: 7px; }
 .fields-a .action { line-height: 40px; }
  .fields-a .action .help { display: inline-block; color: #666; font-style: italic; font-family: Georgia,serif; vertical-align: middle; }
  .fields-a .action .button-a + .help { margin-left: 15px; }
 .fields-a .grid-a { margin: -10px -5px 15px; }
  .fields-a .grid-a > .cell { border-width: 10px 5px 0; }

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

.fields-a .action { text-align: center; }
 .fields-a .action .button-a { display: block; width: 100%; }
 .fields-a .action .help { margin-left: 0; }
.fields-a .terms { text-align: center; }

}

.sharebox-a { width: 100%; margin: 25px 0; }
 .sharebox-a:after { display: table; clear: both; content: ''; }
 .sharebox-a > figure { float: left; width: 170px; margin: 0 -100% 0 0; }
  .sharebox-a > figure img { display: block; border: 1px solid #bfbfbf; }
 .sharebox-a > figure ~ * { margin-left: 190px !important; }
 .sharebox-a .message { position: relative; margin-bottom: 10px; }
  .sharebox-a .message span { position: absolute; right: 10px; bottom: 5px; font-size: 11px; }
   .sharebox-a .message span b { font-weight: normal; }
  .sharebox-a .message textarea { height: 74px; padding: 15px; font-size: 13px; }

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

.sharebox-a { padding-bottom: 25px; border-bottom: 1px solid #bfbfbf; }
 .sharebox-a > figure { width: 145px; }
 .sharebox-a > figure ~ * { margin-left: 0 !important; }
 .sharebox-a .message { margin-left: 155px; }
  .sharebox-a .message textarea { height: 184px; font-size: 14px; }
 .sharebox-a .socials-a { clear: both; }

}

.socials-a { }
 .socials-a li { }
  .socials-a a { display: block; padding: 0 5px 0 35px; border-radius: 4px; background: #4e4e4e; color: #fff !important; font-weight: bold; line-height: 36px; text-decoration: none !important; }
  .socials-a a:hover { opacity: 0.9; }
   .socials-a a:before { float: left; content: ''; width: 25px; margin: 0 0 0 -30px; font: 20px/36px Fontello; text-align: center; }
  .socials-a .facebook a { background-color: #415d9d; }
   .socials-a .facebook a:before { content: '\e800'; }
  .socials-a .twitter a { background-color: #1ab7ea; }
   .socials-a .twitter a:before { content: '\e801'; }
  .socials-a .google a { background-color: #d3492c; }
   .socials-a .google a:before { content: '\e802'; }
  .socials-a .pinterest a { background-color: #c9242d; }
   .socials-a .pinterest a:before { content: '\e803'; }
  .socials-a .tumblr a { background-color: #304e6c; }
   .socials-a .tumblr a:before { content: '\e804'; }
  .socials-a .email a { background-color: #4e4e4e; }
   .socials-a .email a:before { content: '\e805'; }


..steps-a {  }
 .steps-a ol { list-style: none; max-width: 100%; margin: 0 auto; padding: 0; font-size: 0; letter-spacing: -.35em; }
  .steps-a li { display: inline-block; position: relative; width: 29%; min-height: 26px; padding: 0 0 0 18px; background: #e7e7e7; color: #444; font: bold 11px/25px Open Sans Condensed,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; letter-spacing: 0; vertical-align: top; white-space: nowrap; }
  .steps-a li:first-child { padding-left: 10px; }
  .steps-a li:first-child + li { width: 40%; }
  .steps-a li:first-child + li + li { width: 31%; }
  .steps-a li.done, .steps-a li.active { background-color: #000000; color: #fff; }
   .steps-a li:before { display: none; position: absolute; left: -2px; top: 0; bottom: 0; content: ''; width: 11px; margin: 0; padding: 0; background: url(images/steps-a-arrows-a.png) -11px 50% no-repeat; }
   .steps-a li.active:before { background-position: -33px 50%; }
   .steps-a li:last-child:after { position: absolute; right: 0; top: 0; bottom: 0; content: ''; width: 11px; margin: 0; padding: 0; background: url(images/steps-a-arrows-a.png) -22px 50% no-repeat; }
   .steps-a li.last-child:after { position: absolute; right: 0; top: 0; bottom: 0; content: ''; width: 11px; margin: 0; padding: 0; background: url(images/steps-a-arrows-a.png) -22px 50% no-repeat; }
   .steps-a li + li:before { display: block; }
   .steps-a li.done + li:before, .steps-a li.active + li:before { background-position: 0 50%; }
   .steps-a li a { display: block; margin: 0 -20px; padding: 0 20px; color: inherit !important; text-decoration: none !important; }

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

.steps-a ol { max-width: none; }

}

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

.steps-a li { font-size: 10px; }

}

/*!
 * Buttons
/* ---------------------------------------- */

.button-a.large { height: 40px; padding: 0 20px; font-size: 14px; line-height: 40px; }

/*!
 * Helpers
/* ---------------------------------------- */
.fb-like, 
.fb-like > span,
.fb-like > span iframe {
    max-width:210px;
}

span.error {
  color: red;
}

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.help-links { float: right; text-align: right; }

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

.help-links { float: none; text-align: center; }

.s-tac { text-align: center !important; }

}

[hidden] { display: none !important; }

/*!
 * Boostrap
/* ---------------------------------------- */

.row [class*=col-] { margin-bottom: 0; }
.nav-tabs > li:last-child { margin-bottom: -1px !important; }
.nav-tabs > li.last-child { margin-bottom: -1px !important; }
.dropdown-menu li:before, .nav li:before, .list-unstyled li:before, .list-inline li:before { display: none; }
.dl-horizontal dd { padding-left: 0; }
.checkbox-inline:first-child { display: inline-block; margin-bottom: 0; }
.btn { height: auto; }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=number], input[type=date], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 30px; padding: 0 9px; border: 1px solid #bfbfbf; border-radius: 0; background: #fff; vertical-align: top; font-size: 12px; line-height: 28px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 input[type=date] { -webkit-appearance: none; }
 textarea { overflow: auto; height: auto; padding: 4px 4px 4px 9px; line-height: 1.2; resize: vertical; }
 select:not(.ui-datepicker-year) { padding: 4px 15px 4px 8px; background: #fff url(images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 8px; padding-left: 6px; background-image: none; }
 .ie8 select { padding-top: 5px; padding-bottom: 5px; }
 .gecko select { padding-left: 4px; }
 button, input[type="submit"], input[type="button"], input[type="reset"], .button-a { display: inline-block; overflow: visible; height: 30px; padding: 0 20px; border: none; border-radius: 3px; background: #e90506; color: #fff !important; font-weight: bold; line-height: 30px; cursor: pointer; text-decoration: none !important; text-align: center; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button, input[type="submit"], input[type="button"], input[type="reset"], .button-a { background: -webkit-linear-gradient(#f61f17, #e11111); background: linear-gradient(#f61f17, #e11111); }
 .pledge button#submit_button {background:#405498;}
 .pledge button#submit_button {background: -webkit-linear-gradient(#405498, #6384F0); background: linear-gradient(#405498, #6384F0);}
  button.alt, input[type="submit"].alt, input[type="button"].alt, input[type="reset"].alt, .button-a.alt {  border-radius: 3px; background: #e90506; color: #fff !important;  } button::-moz-focus-inner { padding: 0; border: none; }
 button.alt, input[type="submit"].alt, input[type="button"].alt, input[type="reset"].alt, .button-a.alt { background: -webkit-linear-gradient(#598aca, #487cba); background: linear-gradient(#598aca, #487cba); }
 
  button.alt-2, input[type="submit"].alt-2, input[type="button"].alt-2, input[type="reset"].alt-2, .button-a.alt-2 { background: #f5f5f5; color: #0061b7 !important; -webkit-appearance: none}
  
   button.fb, input[type="submit"].fb, input[type="button"].fb, input[type="reset"].fb, .button-a.fb { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; position: relative; background: #415d9d; color: #fff !important; padding: 0 10px 0 30px; margin-bottom: 10px !important; font-size: 11px !important; white-space: nowrap; letter-spacing: -1px;}
   button.fb:before , input[type="submit"].fb:before , input[type="button"].fb:before , input[type="reset"].fb:before , .button-a.fb:before {
	background-image: url(images/small-fb-icon.png);
	background-repeat: no-repeat;
	background-size: 7px auto;
	background-position: center;
	height:100%;
	width: 25px;
	left: 0px;
	top: 0;
	display: block;
	content: "";
	position: absolute;
	border-right: solid rgba(0,0,0,0.2) 1px;
}

 button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .button-a:hover { opacity: 0.9; }
 button[disabled], input[disabled] { cursor: default; }

:root .tick { position: absolute; left: -10001px; }
:root .tick + label { display: block; padding-left: 30px; vertical-align: top; }
 :root .tick + label:before { float: left; content: ''; width: 16px; height: 16px; margin: 1px 0 0 -30px; padding: 0; border: none; background: url(images/ticks-a.png) -20px 0 no-repeat; vertical-align: top; }
 :root .tick + label small { color: #acacac; font-size: 12px; }
 :root .tick[type=radio] + label:before { background-position: 0 0; }
 :root .tick:checked + label:before { background-position: -20px -20px; }
 :root .tick[type=radio]:checked + label:before { background-position: 0 -20px; }

::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
:-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
:-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
.placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
select:invalid { color: #aaa; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { color: #222; font: bold 10px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

blockquote { padding: 20px; background: #f3f3f3; font-style: italic; }

ol { list-style: none; counter-reset: ordered; }
 ol li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) ')'; width: 15px; margin: 0 0 0 -30px; text-align: right; }

ul { list-style: none; }
 ul li { }
  ul li:before { float: left; overflow: hidden; content: '>'; width: 0; height: 0; margin: 6px 0 0 -20px; border: 4px solid transparent; border-left-color: #444; }

a { background: transparent; color: #2061b2; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
 a span { cursor: pointer; }

img { max-width: 100%; border-width: 0; } .lt-ie9 img { max-width: none; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }

.center {
	text-align: center;
}

#date_of_birth {
	position: relative;
}

.datepicker:after {
	background-color: #fff;
	background-image: url(images/calendar-icon.png);
	background-size: 15px 15px;
	height:15px;
	width: 15px;
	right: 10px;
	top: 7px;
	display: block;
	content: "";
	position: absolute;
}

.ribbon-text {
	font: 18px Open Sans Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;
	position: absolute;
	right: -15px;
	top: 22px;
	z-index: 2;
	text-transform: uppercase;
	letter-spacing: -0.7px;
}

.ribbon-text .red {
	color: #da002d;
}

.ribbon-text .blue {
	color: #0060b4;
}

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

.ribbon-text {
	font: 12px Open Sans Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;
	right: -5px;
	top: 10px;
	z-index: 2;
	text-transform: uppercase;
	letter-spacing: -0.6px;
}

.brow-a > .like {
	display: none;
}
}

.facebook-like-overlay {
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
	display: none;
	
	
}

.facebook-like-x {
	background-image: url(images/facebook-x.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.facebook-like-overlay > div {
	background-color: #415d9d;
	text-align: right;
	background-image: url(images/facebook-icon-background.png);
	background-repeat: no-repeat;
	background-position: 50px 100%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	padding: 25px 15px 25px 15px;
}
.facebook-like-overlay > div > .bottom {
	cursor: pointer;
	font-size: 13px;
}

.facebook-like-overlay > div > .top {
	font-size: 24px;
	margin-bottom: 15px;
}

.facebook-like-mobile {
	padding: 25px 50px 25px 50px;
	background-color: #415d9d;
	text-align: right;
	background-image: url(images/facebook-icon-background.png);
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 30px 100%;
	color: #fff;
	text-align: center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display: none;
}

.facebook-like-mobile > .bottom {
	font-size: 18px;
	line-height: 28px;
	margin-top: 10px;
}

.facebook-like-mobile> .top {
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 10px;
}

.transparent {
	opacity: 0;
}