/* 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: #f2a4c9;
    color: #fff;
}

.brand-vlight-pink-bg {
    background-color: #FFE8F9;
}

.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-vlight-orange-bg {
    background: #FDE7DE;
}

.separator-bottom {
    margin-bottom: 25px;
}

.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-vlight-purple-bg {
    background-color: #fbe8ff;
}

.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;
    letter-spacing: 0;
    font-weight: normal;
}

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: 1em;
}

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: 14px;
}

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'],
input[type='tel'],
select,
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,
input[type='tel']:focus,
select: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");
    }
}