@font-face {
    font-family: "FFMarkWebPro";
    src: url("../webfonts/ffmarkwebpro.eot");
    src: url("../webfonts/ffmarkwebpro.eot?#iefix") format("embedded-opentype"), url("../webfonts/ffmarkwebpro.woff2") format("woff2"), url("../webfonts/ffmarkwebpro.woff") format("woff"), url("../webfonts/ffmarkwebpro.ttf") format("truetype")
}

@font-face {
    font-family: "FFMarkWebProBold";
    src: url("../webfonts/ffmarkwebprobold.eot");
    src: url("../webfonts/ffmarkwebprobold.eot?#iefix") format("embedded-opentype"), url("../webfonts/ffmarkwebprobold.woff2") format("woff2"), url("../webfonts/ffmarkwebprobold.woff") format("woff"), url("../webfonts/ffmarkwebprobold.ttf") format("truetype")
}

html {
    font-family: "FFMarkWebPro", Helvetica-Neue, Helvetica, Arial, Serif;
    font-size: 62.5%;
    -webkit-text-size-adjust: auto
}

body {
    background-color: white;
    font-family: "FFMarkWebPro", Helvetica-Neue, Helvetica, Arial, Serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,
body {
    height: 100%;
    width: 100%
}

.container,
.container-fluid {
    background-color: transparent
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}

#container-wrapper-main {
    background-color: white
}

#container-wrapper-main .container {
    padding-top: 3rem
}

.rowx {
    border: 1px solid green
}

divx [class^="col"] {
    border: 1px solid red
}

.border-force {
    border: 1px solid red
}

.section-headline {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 6rem;
    line-height: 5rem;
    color: white;
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .section-headline {
        font-family: "FFMarkWebProBold";
        font-weight: normal;
        font-style: normal;
        font-size: 4rem;
        line-height: 3.5rem
    }
}

.section-headline-text {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    color: white
}

.flexify-as-row-spaced {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    align-content: center
}

.flexify-as-row,
.footer-flex-desktop {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    align-content: center
}

.col-centered {
    float: none;
    margin: 0 auto
}

.show-pointer {
    cursor: pointer
}

.killTapBackgroundHilight {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-tap-highlight-color: transparent
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nopointerevents {
    pointer-events: none
}

.strip,
.strip-home {
    margin-top: 6rem;
    height: 104px;
    min-height: 100px;
    max-height: 110px;
    width: 100%;
    width: 100vw;
    background-color: white;
    background-origin: border-box;
    background-position: top left;
    background-repeat: repeat-x
}

.services {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    text-transform: uppercase;
    padding: 1.2rem 0
}

@media (max-width: 767px) {
    .services {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1
    }
}

.btn[class~="btn-contact"] {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.2rem;
    color: white;
    padding: 1.7rem 4.2rem;
    background-color: black;
    border-radius: 0
}

@media (max-width: 767px) {
    .btn[class~="btn-contact"] {
        -webkit-order: -1;
        -moz-order: -1;
        -ms-order: -1;
        -o-order: -1;
        order: -1
    }
}

.box {
    position: relative;
    width: 100px
}

.box:before {
    content: "";
    display: block;
    padding-top: 100%
}

.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: red
}

.spacer-6rem {
    background-color: transparent;
    width: auto;
    height: 6rem
}

.spacer-5rem {
    background-color: transparent;
    width: auto;
    height: 5rem
}

.spacer-4rem {
    background-color: transparent;
    width: auto;
    height: 4rem
}

.spacer-3rem {
    background-color: transparent;
    width: auto;
    height: 3rem
}

.spacer-2rem {
    background-color: transparent;
    width: auto;
    height: 2rem
}

.spacer-1rem {
    background-color: transparent;
    width: auto;
    height: 1rem
}

.spacer-05rem {
    background-color: transparent;
    width: auto;
    height: 1rem
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell
    }
}

.home-table-column {
    margin-top: 20rem;
    margin-bottom: 0;
    background-color: white
}

@media (min-width: 767px) {
    .home-table-column {
        margin-top: 2.8rem;
        margin-bottom: 0;
        background-color: transparent
    }
}

