/* o----------------------------------------------------------------------------------------------------------------o
   | CUSTOM FONTS                                                                                                   |
   o----------------------------------------------------------------------------------------------------------------o */

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

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

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

@font-face {
    font-family: 'KreditBack';
    src: url('/fonts/kredit%20back.eot');
    src: url('/fonts/kredit%20back.eot?#iefix') format('embedded-opentype'),
    url('/fonts/KreditBack-Regular.woff') format('woff'),
    url('/fonts/KreditBack-Regular.ttf') format('truetype'),
    url('/fonts/KreditBack-Regular.svg#KreditBack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaStdExtraBold';
    src: url('/fonts/futura-std-extra-bold.otf');
    src: url('/fonts/futura-std-extra-bold.otf?#iefix') format('opentype');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'Kredit';
    url('/fonts/kredit.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KreditBack';
    url('/fonts/kredit back.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KreditFront';
    url('/fonts/kredit front.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KreditShine';
    url('/fonts/kredit shine.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

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

/* o----------------------------------------------------------------------------------------------------------------o
   | HEADER                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

.tab-bar {
    background: #0f0f0f;
}

.top-bar {
    height: 60px;
    background: #0f0f0f;
    z-index: 99;
}

.top-bar form {
    margin-bottom: 0;
}

.top-bar .title-area .name .title-logo a, section.top-bar-section ul li a {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    height: 60px;
    width: 100%;
}

.top-bar .title-area .logo {
    margin: 14px 0 0 14px;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: #0f0f0f;
    line-height: 57px;
    transition: 0.25s background;
    -moz-transition: 0.25s background;
    -webkit-transition: 0.25s background;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #00bbc2;
}

.top-bar.transparent .top-bar-section li:not(.has-form) a:not(.button) {
    color: #ffffff;
    line-height: 57px;
    transition: 0.25s color;
    -moz-transition: 0.25s color;
    -webkit-transition: 0.25s color;
}

.top-bar.transparent .top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
    color: #00bbc2;
}

.top-bar-section li:not(.has-form) a:not(.button) .top-bar-link:hover {
    color: #fff;
}

.top-bar-section li a.top-bar-link {
    background: #0f0f0f;
    color: #ffffff;
    transition: 0.25s color;
    -moz-transition: 0.25s color;
    -webkit-transition: 0.25s color;
    font-style: normal !important;
    font-weight: normal !important;
    text-align: left;
}

.top-bar-section li a.top-bar-link .top-bar-link-text {
    display: none;
}

.top-bar-section li a.top-bar-link.active {
    color: #00bbc2;
}

.top-bar-section li a.top-bar-link:hover {
    color: #fff;
}

.top-bar-section ul:not(.sub-navigation) {
    margin-right: 20px;
}

.top-bar.transparent .top-bar-section ul:not(.dropdown) li,
.top-bar.transparent .top-bar-section ul:not(.dropdown) a.top-bar-link,
.top-bar.transparent .top-bar-section ul:not(.dropdown) li select {
    background: rgba(0, 0, 0, 0) !important;
}

ul li.localization-select-container {
    background: #0f0f0f;
    position: relative;
    margin: 0 18px 0 0;
    padding: 0;
}

ul li.localization-select-container select.localization-select {
    margin-top: 16px;
    height: 25px;
    font-size: 12px;
    padding: 0 30px 0 10px;
    margin-bottom: 0;
    background: #0f0f0f;
    color: #f5f5f5;
    cursor: pointer;
}

ul li.localization-select-container select.localization-select option {
    background: #0f0f0f;
    cursor: pointer;
}

ul li.localization-select-container .select-arrow {
    color: #f5f5f3;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 23px;
    cursor: default;
    line-height: 1px;
    pointer-events: none;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #0f0f0f;
}

.top-bar-section .reveal-dropdown {
    clip: auto !important;
    width: auto !important;
}

.top-bar-section .dropdown {
    min-width: 200%;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #0f0f0f!important;
    font-size: 12px;
    transition: 0.25s background, 0.1s padding-left;
    -moz-transition: 0.25s background, 0.1s padding-left;
    -webkit-transition: 0.25s background, 0.1s padding-left;
    text-align: left;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
    background: #00bbc2;
    padding-left: 20px;
}

.top-bar-section .has-dropdown > a:after {
    margin-top: 2px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | OFF-CANVAS                                                                                                     |
   o----------------------------------------------------------------------------------------------------------------o */

.inner-wrap {
    -webkit-transition: -webkit-transform 250ms ease;
    -moz-transition: -moz-transform 250ms ease;
    -ms-transition: -ms-transform 250ms ease;
    -o-transition: -o-transform 250ms ease;
    transition: transform 250ms ease;
}

.left-small {
    border-right: 0;
}

.move-right .exit-off-canvas {
    background: none;
}

.off-canvas-wrap {
    background: #0f0f0f;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.left-off-canvas-menu {
    background: #0f0f0f;
}

.left-off-canvas-menu .off-canvas-logo {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1f1f1f;
}

.left-off-canvas-menu form {
    margin: 0;
}

.left-off-canvas-menu .left-submenu {
    background: #0f0f0f;
}

.left-off-canvas-menu .left-submenu .back > a {
    padding: .66667rem !important;
    text-transform: none;
    border-bottom: 1px solid #1f1f1f;
}

.left-off-canvas-menu .left-submenu .back > a:before {
    display: none;
}

.left-off-canvas-menu .left-submenu .back > a:after {
    font-family: "FontAwesome";
    content: "\f104";
    margin-left: 0;
    margin-right: 10px;
    float: right;
}

.left-off-canvas-menu .left-submenu .back > a {
    background: #0f0f0f;
    border-top: none;
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 0;
    margin-right: 10px;
    float: right;
}

ul.off-canvas-list li.main-action a {
    color: #00bbc2;
}

ul.off-canvas-list li.main-action a:hover {
    font-weight: bold;
}

ul.off-canvas-list li a:hover {
    background: none;
    color: #00bbc2;
}

ul.off-canvas-list li label {
    border-top: none !important;
    text-transform: none;
    padding: .66667rem !important;
    border-bottom: 1px solid #1f1f1f;
}

ul.off-canvas-list li label {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background: none;
    border-top: 1px solid #424242;
    font-size: 16px;
    color: #00BBC2;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.off-canvas-list li a {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    border-bottom: 1px solid #1f1f1f;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.left-submenu {
    -webkit-transition: -webkit-transform 250ms ease;
    -moz-transition: -moz-transform 250ms ease;
    -ms-transition: -ms-transform 250ms ease;
    -o-transition: -o-transform 250ms ease;
    transition: transform 250ms ease;
}

li.off-canvas-localization {
    border-bottom: 1px solid #262626;
    padding-bottom: 16px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | CONTENT/PAGE STRUCTURE                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

#content {
    background-color: #f5f5f5;
}

#content > div.row {
    padding: 40px 0 40px 0;
}

#content div.row.padded {
    padding: 20px 0 20px 0;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | FEATURETTES                                                                                                    |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
    background-color: #dcdcdc;
}

.featurette > div.row {
    padding: 40px 0 40px 0;
}

.featurette h1 {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette h2 {
    font-size: 1.4rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette .container {
    background: #F5F5F5;
    border-radius: 5px;
    border-top: 10px solid #00bbc2;
    padding: 40px;
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
}

.featurette .container form {
    padding-top: 20px;
}

.featurette .container h2,
.featurette .container h3,
.featurette .container h4 {
    color: #535353;
}

.featurette .container .button {
}

.featurette .container .invest-form .video-player {
    padding-top: 5%;
    padding-bottom: 5%;
}

.featurette .container .managers-info .video-player {
    padding-top: 15%;
    padding-bottom: 15%;
}

.featurette .container .signup-video-block .video-player {
    padding-top: 50px;
}

.featurette .container.managers-info ul li {
    padding-bottom: 3px;
}

.signup-video-player {
    padding-top: 2%;
    padding-bottom: 2%;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | WRAPPERS                                                                                                       |
   o----------------------------------------------------------------------------------------------------------------o */

.wrapper {
    background: #f5f5f5;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.2);
}

.wrapper .header {
    padding: 20px;
    background: #eaeaea;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #d4d4d4;
}

.wrapper .header h1,
.wrapper .header h2,
.wrapper .header h3,
.wrapper .header h4,
.wrapper .header h5 {
    text-shadow: none;
    color: #666;
    margin: 0;
}

.wrapper .header h1 {
    font-size: 1.25rem;
    text-transform: uppercase;
}

.wrapper .header h2 {
    font-size: 1rem;
    margin-top: 3px;
    text-transform: uppercase;
}

.wrapper .body {
    padding: 25px;
}

.wrapper table {
    padding: 0;
}

.wrapper table thead {
    background: #eaeaea;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | BACKGROUNDS                                                                                                    |
   o----------------------------------------------------------------------------------------------------------------o */

.index-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/celebration.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    max-height: 800px;
    z-index: 0;
}

.login-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/taxi.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.freerent-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/jumping.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.contest-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/pool.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.christmas-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/christmas.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.commercial-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/commercial.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.newsletter-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/sparkle.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.story-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/waterfront.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.stats-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/blurry-city-1.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.contact-bg, .support-form-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/suite-light.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.static-signup-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/hills.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.quickpay-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/freeway.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.team-bg, .support-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/library.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.advisors-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/towers.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.partners-bg, .api-bg, .security-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/gears.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.utility-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/utility.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.careers-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/team.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.invest-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/los-angeles.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.milestones-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/blurry-city-1.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.press-1-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/phone.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.press-2-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/vegas.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.press-3-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/billboard.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.press-4-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/bridge.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}


.privacy-bg, .terms-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/couch.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.insurance-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/living-room.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.insurance-form-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/bike.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.moolaperks-bg {
    background: url('https://dheiziex291vk.cloudfront.net/static/backgrounds/hillside.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.creditcards-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/vacation.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.giveaways-bg {
    background: linear-gradient(rgba(0, 187, 194, 0.45), rgba(0, 187, 194, 0.45)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/celebration.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.manager-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/new-york-walk.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.works-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/blurry-city-1.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.accounting-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/relaxing.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.referral-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/manhattan.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.testimonial-a-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/testimonial-a.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.testimonial-b-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/testimonial-b.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.testimonial-c-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/testimonial-c.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.testimonial-d-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/testimonial-d.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.testimonial-e-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/testimonial-e.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.testimonial-f-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('https://dheiziex291vk.cloudfront.net/static/backgrounds/testimonial-f.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    height: auto;
}

.party-bg {
    background: url('https://dheiziex291vk.cloudfront.net/static/backgrounds/party.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.signup-bg {
    background: url('https://dheiziex291vk.cloudfront.net/static/backgrounds/hills.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.suite-bg {
    background: url('https://dheiziex291vk.cloudfront.net/static/backgrounds/suite-light.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.managers-bg {
    background: url('https://dheiziex291vk.cloudfront.net/static/backgrounds/condo.jpg') no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

.gradient-bg {
    background: rgba(0,187,194,1);
    background: -moz-linear-gradient(-45deg, rgba(0,187,194,1) 0%, rgba(0,151,156,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,187,194,1)), color-stop(100%, rgba(0,151,156,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,187,194,1) 0%, rgba(0,151,156,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,187,194,1) 0%, rgba(0,151,156,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,187,194,1) 0%, rgba(0,151,156,1) 100%);
    background: linear-gradient(135deg, rgba(0,187,194,1) 0%, rgba(0,151,156,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbc2', endColorstr='#00979c', GradientType=1 );
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | IMAGES                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: #adadad; /* IE6-9 */
    opacity: 0.75;
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%);
}

/* o----------------------------------------------------------------------------------------------------------------o
   | HEADINGS, COPY, & LINKS                                                                                        |
   o----------------------------------------------------------------------------------------------------------------o */

.content-header {
    padding-bottom: 15px;
    border-bottom: 2px solid #e4e4e4;
    margin-bottom: 30px;
    line-height: 35px;
}

.content-header .primary-header {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #4c4c4c;
    float: left;
}

.content-header .secondary-header {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 25px;
    padding-top: 7px;
    color: #5b5b5b;
    float: right;
}

.content-subheader {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 20px;
    color: #373737;
    padding-bottom: 15px;
}

.static-content-subheader {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 20px;
    color: #373737;
    padding-bottom: 25px;
}

#content > div.row h2.central-heading {
    color: #6c6c6c;
    padding-bottom: 40px;
}

.sub-caption {
    font-size: 11px;
    text-transform: uppercase;
}

ul.content-list {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 15px;
    color: #373737;
}

ul.content-list li {
    margin-bottom: 3px;
}

h1, h2, h3, h4, h5 {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
}

h1.primary {
    font-family: "GothamBlackRegular", "helvetica neue", helvetica, arial, sans-serif;
}

h1.uppercase {
    letter-spacing: 4px;
}

p {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 15px;
    color: #373737;
}

p.standalone {
    margin-bottom: 0;
}

p.caption {
    font-size: 13px;
}

sup {
    position: relative;
    top: -2px;
    font-size: 8px;
}

h2.separator {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    line-height: 0.3em;
    margin: 35px 0 35px;
    text-shadow: none;
    color: #b5b5b5;
}

h2.separator span {
    background: #F5F5F5;
    padding: 0 10px;
    font-size: 20px;
    font-style: italic;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | BUTTONS & LINKS                                                                                                |
   o----------------------------------------------------------------------------------------------------------------o */

button, .button {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background-color: #00BBC2;
}

.button.disabled {
    background-color: #00BBC2;
    opacity: 0.25;
}

.button.disabled.alert {
    opacity: 0.25;
}

.button:disabled {
    opacity: 0.25;
}

button.secondary, .button.secondary {
    background-color: #d2d2d2;
}

.command-button-link {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    color: #00bbc2;
    background: none;
    border: none;
    font-size: 15px;
    padding: 0;
    cursor: pointer;
    outline: none;
}

.command-button-link:hover {
    color: #004977;
}

.ui-button-text-only .ui-button-text {
    padding: 0;
    line-height: normal;
}

.label {
    padding-top: 7px;
}

.button.facebook, .button.facebook:hover {
    background-color: #3B5999;
}

.action-buttons a, .action-buttons input {
    margin-left: 5px;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #00aab0;
}

button.primary, .button.primary {
    background: #00bbc2;
}

button.radius, .button.radius {
    border-bottom: 4px solid #00aab0;
}

button.secondary.radius, .button.secondary.radius {
    border-bottom: 4px solid #b9b9b9;
}

button.facebook.radius, .button.facebook.radius {
    border-bottom: 4px solid #2D4486;
}

button.success.radius, .button.success.radius {
    border-bottom: 4px solid #368a55;
}

button.alert.radius, .button.alert.radius {
    border-bottom: 4px solid #cf2a0e;
}

a {
    color: #00BBC2;
}

a.button.feature {
    margin: 40px 0 0 0;
}

a.button.standalone, .button.standalone {
    margin-bottom: 0;
}

a.split.button span:after {
    display: none;
}

a.split.button span i {
    position: relative;
    top: 13px;
}

.split.button span {
    border-left-color: rgba(255, 255, 255, 0.3) !important;
    font-size: 25px;
}

.split.button.left-icon span {
    border-right-color: rgba(255, 255, 255, 0.5) !important;
}

.split.button.left-icon span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: none;
    border-right: 1px solid;
}

.split.button.left-icon {
    text-align: right;
}

.split.button.left-icon span {
    text-align: center;
    left: 0;
}

.split-label.left-icon {
    padding-left: 35px;
    text-align: right;
}

ul .button {
    margin: 0 0 0.425rem;
}

.row-action:hover {
    background: #00bbc2;
}

a.seven-eleven {
    background-color: #008061;
    border-bottom: 4px solid #005242 !important;
}

a.seven-eleven:hover {
    background-color: #005242;
}

a.seven-eleven .seven-eleven-icon {
    padding-top: 4px;
}

.ui-inplace .ui-selectonemenu, .ui-inplace .ui-inputfield {
    vertical-align: middle;
}

.ui-inplace .ui-inplace-editor {
    float: right;
    margin-top: -33px;
    position: relative;
    left: -8px;
}

.ui-inplace .ui-selectonemenu, .ui-inplace input,
.ui-inplace .ui-selectonemenu, .ui-inplace select {
    margin-bottom: 0;
}

.ui-inplace button {
    margin-bottom: 0;
}

.ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
    padding: .3em;
}

.ui-fileupload .ui-fileupload-buttonbar {
    padding: 0;
    background: none !important;
    border: 0 !important;
    margin: 4px 0 4px 0;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button {
    color: #111111;
    background-color: #edefed;
    border-color: #ccc;
    transition: all 0.2s ease-in-out;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
    color: #111111;
    background-color: #d2d7d2;
    border-color: #adadad;
    box-shadow: none;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-focus {
    color: #111111;
    background-color: #d2d7d2;
    border-color: #adadad;
    box-shadow: none;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button-text {
    font-family: FilsonSoftRegular, sans-serif;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
    font-weight: normal;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-icon {
    display: none;
}

.ui-fileupload .ui-fileupload-content {
    display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
}

.ui-messages {
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.ui-messages-error {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

.ui-messages-error-summary {
    font-size: 1rem;
    font-family: GothamBookRegular;
    font-weight: normal !important;
}

.ui-messages-error-detail {
    font-size: 1rem;
    font-family: GothamBookRegular;
}

.ui-messages-error-icon {
    display: none !important;
}

.ui-messages-close {
    display: none;
}

.ui-messages ul {
    margin: 0 !important;
}

.ui-fileupload-progress {
    display: none;
}
.button-tools {
    text-align: center;
}

ul.button-group {
    margin: 2px 0 0 3px;
}

.button.tool i {
    display: block;
    font-size: 40px;
    padding-bottom: 15px;
    text-align: center;
}

.button.tool {
    margin-bottom: 2px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | LABEL BUTTONS                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

.label-button {
    font-size: 16px;
    transition: 0.1s color, 0.1s background;
}

.label-button.large {
    font-size: 40px;
    margin-bottom: 4px;
}

.label-button:hover {
    background: #00bbc2;
}

.label-button.primary:hover {
    background-color: #e7e7e7;
}

.label-button:hover i {
    color: #fff;
}

.label-button.primary:hover i {
    color: #333;
}

.label-button.outline {
    border: 1px solid #ccc;
}

.label-button.alert.outline {
    border: 1px solid #cf2a0e;
}

.label-button.success.outline {
    border: 1px solid #368a55;
}

.label-button.outline:hover {
    border: 1px solid #00aab0;
}

#deleteSelected {
    margin: 1rem 1.25rem 0rem 1.25rem;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | TOGGLE BUTTONS                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

.toggle-button {
    border: none!important;
    padding: 7px;
    border-radius: 3px;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 10px!important;
    transition: 0.25s background;
}

.toggle-button.ui-state-active {
    background-color: #00bbc2!important;
}

.toggle-button:not(.ui-state-active) {
    color: #666;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | BREADCRUMBS                                                                                                    |
   o----------------------------------------------------------------------------------------------------------------o */

ul.breadcrumbs {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background-color: #EDEFED;
    border-radius: 0;
}

ul.breadcrumbs > * {
    text-transform: none;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | ALERT BOXES                                                                                                    |
   o----------------------------------------------------------------------------------------------------------------o */

.alert-box {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}

.alert-box .close {
    color: #ffffff;
    opacity: 1;
}

.alert-box.info {
    background-color: #00bbc2;
    color: #ffffff;
}

ul.flash-message {
    margin-bottom: 0;
}

ul.flash-message.error-message li:before {
    font-family: FontAwesome;
    content: '\f071';
}

ul.flash-message.info-message li:before {
    font-family: FontAwesome;
    content: '\f05a';
}

.flash-message {
    margin-bottom: 20px;
    list-style-type: none;
    margin-left: 0;
    font-size: 14px;
    padding: 0;
}

.flash-message a {
    color: #ffffff;
    text-decoration: underline;
}

.status-message {
    margin-bottom: 20px;
    display: none;
}

.status-message a:not(.close) {
    color: #fff;
    text-decoration: underline;
}

.status-message i {
    margin-right: 5px;
}

.global-alert-box .detail-link {
    color: #ffffff;
    text-decoration: underline;
}

.has-tip {
    border-bottom: none;
}

.has-tip:hover {
    border-bottom: none;
}

.has-tip-nav.active {
    color: #00bbc2;
}

.has-tip-nav {
    color: #fff;
}

.has-tip-nav:hover {
    color: #fff;
}

.alert-box .alert-link {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.alert-span {
    float: right;
    margin-right: 6px;
    margin-top: -42px;
    position: relative;
    color: #F08A24;
}

.ui-messages-error-icon {
    display: none;
}

.ui-messages-error {
    content: '\f071';
    color: #fff;
    background-color: #cf2a0e;
    border: none;
}

.ui-messages-close {
    width: 100%;
    height: 100%;
    background-image: none!important;
    position: absolute;
    overflow: hidden;
}

.ui-messages-error .ui-icon-close {
    display: none;
}

.ui-messages-error .ui-icon {
    display: none;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | LABELS                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

.label {
    padding-top: 7px;
}

.label.bronze {
    background-color: #CD7F32;
}

.label.silver {
    background-color: #989BA0;
}

.label.gold {
    background-color: #CC9900;
}

.label.platinum {
    background-color: #d0d1d6;
    color: #0c0c0c;
    border: 1px solid #989BA0;
}

.label.message-notification {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background-color: #F04124;
    font-size: 9px;
    margin-left: -10px;
    position: relative;
    top: -9px;
    padding: 3px;
    border-radius: 4px;
    border: 2px solid #0f0f0f;
}

.label.pricing-label {
    color: #fff;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | TABS                                                                                                           |
   o----------------------------------------------------------------------------------------------------------------o */

.tabs dd > a, .tabs .tab-title > a,
.tabs-content > .content.active,
.tabs-content > .content.active p {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    outline: none;
}

.tabs dd > a, .tabs .tab-title > a {
    background-color: #00BBC2;
    color: #fff;
    transition: 0.25s background ease;
    -webkit-transition: 0.25s background ease;
    -moz-transition: 0.25s background ease;
}

.tabs dd:not(.active):hover > a, .tabs .tab-title > a {
    background: #00aab0;
    color: #fff;
    transition: 0.25s background ease;
    -webkit-transition: 0.25s background ease;
    -moz-transition: 0.25s background ease;
}

.tabs dd.active a, .tabs .tab-title.active a,
.tabs dd > a, .tabs .tab-title > a {
    font-size: 0.875rem;
}

.tabs-content > .content.active {
    background: #fff;
    padding: 20px;
}

.tabs-content > .content.active p {
}

.tabs dd a, .tabs dd.active a {
    padding: 10px 20px 10px 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.tabs dd:first-child a {
    border-top-left-radius: 3px;
}

.tabs dd:last-child a {
    border-top-right-radius: 3px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | TABLES                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

.table-wrapper {
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0em;
    background: #F5F5F5;
}

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

table {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    border-spacing: 0 !important;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    border: none;
    margin-bottom: 0;
}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    line-height: 1.825rem;
}

table thead tr th, table thead tr td, table tbody tr td {
    padding: .5rem 1.325rem .625rem;
}

table thead tr th {
    font-size: 12px;
    color: #888;
    font-weight: bold;
}

table tbody tr td {
    font-size: 12px;
}

table.summary tr th, table.summary tr td {
    padding: 3px 0 3px 0;
}

table.table-summary {
    background-color: #F5F5F5;
}

table.table-summary hr {
    border: 1px solid #EDEFED;
    margin: 10px;
}

table.radio tr.even, table.radio tr.alt, table.radio tr:nth-of-type(even) {
    background: none;
}

table.payment-methods i.payment-type-icon {
    float: left;
    margin-top: 2px;
}

table.payment-methods i {
    display: inline;
}

table.no-header thead {
    display: none;
}

table.dataTable thead th {
    padding: .5rem 1.325rem .625rem !important;
    line-height: 1.825rem !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: .5rem 1.325rem .625rem !important;
    line-height: 1.825rem !important;
}

table.dataTable tr.even, table.dataTable tr.alt, table.dataTable tr:nth-of-type(even) {
    background: #F9F9F9 !important;
}

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: inherit !important;
}

table.dramatic thead tr th {
    font-size: 16px;
}

table.dramatic tbody tr td {
    font-size: 16px;
}

table.no-zebra tr:nth-of-type(even) {
    background-color: transparent !important;
}

.dataTables_wrapper .dataTables_info {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-transform: uppercase;
    padding: .5rem 1.325rem .625rem;
    padding-top: 1.255em !important;
    font-size: 12px;
    font-weight: bold;
    color: #888 !important;
}

.dataTables_wrapper .dataTables_paginate {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    padding: .5rem 1.325rem .025rem;
    padding-top: .955em !important;
    font-size: 12px;
    font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .2em 0.75em !important;
    color: #888 !important;
}

.dataTables_wrapper .dataTables_filter {
    float: none !important;
    padding: .925rem 1.325rem .925rem !important;
}

.dataTables_wrapper .dataTables_filter input {
    margin-bottom: 0 !important;
}

.dataTables_wrapper .dataTables_empty {
    color: #888 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #B9B9B9 !important;
}

.table-size-selector {
    padding: 1.025rem 1.325rem .0rem;
    border-bottom: 1px solid #d8d8d8 !important;
}

.pricing-table {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

.pricing-table .title {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background: #00bbc2;
    border-radius: 5px 5px 0 0;
    line-height: 1.6em;
    text-transform: uppercase;
    color: #fff;
    font-size: .75rem;
}

.pricing-table .price {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background: #fff;
    color: #666;
    font-size: 24px;
}

.pricing-table .price sup {
    font-size: 11px;
}

.pricing-table .price sub {
    font-size: 11px;
    position: relative;
    top: -5px;
}

.pricing-table .description {
    text-transform: uppercase;
}

.pricing-table .bullet-item {
    font-size: .75rem;
    border-bottom: none;
    line-height: 1.6em;
}

.pricing-table .bullet-item:nth-child(odd) {
    background: #EDEFED;
}

.pricing-table .cta-button {
    background: #dddddd;
    border-radius: 0 0 5px 5px;
    padding-bottom: 15px;
}

.pricing-table .bullet-item.pricing-footer {
    font-size: 40px;
    border-radius: 0 0 5px 5px;
    padding-bottom: 33px;
    color: #848484;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PANELS                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

.panel {
    background: #fff;
    padding: 0;
}

.panel .header {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 15px;
    background: #EDEFED;
    padding: 10px 20px 10px 20px;
}

.panel .header .panel-header-actions a {
    text-transform: uppercase;
    margin-left: 13px;
    font-size: 12px;
}

.panel .body {
    padding: 1.25rem;
}

.panel .actions {
    background: #EDEFED;
    padding: 1rem 1.25rem 1rem 1.25rem;
}

.panel .actions div.left p {
    padding: 8px 0 0 0;
    color: #8e8e8e;
}

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

.panel.callout {
    border-color: #d8d8d8;
    background: #81d4da;
}

.panel .status-icon {
    padding-top: 20px;
    padding-bottom: 30px;
}

.panel.payment-method {
    background: #fff;
    padding: 1.25rem;
    margin-bottom: 9px;
}

.panel.payment-method i.fa {
    opacity: 0.75;
}

.panel.accordion {
    margin-bottom: 1.25rem;
}

.panel.accordion .header > i {
    margin-right: 10px;
    font-size: 20px;
    position: relative;
    top: 3px;
    color: #666;
}

.panel.accordion a.reveal-panel,
.panel.accordion > div.header {
    color: #222;
}

.panel.accordion .header {
    transition: 0.5s background;
}

.panel.accordion .header:hover {
    background: #d9d9d9;
    transition: 0.5s background;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | ACCORDION                                                                                                      |
   o----------------------------------------------------------------------------------------------------------------o */

.accordion .accordion-navigation, .accordion dd {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 0.875rem;
}

.accordion .accordion-navigation > a, .accordion dd > a {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    background: #00bbc2;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    padding: 10px;
    background: #00bbc2;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: #5E5E5E;
}

.accordion dd.accordion-navigation:first-child > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.accordion dd.accordion-navigation:not(.active):last-child > a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.accordion-icon:before {
    content: "\f0d8";
}

.active .accordion-icon:before {
    content: "\f0d7";
}

/* o----------------------------------------------------------------------------------------------------------------o
   | LISTS                                                                                                          |
   o----------------------------------------------------------------------------------------------------------------o */

ul.standalone {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    margin-bottom: 0;
}

ul.side-nav {
    list-style-type: none;
    background: none;
    padding-top: 0;
}

.side-nav li.active a:not(.button),
.side-nav li:not(.active) a:not(.button):hover,
.side-nav li.active > a:first-child:not(.button),
.side-nav li:not(.active) > a:first-child:not(.button):hover {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #373737;
    background: none;
}

.side-nav li:not(.active) a:not(.button),
.side-nav li:not(.active) > a:first-child:not(.button) {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #A6A6A6;
    background: none;
}

ul.no-bullet {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
}

ul.inline-list {
    margin-left: 0;
}

[class*="block-grid-"] > li {
    padding: 0 .625rem .600rem;
}

ul.navigation-list {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    margin-bottom: 30px;
    border-bottom: 4px solid #dddddd;
    width: 100%;
    margin-left: 0;
}

ul.navigation-list li {
    display: inline-block;
    padding: 0;
    margin-right: -5px;
}

ul.navigation-list li a {
    display: block;
    padding: 0 20px 20px 20px;
    color: #adadad;
    border-bottom: 4px solid #dddddd;
    margin-bottom: -4px;
    font-weight: bold;
}

ul.navigation-list li a:hover,
ul.navigation-list li.active a {
    border-bottom: 4px solid #373737;
    color: #373737;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | TOOLTIPS                                                                                                       |
   o----------------------------------------------------------------------------------------------------------------o */

.tooltip {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    border-radius: 3px;
    font-size: 13px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | MAGELLAN NAVIGATION                                                                                            |
   o----------------------------------------------------------------------------------------------------------------o */

[data-magellan-expedition] {
    left: 0;
    border-radius: 3px;
    border: 1px solid rgba(220, 220, 220, 0.9);
}

#sidebar.fixed {
    min-width: 0;
    width: auto;
    margin: 0 auto;
}

[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background: #00BBC2;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | SLICK CAROUSELS                                                                                                |
   o----------------------------------------------------------------------------------------------------------------o */

.slick-dots {
    bottom: -35px!important;
    position: initial!important;
    margin-bottom: 0!important;
}

.slick-dots li {
    height: 40px;!important;
    width: 40px;!important;
}

.slick-dots li button {
    height: 40px!important;
    width: 40px!important;
}

.slick-dots li.slick-active button:before {
    color: #f5f5f5;
}

.slick-dots li button:before {
    width: 40px!important;
    height: 40px!important;
    font-size: 60px!important;
    color: #f5f5f5;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | LABELS                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

.label {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background-color: #00BBC2;
}

.label.alternate {
    background-color: #A1A1A1;
    color: #fff;
}

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

label.above {
    padding-bottom: 6px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | CONTENT FILTER                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

.content-filter .label {
    background: #e7e7e7;
    color: #333;
    font-size: 15px;
    padding: 11px;
    cursor: pointer;
    transition: 0.25s color ease, 0.25s background ease;
    -webkit-transition: 0.25s color ease, 0.25s background ease;
    -moz-transition: 0.25s color ease, 0.25s background ease;
}

.content-filter .label:hover {
    background: #00bbc2;
    color: #fff;
    transition: 0.25s color ease, 0.25s background ease;
    -webkit-transition: 0.25s color ease, 0.25s background ease;
    -moz-transition: 0.25s color ease, 0.25s background ease;
}

.content-filter .label.active {
    background: #00bbc2;
    color: #fff;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PROGRESS BARS                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

.progress {
    background-color: #fff;
}

.progress-large {
    height: 50px;
}

.progress .meter {
    background: #00BBC2;
}

.progress .meter .info {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    text-align: center;
    top: -4px;
    left: 5px;
}

.progress .meter .info-large {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    font-weight: bold;
    top: 10px;
    left: 0;
}

.progress-circle {
    margin-top: 20px;
}

.progress-amount {
    font-family: "GothamBlackRegular", "helvetica neue", helvetica, arial, sans-serif;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | SCROLL BOX                                                                                                     |
   o----------------------------------------------------------------------------------------------------------------o */

.scroll-box {
    background: #fff;
    height: 400px;
    overflow: scroll;
    padding: 20px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | DATEPICKER                                                                                                     |
   o----------------------------------------------------------------------------------------------------------------o */

#ui-datepicker-div {
    width: 300px;
    border-radius: 0;
    z-index: 99!important;
    display:none;
}

.ui-datepicker-header {
    border-radius: 0;
    border: none;
    background: #ededed;
}

#ui-datepicker-div .ui-widget-header .ui-icon {
    background-image: none;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    padding: 10px;
    font-size: 0.55em;
    font-weight: normal;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    border: 0;
    background: none;
    border-radius: 0;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-title {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px;
    font-size: 0.8em;
}

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    text-align: center;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
    color: #222;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active {
    color: #222;
}

.ui-datepicker-current-day {
    background: #ededed;
}

.ui-datepicker-calendar th {
    padding: 8px;
    text-align: center;
    font-weight: normal;
}

.ui-datepicker-calendar td {
    padding: 8px;
    text-align: center;
    cursor: pointer;
}

.ui-datepicker-calendar tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #f5f5f5;
}

.ui-datepicker-calendar td:not(:last-of-type) {
    border-right: 1px solid #f5f5f5;
}

.ui-datepicker-calendar td:hover {
    background: #ededed;
    color: #fff;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | DIALOG                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

.ui-dialog-titlebar {
    text-align: right;
}

.ui-dialog button {

}

/* o----------------------------------------------------------------------------------------------------------------o
   | JREJECT                                                                                                        |
   o----------------------------------------------------------------------------------------------------------------o */

#jr_overlay {
    display: none;
}

#jr_wrap {
    position: fixed!important;
    top: 0!important;
}

#jr_header {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif!important;
    font-weight: normal!important;
    font-size: 1.6em!important;
    color: #fff!important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 0!important;
    text-transform: uppercase;
}

#jr_inner {
    text-align: center;
    max-width: 100%!important;
    border: none!important;
    background: #00bbc2!important;
}

#jr_inner p {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif!important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 20px!important;
    color: #fff!important;
}

#jr_update {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;!important;
    color: #fff;
    border: 3px solid #fff;
    padding: 10px;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
}

#jr_update:hover {
    background: #fff;
    color: #373737;
}

#jr_close {
    margin-top: 20px!important;
}

#jr_close a {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;!important;
    color: #fff!important;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | FORMS                                                                                                          |
   o----------------------------------------------------------------------------------------------------------------o */

form {
    margin-bottom: 0;
}

.form-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 20px;
    line-height: 35px;
}

.form-header .primary-header {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 30px;
    color: #373737;
    float: left;
}

.form-header .secondary-header {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 20px;
    padding-top: 3px;
    color: #5b5b5b;
    float: right;
}

.actions {
    padding-top: 20px;
}

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

select {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background-color: #fff;
    border-radius: 2px;
}

input[type='text'],
input[type='password'],
input[type="email"],
input[type="tel"],
input[type="number"], {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
}

input.error, textarea.error, select.error {
    border: 1px solid #F04124;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"], textarea {
    box-shadow: none;
    transition: border .1s;
    -webkit-transition: border .1s;
    -moz-transition: border .1s;
    border-radius: 2px;
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus, textarea:focus {
    box-shadow: none;
    background-color: #fff;
    border-left: 6px solid rgba(0, 187, 194, 0.48);
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

input[type="text"].error:focus,
input[type="password"].error:focus,
input[type="date"].error:focus,
input[type="datetime"].error:focus,
input[type="datetime-local"].error:focus,
input[type="month"].error:focus,
input[type="week"].error:focus,
input[type="email"].error:focus,
input[type="number"].error:focus,
input[type="search"].error:focus,
input[type="tel"].error:focus,
input[type="time"].error:focus,
input[type="url"].error:focus,
input[type="color"].error:focus, textarea.error:focus {
    border: 1px solid #F04124;
}

textarea {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
}

label {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 12px;
    color: #373737;
}

label.required {
    font-weight: bold;
}

label.switch-label {
    margin-top: -4px;
    padding-left: 10px;
}

label.required input:-moz-placeholder {
    font-weight: bold;
}

label.required input::-webkit-input-placeholder {
    font-weight: bold;
}

label.required input::-moz-placeholder {
    font-weight: bold;
}

label.required input:-ms-input-placeholder {
    font-weight: bold;
}

label.required textarea:-moz-placeholder {
    font-weight: bold;
}

label.required textarea::-webkit-input-placeholder {
    font-weight: bold;
}

label.required textarea::-moz-placeholder {
    font-weight: bold;
}

label.required textarea:-ms-input-placeholder {
    font-weight: bold;
}

input.error::-webkit-input-placeholder {
    color: #F04124;
}

input.error:-moz-placeholder {
    color: #F04124;
}

input.error::-moz-placeholder {
    color: #F04124;
}

input.error:-ms-input-placeholder {
    color: #F04124;
}

textarea.error::-webkit-input-placeholder {
    color: #F04124;
}

textarea.error:-moz-placeholder {
    color: #F04124;
}

textarea.error::-moz-placeholder {
    color: #F04124;
}

textarea.error:-ms-input-placeholder {
    color: #F04124;
}

small.error {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

small:empty {
    display: none;
}

div.switch input:checked + label {
    background: #00BBC2;
}

fieldset {
    background: #fff;
    margin-top: -1px;
}

fieldset legend {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 15px;
    background: none;
}

.legend {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 15px;
    background: #EDEFED;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 10px 20px 10px 20px;
}

.legend .left {
    padding-top: 6px;
}

.legend .right select {
    padding-right: 50px;
}

p.hint {
    font-weight: bold;
    margin-top: -15px;
    font-size: 12px;
}

div.switch.small label {
    border-radius: 3px;
}

div.switch label:after {
    border-radius: 3px;
}

input[type=radio], input[type=checkbox] {
    display: none;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    margin-left: 1rem;
}

input[type=radio]:checked + label:before {
    background: #00aab0;
    font-weight: bold;
    color: #00aab0;
    font-size: 31px;
    text-align: center;
    line-height: 15px;
    border: 1px solid #fff;
}

input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-weight: bold;
    background: #00aab0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    border: 1px solid #00aab0;
    border-radius: 2px;
    padding: 1px;
}

input[type=checkbox]:not(:checked) + label:before {
    content: "\2713";
    font-weight: bold;
    background: white;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    padding: 1px;
}

input[type=checkbox]:checked:disabled + label:before {
    background: #00aab0;
    opacity: 0.25;
}

.radio label {
    padding-left: 15px;
}

.radio label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 35px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.checkbox label {
    padding-left: 25px;
    padding-bottom: 10px;
}

.checkbox label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 15px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.checkbox-panel label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0;
    position: relative;
    left: 15px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.checkbox-panel label.checkbox-panel-label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 0;
    margin-left: 5px;
    position: relative;
    left: 0;
    top: 1px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

label.checkbox-panel-label {
    margin-right: 0 !important;
    font-size: 15px;
}

fieldset.confirmation label {
    margin-bottom: 0;
}

.large-checkbox-options tr td {
    padding: 25px;
}

.large-checkbox-options tr:not(:last-child) td {
    border-bottom: 1px solid #EDEFED;
}

.large-checkbox-options tr td label {
    line-height: 2;
    padding-left: 35px;
}

.large-checkbox-options tr td label div.checkbox-option-heading {
    font-size: 14px;
    font-weight: bold;
}

.large-checkbox-options tr td label:before {
    width: 30px;
    height: 30px;
    left: 40px;
    margin-top: 23px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | FOOTER                                                                                                         |
   o----------------------------------------------------------------------------------------------------------------o */

.site-footer {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    background: #0f0f0f;
}

.site-remainder {
    height: 100% !important;
    min-height: 100%;
}

.footer-navigation {
    padding: 20px 20px 0 20px;
    color: #818486;
}

.footer-navigation dl dt {
    font-family: "GothamBoldRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
}

.footer-navigation dl dd {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
}

.footer-navigation dl dt a, .footer-navigation dl dd a {
    color: #818486;
    transition: 0.5s color;
    -moz-transition: 0.5s color;
    -webkit-transition: 0.5s color;
}

.footer-navigation dl dt a, .footer-navigation dl dd a.active {
    color: #00BBC2;
}

.footer-navigation dl dt a:hover, .footer-navigation dl dd a:hover {
    color: #00BBC2;
}

.footer-navigation a .footer-social-link {
    margin-right: 5px;
}

.footer-social {
    border-bottom: 1px solid #2d3032;
}

.footer-social p a {
    font-size: 10px;
}

.site-footer .footer-stamp {
    background: url('https://dheiziex291vk.cloudfront.net/img/logos/rm-initials.png');
    width: 68px;
    height: 32px;
    position: relative;
    top: 21px;
    left: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.site-footer .footer-copyright p, p.footer-copyright {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    color: #818486;
    font-size: 11px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    margin-top: 20px;
    margin-left: 10px;
}

.site-footer .footer-affiliates ul {
    margin-top: 20px;
    list-style-type: none;
    float: right;
}

.site-footer .footer-affiliates ul li {
    display: inline;
    padding-right: 10px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PROCESSING SPINNER                                                                                             |
   o----------------------------------------------------------------------------------------------------------------o */

.processing {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
}

body.loading {
    overflow: hidden;
}

body.loading .processing {
    display: block;
}

.loading-wrapper {
    width: 320px;
    height: 480px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loading-dots-wrapper {
    position: absolute;
    width: 30%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loading-dots {
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    -webkit-transform: scale(0, 0);
    border-radius: 50%;
    background: rgb(255, 255, 255);
}

.loading-logo {
    text-align: center;
    position: relative;
    top: 32.5%;
}

.loading-logo img {
    margin-bottom: 12px;
}

.loading-message {
    text-align: center;
    position: relative;
    top: 32.5%;
}

.loading-message p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}

@-webkit-keyframes colorchang {
    0%      {  background: rgba(255, 255, 255, 0.4);  }
    19.99%  {  background: rgba(255, 255, 255, 0.4);  }
    20%     {  background: rgba(0, 187, 194, 0.4);  }
    39.99%  {  background: rgba(0, 187, 194, 0.4);  }
    40%     {  background: rgba(255, 255, 255, 0.4);  }
    59.99%  {  background: rgba(255, 255, 255, 0.4);  }
    60%     {  background: rgba(0, 187, 194, 0.4);  }
    79.99%  {  background: rgba(0, 187, 194, 0.4);  }
    80%     {  background: rgba(255, 255, 255, 0.4);  }
    99.99%  {  background: rgba(255, 255, 255, 0.4);  }
    100%    {  background: rgba(0, 187, 194, 0.4);  }
}

@keyframes colorchang {
    0%      {  background: rgba(255, 255, 255, 0.4);  }
    19.99%  {  background: rgba(255, 255, 255, 0.4);  }
    20%     {  background: rgba(0, 187, 194, 0.4);  }
    39.99%  {  background: rgba(0, 187, 194, 0.4);  }
    40%     {  background: rgba(255, 255, 255, 0.4);  }
    59.99%  {  background: rgba(255, 255, 255, 0.4);  }
    60%     {  background: rgba(0, 187, 194, 0.4);  }
    79.99%  {  background: rgba(0, 187, 194, 0.4);  }
    80%     {  background: rgba(255, 255, 255, 0.4);  }
    99.99%  {  background: rgba(255, 255, 255, 0.4);  }
    100%    {  background: rgba(0, 187, 194, 0.4);  }
}

@-webkit-keyframes grow {
    from    {  -webkit-transform: scale(0, 0);  }
    to      {  -webkit-transform: scale(1, 1);  }
}

@keyframes grow {
    from    {  transform: scale(0, 0);  }
    to      {  transform: scale(1, 1);  }
}

@-webkit-keyframes r2 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 40px  }
    59%     {  left: 40px  }
    60%     {  left: 60px  }
    79%     {  left: 60px  }
    80%     {  left: 80px  }
    99%     {  left: 80px  }
    100%    {  left: 0  }
}

@keyframes r2 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 40px  }
    59%     {  left: 40px  }
    60%     {  left: 60px  }
    79%     {  left: 60px  }
    80%     {  left: 80px  }
    99%     {  left: 80px  }
    100%    {  left: 0  }
}

@-webkit-keyframes r1 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 40px  }
    59%     {  left: 40px  }
    60%     {  left: 60px  }
    79%     {  left: 60px  }
    80%     {  left: 60px  }
    99%     {  left: 60px  }
    100%    {  left: 0  }
}

@keyframes r1 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 40px  }
    59%     {  left: 40px  }
    60%     {  left: 60px  }
    79%     {  left: 60px  }
    80%     {  left: 60px  }
    99%     {  left: 60px  }
    100%    {  left: 0  }
}

@-webkit-keyframes l1 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 20px  }
    59%     {  left: 20px  }
    60%     {  left: 20px  }
    79%     {  left: 20px  }
    80%     {  left: 20px  }
    99%     {  left: 20px  }
    100%    {  left: 0  }
}

@keyframes l1 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 20px  }
    59%     {  left: 20px  }
    60%     {  left: 20px  }
    79%     {  left: 20px  }
    80%     {  left: 20px  }
    99%     {  left: 20px  }
    100%    {  left: 0  }
}

@-webkit-keyframes l2 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 0  }
    39%     {  left: 0  }
    40%     {  left: 0  }
    59%     {  left: 0  }
    60%     {  left: 0  }
    79%     {  left: 0  }
    80%     {  left: 0  }
    99%     {  left: 0  }
    100%    {  left: 0  }
}

@keyframes l2 {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 0  }
    39%     {  left: 0  }
    40%     {  left: 0  }
    59%     {  left: 0  }
    60%     {  left: 0  }
    79%     {  left: 0  }
    80%     {  left: 0  }
    99%     {  left: 0  }
    100%    {  left: 0  }
}

@-webkit-keyframes cc {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 40px  }
    59%     {  left: 40px  }
    60%     {  left: 40px  }
    79%     {  left: 40px  }
    80%     {  left: 40px  }
    99%     {  left: 40px  }
    100%    {  left: 0  }
}

@keyframes cc {
    0%      {  left: 0  }
    19%     {  left: 0  }
    20%     {  left: 20px  }
    39%     {  left: 20px  }
    40%     {  left: 40px  }
    59%     {  left: 40px  }
    60%     {  left: 40px  }
    79%     {  left: 40px  }
    80%     {  left: 40px  }
    99%     {  left: 40px  }
    100%    {  left: 0  }
}

.c {
    -webkit-animation: grow 0.5s linear 0s 1 forwards, cc 2.5s ease 1s infinite, colorchang 25s linear 0.5s infinite;
    animation: grow 0.5s linear 0s 1 forwards, cc 2.5s ease 1s infinite, colorchang 25s linear 1s infinite;
}

.r2 {
    -webkit-animation: grow 0.5s linear 0s 1 forwards, r2 2.5s ease 1s infinite, colorchang 25s linear 0.5s infinite;
    animation: grow 0.5s linear 0s 1 forwards, r2 2.5s ease 1s infinite, colorchang 25s linear 1s infinite;
}

.r1 {
    -webkit-animation: grow 0.5s linear 0s 1 forwards, r1 2.5s ease 1s infinite, colorchang 25s linear 0.5s infinite;
    animation: grow 0.5s linear 0s 1 forwards, r1 2.5s ease 1s infinite, colorchang 25s linear 1s infinite;
}

.l1 {
    -webkit-animation: grow 0.5s linear 0s 1 forwards, l1 2.5s ease 1s infinite, colorchang 25s linear 0.5s infinite;
    animation: grow 0.5s linear 0s 1 forwards, l1 2.5s ease 1s infinite, colorchang 25s linear 1s infinite;
}

.l2 {
    -webkit-animation: grow 0.5s linear 0s 1 forwards, l2 2.5s ease 1s infinite, colorchang 25s linear 0.5s infinite;
    animation: grow 0.5s linear 0s 1 forwards, l2 2.5s ease 1s infinite, colorchang 25s linear 1s infinite;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | HOME PAGE                                                                                                      |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette-video .container {
    padding-top: 130px;
    padding-bottom: 85px;
    z-index: 1000 !important;
}

.featurette-video h1 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-video h2 {
    font-size: 1.4875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-video .payments {
    margin-top: 13px;
}

.featurette-video .call-to-action a {
    margin: 30px;
    padding: 0.8rem 1.5rem 0.8625rem;
    width: 254px;
}

.featurette-video .video-player {
    padding-top: 35%;
    padding-bottom: 35%;
}

.featurette-video .video-player iframe {
    border: 10px solid rgba(0, 0, 0, .5);
    border-radius: 10px;
}

.featurette-video a.index-link img {
    opacity: 1;
    transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
    -webkit-transition: 0.5s opacity;
}

.featurette-video a.index-link img:hover {
    color: #00BBC2;
    opacity: 0.5;
}

.featurette-moolaperks-preview div.row {
    padding: 30px 0 30px 0;
}

.featurette-moolaperks-preview h5 {
    padding-top: 7px;
}

.featurette-moolaperks-preview ul li {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
}

.benefit .benefit-wrapper {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.benefit h3, .benefit h4, .benefit h5 {
    color: #666;
    line-height: 1.5;
}

.benefit p {
    line-height: 2;
}

.benefit p.benefit-intro {
    padding-top: 20px;
    padding-bottom: 20px;
}

.benefit:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}

.benefit .benefit-wrapper ul li {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 13px;
    color: #373737;
    line-height: 2;
}

.featurette-promo > div.row {
    padding: 150px 0 150px 0;
}

.featurette-promo .button {
    margin-top: 10px;
}

.testimonials h3 {
    color: #666;
    padding-bottom: 30px;
}

.testimonials p {
    padding: 0 15px 0 15px;
}

.testimonials img {
    margin-bottom: 30px;
}

.testimonials h5 {
}

blockquote.testimonial {
    position: relative;
    display: inline-block;
    min-height: 1.5em;
    padding: 20px;
    background: #FFFFFF;
    border: #D2D2D2 solid 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 30px;
    -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.10);
}

blockquote.testimonial:before {
    content: "";
    position: absolute;
    bottom: -19.5px;
    left: calc(54% - 3px);
    border-style: solid;
    border-width: 18px 18px 0;
    border-color: #D2D2D2 transparent;
    display: block;
    width: 0;
    z-index: 0;
}

blockquote.testimonial:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 54%;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
}

blockquote.testimonial p {
    margin-bottom: 0;
    font-style: italic;
    font-size: 16px;
    line-height: 1.8;
    color: #8F8F8F;
}

.testimonial-by {
    margin-top: 14px;
    font-size: 13px;
    color: #8E8E8E;
}

.video-wrapper {
    overflow: hidden;
    max-height: 1000px;
    position: relative;
    background: #1f1f1f;
    top: -60px;
    height: 100%;
    width: 100%;
}

.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.85;
    height: auto;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: inherit;
}

.perks-preview {
    padding-bottom: 0;
}

#carousel div {
    text-align: center;
    width: 100px;
    height: 100px;
    float: left;
    position: relative;
}

#carousel div img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: #adadad; /* IE6-9 */
    opacity: 0.75;
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    border: none;
    width: 100%;
    height: auto;
}

#carousel div img:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%);
}

#carousel div span {
    display: none;
}

#carousel div:hover span {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    background-color: #000;
    color: #fff;
    opacity: 0.3;
    display: inline-block;
    width: 100px;
    padding: 2px 2px;
    margin: 0 0 0 -50px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    border-radius: 3px;
}

.featured-press img {
    padding: 0;
}

.content-icon {
    color: #a7aaac;
}

.social-icons {
    margin-top: 5px;
}

.social-icons a span i.linkedin {
    color: #3084cd;
    transition: 0.1s color ease-out;
    -webkit-transition: 0.1s color ease-out;
    -moz-transition: 0.1s color ease-out;
}

.social-icons a span:hover i.linkedin {
    color: #234e84;
    transition: 0.1s color ease-in;
    -webkit-transition: 0.1s color ease-in;
    -moz-transition: 0.1s color ease-in;
}

.social-icons a span i.twitter {
    color: #81cdf3;
    transition: 0.1s color ease-out;
    -webkit-transition: 0.1s color ease-out;
    -moz-transition: 0.1s color ease-out;
}

.social-icons a span:hover i.twitter {
    color: #496f92;
    transition: 0.1s color ease-in;
    -webkit-transition: 0.1s color ease-in;
    -moz-transition: 0.1s color ease-in;
}

.promo-slide img {
    display: inline-block!important;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | STATIC SUB-NAVIGATION                                                                                          |
   o----------------------------------------------------------------------------------------------------------------o */

.static-nav {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
    background-color: #dcdcdc;
    padding: 10px 0 10px 0 !important;
}

.static-nav ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.static-nav ul li {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    display: inline;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.static-nav ul li a {
    color: #333;
}

.static-nav ul li a.active {
    color: #00bbc2;
}

.static-nav ul li a:hover {
    color: #8B8B8B;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | SYSTEM ERROR PAGES                                                                                             |
   o----------------------------------------------------------------------------------------------------------------o */

h1.error-headline {
    color: #535353;
    font-size: 75px;
    font-family: "GothamBoldRegular", "helvetica neue", helvetica, arial, sans-serif;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | LOG IN PAGE                                                                                                    |
   o----------------------------------------------------------------------------------------------------------------o */

.remember-me {
    padding-bottom: 10px;
}

.login-wrapper {
    margin-top: 75px;
    margin-bottom: 75px;
}

.login-wrapper img {
    width: 40%;
    position: relative;
    top: -7px;
}

form#login input[type='text'],
form#login input[type='password'],
form#login input[type='email'],
form#login .prefix {
    height: 50px;
    margin-bottom: -1px;
}

form#login .prefix {
    height: 50px;
    padding-top: 9px;
}

form#login .checkbox {
    margin-top: 10px;
}

form#login .password-toggle {
    float: right;
    margin-top: -35px;
    position: relative;
    left: -10px;
    font-size: 17px;
    opacity: 0.25;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PRICING CALCULATOR                                                                                             |
   o----------------------------------------------------------------------------------------------------------------o */

.pricing-calculator h3 {
    color: #666;
    line-height: 1.5;
    padding-bottom: 10px;
}

.pricing-calculator div.row.collapse {
    margin-top: 10px;
}

.pricing-calculator input[type="tel"],
.pricing-calculator .prefix {
    height: 75px;
    font-size: 40px;
    text-align: center;
}

.pricing-calculator i.currency {
    font-size: 30px;
    padding: 20px;
}

.pricing-calculator i:not(.currency) {
    position: relative;
    top: 4px;
}

.pricing-calculator .panel {
    margin-top: 20px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | OUR STORY PAGE                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

.our-story img.map {
    border-radius: 30px;
    padding: 20px;
}

.stat-icon {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    font-size: 2.25rem;
}

.stat-title {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    letter-spacing: 4px;
    font-size: 1.75rem;
    padding: 35px 0 25px 0;
}

.stat-descriptor {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    font-size: 1.4rem;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PARTNERS PAGE                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

ul.partners li {
    padding: 30px;
}

.partners-slider img {
    padding: 30px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | TEAM PAGE                                                                                                      |
   o----------------------------------------------------------------------------------------------------------------o */

.the-team li {
    padding-left: 30px;
    padding-right: 30px;
}

.the-team li p.moola {
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 0;
    font-size: 10px;
    text-transform: uppercase;
}

.the-team li p.caption {
    padding-left: 0;
    padding-right: 0;
}

.team-profile {
    padding-bottom: 45px;
    margin-bottom: 45px !important;
    border-bottom: 1px solid #dfdfdf;
}

.team-profile img {
    margin: 0 0 10px 0;
}

.team-profile .team-profile-name {
    color: #00bbc2;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
}

.team-profile .team-profile-position {
    font-size: 13px;
    margin: 0;
}

.team-profile-last {
    border-bottom: none!important;
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | CAREERS PAGE                                                                                                   |
   o----------------------------------------------------------------------------------------------------------------o */

.career-benefits h3 {
    color: #666;
    line-height: 1.5;
    padding-bottom: 35px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | GIVEAWAYS PAGE                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

p.presented-by i {
    position: relative;
    top: 5px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | CREDIT CARDS PAGE                                                                                              |
   o----------------------------------------------------------------------------------------------------------------o */

.creditcards-comparison {
    padding-top: 0 !important;
}

.featurette.capital-one > div.row {
    padding: 20px 0 20px 0;
}

.featurette.capital-one h3 {
    margin-top: 26px;
    text-transform: uppercase;
    color: #777777;
    font-size: 1.2875rem;
}

.featurette.capital-one h3 sup {
    position: relative;
    top: 1px;
    font-size: 0.8rem;
}

.featurette.capital-one h3:hover {
    color: #00bbc2;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | TERMS OF USE PAGE                                                                                              |
   o----------------------------------------------------------------------------------------------------------------o */

.terms-scrollbox {
    height: 400px;
    overflow-y: scroll;
    border: 1px solid #d4d4d4;
    overflow-x: hidden;
    background: #fff;
    padding: 15px;
}

.tc .indent {
    padding-left: 20px;
}

.tc .tc-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c0c0c0;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | CONTACT US PAGE                                                                                                |
   o----------------------------------------------------------------------------------------------------------------o */

#map-canvas {
    width: auto;
    height: 600px;
    background-color: #CCC;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | INVESTORS PAGE                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette-milestones div.row {
    padding: 50px 0 50px 0;
}

.featurette-milestones h4,
.featurette-milestones h5 {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PRESS PAGE                                                                                                     |
   o----------------------------------------------------------------------------------------------------------------o */

#press-carousel .press-headline {
    padding: 20px;
}

#press-carousel img {
    padding: 30px;
}

.press-release img.article {
    border-radius: 5px;
}

.featurette-awards div.row {
    padding: 50px 0 50px 0;
}

.featurette-awards h4 {
    border-left: 3px solid #00bbc2;
    padding-left: 10px;
}

.featurette-press-release .press-release:not(:last-child) {
    padding-bottom: 20px;
}

.press-articles {
    margin: 30px 0 30px 0;
}

.press-article {
    background: white;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    color: #333;
    border: none;
    width: 221px;
}

.press-article .info {
    padding: 15px;
    color: #333;
}

.press-article .press-image {
    background-size: cover!important;
    width: 100%;
    height: 210px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.press-article .press-image .press-image-overlay {
    background: rgba(0, 187, 194, 0.75);
    text-align: center;
    padding: 85px 0 65px 0;
    background-size: cover;
    opacity: 0;
    height: 100%;
    border-radius: 5px 5px 0 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
}

.press-article .press-image:hover .press-image-overlay {
    opacity: 1;
}

.press-article .press-image .press-image-overlay .press-image-overlay-copy {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.press-article > img {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    border-radius: 5px 5px 0 0;
}

.press-article .info img {
    width: 50%;
}

.press-article .info p.headline {
    margin-top: 10px;
}

.press-article .info p.headline a {
    color: #373737;
    transition: color 0.15s ease-out;
}

.press-article .info p.headline a:hover {
    color: #00bbc2;
    transition: color 0.15s ease-in;
}

.press-article .info p.published {
    color: #b3b3b3;
    margin: 0 0 2px 0;
}

.press-article h3, .press-article h5 {
    text-shadow: none;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | OUR STORY PAGE                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette-story {
    margin-top: -60px;
    height: 600px;
}

.featurette-story > div.row {
    padding-top: 210px;
    padding-bottom: 140px;
}

.featurette-story h1 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-story h3 {
    font-size: 1.4875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-story .categories {
    margin-top: 13px;
}

.featurette-story .call-to-action a {
    margin: 20px;
    padding: 0.8rem 1.5rem 0.8625rem;
}

.featurette-story p {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    padding-top: 10px;
}

.featurette-testimonial  > div.row {
    padding: 100px 0 100px 0;
}

.featurette-testimonial h3 {
    font-size: 1.75rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    letter-spacing: 2px;
}

.featurette-testimonial h4 {
    font-size: 1.4rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-testimonial .button {
    margin-top: 15px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | INSURANCE PAGE                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette-insurance {
    margin-top: -60px;
    height: 680px;
}

.featurette-insurance > div.row {
    padding-top: 160px;
    padding-bottom: 140px;
}

.featurette-insurance h1 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-insurance h2 {
    font-size: 1.4875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-insurance .categories {
    margin-top: 13px;
}

.featurette-insurance .call-to-action a {
    margin: 20px;
    padding: 0.8rem 1.5rem 0.8625rem;
}

.featurette-insurance p {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    padding-top: 10px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | LANDING PAGES                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette-signup-cobranded {
    margin-top: -60px;
}

.featurette-signup-cobranded > div.row {
    padding-top: 110px;
    padding-bottom: 100px;
}

.featurette-signup-static {
    margin-top: -60px;
}

.featurette-signup-static > div.row {
    padding-top: 100px;
    padding-bottom: 120px;
}

.featurette-signup-static h1 {
    font-size: 58px;
}

.featurette-signup-static .payments {
    margin-top: 50px;
}

.featurette-signup-static .container .primary-header {
    font-size: 20px;
    float: none;
}

.featurette-signup-static .container h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
    line-height: 0.3em;
    margin: 20px 0 28px;
    text-shadow: none;
    color: #808080;
}

.featurette-signup-static .container h2 span {
    background: #F5F5F5;
    padding: 0 10px;
    font-size: 13px;
    font-style: italic;
}

.featurette-quickpay-cobranded {
    margin-top: -60px;
}

.featurette-quickpay-cobranded > div.row {
    padding-top: 110px;
    padding-bottom: 100px;
}

.featurette-quickpay-static {
    margin-top: -60px;
}

.featurette-quickpay-static > div.row {
    padding-top: 110px;
    padding-bottom: 100px;
}

.featurette-quickpay-static h1 {
    font-size: 58px;
}

.featurette-quickpay-static .payments {
    margin-top: 50px;
}

.featurette-quickpay-static .container .primary-header {
    font-size: 20px;
    float: none;
}

.featurette-quickpay-static .container h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
    line-height: 0.3em;
    margin: 20px 0 28px;
    text-shadow: none;
    color: #808080;
}

.featurette-quickpay-static .container h2 span {
    background: #F5F5F5;
    padding: 0 10px;
    font-size: 13px;
    font-style: italic;
}

.featurette-invest-static {
    margin-top: -60px;
}

.featurette-invest-static > div.row {
    padding-top: 110px;
    padding-bottom: 100px;
}

.featurette-invest-static h1 {
    font-size: 58px;
}

.featurette-invest-static .payments {
    margin-top: 50px;
}

.featurette-invest-static .container .primary-header {
    font-size: 20px;
    float: none;
}

.featurette-invest-static .container h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #c0c0c0;
    line-height: 0.3em;
    margin: 20px 0 28px;
    text-shadow: none;
    color: #808080;
}

.featurette-invest-static .container h2 span {
    background: #F5F5F5;
    padding: 0 10px;
    font-size: 13px;
    font-style: italic;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | HOW IT WORKS PAGE                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette-works {
    margin-top: -60px;
    height: 775px;
}

.featurette-works > div.row {
    padding-top: 120px;
    padding-bottom: 140px;
}

.featurette-works h1 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-works h2 {
    font-size: 1.4875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.how-it-works-savings {
    border-top: 1px solid #d4d4d4;
}

.how-it-works-slide {
    padding: 20px 0 20px 0;
    margin-top: 49px;
}

.how-it-works-slide img {
    margin-top: 0!important;
    width: 50%!important;
}

.how-it-works-slide .how-it-works-option-breakdown i {
    padding-bottom: 10px;
}

.how-it-works-slide ul.slick-dots {
    margin-top: 25px;
}

.how-it-works-slide .slick-prev:before,
.how-it-works-slide .slick-next:before {
    color: #bfbcbc;
    font-size: 40px;
}


.how-it-works-alt h3,
.how-it-works-alt h4 {
    color: #fff!important;
}

.how-it-works h3 {
    color: #666;
    margin-bottom: 20px;
}

.how-it-works h4 {
    color: #666;
    font-size: 20px;
    line-height: 1.7;
}

.how-it-works img {
    padding: 20px;
    margin-top: 20px;
}

.how-it-works p {
    padding: 0 10px 0 10px;
    color: #8C8C8C!important;
    line-height: 2;
}

.benefit.how-it-works {
    padding-bottom: 40px!important;
}

.moolaperks-promo h3 {
    color: #666;
    margin-bottom: 20px;
}

.moolaperks-promo h4 {
    color: #666;
    font-size: 20px;
    line-height: 1.7;
}

.moolaperks-promo img {
    padding: 0 60px 0 60px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.signup-testimonial {
    margin-top: 100px!important;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | MANAGERS PAGE                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

.featurette-managers {
    margin-top: -60px;
    height: 775px;
}

.featurette-managers > div.row {
    padding-top: 160px;
    padding-bottom: 140px;
}

.featurette-managers h1 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-managers h2 {
    font-size: 1.4875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-managers .categories {
    margin-top: 13px;
}

.featurette-managers .call-to-action a {
    margin: 20px;
    padding: 0.8rem 1.5rem 0.8625rem;
}

.featurette-managers p {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    padding-top: 10px;
}

.featurette-managers-studies div.row {
    padding: 30px 0 30px 0;
}

.featurette-managers-studies h5 {
    padding-top: 7px;
}

.featurette-managers-studies ul li {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
}

.featurette-managers-studies ul li img:not(.managers-studies-banner) {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: #adadad;
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
}

.featurette-managers-studies ul li img.grayscale:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%);
}

.manager-packages-blocks {
    margin-top: 40px!important;
    margin-bottom: 20px!important;
}

.panel.manager-packages-wrapper {
    margin-top: 20px;
}

.panel.manager-packages-wrapper table.table-summary tr td:not(:first-of-type) {
    text-align: center;
}

.panel.manager-packages-wrapper table.table-summary tr td {
    font-weight: bold;
    font-size: 12px;
    color: #888;
    line-height: 2;
}

table.manager-packages tbody tr td {
    padding: .25rem 1.325rem .25rem;
}

table.manager-packages thead tr th {
    text-align: center;
    text-transform: uppercase;
}

table.manager-packages tbody tr td:not(:first-of-type) {
    text-align: center;
    border-left: 1px solid #f5f5f5;
}

table.manager-packages tbody tr td i.fa.fa-check {
    color: #00bbc2;
}

table.manager-packages tbody tr td i.fa.fa-times {
    color: #e3e3e3;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | SUPPORT CENTER                                                                                                 |
   o----------------------------------------------------------------------------------------------------------------o */

.support-center i.article-icon {
    font-size: 60px;
    padding-top: 20px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | CREDIT CARD PAYMENT                                                                                            |
   o----------------------------------------------------------------------------------------------------------------o */

.cc-payment-area {
    background: url('../img/backgrounds/patterns/crossword.png') repeat;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
    padding: 15px;
    min-height: 259px;
    height: auto;
}

.cc-payment-area .cc-mag-stripe {
    height: 55px;
    background: #393939;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}

.cc-payment-area .cc-validator-icon-wrapper {
    overflow: hidden;
    padding-top: 4px;
    max-height: 37px;
}

.cc-payment-area .cardNumber {
}

div.cc-demo {
    float: left;
    width: 100%;
    min-height: 340px;
}

div.cc-demo .back {
}

div.cc-demo p.cc-number-display {
    font-family: 'KreditBack';
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    text-align: center;
    margin: -185px 0 0 0;
    font-size: 32px;
    letter-spacing: 2px;
}

div.cc-demo div.cc-lower-display {
    margin: 56px 0 0 0;
}

div.cc-demo div.cc-lower-display p.cc-holder-display {
    font-family: 'KreditBack';
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    position: absolute;
    font-size: 22px;
    margin: 0 0 0 45px;
    float: left;
}

div.cc-demo div.cc-lower-display p.cc-expiry-display {
    font-family: 'KreditBack';
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    font-size: 22px;
    margin: 0 45px 0 0;
    text-align: right;
}

div.cc-demo p.cc-security-display {
    font-family: 'GothamBookRegular';
    color: #0c0c0c;
    font-size: 22px;
    margin: -173px 56px 0 0;
    text-align: right;
    font-style: italic;
    padding-right: 1px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | SEARCH FORM                                                                                                    |
   o----------------------------------------------------------------------------------------------------------------o */

.search-form .search-form-keyword {
    width: 100%;
}

.search-form .search-form-keyword input {
    border-right: 0;
    border-radius: 3px 0 0 3px;
}

.search-form .search-form-search a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.search-form .search-form-input {
    padding-right: 0;
}

.search-form .search-form-search {
    padding-left: 0;
}

.large-search-form input {
    height: 60px;
    font-size: 20px;
    margin-bottom: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 18px;
}

.large-search-form select {
    height: 60px;
    font-size: 20px;
    margin-bottom: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.large-search-form a {
    height: 60px;
    font-size: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 10px;
}

.large-search-form a i {
    padding-top: 18px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PRICING BREAKDOWN                                                                                              |
   o----------------------------------------------------------------------------------------------------------------o */

.pricing {
    padding-top: 20px;
}

.pricing-middle {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.pricing-left img, .pricing-middle img, .pricing-right img.single-image {
    padding: 30px;
}

.pricing-top {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0;
}

.pricing-top img, .pricing-bottom img {
    padding: 5px 0 5px 0;
}

.pricing-top p, .pricing-bottom p {
    padding-bottom: 10px;
}

.pricing-bottom h5 {
    padding-top: 5px;
}

.pricing p {
    margin-bottom: 0;
}

.pricing-footnote {
    margin-bottom: 0;
    margin-top: 50px
}

.pricing-breakdown i {
    font-size: 27px !important;
    position: relative;
    top: 5px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | USER DROPDOWN PANEL                                                                                            |
   o----------------------------------------------------------------------------------------------------------------o */

.user-dashboard {
    background-color: #dcdcdc;
}

.user-dashboard > div.row {
    padding: 20px 0 20px 0;
}

.user-dashboard .welcome-user {
    padding-top: 13px;
}

.user-dashboard p.dashboard-hint {
    color: #757575;
}

.user-dashboard .extended-dashboard {
    border-top: 2px solid #d0d3d5;
    padding-top: 20px;
    margin-top: 20px;
}

.user-dashboard .extended-dashboard .section-info {
    font-family: "GothamBoldRegular", "helvetica neue", helvetica, arial, sans-serif;
    text-transform: uppercase;
}

.user-dashboard .extended-dashboard i {
    padding-bottom: 20px;
}

.user-dashboard #managerDashboardGraph {
    padding: 10px;
}

.user-dashboard .search-bar {
    display: none;
}

.user-dashboard .action-buttons a {
    margin-left: 5px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | MOOLAPERKS                                                                                                     |
   o----------------------------------------------------------------------------------------------------------------o */

form.moolaperks-public-form {
    position: relative;
    top: -60px;
}

form.moolaperks-private-form {
    position: relative;
    top: 0;
}

.featurette-moolaperks {
    height: 446px;
}

.featurette-moolaperks > div.row {
    padding-top: 170px;
    padding-bottom: 110px;
}

.featurette-moolaperks h1 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-moolaperks h3 {
    font-size: 1.4875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-moolaperks .categories {
    margin-top: 13px;
}

.featurette-moolaperks .call-to-action a {
    margin: 30px;
    padding: 0.8rem 1.5rem 0.8625rem;
}

.featurette-moolaperks-featured > div.row {
    padding-top: 140px;
    padding-bottom: 110px;
}

.featurette-moolaperks-featured h1 {
    font-size: 2.5rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-moolaperks-featured h1 img {
    height: 50px;
    margin-bottom: 8px;
}

.featurette-moolaperks-featured h3 {
    font-size: 1.4875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

.featurette-moolaperks-featured .button {
    margin-top: 10px;
}

.featurette-moolaperks-single {
    margin-top: -60px;
}

.featurette-moolaperks-single > div.row {
    padding-top: 130px;
    padding-bottom: 100px;
}

.featurette-moolaperks-dashboard div.row {
    padding-top: 35px!important;
}

.featurette-moolaperks-dashboard h1 img {
    height: 40px;
}

.featurette-moolaperks-dashboard h2 {
    line-height: 1.2;
    font-size: 0.9875rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    color: #fff;
}

.moolaperks-list .ui-datascroller-content {
    padding: 5px;
}

.moolaperks-list .ui-widget-content {
    border: none;
    background: none;
}

.moolaperk-preview {
    background: #0f0f0f;
    margin-bottom: 10px;
}

.moolaperk-preview .moolaperk-preview-description {
    padding: 12px;
    text-align: left;
    height: 55px;
}

.moolaperk-preview-description {
    width: 309.984px;
    margin: 0 0 1em 0;
    overflow: hidden;
}

.moolaperk-preview-description p {
    margin: 0;
    font-size: 14px;
    color: #fff;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.moolaperk-preview-image {
    width: 309.984px;
    height: 310px;
    position: relative;
    margin: 0 auto;
}

.moolaperk-preview-image .moolaperk-preview-image-overlay {
    background: rgba(15, 15, 15, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.moolaperk-preview-image .moolaperk-preview-image-overlay .moolaperk-preview-image-logo {
    height: 250px;
    width: 250px;
    margin-left: 30px;
    margin-top: 30px;
}

.moolaperk-preview .moolaperk-preview-company {
    background: #0f0f0f;
    color: #fff;
    padding: 12px;
    font-size: 11px;
    text-transform: uppercase;
}

.moolaperk-preview-company a {
    color: #00bbc2!important;
}

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

.moolaperks-redemption-wrapper {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    border-top: 10px solid #00bbc2;
    padding: 20px;
}

.moolaperks-redemption-wrapper .moolaperks-logo {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.moolaperks-redemption-wrapper .moolaperks-logo img {
    max-height: 100px;
}

.moolaperks-redemption-wrapper h3.moolaperk-heading {
    color: #fff;
    font-size: 1.1875rem;
}

.moolaperks-redemption-wrapper p.moolaperk-instructions {
    color: #cccccc;
}

.moolaperks-redemption-wrapper .moolaperks-signup p {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}

.moolaperks-signup-form {
    padding: 20px 20px 0 20px;
}

.moolaperks-redemption-wrapper p.moolaperk-social {
    color: #fff;
    font-size: 12px;
}

.moolaperks-redemption-wrapper p.moolaperk-social span.has-tip {
    color: #fff;
    font-weight: normal;
}

.moolaperks-redemption-wrapper p.moolaperk-fine-print {
    color: #cccccc;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 0;
}

.moolaperks-redemption-wrapper hr {
    border: 1px solid #505050;
}

.moolaperks-redemption-code {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    color: #00bbc2;
    font-size: 30px;
    padding: 20px;
    border: 1px dashed #505050;
    text-align: center;
}

.moolaperks-redemption-code a {
    font-size: 12px;
    word-wrap: break-word;
}

#perkTable .table-size-selector {
    display: none;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | MOOLAPOINTS                                                                                                    |
   o----------------------------------------------------------------------------------------------------------------o */

.moola-points-number-title {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    margin-bottom: 0;
}

.moolapoint-image img {
    border-radius: 5px;
}

.moolapoint-image.redeem-disabled img {
    opacity: 0.5;
}

.moola-points-number h3 {
    font-family: "GothamBlackRegular", "helvetica neue", helvetica, arial, sans-serif;
    padding-top: 27px;
    padding-bottom: 27px;
    font-weight: bold;
    font-size: 30px;
}

.progress-circle.progress-meter-monthly,
.progress-circle.progress-meter-yearly {
    margin-top: 0;
}

.progress-meter-monthly .progress-amount,
.progress-meter-yearly .progress-amount {
    font-family: "GothamBlackRegular", "helvetica neue", helvetica, arial, sans-serif;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | NOTIFICATIONS                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

.important-notification {
    float: left;
    padding: 10px;
    margin-right: 10px;
}

.notification-content {
    margin-top: 10px;
    padding-left: 20px;
    border-left: 1px dotted #dddddd;
}

.notification-link {
    margin-left: 30px;
}

.right {
    text-align: right;
}

.notification-content img {
    padding: 20px;
}

.notification {
    padding-bottom: 15px;
}

table.notification-list:not(:last-of-type) {
    border-bottom: 1px solid #f5f5f5;
}

.fixed-length-notification p {
    margin-bottom: 0;
    padding: 20px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | ACCOUNT SETTINGS                                                                                               |
   o----------------------------------------------------------------------------------------------------------------o */

.account-detail-panel {
    -webkit-transition: background 100ms; /* For Safari 3.1 to 6.0 */
    transition: background 100ms;
}

.account-detail-panel:hover {
    background: #DCDCDC;
}

.account-detail-panel .minimized {
    margin-bottom: 0;
    padding-bottom: 0;
}

.account-detail-panel .minimized p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.account-detail-panel .minimized-info {
    padding-top: 15px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | RESIDENT                                                                                                       |
   o----------------------------------------------------------------------------------------------------------------o */

fieldset.dashboard-fieldset {
    padding: 20px;
}

fieldset.dashboard-fieldset ul.no-bullet {
    margin-bottom: 0;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | MANAGER                                                                                                        |
   o----------------------------------------------------------------------------------------------------------------o */

.invoice-web ul {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    list-style: none;
    margin-left: 0;
    font-size: 15px;
}

.invoice-print {
    display: none;
}

.invoice-number .invoice-logo {
    display: none;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | ADMIN                                                                                                          |
   o----------------------------------------------------------------------------------------------------------------o */

form#admin-kpi .kpi-donut {
    background: #fff;
    padding-bottom: 10px;
}

@media only screen and (min-width: 64.063em) {
    form#admin-kpi .large-6 div[id$='KpiGraph'] {
        height: 250px;
    }
}

table.kpis .progress {
    border: 1px solid #DDD;
    padding: 0;
    margin-bottom: 0;
    height: 2.2625rem;
}

table.kpis .progress .info {
    text-shadow: 1px 1px 0 rgba(150, 150, 150, 1);
    top: 2px;
    left: 10px;
    font-size: 12px;
}

div.general-search-filter {
    padding: 10px;
}

.search-filter-action p {
    color: #00bbc2;
}

.search-filter-action a {
    color: #00bbc2;
}

div.general-search-filter.active {
    background: #EDEFED;
}

div.general-search-filter:hover {
    background: #EDEFED;
    transition: 0.25s background;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PAYMENT RECEIPT                                                                                                |
   o----------------------------------------------------------------------------------------------------------------o */

.receipt-header:after {
    content: " ";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 19px;
    background: linear-gradient(#CACACA 0%, transparent 0%), linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 linear-gradient(45deg, #F5F5F5 33.33%, #CACACA 33.33%) 0 0%;
    background: -webkit-linear-gradient(#CACACA 0%, transparent 0%), -webkit-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -webkit-linear-gradient(45deg, #F5F5F5 33.33%, #CACACA 33.33%) 0 0%;
    background: -o-linear-gradient(#DCDCDC 0%, transparent 0%), -o-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -o-linear-gradient(45deg, #F5F5F5 33.33%, #CACACA 33.33%) 0 0%;
    background: -moz-linear-gradient(#DCDCDC 0%, transparent 0%), -moz-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -moz-linear-gradient(45deg, #F5F5F5 33.33%, #CACACA 33.33%) 0 0%;
    background: -ms-linear-gradient(#DCDCDC 0%, transparent 0%), -ms-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -ms-linear-gradient(45deg, #F5F5F5 33.33%, #CACACA 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0 100%, 15px 27px, 15px 27px;
}

.receipt-footer:after {
    content: " ";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 19px;
    background: linear-gradient(#CACACA 0%, transparent 0%), linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 linear-gradient(45deg, #F5F5F5 33.33%, #DCDCDC 33.33%) 0 0%;
    background: -webkit-linear-gradient(#CACACA 0%, transparent 0%), -webkit-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -webkit-linear-gradient(45deg, #F5F5F5 33.33%, #DCDCDC 33.33%) 0 0%;
    background: -o-linear-gradient(#DCDCDC 0%, transparent 0%), -o-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -o-linear-gradient(45deg, #F5F5F5 33.33%, #DCDCDC 33.33%) 0 0%;
    background: -moz-linear-gradient(#DCDCDC 0%, transparent 0%), -moz-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -moz-linear-gradient(45deg, #F5F5F5 33.33%, #DCDCDC 33.33%) 0 0%;
    background: -ms-linear-gradient(#DCDCDC 0%, transparent 0%), -ms-linear-gradient(135deg, #F5F5F5 33.33%, transparent 33.33%) 0 0%, #F5F5F5 -ms-linear-gradient(45deg, #F5F5F5 33.33%, #DCDCDC 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0 100%, 15px 27px, 15px 27px;
}

.receipt-main-header {
    height: 155px !important;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
    background-color: #CACACA;
}

.receipt-main-header h2 {
    font-size: 1.9rem;
    text-shadow: none;
}

.receipt-main-header:after {
    content: '';
    position: absolute;
    top: 174px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #CACACA;
    border-left: solid 45px transparent;
    border-right: solid 45px transparent;
}

.receipt-main-body {
    height: auto;
    padding: 30px 10px 10px 10px;
    box-sizing: border-box;
    background-color: #DCDCDC;
}

.receipt-main-body table,
.receipt-main-body table tr {
    background: none !important;
    margin-bottom: 0;
}

.receipt-main-body table tbody tr td {
    line-height: 1.125rem;
}

.receipt-main-body hr {
    border: 0;
    border-bottom: 1px dashed #ababab;
    background: #DCDCDC;
}

.receipt-main-header h2 {
    font-family: "GothamBlackRegular", "helvetica neue", helvetica, arial, sans-serif;
    margin-bottom: 0;
}

.receipt-main-footer {
    height: auto;
    padding: 0 10px 10px 10px;
    box-sizing: border-box;
    background-color: #DCDCDC;
}

.receipt-main-footer .columns:first-child img {
    padding: 10px 20px 0 20px;
}

.receipt-main-footer .columns:last-child img {
    padding: 0 20px 0 20px;
}

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv; /*IE*/
    filter: flipv; /*IE*/
}

/* o----------------------------------------------------------------------------------------------------------------o
   | REMODAL                                                                                                        |
   o----------------------------------------------------------------------------------------------------------------o */

.remodal {
    max-width: 980px!important;
}

.remodal .confirmation-button {
    margin-top: 0rem;
    margin-bottom: 0;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.remodal .remodal-header {
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.remodal .remodal-body {
    margin-bottom: 0.5rem;
    font-weight: 300;
}

.remodal.remodal-confirmation {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    padding: 0;
    border-radius: 3px;
    max-width: 625px!important;
}

.remodal-confirmation .remodal-header {
    background: #00bbc2;
    padding: 15px;
    color: #fff;
    font-weight: normal;
    border-radius: 3px 3px 0 0;
    text-align: left;
}

.remodal-confirmation .remodal-body {
    padding: 25px;
}

.remodal-confirmation .remodal-close {
    float: right;
    position: relative;
    top: -4px;
    color: #fff;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | PAYMENT METHOD SELECTION/CREATION                                                                              |
   o----------------------------------------------------------------------------------------------------------------o */

i.payment-method-select-icon {
    font-size: 32px!important;
    position: relative!important;
    top: -3px!important;
}

img.payment-method-select-icon {
    height: 12px;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | DECORATIVE IMAGES                                                                                              |
   o----------------------------------------------------------------------------------------------------------------o */

.content-block-signup-bg-a-en {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/resident-dashboard.png');
    width: 714px;
    height: 576px;
}

.content-block-signup-bg-a-fr {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/resident-dashboard-fr.png');
    width: 714px;
    height: 576px;
}

.content-block-signup-bg-b-en {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/resident-charges.png');
    width: 697px;
    height: 559px;
}

.content-block-signup-bg-b-fr {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/resident-charges-fr.png');
    width: 697px;
    height: 559px;
}

.content-block-signup-bg-c-en {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/homepage-moolaperks.png');
    width: 697px;
    height: 559px;
}

.content-block-signup-bg-c-fr {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/homepage-moolaperks-fr.png');
    width: 697px;
    height: 559px;
}

.content-block-signup-bg-d {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/resident-dashboard-mobile.png');
    width: 331px;
    height: 575px;
    margin: auto;
}

.content-block-about-bg {
    background: url('https://dheiziex291vk.cloudfront.net/img/cities.png');
    width: 513px;
    height: 461px;
}

.content-block-careers-bg-a {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/office.png');
    width: 714px;
    height: 576px;
}

.content-block-careers-bg-b {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/culture.png');
    width: 714px;
    height: 576px;
}

.content-block-careers-bg-c {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/careers.png');
    width: 714px;
    height: 576px;
}

.content-block-managers-bg-a {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/manager-dashboard.png');
    width: 714px;
    height: 576px;
}

.content-block-managers-bg-b {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/manager-reports.png');
    width: 714px;
    height: 576px;
}

.content-block-managers-bg-c {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/homepage-moolaperks.png');
    width: 697px;
    height: 559px;
}

.content-block-invest-bg-a-en {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/press-preview.png');
    width: 527px;
    height: 559px;
}

.content-block-invest-bg-a-fr {
    background: url('https://dheiziex291vk.cloudfront.net/img/mockups/press-preview-fr.png');
    width: 527px;
    height: 559px;
}

.security-logo {
    background: url('https://dheiziex291vk.cloudfront.net/img/security.png');
    width: 169px;
    height: 219px;
    margin: 40px auto 40px auto;
}

.signup-works-a {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/works-search.png');
    width: 157px;
    height: 157px;
    margin: 20px auto 20px auto;
}

.signup-works-b {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/works-approve.png');
    width: 157px;
    height: 157px;
    margin: 20px auto 20px auto;
}

.signup-works-c {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/works-credit.png');
    width: 157px;
    height: 157px;
    margin: 20px auto 20px auto;
}

.signup-works-d {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/works-gift.png');
    width: 157px;
    height: 157px;
    margin: 20px auto 20px auto;
}

.how-it-works-a {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/how-it-works-hourglass.png');
    width: 109px;
    height: 109px;
    margin: 20px auto 20px auto;
}

.how-it-works-b {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/how-it-works-mobile.png');
    width: 109px;
    height: 109px;
    margin: 20px auto 20px auto;
}

.how-it-works-c {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/how-it-works-refresh.png');
    width: 109px;
    height: 109px;
    margin: 20px auto 20px auto;
}

.how-it-works-d {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/how-it-works-card.png');
    width: 109px;
    height: 109px;
    margin: 20px auto 20px auto;
}

.how-it-works-e {
    background: url('https://dheiziex291vk.cloudfront.net/img/icons/how-it-works-gift.png');
    width: 109px;
    height: 109px;
    margin: 20px auto 20px auto;
}

/* o----------------------------------------------------------------------------------------------------------------o
   | MISC                                                                                                           |
   o----------------------------------------------------------------------------------------------------------------o */

.redemption-logo {
    padding-top: 200px;
}

.ad-space {
    padding-top: 20px;
    padding-bottom: 20px;
}

.scheduled-payment-day {
    font-family: "GothamBoldRegular", "helvetica neue", helvetica, arial, sans-serif;
    font-size: 50px;
    margin-bottom: 0;
    line-height: 1.3;
}

.scheduled-payment-calendar {
    font-size: 24px;
}

.scheduled-payment-calendar p {
    font-size: 38px;
    margin-top: -75px;
}

#map-canvas-dashboard {
    width: auto;
    height: 200px;
    background-color: #CCC;
}

.report-divider {
    border-bottom: 1px solid #00BBC2;
}

.dropzone-area {
    border: 2px dashed #D8D8D8;
    background: white;
    padding: 54px;
    margin-bottom: 0;
}

.dropzone-text-area {
    border: 2px dashed #00bbc2;
    background: white;
    padding: 5px;
}

.dropzone-text-area .dz-message {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    cursor: pointer;
    text-align: center;
    color: #b4b4b4;
}

.dropzone-text-area .dz-message-bold {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    color: #504D4D;
}

.dropzone-area .dz-message {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    cursor: pointer;
    text-align: center;
    color: #b4b4b4;
}

.dz-success-mark, .dz-error-mark {
    display: none;
}

.dz-processing, .dz-image-preview, .dz-success, .dz-complete {
    font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif;
    padding-top: 10px;
}

.dropzone-description {
    margin-top: 10px;
    line-height: 1.6;
}

.progress .meter div {
    word-wrap: break-word;
}

.dashboard-featured-perks {
    background: #fff;
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
}

.fixed-length-notification {
    position: relative;
    word-wrap: break-word;
}

.reveal-modal {
    z-index: 99999;
    height: auto;
    position: absolute;
    top: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F5F5F5;
}

.reveal-modal-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.moolaperk-reveal-modal {
    position: absolute;
    background-color: #F5F5F5;
    border-radius: 3px;
    border: solid 1px #666666;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding: 1.875rem;
    width: 60%;
    max-width: 62.5rem;
    max-height: 35rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 6.25rem;
    bottom: 6.25rem;
    overflow-y: scroll;
}

.simple_overlay {

    /* must be initially hidden */
    display: none;

    /* place overlay on top of other elements */
    z-index: 10000;

    /* styling */
    background-color: #333;

    width: 675px;
    min-height: 200px;
    border: 1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.select2-container--default .select2-selection--single {
    margin-bottom: 0 !important;
}

/* image-selector */
.image-resource {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.image-resource img {
    max-height: 150px;
}

.image-resource img:hover {
    opacity: 0.1
}

.image-resource:hover a {
    opacity: 1;
    top: 0;
    z-index: 500;
}

.image-resource:hover a span {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.image-resource a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

/* o----------------------------------------------------------------------------------------------------------------o
   | STYLE TOOLBOX                                                                                                  |
   o----------------------------------------------------------------------------------------------------------------o */

.black-bg               { background: #0f0f0f; }
.white-bg               { background: #ffffff; }
.gray-bg                { background: #f5f5f5; }
.dark-gray-bg           { background: #dcdcdc; }
.table-error-bg         { background: #ffdcdc; }
.transparent            { background: rgba(0, 0, 0, 0) !important; }

.hidden                 { display: none; }
.inline                 { display: inline !important; }
.inline-block           { display: inline-block; }

.ignore-margin          { margin: 0 !important; }
.ignore-bottom-margin   { margin-bottom: 0 !important; }
.ignore-top-margin      { margin-top: 0 !important; }
.ignore-left-margin     { margin-left: 0 !important; }
.ignore-right-margin    { margin-right: 0 !important; }
.ignore-padding         { padding: 0 !important; }
.ignore-bottom-padding  { padding-bottom: 0 !important; }
.ignore-top-padding     { padding-top: 0 !important; }
.ignore-left-padding    { padding-left: 0 !important; }
.ignore-right-padding   { padding-right: 0 !important; }

.white                  { color: #fff; }
.black                  { color: #000; }
.dark-gray              { color: #535353; }
.red                    { color: #F04124; }
.green                  { color: #43AC6A; }
.orange                 { color: #F08A24; }
.yellow                 { color: #edca5c; }
.gray                   { color: #f5f5f5; }
.moola                  { color: #00BBC2; }
.light-gray             { color: #A1A1A1; }
.fb                     { color: #3B5998; }
.twitter                { color: #5EA9DD; }
.gplus                  { color: #DD4B39; }
.linkedin               { color: #0177B5; }
.youtube                { color: #C72026; }
.instagram              { color: #B8A891; }
.visa                   { color: #2B3894 !important; }
.mastercard             { color: #CD0001 !important; }
.discover               { color: #F88737 !important; }
.amex                   { color: #1992CF !important; }

.default                { font-style: normal !important; font-weight: normal !important; }
.italic                 { font-style: italic; }
.strong                 { font-weight: bold; }
.underline              { text-decoration: underline; }
.fine-print             { color: #8D8D8D; }
.featurette-heading     { color: #666; }

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

.clear                  { clear: both; }
.left                   { float: left; }
.right                  { float: right; }
.ltr                    { direction: ltr; }
.rtl                    { direction: rtl; }

.round                  { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: none;  }
.icon-1x                { width: 2rem; height: 2rem; }

.uppercase              { text-transform: uppercase; }
.text-tiny              { font-size: 11px; font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif; }
.text-small             { font-size: 13px; font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif; }
.text-regular           { font-size: 15px; font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif; }
.text-large             { font-size: 17px; font-family: "GothamBookRegular", "helvetica neue", helvetica, arial, sans-serif; }

.padding-top-tiny       { padding-top: 5px; }
.padding-top-small      { padding-top: 10px; }
.padding-top-medium     { padding-top: 20px; }
.padding-top-large      { padding-top: 30px; }

.padding-left-small     { padding-left: 10px; }
.padding-left-medium    { padding-left: 20px; }
.padding-left-large     { padding-left: 30px; }

.padding-right-small    { padding-right: 10px; }
.padding-right-medium   { padding-right: 20px; }
.padding-right-large    { padding-right: 30px;  }

.padding-bottom-tiny    { padding-bottom: 5px; }
.padding-bottom-small   { padding-bottom: 10px; }
.padding-bottom-medium  { padding-bottom: 20px; }
.padding-bottom-large   { padding-bottom: 30px; }

.margin-top-small       { margin-top: 10px; }
.margin-top-medium      { margin-top: 20px; }
.margin-top-large       { margin-top: 30px; }

.margin-bottom-small    { margin-bottom: 10px; }
.margin-bottom-medium   { margin-bottom: 20px; }
.margin-bottom-large    { margin-bottom: 30px; }

.margin-left-small      { margin-left: 10px; }
.margin-left-medium     { margin-left: 20px; }
.margin-left-large      { margin-left: 30px; }

.margin-right-small     { margin-right: 10px; }
.margin-right-medium    { margin-right: 20px; }
.margin-right-large     { margin-right: 30px; }

.border-bottom-none     { border-bottom: none !important; }
.border-bottom          { border-bottom: 1px solid #c0c0c0; }
.border-top             { border-top: 1px solid #c0c0c0; }
.border-radius          { border-radius: 3px; }

.faded                  { opacity: 0.5; }
.rounded                { border-radius: 3px; }
.word-wrap              { word-wrap: break-word; }
.no-wrap                { white-space: nowrap; }
.cursor-pointer         { cursor: pointer; }

.column10               { width: 10%; }
.column15               { width: 15%; }
.column20               { width: 20%; }
.column25               { width: 25%; }
.column30               { width: 30%; }
.column33               { width: 33%; }
.column35               { width: 35%; }
.column40               { width: 40%; }
.column45               { width: 45%; }
.column50               { width: 50%; }
.column55               { width: 55%; }
.column60               { width: 60%; }
.column65               { width: 65%; }
.column70               { width: 70%; }
.column75               { width: 75%; }
.column80               { width: 80%; }
.column85               { width: 85%; }
.column90               { width: 90%; }
.column95               { width: 95%; }