/* Weavr v0.10.4 
 * Copyright (c) 2016 Opportunity International 
 */

@charset "UTF-8";
/* Colors */
@font-face { font-family: 'OI-icons'; src: url("fonts/OI-icons.eot?wu52tj"); src: url("fonts/OI-icons.eot?wu52tj#iefix") format("embedded-opentype"), url("fonts/OI-icons.ttf?wu52tj") format("truetype"), url("fonts/OI-icons.woff?wu52tj") format("woff"), url("fonts/OI-icons.svg?wu52tj#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-credit-card:before { content: "\e802"; }

.icon-dollar-sign:before { content: "\e803"; }

.icon-phone:before { content: "\e800"; }

.icon-cart:before { content: "\e801"; }

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

.icon-youtube:before { content: "\e61e"; }

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

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

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

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

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

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

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

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

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

.icon-search:before { content: "\e61f"; }

.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"; }

i.x-large { font-size: 6em; }
i.large { font-size: 3em; }
i.transparency { opacity: .8; -webkit-transition: opacity .3s; transition: opacity .3s; }
i.transparency:hover { opacity: 1; }

*, *:before, *:after { box-sizing: border-box; }

html { font-size: 16px; -webkit-text-size-adjust: 100%; }

body { margin: 0; padding: 0; font-family: "proxima-nova", Arial, sans-serif; font-size: 1em; color: #333; }

hr { display: block; height: 2px; background-color: #efeeea; border: none; margin: 30px 0; }
hr.large { height: 5px; }
hr.decorative { width: 50%; margin-left: auto; margin-right: auto; }

.brand-offwhite-bg hr { background-color: #8f8e8c; }

section { position: relative; }

.flex-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; width: 100%; }

.flex-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bordered { border: solid 1px; }

.circle { border-radius: 100%; }

.inline-block { display: inline-block; }

img.block { display: block; width: 100%; }

button.reset { padding: 0; background: none; border: none; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1em; }

.loading-indicator:before { content: ''; display: inline-block; box-sizing: border-box; width: 30px; height: 30px; border-radius: 100%; border-top: solid 5px #4a0059; border-right: solid 5px #00abab; border-bottom: solid 5px #ed027e; border-left: solid 5px #f15b22; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spin 1.25s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75); animation: spin 1.25s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75); }
.loading-indicator.large:before { height: 40px; width: 40px; }
.loading-indicator.small:before { height: 20px; width: 20px; }
.loading-indicator.monochromatic:before { border-top-color: rgba(255, 255, 255, 0.125); border-right-color: rgba(255, 255, 255, 0.25); border-bottom-color: rgba(255, 255, 255, 0.5); border-left-color: rgba(255, 255, 255, 0.75); }

.btn .loading-indicator { display: inline-block; padding-left: 2.5em; position: relative; }
.btn .loading-indicator:before { position: absolute; left: 0; height: 2em; width: 2em; vertical-align: middle; top: -.3125em; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.responsive-table { overflow-x: auto; }

table { border-collapse: collapse; width: 100%; }

thead th { border-right: solid 1px #f9f8f5; }
thead th:last-child { border-right-color: #efeeea; }

thead + tbody tr:nth-child(even) { background-color: #f9f8f5; }
thead + tbody tr:nth-child(odd) { background-color: inherit; }

tbody tr:nth-child(odd) { background-color: #f9f8f5; }
tbody tr:last-child th { border-bottom-color: #efeeea; }

tfoot { border-top: solid 4px #8f8e8c; }

tr:first-child th { border-top: none; }
tr.section-separator td, tr.section-separator th { border-top-width: 4px; }
tr.brand-purple-bg td, tr.brand-purple-bg th { background-color: #4a0059; }
tr.brand-teal-bg td, tr.brand-teal-bg th { background-color: #00abab; }
tr.brand-pink-bg td, tr.brand-pink-bg th { background-color: #ed027e; }
tr.brand-orange-bg td, tr.brand-orange-bg th { background-color: #f15b22; }
tr.brand-darkgray-bg td, tr.brand-darkgray-bg th, tr.brand-dark-gray-bg td, tr.brand-dark-gray-bg th { background-color: #222; }

td { padding: 10px 20px; border: solid 1px #efeeea; }

th { text-align: left; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; font-size: .875em; padding: 10px 20px; background-color: #efeeea; border-top: solid 1px #f9f8f5; }

td.hide, th.hide { border: none; background-color: transparent !important; }

.oi-logo { width: 215px; height: 75px; background-image: url("images/logo-onwhite-sprite.png"); background-repeat: no-repeat; background-position: left 0%; background-size: auto 500%; }
.oi-logo:not(div) { display: inline-block; }
.oi-logo.block { display: block; }
.oi-logo.australia { background-image: url("images/logo-au-onwhite-sprite.png"); }
.oi-logo.canada { background-image: url("images/logo-ca-onwhite-sprite.png"); }
.oi-logo.small { width: 126px; height: 40px; background-image: url("images/logo-onwhite-sprite-mobile.png"); }
.oi-logo.small.australia { background-image: url("images/logo-au-onwhite-sprite-mobile.png"); }
.oi-logo.small.canada { background-image: url("images/logo-ca-onwhite-sprite-mobile.png"); }
.oi-logo.on-dark { background-image: url("images/logo-ondark-sprite.png"); }
.oi-logo.on-dark.australia { background-image: url("images/logo-au-ondark-sprite.png"); }
.oi-logo.on-dark.canada { background-image: url("images/logo-ca-ondark-sprite.png"); }
.oi-logo.on-dark.small { background-image: url("images/logo-ondark-sprite-mobile.png"); }
.oi-logo.on-dark.small.australia { background-image: url("images/logo-au-ondark-sprite-mobile.png"); }
.oi-logo.on-dark.small.canada { background-image: url("images/logo-ca-ondark-sprite-mobile.png"); }
.oi-logo.brand-purple { background-position: left 25%; }
.oi-logo.brand-teal { background-position: left 50%; }
.oi-logo.brand-orange { background-position: left 75%; }
.oi-logo.brand-pink { background-position: left 100%; }

.brand-pink { color: #ed027e; }

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

.brand-light-pink { color: #ea69a7; }

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

.brand-orange { color: #f15b22; }

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

.brand-light-orange { color: #f37d50; }

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

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

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

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

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

.brand-purple { color: #4a0059; }

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

.brand-light-purple { color: #611171; }

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

.brand-dark-purple { color: #2d0a3c; }

.brand-dark-purple-bg { background-color: #2d0a3c; color: #fff; }

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

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

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

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

.brand-dark-gray { color: #222; }

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

.brand-offwhite { color: #efeeea; }

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

.brand-white { color: #fff; }

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

.transparent-bg { background-color: transparent; }

.text-color { color: #333; }

.text-color-secondary { color: #555; }

/**************************/
/**** 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; }

/********************/
/**** Paragraphs ****/
/********************/
p { margin: 1em 0; font-size: 1em; line-height: 1.5; }
p:first-child { margin-top: 0; }
p:last-child { margin-bottom: 0; }

p.large { font-size: 1.125em; }

p.small { font-size: .875em; }

/***************/
/**** Links ****/
/***************/
a { text-decoration: none; color: #7bc557; cursor: pointer; -webkit-transition: border-color .3s, color .3s; transition: border-color .3s, color .3s; -moz-transition: border-color .3s, color .3s; }
a img { border: none; }
a.block { display: block; }

p a { border-bottom: solid 1px transparent; }
p a:hover { border-bottom: solid 1px; }

.brand-green-bg a, .brand-purple-bg a, .brand-orange-bg a, .brand-teal-bg a, .brand-pink-bg a { color: #fff; border-color: #fff; }
.brand-green-bg a:hover, .brand-purple-bg a:hover, .brand-orange-bg a:hover, .brand-teal-bg a:hover, .brand-pink-bg a:hover { border-color: #fff; }

/******************/
/**** Headings ****/
/******************/
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; margin: 1.25em 0 .75em 0; letter-spacing: 1px; line-height: 1; font-family: "proxima-nova", Arial, sans-serif; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 .subheading, h1 .superheading, h2 .subheading, h2 .superheading, h3 .subheading, h3 .superheading, h4 .subheading, h4 .superheading, h5 .subheading, h5 .superheading, h6 .subheading, h6 .superheading { display: block; text-transform: none; letter-spacing: 0; font-weight: normal; font-family: "Times New Roman", Times, serif; font-style: italic; }
h1 .subheading, h2 .subheading, h3 .subheading, h4 .subheading, h5 .subheading, h6 .subheading { margin-top: .25em; }
h1 .superheading, h2 .superheading, h3 .superheading, h4 .superheading, h5 .superheading, h6 .superheading { margin-bottom: .375em; }
h1.bordered, h2.bordered, h3.bordered, h4.bordered, h5.bordered, h6.bordered { display: inline-block; padding: 1em 1.125em; }

h1 { font-size: 1.625em; }
h1.large { font-size: 1.875em; }
h1.small { font-size: 1.375em; }
h1.small .subheading, h1.small .superheading { font-size: .75em; }
h1 .subheading, h1 .superheading { font-size: .625em; }

h2 { font-size: 1.375em; }
h2.large { font-size: 1.625em; }
h2.large .subheading, h2.large .superheading { font-size: .625em; }
h2.small { font-size: 1.125em; }
h2.small .subheading, h2.small .superheading { font-size: .875em; }
h2 .subheading, h2 .superheading { font-size: .75em; }

h3 { font-size: 1.125em; }
h3.large { font-size: 1.5em; }
h3.large .subheading, h3.large .superheading { font-size: .75em; }
h3.small { font-size: 1em; }
h3 .subheading, h3 .superheading { font-size: .875em; }

h4 { font-size: 1em; text-transform: none; margin-bottom: 10px; }
h4.large { font-size: 1.125em; }
h4 + p { margin-top: 0; }

h5 { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 1em; color: #555; text-transform: none; }
h5.large { font-size: 1.125em; }

/*********************/
/**** Blockquotes ****/
/*********************/
blockquote { font-family: "Times New Roman", Times, serif; font-style: italic; padding: 1em 1em 1em 2em; margin: 1.25em 0; position: relative; border-top: solid 2px #efeeea; border-bottom: solid 2px #efeeea; color: #555; }
blockquote p { font-family: "Times New Roman", Times, serif; font-size: 1.125em; line-height: 1.25; }
blockquote cite { text-align: right; display: block; font-family: "proxima-nova", Arial, sans-serif; font-style: normal; font-size: .875em; }
blockquote cite:before { content: "– "; }
blockquote:before { content: "\201c"; display: block; position: absolute; left: 0; font-size: 52px; top: .25em; font-weight: bold; font-style: normal; line-height: 1em; color: #4a0059; }
blockquote.no-border { border-top: none; border-bottom: 0; padding-top: 0; padding-bottom: 0; }
blockquote.no-border:before { top: -5px; }
blockquote:first-child { margin-top: 0; }
blockquote:last-child { margin-bottom: 0; }
blockquote.large { font-size: 1.25em; }
blockquote.large:before { font-size: 65px; }

blockquote + blockquote { border-top: none; padding-top: 0; }
blockquote + blockquote:before { top: -5px; }

[class*='brand-'][class*='-bg']:not(.brand-offwhite-bg):not(.brand-white-bg) blockquote { color: #fff; }

.brand-purple-bg blockquote:before { color: #f15b22; }

.brand-orange-bg blockquote:before { color: #4a0059; }

.brand-offwhite-bg blockquote { border-color: #8f8e8c; }

/****************/
/**** Asides ****/
/****************/
aside { position: relative; float: left; margin-left: 0; margin-right: 40px; margin-bottom: 20px; margin-top: .5em; padding-top: 20px; border-top: solid 5px #efeeea; }
aside.right { float: right; margin-left: 40px; margin-right: 0; }
aside.no-border { border-top: 0; margin-top: 0; padding-top: 0; }
aside blockquote { border-top: none; border-bottom: 0; padding-top: 0; padding-bottom: 0; }
aside blockquote:before { top: -5px; }

.contained-12 aside, .contained-9 aside, .contained-6 aside, .contained-4 aside { width: 100%; max-width: none; }
/*****************/
/**** Figures ****/
/*****************/
figure { margin: 0 0 1em 0; }
figure img { display: block; width: 100%; }

figcaption { margin-top: .625em; color: #8f8e8c; font-family: "Times New Roman", Times, serif; font-style: italic; }

/***************/
/**** Lists ****/
/***************/
ul, ol { padding: 0; margin: 0 0 20px 0; list-style: none; counter-reset: list; }
ul li, ol li { position: relative; padding-left: 1.25em; line-height: 1.5em; counter-increment: list; }
ul li:last-child, ol li:last-child { margin-bottom: 0; }
ul.no-list-style li, ol.no-list-style li { padding-left: 0; }
ul.no-list-style li:before, ol.no-list-style li:before { display: none; }
ul.inline, ol.inline { display: inline-block; margin-left: -10px; margin-right: -10px; padding: 0; }
ul.inline li, ol.inline li { display: inline-block; padding-left: 10px; padding-right: 10px; }
ul.inline li:before, ol.inline li:before { display: none; }
ul:last-child, ol:last-child { margin-bottom: 0; }

ul li:before { content: '●'; display: block; position: absolute; left: 0; top: 0; }

ol li:before { content: counter(list) "."; display: block; position: absolute; left: 0; }

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

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

.italic { font-style: italic; }

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

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

/************************/
/**** Grid 12 system ****/
/************************/
.row { margin-left: -7.5px; margin-right: -7.5px; margin-bottom: 0; }
.row.large-gutter { margin-left: -15px; margin-right: -15px; margin-bottom: 0; }
.row.large-gutter > .col { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
.row.small-gutter { margin-left: -5px; margin-right: -5px; margin-bottom: 0; }
.row.small-gutter > .col { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.row:last-child { margin-bottom: 0; }
.row.no-gutter { margin-left: 0; margin-right: 0; margin-bottom: 0; }
.row.no-gutter > .col { padding-left: 0; padding-right: 0; margin-bottom: 0; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row > .col { padding-left: 7.5px; padding-right: 7.5px; margin-bottom: 15px; float: left; }
.row > .col.m-col-1 { width: 8.33333%; }
.row > .col.m-col-2 { width: 16.66667%; }
.row > .col.m-col-3 { width: 25%; }
.row > .col.m-col-4 { width: 33.33333%; }
.row > .col.m-col-5 { width: 41.66667%; }
.row > .col.m-col-6 { width: 50%; }
.row > .col.m-col-7 { width: 58.33333%; }
.row > .col.m-col-8 { width: 66.66667%; }
.row > .col.m-col-9 { width: 75%; }
.row > .col.m-col-10 { width: 83.33333%; }
.row > .col.m-col-11 { width: 91.66667%; }
.row > .col.m-col-12 { width: 100%; }

/************************/
/**** Grid 10 system ****/
/************************/
.row.grid-10 > .col.m-col-1 { width: 10%; }
.row.grid-10 > .col.m-col-2 { width: 20%; }
.row.grid-10 > .col.m-col-3 { width: 30%; }
.row.grid-10 > .col.m-col-4 { width: 40%; }
.row.grid-10 > .col.m-col-5 { width: 50%; }
.row.grid-10 > .col.m-col-6 { width: 60%; }
.row.grid-10 > .col.m-col-7 { width: 70%; }
.row.grid-10 > .col.m-col-8 { width: 80%; }
.row.grid-10 > .col.m-col-9 { width: 90%; }
.row.grid-10 > .col.m-col-10 { width: 100%; }

/***************/
/**** Forms ****/
/***************/
form { display: block; margin: 0; }

input[type='text'], input[type='number'], input[type='email'], input[type='password'], input[type='phone'], textarea { display: block; width: 100%; height: 3.21428571em; border: solid 1px #8f8e8c; padding: .71425em; font-size: .875em; outline: none; -webkit-transition: border-color .2s; transition: border-color .2s; font-family: "proxima-nova", Arial, sans-serif; -webkit-appearance: none; -moz-appearance: none; 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: 7em; max-width: 100%; }

input[type='submit'], input[type="button"] { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

label { display: block; color: #555; font-size: .875em; font-weight: bold; margin-bottom: 10px; }

fieldset { border: none; padding: initial; margin: initial; }

.input-group { display: table; }
.input-group input { display: table-cell; }
.input-group input:first-child { border-right: none; }
.input-group input:last-child { border-left: none; }
.input-group .prefix, .input-group .postfix { display: table-cell; width: 1%; height: 3.58333em; height: calc(3.75em - 2px); background-color: #efeeea; line-height: 3.5em; padding: 0 10px; text-align: center; border: solid 1px #8f8e8c; font-size: .75em; color: #8f8e8c; }

.input-icon { position: relative; }
.input-icon input { padding-left: 2.125em; }
.input-icon input:focus + i { color: #333; }
.input-icon i { position: absolute; display: block; top: 0; left: .71245em; height: 3.21428571em; width: 1em; font-size: .875em; line-height: 3.21428571em; color: #8f8e8c; }

.inline-form { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; }
.inline-form input { display: inline-block; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; width: auto; vertical-align: middle; }
.inline-form .select { width: auto; display: inline-block; vertical-align: middle; margin-right: 20px; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; }
.inline-form .select select { padding-right: 1.875em; }

[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label { color: inherit; opacity: .7; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type='text'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type='number'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type='email'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type='password'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type='phone'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) textarea { border-color: #fff; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.radio, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.checkbox { color: inherit; opacity: .7; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.radio:before, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.checkbox:before { border-color: inherit; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.radio:hover, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.checkbox:hover { color: inherit; opacity: 1; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.radio:hover:before, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) label.checkbox:hover:before { border-color: inherit; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type="radio"]:checked + label.radio { color: inherit; opacity: 1; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type="radio"]:checked + label.radio:before { background-color: #fff; border-color: inherit; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type="checkbox"]:checked + label.checkbox { color: inherit; opacity: 1; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) input[type="checkbox"]:checked + label.checkbox:before { color: inherit; border-color: inherit; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .select { border-color: inherit; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='text'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='number'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='email'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='password'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='phone'], [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg textarea { border-color: #8f8e8c; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='text']:focus, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='number']:focus, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='email']:focus, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='password']:focus, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type='phone']:focus, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg textarea:focus { border-color: #555; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg .select { border-color: #8f8e8c; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg .select.focus { border-color: #555; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg label.radio, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg label.checkbox { color: #8f8e8c; opacity: 1; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg label.radio:before, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg label.checkbox:before { border-color: #8f8e8c; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg label.radio:hover, [class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg label.checkbox:hover { color: inherit; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type="radio"]:checked + label.radio { color: #ed027e; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type="radio"]:checked + label.radio:before { background: #ed027e; border-color: #ed027e; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type="checkbox"]:checked + label.checkbox { color: inherit; opacity: 1; }
[class*='brand'][class*='bg']:not(.brand-offwhite-bg):not(.brand-white-bg) .brand-white-bg input[type="checkbox"]:checked + label.checkbox:before { color: #ed027e; border-color: #ed027e; }

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

/************************************/
/**** Checkbox and Radio Buttons ****/
/************************************/
input[type="radio"], input[type="checkbox"] { position: absolute; left: -10000px; }

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

input[type="checkbox"]:checked + label.checkbox { color: #333; }
input[type="checkbox"]:checked + label.checkbox:before { content: '\e607'; font-family: "oi-icons"; color: #ed027e; border-color: #ed027e; }

label.radio, label.checkbox { font-family: "proxima-nova", Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 1em; position: relative; cursor: pointer; line-height: 1em; }
label.radio:before, label.checkbox:before { content: ''; display: block; border: solid 1px #8f8e8c; width: .75em; height: .75em; line-height: .75em; text-align: center; position: absolute; left: 0; }
label.radio.inline, label.checkbox.inline { display: inline-block; margin-right: 20px; }
label.radio.inline:last-of-type, label.checkbox.inline:last-of-type { margin-right: 0; }
label.radio.small, label.checkbox.small { font-size: .8125em; }
label.radio.small:before, label.checkbox.small:before { width: .75em; height: .75em; line-height: .75em; }

label.radio { padding-left: 1.25em; }
label.radio:before { border-radius: 100%; }
label.radio:hover { color: #ed027e; }
label.radio:hover:before { border-color: #ed027e; }

label.checkbox { padding-left: 1.375em; }
label.checkbox:hover { color: #333; }
label.checkbox:hover:before { border-color: #333; }

/*****************************************/
/**** Radio buttons styled as buttons ****/
/*****************************************/
input[type="radio"] + label.btn { color: #fff; background-color: #8f8e8c; font-family: "proxima-nova", Arial, sans-serif; font-style: normal; margin-bottom: 0; }
input[type="radio"] + label.btn:hover { background-color: #ed027e; }

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

/**********************/
/**** Select boxes ****/
/**********************/
.select { display: block; border: solid 1px #8f8e8c; padding: .625em; line-height: 1.5em; height: 2.8125em; background: #fff url("images/oi-select-arrow.png") no-repeat right center; overflow: hidden; width: 100%; text-align: left; -webkit-transition: border-color .2s; transition: border-color .2s; }
.select.focus { border-color: #555; }
.select select { background: transparent; border: none; border-radius: 0; color: #333; font-size: .875em; height: 1.625em; -webkit-appearance: none; -moz-appearance: none; 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", Times, serif; font-style: italic; color: #8f8e8c; }

/*********************/
/**** Alert boxes ****/
/*********************/
div.alert { padding: 10px 20px; font-size: .875em; margin-bottom: 20px; background-color: #efeeea; color: #555; }
div.alert.success { background-color: #7bc557; color: #fff; }
div.alert.warning { background-color: #f15b22; color: #fff; }
div.alert.error { background-color: #ce1500; color: #fff; }
div.alert *:first-child { margin-top: 10px; }
div.alert *:last-child { margin-bottom: 10px; }

/*********************/
/**** Form errors ****/
/*********************/
span.question { background-color: #8f8e8c; display: inline-block; width: .875em; height: .875em; color: #fff; line-height: .875em; text-align: center; border-radius: 100%; vertical-align: middle; }
span.question:before { content: '?'; font-size: .625em; font-family: "proxima-nova", Arial, sans-serif; font-style: normal; }

input.error, textarea.error, .select.error { border-color: #ce1500; }

.error-message { color: #ce1500; padding-top: 5px; padding-bottom: 5px; font-size: .75em; }
.error-message + .error-message { padding-top: 0; }

label.error { color: #ce1500; }

.radio-group.error label.radio { color: #ce1500; }
.radio-group.error label.radio:before { border-color: #ce1500; }

/******************************/
/**** Choose Amount module ****/
/******************************/
.choose-amount-module .custom-amount { text-align: center; font-size: .75em; letter-spacing: 1px; font-weight: bold; height: 3.75em; -webkit-transition: none; transition: none; }
.choose-amount-module .custom-amount.btn { text-transform: none; background-color: #8f8e8c; }
.choose-amount-module .custom-amount.btn::-webkit-input-placeholder { color: #fff; }
.choose-amount-module .custom-amount.btn:-moz-placeholder { /* Firefox 18- */ color: #fff; }
.choose-amount-module .custom-amount.btn::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
.choose-amount-module .custom-amount.btn:-ms-input-placeholder { color: #fff !important; }
.choose-amount-module .custom-amount.btn:hover { background-color: #ed027e; border-color: #ed027e; }
.choose-amount-module .custom-amount.selected { background-color: #ed027e; color: #fff; border-color: #ed027e; }
.choose-amount-module .custom-amount.selected::-webkit-input-placeholder { color: #fff; }
.choose-amount-module .custom-amount.selected:-moz-placeholder { /* Firefox 18- */ color: #fff; }
.choose-amount-module .custom-amount.selected::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
.choose-amount-module .custom-amount.selected:-ms-input-placeholder { color: #fff !important; }

a.btn { display: inline-block; text-decoration: none; vertical-align: top; border: none; }
a.btn:not(.ghost):hover { border: none; }

button.btn { display: inline-block; width: auto; }

.btn { text-align: center; color: #fff; text-transform: uppercase; font-size: .75em; letter-spacing: 1px; font-weight: bold; font-family: "proxima-nova", Arial, sans-serif; box-shadow: none; -webkit-transition: box-shadow 0.6s ease-out 0s; transition: box-shadow 0.6s ease-out 0s; line-height: 1.5; cursor: pointer; padding: 1.125em 1.6666666em; border: none; outline: none; }
.btn i { position: relative; font-size: 1.125em; top: .125em; }
.btn.brand-darkgray-bg, .btn.brand-dark-gray-bg { box-shadow: inset 0 100px 0 0 #222; }
.btn.brand-darkgray-bg:hover, .btn.brand-dark-gray-bg:hover { box-shadow: 0 0 0 0 #333 inset; }
.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-offwhite-bg { color: #8f8e8c; box-shadow: inset 0 100px 0 0 #efeeea; }
.btn.brand-offwhite-bg:hover { box-shadow: 0 0 0 0 #ddd 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 #4a0059; }
.btn.brand-purple-bg:hover { box-shadow: 0 0 0 0 #611171 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.block { display: block; width: 100%; }
.btn.large { line-height: 1.5; padding: 1.125em 1.875em; font-size: 1em; }
.btn.small { line-height: 1.5; padding: 1.25em 1.5em; font-size: .625em; }
.btn.ghost { background-color: transparent; border: solid 2px; line-height: 1.5em; padding: 1.125em 1.5em; /* Fallback for browsers that don't support calc() */ padding: calc(1.125em - 2px) calc(1.666666em - 2px); -webkit-transition: color .3s, border-color .3s, background-color .3s; transition: color .3s, border-color .3s, background-color .3s; }
.btn.ghost.large { line-height: 1.5; padding: 1.125em 1.75em; /* Fallback for browsers that don't support calc() */ padding: calc(1.125em - 2px) calc(1.875em - 2px); }
.btn.ghost.small { line-height: 1.5; padding: 1.25em 1.3em; /* Fallback for browsers that don't support calc() */ padding: calc(1.25em - 2px) calc(1.5em - 2px); }
.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: #4a0059; border-color: #4a0059; }
.btn.ghost.brand-purple:hover { color: #fff; background-color: #4a0059; }
.btn.ghost.brand-green { color: #7bc557; border-color: #7bc557; }
.btn.ghost.brand-green:hover { color: #fff; background-color: #7bc557; }
.btn.ghost.brand-darkgray, .btn.ghost.brand-dark-gray { color: #222; border-color: #222; }
.btn.ghost.brand-darkgray:hover, .btn.ghost.brand-dark-gray:hover { color: #fff; background-color: #222; }
.btn.ghost.brand-gray { color: #8f8e8c; border-color: #8f8e8c; }
.btn.ghost.brand-gray:hover { color: #fff; background-color: #8f8e8c; }
.btn.ghost.brand-offwhite { color: #efeeea; border-color: #efeeea; }
.btn.ghost.brand-offwhite:hover { color: #8f8e8c; background-color: #efeeea; }
.btn.ghost.brand-white { color: #fff; border-color: #fff; }
.btn.ghost.brand-white:hover { color: #333; background-color: #fff; }
.btn.ghost:disabled, .btn.ghost.disabled { background-color: transparent; box-shadow: none; color: #8f8e8c; border-color: #8f8e8c; }
.btn.ghost:disabled:hover, .btn.ghost.disabled:hover { box-shadow: none; background-color: transparent; color: #8f8e8c; }
.btn:disabled, .btn.disabled { background-color: #8f8e8c; box-shadow: inset 0 100px 0 0 #8f8e8c; color: #fff; cursor: default; }
.btn:disabled:hover, .btn.disabled:hover { box-shadow: inset 0 100px 0 0 #8f8e8c; }

.brand-purple-bg .btn.brand-white-bg, .brand-purple-bg .btn.ghost.brand-white:hover { color: #4a0059; }

.brand-teal-bg .btn.brand-white-bg, .brand-teal-bg .btn.ghost.brand-white:hover { color: #00abab; }

.brand-orange-bg .btn.brand-white-bg, .brand-orange-bg .btn.ghost.brand-white:hover { color: #f15b22; }

.brand-teal-bg .btn.brand-white-bg, .brand-teal-bg .btn.ghost.brand-white:hover { color: #00abab; }

.brand-pink-bg .btn.brand-white-bg, .brand-pink-bg .btn.ghost.brand-white:hover { color: #ed027e; }

.brand-green-bg .btn.brand-white-bg, .brand-green-bg .btn.ghost.brand-white:hover { color: #7bc557; }

.brand-darkgray-bg .btn.brand-white-bg, .brand-darkgray-bg .btn.ghost.brand-white:hover, .brand-dark-gray-bg .btn.brand-white-bg, .brand-dark-gray-bg .btn.ghost.brand-white:hover { color: #222; }

.brand-gray-bg .btn.brand-white-bg, .brand-gray-bg .btn.ghost.brand-white:hover { color: #8f8e8c; }

.brand-offwhite-bg .btn.brand-white-bg, .brand-offwhite-bg .btn.ghost.brand-white:hover { color: #8f8e8c; }

.inline-buttons { margin-bottom: -1em; margin-right: -10px; margin-left: -10px; }
.inline-buttons .btn { margin-right: 10px; margin-left: 10px; margin-bottom: 1em; }

/******************/
/**** Tooltips ****/
/******************/
.tooltip { display: none; z-index: 1; }
.tooltip .tooltip-container { position: relative; left: -50%; width: 1000px; }
.tooltip .tooltip-container.purple .tooltip-content { background-color: #4a0059; color: #fff; }
.tooltip .tooltip-container.purple .tooltip-content:after { color: #4a0059; }
.tooltip .tooltip-container.teal .tooltip-content { background-color: #00abab; color: #fff; }
.tooltip .tooltip-container.teal .tooltip-content:after { color: #00abab; }
.tooltip .tooltip-container.orange .tooltip-content { background-color: #f15b22; color: #fff; }
.tooltip .tooltip-container.orange .tooltip-content:after { color: #f15b22; }
.tooltip .tooltip-container.pink .tooltip-content { background-color: #ed027e; color: #fff; }
.tooltip .tooltip-container.pink .tooltip-content:after { color: #ed027e; }
.tooltip .tooltip-container.green .tooltip-content { background-color: #7bc557; color: #fff; }
.tooltip .tooltip-container.green .tooltip-content:after { color: #7bc557; }
.tooltip .tooltip-container.offwhite .tooltip-content { background-color: #efeeea; color: #333; }
.tooltip .tooltip-container.offwhite .tooltip-content:after { color: #efeeea; }
.tooltip.top .tooltip-container { bottom: 15px; }
.tooltip.top .tooltip-content { bottom: 0; }
.tooltip.top .tooltip-content:after { content: "\e617"; bottom: -10px; color: #efeeea; }
.tooltip.bottom .tooltip-container { top: 15px; }
.tooltip.bottom .tooltip-content { top: 0; }
.tooltip.bottom .tooltip-content:after { content: "\e618"; top: -10px; color: #efeeea; }
.tooltip .tooltip-content { position: absolute; padding: 10px; background-color: #efeeea; font-size: .75em; }
.tooltip .tooltip-content: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; }

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

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.clear { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

.float-left { float: left; }

.float-right { float: right; }

.relative { position: relative; }

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

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

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

/**************************/
/*** Container classes ****/
/**************************/
.contained-1 { max-width: 105px; }

.contained-2 { max-width: 210px; }

.contained-3 { max-width: 315px; }

.contained-4 { max-width: 420px; }

.contained-5 { max-width: 525px; }

.contained-6 { max-width: 630px; }

.contained-7 { max-width: 735px; }

.contained-8 { max-width: 840px; }

.contained-9 { max-width: 945px; }

.contained-10 { max-width: 1050px; }

.contained-11 { max-width: 1155px; }

.contained-12 { max-width: 1260px; }

.centered { margin-left: auto; margin-right: auto; }

/*************************/
/**** Padding classes ****/
/*************************/
.padding-0 { padding: 0px; }

.padding-0-1x { padding: 0px 15px; }

.padding-0-2x { padding: 0px 30px; }

.padding-0-3x { padding: 0px 45px; }

.padding-0-4x { padding: 0px 60px; }

.padding-0-5x { padding: 0px 75px; }

.padding-0-6x { padding: 0px 90px; }

.padding-1x-0 { padding: 15px 0px; }

.padding-1x { padding: 15px; }

.padding-1x-2x { padding: 15px 30px; }

.padding-1x-3x { padding: 15px 45px; }

.padding-1x-4x { padding: 15px 60px; }

.padding-1x-5x { padding: 15px 75px; }

.padding-1x-6x { padding: 15px 90px; }

.padding-2x-0 { padding: 30px 0px; }

.padding-2x-1x { padding: 30px 15px; }

.padding-2x { padding: 30px; }

.padding-2x-3x { padding: 30px 45px; }

.padding-2x-4x { padding: 30px 60px; }

.padding-2x-5x { padding: 30px 75px; }

.padding-2x-6x { padding: 30px 90px; }

.padding-3x-0 { padding: 45px 0px; }

.padding-3x-1x { padding: 45px 15px; }

.padding-3x-2x { padding: 45px 30px; }

.padding-3x { padding: 45px; }

.padding-3x-4x { padding: 45px 60px; }

.padding-3x-5x { padding: 45px 75px; }

.padding-3x-6x { padding: 45px 90px; }

.padding-4x-0 { padding: 60px 0px; }

.padding-4x-1x { padding: 60px 15px; }

.padding-4x-2x { padding: 60px 30px; }

.padding-4x-3x { padding: 60px 45px; }

.padding-4x { padding: 60px; }

.padding-4x-5x { padding: 60px 75px; }

.padding-4x-6x { padding: 60px 90px; }

.padding-5x-0 { padding: 75px 0px; }

.padding-5x-1x { padding: 75px 15px; }

.padding-5x-2x { padding: 75px 30px; }

.padding-5x-3x { padding: 75px 45px; }

.padding-5x-4x { padding: 75px 60px; }

.padding-5x { padding: 75px; }

.padding-5x-6x { padding: 75px 90px; }

.padding-6x-0 { padding: 90px 0px; }

.padding-6x-1x { padding: 90px 15px; }

.padding-6x-2x { padding: 90px 30px; }

.padding-6x-3x { padding: 90px 45px; }

.padding-6x-4x { padding: 90px 60px; }

.padding-6x-5x { padding: 90px 75px; }

.padding-6x { padding: 90px; }
/************************/
/**** Margin classes ****/
/************************/
.margin-top-0 { margin-top: 0; }

.margin-bottom-0 { margin-bottom: 0; }

.margin-top-1x { margin-top: 15px; }

.margin-bottom-1x { margin-bottom: 15px; }

.margin-top-2x { margin-top: 30px; }

.margin-bottom-2x { margin-bottom: 30px; }

.margin-top-3x { margin-top: 45px; }

.margin-bottom-3x { margin-bottom: 45px; }

.margin-top-4x { margin-top: 60px; }

.margin-bottom-4x { margin-bottom: 60px; }

.margin-top-5x { margin-top: 75px; }

.margin-bottom-5x { margin-bottom: 75px; }

.margin-top-6x { margin-top: 90px; }

.margin-bottom-6x { margin-bottom: 90px; }
/*************************/
/**** Display classes ****/
/*************************/
.desktop-only { display: none; }

.netbook-only { display: none; }

.tablet-only { display: none; }

.mobile-only { display: block; }

.no-mobile { display: none; }
/***************************/
/**** Background images ****/
/***************************/
.bg-image { background-size: cover; background-position: center; position: relative; }
.bg-image.left { background-position: left center; }
.bg-image.left.top { background-position: left top; }
.bg-image.left.bottom { background-position: left bottom; }
.bg-image.right { background-position: right center; }
.bg-image.right.top { background-position: right top; }
.bg-image.right.bottom { background-position: right bottom; }
.bg-image.top { background-position: center top; }
.bg-image.bottom { background-position: center bottom; }
.bg-image.overlay:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bg-image.overlay.brand-purple-bg:before { background-color: #4a0059; opacity: .9; }
.bg-image.overlay.brand-purple-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(74, 0, 89, 0)), color-stop(25%, rgba(74, 0, 89, 0)), color-stop(75%, rgba(74, 0, 89, 0.75)), color-stop(100%, rgba(74, 0, 89, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(74, 0, 89, 0) 0%, rgba(74, 0, 89, 0) 25%, rgba(74, 0, 89, 0.75) 75%, rgba(74, 0, 89, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(74, 0, 89, 0) 0%, rgba(74, 0, 89, 0) 25%, rgba(74, 0, 89, 0.75) 75%, rgba(74, 0, 89, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-dark-purple-bg:before { background-color: #2d0a3c; opacity: .85; }
.bg-image.overlay.brand-dark-purple-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 10, 60, 0)), color-stop(25%, rgba(45, 10, 60, 0)), color-stop(75%, rgba(45, 10, 60, 0.75)), color-stop(100%, rgba(45, 10, 60, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(45, 10, 60, 0) 0%, rgba(45, 10, 60, 0) 25%, rgba(45, 10, 60, 0.75) 75%, rgba(45, 10, 60, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(45, 10, 60, 0) 0%, rgba(45, 10, 60, 0) 25%, rgba(45, 10, 60, 0.75) 75%, rgba(45, 10, 60, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-pink-bg:before { background-color: #ed027e; opacity: 0.9; }
.bg-image.overlay.brand-pink-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(236, 2, 126, 0)), color-stop(25%, rgba(236, 2, 126, 0)), color-stop(75%, rgba(236, 2, 126, 0.75)), color-stop(100%, rgba(236, 2, 126, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(236, 2, 126, 0) 0%, rgba(236, 2, 126, 0) 25%, rgba(236, 2, 126, 0.75) 75%, rgba(236, 2, 126, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(236, 2, 126, 0) 0%, rgba(236, 2, 126, 0) 25%, rgba(236, 2, 126, 0.75) 75%, rgba(236, 2, 126, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-teal-bg:before { background-color: #00abab; opacity: .9; }
.bg-image.overlay.brand-teal-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 171, 171, 0)), color-stop(25%, rgba(0, 171, 171, 0)), color-stop(75%, rgba(0, 171, 171, 0.75)), color-stop(100%, rgba(0, 171, 171, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 171, 171, 0) 0%, rgba(0, 171, 171, 0) 25%, rgba(0, 171, 171, 0.75) 75%, rgba(0, 171, 171, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 171, 171, 0) 0%, rgba(0, 171, 171, 0) 25%, rgba(0, 171, 171, 0.75) 75%, rgba(0, 171, 171, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-orange-bg:before { background-color: #f15b22; opacity: .9; }
.bg-image.overlay.brand-orange-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 92, 34, 0)), color-stop(25%, rgba(240, 92, 34, 0)), color-stop(75%, rgba(240, 92, 34, 0.75)), color-stop(100%, rgba(240, 92, 34, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240, 92, 34, 0) 0%, rgba(240, 92, 34, 0) 25%, rgba(240, 92, 34, 0.75) 75%, rgba(240, 92, 34, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(240, 92, 34, 0) 0%, rgba(240, 92, 34, 0) 25%, rgba(240, 92, 34, 0.75) 75%, rgba(240, 92, 34, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-green-bg:before { background-color: #7bc557; opacity: .9; }
.bg-image.overlay.brand-green-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(123, 197, 87, 0)), color-stop(25%, rgba(123, 197, 87, 0)), color-stop(75%, rgba(123, 197, 87, 0.75)), color-stop(100%, rgba(123, 197, 87, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(123, 197, 87, 0) 0%, rgba(123, 197, 87, 0) 25%, rgba(123, 197, 87, 0.75) 75%, rgba(123, 197, 87, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(123, 197, 87, 0) 0%, rgba(123, 197, 87, 0) 25%, rgba(123, 197, 87, 0.75) 75%, rgba(123, 197, 87, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-white-bg:before { background-color: #fff; opacity: .9; }
.bg-image.overlay.brand-white-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.75)), color-stop(100%, rgba(255, 255, 255, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-offwhite-bg:before { background-color: #efeeea; opacity: .9; }
.bg-image.overlay.brand-offwhite-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 238, 234, 0)), color-stop(25%, rgba(239, 238, 234, 0)), color-stop(75%, rgba(239, 238, 234, 0.75)), color-stop(100%, rgba(239, 238, 234, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239, 238, 234, 0) 0%, rgba(239, 238, 234, 0) 25%, rgba(239, 238, 234, 0.75) 75%, rgba(239, 238, 234, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(239, 238, 234, 0) 0%, rgba(239, 238, 234, 0) 25%, rgba(239, 238, 234, 0.75) 75%, rgba(239, 238, 234, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-image.overlay.brand-darkgray-bg:before, .bg-image.overlay.brand-dark-gray-bg:before { background-color: #000; opacity: .75; }
.bg-image.overlay.brand-darkgray-bg.gradient:before, .bg-image.overlay.brand-dark-gray-bg.gradient:before { /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(25%, transparent), color-stop(75%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.75) 75%, rgba(0, 0, 0, 0.75) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.75) 75%, rgba(0, 0, 0, 0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

.content-overlay { z-index: 1; position: relative; }
.content-overlay.bottom { position: absolute; bottom: 0; width: 100%; }
.content-overlay.top { position: absolute; top: 0; width: 100%; }
.content-overlay.middle { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.content-overlay.right { position: absolute; width: auto; right: 0; left: auto; }
.content-overlay.left { position: absolute; width: auto; left: 0; right: auto; }

/**********************************/
/**** Viewport-relative Height ****/
/**********************************/
.viewport-height { height: 800px; height: 100vh; }

.viewport-three-quarter-height { height: 600px; height: 75vh; }

.viewport-half-height { height: 400px; height: 50vh; }

.viewport-quarter-height { height: 200px; height: 25vh; }

.viewport-two-thirds-height { height: 530px; height: 66.66vh; }

.viewport-one-third-height { height: 265px; height: 33.33vh; }

/***************************/
/**** Body Copy layouts ****/
/***************************/
.body-copy.contained-1260 > :not(aside):not(div), .body-copy.contained-12 > :not(aside):not(div) { max-width: 945px; margin-left: auto; margin-right: auto; }
.body-copy.contained-1260 > .full-width, .body-copy.contained-12 > .full-width { max-width: none; }
.body-copy.contained-960 > :not(aside):not(div), .body-copy.contained-9 > :not(aside):not(div) { max-width: 630px; margin-left: auto; margin-right: auto; }
.body-copy.contained-960 > .full-width, .body-copy.contained-9 > .full-width { max-width: none; }
.body-copy.contained-680 > :not(aside):not(div), .body-copy.contained-6 > :not(aside):not(div) { max-width: 420px; margin-left: auto; margin-right: auto; }
.body-copy.contained-680 > .full-width, .body-copy.contained-6 > .full-width { max-width: none; }
@media (min-width: 480px) { /* tablet */ hr { margin: 40px 0; } p { line-height: 1.75; } p.large { font-size: 1.25em; } h1, h2, h3, h4, h5, h6 { margin: 1.5em 0 1em 0; } h1 { font-size: 2em; } h1.large { font-size: 2.5em; } h1.small { font-size: 1.5em; } h2 { font-size: 1.5em; } h2.large { font-size: 2em; } blockquote { padding: 1.25em 1.25em 1.25em 3.125em; } blockquote p { line-height: 1.5; } blockquote:before { font-size: 70px; top: 15px; } blockquote.large:before { font-size: 87.5px; } .contained-12 aside { max-width: 480px; width: 50%; }
  .contained-9 aside { max-width: 340px; width: 50%; }
  .contained-6 aside, .contained-4 aside { max-width: 220px; width: 50%; } ul li, ol li { line-height: 1.75em; } .row { margin-left: -10px; margin-right: -10px; } .row.large-gutter { margin-left: -20px; margin-right: -20px; } .row.large-gutter > .col { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } .row > .col { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .row > .col.t-col-1 { width: 8.33333%; }
  .row > .col.t-col-2 { width: 16.66667%; }
  .row > .col.t-col-3 { width: 25%; }
  .row > .col.t-col-4 { width: 33.33333%; }
  .row > .col.t-col-5 { width: 41.66667%; }
  .row > .col.t-col-6 { width: 50%; }
  .row > .col.t-col-7 { width: 58.33333%; }
  .row > .col.t-col-8 { width: 66.66667%; }
  .row > .col.t-col-9 { width: 75%; }
  .row > .col.t-col-10 { width: 83.33333%; }
  .row > .col.t-col-11 { width: 91.66667%; }
  .row > .col.t-col-12 { width: 100%; } .row.grid-10 > .col.t-col-1 { width: 10%; }
  .row.grid-10 > .col.t-col-2 { width: 20%; }
  .row.grid-10 > .col.t-col-3 { width: 30%; }
  .row.grid-10 > .col.t-col-4 { width: 40%; }
  .row.grid-10 > .col.t-col-5 { width: 50%; }
  .row.grid-10 > .col.t-col-6 { width: 60%; }
  .row.grid-10 > .col.t-col-7 { width: 70%; }
  .row.grid-10 > .col.t-col-8 { width: 80%; }
  .row.grid-10 > .col.t-col-9 { width: 90%; }
  .row.grid-10 > .col.t-col-10 { width: 100%; } .padding-0 { padding: 0px; }
  .padding-0-1x { padding: 0px 20px; }
  .padding-0-2x { padding: 0px 40px; }
  .padding-0-3x { padding: 0px 60px; }
  .padding-0-4x { padding: 0px 80px; }
  .padding-0-5x { padding: 0px 100px; }
  .padding-0-6x { padding: 0px 120px; }
  .padding-1x-0 { padding: 20px 0px; }
  .padding-1x { padding: 20px; }
  .padding-1x-2x { padding: 20px 40px; }
  .padding-1x-3x { padding: 20px 60px; }
  .padding-1x-4x { padding: 20px 80px; }
  .padding-1x-5x { padding: 20px 100px; }
  .padding-1x-6x { padding: 20px 120px; }
  .padding-2x-0 { padding: 40px 0px; }
  .padding-2x-1x { padding: 40px 20px; }
  .padding-2x { padding: 40px; }
  .padding-2x-3x { padding: 40px 60px; }
  .padding-2x-4x { padding: 40px 80px; }
  .padding-2x-5x { padding: 40px 100px; }
  .padding-2x-6x { padding: 40px 120px; }
  .padding-3x-0 { padding: 60px 0px; }
  .padding-3x-1x { padding: 60px 20px; }
  .padding-3x-2x { padding: 60px 40px; }
  .padding-3x { padding: 60px; }
  .padding-3x-4x { padding: 60px 80px; }
  .padding-3x-5x { padding: 60px 100px; }
  .padding-3x-6x { padding: 60px 120px; }
  .padding-4x-0 { padding: 80px 0px; }
  .padding-4x-1x { padding: 80px 20px; }
  .padding-4x-2x { padding: 80px 40px; }
  .padding-4x-3x { padding: 80px 60px; }
  .padding-4x { padding: 80px; }
  .padding-4x-5x { padding: 80px 100px; }
  .padding-4x-6x { padding: 80px 120px; }
  .padding-5x-0 { padding: 100px 0px; }
  .padding-5x-1x { padding: 100px 20px; }
  .padding-5x-2x { padding: 100px 40px; }
  .padding-5x-3x { padding: 100px 60px; }
  .padding-5x-4x { padding: 100px 80px; }
  .padding-5x { padding: 100px; }
  .padding-5x-6x { padding: 100px 120px; }
  .padding-6x-0 { padding: 120px 0px; }
  .padding-6x-1x { padding: 120px 20px; }
  .padding-6x-2x { padding: 120px 40px; }
  .padding-6x-3x { padding: 120px 60px; }
  .padding-6x-4x { padding: 120px 80px; }
  .padding-6x-5x { padding: 120px 100px; }
  .padding-6x { padding: 120px; } .margin-top-0 { margin-top: 0; }
  .margin-bottom-0 { margin-bottom: 0; }
  .margin-top-1x { margin-top: 20px; }
  .margin-bottom-1x { margin-bottom: 20px; }
  .margin-top-2x { margin-top: 40px; }
  .margin-bottom-2x { margin-bottom: 40px; }
  .margin-top-3x { margin-top: 60px; }
  .margin-bottom-3x { margin-bottom: 60px; }
  .margin-top-4x { margin-top: 80px; }
  .margin-bottom-4x { margin-bottom: 80px; }
  .margin-top-5x { margin-top: 100px; }
  .margin-bottom-5x { margin-bottom: 100px; }
  .margin-top-6x { margin-top: 120px; }
  .margin-bottom-6x { margin-bottom: 120px; } .desktop-only { display: none; }
  .netbook-only { display: none; }
  .tablet-only { display: block; }
  .mobile-only { display: none; }
  .no-tablet { display: none; }
  .no-mobile { display: block; } }
@media (min-width: 800px) { /* netbook */ .row > .col.n-col-1 { width: 8.33333%; }
  .row > .col.n-col-2 { width: 16.66667%; }
  .row > .col.n-col-3 { width: 25%; }
  .row > .col.n-col-4 { width: 33.33333%; }
  .row > .col.n-col-5 { width: 41.66667%; }
  .row > .col.n-col-6 { width: 50%; }
  .row > .col.n-col-7 { width: 58.33333%; }
  .row > .col.n-col-8 { width: 66.66667%; }
  .row > .col.n-col-9 { width: 75%; }
  .row > .col.n-col-10 { width: 83.33333%; }
  .row > .col.n-col-11 { width: 91.66667%; }
  .row > .col.n-col-12 { width: 100%; } .row.grid-10 > .col.n-col-1 { width: 10%; }
  .row.grid-10 > .col.n-col-2 { width: 20%; }
  .row.grid-10 > .col.n-col-3 { width: 30%; }
  .row.grid-10 > .col.n-col-4 { width: 40%; }
  .row.grid-10 > .col.n-col-5 { width: 50%; }
  .row.grid-10 > .col.n-col-6 { width: 60%; }
  .row.grid-10 > .col.n-col-7 { width: 70%; }
  .row.grid-10 > .col.n-col-8 { width: 80%; }
  .row.grid-10 > .col.n-col-9 { width: 90%; }
  .row.grid-10 > .col.n-col-10 { width: 100%; } .desktop-only { display: none; }
  .netbook-only { display: block; }
  .tablet-only { display: none; }
  .mobile-only { display: none; }
  .no-netbook { display: none; } }
@media (min-width: 1024px) { /* laptop */ .row { margin-bottom: 20px; } .row.large-gutter { margin-bottom: 40px; }
  .row.large-gutter:last-child { margin-bottom: 0; } .row.large-gutter > .col { margin-bottom: 0; } .row.small-gutter { margin-bottom: 10px; }
  .row.small-gutter:last-child { margin-bottom: 0; } .row.small-gutter > .col { margin-bottom: 0; } .row > .col { margin-bottom: 0; } .row > .col.col-1 { width: 8.33333%; }
  .row > .col.col-2 { width: 16.66667%; }
  .row > .col.col-3 { width: 25%; }
  .row > .col.col-4 { width: 33.33333%; }
  .row > .col.col-5 { width: 41.66667%; }
  .row > .col.col-6 { width: 50%; }
  .row > .col.col-7 { width: 58.33333%; }
  .row > .col.col-8 { width: 66.66667%; }
  .row > .col.col-9 { width: 75%; }
  .row > .col.col-10 { width: 83.33333%; }
  .row > .col.col-11 { width: 91.66667%; }
  .row > .col.col-12 { width: 100%; } .row.grid-10 > .col.col-1 { width: 10%; }
  .row.grid-10 > .col.col-2 { width: 20%; }
  .row.grid-10 > .col.col-3 { width: 30%; }
  .row.grid-10 > .col.col-4 { width: 40%; }
  .row.grid-10 > .col.col-5 { width: 50%; }
  .row.grid-10 > .col.col-6 { width: 60%; }
  .row.grid-10 > .col.col-7 { width: 70%; }
  .row.grid-10 > .col.col-8 { width: 80%; }
  .row.grid-10 > .col.col-9 { width: 90%; }
  .row.grid-10 > .col.col-10 { width: 100%; } .desktop-only { display: block; }
  .netbook-only { display: none; }
  .tablet-only { display: none; }
  .mobile-only { display: none; }
  .no-desktop { display: none; } }
@media (min-width: 1260px) { /* desktop */ }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { .oi-logo { background-image: url("images/logo-onwhite-sprite-2x.png"); }
  .oi-logo.australia { background-image: url("images/logo-au-onwhite-sprite-2x.png"); }
  .oi-logo.canada { background-image: url("images/logo-ca-onwhite-sprite-2x.png"); } .oi-logo.small { background-image: url("images/logo-onwhite-sprite-mobile-2x.png"); }
  .oi-logo.small.australia { background-image: url("images/logo-au-onwhite-sprite-mobile-2x.png"); }
  .oi-logo.small.canada { background-image: url("images/logo-ca-onwhite-sprite-mobile-2x.png"); } .oi-logo.on-dark { background-image: url("images/logo-ondark-sprite-2x.png"); }
  .oi-logo.on-dark.australia { background-image: url("images/logo-au-ondark-sprite-2x.png"); }
  .oi-logo.on-dark.canada { background-image: url("images/logo-ca-ondark-sprite-2x.png"); } .oi-logo.on-dark.small { background-image: url("images/logo-ondark-sprite-mobile-2x.png"); }
  .oi-logo.on-dark.small.australia { background-image: url("images/logo-au-ondark-sprite-mobile-2x.png"); }
  .oi-logo.on-dark.small.canada { background-image: url("images/logo-ca-ondark-sprite-mobile-2x.png"); } }