.home-timetable {
    font-family: FFMarkWebProBold;
    font-size: 1.8rem;
    box-sizing: border-box;
    width: 100%;
    text-rendering: optimizeLegibility;
    white-space: nowrap
}

@media (min-width: 767px) {
    .home-timetable {
        width: 33.3334%;
        padding-bottom: 6%
    }
}

.home-timetable-desktop {
    padding: 3rem 0;
    color: black
}

@media (min-width: 767px) {
    .home-timetable-desktop {
        color: white;
        margin-top: 0.5rem;
        padding-top: 0;
        padding-bottom: 4rem
    }
}

.mobile-background-color {
    background-color: white
}

@media (min-width: 767px) {
    .mobile-background-color {
        background-color: transparent
    }
}

.home-timetable-container {
    padding: 2rem 0;
    width: 100%;
    text-align: center;
    padding-bottom: 100%
}

.home-timetable table:first-of-type {
    margin: 0 auto;
    padding-bottom: 0;
    min-height: 320px
}

@media (min-width: 767px) {
    .home-timetable div:first-of-type {
        margin: 0
    }
}

.mobile-home-openingtimes {
    box-sizing: border-box;
    background-color: #fff;
    width: 100%
}

.hiddenRow {
    border: 0 solid black !important;
    border-top: 1px solid black !important;
    text-align: left !important
}

table * {
    border: 0px solid white !important;
    list-style: circle
}

tr[id^="package"] {
    cursor: pointer;
    border-bottom: 2px black !important
}

tr[id^="package"] td:first-of-type {
    padding: 2rem 0;
    font-family: "FFMarkWebPro";
    font-weight: normal;
    font-style: normal;
    font-size: 2.5rem;
    color: black
}

tr[id^="package"] td:last-of-type {
    padding: 2.4rem 1rem
}

tr[id^="package"]:hover {
    background-color: #49c2c2 !important;
    background-image: linear-gradient(180deg, #6fcfcf, #6fcfcf) !important
}

div[id^="accordion"] {
    padding-top: 2rem
}

.acc-headline {
    font-family: "FFMarkWebPro";
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    padding: 1rem 0
}

.acc-body-text {
    font-family: "FFMarkWebPro";
    color: black;
    font-size: 1.5rem;
    line-height: 2.3rem;
    letter-spacing: 0.02rem;
    width: 80%;
    max-width: 80%
}

@media (min-width: 767px) {
    .acc-body-text {
        width: 70%;
        max-width: 70%
    }
}

@media (max-width: 480px) {
    .acc-body-text {
        width: 100%;
        max-width: 100%
    }
}

.body-italics {
    font-style: italic
}

.services-container {
    margin-bottom: 3rem
}

.table-condensed tr td:first-of-type {
    text-align: left;
    padding-right: 16%
}

.table-condensed tr td:last-of-type {
    text-align: right
}

#layout-table-map-key table img {
    width: 100%;
    height: 100%
}

@media (max-width: 480px) {
    #layout-table-map-key table img {
        width: 120%;
        height: 120%
    }
}

#layout-table-map-key {
    text-align: left;
    margin-left: 0
}

#layout-table-map-key table * {
    border-bottom: 1px solid white !important
}

#layout-table-map-key table tr td {
    border-top: 1px solid white !important;
    padding: 2px
}

div.container-fluid .row:nth-of-type(3) {
    margin-top: 0
}

@media (max-width: 767px) {
    div.container-fluid .row:nth-of-type(3) {
        margin-top: -2px
    }
}

.home-story-image-base,
.home-story-one-image,
.home-story-two-image,
.home-story-three-image {
    box-sizing: border-box;
    background-size: contain;
    background-position: center center;
    transition: all 0.4s ease-in-out
}

.home-story-one {
    background-color: #6f2d80
}

.home-story-two {
    background-color: #f36b21
}

.home-story-three {
    background-color: #b3d136
}

.home {
    background-color: #fff
}

.home-story {
    font-family: FFMarkWebProBold;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding-bottom: 100%;
    font-family: "FFMarkWebProBold";
    color: white;
    font-size: 1.4rem
}

@media (min-width: 767px) {
    .home-story {
        width: 33.3334%;
        padding-bottom: 33.3334%
    }
}

.home-story>div {
    position: absolute;
    text-align: center;
    font-family: inherit;
    left: 0;
    width: 100%
}

