@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

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

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,
dd {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: "\2014\a0"
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: ""
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: "\a0\2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px #00000040
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \	;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #00000013;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px #00000013, 0 0 8px #66afe999
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type=date],
    input[type=time],
    input[type=datetime-local],
    input[type=month] {
        line-height: 34px
    }

    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    .input-group-sm input[type=date],
    .input-group-sm input[type=time],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month] {
        line-height: 30px
    }

    input[type=date].input-lg,
    input[type=time].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    .input-group-lg input[type=date],
    .input-group-lg input[type=time],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \	
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=checkbox].disabled,
fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox],
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline,
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 32px
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    min-height: 38px
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #00000013
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px #00000013, 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #00000013
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px #00000013, 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px #00000013
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px #00000013, 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type=radio],
    .form-inline .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px #00000020
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px #0000002d;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    inset: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px #00000020
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eeeeee #eeeeee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px #ffffff1a;
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin: 8px -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px #ffffff1a, 0 1px #ffffff1a
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type=radio],
    .navbar-form .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px #0000001a
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px #00000026;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px #0000000d
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px #0000000d
}

.well blockquote {
    border-color: #ddd;
    border-color: #00000026
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    inset: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translateY(-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px #00000080;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px #00000080
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px #0003;
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: #00000040;
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: #00000040
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: #00000040;
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: #00000040
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -moz-transition: -moz-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, #00000080, #0000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, #0000, #00000080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203a"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \	;
    background-color: #0000
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.valign-container {
    display: table;
    height: 100%
}

.valign-content {
    display: table-cell;
    vertical-align: middle
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: "";
    display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both
}

.ft-font-1 {
    font-family: museo-sans, sans-serif;
    font-weight: 300;
    line-height: 1.6
}

.ft-font-2 {
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2
}

.ft-v-align-container {
    display: table;
    width: 100%;
    height: 100%
}

.ft-v-align-content {
    display: table-cell;
    vertical-align: middle
}

.ft-v-align {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ft-h-align {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.ft-vh-align {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

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

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

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

.mxn-clearfix:after {
    clear: both
}

.mxn-bg-gradient-fill {
    color: #fff;
    background-color: #232629;
    background-image: linear-gradient(to bottom right, #232629, #17274c)
}

.mxn-hide-text {
    text-align: left;
    direction: ltr;
    text-indent: -9999px;
    overflow: hidden
}

.mxn-image-blur-light {
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
    filter: blur(5px);
    opacity: .6
}

.mxn-image-blur-heavy {
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
    filter: blur(30px);
    opacity: .6
}

.mxn-header-matte-gradient-dark {
    background-image: linear-gradient(to bottom, #232629, #23262900 25% 50%, #232629)
}

.mxn-header-matte-gradient-light {
    background-image: linear-gradient(to bottom, #232629, #23262900)
}

.mxn-overlay-element {
    position: fixed;
    inset: 0
}

.mxn-cover-element {
    position: absolute;
    inset: 0
}

.mxn-pattern-pinstripe {
    background-image: url(/app-v2/src/assets/images/components/ft-pattern-pinstripe.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M10.142-10l1.414 1.414L-2.586 5.556-4 4.142zm0 6l1.414 1.414-14.142 14.142L-4 10.142z" fill="#E0E0E0" fill-rule="evenodd"/></svg>');
    background-size: 6px 6px;
    background-repeat: repeat
}

a,
.ft-btn,
.ft-panel {
    -moz-transition: .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .3s cubic-bezier(0, 0, .1, 1);
    transition: .3s cubic-bezier(0, 0, .1, 1)
}

a {
    -webkit-transition-property: color, background-color, opacity;
    -moz-transition-property: color, background-color, opacity;
    -o-transition-property: color, background-color, opacity;
    transition-property: color, background-color, opacity
}

.ft-btn {
    -webkit-transition-property: color, background, border, opacity, box-shadow;
    -moz-transition-property: color, background, border, opacity, box-shadow;
    -o-transition-property: color, background, border, opacity, box-shadow;
    transition-property: color, background, border, opacity, box-shadow
}

.ft-panel {
    -webkit-transition-property: background-color, box-shadow;
    -moz-transition-property: background-color, box-shadow;
    -o-transition-property: background-color, box-shadow;
    transition-property: background-color, box-shadow
}

.ft-master-section {
    -moz-animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1) both;
    -o-animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1) both;
    -webkit-animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1) both;
    animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1) both
}

@keyframes ft-anim-fadeIn-enter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ft-anim-slideUp-enter {
    0% {
        -moz-transform: translateY(50px) translateZ(0);
        -ms-transform: translateY(50px) translateZ(0);
        -o-transform: translateY(50px) translateZ(0);
        -webkit-transform: translateY(50px) translateZ(0);
        transform: translateY(50px) translateZ(0);
        opacity: 0
    }

    to {
        -moz-transform: translateY(0) translateZ(0);
        -ms-transform: translateY(0) translateZ(0);
        -o-transform: translateY(0) translateZ(0);
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        opacity: 1
    }
}

@keyframes ft-anim-slideDown-enter {
    0% {
        -moz-transform: translateY(-50px) translateZ(0);
        -ms-transform: translateY(-50px) translateZ(0);
        -o-transform: translateY(-50px) translateZ(0);
        -webkit-transform: translateY(-50px) translateZ(0);
        transform: translateY(-50px) translateZ(0);
        opacity: 0
    }

    to {
        -moz-transform: translateY(0) translateZ(0);
        -ms-transform: translateY(0) translateZ(0);
        -o-transform: translateY(0) translateZ(0);
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        opacity: 1
    }
}

@keyframes ft-anim-scaleUp-enter {
    0% {
        -moz-transform: scale(.9) translateZ(0);
        -ms-transform: scale(.9) translateZ(0);
        -o-transform: scale(.9) translateZ(0);
        -webkit-transform: scale(.9) translateZ(0);
        transform: scale(.9) translateZ(0);
        opacity: 0
    }

    to {
        -moz-transform: scale(1) translateZ(0);
        -ms-transform: scale(1) translateZ(0);
        -o-transform: scale(1) translateZ(0);
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes ft-anim-scaleDown-enter {
    0% {
        -moz-transform: scale(1.2) translateZ(0);
        -ms-transform: scale(1.2) translateZ(0);
        -o-transform: scale(1.2) translateZ(0);
        -webkit-transform: scale(1.2) translateZ(0);
        transform: scale(1.2) translateZ(0);
        opacity: 0
    }

    to {
        -moz-transform: scale(1) translateZ(0);
        -ms-transform: scale(1) translateZ(0);
        -o-transform: scale(1) translateZ(0);
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes ft-anim-flipUp-enter {
    0% {
        -moz-transform: rotateX(90deg) translateZ(0);
        -ms-transform: rotateX(90deg) translateZ(0);
        -o-transform: rotateX(90deg) translateZ(0);
        -webkit-transform: rotateX(90deg) translateZ(0);
        transform: rotateX(90deg) translateZ(0);
        opacity: 0
    }

    to {
        -moz-transform: rotateX(0) translateZ(0);
        -ms-transform: rotateX(0) translateZ(0);
        -o-transform: rotateX(0) translateZ(0);
        -webkit-transform: rotateX(0) translateZ(0);
        transform: rotateX(0) translateZ(0);
        opacity: 1
    }
}

@keyframes ft-anim-flipDown-enter {
    0% {
        -moz-transform: rotateX(90deg) translateZ(0);
        -ms-transform: rotateX(90deg) translateZ(0);
        -o-transform: rotateX(90deg) translateZ(0);
        -webkit-transform: rotateX(90deg) translateZ(0);
        transform: rotateX(90deg) translateZ(0);
        opacity: 0
    }

    to {
        -moz-transform: rotateX(0) translateZ(0);
        -ms-transform: rotateX(0) translateZ(0);
        -o-transform: rotateX(0) translateZ(0);
        -webkit-transform: rotateX(0) translateZ(0);
        transform: rotateX(0) translateZ(0);
        opacity: 1
    }
}

@keyframes ft-anim-hint-pulse {
    0% {
        opacity: 1;
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        opacity: 0;
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

hr {
    border-color: #e0e0e0
}

hr.vertical {
    width: 0;
    border-top: 0;
    border-left: 1px solid #e0e0e0
}

hr.light {
    border-color: #fff;
    opacity: .2
}

hr.light.vertical {
    border-left: 1px solid #e0e0e0
}

.limit-xxs {
    margin-right: auto;
    margin-left: auto;
    max-width: 360px
}

.limit-xs {
    margin-right: auto;
    margin-left: auto;
    max-width: 480px
}

.limit-sm {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px
}

.limit-md {
    margin-right: auto;
    margin-left: auto;
    max-width: 720px
}

.limit-lg {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px
}

html,
body {
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

nav.navbar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 60px
}

.sidenote {
    font-size: 12px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 30px;
    padding-top: 10px;
    max-width: 250px
}

@media screen and (max-width: 767px) {
    .sidenote {
        max-width: none
    }
}

*,
:before,
:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

body {
    overflow-x: hidden !important;
    overflow-y: auto
}

.ft-content {
    position: relative
}

.ft-container {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.ft-container,
.ft-container-fluid {
    padding-left: 10px;
    padding-right: 10px
}

.ft-row {
    margin-left: -10px;
    margin-right: -10px
}

.ft-row:before,
.ft-row:after {
    content: " ";
    display: table
}

.ft-row:after {
    clear: both
}

[class*=ft-col-] {
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {

    .ft-container,
    .ft-container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .ft-row {
        margin-left: -15px;
        margin-right: -15px
    }

    .ft-row:before,
    .ft-row:after {
        content: " ";
        display: table
    }

    .ft-row:after {
        clear: both
    }

    [class*=ft-col-] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1440px) {
    .ft-container {
        max-width: 1200px
    }

    .ft-container,
    .ft-container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }

    .ft-row {
        margin-left: -30px;
        margin-right: -30px
    }

    .ft-row:before,
    .ft-row:after {
        content: " ";
        display: table
    }

    .ft-row:after {
        clear: both
    }

    [class*=ft-col-] {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 768px) {
    [class*=ft-col-] {
        float: left
    }

    .ft-col-25 {
        width: 25%
    }

    .ft-col-33 {
        width: 33.3333%
    }

    .ft-col-40 {
        width: 40%
    }

    .ft-col-50 {
        width: 50%
    }

    .ft-col-60 {
        width: 60%
    }

    .ft-col-66 {
        width: 66.6666%
    }

    .ft-col-75 {
        width: 75%
    }

    .ft-col-right {
        float: right
    }
}

.ft-row+.ft-row {
    padding-top: 60px
}

@media (max-width: 767px) {

    .ft-row+.ft-row,
    [class*=ft-col-]+[class*=ft-col-] {
        padding-top: 2rem
    }
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: left
}

thead,
tbody,
tfoot {
    position: relative;
    display: block
}

thead {
    margin-bottom: 1em;
    padding-bottom: .5em
}

thead:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid;
    opacity: .2
}

tbody {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 16.8em
}

tfoot {
    margin-top: 1em;
    padding-top: .5em
}

tfoot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid;
    opacity: .2
}

th,
td {
    vertical-align: middle;
    padding: .15em;
    border-bottom: 2px solid transparent
}

th:first-child,
td:first-child {
    padding-left: 0;
    width: 60vw
}

th:nth-child(n+2),
td:nth-child(n+2) {
    width: 40vw
}

th:last-child,
td:last-child {
    padding-right: 0
}

th {
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    font-size: 13px
}

@media (max-width: 767px) {
    table {
        min-width: 480px
    }

    tbody {
        max-height: 10.9em
    }

    th:first-child,
    td:first-child {
        min-width: 240px
    }

    th:nth-child(n+2),
    td:nth-child(n+2) {
        min-width: 180px
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: museo-sans, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    margin: 0
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong,
h1.strong,
h2.strong,
h3.strong,
h4.strong,
h5.strong,
h6.strong,
.h1.strong,
.h2.strong,
.h3.strong,
.h4.strong,
.h5.strong,
.h6.strong {
    font-weight: 700
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    font-size: 1em;
    margin: 0
}

.lead {
    font-size: 16px;
    margin-bottom: 20px
}

b,
strong,
.strong {
    font-weight: 700
}

.underline {
    text-decoration: underline
}

.fake-link {
    color: #4a90e2;
    font-weight: 500;
    white-space: nowrap
}

.section-title+p {
    margin-top: 1.5em
}

.section p {
    color: #40494f
}

html,
body {
    font-family: museo-sans, sans-serif;
    font-weight: 300;
    line-height: 1.6;
    font-size: 16px;
    color: #222
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    font-weight: inherit
}

em {
    font-weight: 500
}

strong,
b {
    font-weight: 700
}

label {
    display: inline-block;
    margin: 0;
    font-weight: 500
}

.ft-supertitle,
.ft-supertitle-pill,
.ft-subtitle,
.ft-section-supertitle,
.ft-count {
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    font-size: inherit
}

.ft-supertitle-pill {
    display: inline-block;
    margin: 0 auto;
    padding: 5px 30px;
    background-color: #fff;
    border-radius: 100px
}

.ft-count,
.ft-count-label {
    letter-spacing: unset
}

.ft-count-label {
    font-weight: 500
}

.ft-section-heading {
    margin-bottom: 1.5em
}

.ft-text-block {
    max-width: 40em
}

.ft-text-fineprint {
    font-size: 14px;
    opacity: .7
}

.ft-text-placeholder {
    opacity: .7
}

.ft-text-underline {
    text-decoration: underline
}

sup,
sub {
    vertical-align: baseline;
    position: relative;
    top: -.7em;
    font-size: .5em
}

sub {
    top: 0
}

.ft-emphasis {
    font-weight: 700
}

a.ft-text-url {
    display: inline;
    word-break: break-all;
    -ms-word-break: break-all
}

.ft-supertitle+.ft-heading,
.ft-subtitle+.ft-heading,
.ft-supertitle+.ft-summary,
.ft-subtitle+.ft-summary {
    margin-top: .5em
}

.ft-heading+.ft-summary {
    margin-top: 1em
}

h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p,
p+p,
.ft-heading+p,
.ft-subheading+p,
.ft-summary+p,
figure+p,
blockquote+p {
    margin-top: 1em
}

p+.ft-count,
[class*=ft-text-plus-]+.ft-count {
    margin-top: .5rem
}

.ft-count+p,
.ft-count+[class*=ft-text-plus-] {
    margin-top: .5rem
}

.ft-count+.ft-count-label {
    margin-top: 0
}

.ft-text-plus-10 {
    font-size: 6rem;
    line-height: 1.2
}

.ft-text-plus-9 {
    font-size: 4.5rem;
    line-height: 1.2
}

.ft-text-plus-8 {
    font-size: 4rem;
    line-height: 1.2
}

.ft-text-plus-7 {
    font-size: 3.5rem;
    line-height: 1.2
}

.ft-text-plus-6 {
    font-size: 3rem;
    line-height: 1.2
}

.ft-text-plus-5 {
    font-size: 2.625rem;
    line-height: 1.3
}

.ft-text-plus-4 {
    font-size: 2.25rem;
    line-height: 1.3
}

.ft-text-plus-3 {
    font-size: 2rem;
    line-height: 1.4
}

.ft-text-plus-2 {
    font-size: 1.5rem;
    line-height: 1.4
}

.ft-text-plus-1 {
    font-size: 1.125rem
}

.ft-text-minus-1 {
    font-size: .875rem
}

.ft-text-minus-2 {
    font-size: .75rem
}

.ft-text-minus-3 {
    font-size: .625rem
}

.ft-text-minus-4 {
    font-size: .5rem
}

@media (min-width: 992px) {
    .ft-text-plus-10 {
        font-size: 7.5rem
    }

    .ft-text-plus-9 {
        font-size: 6rem
    }

    .ft-text-plus-8 {
        font-size: 4.5rem
    }

    .ft-text-plus-7 {
        font-size: 4rem
    }

    .ft-text-plus-6 {
        font-size: 3.5rem
    }

    .ft-text-plus-5 {
        font-size: 3rem
    }

    .ft-text-plus-4 {
        font-size: 2.625rem
    }

    .ft-text-plus-3 {
        font-size: 2.25rem
    }
}

.ft-bg-image,
.ft-bg-matte {
    position: absolute;
    inset: 0;
    background: center center no-repeat;
    background-size: cover
}

.ft-bg-image {
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.btn {
    vertical-align: middle;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: normal;
    font-weight: 500
}

.btn:active,
.btn.active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-lg,
.btn-group-lg>.btn {
    min-width: 150px;
    padding-left: 30px;
    padding-right: 30px
}

.btn-default {
    color: #fff;
    background: #4a90e2;
    border: 0
}

.btn-default:hover,
.btn-default:focus {
    color: #fff !important;
    background: #3584de !important
}

.btn-outline {
    background-color: transparent;
    border: solid 1px #4A90E2;
    color: #4a90e2;
    font-weight: 500
}

.btn-outline:hover,
.btn-outline:focus {
    color: #fff;
    background-color: #4a90e2
}

.btn-outline-dark {
    background-color: transparent;
    border: solid 1px rgba(0, 0, 0, .2);
    color: #60696f;
    font-weight: 500
}

.btn-outline-dark:hover,
.btn-outline-dark:focus {
    color: #222;
    background-color: #0000001a
}

.btn-outline-light {
    background-color: transparent;
    border: solid 1px rgba(255, 255, 255, .3);
    color: #fff;
    font-weight: 500
}

.btn-outline-light:hover,
.btn-outline-light:focus {
    color: #3584de !important;
    background-color: #fff !important
}

.btn-subtext {
    display: block;
    font-size: 14px;
    margin-top: .25em;
    font-weight: 300
}

.btn-explore {
    min-width: 150px
}

.btn-expand-section {
    display: inline-block;
    padding-left: 30px;
    background-image: url(../images/icons/common/icon-expand@2x.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px;
    line-height: 24px
}

.btn {
    -moz-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -o-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(.7, 0, .1, 1);
    transition: .5s cubic-bezier(.7, 0, .1, 1);
    -moz-transition-property: opacity, color, background-color, border-color;
    -o-transition-property: opacity, color, background-color, border-color;
    -webkit-transition-property: opacity, color, background-color, border-color;
    transition-property: opacity, color, background-color, border-color
}

.ftColorLinkBlue {
    color: #4a90e2
}

.ftColorLinkBlue:hover,
.ftColorLinkBlue:focus {
    color: #1f41c1
}

a {
    display: inline-block;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    color: #4a90e2
}

a:hover,
a:focus {
    color: #1f41c1
}

a:hover,
a:focus {
    text-decoration: none
}

.ft-link-text {
    color: inherit;
    opacity: .7
}

.ft-link-text:hover,
.ft-link-text:focus {
    color: inherit;
    opacity: 1
}

.ft-link-underline,
.ft-link-dashline {
    position: relative;
    display: inline;
    font-weight: inherit;
    color: inherit
}

.ft-link-underline:hover,
.ft-link-dashline:hover,
.ft-link-underline:focus,
.ft-link-dashline:focus {
    color: inherit
}

.ft-link-underline,
.ft-link-underline:hover,
.ft-link-underline:focus {
    text-decoration: underline
}

button {
    cursor: pointer
}

.ft-btn {
    display: inline-block;
    padding: 6px 15px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background-color: #90999f;
    background-repeat: repeat-x;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 6px 12px -6px #0009;
    text-shadow: none;
    cursor: pointer
}

.ft-btn:hover,
.ft-btn:focus {
    color: #fff;
    background-position: 0 -20px;
    outline: none
}

[class*=ft-btn-outline-] {
    padding-top: 5px;
    padding-bottom: 5px;
    background: none;
    box-shadow: none
}

[class*=ft-btn-outline-].ft-plus-1 {
    padding-top: 9px;
    padding-bottom: 9px
}

.ft-btn-outline-default {
    color: #4a90e2;
    border: 1px solid
}

.ft-btn-outline-default:hover,
.ft-btn-outline-default:focus {
    color: #1f41c1
}

.ft-btn-outline-light {
    border: 1px solid rgba(255, 255, 255, .3)
}

.ft-btn-outline-light:hover,
.ft-btn-outline-light:focus {
    background: #ffffff1a
}

.ft-btn-outline-dark {
    color: inherit;
    background: none;
    border: 1px solid rgba(0, 0, 0, .2)
}

.ft-btn-outline-dark:hover,
.ft-btn-outline-dark:focus {
    color: inherit;
    border-color: inherit;
    box-shadow: none
}

.ft-btn-hover-fill {
    background-repeat: repeat-x
}

.ft-btn-hover-fill:hover,
.ft-btn-hover-fill:focus {
    background: #4a90e2 linear-gradient(to bottom, #1f69c1, #4a90e2);
    border-color: transparent;
    box-shadow: 0 6px 12px -6px #0009
}

.ft-btn-text {
    color: inherit;
    background: none;
    box-shadow: none;
    opacity: .7
}

.ft-btn-text:hover,
.ft-btn-text:focus {
    color: inherit;
    background: none;
    opacity: 1
}

.ft-btn-plus-1 {
    padding: 10px 20px;
    min-width: 120px;
    font-size: 18px
}

.ft-btn-plus-2 {
    padding: 15px 20px;
    min-width: 200px;
    font-size: 20px
}

.ft-btn-plus-3 {
    padding: 20px 45px;
    min-width: 200px;
    font-size: 24px
}

.ft-btn-group {
    display: inline-block
}

.ft-btn-group:before,
.ft-btn-group:after {
    content: " ";
    display: table
}

.ft-btn-group:after {
    clear: both
}

.ft-btn-group .ft-btn {
    float: left;
    min-width: 85px;
    color: #90999f;
    background: #f3f3f6;
    border: 1px solid #e0e0e0;
    box-shadow: none
}

.ft-btn-group .ft-btn:hover,
.ft-btn-group .ft-btn:focus {
    color: #60696f
}

.ft-btn-group .ft-btn.active {
    color: #222;
    background-color: #fff
}

.ft-btn-group .ft-btn:first-child {
    border-radius: 4px 0 0 4px;
    border-right-width: 0
}

.ft-btn-group .ft-btn:last-child {
    border-radius: 0 4px 4px 0
}

.ft-btn-group .ft-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    border-right-width: 0
}

.ft-btn-group.ft-btn-plus-1 .ft-btn {
    padding: 10px 20px;
    min-width: 120px;
    font-size: 18px
}

.ft-btn[class*=ft-icn-] {
    margin: 0;
    padding: 10px;
    border-radius: 50%;
    box-shadow: none
}

.ft-btn.ft-btn-add {
    background: 0;
    color: #222
}

.ft-btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: inherit;
    background: none;
    border: none;
    outline: none;
    z-index: 1;
    -moz-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    opacity: .5;
    cursor: pointer
}

.ft-btn-close:before,
.ft-btn-close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66%;
    height: 2px;
    border-radius: 1px;
    box-shadow: inset 0 0 0 32px
}

.ft-btn-close:before {
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ft-btn-close:after {
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ft-btn-close:hover,
.ft-btn-close:focus {
    opacity: 1
}

.ft-btn-close {
    -moz-animation: ft-anim-btn-close-enter .3s cubic-bezier(.7, 0, .1, 1) both;
    -o-animation: ft-anim-btn-close-enter .3s cubic-bezier(.7, 0, .1, 1) both;
    -webkit-animation: ft-anim-btn-close-enter .3s cubic-bezier(.7, 0, .1, 1) both;
    animation: ft-anim-btn-close-enter .3s cubic-bezier(.7, 0, .1, 1) both;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@keyframes ft-anim-btn-close-enter {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ft-btn-contextchooser {
    position: relative;
    display: inline;
    font-weight: inherit;
    color: inherit
}

.ft-btn-contextchooser:hover,
.ft-btn-contextchooser:focus {
    color: inherit
}

.ft-btn-play {
    display: inline-block;
    color: inherit
}

.ft-btn-play .ft-icn-play,
.ft-btn-play .ft-icn-play:before,
.ft-btn-play .ft-icn-play:after {
    -moz-transition: transform .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: transform .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: transform .3s cubic-bezier(0, 0, .1, 1);
    transition: transform .3s cubic-bezier(0, 0, .1, 1)
}

.ft-btn-play .ft-icn-play+span {
    margin-left: 10px
}

.ft-btn-play:hover,
.ft-btn-play:focus {
    color: inherit
}

.ft-btn-play:hover .ft-icn-play,
.ft-btn-play:focus .ft-icn-play {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ft-btn-play.solid .ft-icn-play {
    background: #fff;
    box-shadow: none
}

.ft-btn-play.solid .ft-icn-play:after {
    border-left-color: #000
}

@keyframes ft-play-icon-pulse {
    0% {
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    to {
        -moz-transform: translate(-50%, -50%) scale(1.2);
        -ms-transform: translate(-50%, -50%) scale(1.2);
        -o-transform: translate(-50%, -50%) scale(1.2);
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0
    }
}

h1+.ft-btn,
h2+.ft-btn,
h3+.ft-btn,
h4+.ft-btn,
h5+.ft-btn,
h6+.ft-btn,
p+.ft-btn,
.ft-heading+.ft-btn,
.ft-summary+.ft-btn,
h1+a,
h2+a,
h3+a,
h4+a,
h5+a,
h6+a,
p+a,
.ft-heading+a,
.ft-summary+a {
    margin-top: 1.5em
}

.ft-btn-default {
    background-color: #4a90e2;
    background-image: linear-gradient(to bottom, #1c65dd, #4a90e2)
}

.ft-btn-red {
    background-color: #cb2027;
    background-image: linear-gradient(to bottom, #990039, #cb2027)
}

.ft-btn-yellow {
    background-color: #f2ad18;
    background-image: linear-gradient(to bottom, #d76f00, #f2ad18)
}

.ft-btn-gray {
    background-color: #60696f;
    background-image: linear-gradient(to bottom, #313538, #60696f)
}

.ft-btn-fb {
    background-color: #3b5998;
    background-image: linear-gradient(to bottom, #25327b, #3b5998)
}

.ft-btn-twitter {
    background-color: #55acee;
    background-image: linear-gradient(to bottom, #1b73f5, #55acee)
}

.ft-btn-linkedin {
    background-color: #287bbc;
    background-image: linear-gradient(to bottom, #164a9b, #287bbc)
}

.ft-btn-instagram {
    background-color: #517fa4;
    background-image: linear-gradient(to bottom, #36578c, #517fa4)
}

.ft-btn-pinterest {
    background-color: #cb2027;
    background-image: linear-gradient(to bottom, #990039, #cb2027)
}

.ft-divider-h,
.ft-divider-v {
    background-color: #000;
    opacity: .2
}

.ft-divider-h {
    height: 1px;
    margin: 1em auto
}

.ft-divider-v {
    width: 1px;
    height: 100px;
    margin: 0 1em
}

.ft-divider-light {
    background-color: #fff;
    opacity: .3
}

.ft-supertitle-divider {
    display: table;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.ft-supertitle-divider:before,
.ft-supertitle-divider:after {
    content: " ";
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    border-top: 1px solid #fff;
    opacity: .2
}

.ft-supertitle-divider .ft-supertitle {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -.5em;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap
}

.ft-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    max-width: 350px;
    margin: 15px 0 0;
    padding: 10px 0;
    text-align: left;
    color: #60606f;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 8px #00000080;
    z-index: 1000;
    list-style: none
}

.ft-dropdown-menu>li {
    padding: 5px 0
}

.ft-dropdown-menu>li a {
    position: relative;
    display: block;
    padding: 5px 20px;
    color: inherit
}

.ft-dropdown-menu>li a:hover,
.ft-dropdown-menu>li a:focus {
    color: #222
}

.ft-dropdown-menu>li.active a {
    opacity: 1
}

.ft-dropdown-menu>li.active a:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    width: .75em;
    height: .75em;
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-check-blue.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.834 4.922L17.24 3.328c-.21-.21-.503-.328-.796-.328-.293 0-.586.117-.797.328l-7.687 7.7L4.515 7.57c-.21-.21-.504-.328-.797-.328-.292 0-.585.117-.796.328L1.328 9.163c-.21.21-.328.504-.328.797 0 .293.117.586.328.797L5.57 15l1.593 1.592c.21.21.504.328.797.328.293 0 .586-.117.797-.328L10.35 15l8.484-8.485c.21-.21.328-.504.328-.797 0-.292-.117-.585-.328-.796z" fill="#4A90E2" fill-rule="evenodd"/></svg>'), linear-gradient(transparent, transparent);
    background-size: contain
}

.ft-dropdown {
    position: relative;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 1000
}

.ft-dropdown.ft-align-left .ft-dropdown-menu {
    left: 0;
    text-align: initial
}

.ft-dropdown.ft-align-right .ft-dropdown-menu {
    right: 0;
    text-align: initial
}

.ft-dropdown .ft-dropdown-menu {
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    display: none
}

.ft-dropdown.active .ft-dropdown-toggle {
    opacity: 1
}

.ft-dropdown.active .ft-dropdown-menu {
    display: block;
    -moz-animation: ft-anim-dropdown-enter .3s cubic-bezier(0, 0, .1, 1);
    -o-animation: ft-anim-dropdown-enter .3s cubic-bezier(0, 0, .1, 1);
    -webkit-animation: ft-anim-dropdown-enter .3s cubic-bezier(0, 0, .1, 1);
    animation: ft-anim-dropdown-enter .3s cubic-bezier(0, 0, .1, 1)
}

@keyframes ft-anim-dropdown-enter {
    0% {
        -moz-transform: rotateX(30deg) translateY(-20px);
        -ms-transform: rotateX(30deg) translateY(-20px);
        -o-transform: rotateX(30deg) translateY(-20px);
        -webkit-transform: rotateX(30deg) translateY(-20px);
        transform: rotateX(30deg) translateY(-20px);
        opacity: 0
    }

    to {
        -moz-transform: rotateX(0) translateY(0);
        -ms-transform: rotateX(0) translateY(0);
        -o-transform: rotateX(0) translateY(0);
        -webkit-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0);
        opacity: 1
    }
}

.modal-form select {
    color: #000
}

.modal-form textarea {
    background: #fff;
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    color: #222;
    line-height: 19px;
    min-height: 200px;
    max-width: 100%
}

.modal-form [bs-select] {
    position: relative;
    width: 100%;
    font-family: museo-sans, sans-serif;
    font-weight: 300;
    color: #90999f;
    font-size: 16px;
    text-align: left;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 0;
    padding: 15px
}

.modal-form [bs-select].blue {
    background: #68cbe166;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    color: #fff
}

.modal-form [bs-select] .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    right: 20px;
    top: 50%
}

.modal-form .dropdown-menu {
    width: 100%;
    max-height: 360px;
    overflow-y: auto;
    padding: 15px 0;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin-top: 1px;
    border: 0
}

.modal-form .dropdown-menu li a {
    padding: 10px 20px
}

.modal-form .dropdown-menu.blue {
    background-color: #206681
}

.modal-form .dropdown-menu.blue li a {
    color: #fff
}

.modal-form .dropdown-menu.blue li a:active,
.modal-form .dropdown-menu.blue li a:hover {
    background-color: #2d7996
}

form:before,
form:after {
    content: " ";
    display: table
}

form:before,
form:after {
    content: "";
    display: table
}

form:after {
    clear: both
}

input:not([type=checkbox]):not([type=radio]):not(.btn),
textarea {
    color: #222;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    margin: 1px 0
}

.form-group+.btn,
input:not([type=checkbox]):not([type=radio]):not(.btn)+.btn,
textarea+.btn {
    margin-top: 1em
}

.form-group {
    margin: 0 auto;
    position: relative
}

.form-group:not(.form-group-split) {
    clear: both
}

.form-group .btn {
    margin: 1px 0;
    border: 1px solid transparent
}

.form-group.spacer {
    padding-top: 15px
}

.form-group-split {
    float: left;
    width: 50%
}

.form-group-split.form-group-split-small {
    width: 35%
}

.form-group-split.form-group-split-large {
    width: 65%
}

.form-group-split+.form-group-split {
    border-left: 1px solid transparent
}

.form-section-spacer {
    padding-top: 40px
}

.form-actions .btn-submit {
    width: 240px
}

.form-panel {
    margin: 2px auto;
    background-color: #fff;
    color: #999;
    text-align: left;
    padding: 10px 0
}

.form-panel.transparent {
    background-color: transparent
}

.progress-loader {
    margin-top: 60px
}

.spinner {
    display: block;
    width: 32px;
    height: 32px;
    margin: 15px auto;
    -ms-interpolation-mode: bicubic
}

.spinner-inline {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    -ms-interpolation-mode: bicubic
}

.form-error-alert {
    margin-top: 20px;
    padding: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    background: #d0021b4d
}

.form-error-alert {
    -moz-animation: form-error-alert-in;
    -o-animation: form-error-alert-in;
    -webkit-animation: form-error-alert-in;
    animation: form-error-alert-in;
    -moz-animation-duration: .2s;
    -o-animation-duration: .2s;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@keyframes form-error-alert-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.field-error {
    z-index: 1
}

.field-error input,
.field-error textarea {
    -moz-box-shadow: 0 0 0 3px #D0021B;
    -webkit-box-shadow: 0 0 0 3px #D0021B;
    box-shadow: 0 0 0 3px #d0021b
}

.field-error:after {
    content: " ";
    position: absolute;
    top: 0;
    left: -20px;
    width: 30px;
    height: 30px;
    background: #d0021b url(../images/icons/common/icon-error-20x20@2x.png) center center no-repeat;
    background-size: 20px 20px;
    -moz-border-radius: 50% 50% 0 50%;
    -webkit-border-radius: 50% 50% 0 50%;
    border-radius: 50% 50% 0;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 2px #00000080
}

[class*=ft-icn-] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    direction: ltr;
    text-indent: -9999px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

[class*=ft-icn-]:before,
[class*=ft-icn-]:after {
    content: "";
    position: absolute
}

.ft-icn-parrot {
    vertical-align: baseline;
    width: 1em;
    height: 1em;
    background-image: url(/src/assets/images/misc/parrot.gif);
    background-repeat: repeat-x
}

[class*=ft-icn-check-] {
    width: 1em;
    height: 1em
}

.ft-icn-check-light {
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-check-light.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.834 4.922L17.24 3.328c-.21-.21-.503-.328-.796-.328-.293 0-.586.117-.797.328l-7.687 7.7L4.515 7.57c-.21-.21-.504-.328-.797-.328-.292 0-.585.117-.796.328L1.328 9.163c-.21.21-.328.504-.328.797 0 .293.117.586.328.797L5.57 15l1.593 1.592c.21.21.504.328.797.328.293 0 .586-.117.797-.328L10.35 15l8.484-8.485c.21-.21.328-.504.328-.797 0-.292-.117-.585-.328-.796z" fill="#FFF" fill-rule="evenodd"/></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-check-dark {
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-check-dark.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.834 4.922L17.24 3.328c-.21-.21-.503-.328-.796-.328-.293 0-.586.117-.797.328l-7.687 7.7L4.515 7.57c-.21-.21-.504-.328-.797-.328-.292 0-.585.117-.796.328L1.328 9.163c-.21.21-.328.504-.328.797 0 .293.117.586.328.797L5.57 15l1.593 1.592c.21.21.504.328.797.328.293 0 .586-.117.797-.328L10.35 15l8.484-8.485c.21-.21.328-.504.328-.797 0-.292-.117-.585-.328-.796z" fill="#222" fill-rule="evenodd"/></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-check-green {
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-check-green.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.834 4.922L17.24 3.328c-.21-.21-.503-.328-.796-.328-.293 0-.586.117-.797.328l-7.687 7.7L4.515 7.57c-.21-.21-.504-.328-.797-.328-.292 0-.585.117-.796.328L1.328 9.163c-.21.21-.328.504-.328.797 0 .293.117.586.328.797L5.57 15l1.593 1.592c.21.21.504.328.797.328.293 0 .586-.117.797-.328L10.35 15l8.484-8.485c.21-.21.328-.504.328-.797 0-.292-.117-.585-.328-.796z" fill="#51A673" fill-rule="evenodd"/></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-check-blue {
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-check-blue.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.834 4.922L17.24 3.328c-.21-.21-.503-.328-.796-.328-.293 0-.586.117-.797.328l-7.687 7.7L4.515 7.57c-.21-.21-.504-.328-.797-.328-.292 0-.585.117-.796.328L1.328 9.163c-.21.21-.328.504-.328.797 0 .293.117.586.328.797L5.57 15l1.593 1.592c.21.21.504.328.797.328.293 0 .586-.117.797-.328L10.35 15l8.484-8.485c.21-.21.328-.504.328-.797 0-.292-.117-.585-.328-.796z" fill="#4A90E2" fill-rule="evenodd"/></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-graph {
    position: relative;
    width: 2em;
    height: 2em;
    border: 2px solid;
    border-radius: 50%;
    overflow: hidden
}

.ft-icn-graph:before,
.ft-icn-graph:after {
    top: .2em;
    right: .5em;
    width: .8em;
    height: .5em;
    border-bottom: .125em solid;
    border-left: .125em solid;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.ft-icn-graph:after {
    top: .35em;
    right: 1.3em
}

.ft-icn-graph span {
    display: block;
    position: absolute;
    top: .4em;
    right: .3em;
    width: .4em;
    height: .4em;
    border: .125em solid;
    border-radius: 50%
}

[class*=ft-icn-graph-] {
    width: 2em;
    height: 2em
}

.ft-icn-graph-light {
    background-image: url(/assets/images/icons/stats/ft-icn-graph-light.png);
    background-image: url(/assets/images/icons/stats/ft-icn-graph-light.svg)
}

.ft-icn-graph-dark {
    background-image: url(/assets/images/icons/stats/ft-icn-graph-dark.png);
    background-image: url(/assets/images/icons/stats/ft-icn-graph-dark.svg)
}

.ft-icn-quote {
    background-image: url(/assets/images/icons/common/ft-icn-quote.png);
    background-image: url(/assets/images/icons/common/ft-icn-quote.svg)
}

.ft-icn-sun {
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M35.83 20l3.6 3.52c.5.47.67 1.17.52 1.82-.2.65-.7 1.17-1.36 1.33l-4.9 1.25 1.33 4.85c.18.65 0 1.35-.5 1.82-.47.5-1.17.62-1.82.5l-4.83-1.4-1.25 4.9c-.16.6-.68 1.12-1.33 1.3-.66.2-1.37 0-1.83-.5L20 35.82l-3.52 3.6c-.46.5-1.14.68-1.82.5-.65-.16-1.17-.68-1.33-1.33l-1.25-4.9-4.84 1.4c-.65.2-1.35 0-1.82-.5-.5-.45-.68-1.15-.5-1.8l1.38-4.85-4.9-1.25C.77 26.5.25 26 .06 25.34c-.16-.63.04-1.33.52-1.8L4.18 20l-3.6-3.52C.08 16-.1 15.3.04 14.66c.2-.65.7-1.17 1.36-1.33l4.9-1.25-1.37-4.85c-.18-.65 0-1.35.5-1.82.47-.43 1.17-.62 1.82-.43L12.1 6.3l1.24-4.9C13.5.76 14 .24 14.66.08c.65-.18 1.36 0 1.82.5L20 4.18 23.52.55c.46-.5 1.14-.67 1.82-.5.65.17 1.17.7 1.33 1.34l1.25 4.9 4.84-1.4c.65-.2 1.35 0 1.82.5.5.44.68 1.14.5 1.8l-1.38 4.9 4.9 1.22c.64.16 1.16.68 1.35 1.33.15.65-.03 1.35-.52 1.82l-3.6 3.5zM20 34.17c7.82 0 14.17-6.35 14.17-14.17S27.82 5.83 20 5.83 5.83 12.18 5.83 20 12.18 34.17 20 34.17zm0-1.67c-6.9 0-12.5-5.6-12.5-12.5S13.1 7.5 20 7.5 32.5 13.1 32.5 20 26.9 32.5 20 32.5z" fill="#FFF" fill-rule="evenodd"/></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-plane {
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 510 510" xmlns="http://www.w3.org/2000/svg"><path fill="#e0e0e0" d="M510 255c0-20.4-17.85-38.25-38.25-38.25H331.5L204 12.75h-51l63.75 204H76.5l-38.25-51H0L25.5 255 0 344.25h38.25l38.25-51h140.25l-63.75 204h51l127.5-204h140.25c20.4 0 38.25-17.85 38.25-38.25z"/></svg>'), linear-gradient(transparent, transparent);
    background-position: 55% 50%
}

.ft-icn-flag {
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path fill="#e0e0e0" d="M18,15 L21,15 L21,65 L18,65 L18,15 Z M23,18 L48,18 L48,42 L23,42 L23,18 Z M50,22 L62,22 L56,34 L62,46 L40,46 L40,44 L50,44 L50,22 Z"/></svg>'), linear-gradient(transparent, transparent);
    background-position: 55% 50%
}

.ft-icn-trophy {
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path fill="#e0e0e0" d="M59.6808511,23.40625 C59.6808511,26.6552083 56.3617021,27.9166667 53.2978723,29.8125 L53.2978723,23.40625 C53.2978723,21.6666667 54.7234043,20.25 56.4893617,20.25 C58.2553191,20.25 59.6808511,21.6666667 59.6808511,23.40625 L59.6808511,23.40625 Z M20.3191489,23.40625 C20.3191489,21.6666667 21.7446809,20.25 23.5106383,20.25 C25.2765957,20.25 26.7021277,21.6666667 26.7021277,23.40625 L26.7021277,29.8125 C23.6382979,27.9166667 20.3191489,26.6552083 20.3191489,23.40625 L20.3191489,23.40625 Z M23.5106383,15 C18.8085106,15 15,18.7604167 15,23.40625 C15,30.1239583 22.3085106,32.5208333 26.7021277,35.8333333 L26.7021277,37.3958333 C26.7021277,43.696875 31.2659574,48.9479167 37.3404255,50.15625 L37.3404255,59.7916667 L29.3617021,59.7916667 L29.3617021,65 L50.6382979,65 L50.6382979,59.7916667 L42.6595745,59.7916667 L42.6595745,50.15625 C48.7340426,48.9479167 53.2978723,43.696875 53.2978723,37.3958333 L53.2978723,35.8333333 C57.6914894,32.5208333 65,30.1239583 65,23.40625 C65,18.7604167 61.1914894,15 56.4893617,15 C55.3617021,15 54.1595745,15.5208333 53.2978723,16.0416667 L26.7021277,16.0416667 C25.8404255,15.5208333 24.6382979,15 23.5106383,15 Z"/></svg>'), linear-gradient(transparent, transparent);
    background-position: 55% 50%
}

.ft-icn-seedplant {
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path fill="#e0e0e0" d="M38.9361,63.0459 C39.2641,61.4429 40.4351,60.7259 41.8091,60.1749 C45.3941,58.7389 46.9961,55.9009 47.3121,52.1559 C46.9111,52.3609 46.4371,52.6359 46.3791,52.9799 C45.8231,56.3249 43.8161,58.5159 40.9211,60.0269 C39.7031,60.6639 38.7901,61.4889 38.9361,63.0459 M41.7461,28.8669 C42.1091,29.2929 42.5491,29.6749 42.8241,30.1519 C45.3231,34.4909 46.7191,39.2209 47.4651,44.1269 C47.8431,46.6089 47.8251,49.1529 48.0011,51.9099 C51.1621,53.8239 52.2721,56.6369 50.9281,60.5789 C49.4991,64.7759 46.5591,67.4519 42.1841,68.3199 C37.8871,69.1739 34.5621,66.0409 34.9761,61.6809 C35.4811,56.3559 40.0931,51.8129 45.4541,51.5019 C46.7381,51.4279 46.6151,50.6439 46.6231,49.8849 C46.6911,43.0139 45.0171,36.5559 41.9531,30.4349 C41.7441,30.0189 41.5241,29.6089 41.3101,29.1969 C41.4551,29.0869 41.6001,28.9769 41.7461,28.8669 Z M26.8457,11 C30.1877,11.882 33.2827,12.462 36.2037,13.522 C40.9997,15.262 42.5937,18.367 41.6977,23.398 C41.6717,23.545 41.6307,23.689 41.5927,23.834 C40.4707,28.141 41.4047,27.714 36.4887,27.265 C35.3607,27.162 34.2337,26.839 33.1537,26.479 C30.7417,25.676 29.0817,24.07 28.2117,21.645 C27.0307,18.357 26.7937,14.964 26.8457,11 Z M40.397,31.9355 C35.954,37.7685 29.306,37.8335 25,32.1605 C28.528,26.3035 36.18,26.1545 40.397,31.9355 Z M43.1031,28.0142 C42.6531,22.2772 47.8321,18.3832 54.4681,19.4692 C54.7181,25.5042 49.7741,29.1802 43.1031,28.0142 Z"/></svg>'), linear-gradient(transparent, transparent);
    background-position: 55% 50%
}

.ft-icn-webpage {
    width: 1em;
    height: 1em;
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-webpage.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="#222" fill-rule="evenodd"><path d="M3 9c0-1.1.9-2 2-2h30c1.1 0 2 .9 2 2v22c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9zm2 3v19h30V12H5zm1.5-1c.83 0 1.5-.67 1.5-1.5S7.33 8 6.5 8 5 8.67 5 9.5 5.67 11 6.5 11zm4 0c.83 0 1.5-.67 1.5-1.5S11.33 8 10.5 8 9 8.67 9 9.5s.67 1.5 1.5 1.5zm4 0c.83 0 1.5-.67 1.5-1.5S15.33 8 14.5 8 13 8.67 13 9.5s.67 1.5 1.5 1.5z"/><path d="M18.94 22.53l1.85 5.1 2.63-.97-1.85-5.1 3.55-.13-7.67-7.02-1.35 10.3"/></g></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-email {
    width: 1em;
    height: 1em;
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-email.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222" stroke-width="2" transform="translate(3 8)"><rect width="32" height="22" x="1" y="1" rx="2"/><path d="M32.38 1.55L21 12.4c-2.2 2.13-5.8 2.13-8.02 0L1.62 1.56m.7 20.14l8.9-8.8m20.05 8.8l-8.88-8.8" stroke-linecap="square"/></g></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-image {
    width: 1em;
    height: 1em;
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-image.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="#222" fill-rule="evenodd"><path d="M4 11c0-1.1.9-2 2-2h28c1.1 0 2 .9 2 2v20c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V11zm1.88-.15v20.3h28.24v-20.3H5.88z"/><path d="M14 23l3 2 8-8 7 7.7V29H8m5.5-9c1.38 0 2.5-1.12 2.5-2.5S14.88 15 13.5 15 11 16.12 11 17.5s1.12 2.5 2.5 2.5z"/></g></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-imagelink {
    width: 1em;
    height: 1em;
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-imagelink.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="#222" fill-rule="evenodd"><path d="M31.13 9H6c-1.1 0-2 .9-2 2v20c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V13.87l-1.88 1.88v15.4H5.88v-20.3h23.4L31.13 9z"/><path d="M14 23l3 2 8-8 7 7.7V29H8m5.5-9c1.38 0 2.5-1.12 2.5-2.5S14.88 15 13.5 15 11 16.12 11 17.5s1.12 2.5 2.5 2.5zM38.86 6.14c-.1-.1-.2-.14-.35-.14h-5c-.25 0-.5.22-.5.48v1.04c0 .27.24.48.5.48h2.18l-4.3 4.3c-.2.2-.2.5-.02.7l.73.73c.2.2.5.18.7 0L37 9.48v2c0 .27.22.5.48.5h1.04c.27 0 .48-.22.48-.5v-5c0-.14-.06-.27-.14-.36z"/></g></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-sharepost {
    width: 1em;
    height: 1em;
    background-image: url(/app-v2/src/assets/images/icons/common/ft-icn-sharepost.png);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path stroke="#222" stroke-width="2" d="M28 35.72V31h7c.55 0 1-.45 1-1V10c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v20c0 .55.45 1 1 1h17.9l5.1 4.72z"/><path fill="#222" d="M14 20c0-1.32 1.08-2.4 2.4-2.4.55 0 1.06.2 1.46.5l3.35-1.52v-.18c0-1.32 1.1-2.4 2.4-2.4 1.35 0 2.4 1.08 2.4 2.4 0 1.32-1.05 2.4-2.4 2.4-.6 0-1.15-.23-1.6-.62l-3.2 1.47.03.35c0 .12 0 .24-.02.35L22 21.8c.42-.37.98-.6 1.6-.6 1.32 0 2.4 1.08 2.4 2.4 0 1.32-1.08 2.4-2.4 2.4-1.32 0-2.4-1.08-2.4-2.4v-.18l-3.34-1.52c-.4.3-.9.5-1.46.5-1.32 0-2.4-1.08-2.4-2.4z"/></g></svg>'), linear-gradient(transparent, transparent)
}

.ft-icn-appmenu {
    width: 1em;
    height: 1em;
    margin-right: 0;
    margin-top: -.25em
}

.ft-icn-appmenu:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .25em;
    height: .25em;
    box-shadow: 0 -.375em, -.375em -.375em, .375em -.375em, inset 0 0 0 1em, -.375em 0, .375em 0, 0 .375em, -.375em .375em, .375em .375em
}

.ft-icn-beta {
    top: -1em;
    padding: 5px;
    border-radius: 2px;
    font-family: brandon-grotesque, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-indent: initial;
    color: #fff;
    background-color: #90999f
}

.ft-icn-beta:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 5px;
    border-style: solid;
    border-width: 4px 8px 0 0;
    border-color: #90999f transparent;
    display: block;
    z-index: 1
}

[class*=ft-icn-caret-] {
    width: 1em;
    height: 1em;
    margin-top: -.25em
}

[class*=ft-icn-caret-]:before,
[class*=ft-icn-caret-]:after {
    top: 50%;
    left: 50%;
    -moz-transform-origin: center .0625em;
    -ms-transform-origin: center .0625em;
    -o-transform-origin: center .0625em;
    -webkit-transform-origin: center .0625em;
    transform-origin: center .0625em;
    width: .125em;
    height: 50%;
    border-radius: .125em;
    box-shadow: inset 0 0 0 1em
}

[class*=ft-icn-caret-]:before {
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

[class*=ft-icn-caret-]:after {
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ft-icn-caret-down {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ft-icn-caret-left {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ft-icn-caret-right {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ft-icn-info {
    width: 16px;
    height: 16px;
    margin-top: -.25em;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px;
    opacity: .5;
    -moz-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    transition: opacity .3s cubic-bezier(0, 0, .1, 1)
}

.ft-icn-info:before,
.ft-icn-info:after {
    left: 50%;
    width: 2px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    box-shadow: inset 0 0 0 32px
}

.ft-icn-info:before {
    top: 3px;
    height: 2px
}

.ft-icn-info:after {
    top: 6px;
    height: 7px
}

.ft-icn-info:hover,
.ft-icn-info:focus {
    opacity: 1
}

.ft-icn-lightbulb {
    width: 1em;
    height: 1em;
    margin-top: -.25em;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1em
}

.ft-icn-lightbulb:before,
.ft-icn-lightbulb:after {
    top: 100%;
    left: 50%;
    -moz-transform: translateX(-50%) skewY(-8deg);
    -ms-transform: translateX(-50%) skewY(-8deg);
    -o-transform: translateX(-50%) skewY(-8deg);
    -webkit-transform: translateX(-50%) skewY(-8deg);
    transform: translate(-50%) skewY(-8deg);
    width: 50%;
    height: .125em;
    border-radius: .125em
}

.ft-icn-lightbulb:before {
    margin-top: -.125em;
    box-shadow: inset 0 0 0 1em, 0 .1875em, 0 .375em
}

.ft-icn-lightbulb:after {
    width: 30%;
    margin-top: .4375em;
    box-shadow: inset 0 0 0 1em
}

.ft-icn-play {
    width: 2em;
    height: 2em;
    margin: 0;
    font-size: 1.5em;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .125em
}

.ft-icn-play:before,
.ft-icn-play:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ft-icn-play:before {
    width: 100%;
    height: 100%;
    border: .0625em solid;
    border-radius: 50%;
    opacity: 0
}

.ft-icn-play:after {
    width: .69282em;
    height: .8em;
    margin-left: .11547em;
    -moz-transform-origin: .23094em center;
    -ms-transform-origin: .23094em center;
    -o-transform-origin: .23094em center;
    -webkit-transform-origin: .23094em center;
    transform-origin: .23094em center;
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: .69282em solid;
    border-right: 0
}

.ft-icn-plus,
.ft-icn-cross {
    width: 1em;
    height: 1em;
    margin-top: -.25em
}

.ft-icn-plus:before,
.ft-icn-cross:before,
.ft-icn-plus:after,
.ft-icn-cross:after {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
    height: 2px;
    border-radius: 1px;
    box-shadow: inset 0 0 0 100px
}

.ft-icn-plus:after,
.ft-icn-cross:after {
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.ft-icn-cross:before {
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ft-icn-cross:after {
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ft-icn-scrollable {
    text-indent: initial;
    line-height: 1
}

.ft-icn-scrollable:before,
.ft-icn-scrollable:after {
    content: "";
    font-size: 1.5em
}

.ft-icn-scrollable:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: .6em;
    height: 1em;
    box-shadow: inset 0 0 0 .06em;
    border-radius: 1em
}

.ft-icn-scrollable:after {
    position: absolute;
    top: .2em;
    left: .2em;
    width: .2em;
    height: .2em;
    border-radius: .2em;
    box-shadow: inset 0 0 0 1em;
    -moz-animation: ft-icn-scrollable-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite both;
    -o-animation: ft-icn-scrollable-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite both;
    -webkit-animation: ft-icn-scrollable-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite both;
    animation: ft-icn-scrollable-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite both
}

.ft-icn-search {
    width: 1em;
    height: 1em
}

.ft-icn-search:before {
    top: 45%;
    left: 45%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
    height: 75%;
    border: 2px solid;
    border-radius: 50%
}

.ft-icn-search:after {
    top: 70%;
    left: 70%;
    -moz-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    width: 40%;
    height: 2px;
    box-shadow: inset 0 0 0 100px;
    border-radius: 2px
}

@keyframes ft-icn-scrollable-loop {
    0% {
        opacity: 0;
        -moz-transform: translateY(0) scale(4);
        -ms-transform: translateY(0) scale(4);
        -o-transform: translateY(0) scale(4);
        -webkit-transform: translateY(0) scale(4);
        transform: translateY(0) scale(4)
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        -o-transform: translateY(0) scale(1);
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    80% {
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        -webkit-transform: translateY(200%);
        transform: translateY(200%)
    }

    to {
        opacity: 0
    }
}

[class*=ft-icn-arrow-] {
    width: 1em;
    height: 1em;
    margin-top: -.25em
}

[class*=ft-icn-arrow-]:before {
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 75%;
    height: .2em;
    box-shadow: inset 0 0 0 .2em
}

[class*=ft-icn-arrow-]:after {
    top: 50%;
    left: 75%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: .375em solid transparent;
    border-right: 0;
    border-left-color: inherit
}

.ft-icn-arrow-left {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ft-icn-arrow-up {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ft-icn-arrow-down {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

[class*=ft-logo-] {
    background: center center no-repeat;
    background-size: contain
}

.ft-logo-flipto-badge {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 92"><g fill="none"><path fill="#469C91" d="M34.25 1.13C18.85 5.36 5.85 19.38 2.05 34.7c-.7 2.8-1.1 5.7-1.15 8.56-.13 12.7 5.48 17.97 18 25.26 12.15 8.15 15.33 22.9 15.33 22.9S37.43 75 49.58 60.34c9.2-10.3 14.68-17.5 16.87-25.64.8-2.92 1.16-5.95 1.13-9.3-.2-18.25-15.1-29.04-33.33-24.27zm0 51.77c-5.93-1.2-10.4-6.8-10.4-13.58 0-6.76 4.47-12.38 10.4-13.57 5.92 1.2 10.4 6.8 10.4 13.57 0 6.77-4.48 12.38-10.4 13.58z"/><path fill="#469C91" d="M1.98 35l.07-.3-.07.3zm.06-.3l.03-.1-.03.1z"/><path fill="#B5D334" d="M34.25 1.13v24.62c-5.93 1.2-10.4 6.8-10.4 13.57 0 6.77 4.47 12.38 10.4 13.58v38.54s-3.18-16.46-15.33-31.12C9.7 50.02 4.22 42.82 2.04 34.7 1.26 31.77.9 28.74.92 25.4 1.12 7.16 16-3.63 34.25 1.14z"/><path fill="#469C91" d="M2.04 34.7c3.8-15.32 16.8-29.35 32.2-33.57v24.62c-5.92 1.2-10.4 6.8-10.4 13.57 0 6.77 4.48 12.38 10.4 13.58v38.54s-3.17-14.76-15.32-22.9C6.4 61.24.8 55.97.92 43.26c.03-2.87.42-5.75 1.12-8.58z" opacity=".7"/><path fill="#B5D334" d="M66.45 34.7c-3.8-15.32-16.8-29.35-32.2-33.57v24.62c5.92 1.2 10.4 6.8 10.4 13.57 0 6.77-4.48 12.38-10.4 13.58v38.54s3.18-14.76 15.33-22.9c12.52-7.3 18.13-12.56 18-25.27-.03-2.87-.43-5.75-1.13-8.58z" opacity=".7"/><path fill="#B5D334" d="M66.45 34.7c-2.2 8.1-7.65 15.3-16.87 25.6-12.15 14.68-15.33 31.14-15.33 31.14s3.18-14.76 15.33-22.9c12.52-7.3 18.13-12.56 18-25.27-.03-2.87-.43-5.75-1.13-8.58z"/></g></svg>')
}

.ft-profile-pic {
    position: relative;
    width: 60px;
    height: 60px;
    color: #222;
    background: #f3f3f6 center center no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0 2px 2px #00000080;
    overflow: hidden
}

.ft-profile-pic img {
    width: 60px;
    height: 60px
}

.ft-profile-pic .ft-profile-initials {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    opacity: .5
}

img.screenshot {
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px #0000004d
}

.ft-screen-image {
    position: relative;
    width: 100%;
    margin: 0 auto 45px;
    background-color: #90999f;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 5px 10px 40px #0003
}

.ft-screen-image:before {
    content: "";
    display: block;
    padding-top: 66%
}

.ft-screen-image.disabled:before {
    background: #000;
    opacity: .5;
    border-radius: 4px
}

.ft-screen-image.disabled:after {
    content: "Off";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5px 45px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background: #40494f;
    border-radius: 200px
}

@media (min-width: 768px) {
    .ft-screen-image {
        width: 120%;
        min-width: 600px;
        box-shadow: 10px 20px 80px #0003
    }

    .ft-screen-image.ft-angle-left {
        float: right;
        -moz-transform: rotateX(1deg) rotateY(12deg) rotate(-1deg) translateX(-45px) translateZ(0);
        -ms-transform: rotateX(1deg) rotateY(12deg) rotate(-1deg) translateX(-45px) translateZ(0);
        -o-transform: rotateX(1deg) rotateY(12deg) rotate(-1deg) translateX(-45px) translateZ(0);
        -webkit-transform: rotateX(1deg) rotateY(12deg) rotate(-1deg) translateX(-45px) translateZ(0);
        transform: rotateX(1deg) rotateY(12deg) rotate(-1deg) translate(-45px) translateZ(0);
        -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -o-transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    .ft-screen-image.ft-angle-right {
        -moz-transform: rotateX(1deg) rotateY(-12deg) rotate(1deg) translateX(45px) translateZ(0);
        -ms-transform: rotateX(1deg) rotateY(-12deg) rotate(1deg) translateX(45px) translateZ(0);
        -o-transform: rotateX(1deg) rotateY(-12deg) rotate(1deg) translateX(45px) translateZ(0);
        -webkit-transform: rotateX(1deg) rotateY(-12deg) rotate(1deg) translateX(45px) translateZ(0);
        transform: rotateX(1deg) rotateY(-12deg) rotate(1deg) translate(45px) translateZ(0);
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%
    }
}

.ft-browserchrome {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 30px;
    margin-bottom: -4px;
    color: #c3c6c9;
    background-color: #e0e0e0;
    border-radius: 4px 4px 0 0
}

.ft-browserchrome:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 5px, 15px 0, 30px 0
}

.ft-browserviewport {
    position: absolute;
    inset: 0;
    border-radius: 0 0 4px 4px;
    overflow: auto
}

.ft-browserviewport:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.ft-profile-guest {
    background-image: url(/app-v2/src/assets/images/profile/ft-profile-guest.jpg)
}

.ft-profile-friend {
    background-image: url(/app-v2/src/assets/images/profile/ft-profile-friend.jpg)
}

.ft-profile-traveler {
    background-image: url(/app-v2/src/assets/images/profile/ft-profile-traveler.jpg)
}

.ft-icn-scrollable {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #fff;
    box-shadow: 0 0 0 .1em #fff;
    border-radius: 1em;
    opacity: .5
}

.ft-icn-scrollable span {
    position: absolute;
    top: 50%;
    left: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 5px;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    background: #fff;
    border-radius: 1em;
    white-space: nowrap;
    pointer-events: none
}

.ft-icn-scrollable span {
    opacity: 0;
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ft-icn-scrollable:hover span,
.ft-icn-scrollable:focus span {
    opacity: 1;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ft-screen-image-caption {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 20px 20px 0;
    font-size: 12px;
    text-align: center;
    opacity: .5;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.ft-screen-image-caption:hover,
.ft-screen-image-caption:focus {
    opacity: 1
}

@media (min-width: 768px) {
    .ft-angle-left .ft-icn-scrollable {
        left: auto;
        right: 10px
    }

    .ft-angle-left .ft-icn-scrollable span {
        left: auto;
        right: 100%
    }

    .ft-angle-left .ft-section-image-caption {
        text-align: right
    }

    .ft-angle-right .ft-section-image-caption {
        text-align: left
    }
}

.ft-screen-image.confirmationexperience {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-confirmation-x-teaser.jpg)
}

.ft-screen-image.certificateemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-certificate.jpg)
}

.ft-screen-image.certificateemail:before {
    padding-top: 100%
}

.ft-screen-image.certificatepage {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-certificatepage.jpg)
}

.ft-screen-image.certificatepage:before {
    padding-top: 75%
}

.ft-screen-image.followupemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-certificate.jpg)
}

.ft-screen-image.followupemail:before {
    padding-top: 75%
}

.ft-screen-image.bannerforconfirmation {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-confirmation-banner.jpg)
}

.ft-screen-image.bannerforconfirmation:before {
    padding-top: 40%
}

.ft-screen-image.bannerforprearrival {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-prearrival-banner.jpg)
}

.ft-screen-image.bannerforprearrival:before {
    padding-top: 75%
}

.ft-screen-image.dailyguestarrivalnotification {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-guest-arrival.jpg)
}

.ft-screen-image.dailyguestarrivalnotification:before {
    padding-top: 88%
}

.ft-screen-image.poststayinvitationemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-poststay.jpg)
}

.ft-screen-image.poststayinvitationemail:before {
    padding-top: 100%
}

.ft-screen-image.poststayreminderemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-poststay-reminder.jpg)
}

.ft-screen-image.bannerforpoststay {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-poststay-banner.jpg)
}

.ft-screen-image.bannerforpoststay:before {
    padding-top: 75%
}

.ft-screen-image.poststay {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-poststay-intro.jpg)
}

.ft-screen-image.poststayreengagementemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-poststay-reengagement.jpg)
}

.ft-screen-image.dailystoriesnotification {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-guest-stories.jpg)
}

.ft-screen-image.dailystoriesnotification:before {
    padding-top: 88%
}

.ft-screen-image.dailyfeedbacknotification {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-guest-feedback.jpg)
}

.ft-screen-image.dailyfeedbacknotification:before {
    padding-top: 88%
}

.ft-screen-image.photofinalistemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-photo-finalist.jpg);
    width: 100%
}

.ft-screen-image.photofinalistemail:before {
    padding-top: 115%
}

.ft-screen-image.photoreminderemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-photo-reminder.jpg)
}

.ft-screen-image.photoreminderemail:before {
    padding-top: 115%
}

.ft-screen-image.photoexplorer {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-photo-explorer.jpg)
}

.ft-screen-image.photoexplorer:before {
    padding-top: 100%
}

.ft-screen-image.photoactivityemail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-photo-activity.jpg)
}

.ft-screen-image.photoactivityemail:before {
    padding-top: 115%
}

.ft-screen-image.photowinneremail {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-photo-winner.jpg)
}

.ft-screen-image.photowinneremail:before {
    padding-top: 115%
}

.ft-screen-image.sharefollowup {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-share-followup.jpg)
}

.ft-screen-image.friendlanding {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-friend-landing.jpg)
}

.ft-screen-image.certificateemailfriend {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-certificate-friend.jpg)
}

.ft-screen-image.certificateemailfriend:before {
    padding-top: 100%
}

.ft-screen-image.certificatereminderemailfriend {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-certificate-reminder-friend.jpg)
}

.ft-screen-image.certificatereminderemailfriend:before {
    padding-top: 100%
}

.ft-screen-image.certificatepagefriend {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-certificatepage-friend.jpg)
}

.ft-screen-image.photocontestfriendsplash {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-photo-contest-friend-splash.jpg)
}

.ft-screen-image.nurturingemail:before {
    padding-top: 88%
}

.ft-screen-image.nurturingemail .ft-browserviewport:before {
    padding-top: 180%;
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-email-nurturing.jpg)
}

@media (min-width: 768px) {
    .ft-screen-image.communitypage {
        min-width: 700px
    }
}

.ft-screen-image.communitypage .ft-browserviewport:before {
    background-image: url(/app-v2/src/assets/images/screens/ft-screen-communitypage.jpg)
}

@media (min-width: 768px) {
    .ft-certificateemail-info {
        margin-top: 45%
    }

    .ft-certificatepage-info,
    .ft-followupemail-info {
        margin-top: 30%
    }

    .ft-bannerforprearrival-info {
        margin-top: 25%
    }

    .ft-dailyguestarrivalnotification-info {
        margin-top: 10%
    }
}

.bubble-quote {
    position: relative;
    max-width: 400px;
    padding: 20px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px #0003;
    font-size: 18px;
    color: #222;
    font-family: museo-sans, sans-serif
}

.bubble-quote:after {
    content: "";
    position: absolute;
    box-shadow: 2px 2px 4px #0003;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #FFF #FFF transparent
}

.ft-carousel-card-dimensions {
    width: 90vw;
    min-width: 290px;
    max-width: 960px;
    min-height: unset
}

.ft-card-carousel {
    position: relative;
    height: 630px;
    overflow: hidden;
    z-index: 1
}

.ft-card-carousel>ul {
    position: absolute;
    top: 45px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    margin: 0;
    padding: 0;
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.ft-card-carousel>ul>li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 555px;
    width: 3vw;
    min-width: 0px;
    max-width: 40px;
    font-size: 16px;
    white-space: normal;
    -moz-transition: .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(0, 0, .1, 1);
    transition: .5s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: width, min-width, max-width;
    -o-transition-property: width, min-width, max-width;
    -webkit-transition-property: width, min-width, max-width;
    transition-property: width, min-width, max-width;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.ft-card-carousel>ul>li.ft-carousel-group-item {
    cursor: pointer;
    border-bottom: 1px solid #c3c6c9
}

.ft-card-carousel>ul>li.ft-carousel-group-item:before,
.ft-card-carousel>ul>li.ft-carousel-group-item:after {
    content: "";
    position: absolute;
    bottom: -1px
}

.ft-card-carousel>ul>li.ft-carousel-group-item.first:before {
    left: 0;
    height: 10px;
    border-left: 1px solid #c3c6c9
}

.ft-card-carousel>ul>li.ft-carousel-group-item.last:after {
    right: 0;
    height: 10px;
    border-left: 1px solid #c3c6c9;
    border-right: 2px solid #fff
}

.ft-card-carousel>ul>li.ft-carousel-group-item .ft-carousel-group-label {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    font-size: 12px;
    background: #fff;
    white-space: nowrap;
    -moz-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -o-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(.7, 0, .1, 1);
    transition: .5s cubic-bezier(.7, 0, .1, 1);
    -moz-transition-property: left, transform;
    -o-transition-property: left, transform;
    -webkit-transition-property: left, transform;
    transition-property: left, transform
}

.ft-card-carousel>ul>li.ft-carousel-group-item .ft-carousel-group-label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 3vw;
    height: 100%;
    background-image: linear-gradient(to right, #fff0, #fff)
}

.ft-card-carousel>ul>li.ft-carousel-group-item.active .ft-carousel-group-label {
    background: transparent
}

.ft-card-carousel>ul>li.ft-carousel-group-item.active .ft-carousel-group-label:before {
    opacity: 0
}

.ft-card-carousel>ul>li .ft-card {
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    width: 90vw;
    min-width: 290px;
    max-width: 960px;
    min-height: unset;
    height: 520px;
    -moz-transition: .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(0, 0, .1, 1);
    transition: .5s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: transform, transform-origin, margin, filter;
    -o-transition-property: transform, transform-origin, margin, filter;
    -webkit-transition-property: transform, transform-origin, margin, filter;
    transition-property: transform, transform-origin, margin, filter;
    -moz-transform: rotateY(0) translate3d(0, -50%, 0);
    -ms-transform: rotateY(0) translate3d(0, -50%, 0);
    -o-transform: rotateY(0) translate3d(0, -50%, 0);
    -webkit-transform: rotateY(0) translate3d(0, -50%, 0);
    transform: rotateY(0) translate3d(0, -50%, 0);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.ft-card-carousel>ul>li[class*=active-before-] .ft-card {
    box-shadow: 0 4px 8px #0000001a, -50px 30px 90px -20px #0000000d;
    -moz-transform: rotateY(66deg) translate3d(0, -50%, 0) scale(.75);
    -ms-transform: rotateY(66deg) translate3d(0, -50%, 0) scale(.75);
    -o-transform: rotateY(66deg) translate3d(0, -50%, 0) scale(.75);
    -webkit-transform: rotateY(66deg) translate3d(0, -50%, 0) scale(.75);
    transform: rotateY(66deg) translate3d(0, -50%, 0) scale(.75);
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    filter: saturate(0%)
}

.ft-card-carousel>ul>li[class*=active-after-] .ft-card {
    left: auto;
    right: 0;
    box-shadow: 0 4px 8px #0000001a, 50px 30px 90px -20px #0000000d;
    -moz-transform: rotateY(-66deg) translate3d(0, -50%, 0) scale(.75);
    -ms-transform: rotateY(-66deg) translate3d(0, -50%, 0) scale(.75);
    -o-transform: rotateY(-66deg) translate3d(0, -50%, 0) scale(.75);
    -webkit-transform: rotateY(-66deg) translate3d(0, -50%, 0) scale(.75);
    transform: rotateY(-66deg) translate3d(0, -50%, 0) scale(.75);
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    filter: saturate(0%)
}

.ft-card-carousel>ul>li.active {
    width: 90vw;
    min-width: 290px;
    max-width: 960px;
    min-height: unset;
    cursor: default;
    z-index: 20
}

.ft-card-carousel>ul>li.active .ft-card {
    box-shadow: 0 4px 8px #0000001a, 0 30px 100px -40px #00000080
}

.ft-card-carousel>ul>li.active.from-before .ft-card {
    left: 0;
    right: auto
}

.ft-card-carousel>ul>li.active.from-after .ft-card {
    left: auto;
    right: 0
}

.ft-card-carousel>ul>li.active-before-1,
.ft-card-carousel>ul>li.active-after-1 {
    width: 7.5vw;
    max-width: 100px;
    z-index: 11
}

.ft-card-carousel>ul>li.active-before-2,
.ft-card-carousel>ul>li.active-after-2 {
    z-index: 10
}

.ft-card-carousel>ul>li.active-before-3,
.ft-card-carousel>ul>li.active-after-3 {
    z-index: 9
}

.ft-card-carousel>ul>li.active-before-4,
.ft-card-carousel>ul>li.active-after-4 {
    z-index: 8
}

.ft-card-carousel>ul>li.active-before-5,
.ft-card-carousel>ul>li.active-after-5 {
    z-index: 7
}

.ft-card-carousel>ul>li.active-before-6,
.ft-card-carousel>ul>li.active-after-6 {
    z-index: 6
}

.ft-card-carousel>ul>li.active-before-7,
.ft-card-carousel>ul>li.active-after-7 {
    z-index: 5
}

.ft-card-carousel>ul>li.active-before-8,
.ft-card-carousel>ul>li.active-after-8 {
    z-index: 4
}

.ft-card-carousel>ul>li.active-before-9,
.ft-card-carousel>ul>li.active-after-9 {
    z-index: 3
}

.ft-card-carousel>ul>li.active-before-10,
.ft-card-carousel>ul>li.active-after-10 {
    z-index: 2
}

.ft-card-carousel>ul>li.active-before-11,
.ft-card-carousel>ul>li.active-after-11 {
    z-index: 1
}

.ft-card-carousel>ul>li.offset- {
    background: #fff;
    z-index: 19
}

.ft-card-carousel>ul>li.offset-0 {
    width: 0;
    min-width: 0;
    max-width: 0
}

.ft-card-carousel>ul>li.offset-1 {
    width: 3vw;
    max-width: 40px
}

.ft-card-carousel>ul>li.offset-2 {
    width: 6vw;
    max-width: 80px
}

.ft-card-carousel>ul>li.offset-3 {
    width: 9vw;
    max-width: 120px
}

.ft-card-carousel>ul>li.offset-4 {
    width: 12vw;
    max-width: 160px
}

.ft-card-carousel>ul>li.offset-5 {
    width: 15vw;
    max-width: 200px
}

.ft-card-carousel>ul>li.active-before-1.offset-1,
.ft-card-carousel>ul>li.active-after-1.offset-1 {
    width: 7.5vw;
    max-width: 100px
}

.ft-card-carousel>ul>li.active-before-1.offset-2,
.ft-card-carousel>ul>li.active-after-1.offset-2 {
    width: 10.5vw;
    max-width: 140px
}

.ft-card-carousel>ul>li.active-before-1.offset-3,
.ft-card-carousel>ul>li.active-after-1.offset-3 {
    width: 13.5vw;
    max-width: 180px
}

.ft-card-carousel>ul>li.active-before-1.offset-4,
.ft-card-carousel>ul>li.active-after-1.offset-4 {
    width: 16.5vw;
    max-width: 220px
}

.ft-card-carousel>ul>li.active-before-1.offset-5,
.ft-card-carousel>ul>li.active-after-1.offset-5 {
    width: 19.5vw;
    max-width: 260px
}

.ft-card-carousel .ft-carousel-nav a {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    color: #222;
    background-color: #fff;
    border-radius: 50%;
    opacity: .5;
    -moz-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    transition: opacity .3s cubic-bezier(0, 0, .1, 1)
}

.ft-card-carousel .ft-carousel-nav a:hover,
.ft-card-carousel .ft-carousel-nav a:focus {
    opacity: .8
}

.ft-card-carousel .ft-carousel-nav a:nth-child(1) {
    left: 10px
}

.ft-card-carousel .ft-carousel-nav a:nth-child(2) {
    right: 10px
}

.ft-card-carousel .ft-carousel-nav a span {
    width: 30px;
    height: 30px;
    margin: 0
}

@media (min-width: 768px) {
    .ft-card-carousel .ft-carousel-nav a span {
        width: 40px;
        height: 40px
    }
}

.ft-card-carousel>ul>li .browserspecific-carousel-card[class*=active-before-] .ft-card,
.ft-card-carousel>ul>li .browserspecific-carousel-card[class*=active-after-] .ft-card {
    transform: translate3d(0, -50%, 0) scale(.75);
    box-shadow: 0 4px 8px #0000001a, 0 30px 100px -40px #00000080
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .ft-card-carousel>ul>li[class*=active-before-] .ft-card,
    .ft-card-carousel>ul>li[class*=active-after-] .ft-card {
        transform: translate3d(0, -50%, 0) scale(.75);
        box-shadow: 0 4px 8px #0000001a, 0 30px 100px -40px #00000080
    }
}

@supports (-ms-accelerator:true) {

    .ft-card-carousel>ul>li[class*=active-before-] .ft-card,
    .ft-card-carousel>ul>li[class*=active-after-] .ft-card {
        transform: translate3d(0, -50%, 0) scale(.75);
        box-shadow: 0 4px 8px #0000001a, 0 30px 100px -40px #00000080
    }
}

@-moz-document url-prefix() {

    .ft-card-carousel>ul>li[class*=active-before-] .ft-card,
    .ft-card-carousel>ul>li[class*=active-after-] .ft-card {
        transform: translate3d(0, -50%, 0) scale(.75);
        box-shadow: 0 4px 8px #0000001a, 0 30px 100px -40px #00000080
    }
}

footer {
    padding: 60px 0;
    border-top: 1px solid #e0e0e0
}

footer .nav {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

footer .nav li {
    display: inline-block;
    padding: 10px;
    margin: 0
}

footer .nav li a {
    font-size: 14px;
    line-height: 1;
    color: #60696f;
    padding: 0
}

footer .nav li :hover,
footer .nav li :focus {
    color: #222;
    background-color: transparent
}

footer .nav li :active {
    background-color: transparent
}

footer .nav.legal li,
footer .nav.legal li a {
    font-size: 12px;
    font-weight: 500;
    color: #90999f
}

footer .logo-badge {
    display: block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background-image: url(/assets/images/logos/ft-logo-nav-mobile@2x.png);
    background-size: 40px 40px;
    margin: 20px auto 0
}

.header {
    padding-top: 160px;
    padding-bottom: 160px;
    position: relative;
    min-height: 400px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background-color: #222;
    background-position: 50% 25%;
    background-repeat: no-repeat;
    background-size: cover
}

.header p {
    opacity: .8
}

.header-supertitle {
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    opacity: .7
}

.header-title {
    font-size: 36px;
    line-height: 1.2
}

.header-subtitle {
    font-size: 20px;
    opacity: .8
}

.header-supertitle+.header-title {
    margin-top: .25em
}

.header-title+.header-subtitle {
    margin-top: 1em
}

.ft-header {
    position: relative;
    height: 80vh;
    min-height: 600px;
    text-align: center;
    overflow: hidden
}

.ft-header .ft-content {
    padding: 120px 0
}

.ft-header .ft-headertab-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ft-header .ft-heading {
    max-width: 20em;
    margin-left: auto;
    margin-right: auto
}

.ft-header .ft-summary {
    max-width: 35em;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 479px) {
    .ft-header .ft-heading {
        font-size: 2.25em
    }

    .ft-header .ft-summary,
    .ft-header .ft-btn {
        font-size: 1em
    }
}

.lines-button {
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: .7
}

.lines-button:hover {
    opacity: 1
}

.lines-button:active {
    -moz-transition: 0;
    -o-transition: 0;
    -webkit-transition: 0;
    transition: 0
}

.lines {
    display: inline-block;
    width: 24px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative
}

.lines:before,
.lines:after {
    display: inline-block;
    width: 24px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    left: 0;
    content: "";
    -webkit-transform-origin: .28571rem center;
    -moz-transform-origin: .28571rem center;
    -ms-transform-origin: .28571rem center;
    -o-transform-origin: .28571rem center;
    transform-origin: .28571rem center
}

.lines:before {
    top: 8px
}

.lines:after {
    top: -8px
}

.lines-button.x.open .lines {
    background: transparent
}

.lines-button.x.open .lines:before,
.lines-button.x.open .lines:after {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 24px
}

.lines-button.x.open .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.lines-button.x.open .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.ft-infospec {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    min-height: 60px;
    line-height: 1.4;
    text-align: initial;
    -moz-transition: .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .3s cubic-bezier(0, 0, .1, 1);
    transition: .3s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: width, height;
    -o-transition-property: width, height;
    -webkit-transition-property: width, height;
    transition-property: width, height;
    z-index: 1
}

.ft-infospec .ft-infospec-toggle-icon {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -moz-transition: .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .3s cubic-bezier(0, 0, .1, 1);
    transition: .3s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: transform, margin;
    -o-transition-property: transform, margin;
    -webkit-transition-property: transform, margin;
    transition-property: transform, margin;
    z-index: 1
}

.ft-infospec .ft-infospec-toggle-icon:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid;
    border-radius: 50%;
    -moz-animation: ft-anim-hint-pulse 1s cubic-bezier(.7, 0, .1, 1) both infinite alternate;
    -o-animation: ft-anim-hint-pulse 1s cubic-bezier(.7, 0, .1, 1) both infinite alternate;
    -webkit-animation: ft-anim-hint-pulse 1s cubic-bezier(.7, 0, .1, 1) both infinite alternate;
    animation: ft-anim-hint-pulse 1s cubic-bezier(.7, 0, .1, 1) both infinite alternate
}

.ft-infospec .ft-infospec-toggle-icon .ft-profile-pic {
    width: 40px;
    height: 40px
}

.ft-infospec .ft-infospec-toggle-icon [class*=ft-icn-] {
    width: 2em;
    height: 2em;
    margin: .25em
}

.ft-infospec .ft-infospec-bubble {
    position: absolute;
    width: 100%;
    padding: 10px;
    color: #222;
    text-shadow: none;
    -moz-transition: .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .3s cubic-bezier(0, 0, .1, 1);
    transition: .3s cubic-bezier(0, 0, .1, 1)
}

.ft-infospec .ft-infospec-bubble:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 12px #0000004d;
    -moz-transform: scale(.25, .5);
    -ms-transform: scale(.25, .5);
    -o-transform: scale(.25, .5);
    -webkit-transform: scale(.25, .5);
    transform: scale(.25, .5);
    opacity: 0
}

.ft-infospec .ft-minimized-text,
.ft-infospec .ft-expanded-text {
    text-align: left
}

.ft-infospec .ft-minimized-text {
    position: absolute;
    font-weight: 500;
    line-height: 1.2;
    -moz-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -o-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(.7, 0, .1, 1);
    transition: .5s cubic-bezier(.7, 0, .1, 1);
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform
}

.ft-infospec .ft-expanded-text {
    display: none
}

.ft-infospec:hover .ft-infospec-toggle-icon,
.ft-infospec:focus .ft-infospec-toggle-icon,
.ft-infospec.active .ft-infospec-toggle-icon {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ft-infospec:hover .ft-infospec-toggle-icon:before,
.ft-infospec:focus .ft-infospec-toggle-icon:before,
.ft-infospec.active .ft-infospec-toggle-icon:before {
    display: none
}

.ft-infospec:hover .ft-infospec-bubble:before,
.ft-infospec:focus .ft-infospec-bubble:before,
.ft-infospec.active .ft-infospec-bubble:before {
    -moz-transition: .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .3s cubic-bezier(0, 0, .1, 1);
    transition: .3s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.ft-infospec:hover .ft-minimized-text,
.ft-infospec:focus .ft-minimized-text,
.ft-infospec.active .ft-minimized-text {
    opacity: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.ft-infospec:hover .ft-expanded-text,
.ft-infospec:focus .ft-expanded-text,
.ft-infospec.active .ft-expanded-text {
    display: block;
    -moz-animation: ft-infospec-text-enter .3s cubic-bezier(0, 0, .1, 1) both;
    -o-animation: ft-infospec-text-enter .3s cubic-bezier(0, 0, .1, 1) both;
    -webkit-animation: ft-infospec-text-enter .3s cubic-bezier(0, 0, .1, 1) both;
    animation: ft-infospec-text-enter .3s cubic-bezier(0, 0, .1, 1) both;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.ft-infospec.stackleft .ft-infospec-toggle-icon,
.ft-infospec.stackright .ft-infospec-toggle-icon,
.ft-infospec.topleft .ft-infospec-toggle-icon,
.ft-infospec.topright .ft-infospec-toggle-icon,
.ft-infospec.bottomleft .ft-infospec-toggle-icon,
.ft-infospec.bottomright .ft-infospec-toggle-icon {
    margin-bottom: 5px
}

.ft-infospec.stackleft .ft-infospec-bubble:before,
.ft-infospec.stackright .ft-infospec-bubble:before,
.ft-infospec.topleft .ft-infospec-bubble:before,
.ft-infospec.topright .ft-infospec-bubble:before,
.ft-infospec.bottomleft .ft-infospec-bubble:before,
.ft-infospec.bottomright .ft-infospec-bubble:before {
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.ft-infospec.stackleft .ft-infospec-bubble,
.ft-infospec.stackright .ft-infospec-bubble,
.ft-infospec.topleft .ft-infospec-bubble,
.ft-infospec.topright .ft-infospec-bubble,
.ft-infospec.bottomleft .ft-infospec-bubble,
.ft-infospec.bottomright .ft-infospec-bubble,
.ft-infospec.stackleft .ft-minimized-text,
.ft-infospec.stackright .ft-minimized-text,
.ft-infospec.topleft .ft-minimized-text,
.ft-infospec.topright .ft-minimized-text,
.ft-infospec.bottomleft .ft-minimized-text,
.ft-infospec.bottomright .ft-minimized-text {
    left: 0;
    top: 50px
}

.ft-infospec.stackleft:hover .ft-minimized-text,
.ft-infospec.stackright:hover .ft-minimized-text,
.ft-infospec.topleft:hover .ft-minimized-text,
.ft-infospec.topright:hover .ft-minimized-text,
.ft-infospec.bottomleft:hover .ft-minimized-text,
.ft-infospec.bottomright:hover .ft-minimized-text,
.ft-infospec.stackleft:focus .ft-minimized-text,
.ft-infospec.stackright:focus .ft-minimized-text,
.ft-infospec.topleft:focus .ft-minimized-text,
.ft-infospec.topright:focus .ft-minimized-text,
.ft-infospec.bottomleft:focus .ft-minimized-text,
.ft-infospec.bottomright:focus .ft-minimized-text,
.ft-infospec.stackleft.active .ft-minimized-text,
.ft-infospec.stackright.active .ft-minimized-text,
.ft-infospec.topleft.active .ft-minimized-text,
.ft-infospec.topright.active .ft-minimized-text,
.ft-infospec.bottomleft.active .ft-minimized-text,
.ft-infospec.bottomright.active .ft-minimized-text {
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translateY(10px)
}

@media (min-width: 768px) {
    .ft-infospec.stackright .ft-infospec-toggle-icon {
        float: right
    }

    .ft-infospec.stackright .ft-infospec-bubble,
    .ft-infospec.stackright .ft-minimized-text {
        left: auto;
        right: 0
    }

    .ft-infospec.topleft,
    .ft-infospec.topright,
    .ft-infospec.bottomleft,
    .ft-infospec.bottomright {
        padding: 10px 0
    }

    .ft-infospec.topleft .ft-infospec-toggle-icon,
    .ft-infospec.topright .ft-infospec-toggle-icon,
    .ft-infospec.bottomleft .ft-infospec-toggle-icon,
    .ft-infospec.bottomright .ft-infospec-toggle-icon {
        margin-bottom: 0
    }

    .ft-infospec.topleft .ft-infospec-bubble,
    .ft-infospec.topright .ft-infospec-bubble,
    .ft-infospec.bottomleft .ft-infospec-bubble,
    .ft-infospec.bottomright .ft-infospec-bubble,
    .ft-infospec.topleft .ft-minimized-text,
    .ft-infospec.topright .ft-minimized-text,
    .ft-infospec.bottomleft .ft-minimized-text,
    .ft-infospec.bottomright .ft-minimized-text {
        left: auto;
        top: auto
    }

    .ft-infospec.topleft .ft-infospec-toggle-icon {
        -moz-transform-origin: center left;
        -ms-transform-origin: center left;
        -o-transform-origin: center left;
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    .ft-infospec.topleft .ft-infospec-bubble {
        top: 0;
        left: 0
    }

    .ft-infospec.topleft .ft-infospec-bubble:before {
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .ft-infospec.topleft .ft-minimized-text {
        left: 0;
        padding-left: 45px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ft-infospec.topleft .ft-expanded-text {
        padding-left: 50px
    }

    .ft-infospec.topleft:hover .ft-infospec-toggle-icon,
    .ft-infospec.topleft:focus .ft-infospec-toggle-icon,
    .ft-infospec.topleft.active .ft-infospec-toggle-icon {
        margin-left: 10px
    }

    .ft-infospec.topleft:hover .ft-minimized-text,
    .ft-infospec.topleft:focus .ft-minimized-text,
    .ft-infospec.topleft.active .ft-minimized-text {
        -moz-transform: translate(10px, -50%);
        -ms-transform: translate(10px, -50%);
        -o-transform: translate(10px, -50%);
        -webkit-transform: translate(10px, -50%);
        transform: translate(10px, -50%)
    }

    .ft-infospec.topright .ft-infospec-toggle-icon {
        float: right;
        -moz-transform-origin: center right;
        -ms-transform-origin: center right;
        -o-transform-origin: center right;
        -webkit-transform-origin: center right;
        transform-origin: center right
    }

    .ft-infospec.topright .ft-infospec-bubble {
        top: 0;
        right: 0
    }

    .ft-infospec.topright .ft-infospec-bubble:before {
        -moz-transform-origin: top right;
        -ms-transform-origin: top right;
        -o-transform-origin: top right;
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

    .ft-infospec.topright .ft-minimized-text {
        right: 0;
        padding-right: 45px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ft-infospec.topright .ft-expanded-text {
        padding-right: 50px
    }

    .ft-infospec.topright:hover .ft-infospec-toggle-icon,
    .ft-infospec.topright:focus .ft-infospec-toggle-icon,
    .ft-infospec.topright.active .ft-infospec-toggle-icon {
        margin-right: 10px
    }

    .ft-infospec.topright:hover .ft-minimized-text,
    .ft-infospec.topright:focus .ft-minimized-text,
    .ft-infospec.topright.active .ft-minimized-text {
        -moz-transform: translate(-10px, -50%);
        -ms-transform: translate(-10px, -50%);
        -o-transform: translate(-10px, -50%);
        -webkit-transform: translate(-10px, -50%);
        transform: translate(-10px, -50%)
    }

    .ft-infospec.bottomleft .ft-infospec-toggle-icon {
        -moz-transform-origin: center left;
        -ms-transform-origin: center left;
        -o-transform-origin: center left;
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    .ft-infospec.bottomleft .ft-infospec-bubble {
        bottom: 0;
        left: 0
    }

    .ft-infospec.bottomleft .ft-infospec-bubble:before {
        -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }

    .ft-infospec.bottomleft .ft-minimized-text {
        bottom: 50%;
        left: 0;
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        padding-left: 45px
    }

    .ft-infospec.bottomleft .ft-expanded-text {
        padding-left: 50px
    }

    .ft-infospec.bottomleft:hover .ft-infospec-toggle-icon,
    .ft-infospec.bottomleft:focus .ft-infospec-toggle-icon,
    .ft-infospec.bottomleft.active .ft-infospec-toggle-icon {
        margin-left: 10px
    }

    .ft-infospec.bottomleft:hover .ft-minimized-text,
    .ft-infospec.bottomleft:focus .ft-minimized-text,
    .ft-infospec.bottomleft.active .ft-minimized-text {
        -moz-transform: translate(10px, 50%);
        -ms-transform: translate(10px, 50%);
        -o-transform: translate(10px, 50%);
        -webkit-transform: translate(10px, 50%);
        transform: translate(10px, 50%)
    }

    .ft-infospec.bottomright .ft-infospec-toggle-icon {
        float: right;
        -moz-transform-origin: center right;
        -ms-transform-origin: center right;
        -o-transform-origin: center right;
        -webkit-transform-origin: center right;
        transform-origin: center right
    }

    .ft-infospec.bottomright .ft-infospec-bubble {
        bottom: 0;
        right: 0
    }

    .ft-infospec.bottomright .ft-infospec-bubble:before {
        -moz-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        -o-transform-origin: bottom right;
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right
    }

    .ft-infospec.bottomright .ft-minimized-text {
        bottom: 50%;
        right: 0;
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        padding-right: 45px
    }

    .ft-infospec.bottomright .ft-expanded-text {
        padding-right: 50px
    }

    .ft-infospec.bottomright:hover .ft-infospec-toggle-icon,
    .ft-infospec.bottomright:focus .ft-infospec-toggle-icon,
    .ft-infospec.bottomright.active .ft-infospec-toggle-icon {
        margin-right: 10px
    }

    .ft-infospec.bottomright:hover .ft-minimized-text,
    .ft-infospec.bottomright:focus .ft-minimized-text,
    .ft-infospec.bottomright.active .ft-minimized-text {
        -moz-transform: translate(-10px, 50%);
        -ms-transform: translate(-10px, 50%);
        -o-transform: translate(-10px, 50%);
        -webkit-transform: translate(-10px, 50%);
        transform: translate(-10px, 50%)
    }
}

@keyframes ft-infospec-text-enter {
    0% {
        opacity: 0;
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.modal-mobile-menu .site-navigation {
    list-style: none;
    margin: 0;
    padding: 0
}

.modal-mobile-menu .site-navigation li a {
    display: inline-block;
    color: #fff;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px
}

.modal-mobile-menu .site-navigation li a.btn-getstarted {
    margin: 30px 0
}

.modal-mobile-menu .site-navigation li:not(:first-child) a {
    margin-top: 10px
}

.modal {
    color: #333;
    overflow: auto;
    text-align: center
}

.modal-backdrop {
    display: none;
    background-color: transparent
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 1000;
    opacity: .5
}

.modal-close:hover {
    opacity: 1
}

.modal-content {
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.modal-backdrop.in {
    opacity: .4
}

.modal-dialog {
    width: 100%;
    padding: 15px
}

.modal-body {
    padding-bottom: 30px
}

.modal-supertitle {
    display: inline-block;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 0;
    padding: 10px;
    color: #68cbe1;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    opacity: .7
}

.modal-title {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .modal-title {
        font-size: 28px
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -moz-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    transition: opacity .3s cubic-bezier(0, 0, .1, 1)
}

.modal.fade .modal-dialog {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translateY(50px);
    -webkit-transition: all .3s cubic-bezier(0, 0, .1, 1);
    -moz-transition: all .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: all .3s cubic-bezier(0, 0, .1, 1);
    transition: all .3s cubic-bezier(0, 0, .1, 1)
}

.modal.fade.in .modal-dialog {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0)
}

.open-modal {
    color: #fff
}

.open-modal .modal-close,
.open-modal .modal-back {
    position: absolute;
    cursor: pointer;
    z-index: 1000;
    opacity: .5;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px
}

.open-modal .modal-close:hover,
.open-modal .modal-back:hover {
    opacity: 1
}

.open-modal .modal-close {
    top: 10px;
    right: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
    background-image: url(/png/icon-nav-close.png)
}

.open-modal .modal-back {
    top: 10px;
    left: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
    background-image: url(/assets/images/icons/common/icon-nav-backarrow@2x.png)
}

.open-modal .modal-dialog {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    display: table;
    height: 100%
}

.open-modal .modal-content {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: table-cell;
    vertical-align: middle;
    padding: 60px 15px
}

.open-modal .modal-body {
    padding: 0
}

.modal-view {
    position: relative
}

.modal-view.selfguided-demo,
.modal-view.fullplatform-demo,
.modal-view.thank-you,
.modal-view.partner-vendor,
.modal-view.partner-hotel,
.modal-view.contact-us,
.modal-view.partner-portal {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 80px;
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center 10px
}

.modal-view.selfguided-demo {
    background-image: url(/assets/images/icons/getstarted/icon_map@2x.png);
    background-size: 86px 74px;
    padding-top: 100px
}

.modal-view.fullplatform-demo {
    background-image: url(/assets/images/icons/getstarted/icon-nametag@2x.png);
    background-size: 96px 80px;
    padding-top: 100px
}

.modal-view.thank-you {
    max-width: 480px;
    background-image: url(/assets/images/logos/ft-logo-nav-mobile@2x.png)
}

.modal-view.partner-vendor {
    background-image: url(/assets/images/logos/ft-logo-nav-mobile@2x.png)
}

.modal-view.partner-hotel {
    background-image: url(/assets/images/logos/ft-logo-nav-mobile@2x.png)
}

.modal-view.contact-us {
    background-image: url(/assets/images/icons/contact/icon-email@2x.png)
}

.modal-view.partner-portal {
    background-image: url(/assets/images/icons/getstarted/icon-nametag@2x.png);
    background-size: 96px 80px;
    padding-top: 100px
}

.modal-form {
    margin-top: 40px;
    margin-bottom: 40px
}

.modal-form input:not([type=checkbox]):not([type=radio]):not(.btn),
.modal-form textarea {
    color: #222;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    margin: 1px 0
}

.modal-form .btn-submit {
    margin-top: 30px;
    width: 240px
}

.modal-form .btn-modal,
.modal-form .btn-modal[bs-select] {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    background-color: #68cbe133;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 5px
}

.modal-form .btn-modal:hover,
.modal-form .btn-modal[bs-select]:hover,
.modal-form .btn-modal:focus,
.modal-form .btn-modal[bs-select]:focus {
    background-color: #68cbe166
}

.modal-form .btn-modal.dropdown-toggle .caret,
.modal-form .btn-modal[bs-select].dropdown-toggle .caret {
    float: right;
    margin-top: 8px;
    opacity: .5
}

.modal-form .btn-modal.dropdown-toggle.active,
.modal-form .btn-modal[bs-select].dropdown-toggle.active {
    background-color: #68cbe166
}

.modal-light {
    background: #fff;
    background: #fffc
}

.ft-nav {
    position: relative;
    z-index: 1
}

.ft-nav>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px
}

.ft-nav>ul:before,
.ft-nav>ul:after {
    content: " ";
    display: table
}

.ft-nav>ul:after {
    clear: both
}

.ft-nav>ul>li {
    -moz-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    transition: opacity .3s cubic-bezier(0, 0, .1, 1)
}

.ft-nav>ul>li>a {
    line-height: 1.2;
    color: inherit
}

.ft-nav>ul>li>a:hover,
.ft-nav>ul>li>a:focus {
    color: inherit
}

.ft-navbar>ul>li {
    display: inline-block;
    vertical-align: middle
}

.ft-navbar>ul>li>a {
    display: block;
    opacity: .5
}

.ft-navbar>ul>li:hover>a,
.ft-navbar>ul>li:focus>a,
.ft-navbar>ul>li.active>a {
    opacity: 1
}

.ft-navlist>ul>li+li {
    margin-top: 2em
}

.ft-navlist>ul .ft-navitem-divider {
    margin-top: 45px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0
}

.ft-main-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    color: #fff
}

.ft-main-nav>ul {
    width: 100%;
    padding: 20px 15px;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    text-align: right
}

.ft-main-nav>ul>li {
    margin: 20px 10px 0
}

.ft-main-nav>ul>li a {
    opacity: 1
}

.ft-main-nav>ul>li.ft-navitem-flipto,
.ft-main-nav>ul>li.ft-navitem-appmenu {
    margin: 0
}

.ft-main-nav>ul>li.ft-navitem-flipto>a,
.ft-main-nav>ul>li.ft-navitem-appmenu>a {
    position: relative;
    text-align: left;
    direction: ltr;
    text-indent: -9999px;
    overflow: hidden;
    background: center center no-repeat;
    background-size: contain
}

.ft-main-nav>ul>li.ft-navitem-flipto>a,
.ft-main-nav>ul>li.ft-navitem-appmenu>a,
.ft-main-nav>ul>li.ft-navitem-flipto>a:hover,
.ft-main-nav>ul>li.ft-navitem-appmenu>a:hover,
.ft-main-nav>ul>li.ft-navitem-flipto>a:focus,
.ft-main-nav>ul>li.ft-navitem-appmenu>a:focus {
    color: inherit
}

.ft-main-nav>ul>li.ft-navitem-flipto {
    float: left
}

.ft-main-nav>ul>li.ft-navitem-flipto>a {
    width: 100px;
    height: 60px;
    background-image: url(/assets/images/logos/ft-logo-nav@2x.png)
}

.ft-main-nav>ul>li.ft-navitem-appmenu {
    float: right;
    margin: 10px;
    display: none
}

.ft-main-nav>ul>li.ft-navitem-appmenu>a {
    width: 40px;
    height: 40px;
    width: 1em;
    height: 1em;
    font-size: 24px;
    margin: 0
}

.ft-main-nav>ul>li.ft-navitem-appmenu>a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .25em;
    height: .25em;
    box-shadow: 0 -.375em, -.375em -.375em, .375em -.375em, inset 0 0 0 1em, -.375em 0, .375em 0, 0 .375em, -.375em .375em, .375em .375em
}

.ft-main-nav>ul>li.ft-navitem-emphasis {
    font-size: 16px
}

.ft-main-nav>ul>li.ft-navitem-emphasis+li:not(.ft-navitem-emphasis):not(.ft-navitem-appmenu) {
    margin-left: 45px
}

.ft-main-nav>ul>li.ft-navitem-action {
    float: right;
    margin: 10px 0 0 5px
}

.ft-main-nav>ul>li.ft-navitem-action .ft-btn {
    padding-top: 10px;
    padding-bottom: 10px
}

.ft-main-nav>ul>li.ft-navitem-action [class*=ft-btn-outline-] {
    padding-top: 9px;
    padding-bottom: 9px
}

@media (max-width: 767px) {
    .ft-main-nav>ul>li {
        display: none
    }

    .ft-main-nav>ul>li.ft-navitem-flipto,
    .ft-main-nav>ul>li.ft-navitem-appmenu {
        display: block
    }
}

@media (min-width: 992px) {
    .ft-main-nav>ul>li {
        margin: 20px 20px 0
    }
}

.ft-main-nav .ft-dropdown-menu {
    margin-left: -25px
}

.ft-main-nav .ft-dropdown-menu:after {
    content: "";
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -6px;
    left: 40px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, .15)
}

.ft-branches-nav {
    position: relative;
    padding-bottom: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 10
}

.ft-branches-nav>ul {
    display: table;
    margin: 0 auto;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    letter-spacing: .1em;
    text-align: center;
    color: #fff
}

.ft-branches-nav>ul>li {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 150px;
    padding: 0 2px;
    -moz-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -o-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(.7, 0, .1, 1);
    transition: .5s cubic-bezier(.7, 0, .1, 1);
    -moz-transition-property: opacity, width;
    -o-transition-property: opacity, width;
    -webkit-transition-property: opacity, width;
    transition-property: opacity, width
}

.ft-branches-nav>ul>li:hover>a,
.ft-branches-nav>ul>li:focus>a {
    opacity: .66
}

.ft-branches-nav>ul>li.active {
    width: 250px;
    z-index: 1
}

.ft-branches-nav>ul>li.active>a {
    box-shadow: 0 8px 16px -8px #000;
    opacity: 1
}

.ft-branches-nav>ul>li>a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    background: #232629;
    border-radius: 0 0 5px 5px
}

.ft-branches-nav>ul>li>a:before,
.ft-branches-nav>ul>li>a:after {
    content: "";
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px
}

.ft-branches-nav>ul>li>a:before {
    left: -10px;
    border-top-right-radius: 5px;
    box-shadow: 2px -2px #232629
}

.ft-branches-nav>ul>li>a:after {
    right: -10px;
    border-top-left-radius: 5px;
    box-shadow: -2px -2px #232629
}

.ft-segments-nav {
    display: none
}

.ft-segments-nav>ul {
    text-align: center
}

.ft-sections-nav {
    overflow-x: auto;
    overflow-y: hidden
}

.ft-sections-nav>ul {
    position: relative;
    display: table;
    margin: 0 auto;
    padding-top: 15px;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    letter-spacing: .1em;
    text-align: center
}

.ft-sections-nav>ul:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    opacity: .2
}

.ft-sections-nav>ul>li {
    position: relative;
    display: table-cell
}

.ft-sections-nav>ul>li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    -moz-transition: .3s cubic-bezier(.7, 0, .1, 1);
    -o-transition: .3s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: .3s cubic-bezier(.7, 0, .1, 1);
    transition: .3s cubic-bezier(.7, 0, .1, 1);
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform
}

.ft-sections-nav>ul>li:not(.active):before {
    opacity: 0;
    -moz-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.ft-sections-nav>ul>li>a {
    min-width: 120px;
    padding: 25px 15px
}

@media (min-width: 768px) {
    .ft-sections-nav>ul>li>a {
        padding: 25px 30px
    }
}

.ft-contexttabs-nav>ul {
    position: relative;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    text-align: left
}

.ft-contexttabs-nav>ul:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid;
    opacity: .2
}

.ft-contexttabs-nav>ul>li {
    position: relative;
    margin-right: 30px
}

.ft-contexttabs-nav>ul>li:last-child {
    margin-right: 0
}

.ft-contexttabs-nav>ul>li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    -moz-transition: transform .3s cubic-bezier(.7, 0, .1, 1);
    -o-transition: transform .3s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: transform .3s cubic-bezier(.7, 0, .1, 1);
    transition: transform .3s cubic-bezier(.7, 0, .1, 1)
}

.ft-contexttabs-nav>ul>li:not(.active):before {
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.ft-contexttabs-nav>ul>li.ft-navitem-action a {
    font-family: museo-sans, sans-serif;
    font-size: 14px;
    text-transform: none
}

@media (min-width: 768px) {
    .ft-contexttabs-nav>ul>li.ft-navitem-action {
        float: right
    }
}

.ft-contexttabs-nav>ul>li>a {
    padding: 10px 0
}

.ft-contexttab-view {
    margin: 45px 0
}

h1+.ft-contexttabs-nav,
h2+.ft-contexttabs-nav,
h3+.ft-contexttabs-nav,
h4+.ft-contexttabs-nav,
h5+.ft-contexttabs-nav,
h6+.ft-contexttabs-nav,
p+.ft-contexttabs-nav,
.ft-supertitle+.ft-contexttabs-nav,
.ft-heading+.ft-contexttabs-nav,
.ft-summary+.ft-contexttabs-nav {
    margin-top: 1.5rem
}

.section-title {
    font-size: 24px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.section-info {
    position: relative
}

.story-section .section-info {
    max-width: 360px;
    margin: 0 auto
}

.feature-highlights-section .section-bullet {
    position: relative;
    max-width: 360px;
    margin: 0 auto 50px;
    padding-left: 35px;
    padding-top: 4px
}

.screenshot-browser {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 6px #00000080
}

@media screen and (max-width: 767px) {
    .section-image {
        display: block;
        max-width: 100%;
        height: auto;
        margin-top: 30px;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }
}

.ft-section {
    position: relative;
    padding: 60px 0
}

.ft-section:before,
.ft-section:after {
    content: " ";
    display: table
}

.ft-section:after {
    clear: both
}

.ft-section.ft-waypoint-section {
    color: #fff;
    padding: 180px 0
}

.ft-section.ft-waypoint-section .ft-section-bg {
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background: #40494f
}

.ft-section.ft-waypoint-section .ft-bg-image {
    -moz-transform: skewY(8deg) scale(1.2) translateZ(0);
    -ms-transform: skewY(8deg) scale(1.2) translateZ(0);
    -o-transform: skewY(8deg) scale(1.2) translateZ(0);
    -webkit-transform: skewY(8deg) scale(1.2) translateZ(0);
    transform: skewY(8deg) scale(1.2) translateZ(0);
    filter: blur(30px);
    opacity: .5
}

@media (min-width: 768px) {
    .ft-section {
        padding: 90px 0
    }

    .ft-section.ft-waypoint-section {
        padding: 120px 0
    }
}

.ft-section-bg,
.ft-section-image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.ft-section-bg {
    position: absolute;
    inset: 0
}

.ft-section-info+.ft-section-info {
    margin-top: 6em
}

.ft-video-signature {
    margin-top: 1.5em;
    max-width: 28em
}

.ft-video-signature .ft-video-thumbnail,
.ft-video-signature .ft-video-info {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.ft-video-signature .ft-video-thumbnail .ft-profile-pic {
    width: 100px;
    height: 100px;
    overflow: visible
}

.ft-video-signature .ft-video-thumbnail .ft-btn-play {
    position: absolute;
    bottom: -15px;
    right: -10px
}

.ft-video-signature .ft-video-info {
    font-size: 1rem;
    line-height: 1.2;
    width: calc(100% - 105px);
    padding: 0 15px
}

.ft-video-signature .ft-video-info .ft-video-presenter-name {
    font-size: 1.4em
}

.ft-video-signature .ft-video-info .ft-video-presenter-title {
    font-size: .875em;
    font-weight: 700;
    margin-top: 0
}

.ft-video-signature .ft-video-info .ft-supertitle {
    color: inherit
}

.ft-video-signature .ft-video-info p+.ft-supertitle {
    margin-top: 1em;
    font-size: 13px
}

@media (max-width: 767px) {
    .ft-video-signature.center-sm {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .ft-video-signature.center-sm .ft-video-thumbnail,
    .ft-video-signature.center-sm .ft-video-info {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .ft-video-signature.center-sm .ft-video-info {
        width: auto;
        margin-top: 1em
    }

    .ft-video-signature.center-sm .ft-video-thumbnail .ft-profile-pic {
        margin: 0 auto
    }

    .ft-video-signature .ft-video-thumbnail {
        margin-bottom: 1.5em
    }
}

.view.view-accessibility .header,
.view.view-security .header,
.view.view-terms .header,
.view.view-privacy .header,
.view.view-msa .header,
.view.view-sla .header {
    padding-bottom: 100px;
    background-color: #00334e;
    background-image: linear-gradient(-3deg, #00334e, #10191f);
    min-height: unset
}

.view.view-accessibility .header .container,
.view.view-security .header .container,
.view.view-terms .header .container,
.view.view-privacy .header .container,
.view.view-msa .header .container,
.view.view-sla .header .container {
    max-width: 720px
}

.view.view-accessibility .legal-section,
.view.view-security .legal-section,
.view.view-terms .legal-section,
.view.view-privacy .legal-section,
.view.view-msa .legal-section,
.view.view-sla .legal-section {
    padding-bottom: 80px
}

.view.view-accessibility .legal-section .container,
.view.view-security .legal-section .container,
.view.view-terms .legal-section .container,
.view.view-privacy .legal-section .container,
.view.view-msa .legal-section .container,
.view.view-sla .legal-section .container {
    max-width: 720px
}

.view.view-accessibility .legal-section h2,
.view.view-security .legal-section h2,
.view.view-terms .legal-section h2,
.view.view-privacy .legal-section h2,
.view.view-msa .legal-section h2,
.view.view-sla .legal-section h2,
.view.view-accessibility .legal-section h3,
.view.view-security .legal-section h3,
.view.view-terms .legal-section h3,
.view.view-privacy .legal-section h3,
.view.view-msa .legal-section h3,
.view.view-sla .legal-section h3 {
    margin: 2em 0 .5em
}

.view.view-accessibility .legal-section ul,
.view.view-security .legal-section ul,
.view.view-terms .legal-section ul,
.view.view-privacy .legal-section ul,
.view.view-msa .legal-section ul,
.view.view-sla .legal-section ul,
.view.view-accessibility .legal-section ol,
.view.view-security .legal-section ol,
.view.view-terms .legal-section ol,
.view.view-privacy .legal-section ol,
.view.view-msa .legal-section ol,
.view.view-sla .legal-section ol {
    margin-top: 1em;
    margin-bottom: 1em
}

.view.view-accessibility .legal-section p+p,
.view.view-security .legal-section p+p,
.view.view-terms .legal-section p+p,
.view.view-privacy .legal-section p+p,
.view.view-msa .legal-section p+p,
.view.view-sla .legal-section p+p,
.view.view-accessibility .legal-section ul+p,
.view.view-security .legal-section ul+p,
.view.view-terms .legal-section ul+p,
.view.view-privacy .legal-section ul+p,
.view.view-msa .legal-section ul+p,
.view.view-sla .legal-section ul+p,
.view.view-accessibility .legal-section ol+p,
.view.view-security .legal-section ol+p,
.view.view-terms .legal-section ol+p,
.view.view-privacy .legal-section ol+p,
.view.view-msa .legal-section ol+p,
.view.view-sla .legal-section ol+p,
.view.view-accessibility .legal-section li+p,
.view.view-security .legal-section li+p,
.view.view-terms .legal-section li+p,
.view.view-privacy .legal-section li+p,
.view.view-msa .legal-section li+p,
.view.view-sla .legal-section li+p,
.view.view-accessibility .legal-section p+ul,
.view.view-security .legal-section p+ul,
.view.view-terms .legal-section p+ul,
.view.view-privacy .legal-section p+ul,
.view.view-msa .legal-section p+ul,
.view.view-sla .legal-section p+ul,
.view.view-accessibility .legal-section ul+ul,
.view.view-security .legal-section ul+ul,
.view.view-terms .legal-section ul+ul,
.view.view-privacy .legal-section ul+ul,
.view.view-msa .legal-section ul+ul,
.view.view-sla .legal-section ul+ul,
.view.view-accessibility .legal-section ol+ul,
.view.view-security .legal-section ol+ul,
.view.view-terms .legal-section ol+ul,
.view.view-privacy .legal-section ol+ul,
.view.view-msa .legal-section ol+ul,
.view.view-sla .legal-section ol+ul,
.view.view-accessibility .legal-section li+ul,
.view.view-security .legal-section li+ul,
.view.view-terms .legal-section li+ul,
.view.view-privacy .legal-section li+ul,
.view.view-msa .legal-section li+ul,
.view.view-sla .legal-section li+ul,
.view.view-accessibility .legal-section p+ol,
.view.view-security .legal-section p+ol,
.view.view-terms .legal-section p+ol,
.view.view-privacy .legal-section p+ol,
.view.view-msa .legal-section p+ol,
.view.view-sla .legal-section p+ol,
.view.view-accessibility .legal-section ul+ol,
.view.view-security .legal-section ul+ol,
.view.view-terms .legal-section ul+ol,
.view.view-privacy .legal-section ul+ol,
.view.view-msa .legal-section ul+ol,
.view.view-sla .legal-section ul+ol,
.view.view-accessibility .legal-section ol+ol,
.view.view-security .legal-section ol+ol,
.view.view-terms .legal-section ol+ol,
.view.view-privacy .legal-section ol+ol,
.view.view-msa .legal-section ol+ol,
.view.view-sla .legal-section ol+ol,
.view.view-accessibility .legal-section li+ol,
.view.view-security .legal-section li+ol,
.view.view-terms .legal-section li+ol,
.view.view-privacy .legal-section li+ol,
.view.view-msa .legal-section li+ol,
.view.view-sla .legal-section li+ol,
.view.view-accessibility .legal-section p+li,
.view.view-security .legal-section p+li,
.view.view-terms .legal-section p+li,
.view.view-privacy .legal-section p+li,
.view.view-msa .legal-section p+li,
.view.view-sla .legal-section p+li,
.view.view-accessibility .legal-section ul+li,
.view.view-security .legal-section ul+li,
.view.view-terms .legal-section ul+li,
.view.view-privacy .legal-section ul+li,
.view.view-msa .legal-section ul+li,
.view.view-sla .legal-section ul+li,
.view.view-accessibility .legal-section ol+li,
.view.view-security .legal-section ol+li,
.view.view-terms .legal-section ol+li,
.view.view-privacy .legal-section ol+li,
.view.view-msa .legal-section ol+li,
.view.view-sla .legal-section ol+li,
.view.view-accessibility .legal-section li+li,
.view.view-security .legal-section li+li,
.view.view-terms .legal-section li+li,
.view.view-privacy .legal-section li+li,
.view.view-msa .legal-section li+li,
.view.view-sla .legal-section li+li {
    margin-top: 1em
}

.view.view-accessibility .ft-privacy-nav,
.view.view-security .ft-privacy-nav,
.view.view-terms .ft-privacy-nav,
.view.view-privacy .ft-privacy-nav,
.view.view-msa .ft-privacy-nav,
.view.view-sla .ft-privacy-nav {
    margin-top: 3em;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 0
}

.view.view-accessibility .ft-privacy-nav h2,
.view.view-security .ft-privacy-nav h2,
.view.view-terms .ft-privacy-nav h2,
.view.view-privacy .ft-privacy-nav h2,
.view.view-msa .ft-privacy-nav h2,
.view.view-sla .ft-privacy-nav h2 {
    margin-top: 0
}

.view.view-accessibility .ft-privacy-nav ul,
.view.view-security .ft-privacy-nav ul,
.view.view-terms .ft-privacy-nav ul,
.view.view-privacy .ft-privacy-nav ul,
.view.view-msa .ft-privacy-nav ul,
.view.view-sla .ft-privacy-nav ul,
.view.view-accessibility .ft-privacy-nav ol,
.view.view-security .ft-privacy-nav ol,
.view.view-terms .ft-privacy-nav ol,
.view.view-privacy .ft-privacy-nav ol,
.view.view-msa .ft-privacy-nav ol,
.view.view-sla .ft-privacy-nav ol {
    list-style: none;
    margin-top: .25em !important;
    margin-bottom: .25em !important
}

.view.view-accessibility .ft-privacy-nav>ul,
.view.view-security .ft-privacy-nav>ul,
.view.view-terms .ft-privacy-nav>ul,
.view.view-privacy .ft-privacy-nav>ul,
.view.view-msa .ft-privacy-nav>ul,
.view.view-sla .ft-privacy-nav>ul,
.view.view-accessibility .ft-privacy-nav>ol,
.view.view-security .ft-privacy-nav>ol,
.view.view-terms .ft-privacy-nav>ol,
.view.view-privacy .ft-privacy-nav>ol,
.view.view-msa .ft-privacy-nav>ol,
.view.view-sla .ft-privacy-nav>ol {
    padding-left: 0
}

.view.view-accessibility .ft-privacy-nav li,
.view.view-security .ft-privacy-nav li,
.view.view-terms .ft-privacy-nav li,
.view.view-privacy .ft-privacy-nav li,
.view.view-msa .ft-privacy-nav li,
.view.view-sla .ft-privacy-nav li {
    margin-top: .25em !important
}

.view.view-accessibility .msa-versions-list,
.view.view-security .msa-versions-list,
.view.view-terms .msa-versions-list,
.view.view-privacy .msa-versions-list,
.view.view-msa .msa-versions-list,
.view.view-sla .msa-versions-list {
    padding: 60px 0
}

.view.view-privacy table {
    margin-top: 1em
}

.view.view-privacy table th {
    width: 25%
}

.view.view-privacy table tbody {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: unset
}

.view.view-privacy table tbody td {
    width: 25%;
    border-bottom: 1px solid #ccc;
    padding: .5em
}

.ft-cta-section {
    width: 100%;
    max-width: 2400px;
    height: 700px;
    margin: 0 auto;
    text-align: center
}

.ft-cta-section .ft-container {
    display: table;
    width: 100%;
    height: 100%
}

.ft-cta-section .ft-content {
    display: table-cell;
    vertical-align: middle;
    padding: 15px
}

.ft-cta-section .ft-heading {
    max-width: 15em;
    margin-left: auto;
    margin-right: auto
}

.ft-cta-section .ft-summary {
    max-width: 35em;
    margin-left: auto;
    margin-right: auto
}

.ft-cta-section .ft-summary+.ft-heading {
    margin-top: .5em
}

.ft-cta-section .ft-btn-getstarted {
    position: relative;
    display: table;
    width: 150px;
    min-width: unset;
    height: 150px;
    margin: 1em auto 0;
    padding: 15px;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    font-size: 32px;
    color: #4a90e2;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ft-cta-section .ft-btn-getstarted .text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 1
}

.ft-cta-section .ft-btn-getstarted:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border: 2px solid #4a90e2;
    border-radius: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ft-cta-section .ft-btn-getstarted:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    background: #4a90e2 url(/assets/images/areas/tour/cta-btn-map@2x.png) 0 center repeat-x;
    background-size: cover;
    border-radius: 50%;
    opacity: 0;
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -moz-animation: ft-cta-button-globe 10s linear infinite reverse;
    -o-animation: ft-cta-button-globe 10s linear infinite reverse;
    -webkit-animation: ft-cta-button-globe 10s linear infinite reverse;
    animation: ft-cta-button-globe 10s linear infinite reverse
}

.ft-cta-section .ft-btn-getstarted:after,
.ft-cta-section .ft-btn-getstarted .text {
    -moz-transition: .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(0, 0, .1, 1);
    transition: .5s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform
}

.ft-cta-section .ft-btn-getstarted:hover .text,
.ft-cta-section .ft-btn-getstarted:focus .text {
    -moz-transform: translateY(85px) scale(.8);
    -ms-transform: translateY(85px) scale(.8);
    -o-transform: translateY(85px) scale(.8);
    -webkit-transform: translateY(85px) scale(.8);
    transform: translateY(85px) scale(.8)
}

.ft-cta-section .ft-btn-getstarted:hover:before,
.ft-cta-section .ft-btn-getstarted:focus:before {
    -moz-animation: ft-cta-button-hover 3s cubic-bezier(0, 0, .1, 1) infinite;
    -o-animation: ft-cta-button-hover 3s cubic-bezier(0, 0, .1, 1) infinite;
    -webkit-animation: ft-cta-button-hover 3s cubic-bezier(0, 0, .1, 1) infinite;
    animation: ft-cta-button-hover 3s cubic-bezier(0, 0, .1, 1) infinite
}

.ft-cta-section .ft-btn-getstarted:hover:after,
.ft-cta-section .ft-btn-getstarted:focus:after {
    opacity: 1;
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.ft-cta-section.anim-enter {
    -moz-transition: 1s cubic-bezier(0, 0, .1, 1);
    -o-transition: 1s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: 1s cubic-bezier(0, 0, .1, 1);
    transition: 1s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@keyframes ft-cta-button-hover {
    0% {
        width: 150px;
        height: 150px
    }

    to {
        width: 250px;
        height: 250px;
        opacity: 0
    }
}

@keyframes ft-cta-button-globe {
    0% {
        background-position: 0 center
    }

    to {
        background-position: -250px center
    }
}

.ft-continue-section {
    padding: 0;
    margin: 0 auto;
    font-weight: 300;
    text-align: center;
    color: #fff;
    background-color: #20292f
}

.ft-continue-section:before,
.ft-continue-section:after {
    content: " ";
    display: table
}

.ft-continue-section:after {
    clear: both
}

@media (max-width: 767px) {
    .ft-continue-section:before {
        content: "or";
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .025em;
        line-height: 1.2;
        z-index: 1
    }
}

.ft-continue-section .ft-section-heading {
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: 100%;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    z-index: 1;
    pointer-events: none
}

.ft-continue-section [class*=ft-continue-to-] {
    position: relative;
    display: block;
    height: 75vw;
    min-height: 320px;
    max-height: 500px;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    background: center center no-repeat;
    background-size: cover;
    overflow: hidden
}

.ft-continue-section [class*=ft-continue-to-]:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #20292f;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: .8
}

.ft-continue-section [class*=ft-continue-to-] .ft-content {
    position: absolute;
    width: 90%;
    min-width: 290px;
    max-width: 480px;
    height: 60%;
    z-index: 1
}

.ft-continue-section [class*=ft-continue-to-] .ft-content:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 6px solid;
    opacity: .3
}

.ft-continue-section [class*=ft-continue-to-] .ft-continue-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 45px
}

.ft-continue-section [class*=ft-continue-to-] [class*=ft-icn-arrow-] {
    position: absolute;
    top: 50%;
    -moz-transform: translate(0, -50%) skewX(-16deg);
    -ms-transform: translate(0, -50%) skewX(-16deg);
    -o-transform: translate(0, -50%) skewX(-16deg);
    -webkit-transform: translate(0, -50%) skewX(-16deg);
    transform: translateY(-50%) skew(-16deg);
    margin: 0 1px;
    font-size: 1.5em;
    -moz-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    opacity: .5
}

.ft-continue-section [class*=ft-continue-to-]:hover:before {
    opacity: .5
}

.ft-continue-section [class*=ft-continue-to-]:hover [class*=ft-icn-arrow-] {
    opacity: 1
}

@media (max-width: 767px) {
    .ft-continue-section [class*=ft-continue-to-] .ft-content {
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .ft-continue-section [class*=ft-continue-to-] [class*=ft-icn-arrow-] {
        display: none
    }
}

@media (min-width: 768px) {
    .ft-continue-section .ft-section-heading {
        top: 90px
    }

    .ft-continue-section [class*=ft-continue-to-] {
        float: left;
        width: 50%
    }

    .ft-continue-section [class*=ft-continue-to-] .ft-content {
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        min-width: 360px;
        height: 50%
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(1) .ft-content {
        right: 0
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(1) .ft-content:before {
        border-right: 0
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(1) .ft-continue-text {
        padding-right: 90px;
        text-align: right
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(1) [class*=ft-icn-arrow-] {
        right: 2px;
        -moz-transform: translate(0, -50%) rotate(180deg) skewX(-16deg);
        -ms-transform: translate(0, -50%) rotate(180deg) skewX(-16deg);
        -o-transform: translate(0, -50%) rotate(180deg) skewX(-16deg);
        -webkit-transform: translate(0, -50%) rotate(180deg) skewX(-16deg);
        transform: translateY(-50%) rotate(180deg) skew(-16deg)
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(2) .ft-content {
        left: 0
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(2) .ft-content:before {
        border-left: 0
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(2) .ft-content .ft-continue-text {
        padding-left: 90px;
        text-align: initial
    }

    .ft-continue-section [class*=ft-continue-to-]:nth-of-type(2) .ft-content [class*=ft-icn-arrow-] {
        left: 2px
    }
}

.ft-continue-section .ft-continue-to-about {
    background-image: url(/assets/images/areas/common/offramp-company.jpg)
}

.ft-continue-section .ft-continue-to-blog {
    background-image: url(/assets/images/areas/common/offramp-blog.jpg)
}

.ft-continue-section .ft-continue-to-customers {
    background-image: url(/assets/images/areas/common/offramp-customers.jpg)
}

.ft-continue-section .ft-continue-to-features {
    background-image: url(/assets/images/areas/common/offramp-features.jpg);
    background-position: 66% 50%
}

.ft-continue-section .ft-continue-to-partners {
    background-image: url(/assets/images/areas/common/offramp-partners.jpg);
    background-position: 25% 50%
}

.ft-view-home .ft-header {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 650px
}

.ft-canvas {
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, #a0cfff, #87ceeb, #4682b4);
    overflow: hidden;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.ft-canvas .ft-slide-images {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300vw;
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: center;
    font-size: 0
}

.ft-canvas .ft-slide-image {
    position: relative;
    display: inline-block;
    width: 100vw;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 5px solid #000
}

.ft-canvas .ft-infospec {
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: 540px
}

.ft-canvas .ft-slide-infos {
    color: #fff;
    text-shadow: 0 .125em .25em rgba(0, 0, 0, .3)
}

.ft-canvas .ft-slide-info {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: table;
    opacity: 0
}

.ft-canvas .ft-slide-info .ft-infospec {
    display: none
}

.ft-canvas .ft-slide-info.active,
.ft-canvas .ft-slide-info.focus {
    opacity: 1;
    z-index: 1
}

.ft-canvas .ft-slide-info.active .ft-infospec,
.ft-canvas .ft-slide-info.focus .ft-infospec {
    display: block
}

.ft-canvas .ft-slide-info .ft-heading {
    max-width: 17em
}

.ft-canvas .ft-slide-info .ft-summary {
    max-width: 25em
}

.ft-canvas .ft-slide-info .ft-slide-actions {
    margin-top: 3em
}

.ft-canvas .ft-slide-info .ft-slide-actions a {
    color: inherit;
    font-weight: 300
}

@media (min-width: 768px) {
    .ft-canvas .ft-slide-info .ft-content {
        padding-left: 75px;
        padding-right: 75px
    }
}

.ft-canvas .ft-slide-nav a {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 90px;
    margin: 0;
    font-size: 1.5em;
    color: #fff;
    z-index: 2;
    transform: translateY(-50%);
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: .5
}

.ft-canvas .ft-slide-nav a:nth-child(1) {
    left: 0
}

.ft-canvas .ft-slide-nav a:nth-child(2) {
    right: 0
}

.ft-canvas .ft-slide-nav a:hover,
.ft-canvas .ft-slide-nav a:focus {
    opacity: 1
}

.ft-canvas .ft-slide-nav a span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px
}

@media (max-width: 767px) {
    .ft-canvas .ft-slide-info .ft-content {
        float: none !important;
        width: auto !important;
        padding-left: 15px;
        padding-right: 15px
    }

    .ft-canvas .ft-slide-nav a {
        width: 40px
    }

    .ft-canvas .ft-slide-nav a span {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px
    }

    .ft-canvas .ft-infospec {
        display: none
    }
}

/* <--> */
.ft-canvas .ft-slide-image.hotel-resort {
    background-image: url(/slides/f1.webp)
}

/* <--> */
.ft-canvas .ft-slide-image.vacation-rentals {
    background-image: url(/slides/f2.webp)
}

/* <--> */
.ft-canvas .ft-slide-image.destination-marketers {
    background-image: url(/slides/f3.webp)
}

/* <--> Collection as ONE IMAGE START <--> */
.ft-canvas .ft-slide-image.platform-screens-1 {
    background-image: url(/slides/p1.webp)
}

.ft-canvas .ft-slide-image.platform-screens-2 {
    background-image: url(/slides/p2.webp)
}

.ft-canvas .ft-slide-image.platform-screens-3 {
    background-image: url(/slides/p3.webp)
}

/* Collection as ONE IMAGE START END */
/* <--> */
.ft-canvas .ft-slide-image.art-of-living-retreat {
    background-image: url(/slides/f6.webp)
}

.ft-canvas .ft-slide-image.barefoot-cay {
    background-image: url(/slides/placeholder.jpg)
}

.ft-canvas .ft-slide-image.condo-world {
    background-image: url(/slides/f6.webp)
}

.ft-canvas .ft-slide-image.crystal-lodge {
    background-image: url(/assets/images/customers/hotels/crystal-lodge/customer-bg-crystal-lodge.jpg)
}

/* <--> */
.ft-canvas .ft-slide-image.shores-resort {
    background-image: url(/slides/f5.webp)
}

/* <--> */
.ft-canvas .ft-slide-image.turtle-bay-resort {
    background-image: url(/slides/f6.webp)
}

.ft-canvas .ft-slide-info.start {
    text-align: center;
    background: #00000099
}

.ft-canvas .ft-slide-info.art-of-living-retreat{
    background: #00000099

}

.ft-canvas .ft-slide-info.turtle-bay-resort{
    background: #00000099

}

.ft-canvas .ft-slide-info.start .ft-heading {
    max-width: 20em
}

.ft-canvas .ft-slide-info.start .ft-summary {
    max-width: 30em
}

.ft-canvas .ft-slide-info.start .ft-infospec .ft-profile-pic {
    background-image: url(/assets/images/customers/hotels/turtle-bay-resort/customer-bg-turtle-bay.jpg)
}

.ft-canvas .ft-slide-info.hotel-resort {
    text-align: initial;
    background: #00000099;
}

.ft-canvas .ft-slide-info.hotel-resort .ft-supertitle {
    color: #f57f23
}

.ft-canvas .ft-slide-info.hotel-resort .ft-heading,
.ft-canvas .ft-slide-info.hotel-resort .ft-summary,
.ft-canvas .ft-slide-info.hotel-resort .ft-slide-actions {
    margin-left: 0
}

.ft-canvas .ft-slide-info.hotel-resort .ft-infospec .ft-infospec-toggle-icon:before {
    border-color: #f57f23
}

.ft-canvas .ft-slide-info.hotel-resort .ft-infospec .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-red-mountain-resort-lana-f.jpg)
}

@media (min-width: 480px) {
    .ft-canvas .ft-slide-info.hotel-resort .ft-content {
        top: -50px
    }
}

.ft-canvas .ft-slide-info.vacation-rentals {
    text-align: right;
    background: #00000099;
}

.ft-canvas .ft-slide-info.vacation-rentals .ft-supertitle {
    color: #50e3c2
}

.ft-canvas .ft-slide-info.vacation-rentals .ft-heading,
.ft-canvas .ft-slide-info.vacation-rentals .ft-summary,
.ft-canvas .ft-slide-info.vacation-rentals .ft-slide-actions {
    float: right;
    clear: both;
    margin-left: 0
}

@media (min-width: 480px) {
    .ft-canvas .ft-slide-info.vacation-rentals .ft-content {
        top: -40px
    }
}

.ft-canvas .ft-slide-info.destination-marketers {
    text-align: initial;
    background: #00000099;
}

.ft-canvas .ft-slide-info.destination-marketers .ft-supertitle {
    color: #82cdca
}

.ft-canvas .ft-slide-info.destination-marketers .ft-heading,
.ft-canvas .ft-slide-info.destination-marketers .ft-summary,
.ft-canvas .ft-slide-info.destination-marketers .ft-slide-actions {
    margin-left: 0
}

.ft-canvas .ft-slide-info.destination-marketers .ft-summary {
    max-width: 30em
}

@media (max-width: 767px) {
    .ft-canvas .ft-slide-info {
        text-align: inherit !important
    }

    .ft-canvas .ft-btn-play .ft-icn-play+span {
        display: block;
        margin-top: .5em;
        line-height: 1.2
    }

    .ft-canvas .ft-heading,
    .ft-canvas .ft-summary,
    .ft-canvas .ft-slide-actions {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }
}

.ft-canvas.frame-1 .ft-slide-images {
    left: -100vw;
    top: -100vh;
    -moz-transform-origin: 150vw 150vh;
    -ms-transform-origin: 150vw 150vh;
    -o-transform-origin: 150vw 150vh;
    -webkit-transform-origin: 150vw 150vh;
    transform-origin: 150vw 150vh;
    -moz-transform: translate3d(0, 0, -1000px) rotateX(10deg) rotateY(10deg);
    -ms-transform: translate3d(0, 0, -1000px) rotateX(10deg) rotateY(10deg);
    -o-transform: translate3d(0, 0, -1000px) rotateX(10deg) rotateY(10deg);
    -webkit-transform: translate3d(0, 0, -1000px) rotateX(10deg) rotateY(10deg);
    transform: translateZ(-1000px) rotateX(10deg) rotateY(10deg)
}

.ft-canvas.frame-2 .ft-slide-images {
    left: 0vw;
    top: 0vh;
    -moz-transform-origin: 50vw 50vh;
    -ms-transform-origin: 50vw 50vh;
    -o-transform-origin: 50vw 50vh;
    -webkit-transform-origin: 50vw 50vh;
    transform-origin: 50vw 50vh;
    -moz-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(5deg);
    -ms-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(5deg);
    -o-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(5deg);
    -webkit-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(5deg);
    transform: translateZ(-100px) rotateX(5deg) rotateY(5deg)
}

.ft-canvas.frame-3 .ft-slide-images {
    left: -200vw;
    top: -100vh;
    -moz-transform-origin: 250vw 150vh;
    -ms-transform-origin: 250vw 150vh;
    -o-transform-origin: 250vw 150vh;
    -webkit-transform-origin: 250vw 150vh;
    transform-origin: 250vw 150vh;
    -moz-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    -ms-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    -o-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    -webkit-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    transform: translateZ(-100px) rotateX(5deg) rotateY(0)
}

.ft-canvas.frame-4 .ft-slide-images {
    left: -100vw;
    top: -200vh;
    -moz-transform-origin: 150vw 250vh;
    -ms-transform-origin: 150vw 250vh;
    -o-transform-origin: 150vw 250vh;
    -webkit-transform-origin: 150vw 250vh;
    transform-origin: 150vw 250vh;
    -moz-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    -ms-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    -o-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    -webkit-transform: translate3d(0, 0, -100px) rotateX(5deg) rotateY(0deg);
    transform: translateZ(-100px) rotateX(5deg) rotateY(0)
}

.ft-canvas.frame-5 .ft-slide-images {
    left: -200vw;
    top: -200vh;
    -moz-transform-origin: 250vw 250vh;
    -ms-transform-origin: 250vw 250vh;
    -o-transform-origin: 250vw 250vh;
    -webkit-transform-origin: 250vw 250vh;
    transform-origin: 250vw 250vh;
    -moz-transform: translate3d(0, 0, -200px) rotateX(5deg) rotateY(5deg);
    -ms-transform: translate3d(0, 0, -200px) rotateX(5deg) rotateY(5deg);
    -o-transform: translate3d(0, 0, -200px) rotateX(5deg) rotateY(5deg);
    -webkit-transform: translate3d(0, 0, -200px) rotateX(5deg) rotateY(5deg);
    transform: translateZ(-200px) rotateX(5deg) rotateY(5deg);
}

.ft-canvas.frame-6 .ft-slide-images {
    left: 0vw;
    top: -200vh;
    -moz-transform-origin: 50vw 250vh;
    -ms-transform-origin: 50vw 250vh;
    -o-transform-origin: 50vw 250vh;
    -webkit-transform-origin: 50vw 250vh;
    transform-origin: 50vw 250vh;
    -moz-transform: translate3d(0, 0, -150px) rotateX(10deg) rotateY(0deg);
    -ms-transform: translate3d(0, 0, -150px) rotateX(10deg) rotateY(0deg);
    -o-transform: translate3d(0, 0, -150px) rotateX(10deg) rotateY(0deg);
    -webkit-transform: translate3d(0, 0, -150px) rotateX(10deg) rotateY(0deg);
    transform: translateZ(-150px) rotateX(10deg) rotateY(0deg);
}

.ft-canvas.frame-7 .ft-slide-images {
    left: -200vw;
    top: 0vh;
    -moz-transform-origin: 250vw 50vh;
    -ms-transform-origin: 250vw 50vh;
    -o-transform-origin: 250vw 50vh;
    -webkit-transform-origin: 250vw 50vh;
    transform-origin: 250vw 50vh;
    -moz-transform: translate3d(0, 0, -150px) rotateX(0deg) rotateY(10deg);
    -ms-transform: translate3d(0, 0, -150px) rotateX(0deg) rotateY(10deg);
    -o-transform: translate3d(0, 0, -150px) rotateX(0deg) rotateY(10deg);
    -webkit-transform: translate3d(0, 0, -150px) rotateX(0deg) rotateY(10deg);
    transform: translateZ(-150px) rotateX(0deg) rotateY(10deg);
}


.ft-canvas .ft-slide-images {
    -moz-transition: 1.5s cubic-bezier(.7, 0, .1, 1);
    -o-transition: 1.5s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: 1.5s cubic-bezier(.7, 0, .1, 1);
    transition: 1.5s cubic-bezier(.7, 0, .1, 1);
    -moz-transition-property: top, left, transform, transform-origin;
    -o-transition-property: top, left, transform, transform-origin;
    -webkit-transition-property: top, left, transform, transform-origin;
    transition-property: top, left, transform, transform-origin
}

.ft-canvas .ft-slide-info.-animated {
    -moz-transition: opacity 1s cubic-bezier(.7, 0, .1, 1);
    -o-transition: opacity 1s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: opacity 1s cubic-bezier(.7, 0, .1, 1);
    transition: opacity 1s cubic-bezier(.7, 0, .1, 1)
}

.ft-customer-logo {
    width: 100%;
    max-width: 120px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.ft-customer-logo:before {
    content: "";
    display: block;
    padding-top: 60%
}

.ft-customer-logo+.ft-heading,
.ft-customer-logo+.ft-summary,
.ft-customer-logo+.ft-supertitle {
    margin-top: 30px
}

.ft-customer-card {
    position: relative;
    max-width: 500px;
    height: 750px;
    margin: 0 auto;
    padding: 30px;
    text-align: initial;
    color: #fff;
    background-color: #40494f;
    border-radius: 4px;
    box-shadow: 10px 20px 80px #0003;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.ft-customer-card:before,
.ft-customer-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ft-customer-card:before {
    background-image: linear-gradient(150deg, #000c 0, #0000 30%)
}

.ft-customer-card:after {
    top: 50%;
    left: 0;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.ft-customer-card .ft-content {
    width: 100%;
    z-index: 1
}

.ft-customer-card .ft-customer-logo {
    position: absolute;
    max-width: 150px;
    max-height: 100px;
    z-index: 1
}

.ft-customer-card .ft-heading {
    max-width: 16em;
    margin-left: auto;
    margin-right: auto
}

.ft-customer-card .ft-content {
    margin-top: 370px
}

.ft-customer-card .ft-summary {
    text-align: left;
    max-width: 32em
}

.ft-customer-card .ft-card-actions {
    margin-top: 1.5em
}

.ft-customer-card a {
    color: inherit
}

.ft-customer-card .ft-infospec {
    position: absolute;
    bottom: 30px;
    right: 30px;
    max-width: 360px;
    z-index: 1
}

.ft-customer-card .ft-infospec .ft-minimized-text {
    text-shadow: 0 .125em .25em rgba(0, 0, 0, .3)
}

.ft-customer-card.vertical {
    position: relative
}

.ft-customer-card.vertical .ft-author-info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 60px;
    margin: 0 30px 45px;
    z-index: 1
}

.ft-customer-card.vertical .ft-profile-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px
}

.ft-card-carousel>ul>li:not(.active) .ft-customer-card .ft-infospec {
    display: none
}

.ft-card-carousel>ul>li.ft-carousel-group-item {
    border-color: transparent
}

@media (max-width: 480px) {
    .ft-customer-card .ft-summary.ft-text-plus-2 {
        font-size: 1.25rem
    }
}

@media (max-width: 767px) {
    .ft-card-carousel {
        height: 780px
    }

    .ft-card-carousel>ul>li {
        height: 680px
    }

    .ft-card-carousel>ul>li.active,
    .ft-card-carousel .ft-card.ft-customer-card {
        max-width: 480px
    }

    .ft-card-carousel .ft-card.ft-customer-card {
        height: 680px
    }

    .ft-customer-card:after {
        top: 40%
    }

    .ft-customer-card .ft-content {
        margin-top: 280px
    }

    .ft-customer-card .ft-infospec {
        display: none
    }
}

@media (max-width: 767px) {
    .ft-customer-card:not(.vertical) {
        background-size: 250%;
        background-position-y: 0%
    }

    .ft-customer-card:not(.vertical) .ft-content {
        margin-top: 300px
    }

    .ft-customer-card:not(.vertical).plunge-beach-resort {
        background-position-x: 90%
    }

    .ft-customer-card:not(.vertical).greek-peak-mountain-resort {
        background-size: contain
    }

    .ft-customer-card:not(.vertical).hard-rock-hotel-daytona-beach {
        background-position-x: 35%
    }

    .ft-customer-card:not(.vertical).pines-resort {
        background-position-x: 75%
    }
}

@media (min-width: 768px) {
    .ft-customer-card:not(.vertical) {
        max-width: none;
        height: 480px;
        padding-left: 40px;
        padding-right: 40px
    }

    .ft-customer-card:not(.vertical):before {
        background-image: linear-gradient(-75deg, #0009 0, #0000 30%)
    }

    .ft-customer-card:not(.vertical):after {
        top: 0;
        width: 55%;
        -moz-transform: skewX(-8deg);
        -ms-transform: skewX(-8deg);
        -o-transform: skewX(-8deg);
        -webkit-transform: skewX(-8deg);
        transform: skew(-8deg);
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .ft-customer-card:not(.vertical) .ft-customer-logo {
        top: 20px;
        right: 30px
    }

    .ft-customer-card:not(.vertical) .ft-content {
        margin-top: 15px;
        width: 45%
    }
}

@media (min-width: 992px) {
    .ft-customer-card:not(.vertical):after {
        width: 50%
    }
}

.ft-customer-minicard {
    display: inline-block;
    max-width: 400px;
    text-align: center
}

.ft-customer-minicard .ft-minicard-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #e0e0e0;
    border-radius: 2px
}

.ft-customer-minicard .ft-minicard-image:before {
    content: "";
    display: block;
    padding-top: 66%
}

.ft-customer-minicard .ft-summary {
    margin-top: 2em
}

.ft-customer-minicard a {
    display: inline-block;
    margin-top: 1.5em
}

.ft-quote-card {
    position: relative;
    min-height: 480px;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    color: #fff;
    background-color: #40494f;
    border-radius: 4px;
    box-shadow: 10px 20px 80px #0003;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.ft-quote-card:before {
    content: "";
    position: absolute;
    inset: 0
}

.ft-quote-card .ft-quote {
    margin-top: 30px
}

.ft-quote-card .ft-btn-play {
    margin-top: 1.5em
}

@media (min-width: 768px) {
    .ft-quote-card {
        padding: 45px;
        text-align: initial
    }

    .ft-quote-card .ft-btn-play {
        position: absolute;
        bottom: 50px;
        right: 50px
    }

    .ft-quote-card .ft-btn-play .ft-icn-play {
        font-size: 2.5em
    }
}

.ft-quote [class*=ft-quotationmark-] {
    position: relative
}

.ft-quote [class*=ft-quotationmark-]:before {
    position: absolute;
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    z-index: -1;
    opacity: .3
}

.ft-quote .ft-quotationmark-open:before {
    content: "\201c";
    top: 0;
    right: 100%;
    margin-right: 4px;
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    -webkit-transform: translate(0, -25%);
    transform: translateY(-25%);
    font-size: 4em
}

.ft-quote .ft-quotationmark-close {
    display: inline-block
}

.ft-quote .ft-quotationmark-close:before {
    content: "\201d";
    bottom: 0;
    left: 100%;
    -moz-transform: translate(0, 55%);
    -ms-transform: translate(0, 55%);
    -o-transform: translate(0, 55%);
    -webkit-transform: translate(0, 55%);
    transform: translateY(55%);
    font-size: 3em
}

.ft-author-info {
    font-size: 1rem;
    margin-top: 1em
}

.ft-author-info .ft-author-name {
    font-family: brandon-grotesque, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .025em;
    line-height: 1.2;
    margin-top: .25em
}

.ft-author-info .ft-author-caption {
    line-height: 1.4;
    margin-top: 0
}

.ft-view-customers {
    overflow: hidden
}

.ft-view-customers .ft-header {
    height: 70vh;
    min-height: 480px;
    color: #fff
}

.ft-view-customers .ft-header .ft-bg-image:before {
    content: "";
    position: absolute;
    inset: 0
}

.ft-view-customers .ft-header .ft-bg-matte {
    background-image: linear-gradient(to bottom, #fff0 66%, #fff)
}

.ft-view-customers .ft-header .ft-heading {
    max-width: 16em;
    margin: 0 auto
}

.ft-view-customers .ft-header .ft-slide {
    position: absolute;
    inset: 0;
    -moz-transition: opacity .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: opacity .5s cubic-bezier(0, 0, .1, 1);
    transition: opacity .5s cubic-bezier(0, 0, .1, 1);
    opacity: 0
}

.ft-view-customers .ft-header .ft-slide.active {
    opacity: 1;
    z-index: 1
}

.ft-view-customers .ft-header .ft-slide.active .ft-content {
    -moz-animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1);
    -o-animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1);
    -webkit-animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1);
    animation: ft-anim-slideUp-enter .5s cubic-bezier(0, 0, .1, 1)
}

.ft-view-customers .ft-header .ft-slide.hotels .ft-bg-image {
    background-image: url(/assets/images/areas/customers/customers-header-bg-hotels.jpg)
}

.ft-view-customers .ft-header .ft-slide.hotels .ft-bg-image:before {
    background-image: linear-gradient(to bottom, #00334e, #00334e00)
}

.ft-view-customers .ft-header .ft-slide.vr .ft-bg-image {
    background-image: url(/assets/images/areas/customers/customers-header-bg-vr.jpg)
}

.ft-view-customers .ft-header .ft-slide.vr .ft-bg-image:before {
    background-image: linear-gradient(to bottom, #00334e, #00334e00)
}

.ft-view-customers .ft-header .ft-slide.dmo .ft-bg-image {
    background-image: url(/assets/images/areas/customers/customers-header-bg-dmo.jpg)
}

.ft-view-customers .ft-header .ft-slide.dmo .ft-bg-image:before {
    background-image: linear-gradient(to bottom, #006696, #00669600)
}

.ft-view-customers .ft-master-section:not(.active) {
    display: none
}

.ft-view-customers .ft-platform-section .ft-quote {
    text-align: center;
    margin: 0 auto;
    max-width: 40em
}

.ft-view-customers .ft-platform-section .customers-iso.hotels,
.ft-view-customers .ft-platform-section .customers-iso.vr,
.ft-view-customers .ft-platform-section .customers-iso.dmo {
    display: none
}

.ft-view-customers .ft-platform-section .customers-iso {
    position: relative
}

.ft-view-customers .ft-platform-section .customers-iso [class^=customers-iso-hotel-],
.ft-view-customers .ft-platform-section .customers-iso [class^=customers-iso-vr-],
.ft-view-customers .ft-platform-section .customers-iso [class^=customers-iso-dmo-] {
    position: absolute;
    width: 490px;
    height: 366px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .1), 12px 12px 6px -6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .1), 12px 12px 6px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 0 16px #0000001a, 12px 12px 6px -6px #0000004d;
    opacity: 1;
    -moz-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    -ms-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    -o-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    -webkit-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px)
}

.ft-view-customers .ft-platform-section .customers-iso .customers-iso-hotel-1 {
    background-image: url(/assets/images/customers/hotels/platform-product-story-explorer.jpg);
    top: -150px;
    left: 220px
}

.ft-view-customers .ft-platform-section .customers-iso .customers-iso-hotel-2 {
    background-image: url(/assets/images/customers/hotels/platform-product-confirmationx.jpg);
    top: 0;
    left: 0;
    width: 416.5px;
    height: 312.8px
}

.ft-view-customers .ft-platform-section .customers-iso .customers-iso-vr-1 {
    background-image: url(/assets/images/customers/vr/platform-impact-screen-2.jpg);
    top: -120px;
    left: 120px;
    height: 400px
}

.ft-view-customers .ft-platform-section .customers-iso .customers-iso-vr-2 {
    background-image: url(/assets/images/customers/vr/platform-impact-screen-1.jpg);
    top: 180px;
    left: 150px;
    width: 416.5px;
    height: 312.8px
}

.ft-view-customers .ft-platform-section .customers-iso .customers-iso-vr-3 {
    background-image: url(/assets/images/customers/vr/platform-impact-screen-3.jpg);
    top: 80px;
    left: 420px;
    width: 318.5px;
    height: 239.2px
}

.ft-view-customers .ft-platform-section .customers-iso .customers-iso-dmo-1 {
    background-image: url(/assets/images/customers/dmo/platform-product-collaborative-insight.jpg);
    top: 0;
    left: 120px;
    height: 400px
}

.ft-view-customers .ft-platform-section .customers-iso .customers-iso-dmo-2 {
    background-image: url(/assets/images/customers/dmo/platform-product-collaborative-home.jpg);
    top: 250px;
    left: 200px;
    width: 416.5px;
    height: 312.8px
}

@media (min-width: 768px) {
    .ft-view-customers .ft-platform-section {
        padding: 150px 0
    }

    .ft-view-customers .ft-platform-section .ft-quote {
        text-align: left
    }

    .ft-view-customers .ft-platform-section .customers-iso.hotels,
    .ft-view-customers .ft-platform-section .customers-iso.vr,
    .ft-view-customers .ft-platform-section .customers-iso.dmo {
        display: block
    }
}

.ft-view-customers .ft-highlight-section .ft-section-bg {
    top: 17%;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    background-color: #f3f3f6;
    z-index: 0
}

.ft-view-customers .ft-highlight-section .ft-section-bg:before {
    content: "";
    position: absolute;
    inset: 0
}

.ft-view-customers .ft-highlight-section .ft-section-info {
    max-width: 360px;
    margin: 30px auto
}

.ft-view-customers .ft-highlight-section .ft-infospec {
    margin-top: 1.5em
}

.ft-view-customers .ft-highlight-section .ft-infospec .ft-infospec-toggle-icon {
    position: relative
}

.ft-view-customers .ft-highlight-section .ft-infospec .ft-infospec-toggle-icon:before {
    border-color: #2222224d
}

@media (min-width: 768px) {

    .ft-view-customers .ft-highlight-section .ft-infospec:hover .ft-infospec-toggle-icon,
    .ft-view-customers .ft-highlight-section .ft-infospec:focus .ft-infospec-toggle-icon,
    .ft-view-customers .ft-highlight-section .ft-infospec.active .ft-infospec-toggle-icon {
        color: #fff
    }
}

@media (min-width: 768px) {
    .ft-view-customers .ft-highlight-section .ft-section-bg {
        height: 66%
    }

    .ft-view-customers .ft-highlight-section .ft-section-info {
        max-width: none;
        margin: 180px auto
    }

    .ft-view-customers .ft-highlight-section .ft-col-right+[class*=ft-col-] .ft-section-info {
        margin-top: 250px;
        text-align: right
    }
}

.ft-view-customers .ft-minifeature-section {
    text-align: center
}

.ft-view-customers .ft-minifeature-section .ft-section-heading {
    max-width: 25em;
    margin: 0 auto 60px
}

@media (max-width: 767px) {
    .ft-view-customers .ft-minifeature-section [class*=ft-col-]+[class*=ft-col-] {
        padding-top: 60px
    }
}

.ft-view-customers .ft-customer-logo-wall {
    position: relative;
    text-align: center;
    height: 144px;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ft-view-customers .ft-customer-logo-wall .ft-customer-logos {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 132px;
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto 120px
}

.ft-view-customers .ft-customer-logo-wall .ft-customer-logo {
    display: inline-block;
    width: 120px;
    height: 72px;
    margin: 30px
}

.ft-view-customers .ft-section:nth-child(1) .ft-section-heading {
    max-width: 30em;
    margin: 0 auto;
    text-align: center
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted {
    font-size: 18px
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted:after {
    background-image: unset;
    -moz-animation: unset;
    -o-animation: unset;
    -webkit-animation: unset;
    animation: unset
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted .ft-chattyface {
    position: absolute;
    inset: 0;
    color: #fff;
    z-index: 1;
    -moz-transition: .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(0, 0, .1, 1);
    transition: .5s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted .ft-chattyface:before,
.ft-view-customers .ft-cta-section .ft-btn-getstarted .ft-chattyface:after {
    content: "";
    position: absolute;
    left: 50%
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted .ft-chattyface:before {
    top: 40%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -22px;
    border: 6px solid;
    border-radius: 50px;
    box-shadow: 44px 0 #fff
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted .ft-chattyface:after {
    top: 32%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 60px;
    border: 30px solid;
    border-top-color: transparent;
    border-left: 0;
    border-right: 0;
    border-radius: 50%
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted:hover .ft-chattyface,
.ft-view-customers .ft-cta-section .ft-btn-getstarted:focus .ft-chattyface {
    -moz-animation: ft-cta-chattyface-nod 1s cubic-bezier(.7, 0, .1, 1) both;
    -o-animation: ft-cta-chattyface-nod 1s cubic-bezier(.7, 0, .1, 1) both;
    -webkit-animation: ft-cta-chattyface-nod 1s cubic-bezier(.7, 0, .1, 1) both;
    animation: ft-cta-chattyface-nod 1s cubic-bezier(.7, 0, .1, 1) both
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted:hover .ft-chattyface:before,
.ft-view-customers .ft-cta-section .ft-btn-getstarted:focus .ft-chattyface:before {
    -moz-animation: ft-cta-chattyface-blink 10s cubic-bezier(.7, 0, .1, 1) both infinite;
    -o-animation: ft-cta-chattyface-blink 10s cubic-bezier(.7, 0, .1, 1) both infinite;
    -webkit-animation: ft-cta-chattyface-blink 10s cubic-bezier(.7, 0, .1, 1) both infinite;
    animation: ft-cta-chattyface-blink 10s cubic-bezier(.7, 0, .1, 1) both infinite
}

.ft-view-customers .ft-cta-section .ft-btn-getstarted:hover .ft-chattyface:after,
.ft-view-customers .ft-cta-section .ft-btn-getstarted:focus .ft-chattyface:after {
    -moz-animation: ft-cta-chattyface-talk 1s cubic-bezier(.7, 0, .1, 1) both;
    -o-animation: ft-cta-chattyface-talk 1s cubic-bezier(.7, 0, .1, 1) both;
    -webkit-animation: ft-cta-chattyface-talk 1s cubic-bezier(.7, 0, .1, 1) both;
    animation: ft-cta-chattyface-talk 1s cubic-bezier(.7, 0, .1, 1) both
}

.ft-view-customers .ft-continue-section {
    background: url(/assets/images/areas/common/offramp-company.jpg) center center no-repeat;
    background-size: cover
}

.ft-view-customers .ft-continue-section a {
    background: transparent !important
}

.ft-view-customers .ft-customers-hotels-master .ft-cta-section .ft-section-bg,
.ft-view-customers .ft-customers-dmo-master .ft-cta-section .ft-section-bg {
    background-image: url(/assets/images/backgrounds/ft-map-dotted.png);
    opacity: .05
}

.ft-view-customers .ft-customers-hotels-master .ft-customer-logo-wall .ft-customer-logos,
.ft-view-customers .ft-customers-vr-master .ft-customer-logo-wall .ft-customer-logos {
    -moz-animation: ft-customer-logo-wall-loop 60s linear infinite;
    -o-animation: ft-customer-logo-wall-loop 60s linear infinite;
    -webkit-animation: ft-customer-logo-wall-loop 60s linear infinite;
    animation: ft-customer-logo-wall-loop 60s linear infinite
}

.ft-view-customers .ft-customers-hotels-master .ft-customer-logo-wall.ft-customer-logo-wall-2 .ft-customer-logos,
.ft-view-customers .ft-customers-vr-master .ft-customer-logo-wall.ft-customer-logo-wall-2 .ft-customer-logos {
    -moz-animation-direction: reverse;
    -o-animation-direction: reverse;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ft-view-customers .ft-customers-hotels-master .ft-customer-logo-wall-1 .ft-customer-logos {
    background-image: url(/assets/images/customers/hotels/logo-hotel-strip-1.jpg)
}

.ft-view-customers .ft-customers-hotels-master .ft-customer-logo-wall-2 .ft-customer-logos {
    background-image: url(/assets/images/customers/hotels/logo-hotel-strip-2.png)
}

.ft-view-customers .ft-customers-hotels-master .ft-feature-section {
    padding-top: 0
}

.ft-view-customers .ft-customers-hotels-master .ft-feature-section .ft-infospec .ft-infospec-toggle-icon {
    position: relative
}

.ft-view-customers .ft-customers-hotels-master .ft-feature-section .ft-btn-play {
    margin-top: 1em
}

.ft-view-customers .ft-customers-vr-master .ft-customer-logo-wall-1 .ft-customer-logos {
    background-image: url(/assets/images/customers/vr/logo-vr-strip-1.jpg)
}

.ft-view-customers .ft-customers-vr-master .ft-customer-logo-wall-2 .ft-customer-logos {
    background-image: url(/assets/images/customers/vr/logo-vr-strip-2.png)
}

.ft-view-customers .ft-customers-vr-master .ft-cta-section .ft-section-bg {
    top: 0;
    left: 50%;
    width: 100%;
    background-image: url(/assets/images/customers/vr/logo-vr-strip-3.png);
    background-size: auto;
    background-position: left center;
    -moz-transform: perspective(1500px) rotateY(-25deg) rotateX(15deg);
    -ms-transform: perspective(1500px) rotateY(-25deg) rotateX(15deg);
    -o-transform: perspective(1500px) rotateY(-25deg) rotateX(15deg);
    -webkit-transform: perspective(1500px) rotateY(-25deg) rotateX(15deg);
    transform: perspective(1500px) rotateY(-25deg) rotateX(15deg);
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    opacity: .15
}

.ft-view-customers .ft-customers-vr-master .ft-cta-section .ft-section-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20%;
    background-image: linear-gradient(to bottom, #fff, #fff0)
}

.ft-view-customers .ft-customers-vr-master .ft-cta-section .ft-heading {
    max-width: 20em
}

.ft-view-customers .ft-customers-dmo-master .ft-platform-section .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-visit-myrtle-beach-scott-schult.jpg)
}

.ft-view-customers .ft-customers-dmo-master .ft-platform-section .ft-btn-play.solid .ft-icn-play {
    background: #4a90e2
}

.ft-view-customers .ft-customers-dmo-master .ft-platform-section .ft-btn-play.solid .ft-icn-play:after {
    border-left-color: #fff
}

.ft-view-customers .ft-customers-dmo-master .ft-cta-section .ft-heading {
    max-width: 20em
}

@keyframes ft-customer-logo-wall-loop {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: -2728px 50%
    }
}

@keyframes ft-cta-chattyface-nod {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 25%);
        -ms-transform: translate(0, 25%);
        -o-transform: translate(0, 25%);
        -webkit-transform: translate(0, 25%);
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0)
    }
}

@keyframes ft-cta-chattyface-blink {

    0%,
    5%,
    7%,
    to {
        -moz-transform: translate(-50%, -50%) scaleY(1);
        -ms-transform: translate(-50%, -50%) scaleY(1);
        -o-transform: translate(-50%, -50%) scaleY(1);
        -webkit-transform: translate(-50%, -50%) scaleY(1);
        transform: translate(-50%, -50%) scaleY(1)
    }

    6% {
        -moz-transform: translate(-50%, -50%) scaleY(.25);
        -ms-transform: translate(-50%, -50%) scaleY(.25);
        -o-transform: translate(-50%, -50%) scaleY(.25);
        -webkit-transform: translate(-50%, -50%) scaleY(.25);
        transform: translate(-50%, -50%) scaleY(.25)
    }
}

@keyframes ft-cta-chattyface-talk {

    0%,
    50%,
    70% {
        -moz-transform: translate(-50%, 5%) scaleX(.7) scaleY(.25);
        -ms-transform: translate(-50%, 5%) scaleX(.7) scaleY(.25);
        -o-transform: translate(-50%, 5%) scaleX(.7) scaleY(.25);
        -webkit-transform: translate(-50%, 5%) scaleX(.7) scaleY(.25);
        transform: translate(-50%, 5%) scaleX(.7) scaleY(.25)
    }

    to {
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%)
    }
}

.FPO.ft-customer-logo {
    background-color: #f0f
}

.greek-peak-mountain-resort.ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/greek-peak-mountain-resort/logo-greek-peak-mountain-resort-white.png)
}

.greek-peak-mountain-resort.ft-customer-card {
    background-color: #1a6289;
    background-image: url(/assets/images/customers/hotels/greek-peak-mountain-resort/customer-bg-greek-peak-mountain-resort-bg.jpg);
    background-size: 60%;
    background-position-x: right
}

.greek-peak-mountain-resort.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #1a6289 33%, #1a8953)
}

.greek-peak-mountain-resort.ft-customer-card .ft-infospec-toggle-icon:before {
    border-color: #1a6289
}

.greek-peak-mountain-resort.ft-customer-card .ft-infospec-toggle-icon .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-greek-peak-mountain-resort-nicole-m.jpg)
}

.hard-rock-hotel-daytona-beach.ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/hard-rock-hotel-daytona-beach/logo-hard-rock-hotel-daytona-beach-white.png)
}

.hard-rock-hotel-daytona-beach.ft-customer-card {
    background-color: #87601b;
    background-image: url(/assets/images/customers/hotels/hard-rock-hotel-daytona-beach/customer-bg-hard-rock-hotel-daytona-beach-bg.jpg)
}

.hard-rock-hotel-daytona-beach.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #87601b 33%, #871b30)
}

.hard-rock-hotel-daytona-beach.ft-customer-card .ft-infospec-toggle-icon:before {
    border-color: #dfb05d
}

.hard-rock-hotel-daytona-beach.ft-customer-card .ft-infospec-toggle-icon .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-hard-rock-hotel-daytona-beach-jennifer-f.jpg)
}

.hard-rock-hotel-daytona-beach.ft-customer-card .ft-video-signature .ft-video-thumbnail .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-flipto-zach-stovall.jpg);
    width: 80px;
    height: 80px
}

.margaritaville-hotels.ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/margaritaville-hotels/logo-margaritaville-hotels.png)
}

.margaritaville-hotels.ft-customer-card {
    background-color: #3d8a9c;
    background-image: url(/assets/images/customers/hotels/margaritaville-hotels/customer-bg-margaritaville-hotels-bg.jpg)
}

.margaritaville-hotels.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #3d8a9ccc 33%, #3d9c8e99)
}

.margaritaville-hotels.ft-customer-card .ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/margaritaville-hotels/logo-margaritaville-hotels-white.png)
}

.margaritaville-hotels.ft-customer-card .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-margaritaville-resorts-elyse-curtis.jpg)
}

.margaritaville-hotels.ft-highlight-section .ft-section-bg:before {
    background-image: radial-gradient(40% 100% at 40% 50%, rgba(61, 138, 156, .15), transparent)
}

.margaritaville-hotels.ft-highlight-section .ft-infospec-bubble {
    color: #fff
}

.margaritaville-hotels.ft-highlight-section .ft-infospec-bubble:before {
    background-color: #3d8a9c
}

.margaritaville-lake-conroe.ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/margaritaville-lake-conroe/logo-margaritaville-lake-conroe.png)
}

.margaritaville-lake-conroe.ft-customer-card {
    background-color: #3d8a9c;
    background-image: url(/assets/images/customers/hotels/margaritaville-lake-conroe/customer-bg-margaritaville-lake-conroe-bg.jpg)
}

.margaritaville-lake-conroe.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #3d8a9c 33%, #3f3d9c)
}

.margaritaville-lake-conroe.ft-customer-card .ft-infospec-toggle-icon:before {
    border-color: #9accd8
}

.margaritaville-lake-conroe.ft-customer-card .ft-infospec-toggle-icon .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-margaritaville-lake-conroe-cassandra-h.jpg)
}

.pines-resort.ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/pines-resort/logo-pines-resort-white.png)
}

.pines-resort.ft-customer-card {
    background-color: #248534;
    background-image: url(/assets/images/customers/hotels/pines-resort/customer-bg-pines-resort-bg.jpg)
}

.pines-resort.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #248534 33%, #248585)
}

.pines-resort.ft-customer-card .ft-infospec-toggle-icon:before {
    border-color: #6bd77d
}

.pines-resort.ft-customer-card .ft-infospec-toggle-icon .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-pines-resort-jef-t.jpg)
}

.plunge-beach-resort.ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/plunge-beach-resort/logo-plunge-beach-resort.png)
}

.plunge-beach-resort.ft-customer-card {
    background-color: #2255a7;
    background-image: url(/assets/images/customers/hotels/plunge-beach-resort/customer-bg-plunge-beach-resort-bg.jpg)
}

.plunge-beach-resort.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #2281a7 33%, #2255a7)
}

.plunge-beach-resort.ft-customer-card .ft-customer-logo {
    background-image: url(/assets/images/customers/hotels/plunge-beach-resort/logo-plunge-beach-resort.png)
}

.plunge-beach-resort.ft-customer-card .ft-infospec-toggle-icon:before {
    border-color: #2255a7
}

.plunge-beach-resort.ft-customer-card .ft-infospec-toggle-icon .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-plunge-beach-resort-olivia-t.jpg)
}

.condo-world.ft-customer-logo {
    background-image: url(/assets/images/customers/vr/condo-world/logo-condo-world-white.png)
}

.condo-world.ft-customer-card {
    background-color: #d86000;
    background-image: url(/assets/images/customers/vr/condo-world/customer-bg-condo-world-2.jpg)
}

.condo-world.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #d86000e6 33%, #d8000c4d)
}

.condo-world.ft-customer-card .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-condo-world-alex-husner.jpg)
}

.condo-world.ft-highlight-section .ft-section-bg:before {
    background-image: radial-gradient(40% 100% at 60% 50%, rgba(216, 96, 0, .15), transparent)
}

.condo-world.ft-highlight-section .ft-infospec-bubble {
    color: #fff
}

.condo-world.ft-highlight-section .ft-infospec-bubble:before {
    background-color: #d86000
}

.vacation-myrtle-beach.ft-customer-logo {
    background-image: url(/assets/images/customers/vr/vacation-myrtle-beach/logo-vacation-myrtle-beach-white.png)
}

.vacation-myrtle-beach.ft-customer-card {
    background-color: #369eb8;
    background-image: url(/assets/images/customers/vr/vacation-myrtle-beach/customer-bg-vacation-myrtle-beach-resorts-bg.jpg)
}

.vacation-myrtle-beach.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #369eb8e6 33%, #3a36b84d)
}

.vacation-myrtle-beach.ft-customer-card .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-vacation-myrtle-beach-julia-diem.jpg)
}

.vacation-myrtle-beach.ft-highlight-section .ft-section-bg:before {
    background-image: radial-gradient(40% 100% at 40% 50%, rgba(54, 158, 184, .15), transparent)
}

.vacation-myrtle-beach.ft-highlight-section .ft-infospec-bubble {
    color: #fff
}

.vacation-myrtle-beach.ft-highlight-section .ft-infospec-bubble:before {
    background-color: #369eb8
}

.visit-myrtle-beach.ft-customer-logo {
    background-image: url(/assets/images/customers/dmo/visit-myrtle-beach/logo-visit-myrtle-beach-white.png)
}

.visit-myrtle-beach.ft-customer-card {
    background-color: #264e57;
    background-image: url(/assets/images/customers/dmo/visit-myrtle-beach/customer-bg-visit-myrtle-beach-bg.jpg)
}

.visit-myrtle-beach.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #264e57e6 33%, #2657484d)
}

.visit-myrtle-beach.ft-customer-card .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-visit-myrtle-beach-stuart-butler.jpg)
}

.visit-myrtle-beach.ft-highlight-section .ft-section-bg:before {
    background-image: radial-gradient(40% 100% at 60% 50%, rgba(38, 78, 87, .15), transparent)
}

.visit-myrtle-beach.ft-highlight-section .ft-infospec-bubble {
    color: #fff
}

.visit-myrtle-beach.ft-highlight-section .ft-infospec-bubble:before {
    background-color: #264e57
}

.visit-nc.ft-customer-logo {
    background-image: url(/assets/images/customers/dmo/visit-nc/logo-visit-nc-white.png)
}

.visit-nc.ft-customer-card {
    background-color: #86c8bc;
    background-image: url(/assets/images/customers/dmo/visit-nc/customer-bg-visit-nc-bg.jpg)
}

.visit-nc.ft-customer-card:after {
    background-image: linear-gradient(to bottom right, #86c8bce6 33%, #86c89b4d)
}

.visit-nc.ft-customer-card .ft-profile-pic {
    background-image: url(/assets/images/profiles/profile-visit-nc-allison-schult.jpg)
}

.visit-nc.ft-highlight-section .ft-section-bg:before {
    background-image: radial-gradient(40% 100% at 60% 50%, rgba(134, 200, 188, .15), transparent)
}

.visit-nc.ft-highlight-section .ft-infospec-bubble {
    color: #fff
}

.visit-nc.ft-highlight-section .ft-infospec-bubble:before {
    background-color: #86c8bc
}

.view-tour {
    font-size: 16px;
    line-height: 1.6
}

@media (min-width: 1440px) {
    .view-tour .container {
        width: 1410px
    }
}

.view-tour {
    overflow: hidden
}

.view-tour .tour-header-title {
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    max-width: 16em;
    margin: 0 auto
}

.view-tour .tour-header-subtitle {
    font-size: 16px;
    text-align: center;
    max-width: 28em;
    margin: 1em auto 0;
    opacity: .7
}

.view-tour .tour-section {
    position: relative;
    clear: both;
    width: 100%
}

.view-tour .tour-section:before,
.view-tour .tour-section:after {
    content: " ";
    display: table
}

.view-tour .tour-section:after {
    clear: both
}

.view-tour .tour-section-title {
    font-size: 32px;
    line-height: 1.3
}

.view-tour .tour-section-info {
    font-size: 16px
}

.view-tour .tour-section-title+.tour-section-info {
    margin-top: 1.5em
}

.view-tour .tour-section-info+.tour-section-title {
    margin-top: .25em
}

.view-tour .tour-techspec {
    position: relative;
    min-width: 250px;
    max-width: 400px;
    padding: 20px 15px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #222;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2), 6px 24px 24px -12px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2), 6px 24px 24px -12px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px #0003, 6px 24px 24px -12px #0000004d;
    -moz-transition: .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(0, 0, .1, 1);
    transition: .5s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform
}

.view-tour .tour-techspec[ft-positional-class] {
    opacity: 0;
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.view-tour .tour-techspec[ft-positional-class].anim-enter {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 479px) {

    .view-tour .tour-section-title,
    .view-tour .tour-section-info {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 480px) {

    .view-tour .tour-header-title,
    .view-tour .tour-section-title {
        font-size: 36px
    }

    .view-tour .tour-header-subtitle,
    .view-tour .tour-section-info {
        font-size: 18px
    }

    .view-tour .tour-techspec {
        font-size: 16px
    }
}

@media (min-width: 768px) {

    .view-tour .tour-header-title,
    .view-tour .tour-section-title {
        font-size: 40px
    }

    .view-tour .tour-header-subtitle,
    .view-tour .tour-section-info {
        font-size: 18px
    }

    .view-tour .tour-techspec {
        padding: 25px 20px
    }
}

@media (min-width: 992px) {

    .view-tour .tour-header-title,
    .view-tour .tour-section-title {
        font-size: 48px
    }

    .view-tour .tour-header-subtitle,
    .view-tour .tour-section-info {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-tour .tour-header-title {
        font-size: 54px
    }

    .view-tour .tour-header-subtitle {
        font-size: 24px
    }

    .view-tour .tour-section-title {
        font-size: 54px
    }

    .view-tour .tour-section-info {
        font-size: 24px
    }
}

.view-tour .tour-header {
    position: relative;
    width: 100%;
    height: 75vh;
    min-height: 700px;
    max-height: 1200px;
    color: #fff;
    background-color: #1f293f;
    background-image: radial-gradient(125% 100% at top left, #982948, #570353);
    z-index: 0;
    overflow: hidden
}

@media (max-width: 480px) {
    .view-tour .tour-header {
        min-height: 580px
    }
}

.view-tour .tour-header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 66%;
    background-image: linear-gradient(to bottom, #1f293f00, #1f293f4d)
}

.view-tour .tour-header:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.view-tour .tour-header .tour-header-content {
    position: relative;
    padding-bottom: 10%;
    opacity: 0
}

.view-tour .tour-header .tour-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.view-tour .tour-header .tour-header-image .map,
.view-tour .tour-header .tour-header-image .nodes {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px;
    height: 860px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.view-tour .tour-header .tour-header-image .map {
    background: url(/assets/images/areas/tour/header-tour-map-dark.png) center center no-repeat;
    opacity: .2
}

.view-tour .tour-header .tour-header-image .nodes>[class^=node-] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.view-tour .tour-header .tour-header-image .nodes>[class^=node-]:before,
.view-tour .tour-header .tour-header-image .nodes>[class^=node-]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: center center no-repeat
}

.view-tour .tour-header .tour-header-image .node-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #ff5ad7;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3
}

.view-tour .tour-header .tour-header-image .node-center:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300%;
    height: 300%;
    border: 1px solid #FF5AD7;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.view-tour .tour-header .tour-header-image .node-rings:before,
.view-tour .tour-header .tour-header-image .node-rings:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200%;
    height: 200%;
    border: 2px solid #FF5AD7;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0
}

@media (max-width: 991px) {
    .view-tour .tour-header .tour-header-image {
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .view-tour .tour-header .tour-header-image .map,
    .view-tour .tour-header .tour-header-image .nodes {
        top: 50px
    }
}

@media (max-width: 767px) {
    .view-tour .tour-header .tour-header-image {
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    .view-tour .tour-header .tour-header-image .map,
    .view-tour .tour-header .tour-header-image .nodes {
        top: 0
    }

    .view-tour .tour-header .tour-header-image .node-7:before,
    .view-tour .tour-header .tour-header-image .node-7:after {
        opacity: .2 !important
    }

    .view-tour .tour-header .tour-header-image .node-7 .node-center {
        opacity: .25 !important
    }

    .view-tour .tour-header .tour-header-image .node-7 .node-rings:before {
        opacity: 1 !important;
        width: 75vw !important;
        height: 75vw !important
    }

    .view-tour .tour-header .tour-header-image .node-7 .node-rings:after {
        opacity: 1 !important;
        width: 200vw !important;
        height: 200vw !important
    }
}

@media (min-width: 768px) {
    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active:before {
        -moz-animation: tour-header-node-blips-before 6s linear both;
        -o-animation: tour-header-node-blips-before 6s linear both;
        -webkit-animation: tour-header-node-blips-before 6s linear both;
        animation: tour-header-node-blips-before 6s linear both;
        -moz-animation-delay: 3s;
        -o-animation-delay: 3s;
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active:after {
        -moz-animation: tour-header-node-blips-after 6s linear both;
        -o-animation: tour-header-node-blips-after 6s linear both;
        -webkit-animation: tour-header-node-blips-after 6s linear both;
        animation: tour-header-node-blips-after 6s linear both;
        -moz-animation-delay: 3.5s;
        -o-animation-delay: 3.5s;
        -webkit-animation-delay: 3.5s;
        animation-delay: 3.5s
    }

    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active .node-center {
        -moz-animation: tour-header-node-center 6s linear both;
        -o-animation: tour-header-node-center 6s linear both;
        -webkit-animation: tour-header-node-center 6s linear both;
        animation: tour-header-node-center 6s linear both;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active .node-center:before {
        -moz-animation: tour-header-node-center-before 6s cubic-bezier(.7, 0, .1, 1) both;
        -o-animation: tour-header-node-center-before 6s cubic-bezier(.7, 0, .1, 1) both;
        -webkit-animation: tour-header-node-center-before 6s cubic-bezier(.7, 0, .1, 1) both;
        animation: tour-header-node-center-before 6s cubic-bezier(.7, 0, .1, 1) both;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active .node-rings:before,
    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active .node-rings:after {
        -moz-animation: 5s cubic-bezier(0, 0, .1, 1) both;
        -o-animation: 5s cubic-bezier(0, 0, .1, 1) both;
        -webkit-animation: 5s cubic-bezier(0, 0, .1, 1) both;
        animation: 5s cubic-bezier(0, 0, .1, 1) both
    }

    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active .node-rings:before {
        -moz-animation-name: tour-header-node-rings-before-lg;
        -o-animation-name: tour-header-node-rings-before-lg;
        -webkit-animation-name: tour-header-node-rings-before-lg;
        animation-name: tour-header-node-rings-before-lg;
        -moz-animation-delay: 1.75s;
        -o-animation-delay: 1.75s;
        -webkit-animation-delay: 1.75s;
        animation-delay: 1.75s
    }

    .view-tour .tour-header .tour-header-image.anim-play-loop [class^=node-].active .node-rings:after {
        -moz-animation-name: tour-header-node-center-after-lg;
        -o-animation-name: tour-header-node-center-after-lg;
        -webkit-animation-name: tour-header-node-center-after-lg;
        animation-name: tour-header-node-rings-after-lg;
        -moz-animation-delay: 3s;
        -o-animation-delay: 3s;
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }
}

.view-tour .tour-header .tour-header-image .nodes .node-1:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-1.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-1:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-2.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-1 .node-center {
    top: 360px;
    left: 550px
}

.view-tour .tour-header .tour-header-image .nodes .node-2:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-3.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-2:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-4.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-2 .node-center {
    top: 270px;
    left: 1580px
}

.view-tour .tour-header .tour-header-image .nodes .node-3:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-5.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-3:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-6.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-3 .node-center {
    top: 240px;
    left: 1640px
}

.view-tour .tour-header .tour-header-image .nodes .node-4:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-1.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-4:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-6.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-4 .node-center {
    top: 690px;
    left: 610px
}

.view-tour .tour-header .tour-header-image .nodes .node-5:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-2.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-5:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-3.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-5 .node-center {
    top: 660px;
    left: 1120px
}

.view-tour .tour-header .tour-header-image .nodes .node-6:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-4.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-6:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-5.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-6 .node-center {
    top: 490px;
    left: 1500px
}

.view-tour .tour-header .tour-header-image .nodes .node-7:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-1.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-7:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-5.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-7 .node-center {
    top: 210px;
    left: 900px
}

.view-tour .tour-header .tour-header-image .nodes .node-8:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-1.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-8:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-4.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-8 .node-center {
    top: 590px;
    left: 710px
}

.view-tour .tour-header .tour-header-image .nodes .node-9:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-2.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-9:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-5.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-9 .node-center {
    top: 410px;
    left: 1380px
}

.view-tour .tour-header .tour-header-image .nodes .node-10:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-3.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-10:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-6.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-10 .node-center {
    top: 170px;
    left: 1160px
}

.view-tour .tour-header .tour-header-image .nodes .node-11:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-5.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-11:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-1.png), url(/assets/images/areas/tour/header-tour-map-blips-3.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-11 .node-center {
    top: 360px;
    left: 1160px
}

.view-tour .tour-header .tour-header-image .nodes .node-12:before {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-6.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-12:after {
    background-image: url(/assets/images/areas/tour/header-tour-map-blips-2.png), url(/assets/images/areas/tour/header-tour-map-blips-4.png)
}

.view-tour .tour-header .tour-header-image .nodes .node-12 .node-center {
    top: 210px;
    left: 580px
}

.view-tour .tour-header.anim-enter .tour-header-content {
    opacity: 1;
    -moz-transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s;
    -o-transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s;
    -webkit-transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s;
    transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s
}

.view-tour .tour-header.anim-enter .tour-header-image {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    -o-transform-origin: 50% 25%;
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -moz-transition: transform 2s cubic-bezier(0, 0, .1, 1);
    -o-transition: transform 2s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: transform 2s cubic-bezier(0, 0, .1, 1);
    transition: transform 2s cubic-bezier(0, 0, .1, 1)
}

.view-tour .reach-section {
    height: 350vw;
    min-height: 1250px;
    max-height: 1800px
}

.view-tour .reach-section .tour-section-content {
    position: relative;
    z-index: 5;
    margin-top: 90px
}

.view-tour .reach-section .tour-section-title {
    color: #3e184b
}

.view-tour .reach-section .tour-section-info {
    max-width: 28em
}

.view-tour .reach-section .tour-section-image {
    position: relative;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    width: 100vw;
    height: 100vw;
    max-width: 600px;
    max-height: 600px
}

.view-tour .reach-section .tour-techspec {
    margin: 0 auto;
    opacity: 0;
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

@media (max-width: 767px) {
    .view-tour .reach-section .tour-section-image {
        margin-top: 100px
    }

    .view-tour .reach-section .tour-techspec {
        top: 40vw
    }
}

@media (min-width: 768px) {
    .view-tour .reach-section {
        height: 1400px
    }

    .view-tour .reach-section .tour-section-title,
    .view-tour .reach-section .tour-section-info {
        text-align: left
    }

    .view-tour .reach-section .tour-section-image {
        margin-left: 200px
    }

    .view-tour .reach-section .tour-techspec {
        position: absolute;
        left: auto;
        right: 50%;
        margin: 0 15px;
        text-align: right
    }
}

@media (min-width: 1200px) {
    .view-tour .reach-section {
        height: 1440px
    }

    .view-tour .reach-section .tour-techspec {
        right: 60%
    }
}

.view-tour .reach-section .device {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 620px;
    max-height: 560px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.view-tour .reach-section .device-layer-1,
.view-tour .reach-section .device-layer-2,
.view-tour .reach-section .device-layer-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: contain
}

.view-tour .reach-section .device-layer-1 {
    background-image: url(/assets/images/areas/tour/reach-device-layer-1.png)
}

.view-tour .reach-section .device-layer-2 {
    background-image: url(/assets/images/areas/tour/reach-device-layer-2.png);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%)
}

.view-tour .reach-section .device-layer-3 {
    background-image: url(/assets/images/areas/tour/reach-device-layer-3.png);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%)
}

.view-tour .reach-section .audience {
    position: absolute;
    width: 300%;
    height: 300%;
    max-width: 1597px;
    max-height: 951px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/assets/images/areas/tour/reach-audience.png) center center no-repeat;
    background-size: contain;
    opacity: 0;
    margin-top: 65px;
    margin-left: -50px
}

.view-tour .reach-section .audience:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    max-width: 1169px;
    max-height: 759px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/assets/images/areas/tour/reach-audience-hearts.png) center center no-repeat;
    background-size: contain;
    margin-top: -80px;
    margin-left: 110px;
    opacity: 0
}

@media (max-width: 767px) {
    .view-tour .reach-section .audience:after {
        display: none
    }
}

.view-tour .reach-section .rings {
    width: 275%;
    height: 275%;
    max-width: 1640px;
    max-height: 1640px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.view-tour .reach-section .ring-1,
.view-tour .reach-section .ring-2,
.view-tour .reach-section .ring-3,
.view-tour .reach-section .ring-4 {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 3px solid #895AFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0
}

.view-tour .reach-section .ring-1:after,
.view-tour .reach-section .ring-2:after,
.view-tour .reach-section .ring-3:after,
.view-tour .reach-section .ring-4:after {
    content: " ";
    display: block;
    padding-top: 66%
}

.view-tour .reach-section .ring-1 {
    width: 48%
}

.view-tour .reach-section .ring-2 {
    width: 66%
}

.view-tour .reach-section .ring-3 {
    width: 88%
}

.view-tour .reach-section .ring-4 {
    width: 90%
}

.view-tour .reach-section .tour-section-image.anim-enter .device-layer-1,
.view-tour .reach-section .tour-section-image.anim-enter .device-layer-2,
.view-tour .reach-section .tour-section-image.anim-enter .device-layer-3 {
    -moz-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transition-property: transform;
    transition-property: transform;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(.7, 0, 1, 1);
    -o-transition-timing-function: cubic-bezier(.7, 0, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(.7, 0, 1, 1);
    transition-timing-function: cubic-bezier(.7, 0, 1, 1)
}

.view-tour .reach-section .tour-section-image.anim-enter .device-layer-2,
.view-tour .reach-section .tour-section-image.anim-enter .device-layer-3 {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.view-tour .reach-section .tour-section-image.anim-enter .audience {
    -moz-transition-property: opacity, margin;
    -o-transition-property: opacity, margin;
    -webkit-transition-property: opacity, margin;
    transition-property: opacity, margin;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
    opacity: 1;
    margin-top: 45px
}

@media (min-width: 768px) {
    .view-tour .reach-section .tour-section-image.anim-enter .audience:after {
        -moz-animation: tour-audience-hearts 3s cubic-bezier(0, 0, .1, 1) both;
        -o-animation: tour-audience-hearts 3s cubic-bezier(0, 0, .1, 1) both;
        -webkit-animation: tour-audience-hearts 3s cubic-bezier(0, 0, .1, 1) both;
        animation: tour-audience-hearts 3s cubic-bezier(0, 0, .1, 1) both;
        -moz-animation-delay: 2s;
        -o-animation-delay: 2s;
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }
}

.view-tour .reach-section .tour-section-image.anim-enter .ring-1,
.view-tour .reach-section .tour-section-image.anim-enter .ring-2,
.view-tour .reach-section .tour-section-image.anim-enter .ring-3,
.view-tour .reach-section .tour-section-image.anim-enter .ring-4 {
    -moz-transition-property: opacity, width;
    -o-transition-property: opacity, width;
    -webkit-transition-property: opacity, width;
    transition-property: opacity, width;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.view-tour .reach-section .tour-section-image.anim-enter .ring-1 {
    width: 58%;
    opacity: .3;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.view-tour .reach-section .tour-section-image.anim-enter .ring-2 {
    width: 76%;
    opacity: .15;
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.view-tour .reach-section .tour-section-image.anim-enter .ring-3 {
    width: 98%;
    opacity: .1;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.view-tour .reach-section .tour-section-image.anim-enter .ring-4 {
    width: 100%;
    opacity: .05;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.view-tour .reach-section .path-straight {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 52.5vw;
    margin-left: -1.5px;
    width: 3px;
    height: 0;
    background-color: #895aff;
    background-image: linear-gradient(to bottom, #fff0 75%, #fff);
    opacity: .3;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

@media (min-width: 600px) {
    .view-tour .reach-section .path-straight {
        margin-top: 315px
    }
}

@media (min-width: 768px) {
    .view-tour .reach-section .path-straight {
        display: none
    }
}

.view-tour .reach-section .path-straight.anim-enter {
    -moz-transition: height 1s;
    -o-transition: height 1s;
    -webkit-transition: height 1s;
    transition: height 1s;
    height: 150vw
}

.view-tour .reach-section .paths-angled {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 271px;
    margin-left: -240px;
    width: 400px;
    height: 400px;
    overflow: hidden;
    opacity: .3;
    -moz-transform: skew(-41deg, 21deg);
    -ms-transform: skew(-41deg, 21deg);
    -o-transform: skew(-41deg, 21deg);
    -webkit-transform: skew(-41deg, 21deg);
    transform: skew(-41deg, 21deg);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@media (max-width: 767px) {
    .view-tour .reach-section .paths-angled {
        display: none
    }
}

.view-tour .reach-section .paths-angled .path-1,
.view-tour .reach-section .paths-angled .path-2,
.view-tour .reach-section .paths-angled .path-3 {
    position: absolute
}

.view-tour .reach-section .paths-angled .path-1 {
    top: 0;
    left: 0;
    width: 3px;
    background-color: #895aff;
    height: 0
}

.view-tour .reach-section .paths-angled .path-2 {
    top: 50%;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #895aff;
    background-image: linear-gradient(to right, #895aff, #38548d)
}

.view-tour .reach-section .paths-angled .path-3 {
    top: 50%;
    right: 0;
    width: 3px;
    background-color: #895aff;
    background-image: linear-gradient(to bottom, #38548d 75%, #fff);
    height: 0
}

.view-tour .reach-section .paths-angled.anim-enter .path-1,
.view-tour .reach-section .paths-angled.anim-enter .path-2,
.view-tour .reach-section .paths-angled.anim-enter .path-3 {
    -moz-transition-property: width, height;
    -o-transition-property: width, height;
    -webkit-transition-property: width, height;
    transition-property: width, height;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.view-tour .reach-section .paths-angled.anim-enter .path-1 {
    height: 50%
}

.view-tour .reach-section .paths-angled.anim-enter .path-2 {
    -moz-transition-delay: .25s;
    -o-transition-delay: .25s;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    width: 100%
}

.view-tour .reach-section .paths-angled.anim-enter .path-3 {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    height: 50%
}

.view-tour .inspire-section {
    height: 800px
}

.view-tour .inspire-section .tour-section-image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 3500px;
    height: 2500px;
    text-align: center;
    margin-left: -1750px;
    -moz-transform: scale(.66);
    -ms-transform: scale(.66);
    -o-transform: scale(.66);
    -webkit-transform: scale(.66);
    transform: scale(.66);
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.view-tour .inspire-section .inspire-photos [class^=inspire-photo-] {
    position: absolute;
    width: 490px;
    height: 366px;
    background-image: url(/assets/images/areas/tour/inspire-photos-spritesheet.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .1), 12px 12px 6px -6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .1), 12px 12px 6px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 0 16px #0000001a, 12px 12px 6px -6px #0000004d;
    opacity: 0;
    -moz-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    -ms-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    -o-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    -webkit-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px);
    transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px)
}

.view-tour .inspire-section .inspire-photos [class^=inspire-photo-].anim-enter {
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    opacity: 1;
    -moz-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    -ms-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    -o-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    -webkit-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0)
}

.view-tour .inspire-section .inspire-photos .inspire-photo-1 {
    top: 50px;
    left: 1430px;
    background-position: 0 -3681px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-2 {
    top: 280px;
    left: 1960px;
    background-position: 0 0
}

.view-tour .inspire-section .inspire-photos .inspire-photo-3 {
    top: 410px;
    left: 2620px;
    background-position: 0 -369px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-4 {
    top: 1480px;
    left: 1800px;
    background-position: 0 -737px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-5 {
    top: 740px;
    left: 860px;
    background-position: 0 -2945px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-6 {
    top: 750px;
    left: 2300px;
    background-position: 0 -1473px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-7 {
    top: 520px;
    left: 330px;
    background-position: 0 -1841px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-8 {
    top: 350px;
    left: 1040px;
    background-position: 0 -2209px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-9 {
    top: 1150px;
    left: 2190px;
    background-position: 0 -2577px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-10 {
    top: 1650px;
    left: 2510px;
    background-position: 0 -1105px
}

.view-tour .inspire-section .inspire-photos .inspire-photo-11 {
    top: 1020px;
    left: 280px;
    background-position: 0 -3313px
}

.view-tour .inspire-section .tour-techspec {
    position: absolute;
    top: 150px;
    right: 15px;
    left: 15px;
    margin: 0 auto;
    max-width: 420px
}

.view-tour .inspire-section .tour-section-content {
    position: relative;
    top: 450px
}

.view-tour .inspire-section .tour-section-title,
.view-tour .inspire-section .tour-section-info-1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.view-tour .inspire-section .tour-section-title {
    max-width: 9em;
    color: #051e55
}

.view-tour .inspire-section .tour-section-info {
    max-width: 24em
}

@media (min-width: 768px) {
    .view-tour .inspire-section {
        height: 880px
    }

    .view-tour .inspire-section .tour-techspec {
        top: 150px;
        left: 50%;
        right: auto;
        margin: 0 15px;
        text-align: left
    }

    .view-tour .inspire-section .tour-section-image {
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .view-tour .inspire-section .tour-section-content {
        top: 520px;
        left: 45px
    }
}

@media (min-width: 992px) {
    .view-tour .inspire-section {
        height: 1100px
    }

    .view-tour .inspire-section .tour-section-image {
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .view-tour .inspire-section .tour-section-content {
        top: 680px;
        left: 30px
    }
}

@media (min-width: 1200px) {
    .view-tour .inspire-section {
        height: 1200px
    }

    .view-tour .inspire-section .tour-section-image {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .view-tour .inspire-section .tour-techspec {
        left: 60%
    }

    .view-tour .inspire-section .tour-section-content {
        top: 720px;
        left: 50px
    }
}

.view-tour .convert-section {
    height: 1700px;
    color: #fff;
    background-image: linear-gradient(to bottom, #0f192f00 15%, #0f192f 40%, #4d1853)
}

.view-tour .convert-section:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -moz-box-shadow: 0 -30px 30px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 -30px 30px rgba(0, 0, 0, .15);
    box-shadow: 0 -30px 30px #00000026
}

.view-tour .convert-section .tour-section-image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 3500px;
    height: 2500px;
    text-align: center;
    margin-left: -1750px;
    -moz-transform: scale(.66);
    -ms-transform: scale(.66);
    -o-transform: scale(.66);
    -webkit-transform: scale(.66);
    transform: scale(.66);
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.view-tour .convert-section .convert-photos [class^=convert-photo-] {
    position: absolute;
    width: 800px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .1), 12px 12px 6px -6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .1), 12px 12px 6px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 0 16px #0000001a, 12px 12px 6px -6px #0000004d;
    opacity: 0;
    -moz-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px) translateZ(0);
    -ms-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px) translateZ(0);
    -o-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px) translateZ(0);
    -webkit-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px) translateZ(0);
    transform: rotate(30deg) skew(-10.9deg, -9deg) translate(-18px, -30px) translateZ(0)
}

.view-tour .convert-section .convert-photos [class^=convert-photo-].anim-enter {
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    opacity: 1;
    -moz-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    -ms-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    -o-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    -webkit-transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0, 0);
    transform: rotate(30deg) skew(-10.9deg, -9deg) translate(0)
}

.view-tour .convert-section .convert-photos .convert-photo-1 {
    top: 0;
    left: 560px;
    height: 1274px;
    background-image: linear-gradient(165deg, #0f192f00 33%, #0f192f), url(/assets/images/areas/tour/product-story-explorer.jpg)
}

.view-tour .convert-section .convert-photos .convert-photo-2 {
    top: 890px;
    left: 2380px;
    background-image: linear-gradient(165deg, #0f192f00 33%, #0f192f), url(/assets/images/areas/tour/product-friend-landing.jpg)
}

.view-tour .convert-section .convert-photos .convert-photo-3 {
    top: 660px;
    left: 1410px;
    background-image: linear-gradient(165deg, #0f192f00 33%, #0f192f), url(/assets/images/areas/tour/product-discovery-ranges.jpg)
}

.view-tour .convert-section .convert-photos .convert-photo-4 {
    top: 1450px;
    left: 1880px;
    background-image: linear-gradient(165deg, #32184300 33%, #321843), url(/assets/images/areas/tour/product-discovery-linearcalendar.jpg)
}

.view-tour .convert-section .convert-photos .convert-photo-5 {
    top: 1320px;
    left: 320px;
    background-image: linear-gradient(165deg, #0f192fbf 33%, #321843), url(/assets/images/areas/tour/product-discovery-router.jpg)
}

.view-tour .convert-section .convert-photos .convert-photo-6 {
    top: 1880px;
    left: 1050px;
    background-image: linear-gradient(165deg, #32184300 33%, #321843), url(/assets/images/areas/tour/product-confirmationx.jpg)
}

.view-tour .convert-section .tour-section-content {
    position: relative;
    top: 900px
}

.view-tour .convert-section .tour-section-title-1 {
    color: #8cc9ff;
    max-width: 15em
}

.view-tour .convert-section .tour-section-info-1 {
    max-width: 26em
}

.view-tour .convert-section .tour-techspec {
    position: absolute;
    top: 1300px;
    right: 15px;
    left: 15px;
    margin: 0 auto;
    max-width: 420px
}

@media (min-width: 768px) {
    .view-tour .convert-section {
        height: 1920px
    }

    .view-tour .convert-section .tour-section-image {
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .view-tour .convert-section .tour-section-content {
        top: 1000px
    }

    .view-tour .convert-section .tour-techspec {
        top: 1450px;
        left: 50%;
        right: auto;
        margin: 0 15px;
        text-align: left
    }
}

@media (min-width: 992px) {
    .view-tour .convert-section {
        height: 2300px
    }

    .view-tour .convert-section .tour-section-image {
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .view-tour .convert-section .tour-section-content {
        top: 1260px
    }

    .view-tour .convert-section .tour-techspec {
        top: 1800px
    }
}

@media (min-width: 1200px) {
    .view-tour .convert-section {
        height: 2550px
    }

    .view-tour .convert-section .tour-section-image {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .view-tour .convert-section .tour-techspec {
        top: 1860px;
        left: 55%
    }
}

.view-tour .impact-section .tour-section-content {
    opacity: 0;
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.view-tour .impact-section .tour-section-content.anim-enter {
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.view-tour .impact-section .tour-section-title {
    font-size: 50px;
    line-height: 1;
    text-align: center;
    padding-top: 45px;
    color: #0f192f
}

.view-tour .impact-section .tour-section-title span {
    display: block
}

.view-tour .impact-section .tour-section-title span:nth-child(1) {
    font-size: .98em;
    font-weight: 700
}

.view-tour .impact-section .tour-section-title span:nth-child(2) {
    font-size: 1em
}

.view-tour .impact-section .tour-section-title span:nth-child(3) {
    font-size: 1.73em;
    font-weight: 700;
    letter-spacing: -.02em;
    margin-top: -.1em
}

.view-tour .impact-section .tour-section-title span:nth-child(4) {
    font-size: .915em
}

@media (min-width: 480px) {
    .view-tour .impact-section .tour-section-title {
        font-size: 14vw;
        font-weight: 300
    }
}

@media (min-width: 768px) {
    .view-tour .impact-section .tour-section-title {
        font-size: 120px
    }
}

.view-tour .impact-section .tour-section-subtitle {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 30px
}

.view-tour .impact-section .tour-section-image {
    margin-top: 45px
}

.view-tour .impact-section .tour-section-image .screenshot-1,
.view-tour .impact-section .tour-section-image .screenshot-2,
.view-tour .impact-section .tour-section-image .screenshot-3 {
    position: relative;
    perspective: 1000px;
    width: 100%;
    height: 25vw;
    max-height: 300px
}

.view-tour .impact-section .tour-section-image .screenshot-1:before,
.view-tour .impact-section .tour-section-image .screenshot-2:before,
.view-tour .impact-section .tour-section-image .screenshot-3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 360px;
    height: 360px;
    background: #fff top center no-repeat;
    background-size: cover;
    -moz-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 -15px 30px -10px rgba(0, 0, 0, .1);
    box-shadow: 0 -15px 30px -10px #0000001a;
    cursor: pointer;
    -moz-transform: translate(-50%, 0) scale(.9) rotate3d(-1, 0, 0, 30deg);
    -ms-transform: translate(-50%, 0) scale(.9) rotate3d(-1, 0, 0, 30deg);
    -o-transform: translate(-50%, 0) scale(.9) rotate3d(-1, 0, 0, 30deg);
    -webkit-transform: translate(-50%, 0) scale(.9) rotate3d(-1, 0, 0, 30deg);
    transform: translate(-50%) scale(.9) rotate3d(-1, 0, 0, 30deg);
    transform-origin: top center
}

.view-tour .impact-section .tour-section-image .screenshot-1 .pulse,
.view-tour .impact-section .tour-section-image .screenshot-2 .pulse,
.view-tour .impact-section .tour-section-image .screenshot-3 .pulse {
    position: absolute;
    top: 0;
    left: 50%;
    width: 16px;
    height: 16px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #7cccc7;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.view-tour .impact-section .tour-section-image .screenshot-1 .pulse:before,
.view-tour .impact-section .tour-section-image .screenshot-2 .pulse:before,
.view-tour .impact-section .tour-section-image .screenshot-3 .pulse:before,
.view-tour .impact-section .tour-section-image .screenshot-1 .pulse:after,
.view-tour .impact-section .tour-section-image .screenshot-2 .pulse:after,
.view-tour .impact-section .tour-section-image .screenshot-3 .pulse:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #7cccc7;
    opacity: .5
}

.view-tour .impact-section .tour-section-image .screenshot-1 .pulse:before,
.view-tour .impact-section .tour-section-image .screenshot-2 .pulse:before,
.view-tour .impact-section .tour-section-image .screenshot-3 .pulse:before {
    width: 300%;
    height: 300%
}

.view-tour .impact-section .tour-section-image .screenshot-1 .pulse:after,
.view-tour .impact-section .tour-section-image .screenshot-2 .pulse:after,
.view-tour .impact-section .tour-section-image .screenshot-3 .pulse:after {
    width: 500%;
    height: 500%
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .view-tour .impact-section .tour-section-image .screenshot-1 .pulse:before,
    .view-tour .impact-section .tour-section-image .screenshot-2 .pulse:before,
    .view-tour .impact-section .tour-section-image .screenshot-3 .pulse:before {
        display: none
    }
}

.view-tour .impact-section .tour-section-image .screenshot-1 .tour-techspec,
.view-tour .impact-section .tour-section-image .screenshot-2 .tour-techspec,
.view-tour .impact-section .tour-section-image .screenshot-3 .tour-techspec {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    width: 85%;
    margin: 0 auto;
    pointer-events: none;
    opacity: 0;
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.view-tour .impact-section .tour-section-image .screenshot-1:before {
    background-image: url(/assets/images/areas/tour/impact-screen-3.jpg)
}

.view-tour .impact-section .tour-section-image .screenshot-1 .pulse {
    top: 25%;
    left: 66%
}

.view-tour .impact-section .tour-section-image .screenshot-2:before {
    margin-top: 15px;
    background-image: url(/assets/images/areas/tour/impact-screen-1.jpg)
}

.view-tour .impact-section .tour-section-image .screenshot-2 .pulse {
    top: 25%;
    left: 33%
}

.view-tour .impact-section .tour-section-image .screenshot-2 .tour-techspec {
    padding-bottom: 40px
}

.view-tour .impact-section .tour-section-image .screenshot-3:before {
    margin-top: 30px;
    background-image: url(/assets/images/areas/tour/impact-screen-2.jpg)
}

.view-tour .impact-section .tour-section-image .screenshot-3 .pulse {
    top: 50%;
    left: 60%
}

@media (min-width: 480px) {

    .view-tour .impact-section .tour-section-image .screenshot-1:before,
    .view-tour .impact-section .tour-section-image .screenshot-2:before,
    .view-tour .impact-section .tour-section-image .screenshot-3:before {
        width: 480px;
        height: 480px
    }
}

@media (min-width: 768px) {

    .view-tour .impact-section .tour-section-image .screenshot-1:before,
    .view-tour .impact-section .tour-section-image .screenshot-2:before,
    .view-tour .impact-section .tour-section-image .screenshot-3:before {
        width: 900px;
        height: 900px
    }

    .view-tour .impact-section .tour-section-image .screenshot-1 .tour-techspec {
        top: 7%;
        left: auto;
        right: 10px;
        max-width: 360px;
        text-align: left
    }

    .view-tour .impact-section .tour-section-image .screenshot-2 .tour-techspec {
        top: 7%;
        left: 10px;
        right: auto;
        padding-bottom: 30px;
        max-width: 400px;
        text-align: left
    }

    .view-tour .impact-section .tour-section-image .screenshot-3 .tour-techspec {
        top: 7%;
        left: auto;
        right: 10px;
        text-align: left
    }
}

@media (min-width: 992px) {
    .view-tour .impact-section .tour-section-image {
        margin-top: 60px
    }

    .view-tour .impact-section .tour-section-image .screenshot-1:before,
    .view-tour .impact-section .tour-section-image .screenshot-2:before,
    .view-tour .impact-section .tour-section-image .screenshot-3:before {
        width: 960px;
        height: 960px
    }

    .view-tour .impact-section .tour-section-image .screenshot-1 .tour-techspec {
        left: 60%;
        right: auto
    }

    .view-tour .impact-section .tour-section-image .screenshot-2 .tour-techspec {
        left: auto;
        right: 60%
    }

    .view-tour .impact-section .tour-section-image .screenshot-3 .tour-techspec {
        top: 15%;
        left: 60%;
        right: auto
    }
}

@media (min-width: 1200px) {

    .view-tour .impact-section .tour-section-image .screenshot-1:before,
    .view-tour .impact-section .tour-section-image .screenshot-2:before,
    .view-tour .impact-section .tour-section-image .screenshot-3:before {
        width: 1080px;
        height: 1080px
    }
}

.view-tour .impact-section .tour-section-image.anim-enter .screenshot-1:before,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-2:before,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-3:before {
    -moz-transition-property: margin, transform;
    -o-transition-property: margin, transform;
    -webkit-transition-property: margin, transform;
    transition-property: margin, transform;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    transition-timing-function: cubic-bezier(.7, 0, .1, 1)
}

.view-tour .impact-section .tour-section-image.anim-enter .screenshot-1.active:before,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-2.active:before,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-3.active:before {
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transform: translate(-50%, -25%) scale(1) rotate3d(-1, 0, 0, 30deg);
    -ms-transform: translate(-50%, -25%) scale(1) rotate3d(-1, 0, 0, 30deg);
    -o-transform: translate(-50%, -25%) scale(1) rotate3d(-1, 0, 0, 30deg);
    -webkit-transform: translate(-50%, -25%) scale(1) rotate3d(-1, 0, 0, 30deg);
    transform: translate(-50%, -25%) scale(1) rotate3d(-1, 0, 0, 30deg)
}

.view-tour .impact-section .tour-section-image.anim-enter .screenshot-1.active .pulse,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-2.active .pulse,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-3.active .pulse {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition-delay: .25s;
    -o-transition-delay: .25s;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.view-tour .impact-section .tour-section-image.anim-enter .screenshot-1.active .tour-techspec,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-2.active .tour-techspec,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-3.active .tour-techspec {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.view-tour .impact-section .tour-section-image.anim-enter .screenshot-1:not(.active) .tour-techspec,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-2:not(.active) .tour-techspec,
.view-tour .impact-section .tour-section-image.anim-enter .screenshot-3:not(.active) .tour-techspec {
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.view-tour .impact-section .tour-section-image.anim-enter .pulse {
    -moz-transition: transform .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: transform .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: transform .5s cubic-bezier(0, 0, .1, 1);
    transition: transform .5s cubic-bezier(0, 0, .1, 1);
    -moz-transition-delay: .75s;
    -o-transition-delay: .75s;
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.view-tour .impact-section .tour-section-image.anim-enter .pulse:before {
    -moz-animation: tour-pulse-loop-before 1s cubic-bezier(.7, 0, .1, 1) infinite alternate;
    -o-animation: tour-pulse-loop-before 1s cubic-bezier(.7, 0, .1, 1) infinite alternate;
    -webkit-animation: tour-pulse-loop-before 1s cubic-bezier(.7, 0, .1, 1) infinite alternate;
    animation: tour-pulse-loop-before 1s cubic-bezier(.7, 0, .1, 1) infinite alternate
}

.view-tour .impact-section .tour-section-image.anim-enter .pulse:after {
    -moz-animation: tour-pulse-loop-after 1s cubic-bezier(.7, 0, .1, 1) .1s infinite alternate;
    -o-animation: tour-pulse-loop-after 1s cubic-bezier(.7, 0, .1, 1) .1s infinite alternate;
    -webkit-animation: tour-pulse-loop-after 1s cubic-bezier(.7, 0, .1, 1) .1s infinite alternate;
    animation: tour-pulse-loop-after 1s cubic-bezier(.7, 0, .1, 1) .1s infinite alternate
}

.view-tour .impact-section .tour-section-image:not(.anim-enter) .pulse {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.view-tour .impact-section .graph {
    position: relative;
    width: 120vw;
    height: 30vw;
    -moz-transform: translateX(-10vw) scaleY(0);
    -ms-transform: translateX(-10vw) scaleY(0);
    -o-transform: translateX(-10vw) scaleY(0);
    -webkit-transform: translateX(-10vw) scaleY(0);
    transform: translate(-10vw) scaleY(0);
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    pointer-events: none;
    background: url(/assets/images/areas/tour/impact-graph.png) center center no-repeat;
    background-size: cover
}

.view-tour .impact-section .graph.anim-enter {
    -moz-transition: transform .5s cubic-bezier(0, 0, .1, 1);
    -o-transition: transform .5s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: transform .5s cubic-bezier(0, 0, .1, 1);
    transition: transform .5s cubic-bezier(0, 0, .1, 1);
    -moz-transform: translateX(-10vw) scaleY(1);
    -ms-transform: translateX(-10vw) scaleY(1);
    -o-transform: translateX(-10vw) scaleY(1);
    -webkit-transform: translateX(-10vw) scaleY(1);
    transform: translate(-10vw) scaleY(1)
}

.view-tour .impact-section .impact-points {
    position: relative;
    min-height: 600px;
    padding-bottom: 180px;
    background-color: #3f4c93;
    background-image: linear-gradient(to bottom, #3f4c93, #1b2a66 25%, #0f192f)
}

.view-tour .impact-section .impact-points .impact-point {
    position: relative;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    opacity: 0;
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.view-tour .impact-section .impact-points .impact-point:before,
.view-tour .impact-section .impact-points .impact-point:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    opacity: .3
}

.view-tour .impact-section .impact-points .impact-point:before {
    width: 150px;
    height: 2px
}

.view-tour .impact-section .impact-points .impact-point:after {
    width: 2px;
    height: 0;
    margin-top: 2px
}

.view-tour .impact-section .impact-points .impact-point:last-child:before {
    width: 0;
    margin-top: 45px
}

.view-tour .impact-section .impact-points .impact-point-title {
    max-width: 16em;
    margin: 5em auto 0;
    font-size: 30px;
    line-height: 1.2
}

.view-tour .impact-section .impact-points .impact-point:first-child .impact-point-title {
    margin-top: 2em
}

.view-tour .impact-section .impact-points .impact-point-info {
    max-width: 30em;
    margin: 1.5em auto 0;
    padding-bottom: 2em;
    font-size: 16px
}

@media (min-width: 480px) {
    .view-tour .impact-section .impact-points .impact-point-title {
        font-size: 36px
    }

    .view-tour .impact-section .impact-points .impact-point-info {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-tour .impact-section .impact-points {
        padding-bottom: 250px
    }

    .view-tour .impact-section .impact-points .impact-point-title {
        font-size: 40px
    }

    .view-tour .impact-section .impact-points .impact-point-info {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-tour .impact-section .impact-points .impact-point-title {
        font-size: 48px
    }

    .view-tour .impact-section .impact-points .impact-point-info {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-tour .impact-section .impact-points .impact-point-title {
        font-size: 54px
    }

    .view-tour .impact-section .impact-points .impact-point-info {
        font-size: 24px
    }
}

.view-tour .impact-section .impact-points .impact-point-1 .impact-point-title {
    color: #56d5ce
}

.view-tour .impact-section .impact-points .impact-point-1:before,
.view-tour .impact-section .impact-points .impact-point-1:after {
    background-color: #56d5ce
}

.view-tour .impact-section .impact-points .impact-point-2 .impact-point-title {
    color: #4ae2a9
}

.view-tour .impact-section .impact-points .impact-point-2 .impact-point-info {
    max-width: 34em
}

.view-tour .impact-section .impact-points .impact-point-2:before,
.view-tour .impact-section .impact-points .impact-point-2:after {
    background-color: #4ae2a9
}

.view-tour .impact-section .impact-points .impact-point-3 .impact-point-title {
    color: #33d15c
}

.view-tour .impact-section .impact-points .impact-point-3 .impact-point-info {
    max-width: 34em
}

.view-tour .impact-section .impact-points .impact-point-3:before {
    background-color: #33d15c
}

.view-tour .impact-section .impact-points .impact-point.anim-enter {
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.view-tour .impact-section .impact-points .impact-point.anim-enter:before,
.view-tour .impact-section .impact-points .impact-point.anim-enter:after {
    -moz-transition-property: width, height;
    -o-transition-property: width, height;
    -webkit-transition-property: width, height;
    transition-property: width, height;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -moz-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.view-tour .impact-section .impact-points .impact-point.anim-enter:before {
    width: 0
}

.view-tour .impact-section .impact-points .impact-point.anim-enter:after {
    height: 120px
}

@media (min-width: 768px) {
    .view-tour .impact-section .impact-points .impact-point.anim-enter:after {
        height: 140px
    }
}

@media (min-width: 992px) {
    .view-tour .impact-section .impact-points .impact-point.anim-enter:after {
        height: 180px
    }
}

@media (min-width: 1200px) {
    .view-tour .impact-section .impact-points .impact-point.anim-enter:after {
        height: 200px
    }
}

.view-tour .impact-section .impact-points .impact-point.anim-enter:last-child:before {
    width: 33%
}

.view-tour .customer-cases-section {
    height: 740px;
    color: #fff;
    background: #000;
    overflow: hidden;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.view-tour .customer-cases-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #0f192f, #0f192f4d);
    z-index: 2
}

.view-tour .customer-cases-section .tour-section-image {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 5360px;
    height: 1420px;
    -moz-transform: translateX(-50%) rotateX(42deg);
    -ms-transform: translateX(-50%) rotateX(42deg);
    -o-transform: translateX(-50%) rotateX(42deg);
    -webkit-transform: translateX(-50%) rotateX(42deg);
    transform: translate(-50%) rotateX(42deg);
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    z-index: 1
}

.view-tour .customer-cases-section .tour-section-image:before,
.view-tour .customer-cases-section .tour-section-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1420px;
    background: url(/assets/images/areas/tour/customers-gallery-1.jpg) 0 0 repeat-x;
    background-size: contain
}

.view-tour .customer-cases-section .customer-case {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px 15px 90px;
    z-index: 3;
    opacity: 0;
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9);
    text-shadow: 0 1px 6px rgba(0, 0, 0, .3)
}

.view-tour .customer-cases-section .customer-quote {
    max-width: 32em;
    margin: 0 auto 2em;
    font-size: 20px;
    text-align: center
}

.view-tour .customer-cases-section .customer-name {
    font-size: 14px;
    text-align: center
}

.view-tour .customer-cases-section .customer-company {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.view-tour .customer-cases-section .ft-video-signature {
    margin: 0 auto;
    max-width: 24em
}

.view-tour .customer-cases-section .ft-profile-pic {
    border: 3px solid #fff
}

.view-tour .customer-cases-section .ft-profile-pic.alexhusner {
    background-image: url(/assets/images/areas/tour/customers-profile-alexhusner.jpg)
}

@media (min-width: 768px) {
    .view-tour .customer-cases-section .customer-quote {
        font-size: 20px
    }

    .view-tour .customer-cases-section .customer-name {
        font-size: 16px
    }

    .view-tour .customer-cases-section .customer-company {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .view-tour .customer-cases-section .customer-quote {
        font-size: 24px
    }
}

@media (min-width: 1200px) {
    .view-tour .customer-cases-section .customer-quote {
        font-size: 28px
    }

    .view-tour .customer-cases-section .customer-name {
        font-size: 18px
    }

    .view-tour .customer-cases-section .customer-company {
        font-size: 22px
    }
}

.view-tour .customer-cases-section.anim-enter .customer-case.active {
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-width: 768px) {
    .view-tour .customer-cases-section .tour-section-image.anim-play-loop:before {
        -moz-animation: tour-customer-grid-river-loop-before 240s linear infinite;
        -o-animation: tour-customer-grid-river-loop-before 240s linear infinite;
        -webkit-animation: tour-customer-grid-river-loop-before 240s linear infinite;
        animation: tour-customer-grid-river-loop-before 240s linear infinite
    }

    .view-tour .customer-cases-section .tour-section-image.anim-play-loop:after {
        -moz-animation: tour-customer-grid-river-loop-after 240s linear infinite;
        -o-animation: tour-customer-grid-river-loop-after 240s linear infinite;
        -webkit-animation: tour-customer-grid-river-loop-after 240s linear infinite;
        animation: tour-customer-grid-river-loop-after 240s linear infinite
    }
}

.view-tour .ft-cta-section .ft-btn-getstarted {
    font-size: 32px
}

.view-tour .ft-cta-section .ft-btn-getstarted:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    background: #4a90e2 url(/assets/images/areas/tour/cta-btn-map@2x.png) 0 center repeat-x;
    background-size: cover;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0)
}

.view-tour .ft-cta-section .ft-btn-getstarted:hover:before,
.view-tour .ft-cta-section .ft-btn-getstarted:focus:before {
    animation: tour-cta-button-hover 3s cubic-bezier(0, 0, .1, 1) infinite
}

.view-tour .ft-cta-section .ft-btn-getstarted:hover:after,
.view-tour .ft-cta-section .ft-btn-getstarted:focus:after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    animation: tour-cta-button-globe 10s linear infinite reverse
}

.view-tour .ft-cta-section.anim-enter {
    transition-property: opacity, transform;
    transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1);
    opacity: 1;
    transform: translateY(0)
}

.view-tour .ft-cta-section.anim-enter .ft-btn-getstarted:after {
    animation: tour-cta-button-globe 10s linear infinite reverse
}

@keyframes tour-header-node-center {
    0% {
        opacity: 0;
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -o-transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    10%,
    90% {
        opacity: .25;
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        opacity: 0;
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -o-transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }
}

@keyframes tour-header-node-center-before {
    0% {
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -o-transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    20%,
    80% {
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -o-transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }
}

@keyframes tour-header-node-rings-before-lg {
    0% {
        opacity: 0;
        width: 300%;
        height: 300%
    }

    0.0001% {
        opacity: 1
    }

    to {
        opacity: 0;
        width: 30vw;
        height: 30vw
    }
}

@keyframes tour-header-node-rings-after-lg {
    0% {
        opacity: 0;
        width: 300%;
        height: 300%
    }

    0.0001% {
        opacity: 1
    }

    to {
        opacity: 0;
        width: 120vw;
        height: 120vw
    }
}

@keyframes tour-header-node-blips-before {
    0% {
        opacity: 0
    }

    25%,
    50% {
        opacity: .2
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes tour-header-node-blips-after {
    0% {
        opacity: 0
    }

    25%,
    50% {
        opacity: .2
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes tour-audience-hearts {
    0% {
        opacity: 0
    }

    10%,
    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        margin-top: -120px
    }
}

@keyframes tour-pulse-loop-before {
    0% {
        -moz-transform: translate(-50%, -50%) scale(.33);
        -ms-transform: translate(-50%, -50%) scale(.33);
        -o-transform: translate(-50%, -50%) scale(.33);
        -webkit-transform: translate(-50%, -50%) scale(.33);
        transform: translate(-50%, -50%) scale(.33);
        opacity: 1
    }

    to {
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: .3
    }
}

@keyframes tour-pulse-loop-after {
    0% {
        -moz-transform: translate(-50%, -50%) scale(.4);
        -ms-transform: translate(-50%, -50%) scale(.4);
        -o-transform: translate(-50%, -50%) scale(.4);
        -webkit-transform: translate(-50%, -50%) scale(.4);
        transform: translate(-50%, -50%) scale(.4);
        opacity: .3
    }

    to {
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: .1
    }
}

@keyframes tour-customer-grid-river-loop-before {
    0% {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translate(0)
    }

    50% {
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }

    50.001% {
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translate(0)
    }
}

@keyframes tour-customer-grid-river-loop-after {
    0% {
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translate(100%)
    }

    to {
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@keyframes tour-cta-button-hover {
    0% {
        width: 150px;
        height: 150px
    }

    to {
        width: 250px;
        height: 250px;
        opacity: 0
    }
}

@keyframes tour-cta-button-globe {
    0% {
        background-position: 0 center
    }

    to {
        background-position: -250px center
    }
}

.modal-default {
    background: #232629;
    background: radial-gradient(circle farthest-corner at 40% 25%, #09131a, #000000e6);
}

.modal-default .get-started-form-section-label {
    margin-top: 0;
    margin-bottom: 1em
}

.modal-default .get-started .slide-navigation {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    width: 100%;
    max-width: 350px;
    height: 400px;
    background-color: #68cbe133;
    color: #fff;
    border-radius: 4px;
    padding: 200px 50px 120px;
    margin: 0 auto;
    text-decoration: none
}

.modal-default .get-started .slide-navigation:hover,
.modal-default .get-started .slide-navigation:active {
    background-color: #68cbe166
}

.modal-default .get-started .or-divider {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #68cbe1;
    font-size: 20px;
    color: #222;
    padding: 15px;
    border: none;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 1
}

.modal-default .get-started .btn-selfguided {
    background-image: url(/assets/images/icons/getstarted/icon_map@2x.png);
    background-size: 86px 74px;
    background-position: center 100px;
    background-repeat: no-repeat
}

.modal-default .get-started .btn-fullplatform {
    background-image: url(/assets/images/icons/getstarted/icon-nametag@2x.png);
    background-size: 96px 80px;
    background-position: center 100px;
    background-repeat: no-repeat
}

@media (max-width: 768px) {
    .modal-default .get-started .slide-navigation {
        display: block;
        height: auto;
        padding: 150px 25px 60px
    }

    .modal-default .get-started .slide-navigation h4 {
        font-size: 16px
    }

    .modal-default .get-started .or-divider {
        font-size: 14px;
        padding: 10px
    }

    .modal-default .get-started .btn-selfguided,
    .modal-default .get-started .btn-fullplatform {
        background-position-y: 50px
    }

    .modal-default .get-started .btn-fullplatform {
        margin-top: 5px
    }
}

.ft-features-carousel .layer-panel {
    display: none
}

.ft-features-carousel .layer-panel.active {
    display: block
}

.ft-features-carousel .carousel-control {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -44px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px
}

.ft-features-carousel .carousel-control.left {
    left: -15px;
    background-image: url(/assets/images/icons/common/icon-carousel-arrowleft@2x.png)
}

.ft-features-carousel .carousel-control.right {
    right: -15px;
    background-image: url(/assets/images/icons/common/icon-carousel-arrowright@2x.png)
}

.ft-features-carousel .carousel-indicators {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 20px 0 0;
    width: auto
}

.ft-features-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border: 2px solid #c3c6c9;
    margin: 0 5px
}

.ft-features-carousel .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    background-color: #4a90e2;
    border-color: #4a90e2
}

.view.view-features .header {
    padding-top: 160px;
    padding-bottom: 60px;
    background-color: #1f557f;
    background-image: linear-gradient(-3deg, #978695, #1f557f 48%, #10001f)
}

.view.view-features .header .header-title {
    margin-bottom: 75px;
    position: relative
}

@media screen and (min-width: 768px) {
    .view.view-features .header .header-title:after {
        content: "";
        width: 200px;
        position: absolute;
        bottom: -40px;
        left: 50%;
        margin-left: -100px;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
}

.view.view-features .header .header-sections-list {
    max-width: 960px;
    margin: 0 auto
}

.view.view-features .header .header-sections-list a {
    color: #fff
}

.view.view-features .header .header-sections-list .header-supertitle {
    margin: 10px 0;
    padding-top: 60px;
    background-repeat: no-repeat;
    background-position: top center;
    opacity: 1
}

.view.view-features .header .header-sections-list .header-supertitle.platform {
    background-image: url(/assets/images/icons/features/icon-features-platform@2x.png);
    background-size: 52px 52px
}

.view.view-features .header .header-sections-list .header-supertitle.management {
    background-image: url(/assets/images/icons/features/icon-features-management@2x.png);
    background-size: 52px 53px
}

.view.view-features .header .header-sections-list .header-supertitle.going-live {
    background-image: url(/assets/images/icons/features/icon-features-goinglive@2x.png);
    background-size: 52px 52px
}

.view.view-features .ft-section .section-supertitle {
    color: #948595;
    text-align: center;
    padding-top: 60px;
    background-size: 52px 52px;
    background-repeat: no-repeat;
    background-position: top center
}

.view.view-features .ft-section.platform {
    padding: 40px 0 80px
}

.view.view-features .ft-section.platform .section-supertitle {
    background-image: url(/assets/images/icons/features/icon-features-platformpurple@2x.png)
}

.view.view-features .ft-section.management {
    height: 600px;
    overflow: hidden;
    padding: 40px 0;
    background-color: #f9f9fc;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.view.view-features .ft-section.management .section-supertitle {
    background-image: url(/assets/images/icons/features/icon-features-managementpurple@2x.png)
}

.view.view-features .ft-section.management .section-info {
    max-width: 360px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto
}

.view.view-features .ft-section.management .section-image {
    margin-left: -60px
}

.view.view-features .ft-section.management .btn {
    width: 250px;
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .view.view-features .ft-section.management {
        height: 740px
    }
}

.view.view-features .ft-section.going-live {
    padding: 40px 0 80px;
    background-image: url(/assets/images/areas/features/features-bg-goinglive.png);
    background-repeat: no-repeat;
    background-position: 50% 66%
}

.view.view-features .ft-section.going-live .section-supertitle {
    background-image: url(/assets/images/icons/features/icon-features-goinglivepurple@2x.png)
}

.view.view-features .ft-section.going-live .section-info {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.view.view-features .ft-section.going-live .btn {
    width: 250px;
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .view.view-features .ft-section.going-live {
        background-image: none
    }
}

.view.view-features .ft-section .section-title {
    text-align: center;
    margin-bottom: 50px
}

@media screen and (max-width: 767px) {
    .view.view-features .ft-section .btn {
        display: block;
        width: 75%;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto
    }
}

.continue-exploring-section {
    background-color: #fff;
    text-align: center;
    border-top: 2px solid #4a90e2;
    border-bottom: 2px solid #4a90e2;
    padding: 30px 15px
}

.continue-exploring-section>.ft-supertitle {
    color: #90999f;
    margin-bottom: 30px
}

.layer-panel {
    position: relative;
    width: 100%;
    max-width: 900px;
    min-height: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    color: #fff;
    background-color: #40494f;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px #00000080;
    cursor: pointer;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.layer-panel:hover .btn,
.layer-panel:focus .btn {
    color: #3584de !important;
    background-color: #fff
}

.layer-panel.prestay {
    background-image: url(/assets/images/areas/features/layer-panel-prestay.png)
}

.layer-panel.poststay {
    background-image: url(/assets/images/areas/features/layer-panel-poststay.png)
}

.layer-panel.photo {
    background-image: url(/assets/images/areas/features/layer-panel-photo.png)
}

.layer-panel.superchargers {
    background-image: url(/assets/images/areas/features/layer-panel-superchargers.png)
}

.layer-panel .layer-info {
    position: absolute;
    inset: 50% 0 auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px;
    display: block;
    color: #fff;
    text-shadow: none
}

.layer-panel .layer-title {
    font-size: 36px;
    line-height: 1.2;
    padding-top: 65px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 72px 72px;
    margin-top: 0;
    margin-bottom: 15px
}

.layer-panel .layer-title.prestay {
    background-image: url(/assets/images/icons/features/icon-prestay@2x.png)
}

.layer-panel .layer-title.poststay {
    background-image: url(/assets/images/icons/features/icon-poststay@2x.png)
}

.layer-panel .layer-title.photo {
    background-image: url(/assets/images/icons/features/icon-photoadvocacy@2x.png)
}

.layer-panel .layer-title.superchargers {
    background-image: url(/assets/images/icons/features/icon-sitesuperchargers@2x.png)
}

.layer-panel .layer-subtitle {
    font-size: 16px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    opacity: .75
}

.layer-panel .btn {
    min-width: 150px;
    margin-top: 20px
}

@media (max-width: 767px) {
    .layer-panel .btn {
        display: block;
        width: 75%;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 768px) {
    .layer-panel .layer-info {
        padding: 30px
    }
}

.view.view-prestay .header {
    background-color: #1d668b;
    background-image: url(/assets/images/areas/prestay/prestay-header-bg.png);
    background-image: url(/assets/images/areas/prestay/prestay-header-bg.png), linear-gradient(-3deg, #57d39d, #1d668b 48%, #00223e);
    background-position: center bottom;
    background-size: auto
}

.view.view-prestay .header .header-title {
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 72px 72px;
    background-image: url(/assets/images/icons/features/icon-prestay@2x.png)
}

.view.view-prestay .timeline-header {
    position: absolute;
    text-align: center;
    min-height: 200px;
    width: 100%
}

.view.view-prestay .timeline-header .timeline-header-background {
    position: absolute;
    z-index: 1;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translate(-50%)
}

.view.view-prestay .timeline-header .timeline-header-portrait {
    position: absolute;
    z-index: 2;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translate(-50%)
}

.view.view-prestay .timeline-section {
    position: relative
}

.view.view-prestay .timeline-section:before {
    top: 0 !important;
    display: block !important;
    background-color: #9edaea !important;
    width: 4px !important;
    height: 100% !important;
    overflow: visible !important;
    position: absolute !important;
    left: 50% !important;
    margin-left: -2px !important;
    content: "" !important
}

.view.view-prestay .timeline-section .timeline-content {
    position: relative
}

.view.view-prestay .timeline-section .timeline-content:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background-image: url(/assets/images/areas/prestay/prestay-timeline-circlesmall.png);
    height: 24px;
    width: 24px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 767px) {
    .view.view-prestay .timeline-section .timeline-content {
        background-image: linear-gradient(0deg, #fff0, #fff 5% 90%, #fff0 95%);
        padding-bottom: 30px
    }

    .view.view-prestay .timeline-section .timeline-content:after {
        top: 0;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%)
    }
}

.view.view-prestay .timeline-footer {
    position: relative
}

.view.view-prestay .timeline-footer:after {
    top: -12px;
    display: block;
    position: absolute;
    left: 50%;
    content: "";
    background-image: url(/assets/images/areas/prestay/prestay-timeline-circlesmall.png);
    height: 24px;
    width: 24px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.view.view-prestay .story-section.new-booking {
    padding: 200px 0
}

.view.view-prestay .story-section.new-booking .section-info {
    padding-top: 140px;
    margin-left: 60px
}

.view.view-prestay .story-section.new-booking .section-image {
    float: right;
    margin-right: 60px
}

.view.view-prestay .story-section.guest-share {
    position: relative;
    text-align: center;
    padding: 60px 0 120px
}

.view.view-prestay .story-section.guest-share .bubble-quote {
    margin-top: 30px;
    margin-bottom: 30px;
    opacity: 1
}

.view.view-prestay .story-section.guest-share .profile-pic {
    position: relative;
    margin-bottom: 80px
}

.view.view-prestay .story-section.guest-share .profile-pic:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -140px;
    left: 50%;
    margin-left: -193px;
    width: 386px;
    height: 386px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/images/areas/prestay/prestay-friendimpact.png)
}

.view.view-prestay .story-section.guest-share .map {
    width: 1107px;
    height: 610px;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -46px;
    margin-top: 130px;
    background-image: url(/assets/images/areas/prestay/prestay-friendworldmap.png);
    background-position: center;
    background-repeat: no-repeat
}

.view.view-prestay .story-section.personalized-experience {
    padding: 200px 0
}

.view.view-prestay .story-section.personalized-experience .section-info {
    margin-top: 80px;
    margin-left: 60px
}

.view.view-prestay .story-section.personalized-experience .section-image {
    float: right;
    margin-right: 60px
}

.view.view-prestay .story-section.brand-connections {
    height: 550px
}

.view.view-prestay .story-section.brand-connections .section-info {
    margin-top: 80px;
    margin-left: 0
}

.view.view-prestay .story-section.brand-connections .section-image {
    margin-left: -100px
}

@media screen and (max-width: 1199px) {
    .view.view-prestay .story-section.brand-connections .section-image {
        margin-left: -60px
    }
}

@media screen and (max-width: 991px) {
    .view.view-prestay .story-section.brand-connections .section-image {
        margin-left: 0
    }
}

.view.view-prestay .story-section.conclusion {
    color: #fff;
    text-align: center;
    padding: 100px 0;
    background-color: #303c62;
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png);
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png), radial-gradient(100% 100% at 50% 0%, #1d668b, #303c62);
    background-position: 50% 25%;
    background-repeat: no-repeat
}

.view.view-prestay .story-section.conclusion p {
    color: #fff
}

.view.view-prestay .story-section.conclusion .section-title {
    font-size: 24px
}

.view.view-prestay .story-section.conclusion hr {
    width: 200px;
    margin: 40px auto
}

.view.view-prestay .story-section.conclusion .section-bullet {
    padding: 40px 0
}

.view.view-prestay .story-section.conclusion .section-bullet p {
    font-size: 16px;
    max-width: 420px;
    margin: 0 auto
}

.view.view-prestay .story-section.conclusion .section-bullet.engage-guests {
    background-image: url(/assets/images/icons/common/icon-bullet-friends@2x.png);
    background-size: 24px 24px;
    background-position: center 12px;
    background-repeat: no-repeat
}

.view.view-prestay .story-section.conclusion .section-bullet.around-world {
    background-image: url(/assets/images/icons/common/icon-bullet-globe@2x.png);
    background-size: 24px 24px;
    background-position: center 10px;
    background-repeat: no-repeat
}

.view.view-prestay .story-section.conclusion .section-bullet.measurable-impact {
    background-image: url(/assets/images/icons/common/icon-bullet-chart@2x.png);
    background-size: 24px 24px;
    background-position: center 10px;
    background-repeat: no-repeat
}

.view.view-prestay .story-section.conclusion .btn-getstarted {
    display: block;
    margin: 30px auto 0;
    padding: 15px 50px;
    width: 250px
}

@media screen and (max-width: 768px) {
    .view.view-prestay .story-section.brand-connections .section-info {
        margin-top: 0
    }
}

.view.view-prestay .article-section {
    height: 450px;
    overflow: hidden
}

.view.view-poststay .header {
    background-color: #394063;
    background-image: url(/assets/images/areas/poststay/poststay-header-bg.png);
    background-image: url(/assets/images/areas/poststay/poststay-header-bg.png), linear-gradient(-3deg, #986b7d, #394063 66%, #00334e 120%);
    background-position: center
}

.view.view-poststay .header .header-title {
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 72px 72px;
    background-image: url(/assets/images/icons/features/icon-poststay@2x.png)
}

.view.view-poststay .story-section.better-experience .section-info {
    margin-top: 120px
}

.view.view-poststay .story-section.process-steps {
    background-color: #f9f9fc;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 360px
}

.view.view-poststay .story-section.process-steps .container {
    margin-top: 220px
}

.view.view-poststay .story-section.process-steps .section-image {
    display: block;
    position: absolute;
    top: -300px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.view.view-poststay .story-section.process-steps .section-info {
    padding-top: 45px
}

.view.view-poststay .story-section.process-steps .section-info.photo-step {
    background-image: url(/assets/images/icons/features/icon-poststay-trophy@2x.png);
    background-size: 36px 36px;
    background-position: left top;
    background-repeat: no-repeat
}

.view.view-poststay .story-section.process-steps .section-info.quotes-step {
    background-image: url(/assets/images/icons/features/icon-poststay-quotes@2x.png);
    background-size: 36px 36px;
    background-position: left top;
    background-repeat: no-repeat
}

.view.view-poststay .story-section.process-steps .section-info.share-step {
    background-image: url(/assets/images/icons/features/icon-poststay-share@2x.png);
    background-size: 36px 36px;
    background-position: left top;
    background-repeat: no-repeat
}

.view.view-poststay .story-section.process-steps .section-title {
    font-size: 18px;
    text-align: left
}

.view.view-poststay .story-section.crowdsource-creativity {
    z-index: 5
}

.view.view-poststay .story-section.crowdsource-creativity .section-info {
    margin-top: 60px
}

.view.view-poststay .story-section.crowdsource-creativity .screenshot-guest-content {
    display: block;
    float: right;
    margin-top: 60px
}

.view.view-poststay .story-section.curation-steps {
    color: #fff;
    background-color: #464666;
    background-image: linear-gradient(180deg, #383851, #464666 20%);
    margin-top: -200px;
    padding-top: 200px
}

.view.view-poststay .story-section.curation-steps p {
    color: #fff;
    opacity: .8
}

.view.view-poststay .story-section.curation-steps .section:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.view.view-poststay .story-section.social-share {
    padding-top: 30px;
    padding-bottom: 0
}

.view.view-poststay .story-section.social-share .section-info {
    margin-top: 150px;
    margin-left: 60px
}

.view.view-poststay .story-section.social-share .section-image {
    float: right
}

.view.view-poststay .story-section.social-share:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 240px;
    top: -125px;
    left: 50%;
    margin-left: 164px;
    background-image: url(/assets/images/areas/poststay/poststay-throbber-sharing@2x.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain
}

.view.view-poststay .story-section.conclusion {
    color: #fff;
    text-align: center;
    padding: 100px 0;
    background-color: #303c62;
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png);
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png), radial-gradient(100% 100% at 50% 0%, #986b7d, #303c62);
    background-position: 50% 25%;
    background-repeat: no-repeat
}

.view.view-poststay .story-section.conclusion p {
    color: #fff
}

.view.view-poststay .story-section.conclusion .section-title {
    font-size: 24px
}

.view.view-poststay .story-section.conclusion hr {
    width: 200px;
    margin: 40px auto
}

.view.view-poststay .story-section.conclusion .section-bullet {
    padding: 40px 0
}

.view.view-poststay .story-section.conclusion .section-bullet p {
    font-size: 16px;
    max-width: 420px;
    margin: 0 auto
}

.view.view-poststay .story-section.conclusion .section-bullet.encourage-guests {
    background-image: url(/assets/images/icons/common/icon-bullet-friends@2x.png);
    background-size: 24px 24px;
    background-position: center 12px;
    background-repeat: no-repeat
}

.view.view-poststay .story-section.conclusion .section-bullet.global-audience {
    background-image: url(/assets/images/icons/common/icon-bullet-globe@2x.png);
    background-size: 24px 24px;
    background-position: center 10px;
    background-repeat: no-repeat
}

.view.view-poststay .story-section.conclusion .section-bullet.short-sweet {
    background-image: url(/assets/images/icons/common/icon-bullet-thumbsup@2x.png);
    background-size: 24px 24px;
    background-position: center 10px;
    background-repeat: no-repeat
}

.view.view-poststay .story-section.conclusion .btn-getstarted {
    display: block;
    margin: 30px auto 0;
    padding: 15px 50px;
    width: 250px
}

@media screen and (max-width: 767px) {
    .view.view-poststay .story-section .section-info {
        margin-top: 0 !important
    }

    .view.view-poststay .story-section.crowdsource-creativity {
        height: 600px;
        overflow: hidden
    }

    .view.view-poststay .story-section.crowdsource-creativity .screenshot-guest-content {
        display: none
    }

    .view.view-poststay .story-section.process-steps {
        margin-top: 0;
        padding: 30px 0
    }

    .view.view-poststay .story-section.process-steps .container {
        margin-top: 0
    }

    .view.view-poststay .story-section.process-steps .section-image {
        display: none
    }

    .view.view-poststay .story-section.process-steps .section-info {
        padding: 30px 0 30px 50px
    }

    .view.view-poststay .story-section.process-steps .section-info.photo-step,
    .view.view-poststay .story-section.process-steps .section-info.quotes-step,
    .view.view-poststay .story-section.process-steps .section-info.share-step {
        background-position: 0 30px
    }

    .view.view-poststay .story-section.curation-steps {
        margin-top: 0;
        padding-top: 0
    }

    .view.view-poststay .story-section.social-share {
        padding-top: 80px
    }

    .view.view-poststay .story-section.social-share:after {
        height: 180px;
        top: -110px;
        margin-left: -45px
    }
}

.view.view-photoadvocacy {
    position: relative;
    background: #131619;
    color: #fff
}

.view.view-photoadvocacy .view-photoadvocacy-bg {
    position: absolute;
    top: -120px;
    right: 50%;
    margin-right: -100px;
    width: 100%;
    height: 100%;
    opacity: .7;
    background-image: url(/assets/images/areas/photo/photoadvocacy-header-bg.jpg);
    background-position: top right;
    background-repeat: no-repeat
}

@media screen and (max-width: 991px) {
    .view.view-photoadvocacy .view-photoadvocacy-bg {
        top: -60px
    }
}

@media screen and (max-width: 767px) {
    .view.view-photoadvocacy .view-photoadvocacy-bg {
        top: 240px;
        right: auto;
        margin-right: 0;
        opacity: .3;
        background-size: 550px;
        background-position: top center
    }
}

.view.view-photoadvocacy .header {
    background-color: transparent;
    background-image: linear-gradient(180deg, #151d2980, #13161900)
}

@media screen and (max-width: 767px) {
    .view.view-photoadvocacy .header {
        background-image: linear-gradient(180deg, #1f293f, #151d2980, #13161900)
    }
}

.view.view-photoadvocacy .header .header-title {
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 72px 72px;
    background-image: url(/assets/images/icons/features/icon-photoadvocacy@2x.png)
}

.view.view-photoadvocacy .story-section {
    position: relative;
    background-image: radial-gradient(75% 50% at 50% 50%, #1f293f, #151d29, #13161900)
}

.view.view-photoadvocacy .story-section p {
    color: #fff;
    opacity: .8
}

.view.view-photoadvocacy .story-section.captivating-intro {
    padding: 0 0 20px;
    background-image: none
}

.view.view-photoadvocacy .story-section.captivating-intro .section-info {
    margin-left: 90px
}

@media screen and (max-width: 767px) {
    .view.view-photoadvocacy .story-section.captivating-intro {
        padding: 40px 0
    }
}

.view.view-photoadvocacy .story-section.competition-on {
    text-align: center
}

.view.view-photoadvocacy .story-section.competition-on .section-info {
    max-width: 600px;
    margin: 30px auto
}

.view.view-photoadvocacy .story-section.first-impression {
    padding: 90px 0
}

.view.view-photoadvocacy .story-section.first-impression .section-info {
    margin-top: 100px
}

.view.view-photoadvocacy .story-section.extended-interaction {
    padding: 90px 0
}

.view.view-photoadvocacy .story-section.extended-interaction .section-info {
    margin-top: 100px;
    margin-left: 90px
}

.view.view-photoadvocacy .story-section.extended-interaction .section-image {
    float: right
}

@media screen and (min-width: 768px) {
    .view.view-photoadvocacy .story-section.extended-interaction {
        background-image: url(/assets/images/areas/photo/photoadvocacy-extended-interaction.png);
        background-image: url(/assets/images/areas/photo/photoadvocacy-extended-interaction.png), radial-gradient(75% 50% at 50% 50%, #1f293f, #151d29, #13161900);
        background-position: 50% 33%;
        background-repeat: no-repeat
    }
}

.view.view-photoadvocacy .story-section.everyone-wins {
    padding: 90px 0
}

.view.view-photoadvocacy .story-section.everyone-wins .section-info {
    margin-top: 30px
}

.view.view-photoadvocacy .story-section.contest-explorer {
    padding: 90px 0;
    height: 700px;
    overflow: hidden
}

.view.view-photoadvocacy .story-section.contest-explorer .ft-supertitle {
    text-align: center;
    padding: 2px 10px;
    color: #fff;
    background-color: #6c6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 70px;
    margin-bottom: 10px
}

.view.view-photoadvocacy .story-section.contest-explorer .section-info {
    margin-top: 140px;
    margin-left: 90px
}

.view.view-photoadvocacy .story-section.contest-explorer .section-image {
    float: right;
    margin-right: -30px
}

.view.view-photoadvocacy .story-section.conclusion {
    color: #fff;
    padding: 80px 0;
    background-color: #303c62;
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png);
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png), radial-gradient(100% 100% at 50% 0%, #3a5998, #303c62);
    background-position: 50% 25%;
    background-repeat: no-repeat
}

.view.view-photoadvocacy .story-section.conclusion .section-title {
    font-size: 24px
}

.view.view-photoadvocacy .story-section.conclusion hr {
    margin: 40px auto
}

.view.view-photoadvocacy .story-section.conclusion .lead {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

.view.view-photoadvocacy .story-section.conclusion .col-sm-6:first-child {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.view.view-photoadvocacy .story-section.conclusion .conclusion-column-left {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 60px
}

.view.view-photoadvocacy .story-section.conclusion .conclusion-column-right {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet {
    position: relative;
    padding-left: 35px;
    padding-top: 4px;
    margin-top: 40px;
    background-size: 24px 24px;
    background-position: 0 2px;
    background-repeat: no-repeat
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet .section-bullet-title {
    font-size: 16px;
    margin-top: 0
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet.massive-reach {
    background-image: url(/assets/images/icons/common/icon-bullet-globe@2x.png)
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet.gradual-engagement {
    background-image: url(/assets/images/icons/common/icon-bullet-friends@2x.png)
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet.measurable-roi {
    background-image: url(/assets/images/icons/common/icon-bullet-chart@2x.png)
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet.meaningful-moments {
    background-image: url(/assets/images/icons/common/icon-bullet-heart@2x.png)
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet.visual-library {
    background-image: url(/assets/images/icons/common/icon-bullet-eye@2x.png)
}

.view.view-photoadvocacy .story-section.conclusion .section-bullet.amplify-marketing {
    background-image: url(/assets/images/icons/common/icon-bullet-lightningbolt@2x.png)
}

.view.view-photoadvocacy .story-section.conclusion .btn-getstarted {
    display: block;
    margin: 40px auto 0;
    padding: 15px 50px;
    width: 250px
}

@media screen and (max-width: 767px) {
    .view.view-photoadvocacy .story-section.conclusion {
        text-align: center;
        padding: 120px 0
    }

    .view.view-photoadvocacy .story-section.conclusion .lead {
        margin-bottom: 30px
    }

    .view.view-photoadvocacy .story-section.conclusion .conclusion-column-left {
        border: 0;
        padding: 0
    }

    .view.view-photoadvocacy .story-section.conclusion .conclusion-column-right {
        padding: 40px 0 0
    }

    .view.view-photoadvocacy .story-section.conclusion .conclusion-column-right:after {
        content: "";
        width: 200px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -100px;
        border-top: 1px solid rgba(255, 255, 255, .2)
    }
}

@media screen and (max-width: 767px) {
    .view.view-photoadvocacy .story-section:not(:first-child):before {
        content: "";
        width: 200px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -100px;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .view.view-photoadvocacy .story-section .section-info {
        margin-top: 0 !important
    }

    .view.view-photoadvocacy .story-section.captivating-intro {
        padding-bottom: 120px
    }

    .view.view-photoadvocacy .story-section.competition-on {
        padding: 120px 0
    }

    .view.view-photoadvocacy .story-section.competition-on .section-info {
        text-align: left
    }

    .view.view-photoadvocacy .story-section.contest-explorer {
        height: 600px
    }

    .view.view-photoadvocacy .story-section.contest-explorer .ft-supertitle {
        margin-left: auto;
        margin-right: auto
    }
}

.view.view-photoadvocacy .feature-highlights-section {
    background-color: #fff;
    color: #222
}

.view.view-photoadvocacy .feature-highlights-section .ft-supertitle {
    text-align: center;
    margin-bottom: 50px;
    color: #469c91
}

.view.view-photoadvocacy .feature-highlights-section .section-bullet {
    background-size: 24px 24px;
    background-position: 0 2px;
    background-repeat: no-repeat
}

.view.view-photoadvocacy .feature-highlights-section .section-bullet.legal-approved {
    background-image: url(/assets/images/icons/common/icon-bullet-checkmarkgreen@2x.png)
}

.view.view-photoadvocacy .feature-highlights-section .section-bullet.build-excitement {
    background-image: url(/assets/images/icons/common/icon-bullet-firegreen@2x.png)
}

.view.view-photoadvocacy .feature-highlights-section .section-bullet.perpetual-contests {
    background-image: url(/assets/images/icons/common/icon-bullet-calendargreen@2x.png)
}

.view.view-photoadvocacy .feature-highlights-section .section-bullet.seamlessly-integrated {
    background-image: url(/assets/images/icons/common/icon-bullet-gearsgreen@2x.png)
}

.view.view-superchargers .header {
    background-color: #1d274a;
    background-image: url(/assets/images/areas/superchargers/superchargers-header-bg.png)
}

.view.view-superchargers .header .header-title {
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 72px 72px;
    background-image: url(/assets/images/icons/features/icon-sitesuperchargers@2x.png)
}

.view.view-superchargers .product {
    padding: 60px 0
}

.view.view-superchargers .product .product-title {
    font-size: 32px;
    max-width: 700px;
    margin: 0 auto;
    text-align: center
}

.view.view-superchargers .product .product-subtitle {
    font-size: 18px;
    max-width: 700px;
    margin: 10px auto 1em;
    text-align: center
}

.view.view-superchargers .product.quotes-list {
    background-color: #f9f9fc;
    border-top: 1px solid #e0e0e0;
    height: 650px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .view.view-superchargers .product.quotes-list {
        height: 800px
    }
}

.view.view-superchargers .story-section.unlock-incentive {
    padding-top: 100px
}

.view.view-superchargers .story-section.unlock-incentive .section-info {
    margin-top: 120px
}

.view.view-superchargers .story-section.unlock-incentive .section-image {
    float: right
}

.view.view-superchargers .story-section.book-direct .section-info {
    margin-top: 40px
}

.view.view-superchargers .story-section.book-direct .section-image {
    float: right
}

.view.view-superchargers .story-section.short-sweet .section-info {
    margin-top: 0
}

.view.view-superchargers .story-section.conclusion {
    color: #fff;
    text-align: center;
    padding: 180px 0;
    background-color: #303c62;
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png);
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png), radial-gradient(100% 100% at 50% 0%, #6f3225, #303c62);
    background-position: 50% 25%;
    background-repeat: no-repeat
}

.view.view-superchargers .story-section.conclusion p {
    color: #fff;
    opacity: .8
}

.view.view-superchargers .story-section.conclusion .btn-getstarted {
    min-width: 200px
}

@media screen and (max-width: 767px) {
    .view.view-superchargers .section-info {
        margin-top: 0 !important
    }
}

.view.view-management .header {
    background-color: #394063;
    background-image: url(/assets/images/areas/management/manage-header-bg.png)
}

.view.view-management .header .header-title {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.view.view-management .story-section {
    padding: 120px 0
}

.view.view-management .story-section.big-impact {
    height: 590px;
    overflow: hidden
}

.view.view-management .story-section.big-impact .section-info {
    margin-top: 30px
}

.view.view-management .story-section.big-impact .section-image {
    float: right
}

.view.view-management .story-section.track-advocates {
    height: 590px;
    overflow: hidden;
    background-color: #f9f9fc;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.view.view-management .story-section.track-advocates .section-info {
    margin-top: 150px
}

.view.view-management .story-section.thoughtful-interactions {
    height: 600px;
    overflow: hidden
}

.view.view-management .story-section.thoughtful-interactions .section-info {
    margin-top: 60px
}

.view.view-management .story-section.thoughtful-interactions .section-image {
    float: right
}

.view.view-management .story-section.conclusion {
    color: #fff;
    text-align: center;
    padding: 180px 0;
    background-color: #303c62;
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png);
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png), radial-gradient(100% 100% at 50% 0%, #978695, #303c62);
    background-position: 50% 25%;
    background-repeat: no-repeat
}

.view.view-management .story-section.conclusion .btn-getstarted {
    min-width: 200px
}

.view.view-management .feature-highlights-section {
    background-color: #f9f9fc;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 500px;
    overflow: hidden
}

.view.view-management .feature-highlights-section .section-info {
    margin-top: 80px
}

.view.view-management .feature-highlights-section .section-supertitle {
    color: #469c91
}

@media screen and (max-width: 767px) {
    .view.view-management .section-info {
        margin-top: 0 !important
    }

    .view.view-management .ft-section {
        padding: 80px 0
    }

    .view.view-management .ft-section.big-impact {
        height: 640px
    }

    .view.view-management .ft-section.track-advocates {
        height: 440px
    }
}

.view.view-goinglive .header {
    background-color: #394063;
    background-image: url(/assets/images/areas/goinglive/goinglive-header-bg.png);
    background-image: url(/assets/images/areas/goinglive/goinglive-header-bg.png), linear-gradient(-3deg, #66ab75, #469c91 33%, #00334e)
}

.view.view-goinglive .header .header-title {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.view.view-goinglive .ft-section.three-steps {
    padding-bottom: 120px
}

.view.view-goinglive .ft-section.three-steps h4+p {
    margin-top: 1em
}

.view.view-goinglive .ft-section.three-steps .section-info {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.view.view-goinglive .ft-section.three-steps .section-info+.section-info {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #e0e0e0
}

.view.view-goinglive .ft-section.three-steps .section-supertitle {
    text-align: center;
    color: #469c91;
    font-size: 20px;
    margin-bottom: 40px;
    padding-top: 105px;
    background-size: 120px 120px;
    background-position: center top;
    background-repeat: no-repeat
}

.view.view-goinglive .ft-section.three-steps .section-supertitle.design-integrate {
    background-image: url(/assets/images/areas/goinglive/goinglive-step1@2x.png)
}

.view.view-goinglive .ft-section.three-steps .section-supertitle.tweak-review {
    background-image: url(/assets/images/areas/goinglive/goinglive-step2@2x.png)
}

.view.view-goinglive .ft-section.three-steps .section-supertitle.go-live {
    background-image: url(/assets/images/areas/goinglive/goinglive-step3@2x.png)
}

.view.view-goinglive .ft-section.three-steps p+h4 {
    margin-top: 30px
}

.view.view-goinglive .ft-section.conclusion {
    color: #fff;
    text-align: center;
    padding: 180px 0;
    background-color: #303c62;
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png);
    background-image: url(/assets/images/areas/common/dotted-worldmap-bg.png), radial-gradient(100% 100% at 50% 0%, #469c91, #303c62);
    background-position: 50% 25%;
    background-repeat: no-repeat
}

.view.view-goinglive .ft-section.conclusion .btn-getstarted {
    min-width: 200px
}

.view.view-partners {
    overflow: hidden
}

.view.view-partners .ft-header {
    height: 70vh;
    min-height: 480px;
    color: #fff;
    background-color: #4a053c;
    background-image: linear-gradient(-177deg, #1e001b, #4a053cd9 59%, #9a5b6d 120%)
}

.view.view-partners .ft-header .ft-heading {
    max-width: 15em
}

.view.view-partners .ft-section.our-partners {
    text-align: center;
    padding: 40px 0
}

.view.view-partners .ft-section.our-partners .ft-supertitle {
    color: #948595;
    padding-top: 60px;
    background-image: url(/assets/images/icons/partners/icon-partners-handshake-purple@2x.png);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: top center
}

.view.view-partners .ft-section.our-partners .section-title {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.view.view-partners .ft-section.featured-partners {
    text-align: center;
    padding: 0 0 80px
}

.view.view-partners .ft-section.featured-partners .extra-partners li {
    margin: 5px 0
}

.view.view-partners .ft-section.featured-partners .partner-logo-parent {
    display: table;
    width: 100%;
    height: 130px;
    margin-top: 15px
}

.view.view-partners .ft-section.featured-partners .partner-logo {
    display: table-cell;
    vertical-align: middle;
    height: 130px;
    width: 100%
}

.view.view-partners .ft-section.featured-partners .partner-logo-image {
    max-width: 85%
}

.view.view-partners .ft-section.featured-partners .featured-partners-subtitle {
    font-family: museo-sans, sans-serif;
    font-size: 14px;
    color: #222
}

.view.view-partners .ft-section.featured-partners .featured-partners-subtitle:before {
    display: block;
    margin: 0 auto 20px;
    content: " ";
    border-bottom: solid 1px #E0E0E0;
    width: 150px
}

.view.view-partners .ft-section.fuel-video {
    padding-top: 30px
}

.view.view-partners .ft-section.fuel-video .ft-quote-card {
    background-image: url(/assets/images/areas/partners/partners-bg-flipto-fuel-travel-broll.jpg);
    background-position: center center;
    background-size: cover
}

.view.view-partners .ft-section.fuel-video .ft-quote-card:before {
    background-image: linear-gradient(90deg, #30090ae6, #30290900 75%)
}

@media (min-width: 768px) {
    .view.view-partners .ft-section.fuel-video .ft-quote-card .ft-content {
        width: 50%
    }

    .view.view-partners .ft-section.fuel-video .ft-quote-card .ft-btn-play {
        font-size: 1.5em
    }
}

.view.view-partners .ft-section.booking-engines {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0
}

.view.view-partners .ft-section.booking-engines .section-info {
    margin-top: 120px
}

@media screen and (max-width: 767px) {
    .view.view-partners .ft-section.booking-engines .section-info {
        margin-top: 0
    }
}

.view.view-partners .ft-section.marketing-retargeting .section-info {
    margin-top: 180px
}

@media screen and (max-width: 767px) {
    .view.view-partners .ft-section.marketing-retargeting .section-info {
        margin-top: 0
    }
}

.view.view-partners .ft-section.marketing-retargeting .section-image {
    float: right
}

.view.view-partners .ft-section.passkey-quote,
.view.view-partners .ft-section.travel-tripper-quote {
    text-align: center;
    position: relative;
    color: #fff;
    background-size: cover;
    padding: 60px 0
}

.view.view-partners .ft-section.passkey-quote blockquote,
.view.view-partners .ft-section.travel-tripper-quote blockquote {
    position: relative;
    border: none;
    font-family: museo-sans, sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 30px auto;
    padding: 0;
    max-width: 850px
}

.view.view-partners .ft-section.passkey-quote blockquote p,
.view.view-partners .ft-section.travel-tripper-quote blockquote p {
    color: #fff
}

.view.view-partners .ft-section.passkey-quote blockquote footer,
.view.view-partners .ft-section.travel-tripper-quote blockquote footer {
    color: #fff;
    border: none;
    padding: 0;
    margin-top: 40px;
    font-family: museo-sans, sans-serif;
    font-size: 14px;
    font-weight: 300
}

.view.view-partners .ft-section.passkey-quote blockquote footer strong,
.view.view-partners .ft-section.travel-tripper-quote blockquote footer strong {
    font-weight: 700
}

.view.view-partners .ft-section.passkey-quote blockquote footer:before,
.view.view-partners .ft-section.travel-tripper-quote blockquote footer:before {
    content: ""
}

.view.view-partners .ft-section.passkey-quote.passkey-quote,
.view.view-partners .ft-section.travel-tripper-quote.passkey-quote {
    background-image: url(/assets/images/areas/partners/partners-bg-passkey.png)
}

.view.view-partners .ft-section.passkey-quote.travel-tripper-quote,
.view.view-partners .ft-section.travel-tripper-quote.travel-tripper-quote {
    background-image: url(/assets/images/areas/partners/partners-bg-traveltripper.png)
}

.view.view-partners .ft-section.global-advocates {
    text-align: center;
    padding: 100px 0
}

.view.view-partners .ft-section.global-advocates hr {
    width: 200px;
    margin: 40px auto
}

.view.view-partners .ft-section.join-us {
    background-image: url(/assets/images/areas/partners/partners-joinus-bg.png);
    background-size: cover;
    color: #fff;
    padding: 100px 0 150px
}

.view.view-partners .ft-section.join-us p {
    font-family: museo-sans, sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 24px
}

.view.view-partners .ft-section.join-us .ft-supertitle {
    color: #948595;
    padding-top: 60px;
    background-image: url(/assets/images/icons/partners/icon-partners-checkmark-purple@2x.png);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: -10px 0
}

.view.view-partners .ft-section.join-us .section-title {
    margin: .25em 0 0
}

@media screen and (max-width: 767px) {
    .view.view-partners .ft-section.join-us {
        text-align: center
    }

    .view.view-partners .ft-section.join-us .ft-supertitle {
        background-position: top center
    }
}

.view.view-partners .ft-section.ft-cta-section .ft-section-bg {
    background-color: #aaa;
    background-image: url(/assets/images/backgrounds/ft-map-dotted.png);
    opacity: .05
}

.view.view-partners .ft-section .btn-expand-section {
    margin-top: 40px
}

.view-about {
    font-size: 16px;
    line-height: 1.6
}

@media (min-width: 1440px) {
    .view-about .container {
        width: 1410px
    }
}

.view-about {
    overflow: hidden
}

.view-about .column+.column {
    margin-top: 1em
}

@media (min-width: 768px) {
    .view-about .column {
        float: left;
        width: 47%
    }

    .view-about .column+.column {
        margin-top: 0;
        margin-left: 6%
    }
}

.view-about .about-header-title {
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    max-width: 16em;
    margin: 0 auto
}

.view-about .about-section-supertitle {
    font-size: 16px;
    color: #90999f;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.view-about .about-header-subtitle {
    font-size: 16px;
    text-align: center;
    max-width: 28em;
    margin: 1em auto 0;
    opacity: .7
}

.view-about .about-section {
    position: relative;
    clear: both;
    width: 100%
}

.view-about .about-section:before,
.view-about .about-section:after {
    content: " ";
    display: table
}

.view-about .about-section:after {
    clear: both
}

.view-about .about-section-title {
    font-size: 32px;
    line-height: 1.3
}

.view-about .about-section-info {
    font-size: 16px
}

.view-about .about-section-title+.about-section-info {
    margin-top: 1.5em
}

.view-about .about-section-info+.about-section-title {
    margin-top: .25em
}

@media (max-width: 479px) {
    .view-about .about-section-title {
        font-size: 28px
    }

    .view-about .about-section-title,
    .view-about .about-section-info {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 480px) {

    .view-about .about-header-title,
    .view-about .about-section-title {
        font-size: 36px
    }

    .view-about .about-header-subtitle,
    .view-about .about-section-info {
        font-size: 18px
    }
}

@media (min-width: 768px) {

    .view-about .about-header-title,
    .view-about .about-section-title {
        font-size: 40px
    }

    .view-about .about-header-subtitle,
    .view-about .about-section-info {
        font-size: 18px
    }
}

@media (min-width: 992px) {

    .view-about .about-header-title,
    .view-about .about-section-title {
        font-size: 48px
    }

    .view-about .about-header-subtitle,
    .view-about .about-section-info {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-about .about-header-title {
        font-size: 54px
    }

    .view-about .about-header-subtitle {
        font-size: 24px
    }

    .view-about .about-section-title {
        font-size: 54px
    }

    .view-about .about-section-info {
        font-size: 24px
    }
}

.view-about .about-header {
    position: relative;
    width: 100%;
    height: 95vh;
    color: #fff;
    background-color: #000;
    min-height: 540px
}

@media (min-width: 768px) {
    .view-about .about-header {
        min-height: 650px
    }
}

.view-about .about-header .about-header-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.view-about .about-header .about-header-image:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(300% 100% at 100% 100%, #000 10%, #ff009633 50%, #dc00ff33 60%, #c600ff00);
    z-index: 1
}

.view-about .about-header .about-header-image .backdrop {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(/assets/images/areas/company/about-header-bg.jpg) center center no-repeat;
    background-size: 200%;
    background-attachment: fixed;
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
    -moz-transform-origin: center 75%;
    -ms-transform-origin: center 75%;
    -o-transform-origin: center 75%;
    -webkit-transform-origin: center 75%;
    transform-origin: center 75%
}

.view-about .about-header .about-header-image .astronauts {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    z-index: 1
}

.view-about .about-header .about-header-image .astronaut-flag {
    position: absolute;
    bottom: -2px;
    left: 50%;
    -moz-transform: translateX(-55%);
    -ms-transform: translateX(-55%);
    -o-transform: translateX(-55%);
    -webkit-transform: translateX(-55%);
    transform: translate(-55%);
    width: 595.33333333px;
    height: 100%;
    background: url(/assets/images/areas/company/about-header-astronaut-flag@2x.png) 70% bottom no-repeat;
    background-size: contain
}

.view-about .about-header .about-header-image .astronaut-bike {
    position: absolute;
    bottom: -6px;
    left: 50%;
    -moz-transform: translateX(20%) translateY(-4%) rotate(5deg);
    -ms-transform: translateX(20%) translateY(-4%) rotate(5deg);
    -o-transform: translateX(20%) translateY(-4%) rotate(5deg);
    -webkit-transform: translateX(20%) translateY(-4%) rotate(5deg);
    transform: translate(20%) translateY(-4%) rotate(5deg);
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    width: 103.71428571px;
    height: 100%;
    background: url(/assets/images/areas/company/about-header-astronaut-bike@2x.png) center bottom no-repeat;
    background-size: contain
}

@media (min-width: 480px) {
    .view-about .about-header .about-header-image .astronaut-flag {
        -moz-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -o-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translate(-60%);
        width: 793.77777778px
    }

    .view-about .about-header .about-header-image .astronaut-bike {
        -moz-transform: translateX(70%) translateY(-4%) rotate(8deg);
        -ms-transform: translateX(70%) translateY(-4%) rotate(8deg);
        -o-transform: translateX(70%) translateY(-4%) rotate(8deg);
        -webkit-transform: translateX(70%) translateY(-4%) rotate(8deg);
        transform: translate(70%) translateY(-4%) rotate(8deg);
        width: 121px
    }
}

@media (min-width: 768px) {
    .view-about .about-header .about-header-image .backdrop {
        background-size: contain
    }

    .view-about .about-header .about-header-image .astronaut-flag {
        -moz-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -o-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translate(-60%);
        width: 893px
    }

    .view-about .about-header .about-header-image .astronaut-bike {
        -moz-transform: translateX(130%);
        -ms-transform: translateX(130%);
        -o-transform: translateX(130%);
        -webkit-transform: translateX(130%);
        transform: translate(130%);
        width: 145.2px
    }
}

@media (min-width: 992px) {
    .view-about .about-header .about-header-image .astronaut-flag {
        -moz-transform: translateX(-55%);
        -ms-transform: translateX(-55%);
        -o-transform: translateX(-55%);
        -webkit-transform: translateX(-55%);
        transform: translate(-55%)
    }

    .view-about .about-header .about-header-image .astronaut-bike {
        -moz-transform: translateX(190%);
        -ms-transform: translateX(190%);
        -o-transform: translateX(190%);
        -webkit-transform: translateX(190%);
        transform: translate(190%)
    }
}

.view-about .about-header .about-header-content {
    position: relative;
    padding: 0 15px 60px;
    z-index: 2;
    opacity: 0
}

.view-about .about-header .about-header-subtitle span {
    display: inline-block
}

.view-about .about-header.anim-enter .about-header-content {
    opacity: 1;
    -moz-transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s;
    -o-transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s;
    -webkit-transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s;
    transition: opacity 2s cubic-bezier(0, 0, .1, 1) .5s
}

.view-about .about-header.anim-enter .about-header-image .backdrop {
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -moz-transition: 4s cubic-bezier(0, 0, .1, 1);
    -o-transition: 4s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: 4s cubic-bezier(0, 0, .1, 1);
    transition: 4s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: transform, opacity;
    -o-transition-property: transform, opacity;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    opacity: 1
}

.view-about .about-header.anim-enter .about-header-image .astronauts {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 3s cubic-bezier(0, 0, .1, 1);
    -o-transition: transform 3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: transform 3s cubic-bezier(0, 0, .1, 1);
    transition: transform 3s cubic-bezier(0, 0, .1, 1)
}

.view-about .mission-section {
    padding: 90px 0;
    min-height: 400px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.view-about .mission-section .about-section-content {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px
}

.view-about .mission-section .about-section-info {
    text-align: center
}

.view-about .mission-section .about-section-info p {
    position: relative;
    margin: 0 auto;
    -moz-transition: 1s cubic-bezier(0, 0, .1, 1);
    -o-transition: 1s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: 1s cubic-bezier(0, 0, .1, 1);
    transition: 1s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.view-about .mission-section .about-section-info p:nth-child(1) {
    font-size: 2em;
    font-weight: 500;
    color: #a11b8c
}

.view-about .mission-section .about-section-info p:nth-child(1) .icon-heart {
    display: inline-block;
    width: 1em;
    text-indent: -9999px;
    background: url(/assets/images/areas/company/icon-about-mission-heart@2x.png) center center no-repeat;
    background-size: contain
}

.view-about .mission-section .about-section-info p:nth-child(2) {
    max-width: 28em;
    margin-top: 0;
    color: #7d488c;
    font-size: 1.25em;
    line-height: 1.4
}

.view-about .mission-section .about-section-info p:nth-child(3) {
    max-width: 32em;
    margin-top: 3em;
    color: #60696f
}

.view-about .mission-section .about-section-info p:nth-child(4) {
    margin: 2em auto;
    font-weight: 500;
    color: #7d488c
}

.view-about .mission-section .about-section-info p:nth-child(5) {
    max-width: 32em;
    margin-top: 2em;
    color: #60696f
}

.view-about .mission-section .about-section-info p:nth-child(6) {
    max-width: 32em;
    margin-top: 2em;
    color: #60696f
}

.view-about .mission-section .about-section-info p:nth-child(6) b {
    display: inline-block;
    font-weight: 500
}

.view-about .mission-section .about-section-info p .emphasis {
    font-style: italic;
    font-weight: 500
}

.view-about .mission-section .about-section-info p.anim-enter {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media (min-width: 992px) {
    .view-about .mission-section {
        padding: 120px 0 150px
    }

    .view-about .mission-section .about-section-info p:nth-child(3),
    .view-about .mission-section .about-section-info p:nth-child(5),
    .view-about .mission-section .about-section-info p:nth-child(6) {
        font-size: .8em
    }
}

.view-about .corevalues-section {
    background-image: url(/assets/images/areas/company/section_corevalues_bg_linear.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0;
    text-align: center;
    overflow: hidden
}

@media (min-width: 768px) {
    .view-about .corevalues-section {
        background-image: url(/assets/images/areas/company/section_corevalues_bg_radial.jpg)
    }
}

.view-about .corevalues-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: linear-gradient(to bottom, #fff, #fff0)
}

.view-about .corevalues-section .about-section-image {
    position: absolute;
    top: 165px;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .view-about .corevalues-section .about-section-image {
        top: 50%
    }
}

.view-about .corevalues-section .about-section-image .rings {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    opacity: 0;
    -moz-transform: scale(.5) translate(-50%, -50%) rotate(-270deg);
    -ms-transform: scale(.5) translate(-50%, -50%) rotate(-270deg);
    -o-transform: scale(.5) translate(-50%, -50%) rotate(-270deg);
    -webkit-transform: scale(.5) translate(-50%, -50%) rotate(-270deg);
    transform: scale(.5) translate(-50%, -50%) rotate(-270deg)
}

.view-about .corevalues-section .about-section-image .rings .ring-1,
.view-about .corevalues-section .about-section-image .rings .ring-2,
.view-about .corevalues-section .about-section-image .rings .ring-3,
.view-about .corevalues-section .about-section-image .rings .ring-4,
.view-about .corevalues-section .about-section-image .rings .ring-5 {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.view-about .corevalues-section .about-section-image .rings .ring-1:before,
.view-about .corevalues-section .about-section-image .rings .ring-2:before,
.view-about .corevalues-section .about-section-image .rings .ring-3:before,
.view-about .corevalues-section .about-section-image .rings .ring-4:before,
.view-about .corevalues-section .about-section-image .rings .ring-5:before {
    content: "";
    display: block;
    padding-top: 100%
}

.view-about .corevalues-section .about-section-image .rings .ring-1 .orb,
.view-about .corevalues-section .about-section-image .rings .ring-2 .orb,
.view-about .corevalues-section .about-section-image .rings .ring-3 .orb,
.view-about .corevalues-section .about-section-image .rings .ring-4 .orb,
.view-about .corevalues-section .about-section-image .rings .ring-5 .orb {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.view-about .corevalues-section .about-section-image .rings .ring-1 {
    width: 300%;
    -moz-transform: translate(-50%, -50%) rotate(30deg);
    -ms-transform: translate(-50%, -50%) rotate(30deg);
    -o-transform: translate(-50%, -50%) rotate(30deg);
    -webkit-transform: translate(-50%, -50%) rotate(30deg);
    transform: translate(-50%, -50%) rotate(30deg)
}

.view-about .corevalues-section .about-section-image .rings .ring-1 .orb {
    top: 50%;
    left: 100%
}

.view-about .corevalues-section .about-section-image .rings .ring-2 {
    width: 375%;
    -moz-transform: translate(-50%, -50%) rotate(-60deg);
    -ms-transform: translate(-50%, -50%) rotate(-60deg);
    -o-transform: translate(-50%, -50%) rotate(-60deg);
    -webkit-transform: translate(-50%, -50%) rotate(-60deg);
    transform: translate(-50%, -50%) rotate(-60deg)
}

.view-about .corevalues-section .about-section-image .rings .ring-2 .orb {
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px
}

.view-about .corevalues-section .about-section-image .rings .ring-3 {
    width: 575%;
    -moz-transform: translate(-50%, -50%) rotate(75deg);
    -ms-transform: translate(-50%, -50%) rotate(75deg);
    -o-transform: translate(-50%, -50%) rotate(75deg);
    -webkit-transform: translate(-50%, -50%) rotate(75deg);
    transform: translate(-50%, -50%) rotate(75deg)
}

.view-about .corevalues-section .about-section-image .rings .ring-3 .orb {
    top: 50%;
    left: 100%;
    width: 10px;
    height: 10px
}

.view-about .corevalues-section .about-section-image .rings .ring-4 {
    width: 600%;
    -moz-transform: translate(-50%, -50%) rotate(5deg);
    -ms-transform: translate(-50%, -50%) rotate(5deg);
    -o-transform: translate(-50%, -50%) rotate(5deg);
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
    transform: translate(-50%, -50%) rotate(5deg)
}

.view-about .corevalues-section .about-section-image .rings .ring-4 .orb {
    top: 100%;
    left: 50%
}

.view-about .corevalues-section .about-section-image .rings .ring-5 {
    width: 800%;
    -moz-transform: translate(-50%, -50%) rotate(-20deg);
    -ms-transform: translate(-50%, -50%) rotate(-20deg);
    -o-transform: translate(-50%, -50%) rotate(-20deg);
    -webkit-transform: translate(-50%, -50%) rotate(-20deg);
    transform: translate(-50%, -50%) rotate(-20deg)
}

.view-about .corevalues-section .about-section-image .rings .ring-5 .orb {
    top: 100%;
    left: 50%;
    width: 8px;
    height: 8px
}

.view-about .corevalues-section .about-section-content {
    max-width: 1440px;
    margin: 0 auto
}

.view-about .corevalues-section .about-section-content:before,
.view-about .corevalues-section .about-section-content:after {
    content: "";
    display: table
}

.view-about .corevalues-section .about-section-content:after {
    clear: both
}

.view-about .corevalues-section .about-section-title {
    position: relative;
    font-family: brandon-grotesque, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.view-about .corevalues-section .about-section-title span {
    display: block
}

.view-about .corevalues-section .about-section-title span:nth-child(1) {
    font-size: 1em;
    letter-spacing: 2px
}

.view-about .corevalues-section .about-section-title span:nth-child(2) {
    font-size: 1.8em;
    letter-spacing: 5px
}

.view-about .corevalues-section .about-section-title span:nth-child(3) {
    font-size: 1em;
    letter-spacing: 2px;
    margin-top: .05em
}

.view-about .corevalues-section .corevalue-nucleus {
    position: relative;
    margin: 0 auto 2em
}

.view-about .corevalues-section .corevalue-nucleus {
    width: 150px;
    height: 150px
}

.view-about .corevalues-section .corevalue-nucleus-pulse {
    -moz-box-shadow: 0 0 5px 5px #fff;
    -webkit-box-shadow: 0 0 5px 5px #fff;
    box-shadow: 0 0 5px 5px #fff
}

.view-about .corevalues-section .corevalue-nucleus-pulse,
.view-about .corevalues-section .corevalue-nucleus-pulse:before,
.view-about .corevalues-section .corevalue-nucleus-pulse:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.view-about .corevalues-section .corevalue-nucleus-pulse:before {
    content: "";
    width: 125%;
    height: 125%;
    opacity: .5
}

@media (min-width: 768px) {
    .view-about .corevalues-section .corevalue-nucleus-pulse:after {
        content: "";
        width: 250%;
        height: 250%;
        opacity: 0
    }
}

.view-about .corevalues-section .corevalue-point {
    position: relative;
    width: 100%;
    min-height: 150px;
    padding: 2em 0;
    opacity: 0;
    top: 20px
}

.view-about .corevalues-section .corevalue-point.dna .corevalue-point-title {
    color: #68bb6c
}

.view-about .corevalues-section .corevalue-point.thinktank .corevalue-point-title {
    color: #1ca7c5
}

.view-about .corevalues-section .corevalue-point.minions .corevalue-point-title {
    color: #ae3c81
}

.view-about .corevalues-section .corevalue-point.getbetter .corevalue-point-title {
    color: #eb9336
}

@media (min-width: 768px) {
    .view-about .corevalues-section .corevalue-point.dna .corevalue-point-title {
        color: #68bb6c
    }

    .view-about .corevalues-section .corevalue-point.thinktank .corevalue-point-title {
        color: #1ca7c5
    }

    .view-about .corevalues-section .corevalue-point.minions .corevalue-point-title {
        color: #eb9336
    }

    .view-about .corevalues-section .corevalue-point.getbetter .corevalue-point-title {
        color: #ae3c81
    }
}

.view-about .corevalues-section .corevalue-point-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 auto
}

.view-about .corevalues-section .corevalue-point-title span {
    display: inline-block
}

.view-about .corevalues-section .corevalue-point-info {
    max-width: 22em;
    margin: 1em auto 0
}

@media (min-width: 768px) {
    .view-about .corevalues-section .corevalue-nucleus {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .view-about .corevalues-section .corevalue-point {
        float: left;
        width: 50%;
        padding: 2em 30px;
        min-height: 300px
    }

    .view-about .corevalues-section .corevalue-point.dna,
    .view-about .corevalues-section .corevalue-point.thinktank {
        top: 60px
    }

    .view-about .corevalues-section .corevalue-point.minions,
    .view-about .corevalues-section .corevalue-point.getbetter {
        top: 100px
    }

    .view-about .corevalues-section .corevalue-point-title {
        font-size: 32px
    }
}

@media (min-width: 992px) {
    .view-about .corevalues-section {
        height: 900px
    }

    .view-about .corevalues-section .corevalue-point.dna {
        -moz-transform: translate(-45px, 90px);
        -ms-transform: translate(-45px, 90px);
        -o-transform: translate(-45px, 90px);
        -webkit-transform: translate(-45px, 90px);
        transform: translate(-45px, 90px)
    }

    .view-about .corevalues-section .corevalue-point.thinktank {
        -moz-transform: translate(-160px, -70px);
        -ms-transform: translate(-160px, -70px);
        -o-transform: translate(-160px, -70px);
        -webkit-transform: translate(-160px, -70px);
        transform: translate(-160px, -70px)
    }

    .view-about .corevalues-section .corevalue-point.minions {
        -moz-transform: translate(120px, 40px);
        -ms-transform: translate(120px, 40px);
        -o-transform: translate(120px, 40px);
        -webkit-transform: translate(120px, 40px);
        transform: translate(120px, 40px)
    }

    .view-about .corevalues-section .corevalue-point.getbetter {
        -moz-transform: translate(45px, -90px);
        -ms-transform: translate(45px, -90px);
        -o-transform: translate(45px, -90px);
        -webkit-transform: translate(45px, -90px);
        transform: translate(45px, -90px)
    }

    .view-about .corevalues-section .corevalue-point-title {
        font-size: 36px
    }
}

@media (min-width: 1200px) {
    .view-about .corevalues-section {
        height: 1000px
    }

    .view-about .corevalues-section .corevalue-point.dna {
        -moz-transform: translate(0, 90px);
        -ms-transform: translate(0, 90px);
        -o-transform: translate(0, 90px);
        -webkit-transform: translate(0, 90px);
        transform: translateY(90px)
    }

    .view-about .corevalues-section .corevalue-point.thinktank {
        -moz-transform: translate(-140px, -100px);
        -ms-transform: translate(-140px, -100px);
        -o-transform: translate(-140px, -100px);
        -webkit-transform: translate(-140px, -100px);
        transform: translate(-140px, -100px)
    }

    .view-about .corevalues-section .corevalue-point.minions {
        -moz-transform: translate(160px, 80px);
        -ms-transform: translate(160px, 80px);
        -o-transform: translate(160px, 80px);
        -webkit-transform: translate(160px, 80px);
        transform: translate(160px, 80px)
    }

    .view-about .corevalues-section .corevalue-point.getbetter {
        -moz-transform: translate(-10px, -90px);
        -ms-transform: translate(-10px, -90px);
        -o-transform: translate(-10px, -90px);
        -webkit-transform: translate(-10px, -90px);
        transform: translate(-10px, -90px)
    }
}

@media (min-width: 1440px) {
    .view-about .corevalues-section .corevalue-point-title {
        font-size: 42px
    }

    .view-about .corevalues-section .corevalue-point-info {
        font-size: 18px
    }
}

.view-about .corevalues-section.anim-enter .about-section-image .rings {
    opacity: 1;
    -moz-transform: scale(1) translate(-50%, -50%) rotate(0);
    -ms-transform: scale(1) translate(-50%, -50%) rotate(0);
    -o-transform: scale(1) translate(-50%, -50%) rotate(0);
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(0);
    transform: scale(1) translate(-50%, -50%) rotate(0);
    -moz-transition: 1s cubic-bezier(0, 0, .1, 1) 1s;
    -o-transition: 1s cubic-bezier(0, 0, .1, 1) 1s;
    -webkit-transition: 1s cubic-bezier(0, 0, .1, 1) 1s;
    transition: 1s cubic-bezier(0, 0, .1, 1) 1s;
    -moz-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform
}

.view-about .corevalues-section.anim-enter .corevalue-point {
    opacity: 1;
    top: 0;
    -moz-transition: 1s cubic-bezier(0, 0, .1, 1);
    -o-transition: 1s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: 1s cubic-bezier(0, 0, .1, 1);
    transition: 1s cubic-bezier(0, 0, .1, 1);
    -moz-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    -webkit-transition-property: opacity, top;
    transition-property: opacity, top
}

.view-about .corevalues-section.anim-enter .corevalue-point.dna {
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.view-about .corevalues-section.anim-enter .corevalue-point.thinktank {
    -moz-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.view-about .corevalues-section.anim-enter .corevalue-point.minions {
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.view-about .corevalues-section.anim-enter .corevalue-point.getbetter {
    -moz-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

@media (min-width: 768px) {

    .view-about .corevalues-section.anim-enter .corevalue-point.dna,
    .view-about .corevalues-section.anim-enter .corevalue-point.thinktank {
        top: 40px
    }

    .view-about .corevalues-section.anim-enter .corevalue-point.minions,
    .view-about .corevalues-section.anim-enter .corevalue-point.getbetter {
        top: 80px
    }

    .view-about .corevalues-section.anim-enter .corevalue-point.thinktank {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .view-about .corevalues-section.anim-enter .corevalue-point.getbetter {
        -moz-transition-delay: 1.25s;
        -o-transition-delay: 1.25s;
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s
    }

    .view-about .corevalues-section.anim-enter .corevalue-point.minions {
        -moz-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .view-about .corevalues-section.anim-enter .corevalue-point.dna {
        -moz-transition-delay: 1.75s;
        -o-transition-delay: 1.75s;
        -webkit-transition-delay: 1.75s;
        transition-delay: 1.75s
    }
}

@media (min-width: 768px) {

    .view-about .corevalues-section.anim-enter .ring-1,
    .view-about .corevalues-section.anim-enter .ring-2,
    .view-about .corevalues-section.anim-enter .ring-3,
    .view-about .corevalues-section.anim-enter .ring-4,
    .view-about .corevalues-section.anim-enter .ring-5 {
        -moz-animation: about-corevalues-ring-loop linear infinite;
        -o-animation: about-corevalues-ring-loop linear infinite;
        -webkit-animation: about-corevalues-ring-loop linear infinite;
        animation: about-corevalues-ring-loop linear infinite
    }

    .view-about .corevalues-section.anim-enter .ring-1 {
        -moz-animation-duration: 15s;
        -o-animation-duration: 15s;
        -webkit-animation-duration: 15s;
        animation-duration: 15s
    }

    .view-about .corevalues-section.anim-enter .ring-2 {
        -moz-animation-duration: 30s;
        -o-animation-duration: 30s;
        -webkit-animation-duration: 30s;
        animation-duration: 30s
    }

    .view-about .corevalues-section.anim-enter .ring-3 {
        -moz-animation-duration: 60s;
        -o-animation-duration: 60s;
        -webkit-animation-duration: 60s;
        animation-duration: 60s;
        -moz-animation-direction: reverse;
        -o-animation-direction: reverse;
        -webkit-animation-direction: reverse;
        animation-direction: reverse
    }

    .view-about .corevalues-section.anim-enter .ring-4 {
        -moz-animation-duration: 45s;
        -o-animation-duration: 45s;
        -webkit-animation-duration: 45s;
        animation-duration: 45s
    }

    .view-about .corevalues-section.anim-enter .ring-5 {
        -moz-animation-duration: 75s;
        -o-animation-duration: 75s;
        -webkit-animation-duration: 75s;
        animation-duration: 75s
    }
}

@media (min-width: 768px) {
    .view-about .corevalues-section .corevalue-nucleus.anim-enter .corevalue-nucleus-pulse:before {
        -moz-animation: about-corevalues-nucleus-ring-before-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both;
        -o-animation: about-corevalues-nucleus-ring-before-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both;
        -webkit-animation: about-corevalues-nucleus-ring-before-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both;
        animation: about-corevalues-nucleus-ring-before-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both
    }

    .view-about .corevalues-section .corevalue-nucleus.anim-enter .corevalue-nucleus-pulse:after {
        -moz-animation: about-corevalues-nucleus-ring-after-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both;
        -o-animation: about-corevalues-nucleus-ring-after-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both;
        -webkit-animation: about-corevalues-nucleus-ring-after-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both;
        animation: about-corevalues-nucleus-ring-after-loop 1.5s cubic-bezier(.7, 0, .1, 1) infinite alternate both;
        -moz-animation-delay: .2s;
        -o-animation-delay: .2s;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
}

.view-about .team-section {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #131619;
    overflow: hidden
}

.view-about .team-section .about-section-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 60px 0;
    z-index: 20
}

.view-about .team-section .about-section-info {
    max-width: 34em;
    margin-top: .5em;
    margin-left: auto;
    margin-right: auto
}

.view-about .team-section .team-list-container {
    position: relative
}

.view-about .team-section .team-list-track {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.view-about .team-section .team-list-track:before,
.view-about .team-section .team-list-track:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 300px;
    height: 150%;
    pointer-events: none;
    z-index: 10
}

.view-about .team-section .team-list {
    margin: 0 auto;
    padding: 0 90px;
    background: url(/assets/images/areas/company/chalkboard_swatch.jpg)
}

.view-about .team-section .team-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, #000, #0000);
    z-index: 1
}

.view-about .team-section .team-list:after {
    content: "";
    display: table;
    clear: both
}

.view-about .team-section .team-group,
.view-about .team-section .team-member {
    float: left
}

.view-about .team-section .team-group-decoration,
.view-about .team-section .team-member-decoration {
    position: relative;
    float: left;
    left: 0
}

.view-about .team-section .team-member-portrait {
    position: relative;
    text-align: center;
    pointer-events: none
}

@media (max-width: 767px) {
    .view-about .team-section:not(.is-member-view) .team-list {
        position: relative
    }
}

.view-about .team-section .team-list-container,
.view-about .team-section .team-list-track {
    height: 603.75px
}

.view-about .team-section .team-list {
    width: 3250px;
    height: 718.75px
}

.view-about .team-section .team-member-portrait,
.view-about .team-section .team-group-decoration,
.view-about .team-section .team-member-decoration {
    height: 718.75px
}

@media (min-width: 480px) {

    .view-about .team-section .team-list-container,
    .view-about .team-section .team-list-track {
        height: 787.5px
    }

    .view-about .team-section .team-list {
        width: 4150px;
        height: 937.5px
    }

    .view-about .team-section .team-member-portrait,
    .view-about .team-section .team-group-decoration,
    .view-about .team-section .team-member-decoration {
        height: 937.5px
    }
}

@media (min-width: 768px) {

    .view-about .team-section .team-list-container,
    .view-about .team-section .team-list-track {
        height: 840px
    }

    .view-about .team-section .team-list {
        width: 4500px;
        height: 1000px
    }

    .view-about .team-section .team-member-portrait,
    .view-about .team-section .team-group-decoration,
    .view-about .team-section .team-member-decoration {
        height: 1000px
    }
}

@media (min-width: 992px) {

    .view-about .team-section .team-list-container,
    .view-about .team-section .team-list-track {
        height: 945px
    }

    .view-about .team-section .team-list {
        width: 5000px;
        height: 1125px
    }

    .view-about .team-section .team-member-portrait,
    .view-about .team-section .team-group-decoration,
    .view-about .team-section .team-member-decoration {
        height: 1125px
    }
}

@media (min-width: 1440px) {

    .view-about .team-section .team-list-container,
    .view-about .team-section .team-list-track {
        height: 1050px
    }

    .view-about .team-section .team-list {
        width: 5400px;
        height: 1250px
    }

    .view-about .team-section .team-member-portrait,
    .view-about .team-section .team-group-decoration,
    .view-about .team-section .team-member-decoration {
        height: 1250px
    }
}

.view-about .team-section .team-member-img-spacer {
    display: block;
    width: auto;
    height: 64%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.view-about .team-section .team-member-img {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    pointer-events: auto;
    -moz-transition-property: filter, -webkit-filter;
    -o-transition-property: filter, -webkit-filter;
    -webkit-transition-property: filter, -webkit-filter;
    transition-property: filter, -webkit-filter;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    transition-timing-function: cubic-bezier(.7, 0, .1, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.view-about .team-section .team-decoration-img {
    position: absolute;
    left: 0;
    height: 80%
}

.view-about .team-section .team-member-img,
.view-about .team-section .team-decoration-img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    bottom: 0
}

@media (min-width: 480px) {

    .view-about .team-section .team-member-img,
    .view-about .team-section .team-decoration-img {
        bottom: 4%
    }
}

@media (min-width: 768px) {

    .view-about .team-section .team-member-img,
    .view-about .team-section .team-decoration-img {
        bottom: 8%
    }
}

.view-about .team-section .team-member-namecard {
    position: absolute;
    bottom: 64%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    -moz-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -o-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, .1, 1);
    transition: opacity .3s cubic-bezier(0, 0, .1, 1)
}

@media (min-width: 480px) {
    .view-about .team-section .team-member-namecard {
        bottom: 68%
    }
}

@media (min-width: 768px) {
    .view-about .team-section .team-member-namecard {
        bottom: 72%
    }
}

.view-about .team-section .team-member-namecard .bubble {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: .9;
    z-index: -1
}

.view-about .team-section .team-member-namecard .bubble:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.view-about .team-section .team-member-namecard .bubble,
.view-about .team-section .team-member-namecard .bubble:before {
    background-color: #000;
    -moz-transition-property: background-color, opacity, transform;
    -o-transition-property: background-color, opacity, transform;
    -webkit-transition-property: background-color, opacity, transform;
    transition-property: background-color, opacity, transform;
    -moz-transition-duration: .5s, .2s, .5s;
    -o-transition-duration: .5s, .2s, .5s;
    -webkit-transition-duration: .5s, .2s, .5s;
    transition-duration: .5s, .2s, .5s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1)
}

.view-about .team-section .team-member-portrait:not(:hover) .team-member-namecard {
    color: #ffffff80
}

.view-about .team-section .team-member-portrait:not(:hover) .team-member-namecard .bubble,
.view-about .team-section .team-member-portrait:not(:hover) .team-member-namecard .bubble:before {
    background-color: #131619 !important
}

.view-about .team-section .team-member-namecard,
.view-about .team-section .team-member-name,
.view-about .team-section .team-member-title {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.view-about .team-section .team-member-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: table;
    height: 400px
}

.view-about .team-section .team-member-info .team-member-info-content {
    display: table-cell;
    vertical-align: middle;
    padding: 60px 15px 90px
}

@media (min-width: 768px) {
    .view-about .team-section .team-member-info .team-member-info-content {
        padding: 0 15px
    }
}

.view-about .team-section .team-member-info .team-member-name {
    font-size: 24px;
    margin-bottom: .25em
}

.view-about .team-section .team-member-info .team-member-title {
    font-size: 16px
}

.view-about .team-section .team-member-info .team-member-story {
    margin: 1em auto;
    max-width: 44em;
    text-align: center
}

.view-about .team-section .team-member-info .team-member-story:before,
.view-about .team-section .team-member-info .team-member-story:after {
    content: " ";
    display: table
}

.view-about .team-section .team-member-info .team-member-story:after {
    clear: both
}

.view-about .team-section .team-member-info .team-member-story a {
    color: inherit;
    text-decoration: underline
}

.view-about .team-section .team-member-info .team-member-links {
    list-style: none;
    margin: .5em auto 0;
    padding: 0;
    display: inline-block
}

.view-about .team-section .team-member-info .team-member-links:before,
.view-about .team-section .team-member-info .team-member-links:after {
    content: " ";
    display: table
}

.view-about .team-section .team-member-info .team-member-links:after {
    clear: both
}

.view-about .team-section .team-member-info .team-member-links li {
    float: left
}

.view-about .team-section .team-member-info .team-member-links li+li {
    margin-left: 15px
}

.view-about .team-section .team-member-info .team-member-links a {
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 32px 224px;
    background-position: center 3px;
    background-repeat: no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c0c9cf;
    text-indent: -9999px
}

.view-about .team-section .team-member-info .team-member-links a:hover,
.view-about .team-section .team-member-info .team-member-links a:focus {
    opacity: .5
}

.view-about .team-section .team-member-info .team-member-links a.email {
    background-image: url(/assets/images/icons/common/icon-social-email@2x.png)
}

.view-about .team-section .team-member-info .team-member-links a.twitter {
    background-image: url(/assets/images/icons/common/icon-social-twitter@2x.png)
}

.view-about .team-section .team-member-info .team-member-links a.linkedin {
    background-image: url(/assets/images/icons/common/icon-social-linkedin@2x.png)
}

.view-about .team-section .team-member-info .btn-close {
    position: relative;
    top: 3em;
    display: block;
    width: 100px;
    margin: 0 auto;
    color: #fff;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .view-about .team-section .team-member-info .btn-close {
        position: absolute;
        top: 60px;
        right: 30px;
        width: 48px;
        height: 48px;
        text-indent: -9999px;
        background-image: url(/png/icon-nav-close.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 24px 24px;
        opacity: .5
    }
}

.view-about .team-section .team-member-info .btn-close:hover,
.view-about .team-section .team-member-info .btn-close:focus {
    opacity: 1
}

.view-about .team-section .about-section-content,
.view-about .team-section .team-member-info {
    -moz-transition-property: opacity, transform, background-color, height;
    -o-transition-property: opacity, transform, background-color, height;
    -webkit-transition-property: opacity, transform, background-color, height;
    transition-property: opacity, transform, background-color, height;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .1, 1);
    transition-timing-function: cubic-bezier(0, 0, .1, 1)
}

@media (max-width: 767px) {
    .view-about .team-section .team-member-info {
        height: 98%;
        background-color: #0000
    }

    .view-about .team-section .team-member.active .team-member-info {
        height: 100%;
        background-color: #000000a8
    }
}

.view-about .team-section.is-member-view .team-list-track {
    overflow: hidden
}

.view-about .team-section.is-member-view .about-section-content {
    opacity: 0;
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97);
    -webkit-transform: scale(.97);
    transform: scale(.97)
}

.view-about .team-section.is-member-view .team-member-namecard {
    opacity: 0
}

.view-about .team-section .team-member:not(.active) .team-member-info {
    opacity: 0;
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97);
    -webkit-transform: scale(.97);
    transform: scale(.97);
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    z-index: -1
}

.view-about .team-section .team-member:not(.active) .team-member-portrait {
    z-index: 1
}

.view-about .team-section .team-member.active {
    z-index: 100 !important
}

.view-about .team-section .team-member.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .75;
    z-index: 110 !important
}

.view-about .team-section .team-member.active .team-member-portrait,
.view-about .team-section .team-member.active .team-member-info {
    z-index: 120 !important
}

.view-about .team-section .team-group-stongesales .team-group-decoration {
    left: 30%
}

.view-about .team-section .team-group-accountmanagers {
    padding-left: 40px
}

.view-about .team-section .team-group-devs .team-group-decoration {
    left: 14%;
    padding-left: 120px
}

.view-about .team-section .team-group-design .team-group-decoration {
    left: 12%
}

.view-about .team-section .team-group-hr {
    padding-left: 80px
}

.view-about .team-section .team-member.estonge .team-member-title {
    color: plum
}

.view-about .team-section .team-member.estonge .team-member-namecard {
    margin-left: -10%;
    margin-bottom: -8%
}

.view-about .team-section .team-member.estonge .team-member-namecard .bubble,
.view-about .team-section .team-member.estonge .team-member-namecard .bubble:before {
    background-color: plum
}

.view-about .team-section .team-member.jaslanian .team-member-title {
    color: #018dd7
}

.view-about .team-section .team-member.jaslanian .team-member-namecard {
    margin-bottom: -45%
}

.view-about .team-section .team-member.jaslanian .team-member-namecard .bubble,
.view-about .team-section .team-member.jaslanian .team-member-namecard .bubble:before {
    background-color: #018dd7
}

.view-about .team-section .team-member.jruggles {
    padding-left: 15px
}

.view-about .team-section .team-member.jruggles .team-member-title {
    color: #57a651
}

.view-about .team-section .team-member.jruggles .team-member-namecard {
    margin-bottom: -105%
}

.view-about .team-section .team-member.jruggles .team-member-namecard .bubble,
.view-about .team-section .team-member.jruggles .team-member-namecard .bubble:before {
    background-color: #57a651
}

.view-about .team-section .team-member.salmquist {
    padding-left: 15px
}

.view-about .team-section .team-member.salmquist .team-member-title {
    color: #e24fb3
}

.view-about .team-section .team-member.salmquist .team-member-namecard {
    margin-bottom: -40%
}

.view-about .team-section .team-member.salmquist .team-member-namecard .bubble,
.view-about .team-section .team-member.salmquist .team-member-namecard .bubble:before {
    background-color: #e24fb3
}

.view-about .team-section .team-member.hfickett {
    padding-left: 20px
}

.view-about .team-section .team-member.hfickett .team-member-title {
    color: #60a0b8
}

.view-about .team-section .team-member.hfickett .team-member-namecard {
    margin-bottom: -70%
}

.view-about .team-section .team-member.hfickett .team-member-namecard .bubble,
.view-about .team-section .team-member.hfickett .team-member-namecard .bubble:before {
    background-color: #60a0b8
}

.view-about .team-section .team-member.gmartinez .team-member-title {
    color: #d1600f
}

.view-about .team-section .team-member.gmartinez .team-member-namecard {
    margin-bottom: -10%
}

.view-about .team-section .team-member.gmartinez .team-member-namecard .bubble,
.view-about .team-section .team-member.gmartinez .team-member-namecard .bubble:before {
    background-color: #d1600f
}

.view-about .team-section .team-member.mmathews {
    padding-left: 20px
}

.view-about .team-section .team-member.mmathews .team-member-portrait {
    z-index: 2
}

.view-about .team-section .team-member.mmathews .team-member-title {
    color: #72923c
}

.view-about .team-section .team-member.mmathews .team-member-namecard {
    margin-left: -8%;
    margin-bottom: -10%
}

.view-about .team-section .team-member.mmathews .team-member-namecard .bubble,
.view-about .team-section .team-member.mmathews .team-member-namecard .bubble:before {
    background-color: #72923c
}

.view-about .team-section .team-member.jmeuse .team-member-title {
    color: #4a90e2
}

.view-about .team-section .team-member.jmeuse .team-member-namecard {
    margin-bottom: -5%
}

.view-about .team-section .team-member.jmeuse .team-member-namecard .bubble,
.view-about .team-section .team-member.jmeuse .team-member-namecard .bubble:before {
    background-color: #4a90e2
}

.view-about .team-section .team-member.jmrepellin {
    padding-left: 50px
}

.view-about .team-section .team-member.jmrepellin .team-member-decoration {
    top: -30px
}

.view-about .team-section .team-member.jmrepellin .team-member-title {
    color: #e75328
}

.view-about .team-section .team-member.jmrepellin .team-member-namecard {
    margin-bottom: -10%
}

.view-about .team-section .team-member.jmrepellin .team-member-namecard .bubble,
.view-about .team-section .team-member.jmrepellin .team-member-namecard .bubble:before {
    background-color: #e75328
}

.view-about .team-section .team-member.jvillanueva .team-member-decoration {
    left: 0
}

.view-about .team-section .team-member.jvillanueva .team-member-title {
    color: #228b22
}

.view-about .team-section .team-member.jvillanueva .team-member-namecard {
    margin-bottom: -35%;
    margin-left: 8%
}

.view-about .team-section .team-member.jvillanueva .team-member-namecard .bubble,
.view-about .team-section .team-member.jvillanueva .team-member-namecard .bubble:before {
    background-color: #228b22
}

.view-about .team-section .team-member.bkirii {
    margin-left: -10px;
    padding-top: 10px
}

.view-about .team-section .team-member.bkirii .team-member-decoration {
    left: 8%
}

.view-about .team-section .team-member.bkirii .team-member-title {
    color: #f3892e
}

.view-about .team-section .team-member.bkirii .team-member-namecard {
    margin-bottom: -50%
}

.view-about .team-section .team-member.bkirii .team-member-namecard .bubble,
.view-about .team-section .team-member.bkirii .team-member-namecard .bubble:before {
    background-color: #f3892e
}

.view-about .team-section .team-member.dsinitsyn {
    padding-top: 25px
}

.view-about .team-section .team-member.dsinitsyn .team-member-decoration {
    left: 8%
}

.view-about .team-section .team-member.dsinitsyn .team-member-title {
    color: #8080c6
}

.view-about .team-section .team-member.dsinitsyn .team-member-namecard {
    margin-bottom: -50%
}

.view-about .team-section .team-member.dsinitsyn .team-member-namecard .bubble,
.view-about .team-section .team-member.dsinitsyn .team-member-namecard .bubble:before {
    background-color: #8080c6
}

.view-about .team-section .team-member.gshabat .team-member-title {
    color: #1e90ff
}

.view-about .team-section .team-member.gshabat .team-member-namecard {
    margin-bottom: -8%;
    margin-left: 2%
}

.view-about .team-section .team-member.gshabat .team-member-namecard .bubble,
.view-about .team-section .team-member.gshabat .team-member-namecard .bubble:before {
    background-color: #1e90ff
}

.view-about .team-section .team-member.ktiller {
    padding-left: 180px
}

@media (max-width: 767px) {
    .view-about .team-section .team-member.ktiller {
        padding-left: 150px
    }
}

.view-about .team-section .team-member.ktiller .team-member-decoration {
    left: -150%
}

.view-about .team-section .team-member.ktiller .team-member-title {
    color: #008b8b
}

.view-about .team-section .team-member.ktiller .team-member-namecard {
    margin-left: 5%;
    margin-bottom: -8%
}

.view-about .team-section .team-member.ktiller .team-member-namecard .bubble,
.view-about .team-section .team-member.ktiller .team-member-namecard .bubble:before {
    background-color: #008b8b
}

.view-about .team-section .team-member.dsmith .team-member-title {
    color: #8472d3
}

.view-about .team-section .team-member.dsmith .team-member-namecard {
    margin-left: 6%;
    margin-bottom: -15%
}

.view-about .team-section .team-member.dsmith .team-member-namecard .bubble,
.view-about .team-section .team-member.dsmith .team-member-namecard .bubble:before {
    background-color: #8472d3
}

.view-about .team-section .team-member.sgoldston {
    margin-left: -15px
}

.view-about .team-section .team-member.sgoldston .team-member-title {
    color: #337ab7
}

.view-about .team-section .team-member.sgoldston .team-member-namecard {
    margin-left: -1%;
    margin-bottom: -55%
}

.view-about .team-section .team-member.sgoldston .team-member-namecard .bubble,
.view-about .team-section .team-member.sgoldston .team-member-namecard .bubble:before {
    background-color: #337ab7
}

.view-about .team-section .team-member.llopez .team-member-title {
    color: #90999f
}

.view-about .team-section .team-member.llopez .team-member-namecard {
    margin-bottom: -10%
}

.view-about .team-section .team-member.llopez .team-member-namecard .bubble,
.view-about .team-section .team-member.llopez .team-member-namecard .bubble:before {
    background-color: #90999f
}

.view-about .team-section .team-member.bkent {
    padding-left: 220px
}

@media (max-width: 767px) {
    .view-about .team-section .team-member.bkent {
        padding-left: 140px
    }
}

.view-about .team-section .team-member.bkent .team-member-decoration {
    left: -110%
}

.view-about .team-section .team-member.bkent .team-member-title {
    color: #66cdaa
}

.view-about .team-section .team-member.bkent .team-member-namecard {
    margin-left: -8%
}

.view-about .team-section .team-member.bkent .team-member-namecard .bubble,
.view-about .team-section .team-member.bkent .team-member-namecard .bubble:before {
    background-color: #66cdaa
}

.view-about .team-section .team-member.wcheng .team-member-portrait {
    left: 65%
}

.view-about .team-section .team-member.wcheng .team-member-title {
    color: orange
}

.view-about .team-section .team-member.wcheng .team-member-namecard {
    margin-left: -5%;
    margin-bottom: -32%
}

.view-about .team-section .team-member.wcheng .team-member-namecard .bubble,
.view-about .team-section .team-member.wcheng .team-member-namecard .bubble:before {
    background-color: orange
}

.view-about .team-section .team-member.dra .team-member-portrait {
    left: 100%;
    z-index: 5
}

.view-about .team-section .team-member.dra .team-member-title {
    color: #ffdab9
}

.view-about .team-section .team-member.dra .team-member-namecard {
    margin-bottom: 25%
}

.view-about .team-section .team-member.dra .team-member-namecard .bubble,
.view-about .team-section .team-member.dra .team-member-namecard .bubble:before {
    background-color: #ffdab9
}

.view-about .team-section .team-member.dvanleunen .team-member-portrait {
    z-index: 2
}

.view-about .team-section .team-member.dvanleunen .team-member-title {
    color: #6b8e23
}

.view-about .team-section .team-member.dvanleunen .team-member-namecard {
    margin-left: 15%;
    margin-bottom: -20%
}

.view-about .team-section .team-member.dvanleunen .team-member-namecard .bubble,
.view-about .team-section .team-member.dvanleunen .team-member-namecard .bubble:before {
    background-color: #6b8e23
}

.view-about .team-section .team-member.zstovall {
    margin-left: -20px
}

.view-about .team-section .team-member.zstovall .team-member-title {
    color: #ffa660
}

.view-about .team-section .team-member.zstovall .team-member-namecard {
    margin-bottom: -15%
}

.view-about .team-section .team-member.zstovall .team-member-namecard .bubble,
.view-about .team-section .team-member.zstovall .team-member-namecard .bubble:before {
    background-color: #ffa660
}

.view-about .team-section .team-member.flatricky {
    padding-left: 75px
}

.view-about .team-section .team-member.flatricky .team-member-decoration {
    left: -131%
}

.view-about .team-section .team-member.flatricky .team-member-title {
    color: #87cefa
}

.view-about .team-section .team-member.flatricky .team-member-namecard {
    margin-left: 5%;
    margin-bottom: -22%
}

.view-about .team-section .team-member.flatricky .team-member-namecard .bubble,
.view-about .team-section .team-member.flatricky .team-member-namecard .bubble:before {
    background-color: #87cefa
}

.view-about .team-section .team-member.joinus {
    padding-left: 60px
}

@media (min-width: 480px) {
    .view-about .team-section .team-member.joinus {
        padding-left: 100px
    }
}

@media (min-width: 768px) {
    .view-about .team-section .team-member.joinus {
        padding-left: 120px
    }
}

@media (min-width: 992px) {
    .view-about .team-section .team-member.joinus {
        padding-left: 160px
    }
}

.view-about .team-section .team-member.joinus .team-decoration-img {
    bottom: 8%
}

.view-about .press-section {
    padding-top: 90px;
    color: #fff;
    background: #4a90e2;
    text-align: center;
    background: #4a90e2 url(/assets/images/areas/company/section_presshighlights_bg.jpg) top center no-repeat;
    background-size: cover
}

.view-about .press-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: linear-gradient(to bottom, #4a90e2, #4a90e200)
}

.view-about .press-section .about-section-supertitle {
    color: #fff
}

.view-about .press-section .slide-nav {
    display: inline-block;
    margin: 1em auto 0;
    padding: 0;
    list-style: none
}

.view-about .press-section .slide-nav li {
    float: left;
    margin: 0 5px
}

.view-about .press-section .slide-nav a {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    text-indent: -9999px
}

.view-about .press-section .slide-nav a:not(.active) {
    opacity: .5
}

.view-about .press-section .slide {
    text-align: center
}

.view-about .press-section .slide:not(.active) {
    display: none
}

@media (min-width: 768px) {
    .view-about .press-section .slide {
        text-align: left
    }
}

.view-about .press-section .slide .press-quote {
    margin: 3em 0;
    padding: 0 15px
}

.view-about .press-section .slide .press-quote a {
    color: #fff
}

.view-about .press-section .slide .quote {
    font-size: 18px;
    font-weight: 300
}

.view-about .press-section .slide .credit {
    margin-top: 1em;
    font-weight: 300
}

.view-about .press-section .slide .company {
    display: block;
    font-weight: 700
}

.view-about .press-section .press-cta {
    padding: 60px 0 120px
}

.view-about .press-section .press-cta .btn-mediakit {
    margin-top: 1.5em;
    border: solid 1px #ffffff
}

.view-about .address-section {
    position: relative;
    color: #222;
    background-color: #fff;
    padding: 150px 0
}

.view-about .address-section .about-section-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/images/areas/company/World-Map-chloro.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .2
}

@media (min-width: 768px) {
    .view-about .address-section .about-section-image {
        left: 10%;
        background-image: radial-gradient(25% 100% at 20% 50%, #fff0 10%, #fff), url(/assets/images/areas/company/World-Map-chloroflipto.png);
        background-position: center center;
        background-size: contain;
        opacity: 1
    }
}

.view-about .address-section .about-section-supertitle span {
    display: inline-block
}

.view-about .address-section .about-section-info {
    position: relative;
    text-align: center;
    padding: 0 15px
}

@media (min-width: 768px) {
    .view-about .address-section .about-section-info {
        margin-left: 55%;
        text-align: left
    }
}

.view-about .address-section .address {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 1em
}

.view-about .address-section .address span {
    display: inline-block
}

@media (min-width: 480px) {
    .view-about .address-section .address {
        font-size: 24px
    }
}

.view-about .address-section .btn-contact {
    width: 100%;
    max-width: 300px;
    margin: 2em 0 1em;
    padding: 25px 0 25px 80px;
    color: #4a90e2;
    background-image: url(/assets/images/areas/company/icon-email-blue@2x.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 64px 64px;
    font-size: 24px;
    cursor: pointer
}

.view-about .address-section .btn-contact:hover,
.view-about .address-section .btn-contact:focus,
.view-about .address-section .btn-contact:active {
    color: #fff
}

.view-about .address-section .phone {
    font-size: 24px;
    color: #222
}

.view-about .ft-continue-section {
    background: url(/assets/images/areas/common/offramp-blog.jpg) center center no-repeat;
    background-size: cover
}

.view-about .ft-continue-section a {
    background: transparent !important
}

@keyframes about-corevalues-nucleus-ring-before-loop {
    0% {
        width: 125%;
        height: 125%;
        opacity: 1
    }

    to {
        width: 175%;
        height: 175%;
        opacity: 0
    }
}

@keyframes about-corevalues-nucleus-ring-after-loop {
    0% {
        width: 150%;
        height: 150%;
        opacity: .3
    }

    to {
        width: 200%;
        height: 200%;
        opacity: .3
    }
}

@keyframes about-corevalues-ring-loop {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.view.view-blog {
    overflow-x: hidden
}

.view.view-blog h1:not(:first-child),
.view.view-blog h2:not(:first-child),
.view.view-blog h3:not(:first-child),
.view.view-blog h4:not(:first-child),
.view.view-blog h5:not(:first-child),
.view.view-blog h6:not(:first-child) {
    margin-top: 2em;
    clear: both
}

.view.view-blog .header {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
    background-position: center;
    min-height: 250px
}

.view.view-blog .header.no-img {
    background-image: url(/assets/images/areas/news/news-header-no-img-2.jpg)
}

.view.view-blog .header .featured-article {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-weight: 300
}

.view.view-blog .header .featured-article .bg-matte {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #20292f;
    opacity: .66
}

.view.view-blog .header .featured-article:hover .bg-matte,
.view.view-blog .header .featured-article:focus .bg-matte {
    opacity: .3
}

.view.view-blog .header .featured-article:hover .btn-readmore,
.view.view-blog .header .featured-article:focus .btn-readmore {
    color: #222 !important;
    background-color: #fff
}

.view.view-blog .header .blog-article-details {
    position: relative;
    width: 100%;
    display: block;
    color: #fff;
    padding: 140px 15px 100px;
    background-image: linear-gradient(#0000, #00000080)
}

@media screen and (min-width: 768px) {
    .view.view-blog .header .blog-article-details {
        padding-top: 220px;
        padding-bottom: 200px
    }
}

.view.view-blog .header .blog-article-details .header-title {
    max-width: 740px;
    margin: .25em auto 0;
    line-height: 1.2
}

.view.view-blog .header .blog-article-details .blog-article-title {
    max-width: 740px;
    margin: 0 auto
}

.view.view-blog .header .blog-article-details .blog-article-body {
    font-size: 18px;
    max-width: 740px;
    margin: 1.5em auto 0;
    opacity: 1
}

.view.view-blog .header .btn-readmore {
    display: inline-block;
    color: #fff;
    min-width: 120px;
    padding: 10px 20px;
    margin-top: 25px
}

.view.view-blog .blog-categories-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    height: 80px;
    padding-top: 20px
}

.view.view-blog .blog-categories-nav li {
    display: inline-block
}

.view.view-blog .blog-categories-nav li a {
    opacity: .7;
    color: #fff;
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px
}

.view.view-blog .blog-categories-nav li a:hover,
.view.view-blog .blog-categories-nav li a:focus,
.view.view-blog .blog-categories-nav li a:active {
    opacity: 1
}

.view.view-blog .blog-categories-nav .dropdown-menu {
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 120px;
    margin-top: 10px;
    margin-left: -10px;
    padding: 10px 0
}

.view.view-blog .blog-categories-nav .dropdown-menu:after {
    content: "";
    position: absolute;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -6px;
    left: 40px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, .15)
}

.view.view-blog .blog-categories-nav .dropdown-menu li {
    margin: 0
}

.view.view-blog .blog-categories-nav .dropdown-menu li a {
    color: #60696f
}

.view.view-blog .btn-loadmore {
    display: block;
    margin: 30px auto 60px;
    padding: 15px;
    max-width: 280px
}

.view.view-blog .blog-list-supertitle {
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: #90999f;
    margin: 0 0 4em
}

.view.view-blog .blog-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 1.8
}

.view.view-blog .blog-offramp {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 60px 30px;
    margin-bottom: 100px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.view.view-blog .blog-offramp.photo-advocacy figure {
    width: 50%;
    margin: 2em auto
}

.view.view-blog .blog-offramp.photo-advocacy .blog-article-body {
    font-size: 16px;
    text-align: center;
    max-width: 640px
}

@media screen and (min-width: 768px) {
    .view.view-blog .blog-offramp.photo-advocacy figure {
        float: left;
        width: 30%
    }

    .view.view-blog .blog-offramp.photo-advocacy .blog-article-body {
        position: absolute;
        top: 50%;
        left: 35%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .view.view-blog .blog-offramp.photo-advocacy .blog-article-body {
        font-size: 18px
    }
}

.view.view-blog .blog-excerpt {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    min-height: 560px
}

@media screen and (min-width: 768px) {
    .view.view-blog .blog-excerpt {
        height: 600px
    }
}

.view.view-blog .blog-excerpt .figure {
    width: 100% !important
}

.view.view-blog .blog-excerpt .blog-article-image {
    display: block;
    width: 100%;
    padding-top: 66%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.view.view-blog .blog-excerpt .blog-article-image.no-img {
    background-image: url(/assets/images/areas/news/news-header-no-img-2.jpg)
}

@media screen and (min-width: 768px) {
    .view.view-blog .blog-excerpt .blog-article-details {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .view.view-blog .blog-excerpt .blog-article-details {
        padding-left: 20px;
        padding-right: 20px
    }
}

.view.view-blog .blog-excerpt .blog-article-category {
    display: inline-block;
    font-family: brandon-grotesque, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    opacity: .5;
    color: #222;
    margin-top: 2em
}

.view.view-blog .blog-excerpt .blog-article-category:hover {
    opacity: 1
}

.view.view-blog .blog-excerpt .blog-article-title {
    font-size: 22px;
    margin: .5em 0 1em
}

.view.view-blog .blog-excerpt .blog-article-title a {
    font-weight: 300;
    color: #222
}

.view.view-blog .blog-excerpt .blog-article-title a:hover,
.view.view-blog .blog-excerpt .blog-article-title a:focus {
    color: #3584de
}

.view.view-blog .blog-excerpt h1 {
    font-size: 32px
}

.view.view-blog .blog-excerpt h2 {
    font-size: 24px
}

.view.view-blog .blog-excerpt h3 {
    font-size: 20px
}

.view.view-blog .blog-excerpt h4 {
    font-size: 18px
}

.view.view-blog .blog-excerpt h5 {
    font-size: 16px
}

.view.view-blog .blog-excerpt .blog-article-body {
    height: 10em;
    overflow: hidden;
    position: relative
}

.view.view-blog .blog-excerpt .blog-article-body:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3em;
    max-height: 300px;
    width: 100%;
    background-image: linear-gradient(180deg, #fff0, #fff 66%)
}

.view.view-blog .blog-author-image {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.view.view-blog .blog-author-image.flipto-author-image {
    background-color: #00334e
}

.view.view-blog blockquote,
.view.view-blog ul,
.view.view-blog ol {
    margin: 2em 0
}

.view.view-blog pre {
    padding: 15px;
    font-size: 16px;
    color: #fff;
    background-color: #20292f;
    border: none;
    margin: 2em 0
}

.view.view-blog figure {
    margin: 2em 0;
    max-width: 100%
}

.view.view-blog figure img {
    width: 100%;
    margin: 0 auto
}

.view.view-blog figure figcaption {
    color: #90999f;
    font-size: 14px;
    margin-top: 1em;
    text-align: center
}

.view.view-blog img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.view.view-blog .wistia_responsive_padding {
    margin-bottom: 3em
}

.view.view-blog h1+.wistia_responsive_padding,
.view.view-blog h2+.wistia_responsive_padding,
.view.view-blog h3+.wistia_responsive_padding,
.view.view-blog h4+.wistia_responsive_padding,
.view.view-blog h5+.wistia_responsive_padding,
.view.view-blog h6+.wistia_responsive_padding,
.view.view-blog p+.wistia_responsive_padding,
.view.view-blog ul+.wistia_responsive_padding,
.view.view-blog ol+.wistia_responsive_padding,
.view.view-blog figure+.wistia_responsive_padding,
.view.view-blog blockquote+.wistia_responsive_padding,
.view.view-blog pre+.wistia_responsive_padding,
.view.view-blog hr+.wistia_responsive_padding,
.view.view-blog img+.wistia_responsive_padding {
    margin-top: 3em
}

.view.view-blog .error-heading {
    padding-top: 90px;
    background: url(/assets/images/icons/common/icon-alert.png) top center no-repeat
}

.view.view-blog .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.view.view-blog .alignleft:not(.logo):not(.headshot),
.view.view-blog .alignright:not(.logo):not(.headshot) {
    width: 100%;
    max-width: 100%
}

.view.view-blog .logo {
    max-width: 250px;
    max-height: 250px
}

.view.view-blog .headshot {
    max-width: 300px;
    max-height: 300px
}

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

    .view.view-blog .alignleft,
    .view.view-blog .alignright,
    .view.view-blog .alignnone {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media screen and (min-width: 768px) {
    .view.view-blog .alignleft {
        float: left;
        margin-right: 2em
    }

    .view.view-blog .alignright {
        float: right;
        margin-left: 2em
    }

    .view.view-blog .alignleft:not(.logo):not(.headshot),
    .view.view-blog .alignright:not(.logo):not(.headshot) {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        margin-top: 1em;
        margin-bottom: 1em
    }
}

@media screen and (min-width: 992px) {

    .view.view-blog .alignleft:not(.no-scale):not(.logo):not(.headshot),
    .view.view-blog .alignright:not(.no-scale):not(.logo):not(.headshot) {
        width: 66%;
        min-width: 66%;
        max-width: 66%;
        margin: 1.5em 0
    }

    .view.view-blog .alignleft:not(.no-scale):not(.logo):not(.headshot) {
        margin-left: -150px;
        margin-right: 3em
    }

    .view.view-blog .alignright:not(.no-scale):not(.logo):not(.headshot) {
        margin-right: -150px;
        margin-left: 3em
    }

    .view.view-blog .aligncenter.jumbo,
    .view.view-blog .alignnone.jumbo {
        width: 150%;
        max-width: none;
        margin-left: -25%;
        margin-top: 3em;
        margin-bottom: 3em
    }
}

.view.view-blog .article-title,
.view.view-blog .bg-matte,
.view.view-blog .read-on,
.view.view-blog .sidebar-feature {
    -moz-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -o-transition: .5s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: .5s cubic-bezier(.7, 0, .1, 1);
    transition: .5s cubic-bezier(.7, 0, .1, 1);
    -moz-transition-property: opacity, color, background-color, border-color;
    -o-transition-property: opacity, color, background-color, border-color;
    -webkit-transition-property: opacity, color, background-color, border-color;
    transition-property: opacity, color, background-color, border-color
}

.view.view-blog .blog-subscription-section {
    color: #fff;
    background-color: #c0c9cf;
    background-image: url(/assets/images/areas/blog/blog-subscription-bg.jpg);
    background-position: center center;
    background-size: cover;
    text-align: center;
    min-height: 500px;
    width: 100%;
    display: table
}

.view.view-blog .blog-subscription-section .section-content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px
}

.view.view-blog .blog-subscription-section .section-content:not(.active) {
    display: none
}

.view.view-blog .blog-subscription-section .section-title {
    font-size: 32px;
    margin: 0 auto;
    max-width: 22em
}

.view.view-blog .blog-subscription-section form {
    max-width: 400px;
    margin: 2em auto 0
}

.view.view-blog .blog-subscription-section input {
    color: #222;
    width: 100%;
    padding: 12px 15px;
    font-size: 16px
}

.view.view-blog .blog-subscription-section .btn-subscribe {
    opacity: 1;
    width: 100%;
    padding: 15px;
    color: #fff;
    background-color: #4a90e2;
    margin-top: 0
}

.view.view-blog .blog-subscription-section .btn-subscribe:hover,
.view.view-blog .blog-subscription-section .btn-subscribe:focus {
    color: #222;
    background-color: #fff
}

.view.view-blog .blog-subscription-section .footnote {
    font-size: 16px;
    margin-top: 1em
}

.view.view-blog .blog-subscription-section .blog-subscription-error .footnote {
    max-width: 28em;
    margin-left: auto;
    margin-right: auto
}

.view.view-blog .blog-subscription-section .blog-subscription-error .btn {
    margin-top: 1.5em
}

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

    .view.view-blog .blog-subscription-section .form-group+.form-group,
    .view.view-blog .blog-subscription-section .form-group+.btn-subscribe {
        margin-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .view.view-blog .blog-subscription-section form {
        display: inline-block;
        max-width: none
    }

    .view.view-blog .blog-subscription-section .form-group {
        float: left;
        width: 300px
    }

    .view.view-blog .blog-subscription-section .btn-subscribe {
        float: left;
        margin-left: 5px;
        width: auto
    }
}

.view.view-blog .get-social {
    clear: both;
    border-top: 1px solid #e0e0e0;
    margin: 50px 0 100px;
    padding: 30px 0 0;
    text-align: center
}

.view.view-blog .get-social .section-supertitle {
    margin-bottom: 30px
}

.view.view-blog .get-social ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.view.view-blog .get-social li {
    list-style: none;
    padding: 0;
    display: inline-block;
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #aaa
}

.view.view-blog .get-social li a {
    display: block;
    text-indent: -9999px;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: 64px 448px;
    background-position: center -128px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c0c9cf
}

.view.view-blog .get-social li a:hover,
.view.view-blog .get-social li a:focus {
    background-position: center top;
    border-color: transparent;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.view.view-blog .get-social li a.icon-facebook {
    background-image: url(/assets/images/icons/common/icon-social-facebook@2x.png)
}

.view.view-blog .get-social li a.icon-facebook:hover,
.view.view-blog .get-social li a.icon-facebook:focus {
    background-color: #3b5998
}

.view.view-blog .get-social li a.icon-twitter {
    background-image: url(/assets/images/icons/common/icon-social-twitter@2x.png)
}

.view.view-blog .get-social li a.icon-twitter:hover,
.view.view-blog .get-social li a.icon-twitter:focus {
    background-color: #4099ff
}

.view.view-blog .get-social li a.icon-linkedin {
    background-image: url(/assets/images/icons/common/icon-social-linkedin@2x.png)
}

.view.view-blog .get-social li a.icon-linkedin:hover,
.view.view-blog .get-social li a.icon-linkedin:focus {
    background-color: #1988be
}

.view.view-blog .get-social li a.icon-googleplus {
    background-image: url(/assets/images/icons/common/icon-social-googleplus@2x.png)
}

.view.view-blog .get-social li a.icon-googleplus:hover,
.view.view-blog .get-social li a.icon-googleplus:focus {
    background-color: #f63e28
}

@media screen and (max-width: 767px) {
    .view.view-blog .get-social li a {
        width: 48px;
        height: 48px;
        background-size: 48px 336px;
        background-position: center -96px
    }
}

.view.view-blog .get-social li+li {
    margin-left: 25px
}

@media screen and (max-width: 767px) {
    .view.view-blog .get-social li+li {
        margin-left: 15px
    }
}

.view.view-blog-article .header .bg-matte {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #20292f;
    opacity: .66
}

.view.view-blog-article .header .container {
    position: relative
}

.view.view-blog-article .header .blog-article-details {
    padding-top: 100px;
    padding-bottom: 30px
}

@media screen and (min-width: 768px) {
    .view.view-blog-article .header .blog-article-details {
        padding-top: 180px;
        padding-bottom: 30px
    }
}

.view.view-blog-article .header .blog-article-category {
    font-family: brandon-grotesque, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.view.view-blog-article .header .blog-article-category a {
    color: #fff;
    opacity: .7
}

.view.view-blog-article .header .blog-article-category a:hover {
    opacity: 1
}

.view.view-blog-article .header .header-title {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto
}

.view.view-blog-article .header .blog-article-byline {
    margin-top: 80px
}

@media screen and (min-width: 768px) {
    .view.view-blog-article .header .blog-article-byline {
        margin-top: 140px
    }
}

.view.view-blog-article .header .blog-author-image {
    width: 40px;
    height: 40px
}

.view.view-blog-article .header .blog-author-info {
    display: inline-block;
    vertical-align: middle;
    margin: 5px
}

.view.view-blog-article .header .blog-author-info span {
    display: inline-block
}

.view.view-blog-article .header .blog-author-name {
    font-weight: 500;
    color: #fff
}

.view.view-blog-article .blog-article-body {
    color: #40494f;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 1.8
}

.view.view-blog-article .blog-article-body a {
    display: inline
}

.view.view-blog-article .blog-article-body li+li {
    margin-top: 1em
}

.view.view-blog-article .blog-article-body .btn {
    white-space: normal
}

.view.view-blog-article .blog-article-body .CM-form {
    background: #f0f9ff;
    padding: 10px;
    margin: 40px 0
}

.view.view-blog-article .blog-article-body .CM-form #subForm {
    font-size: 12px;
    margin-top: 2em;
    margin-bottom: 2em
}

.view.view-blog-article .blog-article-body .CM-form #subForm input {
    font-size: 1.25em;
    padding: 5px;
    max-width: 55%
}

@media (max-width: 767px) {
    .view.view-blog-article .blog-article-body .CM-form {
        text-align: center
    }

    .view.view-blog-article .blog-article-body .CM-form #subForm input {
        max-width: 100%
    }
}

.view.view-blog-article .get-social {
    clear: both;
    border-top: 1px solid #e0e0e0;
    margin: 45px 0 100px;
    padding: 45px 0 0;
    text-align: center
}

.view.view-blog-article .get-social .section-supertitle {
    margin-bottom: 30px
}

.view.view-blog-article .get-social ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.view.view-blog-article .get-social li {
    list-style: none;
    padding: 0;
    display: inline-block;
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #aaa
}

.view.view-blog-article .get-social li a {
    display: block;
    text-indent: -9999px;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: 64px 448px;
    background-position: center -128px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c0c9cf
}

.view.view-blog-article .get-social li a:hover,
.view.view-blog-article .get-social li a:focus {
    background-position: center top;
    border-color: transparent;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.view.view-blog-article .get-social li a.facebook {
    background-image: url(/assets/images/icons/common/icon-social-facebook@2x.png)
}

.view.view-blog-article .get-social li a.facebook:hover,
.view.view-blog-article .get-social li a.facebook:focus {
    background-color: #3b5998
}

.view.view-blog-article .get-social li a.twitter {
    background-image: url(/assets/images/icons/common/icon-social-twitter@2x.png)
}

.view.view-blog-article .get-social li a.twitter:hover,
.view.view-blog-article .get-social li a.twitter:focus {
    background-color: #4099ff
}

.view.view-blog-article .get-social li a.linkedin {
    background-image: url(/assets/images/icons/common/icon-social-linkedin@2x.png)
}

.view.view-blog-article .get-social li a.linkedin:hover,
.view.view-blog-article .get-social li a.linkedin:focus {
    background-color: #1988be
}

.view.view-blog-article .get-social li a.googleplus {
    background-image: url(/assets/images/icons/common/icon-social-googleplus@2x.png)
}

.view.view-blog-article .get-social li a.googleplus:hover,
.view.view-blog-article .get-social li a.googleplus:focus {
    background-color: #f63e28
}

@media screen and (max-width: 767px) {
    .view.view-blog-article .get-social li a {
        width: 48px;
        height: 48px;
        background-size: 48px 336px;
        background-position: center -96px
    }
}

.view.view-blog-article .get-social li+li {
    margin: 0 0 0 25px
}

@media (max-width: 767px) {
    .view.view-blog-article .get-social li+li {
        margin: 0 0 0 15px
    }
}

.view.view-blog-article .blog-author-footer {
    margin: 90px 0
}

.view.view-blog-article .blog-author-footer .blog-author-image {
    width: 80px;
    height: 80px
}

.view.view-blog-article .blog-author-footer .blog-author-info {
    display: inline-block;
    vertical-align: middle;
    margin: 10px
}

.view.view-blog-article .blog-author-footer .blog-author-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 1em;
    margin: 0
}

.view.view-blog-article .blog-author-footer .blog-author-email {
    margin-top: 0;
    margin-right: 5px
}

@media screen and (max-width: 767px) {
    .view.view-blog-article .blog-author-footer {
        text-align: center
    }

    .view.view-blog-article .blog-author-footer .blog-author-image {
        display: block;
        margin: 0 auto
    }
}

.view.view-blog-article .blog-author-footer .blog-author-social-links {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    padding: 0
}

.view.view-blog-article .blog-author-footer .blog-author-social-links li {
    float: left;
    padding: 5px
}

.view.view-blog-article .blog-author-footer .blog-author-social-links li a {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: 32px 224px;
    background-position: center -64px
}

.view.view-blog-article .blog-author-footer .blog-author-social-links li a:hover {
    background-position: center -128px
}

.view.view-blog-article .blog-author-footer .blog-author-social-links li a.icon-sm-twitter {
    background-image: url(/assets/images/icons/common/icon-social-twitter.png)
}

.view.view-blog-article .blog-author-footer .blog-author-social-links li a.icon-sm-linkedin {
    background-image: url(/assets/images/icons/common/icon-social-linkedin.png)
}

.view.view-blog-article .blog-author-footer .blog-author-social-links li+li {
    margin: 0;
    border-left: 1px solid #e0e0e0
}

.view.view-blog-article .blog-author-footer .blog-author-bio {
    margin-top: 1em
}

.view.view-blog-article .blog-otherarticles-section {
    border-top: 1px solid #e0e0e0
}

.view.view-blog-article .blog-otherarticles-section .blog-article-body {
    font-size: 14px
}

.view.view-blog-article hr {
    clear: both
}

.view.view-news {
    overflow-x: hidden
}

.view.view-news .header.no-img {
    background-image: url(/assets/images/areas/news/news-header-no-img-3.jpg)
}

.view.view-news .header .blog-article-details {
    padding-top: 140px;
    padding-bottom: 100px
}

@media screen and (min-width: 768px) {
    .view.view-news .header .blog-article-details {
        padding-top: 220px;
        padding-bottom: 150px
    }
}

.view.view-news .header .read-on {
    color: #74d0ff;
    font-weight: 500
}

@media screen and (min-width: 768px) {
    .view.view-news .header .read-on {
        opacity: 0
    }

    .view.view-news .header:hover .read-on,
    .view.view-news .header:focus .read-on {
        opacity: 1
    }
}

.view.view-news .newsfeed-featured-articles {
    margin: 0;
    padding: 0;
    list-style: none
}

.view.view-news .newsfeed-featured-articles li {
    padding-top: 1px
}

@media screen and (min-width: 768px) {
    .view.view-news .newsfeed-featured-articles li {
        width: 33.33333333%;
        float: left
    }

    .view.view-news .newsfeed-featured-articles li:nth-of-type(n+2) {
        padding-left: 1px
    }
}

@media screen and (min-width: 768px) {
    .view.view-news .newsfeed-featured-articles li {
        max-height: 480px;
        overflow: hidden
    }
}

@media screen and (min-width: 1200px) {
    .view.view-news .newsfeed-featured-articles li {
        max-height: 360px;
        overflow: hidden
    }
}

.view.view-news .newsfeed-featured-articles li .blog-article-details {
    padding: 60px 15px;
    min-height: 300px;
    display: table;
    height: 100%
}

@media screen and (min-width: 768px) {
    .view.view-news .newsfeed-featured-articles li .blog-article-details {
        padding: 20px;
        height: 480px
    }
}

@media screen and (min-width: 1200px) {
    .view.view-news .newsfeed-featured-articles li .blog-article-details {
        padding: 40px 30px;
        height: 360px
    }
}

.view.view-news .newsfeed-featured-articles li .blog-article-details-content {
    display: table-cell;
    vertical-align: middle
}

.view.view-news .newsfeed-featured-articles li .blog-article-body {
    font-size: 14px !important;
    max-height: 5em;
    overflow: hidden
}

.view.view-news .newsfeed-featured-articles li.no-img {
    background-image: url(/assets/images/areas/news/news-header-no-img-3.jpg)
}

.view.view-news .btn-loadmorenews {
    display: block;
    margin: 30px auto 60px;
    padding: 15px;
    max-width: 280px;
    clear: both
}

.view.view-news .blog-article-image {
    background-image: url(/assets/images/areas/news/news-header-no-img-3.jpg)
}

.view.view-news-article .header .blog-article-details {
    padding-top: 100px;
    padding-bottom: 30px
}

@media screen and (min-width: 768px) {
    .view.view-news-article .header .blog-article-details {
        padding-top: 180px;
        padding-bottom: 30px
    }
}

p+.btn,
.btn+p {
    margin-top: 2em
}

.view-intro {
    font-size: 16px;
    line-height: 1.6
}

@media (min-width: 1440px) {
    .view-intro .container {
        width: 1410px
    }
}

.view-intro {
    overflow: hidden
}

.view-intro .intro-header-title {
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    max-width: 18em;
    margin: 0 auto
}

.view-intro .intro-header-supertitle {
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.5em
}

.view-intro .intro-header-subtitle {
    font-size: 16px;
    text-align: center;
    max-width: 36em;
    margin: 1em auto 0;
    opacity: .7
}

.view-intro .intro-section-jumbo-info {
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    max-width: 36em;
    margin: 0 auto
}

.view-intro .ft-intro-techspec {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -o-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.view-intro .intro-section {
    position: relative;
    clear: both;
    width: 100%
}

.view-intro .intro-section:before,
.view-intro .intro-section:after {
    content: " ";
    display: table
}

.view-intro .intro-section:after {
    clear: both
}

.view-intro .intro-section-title {
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    max-width: 12em;
    margin: 0 auto
}

.view-intro .intro-section-info {
    font-size: 16px
}

.view-intro .intro-section-title+.intro-section-info {
    margin-top: 1.5em
}

.view-intro .intro-section-info+.intro-section-title {
    margin-top: .25em
}

@media (max-width: 479px) {

    .view-intro .intro-section-title,
    .view-intro .intro-section-info {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 480px) {

    .view-intro .intro-header-title,
    .view-intro .intro-section-title {
        font-size: 30px
    }

    .view-intro .intro-section-jumbo-info {
        font-size: 28px
    }

    .view-intro .intro-header-subtitle,
    .view-intro .intro-section-info {
        font-size: 18px
    }
}

@media (min-width: 768px) {

    .view-intro .intro-header-title,
    .view-intro .intro-section-title {
        font-size: 34px
    }

    .view-intro .intro-section-jumbo-info {
        font-size: 32px
    }

    .view-intro .intro-header-subtitle,
    .view-intro .intro-section-info {
        font-size: 18px
    }
}

@media (min-width: 992px) {

    .view-intro .intro-header-title,
    .view-intro .intro-section-title {
        font-size: 40px
    }

    .view-intro .intro-section-jumbo-info {
        font-size: 32px
    }

    .view-intro .intro-header-subtitle,
    .view-intro .intro-section-info {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-intro .intro-header-title {
        font-size: 54px
    }

    .view-intro .intro-header-subtitle {
        font-size: 24px
    }

    .view-intro .intro-section-title {
        font-size: 44px
    }

    .view-intro .intro-section-jumbo-info {
        font-size: 36px
    }

    .view-intro .intro-section-info {
        font-size: 24px
    }
}

.view-intro .intro-header {
    position: relative;
    width: 100%;
    color: #fff;
    background-color: #000
}

.view-intro .intro-header .intro-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.view-intro .intro-header .intro-header-image:before,
.view-intro .intro-header .intro-header-image:after {
    content: "";
    position: absolute
}

.view-intro .intro-header .intro-header-image:before {
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/intro/header_intro_bg.jpg) center center no-repeat;
    background-size: cover;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px)
}

.view-intro .intro-header .intro-header-image:after {
    top: 95%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.view-intro .intro-header .intro-header-content {
    position: relative;
    padding-top: 120px
}

.view-intro .intro-header .intro-header-supertitle {
    position: relative;
    margin-bottom: 60px
}

.view-intro .intro-header .intro-header-supertitle:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(/assets/images/areas/intro/header_emoji_wave@2x.png) center center no-repeat;
    background-size: contain
}

.view-intro .intro-header .intro-header-supertitle:after {
    content: "";
    width: 100px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -50px;
    border-top: 1px solid rgba(255, 255, 255, .7)
}

.view-intro .intro-header .intro-header-title {
    max-width: 16em
}

.view-intro .intro-header .intro-header-subtitle {
    max-width: 28em
}

.view-intro .intro-header .intro-header-section-closer {
    color: #222;
    text-align: center;
    max-width: 44em;
    margin: 2em auto 0
}

.view-intro .intro-header .video-thumbnail {
    margin-top: 60px
}

@media (min-width: 768px) {
    .view-intro .intro-header .intro-header-content {
        padding-top: 150px
    }

    .view-intro .intro-header .video-thumbnail {
        width: 80%;
        margin-top: 90px
    }
}

.view-intro .logos {
    position: relative;
    text-align: center;
    margin: 0 auto
}

.view-intro .logo {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.view-intro .logo.logo-flipto {
    background-image: url(/assets/images/areas/common/logo_flipto_badge@2x.png);
    width: 80px
}

.view-intro .and {
    background: url(/assets/images/areas/common/logo_plus@2x.png) center center no-repeat;
    background-size: 24px 24px;
    height: 100px;
    width: 60px;
    display: inline-block;
    opacity: .3
}

@media (min-width: 480px) {
    .view-intro .and {
        width: 80px
    }
}

.view-intro .video-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    background-color: #000;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px #00000080
}

.view-intro .video-details {
    position: relative;
    max-width: 30em;
    margin: 30px auto 60px;
    text-align: center
}

.view-intro .video-details p {
    line-height: 1.2
}

@media (min-width: 992px) {
    .view-intro .video-details p {
        font-size: 18px
    }
}

.view-intro .video-section {
    position: relative;
    padding: 60px 0
}

.view-intro .video-section .intro-section-jumbo-info {
    text-align: center;
    max-width: 24em;
    margin: 0 auto 60px
}

@media (min-width: 768px) {
    .view-intro .video-section {
        padding: 90px 0
    }

    .view-intro .video-section .intro-section-jumbo-info {
        margin: 0 auto 90px
    }
}

.view-intro .video-section-1:after {
    height: 750px;
    top: 100%;
    left: 0;
    background-color: #855ab3;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    content: "";
    position: absolute;
    width: 100%
}

.view-intro .video-section-1 .video-group {
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .view-intro .video-section-1 .video-thumbnail {
        float: right;
        width: 66%
    }

    .view-intro .video-section-1 .video-details {
        position: relative;
        text-align: right;
        padding-right: 60px;
        margin-top: 10%;
        float: right;
        width: 33%
    }

    .view-intro .video-section-1 .video-details:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        right: 30px;
        background: #222;
        opacity: .7
    }
}

@media (min-width: 992px) {
    .view-intro .video-section-1 .video-details {
        padding-right: 70px
    }

    .view-intro .video-section-1 .video-details:after {
        right: 45px
    }
}

@media (min-width: 1200px) {
    .view-intro .video-section-1 .video-thumbnail {
        width: 55%;
        margin-right: 10%
    }

    .view-intro .video-section-1 .video-details {
        width: 25%
    }
}

.view-intro .video-section-2 {
    background-color: #4a90e2;
    background-image: -moz-linear-gradient(-180deg, rgba(193, 35, 133, .5) 0%, rgba(203, 96, 45, 0) 100%);
    background-image: -webkit-linear-gradient(-180deg, rgba(193, 35, 133, .5) 0%, rgba(203, 96, 45, 0) 100%);
    background-image: linear-gradient(-180deg, #c1238580, #cb602d00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c12385", endColorstr="#00cb602d", GradientType=1);
    color: #fff;
    z-index: 10
}

.view-intro .video-section-2 .video-carousel {
    position: relative;
    perspective: 1000px;
    perspective-origin: 50% 35%;
    transform: translateZ(0);
    text-align: center
}

.view-intro .video-section-2 .carousel-slot {
    position: relative
}

.view-intro .video-section-2 .carousel-slot .video-thumbnail {
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 8px #00000080;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .view-intro .video-section-2 .carousel-slot {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        transition: .5s cubic-bezier(.7, 0, .1, 1);
        transition-property: transform, transform-origin, margin
    }

    .view-intro .video-section-2 .carousel-slot:not(.active) {
        margin: 0 -30% 0 0;
        transform: rotateY(60deg);
        transform-origin: 0% 50%
    }

    .view-intro .video-section-2 .carousel-slot .video-details {
        max-width: 20em;
        margin-top: 60px;
        padding-top: 30px;
        opacity: 0
    }

    .view-intro .video-section-2 .carousel-slot .video-details:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        width: 0;
        border-top: 1px solid rgba(255, 255, 255, .7)
    }

    .view-intro .video-section-2 .carousel-slot.active {
        z-index: 1
    }

    .view-intro .video-section-2 .carousel-slot.active .video-details {
        transition: 1s cubic-bezier(0, 0, .1, 1);
        transition-property: opacity, transform;
        transition-delay: .5s;
        opacity: 1
    }

    .view-intro .video-section-2 .carousel-slot.active .video-details:before {
        transition: 1s cubic-bezier(0, 0, .1, 1);
        transition-property: width;
        transition-delay: .5s;
        width: 100px
    }

    .view-intro .video-section-2 .carousel-slot.active~.carousel-slot:not(.active) {
        margin: 0 0 0 -30%;
        transform: rotateY(-60deg);
        transform-origin: 100% 50%
    }
}

.view-intro .video-section-2 .carousel-slot-1.active {
    z-index: 3
}

.view-intro .video-section-2 .carousel-slot-1.active+.carousel-slot-2 {
    z-index: 2
}

.view-intro .video-section-2 .carousel-slot-1.active+.carousel-slot-2+.carousel-slot-3 {
    z-index: 1
}

.view-intro .squashing-section {
    background: #000;
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-intro .squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: 1
}

.view-intro .squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-intro .squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-intro .squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-intro .squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg-lightweight-by-design.jpg)
}

.view-intro .squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-intro .squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg-double-triple-digit-return.jpg)
}

.view-intro .squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-intro .squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg-aldensuites.jpg)
}

.view-intro .squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-intro .squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg-privacy-security.jpg)
}

.view-intro .squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-intro .squashing-section .squashing-section-image .fullscreen-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .view-intro .squashing-section .squashing-section-image .fullscreen-bg {
        -webkit-filter: none;
        -ms-filter: none;
        filter: none
    }
}

@media (max-width: 767px) {
    .view-intro .squashing-section .squashing-section-image .fullscreen-bg-video {
        display: none
    }
}

.view-intro .squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-intro .squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-intro .squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-intro .squashing-section .squashing-menu li:hover a,
.view-intro .squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-intro .squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-intro .squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-intro .squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-intro .squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-intro .squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-intro .squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-intro .squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-intro .squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-intro .squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-intro .squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-intro .squashing-section .squashing-content .squashing-slide .squashing-slide-img {
    position: relative;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 600px;
    height: 380px;
    margin-top: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width: 768px) {
    .view-intro .squashing-section .squashing-content .squashing-slide .squashing-slide-img {
        background-position: left center
    }
}

.view-intro .squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-intro .squashing-section .squashing-content .squashing-slide.squashing-slide-1 .squashing-slide-img {
    background-image: url(/assets/images/areas/common/section_squashing_lightweight@2x.png)
}

.view-intro .squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-intro .squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-intro .squashing-section .squashing-content .squashing-slide.squashing-slide-3 .squashing-slide-img {
    background-image: url(/assets/images/areas/common/section_squashing_trackimpact@2x.png)
}

.view-intro .squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-intro .squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-intro .squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-intro .squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-intro .squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-intro .squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-intro .squashing-section .squashing-content .squashing-video {
    margin-top: 60px;
    line-height: 1.2
}

.view-intro .squashing-section .squashing-content .squashing-video .video-container,
.view-intro .squashing-section .squashing-content .squashing-video .name-container {
    display: inline-block
}

.view-intro .squashing-section .squashing-content .squashing-video .video-image {
    max-width: 100px;
    max-height: 100px
}

.view-intro .squashing-section .squashing-content .squashing-video .name-container {
    vertical-align: middle;
    margin-left: 1em;
    max-width: 15em
}

@media (max-width: 767px) {

    .view-intro .squashing-section .squashing-content .squashing-video .video-container,
    .view-intro .squashing-section .squashing-content .squashing-video .name-container {
        display: block
    }

    .view-intro .squashing-section .squashing-content .squashing-video .name-container {
        margin: 1em auto 0
    }
}

.view-intro .squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-intro .squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-intro .squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-intro .squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-intro .squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-intro .squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-intro .squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-intro .squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-intro .squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-intro .squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-intro .squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-intro .squashing-section .squashing-content .intro-section-title,
    .view-intro .squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-intro .squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-intro .squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-intro .squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-intro .squashing-section {
        min-height: 900px
    }
}

.view-intro .schedule-section {
    padding-top: 60px
}

.view-intro .schedule-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-color: #fff;
    -moz-box-shadow: 0 -10px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 -10px 10px #0003
}

.view-intro .schedule-section .container {
    position: relative
}

.view-intro .schedule-section .sales,
.view-intro .schedule-section .accountmanagers {
    display: none
}

.view-intro .schedule-section .intro-section-title {
    max-width: 16em
}

.view-intro .schedule-section .intro-section-info {
    position: relative;
    text-align: center;
    padding: 0;
    margin: 1.5em auto 0;
    z-index: 1
}

.view-intro .schedule-section .salesperson-quote {
    display: none;
    max-width: 24em;
    margin: 0 auto 1.5em
}

@media (min-width: 480px) {
    .view-intro .schedule-section .salesperson-quote p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-intro .schedule-section .salesperson-quote p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-intro .schedule-section .salesperson-quote p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-intro .schedule-section .salesperson-quote p {
        font-size: 24px
    }
}

.view-intro .schedule-section .salesperson-quote .logos+p {
    margin-top: .5em
}

.view-intro .schedule-section .btn-scheduler {
    display: none;
    width: 100%;
    max-width: 400px;
    padding: 15px;
    font-size: 1em;
    margin: 0 auto
}

.view-intro .schedule-section .small-text {
    font-size: 14px
}

.view-intro .schedule-section .copymessage {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 1em;
    margin-bottom: 2em
}

.view-intro .schedule-section .alert-copy-success {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    padding: 5px 15px 5px 45px;
    font-weight: 700;
    background: #93c24f url(/assets/images/icons/common/icon-bullet-checkmarkwhite@2x.png) 15px center no-repeat;
    background-size: 24px;
    color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    opacity: 0;
    -moz-animation: alert-copy-success 5s cubic-bezier(0, 0, .1, 1);
    -o-animation: alert-copy-success 5s cubic-bezier(0, 0, .1, 1);
    -webkit-animation: alert-copy-success 5s cubic-bezier(0, 0, .1, 1);
    animation: alert-copy-success 5s cubic-bezier(0, 0, .1, 1)
}

@keyframes alert-copy-success {
    0% {
        opacity: 0;
        top: 10px
    }

    10%,
    90% {
        opacity: 1;
        top: 0
    }

    to {
        opacity: 0
    }
}

.view-intro .schedule-section .intro-section-image {
    position: relative;
    max-width: 480px;
    height: 100%;
    margin: 30px auto 0;
    padding-top: 60px;
    background: url(/assets/images/areas/intro/section_chat_bg.png) center top no-repeat;
    background-size: contain
}

.view-intro .schedule-section .salesperson-image {
    background-repeat: no-repeat;
    display: none
}

.view-intro .schedule-section .salesperson-image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.view-intro .schedule-section .salesperson-image:not(.headshot) {
    width: 100%;
    background-position: center top
}

.view-intro .schedule-section .salesperson-image.headshot {
    width: 80%;
    max-width: 300px;
    margin: 0 auto 120px;
    background-position: center top;
    background-size: contain
}

.view-intro .schedule-section .salesperson-namecard {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 1.2;
    text-align: center
}

.view-intro .schedule-section .salesperson-namecard .video-container,
.view-intro .schedule-section .salesperson-namecard .name-container {
    display: inline-block
}

.view-intro .schedule-section .salesperson-namecard .name-container {
    vertical-align: middle;
    text-align: left;
    margin-left: 3px
}

.view-intro .schedule-section .salesperson-namecard .video-image {
    max-width: 100px;
    max-height: 100px
}

.view-intro .schedule-section .salesperson-namecard .name {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .view-intro .schedule-section .salesperson-namecard {
        top: -15px
    }

    .view-intro .schedule-section .salesperson-image.matt .salesperson-namecard {
        top: -30px
    }
}

@media (min-width: 768px) {
    .view-intro .schedule-section {
        min-height: 700px
    }

    .view-intro .schedule-section .intro-section-info {
        height: 420px;
        margin: 60px 0 120px 52%
    }

    .view-intro .schedule-section .intro-section-image {
        position: absolute;
        bottom: 0;
        right: 45%;
        width: 100%;
        margin-top: 0;
        background-position: center 40%
    }

    .view-intro .schedule-section .salesperson-image:not(.headshot) {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        background-position: center bottom
    }

    .view-intro .schedule-section .salesperson-image:not(.headshot):before {
        padding-top: 120%
    }

    .view-intro .schedule-section .salesperson-image:not(.headshot) .salesperson-namecard {
        inset: auto auto 90px 75%;
        width: 50%;
        text-align: left
    }

    .view-intro .schedule-section .salesperson-image.headshot {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 50px;
        margin-bottom: 0
    }

    .view-intro .schedule-section .salesperson-image.headshot .salesperson-namecard {
        top: 100%;
        left: 50%;
        transform: translate(-50%);
        margin-top: 30px;
        width: 120%
    }

    .view-intro .schedule-section .salesperson-image.matt .salesperson-namecard {
        left: 55%;
        width: 100%
    }
}

@media (min-width: 992px) {
    .view-intro .schedule-section .intro-section-image {
        right: 50%
    }
}

.view-intro .continue-section {
    padding: 0;
    min-height: 240px;
    max-width: 2400px;
    margin: 0 auto;
    background-color: #13396f
}

.view-intro .continue-section:before,
.view-intro .continue-section:after {
    content: " ";
    display: table
}

.view-intro .continue-section:after {
    clear: both
}

.view-intro .continue-section .offramp {
    position: relative;
    display: block;
    width: 100%;
    height: 75vw;
    max-height: 500px;
    padding: 30px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    overflow: hidden
}

@media (min-width: 768px) {
    .view-intro .continue-section .offramp {
        height: 50vw
    }
}

.view-intro .continue-section .offramp:before,
.view-intro .continue-section .offramp:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
    -moz-transition: transform .5s cubic-bezier(.7, 0, .1, 1);
    -o-transition: transform .5s cubic-bezier(.7, 0, .1, 1);
    -webkit-transition: transform .5s cubic-bezier(.7, 0, .1, 1);
    transition: transform .5s cubic-bezier(.7, 0, .1, 1)
}

.view-intro .continue-section .offramp:after {
    background: #115c9f;
    opacity: .8
}

@media (max-width: 767px) {
    .view-intro .continue-section .offramp:not(:last-child) {
        border-bottom: 2px solid transparent
    }
}

@media (min-width: 768px) {
    .view-intro .continue-section .offramp:not(:last-child) {
        border-right: 2px solid transparent
    }
}

.view-intro .continue-section .offramp:hover:before {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.view-intro .continue-section .offramp.offramp-tour:before {
    background-image: url(/assets/images/areas/common/offramp-tour.jpg);
    background-position: 66% 50%
}

.view-intro .continue-section .offramp.offramp-tour .offramp-content {
    max-width: 18em
}

.view-intro .continue-section .offramp-content {
    position: relative;
    width: 100%;
    max-width: 14em;
    margin: 0 auto;
    font-size: 24px;
    z-index: 1
}

@media (min-width: 480px) {
    .view-intro .continue-section .offramp-content {
        font-size: 28px
    }
}

@media (min-width: 1200px) {
    .view-intro .continue-section .offramp-content {
        font-size: 36px
    }
}

.view-intro .optimize-section {
    padding: 60px;
    margin: 0 auto;
    text-align: center
}

.view-intro .optimize,
.view-intro .optimize-1 {
    display: none
}

.view-intro.alfredo .sales,
.view-intro.alfredo .salesperson-quote.alfredo {
    display: block
}

.view-intro.alfredo .salesperson-image.alfredo {
    background-image: url(/assets/images/areas/intro/section_chat_adelasanta.png);
    display: block
}

.view-intro.alfredo .btn-scheduler.alfredo,
.view-intro.brandon .sales,
.view-intro.brandon .salesperson-quote.brandon {
    display: block
}

.view-intro.brandon .salesperson-image.brandon {
    background-image: url(/assets/images/areas/intro/section_chat_barbelaez.png);
    display: block
}

.view-intro.brandon .btn-scheduler.brandon,
.view-intro.chris .sales,
.view-intro.chris .salesperson-quote.chris {
    display: block
}

.view-intro.chris .salesperson-image.chris {
    background-image: url(/assets/images/areas/intro/section_chat_chamilton.png);
    display: block
}

.view-intro.chris .btn-scheduler.chris,
.view-intro.danielle .sales,
.view-intro.danielle .salesperson-quote.danielle {
    display: block
}

.view-intro.danielle .salesperson-image.danielle {
    background-image: url(/assets/images/areas/intro/section_chat_dfierman.png);
    display: block
}

.view-intro.danielle .btn-scheduler.danielle,
.view-intro.david .accountmanagers,
.view-intro.david .salesperson-quote.david {
    display: block
}

.view-intro.david .salesperson-image.david {
    background-image: url(/assets/images/areas/intro/section_chat_dbruce.png);
    display: block
}

.view-intro.david .btn-scheduler.david,
.view-intro.debi .sales,
.view-intro.debi .salesperson-quote.debi {
    display: block
}

.view-intro.debi .salesperson-image.debi {
    background-image: url(/assets/images/areas/intro/section_chat_dmoses.png);
    display: block
}

.view-intro.debi .btn-scheduler.debi,
.view-intro.diane .sales,
.view-intro.diane .salesperson-quote.diane {
    display: block
}

.view-intro.diane .salesperson-image.diane {
    background-image: url(/assets/images/areas/intro/section_chat_dvanleunen.png);
    display: block
}

.view-intro.diane .btn-scheduler.diane,
.view-intro.ed .sales,
.view-intro.ed .salesperson-quote.ed {
    display: block
}

.view-intro.ed .salesperson-image.ed {
    background-image: url(/assets/images/areas/intro/section_chat_estonge.png);
    display: block
}

.view-intro.ed .btn-scheduler.ed,
.view-intro.geetha .accountmanagers,
.view-intro.geetha .salesperson-quote.geetha {
    display: block
}

.view-intro.geetha .salesperson-image.geetha {
    background-image: url(/assets/images/areas/intro/section_chat_gbalakrishnan.png);
    display: block
}

.view-intro.geetha .btn-scheduler.geetha,
.view-intro.gisele .accountmanagers,
.view-intro.gisele .salesperson-quote.gisele {
    display: block
}

.view-intro.gisele .salesperson-image.gisele {
    background-image: url(/assets/images/areas/intro/section_chat_gmartinez.png);
    display: block
}

.view-intro.gisele .btn-scheduler.gisele,
.view-intro.guido .sales,
.view-intro.guido .salesperson-quote.guido {
    display: block
}

.view-intro.guido .salesperson-image.guido {
    background-image: url(/assets/images/areas/intro/section_chat_gsalvatori.png);
    display: block
}

.view-intro.guido .btn-scheduler.guido,
.view-intro.hal .sales,
.view-intro.hal .salesperson-quote.hal {
    display: block
}

.view-intro.hal .salesperson-image.hal {
    background-image: url(/assets/images/areas/intro/section_chat_hfickett.png);
    display: block
}

.view-intro.hal .btn-scheduler.hal,
.view-intro.jeanmichel .accountmanagers,
.view-intro.jeanmichel .salesperson-quote.jeanmichel {
    display: block
}

.view-intro.jeanmichel .salesperson-image.jeanmichel {
    background-image: url(/assets/images/areas/intro/section_chat_jmrepellin.png);
    display: block
}

.view-intro.jeanmichel .btn-scheduler.jeanmichel,
.view-intro.jeff .sales,
.view-intro.jeff .salesperson-quote.jeff {
    display: block
}

.view-intro.jeff .salesperson-image.jeff {
    background-image: url(/assets/images/areas/intro/section_chat_jweibel.png);
    display: block
}

.view-intro.jeff .btn-scheduler.jeff,
.view-intro.jessica .sales,
.view-intro.jessica .salesperson-quote.jessica {
    display: block
}

.view-intro.jessica .salesperson-image.jessica {
    background-image: url(/assets/images/areas/intro/section_chat_jaslanian.png);
    display: block
}

.view-intro.jessica .btn-scheduler.jessica,
.view-intro.jon .sales,
.view-intro.jon .salesperson-quote.jon {
    display: block
}

.view-intro.jon .salesperson-image.jon {
    background-image: url(/assets/images/areas/intro/section_chat_jruggles.png);
    display: block
}

.view-intro.jon .btn-scheduler.jon,
.view-intro.joseph .accountmanagers,
.view-intro.joseph .salesperson-quote.joseph {
    display: block
}

.view-intro.joseph .salesperson-image.joseph {
    background-image: url(/assets/images/areas/intro/section_chat_jmeuse.png);
    display: block
}

.view-intro.joseph .btn-scheduler.joseph,
.view-intro.matt .accountmanagers,
.view-intro.matt .salesperson-quote.matt {
    display: block
}

.view-intro.matt .salesperson-image.matt {
    background-image: url(/assets/images/areas/intro/section_chat_mcaverly.png);
    display: block
}

.view-intro.matt .btn-scheduler.matt,
.view-intro.mike .accountmanagers,
.view-intro.mike .salesperson-quote.mike {
    display: block
}

.view-intro.mike .salesperson-image.mike {
    background-image: url(/assets/images/areas/intro/section_chat_mmathews.png);
    display: block
}

.view-intro.mike .btn-scheduler.mike,
.view-intro.monica .accountmanagers,
.view-intro.monica .salesperson-quote.monica {
    display: block
}

.view-intro.monica .salesperson-image.monica {
    background-image: url(/assets/images/areas/intro/section_chat_mrodino.png);
    display: block
}

.view-intro.monica .btn-scheduler.monica,
.view-intro.richard .sales,
.view-intro.richard .salesperson-quote.richard {
    display: block
}

.view-intro.richard .salesperson-image.richard {
    background-image: url(/assets/images/areas/intro/section_chat_rdunbar.png);
    display: block
}

.view-intro.richard .btn-scheduler.richard,
.view-intro.raul .sales,
.view-intro.raul .salesperson-quote.raul {
    display: block
}

.view-intro.raul .salesperson-image.raul {
    background-image: url(/assets/images/areas/intro/section_chat_rvega.png);
    display: block
}

.view-intro.raul .btn-scheduler.raul,
.view-intro.allison .sales,
.view-intro.allison .salesperson-quote.allison {
    display: block
}

.view-intro.allison .salesperson-image.allison {
    background-image: url(/assets/images/areas/intro/section_chat_aschult.png);
    display: block
}

.view-intro.allison .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_milemarker630@2x.png)
}

.view-intro.allison .btn-scheduler.allison,
.view-intro.loren .sales,
.view-intro.loren .salesperson-quote.loren {
    display: block
}

.view-intro.loren .salesperson-image.loren {
    background-image: url(/assets/images/areas/intro/section_chat_lgray.png);
    display: block
}

.view-intro.loren .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_hospitalitydigitalmarketing@2x.png)
}

.view-intro.loren .btn-scheduler.loren,
.view-intro.richardtoms .sales,
.view-intro.richardtoms .salesperson-quote.richardtoms {
    display: block
}

.view-intro.richardtoms .salesperson-image.richardtoms {
    background-image: url(/assets/images/areas/intro/section_chat_rtoms.png);
    display: block
}

.view-intro.richardtoms .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_brandmix@2x.png)
}

.view-intro.richardtoms .btn-scheduler.richardtoms,
.view-intro.shelby .sales,
.view-intro.shelby .salesperson-quote.shelby {
    display: block
}

.view-intro.shelby .salesperson-image.shelby {
    background-image: url(/assets/images/areas/intro/section_chat_scunningham.png);
    display: block
}

.view-intro.shelby .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_scunningham@2x.png)
}

.view-intro.shelby .btn-scheduler.shelby,
.view-intro.stashrewards .sales,
.view-intro.stashrewards .salesperson-quote.stashrewards {
    display: block
}

.view-intro.stashrewards .salesperson-image.richard {
    background-image: url(/assets/images/areas/intro/section_chat_rdunbar.png);
    display: block
}

.view-intro.stashrewards .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_stashrewards@2x.png);
    width: 160px
}

.view-intro.stashrewards .btn-scheduler.stashrewards,
.view-intro.worldhotels .sales,
.view-intro.worldhotels .salesperson-quote.worldhotels {
    display: block
}

.view-intro.worldhotels .salesperson-image.danspellman {
    background-image: url(/assets/images/areas/intro/section_chat_dspellman.png);
    display: block
}

.view-intro.worldhotels .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_worldhotels@2x.png);
    width: 160px
}

.view-intro.worldhotels .btn-scheduler.worldhotels {
    display: block
}

.view-dmo-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/intro/header_intro_bg-dmo.jpg) center center no-repeat;
    background-size: cover
}

.view-dmo-intro .video-section-1 .video-details span {
    display: inline-block
}

.view-dmo-intro .video-section-2 .intro-section-jumbo-info {
    font-weight: 700;
    margin-bottom: .25em
}

.view-dmo-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-dmo-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-dmo-intro .analytics-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff0, #fff3, #fff0);
    color: #fff;
    position: relative;
    padding: 250px 0 100px;
    text-align: center;
    overflow: hidden
}

@media (min-width: 768px) {
    .view-dmo-intro .analytics-section {
        padding: 300px 0 100px
    }
}

.view-dmo-intro .analytics-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: 1
}

.view-dmo-intro .analytics-section .section-supertitle {
    display: inline-block;
    margin-bottom: 1em;
    padding: 10px 20px;
    color: #fff;
    background-color: #6c6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.view-dmo-intro .analytics-section .intro-section-jumbo-info {
    max-width: 28em;
    padding-bottom: 250px
}

.view-dmo-intro .analytics-section .intro-section-info {
    position: relative;
    max-width: 34em;
    margin: 0 auto
}

.view-dmo-intro .analytics-section .intro-section-image {
    position: absolute;
    top: 2%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    perspective: 1000px
}

.view-dmo-intro .analytics-section .intro-section-image .map {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 90%;
    max-width: 1200px;
    min-width: 480px;
    height: 100%;
    background: center center no-repeat;
    background-image: url(/assets/images/areas/intro/DMO_Analytics_BlankMap.png);
    background-size: contain
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: contain;
    transform: translateZ(0);
    opacity: 0
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.blue {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_BlueBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.lgreen {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_LGreenBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.lime {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_LimeBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.magenta {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_MagentaBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.orange {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_OrangeBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.purple {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_PurpleBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.red {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_RedBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.teal {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_TealBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.white {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_WhiteBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots.yellow {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_YellowBlip.png)
}

.view-dmo-intro .analytics-section .intro-section-image .hotels {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1000px;
    min-width: 480px;
    transform: translate(-50%, -50%);
    perspective: 1000px;
    transform-style: preserve-3d
}

.view-dmo-intro .analytics-section .intro-section-image .hotel {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    font-family: brandon-grotesque, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: #00000080;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .view-dmo-intro .analytics-section .intro-section-image .hotel {
        font-size: 8px
    }
}

.view-dmo-intro .analytics-section .intro-section-image .hotel:before {
    content: "";
    display: block;
    padding-top: 100%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-1 {
    background: #b3a4eb;
    width: 3%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-2 {
    background: #79e3cb;
    width: 13%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-3 {
    background: #b8e986;
    width: 2%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-4 {
    background: #6ea3e1;
    width: 20%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-5 {
    background: #e66474;
    width: 11%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-6 {
    background: #89e986;
    width: 3%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-7 {
    background: #f3c373;
    width: 16%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-8 {
    background: #f594ee;
    width: 8%
}

.view-dmo-intro .analytics-section .intro-section-image .hotel.hotel-9 {
    background: #f2e769;
    width: 4%
}

.view-dmo-intro .analytics-section .intro-section-image .audience-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/images/areas/intro/DMO_Analytics_BG.png) center center no-repeat;
    background-size: cover;
    transform: translateZ(0);
    opacity: 0
}

.view-dmo-intro .analytics-section .intro-section-image .audience-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #10191f 5%, #10191f00, #10191f 95%)
}

.view-dmo-intro .analytics-section .intro-section-image .audience {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    min-width: 480px;
    transform: translate3d(-50%, -50%, 0);
    perspective: 1000px;
    transform-style: preserve-3d
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background: center center no-repeat;
    background-size: cover;
    opacity: 0;
    border: 2px solid transparent
}

@media (min-width: 768px) {
    .view-dmo-intro .analytics-section .intro-section-image .audience-pic {
        border-width: 5px
    }
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic:before {
    content: "";
    display: block;
    padding-top: 100%
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic.audience-pic-1 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile06.jpg);
    border-color: #f3c373;
    width: 7%;
    top: 5%;
    left: -5%;
    margin: 12% 0 0
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic.audience-pic-2 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile02.jpg);
    border-color: #b3a4eb;
    width: 14%;
    margin: -5% 0 0 2
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic.audience-pic-3 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile01.jpg);
    border-color: #89e986;
    width: 22%;
    margin: 8% 0 0 2%
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic.audience-pic-4 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile04.jpg);
    border-color: #e66474;
    width: 7%;
    margin: -20% 0 0
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic.audience-pic-5 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile03.jpg);
    border-color: #f594ee;
    width: 14%
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic.audience-pic-6 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile05.jpg);
    border-color: #6ea3e1;
    width: 7%;
    margin: -5% 0 0 5%
}

@media (min-width: 450px) {
    .view-dmo-intro .analytics-section .intro-section-jumbo-info {
        padding-bottom: 50%
    }

    .view-dmo-intro .analytics-section .intro-section-image {
        top: 5%
    }
}

@media (min-width: 768px) {
    .view-dmo-intro .analytics-section .intro-section-jumbo-info {
        padding-bottom: 60%
    }
}

@media (min-width: 450px) {
    .view-dmo-intro .analytics-section .intro-section-image {
        top: 3%
    }
}

.view-dmo-intro .analytics-section .intro-section-image .hotel {
    transition: .5s cubic-bezier(.7, 0, 0, 0);
    transition-property: transform
}

.view-dmo-intro .analytics-section .intro-section-image .map {
    transition: 2s cubic-bezier(.7, 0, 0, 0);
    transition-property: opacity, transform
}

.view-dmo-intro .analytics-section .intro-section-image .map-dots {
    transition: 1s cubic-bezier(.7, 0, .1, 1);
    transition-property: opacity
}

.view-dmo-intro .analytics-section .intro-section-image .audience-bg {
    transition: 1.5s cubic-bezier(.7, 0, .1, 1);
    transition-property: opacity, transform
}

.view-dmo-intro .analytics-section .intro-section-image .audience-pic {
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, transform;
    transform: translateZ(-1000px) scale(0)
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel {
    transform: translateZ(-1000px) scale(0)
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map {
    opacity: 0;
    transform: translate3d(-50%, -50%, 1000px)
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots {
    opacity: 1
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-pic {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-bg {
    opacity: 1;
    transform: translateZ(50px)
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-5 {
    transition-delay: 1s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-5 {
    transition-delay: 1.5s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-4 {
    transition-delay: 2.5s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-4 {
    transition-delay: 2.75s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-3 {
    transition-delay: 3s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-3 {
    transition-delay: 3.25s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-1 {
    transition-delay: 3.4s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-1 {
    transition-delay: 3.65s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-8 {
    transition-delay: 3.7s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-8 {
    transition-delay: 3.95s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-2 {
    transition-delay: 3.9s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-2 {
    transition-delay: 4.15s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-9 {
    transition-delay: 4.05s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-9 {
    transition-delay: 4.3s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-6 {
    transition-delay: 4.15s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-6 {
    transition-delay: 4.4s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .hotel-7 {
    transition-delay: 4.2s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map-dots-7 {
    transition-delay: 4.45s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .map {
    transition-delay: 5s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-bg {
    transition-delay: 6s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-pic-3 {
    transition-delay: 6.5s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-pic-2 {
    transition-delay: 6.55s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-pic-4 {
    transition-delay: 6.65s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-pic-5 {
    transition-delay: 6.8s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-pic-1 {
    transition-delay: 6.85s
}

.view-dmo-intro .analytics-section.anim-enter .intro-section-image .audience-pic-6 {
    transition-delay: 6.9s
}

.view-dmo-intro .dmo-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-dmo-intro .dmo-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #10191f;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/intro/section_casestudies_bg2-dmo.jpg)
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #633700
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/common/video_intro-page-crane.jpg)
}

.view-dmo-intro .dmo-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-dmo-intro .dmo-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-dmo-intro .dmo-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-dmo-intro .dmo-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-dmo-intro .dmo-squashing-section .squashing-menu li:hover a,
.view-dmo-intro .dmo-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-dmo-intro .dmo-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-title {
    max-width: 18em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4 {
    text-align: left;
    padding: 0 0 1.5em 80px
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1,
.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2,
.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-01@2x.png)
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-02@2x.png)
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-03@2x.png)
}

.view-dmo-intro .dmo-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-dmo-intro .dmo-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-dmo-intro .dmo-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-dmo-intro .dmo-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-dmo-intro .dmo-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-dmo-intro .dmo-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-dmo-intro .dmo-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-dmo-intro .dmo-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-dmo-intro .dmo-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-dmo-intro .dmo-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-dmo-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-dmo-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-dmo-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-dmo-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-dmo-intro .dmo-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-dmo-intro .dmo-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-title,
    .view-dmo-intro .dmo-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-dmo-intro .dmo-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-dmo-intro .dmo-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-dmo-intro .dmo-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-dmo-intro .dmo-squashing-section {
        min-height: 900px
    }
}

.view-vr-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/intro/header_intro_bg-vr.jpg) center center no-repeat;
    background-size: cover
}

.view-vr-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-vr-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-vr-intro .vr-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-vr-intro .vr-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg2.jpg)
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/intro/section_casestudies_bg4-vr.jpg)
}

.view-vr-intro .vr-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-vr-intro .vr-squashing-section .squashing-section-image .fullscreen-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .view-vr-intro .vr-squashing-section .squashing-section-image .fullscreen-bg {
        -webkit-filter: none;
        -ms-filter: none;
        filter: none
    }
}

@media (max-width: 767px) {
    .view-vr-intro .vr-squashing-section .squashing-section-image .fullscreen-bg-video {
        display: none
    }
}

.view-vr-intro .vr-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-vr-intro .vr-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-vr-intro .vr-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-vr-intro .vr-squashing-section .squashing-menu li:hover a,
.view-vr-intro .vr-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-vr-intro .vr-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-vr-intro .vr-squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-vr-intro .vr-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-vr-intro .vr-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-vr-intro .vr-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-vr-intro .vr-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-vr-intro .vr-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-vr-intro .vr-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-1 .squashing-slide-img {
    background-image: url(/assets/images/areas/common/section_squashing_lightweight@2x.png)
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4 {
    padding: 0 0 1.5em 80px
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1,
.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2,
.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-01@2x.png)
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-02@2x.png)
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-03@2x.png)
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-vr-intro .vr-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-vr-intro .vr-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-vr-intro .vr-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-vr-intro .vr-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-video {
    margin-top: 60px;
    line-height: 1.2
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-video .video-container,
.view-vr-intro .vr-squashing-section .squashing-content .squashing-video .name-container {
    display: inline-block
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-video .video-image {
    max-width: 100px;
    max-height: 100px
}

.view-vr-intro .vr-squashing-section .squashing-content .squashing-video .name-container {
    vertical-align: middle;
    margin-left: 1em;
    max-width: 15em
}

@media (max-width: 767px) {

    .view-vr-intro .vr-squashing-section .squashing-content .squashing-video .video-container,
    .view-vr-intro .vr-squashing-section .squashing-content .squashing-video .name-container {
        display: block
    }

    .view-vr-intro .vr-squashing-section .squashing-content .squashing-video .name-container {
        margin: 1em auto 0
    }
}

.view-vr-intro .vr-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-vr-intro .vr-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-vr-intro .vr-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-vr-intro .vr-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-vr-intro .vr-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-vr-intro .vr-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-vr-intro .vr-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-vr-intro .vr-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-vr-intro .vr-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-vr-intro .vr-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-vr-intro .vr-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-vr-intro .vr-squashing-section .squashing-content .intro-section-title,
    .view-vr-intro .vr-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-vr-intro .vr-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-vr-intro .vr-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-vr-intro .vr-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-vr-intro .vr-squashing-section {
        min-height: 900px
    }
}

.view-siteminder-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/common/header_bg-siteminder.jpg) center center no-repeat;
    background-size: cover
}

.view-siteminder-intro .logo-partner {
    background-image: url(/assets/images/areas/common/logo_siteminder@2x.png)
}

.view-siteminder-intro .video-section-1:after {
    background-color: #006696
}

.view-siteminder-intro .video-section-2 {
    background-image: -moz-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: -webkit-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: linear-gradient(-180deg, #006696, #00669600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006696", endColorstr="#4A90E2", GradientType=0)
}

.view-siteminder-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-siteminder-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-siteminder-intro .siteminder-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-siteminder-intro .siteminder-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg2.jpg)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/common/video_intro-page-crane.jpg)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-siteminder-intro .siteminder-squashing-section .squashing-section-image .fullscreen-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .view-siteminder-intro .siteminder-squashing-section .squashing-section-image .fullscreen-bg {
        -webkit-filter: none;
        -ms-filter: none;
        filter: none
    }
}

@media (max-width: 767px) {
    .view-siteminder-intro .siteminder-squashing-section .squashing-section-image .fullscreen-bg-video {
        display: none
    }
}

.view-siteminder-intro .siteminder-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-siteminder-intro .siteminder-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-siteminder-intro .siteminder-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-siteminder-intro .siteminder-squashing-section .squashing-menu li:hover a,
.view-siteminder-intro .siteminder-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide .squashing-slide-1-img {
    position: relative;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 600px;
    height: 275px;
    margin-top: 60px;
    margin-left: -20px;
    background: url(/assets/images/areas/common/Section_Squashing_Slide01-01_BookingButton@2x.png) center center no-repeat;
    background-size: contain
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4 {
    padding: 0 0 1.5em 80px
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1,
.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2,
.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-01@2x.png)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-02@2x.png)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-03@2x.png)
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video {
    margin-top: 60px;
    line-height: 1.2
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video .video-container,
.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video .name-container {
    display: inline-block
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video .video-image {
    max-width: 100px;
    max-height: 100px
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video .name-container {
    vertical-align: middle;
    margin-left: 1em;
    max-width: 15em
}

@media (max-width: 767px) {

    .view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video .video-container,
    .view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video .name-container {
        display: block
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-content .squashing-video .name-container {
        margin: 1em auto 0
    }
}

.view-siteminder-intro .siteminder-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-siteminder-intro .siteminder-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-title,
    .view-siteminder-intro .siteminder-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-siteminder-intro .siteminder-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-siteminder-intro .siteminder-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-siteminder-intro .siteminder-squashing-section {
        min-height: 900px
    }
}

.view-benchmark-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/intro/header_intro_bg-benchmark.jpg) center center no-repeat;
    background-size: cover
}

.view-benchmark-intro .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_benchmark@2x.png);
    width: 210px
}

.view-benchmark-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-benchmark-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-benchmark-intro .benchmark-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-benchmark-intro .benchmark-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg2.jpg)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/common/video_intro-page-crane.jpg)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-benchmark-intro .benchmark-squashing-section .squashing-section-image .fullscreen-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .view-benchmark-intro .benchmark-squashing-section .squashing-section-image .fullscreen-bg {
        -webkit-filter: none;
        -ms-filter: none;
        filter: none
    }
}

@media (max-width: 767px) {
    .view-benchmark-intro .benchmark-squashing-section .squashing-section-image .fullscreen-bg-video {
        display: none
    }
}

.view-benchmark-intro .benchmark-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-benchmark-intro .benchmark-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-benchmark-intro .benchmark-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-benchmark-intro .benchmark-squashing-section .squashing-menu li:hover a,
.view-benchmark-intro .benchmark-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4 {
    padding: 0 0 1.5em 80px
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1,
.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2,
.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-01@2x.png)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-02@2x.png)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-03@2x.png)
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video {
    margin-top: 60px;
    line-height: 1.2
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video .video-container,
.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video .name-container {
    display: inline-block
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video .video-image {
    max-width: 100px;
    max-height: 100px
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video .name-container {
    vertical-align: middle;
    margin-left: 1em;
    max-width: 15em
}

@media (max-width: 767px) {

    .view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video .video-container,
    .view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video .name-container {
        display: block
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-content .squashing-video .name-container {
        margin: 1em auto 0
    }
}

.view-benchmark-intro .benchmark-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-benchmark-intro .benchmark-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-title,
    .view-benchmark-intro .benchmark-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-benchmark-intro .benchmark-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-benchmark-intro .benchmark-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-benchmark-intro .benchmark-squashing-section {
        min-height: 900px
    }
}

.view-navis-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/common/header_bg-navis.jpg) center center no-repeat;
    background-size: cover
}

.view-navis-intro .logo-partner {
    background-image: url(/assets/images/areas/common/logo_navis@2x.png);
    width: 80px
}

.view-navis-intro .video-section-1:after {
    background-color: #006696
}

.view-navis-intro .video-section-2 {
    background-image: -moz-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: -webkit-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: linear-gradient(-180deg, #006696, #00669600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006696", endColorstr="#4A90E2", GradientType=0)
}

.view-navis-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-navis-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-navis-intro .navis-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-navis-intro .navis-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg2.jpg)
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/common/video_intro-page-crane.jpg)
}

.view-navis-intro .navis-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-navis-intro .navis-squashing-section .squashing-section-image .fullscreen-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .view-navis-intro .navis-squashing-section .squashing-section-image .fullscreen-bg {
        -webkit-filter: none;
        -ms-filter: none;
        filter: none
    }
}

@media (max-width: 767px) {
    .view-navis-intro .navis-squashing-section .squashing-section-image .fullscreen-bg-video {
        display: none
    }
}

.view-navis-intro .navis-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-navis-intro .navis-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-navis-intro .navis-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-navis-intro .navis-squashing-section .squashing-menu li:hover a,
.view-navis-intro .navis-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-navis-intro .navis-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-navis-intro .navis-squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-navis-intro .navis-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-navis-intro .navis-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-navis-intro .navis-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-navis-intro .navis-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-navis-intro .navis-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-navis-intro .navis-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4 {
    padding: 0 0 1.5em 80px
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1,
.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2,
.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-01@2x.png)
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-02@2x.png)
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-03@2x.png)
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-navis-intro .navis-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-navis-intro .navis-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-navis-intro .navis-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-navis-intro .navis-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-video {
    margin-top: 60px;
    line-height: 1.2
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-video .video-container,
.view-navis-intro .navis-squashing-section .squashing-content .squashing-video .name-container {
    display: inline-block
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-video .video-image {
    max-width: 100px;
    max-height: 100px
}

.view-navis-intro .navis-squashing-section .squashing-content .squashing-video .name-container {
    vertical-align: middle;
    margin-left: 1em;
    max-width: 15em
}

@media (max-width: 767px) {

    .view-navis-intro .navis-squashing-section .squashing-content .squashing-video .video-container,
    .view-navis-intro .navis-squashing-section .squashing-content .squashing-video .name-container {
        display: block
    }

    .view-navis-intro .navis-squashing-section .squashing-content .squashing-video .name-container {
        margin: 1em auto 0
    }
}

.view-navis-intro .navis-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-navis-intro .navis-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-navis-intro .navis-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-navis-intro .navis-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-navis-intro .navis-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-navis-intro .navis-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-navis-intro .navis-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-navis-intro .navis-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-navis-intro .navis-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-navis-intro .navis-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-navis-intro .navis-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-navis-intro .navis-squashing-section .squashing-content .intro-section-title,
    .view-navis-intro .navis-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-navis-intro .navis-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-navis-intro .navis-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-navis-intro .navis-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-navis-intro .navis-squashing-section {
        min-height: 900px
    }
}

.view-milemarker630-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#2d550080, #00000080), url(/assets/images/areas/intro/header_intro_bg-milemarker630.jpg) center center no-repeat;
    background-size: cover
}

.view-milemarker630-intro .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_milemarker630@2x.png);
    width: 240px
}

.view-milemarker630-intro .video-section-1 .video-details span {
    display: inline-block
}

.view-milemarker630-intro .video-section-2 .intro-section-jumbo-info {
    font-weight: 700;
    margin-bottom: .25em
}

.view-milemarker630-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-milemarker630-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-milemarker630-intro .analytics-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff0, #fff3, #fff0);
    color: #fff;
    position: relative;
    padding: 250px 0 100px;
    text-align: center;
    overflow: hidden
}

@media (min-width: 768px) {
    .view-milemarker630-intro .analytics-section {
        padding: 300px 0 100px
    }
}

.view-milemarker630-intro .analytics-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: 1
}

.view-milemarker630-intro .analytics-section .section-supertitle {
    display: inline-block;
    margin-bottom: 1em;
    padding: 10px 20px;
    color: #fff;
    background-color: #6c6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.view-milemarker630-intro .analytics-section .intro-section-jumbo-info {
    max-width: 28em;
    padding-bottom: 250px
}

.view-milemarker630-intro .analytics-section .intro-section-info {
    position: relative;
    max-width: 34em;
    margin: 0 auto
}

.view-milemarker630-intro .analytics-section .intro-section-image {
    position: absolute;
    top: 2%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    perspective: 1000px
}

.view-milemarker630-intro .analytics-section .intro-section-image .map {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 90%;
    max-width: 1200px;
    min-width: 480px;
    height: 100%;
    background: center center no-repeat;
    background-image: url(/assets/images/areas/intro/DMO_Analytics_BlankMap.png);
    background-size: contain
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: contain;
    transform: translateZ(0);
    opacity: 0
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.blue {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_BlueBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.lgreen {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_LGreenBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.lime {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_LimeBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.magenta {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_MagentaBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.orange {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_OrangeBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.purple {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_PurpleBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.red {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_RedBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.teal {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_TealBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.white {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_WhiteBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots.yellow {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_YellowBlip.png)
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotels {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1000px;
    min-width: 480px;
    transform: translate(-50%, -50%);
    perspective: 1000px;
    transform-style: preserve-3d
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    font-family: brandon-grotesque, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: #00000080;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .view-milemarker630-intro .analytics-section .intro-section-image .hotel {
        font-size: 8px
    }
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel:before {
    content: "";
    display: block;
    padding-top: 100%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-1 {
    background: #b3a4eb;
    width: 3%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-2 {
    background: #79e3cb;
    width: 13%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-3 {
    background: #b8e986;
    width: 2%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-4 {
    background: #6ea3e1;
    width: 20%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-5 {
    background: #e66474;
    width: 11%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-6 {
    background: #89e986;
    width: 3%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-7 {
    background: #f3c373;
    width: 16%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-8 {
    background: #f594ee;
    width: 8%
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel.hotel-9 {
    background: #f2e769;
    width: 4%
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/images/areas/intro/DMO_Analytics_BG.png) center center no-repeat;
    background-size: cover;
    transform: translateZ(0);
    opacity: 0
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #10191f 5%, #10191f00, #10191f 95%)
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    min-width: 480px;
    transform: translate3d(-50%, -50%, 0);
    perspective: 1000px;
    transform-style: preserve-3d
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background: center center no-repeat;
    background-size: cover;
    opacity: 0;
    border: 2px solid transparent
}

@media (min-width: 768px) {
    .view-milemarker630-intro .analytics-section .intro-section-image .audience-pic {
        border-width: 5px
    }
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic:before {
    content: "";
    display: block;
    padding-top: 100%
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic.audience-pic-1 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile06.jpg);
    border-color: #f3c373;
    width: 7%;
    top: 5%;
    left: -5%;
    margin: 12% 0 0
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic.audience-pic-2 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile02.jpg);
    border-color: #b3a4eb;
    width: 14%;
    margin: -5% 0 0 2
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic.audience-pic-3 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile01.jpg);
    border-color: #89e986;
    width: 22%;
    margin: 8% 0 0 2%
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic.audience-pic-4 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile04.jpg);
    border-color: #e66474;
    width: 7%;
    margin: -20% 0 0
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic.audience-pic-5 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile03.jpg);
    border-color: #f594ee;
    width: 14%
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic.audience-pic-6 {
    background-image: url(/assets/images/areas/intro/DMO_Analytics_Profile05.jpg);
    border-color: #6ea3e1;
    width: 7%;
    margin: -5% 0 0 5%
}

@media (min-width: 450px) {
    .view-milemarker630-intro .analytics-section .intro-section-jumbo-info {
        padding-bottom: 50%
    }

    .view-milemarker630-intro .analytics-section .intro-section-image {
        top: 5%
    }
}

@media (min-width: 768px) {
    .view-milemarker630-intro .analytics-section .intro-section-jumbo-info {
        padding-bottom: 60%
    }
}

@media (min-width: 450px) {
    .view-milemarker630-intro .analytics-section .intro-section-image {
        top: 3%
    }
}

.view-milemarker630-intro .analytics-section .intro-section-image .hotel {
    transition: .5s cubic-bezier(.7, 0, 0, 0);
    transition-property: transform
}

.view-milemarker630-intro .analytics-section .intro-section-image .map {
    transition: 2s cubic-bezier(.7, 0, 0, 0);
    transition-property: opacity, transform
}

.view-milemarker630-intro .analytics-section .intro-section-image .map-dots {
    transition: 1s cubic-bezier(.7, 0, .1, 1);
    transition-property: opacity
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-bg {
    transition: 1.5s cubic-bezier(.7, 0, .1, 1);
    transition-property: opacity, transform
}

.view-milemarker630-intro .analytics-section .intro-section-image .audience-pic {
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, transform;
    transform: translateZ(-1000px) scale(0)
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel {
    transform: translateZ(-1000px) scale(0)
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map {
    opacity: 0;
    transform: translate3d(-50%, -50%, 1000px)
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots {
    opacity: 1
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-pic {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-bg {
    opacity: 1;
    transform: translateZ(50px)
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-5 {
    transition-delay: 1s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-5 {
    transition-delay: 1.5s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-4 {
    transition-delay: 2.5s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-4 {
    transition-delay: 2.75s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-3 {
    transition-delay: 3s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-3 {
    transition-delay: 3.25s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-1 {
    transition-delay: 3.4s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-1 {
    transition-delay: 3.65s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-8 {
    transition-delay: 3.7s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-8 {
    transition-delay: 3.95s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-2 {
    transition-delay: 3.9s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-2 {
    transition-delay: 4.15s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-9 {
    transition-delay: 4.05s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-9 {
    transition-delay: 4.3s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-6 {
    transition-delay: 4.15s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-6 {
    transition-delay: 4.4s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .hotel-7 {
    transition-delay: 4.2s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map-dots-7 {
    transition-delay: 4.45s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .map {
    transition-delay: 5s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-bg {
    transition-delay: 6s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-pic-3 {
    transition-delay: 6.5s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-pic-2 {
    transition-delay: 6.55s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-pic-4 {
    transition-delay: 6.65s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-pic-5 {
    transition-delay: 6.8s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-pic-1 {
    transition-delay: 6.85s
}

.view-milemarker630-intro .analytics-section.anim-enter .intro-section-image .audience-pic-6 {
    transition-delay: 6.9s
}

.view-milemarker630-intro .dmo-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-milemarker630-intro .dmo-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #10191f;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/intro/section_casestudies_bg2-dmo.jpg)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #633700
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/common/video_intro-page-crane.jpg)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-milemarker630-intro .dmo-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-milemarker630-intro .dmo-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-milemarker630-intro .dmo-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-milemarker630-intro .dmo-squashing-section .squashing-menu li:hover a,
.view-milemarker630-intro .dmo-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-title {
    max-width: 18em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4 {
    text-align: left;
    padding: 0 0 1.5em 80px
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1,
.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2,
.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-1 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-01@2x.png)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-2 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-02@2x.png)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-4.point-3 {
    background-image: url(/assets/images/areas/intro/DMO_Squashing_Slide04-03@2x.png)
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-milemarker630-intro .dmo-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-milemarker630-intro .dmo-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-title,
    .view-milemarker630-intro .dmo-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-milemarker630-intro .dmo-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-milemarker630-intro .dmo-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-milemarker630-intro .dmo-squashing-section {
        min-height: 900px
    }
}

.view-fuel-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#610d2480, #610d2480), url(/assets/images/areas/intro/header_intro_bg-fuel.jpg) center center no-repeat;
    background-size: cover
}

.view-fuel-intro .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_fuel@2x.png);
    width: 144px
}

.view-fuel-intro .video-section-1:after {
    background-color: #006696
}

.view-fuel-intro .video-section-2 {
    background-image: -moz-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: -webkit-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: linear-gradient(-180deg, #006696, #00669600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006696", endColorstr="#4A90E2", GradientType=0)
}

.view-fuel-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-fuel-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-fuel-intro .fuel-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-fuel-intro .fuel-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg2.jpg)
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/intro/section_casestudies_bg4-fuel.jpg)
}

.view-fuel-intro .fuel-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-fuel-intro .fuel-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-fuel-intro .fuel-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-fuel-intro .fuel-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-fuel-intro .fuel-squashing-section .squashing-menu li:hover a,
.view-fuel-intro .fuel-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-fuel-intro .fuel-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-logo {
    padding-top: 2em;
    max-width: 150px
}

.view-fuel-intro .fuel-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-fuel-intro .fuel-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-fuel-intro .fuel-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-fuel-intro .fuel-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-fuel-intro .fuel-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-fuel-intro .fuel-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-fuel-intro .fuel-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-fuel-intro .fuel-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-fuel-intro .fuel-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-fuel-intro .fuel-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-fuel-intro .fuel-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-fuel-intro .fuel-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-fuel-intro .fuel-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-fuel-intro .fuel-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-fuel-intro .fuel-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-fuel-intro .fuel-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-title,
    .view-fuel-intro .fuel-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-fuel-intro .fuel-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-fuel-intro .fuel-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-fuel-intro .fuel-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-fuel-intro .fuel-squashing-section {
        min-height: 900px
    }
}

.view-intercoastalnet-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/intro/header_intro_bg-intercoastalnetdesigns.jpg) center center no-repeat;
    background-size: cover
}

.view-intercoastalnet-intro .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_intercoastalnetdesigns@2x.png);
    width: 120px
}

.view-intercoastalnet-intro .video-section-1:after {
    background-color: #006696
}

.view-intercoastalnet-intro .video-section-2 {
    background-image: -moz-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: -webkit-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: linear-gradient(-180deg, #006696, #00669600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006696", endColorstr="#4A90E2", GradientType=0)
}

.view-intercoastalnet-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-intercoastalnet-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg2.jpg)
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/intro/section_casestudies_bg4-fingerlakes.jpg)
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li:hover a,
.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-logo {
    padding-top: 2em;
    max-width: 150px
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-intercoastalnet-intro .intercoastalnet-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-title,
    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-intercoastalnet-intro .intercoastalnet-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-intercoastalnet-intro .intercoastalnet-squashing-section {
        min-height: 900px
    }
}

.view-resortdataprocessing-intro .intro-header .intro-header-image:before {
    background: linear-gradient(#00000080, #00000080), url(/assets/images/areas/intro/header_intro_bg-resortdataprocessing.jpg) center center no-repeat;
    background-size: cover
}

.view-resortdataprocessing-intro .logo-partner {
    background-image: url(/assets/images/areas/intro/logo_resortdataprocessing@2x.png);
    width: 160px
}

.view-resortdataprocessing-intro .video-section-1:after {
    background-color: #006696
}

.view-resortdataprocessing-intro .video-section-2 {
    background-image: -moz-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: -webkit-linear-gradient(-180deg, #006696 0%, rgba(0, 102, 150, 0) 100%);
    background-image: linear-gradient(-180deg, #006696, #00669600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006696", endColorstr="#4A90E2", GradientType=0)
}

.view-resortdataprocessing-intro .video-section-2 .intro-section-info {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 34em
}

@media (min-width: 768px) {
    .view-resortdataprocessing-intro .video-section-2 .intro-section-info {
        margin: 0 auto 90px
    }
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section {
    background: #10191f;
    background-image: linear-gradient(-180deg, #fff3, #fff0);
    position: relative;
    min-height: 700px;
    padding: 200px 0;
    text-align: center;
    overflow: hidden
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 750px;
    bottom: 100%;
    left: 0;
    background-color: #4a90e2;
    transform: skewY(-8deg);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    will-change: transform;
    z-index: 1
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 1250px;
    -webkit-filter: blur(10px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);
    filter: blur(10px);
    transform: scale(1.05);
    will-change: transform;
    transition: opacity 1s cubic-bezier(0, 0, .1, 1)
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image:not(.active) {
    opacity: 0
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-1 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg1.jpg)
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-1:after {
    background-color: #220442
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-2 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg2.jpg)
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-2:after {
    background-color: #2d0016
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-3 {
    background-image: url(/assets/images/areas/common/section_casestudies_bg3.jpg)
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-3:after {
    background-color: #07300d
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-4 {
    background-image: url(/assets/images/areas/intro/section_casestudies_bg4-osthoffresort.jpg);
    -webkit-filter: none;
    -ms-filter: none;
    filter: none
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-section-image .bg-image-4:after {
    background-color: #00425d
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    text-align: center
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li {
    display: inline-block;
    margin: 0 5px
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    opacity: .5;
    transition: .5s cubic-bezier(0, 0, .1, 1);
    transition-property: opacity, color, border-color
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li:hover a,
.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li.active a {
    opacity: 1
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content {
    position: relative;
    margin: 0 auto;
    padding: 30px 0
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-title {
    max-width: 16em;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-info {
    color: #fff;
    max-width: 32em;
    margin-left: auto;
    margin-right: auto
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-info .btn+.small-text {
    margin-top: 1em
}

@media (min-width: 480px) {
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-info p {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-info p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-info p {
        font-size: 24px
    }
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-slide {
    display: none
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-slide.active {
    display: block;
    animation: squashing-slide-enter 1s cubic-bezier(0, 0, .1, 1) both
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-slide.squashing-slide-1 a {
    color: #e58dff
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-slide.squashing-slide-2 a {
    color: #ffa660
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-slide.squashing-slide-3 a {
    color: #b6ff65
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-slide.squashing-slide-4 a {
    color: #8dfffe
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-slide.squashing-slide-4 .slide-logo {
    padding-top: 2em;
    max-width: 142px
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .squashing-quote-container {
    margin: 60px auto
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .quote-image {
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .quote {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .author {
    font-size: 14px;
    margin-top: 1em
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .company {
    margin: 0;
    font-size: 1.25em;
    font-weight: 700
}

.view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .video-thumbnail {
    margin: 30px 0
}

@media (min-width: 768px) {
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section {
        min-height: 700px;
        padding: 300px 0
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu {
        float: left;
        width: 33%;
        text-align: left;
        padding-right: 60px
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li {
        display: block;
        margin: 0
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90px;
        font-family: brandon-grotesque, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-indent: 0;
        color: #fff;
        background: none;
        border-left: 2px solid #FFFFFF;
        padding: 10px 0 10px 20px
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li.active.squashing-menu-item-1 a {
        color: #e58dff;
        border-color: #e58dff;
        opacity: 1
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li.active.squashing-menu-item-2 a {
        color: #ffa660;
        border-color: #ffa660;
        opacity: 1
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li.active.squashing-menu-item-3 a {
        color: #b6ff65;
        border-color: #b6ff65;
        opacity: 1
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu li.active.squashing-menu-item-4 a {
        color: #8dfffe;
        border-color: #8dfffe;
        opacity: 1
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content {
        float: left;
        width: 66%;
        padding: 0
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-header-supertitle {
        display: none
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-title,
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .intro-section-info {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .quote {
        border-left: 2px solid rgba(255, 255, 255, .5);
        padding-left: 20px;
        max-width: 75%
    }

    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-content .quote-image {
        float: left
    }
}

@media (min-width: 992px) {
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section .squashing-menu {
        padding-right: 90px
    }
}

@media (min-width: 1440px) {
    .view-resortdataprocessing-intro .resortdataprocessing-squashing-section {
        min-height: 900px
    }
}

@keyframes squashing-slide-enter {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ft-view-webisode-signup {
    color: #fff
}

.ft-view-webisode-signup .ft-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px
}

.ft-view-webisode-signup .ft-content {
    padding: 90px 0 30px;
    max-width: 600px
}

.ft-view-webisode-signup .ft-text-highlight {
    box-decoration-break: clone;
    display: inline;
    background: #df4931;
    box-shadow: 10px 0 #df4931, -10px 0 #df4931;
    padding: 8px 0
}

.ft-view-webisode-signup .ft-bg-image {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/assets/images/areas/content/webisode/fuel-reimagined-marketing/header-fliptofuelwebisodes-broll-bg.jpg);
    background-size: cover;
    background-position: 10% 25%
}

.ft-view-webisode-signup .ft-bg-image:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom right, #610d24a6 33%, #a82c2ca6)
}

.ft-view-webisode-signup .ft-logo {
    width: 100%;
    height: 50px;
    max-width: 140px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 1.5em
}

.ft-view-webisode-signup .ft-flipto-fueltravel.ft-logo {
    background-image: url(/assets/images/areas/content/webisode/fuel-reimagined-marketing/ft-flipto-fueltravel.png)
}

.ft-view-webisode-signup .ft-heading+.ft-subheading {
    margin-top: .5em
}

.ft-view-webisode-signup .ft-container .ft-subheading:last-child {
    max-width: 32em
}

.ft-view-webisode-signup .ft-container .ft-section-info {
    margin-top: 2em
}

.ft-view-webisode-signup form {
    max-width: 400px;
    margin-top: 2em
}

.ft-view-webisode-signup input {
    border: 0
}

.ft-view-webisode-signup .btn-joinus {
    opacity: 1;
    width: 100%;
    padding: 15px;
    color: #fff;
    background-color: #df4931;
    margin-top: 0
}

.ft-view-webisode-signup .btn-joinus:hover,
.ft-view-webisode-signup .btn-joinus:focus {
    color: #fff;
    background: #a82c2c
}

.ft-view-webisode-signup .ft-social-container {
    padding-top: 90px
}

.ft-view-webisode-signup .ft-social-links {
    margin-bottom: 15px
}

.ft-view-webisode-signup .ft-social-links ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ft-view-webisode-signup .ft-social-links li {
    list-style: none;
    padding: 0;
    display: inline-block;
    font-family: brandon-grotesque, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #aaa
}

.ft-view-webisode-signup .ft-social-links li a {
    display: block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.ft-view-webisode-signup .ft-social-links li a.facebook {
    background-image: url(/assets/images/areas/content/webisode/icon_social_facebook.png)
}

.ft-view-webisode-signup .ft-social-links li a.twitter {
    background-image: url(/assets/images/areas/content/webisode/icon_social_twitter.png)
}

.ft-view-webisode-signup .ft-social-links li a.linkedin {
    background-image: url(/assets/images/areas/content/webisode/icon_social_linkedin.png)
}

.ft-view-webisode-signup .ft-social-caption {
    font-size: 12px;
    line-height: 1.4;
    max-width: 500px;
    min-height: 2.5em;
    color: #fff
}

@media (max-width: 767px) {
    .ft-view-webisode-signup {
        text-align: center
    }

    .ft-view-webisode-signup .ft-content {
        margin: 0 auto
    }

    .ft-view-webisode-signup .ft-bg-image {
        background-position-x: 55%
    }

    .ft-view-webisode-signup .ft-logo,
    .ft-view-webisode-signup form {
        margin-left: auto;
        margin-right: auto
    }

    .ft-view-webisode-signup .btn-joinus {
        margin-top: 10px
    }

    .ft-view-webisode-signup .ft-social-caption {
        margin: 0 auto 45px
    }
}

@media (min-width: 768px) {
    .ft-view-webisode-signup form {
        display: inline-block;
        max-width: none
    }

    .ft-view-webisode-signup .form-group {
        float: left;
        width: 300px
    }

    .ft-view-webisode-signup .btn-joinus {
        float: left;
        margin-left: 5px;
        width: auto
    }
}

@media (min-width: 992px) {
    .ft-view-webisode-signup .ft-container {
        padding: 0 30px
    }
}

.view-404 .ft-header {
    height: 50vh;
    color: #fff;
    background-color: #394063;
    background-image: linear-gradient(-3deg, #986b7d, #394063 66%, #00334e 120%)
}

.view-404 .ft-main {
    text-align: center
}

.view-404 .ft-main img {
    margin-bottom: 1em
}

.view-general-error .ft-header {
    height: 50vh;
    color: #fff;
    background-color: #394063;
    background-image: linear-gradient(-3deg, #986b7d, #394063 66%, #00334e 120%)
}

.view-general-error .ft-main {
    text-align: center
}

.view-general-error .ft-main img {
    margin-bottom: 1em
}

[ng-cloak],
.handle-fouc {
    display: none
}

/*# sourceMappingURL=home.min.css.map */