@import url(../node_modules/normalize.css/normalize.css);

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */


/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700");
@import url(../fonts/foundation-icons/foundation-icons.css);
@import url(../fonts/grab/stylesheet.css);

* {
    box-sizing: border-box;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

.indentation {
    padding-left: 35px;
}

.fontSizeTnc {
    font-size: 25px;
}

.text-black {
    color: black;
}



.indentation {
    padding-left: 35px;
}

.fontSize {
    font-size: 25px;
}

.text-black {
    color: black;
}

#tableBiayaLayanan,
thead,
th,
tr,
td {
    border: 1px solid black !important;
}

#tableBiayaLayanan tr td:nth-child(3) {
    text-align: center;
    width: 200px;
}

#tableBiayaLayanan {
    margin-left: auto;
    margin-right: auto;
}

#tableBiayaLayanan thead {
    background: #4c2a86;
}

#tableBiayaLayanan thead tr th {
    color: white;
    text-align: center;
}

.tableHeadcolorBiayaLayanan {
    background: #e5e5e5 !important;
}



/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}


/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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


/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

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


/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

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

.clearfix:after {
    clear: both;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        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) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

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

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    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;
    }
}

.f-turqoise {
    color: #06b3ba;
}

.f-charcoal {
    color: #2d263b;
}

.f-purple {
    color: #4c2a86;
}

.f-white {
    color: white;
}

.bg-purple {
    background-color: #4c2a86;
}

.p0 {
    padding: 0;
}

.p2 {
    padding: 2px;
}

.pl2 {
    padding-left: 2px;
}

.pr2 {
    padding-right: 2px;
}

.pt2 {
    padding-top: 2px;
}

.pb2 {
    padding-bottom: 2px;
}

.pv2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.ph2 {
    padding-left: 2px;
    padding-right: 2px;
}

.m0 {
    margin: 0;
}

.m2 {
    margin: 2px;
}

.ml2 {
    margin-left: 2px;
}

.mr2 {
    margin-right: 2px;
}

.mt2 {
    margin-top: 2px;
}

.mb2 {
    margin-bottom: 2px;
}

.mv2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mh2 {
    margin-left: 2px;
    margin-right: 2px;
}

.p0 {
    padding: 0;
}

.p4 {
    padding: 4px;
}

.pl4 {
    padding-left: 4px;
}

.pr4 {
    padding-right: 4px;
}

.pt4 {
    padding-top: 4px;
}

.pb4 {
    padding-bottom: 4px;
}

.pv4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.ph4 {
    padding-left: 4px;
    padding-right: 4px;
}

.m0 {
    margin: 0;
}

.m4 {
    margin: 4px;
}

.ml4 {
    margin-left: 4px;
}

.mr4 {
    margin-right: 4px;
}

.mt4 {
    margin-top: 4px;
}

.mb4 {
    margin-bottom: 4px;
}

.mv4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mh4 {
    margin-left: 4px;
    margin-right: 4px;
}

.p0 {
    padding: 0;
}

.p6 {
    padding: 6px;
}

.pl6 {
    padding-left: 6px;
}

.pr6 {
    padding-right: 6px;
}

.pt6 {
    padding-top: 6px;
}

.pb6 {
    padding-bottom: 6px;
}

.pv6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.ph6 {
    padding-left: 6px;
    padding-right: 6px;
}

.m0 {
    margin: 0;
}

.m6 {
    margin: 6px;
}

.ml6 {
    margin-left: 6px;
}

.mr6 {
    margin-right: 6px;
}

.mt6 {
    margin-top: 6px;
}

.mb6 {
    margin-bottom: 6px;
}

.mv6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mh6 {
    margin-left: 6px;
    margin-right: 6px;
}

.p0 {
    padding: 0;
}

.p8 {
    padding: 8px;
}

.pl8 {
    padding-left: 8px;
}

.pr8 {
    padding-right: 8px;
}

.pt8 {
    padding-top: 8px;
}

.pb8 {
    padding-bottom: 8px;
}

.pv8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ph8 {
    padding-left: 8px;
    padding-right: 8px;
}

.m0 {
    margin: 0;
}

.m8 {
    margin: 8px;
}

.ml8 {
    margin-left: 8px;
}

.mr8 {
    margin-right: 8px;
}

.mt8 {
    margin-top: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.mv8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mh8 {
    margin-left: 8px;
    margin-right: 8px;
}

.p0 {
    padding: 0;
}

.p12 {
    padding: 12px;
}

.pl12 {
    padding-left: 12px;
}

.pr12 {
    padding-right: 12px;
}

.pt12 {
    padding-top: 12px;
}

.pb12 {
    padding-bottom: 12px;
}

.pv12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.ph12 {
    padding-left: 12px;
    padding-right: 12px;
}

.m0 {
    margin: 0;
}

.m12 {
    margin: 12px;
}

.ml12 {
    margin-left: 12px;
}

.mr12 {
    margin-right: 12px;
}

.mt12 {
    margin-top: 12px;
}

.mb12 {
    margin-bottom: 12px;
}

.mv12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.mh12 {
    margin-left: 12px;
    margin-right: 12px;
}

.p0 {
    padding: 0;
}

.p16 {
    padding: 16px;
}

.pl16 {
    padding-left: 16px;
}

.pr16 {
    padding-right: 16px;
}

.pt16 {
    padding-top: 16px;
}

.pb16 {
    padding-bottom: 16px;
}

.pv16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.ph16 {
    padding-left: 16px;
    padding-right: 16px;
}

.m0 {
    margin: 0;
}

.m16 {
    margin: 16px;
}

.ml16 {
    margin-left: 16px;
}

.mr16 {
    margin-right: 16px;
}

.mt16 {
    margin-top: 16px;
}

.mb16 {
    margin-bottom: 16px;
}

.mv16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mh16 {
    margin-left: 16px;
    margin-right: 16px;
}

.p0 {
    padding: 0;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pv20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ph20 {
    padding-left: 20px;
    padding-right: 20px;
}

.m0 {
    margin: 0;
}

.m20 {
    margin: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mv20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mh20 {
    margin-left: 20px;
    margin-right: 20px;
}

.p0 {
    padding: 0;
}

.p24 {
    padding: 24px;
}

.pl24 {
    padding-left: 24px;
}

.pr24 {
    padding-right: 24px;
}

.pt24 {
    padding-top: 24px;
}

.pb24 {
    padding-bottom: 24px;
}

.pv24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.ph24 {
    padding-left: 24px;
    padding-right: 24px;
}

.m0 {
    margin: 0;
}

.m24 {
    margin: 24px;
}

.ml24 {
    margin-left: 24px;
}

.mr24 {
    margin-right: 24px;
}

.mt24 {
    margin-top: 24px;
}

.mb24 {
    margin-bottom: 24px;
}

.mv24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.mh24 {
    margin-left: 24px;
    margin-right: 24px;
}

.p0 {
    padding: 0;
}

.p32 {
    padding: 32px;
}

.pl32 {
    padding-left: 32px;
}

.pr32 {
    padding-right: 32px;
}

.pt32 {
    padding-top: 32px;
}

.pb32 {
    padding-bottom: 32px;
}

.pv32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.ph32 {
    padding-left: 32px;
    padding-right: 32px;
}

.m0 {
    margin: 0;
}

.m32 {
    margin: 32px;
}

.ml32 {
    margin-left: 32px;
}

.mr32 {
    margin-right: 32px;
}

.mt32 {
    margin-top: 32px;
}

.mb32 {
    margin-bottom: 32px;
}

.mv32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mh32 {
    margin-left: 32px;
    margin-right: 32px;
}

.p0 {
    padding: 0;
}

.p62 {
    padding: 62px;
}

.pl62 {
    padding-left: 62px;
}

.pr62 {
    padding-right: 62px;
}

.pt62 {
    padding-top: 62px;
}

.pb62 {
    padding-bottom: 62px;
}

.pv62 {
    padding-top: 62px;
    padding-bottom: 62px;
}

.ph62 {
    padding-left: 62px;
    padding-right: 62px;
}

.m0 {
    margin: 0;
}

.m62 {
    margin: 62px;
}

.ml62 {
    margin-left: 62px;
}

.mr62 {
    margin-right: 62px;
}

.mt62 {
    margin-top: 62px;
}

.mb62 {
    margin-bottom: 62px;
}

.mv62 {
    margin-top: 62px;
    margin-bottom: 62px;
}

.mh62 {
    margin-left: 62px;
    margin-right: 62px;
}

.w10 {
    width: 10%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w30.middle {
    margin-left: 5%;
    margin-right: 5%;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab', serif;
}

h1 {
    font-size: 32px;
    line-height: 36px;
}

h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 20px;
    line-height: 24px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
}

h5 {
    font-size: 16px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 16px;
}

.fs-12 {
    font-size: 12px !important;
}

.f-regular {
    font-weight: 400;
}

.f-roboto {
    font-family: 'Roboto Slab', serif;
}

.f-lato {
    font-family: 'Lato', sans-serif;
}

.f-ravier {
    font-family: Eina01-Bold;
}

.f-inter {
    font-family: 'Inter Grab Web', sans-serif;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

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

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

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

.inline {
    display: inline-block;
    vertical-align: middle;
}

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

.va-middle {
    vertical-align: middle;
}

.tdn {
    text-decoration: none;
}

.img-responsive {
    max-width: 100%;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

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

.pointer {
    cursor: pointer;
}

.text-truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ovh {
    overflow: hidden;
}

.poiv-none {
    pointer-events: none;
}

.vertical-centering {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pointer-normal {
    cursor: default;
}

nav .overlay {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity .2s ease-out;
    z-index: 9;
}

nav .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 360px;
    height: 100%;
    z-index: 2;
    background-color: #06b3ba;
    -webkit-transform: translate3d(-100%, 0, 1px);
    transform: translate3d(-100%, 0, 1px);
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out;
    padding-top: 92px;
    padding-left: 64px;
    padding-right: 34px;
    padding-bottom: 46px;
    overflow: auto;
    z-index: 10;
}

nav .btn-close {
    position: absolute;
    top: 20px;
    left: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}

nav .btn-close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid white;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

nav .btn-close:hover:after {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
    -ms-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3);
}

nav.is-active .overlay {
    pointer-events: auto;
    opacity: 1;
}

nav.is-active .menu {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

nav a {
    display: block;
    text-decoration: none;
    color: white;
    font-size: 16px;
}

nav .btn.btn-secondary {
    padding: 4px 24px;
    box-shadow: none;
}

nav .btn.btn-secondary:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
}

nav .btn.btn-secondary:active {
    background-color: #f8f8f8;
    box-shadow: none;
}

nav .socmed {
    position: relative;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
}

nav .socmed:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid white;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

nav .socmed:hover:after {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    -ms-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
}

nav ul a {
    transition: all .2s ease-out;
}

nav ul a:hover {
    color: #4c2a86;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    transition: background-color .2s ease-out;
    z-index: 8;
}

header.is-scrolled {
    background-color: #4c2a86;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

header.is-scrolled .logo g {
    fill: white;
}

header .logo .logo-img {
    height: 24px;
    display: inline-block;
}

header .pt13 {
    padding-top: 13px;
}

header .pt18 {
    padding-top: 18px;
}

header .menu-icon {
    display: inline-block;
    width: 14px;
    height: 16px;
    vertical-align: middle;
}

header .menu-icon span {
    display: block;
    background-color: #06b3ba;
    height: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
    transition: all 0.3s cubic-bezier(0.3, 1.8, 0.4, 1);
}

header .menu-icon span:nth-child(1) {
    margin-top: 2px;
    width: 12px;
    border-radius: 100px;
}

header .menu-icon span:nth-child(2) {
    width: 14px;
    border-radius: 112.5px;
}

header .menu-icon span:nth-child(3) {
    margin-bottom: 2px;
    width: 18px;
    border-radius: 112.5px;
}

header .toggle-menu:hover span:nth-child(1) {
    width: 18px;
}

header .toggle-menu:hover span:nth-child(2) {
    width: 14px;
}

header .toggle-menu:hover span:nth-child(3) {
    width: 12px;
}

header .btn {
    padding: 4px 24px;
}

header .btn.btn-primary {
    background-color: #06b3ba;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: white;
    border: solid 1px white;
}

header .btn.btn-primary:hover {
    background-color: #06cdd4;
}

header .btn.btn-primary:active {
    background-color: #049ca1;
    box-shadow: none;
}

#footer {
    padding: 16px;
    position: relative;
    background: #ffffff;
    z-index: 5;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
    #footer {
        padding: 62px 62px 32px;
    }
}

.fo__contact {
    position: relative;
    padding: 10px 16px 8px;
    border-radius: 4px;
    background-color: #4c2a86;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
    .fo__contact {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.foc__time {
    margin-top: 3px;
    font-size: 12px;
}

.foc__bg {
    right: 0;
    top: 0;
}

.fo__left,
.fo__right {
    width: 100%;
}

@media (min-width: 1024px) {

    .fo__left,
    .fo__right {
        width: 50%;
    }
}

.fo__right {
    text-align: right;
}

.fo__input {
    height: 50px;
}

.fo__input .form__input {
    width: calc(100% - 73px);
    padding: 6px 12px;
}

.fo__input .btn.btn-primary {
    border: 0;
    border-radius: 0 4px 4px 0;
    padding: 8px 16px;
    box-shadow: none;
}

.fo__email {
    max-width: 331px;
    font-size: 14px;
    color: #2d263b;
}

.fo__download {
    margin: 70px 0 8px;
    font-size: 14px;
    color: #979797;
}

.fo__linkw {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.fo__linkl {
    display: block;
}

.fo__linkl+.fo__linkl {
    margin-top: 12px;
}

.fo__link {
    text-decoration: none;
    color: #2d263b;
    font-size: 16px;
    transition: all .2s ease-out;
}

.fo__link:hover {
    color: #8c949b;
}

.fo__copy {
    margin-top: 24px;
    font-size: 12px;
    color: #979797;
}

.fo__social {
    position: absolute;
    bottom: 48px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.fo__sociall {
    position: relative;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
}

.fo__sociall:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #979797;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.fo__sociall:hover:after {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    -ms-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
}

.fixed-spyscroll {
    position: fixed;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .2s;
    z-index: 8;
}

.fixed-spyscroll li {
    height: 10px;
}

.fixed-spyscroll li a {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #06b3ba;
    border-radius: 100%;
    transition: all .2s;
    border: 2px solid transparent;
}

.fixed-spyscroll li.active a {
    background-color: transparent;
    border: 1px solid #06b3ba;
    -webkit-transform: translateX(0) scale(1.4);
    -ms-transform: translateX(0) scale(1.4);
    transform: translateX(0) scale(1.4);
}

.btn {
    display: inline-block;
    padding: 13px 40px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 100px;
    outline: none;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
    border: none;
}

.btn.btn-primary {
    background-color: #06b3ba;
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);
    color: white;
}

.btn.btn-primary:hover {
    background-color: #06cdd4;
}

.btn.btn-primary:active {
    background-color: #049ca1;
    box-shadow: none;
}

.btn.btn-secondary {
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #06b3ba;
}

.btn.btn-secondary:hover {
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);
}

.btn.btn-secondary:active {
    background-color: #f8f8f8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.btn.btn-tersier {
    color: #06b3ba;
    border: solid 1px #06b3ba;
}

.btn.btn-tersier:hover {
    color: #06cdd4;
    border: solid 1px #06cdd4;
}

.btn.btn-tersier:active {
    color: #049ca1;
    border: solid 1px #049ca1;
}

.separator {
    width: 100%;
    height: 2px;
    border: solid 1px rgba(255, 255, 255, 0.5);
}

.form__input {
    padding: 12px 11px;
    height: 40px;
    border-radius: 4px;
    background-color: #eef0f3;
    border: solid 1px #979797;
    transition: all .2s ease;
}

.form__input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #979797;
}

.form__input::-moz-placeholder {
    /* Firefox 19+ */
    color: #979797;
}

.form__input:-ms-input-placeholder {
    /* IE 10+ */
    color: #979797;
}

.form__input:-moz-placeholder {
    /* Firefox 18- */
    color: #979797;
}

.form__input:focus {
    outline: none;
    border: solid 1px #06b3ba;
}

.form__input--label {
    font-size: 14px;
    color: #444444;
}

.form__input--textarea {
    min-height: 80px;
    resize: none;
}

.form__input--button {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form__required {
    color: #d0021b;
}

.form__input--select {
    padding: 0 40px 0 11px;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #8c949b;
    font-size: 14px;
    color: #ffffff;
}

.form__input--selectw {
    position: relative;
}

.form__input--selectw:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 32px;
    height: 32px;
    background: url("../img/ic-dropdown.svg");
    pointer-events: none;
}


/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}


/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}


/* a11y */

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}


/* Arrows */

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}


/* Pagination Styles */

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}


/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}


/* Bullets */

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}


/* Progress */

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}


/* 3D Container */

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
    /* Firefox 16+, IE10, Opera 12.50+ */
}


/* Coverflow */

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}


/* Cube + Flip */

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* Cube */

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}


/* Fade */

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/* Scrollbar */

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}


/* Preloader */

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

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

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

.home .full-height {
    height: 100vh;
}

.home #section1 {
    z-index: 2;
}

.home #section2 {
    z-index: 1;
}

.home #section2 .bg1 {
    top: 0;
    right: 0;
    z-index: 1;
}

.home #section2 .bg2 {
    bottom: 0;
    left: 0;
    z-index: 2;
}

.home #section2 .bg3 {
    bottom: 0;
    left: 0;
    z-index: 6;
}

.home .z5 {
    z-index: 5;
}

.home .shadows {
    width: 72px;
    height: 20px;
    opacity: 0;
    -webkit-filter: blur(8px);
    filter: blur(8px);
    background-color: black;
    transition: all .2s;
}

.home .features-item {
    opacity: .5;
    transition: all .2s;
}

.home .features-item:hover,
.home .features-item.active {
    opacity: 1;
}

.home .features-item:hover .shadows,
.home .features-item.active .shadows {
    opacity: .3;
}

.home .tab-pane {
    width: 0;
    height: 0;
    overflow-y: hidden;
    opacity: 0;
    transition: opacity .5s;
}

.home .tab-pane.active {
    width: auto;
    height: auto;
    opacity: 1;
}

.home .s3__left {
    background-color: #00a7ce;
    background-image: url(../img/pattern-copy.png);
    background-size: cover;
    background-position: top left;
    height: 428px;
    overflow-y: hidden;
}

.home .s3__left .arrow__parent {
    position: absolute;
    top: 32px;
    right: 24px;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: .6;
    transition: all .4s;
}

.home .s3__left .arrow__parent:hover {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.home .s3__right {
    height: 428px;
}

.home .s3__right .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.home .s3__right .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb819+0,7db9e8+100&1+0,0+100 */
    background: -moz-linear-gradient(top, #ffb819 0%, rgba(125, 185, 232, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb819 0%, rgba(125, 185, 232, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb819 0%, rgba(125, 185, 232, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb819', endColorstr='#007db9e8', GradientType=0);
    /* IE6-9 */
}

.home .s3__right .dc__slide .swiper-container,
.home .s3__right .dc__slide .swiper-slide {
    height: 428px;
}

.home .s3__right .dc__slide .swiper-pagination {
    text-align: left;
    padding-left: 32px;
}

.home .s3__right .dc__slide .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.9);
    opacity: 1;
    transition: all .2s ease-out;
    position: relative;
    margin-right: 16px;
}

.home .s3__right .dc__slide .swiper-pagination-bullet:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid white;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.home .s3__right .dc__slide .swiper-pagination-bullet-active {
    background: transparent;
}

.home .s3__right .dc__slide .swiper-pagination-bullet-active:after {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
    -ms-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3);
}

.home .text_shd_1 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.home #section4 {
    background-repeat: no-repeat;
    background-image: url(../img/bottom-background.png);
    background-position: center bottom;
    background-size: cover;
}

.home #section4 .swiper-container2 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.home #section4 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    overflow: hidden;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all .2s ease-out;
}

.home #section4 .swiper-slide:hover {
    border-radius: 100px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.home .news__item {
    position: relative;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: white;
    transition: all .2s ease-out;
}

.home .news__item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

.home .news__item h6 {
    color: #979797;
}

.home .news__item .image {
    height: 160px;
    background-size: cover;
    background-position: top center;
}