.home-story>div:first-of-type {
    margin-top: 10%;
    cursor: pointer
}

.home-story>div:nth-of-type(2) {
    margin-top: 50%;
    font-size: 3rem;
    font-size: 2vmax;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .home-story>div:nth-of-type(2) {
        font-size: 3vmax
    }
}

.home-story>div:last-of-type {
    white-space: nowrap;
    margin-top: 85%;
    cursor: pointer
}

.home-story-image-base,
.home-story-one-image,
.home-story-two-image,
.home-story-three-image {
    background-size: cover;
    background-position: center center
}

.home-story-one-image {
    background-image: url("../images/home/spend_and_win.jpg")
}

.home-story-two-image {
    background-image: url("../images/home/what_do_you_love.jpg")
}

.home-story-three-image {
    background-image: url("../images/home/new_look_giftcard.jpg")
}

.line-underline {
    word-break: normal;
    white-space: normal;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    text-align: center;
    display: table
}

.navbar-toggle {
    background-color: transparent !important;
    border-radius: 0;
    border-color: transparent !important
}

.navbar-collapse {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-default .navbar-toggle {
    border-color: white;
    border-color: rgba(255, 255, 255, 0.8);
    margin-top: 0.75rem
}

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

#responsive-navbar {
    padding-right: 8rem;
    padding-right: 4vw
}

.icon-bar-base,
.icon-bar-strategy-black,
.icon-bar-strategy {
    min-width: 24px;
    min-height: 4px;
    width: 24px;
    height: 4px;
    box-sizing: border-box;
    border: 1px solid white;
    margin-bottom: 4px
}

.icon-bar-strategy-black {
    background-color: black
}

.icon-bar-strategy {
    background-color: white
}

.nav ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    padding-start: 0
}

.footer-logo {
    margin-left: 0
}

@media (max-width: 767px) {
    .footer-logo {
        margin-left: -2rem
    }
}

.flex-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex>div:hover {
    width: 200px
}

.flexify-vertical-align,
.footer-flex-desktop {
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline
}

.footer-flex-desktop [class^="footer"] {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    -o-align-self: stretch;
    align-self: stretch
}

@media (max-width: 767px) {
    .footer-flex-desktop [class^="footer"] {
        padding-top: 1rem;
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        -o-align-self: center;
        align-self: center;
        margin-bottom: 2rem;
        text-align: center
    }
}

.footer-flex-desktop {
    word-wrap: break-word;
    padding: 3rem 0;
    background-color: white
}

@media (max-width: 767px) {
    .footer-flex-desktop {
        padding: 1rem 0;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        -webkit-flex-flow: column;
        -moz-flex-flow: column;
        -ms-flex-flow: column;
        -o-flex-flow: column;
        flex-flow: column
    }
}

.footer-flex-desktop ul {
    list-style: none;
    display: -webkit-inline-flex;
    display: -moz-inline-flexbox;
    display: -ms-inline-flexbox;
    display: -o-inline-flexbox;
    display: inline-flex
}

@media (max-width: 767px) {
    .footer-flex-desktop ul {
        display: block;
        display: table-footer-group
    }
}

.footer-flex-desktop ul li {
    padding-right: 2rem
}

@media (max-width: 767px) {
    .footer-flex-desktop ul li {
        padding-bottom: 2rem
    }
}

a {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.2rem;
    color: white !important;
    text-decoration: none !important
}

.giftcards nav #responsive-navbar a {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.2rem;
    color: black !important;
    text-decoration: none !important
}

.whatson-back-nav-button a {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.2rem;
    color: black !important;
    text-decoration: none !important
}

.view-stores-container a {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.2rem;
    color: black !important;
    text-decoration: none !important
}

.footer-nav a {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.2rem;
    color: black !important;
    text-decoration: none !important
}

#tableSearchResults * a {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;
    color: black !important;
    text-decoration: underline !important
}

.location-text a {
    font-family: "FFMarkWebPro";
    font-weight: normal;
    font-style: normal;
    font-size: 1.36rem;
    color: black !important;
    text-decoration: none !important
}

.thickness-underline {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid black;
    margin-bottom: -1px
}

.one-pixel-link-no-hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -3px;
    background-color: #000;
    color: #000
}

