/* Weavr v0.9.1 
 * Compiled 01-28-2015
 * Copyright (c) 2015 Opportunity International 
 */

@charset "UTF-8";
/* Colors */
@font-face { font-family: 'OI-icons'; src: url("fonts/OI-icons.eot?-478fm8"); src: url("fonts/OI-icons.eot?#iefix-478fm8") format("embedded-opentype"), url("fonts/OI-icons.woff?-478fm8") format("woff"), url("fonts/OI-icons.ttf?-478fm8") format("truetype"), url("fonts/OI-icons.svg?-478fm8#OI-icons") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'OI-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-down:before { content: "\e617"; }

.icon-nav-right:before { content: "\e61b"; }

.icon-up:before { content: "\e618"; }

.icon-right:before { content: "\e619"; }

.icon-left:before { content: "\e61a"; }

.icon-nav-up:before { content: "\e61c"; }

.icon-addThis:before { content: "\e614"; }

.icon-mail:before { content: "\e615"; }

.icon-menu:before { content: "\e616"; }

.icon-user:before { content: "\e609"; }

.icon-checkmark:before { content: "\e607"; }

.icon-cross:before { content: "\e608"; }

.icon-plus:before { content: "\e613"; }

.icon-play:before { content: "\e60a"; }

.icon-resize-enlarge:before { content: "\e61d"; }

.icon-arrow-left-small:before { content: "\e60e"; }

.icon-arrow-down-small:before { content: "\e610"; }

.icon-arrow-up-small:before { content: "\e611"; }

.icon-arrow-right-small:before { content: "\e612"; }

.icon-arrow-left:before { content: "\e60d"; }

.icon-arrow-down:before { content: "\e60f"; }

.icon-arrow-up:before { content: "\e60b"; }

.icon-arrow-right:before { content: "\e60c"; }

.icon-vimeo:before { content: "\e606"; }

.icon-twitter:before { content: "\e600"; }

.icon-facebook:before { content: "\e601"; }

.icon-googleplus:before { content: "\e602"; }

.icon-pinterest:before { content: "\e603"; }

.icon-tumblr:before { content: "\e604"; }

.icon-linkedin:before { content: "\e605"; }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

body { margin: 0; padding: 0; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.clear { clear: both; }

.brand-pink-bg { background: #ed027e; color: #fff; }

.brand-orange-bg { background: #f15b22; color: #fff; }

.brand-teal-bg { background: #00abab; color: #fff; }

.brand-light-teal-bg { background: #6cc9c8; color: #fff; }

.brand-purple-bg { background: #611171; color: #fff; }

.brand-light-purple-bg { background: #7c378a; color: #fff; }

.brand-green-bg { background: #7bc557; color: #fff; }

.brand-gray-bg { background: #8f8e8c; color: #fff; }

.brand-darkgray-bg { background: #222; color: #fff; }

.brand-offwhite-bg { background: #efeeea; color: #333; }

.brand-white-bg { background: #fff; color: #333; }

.transparent-bg { background: transparent; }

.brand-pink { color: #ed027e; }

.brand-orange { color: #f15b22; }

.brand-teal { color: #00abab; }

.brand-purple { color: #611171; }

.brand-green { color: #7bc557; }

.brand-gray { color: #8f8e8c; }

.brand-offwhite { color: #efeeea; }

.brand-white { color: #fff; }

/**************************/
/**** Placeholder text ****/
/**************************/
::-webkit-input-placeholder { color: #8f8e8c; font-family: "Times New Roman", serif; font-style: italic; }

:-moz-placeholder { /* Firefox 18- */ color: #8f8e8c; font-family: "Times New Roman", serif; font-style: italic; }

::-moz-placeholder { /* Firefox 19+ */ color: #8f8e8c; font-family: "Times New Roman", serif; font-style: italic; }

:-ms-input-placeholder { color: #8f8e8c !important; font-family: "Times New Roman", serif !important; font-style: italic !important; }

/************************/
/**** Text alignment ****/
/************************/
.align-center { text-align: center; }

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

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

/*******************/
/**** Font size ****/
/*******************/
p { margin: 0 0 1em 0; font-size: 16px; line-height: 1.75em; }

p.large { font-size: 20px; }

p.small { font-size: 12px; }

/******************/
/**** Headings ****/
/******************/
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; margin: 0 0 1em 0; letter-spacing: 1px; }

h1 { font-size: 4em; margin-bottom: 40px; }

h2 { font-size: 2em; }

/***********************/
/**** Font-families ****/
/***********************/
.brand-font-primary { font-famliy: "proxima-nova", Arial, sans-serif; }

.brand-font-secondary { font-family: "Times New Roman", serif; font-style: italic; }

.italic { font-style: italic; }

.transform-uppercase { text-transform: uppercase; }

.transform-normal { text-transform: none; }

@media (max-width: 480px) { p.large { font-size: 16px; } }
/************************/
/**** Grid 12 system ****/
/************************/
form .row { margin-left: -10px; margin-right: -10px; margin-bottom: 20px; }
form .col { padding-left: 10px; padding-right: 10px; }

.row { margin-left: -20px; margin-right: -20px; margin-bottom: 40px; }
.row.no-padding { margin-left: 0; margin-right: 0; }
.row:last-child { margin-bottom: 0; }
.row.no-gutter { margin: 0; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.col { display: block; float: left; padding-left: 20px; padding-right: 20px; }
.col.col-12 { width: 100%; }
.col.col-11 { width: 91.6666%; }
.col.col-10 { width: 83.3333%; }
.col.col-9 { width: 75%; }
.col.col-8 { width: 66.6666%; }
.col.col-7 { width: 58.3333%; }
.col.col-6 { width: 50%; }
.col.col-5 { width: 41.66666%; }
.col.col-4 { width: 33.3333%; }
.col.col-3 { width: 25%; }
.col.col-2 { width: 16.6666%; }
.col.col-1 { width: 8.3333%; }

@media (max-width: 960px) { .row { margin-bottom: 0; }
  *[class*='t-col-'] { margin-bottom: 20px; }
  .row.no-gutter > *[class*='t-col-'] { margin-bottom: 0; }
  .col.t-col-12 { width: 100%; }
  .col.t-col-11 { width: 91.6666%; }
  .col.t-col-10 { width: 83.3333%; }
  .col.t-col-9 { width: 75%; }
  .col.t-col-8 { width: 66.6666%; }
  .col.t-col-7 { width: 58.3333%; }
  .col.t-col-6 { width: 50%; }
  .col.t-col-5 { width: 41.66666%; }
  .col.t-col-4 { width: 33.3333%; }
  .col.t-col-3 { width: 25%; }
  .col.t-col-2 { width: 16.6666%; }
  .col.t-col-1 { width: 8.3333%; } }
@media (max-width: 480px) { .row, form .row { margin-bottom: 0; margin-left: -10px; margin-right: -10px; }
  *[class*='m-col-'] { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
  .row.no-gutter *[class*='m-col-'] { margin-bottom: 0; }
  .col.m-col-12 { width: 100%; }
  .col.m-col-11 { width: 91.6666%; }
  .col.m-col-10 { width: 83.3333%; }
  .col.m-col-9 { width: 75%; }
  .col.m-col-8 { width: 66.6666%; }
  .col.m-col-7 { width: 58.3333%; }
  .col.m-col-6 { width: 50%; }
  .col.m-col-5 { width: 41.66666%; }
  .col.m-col-4 { width: 33.3333%; }
  .col.m-col-3 { width: 25%; }
  .col.m-col-2 { width: 16.6666%; }
  .col.m-col-1 { width: 8.3333%; } }
/***************/
/**** Lists ****/
/***************/
ul.no-list-style, ol.no-list-style { list-style: none; padding: 0; margin: 0 0 1em 0; }

ul:last-child { margin-bottom: 0; }

li { margin-bottom: .5em; }

ul.inline { margin-left: -10px; margin-right: -10px; padding: 0; list-style: none; }

ul.inline li { display: inline-block; padding-left: 10px; padding-right: 10px; }

/***************/
/**** Forms ****/
/***************/
input[type='text'], input[type='number'], input[type='email'], input[type='password'], input[type='phone'], textarea { display: block; width: 100%; height: 46px; border: solid 1px #8f8e8c; padding: 10px; font-size: 14px; outline: none; transition: border-color .2s; -webkit-transition: border-color .2s; -moz-transition: border-color .2s; font-family: "proxima-nova", Arial, sans-serif; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; box-shadow: none; }
input[type='text']:focus, input[type='number']:focus, input[type='email']:focus, input[type='password']:focus, input[type='phone']:focus, textarea:focus { border-color: #555; }

input.inline { display: inline-block; }

textarea { height: 100px; max-width: 100%; }

input[type='submit'] { display: block; width: 100%; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
input[type='submit'] .error-animate { -webkit-animation: button-error .2s; animation: button-error .2s; }

input[type='radio'] { position: absolute; left: -10000px; }

/************************************/
/**** Checkbox and Radio Buttons ****/
/************************************/
.phone-options { margin-top: 5px; text-align: center; }

.phone-options lable.inline.radio.small { margin: 0 5px; }

label.inline { display: inline-block; margin-right: 10px; }

label.inline.radio, label.inline.checkbox { display: inline-block; position: relative; padding-left: 25px; font-family: "proxima-nova", Arial, sans-serif; font-style: normal; }

label.inline.radio { padding-left: 25px; }

label.inline.checkbox { padding-left: 30px; }

label.inline.radio.small, label.inline.checkbox.small { font-size: 12px; padding-left: 22px; }

label.inline.radio:before, label.inline.checkbox:before { content: ''; display: block; border: solid 1px #8f8e8c; width: 18px; height: 18px; text-align: center; line-height: 18px; position: absolute; left: 0; }

label.inline.radio:before { border-radius: 100%; }

label.inline.v-center:before { margin-top: -10px; top: 50%; }

label.inline.small.v-center:before { margin-top: -7px; }

label.inline.radio.small:before, label.inline.checkbox.small:before { width: 12px; height: 12px; line-height: 12px; }

label.inline.radio:hover { color: #ed027e; }

label.inline.checkbox:hover { color: #333; }

label.inline.radio:hover:before { border-color: #ed027e; }

label.inline.checkbox:hover:before { border-color: #333; }

input[type="radio"]:checked + label.inline.radio { color: #ed027e; }

input[type="radio"]:checked + label.inline.radio:before { background: #ed027e; border-color: #ed027e; }

input[type="checkbox"]:checked + label.inline.checkbox { color: #333; }

input[type="checkbox"]:checked + label.inline.checkbox:before { content: '✓'; color: #333; border-color: #333; }

input[type="radio"] { position: absolute; left: -10000px; }

input[type="checkbox"] { position: absolute; left: -10000px; }

.ie-placeholder { /* for IE8 and 9 placeholder fix */ font-family: "Times New Roman", serif !important; font-style: italic !important; color: #8f8e8c !important; }

@-webkit-keyframes button-error { 0% { transform: translate(0px); -webkit-transform: translate(0px); }
  25% { transform: translate(5px); -webkit-transform: translate(5px); }
  50% { transform: translate(0px); -webkit-transform: translate(0px); }
  75% { transform: translate(-5px); -webkit-transform: translate(-5px); }
  100% { transform: translate(0px); -webkit-transform: translate(0px); } }
@keyframes button-error { 0% { transform: translate(0px); -webkit-transform: translate(0px); }
  12.5% { transform: translate(5px); -webkit-transform: translate(5px); }
  25% { transform: translate(0px); -webkit-transform: translate(0px); }
  37.5% { transform: translate(-5px); -webkit-transform: translate(-5px); }
  50% { transform: translate(0px); -webkit-transform: translate(0px); } }
.select { display: block; border: solid 1px #8f8e8c; padding: 10px 10px; line-height: 24px; height: 46px; background: #fff url("images/oi-select-arrow.png") no-repeat 83% center; overflow: hidden; width: 100%; text-align: left; transition: border-color .2s; -webkit-transition: border-color .2s; -moz-transition: border-color .2s; }
.select.focus { border-color: #555; }
.select select { background: transparent; border: none; border-radius: 0; color: #333; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; width: 150%; outline: none; }
.select select::-ms-expand { display: none; }

select { font-family: "proxima-nova", Arial, sans-serif; }
select.select-placeholder { font-family: "Times New Roman", serif; font-style: italic; color: #8f8e8c; }

.btn { display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-weight: bold; height: 46px; box-shadow: none; -moz-transition: -moz-box-shadow 0.6s ease-out 0s; -webkit-transition: -webkit-box-shadow 0.6s ease-out 0s; -o-transition: -o-box-shadow 0.6s ease-out 0s; transition: box-shadow 0.6s ease-out 0s; line-height: 40px; cursor: pointer; padding: 0 20px; border: none; outline: none; }
.btn.brand-gray-bg { box-shadow: inset 0 100px 0 0 #8f8e8c; }
.btn.brand-gray-bg:hover { box-shadow: 0 0 0 0 #666 inset; }
.btn.brand-green-bg { box-shadow: inset 0 100px 0 0 #7bc557; }
.btn.brand-green-bg:hover { box-shadow: 0 0 0 0 #6fbc49 inset; }
.btn.brand-orange-bg { box-shadow: inset 0 100px 0 0 #f15b22; }
.btn.brand-orange-bg:hover { box-shadow: 0 0 0 0 #f27444 inset; }
.btn.brand-teal-bg { box-shadow: inset 0 100px 0 0 #00abab; }
.btn.brand-teal-bg:hover { box-shadow: 0 0 0 0 #009090 inset; }
.btn.brand-pink-bg { box-shadow: inset 0 100px 0 0 #ed027e; }
.btn.brand-pink-bg:hover { box-shadow: 0 0px 0 0 #ca066d inset; }
.btn.brand-purple-bg { box-shadow: inset 0 100px 0 0 #611171; }
.btn.brand-purple-bg:hover { box-shadow: 0 0 0 0 #703386 inset; }
.btn.brand-white-bg { box-shadow: inset 0 100px 0 0 #fff; }
.btn.brand-white-bg:hover { box-shadow: 0 0 0 0 #efeeea inset; }
.btn.inline { display: inline-block; line-height: 1.2em; }
.btn.ghost { background-color: transparent; border: solid 2px; transition: color .3s, border-color .3s, background-color .3s; -moz-transition: color .3s, border-color .3s, background-color .3s; -webkit-transition: color .3s, border-color .3s, background-color .3s; }
.btn.ghost.brand-pink { color: #ed027e; border-color: #ed027e; }
.btn.ghost.brand-pink:hover { color: #fff; background-color: #ed027e; }
.btn.ghost.brand-orange { color: #f15b22; border-color: #f15b22; }
.btn.ghost.brand-orange:hover { color: #fff; background-color: #f15b22; }
.btn.ghost.brand-teal { color: #00abab; border-color: #00abab; }
.btn.ghost.brand-teal:hover { color: #fff; background-color: #00abab; }
.btn.ghost.brand-purple { color: #611171; border-color: #611171; }
.btn.ghost.brand-purple:hover { color: #fff; background-color: #611171; }
.btn.ghost.brand-green { color: #7bc557; border-color: #7bc557; }
.btn.ghost.brand-green:hover { color: #fff; background-color: #7bc557; }

/************************************/
/**** Popover and Tooltip styles ****/
/************************************/
.popover, .tooltip { position: relative; left: 0; width: 100%; }
.popover div, .tooltip div { position: absolute; left: 0; width: 100%; color: #fff; font-size: 12px; padding: 10px; display: none; }
.popover div:after, .tooltip div:after { font-family: 'oi-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; position: absolute; width: 100%; left: 0; }
.popover.bottom, .tooltip.bottom { top: 15px; }
.popover.bottom div, .tooltip.bottom div { top: 15px; }
.popover.bottom div:after, .tooltip.bottom div:after { content: "\e618"; top: -10px; }
.popover.top, .tooltip.top { bottom: 0; }
.popover.top div, .tooltip.top div { bottom: 15px; }
.popover.top div:after, .tooltip.top div:after { content: "\e617"; bottom: -10px; }

.popover div { background-color: #f15b22; }
.popover div:after { color: #f15b22; }

.tooltip div { background-color: #611171; }
.tooltip div:after { color: #611171; }

.full-width { width: 100%; }

.padding-0-40 { padding: 0 40px; }

.padding-20 { padding: 20px; }

.padding-40 { padding: 40px; }

.padding-40-0 { padding: 40px 0; }

.padding-80 { padding: 80px; }

.padding-80-40 { padding: 80px 40px; }

.padding-80-0 { padding: 80px 0; }

@media (max-width: 768px) { .t-padding-40 { padding: 40px; }
  .t-padding-30 { padding: 30px; }
  .t-padding-20 { padding: 20px; }
  .t-padding-40-20 { padding: 40px 20px; }
  .t-padding-30-15 { padding: 30px 15px; }
  .t-padding-40-0 { padding: 40px 0; }
  .t-padding-30-0 { padding: 30px 0; }
  .t-padding-20-0 { padding: 20px 0; } }
@media (max-width: 480px) { .m-padding-40 { padding: 40px; }
  .m-padding-30 { padding: 30px; }
  .m-padding-20 { padding: 20px; }
  .m-padding-40-20 { padding: 40px 20px; }
  .m-padding-30-15 { padding: 30px 15px; }
  .m-padding-40-0 { padding: 40px 0; }
  .m-padding-30-0 { padding: 30px 0; }
  .m-padding-20-0 { padding: 20px 0; } }