.home .news__arrow {
    top: 55%;
    right: 62px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

@media (min-width: 1366px) {

    .home .apple-store-badge,
    .home .google-play-store-badge {
        position: relative;
        width: 225px;
        transition: all .2s ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .home .apple-store-badge:hover,
    .home .google-play-store-badge:hover {
        -webkit-transform: translate3d(0, -10px, 1px);
        transform: translate3d(0, -10px, 1px);
    }
}

.contactw {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) {
    .contactw {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1024px) {
    .contactw {
        padding-left: 62px;
        padding-right: 62px;
    }
}

@media (min-width: 650px) {
    .cw__col {
        float: right;
        width: 50%;
    }
}

.cw__t {
    font-size: 32px;
    color: #4c2a86;
}

@media (min-width: 650px) {
    .cw__form {
        max-width: 330px;
        padding-right: 32px;
    }
}

.cw__form .btn {
    padding: 8px 40px;
    border: 0;
    width: 100%;
}

@media (min-width: 650px) {
    .cw__form .btn {
        max-width: 330px;
    }
}

#map {
    width: 100%;
    padding-top: 52.63158%;
    border-radius: 2px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin-top: 24px;
}

@media (min-width: 650px) {
    #map {
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.cw__minfo {
    width: 100%;
    top: 0;
    left: 0;
}

@media (min-width: 650px) {
    .cw__minfo {
        position: absolute;
    }
}

.cw__minfo:before {
    display: block;
    width: 100%;
    padding-top: 26.31579%;
}

@media (min-width: 650px) {
    .cw__minfo:before {
        content: "";
    }
}

.cw__infomain {
    font-size: 18px;
    color: #2d263b;
}

.cw__infosub {
    color: #2d263b;
    font-size: 12px;
}

.deals-content {
    background: #fafafa;
}

.deals__up {
    background: #4c2a86;
    overflow: hidden;
    padding-bottom: 62px;
    background-image: url(../img/pattern-ovo@3x.jpg);
    background-size: cover;
    background-position: right bottom;
}

@media (min-width: 450px) {
    .deals__up {
        height: 450px;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .deals__up {
        padding-top: 62px;
    }
}

.deals__up .ic_page_deals {
    width: 150px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -24%;
}

@media (min-width: 450px) {
    .deals__up .ic_page_deals {
        width: 200px;
        bottom: -88px;
    }
}

@media (min-width: 768px) {
    .deals__up .ic_page_deals {
        width: 400px;
        right: 12%;
        left: auto;
        bottom: -176px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.deals__up .ic_page_merchant {
    width: 150px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

@media (min-width: 450px) {
    .deals__up .ic_page_merchant {
        width: 200px;
    }
}

@media (min-width: 768px) {
    .deals__up .ic_page_merchant {
        width: 400px;
        right: 10%;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.deals__merchant {
    padding-top: 60px;
}

.dealm {
    padding-top: 32px;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) {
    .dealm {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1024px) {
    .dealm {
        padding-left: 62px;
        padding-right: 62px;
    }
}

.dealm__imgww {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    padding: 0 12px;
}

@media (min-width: 520px) {
    .dealm__imgww {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
        max-width: 200px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    }
}

.dealm__imgw {
    padding-top: 100%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

@media (min-width: 768px) {
    .dealm__imgw {
        box-shadow: none;
    }
}

.dealm__img {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.dealm__body {
    font-size: 14px;
}

.dealm--center {
    display: inline-block;
    vertical-align: middle;
    margin: 30px auto;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
}

.dealm__stitle {
    color: #4c2a86;
}

.dealm__points {
    font-size: 16px;
    font-weight: 700;
}

.dealm__minfo {
    font-size: 14px;
    padding-left: 16px;
    padding-bottom: 12px;
}

@media (min-width: 768px) {
    .dealm__minfo {
        padding-left: 32px;
        padding-bottom: 24px;
    }
}

.dealm__minfo .f-roboto {
    font-size: 18px;
}

.dealm__promo {
    font-size: 32px;
    line-height: 1;
    color: #2d263b;
}

.dealm__info {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d8d8d8;
    padding: 16px 12px;
    padding-top: 100%;
    font-size: 14px;
}

@media (min-width: 520px) {
    .dealm__info {
        margin-left: 100px;
        width: calc(100% - 100px);
        padding: 32px 24px;
        padding-left: calc(100px + 24px);
    }
}

.dealm__infop {
    max-width: 530px;
    min-height: 200px;
}

.dealm__vendor {
    font-size: 12px;
    color: #2d263b;
}

.dealm__dl {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #2d263b;
    text-align: center;
}

.dealm__dl .inline {
    width: 50%;
}

.dealm__dl img {
    width: 100%;
}

@media (min-width: 420px) {
    .dealm__dl {
        width: auto;
    }

    .dealm__dl .inline {
        width: auto;
    }

    .dealm__dl img {
        width: auto;
    }
}

@media (min-width: 768px) {
    .dealm__dl {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }
}

.dcw {
    max-width: 570px;
    width: 100%;
    padding: 62px 16px 0;
    line-height: 1.2;
}

@media (min-width: 450px) {
    .dcw {
        padding-top: 62px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    .dcw {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 55%;
        padding-top: 62px;
        padding-left: 62px;
        padding-right: 0;
    }
}

.dcw__title {
    font-size: 32px;
    color: #ffffff;
}

.dcw__sub {
    margin-top: 16px;
    font-size: 16px;
    color: #ffffff;
}

.dc__title {
    max-width: 1220px;
    font-size: 24px;
    color: #4c2a86;
    padding: 0 16px;
}

@media (min-width: 450px) {
    .dc__title {
        padding: 0 12px;
    }
}

@media (min-width: 768px) {
    .dc__title {
        width: 25%;
        padding: 0 6px;
    }
}

@media (min-width: 1024px) {
    .dc__title {
        padding: 0 78px;
    }
}

.dc__slide .swiper-container {
    width: 100%;
    height: 100%;
}

.dc__slide img {
    width: 100%;
}

.dc__slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.9);
    opacity: 1;
    transition: all .2s ease-out;
    position: relative;
}

.dc__slide .swiper-pagination-bullet:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 2px solid white;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.dc__slide .swiper-pagination-bullet-active {
    background: transparent;
}

.dc__slide .swiper-pagination-bullet-active:after {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

.dc__tabw {
    padding-top: 10px;
}

.dc__tab {
    padding: 5px 16px;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    position: relative;
}

.dc__tab.is-active:after,
.dc__tab.is-active:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.dc__tab:after,
.dc__tab:before {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    bottom: 0;
    height: 2px;
    background: #06b3ba;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.dc__tab:after {
    right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.dc__tab:before {
    left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.dc__wrapper {
    background: #fafafa;
}

.dc__listw {
    max-width: 1220px;
    margin: 8px auto 0;
    padding: 0;
}

@media (min-width: 1024px) {
    .dc__listw {
        padding-left: 62px;
        padding-right: 62px;
    }
}

.dc__dealw {
    margin-top: 24px;
    padding: 0 16px;
    overflow: visible;
    width: 100%;
}

@media (min-width: 450px) {
    .dc__dealw {
        width: 50%;
        padding: 0 12px;
    }
}

@media (min-width: 768px) {
    .dc__dealw {
        width: 25%;
        padding: 0 6px;
    }
}

.dc__deal {
    width: 100%;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    transition: all .2s ease-out;
}

.dc__deal img {
    width: 100%;
}

.dc__deal:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 3px 6px 4px rgba(0, 0, 0, 0.05);
}

.dc__deal:focus {
    outline: none;
}

.dcd__imgw {
    padding-top: 80.7971%;
    position: relative;
}

.dcd__img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.dcd__info {
    height: 100px;
}

.dcd__title {
    padding: 8px 12px 6px;
    font-size: 18px;
    color: #2d263b;
}

.dcd__vendor {
    padding: 0 12px 8px;
    font-size: 14px;
    color: #979797;
}

.deald-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 9;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    outline: 0;
}

.deald-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.deald-wrapper.in .deald {
    opacity: 1;
}

.deald-wrapper.in .deald.deald--center {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dealdw {
    padding-top: 60px;
    background: #fafafa;
}

.deald {
    padding-top: 32px;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) {
    .deald {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1024px) {
    .deald {
        padding-left: 62px;
        padding-right: 62px;
    }
}

.deald__imgww {
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    padding: 0 12px;
    border-radius: 2px;
}

@media (min-width: 768px) {
    .deald__imgww {
        top: 32px;
        padding: 0;
        width: 50%;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    }
}

.deald__imgw {
    padding-top: 56.14035%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .deald__imgw {
        box-shadow: none;
    }
}

.deald__img {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.deald__body {
    font-size: 14px;
}

.deald--center {
    display: inline-block;
    vertical-align: middle;
    margin: 30px auto;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
}

.deald__stitle {
    color: #4c2a86;
}

.deald__points {
    font-size: 16px;
    font-weight: 700;
}

.deald__minfo {
    font-size: 14px;
    padding-left: 16px;
    padding-bottom: 12px;
}

@media (min-width: 768px) {
    .deald__minfo {
        padding-left: 32px;
        padding-bottom: 24px;
    }
}

.deald__minfo .f-roboto {
    font-size: 18px;
}

.deald__promo {
    font-size: 32px;
    line-height: 1;
    color: #2d263b;
}

.deald__time {
    font-size: 12px;
    color: #6b767e;
}

.deald__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.deald__list li {
    display: block;
    position: relative;
    padding-left: 12px;
}

.deald__list li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #000000;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

.deald__info {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d8d8d8;
    padding: 16px 12px;
    padding-top: 56.14035%;
}

@media (min-width: 768px) {
    .deald__info {
        margin-left: 25%;
        width: 75%;
        padding: 32px 24px;
        padding-left: calc(25% + 24px);
    }
}

.deald__vendor {
    font-size: 12px;
    color: #2d263b;
}

.deald__dl {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #2d263b;
    text-align: center;
}

.deald__dl .inline {
    width: 50%;
}

.deald__dl img {
    width: 100%;
}

@media (min-width: 420px) {
    .deald__dl {
        width: auto;
    }

    .deald__dl .inline {
        width: auto;
    }

    .deald__dl img {
        width: auto;
    }
}

@media (min-width: 768px) {
    .deald__dl {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }
}

.merchantw {
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
    width: 100%;
}

@media (min-width: 450px) {
    .merchantw {
        width: 33.33%;
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (min-width: 768px) {
    .merchantw {
        width: 16.667%;
        padding-left: 6px;
        padding-right: 6px;
    }
}

.merchant {
    padding-top: 55.55556%;
    position: relative;
    overflow: hidden;
}

.merchant__img {
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.news__top {
    background-size: cover;
    background-position: center center;
}

.news__top .line {
    width: 24px;
    height: 3px;
    background-color: white;
    border-radius: 200px;
}

.news__top .overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(76, 42, 134, 0.8);
}

.news__top .z5 {
    z-index: 5;
}

.news__top .title {
    max-width: 500px;
    margin: 0 auto;
}

.news__date {
    font-size: 12px;
    color: #6b767e;
}

.news-content .left-section {
    width: 60%;
    border-right: 1px solid #dee0e2;
    padding-right: 62px;
}

.news-content .right-section {
    width: 40%;
    padding-left: 24px;
}

.news-content .right-section li a {
    color: #06b3ba;
}

.news-content img {
    max-width: 100%;
}

.bg02 {
    bottom: 0;
    right: 3%;
    width: 208px;
}

@media (min-width: 450px) {
    .bg02 {
        width: 208px;
    }
}

@media (min-width: 768px) {
    .bg02 {
        width: 300px;
    }
}

@media (min-width: 1024px) {
    .bg02 {
        width: 500px;
    }
}

.fe__infot {
    line-height: 1.2;
    font-size: 32px;
    color: #4c2a86;
}

.fe__info {
    font-size: 16px;
    color: #2d263b;
}

.fe {
    max-width: 1220px;
    padding: 0 16px;
    margin-left: auto;
    margin-right: auto;
}

.fe__img {
    width: 100%;
}

@media (min-width: 600px) {
    .fe__img {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .fe__img {
        width: 30%;
    }
}

.fe__next {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

@media (min-width: 600px) {
    .fe__next {
        margin-top: 0;
        width: 50%;
        text-align: left;
    }
}

@media (min-width: 768px) {
    .fe__next {
        padding-left: 32px;
        width: 70%;
    }
}

.about__c {
    padding: 0 16px;
}

@media (min-width: 450px) {
    .about__c {
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .about__c {
        padding: 0 62px;
    }
}

@media (min-width: 1024px) {
    .about__c {
        padding: 0 62px;
        width: 60%;
        margin-left: 0;
        margin-right: 0;
    }
}

.faq {
    border-radius: 2px;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 100%;
    overflow: hidden;
}

@media (min-width: 768px) {
    .faq {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1024px) {
    .faq {
        padding-left: 62px;
        max-width: 55%;
    }
}

.faq__title {
    padding: 12px 40px 12px 16px;
    font-size: 16px;
    color: #ffffff;
    background: #06b3ba;
    position: relative;
    transition: all .2s ease-out;
}

.faq__title:hover {
    cursor: pointer;
}

.faq__title.is-active {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.faq__title.is-active img {
    -webkit-transform: translate(0, -50%) rotate(0deg);
    -ms-transform: translate(0, -50%) rotate(0deg);
    transform: translate(0, -50%) rotate(0deg);
}

.faq__title img {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transition: all .15s ease-out;
}

.faq__title~.faq__title {
    border-top: 1px solid #ffffff;
}

.faq__content {
    padding: 16px 24px 24px 16px;
    background: #ffffff;
}

.check-point {
    background-color: #543186;
}

.check-point .full-height {
    min-height: 100vh;
}

.check-point .check-box,
.check-point .result-box {
    width: 600px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #f8f8f8;
    background-image: url(../img/supergraphic-05@3x.jpg);
    border-radius: 8px;
    box-shadow: 4px 0 15px 0 rgba(0, 0, 0, 0.2);
}

.check-point .result-box {
    display: none;
    background-image: none;
}

.check-point .f-black2 {
    color: #444;
}

.check-point .form__input {
    width: 330px;
}

.check-point .copyright {
    position: absolute;
    left: 50%;
    bottom: 42px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #dee0e2;
}

.check-point .thick {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../img/ic-tick-mark@3x.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s;
}

.check-point #middleGear {
    -webkit-animation-name: ckw;
    animation-name: ckw;
    -webkit-animation-duration: 15.5s;
    animation-duration: 15.5s;
    /* Things added */
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: inline-block;
    /* <--- */
}

@-webkit-keyframes ckw {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ckw {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.check-point #leftGear {
    -webkit-animation-duration: 8.5s;
    animation-duration: 8.5s;
    /* Things added */
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: inline-block;
    /* <--- */
}

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

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

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

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.check-point .authLink {
    color: #06b3ba;
}

.check-point .authLink:hover {
    border-bottom: 1px solid #06b3ba;
}

.check-point .authLink.disabled {
    opacity: .5;
    border-bottom: none;
}

.check-point .tooltip-checkpoint {
    top: -35px;
    right: 0;
}

.check-point .tooltip-checkpoint .text {
    pointer-events: none;
    position: absolute;
    font-size: 12px;
    width: 200px;
    padding: 16px 8px;
    background-color: #9b9b9b;
    color: white;
    line-height: 1.4;
    border-radius: 4px;
    bottom: 140%;
    left: -20px;
    opacity: 0;
    transition: all .2s ease-out;
}

.check-point .tooltip-checkpoint .text:after {
    position: absolute;
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #9b9b9b;
    top: 100%;
    left: 23px;
}

.check-point .tooltip-checkpoint:hover .text {
    opacity: 1;
}

.check-point .star1 {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.check-point .star2 {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.check-point .point-box {
    color: #ffb819;
    background-color: #4c2a86;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);
    line-height: 1.2;
}

.check-point .point-box .point {
    font-size: 42px;
}

#tm {
    background-color: #4c2a86;
    color: #ffffff;
}

#tm .bg {
    bottom: -60px;
    right: 10px;
    max-width: 100%;
}

#tm .swiper-button-prev,
#tm .swiper-button-next {
    width: 48px;
    height: 49px;
    background-size: contain;
    margin-top: 28px;
    transition: all .15s ease-out;
}

#tm .swiper-button-prev:hover,
#tm .swiper-button-next:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

#tm .swiper-button-prev:active,
#tm .swiper-button-next:active {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

@media (min-width: 450px) {

    #tm .swiper-button-prev,
    #tm .swiper-button-next {
        margin-top: -32px;
        width: 64px;
        height: 65px;
    }
}

#tm .swiper-button-prev {
    left: 12px;
    background-image: url(../img/button-prev.svg);
}

@media (min-width: 450px) {
    #tm .swiper-button-prev {
        left: 60px;
    }
}

#tm .swiper-button-next {
    right: 12px;
    background-image: url(../img/button-next.svg);
}

@media (min-width: 450px) {
    #tm .swiper-button-next {
        right: 60px;
    }
}

#tm .swiper-testimony {
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (min-width: 450px) {
    #tm .swiper-testimony {
        margin-bottom: 100px;
    }
}

.tm__t {
    font-size: 32px;
    padding-top: 32px;
}

@media (min-width: 450px) {
    .tm__t {
        padding-top: 82px;
    }
}

.tm__sub {
    padding-bottom: 32px;
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 450px) {
    .tm__sub {
        padding-top: 82px;
    }
}

.tm__testi {
    max-width: 800px;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 1.17;
}

@media (min-width: 450px) {
    .tm__testi {
        padding-right: 24px;
        padding-left: 24px;
    }
}

.tm__sept {
    width: 24px;
    border-top: solid 3px #ffffff;
    margin-left: auto;
    margin-right: auto;
}

.tm__testa {
    font-size: 16px;
}

.contactw {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) {
    .contactw {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1024px) {
    .contactw {
        padding-left: 62px;
        padding-right: 62px;
    }
}

@media (min-width: 650px) {
    .mw__col {
        float: left;
    }

    .mw__col:nth-child(1) {
        width: 33.33%;
        padding-right: 3%;
    }

    .mw__col:nth-child(2) {
        width: 33.33%;
        padding-right: 1.5%;
        padding-left: 1.5%;
    }

    .mw__col:nth-child(3) {
        width: 33.33%;
        padding-left: 3%;
    }
}

@media (min-width: 650px) {
    .mw__mess {
        margin-top: 56px;
    }
}

.mw__title {
    font-size: 14px;
    font-weight: 700;
    color: #4c2a86;
}

.mw__t {
    font-size: 32px;
    color: #4c2a86;
}

.mw__form .btn {
    padding: 8px 40px;
    border: 0;
    width: 100%;
}

@media (min-width: 650px) {
    .mw__form .btn {
        width: auto;
    }
}

.mw__dlform {
    width: 100%;
    padding: 16px 32px 16px 16px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: #2d263b;
    font-weight: 700;
}

@media (min-width: 450px) {
    .mw__dlform {
        width: auto;
        padding: 16px 64px 16px 32px;
    }
}

.mw__dlform .ic_download {
    right: 16px;
}

@media (min-width: 450px) {
    .mw__dlform .ic_download {
        right: 32px;
    }
}

.mw__dlformt {
    color: #06b3ba;
    font-size: 14px;
}

meta.foundation-version {
    font-family: "/5.5.3/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
    width: 40.0625em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.0625em)/";
    width: 64.0625em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
    width: 64.0625em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

html,
body {
    height: 100%;
}

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

html,
body {
    font-size: 100%;
}

body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
}

a:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

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

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}

.row {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}

.row .row {
    margin: 0 -0.9375rem;
    max-width: none;
    width: auto;
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table;
}

.row .row:after {
    clear: both;
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table;
}

.row .row.collapse:after {
    clear: both;
}

.column,
.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
}

.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
    float: right;
}

.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left;
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column,
    .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }

    .small-1 {
        width: 8.33333%;
    }

    .small-2 {
        width: 16.66667%;
    }

    .small-3 {
        width: 25%;
    }

    .small-4 {
        width: 33.33333%;
    }

    .small-5 {
        width: 41.66667%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.33333%;
    }

    .small-8 {
        width: 66.66667%;
    }

    .small-9 {
        width: 75%;
    }

    .small-10 {
        width: 83.33333%;
    }

    .small-11 {
        width: 91.66667%;
    }

    .small-12 {
        width: 100%;
    }

    .small-offset-0 {
        margin-left: 0 !important;
    }

    .small-offset-1 {
        margin-left: 8.33333% !important;
    }

    .small-offset-2 {
        margin-left: 16.66667% !important;
    }

    .small-offset-3 {
        margin-left: 25% !important;
    }

    .small-offset-4 {
        margin-left: 33.33333% !important;
    }

    .small-offset-5 {
        margin-left: 41.66667% !important;
    }

    .small-offset-6 {
        margin-left: 50% !important;
    }

    .small-offset-7 {
        margin-left: 58.33333% !important;
    }

    .small-offset-8 {
        margin-left: 66.66667% !important;
    }

    .small-offset-9 {
        margin-left: 75% !important;
    }

    .small-offset-10 {
        margin-left: 83.33333% !important;
    }

    .small-offset-11 {
        margin-left: 91.66667% !important;
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.small-uncentered,
    .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none;
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left;
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right;
    }

    .row.small-collapse>.column,
    .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.small-uncollapse>.column,
    .row.small-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column,
    .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }

    .medium-1 {
        width: 8.33333%;
    }

    .medium-2 {
        width: 16.66667%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-4 {
        width: 33.33333%;
    }

    .medium-5 {
        width: 41.66667%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-7 {
        width: 58.33333%;
    }

    .medium-8 {
        width: 66.66667%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-10 {
        width: 83.33333%;
    }

    .medium-11 {
        width: 91.66667%;
    }

    .medium-12 {
        width: 100%;
    }

    .medium-offset-0 {
        margin-left: 0 !important;
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important;
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important;
    }

    .medium-offset-3 {
        margin-left: 25% !important;
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important;
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important;
    }

    .medium-offset-6 {
        margin-left: 50% !important;
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important;
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important;
    }

    .medium-offset-9 {
        margin-left: 75% !important;
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important;
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important;
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none;
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left;
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right;
    }

    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .column,
    .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 25%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 75%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }

    .large-offset-0 {
        margin-left: 0 !important;
    }

    .large-offset-1 {
        margin-left: 8.33333% !important;
    }

    .large-offset-2 {
        margin-left: 16.66667% !important;
    }

    .large-offset-3 {
        margin-left: 25% !important;
    }

    .large-offset-4 {
        margin-left: 33.33333% !important;
    }

    .large-offset-5 {
        margin-left: 41.66667% !important;
    }

    .large-offset-6 {
        margin-left: 50% !important;
    }

    .large-offset-7 {
        margin-left: 58.33333% !important;
    }

    .large-offset-8 {
        margin-left: 66.66667% !important;
    }

    .large-offset-9 {
        margin-left: 75% !important;
    }

    .large-offset-10 {
        margin-left: 83.33333% !important;
    }

    .large-offset-11 {
        margin-left: 91.66667% !important;
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto;
    }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none;
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left;
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right;
    }

    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }
}

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

.accordion:before,
.accordion:after {
    content: " ";
    display: table;
}

.accordion:after {
    clear: both;
}

.accordion .accordion-navigation,
.accordion dd {
    display: block;
    margin-bottom: 0 !important;
}

.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
    background: #e8e8e8;
    color: #222222;
}

.accordion .accordion-navigation>a,
.accordion dd>a {
    background: #EFEFEF;
    color: #222222;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 1rem;
}

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

.accordion .accordion-navigation>.content,
.accordion dd>.content {
    display: none;
    padding: 0.9375rem;
}

.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
    background: white;
    display: block;
}

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.8125rem;
    font-weight: normal;
    margin-bottom: 1.25rem;
    padding: 0.875rem 1.5rem 0.875rem 0.875rem;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #06b3ba;
    border-color: #059aa0;
    color: white;
}

.alert-box .close {
    right: 0.25rem;
    background: inherit;
    color: #333333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -0.6875rem;
    opacity: 0.3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%;
}

.alert-box .close:hover,
.alert-box .close:focus {
    opacity: 0.5;
}

.alert-box.radius {
    border-radius: 3px;
}

.alert-box.round {
    border-radius: 1000px;
}

.alert-box.success {
    background-color: #43AC6A;
    border-color: #3a945b;
    color: white;
}

.alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: white;
}

.alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f;
}

.alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: white;
}

.alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f;
}

.alert-box.alert-close {
    opacity: 0;
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
    content: " ";
    display: table;
}

[class*="block-grid-"]:after {
    clear: both;
}

[class*="block-grid-"]>li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem;
}

@media only screen {
    .small-block-grid-1>li {
        list-style: none;
        width: 100%;
    }

    .small-block-grid-1>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both;
    }

    .small-block-grid-2>li {
        list-style: none;
        width: 50%;
    }

    .small-block-grid-2>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both;
    }

    .small-block-grid-3>li {
        list-style: none;
        width: 33.33333%;
    }

    .small-block-grid-3>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both;
    }

    .small-block-grid-4>li {
        list-style: none;
        width: 25%;
    }

    .small-block-grid-4>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both;
    }

    .small-block-grid-5>li {
        list-style: none;
        width: 20%;
    }

    .small-block-grid-5>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both;
    }

    .small-block-grid-6>li {
        list-style: none;
        width: 16.66667%;
    }

    .small-block-grid-6>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both;
    }

    .small-block-grid-7>li {
        list-style: none;
        width: 14.28571%;
    }

    .small-block-grid-7>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both;
    }

    .small-block-grid-8>li {
        list-style: none;
        width: 12.5%;
    }

    .small-block-grid-8>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both;
    }

    .small-block-grid-9>li {
        list-style: none;
        width: 11.11111%;
    }

    .small-block-grid-9>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both;
    }

    .small-block-grid-10>li {
        list-style: none;
        width: 10%;
    }

    .small-block-grid-10>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both;
    }

    .small-block-grid-11>li {
        list-style: none;
        width: 9.09091%;
    }

    .small-block-grid-11>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both;
    }

    .small-block-grid-12>li {
        list-style: none;
        width: 8.33333%;
    }

    .small-block-grid-12>li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-block-grid-1>li {
        list-style: none;
        width: 100%;
    }

    .medium-block-grid-1>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-1>li:nth-of-type(1n+1) {
        clear: both;
    }

    .medium-block-grid-2>li {
        list-style: none;
        width: 50%;
    }

    .medium-block-grid-2>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-2>li:nth-of-type(2n+1) {
        clear: both;
    }

    .medium-block-grid-3>li {
        list-style: none;
        width: 33.33333%;
    }

    .medium-block-grid-3>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-3>li:nth-of-type(3n+1) {
        clear: both;
    }

    .medium-block-grid-4>li {
        list-style: none;
        width: 25%;
    }

    .medium-block-grid-4>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-4>li:nth-of-type(4n+1) {
        clear: both;
    }

    .medium-block-grid-5>li {
        list-style: none;
        width: 20%;
    }

    .medium-block-grid-5>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-5>li:nth-of-type(5n+1) {
        clear: both;
    }

    .medium-block-grid-6>li {
        list-style: none;
        width: 16.66667%;
    }

    .medium-block-grid-6>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-6>li:nth-of-type(6n+1) {
        clear: both;
    }

    .medium-block-grid-7>li {
        list-style: none;
        width: 14.28571%;
    }

    .medium-block-grid-7>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-7>li:nth-of-type(7n+1) {
        clear: both;
    }

    .medium-block-grid-8>li {
        list-style: none;
        width: 12.5%;
    }

    .medium-block-grid-8>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-8>li:nth-of-type(8n+1) {
        clear: both;
    }

    .medium-block-grid-9>li {
        list-style: none;
        width: 11.11111%;
    }

    .medium-block-grid-9>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-9>li:nth-of-type(9n+1) {
        clear: both;
    }

    .medium-block-grid-10>li {
        list-style: none;
        width: 10%;
    }

    .medium-block-grid-10>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-10>li:nth-of-type(10n+1) {
        clear: both;
    }

    .medium-block-grid-11>li {
        list-style: none;
        width: 9.09091%;
    }

    .medium-block-grid-11>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-11>li:nth-of-type(11n+1) {
        clear: both;
    }

    .medium-block-grid-12>li {
        list-style: none;
        width: 8.33333%;
    }

    .medium-block-grid-12>li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-12>li:nth-of-type(12n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 64.0625em) {
    .large-block-grid-1>li {
        list-style: none;
        width: 100%;
    }

    .large-block-grid-1>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both;
    }

    .large-block-grid-2>li {
        list-style: none;
        width: 50%;
    }

    .large-block-grid-2>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both;
    }

    .large-block-grid-3>li {
        list-style: none;
        width: 33.33333%;
    }

    .large-block-grid-3>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both;
    }

    .large-block-grid-4>li {
        list-style: none;
        width: 25%;
    }

    .large-block-grid-4>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both;
    }

    .large-block-grid-5>li {
        list-style: none;
        width: 20%;
    }

    .large-block-grid-5>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both;
    }

    .large-block-grid-6>li {
        list-style: none;
        width: 16.66667%;
    }

    .large-block-grid-6>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both;
    }

    .large-block-grid-7>li {
        list-style: none;
        width: 14.28571%;
    }

    .large-block-grid-7>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both;
    }

    .large-block-grid-8>li {
        list-style: none;
        width: 12.5%;
    }

    .large-block-grid-8>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both;
    }

    .large-block-grid-9>li {
        list-style: none;
        width: 11.11111%;
    }

    .large-block-grid-9>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both;
    }

    .large-block-grid-10>li {
        list-style: none;
        width: 10%;
    }

    .large-block-grid-10>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both;
    }

    .large-block-grid-11>li {
        list-style: none;
        width: 9.09091%;
    }

    .large-block-grid-11>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both;
    }

    .large-block-grid-12>li {
        list-style: none;
        width: 8.33333%;
    }

    .large-block-grid-12>li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both;
    }
}

.breadcrumbs {
    border-style: solid;
    border-width: 1px;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: 0.5625rem 0.875rem 0.5625rem;
    background-color: #f4f4f4;
    border-color: gainsboro;
    border-radius: 3px;
}

.breadcrumbs>* {
    color: #06b3ba;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    margin: 0;
    text-transform: uppercase;
}

.breadcrumbs>*:hover a,
.breadcrumbs>*:focus a {
    text-decoration: underline;
}

.breadcrumbs>* a {
    color: #06b3ba;
}

.breadcrumbs>*.current {
    color: #333333;
    cursor: default;
}

.breadcrumbs>*.current a {
    color: #333333;
    cursor: default;
}

.breadcrumbs>*.current:hover,
.breadcrumbs>*.current:hover a,
.breadcrumbs>*.current:focus,
.breadcrumbs>*.current:focus a {
    text-decoration: none;
}

.breadcrumbs>*.unavailable {
    color: #999999;
}

.breadcrumbs>*.unavailable a {
    color: #999999;
}

.breadcrumbs>*.unavailable:hover,
.breadcrumbs>*.unavailable:hover a,
.breadcrumbs>*.unavailable:focus,
.breadcrumbs>*.unavailable a:focus {
    color: #999999;
    cursor: not-allowed;
    text-decoration: none;
}

.breadcrumbs>*:after {
    color: #AAAAAA;
    content: "/";
    margin: 0 0.75rem;
    position: relative;
    top: 1px;
}

.breadcrumbs>*:last-child:after {
    content: " ";
    margin: 0;
}


/* Accessibility - hides the backward slash */

[aria-label="breadcrumbs"] [aria-hidden="true"]:before {
    content: "/";
}

button,
.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: #06b3ba;
    border-color: #058f95;
    color: white;
    transition: background-color 300ms ease-out;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #058f95;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    color: white;
}

button.secondary,
.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #b9b9b9;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #333333;
}

button.success,
.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: white;
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    background-color: #368a55;
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
    color: white;
}

button.alert,
.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white;
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    background-color: #cf2a0e;
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
    color: white;
}

button.warning,
.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: white;
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    background-color: #cf6e0e;
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
    color: white;
}

button.info,
.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    background-color: #61b6d9;
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
    color: white;
}

button.large,
.button.large {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1.25rem;
}

button.small,
.button.small {
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
    font-size: 0.8125rem;
}

button.tiny,
.button.tiny {
    padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
    font-size: 0.6875rem;
}

button.expand,
.button.expand {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}

button.left-align,
.button.left-align {
    text-align: left;
    text-indent: 0.75rem;
}

button.right-align,
.button.right-align {
    text-align: right;
    padding-right: 0.75rem;
}

button.radius,
.button.radius {
    border-radius: 3px;
}