.one-pixel-link {
    display: inline-block
}

.one-pixel-link::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    margin-top: -3px;
    background-color: currentColor;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.one-pixel-link:hover::after {
    width: 100%;
    margin-top: -3px
}

@media (max-width: 767px) {
    .one-pixel-link:hover::after {
        width: 25%
    }
}

.centre-one-pixel-link {
    display: inline-block;
    position: relative
}

.centre-one-pixel-link:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease, left .5s ease
}

.centre-one-pixel-link:hover:after {
    width: 100%;
    left: 0;
    background: currentColor
}

.single-line-var-white-notworkingffox {
    display: inline;
    text-decoration: none;
    background-origin: content-box;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, #fff, #fff);
    background-position: left 93%;
    background-size: 3%
}

.single-line-var-white {
    display: inline;
    text-decoration: none;
    background-origin: content-box;
    background-repeat: repeat-x;
    background-position: left 93%;
    background-size: 14px
}

.single-line-var-white-mob {
    display: inline;
    text-decoration: none;
    background-origin: content-box;
    background-repeat: repeat-x;
    /* background-image: linear-gradient(to right, #fff, #fff); */
    background-position: left 88%;
    background-size: 2%
}

.single-line-var-black {
    display: inline;
    text-decoration: none;
    background-origin: content-box;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, #000, #000);
    background-position: left 84%;
    background-size: 1%
}

.single-wavy-var-black {
    display: inline;
    text-decoration: none;
    background-origin: content-box;
    background-repeat: repeat-x;
    background-image: url("./images/shared/underline.png");
    background-position: left 90%;
    background-size: 8%
}

.single-wavy-var-green {
    display: inline;
    text-decoration: none;
    background-origin: content-box;
    background-repeat: repeat-x;
    background-image: url("./images/shared/underline_rollover.png");
    background-position: left 90%;
    background-size: 8%
}

.single-line-base,
.single-white-line-home,
.single-white-line-home-story,
.single-black-line,
.single-white-line,
.single-gray-line {
    display: inline;
    text-decoration: none;
    background-repeat: repeat-x;
    background-position: left 86%
}

.single-white-line-home {
    background-position: left 68%
}

.single-white-line-home-story {
    background-position: left 68%
}

.single-black-line {
    background-position: left 86%
}

.single-white-line {
    background-position: left 86%
}

.single-gray-line {
    background-position: left 86%
}

.wavy-line {
    display: inline;
    text-decoration: none;
    box-sizing: border-box;
    background-origin: border-box;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 42px;
    background-image: url("../images/whatson/underline.png")
}

.wavy-line-green {
    display: inline;
    text-decoration: none;
    box-sizing: border-box;
    background-origin: border-box;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 42px;
    background-image: url("../images/whatson/underline_rollover.png")
}

.xxxwavy-line {
    display: inline;
    text-decoration: none;
    box-sizing: border-box;
    background-origin: border-box;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 42px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAOCAYAAADZjbloAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYBJREFUeNrUmO1xwyAMhvEG3qBsEG9Qj5ARGMGdIOkEHqEjeASnE9BOkGQCvIELqXxHqHMBYQHV3Xtx8sOnRx9IpGKMzVpfWhP7NfN8hc8TK88arVbrBZ4ZfF9sAt9tlpP1WwnGwefdGsP8RIOWKCAJH1rKw99HOmv1EIxcZuI4PvHTG0hBUFICtR4AGI1OV6VIxNnTNxSQSUxN3NIUiVjj4MQFJQN9QsOYjukIII4JEkHNUcPxiPHnVokyAkhu1P77gLZ2Azo6Uhk5BILDZviT2RYqRiLO5T2ikkTg8bQM59bzyOgDAzQilpgakYhlWbo7+iuPs/wAgfadGROsmd9aF5D7TqPXwIo073yPWMUFsPAADrMqfxJwvMWu4RwG4JxBauO1W0Suz6VwkK6hj9QTbXN14gKj3kpRgyt0HjX/+J6T675zS4zcEGBIDUCUmFwcdzOmQ0ApcL6jbulAjiFwztgcURfNigisgQDzFQeXPzLXNpfSjDuy7eJoE/sRYAAy4jqpNooohwAAAABJRU5ErkJggg==")
}