button.round,
.button.round {
    border-radius: 1000px;
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
    background-color: #06b3ba;
    border-color: #058f95;
    color: white;
    box-shadow: none;
    cursor: default;
    opacity: 0.7;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #058f95;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    color: white;
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #06b3ba;
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
    box-shadow: none;
    cursor: default;
    opacity: 0.7;
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #b9b9b9;
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    color: #333333;
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #e7e7e7;
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: white;
    box-shadow: none;
    cursor: default;
    opacity: 0.7;
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #368a55;
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    color: white;
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #43AC6A;
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white;
    box-shadow: none;
    cursor: default;
    opacity: 0.7;
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #cf2a0e;
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    color: white;
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: #f04124;
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: white;
    box-shadow: none;
    cursor: default;
    opacity: 0.7;
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #cf6e0e;
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    color: white;
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
    background-color: #f08a24;
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
    box-shadow: none;
    cursor: default;
    opacity: 0.7;
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #61b6d9;
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    color: white;
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
    background-color: #a0d3e8;
}

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

@media only screen and (min-width: 40.0625em) {

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

.button-group {
    list-style: none;
    margin: 0;
    left: 0;
}

.button-group:before,
.button-group:after {
    content: " ";
    display: table;
}

.button-group:after {
    clear: both;
}

.button-group.even-2 li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
    width: 50%;
}

.button-group.even-2 li>button,
.button-group.even-2 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-2 li:first-child button,
.button-group.even-2 li:first-child .button {
    border-left: 0;
}

.button-group.even-2 li button,
.button-group.even-2 li .button {
    width: 100%;
}

.button-group.even-3 li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
    width: 33.33333%;
}

.button-group.even-3 li>button,
.button-group.even-3 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-3 li:first-child button,
.button-group.even-3 li:first-child .button {
    border-left: 0;
}

.button-group.even-3 li button,
.button-group.even-3 li .button {
    width: 100%;
}

.button-group.even-4 li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
    width: 25%;
}

.button-group.even-4 li>button,
.button-group.even-4 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-4 li:first-child button,
.button-group.even-4 li:first-child .button {
    border-left: 0;
}

.button-group.even-4 li button,
.button-group.even-4 li .button {
    width: 100%;
}

.button-group.even-5 li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
    width: 20%;
}

.button-group.even-5 li>button,
.button-group.even-5 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-5 li:first-child button,
.button-group.even-5 li:first-child .button {
    border-left: 0;
}

.button-group.even-5 li button,
.button-group.even-5 li .button {
    width: 100%;
}

.button-group.even-6 li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
    width: 16.66667%;
}

.button-group.even-6 li>button,
.button-group.even-6 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-6 li:first-child button,
.button-group.even-6 li:first-child .button {
    border-left: 0;
}

.button-group.even-6 li button,
.button-group.even-6 li .button {
    width: 100%;
}

.button-group.even-7 li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
    width: 14.28571%;
}

.button-group.even-7 li>button,
.button-group.even-7 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-7 li:first-child button,
.button-group.even-7 li:first-child .button {
    border-left: 0;
}

.button-group.even-7 li button,
.button-group.even-7 li .button {
    width: 100%;
}

.button-group.even-8 li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
    width: 12.5%;
}

.button-group.even-8 li>button,
.button-group.even-8 li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-8 li:first-child button,
.button-group.even-8 li:first-child .button {
    border-left: 0;
}

.button-group.even-8 li button,
.button-group.even-8 li .button {
    width: 100%;
}

.button-group>li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
}

.button-group>li>button,
.button-group>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group>li:first-child button,
.button-group>li:first-child .button {
    border-left: 0;
}

.button-group.stack>li {
    float: left;
    display: block;
    margin: 0;
    float: none;
}

.button-group.stack>li>button,
.button-group.stack>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-left: 0;
}

.button-group.stack>li>button,
.button-group.stack>li .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
}

.button-group.stack>li>button {
    width: 100%;
}

.button-group.stack>li:first-child button,
.button-group.stack>li:first-child .button {
    border-top: 0;
}

.button-group.stack-for-small>li {
    float: left;
    display: inline-block;
    margin: 0 -2px;
}

.button-group.stack-for-small>li>button,
.button-group.stack-for-small>li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack-for-small>li:first-child button,
.button-group.stack-for-small>li:first-child .button {
    border-left: 0;
}

@media only screen and (max-width: 40em) {
    .button-group.stack-for-small>li {
        float: left;
        display: block;
        margin: 0;
        width: 100%;
    }

    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-left: 0;
    }

    .button-group.stack-for-small>li>button,
    .button-group.stack-for-small>li .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0;
    }

    .button-group.stack-for-small>li>button {
        width: 100%;
    }

    .button-group.stack-for-small>li:first-child button,
    .button-group.stack-for-small>li:first-child .button {
        border-top: 0;
    }
}

.button-group.radius>* {
    float: left;
    display: inline-block;
    margin: 0 -2px;
}

.button-group.radius>*>button,
.button-group.radius>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius>*:first-child button,
.button-group.radius>*:first-child .button {
    border-left: 0;
}

.button-group.radius>*,
.button-group.radius>*>a,
.button-group.radius>*>button,
.button-group.radius>*>.button {
    border-radius: 0;
}

.button-group.radius>*:first-child,
.button-group.radius>*:first-child>a,
.button-group.radius>*:first-child>button,
.button-group.radius>*:first-child>.button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.button-group.radius>*:last-child,
.button-group.radius>*:last-child>a,
.button-group.radius>*:last-child>button,
.button-group.radius>*:last-child>.button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.button-group.radius.stack>* {
    float: left;
    display: block;
    margin: 0;
}

.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-left: 0;
}

.button-group.radius.stack>*>button,
.button-group.radius.stack>* .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
}

.button-group.radius.stack>*>button {
    width: 100%;
}

.button-group.radius.stack>*:first-child button,
.button-group.radius.stack>*:first-child .button {
    border-top: 0;
}

.button-group.radius.stack>*,
.button-group.radius.stack>*>a,
.button-group.radius.stack>*>button,
.button-group.radius.stack>*>.button {
    border-radius: 0;
}

.button-group.radius.stack>*:first-child,
.button-group.radius.stack>*:first-child>a,
.button-group.radius.stack>*:first-child>button,
.button-group.radius.stack>*:first-child>.button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.button-group.radius.stack>*:last-child,
.button-group.radius.stack>*:last-child>a,
.button-group.radius.stack>*:last-child>button,
.button-group.radius.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

@media only screen and (min-width: 40.0625em) {
    .button-group.radius.stack-for-small>* {
        float: left;
        display: inline-block;
        margin: 0 -2px;
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0;
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0;
    }

    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media only screen and (max-width: 40em) {
    .button-group.radius.stack-for-small>* {
        float: left;
        display: block;
        margin: 0;
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-left: 0;
    }

    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>* .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0;
    }

    .button-group.radius.stack-for-small>*>button {
        width: 100%;
    }

    .button-group.radius.stack-for-small>*:first-child button,
    .button-group.radius.stack-for-small>*:first-child .button {
        border-top: 0;
    }

    .button-group.radius.stack-for-small>*,
    .button-group.radius.stack-for-small>*>a,
    .button-group.radius.stack-for-small>*>button,
    .button-group.radius.stack-for-small>*>.button {
        border-radius: 0;
    }

    .button-group.radius.stack-for-small>*:first-child,
    .button-group.radius.stack-for-small>*:first-child>a,
    .button-group.radius.stack-for-small>*:first-child>button,
    .button-group.radius.stack-for-small>*:first-child>.button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .button-group.radius.stack-for-small>*:last-child,
    .button-group.radius.stack-for-small>*:last-child>a,
    .button-group.radius.stack-for-small>*:last-child>button,
    .button-group.radius.stack-for-small>*:last-child>.button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}

.button-group.round>* {
    float: left;
    display: inline-block;
    margin: 0 -2px;
}

.button-group.round>*>button,
.button-group.round>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round>*:first-child button,
.button-group.round>*:first-child .button {
    border-left: 0;
}

.button-group.round>*,
.button-group.round>*>a,
.button-group.round>*>button,
.button-group.round>*>.button {
    border-radius: 0;
}

.button-group.round>*:first-child,
.button-group.round>*:first-child>a,
.button-group.round>*:first-child>button,
.button-group.round>*:first-child>.button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.button-group.round>*:last-child,
.button-group.round>*:last-child>a,
.button-group.round>*:last-child>button,
.button-group.round>*:last-child>.button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

.button-group.round.stack>* {
    float: left;
    display: block;
    margin: 0;
}

.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-left: 0;
}

.button-group.round.stack>*>button,
.button-group.round.stack>* .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
}

.button-group.round.stack>*>button {
    width: 100%;
}

.button-group.round.stack>*:first-child button,
.button-group.round.stack>*:first-child .button {
    border-top: 0;
}

.button-group.round.stack>*,
.button-group.round.stack>*>a,
.button-group.round.stack>*>button,
.button-group.round.stack>*>.button {
    border-radius: 0;
}

.button-group.round.stack>*:first-child,
.button-group.round.stack>*:first-child>a,
.button-group.round.stack>*:first-child>button,
.button-group.round.stack>*:first-child>.button {
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.button-group.round.stack>*:last-child,
.button-group.round.stack>*:last-child>a,
.button-group.round.stack>*:last-child>button,
.button-group.round.stack>*:last-child>.button {
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

@media only screen and (min-width: 40.0625em) {
    .button-group.round.stack-for-small>* {
        float: left;
        display: inline-block;
        margin: 0 -2px;
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-left: 0;
    }

    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>*>.button {
        border-radius: 0;
    }

    .button-group.round.stack-for-small>*:first-child,
    .button-group.round.stack-for-small>*:first-child>a,
    .button-group.round.stack-for-small>*:first-child>button,
    .button-group.round.stack-for-small>*:first-child>.button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .button-group.round.stack-for-small>*:last-child,
    .button-group.round.stack-for-small>*:last-child>a,
    .button-group.round.stack-for-small>*:last-child>button,
    .button-group.round.stack-for-small>*:last-child>.button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
    }
}

@media only screen and (max-width: 40em) {
    .button-group.round.stack-for-small>* {
        float: left;
        display: block;
        margin: 0;
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-left: 0;
    }

    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>* .button {
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0;
    }

    .button-group.round.stack-for-small>*>button {
        width: 100%;
    }

    .button-group.round.stack-for-small>*:first-child button,
    .button-group.round.stack-for-small>*:first-child .button {
        border-top: 0;
    }

    .button-group.round.stack-for-small>*,
    .button-group.round.stack-for-small>*>a,
    .button-group.round.stack-for-small>*>button,
    .button-group.round.stack-for-small>*>.button {
        border-radius: 0;
    }

    .button-group.round.stack-for-small>*:first-child,
    .button-group.round.stack-for-small>*:first-child>a,
    .button-group.round.stack-for-small>*:first-child>button,
    .button-group.round.stack-for-small>*:first-child>.button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

    .button-group.round.stack-for-small>*:last-child,
    .button-group.round.stack-for-small>*:last-child>a,
    .button-group.round.stack-for-small>*:last-child>button,
    .button-group.round.stack-for-small>*:last-child>.button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
}

.button-bar:before,
.button-bar:after {
    content: " ";
    display: table;
}

.button-bar:after {
    clear: both;
}

.button-bar .button-group {
    float: left;
    margin-right: 0.625rem;
}

.button-bar .button-group div {
    overflow: hidden;
}


/* Clearing Styles */

.clearing-thumbs,
[data-clearing] {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
    content: " ";
    display: table;
}

.clearing-thumbs:after,
[data-clearing]:after {
    clear: both;
}

.clearing-thumbs li,
[data-clearing] li {
    float: left;
    margin-right: 10px;
}

.clearing-thumbs[class*="block-grid-"] li,
[data-clearing][class*="block-grid-"] li {
    margin-right: 0;
}

.clearing-blackout {
    background: #333333;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
    left: 0;
}

.clearing-blackout .clearing-close {
    display: block;
}

.clearing-container {
    height: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 998;
}

.clearing-touch-label {
    color: #AAAAAA;
    font-size: .6em;
    left: 50%;
    position: absolute;
    top: 50%;
}

.visible-img {
    height: 95%;
    position: relative;
}

.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%;
}

.clearing-caption {
    background: #333333;
    bottom: 0;
    color: #CCCCCC;
    font-size: 0.875em;
    line-height: 1.3;
    margin-bottom: 0;
    padding: 10px 30px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
}

.clearing-close {
    color: #CCCCCC;
    display: none;
    font-size: 30px;
    line-height: 1;
    padding-left: 20px;
    padding-top: 10px;
    z-index: 999;
}

.clearing-close:hover,
.clearing-close:focus {
    color: #CCCCCC;
}

.clearing-assembled .clearing-container {
    height: 100%;
}

.clearing-assembled .clearing-container .carousel>ul {
    display: none;
}

.clearing-feature li {
    display: none;
}

.clearing-feature li.clearing-featured-img {
    display: block;
}

@media only screen and (min-width: 40.0625em) {

    .clearing-main-prev,
    .clearing-main-next {
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px;
    }

    .clearing-main-prev>span,
    .clearing-main-next>span {
        border: solid 12px;
        display: block;
        height: 0;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .clearing-main-prev>span:hover,
    .clearing-main-next>span:hover {
        opacity: .8;
    }

    .clearing-main-prev {
        left: 0;
    }

    .clearing-main-prev>span {
        left: 5px;
        border-color: transparent;
        border-right-color: #CCCCCC;
    }

    .clearing-main-next {
        right: 0;
    }

    .clearing-main-next>span {
        border-color: transparent;
        border-left-color: #CCCCCC;
    }

    .clearing-main-prev.disabled,
    .clearing-main-next.disabled {
        opacity: .3;
    }

    .clearing-assembled .clearing-container .carousel {
        background: rgba(51, 51, 51, 0.8);
        height: 120px;
        margin-top: 10px;
        text-align: center;
    }

    .clearing-assembled .clearing-container .carousel>ul {
        display: inline-block;
        z-index: 999;
        height: 100%;
        position: relative;
        float: none;
    }

    .clearing-assembled .clearing-container .carousel>ul li {
        clear: none;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 0;
        min-height: inherit;
        opacity: .4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 120px;
    }

    .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
        height: 100%;
        max-width: none;
    }

    .clearing-assembled .clearing-container .carousel>ul li a.th {
        border: none;
        box-shadow: none;
        display: block;
    }

    .clearing-assembled .clearing-container .carousel>ul li img {
        cursor: pointer !important;
        width: 100% !important;
    }

    .clearing-assembled .clearing-container .carousel>ul li.visible {
        opacity: 1;
    }

    .clearing-assembled .clearing-container .carousel>ul li:hover {
        opacity: .8;
    }

    .clearing-assembled .clearing-container .visible-img {
        background: #333333;
        height: 85%;
        overflow: hidden;
    }

    .clearing-close {
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        top: 10px;
        right: 20px;
    }
}


/* Foundation Dropdowns */

.f-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 2px;
    max-width: 200px;
}

.f-dropdown.open {
    display: block;
}

.f-dropdown>*:first-child {
    margin-top: 0;
}

.f-dropdown>*:last-child {
    margin-bottom: 0;
}

.f-dropdown:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent white transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89;
}

.f-dropdown:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88;
}

.f-dropdown.right:before {
    left: auto;
    right: 10px;
}

.f-dropdown.right:after {
    left: auto;
    right: 9px;
}

.f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px;
}

.f-dropdown.drop-right.open {
    display: block;
}

.f-dropdown.drop-right>*:first-child {
    margin-top: 0;
}

.f-dropdown.drop-right>*:last-child {
    margin-bottom: 0;
}

.f-dropdown.drop-right:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent white transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 10px;
    left: -12px;
    z-index: 89;
}

.f-dropdown.drop-right:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #cccccc transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 9px;
    left: -14px;
    z-index: 88;
}

.f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px;
}

.f-dropdown.drop-left.open {
    display: block;
}

.f-dropdown.drop-left>*:first-child {
    margin-top: 0;
}

.f-dropdown.drop-left>*:last-child {
    margin-bottom: 0;
}

.f-dropdown.drop-left:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent white;
    border-left-style: solid;
    position: absolute;
    top: 10px;
    right: -12px;
    left: auto;
    z-index: 89;
}

.f-dropdown.drop-left:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #cccccc;
    border-left-style: solid;
    position: absolute;
    top: 9px;
    right: -14px;
    left: auto;
    z-index: 88;
}

.f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -2px;
    max-width: 200px;
}

.f-dropdown.drop-top.open {
    display: block;
}

.f-dropdown.drop-top>*:first-child {
    margin-top: 0;
}

.f-dropdown.drop-top>*:last-child {
    margin-bottom: 0;
}

.f-dropdown.drop-top:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: white transparent transparent transparent;
    border-top-style: solid;
    bottom: -12px;
    position: absolute;
    top: auto;
    left: 10px;
    right: auto;
    z-index: 89;
}

.f-dropdown.drop-top:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #cccccc transparent transparent transparent;
    border-top-style: solid;
    bottom: -14px;
    position: absolute;
    top: auto;
    left: 9px;
    right: auto;
    z-index: 88;
}

.f-dropdown li {
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: 0;
}

.f-dropdown li:hover,
.f-dropdown li:focus {
    background: #EEEEEE;
}

.f-dropdown li a {
    display: block;
    padding: 0.5rem;
    color: #2d263b;
}

.f-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    padding: 1.25rem;
    width: 100%;
    z-index: 89;
    max-width: 200px;
}

.f-dropdown.content.open {
    display: block;
}

.f-dropdown.content>*:first-child {
    margin-top: 0;
}

.f-dropdown.content>*:last-child {
    margin-bottom: 0;
}

.f-dropdown.radius {
    border-radius: 3px;
}

.f-dropdown.tiny {
    max-width: 200px;
}

.f-dropdown.small {
    max-width: 300px;
}

.f-dropdown.medium {
    max-width: 500px;
}

.f-dropdown.large {
    max-width: 800px;
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important;
}

.f-dropdown.mega.open {
    left: 0 !important;
}

.dropdown.button,
button.dropdown {
    position: relative;
    padding-right: 3.5625rem;
}

.dropdown.button::after,
button.dropdown::after {
    border-color: white transparent transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
}

.dropdown.button::after,
button.dropdown::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem;
}

.dropdown.button::after,
button.dropdown::after {
    border-color: white transparent transparent transparent;
}

.dropdown.button.tiny,
button.dropdown.tiny {
    padding-right: 2.625rem;
}

.dropdown.button.tiny:after,
button.dropdown.tiny:after {
    border-width: 0.375rem;
    right: 1.125rem;
    margin-top: -0.125rem;
}

.dropdown.button.tiny::after,
button.dropdown.tiny::after {
    border-color: white transparent transparent transparent;
}

.dropdown.button.small,
button.dropdown.small {
    padding-right: 3.0625rem;
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-width: 0.4375rem;
    right: 1.3125rem;
    margin-top: -0.15625rem;
}

.dropdown.button.small::after,
button.dropdown.small::after {
    border-color: white transparent transparent transparent;
}

.dropdown.button.large,
button.dropdown.large {
    padding-right: 3.625rem;
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-width: 0.3125rem;
    right: 1.71875rem;
    margin-top: -0.15625rem;
}

.dropdown.button.large::after,
button.dropdown.large::after {
    border-color: white transparent transparent transparent;
}

.dropdown.button.secondary:after,
button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent;
}

.flex-video {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.5625rem;
    position: relative;
}

.flex-video.widescreen {
    padding-bottom: 56.34%;
}

.flex-video.vimeo {
    padding-top: 0;
}

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


/* Standard Forms */

form {
    margin: 0 0 1rem;
}


/* Using forms within rows, we need to set some defaults */

form .row .row {
    margin: 0 -0.5rem;
}

form .row .row .column,
form .row .row .columns {
    padding: 0 0.5rem;
}

form .row .row.collapse {
    margin: 0;
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0;
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: 0.5rem;
}


/* Label Styles */

label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
    /* Styles for required inputs */
}

label.right {
    float: none !important;
    text-align: right;
}

label.inline {
    margin: 0 0 1rem 0;
    line-height: 2.375rem;
}

label small {
    text-transform: capitalize;
    color: #676767;
}


/* Attach elements to the beginning or end of an input */

.prefix,
.postfix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}


/* Adjust padding, alignment and radius if pre/post element is a button */

.postfix.button {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}

.prefix.button {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}


/* Separate prefix and postfix styles when on span or label so buttons keep their own */

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc;
}

span.postfix,
label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333333;
    border-color: #cccccc;
}


/* We use this to get basic styling on all basic form elements */

input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #444444;
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}

input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background-color: #fafafa;
    border-color: #999999;
    outline: none;
}

input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #DDDDDD;
    cursor: default;
}

input:not([type])[disabled],
input:not([type])[readonly],
fieldset[disabled] input:not([type]),
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default;
}

input:not([type]).radius,
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 3px;
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

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


/* Respect enforced amount of rows for textarea */

textarea[rows] {
    height: auto;
}


/* Not allow resize out of parent */

textarea {
    max-width: 100%;
}

::-webkit-input-placeholder {
    color: #AAAAAA;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #AAAAAA;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #AAAAAA;
}

:-ms-input-placeholder {
    color: #AAAAAA;
}


/* Add height value for select elements to match text input height */

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #FAFAFA;
    border-radius: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: #444444;
    font-family: inherit;
    font-size: 0.875rem;
    line-height: normal;
    padding: 0.5rem;
    border-radius: 0;
    height: 2.3125rem;
}

select::-ms-expand {
    display: none;
}

select.radius {
    border-radius: 3px;
}

select:focus {
    background-color: #f3f3f3;
    border-color: #999999;
}

select:disabled {
    background-color: #DDDDDD;
    cursor: default;
}

select[multiple] {
    height: auto;
}


/* Adjust margin for form elements below */

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1rem 0;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline;
}


/* Normalize file input width */

input[type="file"] {
    width: 100%;
}


/* HTML5 Number spinners settings */


/* We add basic fieldset styling */

fieldset {
    border: 1px solid #DDDDDD;
    margin: 1.125rem 0;
    padding: 1.25rem;
}

fieldset legend {
    font-weight: bold;
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem;
}


/* Error Handling */

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: 0.375rem 0.5625rem 0.5625rem;
    background: #f04124;
    color: white;
}

[data-abide] span.error,
[data-abide] small.error {
    display: none;
}

span.error,
small.error {
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: 0.375rem 0.5625rem 0.5625rem;
    background: #f04124;
    color: white;
}

.error input,
.error textarea,
.error select {
    margin-bottom: 0;
}

.error input[type="checkbox"],
.error input[type="radio"] {
    margin-bottom: 1rem;
}

.error label,
.error label.error {
    color: #f04124;
}

.error small.error {
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: 0.375rem 0.5625rem 0.5625rem;
    background: #f04124;
    color: white;
}

.error>label>small {
    background: transparent;
    color: #676767;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

.error span.error-message {
    display: block;
}

input.error,
textarea.error,
select.error {
    margin-bottom: 0;
}

label.error {
    color: #f04124;
}

.icon-bar {
    display: inline-block;
    font-size: 0;
    width: 100%;
    background: #333333;
}

.icon-bar>* {
    display: block;
    float: left;
    font-size: 1rem;
    margin: 0 auto;
    padding: 1.25rem;
    text-align: center;
    width: 25%;
}

.icon-bar>* i,
.icon-bar>* img {
    display: block;
    margin: 0 auto;
}

.icon-bar>* i+label,
.icon-bar>* img+label {
    margin-top: .0625rem;
}

.icon-bar>* i {
    font-size: 1.875rem;
    vertical-align: middle;
}

.icon-bar>* img {
    height: 1.875rem;
    width: 1.875rem;
}

.icon-bar.label-right>* i,
.icon-bar.label-right>* img {
    display: inline-block;
    margin: 0 .0625rem 0 0;
}

.icon-bar.label-right>* i+label,
.icon-bar.label-right>* img+label {
    margin-top: 0;
}

.icon-bar.label-right>* label {
    display: inline-block;
}

.icon-bar.vertical.label-right>* {
    text-align: left;
}

.icon-bar.vertical,
.icon-bar.small-vertical {
    height: 100%;
    width: auto;
}

.icon-bar.vertical .item,
.icon-bar.small-vertical .item {
    float: none;
    margin: auto;
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.medium-vertical {
        height: 100%;
        width: auto;
    }

    .icon-bar.medium-vertical .item {
        float: none;
        margin: auto;
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.large-vertical {
        height: 100%;
        width: auto;
    }

    .icon-bar.large-vertical .item {
        float: none;
        margin: auto;
        width: auto;
    }
}

.icon-bar>* {
    font-size: 1rem;
    padding: 1.25rem;
}

.icon-bar>* i+label,
.icon-bar>* img+label {
    margin-top: .0625rem;
    font-size: 1rem;
}

.icon-bar>* i {
    font-size: 1.875rem;
}

.icon-bar>* img {
    height: 1.875rem;
    width: 1.875rem;
}

.icon-bar>* label {
    color: white;
}

.icon-bar>* i {
    color: white;
}

.icon-bar>a:hover {
    background: #06b3ba;
}

.icon-bar>a:hover label {
    color: white;
}

.icon-bar>a:hover i {
    color: white;
}

.icon-bar>a.active {
    background: #06b3ba;
}

.icon-bar>a.active label {
    color: white;
}

.icon-bar>a.active i {
    color: white;
}

.icon-bar .item.disabled {
    cursor: not-allowed;
    opacity: 0.7;
    pointer-events: none;
}

.icon-bar .item.disabled>* {
    opacity: 0.7;
    cursor: not-allowed;
}

.icon-bar.two-up .item {
    width: 50%;
}

.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.two-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.two-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.three-up .item {
    width: 33.3333%;
}

.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.three-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.three-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.four-up .item {
    width: 25%;
}

.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.four-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.four-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.five-up .item {
    width: 20%;
}

.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.five-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.five-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.six-up .item {
    width: 16.66667%;
}

.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.six-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.six-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.seven-up .item {
    width: 14.28571%;
}

.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.seven-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.seven-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.eight-up .item {
    width: 12.5%;
}

.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.eight-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.eight-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.two-up .item {
    width: 50%;
}

.icon-bar.two-up.vertical .item,
.icon-bar.two-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.two-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.two-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.three-up .item {
    width: 33.3333%;
}

.icon-bar.three-up.vertical .item,
.icon-bar.three-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.three-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.three-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.four-up .item {
    width: 25%;
}

.icon-bar.four-up.vertical .item,
.icon-bar.four-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.four-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.four-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.five-up .item {
    width: 20%;
}

.icon-bar.five-up.vertical .item,
.icon-bar.five-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.five-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.five-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.six-up .item {
    width: 16.66667%;
}

.icon-bar.six-up.vertical .item,
.icon-bar.six-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.six-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.six-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.seven-up .item {
    width: 14.28571%;
}

.icon-bar.seven-up.vertical .item,
.icon-bar.seven-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.seven-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.seven-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.eight-up .item {
    width: 12.5%;
}

.icon-bar.eight-up.vertical .item,
.icon-bar.eight-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.0625em) {
    .icon-bar.eight-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.0625em) {
    .icon-bar.eight-up.large-vertical .item {
        width: auto;
    }
}

.inline-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1.0625rem;
    margin-left: -1.375rem;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
}

.inline-list>li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem;
}

.inline-list>li>* {
    display: block;
}


/* Foundation Joyride */

.joyride-list {
    display: none;
}


/* Default styles for the container */

.joyride-tip-guide {
    background: #333333;
    color: white;
    display: none;
    font-family: inherit;
    font-weight: normal;
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 103;
    left: 2.5%;
}

.lt-ie9 .joyride-tip-guide {
    margin-left: -400px;
    max-width: 800px;
    left: 50%;
}

.joyride-content-wrapper {
    padding: 1.125rem 1.25rem 1.5rem;
    width: 100%;
}

.joyride-content-wrapper .button {
    margin-bottom: 0 !important;
}

.joyride-content-wrapper .joyride-prev-tip {
    margin-right: 10px;
}


/* Add a little css triangle pip, older browser just miss out on the fanciness of it */

.joyride-tip-guide .joyride-nub {
    border: 10px solid #333333;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    left: 22px;
}

.joyride-tip-guide .joyride-nub.top {
    border-color: #333333;
    border-top-color: transparent !important;
    border-top-style: solid;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -20px;
}

.joyride-tip-guide .joyride-nub.bottom {
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-bottom-style: solid;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px;
}

.joyride-tip-guide .joyride-nub.right {
    right: -20px;
}

.joyride-tip-guide .joyride-nub.left {
    left: -20px;
}


/* Typography */

.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
    color: white;
    font-weight: bold;
    line-height: 1.25;
    margin: 0;
}

.joyride-tip-guide p {
    font-size: 0.875rem;
    line-height: 1.3;
    margin: 0 0 1.125rem 0;
}

.joyride-timer-indicator-wrap {
    border: solid 1px #2d263b;
    bottom: 1rem;
    height: 3px;
    position: absolute;
    width: 50px;
    right: 1.0625rem;
}

.joyride-timer-indicator {
    background: #666666;
    display: block;
    height: inherit;
    width: 0;
}

.joyride-close-tip {
    color: #777777 !important;
    font-size: 24px;
    font-weight: normal;
    line-height: .5 !important;
    position: absolute;
    text-decoration: none;
    top: 10px;
    right: 12px;
}

.joyride-close-tip:hover,
.joyride-close-tip:focus {
    color: #EEEEEE !important;
}

.joyride-modal-bg {
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    left: 0;
}

.joyride-expose-wrapper {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 0 15px white;
    position: absolute;
    z-index: 102;
}

.joyride-expose-cover {
    background: transparent;
    border-radius: 3px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9999;
}


/* Styles for screens that are at least 768px; */

@media only screen {
    .joyride-tip-guide {
        width: 300px;
        left: inherit;
    }

    .joyride-tip-guide .joyride-nub.bottom {
        border-color: #333333 !important;
        border-bottom-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        bottom: -20px;
    }

    .joyride-tip-guide .joyride-nub.right {
        border-color: #333333 !important;
        border-right-color: transparent !important;
        border-bottom-color: transparent !important;
        border-top-color: transparent !important;
        left: auto;
        right: -20px;
        top: 22px;
    }

    .joyride-tip-guide .joyride-nub.left {
        border-color: #333333 !important;
        border-bottom-color: transparent !important;
        border-left-color: transparent !important;
        border-top-color: transparent !important;
        left: -20px;
        right: auto;
        top: 22px;
    }
}

.keystroke,
kbd {
    background-color: #ededed;
    border-color: #dddddd;
    color: #222222;
    border-style: solid;
    border-width: 1px;
    font-family: "Consolas", "Menlo", "Courier", monospace;
    font-size: inherit;
    margin: 0;
    padding: 0.125rem 0.25rem 0;
    border-radius: 3px;
}

.label {
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    background-color: #06b3ba;
    color: white;
}

.label.radius {
    border-radius: 3px;
}

.label.round {
    border-radius: 1000px;
}

.label.alert {
    background-color: #f04124;
    color: white;
}

.label.warning {
    background-color: #f08a24;
    color: white;
}

.label.success {
    background-color: #43AC6A;
    color: white;
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333333;
}

.label.info {
    background-color: #a0d3e8;
    color: #333333;
}

[data-magellan-expedition],
[data-magellan-expedition-clone] {
    background: white;
    min-width: 100%;
    padding: 10px;
    z-index: 50;
}

[data-magellan-expedition] .sub-nav,
[data-magellan-expedition-clone] .sub-nav {
    margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav dd,
[data-magellan-expedition-clone] .sub-nav dd {
    margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav a,
[data-magellan-expedition-clone] .sub-nav a {
    line-height: 1.8em;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* Orbit Graceful Loading */

.slideshow-wrapper {
    position: relative;
}

.slideshow-wrapper ul {
    list-style-type: none;
    margin: 0;
}

.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
    display: none;
}

.slideshow-wrapper ul li:first-child {
    display: block;
}

.slideshow-wrapper .orbit-container {
    background-color: transparent;
}

.slideshow-wrapper .orbit-container li {
    display: block;
}

.slideshow-wrapper .orbit-container li .orbit-caption {
    display: block;
}

.slideshow-wrapper .orbit-container .orbit-bullets li {
    display: inline-block;
}

.slideshow-wrapper .preloader {
    border-radius: 1000px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border-color: #2d263b white;
    border: solid 3px;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}

.orbit-container {
    background: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.orbit-container .orbit-slides-container img {
    display: block;
    max-width: 100%;
}

.orbit-container .orbit-slides-container>* {
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: 100%;
}

.orbit-container .orbit-slides-container>*:first-child {
    margin-left: 0;
}

.orbit-container .orbit-slides-container>* .orbit-caption {
    bottom: 0;
    position: absolute;
    background-color: rgba(51, 51, 51, 0.8);
    color: white;
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    width: 100%;
}

.orbit-container .orbit-slide-number {
    left: 10px;
    background: transparent;
    color: white;
    font-size: 12px;
    position: absolute;
    top: 10px;
    z-index: 10;
}

.orbit-container .orbit-slide-number span {
    font-weight: 700;
    padding: 0.3125rem;
}

.orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10;
}

.orbit-container .orbit-timer .orbit-progress {
    height: 3px;
    background-color: rgba(255, 255, 255, 0.3);
    display: block;
    width: 0;
    position: relative;
    right: 20px;
    top: 5px;
}

.orbit-container .orbit-timer>span {
    border: solid 4px white;
    border-bottom: none;
    border-top: none;
    display: none;
    height: 14px;
    position: absolute;
    top: 0;
    width: 11px;
    right: 0;
}

.orbit-container .orbit-timer.paused>span {
    top: 0;
    width: 11px;
    height: 14px;
    border: inset 8px;
    border-left-style: solid;
    border-color: transparent;
    border-left-color: white;
    right: -4px;
}

.orbit-container .orbit-timer.paused>span.dark {
    border-left-color: #333333;
}

.orbit-container:hover .orbit-timer>span {
    display: block;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
    background-color: transparent;
    color: white;
    height: 60px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    text-indent: -9999px !important;
    top: 45%;
    width: 36px;
    z-index: 10;
}

.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.orbit-container .orbit-prev>span,
.orbit-container .orbit-next>span {
    border: inset 10px;
    display: block;
    height: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 0;
}

.orbit-container .orbit-prev {
    left: 0;
}

.orbit-container .orbit-prev>span {
    border-right-style: solid;
    border-color: transparent;
    border-right-color: white;
}

.orbit-container .orbit-prev:hover>span {
    border-right-color: white;
}

.orbit-container .orbit-next {
    right: 0;
}

.orbit-container .orbit-next>span {
    border-color: transparent;
    border-left-style: solid;
    border-left-color: white;
    left: 50%;
    margin-left: -4px;
}

.orbit-container .orbit-next:hover>span {
    border-left-color: white;
}

.orbit-bullets-container {
    text-align: center;
}

.orbit-bullets {
    display: block;
    float: none;
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 10px;
}

.orbit-bullets li {
    background: #CCCCCC;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 0.5625rem;
    margin-right: 6px;
    width: 0.5625rem;
    border-radius: 1000px;
}

.orbit-bullets li.active {
    background: #999999;
}

.orbit-bullets li:last-child {
    margin-right: 0;
}

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
    display: none;
}

.touch .orbit-bullets {
    display: none;
}

@media only screen and (min-width: 40.0625em) {

    .touch .orbit-container .orbit-prev,
    .touch .orbit-container .orbit-next {
        display: inherit;
    }

    .touch .orbit-bullets {
        display: block;
    }
}

@media only screen and (max-width: 40em) {
    .orbit-stack-on-small .orbit-slides-container {
        height: auto !important;
    }

    .orbit-stack-on-small .orbit-slides-container>* {
        margin: 0 !important;
        opacity: 1 !important;
        position: relative;
    }

    .orbit-stack-on-small .orbit-slide-number {
        display: none;
    }

    .orbit-timer {
        display: none;
    }

    .orbit-next,
    .orbit-prev {
        display: none;
    }

    .orbit-bullets {
        display: none;
    }
}

ul.pagination {
    display: block;
    margin-left: -0.3125rem;
    min-height: 1.5rem;
}

ul.pagination li {
    color: #222222;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 0.3125rem;
}

ul.pagination li a,
ul.pagination li button {
    border-radius: 3px;
    transition: background-color 300ms ease-out;
    background: none;
    color: #999999;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: inherit;
    padding: 0.0625rem 0.625rem 0.0625rem;
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
    background: #e6e6e6;
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #999999;
    pointer-events: none;
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
    background: transparent;
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #06b3ba;
    color: white;
    cursor: default;
    font-weight: bold;
}

ul.pagination li.current a:hover,
ul.pagination li.current a:focus,
ul.pagination li.current button:hover,
ul.pagination li.current button:focus {
    background: #06b3ba;
}

ul.pagination li {
    display: block;
    float: left;
}


/* Pagination centred wrapper */

.pagination-centered {
    text-align: center;
}

.pagination-centered ul.pagination li {
    display: inline-block;
    float: none;
}


/* Panels */

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333333;
}

.panel> :first-child {
    margin-top: 0;
}

.panel> :last-child {
    margin-bottom: 0;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p,
.panel li,
.panel dl {
    color: #333333;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem;
}

.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
    line-height: 1.4;
}

.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #edfefe;
    color: #333333;
}

.panel.callout> :first-child {
    margin-top: 0;
}

.panel.callout> :last-child {
    margin-bottom: 0;
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p,
.panel.callout li,
.panel.callout dl {
    color: #333333;
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: 0.625rem;
}

.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
    line-height: 1.4;
}

.panel.callout a:not(.button) {
    color: #06b3ba;
}

.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
    color: #059aa0;
}

.panel.radius {
    border-radius: 3px;
}


/* Pricing Tables */

.pricing-table {
    border: solid 1px #DDDDDD;
    margin-left: 0;
    margin-bottom: 1.25rem;
}

.pricing-table * {
    list-style: none;
    line-height: 1;
}

.pricing-table .title {
    background-color: #333333;
    color: #EEEEEE;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center;
}

.pricing-table .price {
    background-color: #F6F6F6;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center;
}

.pricing-table .description {
    background-color: white;
    border-bottom: dotted 1px #DDDDDD;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    padding: 0.9375rem;
    text-align: center;
}

.pricing-table .bullet-item {
    background-color: white;
    border-bottom: dotted 1px #DDDDDD;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 0.9375rem;
    text-align: center;
}

.pricing-table .cta-button {
    background-color: white;
    padding: 1.25rem 1.25rem 0;
    text-align: center;
}


/* Progress Bar */

.progress {
    background-color: #F6F6F6;
    border: 1px solid white;
    height: 1.5625rem;
    margin-bottom: 0.625rem;
    padding: 0.125rem;
}

.progress .meter {
    background: #06b3ba;
    display: block;
    height: 100%;
    float: left;
    width: 0%;
}

.progress .meter.secondary {
    background: #e7e7e7;
    display: block;
    height: 100%;
    float: left;
    width: 0%;
}

.progress .meter.success {
    background: #43AC6A;
    display: block;
    height: 100%;
    float: left;
    width: 0%;
}

.progress .meter.alert {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    width: 0%;
}

.progress.secondary .meter {
    background: #e7e7e7;
    display: block;
    height: 100%;
    float: left;
    width: 0%;
}

.progress.success .meter {
    background: #43AC6A;
    display: block;
    height: 100%;
    float: left;
    width: 0%;
}

.progress.alert .meter {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    width: 0%;
}

.progress.radius {
    border-radius: 3px;
}

.progress.radius .meter {
    border-radius: 2px;
}

.progress.round {
    border-radius: 1000px;
}

.progress.round .meter {
    border-radius: 999px;
}

.range-slider {
    border: 1px solid #DDDDDD;
    margin: 1.25rem 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    display: block;
    height: 1rem;
    width: 100%;
    background: #FAFAFA;
}

.range-slider.vertical-range {
    border: 1px solid #DDDDDD;
    margin: 1.25rem 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    height: 12.5rem;
    width: 1rem;
}

.range-slider.vertical-range .range-slider-handle {
    bottom: -10.5rem;
    margin-left: -0.5rem;
    margin-top: 0;
    position: absolute;
}

.range-slider.vertical-range .range-slider-active-segment {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: initial;
    bottom: 0;
    height: auto;
    width: 0.875rem;
}

.range-slider.radius {
    background: #FAFAFA;
    border-radius: 3px;
}

.range-slider.radius .range-slider-handle {
    background: #06b3ba;
    border-radius: 3px;
}

.range-slider.radius .range-slider-handle:hover {
    background: #059ea4;
}

.range-slider.round {
    background: #FAFAFA;
    border-radius: 1000px;
}

.range-slider.round .range-slider-handle {
    background: #06b3ba;
    border-radius: 1000px;
}

.range-slider.round .range-slider-handle:hover {
    background: #059ea4;
}

.range-slider.disabled,
.range-slider[disabled] {
    background: #FAFAFA;
    cursor: not-allowed;
    opacity: 0.7;
}

.range-slider.disabled .range-slider-handle,
.range-slider[disabled] .range-slider-handle {
    background: #06b3ba;
    cursor: default;
    opacity: 0.7;
}

.range-slider.disabled .range-slider-handle:hover,
.range-slider[disabled] .range-slider-handle:hover {
    background: #059ea4;
}

.range-slider-active-segment {
    background: #e5e5e5;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    display: inline-block;
    height: 0.875rem;
    position: absolute;
}

.range-slider-handle {
    border: 1px solid none;
    cursor: pointer;
    display: inline-block;
    height: 1.375rem;
    position: absolute;
    top: -0.3125rem;
    width: 2rem;
    z-index: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #06b3ba;
}

.range-slider-handle:hover {
    background: #059ea4;
}

.reveal-modal-bg {
    background: #000000;
    background: rgba(0, 0, 0, 0.45);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1004;
    left: 0;
}

.reveal-modal {
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1005;
    left: 0;
    background-color: white;
    padding: 1.875rem;
    border: solid 1px #666666;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 40em) {
    .reveal-modal {
        min-height: 100vh;
    }
}

.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0;
}

.reveal-modal> :first-child {
    margin-top: 0;
}

.reveal-modal> :last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 80%;
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal {
        top: 6.25rem;
    }
}

.reveal-modal.radius {
    box-shadow: none;
    border-radius: 3px;
}

.reveal-modal.round {
    box-shadow: none;
    border-radius: 1000px;
}

.reveal-modal.collapse {
    padding: 0;
    box-shadow: none;
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 30%;
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 40%;
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 60%;
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 70%;
    }
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 95%;
    }
}

.reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0;
}

@media only screen and (min-width: 40.0625em) {
    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 0;
        width: 100%;
    }
}

.reveal-modal.toback {
    z-index: 1003;
}

.reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem;
    text-decoration: none;
}

.side-nav {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0.875rem 0;
}

.side-nav li {
    font-size: 0.875rem;
    font-weight: normal;
    margin: 0 0 0.4375rem 0;
}

.side-nav li a:not(.button) {
    color: #06b3ba;
    display: block;
    margin: 0;
    padding: 0.4375rem 0.875rem;
}

.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus {
    background: rgba(0, 0, 0, 0.025);
    color: #27f0f8;
}

.side-nav li a:not(.button):active {
    color: #27f0f8;
}

.side-nav li.active>a:first-child:not(.button) {
    color: #27f0f8;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    list-style: none;
    padding: 0;
    border-top-color: #e6e6e6;
}

.side-nav li.heading {
    color: #06b3ba;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
}

.split.button {
    position: relative;
    padding-right: 5.0625rem;
}

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

.split.button span:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: inset;
    top: 50%;
    left: 50%;
}

.split.button span:active {
    background-color: rgba(0, 0, 0, 0.1);
}

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

.split.button span {
    width: 3.09375rem;
}

.split.button span:after {
    border-top-style: solid;
    border-width: 0.375rem;
    margin-left: -0.375rem;
    top: 48%;
}

.split.button span:after {
    border-color: white transparent transparent transparent;
}

.split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.secondary span:after {
    border-color: white transparent transparent transparent;
}

.split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.tiny {
    padding-right: 3.75rem;
}

.split.button.tiny span {
    width: 2.25rem;
}

.split.button.tiny span:after {
    border-top-style: solid;
    border-width: 0.375rem;
    margin-left: -0.375rem;
    top: 48%;
}

.split.button.small {
    padding-right: 4.375rem;
}

.split.button.small span {
    width: 2.625rem;
}

.split.button.small span:after {
    border-top-style: solid;
    border-width: 0.4375rem;
    margin-left: -0.375rem;
    top: 48%;
}

.split.button.large {
    padding-right: 5.5rem;
}

.split.button.large span {
    width: 3.4375rem;
}

.split.button.large span:after {
    border-top-style: solid;
    border-width: 0.3125rem;
    margin-left: -0.375rem;
    top: 48%;
}

.split.button.expand {
    padding-left: 2rem;
}

.split.button.secondary span:after {
    border-color: #333333 transparent transparent transparent;
}

.split.button.radius span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.split.button.round span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

.split.button.no-pip span:before {
    border-style: none;
}

.split.button.no-pip span:after {
    border-style: none;
}

.split.button.no-pip span>i {
    display: block;
    left: 50%;
    margin-left: -0.28889em;
    margin-top: -0.48889em;
    position: absolute;
    top: 50%;
}

.sub-nav {
    display: block;
    margin: -0.25rem 0 1.125rem;
    overflow: hidden;
    padding-top: 0.25rem;
    width: auto;
}

.sub-nav dt {
    text-transform: uppercase;
}

.sub-nav dt,
.sub-nav dd,
.sub-nav li {
    color: #999999;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    margin-left: 1rem;
    margin-bottom: 0;
}

.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
    color: #999999;
    padding: 0.1875rem 1rem;
    text-decoration: none;
}

.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
    color: #737373;
}

.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
    border-radius: 3px;
    background: #06b3ba;
    color: white;
    cursor: default;
    font-weight: normal;
    padding: 0.1875rem 1rem;
}

.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
    background: #059aa0;
}

.switch {
    border: none;
    margin-bottom: 1.5rem;
    outline: 0;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch label {
    background: #DDDDDD;
    color: transparent;
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    position: relative;
    text-indent: 100%;
    width: 4rem;
    height: 2rem;
    transition: left 0.15s ease-out;
}

.switch input {
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 9px;
}

.switch input+label {
    margin-left: 0;
    margin-right: 0;
}

.switch label:after {
    background: white;
    content: "";
    display: block;
    height: 1.5rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    width: 1.5rem;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: translate3d(0, 0, 0);
    transition: left 0.15s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.switch input:checked+label {
    background: #06b3ba;
}

.switch input:checked+label:after {
    left: 2.25rem;
}

.switch label {
    height: 2rem;
    width: 4rem;
}

.switch label:after {
    height: 1.5rem;
    width: 1.5rem;
}

.switch input:checked+label:after {
    left: 2.25rem;
}

.switch label {
    color: transparent;
    background: #DDDDDD;
}

.switch label:after {
    background: white;
}

.switch input:checked+label {
    background: #06b3ba;
}

.switch.large label {
    height: 2.5rem;
    width: 5rem;
}

.switch.large label:after {
    height: 2rem;
    width: 2rem;
}

.switch.large input:checked+label:after {
    left: 2.75rem;
}

.switch.small label {
    height: 1.75rem;
    width: 3.5rem;
}

.switch.small label:after {
    height: 1.25rem;
    width: 1.25rem;
}

.switch.small input:checked+label:after {
    left: 2rem;
}

.switch.tiny label {
    height: 1.5rem;
    width: 3rem;
}

.switch.tiny label:after {
    height: 1rem;
    width: 1rem;
}

.switch.tiny input:checked+label:after {
    left: 1.75rem;
}

.switch.radius label {
    border-radius: 4px;
}

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

.switch.round {
    border-radius: 1000px;
}

.switch.round label {
    border-radius: 2rem;
}

.switch.round label:after {
    border-radius: 2rem;
}

table {
    background: white;
    border: solid 1px #DDDDDD;
    margin-bottom: 1.25rem;
    table-layout: auto;
}

table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold;
}

table thead {
    background: #F5F5F5;
}

table thead tr th,
table thead tr td {
    color: #222222;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}

table tfoot {
    background: #F5F5F5;
}

table tfoot tr th,
table tfoot tr td {
    color: #222222;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}

table tr th,
table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    text-align: left;
}

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

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

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0;
}

.tabs:before,
.tabs:after {
    content: " ";
    display: table;
}

.tabs:after {
    clear: both;
}

.tabs dd,
.tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative;
}

.tabs dd>a,
.tabs .tab-title>a {
    display: block;
    background-color: #EFEFEF;
    color: #222222;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    padding: 1rem 2rem;
}

.tabs dd>a:hover,
.tabs .tab-title>a:hover {
    background-color: #e1e1e1;
}

.tabs dd.active>a,
.tabs .tab-title.active>a {
    background-color: white;
    color: #222222;
}

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

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

.tabs.vertical dd,
.tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto;
}

.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%;
}

.tabs-content:before,
.tabs-content:after {
    content: " ";
    display: table;
}

.tabs-content:after {
    clear: both;
}

.tabs-content>.content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%;
}

.tabs-content>.content.active {
    display: block;
    float: none;
}

.tabs-content>.content.contained {
    padding: 0.9375rem;
}

.tabs-content.vertical {
    display: block;
}

.tabs-content.vertical>.content {
    padding: 0 0.9375rem;
}

@media only screen and (min-width: 40.0625em) {
    .tabs.vertical {
        float: left;
        margin: 0;
        margin-bottom: 1.25rem !important;
        max-width: 20%;
        width: 20%;
    }

    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%;
    }
}

.no-js .tabs-content>.content {
    display: block;
    float: none;
}


/* Image Thumbnails */

.th {
    border: solid 4px white;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: all 200ms ease-out;
}

.th:hover,
.th:focus {
    box-shadow: 0 0 6px 1px rgba(6, 179, 186, 0.5);
}

.th.radius {
    border-radius: 3px;
}


/* Tooltips */

.has-tip {
    border-bottom: dotted 1px #CCCCCC;
    color: #333333;
    cursor: help;
    font-weight: bold;
}

.has-tip:hover,
.has-tip:focus {
    border-bottom: dotted 1px #035154;
    color: #06b3ba;
}

.has-tip.tip-left,
.has-tip.tip-right {
    float: none !important;
}

.tooltip {
    background: #333333;
    color: white;
    display: none;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.3;
    max-width: 300px;
    padding: 0.75rem;
    position: absolute;
    width: 100%;
    z-index: 1006;
    left: 50%;
}

.tooltip>.nub {
    border: solid 5px;
    border-color: transparent transparent #333333 transparent;
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -10px;
    width: 0;
    left: 5px;
}

.tooltip>.nub.rtl {
    left: auto;
    right: 5px;
}

.tooltip.radius {
    border-radius: 3px;
}

.tooltip.round {
    border-radius: 1000px;
}

.tooltip.round>.nub {
    left: 2rem;
}

.tooltip.opened {
    border-bottom: dotted 1px #035154 !important;
    color: #06b3ba !important;
}

.tap-to-close {
    color: #777777;
    display: block;
    font-size: 0.625rem;
    font-weight: normal;
}

@media only screen {
    .tooltip>.nub {
        border-color: transparent transparent #333333 transparent;
        top: -10px;
    }

    .tooltip.tip-top>.nub {
        border-color: #333333 transparent transparent transparent;
        bottom: -10px;
        top: auto;
    }

    .tooltip.tip-left,
    .tooltip.tip-right {
        float: none !important;
    }

    .tooltip.tip-left>.nub {
        border-color: transparent transparent transparent #333333;
        left: auto;
        margin-top: -5px;
        right: -10px;
        top: 50%;
    }

    .tooltip.tip-right>.nub {
        border-color: transparent #333333 transparent transparent;
        left: -10px;
        margin-top: -5px;
        right: auto;
        top: 50%;
    }

    .tooltip.tip-override>.nub {
        border-color: transparent transparent #333333 transparent;
    }

    .tooltip.tip-override.tip-left>.nub,
    .tooltip.tip-override.tip-right>.nub {
        margin-top: 0;
    }
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em;
}


/* Wrapped around .top-bar to contain to grid width */

.contain-to-grid {
    width: 100%;
    background: #333333;
}

.contain-to-grid .top-bar {
    margin-bottom: 0;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0;
}

.fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%;
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99;
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 2.8125rem;
    z-index: 98;
}

.top-bar {
    background: #333333;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}

.top-bar ul {
    list-style: none;
    margin-bottom: 0;
}

.top-bar .row {
    max-width: none;
}

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

.top-bar input,
.top-bar select {
    font-size: 0.75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem;
}

.top-bar .button,
.top-bar button {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-bottom: 0.4125rem;
    padding-top: 0.4125rem;
}

@media only screen and (max-width: 40em) {

    .top-bar .button,
    .top-bar button {
        position: relative;
        top: -1px;
    }
}

.top-bar .title-area {
    margin: 0;
    position: relative;
}

.top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    margin: 0;
}

.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name p,
.top-bar .name span {
    font-size: 1.0625rem;
    line-height: 2.8125rem;
    margin: 0;
}