.gray-line,
.single-gray-line {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.black-line,
.single-black-line {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==)
}

.white-line,
.single-white-line-home,
.single-white-line-home-story,
.single-white-line {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)
}

.white-line-png {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQYV2P4DwABAQEAWk1v8QAAAABJRU5ErkJggg==)
}

.background-pattern {
    display: inline;
    font-size: 1.17em;
    font-size: 44px;
    line-height: 58px;
    font-weight: normal !important;
    text-decoration: none;
    background-repeat: repeat-x;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==);
    background-position: left 86%;
    background-color: #FFFFFF;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUg    AAAAgAAAAICAIAAABLbSncAAAAAXNSR0IArs4c6QAAAARnQ    U1BAACxjwv8YQUAAAAJcEhZcwAADs    MAAA7DAcdvqGQAAAAZSURBVBhXY/iABP4j    AQYqSiCbi2wsA/UkAIeAuaFCb0TzAAAAAElFTkSuQmCC");
    background-repeat: repeat;
    height: 100%
}

.single-black-line-alt {
    display: inline;
    font-size: 1.17em;
    font-size: 24px;
    line-height: 28px;
    font-weight: normal !important;
    padding: 0;
    margin-bottom: -2px;
    border-bottom: 1px solid black
}

.strip-home {
    background-position: right -8px top 0;
    background-image: url(../images/footerstrips/threedots.jpg)
}

#full-screen-background-image {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -999
}

#content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#main-content {
    margin: 0 auto;
    padding-top: 1%;
    max-width: 2800px;
    min-width: 320px;
    background-color: #71c8c2;
    background-color: #71c8c2;
    background-image: url("../images/home/home_hero_3.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

@media (max-width: 480px) {
    #main-content {
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover
    }
}

#main-content nav {
    background-color: transparent;
    border: none
}

.panel>img {
    padding-bottom: 4em
}

@media (min-width: 767px) {
    .panel>img {
        padding-bottom: 2em
    }
}

.panel-default {
    margin-bottom: 3rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}

.selector-for-some-widget {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block
}

.footer-text-header {
    font-family: "FFMarkWebPro";
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #166888
}

.footer-text {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 3rem
}

object {
    width: 100%
}

.parent {
    display: inline-block;
    position: relative;
    padding-bottom: 66.66667%;
    height: auto
}

.child {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden
}

#lightsout {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.88);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50
}

.hidelightsout {
    display: none
}

.pull-quote {
    white-space: nowrap;
    color: white;
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 10rem;
    line-height: 10rem;
    padding-top: 3rem;
    padding-bottom: 1rem;
    pointer-events: none
}

.pull-quote-xs-mobile {
    white-space: normal;
    color: white;
    padding-top: 12rem;
    padding-bottom: 20rem;
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 5rem;
    font-size: 8vmax;
    line-height: 5rem;
    line-height: 7vmax;
    text-align: left;
    pointer-events: none;
    /* background-color: transparent; */
}

.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0, 0, 0, 0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')"
}

#map-parent {
    position: absolute;
    top: -100%;
    left: 10%;
    width: 100%;
    height: 220px;
    z-index: 100
}

#contact-map-details {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    border: 8px solid white;
    background-color: black;
    color: white;
    padding: 2%;
    box-sizing: border-box;
    width: 80%
}

@media (max-width: 480px) {
    #contact-map-details {
        padding: 1%;
        border: 2px solid white
    }
}

.contacts {
    font-family: inherit;
    font-size: 2rem;
    color: currentColor;
    text-indent: 1%;
    display: block;
    padding-bottom: 4px
}

@media (max-width: 480px) {
    .contacts {
        font-size: 1.4rem
    }
}

.hidecontacts {
    display: none
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nopointerevents {
    pointer-events: none
}

.viewsquare {
    font-family: "FFMarkWebPro";
    font-weight: normal;
    font-style: normal;
    font-size: 1.2rem;
    position: absolute;
    padding: 0.15em 1.0em;
    top: 0%;
    right: 0%;
    color: white;
    background-color: #28aadc;
    z-index: 10
}

.client-headline-txt {
    font-family: "FFMarkWebProBold";
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    color: black
}


/*# sourceMappingURL=main.css.map */