.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a {
    color: white;
    display: block;
    font-weight: normal;
    padding: 0 0.9375rem;
    width: 75%;
}

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0;
}

.top-bar .toggle-topbar a {
    color: white;
    display: block;
    font-size: 0.8125rem;
    font-weight: bold;
    height: 2.8125rem;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
    position: relative;
    text-transform: uppercase;
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%;
}

.top-bar .toggle-topbar.menu-icon a {
    color: white;
    height: 34px;
    line-height: 33px;
    padding: 0 2.5rem 0 0.9375rem;
    position: relative;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 0.9375rem;
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    -webkit-box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    width: 16px;
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
    -webkit-box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}

.top-bar.expanded {
    background: transparent;
    height: auto;
}

.top-bar.expanded .title-area {
    background: #333333;
}

.top-bar.expanded .toggle-topbar a {
    color: #888888;
}

.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}

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

    .top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
    .top-bar.expanded .top-bar-section .dropdown {
        clip: initial;
    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
        padding: 0;
    }
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out;
}

.top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%;
}

.top-bar-section ul li {
    background: #333333;
}

.top-bar-section ul li>a {
    color: white;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    padding-left: 0.9375rem;
    padding: 12px 0 12px 0.9375rem;
    text-transform: none;
    width: 100%;
}

.top-bar-section ul li>a.button {
    font-size: 0.8125rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    background-color: #06b3ba;
    border-color: #058f95;
    color: white;
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    background-color: #058f95;
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
    color: white;
}

.top-bar-section ul li>a.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    background-color: #b9b9b9;
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
    color: #333333;
}

.top-bar-section ul li>a.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: white;
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    background-color: #368a55;
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
    color: white;
}

.top-bar-section ul li>a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white;
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    background-color: #cf2a0e;
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
    color: white;
}

.top-bar-section ul li>a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: white;
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    background-color: #cf6e0e;
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
    color: white;
}

.top-bar-section ul li>a.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
}

.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
    background-color: #61b6d9;
}

.top-bar-section ul li>a.button.info:hover,
.top-bar-section ul li>a.button.info:focus {
    color: white;
}

.top-bar-section ul li>button {
    font-size: 0.8125rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    background-color: #06b3ba;
    border-color: #058f95;
    color: white;
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    background-color: #058f95;
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
    color: white;
}

.top-bar-section ul li>button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    background-color: #b9b9b9;
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
    color: #333333;
}

.top-bar-section ul li>button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: white;
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    background-color: #368a55;
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
    color: white;
}

.top-bar-section ul li>button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white;
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    background-color: #cf2a0e;
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
    color: white;
}

.top-bar-section ul li>button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: white;
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    background-color: #cf6e0e;
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
    color: white;
}

.top-bar-section ul li>button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
}

.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
    background-color: #61b6d9;
}

.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
    color: white;
}

.top-bar-section ul li:hover:not(.has-form)>a {
    background-color: #2d263b;
    color: white;
    background: #222222;
}

.top-bar-section ul li.active>a {
    background: #06b3ba;
    color: white;
}

.top-bar-section ul li.active>a:hover {
    background: #059aa0;
    color: white;
}

.top-bar-section .has-form {
    padding: 0.9375rem;
}

.top-bar-section .has-dropdown {
    position: relative;
}

.top-bar-section .has-dropdown>a:after {
    border: inset 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    border-left-style: solid;
    margin-right: 0.9375rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0;
}

.top-bar-section .has-dropdown.moved {
    position: static;
}

.top-bar-section .has-dropdown.moved>.dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
    width: 100%;
}

.top-bar-section .has-dropdown.moved>a:after {
    display: none;
}

.top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%;
}

.top-bar-section .dropdown li {
    height: auto;
    width: 100%;
}

.top-bar-section .dropdown li a {
    font-weight: normal;
    padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: normal;
}

.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem;
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
    color: white;
    display: block;
}

.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
    background: none;
}

.top-bar-section .dropdown li.has-form {
    padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto;
}

.top-bar-section .dropdown label {
    color: #777777;
    font-size: 0.625rem;
    font-weight: bold;
    margin-bottom: 0;
    padding: 8px 0.9375rem 2px;
    text-transform: uppercase;
}

.js-generated {
    display: block;
}

@media only screen and (min-width: 40.0625em) {
    .top-bar {
        background: #333333;
        overflow: visible;
    }

    .top-bar:before,
    .top-bar:after {
        content: " ";
        display: table;
    }

    .top-bar:after {
        clear: both;
    }

    .top-bar .toggle-topbar {
        display: none;
    }

    .top-bar .title-area {
        float: left;
    }

    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
        width: auto;
    }

    .top-bar input,
    .top-bar select,
    .top-bar .button,
    .top-bar button {
        font-size: 0.875rem;
        height: 1.75rem;
        position: relative;
        top: 0.53125rem;
    }

    .top-bar .has-form>.button,
    .top-bar .has-form>button {
        font-size: 0.875rem;
        height: 1.75rem;
        position: relative;
        top: 0.53125rem;
    }

    .top-bar.expanded {
        background: #333333;
    }

    .contain-to-grid .top-bar {
        margin: 0 auto;
        margin-bottom: 0;
        max-width: 62.5rem;
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important;
    }

    .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto;
    }

    .top-bar-section ul li {
        float: left;
    }

    .top-bar-section ul li .js-generated {
        display: none;
    }

    .top-bar-section li.hover>a:not(.button) {
        background-color: #2d263b;
        background: #222222;
        color: white;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        background: #333333;
        line-height: 2.8125rem;
        padding: 0 0.9375rem;
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #2d263b;
        background: #222222;
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        background: #06b3ba;
        color: white;
        line-height: 2.8125rem;
        padding: 0 0.9375rem;
    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #059aa0;
        color: white;
    }

    .top-bar-section .has-dropdown>a {
        padding-right: 2.1875rem !important;
    }

    .top-bar-section .has-dropdown>a:after {
        border: inset 5px;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem;
    }

    .top-bar-section .has-dropdown.moved {
        position: relative;
    }

    .top-bar-section .has-dropdown.moved>.dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block;
    }

    .top-bar-section .has-dropdown.hover>.dropdown,
    .top-bar-section .has-dropdown.not-click:hover>.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important;
    }

    .top-bar-section .has-dropdown>a:focus+.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important;
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
        border: none;
        content: "\00bb";
        top: 0.1875rem;
        right: 5px;
    }

    .top-bar-section .dropdown {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto;
    }

    .top-bar-section .dropdown li a {
        background: #333333;
        color: white;
        line-height: 2.8125rem;
        padding: 12px 0.9375rem;
        white-space: nowrap;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        background: #333333;
        color: white;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        background-color: #2d263b;
        color: white;
        background: #222222;
    }

    .top-bar-section .dropdown li label {
        background: #333333;
        white-space: nowrap;
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0;
    }

    .top-bar-section>ul>.divider,
    .top-bar-section>ul>[role="separator"] {
        border-right: solid 1px #4e4e4e;
        border-bottom: none;
        border-top: none;
        clear: none;
        height: 2.8125rem;
        width: 0;
    }

    .top-bar-section .has-form {
        background: #333333;
        height: 2.8125rem;
        padding: 0 0.9375rem;
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0;
    }

    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%;
    }

    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0;
    }

    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%;
    }

    .no-js .top-bar-section ul li:hover>a {
        background-color: #2d263b;
        background: #222222;
        color: white;
    }

    .no-js .top-bar-section ul li:active>a {
        background: #06b3ba;
        color: white;
    }

    .no-js .top-bar-section .has-dropdown:hover>.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important;
    }

    .no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important;
    }
}

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important;
    }

    .small-only-text-right {
        text-align: right !important;
    }

    .small-only-text-center {
        text-align: center !important;
    }

    .small-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important;
    }

    .small-text-right {
        text-align: right !important;
    }

    .small-text-center {
        text-align: center !important;
    }

    .small-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    .medium-only-text-left {
        text-align: left !important;
    }

    .medium-only-text-right {
        text-align: right !important;
    }

    .medium-only-text-center {
        text-align: center !important;
    }

    .medium-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-text-left {
        text-align: left !important;
    }

    .medium-text-right {
        text-align: right !important;
    }

    .medium-text-center {
        text-align: center !important;
    }

    .medium-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left !important;
    }

    .large-only-text-right {
        text-align: right !important;
    }

    .large-only-text-center {
        text-align: center !important;
    }

    .large-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 64.0625em) {
    .large-text-left {
        text-align: left !important;
    }

    .large-text-right {
        text-align: right !important;
    }

    .large-text-center {
        text-align: center !important;
    }

    .large-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
    .xlarge-only-text-left {
        text-align: left !important;
    }

    .xlarge-only-text-right {
        text-align: right !important;
    }

    .xlarge-only-text-center {
        text-align: center !important;
    }

    .xlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 90.0625em) {
    .xlarge-text-left {
        text-align: left !important;
    }

    .xlarge-text-right {
        text-align: right !important;
    }

    .xlarge-text-center {
        text-align: center !important;
    }

    .xlarge-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
    .xxlarge-only-text-left {
        text-align: left !important;
    }

    .xxlarge-only-text-right {
        text-align: right !important;
    }

    .xxlarge-only-text-center {
        text-align: center !important;
    }

    .xxlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 120.0625em) {
    .xxlarge-text-left {
        text-align: left !important;
    }

    .xxlarge-text-right {
        text-align: right !important;
    }

    .xxlarge-text-center {
        text-align: center !important;
    }

    .xxlarge-text-justify {
        text-align: justify !important;
    }
}


/* Typography resets */

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}


/* Default Link Styles */

a {
    color: #06b3ba;
    line-height: inherit;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #059aa0;
}

a img {
    border: none;
}


/* Default paragraph styles */

p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

p.lead {
    font-size: 1.21875rem;
    line-height: 1.6;
}

p aside {
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.35;
}


/* Default header styles */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    text-rendering: optimizeLegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0;
}

h1 {
    font-size: 2.125rem;
}

h2 {
    font-size: 1.6875rem;
}

h3 {
    font-size: 1.375rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1.125rem;
}

h6 {
    font-size: 1rem;
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

hr {
    border: solid #DDDDDD;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem;
}


/* Helpful Typography Defaults */

em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 60%;
    line-height: inherit;
}

code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    padding: 0.125rem 0.3125rem 0.0625rem;
}


/* Lists */

ul,
ol,
dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem;
}

ul {
    margin-left: 1.1rem;
}


/* Unordered Lists */

ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit;
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem;
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem;
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem;
}


/* Ordered Lists */

ol {
    margin-left: 1.4rem;
}

ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
}

.no-bullet {
    list-style-type: none;
    margin-left: 0;
}

.no-bullet li ul,
.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none;
}


/* Definition Lists */

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}

dl dd {
    margin-bottom: 0.75rem;
}


/* Abbreviations */

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help;
}

abbr {
    text-transform: none;
}

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


/* Blockquotes */

blockquote {
    margin: 0 0 1.25rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #DDDDDD;
}

blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
    color: #555555;
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f;
}


/* Microformats */

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #DDDDDD;
    padding: 0.625rem 0.75rem;
}

.vcard li {
    margin: 0;
    display: block;
}

.vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem;
}

.vevent .summary {
    font-weight: bold;
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625rem;
}

@media only screen and (min-width: 40.0625em) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4;
    }

    h1 {
        font-size: 2.75rem;
    }

    h2 {
        font-size: 2.3125rem;
    }

    h3 {
        font-size: 1.6875rem;
    }

    h4 {
        font-size: 1.4375rem;
    }

    h5 {
        font-size: 1.125rem;
    }

    h6 {
        font-size: 1rem;
    }
}


/*
       * Print styles.
       *
       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
      */

@media print {
    * {
        background: transparent !important;
        color: #000000 !important;
        /* Black prints faster: h5bp.com/s */
        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) ")";
    }

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

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

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

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

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.34in;
    }

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

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

.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left,
.off-canvas-wrap.move-bottom,
.off-canvas-wrap.move-top {
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
}

.inner-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.inner-wrap:before,
.inner-wrap:after {
    content: " ";
    display: table;
}

.inner-wrap:after {
    clear: both;
}

.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333333;
    color: white;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative;
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0;
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
    font-size: 1.125rem;
}

.left-small {
    height: 2.8125rem;
    position: absolute;
    top: 0;
    width: 2.8125rem;
    border-right: solid 1px #1a1a1a;
    left: 0;
}

.right-small {
    height: 2.8125rem;
    position: absolute;
    top: 0;
    width: 2.8125rem;
    border-left: solid 1px #1a1a1a;
    right: 0;
}

.tab-bar-section {
    height: 2.8125rem;
    padding: 0 0.625rem;
    position: absolute;
    text-align: center;
    top: 0;
}

.tab-bar-section.left {
    text-align: left;
}

.tab-bar-section.right {
    text-align: right;
}

.tab-bar-section.left {
    left: 0;
    right: 2.8125rem;
}

.tab-bar-section.right {
    left: 2.8125rem;
    right: 0;
}

.tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem;
}

.tab-bar .menu-icon {
    color: white;
    display: block;
    height: 2.8125rem;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 2.8125rem;
}

.tab-bar .menu-icon span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    -webkit-box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    width: 1rem;
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
    -webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}

.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: -webkit-transform 500ms ease 0s;
    transition: transform 500ms ease 0s;
    transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    top: 0;
}

.left-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

.right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: -webkit-transform 500ms ease 0s;
    transition: transform 500ms ease 0s;
    transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    top: 0;
}

.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

.top-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: -webkit-transform 500ms ease 0s;
    transition: transform 500ms ease 0s;
    transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate(0, -100%);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    height: 18.75rem;
}

.top-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

.bottom-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: -webkit-transform 500ms ease 0s;
    transition: transform 500ms ease 0s;
    transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate(0, 100%);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    height: 18.75rem;
}

.bottom-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

ul.off-canvas-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.off-canvas-list li label {
    background: #444444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
}

ul.off-canvas-list li a {
    border-bottom: 1px solid #262626;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 0.66667rem;
    transition: background 300ms ease;
}

ul.off-canvas-list li a:hover {
    background: #242424;
}

ul.off-canvas-list li a:active {
    background: #242424;
}

.move-right>.inner-wrap {
    -webkit-transform: translate3d(15.625rem, 0, 0);
    -moz-transform: translate3d(15.625rem, 0, 0);
    -ms-transform: translate(15.625rem, 0);
    -o-transform: translate3d(15.625rem, 0, 0);
    transform: translate3d(15.625rem, 0, 0);
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.move-left>.inner-wrap {
    -webkit-transform: translate3d(-15.625rem, 0, 0);
    -moz-transform: translate3d(-15.625rem, 0, 0);
    -ms-transform: translate(-15.625rem, 0);
    -o-transform: translate3d(-15.625rem, 0, 0);
    transform: translate3d(-15.625rem, 0, 0);
}

.move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.move-top>.inner-wrap {
    -webkit-transform: translate3d(0, -18.75rem, 0);
    -moz-transform: translate3d(0, -18.75rem, 0);
    -ms-transform: translate(0, -18.75rem);
    -o-transform: translate3d(0, -18.75rem, 0);
    transform: translate3d(0, -18.75rem, 0);
}

.move-top .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .move-top .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.move-bottom>.inner-wrap {
    -webkit-transform: translate3d(0, 18.75rem, 0);
    -moz-transform: translate3d(0, 18.75rem, 0);
    -ms-transform: translate(0, 18.75rem);
    -o-transform: translate3d(0, 18.75rem, 0);
    transform: translate3d(0, 18.75rem, 0);
}

.move-bottom .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .move-bottom .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu,
.offcanvas-overlap .bottom-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap-left .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap-right .left-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap-top .bottom-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-top .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-top .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap-bottom .top-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-bottom .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
    .offcanvas-overlap-bottom .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.no-csstransforms .left-off-canvas-menu {
    left: -15.625rem;
}

.no-csstransforms .right-off-canvas-menu {
    right: -15.625rem;
}

.no-csstransforms .top-off-canvas-menu {
    top: -18.75rem;
}

.no-csstransforms .bottom-off-canvas-menu {
    bottom: -18.75rem;
}

.no-csstransforms .move-left>.inner-wrap {
    right: 15.625rem;
}

.no-csstransforms .move-right>.inner-wrap {
    left: 15.625rem;
}

.no-csstransforms .move-top>.inner-wrap {
    right: 18.75rem;
}

.no-csstransforms .move-bottom>.inner-wrap {
    left: 18.75rem;
}

.left-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.left-submenu * {
    -webkit-backface-visibility: hidden;
}

.left-submenu .back>a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0;
}

.left-submenu .back>a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
}

.left-submenu .back>a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline;
}

.left-submenu.move-right,
.left-submenu.offcanvas-overlap-right,
.left-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.right-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.right-submenu * {
    -webkit-backface-visibility: hidden;
}

.right-submenu .back>a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0;
}

.right-submenu .back>a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
}

.right-submenu .back>a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline;
}

.right-submenu.move-left,
.right-submenu.offcanvas-overlap-left,
.right-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.top-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate(0, -100%);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.top-submenu * {
    -webkit-backface-visibility: hidden;
}

.top-submenu .back>a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0;
}

.top-submenu .back>a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
}

.top-submenu.move-bottom,
.top-submenu.offcanvas-overlap-bottom,
.top-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate(0, 0%);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.bottom-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate(0, 100%);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.bottom-submenu * {
    -webkit-backface-visibility: hidden;
}

.bottom-submenu .back>a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0;
}

.bottom-submenu .back>a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
}

.bottom-submenu.move-top,
.bottom-submenu.offcanvas-overlap-top,
.bottom-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate(0, 0%);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline;
}


/* small displays */

@media only screen {

    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }

    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* medium displays */

@media only screen and (min-width: 40.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* large displays */

@media only screen and (min-width: 64.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* xlarge displays */

@media only screen and (min-width: 90.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* xxlarge displays */

@media only screen and (min-width: 120.0625em) {

    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-xlarge-only,
    table.show-for-xlarge-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.hide-for-xlarge-down,
    td.hide-for-xlarge-down,
    th.show-for-xxlarge-only,
    td.show-for-xxlarge-only,
    th.show-for-xxlarge-up,
    td.show-for-xxlarge-up,
    th.show-for-xxlarge,
    td.show-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* Orientation targeting */

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}


/* Specific visibility for tables */

table.hide-for-landscape,
table.show-for-portrait {
    display: table !important;
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation: landscape) {

    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table !important;
    }

    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important;
    }

    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important;
    }

    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important;
    }

    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important;
    }
}

@media only screen and (orientation: portrait) {

    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table !important;
    }

    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important;
    }

    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important;
    }

    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important;
    }

    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important;
    }
}


/* Touch-enabled device targeting */

.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}


/* Specific visibility for tables */

table.hide-for-touch {
    display: table !important;
}

.touch table.show-for-touch {
    display: table !important;
}

thead.hide-for-touch {
    display: table-header-group !important;
}

.touch thead.show-for-touch {
    display: table-header-group !important;
}

tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tbody.show-for-touch {
    display: table-row-group !important;
}

tr.hide-for-touch {
    display: table-row !important;
}

.touch tr.show-for-touch {
    display: table-row !important;
}

td.hide-for-touch {
    display: table-cell !important;
}

.touch td.show-for-touch {
    display: table-cell !important;
}

th.hide-for-touch {
    display: table-cell !important;
}

.touch th.show-for-touch {
    display: table-cell !important;
}


/* Screen reader-specific classes */

.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.show-on-focus:focus,
.show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}


/* Print visibility */

.print-only,
.show-for-print {
    display: none !important;
}

@media print {

    .print-only,
    .show-for-print {
        display: block !important;
    }

    .hide-on-print,
    .hide-for-print {
        display: none !important;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }
}


/* Small only */


/* medium only */


/* Large and up */

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

@font-face {
    font-family: 'Eina01-Bold';
    src: url('../fonts/eina/Eina01-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/eina/Eina01-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/eina/Eina01-Bold.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/eina/Eina01-Bold.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/eina/Eina01-Bold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/eina/Eina01-Bold.svg#Eina01-Bold') format('svg');
    /* Legacy iOS */
}


@media screen and (min-width: 1024px) {
    .row-expand {
        max-width: none;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.button-primary,
.btn-poin,
.btn-send,
.btn-404 {
    padding: 13px 40px;
    color: #ffffff;
    background-color: #06b3ba;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
}

.button-secondary,
.button-on-menu {
    padding: 13px 40px;
    color: #06b3ba;
    background-color: #ffffff;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
}

.btn-poin:hover,
.ovo-button-wrapper a.btn-primary:hover,
.btn-send:hover,
.btn-404:hover,
.btn-404:focus,
.btn-404:active {
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    background-color: #07cbd3;
}

.button-on-menu:hover {
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);
    color: #06b3ba;
    background-color: white;
}

body {
    background: #fafafa;
}

header {
    z-index: 10000000;
}

@media screen and (max-width: 320px) {
    header {
        padding: 15px;
        background-color: #4c2a86;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    }

    header .menu-icon {
        margin-right: 15px;
    }

    header .logo g {
        fill: #ffffff;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    header {
        padding: 15px;
        background-color: #4c2a86;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    }

    header .menu-icon {
        margin-right: 15px;
    }

    header .logo g {
        fill: #ffffff;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    header {
        padding: 15px 24px;
    }

    header .menu-icon {
        margin-right: 24px;
    }
}

@media screen and (min-width: 1024px) {
    header {
        padding: 15px 64px 15px 24px;
    }

    header .menu-icon {
        margin-right: 24px;
    }
}

@media screen and (max-width: 320px) {
    .ovo-deals-content {
        margin-top: 80px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-deals-content {
        margin-top: 80px;
    }
}

@media screen and (max-width: 320px) {
    .ovo-deals-content--webview {
        margin-top: 32px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-deals-content--webview {
        margin-top: 32px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-deals-content {
        margin-top: 120px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-deals-content {
        margin-top: 120px;
    }
}

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

@media screen and (max-width: 320px) {
    .btn-poin {
        padding: 7px 12px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .btn-poin {
        padding: 7px 12px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
    }
}

@media screen and (min-width: 1024px) {
    .btn-poin {
        padding: 7px 24px !important;
        letter-spacing: 1.3pt;
        font-size: 10.5pt;
        font-weight: 400;
        margin-top: -4px;
    }
}

.ovo-merchant-image-wrapper {
    overflow: hidden;
    width: 100%;
    height: auto;
    max-height: 320px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

@media screen and (max-width: 320px) {
    .ovo-merchant-image-wrapper {
        position: relative;
        z-index: 1;
        width: calc(100% - 24px);
        margin: 0 12px -100px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-merchant-image-wrapper {
        position: relative;
        z-index: 1;
        width: calc(100% - 24px);
        margin: 0 12px -100px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-merchant-image-wrapper {
        position: absolute;
        z-index: 1;
        width: calc(332px + 20%);
        max-height: 320px;
        margin-top: 44px;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
    .ovo-merchant-image-wrapper {
        width: calc(400px + 20%);
        max-height: 320px;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
    .ovo-merchant-image-wrapper {
        width: calc(430px + 20%) !important;
        max-height: 320px;
        margin-top: 44px;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-merchant-image-wrapper {
        position: absolute;
        z-index: 1;
        width: calc(500px + 20%);
        max-height: 320px;
        margin-top: 44px;
    }
}

.ovo-merchant-image-wrapper img {
    width: 100%;
}

.ovo-merchant-image-wrapper-2 {
    overflow: hidden;
    width: 100%;
    height: auto;
    max-height: 320px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

@media screen and (max-width: 320px) {
    .ovo-merchant-image-wrapper-2 {
        position: relative;
        z-index: 1;
        width: 260px;
        max-height: 260px;
        margin: 0 auto;
        margin-bottom: -90px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-merchant-image-wrapper-2 {
        position: relative;
        z-index: 1;
        width: 280px;
        max-height: 280px;
        margin: 0 auto;
        margin-bottom: -90px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-merchant-image-wrapper-2 {
        position: absolute;
        z-index: 1;
        width: 280px;
        max-height: 280px;
        margin-top: 44px;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
    .ovo-merchant-image-wrapper-2 {
        width: 280px;
        max-height: 280px;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
    .ovo-merchant-image-wrapper-2 {
        width: 280px;
        max-height: 280px;
        margin-top: 44px;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-merchant-image-wrapper-2 {
        position: absolute;
        z-index: 1;
        width: 280px;
        max-height: 280px;
        margin-top: 44px;
    }
}

.ovo-merchant-image-wrapper-2 img {
    width: 100%;
}

@media screen and (max-width: 320px) {
    .ovo-merchant-content-wrapper {
        width: 100%;
        padding: 112px 16px 12px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 21px;
        line-height: 1.2;
    }

    .ovo-merchant-content-wrapper h4 {
        margin-top: 22px;
        margin-bottom: 22px;
        font-size: 16px;
        font-weight: 600;
    }

    .ovo-merchant-content-wrapper h6 {
        color: #6b767e;
        font-size: 12px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-merchant-content-wrapper {
        width: 100%;
        padding: 112px 16px 12px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        line-height: 1.2;
    }

    .ovo-merchant-content-wrapper h4 {
        margin-top: 22px;
        margin-bottom: 22px;
        font-size: 18px;
        font-weight: 600;
    }

    .ovo-merchant-content-wrapper h6 {
        color: #6b767e;
        font-size: 14px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-merchant-content-wrapper {
        width: 100%;
        padding: 16px 12px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        line-height: 1.2;
    }

    .ovo-merchant-content-wrapper h4 {
        margin-top: 22px;
        margin-bottom: 22px;
        font-size: 18px;
        font-weight: 600;
    }

    .ovo-merchant-content-wrapper h6 {
        color: #6b767e;
        font-size: 14px;
    }

    .ovo-merchant-content-wrapper .detail-push {
        padding-left: 125px;
    }

    .ovo-merchant-content-wrapper .ovo-deals-merchant-details {
        margin-top: 50px;
    }
}

@media screen and (min-width: 850px) and (max-width: 1023px) {
    .ovo-merchant-content-wrapper .ovo-deals-merchant-details {
        margin-top: 120px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
    .ovo-merchant-content-wrapper .ovo-deals-merchant-details {
        margin-top: 120px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-merchant-content-wrapper {
        width: 100%;
        padding: 64px 12px 12px 248px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        line-height: 1.2;
    }

    .ovo-merchant-content-wrapper h4 {
        margin-top: 22px;
        margin-bottom: 22px;
        font-size: 18px;
        font-weight: 600;
    }

    .ovo-merchant-content-wrapper h6 {
        color: #6b767e;
        font-size: 14px;
    }

    .ovo-merchant-content-wrapper .ovo-deals-merchant-details {
        margin-top: 0px;
    }
}

.ovo-merchant-content-wrapper-2 {
    min-height: 364px;
    width: calc(100% - 60px);
    padding: 16px 12px;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    padding-left: 135px;
    padding-top: 44px;
    margin-left: 60px;
}

.ovo-merchant-content-wrapper-2 h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 26px;
    line-height: 1.2;
}

@media screen and (max-width: 320px) {
    .ovo-merchant-content-wrapper-2 {
        width: 100%;
        padding: 112px 16px 12px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        margin: 0 auto !important;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper-2 h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 21px;
        line-height: 1.2;
    }

    .ovo-merchant-content-wrapper-2 h4 {
        margin-top: 22px;
        margin-bottom: 22px;
        font-size: 16px;
        font-weight: 600;
    }

    .ovo-merchant-content-wrapper-2 h6 {
        color: #6b767e;
        font-size: 12px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-merchant-content-wrapper-2 {
        width: calc(100% - 0px);
        padding: 112px 16px 12px 16px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        margin: 0 auto !important;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper-2 h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        line-height: 1.2;
    }

    .ovo-merchant-content-wrapper-2 h4 {
        margin-top: 22px;
        margin-bottom: 22px;
        font-size: 18px;
        font-weight: 600;
    }

    .ovo-merchant-content-wrapper-2 h6 {
        color: #6b767e;
        font-size: 14px;
    }
}

@media screen and (width: 640px) {
    .ovo-merchant-content-wrapper-2 {
        width: calc(100% - 60px);
        padding: 16px 12px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        padding-left: 240px;
        padding-top: 44px;
        margin-left: 60px;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper-2 h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        line-height: 1.2;
    }

}




@media screen and (min-width: 850px) and (max-width: 1023px) {
    .ovo-merchant-content-wrapper-2 .ovo-deals-merchant-details {
        margin-top: 120px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
    .ovo-merchant-content-wrapper-2 .ovo-deals-merchant-details {
        margin-top: 120px;
    }
}



@media screen and (min-width: 850px) and (max-width: 1023px) {
    .ovo-merchant-content-wrapper-2 {
        width: calc(100% - 63px);
        padding: 44px 24px 44px 100px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper-2 h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        line-height: 1.2;
    }
}



@media screen and (min-width: 1024px) and (max-width: 1400px) {
    .ovo-merchant-content-wrapper-2 {
        width: calc(100% - 108px);
        padding: 44px 24px 44px 170px;
        border: 1px solid #d8d8d8;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
    }

    .ovo-merchant-content-wrapper-2 h3 {
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        line-height: 1.2;
    }
}



.ovo-deals-merchant-icon-wrapper {
    position: relative;
    width: 100%;
}

.ovo-deals-merchant-icon-wrapper .ovo-deals-merchant-icon {
    display: inline-block;
    max-width: 42px;
    height: 42px;
    margin-right: 15px;
    vertical-align: middle;
}

.ovo-deals-merchant-icon-wrapper .ovo-deals-merchant-icon img {
    width: 100%;
    border-radius: 21px;
}

.ovo-deals-merchant-icon-wrapper .ovo-deals-merchant-text {
    display: inline-block;
    color: #2d263b;
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
}

@media screen and (max-width: 320px) {
    .ovo-deals-merchant-details p {
        font-size: 0.9rem;
    }

    .ovo-deals-merchant-details h4 {
        margin-bottom: 0.5rem;
        color: #4c2a86;
    }

    .ovo-deals-merchant-details ul li {
        font-size: 0.9rem;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-deals-merchant-details p {
        font-size: 1rem;
    }

    .ovo-deals-merchant-details h4 {
        margin-bottom: 0.5rem;
        color: #4c2a86;
    }

    .ovo-deals-merchant-details ul li {
        font-size: 1rem;
    }
}

.footer-area {
    margin-top: 70px;
    padding: 15px;
    background-color: #ffffff;
    font-family: "Lato", sans-serif;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .footer-area {
        margin-top: 60px;
    }
}

@media screen and (min-width: 1024px) {
    .footer-area {
        margin-top: 60px;
    }
}

.fo__contact {
    width: 230px;
    margin: 0 auto;
    margin-top: -55px;
}

@media screen and (max-width: 320px) {
    .fo__contact {
        margin-top: -50px;
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .fo__contact {
        position: relative;
        margin-top: -15px;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .fo__contact {
        position: relative;
        margin-top: -50px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .fo__contact {
        position: relative;
        margin-top: -15px;
    }
}

@media screen and (min-width: 1024px) {
    .fo__contact {
        position: relative;
        margin-top: -15px;
    }
}

.button,
button {
    background-color: #06b3ba;
}

.ovo-footer-email h6 {
    font-family: "Lato", sans-serif;
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-footer-email h6 {
        max-width: 639px;
        margin-top: 18px;
        text-align: center;
        color: #2d263b;
        font-size: 14px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-footer-email h6 {
        max-width: 700px;
        margin-top: 18px;
        text-align: right;
        color: #2d263b;
        font-size: 14px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-footer-email {
        max-width: 400px;
        float: right;
        text-align: right;
    }

    .ovo-footer-email img {
        float: right;
    }
}

.ovo-footer-email h6.ovo-grey-text {
    color: #979797;
}

@media screen and (max-width: 320px) {
    .ovo-footer-email h6 {
        text-align: center !important;
    }
}

@media screen and (max-width: 320px) {
    .ovo-download-button {
        max-width: 152px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-download-button {
        max-width: 304px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 321px) and (max-width: 363px) {
    .ovo-download-button {
        max-width: 152px !important;
        margin: 0 auto;
    }
}

@media screen and (min-width: 641px) and (max-width: 690px) {
    .ovo-download-button img {
        max-width: 120px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-download-button img {
        float: right;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-download-button img {
        float: right;
    }
}

ul.vertical {
    margin-bottom: 0 !important;
    margin-left: 0;
    list-style: none !important;
}

ul.vertical li {
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.vertical li a {
    text-transform: uppercase;
    color: #2d263b;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

ul.vertical li a:hover {
    color: #06b3ba;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

@media screen and (max-width: 320px) {
    ul.vertical {
        margin-top: 30px;
        text-align: center;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    ul.vertical {
        margin-top: 30px;
        margin-bottom: 30px !important;
        text-align: center;
    }
}

.ovo-social {
    z-index: 1000000;
}

@media screen and (max-width: 320px) {
    .ovo-social {
        position: absolute;
        width: 150px;
        left: calc(50% - 71px);
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-social {
        position: absolute;
        width: 150px;
        left: calc(50% - 71px);
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-social {
        position: absolute;
        width: 150px;
        left: calc(50% - 71px);
    }
}

@media screen and (min-width: 1024px) {
    .ovo-social {
        position: absolute;
        width: 150px;
        left: calc(50% - 71px);
    }
}

.ovo-social a {
    margin-right: 15px;
    color: #979797;
    font-size: 22pt;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-social a:hover {
    color: #4c2a86;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-social a:active {
    color: #4c2a86;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-social a:focus {
    color: #4c2a86;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-social a.last {
    margin-right: 0;
}

.ovo-copy {
    margin-top: 24px;
    color: #979797;
    font-size: 12px;
}

@media screen and (max-width: 320px) {
    .ovo-copy {
        text-align: center;
        margin-top: 50px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-copy {
        text-align: center;
        margin-top: 50px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-copy {
        margin-top: 12px;
    }
}

.ovo-download {
    text-align: center;
}

.ovo-download h6 {
    color: #2d263b;
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
}

.input-group> :first-child {
    border-radius: 0 0 0 0;
}

.input-group> :last-child>* {
    border-radius: 0 0 0 0;
}

.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.input-group-label {
    width: 1%;
    height: 100%;
    padding: 0 1rem;
    text-align: center;
    white-space: nowrap;
    color: #0a0a0a;
    border: 1px solid #cacaca;
    background: #e6e6e6;
}

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

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

.input-group-field {
    height: 2.5rem;
    border-radius: 0;
}

.input-group-button {
    width: 1%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
}

.input-group .input-group-button {
    display: table-cell;
}

input.input-group-field {
    margin-top: 13px !important;
}

input.input-group-field {
    margin-top: 16px !important;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-group-button input {
    height: 2.3rem !important;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.input-group-button .button {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .input-group {
        max-width: 350px;
        margin: 0 auto;
    }
}

.input-group .input-group-field {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-color: #f8f8f8;
    color: #979797;
}

@media screen and (max-width: 320px) {
    .ovo-bottom-social .apple-store-badge {
        margin-left: calc(50% - 75px);
    }
}

@media screen and (max-width: 320px) {
    .ovo-bottom-social .google-play-store-badge {
        margin-left: calc(50% - 75px);
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-bottom-social .apple-store-badge {
        margin-left: calc(50% - 75px);
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-bottom-social .google-play-store-badge {
        margin-left: calc(50% - 75px);
    }
}

@media screen and (min-width: 1024px) {
    .ovo-bottom-social {
        max-width: 360px !important;
        float: right !important;
    }
}

input[type="email"]:focus {
    border-color: #06b3ba;
}

.ovo-menu-social {
    margin-top: 62px;
    padding-left: 10px;
}

.ovo-menu-social a {
    margin-right: 15px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-menu-social a i {
    font-size: 30px;
}

.unstyled {
    font-family: "Lato", sans-serif;
}

.unstyled li {
    padding: 5px 10px;
}

@media screen and (max-width: 320px) {
    .unstyled li {
        max-width: 210px;
    }
}

.unstyled li a {
    text-transform: uppercase;
}

.button-on-menu {
    text-transform: uppercase;
    margin-top: 10px !important;
}

@media screen and (max-width: 320px) {
    .button-on-menu {
        padding: 7px 12px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .button-on-menu {
        padding: 7px 12px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
    }
}

@media screen and (min-width: 1024px) {
    .button-on-menu {
        padding: 7px 24px !important;
        letter-spacing: 1.3pt;
        font-size: 10.5pt;
        font-weight: 400;
        margin-top: -4px;
    }
}

nav .menu {
    z-index: 10000000;
}

@media screen and (max-width: 320px) {
    nav .menu {
        padding-top: 46px !important;
        padding-left: 46px !important;
        padding-right: 0 !important;
        padding-bottom: 46px !important;
    }
}

nav .overlay {
    z-index: 10000000;
}

@media screen and (max-width: 320px) {
    .separator {
        width: 220px;
    }
}

#section1 {
    background-color: #ffffff;
}

@media screen and (max-width: 320px) {
    .fixed-spyscroll {
        display: none !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .fixed-spyscroll {
        display: none !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .fixed-spyscroll {
        left: 0px !important;
    }
}

@media screen and (max-width: 320px) {
    .ovo-hero-text {
        margin-top: 100px;
        padding: 15px;
    }

    .ovo-hero-text h1 {
        font-weight: 400;
        color: #4c2a86;
        font-size: 28px;
        line-height: 32px;
        font-family: "Roboto Slab", serif;
    }

    .ovo-hero-text h5 {
        font-weight: 400;
        color: #2d263b;
        font-size: 16px;
        line-height: 20px;
        font-family: "Lato", sans-serif;
        margin-top: 16px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-hero-text {
        margin-top: 100px;
        padding: 15px;
    }

    .ovo-hero-text h1 {
        font-weight: 400;
        color: #4c2a86;
        font-size: 28px;
        line-height: 32px;
        font-family: "Roboto Slab", serif;
    }

    .ovo-hero-text h5 {
        font-weight: 400;
        color: #2d263b;
        font-size: 16px;
        line-height: 20px;
        font-family: "Lato", sans-serif;
        margin-top: 16px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-hero-text {
        margin-top: calc(25% - 0px);
        padding-left: 62px;
    }

    .ovo-hero-text h1 {
        font-weight: 400;
        color: #4c2a86;
        font-size: 32px;
        line-height: 36px;
        font-family: "Roboto Slab", serif;
    }

    .ovo-hero-text h5 {
        font-weight: 400;
        color: #2d263b;
        font-size: 16px;
        line-height: 20px;
        font-family: "Lato", sans-serif;
        margin-top: 16px;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1024px) {
    .ovo-hero-text {
        max-width: 400px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-hero-text {
        margin-top: calc(25% - 0px);
        padding-left: 62px;
    }

    .ovo-hero-text h1 {
        font-weight: 400;
        color: #4c2a86;
        font-size: 32px;
        line-height: 36px;
        font-family: "Roboto Slab", serif;
    }

    .ovo-hero-text h5 {
        font-weight: 400;
        color: #2d263b;
        font-size: 16px;
        line-height: 20px;
        font-family: "Lato", sans-serif;
        margin-top: 16px;
    }
}

@media screen and (width: 640px) {
    .ovo-hero-text {
        margin-top: 80px;
    }
}

.ovo-hero-image-wrapper {
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

@media screen and (max-width: 320px) {
    .ovo-hero-image-wrapper {
        display: none;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-hero-image-wrapper {
        display: none;
    }
}

@media screen and (min-width: 639px) and (max-width: 1000px) {
    .ovo-hero-image-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 400px !important;
    }

    .ovo-hero-image-wrapper img {
        width: 100%;
        height: auto;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (width: 640px) {
    .ovo-hero-image-wrapper {
        display: none !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-hero-image-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 600px;
    }

    .ovo-hero-image-wrapper img {
        width: 100%;
        height: auto;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 1023px) and (max-width: 1200px) {
    .ovo-hero-image-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 650px !important;
    }

    .ovo-hero-image-wrapper img {
        width: 100%;
        height: auto;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-hero-image-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 800px;
    }

    .ovo-hero-image-wrapper img {
        width: 100%;
        height: auto;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
}

@media screen and (max-width: 320px) {
    .ovo-hero-download {
        padding-left: 10px;
    }

    .ovo-hero-download a img {
        max-width: 135px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-hero-download {
        padding-left: 10px;
    }
}

@media screen and (min-width: 640px) and (max-width: 740px) {
    .ovo-hero-download {
        padding-left: 10px;
    }

    .ovo-hero-download a img {
        max-width: 135px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-hero-download {
        padding-left: 50px;
        margin-top: 30px;
    }

    .ovo-hero-download a img {
        width: 170px !important;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-hero-download {
        padding-left: 50px;
        margin-top: 30px;
    }

    .ovo-hero-download a img {
        width: 170px !important;
    }
}

@media screen and (max-width: 320px) {
    .ovo-hero-social-media {
        padding: 15px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-hero-social-media {
        padding: 15px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-hero-social-media {
        padding-left: 62px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-hero-social-media {
        padding-left: 62px;
    }
}

.home.full-height {
    min-height: 320px;
}

@media screen and (max-width: 320px) {
    .ovo-hand {
        margin-top: 30px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-hand {
        margin-top: 30px;
    }
}

@media screen and (min-width: 490px) and (max-width: 639px) {
    .ovo-hand {
        margin-top: -80px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-hand {
        margin-top: -80px;
        padding-right: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-hand {
        width: 40%;
        float: left;
    }
}

@media screen and (max-width: 320px) {
    .ovo-tab-content {
        padding: 15px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-tab-content {
        padding: 30px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-tab-content {
        padding-left: 62px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-tab-content {
        padding-right: 50px;
        width: 60%;
        float: right;
        padding-top: 62px;
        padding-left: 62px;
    }
}

.tab-pane h1 {
    font-family: "Roboto Slab", serif;
    color: #ffffff;
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 16px;
}

.tab-pane h5 {
    font-size: 16px;
    line-height: 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 22px;
}

@media screen and (max-width: 320px) {
    .tab-wrapper {
        min-height: 160px;
        text-align: center;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .tab-wrapper {
        min-height: 160px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .tab-wrapper {
        min-height: 160px;
    }
}

@media screen and (min-width: 1024px) {
    .tab-wrapper {
        min-height: 100px;
    }
}

@media screen and (max-width: 320px) {
    .ovo-pointer {
        width: 94px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-pointer {
        width: 94px;
    }
}

@media screen and (min-width: 321px) and (max-width: 341px) {
    .ovo-pointer {
        width: 125px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-pointer {
        width: 100px;
    }
}

@media screen and (min-width: 640px) and (max-width: 653px) {
    .ovo-pointer {
        width: 100px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-pointer {
        width: 100px;
        margin-right: 5px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1061px) {
    .ovo-pointer {
        width: 100px;
        margin-right: 0px;
    }
}

@media screen and (min-width: 1200px) {
    .ovo-pointer {
        width: 110px;
        margin-right: 15px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1228px) {
    .ovo-pointer {
        width: 100px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 320px) {
    .bg1 img {
        height: 200vh;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .bg1 img {
        height: 300vh;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .bg1 img {
        height: 300vh;
    }
}

@media screen and (max-width: 320px) {
    .button-index-more {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media screen and (max-width: 320px) {
    .ovo-deals-section {
        width: 100%;
        padding: 15px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-deals-section {
        width: 100%;
        padding: 15px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-deals-section {
        width: 100%;
        padding: 15px 62px 0px 62px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-deals-section {
        width: 70%;
        float: left;
        padding-top: 32px;
        padding-left: 62px;
        padding-right: 62px;
        position: relative;
    }
}

.ovo-deals-section h1 {
    font-family: "Roboto Slab", serif;
    color: #ffffff;
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 16px;
}

.ovo-deals-section h5 {
    font-size: 16px;
    line-height: 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 22px;
}

@media screen and (max-width: 320px) {
    .home .s3__left {
        height: auto !important;
        padding-bottom: 0px;
    }

    .home .s3__left .arrow__parent {
        position: relative !important;
        float: right;
        top: -20px;
        left: 0px;
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .home .s3__left {
        height: auto !important;
        padding-bottom: 0px;
    }

    .home .s3__left .arrow__parent {
        position: relative !important;
        float: right;
        top: -48px;
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .home .s3__left {
        height: auto !important;
        padding-bottom: 0px;
    }

    .home .s3__left .arrow__parent {
        position: relative !important;
        float: right;
        top: 70px;
        left: 30px;
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }

    .home .s3__left .clearfix {
        margin-bottom: -50px;
    }
}

@media screen and (max-width: 320px) {
    .ic_page_deals {
        display: none;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ic_page_deals {
        display: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ic_page_deals {
        padding-bottom: 0px;
        max-width: 273px;
    }
}

@media screen and (min-width: 640px) and (max-width: 770px) {
    .ic_page_deals {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .ic_page_deals {
        padding-bottom: 0px;
        max-width: 273px;
    }
}

@media screen and (max-width: 320px) {
    .list-deals {
        margin-bottom: -50px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .list-deals {
        margin-bottom: -50px !important;
    }
}

@media screen and (max-width: 320px) {
    .ovo-slide {
        width: 100%;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-slide {
        width: 100%;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-slide {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-slide {
        width: 30%;
        float: right;
    }
}

.ovo-swiper-deals h2,
h6 {
    font-family: "Lato", sans-serif;
}

.ovo-index-merchant-wrapper h1 {
    padding-top: 30px;
    font-family: "Roboto Slab", serif;
    color: #4c2a86;
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 36px;
}

@media screen and (max-width: 320px) {
    .ovo-index-merchant-wrapper {
        padding-bottom: 15px;
        margin-bottom: -260px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-index-merchant-wrapper {
        padding-bottom: 15px;
        margin-bottom: -260px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-index-merchant-wrapper {
        padding-bottom: 15px;
        margin-bottom: -260px;
    }
}

.swiper-slide-bottom {
    overflow: hidden;
    max-height: 200px;
}

@media screen and (max-width: 320px) {
    .swiper-slide-bottom {
        min-width: 30% !important;
        margin: 0 auto;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .swiper-slide-bottom {
        min-width: 30% !important;
        margin: 0 auto;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .swiper-slide-bottom {
        min-width: 30% !important;
        margin: 0 auto;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 320px) {
    .button-index-merchant {
        margin-top: 30px;
        margin-bottom: 180px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .button-index-merchant {
        margin-top: 30px;
        margin-bottom: 180px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .button-index-merchant {
        margin-top: 30px;
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 1024px) {
    .button-index-merchant {
        margin-bottom: 20px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 320px) {
    .home #section4 {
        margin-bottom: -200px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .home #section4 {
        margin-bottom: -200px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .home #section4 {
        margin-bottom: -60px;
    }
}

.home #section4 {
    background-color: #ffffff;
    background-image: none !important;
}

@media screen and (max-width: 320px) {
    .home .full-height {
        height: auto !important;
        min-height: 720px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 354px) {
    .home .full-height {
        height: auto !important;
        min-height: 680px !important;
    }
}

@media screen and (min-width: 355px) and (max-width: 639px) {
    .home .full-height {
        height: auto !important;
        min-height: 600px !important;
    }
}

@media screen and (width: 640px) {
    .home .full-height {
        height: auto !important;
        max-height: 600px !important;
    }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
    .home .full-height {
        min-height: 600px !important;
        height: auto !important;
    }
}

@media screen and (min-width: 1024px) {
    .home .full-height {
        min-height: 720px !important;
        height: auto !important;
    }
}

@media screen and (max-width: 320px) {
    .swiper-wrapper a img {
        width: 120px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .swiper-wrapper a img {
        width: 200px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .swiper-wrapper a img {
        width: 200px !important;
    }
}

@media screen and (min-width: 1024px) {
    .swiper-wrapper a img {
        width: 200px !important;
    }
}

.swiper-wrapper a.ovo-deals-link img {
    width: 100% !important;
}

@media screen and (max-width: 320px) {
    .ovo-features-section {
        margin-top: 60px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-features-section {
        margin-top: 60px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-features-section {
        margin-top: 60px !important;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-features-section {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 320px) {
    .ovo-features-section .fe__infot {
        font-size: 24px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-features-section .fe__infot {
        font-size: 28px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-features-section .fe__infot {
        font-size: 32px;
    }
}

.ovo-features-section .fe__info {
    font-family: "Lato", sans-serif;
}

.dcw {
    width: 55% !important;
    max-width: 55% !important;
}

@media screen and (max-width: 320px) {
    .dcw {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .dcw {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    .dcw {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .deals__up {
        padding-left: 24px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .deals__up {
        padding-left: 24px;
    }
}

@media screen and (max-width: 320px) {
    .deals__up .dcw__title {
        margin-top: 60px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .deals__up .dcw__title {
        margin-top: 60px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    .deals__up .dcw__title {
        margin-top: 60px !important;
    }
}

@media screen and (width: 768px) {
    .deals__up .dcw__title {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 320px) {
    .deals__up .dcw__sub {
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .deals__up .dcw__sub {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 320px) {
    .deals__up .ovo-about {
        margin-top: 30px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .deals__up .ovo-about {
        margin-top: 30px !important;
    }
}

.deals__up .bg02 {
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

@media screen and (max-width: 320px) {
    .deals__up .bg02 {
        display: none;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .deals__up .bg02 {
        display: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    .deals__up .bg02 {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .deals__up .bg02 {
        width: 35%;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .deals__up .dcw {
        padding-right: 24px;
    }
}

@media screen and (width: 768px) {
    .deals__up .dcw {
        padding-top: 62px;
        padding-left: 20px;
        padding-right: 24px;
        width: 100%;
    }
}

.fe__img {
    width: 100% !important;
}

@media screen and (max-width: 320px) {
    .ovo-feature-wrapper {
        text-align: center;
        margin-top: 30px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-feature-wrapper {
        text-align: center;
        margin-top: 30px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-feature-wrapper {
        vertical-align: middle;
        margin-top: 50px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-feature-wrapper {
        margin-top: 60px;
    }
}

.ovo-about-word {
    font-family: "Lato", sans-serif;
    text-align: left;
    margin-top: 62px;
    margin-bottom: 100px;
}

.ovo-about-word p {
    font-size: 16px;
    font-family: "Roboto Slab", sans-serif;
    color: #2d263b;
}

.ovo-about-word h1 {
    margin-top: 30px;
    font-family: "Roboto Slab", serif;
    color: #4c2a86;
    font-size: 32px;
}

@media screen and (max-width: 320px) {
    .ovo-about-word {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        margin: 0 auto;
        margin-top: 62px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-about-word {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        margin: 0 auto;
        margin-top: 62px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-about-word {
        width: 88%;
        padding-left: 40px;
        margin-top: 62px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .ovo-about-word {
        width: 88%;
        padding-left: 84px;
        margin-top: 62px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-about-word {
        max-width: 88%;
        margin-top: 62px;
        margin-left: 64px;
        margin-bottom: 100px;
    }
}

.dc__tabw {
    padding-top: 0px;
}

.dc__tab {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.3pt;
    padding: 15px 10px;
    text-transform: uppercase;
}

@media screen and (max-width: 320px) {
    .dc__tab {
        width: 100%;
        padding: 15px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .dc__tab {
        width: 100%;
        padding: 15px;
    }
}

@media screen and (max-width: 320px) {
    .dc__tab.is-active {
        background-color: #06bdc4;
        color: #ffffff;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .dc__tab.is-active {
        background-color: #06bdc4;
        color: #ffffff;
    }
}

.ovo-deals-list {
    width: 250px;
    height: 250px;
    margin-bottom: 30px;
    background: #06b4ba;
    background: -moz-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #06b4ba), color-stop(97%, #06b4ba), color-stop(100%, white));
    background: -webkit-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: -o-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: -ms-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: radial-gradient(ellipse at center, #06b4ba 0%, #06b4ba 97%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06b4ba', endColorstr='#ffffff', GradientType=1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 320px) {
    .ovo-deals-list {
        width: 100%;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-deals-list {
        width: 100%;
    }
}

.ovo-deal-image-wrapper {
    width: 100%;
    overflow: hidden;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background-clip: padding-box;
}

.ovo-deal-image-wrapper img {
    width: 100%;
}

@media screen and (max-width: 320px) {
    .ovo-deal-image-wrapper {
        max-height: 320px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-deal-image-wrapper {
        max-height: 320px;
    }
}

.dc__dealw {
    float: left !important;
}

@media screen and (max-width: 530px) {
    .dc__dealw {
        width: 100%;
    }
}

@media screen and (min-width: 530px) and (max-width: 842px) {
    .dc__dealw {
        width: 50%;
    }
}

@media screen and (min-width: 843px) and (max-width: 1200px) {
    .dc__dealw {
        width: 33.33333333333333%;
    }
}

.ovo-deals-list-link {
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-deals-list-link:hover {
    margin-top: -10px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-deal-image-text {
    padding: 10px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    min-height: 108px;
}

.ovo-deal-image-text h5 {
    color: #2d263b;
    font-family: "Roboto Slab", serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ovo-deal-image-text h6 {
    color: #979797;
    font-weight: 300;
    font-size: 14px;
    position: absolute;
    bottom: 5px;
}

.ovo-button-wrapper {
    margin-top: 62px;
    padding-bottom: 0px;
}

.ovo-button-wrapper a.btn-primary {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
}

.ovo-button-wrapper a.btn-primary:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button {
    letter-spacing: 0.5pt !important;
}

.btn {
    letter-spacing: 0.5pt !important;
}

img .ic_page_deals {
    width: 500px;
}

.ovo-bag-image {
    right: 100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 320px) {
    .ovo-bag-image {
        display: none;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-bag-image {
        display: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    .ovo-bag-image {
        display: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-bag-image {
        right: 0px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

.merchant a {
    cursor: default;
}

.merchant a:hover {
    cursor: pointer;
}


.ovo-form-wrapper {
    padding-top: 24px;
    padding-left: 20px;
}

@media screen and (max-width: 320px) {
    .ovo-form-wrapper {
        padding-left: 0px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-form-wrapper {
        padding-left: 0px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 320px) {
    .cw__t {
        font-size: 28px;
        text-align: center;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .cw__t {
        font-size: 28px;
        text-align: center;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .cw__t {
        font-size: 28px;
        text-align: center;
    }
}

.form__input {
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background-color: #eef0f3 !important;
    border-color: #979797 !important;
}

.form__input:focus {
    border-color: #06b3ba !important;
    background-color: #ffffff !important;
}

.form__input--label {
    font-family: "Lato", sans-serif !important;
}

.btn-send {
    font-family: "Lato", sans-serif !important;
    text-transform: uppercase;
    margin-top: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-send:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 320px) {
    .btn-send {
        padding: 12px 28px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .btn-send {
        padding: 12px 28px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@media screen and (min-width: 1024px) {
    .btn-send {
        padding: 12px 28px !important;
        letter-spacing: 1.3pt;
        font-size: 10.5pt;
        font-weight: 400;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@media screen and (max-width: 320px) {
    .map-wrapper {
        margin-top: -100px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .map-wrapper {
        margin-top: -80px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .map-wrapper {
        height: 152px;
    }
}

@media screen and (min-width: 1024px) {
    .map-wrapper {
        height: 152px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-map-area {
        width: 530px;
        margin: 0 auto;
        padding-top: 90px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .cw__form {
        max-width: none;
        width: 100%;
    }
}

.ovo-mail-info a {
    font-family: "Lato", sans-serif !important;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-mail-info a:hover {
    color: #4c2a86;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-mail-info i {
    margin-right: 5px;
}

@media screen and (max-width: 320px) {
    .ovo-mail-info {
        text-align: center;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-mail-info {
        text-align: center;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-mail-info {
        text-align: center;
    }
}

.faq__content {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1pt;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .faq {
        max-width: 640px;
        margin-left: 60px;
    }
}

@media screen and (width: 768px) {
    .faq {
        max-width: 640px;
        margin-left: 24px;
    }
}

.ovo-content-testimony {
    margin-bottom: -60px;
}

@media screen and (max-width: 320px) {
    .ovo-content-testimony {
        margin-bottom: -70px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-content-testimony {
        margin-bottom: -70px;
    }
}

.bg-testi {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 320px) {
    .bg-testi {
        display: none;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .bg-testi {
        display: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 799px) {
    .bg-testi {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .ovo-swiper-wrapper {
        width: 125px;
        position: relative;
        margin: 0 auto;
        bottom: 65px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-swiper-wrapper {
        width: 265px;
        position: relative;
        margin: 0 auto;
        bottom: 20px;
    }
}

@media screen and (min-width: 321px) and (max-width: 449px) {
    .ovo-swiper-wrapper {
        width: 125px !important;
        position: relative;
        margin: 0 auto;
        bottom: 65px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-swiper-wrapper .swiper-button-prev {
        left: 10px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-swiper-wrapper .swiper-button-next {
        right: 10px !important;
    }
}

@media screen and (max-width: 320px) {
    #tm .swiper-testimony {
        margin-bottom: 80px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    #tm .swiper-testimony {
        margin-bottom: 80px;
    }
}

#tm .bg {
    bottom: 0px !important;
}

.tm__testi {
    font-family: "Lato", sans-serif;
    bottom: 0px !important;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .tm__testi {
        padding-right: 100px;
        padding-left: 100px;
    }
}

.tm__sub {
    font-family: "Lato", sans-serif;
}

@media screen and (max-width: 320px) {
    .tm__sub {
        margin-top: 0px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 50px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .tm__sub {
        margin-top: 0px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 50px !important;
    }
}

@media screen and (min-width: 1024px) {
    .tm__sub {
        margin-top: 0px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 100px !important;
    }
}

.tm__testa {
    font-family: "Lato", sans-serif;
}

.fixed-spyscroll li.active a {
    background-color: transparent;
    border: 1px solid #06b3ba;
    -webkit-transform: translateX(0) scale(1.4);
    -ms-transform: translateX(0) scale(1.4);
    transform: translateX(0) scale(1.4);
}

.ovo-news-wrapper {
    background-color: #ffffff;
    background-image: url(../img/bottom-background.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 524px;
    margin-bottom: -60px;
    background-size: 100%;
}

.ovo-news-article-info {
    margin-top: 20px !important;
    color: black;
}

.ovo-news-article-header {
    font-size: 22px;
    line-height: 1.5rem;
}

.ovo-news-article-timestamp {
    font-size: 12px;
    color: lightgray;
}

.card {
    width: 100%;
    max-width: 288px;
    min-width: 288px;
    margin: 0 auto;
}

.ovo-news-error {
    font-family: "Roboto", sans-serif;
    padding: 12px 36px;
}

.ovo-news-card .ovo-news-card__image {
    text-align: center;
}

.ovo-news-card .ovo-news-card__image img {
    max-width: 100%;
}

.ovo-news-card .ovo-news-card__title {
    font-family: "Eina01-Bold", sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #231e2e;
    margin-top: 8px;
}

.ovo-news-card .ovo-news-card__description {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #666666;
    margin-top: 4px;
    line-height: 18px;
}

.ovo-news-card .ovo-news-card__action {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ovo-news-card .ovo-news-card__title,
.ovo-news-card .ovo-news-card__description,
.ovo-news-card .ovo-news-card__action {
    text-align: center;
}

.ovo-news-card .ovo-news-card__action a {
    margin-top: 8px;
    text-decoration: none;
}

.ovo-news-card .ovo-news-card__action a:first-child {
    margin-top: 0;
}

@media screen and (max-width: 320px) {
    .ovo-news-wrapper {
        height: 1045px;
        margin-bottom: -70px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-news-wrapper {
        height: 1045px;
        margin-bottom: -70px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-news-wrapper {
        height: 1045px;
        margin-bottom: -70px;
    }
}

.ovo-terms-desc {
    font-family: "Lato", sans-serif;
    text-align: left;
    margin-top: 62px;
    margin-bottom: 100px;
}

.ovo-terms-desc h2 {
    color: #4c2a86;
    font-family: "Roboto Slab", serif;
    text-align: initial;
}

@media screen and (max-width: 320px) {
    .ovo-terms-desc {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        margin: 0 auto;
        margin-top: 62px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-terms-desc {
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;
        margin: 0 auto;
        margin-top: 2em;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-terms-desc {
        width: 88%;
        padding-left: 40px;
        margin-top: 62px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .ovo-terms-desc {
        width: 88%;
        padding-left: 84px;
        margin-top: 62px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-terms-desc {
        max-width: 88%;
        margin-top: 62px;
        margin-left: 64px;
        margin-bottom: 100px;
    }
}

.ovo-news-inside-wrap {
    width: 100%;
    padding-left: 62px;
    padding-right: 62px;
    padding-top: 100px;
}

@media screen and (max-width: 320px) {
    .ovo-news-inside-wrap {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-news-inside-wrap {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-news-inside-wrap {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }
}

.ovo-article-wrapper {
    width: calc(33.33333% - 30px);
    margin: 0px 15px;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-article-wrapper:hover {
    margin-top: -10px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 320px) {
    .ovo-article-wrapper {
        width: calc(100% - 30px);
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-article-wrapper {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-article-wrapper {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 30px;
    }
}

.ovo-article-image-wrapper {
    max-height: 180px;
    overflow: hidden;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background-clip: padding-box;
}

.ovo-article-image-wrapper img {
    width: 100%;
}

.ovo-article-text-wrapper {
    padding: 10px;
    height: 112px;
}

.ovo-article-text-wrapper h5 {
    color: #2d263b;
    font-family: "Roboto Slab", serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ovo-article-text-wrapper h6 {
    color: #979797;
    font-weight: 300;
    font-size: 14px;
}

.ovo-article {
    font-family: "Lato", sans-serif;
    margin-top: 40px;
}

.ovo-article p {
    margin-top: 40px;
}

.ovo-article h3 {
    margin-top: 40px;
    font-family: "Roboto Slab", serif;
    color: #4c2a86;
}

@media screen and (max-width: 320px) {
    .ovo-article p {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .ovo-article h3 {
        margin-top: 10px;
        font-family: "Roboto Slab", serif;
        color: #4c2a86;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-article p {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .ovo-article h3 {
        margin-top: 10px;
        font-family: "Roboto Slab", serif;
        color: #4c2a86;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-article p {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .ovo-article h3 {
        margin-top: 0px;
        font-family: "Roboto Slab", serif;
        color: #4c2a86;
    }
}

.ovo-article-wrap {
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.ovo-article-wrap img {
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
}

.wrap-around-left {
    float: left;
    padding: 0 10px 0 0;
    max-width: 50%
}

.wrap-around-right {
    float: right;
    padding: 0 10px 0 0;
    max-width: 50%
}

.center-article-img {
    padding-left: 25%;
    padding-right: 25%;
}

@media screen and (max-width: 720px) {

    .wrap-around-left,
    .wrap-around-right {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .center-article-img {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-article-wrap {
        margin-bottom: 40px;
    }
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #4e2b88;
}

@media screen and (max-width: 320px) {
    .outer {
        padding: 15px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .outer {
        padding: 15px;
    }
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    background-color: #ffffff;
    text-align: center;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 54px;
    background-image: url(../img/bg-cek-poin.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
}

.inner h2 {
    font-family: "Roboto Slab", serif;
    color: #2d263b;
}

.inner h5 {
    font-family: "Lato", sans-serif;
    color: #4c2a86;
    margin-top: 20px;
}

@media screen and (max-width: 320px) {
    .inner {
        padding: 54px 24px;
        margin-top: 75px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .inner {
        padding: 54px 24px;
        margin-top: 75px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .inner {
        padding: 54px 24px;
        margin-top: 75px;
    }
}

.form-check-points {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}

.form-wrap {
    margin-top: 60px;
}

.has-warning input[type="text"],
.has-warning .form__input--textarea,
.has-warning .form__input {
    border-color: #ff5900 !important;
    color: #ff5900 !important;
}

.btn-disabled {
    opacity: 0.5;
}

.text-warning {
    color: #ff5900;
}

.text-warning-point {
    color: #ff5900;
    margin-bottom: 10px;
}

.text-info {
    color: #06b3ba;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.text-info:hover {
    color: #4c2a86;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.has-success input[type="text"],
.has-success .form__input--textarea,
.has-success .form__input {
    border-color: #06b3ba !important;
    color: #06b3ba !important;
}

.has-danger input[type="text"],
.has-danger .form__input--textarea,
.has-danger .form__input {
    border-color: #cc003d !important;
    color: #cc003d !important;
}

.text-danger {
    color: #cc003d;
}

.text-danger-point {
    color: #cc003d;
    margin-bottom: 10px;
}

.text-success {
    color: #06b3ba;
}

.text-success-point {
    color: #06b3ba;
    margin-bottom: 10px;
}

.ovo-footer-poin {
    color: #ffffff;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.point-box {
    background-color: #4c2a86;
    padding: 25px 12px 5px 12px;
    width: 100%;
    max-width: 290px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.point-box h1 {
    color: #ffb819;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    line-height: 24px;
}

.point-box h5 {
    color: #ffb819;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.star2 {
    padding-left: 380px;
    padding-top: 40px;
}

@media screen and (max-width: 320px) {
    .star2 {
        display: none;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .star2 {
        display: none;
    }
}

.inner-result {
    background-image: none !important;
    overflow: hidden;
}

.tooltip-checkpoint .text {
    pointer-events: none;
    position: absolute;
    font-size: 12px;
    width: 200px;
    padding: 16px 8px;
    background-color: #9b9b9b;
    color: white;
    line-height: 1.4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    bottom: 140%;
    left: -20px;
    opacity: 0;
    transition: all .2s ease-out;
}

#middleGear {
    -webkit-animation-name: ckw;
    animation-name: ckw;
    -webkit-animation-duration: 15.5s;
    animation-duration: 15.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: inline-block;
}

.tooltip {
    position: relative;
    display: inline-block;
    left: 0 !important;
    max-width: 350px;
    margin-top: -32px;
    margin-bottom: 0px;
    background-color: transparent;
    padding-right: 0px;
}

.tooltip img {
    float: right;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 207px;
    background-color: rgba(51, 51, 51, 0.9);
    color: #fff;
    text-align: left;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 15px;
    color: #ffffff;
    float: right;
    margin-right: -32px;
    margin-top: -115px;
    font-weight: 300;
    font-size: 14px;
    font-family: "Lato", sans-serif;
}

.tooltip .tooltiptext {
    position: relative;
    background-color: rgba(51, 51, 51, 0.9);
}

.tooltip .tooltiptext:after,
.tooltip .tooltiptext:before {
    top: 100%;
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tooltip .tooltiptext:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: rgba(51, 51, 51, 0.9);
    border-width: 10px;
    margin-left: -30px;
}

.ovo-code {
    margin-bottom: -7px;
    padding: 0px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.inner-404 {
    background-color: transparent;
    background-image: none;
    padding: 0px;
    max-width: 650px !important;
    box-shadow: none;
}

.inner-404 h3 {
    font-family: "Roboto Slab", serif;
    color: #ffb819;
}

.inner-404 h4 {
    color: #ffffff;
    font-family: "Lato", sans-serif;
    margin-bottom: -50px;
}

.inner-404 h4 a {
    color: #ffffff;
}

@media screen and (max-width: 320px) {
    .inner-404 h4 {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .inner-404 h4 {
        margin-bottom: 20px;
    }
}

.inner-404-image-wrapper img {
    position: relative;
    width: 100%;
}

.btn-404 {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    box-shadow: 0 10px 40px -10px rgba(6, 179, 186, 0.7);
}

.btn-404:hover {
    box-shadow: 0 16px 20px 0 rgba(20, 90, 93, 0.3);
}

.btn-404:focus {
    box-shadow: 0 16px 20px 0 rgba(20, 90, 93, 0.3);
}

.btn-404:active {
    box-shadow: 0 16px 20px 0 rgba(20, 90, 93, 0.3);
}

@media screen and (max-width: 320px) {
    .btn-404 {
        padding: 7px 12px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .btn-404 {
        padding: 7px 12px !important;
        letter-spacing: 0.6pt;
        font-size: 8pt;
        font-weight: 700;
    }
}

@media screen and (min-width: 1024px) {
    .btn-404 {
        padding: 7px 24px !important;
        letter-spacing: 1.3pt;
        font-size: 10.5pt;
        font-weight: 400;
        margin-top: -4px;
    }
}

@media screen and (max-width: 320px) {
    .ovo-merchant-details {
        margin-top: 80px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .ovo-merchant-details {
        margin-top: 80px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ovo-merchant-details {
        margin-top: 120px;
    }
}

@media screen and (min-width: 1024px) {
    .ovo-merchant-details {
        margin-top: 120px;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .merchantw {
        width: 50% !important;
    }
}

.merchant {
    padding-top: 100% !important;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}


.ovo-about-word-faq {
    margin-bottom: 50px;
}

.ovo-about-word-info {
    margin-bottom: 15px;
}

.fontBold {
    font-weight: bold
}

.info {
    border-top: 1px solid #DEE0E2;
}

.info:last-child {
    border-bottom: 1px solid #DEE0E2;
}

div.info+h2 {
    padding-top: 32px;
}

.info__title {
    background-color: #f8f8f8;
    font-size: 16px;
    padding: 18px 16px;
    font-weight: bold;
}

.info__title:before {
    content: "";
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: transparent url(../img/ic_show.svg) top left no-repeat;
}

.info__title h3 {
    margin-left: 38px;
    font-size: 16px;
}

.info__title.is-active:before {
    background-image: url(../img/ic_hide.svg);
}

.info__content {
    padding: 16px;
}

.infoTable-header {
    padding: 13px;
    border-bottom: 1px solid #6b767e;
    font-weight: bold;
}

.infoTable-cotent {
    padding: 13px;
    border-bottom: 1px solid #d8d8d8;
}

.infoTable-header div,
.infoTable-cotent div {
    width: 50%;
    float: left;
}

.infoTable-cotent div.content-subHeader {
    width: 100%;
    padding-bottom: 13px;
    font-weight: bold
}

/* OVO Booth section */

.ovo-booth-location {
    padding: 40px 0 0;
}

.icon-booth {
    margin-top: 20px;
    text-align: center;
}

i.fi-booth {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: transparent url(../img/ic_ovoBooth.png) top left no-repeat;
}

i.fi-mail-contact {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: transparent url(../img/ic_mail.png) top left no-repeat;
}

ul.ovo-booth-detail {
    list-style-type: none;

}

ul.ovo-booth-detail li {
    position: relative;
    width: 48%;
    margin: 0 0 32px;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    float: left;
    padding: 16px 32px;
}

ul.ovo-booth-detail li:nth-child(odd) {
    float: left;
}

ul.ovo-booth-detail li:nth-child(even) {
    float: right;
}

.booth-header {
    font-weight: bold;
    margin: 0 0 10px;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.booth-body p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.booth-position {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F8F8F8;
    padding: 5px 10px 5px 10px;
    border-radius: 0 0 0 6px;
    border-width: 0 0 1px 1px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #DEE0E2;
    border-left: 1px solid #DEE0E2;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
}

.booth-body p {
    margin: 0;
}

.booth-time {
    margin-top: 10px
}

@media screen and (max-width: 320px) {
    ul.ovo-booth-detail li {
        width: calc(100% - 20px);
        margin-bottom: 30px;
    }

    ul.ovo-booth-detail li:nth-child(even) {
        float: left;
    }

    .columns.booth-detail+.columns.booth-detail:last-child {
        float: left;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    ul.ovo-booth-detail li {
        width: 95%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px;
    }

    ul.ovo-booth-detail li:nth-child(even) {
        float: left;
    }

    .columns.booth-detail+.columns.booth-detail:last-child {
        float: left;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    ul.ovo-booth-detail li {
        width: calc(48% - 32px);
        margin-bottom: 30px;
    }

    ul.ovo-booth-detail li:nth-child(odd) {
        margin-left: 20px;
    }

    ul.ovo-booth-detail li:nth-child(even) {
        margin-right: 30px;
    }
}


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

/* Top Up section */
.anchor-cont {
    border-bottom: 1px solid #DEE0E2;
    padding-bottom: 32px;
    max-width: 1220px;
    margin: 0 auto;
}

.topup {
    position: relative;
    overflow: hidden;
    padding-top: 100% !important;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.topup:hover {
    margin-top: -10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.topupw {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
    width: 100%;
}

.ovo-topup-list-link {
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ovo-topup-list-link:hover {
    margin-top: -10px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.topup-list {
    padding: 0 62px;
}

.ovo-topup-list {
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #06b4ba), color-stop(97%, #06b4ba), color-stop(100%, white));
    background: -webkit-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: -o-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: -ms-radial-gradient(center, ellipse cover, #06b4ba 0%, #06b4ba 97%, white 100%);
    background: radial-gradient(ellipse at center, #06b4ba 0%, #06b4ba 97%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06b4ba', endColorstr='#ffffff', GradientType=1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.topup-list h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    line-height: 1.2;
    color: #4C2A86;
    margin-top: 24px;
}

.list-detail-cont {
    max-width: 1220px;
    margin: 32px auto 0;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    padding: 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.detail-logo img.merchantLogo {
    width: 100%;
}

.detail-topup-body {
    margin-top: 20px;
}

.detail-topup-body h4 {
    font-size: 14px;
    color: #4C2A86;
    font-weight: bold;
}

.detail-topup-body ul {
    margin-left: 20px;
    /*list-style-type: none*/
}

.topup_note_cont {
    padding: 3px 4px 3px;
    background-color: #fff;
}

.topup_note_cont h4 {
    font-size: 12px;
    color: #4C2A86;
    font-weight: normal;
    font-style: italic;
    margin: 0;
    padding: 0;
}

.topup_note_cont ul {
    margin-left: 15px;
}

.topup_note_cont ul li {
    font-size: 12px;
    color: #6b767e;
    font-style: italic;
}

.topup__img {
    width: 100%;
}

.merchantLogo {
    width: 200px;
    margin: 0 30px 30px 0;
}

.merchantLogo+.merchantLogo {
    margin: 0 30px 30px 0;
}

.paddingTop {
    padding-top: 80px;
}

.goToTop {
    position: fixed;
    bottom: 50px;
    right: 20px;
    padding: 15px 5px;
    color: #ffffff;
    background-color: #06b3ba;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 0;
    text-align: center;
}

.goToTop:hover {
    background-color: #07cbd3;
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.2);
}

.goToTop.show {
    display: block;
}

.goToTop img {
    width: 50%;
}

@media (min-width: 450px) {
    .topupw {
        padding-left: 12px;
        padding-right: 12px;
        width: 20%;
    }

    .anchor-cont {
        width: 90%;
    }

    .topup-list {
        padding: 0;
    }

    .list-detail-cont {
        width: 90%;
    }

    .merchantLogo {
        width: 150px;
    }
}

@media (max-width: 768px) {
    .hc-question-box {
        width: 100% !important;
        height: 40px !important;
        border-radius: 40px !important;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08) !important;
        background-color: #ffffff;
        font-size: 15px !important;
        padding: 0 0 0 40px !important;
    }

    .hc-icon-cari {
        position: relative;
        top: -40px;
        left: 15px;
        width: 24px;
    }

    .category-images {
        width: 150px;
        height: 200px;
        position: relative;
        float: left;
        cursor: pointer;
    }

    .btn-hubungi-kami {
        width: 100% !important;
        margin-top: 15px;
    }

    .image-help {
        float: unset;
    }

    .content-heading-span {
        margin: 50px 0 30px 0px !important;
    }

    .hc-send-report {
        width: 100% !important;
    }

    .Help-Center-Header {
        display: none;
    }

    .hc-question-box-small {
        width: 100% !important;
        height: 40px !important;
        border-radius: 25px !important;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08) !important;
        background-color: #ffffff;
        font-size: 14px !important;
        padding: 0 0 0 20% !important;
        float: right;
        position: relative;
        top: 16px;
    }

    .hc-icon-cari-small {
        position: relative;
        top: -25px;
        left: 12px;
        width: 20px;
    }

    .hc-breadlist {
        padding-left: 20px;
        left: unset !important;
        overflow: auto;
        white-space: nowrap;
    }

    .mobileHidden {
        display: none;
    }
}

@media (min-width: 768px) {

    .topupw {
        width: 10%;
        padding-left: 6px;
        padding-right: 6px;
    }

    .mobileHidden {
        display: block;
    }

    .anchor-cont {
        width: 90%;
    }

    .topup-list {
        padding: 0;
    }

    .list-detail-cont {
        width: 90%;
    }

    .merchantLogo {
        width: 180px;
    }

    .hc-question-box {
        width: 100% !important;
        height: 80px !important;
        border-radius: 40px !important;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08) !important;
        background-color: #ffffff;
        font-size: 14px !important;
        padding: 0 0 0 80px !important;
    }

    .hc-icon-cari {
        position: relative;
        top: -65px;
        left: 30px;
    }

    .category-images {
        width: 200px;
        height: 150px;
        position: relative;
        float: left;
        cursor: pointer;
    }

    .image-help {
        float: left;
    }

    .vote-question {
        text-align: center;
    }

    .Help-Center-Header {
        width: 139px;
        height: 24px;
        font-family: Roboto, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }

    .hc-question-box-small {
        width: 90% !important;
        height: 48px !important;
        border-radius: 25px !important;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08) !important;
        background-color: #ffffff;
        font-size: 15px !important;
        padding: 0 0 0 10% !important;
        float: right;
        position: relative;
        top: 16px;
    }

    .hc-icon-cari-small {
        position: relative;
        top: 28px;
        left: 12%;
    }

    .hc-form__input {
        border: unset !important;
        padding: 20px !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        background: #f4f4f4 !important;
        margin-top: 15px !important;
    }

    .hc-label-input {
        width: 127px;
        height: 14px;
        font-family: 'HelveticaNeue', sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #888888;
    }
}

@media screen and (min-width: 321px) and (max-width: 730px) {
    .hc-question-box {
        height: 35px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 639px) {
    .topupw {
        width: 25% !important;
    }

    .anchor-cont {
        width: 90%;
    }

    .topup-list {
        padding: 0;
    }

    .list-detail-cont {
        width: 90%;
    }

    .merchantLogo {
        width: 120px;
        margin-right: 20px;
    }

    .merchantLogo+.merchantLogo {
        margin-right: 20px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .topup-list {
        padding: 0 5%;
    }

    .anchor-cont {
        width: 90%;
    }

    .topupw {
        width: 30%;
    }

    .list-detail-cont {
        width: 90%;
    }

    .merchantLogo {
        width: 100px;
        margin: 0 20px 20px 0;
    }

    .merchantLogo+.merchantLogo {
        margin-right: 20px;
    }
}


/* JOIN OVO MERCHANT */

.join-ovo-merchant h3 {
    color: #4c2a86;
    font-family: "Roboto Slab", serif;
    margin: 42px 0 24px;
}

.joinwithovo li span {
    font-weight: bold;
}

/* Style the tab */
.tabs_wrapper {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: transparent;
}

ul.tabs {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
    margin: 10px 0 0;
    padding: 0;
    width: 29%;
    min-width: 175px;
    list-style: none;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

}

ul.tabs li {
    margin: 0;
    border-bottom: 1px solid white;
    cursor: pointer;
    padding: 13px 17px;
    line-height: 1.5;
    color: white;
    text-align: left;
    font-weight: normal;
    background-color: #666;
    background: #06b3ba;

}

ul.tabs li:hover {
    background: #06b3ba;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae0046', endColorstr='#fb0f56', GradientType=0);
    color: white;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

ul.tabs li.active {
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFbSURBVEhLtZQ9S8NQFIavenMLfv4a8VvBwcFFcHD1pxRnBwcXXRycNCA054bqORnqNw79I7pYq0UEIR7rEUxvQci9fSBQ0pfnIWlS9S/NZiSfAhPHJgI8MxafNdCKnA0Hi0+NpVyOjk5xWb4KQLU6HFl6/BPIDdCbtudLsvBHJzRrAFuFiMVXDdmiTPzRCS58S4sRaoeN8L1naceJcFwm/lQSXHUiQC86vZiXiT8VwDX+Td6LEWzx7ZqTiT8sXefjw4mkOCMTf0ySbfSNQDYtE3+ihLYKgW6EnlSjoWXiQRyPsPCkN8AvJsrCg64cj3vlfO5SAYzKqiR5PsSiI0cOdBVGDnTYR36tEMdkVRKW89/2viO3eKPixrisysPyPVdOt6pWm5BJeSKLu4OU7zhyoDtVr0/KxIOfZ71dDOC9yrIpWfjDV7DN4s+uHOghqPwXk9ImBw4GIg+DUl9jc0Bk0LFAsQAAAABJRU5ErkJggg==) right no-repeat;
    color: #06b3ba;

}

.tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    left: -4px;
    width: 70%;
    min-width: 10px;
    text-align: left;
    background: white;
    border-radius: 12px;

}

.tab_content {
    padding: 10px;
    height: 100%;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 781px) {
    ul.tabs {
        display: none;
    }

    .tab_container {
        display: block;
        margin: 0 auto;
        width: 95%;
        border-top: none;
        border-radius: 0;

    }


    .tab_drawer_heading {
        background-color: #ccc;
        background: #06b3ba;
        border-bottom: 1px solid white;
        color: white;
        margin: 0;
        padding: 15px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
    }

    .tab_drawer_heading:hover {
        background: #06b3ba url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE/SURBVEhL7Y69TgJBFIVXMBbgz9uoESXGxsTCwsLWd7G0sSExNhQ2FvoCdP4ReBRio4DGmJhdv5l71glhCbjSGPiSk50599wzG82ZMZIkKeqYGzoKOgYwl+I4vkEdtCH717B7inroRJaBccsjHs5dVNFoYtg5U4Xr+EJHfsDd/f2LjQzufVT1gTEQXyB7bpsBvAtFfGgX491GhrujPUUyIebKa7YRwGvzWVPMwKyiN4sY3N0j+4oMwNiVX1oygNfiM1iewnAH9S1qcP9AB4p4sIt4dUsE8Jp8sstTCGwT7PkNwf0THWruyq9sEsB7Qqu+ZBzkRz1yjK5l/YD3iFa0PhksVFBXHSPJVZ7C4hYdr1Y1DPMHPsuK54OSTUqGHsG/R2XF/kbGI3eopPF04JF19IwaUy9PoXhRxzn/hij6BksrI1Ks3/8IAAAAAElFTkSuQmCC) no-repeat 97%;
        right;
        opacity: 0.7;
        color: white;
    }

    .d_active {
        background: #06b3ba url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE/SURBVEhL7Y69TgJBFIVXMBbgz9uoESXGxsTCwsLWd7G0sSExNhQ2FvoCdP4ReBRio4DGmJhdv5l71glhCbjSGPiSk50599wzG82ZMZIkKeqYGzoKOgYwl+I4vkEdtCH717B7inroRJaBccsjHs5dVNFoYtg5U4Xr+EJHfsDd/f2LjQzufVT1gTEQXyB7bpsBvAtFfGgX491GhrujPUUyIebKa7YRwGvzWVPMwKyiN4sY3N0j+4oMwNiVX1oygNfiM1iewnAH9S1qcP9AB4p4sIt4dUsE8Jp8sstTCGwT7PkNwf0THWruyq9sEsB7Qqu+ZBzkRz1yjK5l/YD3iFa0PhksVFBXHSPJVZ7C4hYdr1Y1DPMHPsuK54OSTUqGHsG/R2XF/kbGI3eopPF04JF19IwaUy9PoXhRxzn/hij6BksrI1Ks3/8IAAAAAElFTkSuQmCC) no-repeat 97%;
        right;
        color: white;
    }
}

/* Deals CSS */

@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

figure.snip1477 {
    font-family: 'lato', Arial, sans-serif;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 230px;
    max-width: 315px;
    height: 184px;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    background-color: #000000;
}

figure.snip1477 *,
figure.snip1477 *:before,
figure.snip1477 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

figure.snip1477 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.9;
}

figure.snip1477 .title {
    position: absolute;
    top: 55%;
    left: 25px;
    padding: 5px 10px 10px;
    text-align: left;
}

figure.snip1477 .title:before,
figure.snip1477 .title:after {
    height: 2px;
    width: 400px;
    position: absolute;
    content: '';
    background-color: #ffffff;
}

figure.snip1477 .title:before {
    top: 0;
    left: 10px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

figure.snip1477 .title:after {
    bottom: 0;
    right: 10px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

figure.snip1477 .title div:before,
figure.snip1477 .title div:after {
    width: 2px;
    height: 300px;
    position: absolute;
    content: '';
    background-color: #ffffff;
}

figure.snip1477 .title div:before {
    top: 10px;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

figure.snip1477 .title div:after {
    bottom: 10px;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

figure.snip1477 h2,
figure.snip1477 h4 {
    margin: 0;
    text-transform: uppercase;
}

figure.snip1477 h2 {
    font-weight: 400;
}

figure.snip1477 h4 {
    display: block;
    font-weight: 700;
    background-color: #ffffff;
    padding: 5px 10px;
    color: #000000;
}

figure.snip1477 figcaption {
    position: absolute;
    bottom: 50%;
    left: 25px;
    text-align: left;
    opacity: 0;
    padding: 5px 5px 5px 10px;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1.5px;
}

figure.snip1477 figcaption p {
    margin: 0;
    font-size: 13px;
}

figure.snip1477 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

figure.snip1477:hover img,
figure.snip1477.hover img {
    zoom: 1;
    filter: alpha(opacity=35);
    -webkit-opacity: 0.35;
    opacity: 0.35;
}

figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after,
figure.snip1477:hover .title div:before,
figure.snip1477.hover .title div:before,
figure.snip1477:hover .title div:after,
figure.snip1477.hover .title div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.snip1477:hover figcaption,
figure.snip1477.hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.marginbottom {
    margin-bottom: 0px;
}

.g-captcha-box .parsley-errors-list {
    margin-top: 1rem;
}

.g-captcha-box .g-recaptcha div {
    width: auto !important;
}

.general-header {
    background: #4c2a86;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 75px;
    background-image: url(../img/pattern-ovo@3x.jpg);
    background-size: cover;
    background-position: right bottom;
}

.header-content {
    display: flex;
    align-self: center;
}

.header-content h1 {
    font-size: 32px;
    color: #ffffff;
}

#address {
    padding-top: 0px;
    padding-bottom: 0px;
}

#address h3 {
    font-weight: 400;
    font-size: 24px;
    margin-top: 20px;
    line-height: 36px;
    color: #3C4A62;
    margin-top: 0;
    margin-bottom: 4px;
}

#address address {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    color: #9E94A2;
}

#gmap {
    margin-top: 50px;
    margin-bottom: 0px;
    position: relative;
}

#gmap:after {
    content: '';
    display: inline-block;
    left: 0;
    right: 0;
    background: white;
    height: 60px;
    position: absolute;
    bottom: -60px;
    z-index: 1;
}

.hidden-mobile {
    display: block;
}

.visible-mobile {
    display: none;
}

@media screen and (max-width: 992px) {
    .hidden-mobile {
        display: none;
    }

    .visible-mobile {
        display: block;
    }
}

/*********************** HELPCENTER STYLES *******************************/
.container-fluid {
    padding: 0px !important;
}

.hc-header {
    padding-top: 24px;
    padding-bottom: 24px;
    cursor: pointer;
}

.Fill-1 {
    color: #ffffff;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.Fill-3 {
    color: #ffffff;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.Fill-5 {
    color: #ffffff;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.Line {
    width: 1px;
    height: 64px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    margin: 0 9px 0 5px;
}

.Help-Center {
    width: 139px;
    height: 24px;
    font-family: Eina01;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.full-backg {
    padding: 0 !important;
    margin: 0 auto !important;
    background-size: cover;
    overflow: hidden;
}

.bg-sticky {
    background-color: blue;
}

.question-holder {
    width: 100%;
    height: 282px;
    float: left;
    position: relative;
}

.tanya {
    width: 100%;
    margin-bottom: 32px;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.hc-btn-cari {
    width: 135px;
    height: 48px;
    border-radius: 24px;
    background-color: #5f33ba;
    position: relative;
    float: right;
    top: -75px;
    right: 30px;
    color: #ffffff;
}

.content-heading {
    margin: 50px 0 30px 0;
}

.content-heading-span {
    margin: 50px 0 30px 20px;
    font-size: 24px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;

}

.faq-list {
    font-size: 16px;
    margin: 0 0 20px 0;
}

.faq-list-link {
    color: #1f1e1c !important;
}

.category-images-container {
    width: 100%;
}

.img-category {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.title-category {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 18px;
}

.hubungi-kami-section {
    width: 100%;
    margin: 50px 0 150px 0;
}

.btn-hubungi-kami {
    width: 160px;
    height: 48px;
    padding: 10px 20px 10px 20px;
    border-radius: 24px;
    background-color: rgba(95, 51, 186, 0.1);
    float: right;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #5f33ba;
}

.hc-footer {
    width: 100%;
    height: 65px;
    background-color: #f4f4f4;
    position: fixed;
    bottom: 0;
    left: 0;
}

.hc-trademark {
    width: 100%;
    text-align: center;
    position: relative;
    top: 24px;
}

.hc-breadcrumbs {
    width: 100%;
    height: 56px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
}

.hc-breadlist {
    width: 100%;
    position: relative;
    top: 21px;
    left: 10%;
}

.hc-breadarrow {
    font-weight: bold;
    margin: 0 15px 0 15px;
}

.article-content {
    position: relative;
    top: 40px;
    margin: 0 0 50px 0;
}

.article-category-list {
    margin: 22px 0 22px 0;
}

.article-category-link {
    color: #1f1e1c !important;
    font-weight: bold;
    font-size: 16px;
}

.article-content-right {
    margin: 40px 0 40px 0;
}

.vote-question {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #888888;
}

.hc-send-report {
    width: 70%;
    height: 48px;
    border-radius: 24px;
    background-color: #5f33ba;
    position: relative;
    float: right;
    right: 0;
    top: 20px;
    color: #ffffff;
    font-weight: bold;
}

.hc-send-report-contact {
    width: 70%;
    height: 48px;
    border-radius: 24px;
    background-color: #5f33ba;
    color: #ffffff;
    font-weight: bold;
}

.thumbs {
    display: inline-block;
    background-image: url("../img/helpcenter/thumbs-up.png");
    margin: 15px 30px 10px 0;
    height: 32px;
    width: 32px;
}

.thumbs:hover {
    cursor: pointer;
}

.happy {
    background-image: url("../img/helpcenter/thumbs-up.png");
    transition: 0.25s all;
    background-size: contain;
}

.happy:hover {
    background-image: url("../img/helpcenter/thumbup@2x.png");
    background-size: contain;
}

.happy-active {
    background-image: url("../img/helpcenter/thumbup@2x.png");
    background-size: contain;
}

.sad {
    background-image: url("../img/helpcenter/thumbsdown.png");
    transition: 0.25s all;
    background-size: contain;
}

.sad:hover {
    background-image: url("../img/helpcenter/thumbdown@2x.png");
    background-size: contain;
}

.sad-active {
    background-image: url("../img/helpcenter/thumbdown@2x.png");
    background-size: contain;
}

.rw100 {
    max-width: none;
}

.grey-out {
    color: #a8a7a5;
}

.search-list {
    padding: 0 0 0 0 !important;
    cursor: pointer;
    /* border-bottom: solid #cccbc8 0.1em; */
}

.search-list-header {
    margin: 0 0 30px -10px !important;
}

ul.no-bullet {
    list-style-type: none;
    margin: 7px 0 0 33px;
    padding: 0;
}

li.side-category {
    padding: 10px 0 10px 0;
    font-size: 14px;
}

ul.no-bullet-right {
    list-style-type: none;
    margin-left: 0 !important;
}

li.li-article-list {
    padding: 10px 0 10px 0;
    font-size: 14px;
}

li.li-article-list a {
    color: #0e0e0e !important;
}

.file-box-container {
    display: flex;
    justify-content: space-between;
}

.file-box {
    width: 80px;
    height: 70px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #eee;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file-box span {
    display: inline-flex;
    font-size: 28px;
    line-height: 1px;
    margin-top: -5px;
    font-weight: 800;
    color: #444444;
}

/*********************** END HELPCENTER STYLES *******************************/


/*********************** START OF PARTNER INTEGRATION STYLES ***********************/
#partnerIntegration section {
    padding: 0px;
    overflow-x: hidden;
}

#partnerIntegration {
    font-family: "Lato", sans-serif;
}

.integration-main-menu {
    padding: 0;
    margin: 70px auto 0;
    list-style: none;
    align-items: center;
    max-width: 720px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.integration-main-menu li {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 15px;
}

.integration-main-menu a {
    background-color: #06b3ba;
    color: #fafafa;
    border: 1px solid #058f95;
    outline: none;
    cursor: pointer;
    display: inline-block;
    padding: 24px 32px;
    transition: 0.3s;
    font-size: 17px;
    width: 100%;
    text-align: center;
}

.integration-main-menu a:hover {
    color: #06b3ba;
    background-color: #06b3ba22;
}

.integration-main-menu a.disabled {
    opacity: .5;
}

#partnerIntegration .deals__up {
    /* height: 200px; */
}

.pi-container {
    display: flex;
    flex-direction: row;
    margin-bottom: -60px;
    position: relative;
    font-family: inherit;
}

.pi-container .back-arrow {
    position: absolute;
    bottom: 23px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #222;
}

.pi-container .back-arrow:hover {
    color: #06b3ba;
}

.pi-container_sidebar {
    flex: 0 0 340px;
    background-color: rgb(85 52 141 / 15%);
    padding: 25px;
    padding-bottom: 160px;
    box-sizing: border-box;
    /* min-height: 100vh; */
    color: #fff;
    font-family: inherit;
}

.pi-container_sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0 -25px;
}

.pi-container_sidebar ul li {
    margin-bottom: 0px;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.pi-container_sidebar ul li:after {
    content: '';
    height: 0px;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgb(85 52 141 / 50%);
}

.pi-container_sidebar ul li a {
    color: #222;
    text-decoration: none;
    font-size: 16px;
    display: block;
    padding: 16px 25px;
}

.pi-container_sidebar ul li a:hover {
    color: #06b3ba;
}

.pi-container_sidebar ul li.active a,
.pi-container_sidebar ul li.active li.active a {
    font-weight: bold;
    color: #06b3ba;
}

.pi-container_sidebar ul li.active li a {
    font-weight: normal;
    color: #222;
}

.pi-container_sidebar ul li ul {
    list-style: disc;
    padding: 0 0 16px 60px;
    margin: 0;
    color: #06b3ba;
}

.pi-container_sidebar ul li li {
    border-bottom: none;
}

.pi-container_sidebar ul li li a {
    font-size: 16px;
    padding: 12px 25px 12px 0;
}

.pi-container_sidebar ul li li:after {
    display: none;
}

.pi-container_sidebar h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 28px;
    font-weight: 500;
    margin: 16px 0 25px;
    color: #432575;
}


.pi-container_main {
    flex: 1 1 auto;
    padding: 35px 50px;
    box-sizing: border-box;
    /* min-height: 100vh; */
    padding-bottom: 60px;
    font-family: inherit;
    box-shadow: 0px -15px 20px -7px rgba(0, 0, 0, 0.3);
}

.pi-container_main div,
.pi-container_main p,
.pi-container_main li,
.pi-container a,
.pi-container td,
.pi-container th {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.9;
    color: #222;
}

.pi-container_main h2 {
    font-family: 'Roboto Slab', serif;
    color: #432575;
    font-size: 2.3125rem;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 28px;
}

.pi-container_main h3 {
    color: #432575;
    margin-bottom: 15px;
}

.pi-container_main p+h3,
.pi-container_main ul+h3,
.pi-container_main ol+h3,
.pi-container_main table+h3,
.pi-container_main div+h3,
.pi-container_main a.anchor-tag+h3 {
    margin-top: 60px;
    margin-bottom: 18px;
}

.pi-container_main p+h4,
.pi-container_main ul+h4,
.pi-container_main ol+h4,
.pi-container_main table+h4,
.pi-container_main div+h4 {
    margin-top: 40px;
    margin-bottom: 15px;
}

.pi-container_main p+h5,
.pi-container_main ul+h5,
.pi-container_main ol+h5,
.pi-container_main table+h5,
.pi-container_main div+h5 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 500;
}

.pi-container_main p+ul {
    margin-top: -15px;
}

.pi-container_main table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

.pi-container_main table th {
    /* background-color: #432575; */
    background-color: rgb(85 52 141 / 15%);
    font-weight: bold;
    color: #432575;
    padding-left: 15px;
    padding-right: 15px;
}

.pi-container_main table td {
    padding-left: 15px;
    padding-right: 15px;
    /* word-break: break-all; */
}

.code-container {
    display: block;
    margin-top: 10px;
    margin-bottom: 1.25rem;
}

.code-container .code-container_label {
    display: block;
    background-color: rgb(85 52 141 / 15%);
    padding: 10px 20px;
    font-size: 14px;
}

.code-container code {
    display: block;
    padding: 20px;
    line-height: 1.4;
    word-break: break-all;
}

.text-red {
    color: red;
}

.anchor-tag {
    position: absolute;
    margin-top: -80px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

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

@media screen and (max-width: 992px) {}

/*********************** END OF PARTNER INTEGRATION STYLES ***********************/




/*********************** START OF GEBUK JUDOL STYLES ***********************/
#gebukJudol .heading {
    padding: 80px;
    text-align: center;
}

#gebukJudol .fe__infot {
    color: #5827d8;
}

#gebukJudol .fe__infot strong {
    font-weight: bold;
}

#gebukJudol .dcw {
    padding-left: 7.5%;
}

#gebukJudol .heading .heading_title {
    margin: 0 auto;
}

#gebukJudol section h2 {
    margin: 100px 0 30px;
}

#gebukJudol .articles {
    max-width: 85%;
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    /* Allows wrapping to the next row */
    gap: 50px;
    /* Space between items */
    /* padding: 30px; */
}

#gebukJudol .articles_card {
    box-sizing: border-box;
    flex: 1 1 calc(33.33% - 50px);
    background: white;
    color: black;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease;
}

#gebukJudol .articles_card:hover {
    transform: scale(1.05);
}

#gebukJudol .articles_card .article_thumbnail {
    margin-bottom: 10px;
}

#gebukJudol .articles_card h3 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: -5px;
}

#gebukJudol .patrol h2 {
    margin-top: 10px;
}

#gebukJudol .patrol .lead {
    font-size: 1.7rem;
    font-weight: 500;
}

#gebukJudol .patrol .lead strong {
    font-size: 2.1rem;
    font-weight: 600;
}

#gebukJudol .patrol .button-lapor {
    font-size: 1.5rem;
    border-radius: 15px;
    text-transform: uppercase;
    margin: 15px auto 30px;
    padding: 20px 40px;
    font-weight: 500;
    background-color: #3e1c99;
    border: none;
    transition: .4s ease-in-out;
    position: relative;
    letter-spacing: 1px;
    line-height: 1;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

#gebukJudol .patrol .button-lapor:hover {
    opacity: .9;
}

#gebukJudol .patrol .button-lapor:hover:after {
    -webkit-animation: cfs-glimmer 4s infinite;
    animation: cfs-glimmer 4s infinite;
}

#gebukJudol .patrol .button-lapor:after {
    background: linear-gradient(50deg, hsla(0, 0%, 100%, 0) 40%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, 0) 60%);
    bottom: -50%;
    content: " ";
    left: -60%;
    position: absolute;
    right: -60%;
    top: -50%;
    -webkit-transform: translate(-80%);
    transform: translate(-80%);
}

#gebukJudol .boxed-box {
    padding: 20px 30px;
    text-align: center;
    transition: transform 0.3s ease;
    box-sizing: border-box;
    background: white;
    color: black;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#gebukJudol .boxed-box h3 {
    color: #5827d8;
    font-weight: bold;
    margin-bottom: 15px;
}

#gebukJudol .flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

#gebukJudol .flex-cols-2 {
    flex-wrap: wrap;
}

#gebukJudol .gap-20 {
    gap: 5rem;
}

#gebukJudol .container {
    max-width: 85%;
    margin: 80px auto;
}

#gebukJudol .chart-legend {
    margin-left: 40px;
    text-align: left;
    font-size: 1.2rem;
}

#gebukJudol .chart-legend p {
    margin-top: 20px !important;
    font-size: 1.2rem;
    margin-bottom: 0 !important;
}

#gebukJudol .chart-wrapper {
    width: auto;
}

#gebukJudol .chart-wrapper .chart {
    margin-top: 15px;
}

#gebukJudol .follow-up {
    align-items: center;
    padding: 20px 30px;
}

#gebukJudol .follow-up p.label {
    margin: 20px auto;
    font-size: 1.7rem;
    padding: 15px 25px;
    background: #5827d8;
}


#gebukJudol .dashboard-analytics {
    position: relative;
    max-width: 645px;
}

#gebukJudol .dashboard-analytics img {
    width: 100%;
    position: relative;
    z-index: 0;
}

#gebukJudol .dashboard-analytics .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

#gebukJudol .dashboard-analytics .overlay>div {
    font-family: 'Grab Community', sans-serif;
    color: #ffffff;
    position: absolute;
    display: inline-block;
    font-size: 11px;
}

#gebukJudol .dashboard-analytics .overlay>div strong {
    font-weight: 500;
}

#gebukJudol .dashboard-analytics .overlay .total {
    /* left: 340px;
    top: 258px;
    text-align: center;
    width: 220px; */
    left: 47%;
    top: 72%;
    text-align: center;
    width: 36%;
}

#gebukJudol .dashboard-analytics .overlay .valid {
    /* top: 170px;
    font-size: 9px !important;
    left: 438px; */
    top: 46%;
    font-size: 11px !important;
    left: 87.3%;
    color: #fff;
    font-weight: bold;
}

#gebukJudol .dashboard-analytics .overlay .not-found {
    /* top: 238.5px;
    font-size: 9px !important;
    left: 402px; */
    top: 65%;
    font-size: 11px !important;
    left: 87.3%;
    color: #fff;
    font-weight: bold;
}

#gebukJudol #flipdown .rotor-group:last-child,
#gebukJudol #flipdown .rotor-group:nth-child(3)::before,
#gebukJudol #flipdown .rotor-group:nth-child(3)::after {
    display: none;
}

#gebukJudol #flipdown .rotor-group:nth-child(1)::before {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 115px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DDDDDD;
}

#gebukJudol #flipdown .rotor-group:nth-child(1)::after {
    content: '';
    position: absolute;
    bottom: 50px;
    left: 115px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DDDDDD;
}

#gebukJudol .countdown-block {
    max-width: none;
    width: fit-content;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

#gebukJudol .countdown-block h2 {
    margin: 0;
}

#gebukJudol .countdown-container {
    text-align: center;
    margin: 0 auto;
}

#gebukJudol #flipdown {
    margin: 20px auto;
    margin-right: -135px;
}

#gebukJudol .video-header {
    width: 100%;
    position: relative;
}

#gebukJudol .video-header video,
#gebukJudol .video-header img {
    width: 100%;
    position: relative;
    z-index: 1;
}

#gebukJudol .video-header img {
    top: 0;
    left: 0;
    position: absolute !important;
    z-index: 0 !important;
}

#gebukJudol .video-article {
    width: 320px;
    position: relative;
    margin: auto;
}

#gebukJudol .video-article video {
    width: 320px;
    position: relative;
    z-index: 1;
}

#gebukJudol .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Dim background */
}

#gebukJudol .modal-content {
    background-color: #fff;
    margin: 70px auto;
    padding: 40px;
    text-align: left;
    width: 70%;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    height: calc(100vh - 140px);
    overflow-y: auto;
}

#gebukJudol .modal-content h3 {
    text-align: center;
}

#gebukJudol .close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

#gebukJudol .close:hover {
    color: red;
}

#gebukJudol .terms-conditions-judol .open-tnc {
    color: #5827d8;
    text-decoration: underline;
    font-weight: bold;
    font-size: 20px;
    margin: 0px auto 40px;
    display: inline-block;
    background: none;
    padding: 0;
}
#gebukJudol .terms-conditions-judol h3 {
    margin: 16px auto 32px;
}

#gebukJudol .terms-conditions-judol {
    line-height: 1.4em;
}

#gebukJudol .terms-conditions-judol li + li {
    margin-top: 8px;
}

#gebukJudol .terms-conditions-judol ul,
#gebukJudol .terms-conditions-judol ol {
    margin-bottom: 16px;
}

#gebukJudol .infografik {
    width: 100%;
    max-width: 75%;
}

#gebukJudol.ended .button-lapor {
    display: none;
}

.message-banner {
    position: relative;
    top: 0;
    left: 0;
    background-color: #efefff;
    color: #6f4dff;
    padding: 12px 70px;
    text-align: center;
    width: 100%;
    z-index: 10000;
    font-size: 16px;
    line-height: 24px;
}

.message-banner button {
    cursor: pointer;
    background: transparent;
    padding: 3px 10px;
    position: absolute;
    right: 10px;
    color: #5827d8;
    margin: 0;
    top: 50%;
    margin-top: -19px;
    font-size: 32px;
    line-height: 1;
}

.has-message-banner header.is-scrolled {
    top: 0px !important;
}

@media screen and (max-width: 768px) {
    #gebukJudol .articles {
        width: 100%;
        max-width: 480px;
    }

    #gebukJudol .articles_card {
        flex: 1 1 auto;
    }

    #gebukJudol .flex {
        display: flex;
        flex-direction: column;
    }

    #gebukJudol .chart-wrapper {
        width: 100%;
    }

    #gebukJudol .dashboard-analytics .overlay .valid {
        left: 87.3%;
    }

    #gebukJudol .dashboard-analytics .overlay .not-found {
        left: 87.3%;
    }

    #gebukJudol .dashboard-analytics .overlay .total {
        left: 48%;
    }

    #gebukJudol .modal-content {
        width: 95%;
    }

    #gebukJudol .infografik {
        max-width: 100%;
    }
}

/*********************** END OF GEBUK JUDOL STYLES ***********************/