<link href="https://fonts.googleapis.com/css?family=Marcellus&display=swap" rel="stylesheet">  

div.wpcf7 {
            margin: 0;
            padding: 0
        }
        
        div.wpcf7 .screen-reader-response {
            position: absolute;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            height: 1px;
            width: 1px;
            margin: 0;
            padding: 0;
            border: 0
        }
        
        div.wpcf7-response-output {
            margin: 2em .5em 1em;
            padding: .2em 1em;
            border: 2px solid red
        }
        
        div.wpcf7-mail-sent-ok {
            border: 2px solid #398f14
        }
        
        div.wpcf7-mail-sent-ng,
        div.wpcf7-aborted {
            border: 2px solid red
        }
        
        div.wpcf7-spam-blocked {
            border: 2px solid #ffa500
        }
        
        div.wpcf7-validation-errors,
        div.wpcf7-acceptance-missing {
            border: 2px solid #f7e700
        }
        
        .wpcf7-form-control-wrap {
            position: relative
        }
        
        span.wpcf7-not-valid-tip {
            color: red;
            font-size: 1em;
            font-weight: 400;
            display: block
        }
        
        .use-floating-validation-tip span.wpcf7-not-valid-tip {
            position: absolute;
            top: 20%;
            left: 20%;
            z-index: 100;
            border: 1px solid red;
            background: #fff;
            padding: .2em .8em
        }
        
        span.wpcf7-list-item {
            display: inline-block;
            margin: 0 0 0 1em
        }
        
        span.wpcf7-list-item-label::before,
        span.wpcf7-list-item-label::after {
            content: " "
        }
        
        .wpcf7-display-none {
            display: none
        }
        
      div.wpcf7 .ajax-loader {
            visibility: hidden;
            display: inline-block;
            background-image: url(https://rockofages.com/wp-content/plugins/contact-form-7/includes/css/../../images/ajax-loader.gif);
            width: 16px;
            height: 16px;
            border: none;
            padding: 0;
            margin: 0 0 0 4px;
          
          
            vertical-align: middle
        }
        
        div.wpcf7 .ajax-loader.is-active {
            visibility: visible
        }
        
        div.wpcf7 div.ajax-error {
            display: none
        }
        
        div.wpcf7 .placeheld {
            color: #888
        }
        
        div.wpcf7 .wpcf7-recaptcha iframe {
            margin-bottom: 0
        }
        
        div.wpcf7 input[type="file"] {
            cursor: pointer
        }
        
        div.wpcf7 input[type="file"]:disabled {
            cursor: default
        }
    </style>
    <style type="text/css" media="all">
        #menu-wrap {
            width: 100%;
            height: 30px;
            position: relative;
            z-index: 100
        }
        
        #menu-wrap ul {
            padding: 0;
            margin: 0;
            list-style-type: none
        }
        
        #menu-wrap ul li {
            float: left;
            position: relative
        }
        
        #menu-wrap ul a,
        #menu-wrap ul a:visited {
            display: block;
            line-height: 30px;
            padding-left: 10px;
            padding-right: 20px
        }
        
        #menu-wrap ul ul {
            visibility: hidden;
            position: absolute;
            height: 0;
            top: 30px;
            left: 0;
            width: 149px
        }
        
        #menu-wrap ul ul li {
            width: 100%
        }
        
        #menu-wrap ul ul a,
        #menu-wrap ul ul a:visited {
            border: 0;
            height: auto;
            line-height: 15px;
            padding: 5px 10px;
            width: 150px
        }
        
        #menu-wrap ul li:hover ul,
        #menu-wrap ul a:hover ul {
            visibility: visible
        }
        
        #menu-wrap li,
        #menu-wrap a,
        #menu-wrap div {
            padding: 0;
            margin: 0
        }
        
        #menu-wrap li.section {
            line-height: 25px;
            padding-left: 10px;
            padding-right: 11px
        }
        
        #menu-wrap li.selected_page {
            line-height: 20px
        }
        
        #menu-wrap li.selected_subpage {
            line-height: 25px;
            padding-left: 10px;
            padding-right: 11px
        }
        
        #menu-wrap li.selected_subpage a,
        #menu-wrap li.selected_subpage a:visited {
            padding-right: 0;
            padding-left: 0
        }
        
        #menu-wrap table {
            position: absolute;
            top: 0;
            left: 0;
            border-collapse: collapse
        }
        
        * html #menu-wrap {
            width: 100%;
            w\idth: 100%
        }
        
        * html #menu-wrap a,
        * html #menu-wrap a:visited {
            width: 10px;
            w\idth: 10px;
            padding-right: 20px;
            white-space: nowrap
        }
        
        * html #menu-wrap ul ul {
            top: 30px;
            t\op: 30px
        }
        
        * html #menu-wrap ul ul a,
        * html #menu-wrap ul ul a:visited {
            width: 150px;
            w\idth: 128px
        }
        
        .cms-nav-clearit {
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0
        }
        
        .cms-nav-sub-section {
            font-weight: 700;
            font-size: 110%;
            list-style-type: none
        }
        
        ul li.cms-nav-sub-section:before {
            content: ''!important
        }
        
        .cms-nav-sidebar ul,
        .cms-nav-sidebar li,
        .cms-nav-sidebar a {
            list-style: none;
            padding: 0;
            margin: 0
        }
        
        .cms-nav-sidebar ul ul,
        .cms-nav-sidebar ul li,
        .cms-nav-sidebar ul a,
        .cms-nav-sidebar li ul,
        .cms-nav-sidebar li li,
        .cms-nav-sidebar li a,
        .cms-nav-sidebar a ul,
        .cms-nav-sidebar a li,
        .cms-nav-sidebar a a {
            padding: 0;
            margin: 0
        }
        
        .cms-nav-sidebar ul li,
        .cms-nav-sidebar li li,
        .cms-nav-sidebar a li {
            position: relative;
            margin: 4px 8px 2px 8px
        }
    </style>
    <style type="text/css" media="all">
        #menu-wrap {
            background-color: #eee
        }
        
        #menu-wrap ul {
            background-color: #5798d0
        }
        
        #menu-wrap ul a,
        #menu-wrap ul a:visited {
            text-decoration: none;
            color: #000;
            border-right: 1px solid #fff
        }
        
        #menu-wrap ul li:hover a,
        #menu-wrap ul a:focus,
        #menu-wrap ul a:active {
            background-color: #5798D0;
            color: #000
        }
        
        #menu-wrap ul ul a,
        #menu-wrap ul ul a:visited {
            color: #000
        }
        
        #menu-wrap ul ul a:hover {
            background: #B3D9FF
        }
        
        #menu-wrap ul ul:hover>a {
            background: #B3D9FF
        }
        
        #menu-wrap ul ul li a.selected {
            background-color: #D0D8F0;
            color: #004D99
        }
        
        #menu-wrap a:hover,
        #menu-wrap ul ul a:hover {
            color: #000;
            background: #5798d0
        }
        
        #menu-wrap:hover>a,
        #menu-wrap ul ul:hover>a {
            color: #000;
            background: #B3D9FF
        }
        
         #menu-wrap a.trigger,
        #menu-wrap a.trigger:hover,
        #menu-wrap a.trigger:visited {
            background-image: url(https://rockofages.com/wp-content/plugins/wpml-cms-nav/res/css/../img/cms-nav-dark-s.gif);
            background-repeat: no-repeat;
            background-position: right center
        }
        
        #menu-wrap li.section {
            color: #fff;
            background-color: #4283b7;
            font-weight: 700
        }
        
        #menu-wrap li.selected_page {
            color: #004D99;
            background-color: #5798d0
        }
        
        #menu-wrap li.selected_subpage {
            color: #004D99;
            background-color: #B3D9FF
        }
        
        #menu-wrap li.selected_subpage a,
        #menu-wrap li.selected_subpage a:visited {
            background-color: #B3D9FF
        }
    </style>
    <style type="text/css" media="all">
        @charset "UTF-8";
        @media print,
        screen and (min-width:48em) {
            .reveal,
            .reveal.tiny,
            .reveal.small,
            .reveal.large {
                right: auto;
                left: auto;
                margin: 0 auto
            }
        }
        
        html {
           
            line-height: 1.15;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }
        
        body {
            margin: 0
        }
        
        article,
        aside,
        footer,
        header,
        nav,
        section {
            display: block
        }
        
        h1 {
            font-size: 2em;
            margin: .67em 0
        }
        
        figcaption,
        figure {
            display: block
        }
        
        figure {
            margin: 1em 40px
        }
        
        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }
        
        main {
            display: block
        }
        
        pre {
           
            font-size: 1em
        }
        
        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects
        }
        
        a:active,
        a:hover {
            outline-width: 0
        }
        
        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            text-decoration: underline dotted
        }
        
        b,
        strong {
            font-weight: inherit
        }
        
        b,
        strong {
            font-weight: bolder
        }
        
        code,
        kbd,
        samp {
           
            font-size: 1em
        }
        
        dfn {
            font-style: italic
        }
        
        mark {
            background-color: #ff0;
            color: #000
        }
        
        small {
            font-size: 80%
        }
        
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }
        
        sub {
            bottom: -.25em
        }
        
        sup {
            top: -.5em
        }
        
        audio,
        video {
            display: inline-block
        }
        
        audio:not([controls]) {
            display: none;
            height: 0
        }
        
        img {
            border-style: none
        }
        
        svg:not(:root) {
            overflow: hidden
        }
        
        button,
        input,
        optgroup,
        select,
        textarea {
           
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }
        
        button {
            overflow: visible
        }
        
        button,
        select {
            text-transform: none
        }
        
        button,
        html [type="button"],
        [type="reset"],
        [type="submit"] {
            -webkit-appearance: button
        }
        
        button::-moz-focus-inner,
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0
        }
        
        button:-moz-focusring,
        [type="button"]:-moz-focusring,
        [type="reset"]:-moz-focusring,
        [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText
        }
        
        input {
            overflow: visible
        }
        
        [type="checkbox"],
        [type="radio"] {
            box-sizing: border-box;
            padding: 0
        }
        
        [type="number"]::-webkit-inner-spin-button,
        [type="number"]::-webkit-outer-spin-button {
            height: auto
        }
        
        [type="search"] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }
        
        [type="search"]::-webkit-search-cancel-button,
        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }
        
        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }
        
        fieldset {
            border: 1px solid silver;
            margin: 0 2px;
            padding: .35em .625em .75em
        }
        
        legend {
            box-sizing: border-box;
            display: table;
            max-width: 100%;
            padding: 0;
            color: inherit;
            white-space: normal
        }
        
        progress {
            display: inline-block;
            vertical-align: baseline
        }
        
        textarea {
            overflow: auto
        }
        
        details {
            display: block
        }
        
        summary {
            display: list-item
        }
        
        menu {
            display: block
        }
        
        canvas {
            display: inline-block
        }
        
        template {
            display: none
        }
        
        [hidden] {
            display: none
        }
        
        .foundation-mq {
            font-family: 'Marcellus', serif;
        }
        
        html {
            box-sizing: border-box;
            font-size: 100%
        }
        
        *,
        *::before,
        *::after {
            box-sizing: inherit
        }
        
        body {
            margin: 0;
            padding: 0;
            background: #fff;
            font-family: 'Marcellus', serif;
            font-weight: 400;
            line-height: 1.5;
            color: #0a0a0a;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }
        
        img {
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
            height: auto;
            -ms-interpolation-mode: bicubic
        }
        
        textarea {
            height: auto;
            min-height: 50px;
            border-radius: 0
        }
        
        select {
            box-sizing: border-box;
            width: 100%;
            border-radius: 0
        }
        
        .map_canvas img,
        .map_canvas embed,
        .map_canvas object,
        .mqa-display img,
        .mqa-display embed,
        .mqa-display object {
            max-width: none!important
        }
        
        button {
            padding: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 0;
            border-radius: 0;
            background: transparent;
            line-height: 1
        }
        
        [data-whatinput='mouse'] button {
            outline: 0
        }
        
        pre {
            overflow: auto
        }
        
        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit
        }
        
        .is-visible {
            display: block!important
        }
        
        .is-hidden {
            display: none!important
        }
        
        .grid-container {
            max-width: 75rem;
            margin: 0 auto
        }
        
        .grid-container-padded {
            padding-left: .625rem;
            padding-right: .625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-container-padded {
                padding-left: .9375rem;
                padding-right: .9375rem
            }
        }
        
        @media screen and (min-width:75em) {
            .grid-container-padded {
                padding-left: 0;
                padding-right: 0
            }
        }
        
        .grid-x {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            width: 100%;
        }
        
        .cell {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            min-height: 0;
            min-width: 0;
            width: 100%
        }
        
        .cell.auto {
            -webkit-flex: 1 1 0%;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%
        }
        
        .cell.shrink {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }
        
        .grid-x>.auto {
            width: auto
        }
        
        .grid-x>.shrink {
            width: auto
        }
        
        .grid-x>small-shrink,
        .grid-x>small-full,
        .grid-x>small-1,
        .grid-x>small-2,
        .grid-x>small-3,
        .grid-x>small-4,
        .grid-x>small-5,
        .grid-x>small-6,
        .grid-x>small-7,
        .grid-x>small-8,
        .grid-x>small-9,
        .grid-x>small-10,
        .grid-x>small-11,
        .grid-x>small-12 {
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-x>medium-shrink,
            .grid-x>medium-full,
            .grid-x>medium-1,
            .grid-x>medium-2,
            .grid-x>medium-3,
            .grid-x>medium-4,
            .grid-x>medium-5,
            .grid-x>medium-6,
            .grid-x>medium-7,
            .grid-x>medium-8,
            .grid-x>medium-9,
            .grid-x>medium-10,
            .grid-x>medium-11,
            .grid-x>medium-12 {
                -webkit-flex-basis: auto;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-x>large-shrink,
            .grid-x>large-full,
            .grid-x>large-1,
            .grid-x>large-2,
            .grid-x>large-3,
            .grid-x>large-4,
            .grid-x>large-5,
            .grid-x>large-6,
            .grid-x>large-7,
            .grid-x>large-8,
            .grid-x>large-9,
            .grid-x>large-10,
            .grid-x>large-11,
            .grid-x>large-12 {
                -webkit-flex-basis: auto;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }
        }
        
        .grid-x>.small-1 {
            width: 8.33333%
        }
        
        .grid-x>.small-2 {
            width: 16.66667%
        }
        
        .grid-x>.small-3 {
            width: 25%
        }
        
        .grid-x>.small-4 {
            width: 33.33333%
        }
        
        .grid-x>.small-5 {
            width: 41.66667%
        }
        
        .grid-x>.small-6 {
            width: 50%
        }
        
        .grid-x>.small-7 {
            width: 58.33333%
        }
        
        .grid-x>.small-8 {
            width: 66.66667%
        }
        
        .grid-x>.small-9 {
            width: 75%
        }
        
        .grid-x>.small-10 {
            width: 83.33333%
        }
        
        .grid-x>.small-11 {
            width: 91.66667%
        }
        
        .grid-x>.small-12 {
            width: 100%
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-x>.medium-auto {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                width: auto
            }
            .grid-x>.medium-shrink {
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto
            }
            .grid-x>.medium-1 {
                width: 8.33333%
            }
            .grid-x>.medium-2 {
                width: 16.66667%
            }
            .grid-x>.medium-3 {
                width: 25%
            }
            .grid-x>.medium-4 {
                width: 33.33333%
            }
            .grid-x>.medium-5 {
                width: 41.66667%
            }
            .grid-x>.medium-6 {
                width: 50%
            }
            .grid-x>.medium-7 {
                width: 58.33333%
            }
            .grid-x>.medium-8 {
                width: 66.66667%
            }
            .grid-x>.medium-9 {
                width: 75%
            }
            .grid-x>.medium-10 {
                width: 83.33333%
            }
            .grid-x>.medium-11 {
                width: 91.66667%
            }
            .grid-x>.medium-12 {
                width: 100%
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-x>.large-auto {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                width: auto
            }
            .grid-x>.large-shrink {
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto
            }
            .grid-x>.large-1 {
                width: 8.33333%
            }
            .grid-x>.large-2 {
                width: 16.66667%
            }
            .grid-x>.large-3 {
                width: 25%
            }
            .grid-x>.large-4 {
                width: 33.33333%
            }
            .grid-x>.large-5 {
                width: 41.66667%
            }
            .grid-x>.large-6 {
                width: 50%
            }
            .grid-x>.large-7 {
                width: 58.33333%
            }
            .grid-x>.large-8 {
                width: 66.66667%
            }
            .grid-x>.large-9 {
                width: 75%
            }
            .grid-x>.large-10 {
                width: 83.33333%
            }
            .grid-x>.large-11 {
                width: 91.66667%
            }
            .grid-x>.large-12 {
                width: 100%
            }
        }
        
        .grid-margin-x:not(.grid-x)>.cell {
            width: auto
        }
        
        .grid-margin-y:not(.grid-y)>.cell {
            height: auto
        }
        
        .grid-margin-x {
            margin-left: -.625rem;
            margin-right: -.625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-margin-x {
                margin-left: -.9375rem;
                margin-right: -.9375rem
            }
        }
        
        .grid-margin-x>.cell {
            width: calc(100% - 1.25rem);
            margin-left: .625rem;
            margin-right: .625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-margin-x>.cell {
                width: calc(100% - 1.875rem);
                margin-left: .9375rem;
                margin-right: .9375rem
            }
        }
        
        .grid-margin-x>.auto {
            width: auto
        }
        
        .grid-margin-x>.shrink {
            width: auto
        }
        
        .grid-margin-x>.small-1 {
            width: calc(8.33333% - 1.25rem)
        }
        
        .grid-margin-x>.small-2 {
            width: calc(16.66667% - 1.25rem)
        }
        
        .grid-margin-x>.small-3 {
            width: calc(25% - 1.25rem)
        }
        
        .grid-margin-x>.small-4 {
            width: calc(33.33333% - 1.25rem)
        }
        
        .grid-margin-x>.small-5 {
            width: calc(41.66667% - 1.25rem)
        }
        
        .grid-margin-x>.small-6 {
            width: calc(50% - 1.25rem)
        }
        
        .grid-margin-x>.small-7 {
            width: calc(58.33333% - 1.25rem)
        }
        
        .grid-margin-x>.small-8 {
            width: calc(66.66667% - 1.25rem)
        }
        
        .grid-margin-x>.small-9 {
            width: calc(75% - 1.25rem)
        }
        
        .grid-margin-x>.small-10 {
            width: calc(83.33333% - 1.25rem)
        }
        
        .grid-margin-x>.small-11 {
            width: calc(91.66667% - 1.25rem)
        }
        
        .grid-margin-x>.small-12 {
            width: calc(100% - 1.25rem)
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-margin-x>.auto {
                width: auto
            }
            .grid-margin-x>.shrink {
                width: auto
            }
            .grid-margin-x>.small-1 {
                width: calc(8.33333% - 1.875rem)
            }
            .grid-margin-x>.small-2 {
                width: calc(16.66667% - 1.875rem)
            }
            .grid-margin-x>.small-3 {
                width: calc(25% - 1.875rem)
            }
            .grid-margin-x>.small-4 {
                width: calc(33.33333% - 1.875rem)
            }
            .grid-margin-x>.small-5 {
                width: calc(41.66667% - 1.875rem)
            }
            .grid-margin-x>.small-6 {
                width: calc(50% - 1.875rem)
            }
            .grid-margin-x>.small-7 {
                width: calc(58.33333% - 1.875rem)
            }
            .grid-margin-x>.small-8 {
                width: calc(66.66667% - 1.875rem)
            }
            .grid-margin-x>.small-9 {
                width: calc(75% - 1.875rem)
            }
            .grid-margin-x>.small-10 {
                width: calc(83.33333% - 1.875rem)
            }
            .grid-margin-x>.small-11 {
                width: calc(91.66667% - 1.875rem)
            }
            .grid-margin-x>.small-12 {
                width: calc(100% - 1.875rem)
            }
            .grid-margin-x>.medium-auto {
                width: auto
            }
            .grid-margin-x>.medium-shrink {
                width: auto
            }
            .grid-margin-x>.medium-1 {
                width: calc(8.33333% - 1.875rem)
            }
            .grid-margin-x>.medium-2 {
                width: calc(16.66667% - 1.875rem)
            }
            .grid-margin-x>.medium-3 {
                width: calc(25% - 1.875rem)
            }
            .grid-margin-x>.medium-4 {
                width: calc(33.33333% - 1.875rem)
            }
            .grid-margin-x>.medium-5 {
                width: calc(41.66667% - 1.875rem)
            }
            .grid-margin-x>.medium-6 {
                width: calc(50% - 1.875rem)
            }
            .grid-margin-x>.medium-7 {
                width: calc(58.33333% - 1.875rem)
            }
            .grid-margin-x>.medium-8 {
                width: calc(66.66667% - 1.875rem)
            }
            .grid-margin-x>.medium-9 {
                width: calc(75% - 1.875rem)
            }
            .grid-margin-x>.medium-10 {
                width: calc(83.33333% - 1.875rem)
            }
            .grid-margin-x>.medium-11 {
                width: calc(91.66667% - 1.875rem)
            }
            .grid-margin-x>.medium-12 {
                width: calc(100% - 1.875rem)
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-margin-x>.large-auto {
                width: auto
            }
            .grid-margin-x>.large-shrink {
                width: auto
            }
            .grid-margin-x>.large-1 {
                width: calc(8.33333% - 1.875rem)
            }
            .grid-margin-x>.large-2 {
                width: calc(16.66667% - 1.875rem)
            }
            .grid-margin-x>.large-3 {
                width: calc(25% - 1.875rem)
            }
            .grid-margin-x>.large-4 {
                width: calc(33.33333% - 1.875rem)
            }
            .grid-margin-x>.large-5 {
                width: calc(41.66667% - 1.875rem)
            }
            .grid-margin-x>.large-6 {
                width: calc(50% - 1.875rem)
            }
            .grid-margin-x>.large-7 {
                width: calc(58.33333% - 1.875rem)
            }
            .grid-margin-x>.large-8 {
                width: calc(66.66667% - 1.875rem)
            }
            .grid-margin-x>.large-9 {
                width: calc(75% - 1.875rem)
            }
            .grid-margin-x>.large-10 {
                width: calc(83.33333% - 1.875rem)
            }
            .grid-margin-x>.large-11 {
                width: calc(91.66667% - 1.875rem)
            }
            .grid-margin-x>.large-12 {
                width: calc(100% - 1.875rem)
            }
        }
        
        .grid-padding-x .grid-padding-x {
            margin-right: -.625rem;
            margin-left: -.625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-padding-x .grid-padding-x {
                margin-right: -.9375rem;
                margin-left: -.9375rem
            }
        }
        
        .grid-padding-x>.cell {
            padding-right: .625rem;
            padding-left: .625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-padding-x>.cell {
                padding-right: .9375rem;
                padding-left: .9375rem
            }
        }
        
        .small-up-1>.cell {
            width: 100%
        }
        
        .small-up-2>.cell {
            width: 50%
        }
        
        .small-up-3>.cell {
            width: 33.33333%
        }
        
        .small-up-4>.cell {
            width: 25%
        }
        
        .small-up-5>.cell {
            width: 20%
        }
        
        .small-up-6>.cell {
            width: 16.66667%
        }
        
        .small-up-7>.cell {
            width: 14.28571%
        }
        
        .small-up-8>.cell {
            width: 12.5%
        }
        
        @media print,
        screen and (min-width:48em) {
            .medium-up-1>.cell {
                width: 100%
            }
            .medium-up-2>.cell {
                width: 50%
            }
            .medium-up-3>.cell {
                width: 33.33333%
            }
            .medium-up-4>.cell {
                width: 25%
            }
            .medium-up-5>.cell {
                width: 20%
            }
            .medium-up-6>.cell {
                width: 16.66667%
            }
            .medium-up-7>.cell {
                width: 14.28571%
            }
            .medium-up-8>.cell {
                width: 12.5%
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .large-up-1>.cell {
                width: 100%
            }
            .large-up-2>.cell {
                width: 50%
            }
            .large-up-3>.cell {
                width: 33.33333%
            }
            .large-up-4>.cell {
                width: 25%
            }
            .large-up-5>.cell {
                width: 20%
            }
            .large-up-6>.cell {
                width: 16.66667%
            }
            .large-up-7>.cell {
                width: 14.28571%
            }
            .large-up-8>.cell {
                width: 12.5%
            }
        }
        
        .grid-margin-x.small-up-1>.cell {
            width: calc(100% - 1.25rem)
        }
        
        .grid-margin-x.small-up-2>.cell {
            width: calc(50% - 1.25rem)
        }
        
        .grid-margin-x.small-up-3>.cell {
            width: calc(33.33333% - 1.25rem)
        }
        
        .grid-margin-x.small-up-4>.cell {
            width: calc(25% - 1.25rem)
        }
        
        .grid-margin-x.small-up-5>.cell {
            width: calc(20% - 1.25rem)
        }
        
        .grid-margin-x.small-up-6>.cell {
            width: calc(16.66667% - 1.25rem)
        }
        
        .grid-margin-x.small-up-7>.cell {
            width: calc(14.28571% - 1.25rem)
        }
        
        .grid-margin-x.small-up-8>.cell {
            width: calc(12.5% - 1.25rem)
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-margin-x.small-up-1>.cell {
                width: calc(100% - 1.875rem)
            }
            .grid-margin-x.small-up-2>.cell {
                width: calc(50% - 1.875rem)
            }
            .grid-margin-x.small-up-3>.cell {
                width: calc(33.33333% - 1.875rem)
            }
            .grid-margin-x.small-up-4>.cell {
                width: calc(25% - 1.875rem)
            }
            .grid-margin-x.small-up-5>.cell {
                width: calc(20% - 1.875rem)
            }
            .grid-margin-x.small-up-6>.cell {
                width: calc(16.66667% - 1.875rem)
            }
            .grid-margin-x.small-up-7>.cell {
                width: calc(14.28571% - 1.875rem)
            }
            .grid-margin-x.small-up-8>.cell {
                width: calc(12.5% - 1.875rem)
            }
            .grid-margin-x.medium-up-1>.cell {
                width: calc(100% - 1.875rem)
            }
            .grid-margin-x.medium-up-2>.cell {
                width: calc(50% - 1.875rem)
            }
            .grid-margin-x.medium-up-3>.cell {
                width: calc(33.33333% - 1.875rem)
            }
            .grid-margin-x.medium-up-4>.cell {
                width: calc(25% - 1.875rem)
            }
            .grid-margin-x.medium-up-5>.cell {
                width: calc(20% - 1.875rem)
            }
            .grid-margin-x.medium-up-6>.cell {
                width: calc(16.66667% - 1.875rem)
            }
            .grid-margin-x.medium-up-7>.cell {
                width: calc(14.28571% - 1.875rem)
            }
            .grid-margin-x.medium-up-8>.cell {
                width: calc(12.5% - 1.875rem)
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-margin-x.large-up-1>.cell {
                width: calc(100% - 1.875rem)
            }
            .grid-margin-x.large-up-2>.cell {
                width: calc(50% - 1.875rem)
            }
            .grid-margin-x.large-up-3>.cell {
                width: calc(33.33333% - 1.875rem)
            }
            .grid-margin-x.large-up-4>.cell {
                width: calc(25% - 1.875rem)
            }
            .grid-margin-x.large-up-5>.cell {
                width: calc(20% - 1.875rem)
            }
            .grid-margin-x.large-up-6>.cell {
                width: calc(16.66667% - 1.875rem)
            }
            .grid-margin-x.large-up-7>.cell {
                width: calc(14.28571% - 1.875rem)
            }
            .grid-margin-x.large-up-8>.cell {
                width: calc(12.5% - 1.875rem)
            }
        }
        
        .small-margin-collapse {
            margin-right: 0;
            margin-left: 0
        }
        
        .small-margin-collapse>.cell {
            margin-right: 0;
            margin-left: 0
        }
        
        .small-margin-collapse>.small-1 {
            width: 8.33333%
        }
        
        .small-margin-collapse>.small-2 {
            width: 16.66667%
        }
        
        .small-margin-collapse>.small-3 {
            width: 25%
        }
        
        .small-margin-collapse>.small-4 {
            width: 33.33333%
        }
        
        .small-margin-collapse>.small-5 {
            width: 41.66667%
        }
        
        .small-margin-collapse>.small-6 {
            width: 50%
        }
        
        .small-margin-collapse>.small-7 {
            width: 58.33333%
        }
        
        .small-margin-collapse>.small-8 {
            width: 66.66667%
        }
        
        .small-margin-collapse>.small-9 {
            width: 75%
        }
        
        .small-margin-collapse>.small-10 {
            width: 83.33333%
        }
        
        .small-margin-collapse>.small-11 {
            width: 91.66667%
        }
        
        .small-margin-collapse>.small-12 {
            width: 100%
        }
        
        .small-margin-collapse>.medium-1 {
            width: 8.33333%
        }
        
        .small-margin-collapse>.medium-2 {
            width: 16.66667%
        }
        
        .small-margin-collapse>.medium-3 {
            width: 25%
        }
        
        .small-margin-collapse>.medium-4 {
            width: 33.33333%
        }
        
        .small-margin-collapse>.medium-5 {
            width: 41.66667%
        }
        
        .small-margin-collapse>.medium-6 {
            width: 50%
        }
        
        .small-margin-collapse>.medium-7 {
            width: 58.33333%
        }
        
        .small-margin-collapse>.medium-8 {
            width: 66.66667%
        }
        
        .small-margin-collapse>.medium-9 {
            width: 75%
        }
        
        .small-margin-collapse>.medium-10 {
            width: 83.33333%
        }
        
        .small-margin-collapse>.medium-11 {
            width: 91.66667%
        }
        
        .small-margin-collapse>.medium-12 {
            width: 100%
        }
        
        .small-margin-collapse>.large-1 {
            width: 8.33333%
        }
        
        .small-margin-collapse>.large-2 {
            width: 16.66667%
        }
        
        .small-margin-collapse>.large-3 {
            width: 25%
        }
        
        .small-margin-collapse>.large-4 {
            width: 33.33333%
        }
        
        .small-margin-collapse>.large-5 {
            width: 41.66667%
        }
        
        .small-margin-collapse>.large-6 {
            width: 50%
        }
        
        .small-margin-collapse>.large-7 {
            width: 58.33333%
        }
        
        .small-margin-collapse>.large-8 {
            width: 66.66667%
        }
        
        .small-margin-collapse>.large-9 {
            width: 75%
        }
        
        .small-margin-collapse>.large-10 {
            width: 83.33333%
        }
        
        .small-margin-collapse>.large-11 {
            width: 91.66667%
        }
        
        .small-margin-collapse>.large-12 {
            width: 100%
        }
        
        .small-padding-collapse {
            margin-right: 0;
            margin-left: 0
        }
        
        .small-padding-collapse>.cell {
            padding-right: 0;
            padding-left: 0
        }
        
        @media print,
        screen and (min-width:48em) {
            .medium-margin-collapse {
                margin-right: 0;
                margin-left: 0
            }
            .medium-margin-collapse>.cell {
                margin-right: 0;
                margin-left: 0
            }
            .medium-margin-collapse>.small-1 {
                width: 8.33333%
            }
            .medium-margin-collapse>.small-2 {
                width: 16.66667%
            }
            .medium-margin-collapse>.small-3 {
                width: 25%
            }
            .medium-margin-collapse>.small-4 {
                width: 33.33333%
            }
            .medium-margin-collapse>.small-5 {
                width: 41.66667%
            }
            .medium-margin-collapse>.small-6 {
                width: 50%
            }
            .medium-margin-collapse>.small-7 {
                width: 58.33333%
            }
            .medium-margin-collapse>.small-8 {
                width: 66.66667%
            }
            .medium-margin-collapse>.small-9 {
                width: 75%
            }
            .medium-margin-collapse>.small-10 {
                width: 83.33333%
            }
            .medium-margin-collapse>.small-11 {
                width: 91.66667%
            }
            .medium-margin-collapse>.small-12 {
                width: 100%
            }
            .medium-margin-collapse>.medium-1 {
                width: 8.33333%
            }
            .medium-margin-collapse>.medium-2 {
                width: 16.66667%
            }
            .medium-margin-collapse>.medium-3 {
                width: 25%
            }
            .medium-margin-collapse>.medium-4 {
                width: 33.33333%
            }
            .medium-margin-collapse>.medium-5 {
                width: 41.66667%
            }
            .medium-margin-collapse>.medium-6 {
                width: 50%
            }
            .medium-margin-collapse>.medium-7 {
                width: 58.33333%
            }
            .medium-margin-collapse>.medium-8 {
                width: 66.66667%
            }
            .medium-margin-collapse>.medium-9 {
                width: 75%
            }
            .medium-margin-collapse>.medium-10 {
                width: 83.33333%
            }
            .medium-margin-collapse>.medium-11 {
                width: 91.66667%
            }
            .medium-margin-collapse>.medium-12 {
                width: 100%
            }
            .medium-margin-collapse>.large-1 {
                width: 8.33333%
            }
            .medium-margin-collapse>.large-2 {
                width: 16.66667%
            }
            .medium-margin-collapse>.large-3 {
                width: 25%
            }
            .medium-margin-collapse>.large-4 {
                width: 33.33333%
            }
            .medium-margin-collapse>.large-5 {
                width: 41.66667%
            }
            .medium-margin-collapse>.large-6 {
                width: 50%
            }
            .medium-margin-collapse>.large-7 {
                width: 58.33333%
            }
            .medium-margin-collapse>.large-8 {
                width: 66.66667%
            }
            .medium-margin-collapse>.large-9 {
                width: 75%
            }
            .medium-margin-collapse>.large-10 {
                width: 83.33333%
            }
            .medium-margin-collapse>.large-11 {
                width: 91.66667%
            }
            .medium-margin-collapse>.large-12 {
                width: 100%
            }
            .medium-padding-collapse {
                margin-right: 0;
                margin-left: 0
            }
            .medium-padding-collapse>.cell {
                padding-right: 0;
                padding-left: 0
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .large-margin-collapse {
                margin-right: 0;
                margin-left: 0
            }
            .large-margin-collapse>.cell {
                margin-right: 0;
                margin-left: 0
            }
            .large-margin-collapse>.small-1 {
                width: 8.33333%
            }
            .large-margin-collapse>.small-2 {
                width: 16.66667%
            }
            .large-margin-collapse>.small-3 {
                width: 25%
            }
            .large-margin-collapse>.small-4 {
                width: 33.33333%
            }
            .large-margin-collapse>.small-5 {
                width: 41.66667%
            }
            .large-margin-collapse>.small-6 {
                width: 50%
            }
            .large-margin-collapse>.small-7 {
                width: 58.33333%
            }
            .large-margin-collapse>.small-8 {
                width: 66.66667%
            }
            .large-margin-collapse>.small-9 {
                width: 75%
            }
            .large-margin-collapse>.small-10 {
                width: 83.33333%
            }
            .large-margin-collapse>.small-11 {
                width: 91.66667%
            }
            .large-margin-collapse>.small-12 {
                width: 100%
            }
            .large-margin-collapse>.medium-1 {
                width: 8.33333%
            }
            .large-margin-collapse>.medium-2 {
                width: 16.66667%
            }
            .large-margin-collapse>.medium-3 {
                width: 25%
            }
            .large-margin-collapse>.medium-4 {
                width: 33.33333%
            }
            .large-margin-collapse>.medium-5 {
                width: 41.66667%
            }
            .large-margin-collapse>.medium-6 {
                width: 50%
            }
            .large-margin-collapse>.medium-7 {
                width: 58.33333%
            }
            .large-margin-collapse>.medium-8 {
                width: 66.66667%
            }
            .large-margin-collapse>.medium-9 {
                width: 75%
            }
            .large-margin-collapse>.medium-10 {
                width: 83.33333%
            }
            .large-margin-collapse>.medium-11 {
                width: 91.66667%
            }
            .large-margin-collapse>.medium-12 {
                width: 100%
            }
            .large-margin-collapse>.large-1 {
                width: 8.33333%
            }
            .large-margin-collapse>.large-2 {
                width: 16.66667%
            }
            .large-margin-collapse>.large-3 {
                width: 25%
            }
            .large-margin-collapse>.large-4 {
                width: 33.33333%
            }
            .large-margin-collapse>.large-5 {
                width: 41.66667%
            }
            .large-margin-collapse>.large-6 {
                width: 50%
            }
            .large-margin-collapse>.large-7 {
                width: 58.33333%
            }
            .large-margin-collapse>.large-8 {
                width: 66.66667%
            }
            .large-margin-collapse>.large-9 {
                width: 75%
            }
            .large-margin-collapse>.large-10 {
                width: 83.33333%
            }
            .large-margin-collapse>.large-11 {
                width: 91.66667%
            }
            .large-margin-collapse>.large-12 {
                width: 100%
            }
            .large-padding-collapse {
                margin-right: 0;
                margin-left: 0
            }
            .large-padding-collapse>.cell {
                padding-right: 0;
                padding-left: 0
            }
        }
        
        .small-offset-0 {
            margin-left: 0%
        }
        
        .grid-margin-x>.small-offset-0 {
            margin-left: calc(0% + 0.625rem)
        }
        
        .small-offset-1 {
            margin-left: 8.33333%
        }
        
        .grid-margin-x>.small-offset-1 {
            margin-left: calc(8.33333% + 0.625rem)
        }
        
        .small-offset-2 {
            margin-left: 16.66667%
        }
        
        .grid-margin-x>.small-offset-2 {
            margin-left: calc(16.66667% + 0.625rem)
        }
        
        .small-offset-3 {
            margin-left: 25%
        }
        
        .grid-margin-x>.small-offset-3 {
            margin-left: calc(25% + 0.625rem)
        }
        
        .small-offset-4 {
            margin-left: 33.33333%
        }
        
        .grid-margin-x>.small-offset-4 {
            margin-left: calc(33.33333% + 0.625rem)
        }
        
        .small-offset-5 {
            margin-left: 41.66667%
        }
        
        .grid-margin-x>.small-offset-5 {
            margin-left: calc(41.66667% + 0.625rem)
        }
        
        .small-offset-6 {
            margin-left: 50%
        }
        
        .grid-margin-x>.small-offset-6 {
            margin-left: calc(50% + 0.625rem)
        }
        
        .small-offset-7 {
            margin-left: 58.33333%
        }
        
        .grid-margin-x>.small-offset-7 {
            margin-left: calc(58.33333% + 0.625rem)
        }
        
        .small-offset-8 {
            margin-left: 66.66667%
        }
        
        .grid-margin-x>.small-offset-8 {
            margin-left: calc(66.66667% + 0.625rem)
        }
        
        .small-offset-9 {
            margin-left: 75%
        }
        
        .grid-margin-x>.small-offset-9 {
            margin-left: calc(75% + 0.625rem)
        }
        
        .small-offset-10 {
            margin-left: 83.33333%
        }
        
        .grid-margin-x>.small-offset-10 {
            margin-left: calc(83.33333% + 0.625rem)
        }
        
        .small-offset-11 {
            margin-left: 91.66667%
        }
        
        .grid-margin-x>.small-offset-11 {
            margin-left: calc(91.66667% + 0.625rem)
        }
        
        @media print,
        screen and (min-width:48em) {
            .medium-offset-0 {
                margin-left: 0%
            }
            .grid-margin-x>.medium-offset-0 {
                margin-left: calc(0% + 0.9375rem)
            }
            .medium-offset-1 {
                margin-left: 8.33333%
            }
            .grid-margin-x>.medium-offset-1 {
                margin-left: calc(8.33333% + 0.9375rem)
            }
            .medium-offset-2 {
                margin-left: 16.66667%
            }
            .grid-margin-x>.medium-offset-2 {
                margin-left: calc(16.66667% + 0.9375rem)
            }
            .medium-offset-3 {
                margin-left: 25%
            }
            .grid-margin-x>.medium-offset-3 {
                margin-left: calc(25% + 0.9375rem)
            }
            .medium-offset-4 {
                margin-left: 33.33333%
            }
            .grid-margin-x>.medium-offset-4 {
                margin-left: calc(33.33333% + 0.9375rem)
            }
            .medium-offset-5 {
                margin-left: 41.66667%
            }
            .grid-margin-x>.medium-offset-5 {
                margin-left: calc(41.66667% + 0.9375rem)
            }
            .medium-offset-6 {
                margin-left: 50%
            }
            .grid-margin-x>.medium-offset-6 {
                margin-left: calc(50% + 0.9375rem)
            }
            .medium-offset-7 {
                margin-left: 58.33333%
            }
            .grid-margin-x>.medium-offset-7 {
                margin-left: calc(58.33333% + 0.9375rem)
            }
            .medium-offset-8 {
                margin-left: 66.66667%
            }
            .grid-margin-x>.medium-offset-8 {
                margin-left: calc(66.66667% + 0.9375rem)
            }
            .medium-offset-9 {
                margin-left: 75%
            }
            .grid-margin-x>.medium-offset-9 {
                margin-left: calc(75% + 0.9375rem)
            }
            .medium-offset-10 {
                margin-left: 83.33333%
            }
            .grid-margin-x>.medium-offset-10 {
                margin-left: calc(83.33333% + 0.9375rem)
            }
            .medium-offset-11 {
                margin-left: 91.66667%
            }
            .grid-margin-x>.medium-offset-11 {
                margin-left: calc(91.66667% + 0.9375rem)
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .large-offset-0 {
                margin-left: 0%
            }
            .grid-margin-x>.large-offset-0 {
                margin-left: calc(0% + 0.9375rem)
            }
            .large-offset-1 {
                margin-left: 8.33333%
            }
            .grid-margin-x>.large-offset-1 {
                margin-left: calc(8.33333% + 0.9375rem)
            }
            .large-offset-2 {
                margin-left: 16.66667%
            }
            .grid-margin-x>.large-offset-2 {
                margin-left: calc(16.66667% + 0.9375rem)
            }
            .large-offset-3 {
                margin-left: 25%
            }
            .grid-margin-x>.large-offset-3 {
                margin-left: calc(25% + 0.9375rem)
            }
            .large-offset-4 {
                margin-left: 33.33333%
            }
            .grid-margin-x>.large-offset-4 {
                margin-left: calc(33.33333% + 0.9375rem)
            }
            .large-offset-5 {
                margin-left: 41.66667%
            }
            .grid-margin-x>.large-offset-5 {
                margin-left: calc(41.66667% + 0.9375rem)
            }
            .large-offset-6 {
                margin-left: 50%
            }
            .grid-margin-x>.large-offset-6 {
                margin-left: calc(50% + 0.9375rem)
            }
            .large-offset-7 {
                margin-left: 58.33333%
            }
            .grid-margin-x>.large-offset-7 {
                margin-left: calc(58.33333% + 0.9375rem)
            }
            .large-offset-8 {
                margin-left: 66.66667%
            }
            .grid-margin-x>.large-offset-8 {
                margin-left: calc(66.66667% + 0.9375rem)
            }
            .large-offset-9 {
                margin-left: 75%
            }
            .grid-margin-x>.large-offset-9 {
                margin-left: calc(75% + 0.9375rem)
            }
            .large-offset-10 {
                margin-left: 83.33333%
            }
            .grid-margin-x>.large-offset-10 {
                margin-left: calc(83.33333% + 0.9375rem)
            }
            .large-offset-11 {
                margin-left: 91.66667%
            }
            .grid-margin-x>.large-offset-11 {
                margin-left: calc(91.66667% + 0.9375rem)
            }
        }
        
        .grid-y {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }
        
        .grid-y>.cell {
            width: auto
        }
        
        .grid-y>.auto {
            height: auto
        }
        
        .grid-y>.shrink {
            height: auto
        }
        
        .grid-y>small-shrink,
        .grid-y>small-full,
        .grid-y>small-1,
        .grid-y>small-2,
        .grid-y>small-3,
        .grid-y>small-4,
        .grid-y>small-5,
        .grid-y>small-6,
        .grid-y>small-7,
        .grid-y>small-8,
        .grid-y>small-9,
        .grid-y>small-10,
        .grid-y>small-11,
        .grid-y>small-12 {
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-y>medium-shrink,
            .grid-y>medium-full,
            .grid-y>medium-1,
            .grid-y>medium-2,
            .grid-y>medium-3,
            .grid-y>medium-4,
            .grid-y>medium-5,
            .grid-y>medium-6,
            .grid-y>medium-7,
            .grid-y>medium-8,
            .grid-y>medium-9,
            .grid-y>medium-10,
            .grid-y>medium-11,
            .grid-y>medium-12 {
                -webkit-flex-basis: auto;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-y>large-shrink,
            .grid-y>large-full,
            .grid-y>large-1,
            .grid-y>large-2,
            .grid-y>large-3,
            .grid-y>large-4,
            .grid-y>large-5,
            .grid-y>large-6,
            .grid-y>large-7,
            .grid-y>large-8,
            .grid-y>large-9,
            .grid-y>large-10,
            .grid-y>large-11,
            .grid-y>large-12 {
                -webkit-flex-basis: auto;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }
        }
        
        .grid-y>.small-1 {
            height: 8.33333%
        }
        
        .grid-y>.small-2 {
            height: 16.66667%
        }
        
        .grid-y>.small-3 {
            height: 25%
        }
        
        .grid-y>.small-4 {
            height: 33.33333%
        }
        
        .grid-y>.small-5 {
            height: 41.66667%
        }
        
        .grid-y>.small-6 {
            height: 50%
        }
        
        .grid-y>.small-7 {
            height: 58.33333%
        }
        
        .grid-y>.small-8 {
            height: 66.66667%
        }
        
        .grid-y>.small-9 {
            height: 75%
        }
        
        .grid-y>.small-10 {
            height: 83.33333%
        }
        
        .grid-y>.small-11 {
            height: 91.66667%
        }
        
        .grid-y>.small-12 {
            height: 100%
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-y>.medium-auto {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                height: auto
            }
            .grid-y>.medium-shrink {
                height: auto
            }
            .grid-y>.medium-1 {
                height: 8.33333%
            }
            .grid-y>.medium-2 {
                height: 16.66667%
            }
            .grid-y>.medium-3 {
                height: 25%
            }
            .grid-y>.medium-4 {
                height: 33.33333%
            }
            .grid-y>.medium-5 {
                height: 41.66667%
            }
            .grid-y>.medium-6 {
                height: 50%
            }
            .grid-y>.medium-7 {
                height: 58.33333%
            }
            .grid-y>.medium-8 {
                height: 66.66667%
            }
            .grid-y>.medium-9 {
                height: 75%
            }
            .grid-y>.medium-10 {
                height: 83.33333%
            }
            .grid-y>.medium-11 {
                height: 91.66667%
            }
            .grid-y>.medium-12 {
                height: 100%
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-y>.large-auto {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                height: auto
            }
            .grid-y>.large-shrink {
                height: auto
            }
            .grid-y>.large-1 {
                height: 8.33333%
            }
            .grid-y>.large-2 {
                height: 16.66667%
            }
            .grid-y>.large-3 {
                height: 25%
            }
            .grid-y>.large-4 {
                height: 33.33333%
            }
            .grid-y>.large-5 {
                height: 41.66667%
            }
            .grid-y>.large-6 {
                height: 50%
            }
            .grid-y>.large-7 {
                height: 58.33333%
            }
            .grid-y>.large-8 {
                height: 66.66667%
            }
            .grid-y>.large-9 {
                height: 75%
            }
            .grid-y>.large-10 {
                height: 83.33333%
            }
            .grid-y>.large-11 {
                height: 91.66667%
            }
            .grid-y>.large-12 {
                height: 100%
            }
        }
        
        .grid-padding-y .grid-padding-y {
            margin-top: -.625rem;
            margin-bottom: -.625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-padding-y .grid-padding-y {
                margin-top: -.9375rem;
                margin-bottom: -.9375rem
            }
        }
        
        .grid-padding-y>.cell {
            padding-top: .625rem;
            padding-bottom: .625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-padding-y>.cell {
                padding-top: .9375rem;
                padding-bottom: .9375rem
            }
        }
        
        .grid-margin-y {
            margin-top: -.625rem;
            margin-bottom: -.625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-margin-y {
                margin-top: -.9375rem;
                margin-bottom: -.9375rem
            }
        }
        
        .grid-margin-y>.cell {
            height: calc(100% - 1.25rem);
            margin-top: .625rem;
            margin-bottom: .625rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-margin-y>.cell {
                height: calc(100% - 1.875rem);
                margin-top: .9375rem;
                margin-bottom: .9375rem
            }
        }
        
        .grid-margin-y>.auto {
            height: auto
        }
        
        .grid-margin-y>.shrink {
            height: auto
        }
        
        .grid-margin-y>.small-1 {
            height: calc(8.33333% - 1.25rem)
        }
        
        .grid-margin-y>.small-2 {
            height: calc(16.66667% - 1.25rem)
        }
        
        .grid-margin-y>.small-3 {
            height: calc(25% - 1.25rem)
        }
        
        .grid-margin-y>.small-4 {
            height: calc(33.33333% - 1.25rem)
        }
        
        .grid-margin-y>.small-5 {
            height: calc(41.66667% - 1.25rem)
        }
        
        .grid-margin-y>.small-6 {
            height: calc(50% - 1.25rem)
        }
        
        .grid-margin-y>.small-7 {
            height: calc(58.33333% - 1.25rem)
        }
        
        .grid-margin-y>.small-8 {
            height: calc(66.66667% - 1.25rem)
        }
        
        .grid-margin-y>.small-9 {
            height: calc(75% - 1.25rem)
        }
        
        .grid-margin-y>.small-10 {
            height: calc(83.33333% - 1.25rem)
        }
        
        .grid-margin-y>.small-11 {
            height: calc(91.66667% - 1.25rem)
        }
        
        .grid-margin-y>.small-12 {
            height: calc(100% - 1.25rem)
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-margin-y>.auto {
                height: auto
            }
            .grid-margin-y>.shrink {
                height: auto
            }
            .grid-margin-y>.small-1 {
                height: calc(8.33333% - 1.875rem)
            }
            .grid-margin-y>.small-2 {
                height: calc(16.66667% - 1.875rem)
            }
            .grid-margin-y>.small-3 {
                height: calc(25% - 1.875rem)
            }
            .grid-margin-y>.small-4 {
                height: calc(33.33333% - 1.875rem)
            }
            .grid-margin-y>.small-5 {
                height: calc(41.66667% - 1.875rem)
            }
            .grid-margin-y>.small-6 {
                height: calc(50% - 1.875rem)
            }
            .grid-margin-y>.small-7 {
                height: calc(58.33333% - 1.875rem)
            }
            .grid-margin-y>.small-8 {
                height: calc(66.66667% - 1.875rem)
            }
            .grid-margin-y>.small-9 {
                height: calc(75% - 1.875rem)
            }
            .grid-margin-y>.small-10 {
                height: calc(83.33333% - 1.875rem)
            }
            .grid-margin-y>.small-11 {
                height: calc(91.66667% - 1.875rem)
            }
            .grid-margin-y>.small-12 {
                height: calc(100% - 1.875rem)
            }
            .grid-margin-y>.medium-auto {
                height: auto
            }
            .grid-margin-y>.medium-shrink {
                height: auto
            }
            .grid-margin-y>.medium-1 {
                height: calc(8.33333% - 1.875rem)
            }
            .grid-margin-y>.medium-2 {
                height: calc(16.66667% - 1.875rem)
            }
            .grid-margin-y>.medium-3 {
                height: calc(25% - 1.875rem)
            }
            .grid-margin-y>.medium-4 {
                height: calc(33.33333% - 1.875rem)
            }
            .grid-margin-y>.medium-5 {
                height: calc(41.66667% - 1.875rem)
            }
            .grid-margin-y>.medium-6 {
                height: calc(50% - 1.875rem)
            }
            .grid-margin-y>.medium-7 {
                height: calc(58.33333% - 1.875rem)
            }
            .grid-margin-y>.medium-8 {
                height: calc(66.66667% - 1.875rem)
            }
            .grid-margin-y>.medium-9 {
                height: calc(75% - 1.875rem)
            }
            .grid-margin-y>.medium-10 {
                height: calc(83.33333% - 1.875rem)
            }
            .grid-margin-y>.medium-11 {
                height: calc(91.66667% - 1.875rem)
            }
            .grid-margin-y>.medium-12 {
                height: calc(100% - 1.875rem)
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-margin-y>.large-auto {
                height: auto
            }
            .grid-margin-y>.large-shrink {
                height: auto
            }
            .grid-margin-y>.large-1 {
                height: calc(8.33333% - 1.875rem)
            }
            .grid-margin-y>.large-2 {
                height: calc(16.66667% - 1.875rem)
            }
            .grid-margin-y>.large-3 {
                height: calc(25% - 1.875rem)
            }
            .grid-margin-y>.large-4 {
                height: calc(33.33333% - 1.875rem)
            }
            .grid-margin-y>.large-5 {
                height: calc(41.66667% - 1.875rem)
            }
            .grid-margin-y>.large-6 {
                height: calc(50% - 1.875rem)
            }
            .grid-margin-y>.large-7 {
                height: calc(58.33333% - 1.875rem)
            }
            .grid-margin-y>.large-8 {
                height: calc(66.66667% - 1.875rem)
            }
            .grid-margin-y>.large-9 {
                height: calc(75% - 1.875rem)
            }
            .grid-margin-y>.large-10 {
                height: calc(83.33333% - 1.875rem)
            }
            .grid-margin-y>.large-11 {
                height: calc(91.66667% - 1.875rem)
            }
            .grid-margin-y>.large-12 {
                height: calc(100% - 1.875rem)
            }
        }
        
        .grid-frame {
            width: 100vw;
            overflow: hidden;
            position: relative;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }
        
        .cell .grid-frame {
            width: 100%
        }
        
        .cell-block {
            overflow-x: auto;
            max-width: 100%;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-stype: -ms-autohiding-scrollbar
        }
        
        .cell-block-y {
            overflow-y: auto;
            max-height: 100%;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-stype: -ms-autohiding-scrollbar
        }
        
        .cell-block-container {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            max-height: 100%
        }
        
        .cell-block-container>.grid-x {
            max-height: 100%;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }
        
        @media print,
        screen and (min-width:48em) {
            .medium-grid-frame {
                width: 100vw;
                overflow: hidden;
                position: relative;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-align-items: stretch;
                -ms-flex-align: stretch;
                align-items: stretch
            }
            .cell .medium-grid-frame {
                width: 100%
            }
            .medium-cell-block {
                overflow-x: auto;
                max-width: 100%;
                -webkit-overflow-scrolling: touch;
                -ms-overflow-stype: -ms-autohiding-scrollbar
            }
            .medium-cell-block-container {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                max-height: 100%
            }
            .medium-cell-block-container>.grid-x {
                max-height: 100%;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }
            .medium-cell-block-y {
                overflow-y: auto;
                max-height: 100%;
                -webkit-overflow-scrolling: touch;
                -ms-overflow-stype: -ms-autohiding-scrollbar
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .large-grid-frame {
                width: 100vw;
                overflow: hidden;
                position: relative;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-align-items: stretch;
                -ms-flex-align: stretch;
                align-items: stretch
            }
            .cell .large-grid-frame {
                width: 100%
            }
            .large-cell-block {
                overflow-x: auto;
                max-width: 100%;
                -webkit-overflow-scrolling: touch;
                -ms-overflow-stype: -ms-autohiding-scrollbar
            }
            .large-cell-block-container {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                max-height: 100%
            }
            .large-cell-block-container>.grid-x {
                max-height: 100%;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }
            .large-cell-block-y {
                overflow-y: auto;
                max-height: 100%;
                -webkit-overflow-scrolling: touch;
                -ms-overflow-stype: -ms-autohiding-scrollbar
            }
        }
        
        .grid-y.grid-frame {
            width: auto;
            height: 100vh;
            overflow: hidden;
            position: relative;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }
        
        @media print,
        screen and (min-width:48em) {
            .grid-y.medium-grid-frame {
                width: auto;
                height: 100vh;
                overflow: hidden;
                position: relative;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-align-items: stretch;
                -ms-flex-align: stretch;
                align-items: stretch
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .grid-y.large-grid-frame {
                width: auto;
                height: 100vh;
                overflow: hidden;
                position: relative;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-align-items: stretch;
                -ms-flex-align: stretch;
                align-items: stretch
            }
        }
        
        .cell .grid-y.grid-frame {
            height: 100%
        }
        
        @media print,
        screen and (min-width:48em) {
            .cell .grid-y.medium-grid-frame {
                height: 100%
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .cell .grid-y.large-grid-frame {
                height: 100%
            }
        }
        
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        pre,
        form,
        p,
        blockquote,
        th,
        td {
            margin: 0;
            padding: 0
        }
        
        p {
            margin-bottom: 1rem;
            font-size: inherit;
            line-height: 1.6;
            text-rendering: optimizeLegibility
        }
        
        em,
        i {
            font-style: italic;
            line-height: inherit
        }
        
        strong,
        b {
            font-weight: normal;
            line-height: inherit
        }
        
        small {
            font-size: 80%;
            line-height: inherit
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Marcellus', serif;
            font-style: normal;
            font-weight: 700;
            color: inherit;
            text-rendering: optimizeLegibility
        }
        
        h1 small,
        h2 small,
        h3 small,
        h4 small,
        h5 small,
        h6 small {
            line-height: 0;
            color: #BABABA
        }
        
        h1 {
            font-size: 1.5rem;
            line-height: 1.4;
            margin-top: 0;
            margin-bottom: .5rem
        }
        
        h2 {
            font-size: 1.25rem;
            line-height: 1.4;
            margin-top: 0;
            margin-bottom: .5rem
        }
        
        h3 {
            font-size: 1.1875rem;
            line-height: 1.4;
            margin-top: 0;
            margin-bottom: .5rem
        }
        
        h4 {
            font-size: 1.125rem;
            line-height: 1.4;
            margin-top: 0;
            margin-bottom: .5rem
        }
        
        h5 {
            font-size: 1.0625rem;
            line-height: 1.4;
            margin-top: 0;
            margin-bottom: .5rem
        }
        
        h6 {
            font-size: 1rem;
            line-height: 1.4;
            margin-top: 0;
            margin-bottom: .5rem
        }
        
        @media print,
        screen and (min-width:48em) {
            h1 {
                font-size: 3rem
            }
            h2 {
                font-size: 2.5rem
            }
            h3 {
                font-size: 1.9375rem
            }
            h4 {
                font-size: 1.5625rem
            }
            h5 {
                font-size: 1.25rem
            }
            h6 {
                font-size: 1rem
            }
        }
        
        a {
            line-height: inherit;
            color: #344570;
            text-decoration: none;
            cursor: pointer
        }
        
        a:hover,
        a:focus {
            color: #2d3b60
        }
        
        a img {
            border: 0
        }
        
        hr {
            clear: both;
            max-width: 75rem;
            height: 0;
            margin: 1.25rem auto;
            border-top: 0;
            border-right: 0;
            border-bottom: 1px solid #BABABA;
            border-left: 0
        }
        
        ul,
        ol,
        dl {
            margin-bottom: 1rem;
            list-style-position: outside;
            line-height: 1.6
        }
        
        li {
            font-size: inherit
        }
        
        ul {
            margin-left: 1.25rem;
            list-style-type: disc
        }
        
        ol {
            margin-left: 1.25rem
        }
        
        ul ul,
        ol ul,
        ul ol,
        ol ol {
            margin-left: 1.25rem;
            margin-bottom: 0
        }
        
        dl {
            margin-bottom: 1rem
        }
        
        dl dt {
            margin-bottom: .3rem;
            font-weight: 700
        }
        
        blockquote {
            margin: 0 0 1rem;
            padding: .5625rem 1.25rem 0 1.1875rem;
            border-left: 1px solid #BABABA
        }
        
        blockquote,
        blockquote p {
            line-height: 1.6;
            color: #5c5d60
        }
        
        cite {
            display: block;
            font-size: .8125rem;
            color: #5c5d60
        }
        
        cite:before {
            content: "— "
        }
        
        abbr,
        abbr[title] {
            border-bottom: 1px dotted #0a0a0a;
            cursor: help;
            text-decoration: none
        }
        
        figure {
            margin: 0
        }
        
        code {
            padding: .125rem .3125rem .0625rem;
            border: 1px solid #BABABA;
            background-color: #e6e6e6;
         font-family: 'Marcellus', serif;
            font-weight: 400;
            color: #0a0a0a
        }
        
        kbd {
            margin: 0;
            padding: .125rem .25rem 0;
            background-color: #e6e6e6;
           font-family: 'Marcellus', serif;
            color: #0a0a0a
        }
        
        .subheader {
            margin-top: .2rem;
            margin-bottom: .5rem;
            font-weight: 400;
            line-height: 1.4;
            color: #5c5d60
        }
        
        .lead {
            font-size: 125%;
            line-height: 1.6
        }
        
        .stat {
            font-size: 2.5rem;
            line-height: 1
        }
        
        p + .stat {
            margin-top: -1rem
        }
        
        ul.no-bullet,
        ol.no-bullet {
            margin-left: 0;
            list-style: none
        }
        
        .text-left {
            text-align: left
        }
        
        .text-right {
            text-align: right
        }
        
        .text-center {
            text-align: center
        }
        
        .text-justify {
            text-align: justify
        }
        
        @media print,
        screen and (min-width:48em) {
            .medium-text-left {
                text-align: left
            }
            .medium-text-right {
                text-align: right
            }
            .medium-text-center {
                text-align: center
            }
            .medium-text-justify {
                text-align: justify
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .large-text-left {
                text-align: left
            }
            .large-text-right {
                text-align: right
            }
            .large-text-center {
                text-align: center
            }
            .large-text-justify {
                text-align: justify
            }
        }
        
        .show-for-print {
            display: none!important
        }
        
        @media print {
            * {
                background: transparent!important;
                box-shadow: none!important;
                color: black!important;
                text-shadow: none!important
            }
            .show-for-print {
                display: block!important
            }
            .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
            }
            a,
            a:visited {
                text-decoration: underline
            }
            a[href]:after {
                content: " (" attr(href) ")"
            }
            .ir a:after,
            a[href^='javascript:']:after,
            a[href^='#']:after {
                content: ''
            }
            abbr[title]:after {
                content: " (" attr(title) ")"
            }
            pre,
            blockquote {
                border: 1px solid #5c5d60;
                page-break-inside: avoid
            }
            thead {
                display: table-header-group
            }
            tr,
            img {
                page-break-inside: avoid
            }
            img {
                max-width: 100%!important
            }
            @page {
                margin: .5cm
            }
            p,
            h2,
            h3 {
                orphans: 3;
                widows: 3
            }
            h2,
            h3 {
                page-break-after: avoid
            }
            .print-break-inside {
                page-break-inside: auto
            }
        }
        
        .button {
            display: inline-block;
            vertical-align: middle;
            margin: 0 0 1rem 0;
            font-family: inherit;
            padding: .85em 1em;
            -webkit-appearance: none;
            border: 1px solid transparent;
            border-radius: 0;
            transition: background-color 0.25s ease-out, color 0.25s ease-out;
            font-size: .9rem;
            line-height: 1;
            text-align: center;
            cursor: pointer;
            background-color: #344570;
            color: #fff
        }
        
        [data-whatinput='mouse'] .button {
            outline: 0
        }
        
        .button:hover,
        .button:focus {
            background-color: #2c3b5f;
            color: #fff
        }
        
        .button.tiny {
            font-size: .6rem
        }
        
        .button.small {
            font-size: .75rem
        }
        
        .button.large {
            font-size: 1.25rem
        }
        
        .button.expanded {
            display: block;
            width: 100%;
            margin-right: 0;
            margin-left: 0
        }
        
        .button.primary {
            background-color: #344570;
            color: #fff
        }
        
        .button.primary:hover,
        .button.primary:focus {
            background-color: #2a375a;
            color: #fff
        }
        
        .button.secondary {
            background-color: #d9a782;
            color: #0a0a0a
        }
        
        .button.secondary:hover,
        .button.secondary:focus {
            background-color: #c9824d;
            color: #0a0a0a
        }
        
        .button.success {
            background-color: #3adb76;
            color: #0a0a0a
        }
        
        .button.success:hover,
        .button.success:focus {
            background-color: #22bb5b;
            color: #0a0a0a
        }
        
        .button.warning {
            background-color: #ffae00;
            color: #0a0a0a
        }
        
        .button.warning:hover,
        .button.warning:focus {
            background-color: #cc8b00;
            color: #0a0a0a
        }
        
        .button.alert {
            background-color: #cc4b37;
            color: #fff
        }
        
        .button.alert:hover,
        .button.alert:focus {
            background-color: #a53b2a;
            color: #fff
        }
        
        .button.disabled,
        .button[disabled] {
            opacity: .25;
            cursor: not-allowed
        }
        
        .button.disabled,
        .button.disabled:hover,
        .button.disabled:focus,
        .button[disabled],
        .button[disabled]:hover,
        .button[disabled]:focus {
            background-color: #344570;
            color: #fff
        }
        
        .button.disabled.primary,
        .button[disabled].primary {
            opacity: .25;
            cursor: not-allowed
        }
        
        .button.disabled.primary,
        .button.disabled.primary:hover,
        .button.disabled.primary:focus,
        .button[disabled].primary,
        .button[disabled].primary:hover,
        .button[disabled].primary:focus {
            background-color: #344570;
            color: #fff
        }
        
        .button.disabled.secondary,
        .button[disabled].secondary {
            opacity: .25;
            cursor: not-allowed
        }
        
        .button.disabled.secondary,
        .button.disabled.secondary:hover,
        .button.disabled.secondary:focus,
        .button[disabled].secondary,
        .button[disabled].secondary:hover,
        .button[disabled].secondary:focus {
            background-color: #d9a782;
            color: #0a0a0a
        }
        
        .button.disabled.success,
        .button[disabled].success {
            opacity: .25;
            cursor: not-allowed
        }
        
        .button.disabled.success,
        .button.disabled.success:hover,
        .button.disabled.success:focus,
        .button[disabled].success,
        .button[disabled].success:hover,
        .button[disabled].success:focus {
            background-color: #3adb76;
            color: #0a0a0a
        }
        
        .button.disabled.warning,
        .button[disabled].warning {
            opacity: .25;
            cursor: not-allowed
        }
        
        .button.disabled.warning,
        .button.disabled.warning:hover,
        .button.disabled.warning:focus,
        .button[disabled].warning,
        .button[disabled].warning:hover,
        .button[disabled].warning:focus {
            background-color: #ffae00;
            color: #0a0a0a
        }
        
        .button.disabled.alert,
        .button[disabled].alert {
            opacity: .25;
            cursor: not-allowed
        }
        
        .button.disabled.alert,
        .button.disabled.alert:hover,
        .button.disabled.alert:focus,
        .button[disabled].alert,
        .button[disabled].alert:hover,
        .button[disabled].alert:focus {
            background-color: #cc4b37;
            color: #fff
        }
        
        .button.hollow {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.hollow,
        .button.hollow:hover,
        .button.hollow:focus {
            background-color: transparent
        }
        
        .button.hollow.disabled,
        .button.hollow.disabled:hover,
        .button.hollow.disabled:focus,
        .button.hollow[disabled],
        .button.hollow[disabled]:hover,
        .button.hollow[disabled]:focus {
            background-color: transparent
        }
        
        .button.hollow:hover,
        .button.hollow:focus {
            border-color: #1a2338;
            color: #1a2338
        }
        
        .button.hollow:hover.disabled,
        .button.hollow:hover[disabled],
        .button.hollow:focus.disabled,
        .button.hollow:focus[disabled] {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.hollow.primary {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.hollow.primary:hover,
        .button.hollow.primary:focus {
            border-color: #1a2338;
            color: #1a2338
        }
        
        .button.hollow.primary:hover.disabled,
        .button.hollow.primary:hover[disabled],
        .button.hollow.primary:focus.disabled,
        .button.hollow.primary:focus[disabled] {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.hollow.secondary {
            border: 1px solid #d9a782;
            color: #d9a782
        }
        
        .button.hollow.secondary:hover,
        .button.hollow.secondary:focus {
            border-color: #855028;
            color: #855028
        }
        
        .button.hollow.secondary:hover.disabled,
        .button.hollow.secondary:hover[disabled],
        .button.hollow.secondary:focus.disabled,
        .button.hollow.secondary:focus[disabled] {
            border: 1px solid #d9a782;
            color: #d9a782
        }
        
        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }
        
        .button.hollow.success:hover,
        .button.hollow.success:focus {
            border-color: #157539;
            color: #157539
        }
        
        .button.hollow.success:hover.disabled,
        .button.hollow.success:hover[disabled],
        .button.hollow.success:focus.disabled,
        .button.hollow.success:focus[disabled] {
            border: 1px solid #3adb76;
            color: #3adb76
        }
        
        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }
        
        .button.hollow.warning:hover,
        .button.hollow.warning:focus {
            border-color: #805700;
            color: #805700
        }
        
        .button.hollow.warning:hover.disabled,
        .button.hollow.warning:hover[disabled],
        .button.hollow.warning:focus.disabled,
        .button.hollow.warning:focus[disabled] {
            border: 1px solid #ffae00;
            color: #ffae00
        }
        
        .button.hollow.alert {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }
        
        .button.hollow.alert:hover,
        .button.hollow.alert:focus {
            border-color: #67251a;
            color: #67251a
        }
        
        .button.hollow.alert:hover.disabled,
        .button.hollow.alert:hover[disabled],
        .button.hollow.alert:focus.disabled,
        .button.hollow.alert:focus[disabled] {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }
        
        .button.clear {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.clear,
        .button.clear:hover,
        .button.clear:focus {
            background-color: transparent
        }
        
        .button.clear.disabled,
        .button.clear.disabled:hover,
        .button.clear.disabled:focus,
        .button.clear[disabled],
        .button.clear[disabled]:hover,
        .button.clear[disabled]:focus {
            background-color: transparent
        }
        
        .button.clear:hover,
        .button.clear:focus {
            border-color: #1a2338;
            color: #1a2338
        }
        
        .button.clear:hover.disabled,
        .button.clear:hover[disabled],
        .button.clear:focus.disabled,
        .button.clear:focus[disabled] {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.clear,
        .button.clear.disabled,
        .button.clear[disabled],
        .button.clear:hover,
        .button.clear:hover.disabled,
        .button.clear:hover[disabled],
        .button.clear:focus,
        .button.clear:focus.disabled,
        .button.clear:focus[disabled] {
            border-color: transparent
        }
        
        .button.clear.primary {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.clear.primary:hover,
        .button.clear.primary:focus {
            border-color: #1a2338;
            color: #1a2338
        }
        
        .button.clear.primary:hover.disabled,
        .button.clear.primary:hover[disabled],
        .button.clear.primary:focus.disabled,
        .button.clear.primary:focus[disabled] {
            border: 1px solid #344570;
            color: #344570
        }
        
        .button.clear.primary,
        .button.clear.primary.disabled,
        .button.clear.primary[disabled],
        .button.clear.primary:hover,
        .button.clear.primary:hover.disabled,
        .button.clear.primary:hover[disabled],
        .button.clear.primary:focus,
        .button.clear.primary:focus.disabled,
        .button.clear.primary:focus[disabled] {
            border-color: transparent
        }
        
        .button.clear.secondary {
            border: 1px solid #d9a782;
            color: #d9a782
        }
        
        .button.clear.secondary:hover,
        .button.clear.secondary:focus {
            border-color: #855028;
            color: #855028
        }
        
        .button.clear.secondary:hover.disabled,
        .button.clear.secondary:hover[disabled],
        .button.clear.secondary:focus.disabled,
        .button.clear.secondary:focus[disabled] {
            border: 1px solid #d9a782;
            color: #d9a782
        }
        
        .button.clear.secondary,
        .button.clear.secondary.disabled,
        .button.clear.secondary[disabled],
        .button.clear.secondary:hover,
        .button.clear.secondary:hover.disabled,
        .button.clear.secondary:hover[disabled],
        .button.clear.secondary:focus,
        .button.clear.secondary:focus.disabled,
        .button.clear.secondary:focus[disabled] {
            border-color: transparent
        }
        
        .button.clear.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }
        
        .button.clear.success:hover,
        .button.clear.success:focus {
            border-color: #157539;
            color: #157539
        }
        
        .button.clear.success:hover.disabled,
        .button.clear.success:hover[disabled],
        .button.clear.success:focus.disabled,
        .button.clear.success:focus[disabled] {
            border: 1px solid #3adb76;
            color: #3adb76
        }
        
        .button.clear.success,
        .button.clear.success.disabled,
        .button.clear.success[disabled],
        .button.clear.success:hover,
        .button.clear.success:hover.disabled,
        .button.clear.success:hover[disabled],
        .button.clear.success:focus,
        .button.clear.success:focus.disabled,
        .button.clear.success:focus[disabled] {
            border-color: transparent
        }
        
        .button.clear.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }
        
        .button.clear.warning:hover,
        .button.clear.warning:focus {
            border-color: #805700;
            color: #805700
        }
        
        .button.clear.warning:hover.disabled,
        .button.clear.warning:hover[disabled],
        .button.clear.warning:focus.disabled,
        .button.clear.warning:focus[disabled] {
            border: 1px solid #ffae00;
            color: #ffae00
        }
        
        .button.clear.warning,
        .button.clear.warning.disabled,
        .button.clear.warning[disabled],
        .button.clear.warning:hover,
        .button.clear.warning:hover.disabled,
        .button.clear.warning:hover[disabled],
        .button.clear.warning:focus,
        .button.clear.warning:focus.disabled,
        .button.clear.warning:focus[disabled] {
            border-color: transparent
        }
        
        .button.clear.alert {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }
        
        .button.clear.alert:hover,
        .button.clear.alert:focus {
            border-color: #67251a;
            color: #67251a
        }
        
        .button.clear.alert:hover.disabled,
        .button.clear.alert:hover[disabled],
        .button.clear.alert:focus.disabled,
        .button.clear.alert:focus[disabled] {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }
        
        .button.clear.alert,
        .button.clear.alert.disabled,
        .button.clear.alert[disabled],
        .button.clear.alert:hover,
        .button.clear.alert:hover.disabled,
        .button.clear.alert:hover[disabled],
        .button.clear.alert:focus,
        .button.clear.alert:focus.disabled,
        .button.clear.alert:focus[disabled] {
            border-color: transparent
        }
        
        .button.dropdown::after {
            display: block;
            width: 0;
            height: 0;
            border: inset .4em;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #fff transparent transparent;
            position: relative;
            top: .4em;
            display: inline-block;
            float: right;
            margin-left: 1em
        }
        
        .button.dropdown.hollow::after {
            border-top-color: #344570
        }
        
        .button.dropdown.hollow.primary::after {
            border-top-color: #344570
        }
        
        .button.dropdown.hollow.secondary::after {
            border-top-color: #d9a782
        }
        
        .button.dropdown.hollow.success::after {
            border-top-color: #3adb76
        }
        
        .button.dropdown.hollow.warning::after {
            border-top-color: #ffae00
        }
        
        .button.dropdown.hollow.alert::after {
            border-top-color: #cc4b37
        }
        
        .button.arrow-only::after {
            top: -.1em;
            float: none;
            margin-left: 0
        }
        
        [type='text'],
        [type='password'],
        [type='date'],
        [type='datetime'],
        [type='datetime-local'],
        [type='month'],
        [type='week'],
        [type='email'],
        [type='number'],
        [type='search'],
        [type='tel'],
        [type='time'],
        [type='url'],
        [type='color'],
        textarea {
            display: block;
            box-sizing: border-box;
            width: 100%;
            height: 2.4375rem;
            margin: 0 0 1rem;
            padding: .5rem;
            border: 1px solid #BABABA;
            border-radius: 0;
            background-color: #fff;
            box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
            font-family: inherit;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #0a0a0a;
            transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }
        
        [type='text']:focus,
        [type='password']:focus,
        [type='date']:focus,
        [type='datetime']:focus,
        [type='datetime-local']:focus,
        [type='month']:focus,
        [type='week']:focus,
        [type='email']:focus,
        [type='number']:focus,
        [type='search']:focus,
        [type='tel']:focus,
        [type='time']:focus,
        [type='url']:focus,
        [type='color']:focus,
        textarea:focus {
            outline: none;
            border: 1px solid #5c5d60;
            background-color: #fff;
            box-shadow: 0 0 5px #BABABA;
            transition: box-shadow 0.5s, border-color 0.25s ease-in-out
        }
        
        textarea {
            max-width: 100%
        }
        
        textarea[rows] {
            height: auto
        }
        
        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #BABABA
        }
        
        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #BABABA
        }
        
        input::placeholder,
        textarea::placeholder {
            color: #BABABA
        }
        
        input:disabled,
        input[readonly],
        textarea:disabled,
        textarea[readonly] {
            background-color: #e6e6e6;
            cursor: not-allowed
        }
        
        [type='submit'],
        [type='button'] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 0
        }
        
        input[type='search'] {
            box-sizing: border-box
        }
        
        [type='file'],
        [type='checkbox'],
        [type='radio'] {
            margin: 0 0 1rem
        }
        
        [type='checkbox'] + label,
        [type='radio'] + label {
            display: inline-block;
            vertical-align: baseline;
            margin-left: .5rem;
            margin-right: 1rem;
            margin-bottom: 0
        }
        
        [type='checkbox'] + label[for],
        [type='radio'] + label[for] {
            cursor: pointer
        }
        
        label>[type='checkbox'],
        label>[type='radio'] {
            margin-right: .5rem
        }
        
        [type='file'] {
            width: 100%
        }
        
        label {
            display: block;
            margin: 0;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.8;
            color: #0a0a0a
        }
        
        label.middle {
            margin: 0 0 1rem;
            padding: .5625rem 0
        }
        
        .help-text {
            margin-top: -.5rem;
            font-size: .8125rem;
            font-style: italic;
            color: #0a0a0a
        }
        
        .input-group {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            margin-bottom: 1rem;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }
        
        .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 {
            margin: 0;
            white-space: nowrap
        }
        
        .input-group-label {
            padding: 0 1rem;
            border: 1px solid #BABABA;
            background: #e6e6e6;
            color: #0a0a0a;
            text-align: center;
            white-space: nowrap;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }
        
        .input-group-label:first-child {
            border-right: 0
        }
        
        .input-group-label:last-child {
            border-left: 0
        }
        
        .input-group-field {
            border-radius: 0;
            -webkit-flex: 1 1 0%;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%;
            height: auto;
            min-width: 0
        }
        
        .input-group-button {
            padding-top: 0;
            padding-bottom: 0;
            text-align: center;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }
        
        .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
        }
        
        fieldset {
            margin: 0;
            padding: 0;
            border: 0
        }
        
        legend {
            max-width: 100%;
            margin-bottom: .5rem
        }
        
        .fieldset {
            margin: 1.125rem 0;
            padding: 1.25rem;
            border: 1px solid #BABABA
        }
        
        .fieldset legend {
            margin: 0;
            margin-left: -.1875rem;
            padding: 0 .1875rem
        }
        
        select {
            height: 2.4375rem;
            margin: 0 0 1rem;
            padding: .5rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px solid #BABABA;
            border-radius: 0;
            background-color: #fff;
            font-family: 'Marcellus', serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #0a0a0a;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2892, 93, 96%29'></polygon></svg>");
            background-origin: content-box;
            background-position: right -1rem center;
            background-repeat: no-repeat;
            background-size: 9px 6px;
            padding-right: 1.5rem;
            transition: box-shadow 0.5s, border-color 0.25s ease-in-out
        }
        
        @media screen and (min-width:0\0) {
            select {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
            }
        }
        
        select:focus {
            outline: none;
            border: 1px solid #5c5d60;
            background-color: #fff;
            box-shadow: 0 0 5px #BABABA;
            transition: box-shadow 0.5s, border-color 0.25s ease-in-out
        }
        
        select:disabled {
            background-color: #e6e6e6;
            cursor: not-allowed
        }
        
        select::-ms-expand {
            display: none
        }
        
        select[multiple] {
            height: auto;
            background-image: none
        }
        
        .is-invalid-input:not(:focus) {
            border-color: #cc4b37;
            background-color: #faedeb
        }
        
        .is-invalid-input:not(:focus)::-webkit-input-placeholder {
            color: #cc4b37
        }
        
        .is-invalid-input:not(:focus):-ms-input-placeholder {
            color: #cc4b37
        }
        
        .is-invalid-input:not(:focus)::placeholder {
            color: #cc4b37
        }
        
        .is-invalid-label {
            color: #cc4b37
        }
        
        .form-error {
            display: none;
            margin-top: -.5rem;
            margin-bottom: 1rem;
            font-size: .75rem;
            font-weight: 700;
            color: #cc4b37
        }
        
        .form-error.is-visible {
            display: block
        }
        
        .accordion {
            margin-left: 0;
            background: #fff;
            list-style-type: none
        }
        
        .accordion[disabled] .accordion-title {
            cursor: not-allowed
        }
        
        .accordion-item:first-child>:first-child {
            border-radius: 0 0 0 0
        }
        
        .accordion-item:last-child>:last-child {
            border-radius: 0 0 0 0
        }
        
        .accordion-title {
            position: relative;
            display: block;
            padding: 1.25rem 1rem;
            border: 1px solid #e6e6e6;
            border-bottom: 0;
            font-size: .75rem;
            line-height: 1;
            color: #344570
        }
        
        :last-child:not(.is-active)>.accordion-title {
            border-bottom: 1px solid #e6e6e6;
            border-radius: 0 0 0 0
        }
        
        .accordion-title:hover,
        .accordion-title:focus {
            background-color: #e6e6e6
        }
        
        .accordion-title::before {
            position: absolute;
            top: 50%;
            right: 1rem;
            margin-top: -.5rem;
            content: '+'
        }
        
        .is-active>.accordion-title::before {
            content: '\2013'
        }
        
        .accordion-content {
            display: none;
            padding: 1rem;
            border: 1px solid #e6e6e6;
            border-bottom: 0;
            background-color: #fff;
            color: #0a0a0a
        }
        
        :last-child>.accordion-content:last-child {
            border-bottom: 1px solid #e6e6e6
        }
        
        .accordion-menu li {
            width: 100%
        }
        
        .accordion-menu a {
            padding: .7rem 1rem
        }
        
        .accordion-menu .is-accordion-submenu a {
            padding: .7rem 1rem
        }
        
        .accordion-menu .nested.is-accordion-submenu {
            margin-right: 0;
            margin-left: 1rem
        }
        
        .accordion-menu.align-right .nested.is-accordion-submenu {
            margin-right: 1rem;
            margin-left: 0
        }
        
        .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
            position: relative
        }
        
        .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #fff transparent transparent;
            position: absolute;
            top: 50%;
            margin-top: -3px;
            right: 1rem
        }
        
        .accordion-menu.align-left .is-accordion-submenu-parent>a::after {
            left: auto;
            right: 1rem
        }
        
        .accordion-menu.align-right .is-accordion-submenu-parent>a::after {
            right: auto;
            left: 1rem
        }
        
        .accordion-menu .is-accordion-submenu-parent[aria-expanded='true']>a::after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%
        }
        
        .is-accordion-submenu-parent {
            position: relative
        }
        
        .has-submenu-toggle>a {
            margin-right: 40px
        }
        
        .submenu-toggle {
            position: absolute;
            top: 0;
            right: 0;
            cursor: pointer;
            width: 40px;
            height: 40px
        }
        
        .submenu-toggle::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #fff transparent transparent;
            top: 0;
            bottom: 0;
            margin: auto
        }
        
        .submenu-toggle[aria-expanded='true']::after {
            -webkit-transform: scaleY(-1);
            -ms-transform: scaleY(-1);
            transform: scaleY(-1);
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%
        }
        
        .submenu-toggle-text {
            position: absolute!important;
            width: 1px;
            height: 1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
            border: 0
        }
        
        .badge {
            display: inline-block;
            min-width: 2.1em;
            padding: .3em;
            border-radius: 50%;
            font-size: .6rem;
            text-align: center;
            background: #344570;
            color: #fff
        }
        
        .badge.primary {
            background: #344570;
            color: #fff
        }
        
        .badge.secondary {
            background: #d9a782;
            color: #0a0a0a
        }
        
        .badge.success {
            background: #3adb76;
            color: #0a0a0a
        }
        
        .badge.warning {
            background: #ffae00;
            color: #0a0a0a
        }
        
        .badge.alert {
            background: #cc4b37;
            color: #fff
        }
        
        .breadcrumbs {
            margin: 0 0 1rem 0;
            list-style: none
        }
        
        .breadcrumbs::before,
        .breadcrumbs::after {
            display: table;
            content: ' ';
            -webkit-flex-basis: 0%;
            -ms-flex-preferred-size: 0;
            flex-basis: 0%;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1
        }
        
        .breadcrumbs::after {
            clear: both
        }
        
        .breadcrumbs li {
            float: left;
            font-size: .6875rem;
            color: #0a0a0a;
            cursor: default;
            text-transform: uppercase
        }
        
        .breadcrumbs li:not(:last-child)::after {
            position: relative;
            margin: 0 .75rem;
            opacity: 1;
            content: "/";
            color: #BABABA
        }
        
        .breadcrumbs a {
            color: #344570
        }
        
        .breadcrumbs a:hover {
            text-decoration: underline
        }
        
        .breadcrumbs .disabled {
            color: #BABABA;
            cursor: not-allowed
        }
        
        .button-group {
            margin-bottom: 1rem;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }
        
        .button-group::before,
        .button-group::after {
            display: table;
            content: ' ';
            -webkit-flex-basis: 0%;
            -ms-flex-preferred-size: 0;
            flex-basis: 0%;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1
        }
        
        .button-group::after {
            clear: both
        }
        
        .button-group .button {
            margin: 0;
            margin-right: 1px;
            margin-bottom: 1px;
            font-size: .9rem;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }
        
        .button-group .button:last-child {
            margin-right: 0
        }
        
        .button-group.tiny .button {
            font-size: .6rem
        }
        
        .button-group.small .button {
            font-size: .75rem
        }
        
        .button-group.large .button {
            font-size: 1.25rem
        }
        
        .button-group.expanded .button {
            -webkit-flex: 1 1 0%;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%
        }
        
        .button-group.primary .button {
            background-color: #344570;
            color: #fff
        }
        
        .button-group.primary .button:hover,
        .button-group.primary .button:focus {
            background-color: #2a375a;
            color: #fff
        }
        
        .button-group.secondary .button {
            background-color: #d9a782;
            color: #0a0a0a
        }
        
        .button-group.secondary .button:hover,
        .button-group.secondary .button:focus {
            background-color: #c9824d;
            color: #0a0a0a
        }
        
        .button-group.success .button {
            background-color: #3adb76;
            color: #0a0a0a
        }
        
        .button-group.success .button:hover,
        .button-group.success .button:focus {
            background-color: #22bb5b;
            color: #0a0a0a
        }
        
        .button-group.warning .button {
            background-color: #ffae00;
            color: #0a0a0a
        }
        
        .button-group.warning .button:hover,
        .button-group.warning .button:focus {
            background-color: #cc8b00;
            color: #0a0a0a
        }
        
        .button-group.alert .button {
            background-color: #cc4b37;
            color: #fff
        }
        
        .button-group.alert .button:hover,
        .button-group.alert .button:focus {
            background-color: #a53b2a;
            color: #fff
        }
        
        .button-group.stacked,
        .button-group.stacked-for-small,
        .button-group.stacked-for-medium {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        
        .button-group.stacked .button,
        .button-group.stacked-for-small .button,
        .button-group.stacked-for-medium .button {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }
        
        .button-group.stacked .button:last-child,
        .button-group.stacked-for-small .button:last-child,
        .button-group.stacked-for-medium .button:last-child {
            margin-bottom: 0
        }
        
        @media print,
        screen and (min-width:48em) {
            .button-group.stacked-for-small .button {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                margin-bottom: 0
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .button-group.stacked-for-medium .button {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                margin-bottom: 0
            }
        }
        
        @media screen and (max-width:26.1875em) {
            .button-group.stacked-for-small.expanded {
                display: block
            }
            .button-group.stacked-for-small.expanded .button {
                display: block;
                margin-right: 0
            }
        }
        
        .callout {
            position: relative;
            margin: 0 0 1rem 0;
            padding: 1rem;
            border: 1px solid rgba(10, 10, 10, .25);
            border-radius: 0;
            background-color: white;
            color: #0a0a0a
        }
        
        .callout>:first-child {
            margin-top: 0
        }
        
        .callout>:last-child {
            margin-bottom: 0
        }
        
        .callout.primary {
            background-color: #dce1ef;
            color: #0a0a0a
        }
        
        .callout.secondary {
            background-color: #f9f2ec;
            color: #0a0a0a
        }
        
        .callout.success {
            background-color: #e1faea;
            color: #0a0a0a
        }
        
        .callout.warning {
            background-color: #fff3d9;
            color: #0a0a0a
        }
        
        .callout.alert {
            background-color: #f7e4e1;
            color: #0a0a0a
        }
        
        .callout.small {
            padding-top: .5rem;
            padding-right: .5rem;
            padding-bottom: .5rem;
            padding-left: .5rem
        }
        
        .callout.large {
            padding-top: 3rem;
            padding-right: 3rem;
            padding-bottom: 3rem;
            padding-left: 3rem
        }
        
        .card {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin-bottom: 1rem;
            border: 1px solid #e6e6e6;
            border-radius: 0;
            background: #fff;
            box-shadow: none;
            overflow: hidden;
            color: #0a0a0a
        }
        
        .card>:last-child {
            margin-bottom: 0
        }
        
        .card-divider {
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding: 1rem;
            background: #e6e6e6
        }
        
        .card-divider>:last-child {
            margin-bottom: 0
        }
        
        .card-section {
            -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            padding: 1rem
        }
        
        .card-section>:last-child {
            margin-bottom: 0
        }
        
        .card-image {
            min-height: 1px
        }
        
        .close-button {
            position: absolute;
            color: #5c5d60;
            cursor: pointer
        }
        
        [data-whatinput='mouse'] .close-button {
            outline: 0
        }
        
        .close-button:hover,
        .close-button:focus {
            color: #0a0a0a
        }
        
        .close-button.small {
            right: .66rem;
            top: .33em;
            font-size: 1.5em;
            line-height: 1
        }
        
        .close-button,
        .close-button.medium {
            right: 1rem;
            top: .5rem;
            font-size: 2em;
            line-height: 1
        }
        
        .menu {
            padding: 0;
            margin: 0;
            list-style: none;
            position: relative;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        
        [data-whatinput='mouse'] .menu li {
            outline: 0
        }
        
        .menu a,
        .menu .button {
            line-height: 1;
            text-decoration: none;
            white-space: nowrap;
            display: block;
            padding: 13px 14px;
        }
        
        .menu input,
        .menu select,
        .menu a,
        .menu button {
            margin-bottom: 0
        }
        
        .menu input {
            display: inline-block
        }
        
        .menu,
        .menu.horizontal {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }
        
        .menu.vertical {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }
        
        .menu.expanded li {
            -webkit-flex: 1 1 0%;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%
        }
        
        .menu.simple {
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }
        
        .menu.simple li + li {
            margin-left: 1rem
        }
        
        .menu.simple a {
            padding: 0
        }
        
        @media print,
        screen and (min-width:48em) {
            .menu.medium-horizontal {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row
            }
            .menu.medium-vertical {
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column
            }
            .menu.medium-expanded li {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%
            }
            .menu.medium-simple li {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .menu.large-horizontal {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row
            }
            .menu.large-vertical {
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column
            }
            .menu.large-expanded li {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%
            }
            .menu.large-simple li {
                -webkit-flex: 1 1 0%;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%
            }
        }
        
        .menu.nested {
            margin-right: 0;
            margin-left: 1rem
        }
        
        .menu.icons a {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }
        
        .menu.icon-left li a {
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap
        }
        
        .menu.icon-left li a img,
        .menu.icon-left li a i,
        .menu.icon-left li a svg {
            margin-right: .25rem
        }
        
        .menu.icon-right li a {
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap
        }
        
        .menu.icon-right li a img,
        .menu.icon-right li a i,
        .menu.icon-right li a svg {
            margin-left: .25rem
        }
        
        .menu.icon-top li a {
            -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }
        
        .menu.icon-top li a img,
        .menu.icon-top li a i,
        .menu.icon-top li a svg {
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch;
            margin-bottom: .25rem;
            text-align: center
        }
        
        .menu.icon-bottom li a {
            -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }
        
        .menu.icon-bottom li a img,
        .menu.icon-bottom li a i,
        .menu.icon-bottom li a svg {
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch;
            margin-bottom: .25rem;
            text-align: center
        }
        
        .menu .is-active>a {
            background: #344570;
            color: #fff
        }
        
        .menu .active>a {
            background: #344570;
            color: #fff
        }
        
        .menu.align-left {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
        
        .menu.align-right li {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
        
        .menu.align-right li .submenu li {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
        
        .menu.align-right.vertical li {
            display: block;
            text-align: right
        }
        
        .menu.align-right.vertical li .submenu li {
            text-align: right
        }
        
        .menu.align-right .nested {
            margin-right: 1rem;
            margin-left: 0
        }
        
        .menu.align-center li {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        
        .menu.align-center li .submenu li {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
        
        .menu .menu-text {
            padding: .7rem 1rem;
            font-weight: 700;
            line-height: 1;
            color: inherit
        }
        
        .menu-centered>.menu {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        
        .menu-centered>.menu li {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        
        .menu-centered>.menu li .submenu li {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
        
        .no-js [data-responsive-menu] ul {
            display: none
        }
        
        .menu-icon {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 16px;
            cursor: pointer
        }
        
        .menu-icon::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #fff;
            box-shadow: 0 7px 0 #ffffff, 0 14px 0 #fff;
            content: ''
        }
        
        .menu-icon:hover::after {
            background: #BABABA;
            box-shadow: 0 7px 0 #BABABA, 0 14px 0 #BABABA
        }
        
        .menu-icon.dark {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 16px;
            cursor: pointer
        }
        
        .menu-icon.dark::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
            content: ''
        }
        
        .menu-icon.dark:hover::after {
            background: #5c5d60;
            box-shadow: 0 7px 0 #5c5d60, 0 14px 0 #5c5d60
        }
        
        .is-drilldown {
            position: relative;
            overflow: hidden
        }
        
        .is-drilldown li {
            display: block
        }
        
        .is-drilldown.animate-height {
            transition: height 0.5s
        }
        
        .drilldown a {
            padding: .7rem 1rem;
            background: #fff
        }
        
        .drilldown .is-drilldown-submenu {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: -1;
            width: 100%;
            background: #fff;
            transition: -webkit-transform 0.15s linear;
            transition: transform 0.15s linear;
            transition: transform 0.15s linear, -webkit-transform 0.15s linear
        }
        
        .drilldown .is-drilldown-submenu.is-active {
            z-index: 1;
            display: block;
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        
        .drilldown .is-drilldown-submenu.is-closing {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }
        
        .drilldown .is-drilldown-submenu a {
            padding: .7rem 1rem
        }
        
        .drilldown .nested.is-drilldown-submenu {
            margin-right: 0;
            margin-left: 0
        }
        
        .drilldown .drilldown-submenu-cover-previous {
            min-height: 100%
        }
        
        .drilldown .is-drilldown-submenu-parent>a {
            position: relative
        }
        
        .drilldown .is-drilldown-submenu-parent>a::after {
            position: absolute;
            top: 50%;
            margin-top: -6px;
            right: 1rem;
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-right-width: 0;
            border-left-style: solid;
            border-color: transparent transparent transparent #344570
        }
        
        .drilldown.align-left .is-drilldown-submenu-parent>a::after {
            left: auto;
            right: 1rem;
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-right-width: 0;
            border-left-style: solid;
            border-color: transparent transparent transparent #344570
        }
        
        .drilldown.align-right .is-drilldown-submenu-parent>a::after {
            right: auto;
            left: 1rem;
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-left-width: 0;
            border-right-style: solid;
            border-color: transparent #344570 transparent transparent
        }
        
        .drilldown .js-drilldown-back>a::before {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-left-width: 0;
            border-right-style: solid;
            border-color: transparent #344570 transparent transparent;
            border-left-width: 0;
            display: inline-block;
            vertical-align: middle;
            margin-right: .75rem;
            border-left-width: 0
        }
        
        .dropdown-pane {
            position: absolute;
            z-index: 10;
            width: 300px;
            padding: 1rem;
            visibility: hidden;
            display: none;
            border: 1px solid #BABABA;
            border-radius: 0;
            background-color: #fff;
            font-size: 1rem
        }
        
        .dropdown-pane.is-opening {
            display: block
        }
        
        .dropdown-pane.is-open {
            visibility: visible;
            display: block
        }
        
        .dropdown-pane.tiny {
            width: 100px
        }
        
        .dropdown-pane.small {
            width: 200px
        }
        
        .dropdown-pane.large {
            width: 400px
        }
        
        .dropdown.menu>li.opens-left>.is-dropdown-submenu {
            top: 100%;
            right: 0;
            left: auto
        }
        
        .dropdown.menu>li.opens-right>.is-dropdown-submenu {
            top: 100%;
            right: auto;
            left: 0
        }
        
        .dropdown.menu>li.is-dropdown-submenu-parent>a {
            position: relative;
            padding-right: 1.5rem
        }
        
        .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #344570 transparent transparent;
            right: 5px;
            margin-top: -3px
        }
        
        .dropdown.menu a {
            padding: .7rem 1rem
        }
        
        [data-whatinput='mouse'] .dropdown.menu a {
            outline: 0
        }
        
        .dropdown.menu .is-active>a {
            background: #36454f;
            color: #e6e6e6
        }
        
        .no-js .dropdown.menu ul {
            display: none
        }
        
        .dropdown.menu .nested.is-dropdown-submenu {
            margin-right: 0;
            margin-left: 0
        }
        
        .dropdown.menu.vertical>li .is-dropdown-submenu {
            top: 0
        }
        
        .dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
            right: 100%;
            left: auto;
            top: 0
        }
        
        .dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
            right: auto;
            left: 100%
        }
        
        .dropdown.menu.vertical>li>a::after {
            right: 14px
        }
        
        .dropdown.menu.vertical>li.opens-left>a::after {
            right: auto;
            left: 5px;
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-left-width: 0;
            border-right-style: solid;
            border-color: transparent #344570 transparent transparent
        }
        
        .dropdown.menu.vertical>li.opens-right>a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-right-width: 0;
            border-left-style: solid;
            border-color: transparent transparent transparent #344570
        }
        
        @media print,
        screen and (min-width:48em) {
            .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
                top: 100%;
                right: 0;
                left: auto
            }
            .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
                top: 100%;
                right: auto;
                left: 0
            }
            .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
                position: relative;
                padding-right: 1.5rem
            }
            .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
                display: block;
                width: 0;
                height: 0;
                border: inset 6px;
                content: '';
                border-bottom-width: 0;
                border-top-style: solid;
                border-color: #344570 transparent transparent;
                right: 5px;
                margin-top: -3px
            }
            .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
                top: 0
            }
            .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
                right: 100%;
                left: auto;
                top: 0
            }
            .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
                right: auto;
                left: 100%
            }
            .dropdown.menu.medium-vertical>li>a::after {
                right: 14px
            }
            .dropdown.menu.medium-vertical>li.opens-left>a::after {
                right: auto;
                left: 5px;
                display: block;
                width: 0;
                height: 0;
                border: inset 6px;
                content: '';
                border-left-width: 0;
                border-right-style: solid;
                border-color: transparent #344570 transparent transparent
            }
            .dropdown.menu.medium-vertical>li.opens-right>a::after {
                display: block;
                width: 0;
                height: 0;
                border: inset 6px;
                content: '';
                border-right-width: 0;
                border-left-style: solid;
                border-color: transparent transparent transparent #344570
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
                top: 100%;
                right: 0;
                left: auto
            }
            .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
                top: 100%;
                right: auto;
                left: 0
            }
            .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
                position: relative;
                padding-right: 1.5rem
            }
            .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
                display: block;
                width: 0;
                height: 0;
                border: inset 6px;
                content: '';
                border-bottom-width: 0;
                border-top-style: solid;
                border-color: #344570 transparent transparent;
                right: 5px;
                margin-top: -3px
            }
            .dropdown.menu.large-vertical>li .is-dropdown-submenu {
                top: 0
            }
            .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
                right: 100%;
                left: auto;
                top: 0
            }
            .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
                right: auto;
                left: 100%
            }
            .dropdown.menu.large-vertical>li>a::after {
                right: 14px
            }
            .dropdown.menu.large-vertical>li.opens-left>a::after {
                right: auto;
                left: 5px;
                display: block;
                width: 0;
                height: 0;
                border: inset 6px;
                content: '';
                border-left-width: 0;
                border-right-style: solid;
                border-color: transparent #344570 transparent transparent
            }
            .dropdown.menu.large-vertical>li.opens-right>a::after {
                display: block;
                width: 0;
                height: 0;
                border: inset 6px;
                content: '';
                border-right-width: 0;
                border-left-style: solid;
                border-color: transparent transparent transparent #344570
            }
        }
        
        .dropdown.menu.align-right .is-dropdown-submenu.first-sub {
            top: 100%;
            right: 0;
            left: auto
        }
        
        .is-dropdown-menu.vertical {
            width: 100px
        }
        
        .is-dropdown-menu.vertical.align-right {
            float: right
        }
        
        .is-dropdown-submenu-parent {
            position: relative
        }
        
        .is-dropdown-submenu-parent a::after {
            position: absolute;
            top: 50%;
            right: 5px;
            margin-top: -6px
        }
        
        .is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
            top: 100%;
            left: auto
        }
        
        .is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
            right: 100%;
            left: auto
        }
        
        .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
            right: auto;
            left: 100%
        }
        
        .is-dropdown-submenu {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 1;
            display: none;
            min-width: 200px;
            border: 1px solid #BABABA;
            background: #fff
        }
        
        .dropdown .is-dropdown-submenu a {
            padding: .7rem 1rem
        }
        
        .is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
            right: 14px
        }
        
        .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
            right: auto;
            left: 5px;
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-left-width: 0;
            border-right-style: solid;
            border-color: transparent #344570 transparent transparent
        }
        
        .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-right-width: 0;
            border-left-style: solid;
            border-color: transparent transparent transparent #344570
        }
        
        .is-dropdown-submenu .is-dropdown-submenu {
            margin-top: -1px
        }
        
        .is-dropdown-submenu>li {
            width: 100%
        }
        
        .is-dropdown-submenu.js-dropdown-active {
            display: block
        }
        
        .responsive-embed,
        .flex-video {
            position: relative;
            height: 0;
            margin-bottom: 1rem;
            padding-bottom: 75%;
            overflow: hidden
        }
        
        .responsive-embed iframe,
        .responsive-embed object,
        .responsive-embed embed,
        .responsive-embed video,
        .flex-video iframe,
        .flex-video object,
        .flex-video embed,
        .flex-video video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }
        
        .responsive-embed.widescreen,
        .flex-video.widescreen {
            padding-bottom: 56.25%
        }
        
        .label {
            display: inline-block;
            padding: .33333rem .5rem;
            border-radius: 0;
            font-size: .8rem;
            line-height: 1;
            white-space: nowrap;
            cursor: default;
            background: #344570;
            color: #fff
        }
        
        .label.primary {
            background: #344570;
            color: #fff
        }
        
        .label.secondary {
            background: #d9a782;
            color: #0a0a0a
        }
        
        .label.success {
            background: #3adb76;
            color: #0a0a0a
        }
        
        .label.warning {
            background: #ffae00;
            color: #0a0a0a
        }
        
        .label.alert {
            background: #cc4b37;
            color: #fff
        }
        
        .media-object {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 1rem;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }
        
        .media-object img {
            max-width: none
        }
        
        @media screen and (max-width:26.1875em) {
            .media-object.stack-for-small {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }
        }
        
        @media screen and (max-width:26.1875em) {
            .media-object.stack-for-small .media-object-section {
                padding: 0;
                padding-bottom: 1rem;
                -webkit-flex-basis: 100%;
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                max-width: 100%
            }
            .media-object.stack-for-small .media-object-section img {
                width: 100%
            }
        }
        
        .media-object-section {
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto
        }
        
        .media-object-section:first-child {
            padding-right: 1rem
        }
        
        .media-object-section:last-child:not(:nth-child(2)) {
            padding-left: 1rem
        }
        
        .media-object-section>:last-child {
            margin-bottom: 0
        }
        
        .media-object-section.main-section {
            -webkit-flex: 1 1 0%;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%
        }
        
        .is-off-canvas-open {
            overflow: hidden
        }
        
        .js-off-canvas-overlay {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 11;
            width: 100%;
            height: 100%;
            transition: opacity 0.5s ease, visibility 0.5s ease;
            background: rgba(255, 255, 255, .25);
            opacity: 0;
            visibility: hidden;
            overflow: hidden
        }
        
        .js-off-canvas-overlay.is-visible {
            opacity: 1;
            visibility: visible
        }
        
        .js-off-canvas-overlay.is-closable {
            cursor: pointer
        }
        
        .js-off-canvas-overlay.is-overlay-absolute {
            position: absolute
        }
        
        .js-off-canvas-overlay.is-overlay-fixed {
            position: fixed
        }
        
        .off-canvas-wrapper {
            position: relative;
            overflow: hidden
        }
        
        .off-canvas {
            position: fixed;
            z-index: 12;
            transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            background: #2C3840
        }
        
        [data-whatinput='mouse'] .off-canvas {
            outline: 0
        }
        
        .off-canvas.is-transition-push {
            z-index: 12
        }
        
        .off-canvas.is-closed {
            visibility: hidden
        }
        
        .off-canvas.is-transition-overlap {
            z-index: 13
        }
        
        .off-canvas.is-transition-overlap.is-open {
            box-shadow: 0 0 10px rgba(10, 10, 10, .7)
        }
        
        .off-canvas.is-open {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        .off-canvas-absolute {
            position: absolute;
            z-index: 12;
            transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            background: #2C3840
        }
        
        [data-whatinput='mouse'] .off-canvas-absolute {
            outline: 0
        }
        
        .off-canvas-absolute.is-transition-push {
            z-index: 12
        }
        
        .off-canvas-absolute.is-closed {
            visibility: hidden
        }
        
        .off-canvas-absolute.is-transition-overlap {
            z-index: 13
        }
        
        .off-canvas-absolute.is-transition-overlap.is-open {
            box-shadow: 0 0 10px rgba(10, 10, 10, .7)
        }
        
        .off-canvas-absolute.is-open {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        .position-left {
            top: 0;
            left: 0;
            width: 280px;
            height: 100%;
            -webkit-transform: translateX(-280px);
            -ms-transform: translateX(-280px);
            transform: translateX(-280px);
            overflow-y: auto
        }
        
        .off-canvas-content .off-canvas.position-left {
            -webkit-transform: translateX(-280px);
            -ms-transform: translateX(-280px);
            transform: translateX(-280px)
        }
        
        .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        .off-canvas-content.is-open-left.has-transition-push {
            -webkit-transform: translateX(280px);
            -ms-transform: translateX(280px);
            transform: translateX(280px)
        }
        
        .position-left.is-transition-push {
            box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, .25)
        }
        
        .position-right {
            top: 0;
            right: 0;
            width: 280px;
            height: 100%;
            -webkit-transform: translateX(280px);
            -ms-transform: translateX(280px);
            transform: translateX(280px);
            overflow-y: auto
        }
        
        .off-canvas-content .off-canvas.position-right {
            -webkit-transform: translateX(280px);
            -ms-transform: translateX(280px);
            transform: translateX(280px)
        }
        
        .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        .off-canvas-content.is-open-right.has-transition-push {
            -webkit-transform: translateX(-280px);
            -ms-transform: translateX(-280px);
            transform: translateX(-280px)
        }
        
        .position-right.is-transition-push {
            box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, .25)
        }
        
        .position-top {
            top: 0;
            left: 0;
            width: 100%;
            height: 250px;
            -webkit-transform: translateY(-250px);
            -ms-transform: translateY(-250px);
            transform: translateY(-250px);
            overflow-x: auto
        }
        
        .off-canvas-content .off-canvas.position-top {
            -webkit-transform: translateY(-250px);
            -ms-transform: translateY(-250px);
            transform: translateY(-250px)
        }
        
        .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        .off-canvas-content.is-open-top.has-transition-push {
            -webkit-transform: translateY(250px);
            -ms-transform: translateY(250px);
            transform: translateY(250px)
        }
        
        .position-top.is-transition-push {
            box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, .25)
        }
        
        .position-bottom {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 250px;
            -webkit-transform: translateY(250px);
            -ms-transform: translateY(250px);
            transform: translateY(250px);
            overflow-x: auto
        }
        
        .off-canvas-content .off-canvas.position-bottom {
            -webkit-transform: translateY(250px);
            -ms-transform: translateY(250px);
            transform: translateY(250px)
        }
        
        .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        .off-canvas-content.is-open-bottom.has-transition-push {
            -webkit-transform: translateY(-250px);
            -ms-transform: translateY(-250px);
            transform: translateY(-250px)
        }
        
        .position-bottom.is-transition-push {
            box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, .25)
        }
        
        .off-canvas-content {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .off-canvas-content.has-transition-push {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        .off-canvas-content .off-canvas.is-open {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }
        
        @media print,
        screen and (min-width:48em) {
            .position-left.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-left.reveal-for-medium .close-button {
                display: none
            }
            .off-canvas-content .position-left.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas-content.has-reveal-left {
                margin-left: 280px
            }
            .position-left.reveal-for-medium~.off-canvas-content {
                margin-left: 280px
            }
            .position-right.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-right.reveal-for-medium .close-button {
                display: none
            }
            .off-canvas-content .position-right.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas-content.has-reveal-right {
                margin-right: 280px
            }
            .position-right.reveal-for-medium~.off-canvas-content {
                margin-right: 280px
            }
            .position-top.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-top.reveal-for-medium .close-button {
                display: none
            }
            .off-canvas-content .position-top.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas-content.has-reveal-top {
                margin-top: 280px
            }
            .position-top.reveal-for-medium~.off-canvas-content {
                margin-top: 280px
            }
            .position-bottom.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-bottom.reveal-for-medium .close-button {
                display: none
            }
            .off-canvas-content .position-bottom.reveal-for-medium {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
      .off-canvas-content.has-reveal-bottom {
                margin-bottom: 280px
            }
            .position-bottom.reveal-for-medium~.off-canvas-content {
                margin-bottom: 280px
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .position-left.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-left.reveal-for-large .close-button {
                display: none
            }
            .off-canvas-content .position-left.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas-content.has-reveal-left {
                margin-left: 280px
            }
            .position-left.reveal-for-large~.off-canvas-content {
                margin-left: 280px
            }
            .position-right.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-right.reveal-for-large .close-button {
                display: none
            }
            .off-canvas-content .position-right.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas-content.has-reveal-right {
                margin-right: 280px
            }
            .position-right.reveal-for-large~.off-canvas-content {
                margin-right: 280px
            }
            .position-top.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-top.reveal-for-large .close-button {
                display: none
            }
            .off-canvas-content .position-top.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas-content.has-reveal-top {
                margin-top: 280px
            }
            .position-top.reveal-for-large~.off-canvas-content {
                margin-top: 280px
            }
            .position-bottom.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                z-index: 12;
                transition: none;
                visibility: visible
            }
            .position-bottom.reveal-for-large .close-button {
                display: none
            }
            .off-canvas-content .position-bottom.reveal-for-large {
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas-content.has-reveal-bottom {
                margin-bottom: 280px
            }
            .position-bottom.reveal-for-large~.off-canvas-content {
                margin-bottom: 280px
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .off-canvas.in-canvas-for-medium {
                visibility: visible;
                height: auto;
                position: static;
                background: inherit;
                width: inherit;
                overflow: inherit;
                transition: inherit
            }
            .off-canvas.in-canvas-for-medium.position-left,
            .off-canvas.in-canvas-for-medium.position-right,
            .off-canvas.in-canvas-for-medium.position-top,
            .off-canvas.in-canvas-for-medium.position-bottom {
                box-shadow: none;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas.in-canvas-for-medium .close-button {
                display: none
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .off-canvas.in-canvas-for-large {
                visibility: visible;
                height: auto;
                position: static;
                background: inherit;
                width: inherit;
                overflow: inherit;
                transition: inherit
            }
            .off-canvas.in-canvas-for-large.position-left,
            .off-canvas.in-canvas-for-large.position-right,
            .off-canvas.in-canvas-for-large.position-top,
            .off-canvas.in-canvas-for-large.position-bottom {
                box-shadow: none;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
            .off-canvas.in-canvas-for-large .close-button {
                display: none
            }
        }
        
        .orbit {
            position: relative
        }
        
        .orbit-container {
            position: relative;
            height: 0;
            margin: 0;
            list-style: none;
            overflow: hidden
        }
        
        .orbit-slide {
            width: 100%
        }
        
        .orbit-slide.no-motionui.is-active {
            top: 0;
            left: 0
        }
        
        .orbit-figure {
            margin: 0
        }
        
        .orbit-image {
            width: 100%;
            max-width: 100%;
            margin: 0
        }
        
        .orbit-caption {
            position: absolute;
            bottom: 0;
            width: 100%;
            margin-bottom: 0;
            padding: 1rem;
            background-color: rgba(10, 10, 10, .5);
            color: #fff
        }
        
        .orbit-previous,
        .orbit-next {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 10;
            padding: 1rem;
            color: #fff
        }
        
        [data-whatinput='mouse'] .orbit-previous,
        [data-whatinput='mouse'] .orbit-next {
            outline: 0
        }
        
        .orbit-previous:hover,
        .orbit-next:hover,
        .orbit-previous:active,
        .orbit-next:active,
        .orbit-previous:focus,
        .orbit-next:focus {
            background-color: rgba(10, 10, 10, .5)
        }
        
        .orbit-previous {
            left: 0
        }
        
        .orbit-next {
            left: auto;
            right: 0
        }
        
        .orbit-bullets {
            position: relative;
            margin-top: .8rem;
            margin-bottom: .8rem;
            text-align: center
        }
        
        [data-whatinput='mouse'] .orbit-bullets {
            outline: 0
        }
        
        .orbit-bullets button {
            width: 1.2rem;
            height: 1.2rem;
            margin: .1rem;
            border-radius: 50%;
            background-color: #BABABA
        }
        
        .orbit-bullets button:hover {
            background-color: #5c5d60
        }
        
        .orbit-bullets button.is-active {
            background-color: #5c5d60
        }
        
        .pagination {
            margin-left: 0;
            margin-bottom: 1rem
        }
        
        .pagination::before,
        .pagination::after {
            display: table;
            content: ' ';
            -webkit-flex-basis: 0%;
            -ms-flex-preferred-size: 0;
            flex-basis: 0%;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1
        }
        
        .pagination::after {
            clear: both
        }
        
        .pagination li {
            margin-right: .0625rem;
            border-radius: 0;
            font-size: .875rem;
            display: none
        }
        
        .pagination li:last-child,
        .pagination li:first-child {
            display: inline-block
        }
        
        @media print,
        screen and (min-width:48em) {
            .pagination li {
                display: inline-block
            }
        }
        
        .pagination a,
        .pagination button {
            display: block;
            padding: .1875rem .625rem;
            border-radius: 0;
            color: #0a0a0a
        }
        
        .pagination a:hover,
        .pagination button:hover {
            background: #e6e6e6
        }
        
        .pagination .current {
            padding: .1875rem .625rem;
            background: #344570;
            color: #fff;
            cursor: default
        }
        
        .pagination .disabled {
            padding: .1875rem .625rem;
            color: #BABABA;
            cursor: not-allowed
        }
        
        .pagination .disabled:hover {
            background: transparent
        }
        
        .pagination .ellipsis::after {
            padding: .1875rem .625rem;
            content: '\2026';
            color: #0a0a0a
        }
        
        .pagination-previous a::before,
        .pagination-previous.disabled::before {
            display: inline-block;
            margin-right: .5rem;
            content: '\00ab'
        }
        
        .pagination-next a::after,
        .pagination-next.disabled::after {
            display: inline-block;
            margin-left: .5rem;
            content: '\00bb'
        }
        
        .progress {
            height: 1rem;
            margin-bottom: 1rem;
            border-radius: 0;
            background-color: #BABABA
        }
        
        .progress.primary .progress-meter {
            background-color: #344570
        }
        
        .progress.secondary .progress-meter {
            background-color: #d9a782
        }
        
        .progress.success .progress-meter {
            background-color: #3adb76
        }
        
        .progress.warning .progress-meter {
            background-color: #ffae00
        }
        
        .progress.alert .progress-meter {
            background-color: #cc4b37
        }
        
        .progress-meter {
            position: relative;
            display: block;
            width: 0%;
            height: 100%;
            background-color: #344570
        }
        
        .progress-meter-text {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            margin: 0;
            font-size: .75rem;
            font-weight: 700;
            color: #fff;
            white-space: nowrap
        }
        
        .slider {
            position: relative;
            height: .5rem;
            margin-top: 1.25rem;
            margin-bottom: 2.25rem;
            background-color: #e6e6e6;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-touch-action: none;
            touch-action: none
        }
        
        .slider-fill {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            max-width: 100%;
            height: .5rem;
            background-color: #BABABA;
            transition: all 0.2s ease-in-out
        }
        
        .slider-fill.is-dragging {
            transition: all 0s linear
        }
        
        .slider-handle {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            z-index: 1;
            display: inline-block;
            width: 1.4rem;
            height: 1.4rem;
            border-radius: 0;
            background-color: #344570;
            transition: all 0.2s ease-in-out;
            -ms-touch-action: manipulation;
            touch-action: manipulation
        }
        
        [data-whatinput='mouse'] .slider-handle {
            outline: 0
        }
        
        .slider-handle:hover {
            background-color: #2c3b5f
        }
        
        .slider-handle.is-dragging {
            transition: all 0s linear
        }
        
        .slider.disabled,
        .slider[disabled] {
            opacity: .25;
            cursor: not-allowed
        }
        
        .slider.vertical {
            display: inline-block;
            width: .5rem;
            height: 12.5rem;
            margin: 0 1.25rem;
            -webkit-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
            transform: scale(1, -1)
        }
        
        .slider.vertical .slider-fill {
            top: 0;
            width: .5rem;
            max-height: 100%
        }
        
        .slider.vertical .slider-handle {
            position: absolute;
            top: 0;
            left: 50%;
            width: 1.4rem;
            height: 1.4rem;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }
        
        .sticky-container {
            position: relative
        }
        
        .sticky {
            position: relative;
            z-index: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .sticky.is-stuck {
            position: fixed;
            z-index: 5;
            width: 100%
        }
        
        .sticky.is-stuck.is-at-top {
            top: 0
        }
        
        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }
        
        .sticky.is-anchored {
            position: relative;
            right: auto;
            left: auto
        }
        
        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }
        
        body.is-reveal-open {
            overflow: hidden
        }
        
        html.is-reveal-open,
        html.is-reveal-open body {
            min-height: 100%;
            overflow: hidden;
            position: fixed;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }
        
        .reveal-overlay {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1005;
            display: none;
            background-color: rgba(10, 10, 10, .45);
            overflow-y: scroll
        }
        
        .reveal {
            z-index: 1006;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: none;
            padding: 1rem;
            border: 1px solid #BABABA;
            border-radius: 0;
            background-color: #fff;
            position: relative;
            top: 100px;
            margin-right: auto;
            margin-left: auto;
            overflow-y: auto
        }
        
        [data-whatinput='mouse'] .reveal {
            outline: 0
        }
        
        @media print,
        screen and (min-width:48em) {
            .reveal {
                min-height: 0
            }
        }
        
        .reveal .column {
            min-width: 0
        }
        
        .reveal>:last-child {
            margin-bottom: 0
        }
        
        @media print,
        screen and (min-width:48em) {
            .reveal {
                width: 600px;
                max-width: 75rem
            }
        }
        
        .reveal.collapse {
            padding: 0
        }
        
        @media print,
        screen and (min-width:48em) {
            .reveal.tiny {
                width: 30%;
                max-width: 75rem
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .reveal.small {
                width: 50%;
                max-width: 75rem
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .reveal.large {
                width: 90%;
                max-width: 75rem
            }
        }
        
        .reveal.full {
            top: 0;
            left: 0;
            width: 100%;
            max-width: none;
            height: 100%;
            height: 100vh;
            min-height: 100vh;
            margin-left: 0;
            border: 0;
            border-radius: 0
        }
        
        @media screen and (max-width:26.1875em) {
            .reveal {
                top: 0;
                left: 0;
                width: 100%;
                max-width: none;
                height: 100%;
                height: 100vh;
                min-height: 100vh;
                margin-left: 0;
                border: 0;
                border-radius: 0
            }
        }
        
        .reveal.without-overlay {
            position: fixed
        }
        
        .switch {
            height: 2rem;
            position: relative;
            margin-bottom: 1rem;
            outline: 0;
            font-size: .875rem;
            font-weight: 700;
            color: #fff;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }
        
        .switch-input {
            position: absolute;
            margin-bottom: 0;
            opacity: 0
        }
        
        .switch-paddle {
            position: relative;
            display: block;
            width: 4rem;
            height: 2rem;
            border-radius: 0;
            background: #BABABA;
            transition: all 0.25s ease-out;
            font-weight: inherit;
            color: inherit;
            cursor: pointer
        }
        
        input + .switch-paddle {
            margin: 0
        }
        
        .switch-paddle::after {
            position: absolute;
            top: .25rem;
            left: .25rem;
            display: block;
            width: 1.5rem;
            height: 1.5rem;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            border-radius: 0;
            background: #fff;
            transition: all 0.25s ease-out;
            content: ''
        }
        
        input:checked~.switch-paddle {
            background: #344570
        }
        
        input:checked~.switch-paddle::after {
            left: 2.25rem
        }
        
        [data-whatinput='mouse'] input:focus~.switch-paddle {
            outline: 0
        }
        
        .switch-active,
        .switch-inactive {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        .switch-active {
            left: 8%;
            display: none
        }
        
        input:checked + label>.switch-active {
            display: block
        }
        
        .switch-inactive {
            right: 15%
        }
        
        input:checked + label>.switch-inactive {
            display: none
        }
        
        .switch.tiny {
            height: 1.5rem
        }
        
        .switch.tiny .switch-paddle {
            width: 3rem;
            height: 1.5rem;
            font-size: .625rem
        }
        
        .switch.tiny .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 1rem;
            height: 1rem
        }
        
        .switch.tiny input:checked~.switch-paddle::after {
            left: 1.75rem
        }
        
        .switch.small {
            height: 1.75rem
        }
        
        .switch.small .switch-paddle {
            width: 3.5rem;
            height: 1.75rem;
            font-size: .75rem
        }
        
        .switch.small .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 1.25rem;
            height: 1.25rem
        }
        
        .switch.small input:checked~.switch-paddle::after {
            left: 2rem
        }
        
        .switch.large {
            height: 2.5rem
        }
        
        .switch.large .switch-paddle {
            width: 5rem;
            height: 2.5rem;
            font-size: 1rem
        }
        
        .switch.large .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 2rem;
            height: 2rem
        }
        
        .switch.large input:checked~.switch-paddle::after {
            left: 2.75rem
        }
        
        table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 1rem;
            border-radius: 0
        }
        
        table thead,
        table tbody,
        table tfoot {
            border: 1px solid #f2f2f2;
            background-color: #fff
        }
        
        table caption {
            padding: .5rem .625rem .625rem;
            font-weight: 700
        }
        
        table thead {
            background: #f9f9f9;
            color: #0a0a0a
        }
        
        table tfoot {
            background: #f2f2f2;
            color: #0a0a0a
        }
        
        table thead tr,
        table tfoot tr {
            background: transparent
        }
        
        table thead th,
        table thead td,
        table tfoot th,
        table tfoot td {
            padding: .5rem .625rem .625rem;
            font-weight: 700;
            text-align: left
        }
        
        table tbody th,
        table tbody td {
            padding: .5rem .625rem .625rem
        }
        
        table tbody tr:nth-child(even) {
            border-bottom: 0;
            background-color: #f2f2f2
        }
        
        table.unstriped tbody {
            background-color: #fff
        }
        
        table.unstriped tbody tr {
            border-bottom: 0;
            border-bottom: 1px solid #f2f2f2;
            background-color: #fff
        }
        
        @media screen and (max-width:63.9375em) {
            table.stack thead {
                display: none
            }
            table.stack tfoot {
                display: none
            }
            table.stack tr,
            table.stack th,
            table.stack td {
                display: block
            }
            table.stack td {
                border-top: 0
            }
        }
        
        table.scroll {
            display: block;
            width: 100%;
            overflow-x: auto
        }
        
        table.hover thead tr:hover {
            background-color: #f4f4f4
        }
        
        table.hover tfoot tr:hover {
            background-color: #ededed
        }
        
        table.hover tbody tr:hover {
            background-color: #fafafa
        }
        
        table.hover:not(.unstriped) tr:nth-of-type(even):hover {
            background-color: #ededed
        }
        
        .table-scroll {
            overflow-x: auto
        }
        
        .table-scroll table {
            width: auto
        }
        
        .tabs {
            margin: 0;
            border: 1px solid #e6e6e6;
            background: #fff;
            list-style-type: none
        }
        
        .tabs::before,
        .tabs::after {
            display: table;
            content: ' ';
            -webkit-flex-basis: 0%;
            -ms-flex-preferred-size: 0;
            flex-basis: 0%;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1
        }
        
        .tabs::after {
            clear: both
        }
        
        .tabs.vertical>li {
            display: block;
            float: none;
            width: auto
        }
        
        .tabs.simple>li>a {
            padding: 0
        }
        
        .tabs.simple>li>a:hover {
            background: transparent
        }
        
        .tabs.primary {
            background: #344570
        }
        
        .tabs.primary>li>a {
            color: #fff
        }
        
        .tabs.primary>li>a:hover,
        .tabs.primary>li>a:focus {
            background: #394c7c
        }
        
        .tabs-title {
            float: left
        }
        
        .tabs-title>a {
            display: block;
            padding: 1.25rem 1.5rem;
            font-size: .75rem;
            line-height: 1;
            color: #344570
        }
        
        .tabs-title>a:hover {
            background: #fff;
            color: #2d3b60
        }
        
        .tabs-title>a:focus,
        .tabs-title>a[aria-selected='true'] {
            background: #e6e6e6;
            color: #344570
        }
        
        .tabs-content {
            border: 1px solid #e6e6e6;
            border-top: 0;
            background: #fff;
            color: #0a0a0a;
            transition: all 0.5s ease
        }
        
        .tabs-content.vertical {
            border: 1px solid #e6e6e6;
            border-left: 0
        }
        
        .tabs-panel {
            display: none;
            padding: 1rem
        }
        
        .tabs-panel.is-active {
            display: block
        }
        
        .thumbnail {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 1rem;
            border: solid 4px #fff;
            border-radius: 0;
            box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
            line-height: 0
        }
        
        a.thumbnail {
            transition: box-shadow 200ms ease-out
        }
        
        a.thumbnail:hover,
        a.thumbnail:focus {
            box-shadow: 0 0 6px 1px rgba(52, 69, 112, .5)
        }
        
        a.thumbnail image {
            box-shadow: none
        }
        
        .title-bar {
            padding: .5rem;
            background: #2C3840;
            color: #fff;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }
        
        .title-bar .menu-icon {
            margin-left: .25rem;
            margin-right: .25rem
        }
        
        .title-bar-left,
        .title-bar-right {
            -webkit-flex: 1 1 0%;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%
        }
        
        .title-bar-right {
            text-align: right
        }
        
        .title-bar-title {
            display: inline-block;
            vertical-align: middle;
            font-weight: 700
        }
        
        .has-tip {
            position: relative;
            display: inline-block;
            border-bottom: dotted 1px #5c5d60;
            font-weight: 700;
            cursor: help
        }
        
        .tooltip {
            position: absolute;
            top: calc(100% + 0.6495rem);
            z-index: 1200;
            max-width: 10rem;
            padding: .75rem;
            border-radius: 0;
            background-color: #0a0a0a;
            font-size: 80%;
            color: #fff
        }
        
        .tooltip::before {
            position: absolute
        }
        
        .tooltip.bottom::before {
            display: block;
            width: 0;
            height: 0;
            border: inset .75rem;
            content: '';
            border-top-width: 0;
            border-bottom-style: solid;
            border-color: transparent transparent #0a0a0a;
            bottom: 100%
        }
        
        .tooltip.bottom.align-center::before {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }
        
        .tooltip.top::before {
            display: block;
            width: 0;
            height: 0;
            border: inset .75rem;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #0a0a0a transparent transparent;
            top: 100%;
            bottom: auto
        }
        
        .tooltip.top.align-center::before {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }
        
        .tooltip.left::before {
            display: block;
            width: 0;
            height: 0;
            border: inset .75rem;
            content: '';
            border-right-width: 0;
            border-left-style: solid;
            border-color: transparent transparent transparent #0a0a0a;
            left: 100%
        }
        
        .tooltip.left.align-center::before {
            bottom: auto;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        .tooltip.right::before {
            display: block;
            width: 0;
            height: 0;
            border: inset .75rem;
            content: '';
            border-left-width: 0;
            border-right-style: solid;
            border-color: transparent #0a0a0a transparent transparent;
            right: 100%;
            left: auto
        }
        
        .tooltip.right.align-center::before {
            bottom: auto;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        .tooltip.align-top::before {
            bottom: auto;
            top: 10%
        }
        
        .tooltip.align-bottom::before {
            bottom: 10%;
            top: auto
        }
        
        .tooltip.align-left::before {
            left: 10%;
            right: auto
        }
        
        .tooltip.align-right::before {
            left: auto;
            right: 10%
        }
        
        .top-bar {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0rem;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        
        .top-bar,
        .top-bar ul {
            background-color: #2C3840
        }
        
        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }
        
        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }
        
        .top-bar input.button {
            width: auto
        }
        
        .top-bar .top-bar-left,
        .top-bar .top-bar-right {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
        
        @media print,
        screen and (min-width:48em) {
            .top-bar {
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }
            .top-bar .top-bar-left {
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                margin-right: auto
            }
            .top-bar .top-bar-right {
                -webkit-flex: 0 1 auto;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                margin-left: auto
            }
        }
        
        @media screen and (max-width:63.9375em) {
            .top-bar.stacked-for-medium {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }
            .top-bar.stacked-for-medium .top-bar-left,
            .top-bar.stacked-for-medium .top-bar-right {
                -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }
        }
        
        @media screen and (max-width:74.9375em) {
            .top-bar.stacked-for-large {
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }
            .top-bar.stacked-for-large .top-bar-left,
            .top-bar.stacked-for-large .top-bar-right {
                -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }
        }
        
        .top-bar-title {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: .5rem 1rem .5rem 0
        }
        
        .top-bar-left,
        .top-bar-right {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }
        
        .hide {
            display: none!important
        }
        
        .invisible {
            visibility: hidden
        }
        
        @media screen and (max-width:26.1875em) {
            .hide-for-small-only {
                display: none!important
            }
        }
        
        @media screen and (max-width:0em),
        screen and (min-width:26.25em) {
            .show-for-small-only {
                display: none!important
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .hide-for-medium {
                display: none!important
            }
        }
        
        @media screen and (max-width:47.9375em) {
            .show-for-medium {
                display: none!important
            }
        }
        
        @media screen and (min-width:48em) and (max-width:63.9375em) {
            .hide-for-medium-only {
                display: none!important
            }
        }
        
        @media screen and (max-width:47.9375em),
        screen and (min-width:64em) {
            .show-for-medium-only {
                display: none!important
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .hide-for-large {
                display: none!important
            }
        }
        
        @media screen and (max-width:63.9375em) {
            .show-for-large {
                display: none!important
            }
        }
        
        @media screen and (min-width:64em) and (max-width:74.9375em) {
            .hide-for-large-only {
                display: none!important
            }
        }
        
        @media screen and (max-width:63.9375em),
        screen and (min-width:75em) {
            .show-for-large-only {
                display: none!important
            }
        }
        
        .show-for-sr,
        .show-on-focus {
            position: absolute!important;
            width: 1px;
            height: 1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
            border: 0
        }
        
        .show-on-focus:active,
        .show-on-focus:focus {
            position: static!important;
            width: auto;
            height: auto;
            overflow: visible;
            clip: auto;
            white-space: normal;
            -webkit-clip-path: none;
            clip-path: none
        }
        
        .show-for-landscape,
        .hide-for-portrait {
            display: block!important
        }
        
        @media screen and (orientation:landscape) {
            .show-for-landscape,
            .hide-for-portrait {
                display: block!important
            }
        }
        
        @media screen and (orientation:portrait) {
            .show-for-landscape,
            .hide-for-portrait {
                display: none!important
            }
        }
        
        .hide-for-landscape,
        .show-for-portrait {
            display: none!important
        }
        
        @media screen and (orientation:landscape) {
            .hide-for-landscape,
            .show-for-portrait {
                display: none!important
            }
        }
        
        @media screen and (orientation:portrait) {
            .hide-for-landscape,
            .show-for-portrait {
                display: block!important
            }
        }
        
        .align-right {
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
        
        .align-center {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        
        .align-justify {
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        
        .align-spaced {
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
        
        .align-right.vertical.menu>li>a {
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
        
        .align-center.vertical.menu>li>a {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        
        .align-top {
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start
        }
        
        .align-self-top {
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start
        }
        
        .align-bottom {
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end
        }
        
        .align-self-bottom {
            -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
            align-self: flex-end
        }
        
        .align-middle {
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }
        
        .align-self-middle {
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }
        
        .align-stretch {
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }
        
        .align-self-stretch {
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch
        }
        
        .align-center-middle {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center
        }
        
        .small-order-1 {
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1
        }
        
        .small-order-2 {
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2
        }
        
        .small-order-3 {
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3
        }
        
        .small-order-4 {
            -webkit-order: 4;
            -ms-flex-order: 4;
            order: 4
        }
        
        .small-order-5 {
            -webkit-order: 5;
            -ms-flex-order: 5;
            order: 5
        }
        
        .small-order-6 {
            -webkit-order: 6;
            -ms-flex-order: 6;
            order: 6
        }
        
        @media print,
        screen and (min-width:48em) {
            .medium-order-1 {
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1
            }
            .medium-order-2 {
                -webkit-order: 2;
                -ms-flex-order: 2;
                order: 2
            }
            .medium-order-3 {
                -webkit-order: 3;
                -ms-flex-order: 3;
                order: 3
            }
            .medium-order-4 {
                -webkit-order: 4;
                -ms-flex-order: 4;
                order: 4
            }
            .medium-order-5 {
                -webkit-order: 5;
                -ms-flex-order: 5;
                order: 5
            }
            .medium-order-6 {
                -webkit-order: 6;
                -ms-flex-order: 6;
                order: 6
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .large-order-1 {
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1
            }
            .large-order-2 {
                -webkit-order: 2;
                -ms-flex-order: 2;
                order: 2
            }
            .large-order-3 {
                -webkit-order: 3;
                -ms-flex-order: 3;
                order: 3
            }
            .large-order-4 {
                -webkit-order: 4;
                -ms-flex-order: 4;
                order: 4
            }
            .large-order-5 {
                -webkit-order: 5;
                -ms-flex-order: 5;
                order: 5
            }
            .large-order-6 {
                -webkit-order: 6;
                -ms-flex-order: 6;
                order: 6
            }
        }
        
        .flex-container {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }
        
        .flex-child-auto {
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto
        }
        
        .flex-child-grow {
            -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }
        
        .flex-child-shrink {
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto
        }
        
        .flex-dir-row {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }
        
        .flex-dir-row-reverse {
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }
        
        .flex-dir-column {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }
        
        .flex-dir-column-reverse {
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }
        
        @media print,
        screen and (min-width:48em) {
            .medium-flex-container {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex
            }
            .medium-flex-child-auto {
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }
            .medium-flex-child-grow {
                -webkit-flex: 1 0 auto;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto
            }
            .medium-flex-child-shrink {
                -webkit-flex: 0 1 auto;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto
            }
            .medium-flex-dir-row {
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row
            }
            .medium-flex-dir-row-reverse {
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }
            .medium-flex-dir-column {
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column
            }
            .medium-flex-dir-column-reverse {
                -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .large-flex-container {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex
            }
            .large-flex-child-auto {
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }
            .large-flex-child-grow {
                -webkit-flex: 1 0 auto;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto
            }
            .large-flex-child-shrink {
                -webkit-flex: 0 1 auto;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto
            }
            .large-flex-dir-row {
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row
            }
            .large-flex-dir-row-reverse {
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }
            .large-flex-dir-column {
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column
            }
            .large-flex-dir-column-reverse {
                -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse
            }
        }
        
        .slide-in-down.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-in-down.mui-enter.mui-enter-active {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        
        .slide-in-left.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-in-left.mui-enter.mui-enter-active {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        
        .slide-in-up.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-in-up.mui-enter.mui-enter-active {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        
        .slide-in-right.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-in-right.mui-enter.mui-enter-active {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        
        .slide-out-down.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-out-down.mui-leave.mui-leave-active {
            -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%)
        }
        
        .slide-out-right.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-out-right.mui-leave.mui-leave-active {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }
        
        .slide-out-up.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-out-up.mui-leave.mui-leave-active {
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%)
        }
        
        .slide-out-left.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .slide-out-left.mui-leave.mui-leave-active {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        
        .fade-in.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            opacity: 0;
            transition-property: opacity
        }
        
        .fade-in.mui-enter.mui-enter-active {
            opacity: 1
        }
        
        .fade-out.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            opacity: 1;
            transition-property: opacity
        }
        
        .fade-out.mui-leave.mui-leave-active {
            opacity: 0
        }
        
        .hinge-in-from-top.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .hinge-in-from-top.mui-enter.mui-enter-active {
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            opacity: 1
        }
        
        .hinge-in-from-right.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
            -webkit-transform-origin: right;
            -ms-transform-origin: right;
            transform-origin: right;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .hinge-in-from-right.mui-enter.mui-enter-active {
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            opacity: 1
        }
        
        .hinge-in-from-bottom.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotateX(90deg);
            transform: perspective(2000px) rotateX(90deg);
            -webkit-transform-origin: bottom;
            -ms-transform-origin: bottom;
            transform-origin: bottom;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .hinge-in-from-bottom.mui-enter.mui-enter-active {
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            opacity: 1
        }
        
        .hinge-in-from-left.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .hinge-in-from-left.mui-enter.mui-enter-active {
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            opacity: 1
        }
        
        .hinge-in-from-middle-x.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .hinge-in-from-middle-x.mui-enter.mui-enter-active {
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            opacity: 1
        }
        
        .hinge-in-from-middle-y.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .hinge-in-from-middle-y.mui-enter.mui-enter-active {
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            opacity: 1
        }
        
        .hinge-out-from-top.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .hinge-out-from-top.mui-leave.mui-leave-active {
            -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
            opacity: 0
        }
        
        .hinge-out-from-right.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            -webkit-transform-origin: right;
            -ms-transform-origin: right;
            transform-origin: right;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .hinge-out-from-right.mui-leave.mui-leave-active {
            -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
            opacity: 0
        }
        
        .hinge-out-from-bottom.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            -webkit-transform-origin: bottom;
            -ms-transform-origin: bottom;
            transform-origin: bottom;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .hinge-out-from-bottom.mui-leave.mui-leave-active {
            -webkit-transform: perspective(2000px) rotateX(90deg);
            transform: perspective(2000px) rotateX(90deg);
            opacity: 0
        }
        
        .hinge-out-from-left.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .hinge-out-from-left.mui-leave.mui-leave-active {
            -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
            opacity: 0
        }
        
        .hinge-out-from-middle-x.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .hinge-out-from-middle-x.mui-leave.mui-leave-active {
            -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
            opacity: 0
        }
        
        .hinge-out-from-middle-y.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: perspective(2000px) rotate(0deg);
            transform: perspective(2000px) rotate(0deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .hinge-out-from-middle-y.mui-leave.mui-leave-active {
            -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
            opacity: 0
        }
        
        .scale-in-up.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
            transform: scale(.5);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .scale-in-up.mui-enter.mui-enter-active {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
        
        .scale-in-down.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
            transform: scale(1.5);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .scale-in-down.mui-enter.mui-enter-active {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
        
        .scale-out-up.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .scale-out-up.mui-leave.mui-leave-active {
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
            transform: scale(1.5);
            opacity: 0
        }
        
        .scale-out-down.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .scale-out-down.mui-leave.mui-leave-active {
            -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
            transform: scale(.5);
            opacity: 0
        }
        
        .spin-in.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: rotate(-0.75turn);
            -ms-transform: rotate(-0.75turn);
            transform: rotate(-0.75turn);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .spin-in.mui-enter.mui-enter-active {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        
        .spin-out.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .spin-out.mui-leave.mui-leave-active {
            -webkit-transform: rotate(0.75turn);
            -ms-transform: rotate(0.75turn);
            transform: rotate(0.75turn);
            opacity: 0
        }
        
        .spin-in-ccw.mui-enter {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: rotate(0.75turn);
            -ms-transform: rotate(0.75turn);
            transform: rotate(0.75turn);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 0
        }
        
        .spin-in-ccw.mui-enter.mui-enter-active {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        
        .spin-out-ccw.mui-leave {
            transition-duration: 500ms;
            transition-timing-function: linear;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            opacity: 1
        }
        
        .spin-out-ccw.mui-leave.mui-leave-active {
            -webkit-transform: rotate(-0.75turn);
            -ms-transform: rotate(-0.75turn);
            transform: rotate(-0.75turn);
            opacity: 0
        }
        
        .slow {
            transition-duration: 750ms!important
        }
        
        .fast {
            transition-duration: 250ms!important
        }
        
        .linear {
            transition-timing-function: linear!important
        }
        
        .ease {
            transition-timing-function: ease!important
        }
        
        .ease-in {
            transition-timing-function: ease-in!important
        }
        
        .ease-out {
            transition-timing-function: ease-out!important
        }
        
        .ease-in-out {
            transition-timing-function: ease-in-out!important
        }
        
        .bounce-in {
            transition-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important
        }
        
        .bounce-out {
            transition-timing-function: cubic-bezier(.485, .155, .515, .845)!important
        }
        
        .bounce-in-out {
            transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important
        }
        
        .short-delay {
            transition-delay: 300ms!important
        }
        
        .long-delay {
            transition-delay: 700ms!important
        }
        
        .shake {
            -webkit-animation-name: shake-7;
            animation-name: shake-7
        }
        
        @-webkit-keyframes shake-7 {
            0%,
            10%,
            20%,
            30%,
            40%,
            50%,
            60%,
            70%,
            80%,
            90% {
                -webkit-transform: translateX(7%);
                transform: translateX(7%)
            }
            5%,
            15%,
            25%,
            35%,
            45%,
            55%,
            65%,
            75%,
            85%,
            95% {
                -webkit-transform: translateX(-7%);
                transform: translateX(-7%)
            }
        }
        
        @keyframes shake-7 {
            0%,
            10%,
            20%,
            30%,
            40%,
            50%,
            60%,
            70%,
            80%,
            90% {
                -webkit-transform: translateX(7%);
                transform: translateX(7%)
            }
            5%,
            15%,
            25%,
            35%,
            45%,
            55%,
            65%,
            75%,
            85%,
            95% {
                -webkit-transform: translateX(-7%);
                transform: translateX(-7%)
            }
        }
        
        .spin-cw {
            -webkit-animation-name: spin-cw-1turn;
            animation-name: spin-cw-1turn
        }
        
        @-webkit-keyframes spin-cw-1turn {
            0% {
                -webkit-transform: rotate(-1turn);
                transform: rotate(-1turn)
            }
            100% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
        }
        
        @keyframes spin-cw-1turn {
            0% {
                -webkit-transform: rotate(-1turn);
                transform: rotate(-1turn)
            }
            100% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
        }
        
        .spin-ccw {
            -webkit-animation-name: spin-cw-1turn;
            animation-name: spin-cw-1turn
        }
        
        @keyframes spin-cw-1turn {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
            100% {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }
        
        .wiggle {
            -webkit-animation-name: wiggle-7deg;
            animation-name: wiggle-7deg
        }
        
        @-webkit-keyframes wiggle-7deg {
            40%,
            50%,
            60% {
                -webkit-transform: rotate(7deg);
                transform: rotate(7deg)
            }
            35%,
            45%,
            55%,
            65% {
                -webkit-transform: rotate(-7deg);
                transform: rotate(-7deg)
            }
            0%,
            30%,
            70%,
            100% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
        }
        
        @keyframes wiggle-7deg {
            40%,
            50%,
            60% {
                -webkit-transform: rotate(7deg);
                transform: rotate(7deg)
            }
            35%,
            45%,
            55%,
            65% {
                -webkit-transform: rotate(-7deg);
                transform: rotate(-7deg)
            }
            0%,
            30%,
            70%,
            100% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
        }
        
        .shake,
        .spin-cw,
        .spin-ccw,
        .wiggle {
            -webkit-animation-duration: 500ms;
            animation-duration: 500ms
        }
        
        .infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }
        
        .slow {
            -webkit-animation-duration: 750ms!important;
            animation-duration: 750ms!important
        }
        
        .fast {
            -webkit-animation-duration: 250ms!important;
            animation-duration: 250ms!important
        }
        
        .linear {
            -webkit-animation-timing-function: linear!important;
            animation-timing-function: linear!important
        }
        
        .ease {
            -webkit-animation-timing-function: ease!important;
            animation-timing-function: ease!important
        }
        
        .ease-in {
            -webkit-animation-timing-function: ease-in!important;
            animation-timing-function: ease-in!important
        }
        
        .ease-out {
            -webkit-animation-timing-function: ease-out!important;
            animation-timing-function: ease-out!important
        }
        
        .ease-in-out {
            -webkit-animation-timing-function: ease-in-out!important;
            animation-timing-function: ease-in-out!important
        }
        
        .bounce-in {
            -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important;
            animation-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important
        }
        
        .bounce-out {
            -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845)!important;
            animation-timing-function: cubic-bezier(.485, .155, .515, .845)!important
        }
        
        .bounce-in-out {
            -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important;
            animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important
        }
        
        .short-delay {
            -webkit-animation-delay: 300ms!important;
            animation-delay: 300ms!important
        }
        
        .long-delay {
            -webkit-animation-delay: 700ms!important;
            animation-delay: 700ms!important
        }
        
        .swiper-container {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1
        }
        
        .swiper-container-no-flexbox .swiper-slide {
            float: left
        }
        
        .swiper-container-vertical>.swiper-wrapper {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }
        
        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            box-sizing: content-box
        }
        
        .swiper-container-android .swiper-slide,
        .swiper-wrapper {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .swiper-container-multirow>.swiper-wrapper {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        
        .swiper-container-free-mode>.swiper-wrapper {
            transition-timing-function: ease-out;
            margin: 0 auto
        }
        
        .swiper-slide {
            -ms-flex-negative: 0;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform
        }
        
        .swiper-invisible-blank-slide {
            visibility: hidden
        }
        
        .swiper-container-autoheight,
        .swiper-container-autoheight .swiper-slide {
            height: auto
        }
        
        .swiper-container-autoheight .swiper-wrapper {
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            transition-property: height, -webkit-transform;
            transition-property: transform, height;
            transition-property: transform, height, -webkit-transform
        }
        
        .swiper-container-3d {
            -webkit-perspective: 1200px;
            perspective: 1200px
        }
        
        .swiper-container-3d .swiper-cube-shadow,
        .swiper-container-3d .swiper-slide,
        .swiper-container-3d .swiper-slide-shadow-bottom,
        .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-wrapper {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d
        }
        
        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top {
            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: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
        }
        
        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
        }
        
        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
        }
        
        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
        }
        
        .swiper-container-wp8-horizontal,
        .swiper-container-wp8-horizontal>.swiper-wrapper {
            -ms-touch-action: pan-y;
            touch-action: pan-y
        }
        
        .swiper-container-wp8-vertical,
        .swiper-container-wp8-vertical>.swiper-wrapper {
            -ms-touch-action: pan-x;
            touch-action: pan-x
        }
        
        .swiper-button-next,
        .swiper-button-prev {
            position: absolute;
            top: 50%;
            width: 27px;
            height: 44px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            background-size: 27px 44px;
            background-position: center;
            background-repeat: no-repeat
        }
        
        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: .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-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-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-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")
        }
        
        .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-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-pagination {
            position: absolute;
            text-align: center;
            transition: .3s opacity;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            z-index: 10
        }
        
        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }
        
        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 10px;
            left: 0;
            width: 100%
        }
        
        .swiper-pagination-bullets-dynamic {
            overflow: hidden;
            font-size: 0
        }
        
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33);
            position: relative
        }
        
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
        
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            -webkit-transform: scale(.66);
            -ms-transform: scale(.66);
            transform: scale(.66)
        }
        
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33)
        }
        
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            -webkit-transform: scale(.66);
            -ms-transform: scale(.66);
            transform: scale(.66)
        }
        
        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33)
        }
        
        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 100%;
            background: #000;
            opacity: .2
        }
        
        button.swiper-pagination-bullet {
            border: none;
            margin: 0;
            padding: 0;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }
        
        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer
        }
        
        .swiper-pagination-bullet-active {
            opacity: 1;
            background: #007aff
        }
        
        .swiper-container-vertical>.swiper-pagination-bullets {
            right: 10px;
            top: 50%;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0)
        }
        
        .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 6px 0;
            display: block
        }
        
        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 8px
        }
        
        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s top, .2s -webkit-transform;
            transition: .2s transform, .2s top;
            transition: .2s transform, .2s top, .2s -webkit-transform
        }
        
        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 4px
        }
        
        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap
        }
        
        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: .2s left, .2s -webkit-transform;
            transition: .2s transform, .2s left;
            transition: .2s transform, .2s left, .2s -webkit-transform
        }
        
        .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: .2s right, .2s -webkit-transform;
            transition: .2s transform, .2s right;
            transition: .2s transform, .2s right, .2s -webkit-transform
        }
        
        .swiper-pagination-progressbar {
            background: rgba(0, 0, 0, .25);
            position: absolute
        }
        
        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #007aff;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top
        }
        
        .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            -webkit-transform-origin: right top;
            -ms-transform-origin: right top;
            transform-origin: right top
        }
        
        .swiper-container-horizontal>.swiper-pagination-progressbar {
            width: 100%;
            height: 4px;
            left: 0;
            top: 0
        }
        
        .swiper-container-vertical>.swiper-pagination-progressbar {
            width: 4px;
            height: 100%;
            left: 0;
            top: 0
        }
        
        .swiper-pagination-white .swiper-pagination-bullet-active {
            background: #fff
        }
        
        .swiper-pagination-progressbar.swiper-pagination-white {
            background: rgba(255, 255, 255, .25)
        }
        
        .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
            background: #fff
        }
        
        .swiper-pagination-black .swiper-pagination-bullet-active {
            background: #000
        }
        
        .swiper-pagination-progressbar.swiper-pagination-black {
            background: rgba(0, 0, 0, .25)
        }
        
        .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
            background: #000
        }
        
        .swiper-scrollbar {
            border-radius: 10px;
            position: relative;
            -ms-touch-action: none;
            background: rgba(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, .5);
            border-radius: 10px;
            left: 0;
            top: 0
        }
        
        .swiper-scrollbar-cursor-drag {
            cursor: move
        }
        
        .swiper-zoom-container {
            width: 100%;
            height: 100%;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }
        
        .swiper-zoom-container>canvas,
        .swiper-zoom-container>img,
        .swiper-zoom-container>svg {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain
        }
        
        .swiper-slide-zoomed {
            cursor: move
        }
        
        .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%;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-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%;
            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);
                transform: rotate(360deg)
            }
        }
        
        @keyframes swiper-preloader-spin {
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
        
        .swiper-container .swiper-notification {
            position: absolute;
            left: 0;
            top: 0;
            pointer-events: none;
            opacity: 0;
            z-index: -1000
        }
        
        .swiper-container-fade.swiper-container-free-mode .swiper-slide {
            transition-timing-function: ease-out
        }
        
        .swiper-container-fade .swiper-slide {
            pointer-events: none;
            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-container-cube {
            overflow: visible
        }
        
        .swiper-container-cube .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1;
            visibility: hidden;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            width: 100%;
            height: 100%
        }
        
        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }
        
        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0
        }
        
        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }
        
        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-next,
        .swiper-container-cube .swiper-slide-next + .swiper-slide,
        .swiper-container-cube .swiper-slide-prev {
            pointer-events: auto;
            visibility: visible
        }
        
        .swiper-container-cube .swiper-slide-shadow-bottom,
        .swiper-container-cube .swiper-slide-shadow-left,
        .swiper-container-cube .swiper-slide-shadow-right,
        .swiper-container-cube .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .swiper-container-cube .swiper-cube-shadow {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .6;
            -webkit-filter: blur(50px);
            filter: blur(50px);
            z-index: 0
        }
        
        .swiper-container-flip {
            overflow: visible
        }
        
        .swiper-container-flip .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1
        }
        
        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }
        
        .swiper-container-flip .swiper-slide-active,
        .swiper-container-flip .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }
        
        .swiper-container-flip .swiper-slide-shadow-bottom,
        .swiper-container-flip .swiper-slide-shadow-left,
        .swiper-container-flip .swiper-slide-shadow-right,
        .swiper-container-flip .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .swiper-container-coverflow .swiper-wrapper {
            -ms-perspective: 1200px
        }
        
        .lg-sub-html,
        .lg-toolbar {
            background-color: rgba(0, 0, 0, .45)
        }
        
        #lg-counter,
        .lg-outer .lg-video-cont {
            vertical-align: middle;
            display: inline-block
        }
        
/*
        @font-face {
            font-family: lg;
            src: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lg.eot#1561483741);
            src: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lg.eot#1561483741) format("embedded-opentype"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lg.woff#1561483741) format("woff"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lg.ttf#1561483741) format("truetype"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lg.svg?n1z373#lg) format("svg");
            font-weight: 400;
            font-style: normal
        }
*/
        
        .lg-icon {
            font-family: lg;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }
        
        .lg-actions .lg-next,
        .lg-actions .lg-prev {
            background-color: rgba(0, 0, 0, .45);
            border-radius: 2px;
            color: #999;
            cursor: pointer;
            display: block;
            font-size: 22px;
            margin-top: -10px;
            padding: 8px 10px 9px;
            position: absolute;
            top: 50%;
            z-index: 1080
        }
        
        .lg-actions .lg-next.disabled,
        .lg-actions .lg-prev.disabled {
            pointer-events: none;
            opacity: .5
        }
        
        .lg-actions .lg-next:hover,
        .lg-actions .lg-prev:hover {
            color: #FFF
        }
        
        .lg-actions .lg-next {
            right: 20px
        }
        
        .lg-actions .lg-next:before {
            content: "\e095"
        }
        
        .lg-actions .lg-prev {
            left: 20px
        }
        
        .lg-actions .lg-prev:after {
            content: "\e094"
        }
        
        @-webkit-keyframes lg-right-end {
            0%,
            100% {
                left: 0
            }
            50% {
                left: -30px
            }
        }
        
        @keyframes lg-right-end {
            0%,
            100% {
                left: 0
            }
            50% {
                left: -30px
            }
        }
        
        @-webkit-keyframes lg-left-end {
            0%,
            100% {
                left: 0
            }
            50% {
                left: 30px
            }
        }
        
        @keyframes lg-left-end {
            0%,
            100% {
                left: 0
            }
            50% {
                left: 30px
            }
        }
        
        .lg-outer.lg-right-end .lg-object {
            -webkit-animation: lg-right-end .3s;
            animation: lg-right-end .3s;
            position: relative
        }
        
        .lg-outer.lg-left-end .lg-object {
            -webkit-animation: lg-left-end .3s;
            animation: lg-left-end .3s;
            position: relative
        }
        
        .lg-toolbar {
            z-index: 1082;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }
        
        .lg-toolbar .lg-icon {
            color: #999;
            cursor: pointer;
            float: right;
            font-size: 24px;
            height: 47px;
            line-height: 27px;
            padding: 10px 0;
            text-align: center;
            width: 50px;
            text-decoration: none!important;
            outline: 0;
            transition: color .2s linear
        }
        
        .lg-toolbar .lg-icon:hover {
            color: #FFF
        }
        
        .lg-toolbar .lg-close:after {
            content: "\e070"
        }
        
        .lg-toolbar .lg-download:after {
            content: "\e0f2"
        }
        
        .lg-sub-html {
            bottom: 0;
            color: #EEE;
            font-size: 16px;
            left: 0;
            padding: 10px 40px;
            position: fixed;
            right: 0;
            text-align: center;
            z-index: 1080
        }
        
        .lg-sub-html h4 {
            margin: 0;
            font-size: 13px;
            font-weight: 700
        }
        
        .lg-sub-html p {
            font-size: 12px;
            margin: 5px 0 0
        }
        
        #lg-counter {
            color: #999;
            font-size: 16px;
            padding-left: 20px;
            padding-top: 12px
        }
        
        .lg-next,
        .lg-prev,
        .lg-toolbar {
            opacity: 1;
            transition: opacity 0.35s cubic-bezier(0, 0, .25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform 0.35s cubic-bezier(0, 0, .25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, .25, 1) 0s, color 0.2s linear;
            transition: transform 0.35s cubic-bezier(0, 0, .25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, .25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-hide-items .lg-prev {
            opacity: 0;
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        
        .lg-hide-items .lg-next {
            opacity: 0;
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
        
        .lg-hide-items .lg-toolbar {
            opacity: 0;
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        
        body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
            -webkit-transform: scale3d(.5, .5, .5);
            transform: scale3d(.5, .5, .5);
            opacity: 0;
            transition: opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s!important;
            transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1)!important;
            transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s!important;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%
        }
        
        body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            opacity: 1
        }
        
        .lg-outer .lg-thumb-outer {
            background-color: #0D0A0A;
            bottom: 0;
            position: absolute;
            width: 100%;
            z-index: 1080;
            max-height: 350px;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            transition: -webkit-transform 0.25s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform 0.25s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform 0.25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
            cursor: -webkit-grab;
            cursor: -o-grab;
            cursor: -ms-grab;
            cursor: grab
        }
        
        .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
            cursor: move;
            cursor: -webkit-grabbing;
            cursor: -o-grabbing;
            cursor: -ms-grabbing;
            cursor: grabbing
        }
        
        .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
            transition-duration: 0s!important
        }
        
        .lg-outer.lg-thumb-open .lg-thumb-outer {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .lg-outer .lg-thumb {
            padding: 10px 0;
            height: 100%;
            margin-bottom: -5px
        }
        
        .lg-outer .lg-thumb-item {
            cursor: pointer;
            float: left;
            overflow: hidden;
            height: 100%;
            border: 2px solid #FFF;
            border-radius: 4px;
            margin-bottom: 5px
        }
        
        @media (min-width:1025px) {
            .lg-outer .lg-thumb-item {
                transition: border-color .25s ease
            }
        }
        
        .lg-outer .lg-thumb-item.active,
        .lg-outer .lg-thumb-item:hover {
            border-color: #a90707
        }
        
        .lg-outer .lg-thumb-item img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }
        
        .lg-outer.lg-has-thumb .lg-item {
            padding-bottom: 120px
        }
        
        .lg-outer.lg-can-toggle .lg-item {
            padding-bottom: 0
        }
        
        .lg-outer.lg-pull-caption-up .lg-sub-html {
            transition: bottom .25s ease
        }
        
        .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
            bottom: 100px
        }
        
        .lg-outer .lg-toggle-thumb {
            background-color: #0D0A0A;
            border-radius: 2px 2px 0 0;
            color: #999;
            cursor: pointer;
            font-size: 24px;
            height: 39px;
            line-height: 27px;
            padding: 5px 0;
            position: absolute;
            right: 20px;
            text-align: center;
            top: -39px;
            width: 50px
        }
        
        .lg-outer .lg-toggle-thumb:hover,
        .lg-outer.lg-dropdown-active #lg-share {
            color: #FFF
        }
        
        .lg-outer .lg-toggle-thumb:after {
            content: "\e1ff"
        }
        
        .lg-outer .lg-video-cont {
            max-width: 1140px;
            max-height: 100%;
            width: 100%;
            padding: 0 5px
        }
        
        .lg-outer .lg-video {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            overflow: hidden;
            position: relative
        }
        
        .lg-outer .lg-video .lg-object {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%!important;
            height: 100%!important
        }
        
        .lg-outer .lg-video .lg-video-play {
            width: 84px;
            height: 59px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -42px;
            margin-top: -30px;
            z-index: 1080;
            cursor: pointer
        }
        
          .lg-outer .lg-has-vimeo .lg-video-play {
            background: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../img/vimeo-play.png) no-repeat
        }
        
        .lg-outer .lg-has-vimeo:hover .lg-video-play {
            background: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../img/vimeo-play.png) 0 -58px no-repeat
        }
        
        .lg-outer .lg-has-html5 .lg-video-play {
            background: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../img/video-play.png) no-repeat;
            height: 64px;
            margin-left: -32px;
            margin-top: -32px;
            width: 64px;
            opacity: .8
        }
        
        .lg-outer .lg-has-html5:hover .lg-video-play {
            opacity: 1
        }
        
        .lg-outer .lg-has-youtube .lg-video-play {
            background: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../img/youtube-play.png) no-repeat
        }
        
        .lg-outer .lg-has-youtube:hover .lg-video-play {
            background: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../img/youtube-play.png) 0 -60px no-repeat
        }
        
        
        .lg-outer .lg-video-object {
            width: 100%!important;
            height: 100%!important;
            position: absolute;
            top: 0;
            left: 0
        }
        
        .lg-outer .lg-has-video .lg-video-object {
            visibility: hidden
        }
        
        .lg-outer .lg-has-video.lg-video-playing .lg-object,
        .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
            display: none
        }
        
        .lg-outer .lg-has-video.lg-video-playing .lg-video-object {
            visibility: visible
        }
        
        .lg-progress-bar {
            background-color: #333;
            height: 5px;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1083;
            opacity: 0;
            transition: opacity 80ms ease 0s
        }
        
        .lg-progress-bar .lg-progress {
            background-color: #a90707;
            height: 5px;
            width: 0
        }
        
        .lg-progress-bar.lg-start .lg-progress {
            width: 100%
        }
        
        .lg-show-autoplay .lg-progress-bar {
            opacity: 1
        }
        
        .lg-autoplay-button:after {
            content: "\e01d"
        }
        
        .lg-show-autoplay .lg-autoplay-button:after {
            content: "\e01a"
        }
        
        .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
        .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
            transition-duration: 0s
        }
        
        .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
            transition: -webkit-transform 0.3s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform 0.3s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform 0.3s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
            transition: left 0.3s cubic-bezier(0, 0, .25, 1) 0s, top 0.3s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, .25, 1) 0s!important;
            transition: transform 0.3s cubic-bezier(0, 0, .25, 1) 0s, opacity 0.15s!important;
            transition: transform 0.3s cubic-bezier(0, 0, .25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, .25, 1) 0s!important;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        #lg-zoom-in:after {
            content: "\e311"
        }
        
        #lg-actual-size {
            font-size: 20px
        }
        
        #lg-actual-size:after {
            content: "\e033"
        }
        
        #lg-zoom-out {
            opacity: .5;
            pointer-events: none
        }
        
        #lg-zoom-out:after {
            content: "\e312"
        }
        
        .lg-zoomed #lg-zoom-out {
            opacity: 1;
            pointer-events: auto
        }
        
        .lg-outer .lg-pager-outer {
            bottom: 60px;
            left: 0;
            position: absolute;
            right: 0;
            text-align: center;
            z-index: 1080;
            height: 10px
        }
        
        .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
            overflow: visible
        }
        
        .lg-outer .lg-pager-cont {
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            position: relative;
            vertical-align: top;
            margin: 0 5px
        }
        
        .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        
        .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
            box-shadow: 0 0 0 2px #fff inset
        }
        
        .lg-outer .lg-pager-thumb-cont {
            background-color: #fff;
            color: #FFF;
            bottom: 100%;
            height: 83px;
            left: 0;
            margin-bottom: 20px;
            margin-left: -60px;
            opacity: 0;
            padding: 5px;
            position: absolute;
            width: 120px;
            border-radius: 3px;
            transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
            transition: opacity .15s ease 0s, transform .15s ease 0s;
            transition: opacity .15s ease 0s, transform .15s ease 0s, -webkit-transform .15s ease 0s;
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }
        
        .lg-outer .lg-pager-thumb-cont img {
            width: 100%;
            height: 100%
        }
        
        .lg-outer .lg-pager {
            background-color: rgba(255, 255, 255, .5);
            border-radius: 50%;
            box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
            display: block;
            height: 12px;
            transition: box-shadow .3s ease 0s;
            width: 12px
        }
        
        .lg-outer .lg-pager:focus,
        .lg-outer .lg-pager:hover {
            box-shadow: 0 0 0 8px #fff inset
        }
        
        .lg-outer .lg-caret {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px dashed;
            bottom: -10px;
            display: inline-block;
            height: 0;
            left: 50%;
            margin-left: -5px;
            position: absolute;
            vertical-align: middle;
            width: 0
        }
        
        .lg-fullscreen:after {
            content: "\e20c"
        }
        
        .lg-fullscreen-on .lg-fullscreen:after {
            content: "\e20d"
        }
        
        .lg-outer #lg-dropdown-overlay {
            background-color: rgba(0, 0, 0, .25);
            bottom: 0;
            cursor: default;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            z-index: 1081;
            opacity: 0;
            visibility: hidden;
            transition: visibility 0s linear .18s, opacity .18s linear 0s
        }
        
        .lg-outer.lg-dropdown-active #lg-dropdown-overlay,
        .lg-outer.lg-dropdown-active .lg-dropdown {
            transition-delay: 0s;
            -ms-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible
        }
        
        .lg-outer .lg-dropdown {
            background-color: #fff;
            border-radius: 2px;
            font-size: 14px;
            list-style-type: none;
            margin: 0;
            padding: 10px 0;
            position: absolute;
            right: 0;
            text-align: left;
            top: 50px;
            opacity: 0;
            visibility: hidden;
            -ms-transform: translate3d(0, 5px, 0);
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
            transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;
            transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
            transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s
        }
        
        .lg-outer .lg-dropdown:after {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            border: 8px solid transparent;
            border-bottom-color: #FFF;
            right: 16px;
            top: -16px
        }
        
        .lg-outer .lg-dropdown>li:last-child {
            margin-bottom: 0
        }
        
        .lg-outer .lg-dropdown>li:hover .lg-icon,
        .lg-outer .lg-dropdown>li:hover a {
            color: #333
        }
        
        .lg-outer .lg-dropdown a {
            color: #333;
            display: block;
            white-space: pre;
            padding: 4px 12px;
            font-family: 'Marcellus', serif;
            font-size: 12px
        }
        
        .lg-outer .lg-dropdown a:hover {
            background-color: rgba(0, 0, 0, .07)
        }
        
        .lg-outer .lg-dropdown .lg-dropdown-text {
            display: inline-block;
            line-height: 1;
            margin-top: -3px;
            vertical-align: middle
        }
        
        .lg-outer .lg-dropdown .lg-icon {
            color: #333;
            display: inline-block;
            float: none;
            font-size: 20px;
            height: auto;
            line-height: 1;
            margin-right: 8px;
            padding: 0;
            vertical-align: middle;
            width: auto
        }
        
        .lg-outer,
        .lg-outer .lg,
        .lg-outer .lg-inner {
            width: 100%;
            height: 100%
        }
        
        .lg-outer #lg-share {
            position: relative
        }
        
        .lg-outer #lg-share:after {
            content: "\e80d"
        }
        
        .lg-outer #lg-share-facebook .lg-icon {
            color: #3b5998
        }
        
        .lg-outer #lg-share-facebook .lg-icon:after {
            content: "\e901"
        }
        
        .lg-outer #lg-share-twitter .lg-icon {
            color: #00aced
        }
        
        .lg-outer #lg-share-twitter .lg-icon:after {
            content: "\e904"
        }
        
        .lg-outer #lg-share-googleplus .lg-icon {
            color: #dd4b39
        }
        
        .lg-outer #lg-share-googleplus .lg-icon:after {
            content: "\e902"
        }
        
        .lg-outer #lg-share-pinterest .lg-icon {
            color: #cb2027
        }
        
        .lg-outer #lg-share-pinterest .lg-icon:after {
            content: "\e903"
        }
        
        .group:after,
        .group:before {
            display: table;
            content: "";
            line-height: 0
        }
        
        .group:after {
            clear: both
        }
        
        .lg-outer {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1050;
            opacity: 0;
            transition: opacity .15s ease 0s
        }
        
        .lg-outer * {
            box-sizing: border-box
        }
        
        .lg-outer.lg-visible {
            opacity: 1
        }
        
        .lg-outer.lg-css3 .lg-item.lg-current,
        .lg-outer.lg-css3 .lg-item.lg-next-slide,
        .lg-outer.lg-css3 .lg-item.lg-prev-slide {
            transition-duration: inherit!important;
            transition-timing-function: inherit!important
        }
        
        .lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
        .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
        .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
            transition-duration: 0s!important;
            opacity: 1
        }
        
        .lg-outer.lg-grab img.lg-object {
            cursor: -webkit-grab;
            cursor: -o-grab;
            cursor: -ms-grab;
            cursor: grab
        }
        
        .lg-outer.lg-grabbing img.lg-object {
            cursor: move;
            cursor: -webkit-grabbing;
            cursor: -o-grabbing;
            cursor: -ms-grabbing;
            cursor: grabbing
        }
        
        .lg-outer .lg {
            position: relative;
            overflow: hidden;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            max-height: 100%
        }
        
        .lg-outer .lg-inner {
            position: absolute;
            left: 0;
            top: 0;
            white-space: nowrap
        }
        
      .lg-outer .lg-item {
            background: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../img/loading.gif) center center no-repeat;
            display: none!important
        }
        
        .lg-outer.lg-css .lg-current,
        .lg-outer.lg-css3 .lg-current,
        .lg-outer.lg-css3 .lg-next-slide,
        .lg-outer.lg-css3 .lg-prev-slide {
            display: inline-block!important
        }
        
        .lg-outer .lg-img-wrap,
        .lg-outer .lg-item {
            display: inline-block;
            text-align: center;
            position: absolute;
            width: 100%;
            height: 100%
        }
        
        .lg-outer .lg-img-wrap:before,
        .lg-outer .lg-item:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px
        }
        
        .lg-outer .lg-img-wrap {
            position: absolute;
            padding: 0 5px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0
        }
        
        .lg-outer .lg-item.lg-complete {
            background-image: none
        }
        
        .lg-outer .lg-item.lg-current {
            z-index: 1060
        }
        
        .lg-outer .lg-image {
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
            max-height: 100%;
            width: auto!important;
            height: auto!important
        }
        
        .lg-outer.lg-show-after-load .lg-item .lg-object,
        .lg-outer.lg-show-after-load .lg-item .lg-video-play {
            opacity: 0;
            transition: opacity .15s ease 0s
        }
        
        .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
        .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
            opacity: 1
        }
        
        .lg-outer .lg-empty-html,
        .lg-outer.lg-hide-download #lg-download {
            display: none
        }
        
        .lg-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1040;
            background-color: #000;
            opacity: 0;
            transition: opacity .15s ease 0s
        }
        
        .lg-backdrop.in {
            opacity: 1
        }
        
        .lg-css3.lg-no-trans .lg-current,
        .lg-css3.lg-no-trans .lg-next-slide,
        .lg-css3.lg-no-trans .lg-prev-slide {
            transition: none 0s ease 0s!important
        }
        
        .lg-css3.lg-use-css3 .lg-item,
        .lg-css3.lg-use-left .lg-item {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        
        .lg-css3.lg-fade .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-fade .lg-item.lg-current {
            opacity: 1
        }
        
        .lg-css3.lg-fade .lg-item.lg-current,
        .lg-css3.lg-fade .lg-item.lg-next-slide,
        .lg-css3.lg-fade .lg-item.lg-prev-slide {
            transition: opacity .1s ease 0s
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item {
            opacity: 0
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
        
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
        .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
            transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 0.1s ease 0s;
            transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item {
            opacity: 0;
            position: absolute;
            left: 0
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
            left: -100%
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
            left: 100%
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
            left: 0;
            opacity: 1
        }
        
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
        .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
            transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 0.1s ease 0s
        }
        
        .blocker {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            z-index: 100;
            padding: 20px;
            box-sizing: border-box;
            background-color: #000;
            background-color: rgba(255, 255, 255, .8);
            text-align: center
        }
        
        .blocker:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -.05em
        }
        
        .blocker.behind {
            background-color: transparent
        }
        
        .modal {
            display: none;
            vertical-align: middle;
            position: relative;
            z-index: 2;
            max-width: 500px;
            box-sizing: border-box;
            width: 90%;
            background: #fff;
            padding: 15px 30px;
            border-radius: 8px;
            -o-box-shadow: 0 0 10px #000;
            -ms-box-shadow: 0 0 10px #000;
            box-shadow: 0 0 10px #000;
            text-align: left
        }
        
        .modal a.close-modal {
            position: absolute;
            top: -12.5px;
            right: -12.5px;
            display: block;
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("data:image/png;\a base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==")
        }
        
        .modal-spinner {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            padding: 12px 16px;
            border-radius: 5px;
            background-color: #111;
            height: 20px
        }
        
        .modal-spinner>div {
            border-radius: 100px;
            background-color: #fff;
            height: 20px;
            width: 2px;
            margin: 0 1px;
            display: inline-block;
            -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
            animation: sk-stretchdelay 1.2s infinite ease-in-out
        }
        
        .modal-spinner .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }
        
        .modal-spinner .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s
        }
        
        .modal-spinner .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s
        }
        
        @-webkit-keyframes sk-stretchdelay {
            0%,
            40%,
            100% {
                -webkit-transform: scaleY(.5)
            }
            20% {
                -webkit-transform: scaleY(1)
            }
        }
        
        @keyframes sk-stretchdelay {
            0%,
            40%,
            100% {
                transform: scaleY(.5);
                -webkit-transform: scaleY(.5)
            }
            20% {
                transform: scaleY(1);
                -webkit-transform: scaleY(1)
            }
        }
        
        .screen-reader-text {
            clip: rect(1px, 1px, 1px, 1px);
            position: absolute!important;
            height: 1px;
            width: 1px;
            overflow: hidden
        }
        
        .screen-reader-text:focus {
            background-color: #f1f1f1;
            border-radius: 3px;
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
            clip: auto!important;
            color: #21759b;
            display: block;
            font-size: 14px;
            font-size: .875rem;
            font-weight: 700;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000
        }
        
        #wpadminbar {
            position: fixed!important
        }
        
        body.admin-bar.f-topbar-fixed .sticky.fixed {
            margin-top: 2rem
        }
        
        body.admin-bar.offcanvas .off-canvas.is-open {
            top: 2.875rem
        }
        
        @media screen and (min-width:48.9375em) {
            body.admin-bar.offcanvas .off-canvas.is-open {
                top: 2rem
            }
        }
        
        .wp-caption>figcaption {
            max-width: 100%;
            font-size: .8rem;
            color: #999;
            padding: .25rem 0
        }
        
        p.wp-caption-text {
            font-size: 90%;
            color: #666;
            padding: .625rem 0
        }
        
        .alignleft {
            float: left;
            padding-right: 1rem;
            margin: 0
        }
        
        .alignright {
            float: right;
            padding-left: 1rem;
            margin: 0
        }
        
        .aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto
        }
        
        html {
            opacity: 0
        }
        
        html.wf-active {
            opacity: 1
        }
        
        .nobr {
            white-space: nowrap
        }
        
        .centered-content {
            max-width: 1920px;
            margin: 0 auto
        }
        
/*
        @font-face {
            font-display: 'swap';
            font-family: 'Glyphicons Halflings';
            src: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/glyphicons-halflings-regular.eot);
            src: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/glyphicons-halflings-regular.eot#1561483741) format("embedded-opentype"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
        }
*/
        
        .glyphicon,
        .polycor-wrapper .shop a span:after {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }
        
        .glyphicon-triangle-right:before {
            content: "\e250"
        }
        
        body::-webkit-scrollbar {
            width: 1em
        }
        
        body::-webkit-scrollbar-thumb {
            background-color: #f2621e;
        }
        
        body {
            font-size: 14px;
            font-weight: 500;
            line-height: 22px;
            color: #344570;
            letter-spacing: 1px;
            font-family: 'Marcellus', serif !important;
        }
        
        body.mobile-menu-active,
        body.modal-gallery-active {
            height: 100vh;
            width: 100vw;
            overflow: hidden;
            position: fixed
        }
        
        body.lang-en .hide-en,
        body.lang-en-ca .hide-en {
            display: none!important
        }
        
        body.lang-fr .hide-fr {
            display: none!important
        }
        
        h1,
        .h1,
        h2,
        .h2,
        h3,
        .h3,
        h4,
        .h4,
        .lg-sub-html,
        h5,
        .h5 {
            font-weight: 400;
            color: #344570;
            letter-spacing: 0
        }
        
        h1,
        .h1 {
            font-size: 32px;
            line-height: 36px
        }
        
        h2,
        .h2 {
            font-size: 28px;
            line-height: 32px
        }
        
        h3,
        .h3 {
            font-size: 24px;
            line-height: 27px
        }
        
        h4,
        .h4,
        .lg-sub-html {
            text-transform: uppercase;
            font-weight: normal;
            letter-spacing: 5px;
            font-size: .9rem;
            font-family: 'Marcellus', serif;
        }
        
        h5,
        .h5 {
            font-size: 20px;
            line-height: 25px;
            color: #AD776A
        }
        
        h1 small,
        h2 small,
        h3 small {
            display: block;
            font-size: 14px;
            font-weight: 500;
            line-height: 22px;
            color: #344570;
            letter-spacing: 1px;
            font-family: 'Marcellus', serif;
            margin-top: 10px
        }
        
        a {
            color: #344570;
            transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out
        }
        
        a:hover {
            color: #d9a782
        }
        
        h1 a:hover,
        h2 a:hover,
        h3 a:hover,
        h4 a:hover,
        h5 a:hover {
            color: #344570;
            opacity: .7
        }
        
        .underline {
            text-transform: uppercase;
            font-weight: 700;
            display: inline-block;
            font-size: .9rem;
            line-height: normal;
            letter-spacing: 5px;
            margin-top: 25px
        }
        
        .underline:after {
            content: "";
            display: block;
            margin-top: 7px;
            width: calc(100% - 3px);
/*            height: 2px;*/
            background-color: #d9a782;
            transition: background-color 0.3s ease-in-out
        }
        
        a.img-opacity-hover {
            transition: all 0.3s ease-in-out;
            opacity: 1;
            display: inline-block
        }
        
        a.img-opacity-hover:hover {
            opacity: .8
        }
        
        p {
            letter-spacing: 1px
        }
        
        .text p:last-child {
/*            margin-bottom: 0*/
        }
        
        del {
            text-decoration: none;
            display: block;
            padding: 10px 0
        }
        
        del span {
            display: inline-block
        }
        
        del span:after {
            content: "";
            display: block;
            margin-top: -11px;
            width: calc(100% + 2px);
            height: 2px;
            background-color: #d9a782;
            margin-left: -2.5px
        }
        
        .uppercase,
        .polycor-wrapper .menu a,
        .nav-mobile #mobile-main-menu-wrapper .menu>li>a,
        .nav-mobile h3,
        .site-header .scroll-down,
        .nav-desktop a,
        .nav-desktop .polycor-wrapper a,
        .footer-container a,
        #wpsl-search-wrap form .hit-enter,
        #wpsl-stores a.phone {
           
           
            letter-spacing: 5px;
            font-size: .9rem
        }
        
        .separator {
            margin: 20px 0 20px 10px;
            width: 30px;
            height: 2px;
            background-color: #d9a782;
            display: inline-block
        }
        
        .menu {
            display: block
        }
        
        .menu .is-active>a {
            color: inherit;
            background: none
        }
        
        .menu .is-active>a:hover {
            color: #d9a782
        }
        
        .slick-carousel .slick-slide {
            height: 380px
        }
        
        .slick-carousel .slick-slide img {
            height: 380px
        }
        
        .slick-carousel .slick-center .img-wrapper {
            margin-right: 400px
        }
        
        .swiper-button-next,
        .swiper-button-prev {
            background: none;
            transition: opacity 0.3s
        }
        
        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: .15
        }
        
        .page .mejs-container,
        .page .mejs-embed,
        .page .mejs-embed body,
        .page .mejs-container .mejs-controls {
            background: #384055
        }
        
        .page .mejs-controls .mejs-time-rail .mejs-time-current {
            background: #d9a782
        }
        
        .page .wp-video,
        .page video.wp-video-shortcode,
        .page .mejs-container,
        .page .mejs-overlay.load {
            width: 100%!important;
            height: 100%!important
        }
        
        .page .mejs-container {
            padding-top: 56.25%
        }
        
        .page .wp-video,
        .page video.wp-video-shortcode {
            max-width: 100%!important
        }
        
        .page video.wp-video-shortcode {
            position: relative
        }
        
        .page .mejs-mediaelement {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }
        
        .page .mejs-overlay-play {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: auto!important;
            height: auto!important
        }
        
        .animated {
            opacity: 0
        }
        
        @media print,
        screen and (min-width:48em) {
            body {
                font-size: 16px;
                line-height: 28px
            }
            h1 {
                font-size: 35px;
    line-height: 44px;
    font-weight: normal;
            }
            h2 {
                font-size: 36px;
                line-height: 40px
            }
            del {
                display: inline-block;
                padding: 10px 10px
            }
        }
        
        label,
        .label {
           /*text-transform: uppercase; */
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
    color: #4b4c4e;
            background: none;
            padding: 0;
            margin-bottom: 10px;
        }
        
        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 {
           
            font-weight: 700;
            letter-spacing: 1px;
            font-size: .9rem;
            color: #d9a782;
             border: 1px solid #d4e8ffad;
    box-shadow: 0px 0px 13px 0px #EDF3FA;
            height: 2.75rem;
    width: 100%;
            margin: 0;
            padding-left: 15px;
            padding-right: 15px;
            background: none;
                margin-bottom: 20px;
        }
        
        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 {
            border: 2px solid #f8f3f1;
            box-shadow: none;
            background: none
        }
        
        .row-bg-light-pink input[type='text'],
        .row-bg-light-pink input[type='password'],
        .row-bg-light-pink input[type='date'],
        .row-bg-light-pink input[type='datetime'],
        .row-bg-light-pink input[type='datetime-local'],
        .row-bg-light-pink input[type='month'],
        .row-bg-light-pink input[type='week'],
        .row-bg-light-pink input[type='email'],
        .row-bg-light-pink input[type='number'],
        .row-bg-light-pink input[type='search'],
        .row-bg-light-pink input[type='tel'],
        .row-bg-light-pink input[type='time'],
        .row-bg-light-pink input[type='url'],
        .row-bg-light-pink input[type='color'],
        .row-bg-light-pink textarea {
            border: 2px solid #344570
        }
      select,
        select.wpcf7-select {
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 5px;
            font-size: .9rem;
            border: 2px solid #EDF3FA;
            box-shadow: none;
/*            height: 3.75rem;*/
            margin: 0;
            padding-left: 15px;
            padding-right: 15px;
            color: #BABABA;
            width: 100%;
            background: none;
            background-image: url();
            background-position: right 20px center;
            background-repeat: no-repeat;
            background-size: 13px 8px
        }
        
        .svg select,
        .svg select.wpcf7-select {
            background-image: url()
        }
        .row-bg-light-pink select,
        .row-bg-light-pink select.wpcf7-select {
            border: 2px solid #344570
        }
        
        select.selected {
            color: #d9a782
        }
        
        .row-bg-light-pink select.selected {
            color: #d9a782
        }
        
        .select-wrapper .empty {
            display: none
        }
        
        .wpcf7-form-control-wrap.recipient,
        .wpcf7-form-control-wrap.warranty-recipient {
            display: none
        }
        
        input[type="submit"] {
/*            text-transform: uppercase;*/
            font-weight: 700;
            display: block;
            max-width: 250px;
            padding: 10px 28px;
            background: #EDF3FA;
            text-align: center;
            height: 45px;
    font-size: 14px;
            letter-spacing: 5px;
            border: none;
            box-shadow:0px 0px 13px 0px #fdeae2;
            cursor: pointer;
           color: #1d1d1d;
    background: #ffffff;
            margin-top: 5px
        }
        
        input[type="submit"]:hover {
            color: #fff;
            background: #344570
        }
        
        input[type="submit"]:hover {
            color: #d9a782;
            background: #f8f3f1;
            opacity: .8
        }
        
        .row-bg-light-pink input[type="submit"] {
            background: #384055;
            color: #fff
        }
        
        .wpcf7-form-control-wrap {
            display: block;
            margin-top: 16px
        }
        
        .screen-reader-response {
            display: none
        }
        
        .recaptcha-wrapper {
            position: relative;
            padding-bottom: 20px
        }
        
        .recaptcha-wrapper .wpcf7-not-valid-tip {
            display: block
        }
        
        .wpcf7-form {
            text-align: left
        }
        
        .wpcf7-form:after {
            content: "";
            display: table;
            clear: both
        }
        
        .wpcf7-form .empty-value-text {
            display: none
        }
        
        .wpcf7-form .product,
        .wpcf7-form .product:last-child {
            padding: 0
        }
        
        .row-bg-light-pink .wpcf7-form {
            margin-top: 80px
        }
        
        .wpcf7-form .wpcf7-not-valid-tip {
            text-transform: none;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 1rem;
            font-style: italic
        }
        
        .wpcf7-form .ajax-loader {
            display: none
        }
        
        .wpcf7-form .ajax-loader.is-active {
            display: block
        }
        
        .wpcf7-form .ball-scale>div {
            background: #344570
        }
        
        .wpcf7-response-output {
            text-align: center;
            clear: both;
            text-align: center;
            padding: 30px 0 33px 0;
            width: 100%;
            border: none;
            color: #fff;
            background: #384055;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            margin: 0;
            top: -200px;
            transition: top 0.5s ease-in-out;
            box-sizing: content-box;
            display: none
        }
        
        .wpcf7-response-output.wpcf7-validation-errors,
        .wpcf7-response-output.wpcf7-spam-blocked,
        .wpcf7-response-output.wpcf7-mail-sent-ok,
        .wpcf7-response-output.wpcf7-mail-sent-ng {
            top: 0
        }
        
        .wpcf7-validation-errors,
        .wpcf7-spam-blocked,
        .wpcf7-mail-sent-ng {
            color: #fff;
            background: #d9a782
        }
        
        .recaptcha-wrapper .wpcf7-form-control-wrap {
            margin-top: 0
        }
        
        .file label {
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            max-width: 200px;
            padding: 20px 54px;
            background: #EDF3FA;
            text-align: center;
            font-size: .9rem;
            letter-spacing: 5px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            color: #d9a782;
            background: #f8f3f1;
            position: relative;
            max-width: 100%;
            overflow: hidden;
            margin-bottom: 10px;
            cursor: pointer
        }
        
        .file label:hover {
            color: #fff;
            background: #344570
        }
        
        .file label:hover {
            color: #d9a782;
            background: #f8f3f1;
            opacity: .8
        }
        
        .file label:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: none;
            content: "";
            z-index: 100;
            cursor: pointer;
            display: block
        }
        
        .file .wpcf7-form-control-wrap {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0
        }
        
        .file input[type='file'] {
            cursor: inherit;
            display: block;
            font-size: 999px;
            filter: alpha(opacity=0);
            height: 100%;
            width: 100%;
            opacity: 0;
            position: absolute;
            left: 0;
            text-align: right;
            top: 0;
            cursor: pointer;
            margin: 0
        }
        
        .file .filename {
            text-align: center;
            display: block;
            color: #BABABA;
            font-size: .9rem
        }
        
        .radio-wrapper {
            margin-bottom: 25px
        }
        
        .radio-wrapper .wpcf7-form-control-wrap {
            margin: 0
        }
        
        .radio-wrapper label {
            font-size: 14px;
            font-weight: 500;
            line-height: 22px;
            color: #344570;
            letter-spacing: 1px;
           font-family: 'Marcellus', serif;
            display: inline-block;
            margin: 0 10px;
            text-transform: none
        }
        
        .radio-wrapper label:before {
            display: inline-block;
            content: "";
            margin-right: 5px;
            position: relative;
            top: 3px
        }
        
        .radio-wrapper input[type="radio"] {
            display: none
        }
        
        .radio-wrapper .wpcf7-not-valid-tip {
            display: block
        }
        
        .radio-wrapper input[type="radio"]:active~label {
            background: red
        }
        
        @media screen and (min-width:75em) {
            label {
                width: 49%;
                display: inline-block;
                vertical-align: top;
/*                padding: 0 15px*/
            }
            label.full-width {
                width: 98.5%
            }
            .wpcf7-form {
                max-width: 1000px;
                margin: 0 auto
            }
            .recaptcha-wrapper {
                padding-left: 15px;
                float: left
            }
            input[type="submit"] {
                margin: 13px 32px 0px 0;
                float: left;
            }
            div.wpcf7.ajax-loader {
                float: right;
                margin-top: 19px;
                margin-right: 12px
            }
        .ajax-loader {
                float: right
            }
        }
        
        .redirection_shop {
            display: table;
            width: 100%;
            height: 100px;
            position: fixed;
            bottom: -100vh;
            right: 0;
            z-index: 999;
            text-align: center;
            color: #FFF;
            background-color: #3e3e3f;
            text-transform: uppercase;
            transition: all 0.5s;
            opacity: 0
        }
        
        .bt_fermer {
            position: absolute;
            z-index: 999;
            top: 10px;
            right: 10px;
            display: block;
            width: 20px;
            background: transparent;
            border: none;
            height: 20px;
            text-indent: 1000px;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        
        .bt_fermer:before,
        .bt_fermer:after {
            display: block;
            content: "";
            width: 100%;
            height: 4px;
            background-color: #CCC;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -2px 0 0 -10px
        }
        
        .bt_fermer:hover:before,
        .bt_fermer:hover:after {
            background-color: #FFF
        }
        
        .bt_fermer:after {
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }
        
        .modal .bt_fermer {
            right: 0
        }
        
        .modal .bt_fermer:hover:before,
        .modal .bt_fermer:hover:after {
            background-color: #999
        }
        
        .redirection_shop.ouvert {
            bottom: 0;
            opacity: 1
        }
        
        .redirection_shop .texte {
            display: table-cell;
            height: 100%;
            line-height: 1.1;
            vertical-align: middle;
            padding: 20px;
            font-family: 'Marcellus', serif;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 18px
        }
        
        .redirection_shop .texte p {
            margin-bottom: 20px
        }
        
        .redirection_shop .texte p span {
            text-transform: lowercase
        }
        
        .redirection_shop a.bt {
            border-color: #fff;
            color: #fff;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: .5px;
            margin-bottom: 4px;
            padding: 13px 20px
        }
        
        .redirection_shop a.bt:hover {
            border-color: #FFF;
            background-color: #FFF;
            color: #3e3e3f!important
        }
        
        a.bt {
            display: inline-block;
            text-decoration: none!important;
            border: 1px solid #000;
            text-transform: uppercase;
            padding: 5px 24px;
            font-size: 11px;
            letter-spacing: 2px;
            font-weight: 600;
            will-change: border-color, color, background-color;
            transition: border-color 0.2s, color 0.2s, background-color 0.2s
        }
        
        @media (min-width:768px) {
            .redirection_shop {
                text-align: left;
                width: 450px;
                height: 100%;
                top: 0;
                right: -100vw;
                bottom: auto;
                opacity: 0
            }
            .redirection_shop.ouvert {
                right: 0;
                bottom: auto;
                opacity: 1
            }
            .redirection_shop .texte {
                font-size: 36px;
                padding: 50px
            }
            .redirection_shop a.bt {
                font-size: .4em
            }
            .bt_fermer {
                top: 20px;
                right: 10%
            }
            .redirection_shop a.bt {
                font-size: .4em
            }
        }
        
        @media (min-width:992px) {
            .redirection_shop .texte {
                padding: 100px
            }
        }
        
        @media (min-width:1200px) {
            .redirection_shop {
                width: 500px
            }
        }
        
        .icon {
            background: center center no-repeat;
            background-size: cover
        }
        
         .icon-404 {
            width: 319px;
            height: 111px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/404.png)
        }
        
        .svg .icon-404 {
            width: 319px;
            height: 111px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/404.svg)
        }
        
        .icon-flag-cad {
            width: 32px;
            height: 21px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-cad.png)
        }
        
        .svg .icon-flag-cad {
            width: 32px;
            height: 21px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-cad.svg)
        }
        
        .icon-flag-cad-round {
            width: 25px;
            height: 25px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-cad-round.png)
        }
        
        .svg .icon-flag-cad-round {
            width: 25px;
            height: 25px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-cad-round.svg)
        }
        
        .icon-flag-usa {
            width: 32px;
            height: 21px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-usa.png)
        }
        
        .svg .icon-flag-usa {
            width: 32px;
            height: 21px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-usa.svg)
        }
        
        .icon-flag-usa-round {
            width: 25px;
            height: 25px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-usa-round.png)
        }
        
        .svg .icon-flag-usa-round {
            width: 25px;
            height: 25px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/flag-usa-round.svg)
        }
        
        .icon-curseur-fleche-blanche-droite {
            width: 14px;
            height: 24px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-blanche-droite.png)
        }
        
        .svg .icon-curseur-fleche-blanche-droite {
            width: 14px;
            height: 24px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-blanche-droite.svg)
        }
        
        .icon-curseur-fleche-blanche-gauche {
            width: 14px;
            height: 24px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-blanche-gauche.png)
        }
        
        .svg .icon-curseur-fleche-blanche-gauche {
            width: 14px;
            height: 24px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-blanche-gauche.svg)
        }
        
        .icon-curseur-fleche-bleu-droite,
        .lg-actions .lg-next {
            width: 23px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-droite.png)
        }
        
        .svg .icon-curseur-fleche-bleu-droite,
        .svg .lg-actions .lg-next,
        .lg-actions .svg .lg-next {
            width: 23px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-droite.svg)
        }
        
        .icon-curseur-fleche-bleu-gauche,
        .lg-actions .lg-prev {
            width: 21px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-gauche.png)
        }
        
        .svg .icon-curseur-fleche-bleu-gauche,
        .svg .lg-actions .lg-prev,
        .lg-actions .svg .lg-prev {
            width: 21px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-gauche.svg)
        }
        
        .icon-curseur-fleche-orange-droite {
            width: 23px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-orange-droite.png)
        }
        
        .svg .icon-curseur-fleche-orange-droite {
            width: 23px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-orange-droite.svg)
        }
        
        .icon-curseur-fleche-orange-gauche {
            width: 21px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-orange-gauche.png)
        }
        
        .svg .icon-curseur-fleche-orange-gauche {
            width: 21px;
            height: 38px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-orange-gauche.svg)
        }
        
        .icon-dealers-location-bleu {
            width: 35px;
            height: 46px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/dealers-location-bleu.png)
        }
        
        .svg .icon-dealers-location-bleu {
            width: 35px;
            height: 46px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/dealers-location-bleu.svg)
        }
        
        .icon-dealers-location-orange {
            width: 35px;
            height: 47px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/dealers-location-orange.png)
        }
        
        .svg .icon-dealers-location-orange {
            width: 35px;
            height: 47px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/dealers-location-orange.svg)
        }
        
        .icon-fleche-bleu {
            width: 36px;
            height: 13px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/fleche-bleu.png)
        }
        
        .svg .icon-fleche-bleu {
            width: 36px;
            height: 13px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/fleche-bleu.svg)
        }
        
        .icon-footer-fleche-gototop {
            width: 13px;
            height: 9px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/footer-fleche-gototop.png)
        }
        
        .svg .icon-footer-fleche-gototop {
            width: 13px;
            height: 9px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/footer-fleche-gototop.svg)
        }
        
        .icon-footer-rs-facebook,
        .footer-container .menu-footer-social-media-container .icon-fb a {
            width: 50px;
            height: 50px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/footer-rs-facebook-3x.png)
        }
        
        .icon-footer-rs-pinterest,
        .footer-container .menu-footer-social-media-container .icon-pinterest a {
            width: 50px;
            height: 50px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/footer-rs-pinterest-3x.png)
        }
        
        .icon-footer-rs-youtube,
        .footer-container .menu-footer-social-media-container .icon-youtube a {
            width: 50px;
            height: 50px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/footer-rs-youtube-3x.png)
        }
        
        .icon-hover-fleche-blanche {
            width: 34px;
            height: 21px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/hover-fleche-blanche.png)
        }
        
        .svg .icon-hover-fleche-blanche {
            width: 100px;
            height: 21px;
            background-image: url(../image/arrowleft.png)
        }
        
        .icon-logo-blanc {
            width: 50px;
            height: 49px;
/*            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/logo-blanc.png)*/
        }
        
        .svg .icon-logo-blanc {
            width: 100%;
            height: auto;
/*            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/logo-blanc.svg)*/
        }
        
        .icon-logo-blanc {
/*
            width: 50px;
            height: 49px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/logo-blanc.png)
*/
        }
        
        .svg .icon-logo-blanc {
/*
            width: 50px;
            height: 49px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/logo-blanc.svg)
*/
        }
        
        .icon-logo-bleu,
        body.home .nav-desktop.headroom--pinned.headroom--not-top .icon-logo-blanc,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .icon-logo-blanc,
        .site-header.background-color-white .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-light-gray .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-light-pink .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-light-blue .nav-desktop .nav-bottom .icon-logo-blanc {
           width: 100px;
    height: 100px;
/*            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/logo-bleu.png)*/
        }
        
        .svg .icon-logo-bleu,
        .svg body.home .nav-desktop.headroom--pinned.headroom--not-top .icon-logo-blanc,
        body.home .nav-desktop.headroom--pinned.headroom--not-top .svg .icon-logo-blanc,
        .svg header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .icon-logo-blanc,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .svg .icon-logo-blanc,
        .svg .site-header.background-color-white .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-white .nav-desktop .nav-bottom .svg .icon-logo-blanc,
        .svg .site-header.background-color-light-gray .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-light-gray .nav-desktop .nav-bottom .svg .icon-logo-blanc,
        .svg .site-header.background-color-medium-gray .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom .svg .icon-logo-blanc,
        .svg .site-header.background-color-light-pink .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-light-pink .nav-desktop .nav-bottom .svg .icon-logo-blanc,
        .svg .site-header.background-color-light-blue .nav-desktop .nav-bottom .icon-logo-blanc,
        .site-header.background-color-light-blue .nav-desktop .nav-bottom .svg .icon-logo-blanc {
          width: 100px;
    height: 150px;
        
        }
        
       .svg .icon-menu-fermer-mobile {
            width: 20px;
            height: 20px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-fermer-mobile.svg)
        }
        
        .icon-fermer-popup,
        .lg-toolbar .lg-close {
            width: 20px;
            height: 20px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/fermer-popup.png)
        }
        
        .svg .icon-fermer-popup,
        .svg .lg-toolbar .lg-close,
        .lg-toolbar .svg .lg-close {
            width: 20px;
            height: 20px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/fermer-popup.svg)
        }
        
        .icon-menu-langue-blanche-desktop {
            width: 13px;
            height: 8px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-langue-blanche-desktop.png)
        }
        
        .svg .icon-menu-langue-blanche-desktop {
            width: 13px;
            height: 8px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-langue-blanche-desktop.svg)
        }
        
        .icon-menu-langue-bleu-desktop,
        body.home .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper .btn img,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper .btn img,
        .site-header.background-color-white .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-light-gray .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-light-pink .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-light-blue .nav-desktop .nav-bottom .language-switcher-wrapper .btn img {
            width: 13px;
            height: 8px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-langue-bleu-desktop.png)
        }
        
        .svg .icon-menu-langue-bleu-desktop,
        .svg body.home .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper .btn img,
        body.home .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper .btn .svg img,
        .svg header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper .btn img,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper .btn .svg img,
        .svg .site-header.background-color-white .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-white .nav-desktop .nav-bottom .language-switcher-wrapper .btn .svg img,
        .svg .site-header.background-color-light-gray .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-light-gray .nav-desktop .nav-bottom .language-switcher-wrapper .btn .svg img,
        .svg .site-header.background-color-medium-gray .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom .language-switcher-wrapper .btn .svg img,
        .svg .site-header.background-color-light-pink .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-light-pink .nav-desktop .nav-bottom .language-switcher-wrapper .btn .svg img,
        .svg .site-header.background-color-light-blue .nav-desktop .nav-bottom .language-switcher-wrapper .btn img,
        .site-header.background-color-light-blue .nav-desktop .nav-bottom .language-switcher-wrapper .btn .svg img {
            width: 13px;
            height: 8px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-langue-bleu-desktop.svg)
        }
        
        .icon-menu-langue-mobile,
        .nav-mobile .choose-language li.active a:after {
            width: 9px;
            height: 6px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-langue-mobile.png)
        }
        
        .svg .icon-menu-langue-mobile,
        .svg .nav-mobile .choose-language li.active a:after,
        .nav-mobile .choose-language li.active .svg a:after {
            width: 9px;
            height: 6px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-langue-mobile.svg)
        }
        
        .icon-menu-ouvrir-mobile {
            width: 22px;
            height: 16px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-ouvrir-mobile.png)
        }
        
        .svg .icon-menu-ouvrir-mobile {
            width: 22px;
            height: 16px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/menu-ouvrir-mobile.svg)
        }
        
        .icon-radio,
        .radio-wrapper label:before {
            width: 18px;
            height: 18px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/radio.png)
        }
        
        .svg .icon-radio,
        .svg .radio-wrapper label:before,
        .radio-wrapper .svg label:before {
            width: 18px;
            height: 18px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/radio.svg)
        }
        
        .icon-radio-selected,
        .radio-wrapper label.checked:before {
            width: 18px;
            height: 18px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/radio-selected.png)
        }
        
        .svg .icon-radio-selected,
        .svg .radio-wrapper label.checked:before,
        .radio-wrapper .svg label.checked:before {
            width: 18px;
            height: 18px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/radio-selected.svg)
        }
        
        .icon-search {
            width: 19px;
            height: 19px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/search.png)
        }
        
        .svg .icon-search {
            width: 19px;
            height: 19px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/search.svg)
        }
        
        .icon-stories-fleche-orange {
            width: 34px;
            height: 21px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/stories-fleche-orange.png)
        }
        
        .svg .icon-stories-fleche-orange {
            width: 34px;
            height: 21px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/stories-fleche-orange.svg)
        }
        
        .icon-stories-play-hover,
        .container .video-hover-wrapper .hover-content:hover .icon-stories-play {
            width: 74px;
            height: 75px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/stories-play-hover.png)
        }
        
        .svg .icon-stories-play-hover,
        .svg .container .video-hover-wrapper .hover-content:hover .icon-stories-play,
        .container .video-hover-wrapper .hover-content:hover .svg .icon-stories-play {
            width: 74px;
            height: 75px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/stories-play-hover.svg)
        }
        
        .icon-stories-play {
            width: 77px;
            height: 77px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/stories-play.png)
        }
        
        .svg .icon-stories-play {
            width: 77px;
            height: 77px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/stories-play.svg)
        }
        
        
        .polycor-wrapper {
            padding: 37px 0 60px 0
        }
        
        .polycor-wrapper h3 {
            padding-left: 26px;
            letter-spacing: 1px;
            margin-bottom: 15px
        }
        
        .polycor-wrapper .menu a {
            padding: 7px 26px;
            font-family: 'Marcellus', serif;
            font-size: 10px;
            letter-spacing: .4px;
            line-height: 14px;
            color: #5c5d60
        }
        
        .polycor-wrapper .menu a:hover {
            text-decoration: underline
        }
        
        .polycor-wrapper .vetrazzo a span {
            background: url(https://cdn2.hubspot.net/hubfs/2594220/www/cie-vetrazzo.png) left center no-repeat;
            width: 72px;
            display: block;
            height: 11px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center 50%;
            text-indent: -10000px;
            overflow: hidden
        }
        
        .polycor-wrapper .shop a span:after {
            margin-left: 2px;
            content: "\e116"
        }
        
        .nav-mobile {
            position: fixed;
            background:#f5f5f5;
            text-align: center;
            height: 70px;
            padding-top: 10px;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 100;
            transition: all 0.4s ease-in-out
        }
        
        .nav-mobile.headroom--unpinned {
/*            top: -70px*/
        }
        
        body.admin-bar .nav-mobile {
            top: 46px
        }
        
        body.admin-bar .nav-mobile.headroom--unpinned {
            top: -70px
        }
        
        @media screen and (min-width:783px) {
            body.admin-bar .nav-mobile {
                top: 32px
            }
            body.admin-bar .nav-mobile.headroom--unpinned {
                top: -70px
            }
        }
        
        body.admin-bar .nav-mobile .menu-wrapper {
            top: 46px
        }
        
        .nav-mobile:before {
            transition: opacity 0.5s ease-in-out;
            position: fixed;
            right: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .2);
            z-index: 3;
            opacity: 0;
            content: ""
        }
        
        .nav-mobile.active:before {
            right: 0;
            display: block;
            opacity: 1
        }
        
        .nav-mobile .logo {
            display: inline-block
        }
        
        .nav-mobile .logo img {
          width: 80px;
    height: 120px;
    position: relative;
    top: -8px;
        }
        
        .nav-mobile .toggle-menu {
            position: absolute;
            left: 31px;
            top: 23px
        }
        
        .nav-mobile .menu-wrapper {
            text-align: left;
            transition: all 0.5s ease-in-out;
            position: fixed;
            left: -100%;
            top: 0;
            width: 92%;
            height: 100%;
            background: #BABABA;
            z-index: 4;
            overflow-y: scroll
        }
        
        .nav-mobile.active .menu-wrapper {
            left: 0
        }
        
        .nav-mobile .menu-top {
            background: #fff;
            padding: 60px 0 0 10px
        }
        
        .nav-mobile .menu-top li {
            margin-bottom: 4px
        }
        
        .nav-mobile .menu-top li:last-child {
            margin: 0
        }
        
        .nav-mobile .menu-top .sub-menu {
            max-height: 0;
            overflow: hidden;
            transition: all 0.5s ease-in-out
        }
        
        .nav-mobile .menu-top .sub-menu a {
            padding: 7px 16px
        }
        
        .nav-mobile .menu-top .sub-menu.visible {
            max-height: 1000px
        }
        
        .nav-mobile .menu-top .sub-menu li:last-child {
            padding-bottom: 10px
        }
        
        .nav-mobile .menu-top .separator {
            margin: 15px 0 30px 16px
        }
        
        .nav-mobile .menu-top .menu-mobile-2-wrapper {
            padding-bottom: 30px
        }
        
        .nav-mobile .menu-top .menu-mobile-2-wrapper a {
            padding: 6px 16px
        }
        
        .nav-mobile .close-menu {
            position: absolute;
            right: 19px;
            top: 24px;
            z-index: 5
        }
        
        .nav-mobile ul {
            list-style: none;
            margin: 0
        }
        
        .nav-mobile li {
            display: block
        }
        
        .nav-mobile a {
            display: block;
            font-size: 14px;
            letter-spacing: 1px;
            font-weight: 500
        }
        
        .nav-mobile #mobile-main-menu-wrapper .menu>li>a {
            letter-spacing: 5px
        }
        
        .nav-mobile h3 {
            color: #5c5d60;
            font-family: 'Marcellus', serif;
            letter-spacing: 5px;
            font-size: 12px
        }
        
        .nav-mobile .choose-language {
            position: absolute;
            right: 43px;
            top: 20px;
            text-align: left
        }
        
        .nav-mobile .choose-language a {
            font-size: 13px;
            line-height: 16px
        }
        
        .nav-mobile .choose-language li {
            display: none
        }
        
        .nav-mobile .choose-language li.active {
            display: inline-block
        }
        
        .nav-mobile .choose-language li.active a:after {
            display: inline-block;
            content: "";
            position: relative;
            left: 6px;
            bottom: 1px
        }
        
        .nav-mobile .choose-language span {
            display: block;
            height: 0;
            width: 0;
            overflow: hidden
        }
        
        .nav-mobile .language-popup {
            background: #fff;
            position: absolute;
            top: -100vh;
            left: 0;
            width: 100%;
            padding: 64px 20px 51px 20px;
            text-align: center;
            transition: all 0.5s ease-in-out
        }
        
        .nav-mobile .language-popup .separator {
            margin: 16px auto
        }
        
        .nav-mobile .language-popup h2 {
            font-weight: 500;
            font-size: 34px;
            padding: 0 20px;
            line-height: 40px
        }
        
        .nav-mobile .language-popup li {
            margin-bottom: 11px
        }
        
        .nav-mobile .language-popup a {
            letter-spacing: 6px
        }
        
        .nav-mobile .language-popup .close-popup-country {
            position: absolute;
            right: 46px;
            top: 25px
        }
        
        .nav-mobile .language-popup.active {
            top: 0
        }
        
        .site-header {
            height: 100vh;;
            background: center top no-repeat;
            background-size: cover;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: relative
        }
        
        .site-header .header-text {
            padding: 60px 50px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 2
        }
        
        .site-header .header-text h1,
        .site-header .header-text h2 {
            font-size: 36px;
            line-height: 40px;
            color: #fff;
            text-align: center;
            font-weight: 500
        }
        
        .site-header .header-text h2 {
            font-size: 32px;
            line-height: 36px
        }
        
        .site-header .header-text-content:after {
            display: block;
            width: 52px;
            height: 2px;
            background: white;
            content: "";
            position: relative;
            left: 50%;
            margin-left: -26px;
            margin-top: 2px
        }
        
        .site-header .header-text p {
            margin-left: auto;
            margin-right: auto;
            margin-top: 28px;
            max-width: 580px
        }
        
        .site-header .scroll-wrapper {
            position: absolute;
            bottom: 40px;
            width: 100%;
            text-align: center;
            z-index: 2
        }
        
        .site-header .scroll-down {
            font-size: 12px;
            color: #fff;
            letter-spacing: 3px;
            z-index: 2;
            display: inline-block
        }
        
        .site-header .scroll-down:after {
            content: "";
            display: block;
            width: calc(100% - 3px);
/*            height: 2px;*/
            background-color: #fff;
            margin-top: 3px;
            opacity: 0
        }
        
        .site-header .scroll-down:hover:after {
            opacity: 1
        }
        
        .header-slideshow {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }
        
        .header-slideshow .swiper-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }
        
        .header-slideshow .swiper-slide {
            background-size: cover
        }
        
        .header-slideshow .header-slideshow-desktop {
            display: none
        }
        
        .header-slideshow-pagination {
            margin-top: 20px;
            opacity: 0;
            transition: opacity 0.3s
        }
        
        .header-slideshow-pagination.visible {
            opacity: 1
        }
        
        .header-slideshow-pagination .swiper-pagination-bullet {
            opacity: 1;
            background:#ffffff;
            border-radius: 0;
            margin: 0 5px;
            width: 24px;
            height: 4px
        }
        
        .header-slideshow-pagination .swiper-pagination-bullet-active {
            background:#213d4d;
        }
        
        .header-slideshow-pagination .header-slideshow-pagination-desktop {
            display: none
        }
        
        .nav-desktop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            display: none;
            z-index: 100;
            transition: all 0.4s ease-in-out
        }
        
        .nav-desktop.headroom--unpinned {
            background:#303f4d;
/*            top: -150px*/
        }
        
        body.home .nav-desktop.headroom--pinned.headroom--not-top,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top {
            background: #fff
        }
        
        body.home .nav-desktop.headroom--pinned.headroom--not-top a,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top a {
            color: #48597f
        }
        
        body.home .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper:before,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .language-switcher-wrapper:before {
            background: #344570
        }
        
        body.home .nav-desktop.headroom--pinned.headroom--not-top .sub-menu a,
        header.bg-video .nav-desktop.headroom--pinned.headroom--not-top .sub-menu a {
            color: #fff
        }
        
        body.admin-bar .nav-desktop {
            top: 32px
        }
        
        body.admin-bar .nav-desktop.headroom--unpinned {
            top: -150px
        }
        
        .nav-desktop .nav-bottom {
            position: relative;
            padding: 0;
            transition: background 0.4s ease-in-out
        }
        
        .nav-desktop .logo {
            position: absolute;
            top: 13px;
            left: 15px;
            z-index: 2
        }
        
        .nav-desktop .menu {
            width: 100%;
            text-align: center;
                left: -2vw;
                margin-bottom: 10px;
        }
        
        .nav-desktop li {
            display: inline-block
        }
        
        .nav-desktop .main-menu-wrapper a {
/*            padding: 32px 9px*/
        }
        
        body.lang-fr .nav-desktop .main-menu-wrapper a {
            padding: 32px 5px;
            font-size: 11px
        }
        
        .nav-desktop a {
            letter-spacing: 5px;
            font-size: 12px;
            line-height: 16px;
            color: #fff;
            font-weight: normal;
            transition: opacity 0.1s ease-in-out
        }
        
        .nav-desktop a:hover {
            opacity: .8;
                background: #f26522;
            border-radius: 40px;
        }
        
        .nav-desktop .menu-item-has-children {
            position: relative
        }
        
        .nav-desktop .sub-menu {
            width: 100%;
            position: absolute;
            top: 65px;
    left: 33px;
            width: auto;
            background: #f7ad89;
            padding: 0;
            display: none;
            z-index: 10;
          
            text-align: left;
            padding: 13px 24px 19px 25px
        }
        
        .nav-desktop .sub-menu li {
            display: block
        }
        
        .nav-desktop .sub-menu a {
            text-transform: none;
            font-weight: 500;
            letter-spacing: 2px;
            color: #fff;
            display: inline-block;
            padding: 0!important;
            margin-bottom: 25px;
                text-decoration: underline;
        }
        
        .nav-desktop .sub-menu li:last-child a {
            margin-bottom: 0
        }
        
        .nav-desktop ul {
            list-style: none;
            margin: 0
        }
        
        .nav-desktop .language-switcher-wrapper {
            position: absolute;
            right: 10px;
            top:-1px;
/*            text-align: center;*/
            height: 55px;
            cursor: pointer
        }
        
        .nav-desktop .language-switcher-wrapper .inner {
            position: relative;
            display: inline-block;
            vertical-align: top
        }
        
        .nav-desktop .language-switcher-wrapper:before {
            content: "";
/*
            width: 2px;
            height: 23px;
*/
            display: inline-block;
/*            background: #fff;*/
            position: relative;
            top: 2px;
            left: 7px
        }
        
        .nav-desktop .language-switcher-wrapper .btn {
            position: absolute;
            top: 4px;
            right: -2px
        }
        
        .nav-desktop .language-switcher-wrapper .language-switcher.active-only {
            padding: 0 20px
        }
        
        .nav-desktop .language-switcher-wrapper .language-switcher.active-only a:hover {
            opacity: 1
        }
        
        .nav-desktop .language-switcher-wrapper .dropdown {
            background: rgba(255, 255, 255, .9);
            position: absolute;
            top: 53px;
            left: -10px;
            width: 157px;
            display: none
        }
        
        .nav-desktop .language-switcher-wrapper .dropdown ul {
            padding: 20px 0
        }
        
        .nav-desktop .language-switcher-wrapper .dropdown li.active {
            display: none
        }
        
        .nav-desktop .language-switcher-wrapper .dropdown a {
            padding: 10px 0;
            display: block;
            color: #344570
        }
        
        .nav-desktop .polycor-wrapper {
            background: #ededed;
            padding: 0 0
        }
        
        .nav-desktop .polycor-wrapper a {
            color: #313f47;
            font-size: 10px;
            letter-spacing: .4px;
            line-height: 14px
        }
        
        .nav-desktop .polycor-wrapper .shop {
            position: absolute;
            right: 30px;
            top: 0
        }
        
        .nav-desktop .polycor-wrapper .vetrazzo {
            position: relative;
            top: 2px
        }
        
        .nav-desktop .polycor-wrapper .menu {
            text-align: left;
            margin: 0 auto;
            max-width: 1170px
        }
        
        .site-header.background-color-dark-blue {
            background: #303f4d;
        }
        
        .site-header.background-color-dark-blue .nav-desktop {
            background:#303f4d;
        }
        
        .site-header.background-color-dark-blue .nav-desktop .menu .is-active>a {
            color: #fff
        }
        
        .site-header.background-color-dark-blue .nav-desktop .sub-menu {
            background: #d9a782
        }
        
        .site-header.background-color-dark-blue .header-text h1,
        .site-header.background-color-dark-blue .header-text h2,
        .site-header.background-color-dark-blue .header-text p {
            color: #fff
        }
        
        .site-header.background-color-white .nav-desktop .nav-bottom {
            background: #fff
        }
        
        .site-header.background-color-white .nav-desktop .nav-bottom a {
            color: #48597f
        }
        
        .site-header.background-color-white .nav-desktop .nav-bottom .language-switcher-wrapper:before {
            background: #344570
        }
        
        .site-header.background-color-white .nav-desktop .nav-bottom .sub-menu a {
            color: #fff
        }
        
        .site-header.background-color-white .header-text h1,
        .site-header.background-color-white .header-text h2,
        .site-header.background-color-white .header-text p {
            color: #344570
        }
        
        .site-header.background-color-white .header-text-content:after {
            background: #d9a782
        }
        
        .site-header.background-color-light-gray {
            background: #F9F9F9
        }
        
        .site-header.background-color-light-gray .nav-desktop .nav-bottom {
            background: #fff;
            background: #F9F9F9
        }
        
        .site-header.background-color-light-gray .nav-desktop .nav-bottom a {
            color: #48597f
        }
        
        .site-header.background-color-light-gray .nav-desktop .nav-bottom .language-switcher-wrapper:before {
            background: #344570
        }
        
        .site-header.background-color-light-gray .nav-desktop .nav-bottom .sub-menu a {
            color: #fff
        }
        
        .site-header.background-color-light-gray .header-text h1,
        .site-header.background-color-light-gray .header-text h2,
        .site-header.background-color-light-gray .header-text p {
            color: #344570
        }
        
        .site-header.background-color-light-gray .header-text-content:after {
            background: #d9a782
        }
        
        .site-header.background-color-medium-gray {
            background: #DEDEDE
        }
        
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom {
            background: #fff;
            background: #DEDEDE
        }
        
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom a {
            color: #48597f
        }
        
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom .language-switcher-wrapper:before {
            background: #344570
        }
        
        .site-header.background-color-medium-gray .nav-desktop .nav-bottom .sub-menu a {
            color: #fff
        }
        
        .site-header.background-color-medium-gray .header-text h1,
        .site-header.background-color-medium-gray .header-text h2,
        .site-header.background-color-medium-gray .header-text p {
            color: #344570
        }
        
        .site-header.background-color-medium-gray .header-text-content:after {
            background: #344570
        }
        
        .site-header.background-color-light-pink {
            background: #f8f3f1
        }
        
        .site-header.background-color-light-pink .nav-desktop .nav-bottom {
            background: #fff;
            background: #f8f3f1
        }
        
        .site-header.background-color-light-pink .nav-desktop .nav-bottom a {
            color: #48597f
        }
        
        .site-header.background-color-light-pink .nav-desktop .nav-bottom .language-switcher-wrapper:before {
            background: #344570
        }
        
        .site-header.background-color-light-pink .nav-desktop .nav-bottom .sub-menu a {
            color: #fff
        }
        
        .site-header.background-color-light-pink .header-text h1,
        .site-header.background-color-light-pink .header-text h2,
        .site-header.background-color-light-pink .header-text p {
            color: #344570
        }
        
        .site-header.background-color-light-pink .header-text-content:after {
            background: #d9a782
        }
        
        .site-header.background-color-light-blue {
            background: #EDF3FA
        }
        
        .site-header.background-color-light-blue .nav-desktop .nav-bottom {
            background: #fff;
            background: #EDF3FA
        }
        
        .site-header.background-color-light-blue .nav-desktop .nav-bottom a {
            color: #48597f
        }
        
        .site-header.background-color-light-blue .nav-desktop .nav-bottom .language-switcher-wrapper:before {
            background: #344570
        }
        
        .site-header.background-color-light-blue .nav-desktop .nav-bottom .sub-menu a {
            color: #fff
        }
        
        .site-header.background-color-light-blue .header-text h1,
        .site-header.background-color-light-blue .header-text h2,
        .site-header.background-color-light-blue .header-text p {
            color: #344570
        }
        
        .site-header.background-color-light-blue .header-text-content:after {
            background: #344570
        }
        
        @media print,
        screen and (min-width:48em) {
            .header-slideshow .header-slideshow-mobile {
                display: none
            }
            .header-slideshow .header-slideshow-desktop {
                display: block
            }
            .header-slideshow-pagination {
                margin-top: 30px
            }
            .header-slideshow-pagination .swiper-pagination-bullet {
                width: 32px;
                height: 4px;
                margin: 0 7px
            }
            .header-slideshow-pagination .header-slideshow-pagination-mobile {
                display: none
            }
            .header-slideshow-pagination .header-slideshow-pagination-desktop {
                display: block
            }
            .site-header .header-text h1 {
                font-size: 68px;
                line-height: 72px;
                font-weight:normal
            }
            .site-header .header-text h2 {
                font-size: 60px;
                line-height: 64px;
                font-weight: normal
            }
            .site-header .scroll-wrapper {
                bottom: 40px
            }
            .site-header .scroll-down {
                  font-size: 18px;
    letter-spacing: 5px;
    font-weight: 800;
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .nav-mobile {
                display: none
            }
            .nav-desktop {
                display: block
            }
            .site-header .header-text h1 {
                  font-size: 30px;
    line-height: 50px;
                margin-top: 25%;
            }
            .site-header .header-text h2 {
                font-size: 76px;
                line-height: 80px
            }
            .header-slideshow-pagination {
                margin-top: 100px
            }
            .header-slideshow-pagination .swiper-pagination-bullet {
               width: 20px;
    height: 3px;
                margin: 0 7px
            }
        }
        
        @media screen and (min-width:75em) {
            .nav-desktop a {
                font-size: 17px;
              letter-spacing: 1px;
                  
            }
            .nav-desktop .logo {
                left: 5vw
            }
            .nav-desktop .main-menu-wrapper a {
/*                padding:29px 12px;*/
               margin: 16px 0px 0px 1px;
            }
            body.lang-fr .nav-desktop .main-menu-wrapper a {
                padding: 60px 12px;
                font-size: 13px
            }
            .nav-desktop .language-switcher-wrapper {
                right: 4vw;
            }
            .nav-desktop .language-switcher-wrapper:before {
                left: -3px
            }
        }
        
        @media screen and (min-width:90em) {
            .nav-desktop a {
                font-size: 14px
            }
            .nav-desktop .logo {
                left: 8.5vw
            }
            .nav-desktop .language-switcher-wrapper {
                right: 7.4vw
            }
            .nav-desktop .main-menu-wrapper a {
              margin: 21px 0px 0px 1px;
            }
            body.lang-fr .nav-desktop .main-menu-wrapper a {
                padding: 32px 10px;
                font-size: 14px
            }
        }
        
        @media screen and (min-width:120em) {
            body.lang-fr .nav-desktop .main-menu-wrapper a {
                padding: 32px 16px
            }
        }
        
        .footer-container {
            background: #303f4d;
            color: #ffffff;
            clear: both;
            position: relative;
            z-index: 20
        }
        
        .footer-container a {
            letter-spacing: 5px;
            font-size: 14px;
            line-height: normal;
            color: #fbfbfc;
            list-style: none;
        }
        
        .footer-container a:hover {
            opacity: .75
        }
        
        .footer-container .menu .is-active>a {
            color: #fbfbfc
        }
        
        .footer-container p {
            letter-spacing: 1px;
            font-size: 17px;
            font-weight: normal;
            line-height: 20px
        }
        
        .footer-container p:last-child {
            margin-bottom: 0
        }
        
        .footer-container .menu-footer-social-media-container {
            margin: 28px 0 7px 0
        }
        
        .footer-container .menu-footer-social-media-container li {
            display: inline-block
        }
        
        .footer-container .menu-footer-social-media-container a {
            text-indent: -10000px;
            display: inline-block
        }
        
        .footer-container .menu-footer-social-media-container .icon-fb a {
            background-size: 40px 40px;
            width: 40px;
            height: 40px
        }
        
        .footer-container .menu-footer-social-media-container .icon-youtube a {
            background-size: 40px 40px;
            width: 40px;
            height: 40px
        }
        
        .footer-container .menu-footer-social-media-container .icon-pinterest a {
            background-size: 40px 40px;
            width: 40px;
            height: 40px
        }
        
        .footer-container .footer-bottom {
            padding: 10px 54px
        }
        
        .footer-container .inner-footer-bottom {
            border-top:1px solid #45535a;
    padding-top: 23px;
        }
        
        .footer-container .to-the-top {
            margin-bottom: 14px
        }
        
        .footer-container .text {
            margin-top: 15px
        }
        
        .footer-mobile {
            text-align: center;
            padding: 33px 22px
        }
        
        .footer-mobile .footer-bottom a {
            padding: 0
        }
        
        .footer-desktop {
            display: none
        }
        
        @media print,
        screen and (min-width:64em) {
            .footer-mobile {
                display: none
            }
            .footer-desktop {
                display: block;
                padding: 9vh 1vw 3vh 1vw;
                margin: 0 auto;
                max-width: 1200px
            }
            .footer-desktop .sub-menu {
                list-style: none;
                margin: 0
            }
            .footer-desktop .sub-menu a,
            .footer-desktop .col3 a {
                text-transform: none;
                font-weight: 500;
                letter-spacing: 1px;
                padding: .4rem 1rem
            }
            .footer-desktop .menu>li>a {
                padding: .4rem 1rem
            }
            .footer-desktop .menu-footer-social-media-container {
                float: right;
                margin: 0;
                margin-bottom: 12px!important
            }
            .footer-desktop .menu-footer-social-media-container .icon {
                margin-left: 8px
            }
            .footer-desktop .menu-footer-social-media-container .icon a {
                background-size: 50px 50px;
                width: 50px;
                height: 50px
            }
            .footer-desktop .footer-bottom {
                padding: 16px 0 10px 0;
/*                margin-top: 50px*/
            }
            .footer-desktop .to-the-top {
                padding-left: 20px;
                display: inline-block;
                text-align: center;
                position: relative;
                float: right
            }
            .footer-desktop .to-the-top .icon {
                 position: absolute;
    top: 3px;
    left: -3px;
            }
            .footer-desktop .menu-footer-bottom-container {
                text-align: center
            }
            .footer-desktop .menu-footer-bottom-container a {
                padding: 0;
                white-space: normal
            }
            .footer-desktop .menu-footer-bottom-container .text {
                margin-top: 0;
                padding-left: 16px
            }
            .footer-desktop .text {
                margin-top: 4px;
                padding-left: 16px
            }
        }
        
        body#tinymce {
            height: auto;
            max-width: 75rem;
            padding: 1.25rem!important
        }
        
        .mfp-bg {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1042;
            overflow: hidden;
            position: fixed;
            background: #fff;
            opacity: 1
        }
        
        .mfp-wrap {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1043;
            position: fixed;
            outline: none!important;
            -webkit-backface-visibility: hidden
        }
        
        .mfp-container {
            text-align: center;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding: 0 8px;
            box-sizing: border-box
        }
        
        .mfp-container:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }
        
        .mfp-align-top .mfp-container:before {
            display: none
        }
        
        .mfp-content {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin: 0 auto;
            text-align: left;
            z-index: 1045
        }
        
        .mfp-inline-holder .mfp-content,
        .mfp-ajax-holder .mfp-content {
            width: 100%
        }
        
        .mfp-ajax-cur {
            cursor: progress
        }
        
        .mfp-arrow,
        .mfp-preloader,
        .mfp-counter {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: none
        }
        
        .mfp-loading.mfp-figure {
            display: none
        }
        
        .mfp-hide {
            display: none!important
        }
        
        .mfp-preloader {
            color: #CCC;
            position: absolute;
            top: 50%;
            width: auto;
            text-align: center;
            margin-top: -.8em;
            left: 8px;
            right: 8px;
            z-index: 1044
        }
        
        .mfp-preloader a {
            color: #CCC
        }
        
        .mfp-preloader a:hover {
            color: #FFF
        }
        
        .mfp-s-ready .mfp-preloader {
            display: none
        }
        
        .mfp-s-error .mfp-content {
            display: none
        }
        
        button.mfp-arrow {
            overflow: visible;
            background: transparent;
            border: 0;
            -webkit-appearance: none;
            display: block;
            outline: none;
            padding: 0;
            z-index: 1046;
            box-shadow: none;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            display: none
        }
        
        button::-moz-focus-inner {
            padding: 0;
            border: 0
        }
        
        .mfp-counter {
            position: absolute;
            top: 0;
            right: 0;
            color: #CCC;
            font-size: 12px;
            line-height: 18px;
            white-space: nowrap
        }
        
        .mfp-arrow {
            display: none;
            position: absolute;
            opacity: .65;
            margin: 0;
            top: 50%;
            margin-top: -55px;
            padding: 0;
            width: 90px;
            height: 110px;
            -webkit-tap-highlight-color: transparent
        }
        
        .mfp-arrow:active {
            margin-top: -54px
        }
        
        .mfp-arrow:hover,
        .mfp-arrow:focus {
            opacity: 1
        }
        
        .mfp-arrow:before,
        .mfp-arrow:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 35px;
            margin-left: 35px;
            border: medium inset transparent
        }
        
        .mfp-arrow:after {
            border-top-width: 13px;
            border-bottom-width: 13px;
            top: 8px
        }
        
        .mfp-arrow:before {
            border-top-width: 21px;
            border-bottom-width: 21px;
            opacity: .7
        }
        
        .mfp-arrow-left {
            left: 0
        }
        
        .mfp-arrow-left:after {
            border-right: 17px solid #FFF;
            margin-left: 31px
        }
        
        .mfp-arrow-left:before {
            margin-left: 25px;
            border-right: 27px solid #3F3F3F
        }
        
        .mfp-arrow-right {
            right: 0
        }
        
        .mfp-arrow-right:after {
            border-left: 17px solid #FFF;
            margin-left: 39px
        }
        
        .mfp-arrow-right:before {
            border-left: 27px solid #3F3F3F
        }
        
        .mfp-iframe-holder {
            padding-top: 40px;
            padding-bottom: 40px
        }
        
        .mfp-iframe-holder .mfp-content {
            line-height: 0;
            width: 100%;
            max-width: 900px
        }
        
        .mfp-iframe-scaler {
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-top: 56.25%
        }
        
        .mfp-iframe-scaler iframe {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }
        
        img.mfp-img {
            width: auto;
            max-width: 100%;
            height: auto;
            display: block;
            line-height: 0;
            box-sizing: border-box;
            padding: 10vh 10vw;
            margin: 0 auto
        }
        
        .mfp-figure {
            line-height: 0
        }
        
        .mfp-figure small {
            color: #BDBDBD;
            display: block;
            font-size: 12px;
            line-height: 14px
        }
        
        .mfp-figure figure {
            margin: 0
        }
        
        .mfp-bottom-bar {
            margin-top: -36px;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%
        }
        
        .mfp-title {
            text-align: left;
            line-height: 18px;
            color: #F3F3F3;
            word-wrap: break-word;
            padding-right: 36px
        }
        
        .mfp-image-holder .mfp-content {
            max-width: 100%
        }
        
        .mfp-close {
            width: 40px;
            height: 40px;
            background: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/fermer-popup.png) center center no-repeat;
            background-size: 20px 20px;
            cursor: pointer;
            z-index: 1042;
            position: absolute;
            top: 40px;
            right: 40px
        }
        
        .mfp-close:hover {
            opacity: .8
        }
        
        .svg .mfp-close {
/*            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/fermer-popup.svg)*/
        }
        
        .mfp-figure .mfp-close {
            display: none
        }
        
        .mfp-wrap:hover {
            cursor: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-droite.png), auto
        }
        
        .svg .mfp-wrap:hover {
            cursor: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-droite.svg), auto
        }
        
        .mfp-wrap.hover-left:hover {
            cursor: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-gauche.png), auto
        }
        
        .svg .mfp-wrap.hover-left:hover {
            cursor: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/curseur-fleche-bleu-gauche.svg), auto
        }
        
        @media screen and (max-width:800px) and (orientation:landscape),
        screen and (max-height:300px) {
            .mfp-img-mobile .mfp-image-holder {
                padding-left: 0;
                padding-right: 0
            }
            .mfp-img-mobile img.mfp-img {
                padding: 0
            }
            .mfp-img-mobile .mfp-figure:after {
                top: 0;
                bottom: 0
            }
            .mfp-img-mobile .mfp-figure small {
                display: inline;
                margin-left: 5px
            }
            .mfp-img-mobile .mfp-bottom-bar {
                bottom: 0;
                margin: 0;
                top: auto;
                padding: 3px 5px;
                position: fixed;
                box-sizing: border-box
            }
            .mfp-img-mobile .mfp-bottom-bar:empty {
                padding: 0
            }
            .mfp-img-mobile .mfp-counter {
                right: 5px;
                top: 3px
            }
            .mfp-img-mobile .mfp-close {
                top: 0;
                right: 0;
                position: fixed;
                text-align: center;
                padding: 0
            }
        }
        
        @media all and (max-width:900px) {
            .mfp-arrow {
                -webkit-transform: scale(.75);
                -ms-transform: scale(.75);
                transform: scale(.75)
            }
            .mfp-arrow-left {
                -webkit-transform-origin: 0;
                -ms-transform-origin: 0;
                transform-origin: 0
            }
            .mfp-arrow-right {
                -webkit-transform-origin: 100%;
                -ms-transform-origin: 100%;
                transform-origin: 100%
            }
            .mfp-container {
                padding-left: 6px;
                padding-right: 6px
            }
        }
        
        .slideshow-stones .content-title .title {
            margin-bottom: 0
        }
        
        .slideshow-stones .swiper-button-prev {
            left: 2vw;
            margin-top: -32px;
            background: none
        }
        
        .slideshow-stones .swiper-button-next {
            right: 2vw;
            margin-top: -32px;
            background: none
        }
        
        .slideshow-stones .swiper-wrapper>.swiper-button-prev,
        .slideshow-stones .swiper-wrapper>.swiper-button-next {
            display: none
        }
        
        .slideshow-stones .slide-content-text {
            text-align: center;
            padding: 0 8vw
        }
        
        .slideshow-stones .slide-description {
            max-width: 450px;
            margin: 0 auto
        }
        
        .slideshow-stones .slide-content-stones {
            position: relative;
            height: 226px
        }
        
        .slideshow-stones .natural,
        .slideshow-stones .polished {
            width: 150px;
            height: 150px;
            position: absolute
        }
        
        .slideshow-stones .natural h4,
        .slideshow-stones .polished h4 {
            font-size: .7rem;
            letter-spacing: 4px
        }
        
        .slideshow-stones .natural {
            top: 0;
            right: 50%;
            margin-right: -110px;
            padding-right: 30px
        }
        
        .slideshow-stones .natural h4 {
            width: 255px;
            right: -26px;
            bottom: 217px;
            -webkit-transform: rotate(-90deg) translate(0, -100%);
            -ms-transform: rotate(-90deg) translate(0, -100%);
            transform: rotate(-90deg) translate(0, -100%);
            -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
            position: absolute
        }
        
        .slideshow-stones .polished {
            top: 36px;
            left: 50%;
            margin-left: -110px
        }
        
        .slideshow-stones .polished h4 {
            width: 255px;
            margin: 10px 0 0 0
        }
        
        .slideshow-stones .image-wrapper {
            position: relative
        }
        
        .colors-wrapper {
            text-align: center
        }
        
        .colors-wrapper .content-text {
            margin-left: auto;
            margin-right: auto;
            max-width: 640px;
            padding: 0 8vw
        }
        
        .colors-wrapper .content-page-link {
            padding: 0 8vw
        }
        
        .colors-wrapper .content-page-link a {
            text-transform: uppercase;
            font-weight: 700;
            display: inline-block;
            font-size: .9rem;
            line-height: normal;
            letter-spacing: 5px;
            margin-top: 25px
        }
        
        .colors-wrapper .content-page-link a:after {
            content: "";
            display: block;
            margin-top: 7px;
            width: calc(100% - 3px);
            height: 2px;
/*            background-color: #d9a782;*/
            transition: background-color 0.3s ease-in-out
        }
        
        .colors-wrapper .title {
            padding: 0 20px
        }
        
        .swiper-colors-wrapper {
            position: relative;
            display: inline-block
        }
        
        .swiper-colors-wrapper .swiper-colors {
            max-width: 180px;
            margin-bottom: 20px;
            max-height: 20%;
        }
        
        .swiper-colors-wrapper .swiper-colors .img {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: inline-block;
            background: center center no-repeat;
            background-size: 102%
        }
        
        .swiper-colors-wrapper .next,
        .swiper-colors-wrapper .prev {
            position: absolute;
            top: 40px;
            display: none
        }
        
        .swiper-colors-wrapper .next {
            right: -60px;
        }
        
        .swiper-colors-wrapper .prev {
            left: -60px;
        }
        
        .swiper-colors-wrapper .swiper-disabled .slide {
            display: inline-block;
            width: auto;
            margin: 0 3px
        }
        
        .swiper-colors-wrapper .swiper-disabled .swiper-wrapper {
            display: block;
            text-align: center
        }
        
        .swiper-colors-wrapper-desktop {
            display: none
        }
        
        .color-link .text {
            display: none
        }
        
        .list-colors {
            display: none
        }
        
        .row-colors-thumbnails-only .title {
            margin-bottom: 0
        }
        
        @media print,
        screen and (min-width:26.25em) {
            .slideshow-stones .swiper-button-prev {
                left: 5vw
            }
            .slideshow-stones .swiper-button-next {
                right: 5vw
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .slideshow-stones .content-title .title {
                margin-bottom: 25px
            }
            .slideshow-stones .slide-title {
                font-size: 28px;
                line-height: 32px
            }
            .slideshow-stones .slide-title .icon {
                bottom: 2px;
                right: 7px
            }
            .slideshow-stones .slide-content-stones {
                height: 450px
            }
            .slideshow-stones .natural h4,
            .slideshow-stones .polished h4 {
                font-size: .9rem;
                letter-spacing: 5px
            }
            .slideshow-stones .natural img,
            .slideshow-stones .polished img {
                width: 298px
            }
            .slideshow-stones .natural {
                width: 335px;
                height: 300px;
                left: calc(50% - 107px);
                right: auto;
                margin-right: 0;
                top: 0
            }
            .slideshow-stones .natural h4 {
                right: 0;
                bottom: 215px
            }
            .slideshow-stones .polished {
                width: 300px;
                height: 335px;
                right: calc(50% - 90px);
                left: auto;
                top: 90px;
                margin-left: 0
            }
            .slideshow-stones .polished h4 {
                margin: 20px 0 0 0
            }
            .colors-wrapper .content-text {
                max-width: 600px;
                padding: 0
            }
            .colors-wrapper .content-page-link {
                padding: 0
            }
            .swiper-colors-wrapper-mobile {
                display: none
            }
            .swiper-colors-wrapper-desktop {
                display: inline-block
            }
            .swiper-colors-wrapper .swiper-colors {
                max-width: 815px;
                    max-height: 200px;
            }
            .swiper-colors-wrapper .swiper-colors .img {
              width: 120px;
    height: 120px;
            }
            .swiper-colors-wrapper .prev {
                top: 75px;
                left: -67px
            }
            .swiper-colors-wrapper .next {
               top: 75px;
    right: -67px;
            }
            .swiper-colors-wrapper .swiper-disabled .slide {
                margin: 0 10px
            }
            .row-colors-thumbnails-only .title {
                margin-bottom: 24px
            }
            .color-link {
                transition: none;
                position: relative;
                display: block;
                text-align: center
            }
            .color-link .img {
                position: relative;
                margin-top: 1.5%
            }
            .color-link .img:after {
                width: 103%;
                height: 103%;
                border-radius: 50%;
                position: absolute;
                top: -1.5%;
                left: -1.5%;
                background: #E4E4E4;
                z-index: 1;
                display: block;
                content: "";
                opacity: 0;
                transition: opacity 0.3s
            }
            .color-link .text {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                margin-top: -4px;
                font-size: 14px;
                line-height: 16px;
                transition: none;
                width: 100%;
                display: block;
                opacity: 0;
                transition: opacity 0.3s;
                z-index: 2
            }
            .color-link:hover {
                color: #344570
            }
            .color-link:hover .text {
                opacity: 1
            }
            .color-link:hover .img:after {
                opacity: 1
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .slideshow-stones .swiper-button-next {
                right: 10vw
            }
            .slideshow-stones .swiper-button-prev {
                left: 10vw
            }
            .list-colors {
                display: block;
                list-style: none;
                margin-left: 0
            }
            .list-colors li {
                display: inline-block;
                width: 60px
            }
            .list-colors a {
                display: block;
                position: relative
            }
            .list-colors .img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                display: inline-block;
                background: center center no-repeat;
                background-size: 102%;
                border: 2px solid #fff;
                transition: border 0.5s
            }
            .list-colors .active .img {
                border: 2px solid #344570
            }
            .list-colors .active a:hover .img {
                border: 2px solid #fff
            }
            .list-colors .text {
                font-size: 12px;
                line-height: 14px
            }
        }
        
        @media screen and (min-width:75em) {
            .list-colors {
                margin: 50px 0
            }
            .list-colors li {
                width: 70px
            }
            .list-colors .img {
                width: 55px;
                height: 55px
            }
            .list-colors.thumbnails-only {
                margin-bottom: 10px
            }
            .list-colors .text {
                font-size: 14px;
                line-height: 16px
            }
            .content-rows .slideshow-stones .slide-content-stones .swiper-button-prev,
            .content-rows .slideshow-stones .slide-content-stones .swiper-button-next {
                display: none
            }
            .content-rows .slideshow-stones .slide-content {
                max-width: 1000px;
                margin: 80px auto 0 auto
            }
            .content-rows .slideshow-stones .slide-content-text {
                width: 50%;
                float: right;
                box-sizing: border-box;
                padding: 0 0 0 67px;
                text-align: left
            }
            .content-rows .slideshow-stones .slide-title {
                margin-top: 60px;
                font-size: 36px;
                line-height: 40px
            }
            .content-rows .slideshow-stones .slide-content-stones {
                width: 50%;
                float: left
            }
            .content-rows .slideshow-stones .swiper-wrapper>.swiper-button-prev,
            .content-rows .slideshow-stones .swiper-wrapper>.swiper-button-next {
                display: block
            }
            .content-rows .slideshow-stones .swiper-button-next {
                right: 3vw
            }
            .content-rows .slideshow-stones .swiper-button-prev {
                left: 3vw
            }
        }
        
        @media screen and (min-width:90em) {
            .content-rows .slideshow-stones .swiper-button-next {
                right: 7vw
            }
            .content-rows .slideshow-stones .swiper-button-prev {
                left: 7vw
            }
            .list-colors li {
                width: 80px
            }
            .list-colors .img {
                width: 64px;
                height: 64px
            }
        }
        
        @media screen and (min-width:120em) {
            .content-rows .slideshow-stones .swiper-button-next {
                right: 18vw
            }
            .content-rows .slideshow-stones .swiper-button-prev {
                left: 18vw
            }
        }
        
        @media screen and (min-width:145em) {
            .content-rows .slideshow-stones .swiper-button-next {
                right: 20vw
            }
            .content-rows .slideshow-stones .swiper-button-prev {
                left: 20vw
            }
        }
        
        .content-epitaphs {
            text-align: center
        }
        
        .content-epitaphs blockquote {
            display: block;
            font-family: 'Marcellus', serif;
            font-weight: 700;
            margin: 30px 0 0 0;
            font-size: 24px;
            line-height: 27px;
            letter-spacing: .3px;
            color: #344570;
            padding: 0;
            border: none
        }
        
        .content-epitaphs .text-wrapper {
            padding: 0 25px;
            margin-bottom: 35px;
            max-width: 555px;
            margin: 0 auto 35px auto
        }
        
        .content-epitaphs .image-wrapper {
            max-width: 366px;
            margin: 0 auto
        }
        
        .content-epitaphs .swiper-button-prev,
        .content-epitaphs .swiper-button-next {
            margin-top: 0;
            top: 27px
        }
        
        .content-epitaphs .swiper-button-prev {
            background: none;
            left: 2px
        }
        
        .content-epitaphs .swiper-button-next {
            background: none;
            right: 2px
        }
        
        @media print,
        screen and (min-width:26.25em) {
            .content-epitaphs .swiper-button-prev {
                left: 5vw
            }
            .content-epitaphs .swiper-button-next {
                right: 5vw
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .content-epitaphs .swiper-button-prev,
            .content-epitaphs .swiper-button-next {
                top: 50%;
                margin-top: -22px
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .content-epitaphs .slide-content {
                max-width: 1020px;
                margin: 0 auto
            }
            .content-epitaphs .slide-content:after {
                content: "";
                display: table;
                clear: both
            }
            .content-epitaphs .text-wrapper {
                float: right;
                margin-bottom: 0
            }
            .content-epitaphs .image-wrapper {
                float: left
            }
            .content-epitaphs h2 {
                margin-top: 25px
            }
            .content-epitaphs .epitaph.no-image .text-wrapper {
                float: none;
                max-width: 700px
            }
            .content-epitaphs .swiper-button-prev {
                left: 5vw
            }
            .content-epitaphs .swiper-button-next {
                right: 5vw
            }
        }
        
        @media screen and (min-width:120em) {
            .content-epitaphs .swiper-button-prev {
                left: 15vw
            }
            .content-epitaphs .swiper-button-next {
                right: 15vw
            }
        }
        
        .history-wrapper .event:nth-child(n+2) .title {
            margin-top: 60px
        }
        
        @media print,
        screen and (min-width:64em) {
            .history-wrapper:after {
                content: "";
                display: table;
                clear: both
            }
            .history-wrapper .event {
                width: 50%;
                height: 400px
            }
            .history-wrapper .event:nth-child(odd) {
                float: left;
                padding-right: 4vw
            }
            .history-wrapper .event:nth-child(even) {
                float: right;
                margin-top: -200px;
                clear: both;
                padding-left: 4vw
            }
            .history-wrapper .event:last-child {
                height: auto
            }
            .history-wrapper .event-content {
                width: 470px
            }
            .history-wrapper .event:nth-child(odd) .event-content {
                float: right
            }
            .history-wrapper .event:nth-child(even) .event-content {
                float: left
            }
        }
        
        @media screen and (min-width:120em) {
            .history-wrapper .event:nth-child(odd) {
                padding-right: 115px
            }
            .history-wrapper .event:nth-child(even) {
                padding-left: 115px
            }
        }
        
        .page .row .content-stories .story-thumbnail {
            position: relative;
            height: 785px;
            text-align: center;
            display: block
        }
        
        .page .row .content-stories .story-thumbnail h2,
        .page .row .content-stories .story-thumbnail h4,
        .page .row .content-stories .story-thumbnail span {
            color: #fff
        }
        
        .page .row .content-stories .story-thumbnail h2 {
            margin: 0 auto 30px auto;
            max-width: 325px;
            padding: 0 20px
        }
        
        .page .row .content-stories .story-thumbnail h4 {
            margin-bottom: 30px
        }
        
        .page .row .content-stories .story-thumbnail .underline {
            display: inline-block;
            margin: 0
        }
        
        .page .row .content-stories .story-thumbnail .underline:after {
            background: #fff
        }
        
        .page .row .content-stories .story-thumbnail .bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: center center no-repeat;
            background-size: cover
        }
        
        .page .row .content-stories .story-thumbnail .bg:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            background: #344570;
            opacity: .5;
            transition: opacity 0.5s
        }
        
        .page .row .content-stories .story-thumbnail .story-thumbnail-content {
            position: relative;
            z-index: 2;
            padding-top: 280px
        }
        
        .page .row .content-stories .story-thumbnail:hover .bg:after {
            opacity: .7
        }
        
        .page .row .content-stories .story-thumbnail:hover .underline:after {
            background: #d9a782
        }
        
        .page .row .content-stories .story-thumbnail.back-to-stories {
            background: #f8f3f1;
            height: 400px;
            transition: opacity 0.3s
        }
        
        .page .row .content-stories .story-thumbnail.back-to-stories:hover {
            opacity: .8
        }
        
        .page .row .content-stories .story-thumbnail.back-to-stories h2,
        .page .row .content-stories .story-thumbnail.back-to-stories h4 {
            color: #344570
        }
        
        .page .row .content-stories .story-thumbnail.back-to-stories .story-thumbnail-content {
            padding-top: 125px
        }
        
        @media screen and (min-width:600px) {
            .page .row .content-stories .story-thumbnail {
                width: 50%;
                float: left
            }
            .page .row .content-stories .story-thumbnail.back-to-stories {
                height: 785px
            }
            .page .row .content-stories .story-thumbnail.back-to-stories .story-thumbnail-content {
                padding-top: 280px
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .page .row .content-stories .story-thumbnail {
                width: 25%
            }
        }
        
        .page-template-default .content-rows .row-contains-video-gallery.content-count-1 .col:first-child {
            padding-top: 0
        }
        
        .container .content-video-gallery {
            opacity: 0;
            transition: opacity 0.3s
        }
        
        .container .content-video-gallery.visible {
            opacity: 1
        }
        
        .container .content-video-gallery .slide-content {
            position: relative;
            max-width: 970px;
            margin: 0 auto
        }
        
        .container .content-video-gallery .swiper-wrapper {
            padding-bottom: 40px
        }
        
        .container .content-video-gallery .swiper-pagination {
            bottom: 0
        }
        
        .container .content-video-gallery .swiper-pagination-bullet {
            width: 15px;
            height: 15px;
            margin: 0 5px!important
        }
        
        .container .content-video-gallery .swiper-pagination-bullet-active {
            background: #384055;
            width: 10px;
            height: 10px;
            position: relative;
            bottom: 3px;
            margin: 0 10px!important
        }
        
        .container .content-video-gallery .swiper-button-prev {
            display: none
        }
        
        .container .content-video-gallery .swiper-button-next {
            display: none
        }
        
        .container .video-hover-wrapper {
            position: relative
        }
        
        .container .video-hover-wrapper .video-wrapper {
            opacity: 0;
            transition: opacity 0.5s
        }
        
        .container .video-hover-wrapper .video-wrapper.visible {
            opacity: 1
        }
        
        .container .video-hover-wrapper .hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            background: center center no-repeat;
            background-size: cover
        }
        
        .container .video-hover-wrapper .hover:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            background: #344570;
            opacity: .5;
            transition: opacity 0.5s
        }
        
        .container .video-hover-wrapper .hover:hover:after {
            opacity: .7
        }
        
        .container .video-hover-wrapper .hover-content {
            position: absolute;
            z-index: 6;
            width: 100%;
            height: 100%;
            text-align: center;
            display: block
        }
        
        .container .video-hover-wrapper .hover-content h2 {
            color: white;
            margin-top: 15px
        }
        
        .container .video-hover-wrapper .hover-content h4 {
            color: white;
            margin-bottom: 15px
        }
        
        .container .video-hover-wrapper .hover-content .icon-stories-play,
        .svg .container .video-hover-wrapper .hover-content .icon-stories-play {
            width: 53px;
            height: 53px
        }
        
        .container .video-hover-wrapper .hover-content:hover .icon-stories-play {
            width: 53px;
            height: 53px
        }
        
        .svg .container .video-hover-wrapper .hover-content:hover .icon-stories-play {
            width: 53px;
            height: 53px
        }
        
        .container .video-hover-wrapper .hover-content .hover-inner-content {
            width: 100%;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        .container .video-hover-wrapper .hover-content .icon-wrapper {
            height: 53px
        }
        
        @media print,
        screen and (min-width:48em) {
            .page .content-rows .row-contains-video-gallery.col-count-1 {
                padding-top: 0
            }
            .container .content-video-gallery .swiper-wrapper {
                padding-bottom: 70px
            }
            .container .video-hover-wrapper .hover-content h2 {
                margin-top: 25px
            }
            .container .video-hover-wrapper .hover-content h4 {
                margin-bottom: 25px
            }
            .container .video-hover-wrapper .hover-content .icon-stories-play,
            .svg .container .video-hover-wrapper .hover-content .icon-stories-play {
                width: 77px;
                height: 77px
            }
            .container .video-hover-wrapper .hover-content:hover .icon-stories-play {
                width: 77px;
                height: 77px
            }
            .svg .container .video-hover-wrapper .hover-content:hover .icon-stories-play {
                width: 77px;
                height: 77px
            }
            .container .video-hover-wrapper .hover-content .icon-wrapper {
                height: 77px
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .page .content-rows .row-contains-video-gallery.col-count-1 {
                padding-top: 2.5vh
            }
            .container .content-video-gallery {
                margin-top: -60px
            }
        }
        
        @media screen and (min-width:75em) {
            .page .content-rows .row-contains-video-gallery.col-count-1 {
                padding-top: 40px
            }
            .container .content-video-gallery {
                margin-top: -100px
            }
            .container .content-video-gallery .swiper-button-prev {
                display: block;
                left: 5vw;
                margin-top: -50px
            }
            .container .content-video-gallery .swiper-button-next {
                display: block;
                right: 5vw;
                margin-top: -50px
            }
        }
        
        @media screen and (min-width:120em) {
            .container .content-video-gallery .swiper-button-prev {
                left: 15vw
            }
            .container .content-video-gallery .swiper-button-next {
                right: 15vw
            }
        }
        
        .contact-wrapper .bg {
            background: center center no-repeat;
            background-size: cover;
            height: 400px
        }
        
        .contact-wrapper .inner-contact {
            padding: 7vh 6vw
        }
        
        .contact-wrapper .title:after {
            display: block;
            width: 52px;
            height: 2px;
            background: #d9a782;
            content: "";
            position: relative;
            left: 50%;
            margin-left: -26px;
            margin-top: 28px
        }
        
        .contact-wrapper a.gmap-link {
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            max-width: 200px;
            padding: 20px 54px;
            background: #EDF3FA;
            text-align: center;
            font-size: .9rem;
            letter-spacing: 5px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            color: #d9a782;
            background: #f8f3f1;
            max-width: 300px;
            width: 100%;
            margin: 25px auto 15px auto;
            padding-left: 10px;
            padding-right: 10px
        }
        
        .contact-wrapper a.gmap-link:hover {
            color: #fff;
            background: #344570
        }
        
        .contact-wrapper a.gmap-link:hover {
            color: #d9a782;
            background: #f8f3f1;
            opacity: .8
        }
        
        @media print,
        screen and (min-width:48em) {
            .contact-wrapper {
                position: relative
            }
            .contact-wrapper .bg {
                height: 100%;
                width: 100%;
                position: absolute;
                z-index: 1
            }
            .contact-wrapper .inner-contact-wrapper {
                padding-left: 50vw;
                padding-top: 10vh;
                padding-bottom: 10vh;
                padding-right: 4vw
            }
            .contact-wrapper .inner-contact {
                position: relative;
                padding: 7vh 6vw;
                z-index: 2;
                background: #fff;
                max-width: 465px
            }
        }
        
        @media screen and (min-width:75em) {
            .contact-wrapper .inner-contact-wrapper {
                padding-top: 160px;
                padding-bottom: 160px
            }
            .contact-wrapper .inner-contact {
                padding: 80px 20px;
                margin-left: 60px
            }
        }
        
        .content-image-gallery {
            position: relative
        }
        
        .content-image-gallery .carousel {
            margin-bottom: 35px
        }
        
        .content-image-gallery .prev,
        .content-image-gallery .next {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: auto;
            height: auto;
            margin: 0;
            transition: opacity 0.3s ease-in-out
        }
        
        .content-image-gallery .prev:hover,
        .content-image-gallery .next:hover {
            opacity: .9
        }
        
        .content-image-gallery .prev {
            left: 5vw;
            padding: 14px 20px 15px 18px
        }
        
        .content-image-gallery .prev .icon-curseur-fleche-blanche-gauche {
            display: none
        }
        
        .content-image-gallery .next {
            right: 5vw;
            padding: 14px 18px 15px 20px
        }
        
        .content-image-gallery .next .icon-curseur-fleche-blanche-droite {
            display: none
        }
        
        .content-image-gallery .slide {
            text-align: center
        }
        
        .content-image-gallery a {
            display: block
        }
        
        .content-image-gallery .slide .thumb {
            display: block;
            height: 200px;
            background: center center no-repeat;
            background-size: cover
        }
        
        .image-gallery-wrapper .all-images {
            position: relative;
            display: none
        }
        
        .image-gallery-wrapper .all-images .icon-fermer-popup,
        .image-gallery-wrapper .all-images .lg-toolbar .lg-close,
        .lg-toolbar .image-gallery-wrapper .all-images .lg-close {
            position: absolute;
            right: 5vw;
            top: -52px
        }
        
        .image-gallery-wrapper .all-images .images:after {
            content: "";
            display: table;
            clear: both
        }
        
        .image-gallery-wrapper .all-images .image {
            float: left;
            padding: 10px
        }
        
        .image-gallery-wrapper .all-images a {
            position: relative;
            display: inline-block
        }
        
        .image-gallery-wrapper .all-images .hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #d9a782;
            color: #fff;
            text-align: center;
           font-family: 'Marcellus', serif;
            opacity: 0;
            transition: opacity 0.3s
        }
        
        .image-gallery-wrapper .all-images .image:hover .hover {
            opacity: 1
        }
        
        .image-gallery-wrapper .all-images .hover-content {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 100%
        }
        
        .image-gallery-wrapper .all-images .hover-content span {
            display: block
        }
        
        .lg-backdrop {
            background: white
        }
        
        .lg-toolbar {
            background: white
        }
        
        #lg-download {
            display: none
        }
        
        #lg-counter {
            display: none
        }
        
        .lg-actions .lg-prev,
        .lg-actions .lg-next {
            border-radius: 0;
            background: none
        }
        
        .lg-actions .lg-prev:before,
        .lg-actions .lg-prev:after,
        .lg-actions .lg-next:before,
        .lg-actions .lg-next:after {
            display: none
        }
        
        .lg-toolbar .lg-close {
            top: 20px;
            position: relative;
            right: 20px
        }
        
        .lg-toolbar .lg-close:after {
            display: none
        }
        
        .lg-actions .lg-prev {
            left: 6vw
        }
        
        .lg-actions .lg-next {
            right: 6vw
        }
        
        .lg-sub-html {
            background: none;
            color: #BABABA;
            padding-bottom: 5vh;
            transition: opacity 0.5s ease-in-out;
            opacity: 1
        }
        
        .lg-sub-html.fadeOut {
            opacity: 0
        }
        
        .lg-outer .lg-empty-html {
            display: block
        }
        
        .lg-outer .lg-img-wrap {
            padding-top: 15vh;
            padding-bottom: 15vh;
            height: 100%;
            box-sizing: border-box;
            z-index: 2
        }
        
        .lg-outer .lg-item {
            background: none
        }
        
        .lg-item .loader-lightbox {
            position: relative;
            z-index: 1
        }
        
        .lg-item .loader-lightbox .ball-scale>div {
            background-color: #e6e6e6
        }
        
        @media print,
        screen and (min-width:26.25em) {
            .image-gallery-wrapper .all-images {
                padding: 7px
            }
            .image-gallery-wrapper .all-images .image {
                width: 50%;
                padding: 7px
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .content-image-gallery .prev {
                left: 15vw
            }
            .content-image-gallery .next {
                right: 15vw
            }
            .image-gallery-wrapper .all-images {
                padding: 10px
            }
            .image-gallery-wrapper .all-images .image {
                width: 33.333333%;
                padding: 10px
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .image-gallery-wrapper .all-images {
                padding: 10px
            }
            .image-gallery-wrapper .all-images .image {
                width: 25%;
                padding: 10px
            }
            .content-image-gallery {
                margin-bottom: 35px
            }
            .content-image-gallery .prev {
                background: #d9a782;
                left: 23vw;
                padding: 16px 23px 18px 21px
            }
            .content-image-gallery .prev .icon-curseur-fleche-blanche-gauche {
                display: block
            }
            .content-image-gallery .prev .icon-curseur-fleche-bleu-gauche,
            .content-image-gallery .prev .lg-actions .lg-prev,
            .lg-actions .content-image-gallery .prev .lg-prev {
                display: none
            }
            .content-image-gallery .next {
                background: #d9a782;
                right: 23vw;
                padding: 16px 21px 18px 23px
            }
            .content-image-gallery .next .icon-curseur-fleche-blanche-droite {
                display: block
            }
            .content-image-gallery .next .icon-curseur-fleche-bleu-droite,
            .content-image-gallery .next .lg-actions .lg-next,
            .lg-actions .content-image-gallery .next .lg-next {
                display: none
            }
            .content-image-gallery .slide .thumb {
                height: 370px
            }
        }
        
        @media screen and (min-width:75em) {
            .content-image-gallery .prev {
                left: 23.4vw
            }
            .content-image-gallery .next {
                right: 23.4vw
            }
            .lg-actions .lg-prev {
                left: 10vw
            }
            .lg-actions .lg-next {
                right: 10vw
            }
        }
        
        @media screen and (min-width:90em) {
            .content-image-gallery .prev {
                left: 23.9vw
            }
            .content-image-gallery .next {
                right: 23.9vw
            }
            .image-gallery-wrapper .all-images {
                padding: 20px;
                max-width: 1180px;
                margin: 0 auto
            }
            .image-gallery-wrapper .all-images .image {
                padding: 20px
            }
            .image-gallery-wrapper .all-images img {
                max-width: 245px
            }
        }
        
        @media screen and (min-width:120em) {
            .content-image-gallery .prev {
                left: 24.2vw
            }
            .content-image-gallery .next {
                right: 24.2vw
            }
        }
        
        @media screen and (min-width:145em) {
            .content-image-gallery .prev {
                left: 24.6vw
            }
            .content-image-gallery .next {
                right: 24.6vw
            }
        }
        
        .content-image-grid {
            text-align: center;
            margin: 0 auto
        }
        
        .content-image-grid .image {
            margin-top: 30px;
            display: inline-block;
            vertical-align: bottom;
            width: 100%;
            padding-bottom: 62px;
            position: relative
        }
        
        .content-image-grid .text {
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 5px;
            font-size: .9rem;
            color: #BABABA;
            margin-top: 18px;
            font-size: .8rem;
            letter-spacing: 4px;
            position: absolute;
            bottom: 0;
            height: 44px;
            width: 100%
        }
        
        .content-image-grid.images-per-row-1 .image {
            width: 100%
        }
        
        @media print,
        screen and (min-width:26.25em) {
            .content-image-grid {
                max-width: 500px
            }
            .content-image-grid .image {
                margin-top: 50px;
                width: 48%
            }
            .content-image-grid.images-per-row-1 .image {
                width: 100%
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .content-image-grid.images-per-row-2 {
                max-width: 500px
            }
            .content-image-grid.images-per-row-3 {
                max-width: 750px
            }
            .content-image-grid.images-per-row-4 {
                max-width: 1000px
            }
            .content-image-grid.images-per-row-5 {
                max-width: 1250px
            }
            .content-image-grid.images-per-row-2 .image {
                width: 48%
            }
            .content-image-grid.images-per-row-3 .image {
                width: 31%
            }
            .content-image-grid.images-per-row-4 .image {
                width: 23%
            }
            .content-image-grid.images-per-row-5 .image {
                width: 18%
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .content-image-grid .text {
                font-size: .9rem;
                letter-spacing: 5px
            }
        }
        
        .application-form-container {
            margin-top: 50px;
            display: none
        }
        
        .row-contains-application-form.content-count-1 {
            display: none
        }
        
        .row-contains-application-form.content-count-1 .application-form-container {
            margin-top: 0
        }
        
        .application-form-wrapper .job-title {
            display: none
        }
        
        .application-form-wrapper .center {
            text-align: center
        }
        
        .application-form-wrapper .file {
            margin-top: 25px
        }
        
        .application-form-wrapper input[type='text'],
        .application-form-wrapper input[type='password'],
        .application-form-wrapper input[type='date'],
        .application-form-wrapper input[type='datetime'],
        .application-form-wrapper input[type='datetime-local'],
        .application-form-wrapper input[type='month'],
        .application-form-wrapper input[type='week'],
        .application-form-wrapper input[type='email'],
        .application-form-wrapper input[type='number'],
        .application-form-wrapper input[type='search'],
        .application-form-wrapper input[type='tel'],
        .application-form-wrapper input[type='time'],
        .application-form-wrapper input[type='url'],
        .application-form-wrapper input[type='color'],
        .application-form-wrapper textarea {
            border: 2px solid #344570
        }
        
        .application-form-wrapper select,
        .application-form-wrapper select.wpcf7-select {
            border: 2px solid #344570
        }
        
        .application-form-wrapper h3 {
            margin-bottom: 25px
        }
        
        .application-form-wrapper input[type="submit"] {
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            max-width: 200px;
            padding: 20px 54px;
            background: #EDF3FA;
            text-align: center;
            font-size: .9rem;
            letter-spacing: 5px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            color: white;
            background: #384055;
            max-width: 100%;
            display: inline-block;
            float: none;
            margin: 20px 0 40px 0;
            padding: 20px 20px;
            font-size: .8rem
        }
        
        .application-form-wrapper input[type="submit"]:hover {
            color: #fff;
            background: #344570
        }
        
        .application-form-wrapper input[type="submit"]:hover {
            color: #fff;
            background: #384055;
            opacity: .9
        }
        
        @media print,
        screen and (min-width:26.25em) {
            .application-form-wrapper input[type="submit"] {
                padding: 20px 54px;
                font-size: .9rem
            }
        }
        
        @media screen and (min-width:75em) {
            .application-form-wrapper form>label {
                width: 32%;
                display: inline-block;
                vertical-align: top;
                padding: 0 15px
            }
            .application-form-wrapper form>label.half {
                width: 49%
            }
            .application-form-wrapper .radio-wrapper label {
                width: auto
            }
            .application-form-wrapper .file {
                width: 49%;
                display: inline-block;
                vertical-align: top;
                padding: 0 15px
            }
            .application-form-wrapper .file label {
                width: 100%
            }
            .application-form-wrapper h3 {
                margin-top: 50px
            }
            .application-form-wrapper p.note {
                margin-bottom: 50px
            }
        }
        
        .full-width-animated-image {
            height: 50vh;
            min-height: 200px;
/*
            background: center bottom no-repeat;
            background-size: cover;
*/
            transition: opacity 0.5s ease-in-out;
            opacity: 0
        }
        
        .full-width-animated-image.visible {
            opacity: 1
        }
        
        @media print,
        screen and (min-width:48em) {
            .full-width-animated-image {
                min-height: 390px
            }
        }
        
        @media screen and (min-width:75em) {
            .full-width-animated-image {
                min-height: 450px;
                background-attachment: fixed;
              background-position: center bottom !important;
            }
        }
        
        .sites-button {
            background: #344570;
            font-size: 1.25rem;
            font-weight: normal;
            box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset;
            border-radius: 3px;
            border: none
        }
        
        .cards-container {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }
        
        .cards-container .card {
            width: calc(100% - 1.25rem);
            margin-right: .625rem;
            margin-left: .625rem
        }
        
        .cards-container .card .card-content {
            padding: 1rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .cards-container .card {
                width: calc(33.33333% - 0.7rem);
                margin-right: .35rem;
                margin-left: .35rem
            }
        }
        
        .featured-hero {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 6.25rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .featured-hero {
                height: 12.5rem
            }
        }
        
        @media screen and (min-width:75em) {
            .featured-hero {
                height: 25rem
            }
        }
        
        .dotted {
            border-style: dashed;
            margin: 2rem 0
        }
        
        [data-whatinput="mouse"] a:focus,
        button:focus [data-whatinput="touch"] a:focus,
        button:focus {
            outline: none
        }
        
        @-webkit-keyframes scale {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
            45% {
                -webkit-transform: scale(.1);
                transform: scale(.1);
                opacity: .7
            }
            80% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
        }
        
        @keyframes scale {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
            45% {
                -webkit-transform: scale(.1);
                transform: scale(.1);
                opacity: .7
            }
            80% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
        }
        
        .ball-pulse>div:nth-child(1) {
            -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .ball-pulse>div:nth-child(2) {
            -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .ball-pulse>div:nth-child(3) {
            -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .ball-pulse>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block
        }
        
        @-webkit-keyframes ball-pulse-sync {
            33% {
                -webkit-transform: translateY(10px);
                transform: translateY(10px)
            }
            66% {
                -webkit-transform: translateY(-10px);
                transform: translateY(-10px)
            }
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
        }
        
        @keyframes ball-pulse-sync {
            33% {
                -webkit-transform: translateY(10px);
                transform: translateY(10px)
            }
            66% {
                -webkit-transform: translateY(-10px);
                transform: translateY(-10px)
            }
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
        }
        
        .ball-pulse-sync>div:nth-child(1) {
            -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
            animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out
        }
        
        .ball-pulse-sync>div:nth-child(2) {
            -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
            animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out
        }
        
        .ball-pulse-sync>div:nth-child(3) {
            -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
            animation: ball-pulse-sync 0.6s 0s infinite ease-in-out
        }
        
        .ball-pulse-sync>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block
        }
        
        @-webkit-keyframes ball-scale {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0
            }
        }
        
        @keyframes ball-scale {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0
            }
        }
        
        .ball-scale>div {
            background-color: #384055;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            height: 60px;
            width: 60px;
            -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
            animation: ball-scale 1s 0s ease-in-out infinite
        }
        
        @keyframes ball-scale {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0
            }
        }
        
        .ball-scale>div {
            background-color: #384055;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            height: 60px;
            width: 60px;
            -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
            animation: ball-scale 1s 0s ease-in-out infinite
        }
        
        .ball-scale-random {
            width: 37px;
            height: 40px
        }
        
        .ball-scale-random>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            display: inline-block;
            height: 30px;
            width: 30px;
            -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
            animation: ball-scale 1s 0s ease-in-out infinite
        }
        
        .ball-scale-random>div:nth-child(1) {
            margin-left: -7px;
            -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
            animation: ball-scale 1s 0.2s ease-in-out infinite
        }
        
        .ball-scale-random>div:nth-child(3) {
            margin-left: -2px;
            margin-top: 9px;
            -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
            animation: ball-scale 1s 0.5s ease-in-out infinite
        }
        
        @-webkit-keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            50% {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
        
        @keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            50% {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
        
        .ball-rotate {
            position: relative
        }
        
        .ball-rotate>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: relative
        }
        
        .ball-rotate>div:first-child {
            -webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
            animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite
        }
        
        .ball-rotate>div:before,
        .ball-rotate>div:after {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            content: "";
            position: absolute;
            opacity: .8
        }
        
        .ball-rotate>div:before {
            top: 0;
            left: -28px
        }
        
        .ball-rotate>div:after {
            top: 0;
            left: 25px
        }
        
        @keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            50% {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
        
        .ball-clip-rotate>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            border: 2px solid #fff;
            border-bottom-color: transparent;
            height: 26px;
            width: 26px;
            background: transparent!important;
            display: inline-block;
            -webkit-animation: rotate 0.75s 0s linear infinite;
            animation: rotate 0.75s 0s linear infinite
        }
        
        @keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg) scale(1);
                transform: rotate(0deg) scale(1)
            }
            50% {
                -webkit-transform: rotate(180deg) scale(.6);
                transform: rotate(180deg) scale(.6)
            }
            100% {
                -webkit-transform: rotate(360deg) scale(1);
                transform: rotate(360deg) scale(1)
            }
        }
        
        @keyframes scale {
            30% {
                -webkit-transform: scale(.3);
                transform: scale(.3)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        .ball-clip-rotate-pulse {
            position: relative;
            -webkit-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
            transform: translateY(-15px)
        }
        
        .ball-clip-rotate-pulse>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 100%
        }
        
        .ball-clip-rotate-pulse>div:first-child {
            background: #fff;
            height: 16px;
            width: 16px;
            top: 7px;
            left: -7px;
            -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite
        }
        
        .ball-clip-rotate-pulse>div:last-child {
            position: absolute;
            border: 2px solid #fff;
            width: 30px;
            height: 30px;
            left: -16px;
            top: -2px;
            background: transparent;
            border: 2px solid;
            border-color: #fff transparent #fff transparent;
            -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            -webkit-animation-duration: 1s;
            animation-duration: 1s
        }
        
        @keyframes rotate {
            0% {
                -webkit-transform: rotate(0deg) scale(1);
                transform: rotate(0deg) scale(1)
            }
            50% {
                -webkit-transform: rotate(180deg) scale(.6);
                transform: rotate(180deg) scale(.6)
            }
            100% {
                -webkit-transform: rotate(360deg) scale(1);
                transform: rotate(360deg) scale(1)
            }
        }
        
        .ball-clip-rotate-multiple {
            position: relative
        }
        
        .ball-clip-rotate-multiple>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            left: -20px;
            top: -20px;
            border: 2px solid #fff;
            border-bottom-color: transparent;
            border-top-color: transparent;
            border-radius: 100%;
            height: 35px;
            width: 35px;
            -webkit-animation: rotate 1s 0s ease-in-out infinite;
            animation: rotate 1s 0s ease-in-out infinite
        }
        
        .ball-clip-rotate-multiple>div:last-child {
            display: inline-block;
            top: -10px;
            left: -10px;
            width: 15px;
            height: 15px;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            border-color: #fff transparent #fff transparent;
            -webkit-animation-direction: reverse;
            animation-direction: reverse
        }
        
        @-webkit-keyframes ball-scale-ripple {
            0% {
                -webkit-transform: scale(.1);
                transform: scale(.1);
                opacity: 1
            }
            70% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: .7
            }
            100% {
                opacity: 0
            }
        }
        
        @keyframes ball-scale-ripple {
            0% {
                -webkit-transform: scale(.1);
                transform: scale(.1);
                opacity: 1
            }
            70% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: .7
            }
            100% {
                opacity: 0
            }
        }
        
        .ball-scale-ripple>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            height: 50px;
            width: 50px;
            border-radius: 100%;
            border: 2px solid #fff;
            -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
            animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8)
        }
        
        @-webkit-keyframes ball-scale-ripple-multiple {
            0% {
                -webkit-transform: scale(.1);
                transform: scale(.1);
                opacity: 1
            }
            70% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: .7
            }
            100% {
                opacity: 0
            }
        }
        
        @keyframes ball-scale-ripple-multiple {
            0% {
                -webkit-transform: scale(.1);
                transform: scale(.1);
                opacity: 1
            }
            70% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: .7
            }
            100% {
                opacity: 0
            }
        }
        
        .ball-scale-ripple-multiple {
            position: relative;
            -webkit-transform: translateY(-25px);
            -ms-transform: translateY(-25px);
            transform: translateY(-25px)
        }
        
        .ball-scale-ripple-multiple>div:nth-child(0) {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s
        }
        
        .ball-scale-ripple-multiple>div:nth-child(1) {
            -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s
        }
        
        .ball-scale-ripple-multiple>div:nth-child(2) {
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s
        }
        
        .ball-scale-ripple-multiple>div:nth-child(3) {
            -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s
        }
        
        .ball-scale-ripple-multiple>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            top: -2px;
            left: -26px;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            border: 2px solid #fff;
            -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
            animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8)
        }
        
        @-webkit-keyframes ball-beat {
            50% {
                opacity: .2;
                -webkit-transform: scale(.75);
                transform: scale(.75)
            }
            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        @keyframes ball-beat {
            50% {
                opacity: .2;
                -webkit-transform: scale(.75);
                transform: scale(.75)
            }
            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        .ball-beat>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            -webkit-animation: ball-beat 0.7s 0s infinite linear;
            animation: ball-beat 0.7s 0s infinite linear
        }
        
        .ball-beat>div:nth-child(2n-1) {
            -webkit-animation-delay: -0.35s!important;
            animation-delay: -0.35s!important
        }
        
        @-webkit-keyframes ball-scale-multiple {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0);
                opacity: 0
            }
            5% {
                opacity: 1
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0
            }
        }
        
        @keyframes ball-scale-multiple {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0);
                opacity: 0
            }
            5% {
                opacity: 1
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0
            }
        }
        
        .ball-scale-multiple {
            position: relative;
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        
        .ball-scale-multiple>div:nth-child(2) {
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s
        }
        
        .ball-scale-multiple>div:nth-child(3) {
            -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s
        }
        
        .ball-scale-multiple>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            left: -30px;
            top: 0;
            opacity: 0;
            margin: 0;
            width: 60px;
            height: 60px;
            -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite
        }
        
        @-webkit-keyframes ball-triangle-path-1 {
            33% {
                -webkit-transform: translate(25px, -50px);
                transform: translate(25px, -50px)
            }
            66% {
                -webkit-transform: translate(50px, 0);
                transform: translate(50px, 0)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @keyframes ball-triangle-path-1 {
            33% {
                -webkit-transform: translate(25px, -50px);
                transform: translate(25px, -50px)
            }
            66% {
                -webkit-transform: translate(50px, 0);
                transform: translate(50px, 0)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @-webkit-keyframes ball-triangle-path-2 {
            33% {
                -webkit-transform: translate(25px, 50px);
                transform: translate(25px, 50px)
            }
            66% {
                -webkit-transform: translate(-25px, 50px);
                transform: translate(-25px, 50px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @keyframes ball-triangle-path-2 {
            33% {
                -webkit-transform: translate(25px, 50px);
                transform: translate(25px, 50px)
            }
            66% {
                -webkit-transform: translate(-25px, 50px);
                transform: translate(-25px, 50px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @-webkit-keyframes ball-triangle-path-3 {
            33% {
                -webkit-transform: translate(-50px, 0);
                transform: translate(-50px, 0)
            }
            66% {
                -webkit-transform: translate(-25px, -50px);
                transform: translate(-25px, -50px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @keyframes ball-triangle-path-3 {
            33% {
                -webkit-transform: translate(-50px, 0);
                transform: translate(-50px, 0)
            }
            66% {
                -webkit-transform: translate(-25px, -50px);
                transform: translate(-25px, -50px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        .ball-triangle-path {
            position: relative;
            -webkit-transform: translate(-29.994px, -37.50938px);
            -ms-transform: translate(-29.994px, -37.50938px);
            transform: translate(-29.994px, -37.50938px)
        }
        
        .ball-triangle-path>div:nth-child(1) {
            -webkit-animation-name: ball-triangle-path-1;
            animation-name: ball-triangle-path-1;
            -webkit-animation-delay: 0;
            animation-delay: 0;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }
        
        .ball-triangle-path>div:nth-child(2) {
            -webkit-animation-name: ball-triangle-path-2;
            animation-name: ball-triangle-path-2;
            -webkit-animation-delay: 0;
            animation-delay: 0;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }
        
        .ball-triangle-path>div:nth-child(3) {
            -webkit-animation-name: ball-triangle-path-3;
            animation-name: ball-triangle-path-3;
            -webkit-animation-delay: 0;
            animation-delay: 0;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }
        
        .ball-triangle-path>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            border: 1px solid #fff
        }
        
        .ball-triangle-path>div:nth-of-type(1) {
            top: 50px
        }
        
        .ball-triangle-path>div:nth-of-type(2) {
            left: 25px
        }
        
        .ball-triangle-path>div:nth-of-type(3) {
            top: 50px;
            left: 50px
        }
        
        @-webkit-keyframes ball-pulse-rise-even {
            0% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }
            25% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px)
            }
            50% {
                -webkit-transform: scale(.4);
                transform: scale(.4)
            }
            75% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px)
            }
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        @keyframes ball-pulse-rise-even {
            0% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }
            25% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px)
            }
            50% {
                -webkit-transform: scale(.4);
                transform: scale(.4)
            }
            75% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px)
            }
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        @-webkit-keyframes ball-pulse-rise-odd {
            0% {
                -webkit-transform: scale(.4);
                transform: scale(.4)
            }
            25% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px)
            }
            50% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }
            75% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px)
            }
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform: scale(.75);
                transform: scale(.75)
            }
        }
        
        @keyframes ball-pulse-rise-odd {
            0% {
                -webkit-transform: scale(.4);
                transform: scale(.4)
            }
            25% {
                -webkit-transform: translateY(30px);
                transform: translateY(30px)
            }
            50% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }
            75% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px)
            }
            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform: scale(.75);
                transform: scale(.75)
            }
        }
        
        .ball-pulse-rise>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
            animation-timing-function: cubic-bezier(.15, .46, .9, .6);
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-delay: 0;
            animation-delay: 0
        }
        
        .ball-pulse-rise>div:nth-child(2n) {
            -webkit-animation-name: ball-pulse-rise-even;
            animation-name: ball-pulse-rise-even
        }
        
        .ball-pulse-rise>div:nth-child(2n-1) {
            -webkit-animation-name: ball-pulse-rise-odd;
            animation-name: ball-pulse-rise-odd
        }
        
        @-webkit-keyframes ball-grid-beat {
            50% {
                opacity: .7
            }
            100% {
                opacity: 1
            }
        }
        
        @keyframes ball-grid-beat {
            50% {
                opacity: .7
            }
            100% {
                opacity: 1
            }
        }
        
        .ball-grid-beat {
            width: 57px
        }
        
        .ball-grid-beat>div:nth-child(1) {
            -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
            -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s
        }
        
        .ball-grid-beat>div:nth-child(2) {
            -webkit-animation-delay: -0.02s;
            animation-delay: -0.02s;
            -webkit-animation-duration: 0.97s;
            animation-duration: 0.97s
        }
        
        .ball-grid-beat>div:nth-child(3) {
            -webkit-animation-delay: 0.66s;
            animation-delay: 0.66s;
            -webkit-animation-duration: 1.23s;
            animation-duration: 1.23s
        }
        
        .ball-grid-beat>div:nth-child(4) {
            -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
            -webkit-animation-duration: 1.24s;
            animation-duration: 1.24s
        }
        
        .ball-grid-beat>div:nth-child(5) {
            -webkit-animation-delay: -0.19s;
            animation-delay: -0.19s;
            -webkit-animation-duration: 1.13s;
            animation-duration: 1.13s
        }
        
        .ball-grid-beat>div:nth-child(6) {
            -webkit-animation-delay: 0.69s;
            animation-delay: 0.69s;
            -webkit-animation-duration: 1.42s;
            animation-duration: 1.42s
        }
        
        .ball-grid-beat>div:nth-child(7) {
            -webkit-animation-delay: 0.58s;
            animation-delay: 0.58s;
            -webkit-animation-duration: 1.14s;
            animation-duration: 1.14s
        }
        
        .ball-grid-beat>div:nth-child(8) {
            -webkit-animation-delay: 0.21s;
            animation-delay: 0.21s;
            -webkit-animation-duration: 1.17s;
            animation-duration: 1.17s
        }
        
        .ball-grid-beat>div:nth-child(9) {
            -webkit-animation-delay: -0.18s;
            animation-delay: -0.18s;
            -webkit-animation-duration: 0.65s;
            animation-duration: 0.65s
        }
        
        .ball-grid-beat>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            float: left;
            -webkit-animation-name: ball-grid-beat;
            animation-name: ball-grid-beat;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-delay: 0;
            animation-delay: 0
        }
        
        @-webkit-keyframes ball-grid-pulse {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
            50% {
                -webkit-transform: scale(.5);
                transform: scale(.5);
                opacity: .7
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
        }
        
        @keyframes ball-grid-pulse {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
            50% {
                -webkit-transform: scale(.5);
                transform: scale(.5);
                opacity: .7
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
        }
        
        .ball-grid-pulse {
            width: 57px
        }
        
        .ball-grid-pulse>div:nth-child(1) {
            -webkit-animation-delay: 0.22s;
            animation-delay: 0.22s;
            -webkit-animation-duration: 0.9s;
            animation-duration: 0.9s
        }
        
        .ball-grid-pulse>div:nth-child(2) {
            -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
            -webkit-animation-duration: 1s;
            animation-duration: 1s
        }
        
        .ball-grid-pulse>div:nth-child(3) {
            -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
            -webkit-animation-duration: 0.63s;
            animation-duration: 0.63s
        }
        
        .ball-grid-pulse>div:nth-child(4) {
            -webkit-animation-delay: -0.03s;
            animation-delay: -0.03s;
            -webkit-animation-duration: 1.24s;
            animation-duration: 1.24s
        }
        
        .ball-grid-pulse>div:nth-child(5) {
            -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
            -webkit-animation-duration: 1.37s;
            animation-duration: 1.37s
        }
        
        .ball-grid-pulse>div:nth-child(6) {
            -webkit-animation-delay: 0.43s;
            animation-delay: 0.43s;
            -webkit-animation-duration: 1.55s;
            animation-duration: 1.55s
        }
        
        .ball-grid-pulse>div:nth-child(7) {
            -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
            -webkit-animation-duration: 0.7s;
            animation-duration: 0.7s
        }
        
        .ball-grid-pulse>div:nth-child(8) {
            -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
            -webkit-animation-duration: 0.97s;
            animation-duration: 0.97s
        }
        
        .ball-grid-pulse>div:nth-child(9) {
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
            -webkit-animation-duration: 0.63s;
            animation-duration: 0.63s
        }
        
        .ball-grid-pulse>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            float: left;
            -webkit-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-delay: 0;
            animation-delay: 0
        }
        
        @-webkit-keyframes ball-spin-fade-loader {
            50% {
                opacity: .3;
                -webkit-transform: scale(.4);
                transform: scale(.4)
            }
            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        @keyframes ball-spin-fade-loader {
            50% {
                opacity: .3;
                -webkit-transform: scale(.4);
                transform: scale(.4)
            }
            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        .ball-spin-fade-loader {
            position: relative;
            top: -10px;
            left: -10px
        }
        
        .ball-spin-fade-loader>div:nth-child(1) {
            top: 25px;
            left: 0;
            -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
            animation: ball-spin-fade-loader 1s -0.96s infinite linear
        }
        
        .ball-spin-fade-loader>div:nth-child(2) {
            top: 17.04545px;
            left: 17.04545px;
            -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
            animation: ball-spin-fade-loader 1s -0.84s infinite linear
        }
        
        .ball-spin-fade-loader>div:nth-child(3) {
            top: 0;
            left: 25px;
            -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
            animation: ball-spin-fade-loader 1s -0.72s infinite linear
        }
        
        .ball-spin-fade-loader>div:nth-child(4) {
            top: -17.04545px;
            left: 17.04545px;
            -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
            animation: ball-spin-fade-loader 1s -0.6s infinite linear
        }
        
        .ball-spin-fade-loader>div:nth-child(5) {
            top: -25px;
            left: 0;
            -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
            animation: ball-spin-fade-loader 1s -0.48s infinite linear
        }
        
        .ball-spin-fade-loader>div:nth-child(6) {
            top: -17.04545px;
            left: -17.04545px;
            -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
            animation: ball-spin-fade-loader 1s -0.36s infinite linear
        }
        
        .ball-spin-fade-loader>div:nth-child(7) {
            top: 0;
            left: -25px;
            -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
            animation: ball-spin-fade-loader 1s -0.24s infinite linear
        }
        
        .ball-spin-fade-loader>div:nth-child(8) {
            top: 17.04545px;
            left: -17.04545px;
            -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
            animation: ball-spin-fade-loader 1s -0.12s infinite linear
        }
        
        .ball-spin-fade-loader>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute
        }
        
        @-webkit-keyframes ball-spin-loader {
            75% {
                opacity: .2
            }
            100% {
                opacity: 1
            }
        }
        
        @keyframes ball-spin-loader {
            75% {
                opacity: .2
            }
            100% {
                opacity: 1
            }
        }
        
        .ball-spin-loader {
            position: relative
        }
        
        .ball-spin-loader>span:nth-child(1) {
            top: 45px;
            left: 0;
            -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
            animation: ball-spin-loader 2s 0.9s infinite linear
        }
        
        .ball-spin-loader>span:nth-child(2) {
            top: 30.68182px;
            left: 30.68182px;
            -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
            animation: ball-spin-loader 2s 1.8s infinite linear
        }
        
        .ball-spin-loader>span:nth-child(3) {
            top: 0;
            left: 45px;
            -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
            animation: ball-spin-loader 2s 2.7s infinite linear
        }
        
        .ball-spin-loader>span:nth-child(4) {
            top: -30.68182px;
            left: 30.68182px;
            -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
            animation: ball-spin-loader 2s 3.6s infinite linear
        }
        
        .ball-spin-loader>span:nth-child(5) {
            top: -45px;
            left: 0;
            -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
            animation: ball-spin-loader 2s 4.5s infinite linear
        }
        
        .ball-spin-loader>span:nth-child(6) {
            top: -30.68182px;
            left: -30.68182px;
            -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
            animation: ball-spin-loader 2s 5.4s infinite linear
        }
        
        .ball-spin-loader>span:nth-child(7) {
            top: 0;
            left: -45px;
            -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
            animation: ball-spin-loader 2s 6.3s infinite linear
        }
        
        .ball-spin-loader>span:nth-child(8) {
            top: 30.68182px;
            left: -30.68182px;
            -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
            animation: ball-spin-loader 2s 7.2s infinite linear
        }
        
        .ball-spin-loader>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background: green
        }
        
        @-webkit-keyframes ball-zig {
            33% {
                -webkit-transform: translate(-15px, -30px);
                transform: translate(-15px, -30px)
            }
            66% {
                -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @keyframes ball-zig {
            33% {
                -webkit-transform: translate(-15px, -30px);
                transform: translate(-15px, -30px)
            }
            66% {
                -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @-webkit-keyframes ball-zag {
            33% {
                -webkit-transform: translate(15px, 30px);
                transform: translate(15px, 30px)
            }
            66% {
                -webkit-transform: translate(-15px, 30px);
                transform: translate(-15px, 30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @keyframes ball-zag {
            33% {
                -webkit-transform: translate(15px, 30px);
                transform: translate(15px, 30px)
            }
            66% {
                -webkit-transform: translate(-15px, 30px);
                transform: translate(-15px, 30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }

 .ball-zig-zag {
            position: relative;
            -webkit-transform: translate(-15px, -15px);
            -ms-transform: translate(-15px, -15px);
            transform: translate(-15px, -15px)
        }
        
        .ball-zig-zag>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            margin-left: 15px;
            top: 4px;
            left: -7px
        }
        
        .ball-zig-zag>div:first-child {
            -webkit-animation: ball-zig 0.7s 0s infinite linear;
            animation: ball-zig 0.7s 0s infinite linear
        }
        
        .ball-zig-zag>div:last-child {
            -webkit-animation: ball-zag 0.7s 0s infinite linear;
            animation: ball-zag 0.7s 0s infinite linear
        }
        
        @-webkit-keyframes ball-zig-deflect {
            17% {
                -webkit-transform: translate(-15px, -30px);
                transform: translate(-15px, -30px)
            }
            34% {
                -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px)
            }
            50% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            67% {
                -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px)
            }
            84% {
                -webkit-transform: translate(-15px, -30px);
                transform: translate(-15px, -30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @keyframes ball-zig-deflect {
            17% {
                -webkit-transform: translate(-15px, -30px);
                transform: translate(-15px, -30px)
            }
            34% {
                -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px)
            }
            50% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            67% {
                -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px)
            }
            84% {
                -webkit-transform: translate(-15px, -30px);
                transform: translate(-15px, -30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @-webkit-keyframes ball-zag-deflect {
            17% {
                -webkit-transform: translate(15px, 30px);
                transform: translate(15px, 30px)
            }
            34% {
                -webkit-transform: translate(-15px, 30px);
                transform: translate(-15px, 30px)
            }
            50% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            67% {
                -webkit-transform: translate(-15px, 30px);
                transform: translate(-15px, 30px)
            }
            84% {
                -webkit-transform: translate(15px, 30px);
                transform: translate(15px, 30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @keyframes ball-zag-deflect {
            17% {
                -webkit-transform: translate(15px, 30px);
                transform: translate(15px, 30px)
            }
            34% {
                -webkit-transform: translate(-15px, 30px);
                transform: translate(-15px, 30px)
            }
            50% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            67% {
                -webkit-transform: translate(-15px, 30px);
                transform: translate(-15px, 30px)
            }
            84% {
                -webkit-transform: translate(15px, 30px);
                transform: translate(15px, 30px)
            }
            100% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        .ball-zig-zag-deflect {
            position: relative;
            -webkit-transform: translate(-15px, -15px);
            -ms-transform: translate(-15px, -15px);
            transform: translate(-15px, -15px)
        }
        
        .ball-zig-zag-deflect>div {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            margin-left: 15px;
            top: 4px;
            left: -7px
        }
        
        .ball-zig-zag-deflect>div:first-child {
            -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
            animation: ball-zig-deflect 1.5s 0s infinite linear
        }
        
        .ball-zig-zag-deflect>div:last-child {
            -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
            animation: ball-zag-deflect 1.5s 0s infinite linear
        }
        
        @-webkit-keyframes line-scale {
            0% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
            50% {
                -webkit-transform: scaley(.4);
                transform: scaley(.4)
            }
            100% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
        }
        
        @keyframes line-scale {
            0% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
            50% {
                -webkit-transform: scaley(.4);
                transform: scaley(.4)
            }
            100% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
        }
        
        .line-scale>div:nth-child(1) {
            -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .line-scale>div:nth-child(2) {
            -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .line-scale>div:nth-child(3) {
            -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .line-scale>div:nth-child(4) {
            -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .line-scale>div:nth-child(5) {
            -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
            animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
        }
        
        .line-scale>div {
            background-color: #fff;
            width: 4px;
            height: 35px;
            border-radius: 2px;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block
        }
        
        @-webkit-keyframes line-scale-party {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
            50% {
                -webkit-transform: scale(.5);
                transform: scale(.5)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        @keyframes line-scale-party {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
            50% {
                -webkit-transform: scale(.5);
                transform: scale(.5)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        .line-scale-party>div:nth-child(1) {
            -webkit-animation-delay: 0.48s;
            animation-delay: 0.48s;
            -webkit-animation-duration: 0.54s;
            animation-duration: 0.54s
        }
        
        .line-scale-party>div:nth-child(2) {
            -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
            -webkit-animation-duration: 1.15s;
            animation-duration: 1.15s
        }
        
        .line-scale-party>div:nth-child(3) {
            -webkit-animation-delay: 0.04s;
            animation-delay: 0.04s;
            -webkit-animation-duration: 0.77s;
            animation-duration: 0.77s
        }
        
        .line-scale-party>div:nth-child(4) {
            -webkit-animation-delay: -0.12s;
            animation-delay: -0.12s;
            -webkit-animation-duration: 0.61s;
            animation-duration: 0.61s
        }
        
        .line-scale-party>div {
            background-color: #fff;
            width: 4px;
            height: 35px;
            border-radius: 2px;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            -webkit-animation-name: line-scale-party;
            animation-name: line-scale-party;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-delay: 0;
            animation-delay: 0
        }
        
        @-webkit-keyframes line-scale-pulse-out {
            0% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
            50% {
                -webkit-transform: scaley(.4);
                transform: scaley(.4)
            }
            100% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
        }
        
        @keyframes line-scale-pulse-out {
            0% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
            50% {
                -webkit-transform: scaley(.4);
                transform: scaley(.4)
            }
            100% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
        }
        
        .line-scale-pulse-out>div {
            background-color: #fff;
            width: 4px;
            height: 35px;
            border-radius: 2px;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(.85, .25, .37, .85);
            animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(.85, .25, .37, .85)
        }
        
        .line-scale-pulse-out>div:nth-child(2),
        .line-scale-pulse-out>div:nth-child(4) {
            -webkit-animation-delay: -0.4s!important;
            animation-delay: -0.4s!important
        }
        
        .line-scale-pulse-out>div:nth-child(1),
        .line-scale-pulse-out>div:nth-child(5) {
            -webkit-animation-delay: -0.2s!important;
            animation-delay: -0.2s!important
        }
        
        @-webkit-keyframes line-scale-pulse-out-rapid {
            0% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
            80% {
                -webkit-transform: scaley(.3);
                transform: scaley(.3)
            }
            90% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
        }
        
        @keyframes line-scale-pulse-out-rapid {
            0% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
            80% {
                -webkit-transform: scaley(.3);
                transform: scaley(.3)
            }
            90% {
                -webkit-transform: scaley(1);
                transform: scaley(1)
            }
        }
        
        .line-scale-pulse-out-rapid>div {
            background-color: #fff;
            width: 4px;
            height: 35px;
            border-radius: 2px;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            display: inline-block;
            vertical-align: middle;
            -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(.11, .49, .38, .78);
            animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(.11, .49, .38, .78)
        }
        
        .line-scale-pulse-out-rapid>div:nth-child(2),
        .line-scale-pulse-out-rapid>div:nth-child(4) {
            -webkit-animation-delay: -0.25s!important;
            animation-delay: -0.25s!important
        }
        
        .line-scale-pulse-out-rapid>div:nth-child(1),
        .line-scale-pulse-out-rapid>div:nth-child(5) {
            -webkit-animation-delay: 0s!important;
            animation-delay: 0s!important
        }
        
        @-webkit-keyframes line-spin-fade-loader {
            50% {
                opacity: .3
            }
            100% {
                opacity: 1
            }
        }
        
        @keyframes line-spin-fade-loader {
            50% {
                opacity: .3
            }
            100% {
                opacity: 1
            }
        }
        
        .line-spin-fade-loader {
            position: relative;
            top: -10px;
            left: -4px
        }
        
        .line-spin-fade-loader>div:nth-child(1) {
            top: 20px;
            left: 0;
            -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div:nth-child(2) {
            top: 13.63636px;
            left: 13.63636px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div:nth-child(3) {
            top: 0;
            left: 20px;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div:nth-child(4) {
            top: -13.63636px;
            left: 13.63636px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div:nth-child(5) {
            top: -20px;
            left: 0;
            -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div:nth-child(6) {
            top: -13.63636px;
            left: -13.63636px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div:nth-child(7) {
            top: 0;
            left: -20px;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div:nth-child(8) {
            top: 13.63636px;
            left: -13.63636px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out
        }
        
        .line-spin-fade-loader>div {
            background-color: #fff;
            width: 4px;
            height: 35px;
            border-radius: 2px;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            width: 5px;
            height: 15px
        }
        
        @-webkit-keyframes triangle-skew-spin {
            25% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0)
            }
            50% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg)
            }
            75% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg)
            }
            100% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0)
            }
        }
        
        @keyframes triangle-skew-spin {
            25% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0)
            }
            50% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg)
            }
            75% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg)
            }
            100% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0)
            }
        }
        
        .triangle-skew-spin>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #fff;
            -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
        }
        
        @-webkit-keyframes square-spin {
            25% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0)
            }
            50% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg)
            }
            75% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg)
            }
            100% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0)
            }
        }
        
        @keyframes square-spin {
            25% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0)
            }
            50% {
                -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg)
            }
            75% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg)
            }
            100% {
                -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0)
            }
        }
        
        .square-spin>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            width: 50px;
            height: 50px;
            background: #fff;
            -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
        }
        
        @-webkit-keyframes rotate_pacman_half_up {
            0% {
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg)
            }
            50% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
            100% {
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg)
            }
        }
        
        @keyframes rotate_pacman_half_up {
            0% {
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg)
            }
            50% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
            100% {
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg)
            }
        }
        
        @-webkit-keyframes rotate_pacman_half_down {
            0% {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }
            50% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            100% {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }
        }
        
        @keyframes rotate_pacman_half_down {
            0% {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }
            50% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            100% {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }
        }
        
        @-webkit-keyframes pacman-balls {
            75% {
                opacity: .7
            }
            100% {
                -webkit-transform: translate(-100px, -6.25px);
                transform: translate(-100px, -6.25px)
            }
        }
        
        @keyframes pacman-balls {
            75% {
                opacity: .7
            }
            100% {
                -webkit-transform: translate(-100px, -6.25px);
                transform: translate(-100px, -6.25px)
            }
        }
        
        .pacman {
            position: relative
        }
        
        .pacman>div:nth-child(2) {
            -webkit-animation: pacman-balls 1s -0.99s infinite linear;
            animation: pacman-balls 1s -0.99s infinite linear
        }
        
        .pacman>div:nth-child(3) {
            -webkit-animation: pacman-balls 1s -0.66s infinite linear;
            animation: pacman-balls 1s -0.66s infinite linear
        }
        
        .pacman>div:nth-child(4) {
            -webkit-animation: pacman-balls 1s -0.33s infinite linear;
            animation: pacman-balls 1s -0.33s infinite linear
        }
        
        .pacman>div:nth-child(5) {
            -webkit-animation: pacman-balls 1s 0s infinite linear;
            animation: pacman-balls 1s 0s infinite linear
        }
        
        .pacman>div:first-of-type {
            width: 0;
            height: 0;
            border-right: 25px solid transparent;
            border-top: 25px solid #fff;
            border-left: 25px solid #fff;
            border-bottom: 25px solid #fff;
            border-radius: 25px;
            -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
            animation: rotate_pacman_half_up 0.5s 0s infinite;
            position: relative;
            left: -30px
        }
        
        .pacman>div:nth-child(2) {
            width: 0;
            height: 0;
            border-right: 25px solid transparent;
            border-top: 25px solid #fff;
            border-left: 25px solid #fff;
            border-bottom: 25px solid #fff;
            border-radius: 25px;
            -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
            animation: rotate_pacman_half_down 0.5s 0s infinite;
            margin-top: -50px;
            position: relative;
            left: -30px
        }
        
        .pacman>div:nth-child(3),
        .pacman>div:nth-child(4),
        .pacman>div:nth-child(5),
        .pacman>div:nth-child(6) {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            width: 10px;
            height: 10px;
            position: absolute;
            -webkit-transform: translate(0, -6.25px);
            -ms-transform: translate(0, -6.25px);
            transform: translate(0, -6.25px);
            top: 25px;
            left: 70px
        }
        
        @-webkit-keyframes cube-transition {
            25% {
                -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
                transform: translateX(50px) scale(.5) rotate(-90deg)
            }
            50% {
                -webkit-transform: translate(50px, 50px) rotate(-180deg);
                transform: translate(50px, 50px) rotate(-180deg)
            }
            75% {
                -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
                transform: translateY(50px) scale(.5) rotate(-270deg)
            }
            100% {
                -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg)
            }
        }
        
        @keyframes cube-transition {
            25% {
                -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
                transform: translateX(50px) scale(.5) rotate(-90deg)
            }
            50% {
                -webkit-transform: translate(50px, 50px) rotate(-180deg);
                transform: translate(50px, 50px) rotate(-180deg)
            }
            75% {
                -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
                transform: translateY(50px) scale(.5) rotate(-270deg)
            }
            100% {
                -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg)
            }
        }
        
        .cube-transition {
            position: relative;
            -webkit-transform: translate(-25px, -25px);
            -ms-transform: translate(-25px, -25px);
            transform: translate(-25px, -25px)
        }
        
        .cube-transition>div {
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            width: 10px;
            height: 10px;
            position: absolute;
            top: -5px;
            left: -5px;
            background-color: #fff;
            -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
            animation: cube-transition 1.6s 0s infinite ease-in-out
        }
        
        .cube-transition>div:last-child {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s
        }
        
        @-webkit-keyframes spin-rotate {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            50% {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
        
        @keyframes spin-rotate {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            50% {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }
        
        .semi-circle-spin {
            position: relative;
            width: 35px;
            height: 35px;
            overflow: hidden
        }
        
        .semi-circle-spin>div {
            position: absolute;
            border-width: 0;
            border-radius: 100%;
            -webkit-animation: spin-rotate 0.6s 0s infinite linear;
            animation: spin-rotate 0.6s 0s infinite linear;
            background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
            width: 100%;
            height: 100%
        }
        
        .animated {
            -webkit-animation-duration: 2s;
            animation-duration:2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }
        
        .animated.infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }
        
        .animated.hinge {
            -webkit-animation-duration: 2s;
            animation-duration: 2s
        }
        
        .animated.flipOutX,
        .animated.flipOutY,
        .animated.bounceIn,
        .animated.bounceOut {
            -webkit-animation-duration: .75s;
            animation-duration: .75s
        }
        
        @-webkit-keyframes bounce {
            from,
            20%,
            53%,
            80%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            40%,
            43% {
                -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0)
            }
            70% {
                -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0)
            }
            90% {
                -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0)
            }
        }
        
        @keyframes bounce {
            from,
            20%,
            53%,
            80%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            40%,
            43% {
                -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0)
            }
            70% {
                -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0)
            }
            90% {
                -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0)
            }
        }
        
        .bounce {
            -webkit-animation-name: bounce;
            animation-name: bounce;
            -webkit-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
            transform-origin: center bottom
        }
        
        @-webkit-keyframes flash {
            from,
            50%,
            to {
                opacity: 1
            }
            25%,
            75% {
                opacity: 0
            }
        }
        
        @keyframes flash {
            from,
            50%,
            to {
                opacity: 1
            }
            25%,
            75% {
                opacity: 0
            }
        }
        
        .flash {
            -webkit-animation-name: flash;
            animation-name: flash
        }
        
        @-webkit-keyframes pulse {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
            50% {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05)
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        @keyframes pulse {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
            50% {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05)
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        .pulse {
            -webkit-animation-name: pulse;
            animation-name: pulse
        }
        
        @-webkit-keyframes rubberBand {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }
            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }
            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }
            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }
            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        @keyframes rubberBand {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }
            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }
            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }
            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }
            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        .rubberBand {
            -webkit-animation-name: rubberBand;
            animation-name: rubberBand
        }
        
        @-webkit-keyframes shake {
            from,
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0)
            }
            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0)
            }
        }
        
        @keyframes shake {
            from,
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0)
            }
            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0)
            }
        }
        
        .shake {
            -webkit-animation-name: shake;
            animation-name: shake
        }
        
        @-webkit-keyframes headShake {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }
            6.5% {
                -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg)
            }
            18.5% {
                -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg)
            }
            31.5% {
                -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg)
            }
            43.5% {
                -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg)
            }
            50% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }
        }
        
        @keyframes headShake {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }
            6.5% {
                -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg)
            }
            18.5% {
                -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg)
            }
            31.5% {
                -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg)
            }
            43.5% {
                -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg)
            }
            50% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }
        }
        
        .headShake {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-name: headShake;
            animation-name: headShake
        }
        
        @-webkit-keyframes swing {
            20% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg)
            }
            40% {
                -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg)
            }
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg)
            }
            80% {
                -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg)
            }
            to {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }
        }
        
        @keyframes swing {
            20% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg)
            }
            40% {
                -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg)
            }
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg)
            }
            80% {
                -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg)
            }
            to {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }
        }
        
        .swing {
            -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
            transform-origin: top center;
            -webkit-animation-name: swing;
            animation-name: swing
        }
        
        @-webkit-keyframes tada {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
            10%,
            20% {
                -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
            }
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
            }
            40%,
            60%,
            80% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        @keyframes tada {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
            10%,
            20% {
                -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
            }
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
            }
            40%,
            60%,
            80% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        .tada {
            -webkit-animation-name: tada;
            animation-name: tada
        }
        
        @-webkit-keyframes wobble {
            from {
                -webkit-transform: none;
                transform: none
            }
            15% {
                -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
            }
            30% {
                -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
            }
            45% {
                -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
            }
            60% {
                -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
            }
            75% {
                -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes wobble {
            from {
                -webkit-transform: none;
                transform: none
            }
            15% {
                -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
            }
            30% {
                -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
            }
            45% {
                -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
            }
            60% {
                -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
            }
            75% {
                -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        .wobble {
            -webkit-animation-name: wobble;
            animation-name: wobble
        }
        
        @-webkit-keyframes jello {
            from,
            11.1%,
            to {
                -webkit-transform: none;
                transform: none
            }
            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }
            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg)
            }
            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }
            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }
            66.6% {
                -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
                transform: skewX(-0.78125deg) skewY(-0.78125deg)
            }
            77.7% {
                -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
                transform: skewX(0.39062deg) skewY(0.39062deg)
            }
            88.8% {
                -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
                transform: skewX(-0.19531deg) skewY(-0.19531deg)
            }
        }
        
        @keyframes jello {
            from,
            11.1%,
            to {
                -webkit-transform: none;
                transform: none
            }
            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }
            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg)
            }
            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }
            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }
            66.6% {
                -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
                transform: skewX(-0.78125deg) skewY(-0.78125deg)
            }
            77.7% {
                -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
                transform: skewX(0.39062deg) skewY(0.39062deg)
            }
            88.8% {
                -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
                transform: skewX(-0.19531deg) skewY(-0.19531deg)
            }
        }
        
        .jello {
            -webkit-animation-name: jello;
            animation-name: jello;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }
        
        @-webkit-keyframes bounceIn {
            from,
            20%,
            40%,
            60%,
            80%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
            20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }
            40% {
                -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03)
            }
            80% {
                -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97)
            }
            to {
                opacity: 1;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        @keyframes bounceIn {
            from,
            20%,
            40%,
            60%,
            80%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
            20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }
            40% {
                -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03)
            }
            80% {
                -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97)
            }
            to {
                opacity: 1;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }
        
        .bounceIn {
            -webkit-animation-name: bounceIn;
            animation-name: bounceIn
        }
        
        @-webkit-keyframes bounceInDown {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, 25px, 0);
                transform: translate3d(0, 25px, 0)
            }
            75% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0)
            }
            90% {
                -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes bounceInDown {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, 25px, 0);
                transform: translate3d(0, 25px, 0)
            }
            75% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0)
            }
            90% {
                -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        .bounceInDown {
            -webkit-animation-name: bounceInDown;
            animation-name: bounceInDown
        }
        
        @-webkit-keyframes bounceInLeft {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0)
            }
            75% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0)
            }
            90% {
                -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes bounceInLeft {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0)
            }
            75% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0)
            }
            90% {
                -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        .bounceInLeft {
            -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft
        }
        
        @-webkit-keyframes bounceInRight {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(-25px, 0, 0);
                transform: translate3d(-25px, 0, 0)
            }
            75% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0)
            }
            90% {
                -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes bounceInRight {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(-25px, 0, 0);
                transform: translate3d(-25px, 0, 0)
            }
            75% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0)
            }
            90% {
                -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0)
            }
            to {
                -webkit-transform: none;
                transform: none
            }
        }
        
        .bounceInRight {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight
        }
        
        @-webkit-keyframes bounceInUp {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0)
            }
            75% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0)
            }
            90% {
                -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0)
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        @keyframes bounceInUp {
            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0)
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0)
            }
            75% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0)
            }
            90% {
                -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0)
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        .bounceInUp {
            -webkit-animation-name: bounceInUp;
            animation-name: bounceInUp
        }
        
        @-webkit-keyframes bounceOut {
            20% {
                -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9)
            }
            50%,
            55% {
                opacity: 1;
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
        }
        
        @keyframes bounceOut {
            20% {
                -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9)
            }
            50%,
            55% {
                opacity: 1;
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
        }
        
        .bounceOut {
            -webkit-animation-name: bounceOut;
            animation-name: bounceOut
        }
        
        @-webkit-keyframes bounceOutDown {
            20% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0)
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0)
            }
        }
        
        @keyframes bounceOutDown {
            20% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0)
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0)
            }
        }
        
        .bounceOutDown {
            -webkit-animation-name: bounceOutDown;
            animation-name: bounceOutDown
        }
        
        @-webkit-keyframes bounceOutLeft {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(20px, 0, 0);
                transform: translate3d(20px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0)
            }
        }
        
        @keyframes bounceOutLeft {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(20px, 0, 0);
                transform: translate3d(20px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0)
            }
        }
        
        .bounceOutLeft {
            -webkit-animation-name: bounceOutLeft;
            animation-name: bounceOutLeft
        }
        
        @-webkit-keyframes bounceOutRight {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0)
            }
        }
        
        @keyframes bounceOutRight {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0)
            }
        }
        
        .bounceOutRight {
            -webkit-animation-name: bounceOutRight;
            animation-name: bounceOutRight
        }
        
        @-webkit-keyframes bounceOutUp {
            20% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0)
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0)
            }
        }
        
        @keyframes bounceOutUp {
            20% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0)
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0)
            }
        }
        
        .bounceOutUp {
            -webkit-animation-name: bounceOutUp;
            animation-name: bounceOutUp
        }
        
        @-webkit-keyframes fadeIn {
            from {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }
        
        .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn
        }
        
        @-webkit-keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown
        }
        
        @-webkit-keyframes fadeInDownBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes fadeInDownBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .fadeInDownBig {
            -webkit-animation-name: fadeInDownBig;
            animation-name: fadeInDownBig
        }
        
        @-webkit-keyframes fadeInLeft {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes fadeInLeft {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft
        }
        
        @-webkit-keyframes fadeInLeftBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes fadeInLeftBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .fadeInLeftBig {
            -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig
        }
        
        @-webkit-keyframes fadeInRight {
            from {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes fadeInRight {
            from {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .fadeInRight {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight
        }
        
        @-webkit-keyframes fadeInRightBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes fadeInRightBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .fadeInRightBig {
            -webkit-animation-name: fadeInRightBig;
            animation-name: fadeInRightBig
        }
        
        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 50%, 0);
                transform: translate3d(0, 50%, 0)
            }
            70% {
                -webkit-transform: none;
                transform: none
            }
            100% {
                opacity: 1
            }
        }
        
        @keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 50%, 0);
                transform: translate3d(0, 50%, 0)
            }
            70% {
                -webkit-transform: none;
                transform: none
            }
            100% {
                opacity: 1
            }
        }
        
        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp
        }
        
        @-webkit-keyframes fadeInUpBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes fadeInUpBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .fadeInUpBig {
            -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig
        }
        
        @-webkit-keyframes fadeOut {
            from {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }
        
        @keyframes fadeOut {
            from {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }
        
        .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut
        }
        
        @-webkit-keyframes fadeOutDown {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
        }
        
        @keyframes fadeOutDown {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
        }
        
        .fadeOutDown {
            -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown
        }
        
        @-webkit-keyframes fadeOutDownBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0)
            }
        }
        
        @keyframes fadeOutDownBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0)
            }
        }
        
        .fadeOutDownBig {
            -webkit-animation-name: fadeOutDownBig;
            animation-name: fadeOutDownBig
        }
        
        @-webkit-keyframes fadeOutLeft {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }
        }
        
        @keyframes fadeOutLeft {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }
        }
        
        .fadeOutLeft {
            -webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft
        }
        
        @-webkit-keyframes fadeOutLeftBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0)
            }
        }
        
        @keyframes fadeOutLeftBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0)
            }
        }
        
        .fadeOutLeftBig {
            -webkit-animation-name: fadeOutLeftBig;
            animation-name: fadeOutLeftBig
        }
        
        @-webkit-keyframes fadeOutRight {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
        }
        
        @keyframes fadeOutRight {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
        }
        
        .fadeOutRight {
            -webkit-animation-name: fadeOutRight;
            animation-name: fadeOutRight
        }
        
        @-webkit-keyframes fadeOutRightBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0)
            }
        }
        
        @keyframes fadeOutRightBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0)
            }
        }
        
        .fadeOutRightBig {
            -webkit-animation-name: fadeOutRightBig;
            animation-name: fadeOutRightBig
        }
        
        @-webkit-keyframes fadeOutUp {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0)
            }
        }
        
        @keyframes fadeOutUp {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0)
            }
        }
        
        .fadeOutUp {
            -webkit-animation-name: fadeOutUp;
            animation-name: fadeOutUp
        }
        
        @-webkit-keyframes fadeOutUpBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0)
            }
        }
        
        @keyframes fadeOutUpBig {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0)
            }
        }
        
        .fadeOutUpBig {
            -webkit-animation-name: fadeOutUpBig;
            animation-name: fadeOutUpBig
        }
        
        @-webkit-keyframes flip {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out
            }
            40% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out
            }
            50% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            80% {
                -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
                transform: perspective(400px) scale3d(.95, .95, .95);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
        }
        
        @keyframes flip {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out
            }
            40% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out
            }
            50% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            80% {
                -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
                transform: perspective(400px) scale3d(.95, .95, .95);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
        }
        
        .animated.flip {
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            -webkit-animation-name: flip;
            animation-name: flip
        }
        
        @-webkit-keyframes flipInX {
            from {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        @keyframes flipInX {
            from {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        .flipInX {
            -webkit-backface-visibility: visible!important;
            backface-visibility: visible!important;
            -webkit-animation-name: flipInX;
            animation-name: flipInX
        }
        
        @-webkit-keyframes flipInY {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                opacity: 1
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        @keyframes flipInY {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                opacity: 1
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        .flipInY {
            -webkit-backface-visibility: visible!important;
            backface-visibility: visible!important;
            -webkit-animation-name: flipInY;
            animation-name: flipInY
        }
        
        @-webkit-keyframes flipOutX {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                opacity: 1
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                opacity: 0
            }
        }
        
        @keyframes flipOutX {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                opacity: 1
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                opacity: 0
            }
        }
         
        .flipOutX {
            -webkit-animation-name: flipOutX;
            animation-name: flipOutX;
            -webkit-backface-visibility: visible!important;
            backface-visibility: visible!important
        }
        
        @-webkit-keyframes flipOutY {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                opacity: 1
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                opacity: 0
            }
        }
        
        @keyframes flipOutY {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                opacity: 1
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                opacity: 0
            }
        }
        
        .flipOutY {
            -webkit-backface-visibility: visible!important;
            backface-visibility: visible!important;
            -webkit-animation-name: flipOutY;
            animation-name: flipOutY
        }
        
        @-webkit-keyframes lightSpeedIn {
            from {
                -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);
                opacity: 0
            }
            60% {
                -webkit-transform: skewX(20deg);
                transform: skewX(20deg);
                opacity: 1
            }
            80% {
                -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
                opacity: 1
            }
            to {
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        @keyframes lightSpeedIn {
            from {
                -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);
                opacity: 0
            }
            60% {
                -webkit-transform: skewX(20deg);
                transform: skewX(20deg);
                opacity: 1
            }
            80% {
                -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
                opacity: 1
            }
            to {
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        .lightSpeedIn {
            -webkit-animation-name: lightSpeedIn;
            animation-name: lightSpeedIn;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        
        @-webkit-keyframes lightSpeedOut {
            from {
                opacity: 1
            }
            to {
                -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);
                opacity: 0
            }
        }
        
        @keyframes lightSpeedOut {
            from {
                opacity: 1
            }
            to {
                -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);
                opacity: 0
            }
        }
        
        .lightSpeedOut {
            -webkit-animation-name: lightSpeedOut;
            animation-name: lightSpeedOut;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        
        @-webkit-keyframes rotateIn {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        @keyframes rotateIn {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        .rotateIn {
            -webkit-animation-name: rotateIn;
            animation-name: rotateIn
        }
        
        @-webkit-keyframes rotateInDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        @keyframes rotateInDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        .rotateInDownLeft {
            -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft
        }
        
        @-webkit-keyframes rotateInDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        @keyframes rotateInDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        .rotateInDownRight {
            -webkit-animation-name: rotateInDownRight;
            animation-name: rotateInDownRight
        }
        
        @-webkit-keyframes rotateInUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        @keyframes rotateInUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        .rotateInUpLeft {
            -webkit-animation-name: rotateInUpLeft;
            animation-name: rotateInUpLeft
        }
        
        @-webkit-keyframes rotateInUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        @keyframes rotateInUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
                opacity: 0
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1
            }
        }
        
        .rotateInUpRight {
            -webkit-animation-name: rotateInUpRight;
            animation-name: rotateInUpRight
        }
        
        @-webkit-keyframes rotateOut {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                opacity: 1
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOut {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                opacity: 1
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
                opacity: 0
            }
        }
        
        .rotateOut {
            -webkit-animation-name: rotateOut;
            animation-name: rotateOut
        }
        
        @-webkit-keyframes rotateOutDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOutDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0
            }
        }
        
        .rotateOutDownLeft {
            -webkit-animation-name: rotateOutDownLeft;
            animation-name: rotateOutDownLeft
        }
        
        @-webkit-keyframes rotateOutDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOutDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0
            }
        }
        
        .rotateOutDownRight {
            -webkit-animation-name: rotateOutDownRight;
            animation-name: rotateOutDownRight
        }
        
        @-webkit-keyframes rotateOutUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOutUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0
            }
        }
        
        .rotateOutUpLeft {
            -webkit-animation-name: rotateOutUpLeft;
            animation-name: rotateOutUpLeft
        }
        
        @-webkit-keyframes rotateOutUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
                opacity: 0
            }
        }
        
        @keyframes rotateOutUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
                opacity: 0
            }
        }
        
        .rotateOutUpRight {
            -webkit-animation-name: rotateOutUpRight;
            animation-name: rotateOutUpRight
        }
        
        @-webkit-keyframes hinge {
            0% {
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out
            }
            20%,
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out
            }
            40%,
            80% {
                -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                opacity: 1
            }
            to {
                -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);
                opacity: 0
            }
        }
        
        @keyframes hinge {
            0% {
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out
            }
            20%,
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out
            }
            40%,
            80% {
                -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                opacity: 1
            }
            to {
                -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);
                opacity: 0
            }
        }
        
        .hinge {
            -webkit-animation-name: hinge;
            animation-name: hinge
        }
        
        @-webkit-keyframes jackInTheBox {
            from {
                opacity: 0;
                -webkit-transform: scale(.1) rotate(30deg);
                transform: scale(.1) rotate(30deg);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom
            }
            50% {
                -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }
            70% {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg)
            }
            to {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        @keyframes jackInTheBox {
            from {
                opacity: 0;
                -webkit-transform: scale(.1) rotate(30deg);
                transform: scale(.1) rotate(30deg);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom
            }
            50% {
                -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }
            70% {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg)
            }
            to {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }
        
        .jackInTheBox {
            -webkit-animation-name: jackInTheBox;
            animation-name: jackInTheBox
        }
        
        @-webkit-keyframes rollIn {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        @keyframes rollIn {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
            }
            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
        
        .rollIn {
            -webkit-animation-name: rollIn;
            animation-name: rollIn
        }
        
        @-webkit-keyframes rollOut {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
            }
        }
        
        @keyframes rollOut {
            from {
                opacity: 1
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
            }
        }
        
        .rollOut {
            -webkit-animation-name: rollOut;
            animation-name: rollOut
        }
        
        @-webkit-keyframes zoomIn {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
            50% {
                opacity: 1
            }
        }
        
        @keyframes zoomIn {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
            50% {
                opacity: 1
            }
        }
        
        .zoomIn {
            -webkit-animation-name: zoomIn;
            animation-name: zoomIn
        }
        
        @-webkit-keyframes zoomInDown {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        @keyframes zoomInDown {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        .zoomInDown {
            -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown
        }
        
        @-webkit-keyframes zoomInLeft {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        @keyframes zoomInLeft {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        .zoomInLeft {
            -webkit-animation-name: zoomInLeft;
            animation-name: zoomInLeft
        }
        
        @-webkit-keyframes zoomInRight {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        @keyframes zoomInRight {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        .zoomInRight {
            -webkit-animation-name: zoomInRight;
            animation-name: zoomInRight
        }
        
        @-webkit-keyframes zoomInUp {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        @keyframes zoomInUp {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        .zoomInUp {
            -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp
        }
        
        @-webkit-keyframes zoomOut {
            from {
                opacity: 1
            }
            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
            to {
                opacity: 0
            }
        }
        
        @keyframes zoomOut {
            from {
                opacity: 1
            }
            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }
            to {
                opacity: 0
            }
        }
        
        .zoomOut {
            -webkit-animation-name: zoomOut;
            animation-name: zoomOut
        }
        
        @-webkit-keyframes zoomOutDown {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        @keyframes zoomOutDown {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        .zoomOutDown {
            -webkit-animation-name: zoomOutDown;
            animation-name: zoomOutDown
        }
        
        @-webkit-keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                transform-origin: left center
            }
        }
        
        @keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                transform-origin: left center
            }
        }
        
        .zoomOutLeft {
            -webkit-animation-name: zoomOutLeft;
            animation-name: zoomOutLeft
        }
        
        @-webkit-keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                transform-origin: right center
            }
        }
        
        @keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }
            to {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                transform-origin: right center
            }
        }
        
        .zoomOutRight {
            -webkit-animation-name: zoomOutRight;
            animation-name: zoomOutRight
        }
        
        @-webkit-keyframes zoomOutUp {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        @keyframes zoomOutUp {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19)
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1)
            }
        }
        
        .zoomOutUp {
            -webkit-animation-name: zoomOutUp;
            animation-name: zoomOutUp
        }
        
        @-webkit-keyframes slideInDown {
            from {
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        @keyframes slideInDown {
            from {
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        .slideInDown {
            -webkit-animation-name: slideInDown;
            animation-name: slideInDown
        }
        
        @-webkit-keyframes slideInLeft {
            from {
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        @keyframes slideInLeft {
            from {
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        .slideInLeft {
            -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft
        }
        
        @-webkit-keyframes slideInRight {
            from {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        @keyframes slideInRight {
            from {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        .slideInRight {
            -webkit-animation-name: slideInRight;
            animation-name: slideInRight
        }
        
        @-webkit-keyframes slideInUp {
            from {
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        @keyframes slideInUp {
            from {
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
                visibility: visible
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }
        
        .slideInUp {
            -webkit-animation-name: slideInUp;
            animation-name: slideInUp
        }
        
        @-webkit-keyframes slideOutDown {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
        }
        
        @keyframes slideOutDown {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
        }
        
        .slideOutDown {
            -webkit-animation-name: slideOutDown;
            animation-name: slideOutDown
        }
        
        @-webkit-keyframes slideOutLeft {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }
        }
        
        @keyframes slideOutLeft {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }
        }
        
        .slideOutLeft {
            -webkit-animation-name: slideOutLeft;
            animation-name: slideOutLeft
        }
        
        @-webkit-keyframes slideOutRight {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
        }
        
        @keyframes slideOutRight {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
        }
        
        .slideOutRight {
            -webkit-animation-name: slideOutRight;
            animation-name: slideOutRight
        }
        
        @-webkit-keyframes slideOutUp {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0)
            }
        }
        
        @keyframes slideOutUp {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0)
            }
        }
        
        .slideOutUp {
            -webkit-animation-name: slideOutUp;
            animation-name: slideOutUp
        }
        
        @font-face {
            font-family: 'lightcase';
            src: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lightcase.eot#1561483741);
            src: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lightcase.eot#1561483741) format("embedded-opentype"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lightcase.woff#1561483741) format("woff"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lightcase.ttf#1561483741) format("truetype"), url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../fonts/lightcase.svg?55356177#lightcase) format("svg");
            font-weight: 400;
            font-style: normal
        }
        
        [class*='lightcase-icon-']:before {
            font-family: 'lightcase', sans-serif;
            font-style: normal;
            font-weight: 400;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            line-height: 1em
        }
        
        .lightcase-icon-play:before {
            content: '\e800'
        }
        
        .lightcase-icon-pause:before {
            content: '\e801'
        }
        
        .lightcase-icon-close:before {
            content: '\e802'
        }
        
        .lightcase-icon-prev:before {
            content: '\e803'
        }
        
        .lightcase-icon-next:before {
            content: '\e804'
        }
        
        .lightcase-icon-spin:before {
            content: '\e805'
        }
        
        @-webkit-keyframes lightcase-spin {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            100% {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }
        
        @keyframes lightcase-spin {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            100% {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }
        
        #lightcase-case {
            display: none;
            position: fixed;
            z-index: 2002;
            top: 50%;
            left: 50%;
            font-family: 'Marcellus', serif;
            font-size: 13px;
            line-height: 1.5;
            text-align: left;
            text-shadow: 0 0 10px rgba(0, 0, 0, .5)
        }
        
        @media screen and (max-width:640px) {
            html[data-lc-type=inline] #lightcase-case,
            html[data-lc-type=ajax] #lightcase-case {
                position: fixed!important;
                top: 0!important;
                left: 0!important;
                right: 0!important;
                bottom: 0!important;
                margin: 0!important;
                padding: 55px 0 70px 0;
                width: 100%!important;
                height: 100%!important;
                overflow: auto!important
            }
        }
        
        @media screen and (min-width:641px) {
            html:not([data-lc-type=error]) #lightcase-content {
                position: relative;
                z-index: 1;
                text-shadow: none;
                background-color: #fff;
                -o-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
                box-shadow: 0 0 30px rgba(0, 0, 0, .5);
                -webkit-backface-visibility: hidden
            }
        }
        
        @media screen and (min-width:641px) {
            html[data-lc-type=image] #lightcase-content,
            html[data-lc-type=video] #lightcase-content {
                background-color: #333
            }
        }
        
        html[data-lc-type=inline] #lightcase-content,
        html[data-lc-type=ajax] #lightcase-content,
        html[data-lc-type=error] #lightcase-content {
            -o-box-shadow: none;
            box-shadow: none
        }
        
        @media screen and (max-width:640px) {
            html[data-lc-type=inline] #lightcase-content,
            html[data-lc-type=ajax] #lightcase-content,
            html[data-lc-type=error] #lightcase-content {
                position: relative!important;
                top: auto!important;
                left: auto!important;
                width: auto!important;
                height: auto!important;
                margin: 0!important;
                padding: 0!important;
                border: none!important;
                background: none!important
            }
        }
        
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
        html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
            -o-box-sizing: border-box;
            box-sizing: border-box
        }
        
        @media screen and (max-width:640px) {
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
            html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
            html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
                padding: 15px
            }
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>*,
            html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
            html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*,
            html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
            html[data-lc-type=error] #lightcase-content .lightcase-contentInner>* {
                width: 100%!important;
                max-width: none!important
            }
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>*:not(iframe),
            html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*:not(iframe),
            html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*:not(iframe) {
                height: auto!important;
                max-height: none!important
            }
        }
        
        @media screen and (max-width:640px) {
            html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
                overflow: auto;
                -webkit-overflow-scrolling: touch
            }
        }
        
        @media screen and (max-width:640px) and (min-width:641px) {
            html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
            html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
                line-height: .75
            }
        }
        
        html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
            position: relative;
            overflow: hidden!important
        }
        
        @media screen and (max-width:640px) {
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
            html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
            html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
                position: relative!important;
                top: auto!important;
                left: auto!important;
                width: auto!important;
                height: auto!important;
                margin: 0!important;
                padding: 0!important;
                border: none!important;
                background: none!important
            }
        }
        
        @media screen and (min-width:641px) {
            html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
                padding: 30px;
                overflow: auto;
                -o-box-sizing: border-box;
                box-sizing: border-box
            }
        }
        
        @media screen and (max-width:640px) {
            #lightcase-content h1,
            #lightcase-content h2,
            #lightcase-content h3,
            #lightcase-content h4,
            #lightcase-content h5,
            #lightcase-content h6,
            #lightcase-content p {
                color: #aaa
            }
        }
        
        @media screen and (min-width:641px) {
            #lightcase-content h1,
            #lightcase-content h2,
            #lightcase-content h3,
            #lightcase-content h4,
            #lightcase-content h5,
            #lightcase-content h6,
            #lightcase-content p {
                color: #333
            }
        }
        
        #lightcase-case p.lightcase-error {
            margin: 0;
            font-size: 17px;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #aaa
        }
        
        @media screen and (max-width:640px) {
            #lightcase-case p.lightcase-error {
                padding: 30px 0
            }
        }
        
        @media screen and (min-width:641px) {
            #lightcase-case p.lightcase-error {
                padding: 0
            }
        }
        
        .lightcase-open body {
            overflow: hidden
        }
        
        .lightcase-isMobileDevice .lightcase-open body {
            max-width: 100%;
            max-height: 100%
        }
        
        #lightcase-info {
            position: absolute;
            padding-top: 15px
        }
        
        #lightcase-info #lightcase-title,
        #lightcase-info #lightcase-caption {
            margin: 0;
            padding: 0;
            line-height: 1.5;
            font-weight: 400;
            text-overflow: ellipsis
        }
        
        #lightcase-info #lightcase-title {
            font-size: 17px;
            color: #aaa
        }
        
        @media screen and (max-width:640px) {
            #lightcase-info #lightcase-title {
                position: fixed;
                top: 10px;
                left: 0;
                max-width: 87.5%;
                padding: 5px 15px;
                background: #333
            }
        }
        
        #lightcase-info #lightcase-caption {
            clear: both;
            font-size: 13px;
            color: #aaa
        }
        
        #lightcase-info #lightcase-sequenceInfo {
            font-size: 11px;
            color: #aaa
        }
        
        @media screen and (max-width:640px) {
            .lightcase-fullScreenMode #lightcase-info {
                padding-left: 15px;
                padding-right: 15px
            }
            html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
                position: static
            }
        }
        
        #lightcase-loading {
            position: fixed;
            z-index: 9999;
            width: 1.123em;
            height: auto;
            font-size: 38px;
            line-height: 1;
            text-align: center;
            text-shadow: none;
            position: fixed;
            z-index: 2001;
            top: 50%;
            left: 50%;
            margin-top: -.5em;
            margin-left: -.5em;
            opacity: 1;
            font-size: 32px;
            text-shadow: 0 0 15px #fff;
            -moz-transform-origin: 50% 53%;
            -webkit-animation: lightcase-spin 0.5s infinite linear;
            animation: lightcase-spin 0.5s infinite linear
        }
        
        #lightcase-loading,
        #lightcase-loading:focus {
            text-decoration: none;
            color: #fff;
            -webkit-tap-highlight-color: transparent;
            transition: color, opacity, ease-in-out 0.25s
        }
        
        #lightcase-loading>span {
            display: inline-block;
            text-indent: -9999px
        }
        
        a[class*='lightcase-icon-'] {
            position: fixed;
            z-index: 9999;
            width: 1.123em;
            height: auto;
            font-size: 38px;
            line-height: 1;
            text-align: center;
            text-shadow: none;
            outline: none;
            cursor: pointer
        }
        
        a[class*='lightcase-icon-'],
        a[class*='lightcase-icon-']:focus {
            text-decoration: none;
            color: rgba(255, 255, 255, .6);
            -webkit-tap-highlight-color: transparent;
            transition: color, opacity, ease-in-out 0.25s
        }
        
        a[class*='lightcase-icon-']>span {
            display: inline-block;
            text-indent: -9999px
        }
        
        a[class*='lightcase-icon-']:hover {
            color: white;
            text-shadow: 0 0 15px white
        }
        
        .lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
            color: #aaa;
            text-shadow: none
        }
        
        a[class*='lightcase-icon-'].lightcase-icon-close {
            position: fixed;
            top: 15px;
            right: 15px;
            bottom: auto;
            margin: 0;
            opacity: 0;
            outline: none
        }
        
        a[class*='lightcase-icon-'].lightcase-icon-prev {
            left: 15px
        }
        
        a[class*='lightcase-icon-'].lightcase-icon-next {
            right: 15px
        }
        
        a[class*='lightcase-icon-'].lightcase-icon-pause,
        a[class*='lightcase-icon-'].lightcase-icon-play {
            left: 50%;
            margin-left: -.5em
        }
        
        @media screen and (min-width:641px) {
            a[class*='lightcase-icon-'].lightcase-icon-pause,
            a[class*='lightcase-icon-'].lightcase-icon-play {
                opacity: 0
            }
        }
        
        @media screen and (max-width:640px) {
            a[class*='lightcase-icon-'] {
                bottom: 15px;
                font-size: 24px
            }
        }
        
        @media screen and (min-width:641px) {
            a[class*='lightcase-icon-'] {
                bottom: 50%;
                margin-bottom: -.5em
            }
            a[class*='lightcase-icon-']:hover,
            #lightcase-case:hover~a[class*='lightcase-icon-'] {
                opacity: 1
            }
        }
        
        #lightcase-overlay {
            display: none;
            width: 100%;
            min-height: 100%;
            position: fixed;
            z-index: 2000;
            top: -9999px;
            bottom: -9999px;
            left: 0;
            background: #333
        }
        
        @media screen and (max-width:640px) {
            #lightcase-overlay {
                opacity: 1!important
            }
        }
        
        .page-template-default .site-header,
        .page-template-story .site-header,
        .page-template-contact .site-header,
        .page-template-dealers .site-header,
        .page-template-precision .site-header {
/*            height: auto*/
        }
        
        .page-template-default .header-text,
        .page-template-story .header-text,
        .page-template-contact .header-text,
        .page-template-dealers .header-text,
        .page-template-precision .header-text {
            margin-top: 70px;
            padding-top: 60px;
            padding-bottom: 60px
        }
        
        .page-template-default .header-text h1,
        .page-template-story .header-text h1,
        .page-template-contact .header-text h1,
        .page-template-dealers .header-text h1,
        .page-template-precision .header-text h1 {
           font-size: 25px;
/*    line-height: 50px;*/
    font-weight: normal;
        }
        
        .page-template-default .header-text h2,
        .page-template-story .header-text h2,
        .page-template-contact .header-text h2,
        .page-template-dealers .header-text h2,
        .page-template-precision .header-text h2 {
            font-size: 32px;
            line-height: 38px
        }
        
        .page-template-default .content-rows .row-bg-white,
        .page-template-story .content-rows .row-bg-white,
        .page-template-contact .content-rows .row-bg-white,
        .page-template-dealers .content-rows .row-bg-white,
        .page-template-precision .content-rows .row-bg-white {
            background: #fff
        }
        
        .page-template-default .content-rows .row-bg-light-gray,
        .page-template-story .content-rows .row-bg-light-gray,
        .page-template-contact .content-rows .row-bg-light-gray,
        .page-template-dealers .content-rows .row-bg-light-gray,
        .page-template-precision .content-rows .row-bg-light-gray {
            background: #F9F9F9
        }
        
        .page-template-default .content-rows .row-bg-medium-gray,
        .page-template-story .content-rows .row-bg-medium-gray,
        .page-template-contact .content-rows .row-bg-medium-gray,
        .page-template-dealers .content-rows .row-bg-medium-gray,
        .page-template-precision .content-rows .row-bg-medium-gray {
            background: #BABABA
        }
        
        .page-template-default .content-rows .row-bg-light-pink,
        .page-template-story .content-rows .row-bg-light-pink,
        .page-template-contact .content-rows .row-bg-light-pink,
        .page-template-dealers .content-rows .row-bg-light-pink,
        .page-template-precision .content-rows .row-bg-light-pink {
            background: #f8f3f1
        }
        
        .page-template-default .content-rows .row-bg-light-blue,
        .page-template-story .content-rows .row-bg-light-blue,
        .page-template-contact .content-rows .row-bg-light-blue,
        .page-template-dealers .content-rows .row-bg-light-blue,
        .page-template-precision .content-rows .row-bg-light-blue {
            background: #EDF3FA
        }
        
        .page-template-default .content-rows .row-bg-dark-blue,
        .page-template-story .content-rows .row-bg-dark-blue,
        .page-template-contact .content-rows .row-bg-dark-blue,
        .page-template-dealers .content-rows .row-bg-dark-blue,
        .page-template-precision .content-rows .row-bg-dark-blue {
            background: #384055
        }
        
        .page-template-default .content-rows .row-bg-dark-blue h1,
        .page-template-default .content-rows .row-bg-dark-blue .h1,
        .page-template-default .content-rows .row-bg-dark-blue h2,
        .page-template-default .content-rows .row-bg-dark-blue .h2,
        .page-template-default .content-rows .row-bg-dark-blue h3,
        .page-template-default .content-rows .row-bg-dark-blue .h3,
        .page-template-default .content-rows .row-bg-dark-blue h4,
        .page-template-default .content-rows .row-bg-dark-blue .h4,
        .page-template-default .content-rows .row-bg-dark-blue .lg-sub-html,
        .page-template-default .content-rows .row-bg-dark-blue p,
        .page-template-default .content-rows .row-bg-dark-blue ul,
        .page-template-story .content-rows .row-bg-dark-blue h1,
        .page-template-story .content-rows .row-bg-dark-blue .h1,
        .page-template-story .content-rows .row-bg-dark-blue h2,
        .page-template-story .content-rows .row-bg-dark-blue .h2,
        .page-template-story .content-rows .row-bg-dark-blue h3,
        .page-template-story .content-rows .row-bg-dark-blue .h3,
        .page-template-story .content-rows .row-bg-dark-blue h4,
        .page-template-story .content-rows .row-bg-dark-blue .h4,
        .page-template-story .content-rows .row-bg-dark-blue .lg-sub-html,
        .page-template-story .content-rows .row-bg-dark-blue p,
        .page-template-story .content-rows .row-bg-dark-blue ul,
        .page-template-contact .content-rows .row-bg-dark-blue h1,
        .page-template-contact .content-rows .row-bg-dark-blue .h1,
        .page-template-contact .content-rows .row-bg-dark-blue h2,
        .page-template-contact .content-rows .row-bg-dark-blue .h2,
        .page-template-contact .content-rows .row-bg-dark-blue h3,
        .page-template-contact .content-rows .row-bg-dark-blue .h3,
        .page-template-contact .content-rows .row-bg-dark-blue h4,
        .page-template-contact .content-rows .row-bg-dark-blue .h4,
        .page-template-contact .content-rows .row-bg-dark-blue .lg-sub-html,
        .page-template-contact .content-rows .row-bg-dark-blue p,
        .page-template-contact .content-rows .row-bg-dark-blue ul,
        .page-template-dealers .content-rows .row-bg-dark-blue h1,
        .page-template-dealers .content-rows .row-bg-dark-blue .h1,
        .page-template-dealers .content-rows .row-bg-dark-blue h2,
        .page-template-dealers .content-rows .row-bg-dark-blue .h2,
        .page-template-dealers .content-rows .row-bg-dark-blue h3,
        .page-template-dealers .content-rows .row-bg-dark-blue .h3,
        .page-template-dealers .content-rows .row-bg-dark-blue h4,
        .page-template-dealers .content-rows .row-bg-dark-blue .h4,
        .page-template-dealers .content-rows .row-bg-dark-blue .lg-sub-html,
        .page-template-dealers .content-rows .row-bg-dark-blue p,
        .page-template-dealers .content-rows .row-bg-dark-blue ul,
        .page-template-precision .content-rows .row-bg-dark-blue h1,
        .page-template-precision .content-rows .row-bg-dark-blue .h1,
        .page-template-precision .content-rows .row-bg-dark-blue h2,
        .page-template-precision .content-rows .row-bg-dark-blue .h2,
        .page-template-precision .content-rows .row-bg-dark-blue h3,
        .page-template-precision .content-rows .row-bg-dark-blue .h3,
        .page-template-precision .content-rows .row-bg-dark-blue h4,
        .page-template-precision .content-rows .row-bg-dark-blue .h4,
        .page-template-precision .content-rows .row-bg-dark-blue .lg-sub-html,
        .page-template-precision .content-rows .row-bg-dark-blue p,
        .page-template-precision .content-rows .row-bg-dark-blue ul {
            color: #fff
        }
        
        .page-template-default .content-rows .row-border-light-gray,
        .page-template-story .content-rows .row-border-light-gray,
        .page-template-contact .content-rows .row-border-light-gray,
        .page-template-dealers .content-rows .row-border-light-gray,
        .page-template-precision .content-rows .row-border-light-gray {
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6
        }
        
        .page-template-default .content-rows .row-border-drop-shadow,
        .page-template-story .content-rows .row-border-drop-shadow,
        .page-template-contact .content-rows .row-border-drop-shadow,
        .page-template-dealers .content-rows .row-border-drop-shadow,
        .page-template-precision .content-rows .row-border-drop-shadow {
            box-shadow: 0 5px 10px rgba(0, 0, 0, .05), 0 -5px 10px rgba(0, 0, 0, .05)
        }
        
        .page-template-default .content-rows .alignment-left,
        .page-template-story .content-rows .alignment-left,
        .page-template-contact .content-rows .alignment-left,
        .page-template-dealers .content-rows .alignment-left,
        .page-template-precision .content-rows .alignment-left {
            text-align: left
        }
        
        .page-template-default .content-rows .alignment-center,
        .page-template-story .content-rows .alignment-center,
        .page-template-contact .content-rows .alignment-center,
        .page-template-dealers .content-rows .alignment-center,
        .page-template-precision .content-rows .alignment-center {
            text-align: center
        }
        
        .page-template-default .content-rows h2,
        .page-template-story .content-rows h2,
        .page-template-contact .content-rows h2,
        .page-template-dealers .content-rows h2,
        .page-template-precision .content-rows h2 {
            margin: 25px 0
        }
        
        .page-template-default .content-rows p,
        .page-template-story .content-rows p,
        .page-template-contact .content-rows p,
        .page-template-dealers .content-rows p,
        .page-template-precision .content-rows p {
            margin-bottom: 25px
        }
        
        .page-template-default .content-rows h4,
        .page-template-default .content-rows h5,
        .page-template-story .content-rows h4,
        .page-template-story .content-rows h5,
        .page-template-contact .content-rows h4,
        .page-template-contact .content-rows h5,
        .page-template-dealers .content-rows h4,
        .page-template-dealers .content-rows h5,
        .page-template-precision .content-rows h4,
        .page-template-precision .content-rows h5 {
            margin-bottom: 25px
        }
        
        .page-template-default .content-rows .content-title.style-line-left *,
        .page-template-story .content-rows .content-title.style-line-left *,
        .page-template-contact .content-rows .content-title.style-line-left *,
        .page-template-dealers .content-rows .content-title.style-line-left *,
        .page-template-precision .content-rows .content-title.style-line-left * {
            padding-left: 75px;
            position: relative
        }
        
        .page-template-default .content-rows .content-title.style-line-left *:before,
        .page-template-story .content-rows .content-title.style-line-left *:before,
        .page-template-contact .content-rows .content-title.style-line-left *:before,
        .page-template-dealers .content-rows .content-title.style-line-left *:before,
        .page-template-precision .content-rows .content-title.style-line-left *:before {
            width: 52px;
            height: 2px;
            background: #344570;
            content: "";
            position: absolute;
            top: 10px;
            left: 0
        }
        
        .page-template-default .content-rows .content-title.style-line-left *:before,
        .page-template-story .content-rows .content-title.style-line-left *:before,
        .page-template-contact .content-rows .content-title.style-line-left *:before,
        .page-template-dealers .content-rows .content-title.style-line-left *:before,
        .page-template-precision .content-rows .content-title.style-line-left *:before {
            top: 50%
        }
        
        .page-template-default .content-rows .content-title.style-line-below *:after,
        .page-template-story .content-rows .content-title.style-line-below *:after,
        .page-template-contact .content-rows .content-title.style-line-below *:after,
        .page-template-dealers .content-rows .content-title.style-line-below *:after,
        .page-template-precision .content-rows .content-title.style-line-below *:after {
            display: block;
            width: 52px;
            height: 2px;
            background: #d9a782;
            content: "";
            position: relative;
            left: 50%;
            margin-left: -26px;
            margin-top: 28px
        }
        
        .page-template-default .content-rows .content-title br,
        .page-template-story .content-rows .content-title br,
        .page-template-contact .content-rows .content-title br,
        .page-template-dealers .content-rows .content-title br,
        .page-template-precision .content-rows .content-title br {
            display: none
        }
        
        .page-template-default .content-rows .row,
        .page-template-story .content-rows .row,
        .page-template-contact .content-rows .row,
        .page-template-dealers .content-rows .row,
        .page-template-precision .content-rows .row {
            clear: both
        }
        
        .page-template-default .content-rows .row-content-width-full .centered-content,
        .page-template-story .content-rows .row-content-width-full .centered-content,
        .page-template-contact .content-rows .row-content-width-full .centered-content,
        .page-template-dealers .content-rows .row-content-width-full .centered-content,
        .page-template-precision .content-rows .row-content-width-full .centered-content {
            max-width: 100%
        }
        
        .page-template-default .content-rows .row-content-width-full .col:first-child,
        .page-template-default .content-rows .row-content-width-full .col:last-child,
        .page-template-story .content-rows .row-content-width-full .col:first-child,
        .page-template-story .content-rows .row-content-width-full .col:last-child,
        .page-template-contact .content-rows .row-content-width-full .col:first-child,
        .page-template-contact .content-rows .row-content-width-full .col:last-child,
        .page-template-dealers .content-rows .row-content-width-full .col:first-child,
        .page-template-dealers .content-rows .row-content-width-full .col:last-child,
        .page-template-precision .content-rows .row-content-width-full .col:first-child,
        .page-template-precision .content-rows .row-content-width-full .col:last-child {
            padding-left: 0;
            padding-right: 0
        }
        
        .page-template-default .content-rows .col,
        .page-template-story .content-rows .col,
        .page-template-contact .content-rows .col,
        .page-template-dealers .content-rows .col,
        .page-template-precision .content-rows .col {
            padding: 0 8vw;
            margin-bottom: 25px
        }
        
        .page-template-default .content-rows .col:first-child,
        .page-template-story .content-rows .col:first-child,
        .page-template-contact .content-rows .col:first-child,
        .page-template-dealers .content-rows .col:first-child,
        .page-template-precision .content-rows .col:first-child {
            padding-top: 7vh
        }
        
        .page-template-default .content-rows .col:last-child,
        .page-template-story .content-rows .col:last-child,
        .page-template-contact .content-rows .col:last-child,
        .page-template-dealers .content-rows .col:last-child,
        .page-template-precision .content-rows .col:last-child {
            padding-bottom: 7vh;
            margin-bottom: 0
        }
        
        .page-template-default .content-rows .row-padding-reduced-top .col:first-child,
        .page-template-default .content-rows .row-padding-reduced .col:first-child,
        .page-template-story .content-rows .row-padding-reduced-top .col:first-child,
        .page-template-story .content-rows .row-padding-reduced .col:first-child,
        .page-template-contact .content-rows .row-padding-reduced-top .col:first-child,
        .page-template-contact .content-rows .row-padding-reduced .col:first-child,
        .page-template-dealers .content-rows .row-padding-reduced-top .col:first-child,
        .page-template-dealers .content-rows .row-padding-reduced .col:first-child,
        .page-template-precision .content-rows .row-padding-reduced-top .col:first-child,
        .page-template-precision .content-rows .row-padding-reduced .col:first-child {
            padding-top: 2vh
        }
        
        .page-template-default .content-rows .row-padding-reduced-bottom .col:last-child,
        .page-template-default .content-rows .row-padding-reduced .col:first-child,
        .page-template-story .content-rows .row-padding-reduced-bottom .col:last-child,
        .page-template-story .content-rows .row-padding-reduced .col:first-child,
        .page-template-contact .content-rows .row-padding-reduced-bottom .col:last-child,
        .page-template-contact .content-rows .row-padding-reduced .col:first-child,
        .page-template-dealers .content-rows .row-padding-reduced-bottom .col:last-child,
        .page-template-dealers .content-rows .row-padding-reduced .col:first-child,
        .page-template-precision .content-rows .row-padding-reduced-bottom .col:last-child,
        .page-template-precision .content-rows .row-padding-reduced .col:first-child {
            padding-bottom: 2vh
        }
        
        .page-template-default .content-rows .row-padding-none .col:last-child,
        .page-template-default .content-rows .row-padding-none .col:first-child,
        .page-template-story .content-rows .row-padding-none .col:last-child,
        .page-template-story .content-rows .row-padding-none .col:first-child,
        .page-template-contact .content-rows .row-padding-none .col:last-child,
        .page-template-contact .content-rows .row-padding-none .col:first-child,
        .page-template-dealers .content-rows .row-padding-none .col:last-child,
        .page-template-dealers .content-rows .row-padding-none .col:first-child,
        .page-template-precision .content-rows .row-padding-none .col:last-child,
        .page-template-precision .content-rows .row-padding-none .col:first-child {
            padding-top: 0;
            padding-bottom: 0
        }
        
        .page-template-default .content-rows .row-padding-no-padding-top .col:first-child,
        .page-template-default .content-rows .row-padding-no-padding-top .col:last-child,
        .page-template-story .content-rows .row-padding-no-padding-top .col:first-child,
        .page-template-story .content-rows .row-padding-no-padding-top .col:last-child,
        .page-template-contact .content-rows .row-padding-no-padding-top .col:first-child,
        .page-template-contact .content-rows .row-padding-no-padding-top .col:last-child,
        .page-template-dealers .content-rows .row-padding-no-padding-top .col:first-child,
        .page-template-dealers .content-rows .row-padding-no-padding-top .col:last-child,
        .page-template-precision .content-rows .row-padding-no-padding-top .col:first-child,
        .page-template-precision .content-rows .row-padding-no-padding-top .col:last-child {
            padding-top: 0
        }
        
        .page-template-default .content-rows .row-padding-no-padding-bottom .col:first-child,
        .page-template-default .content-rows .row-padding-no-padding-bottom .col:last-child,
        .page-template-story .content-rows .row-padding-no-padding-bottom .col:first-child,
        .page-template-story .content-rows .row-padding-no-padding-bottom .col:last-child,
        .page-template-contact .content-rows .row-padding-no-padding-bottom .col:first-child,
        .page-template-contact .content-rows .row-padding-no-padding-bottom .col:last-child,
        .page-template-dealers .content-rows .row-padding-no-padding-bottom .col:first-child,
        .page-template-dealers .content-rows .row-padding-no-padding-bottom .col:last-child,
        .page-template-precision .content-rows .row-padding-no-padding-bottom .col:first-child,
        .page-template-precision .content-rows .row-padding-no-padding-bottom .col:last-child {
            padding-bottom: 0
        }
        
        .page-template-default .content-rows .content-text.style-featured,
        .page-template-story .content-rows .content-text.style-featured,
        .page-template-contact .content-rows .content-text.style-featured,
        .page-template-dealers .content-rows .content-text.style-featured,
        .page-template-precision .content-rows .content-text.style-featured {
            max-width: 820px;
            margin: 0 auto;
            padding: 0 20px
        }
        
        .page-template-default .content-rows .content-text.style-featured p,
        .page-template-story .content-rows .content-text.style-featured p,
        .page-template-contact .content-rows .content-text.style-featured p,
        .page-template-dealers .content-rows .content-text.style-featured p,
        .page-template-precision .content-rows .content-text.style-featured p {
            letter-spacing: .2px;
          
            font-family: 'Marcellus', serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 24px;
            color: inherit
        }
        
        .page-template-default .content-rows .row-bg-light-pink .content-text.style-featured,
        .page-template-story .content-rows .row-bg-light-pink .content-text.style-featured,
        .page-template-contact .content-rows .row-bg-light-pink .content-text.style-featured,
        .page-template-dealers .content-rows .row-bg-light-pink .content-text.style-featured,
        .page-template-precision .content-rows .row-bg-light-pink .content-text.style-featured {
            color: #47567b
        }
        
        .page-template-default .content-rows .content:first-child p:first-child,
        .page-template-default .content-rows .content:first-child .title:first-child,
        .page-template-story .content-rows .content:first-child p:first-child,
        .page-template-story .content-rows .content:first-child .title:first-child,
        .page-template-contact .content-rows .content:first-child p:first-child,
        .page-template-contact .content-rows .content:first-child .title:first-child,
        .page-template-dealers .content-rows .content:first-child p:first-child,
        .page-template-dealers .content-rows .content:first-child .title:first-child,
        .page-template-precision .content-rows .content:first-child p:first-child,
        .page-template-precision .content-rows .content:first-child .title:first-child {
            margin-top: 0
        }
        
        .page-template-default .content-rows .content:last-child *:last-child,
        .page-template-story .content-rows .content:last-child *:last-child,
        .page-template-contact .content-rows .content:last-child *:last-child,
        .page-template-dealers .content-rows .content:last-child *:last-child,
        .page-template-precision .content-rows .content:last-child *:last-child {
            margin-bottom: 0
        }
        
        .page-template-default .content-rows .col:first-child .content-image.alignment-side,
        .page-template-story .content-rows .col:first-child .content-image.alignment-side,
        .page-template-contact .content-rows .col:first-child .content-image.alignment-side,
        .page-template-dealers .content-rows .col:first-child .content-image.alignment-side,
        .page-template-precision .content-rows .col:first-child .content-image.alignment-side {
            margin-left: -8vw
        }
        
        .page-template-default .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
        .page-template-story .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
        .page-template-contact .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
        .page-template-dealers .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
        .page-template-precision .content-rows .col-count-2 .col:last-child .content-image.alignment-side {
            margin-left: 0;
            margin-right: -8vw
        }
        
        .page-template-default .content-rows .content-external-link.style-underline a,
        .page-template-default .content-rows .content-page-link.style-underline a,
        .page-template-story .content-rows .content-external-link.style-underline a,
        .page-template-story .content-rows .content-page-link.style-underline a,
        .page-template-contact .content-rows .content-external-link.style-underline a,
        .page-template-contact .content-rows .content-page-link.style-underline a,
        .page-template-dealers .content-rows .content-external-link.style-underline a,
        .page-template-dealers .content-rows .content-page-link.style-underline a,
        .page-template-precision .content-rows .content-external-link.style-underline a,
        .page-template-precision .content-rows .content-page-link.style-underline a {
            text-transform: uppercase;
            font-weight: 700;
            display: inline-block;
            font-size: .9rem;
            line-height: normal;
            letter-spacing: 5px;
            margin-top: 25px;
            margin-top: 0
        }
        
        .page-template-default .content-rows .content-external-link.style-underline a:after,
        .page-template-default .content-rows .content-page-link.style-underline a:after,
        .page-template-story .content-rows .content-external-link.style-underline a:after,
        .page-template-story .content-rows .content-page-link.style-underline a:after,
        .page-template-contact .content-rows .content-external-link.style-underline a:after,
        .page-template-contact .content-rows .content-page-link.style-underline a:after,
        .page-template-dealers .content-rows .content-external-link.style-underline a:after,
        .page-template-dealers .content-rows .content-page-link.style-underline a:after,
        .page-template-precision .content-rows .content-external-link.style-underline a:after,
        .page-template-precision .content-rows .content-page-link.style-underline a:after {
            content: "";
            display: block;
            margin-top: 7px;
            width: calc(100% - 3px);
            height: 2px;
            background-color: #d9a782;
            transition: background-color 0.3s ease-in-out
        }
        
        .page-template-default .content-rows .content-text.style-opening-hours,
        .page-template-story .content-rows .content-text.style-opening-hours,
        .page-template-contact .content-rows .content-text.style-opening-hours,
        .page-template-dealers .content-rows .content-text.style-opening-hours,
        .page-template-precision .content-rows .content-text.style-opening-hours {
            border-bottom: 2px solid #344570;
            padding: 40px 0;
            position: relative
        }
        
        .page-template-default .content-rows .content-text.style-opening-hours:before,
        .page-template-story .content-rows .content-text.style-opening-hours:before,
        .page-template-contact .content-rows .content-text.style-opening-hours:before,
        .page-template-dealers .content-rows .content-text.style-opening-hours:before,
        .page-template-precision .content-rows .content-text.style-opening-hours:before {
            width: 60px;
            background: #344570;
            height: 2px;
            display: block;
            content: "";
            position: absolute;
            top: 0;
            left: 0
        }
        
        .page-template-default .content-rows .content-text.style-opening-hours p,
        .page-template-story .content-rows .content-text.style-opening-hours p,
        .page-template-contact .content-rows .content-text.style-opening-hours p,
        .page-template-dealers .content-rows .content-text.style-opening-hours p,
        .page-template-precision .content-rows .content-text.style-opening-hours p {
            font-size: .9rem
        }
        
        @media print,
        screen and (min-width:48em) {
            .page-template-default .header-text,
            .page-template-story .header-text,
            .page-template-contact .header-text,
            .page-template-dealers .header-text,
            .page-template-precision .header-text {
                padding-top: 80px;
                padding-bottom: 80px
            }
            .page-template-default .content-rows .row,
            .page-template-story .content-rows .row,
            .page-template-contact .content-rows .row,
            .page-template-dealers .content-rows .row,
            .page-template-precision .content-rows .row {
                padding-top: 10vh;
                padding-bottom: 10vh
            }
            .page-template-default .content-rows .row-padding-reduced,
            .page-template-story .content-rows .row-padding-reduced,
            .page-template-contact .content-rows .row-padding-reduced,
            .page-template-dealers .content-rows .row-padding-reduced,
            .page-template-precision .content-rows .row-padding-reduced {
                padding-top: 2.5vh;
                padding-bottom: 2.5vh
            }
            .page-template-default .content-rows .row-padding-reduced-top,
            .page-template-story .content-rows .row-padding-reduced-top,
            .page-template-contact .content-rows .row-padding-reduced-top,
            .page-template-dealers .content-rows .row-padding-reduced-top,
            .page-template-precision .content-rows .row-padding-reduced-top {
                padding-top: 2.5vh
            }
            .page-template-default .content-rows .row-padding-reduced-bottom,
            .page-template-story .content-rows .row-padding-reduced-bottom,
            .page-template-contact .content-rows .row-padding-reduced-bottom,
            .page-template-dealers .content-rows .row-padding-reduced-bottom,
            .page-template-precision .content-rows .row-padding-reduced-bottom {
                padding-bottom: 2.5vh
            }
            .page-template-default .content-rows .row-padding-none,
            .page-template-story .content-rows .row-padding-none,
            .page-template-contact .content-rows .row-padding-none,
            .page-template-dealers .content-rows .row-padding-none,
            .page-template-precision .content-rows .row-padding-none {
                padding: 0
            }
            .page-template-default .content-rows .row-padding-no-padding-top,
            .page-template-story .content-rows .row-padding-no-padding-top,
            .page-template-contact .content-rows .row-padding-no-padding-top,
            .page-template-dealers .content-rows .row-padding-no-padding-top,
            .page-template-precision .content-rows .row-padding-no-padding-top {
                padding-top: 0
            }
            .page-template-default .content-rows .row-padding-no-padding-bottom,
            .page-template-story .content-rows .row-padding-no-padding-bottom,
            .page-template-contact .content-rows .row-padding-no-padding-bottom,
            .page-template-dealers .content-rows .row-padding-no-padding-bottom,
            .page-template-precision .content-rows .row-padding-no-padding-bottom {
                padding-bottom: 0
            }
            .page-template-default .content-rows .col:first-child,
            .page-template-default .content-rows .col:last-child,
            .page-template-story .content-rows .col:first-child,
            .page-template-story .content-rows .col:last-child,
            .page-template-contact .content-rows .col:first-child,
            .page-template-contact .content-rows .col:last-child,
            .page-template-dealers .content-rows .col:first-child,
            .page-template-dealers .content-rows .col:last-child,
            .page-template-precision .content-rows .col:first-child,
            .page-template-precision .content-rows .col:last-child {
                padding-top: 0;
                padding-bottom: 0
            }
            .page-template-default .content-rows .col-count-2 .row-content,
            .page-template-story .content-rows .col-count-2 .row-content,
            .page-template-contact .content-rows .col-count-2 .row-content,
            .page-template-dealers .content-rows .col-count-2 .row-content,
            .page-template-precision .content-rows .col-count-2 .row-content {
                width: 100%;
                display: table
            }
            .page-template-default .content-rows .col-count-2 .col,
            .page-template-story .content-rows .col-count-2 .col,
            .page-template-contact .content-rows .col-count-2 .col,
            .page-template-dealers .content-rows .col-count-2 .col,
            .page-template-precision .content-rows .col-count-2 .col {
                width: 50%;
                display: table-cell;
                vertical-align: middle
            }
            .page-template-default .content-rows .col-count-2 .col:first-child,
            .page-template-story .content-rows .col-count-2 .col:first-child,
            .page-template-contact .content-rows .col-count-2 .col:first-child,
            .page-template-dealers .content-rows .col-count-2 .col:first-child,
            .page-template-precision .content-rows .col-count-2 .col:first-child {
                padding-left: 0;
                padding-right: 4vw
            }
            .page-template-default .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-default .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-default .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-default .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-external-link {
                padding-left: 30px
            }
            .page-template-default .content-rows .col-count-2 .col:last-child,
            .page-template-story .content-rows .col-count-2 .col:last-child,
            .page-template-contact .content-rows .col-count-2 .col:last-child,
            .page-template-dealers .content-rows .col-count-2 .col:last-child,
            .page-template-precision .content-rows .col-count-2 .col:last-child {
                padding-right: 0;
                padding-left: 4vw
            }
            .page-template-default .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-default .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-default .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-default .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-external-link {
                padding-right: 30px
            }
            .page-template-default .content-rows .col-count-2 .col:first-child .content-image.alignment-center,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-image.alignment-center,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-image.alignment-center,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-image.alignment-center,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-image.alignment-center {
                text-align: right
            }
            .page-template-default .content-rows .col-count-2 .col:last-child .content-image.alignment-center,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-image.alignment-center,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-image.alignment-center,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-image.alignment-center,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-image.alignment-center {
                text-align: left
            }
            .page-template-default .content-rows .col-count-1 .content-text,
            .page-template-default .content-rows .col-count-1 .content-title,
            .page-template-story .content-rows .col-count-1 .content-text,
            .page-template-story .content-rows .col-count-1 .content-title,
            .page-template-contact .content-rows .col-count-1 .content-text,
            .page-template-contact .content-rows .col-count-1 .content-title,
            .page-template-dealers .content-rows .col-count-1 .content-text,
            .page-template-dealers .content-rows .col-count-1 .content-title,
            .page-template-precision .content-rows .col-count-1 .content-text,
            .page-template-precision .content-rows .col-count-1 .content-title {
                margin-left: auto;
                margin-right: auto;
                max-width: 600px
            }
            .page-template-default .content-rows .col-count-1 .content-text.style-featured,
            .page-template-story .content-rows .col-count-1 .content-text.style-featured,
            .page-template-contact .content-rows .col-count-1 .content-text.style-featured,
            .page-template-dealers .content-rows .col-count-1 .content-text.style-featured,
            .page-template-precision .content-rows .col-count-1 .content-text.style-featured {
                max-width: 900px
            }
            .page-template-default .content-rows .content-title br,
            .page-template-story .content-rows .content-title br,
            .page-template-contact .content-rows .content-title br,
            .page-template-dealers .content-rows .content-title br,
            .page-template-precision .content-rows .content-title br {
                display: block
            }
            .page-template-default .content-rows .content-text.style-featured p,
            .page-template-story .content-rows .content-text.style-featured p,
            .page-template-contact .content-rows .content-text.style-featured p,
            .page-template-dealers .content-rows .content-text.style-featured p,
            .page-template-precision .content-rows .content-text.style-featured p {
                font-size: 24px;
                line-height: 30px;
                letter-spacing: .4px
            }
            .page-template-default .content-rows .content-image.alignment-center-up,
            .page-template-default .content-rows .content-image.alignment-side-up,
            .page-template-story .content-rows .content-image.alignment-center-up,
            .page-template-story .content-rows .content-image.alignment-side-up,
            .page-template-contact .content-rows .content-image.alignment-center-up,
            .page-template-contact .content-rows .content-image.alignment-side-up,
            .page-template-dealers .content-rows .content-image.alignment-center-up,
            .page-template-dealers .content-rows .content-image.alignment-side-up,
            .page-template-precision .content-rows .content-image.alignment-center-up,
            .page-template-precision .content-rows .content-image.alignment-side-up {
                margin-top: -15vh
            }
            .page-template-default .content-rows .col:first-child .content-image.alignment-side,
            .page-template-story .content-rows .col:first-child .content-image.alignment-side,
            .page-template-contact .content-rows .col:first-child .content-image.alignment-side,
            .page-template-dealers .content-rows .col:first-child .content-image.alignment-side,
            .page-template-precision .content-rows .col:first-child .content-image.alignment-side {
                margin-left: 0;
                float: left
            }
            .page-template-default .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-image.alignment-side {
                margin-left: 0;
                margin-right: 0;
                float: right
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .page-template-default .header-text,
            .page-template-story .header-text,
            .page-template-contact .header-text,
            .page-template-dealers .header-text,
            .page-template-precision .header-text {
                margin-top: 109px
            }
            .page-template-default .content-rows .col-count-2 .content,
            .page-template-story .content-rows .col-count-2 .content,
            .page-template-contact .content-rows .col-count-2 .content,
            .page-template-dealers .content-rows .col-count-2 .content,
            .page-template-precision .content-rows .col-count-2 .content {
                width: 470px
            }
            .page-template-default .content-rows .col-count-2 .col:first-child .content,
            .page-template-story .content-rows .col-count-2 .col:first-child .content,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content {
                float: right
            }
            .page-template-default .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-default .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-default .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-default .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-story .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-contact .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-dealers .content-rows .col-count-2 .col:first-child .content-external-link,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-title,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-text,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-page-link,
            .page-template-precision .content-rows .col-count-2 .col:first-child .content-external-link {
                padding-left: 0
            }
            .page-template-default .content-rows .col-count-2 .col:last-child .content,
            .page-template-story .content-rows .col-count-2 .col:last-child .content,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content {
                float: left
            }
            .page-template-default .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-default .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-default .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-default .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-external-link,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-title,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-text,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-page-link,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-external-link {
                padding-right: 0
            }
            .page-template-default .content-rows .col:first-child .content-image.alignment-side,
            .page-template-default .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-story .content-rows .col:first-child .content-image.alignment-side,
            .page-template-story .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-contact .content-rows .col:first-child .content-image.alignment-side,
            .page-template-contact .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-dealers .content-rows .col:first-child .content-image.alignment-side,
            .page-template-dealers .content-rows .col-count-2 .col:last-child .content-image.alignment-side,
            .page-template-precision .content-rows .col:first-child .content-image.alignment-side,
            .page-template-precision .content-rows .col-count-2 .col:last-child .content-image.alignment-side {
                margin-left: 6vw;
                margin-right: 0vw;
                float: none;
                width: 100%
            }
        }
        
        @media screen and (min-width:75em) {
            .page-template-default .header-text,
            .page-template-story .header-text,
            .page-template-contact .header-text,
            .page-template-dealers .header-text,
            .page-template-precision .header-text {
                padding-top: 70px;
                padding-bottom: 100px
            }
            .page-template-default .content-rows .row,
            .page-template-story .content-rows .row,
            .page-template-contact .content-rows .row,
            .page-template-dealers .content-rows .row,
            .page-template-precision .content-rows .row {
               padding-top: 100px;
    padding-bottom: 100px;
            }
            .page-template-default .content-rows .row-padding-reduced,
            .page-template-story .content-rows .row-padding-reduced,
            .page-template-contact .content-rows .row-padding-reduced,
            .page-template-dealers .content-rows .row-padding-reduced,
            .page-template-precision .content-rows .row-padding-reduced {
                padding-top: 40px;
                padding-bottom: 40px
            }
            .page-template-default .content-rows .row-padding-reduced-top,
            .page-template-story .content-rows .row-padding-reduced-top,
            .page-template-contact .content-rows .row-padding-reduced-top,
            .page-template-dealers .content-rows .row-padding-reduced-top,
            .page-template-precision .content-rows .row-padding-reduced-top {
                padding-top: 40px
            }
            .page-template-default .content-rows .row-padding-reduced-bottom,
            .page-template-story .content-rows .row-padding-reduced-bottom,
            .page-template-contact .content-rows .row-padding-reduced-bottom,
            .page-template-dealers .content-rows .row-padding-reduced-bottom,
            .page-template-precision .content-rows .row-padding-reduced-bottom {
                padding-bottom: 40px
            }
            .page-template-default .content-rows .row-padding-none,
            .page-template-story .content-rows .row-padding-none,
            .page-template-contact .content-rows .row-padding-none,
            .page-template-dealers .content-rows .row-padding-none,
            .page-template-precision .content-rows .row-padding-none {
                padding: 0
            }
            .page-template-default .content-rows .row-padding-no-padding-top,
            .page-template-story .content-rows .row-padding-no-padding-top,
            .page-template-contact .content-rows .row-padding-no-padding-top,
            .page-template-dealers .content-rows .row-padding-no-padding-top,
            .page-template-precision .content-rows .row-padding-no-padding-top {
                padding-top: 0
            }
            .page-template-default .content-rows .row-padding-no-padding-bottom,
            .page-template-story .content-rows .row-padding-no-padding-bottom,
            .page-template-contact .content-rows .row-padding-no-padding-bottom,
            .page-template-dealers .content-rows .row-padding-no-padding-bottom,
            .page-template-precision .content-rows .row-padding-no-padding-bottom {
                padding-bottom: 0
            }
            .page-template-default .content-rows h2,
            .page-template-story .content-rows h2,
            .page-template-contact .content-rows h2,
            .page-template-dealers .content-rows h2,
            .page-template-precision .content-rows h2 {
                margin: 50px 0 35px 0
            }
            .page-template-default .content-rows p,
            .page-template-story .content-rows p,
            .page-template-contact .content-rows p,
            .page-template-dealers .content-rows p,
            .page-template-precision .content-rows p {
                margin-bottom: 35px
            }
            .page-template-default .content-rows .content-page-link.style-underline a,
            .page-template-story .content-rows .content-page-link.style-underline a,
            .page-template-contact .content-rows .content-page-link.style-underline a,
            .page-template-dealers .content-rows .content-page-link.style-underline a,
            .page-template-precision .content-rows .content-page-link.style-underline a {
                margin-top: 0
            }
            .page-template-default .content-rows .content-image.alignment-center-up,
            .page-template-default .content-rows .content-image.alignment-side-up,
            .page-template-story .content-rows .content-image.alignment-center-up,
            .page-template-story .content-rows .content-image.alignment-side-up,
            .page-template-contact .content-rows .content-image.alignment-center-up,
            .page-template-contact .content-rows .content-image.alignment-side-up,
            .page-template-dealers .content-rows .content-image.alignment-center-up,
            .page-template-dealers .content-rows .content-image.alignment-side-up,
            .page-template-precision .content-rows .content-image.alignment-center-up,
            .page-template-precision .content-rows .content-image.alignment-side-up {
                margin-top: -200px
            }
        }
        
        @media screen and (min-width:120em) {
            .page-template-default .content-rows .col-count-2 .col:first-child,
            .page-template-story .content-rows .col-count-2 .col:first-child,
            .page-template-contact .content-rows .col-count-2 .col:first-child,
            .page-template-dealers .content-rows .col-count-2 .col:first-child,
            .page-template-precision .content-rows .col-count-2 .col:first-child {
                padding-right: 115px
            }
            .page-template-default .content-rows .col-count-2 .col:last-child,
            .page-template-story .content-rows .col-count-2 .col:last-child,
            .page-template-contact .content-rows .col-count-2 .col:last-child,
            .page-template-dealers .content-rows .col-count-2 .col:last-child,
            .page-template-precision .content-rows .col-count-2 .col:last-child {
                padding-left: 115px
            }
        }
        
        .home .site-header .header-text-content:after {
            display: none
        }
        
        .container h2 {
            margin: 25px 0
        }
        
        .featured {
            background-color: #f1f1f175;
            color: #213d4d;
            padding: 60px 30px;
            text-align: center
        }
        
        .featured p {
            letter-spacing: .2px;
           font-family: 'Marcellus', serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 24px;
            color: inherit
        }
        
        .featured p:last-child {
            margin-bottom: 10px;
        }
        
        .featured-inner {
            max-width: 780px;
            margin: 0 auto
        }
        
        .product {
            padding: 0 8vw;
            margin-bottom: 60px
        }
        
        .product:last-child {
            margin-bottom: 0
        }
        
        .product:first-child {
            padding-top: 7vh
        }
        
        .product:last-child {
            padding-bottom: 7vh
        }
        
        .product.with-gallery {
            padding-left: 0;
            padding-right: 0
        }
        
        .product.with-gallery .text-wrapper {
            padding: 0 8vw
        }
        
        .product .text p:last-child {
            margin-bottom: 0
        }
        
        .product a.arrow {
            display: inline-block;
            margin-top: 1rem
        }
        
        .product .gallery {
            width: 150vw;
            position: relative;
            left: -25vw
        }
        
        .product .gallery a {
            width: 50vw;
            height: auto;
            display: block;
            float: left
        }
        
        .product .link-image .hover {
            display: none
        }
        
        .products .row-collection-2 {
            overflow: hidden
        }
        
        .products .row:nth-child(odd) {
            background: #f6fdf5;
        }
        
        .products .row-1 .product:nth-child(1) .link-image {
            display: block;
            margin-top: -9vh;
            margin-left: -8vw
        }
        
        .colors {
            background: #f8f3f1;
            text-align: center;
            padding: 7vh 0
        }
        
        .tour img {
/*            max-width: 320px*/
        }
        
        .tour .image-wrapper {
            padding: 7vh 8vw 0 0
        }
        
        .tour .text-wrapper {
            padding: 0 8vw 7vh 8vw
        }
        
        @media print,
        screen and (min-width:26.25em) {
            .tour img {
                max-width: 100%
            }
        }
        
        @media print,
        screen and (min-width:48em) {
            .featured {
                padding: 120px 0
            }
            .featured p {
             font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
            }
            .products .product,
            .products .product:nth-child(n+1) {
                padding: 0;
                margin: 0
            }
            .products a.arrow {
                display: none
            }
            .products a.underline {
                margin-top: 25px
            }
            .products .inner-content {
                display: table;
                padding: 10vh 0;
                width: 100%
            }
            .row-type-products a.arrow {
                display: none
            }
            .row-type-products .text {
                padding-left: 75px;
                position: relative
            }
            .row-type-products .text:before {
                width: 52px;
                height: 2px;
                background: #344570;
                content: "";
                position: absolute;
                top: 10px;
                left: 0
            }
            .row-type-products .link-image {
                position: relative;
                display: inline-block
            }
            .row-type-products .link-image img {
                display: block
            }
            .row-type-products .link-image .hover {
                position: absolute;
         left: 0;
                top: 0;
    width: 100%;
    height: 101%;
                opacity: 0;
                background: rgba(56, 64, 85, .95);
                transition: all 0.5s ease-in-out;
                display: block
            }
            .row-type-products .link-image .hover:hover {
                opacity: 1
            }
            .row-type-products .link-image .hover-text-products {
                font-weight: 700;
                text-transform: uppercase;
                color: #fff;
                position: absolute;
                top: 5px;
                right: 20px;
                -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: 100% 100%;
                -ms-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
                font-size: 13px;
                letter-spacing: 4px
            }
            .row-type-products .link-image .hover-text-learn-more {
                text-align: left;
                display: block;
                color: #fff;
                font-size: 28px;
                position: absolute;
                width: 100%;
                top: 47%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                margin: 0;
                max-width: 100%!important
            }
            .row-type-products .link-image .icon {
                position: absolute;
                bottom: 20px;
                left: 20px
            }
            .row-type-products .product:nth-child(even) .link-image .hover {
                background: rgba(217, 167, 130, .95)
            }
            .row-products-2 .product:nth-child(odd) .link-image .hover,
            .row-products-4 .product:nth-child(odd) .link-image .hover,
            .row-products-6 .product:nth-child(odd) .link-image .hover {
                background: rgba(217, 167, 130, .95)
            }
            .row-products-2 .product:nth-child(even) .link-image .hover,
            .row-products-4 .product:nth-child(even) .link-image .hover,
            .row-products-6 .product:nth-child(even) .link-image .hover {
                background: rgba(56, 64, 85, .95)
            }
            .row-type-collection .product {
                display: table
            }
            .row-type-collection .image-wrapper,
            .row-type-collection .text-wrapper {
                display: table-cell;
                width: 50%;
                vertical-align: middle
            }
            .row-type-collection .product.with-gallery {
                padding: 0
            }
            .row-type-collection .product.with-gallery .text-wrapper {
                position: relative;
                z-index: 2;
                padding-top: 7vh;
                padding-bottom: 7vh
            }
            .product.with-gallery {
                position: relative
            }
            .product .gallery-wrapper {
                position: absolute;
                width: 100%;
                height: 100%
            }
            .product .gallery {
                width: 100%;
                height: 100%;
                left: 0;
                position: relative
            }
            .product .gallery a {
                position: absolute;
                width: 33%;
                z-index: 3;
                max-width: 480px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }
            .product .gallery a:nth-child(1) {
                left: -200px
            }
            .product .gallery a:nth-child(2) {
                left: 17%
            }
            .product .gallery a:nth-child(3) {
                right: -200px
            }
            .row-col-left,
            .products .row-products-1 .product:nth-child(1),
            .products .row-collection-1 .image-wrapper,
            .products .row-products-2 .product:nth-child(1),
            .products .row-collection-2 .empty-space,
            .tour .image-wrapper {
                display: table-cell;
                width: 50%;
                vertical-align: middle;
/*                padding-right: 5.5vw*/
            }
            .row-col-left .link-image,
            .products .row-products-1 .product:nth-child(1) .link-image,
            .products .row-collection-1 .image-wrapper .link-image,
            .products .row-products-2 .product:nth-child(1) .link-image,
            .products .row-collection-2 .empty-space .link-image,
            .tour .image-wrapper .link-image {
                float: right
            }
            .row-col-left .text-wrapper,
            .products .row-products-1 .product:nth-child(1) .text-wrapper,
            .products .row-collection-1 .image-wrapper .text-wrapper,
            .products .row-products-2 .product:nth-child(1) .text-wrapper,
            .products .row-collection-2 .empty-space .text-wrapper,
            .tour .image-wrapper .text-wrapper {
                float: right
            }
            .row-col-left h2,
            .products .row-products-1 .product:nth-child(1) h2,
            .products .row-collection-1 .image-wrapper h2,
            .products .row-products-2 .product:nth-child(1) h2,
            .products .row-collection-2 .empty-space h2,
            .tour .image-wrapper h2,
            .row-col-left .text,
            .products .row-products-1 .product:nth-child(1) .text,
            .products .row-collection-1 .image-wrapper .text,
            .products .row-products-2 .product:nth-child(1) .text,
            .products .row-collection-2 .empty-space .text,
            .tour .image-wrapper .text {
                max-width: 470px
            }
            .row-col-right,
            .products .row-products-1 .product:nth-child(2),
            .products .row-collection-1 .text-wrapper,
            .products .row-products-2 .product:nth-child(2),
            .products .row-collection-2 .text-wrapper,
            .tour .text-wrapper {
                display: table-cell;
                width: 50%;
                vertical-align: middle;
                padding-left: 8.5vw
            }
            .row-col-right h2,
            .products .row-products-1 .product:nth-child(2) h2,
            .products .row-collection-1 .text-wrapper h2,
            .products .row-products-2 .product:nth-child(2) h2,
            .products .row-collection-2 .text-wrapper h2,
            .tour .text-wrapper h2,
            .row-col-right .text,
            .products .row-products-1 .product:nth-child(2) .text,
            .products .row-collection-1 .text-wrapper .text,
            .products .row-products-2 .product:nth-child(2) .text,
            .products .row-collection-2 .text-wrapper .text,
            .tour .text-wrapper .text {
                max-width: 520px
            }
            .row-img-full-width,
            .products .row-products-1 .product:nth-child(1),
            .products .row-products-2 .product:nth-child(2),
            .tour .image-wrapper {
/*                vertical-align: top*/
            }
            .row-img-full-width img.single-image,
            .products .row-products-1 .product:nth-child(1) img.single-image,
            .products .row-products-2 .product:nth-child(2) img.single-image,
            .tour .image-wrapper img.single-image {
                width: 100%
            }
            .row-img-full-width .link-image,
            .products .row-products-1 .product:nth-child(1) .link-image,
            .products .row-products-2 .product:nth-child(2) .link-image,
            .tour .image-wrapper .link-image {
                display: inline-block;
                margin: -15vh 0 0 0
            }
            .products .row-collection-1 .product {
                display: table;
                width: 100%
            }
            .products .row-collection-2 .product {
                width: 100%
            }
            .tour .centered-content {
                padding: 7vh 0
            }
            .tour .inner-content {
                display: table;
                width: 100%
            }
            .tour .image-wrapper {
                padding-top: 0
            }
            .tour .image-wrapper a {
                float: right
            }
        }
        
        @media screen and (min-width:75em) {
            .featured,
            .products .inner-content,
            .tour .centered-content,
            .colors {
                padding:100px 0;
            }
            .products .row-products-1 .product:nth-child(1) .link-image,
            .products .row-products-2 .product:nth-child(2) .link-image {
                margin-top: -200px
            }
            .container h2 {
                margin: 50px 0 35px 0
            }
            .row-type-collection .text-wrapper h2,
            .colors .title h2 {
                margin-top: 0
            }
            .products a.underline {
                margin-top: 35px
            }
            a.underline {
                margin-top: 35px
            }
        }
        
        @media screen and (min-width:120em) {
            .products .row-products-1 .product:nth-child(1),
            .products .row-collection-1 .image-wrapper,
            .products .row-products-2 .product:nth-child(1),
            .products .row-collection-2 .empty-space,
            .tour .image-wrapper {
                padding-right: 115px
            }
            .products .row-products-1 .product:nth-child(2),
            .products .row-collection-1 .text-wrapper,
            .products .row-products-2 .product:nth-child(2),
            .products .row-collection-2 .text-wrapper,
            .tour .text-wrapper {
                padding-left: 115px
            }
        }
        
        .page-template-dealers .site-header {
            height: 70px
        }
        
        .page-template-dealers .header-text {
            display: none
        }
        
        .page-template-dealers .load-more-wrapper {
            text-align: center;
            display: none;
            padding-bottom: 60px
        }
        
        .page-template-dealers .load-more-wrapper .load-more-stores {
            text-transform: uppercase;
            font-weight: 700;
            display: inline-block;
            font-size: .9rem;
            line-height: normal;
            letter-spacing: 5px;
            margin-top: 25px
        }
          .page-template-dealers .load-more-wrapper .load-more-stores:after {
            content: "";
            display: block;
            margin-top: 7px;
            width: calc(100% - 3px);
            height: 2px;
            background-color: #d9a782;
            transition: background-color 0.3s ease-in-out
        }
        
        .page-template-dealers .load-more-wrapper .load-more-stores:after {
            background-color: #344570
        }
        
        .page-template-dealers .load-more-wrapper .load-more-stores:hover:after {
            background-color: #d9a782
        }
        
        .page-template-dealers .search-no-results {
            display: none
        }
        
        .page-template-dealers .search-no-results .content-rows .row {
            padding: 20px 0
        }
        
        #wpsl-result-list-wrapper {
            min-height: 200px
        }
        
        #wpsl-result-list-wrapper.initial-load .load-more-wrapper {
            display: none!important
        }
        
        #wpsl-result-list-wrapper.initial-load #wpsl-stores li:nth-child(n+6) {
            display: none!important
        }
        
        #wpsl-gmap {
            height: 450px
        }
        
        #wpsl-direction-details,
        #wpsl-stores {
            height: auto
        }
        
        .wpsl-search {
            background: #FBFBFC;
            text-align: center
        }
        
        #wpsl-search-wrap {
            float: none
        }
        
        #wpsl-search-wrap .wpsl-input,
        #wpsl-search-wrap .wpsl-select-wrap {
            display: block
        }
        
        #wpsl-search-btn,
        #wpsl-search-wrap div {
            margin-right: 0;
            float: none
        }
        
        #wpsl-radius {
            display: none
        }
        
        #wpsl-search-wrap form {
            padding: 55px 56px
        }
        
        #wpsl-search-wrap form .wpsl-input {
            width: 100%;
            max-width: 345px;
            margin: 0 auto
        }
        
        body.lang-fr #wpsl-search-wrap form .wpsl-input {
            max-width: 470px
        }
        
        #wpsl-search-wrap form #wpsl-search-input {
            height: auto;
            width: 100%;
            background: none;
            margin: 0 auto 25px auto;
            padding: 9px 0;
            border: none;
            border-bottom: 2px solid #d9a782;
            box-shadow: none;
            border-radius: 0;
          font-family: 'Marcellus', serif;
            color: #d9a782;
            display: block;
            font-size: 18px;
            text-transform: none;
            letter-spacing: 0
        }
        
        #wpsl-search-wrap form #wpsl-search-btn {
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            max-width: 200px;
            padding: 20px 54px;
            background: #EDF3FA;
            text-align: center;
            font-size: .9rem;
            letter-spacing: 5px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            float: none;
            background: #384055;
            color: #fff;
            margin: 0 auto
        }
        
        #wpsl-search-wrap form #wpsl-search-btn:hover {
            color: #fff;
            background: #344570
        }
        
        #wpsl-search-wrap form #wpsl-search-input::-webkit-input-placeholder {
            font-family: 'Marcellus', serif;
            color: #d9a782
        }
        
        #wpsl-search-wrap form #wpsl-search-input::-moz-placeholder {
            font-family: 'Marcellus', serif;
            color: #d9a782
        }
        
        #wpsl-search-wrap form #wpsl-search-input:-ms-input-placeholder {
           font-family: 'Marcellus', serif;
            color: #d9a782
        }
        
        #wpsl-search-wrap form #wpsl-search-input:-moz-placeholder {
          font-family: 'Marcellus', serif;
            color: #d9a782
        }
        
        #wpsl-search-wrap form .hit-enter-wrapper {
            display: none
        }
        
        #wpsl-search-wrap form .hit-enter {
            color: #BABABA;
            letter-spacing: 4px
        }
        
        #wpsl-stores {
            padding: 0 20px;
            margin-bottom: 40px
        }
        
        #wpsl-stores ul {
            list-style: none;
            margin: 0
        }
        
        #wpsl-stores li:nth-child(n+11) {
            display: none
        }
        
        #wpsl-stores li {
            padding: 60px 20px;
            border-bottom: 2px solid #EDF3FA;
            opacity: 0;
            transition: all 0.5s ease-in-out
        }
        
        #wpsl-stores li.visible,
        #wpsl-stores li.wpsl-preloader {
            opacity: 1
        }
        
        #wpsl-stores li.wpsl-preloader {
            border-bottom: 0
        }
        
        #wpsl-stores li.wpsl-preloader .loader {
            display: inline-block;
            vertical-align: middle
        }
        
        #wpsl-stores li.wpsl-preloader span {
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px
        }
        
        #wpsl-stores .icon-link {
            display: none
        }
        
        #wpsl-stores .distance {
            color: #B1B1B1
        }
        
        #wpsl-stores a.phone {
            color: #d9a782;
            display: inline-block;
            margin: 11px 0 22px 0;
            font-size: .9rem;
            letter-spacing: 2px
        }
        
        #wpsl-stores a.website {
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            max-width: 200px;
            padding: 20px 54px;
            background: #EDF3FA;
            text-align: center;
            font-size: .9rem;
            letter-spacing: 5px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            padding-left: 10px;
            padding-right: 10px
        }
        
        #wpsl-stores a.website:hover {
            color: #fff;
            background: #344570
        }
        
        #wpsl-stores h2 {
            margin: 5px 0 21px 0
        }
        
        #wpsl-stores a.scroll-desktop {
            display: none
        }
        
        .wpsl-info-window {
            background: #fff;
            padding: 20px;
            border: 1px solid #e6e6e6
        }
        
        .wpsl-info-window h4 {
            margin: 0;
            max-width: 350px
        }
        
        .wpsl-info-window a {
            display: block;
            margin-top: 5px
        }
        
        .wpsl-preloader img {
            margin-right: 10px
        }
        
        @media print,
        screen and (min-width:48em) {
            #wpsl-search-wrap form .wpsl-search-btn-wrap {
                display: none
            }
            #wpsl-search-wrap form .hit-enter-wrapper {
                display: block;
                text-align: center
            }
            #wpsl-search-wrap form #wpsl-search-input {
                font-size: 25px
            }
            #wpsl-stores {
                max-width: 1200px;
                margin-left: auto;
                margin-right: auto
            }
            #wpsl-stores li .content {
                display: table;
                width: 100%
            }
            #wpsl-stores li .content .icon-link-wrapper {
                display: table-cell;
                width: 8%
            }
            #wpsl-stores li .content .header-wrapper {
                display: table-cell;
                width: 48%;
                padding-right: 20px
            }
            #wpsl-stores li .content .address {
                display: table-cell;
                width: 30%
            }
            #wpsl-stores li .content .website-wrapper {
                display: table-cell
            }
            #wpsl-stores li .content .website-content {
                width: 200px
            }
            #wpsl-stores .icon-link {
                position: relative;
                display: inline-block;
                top: 30px
            }
            #wpsl-stores .icon-link img {
                width: 35px;
                height: auto
            }
            #wpsl-stores a.website {
                position: relative;
                top: 30px
            }
            #wpsl-stores h2 {
                font-size: 28px;
                line-height: 32px
            }
            #wpsl-stores a.gmap-link-mobile {
                display: none
            }
            #wpsl-stores a.scroll-desktop {
                display: block
            }
        }
        
        @media print,
        screen and (min-width:64em) {
            .page-template-dealers .site-header {
                height: 109px
            }
            #wpsl-stores li {
                padding: 60px 77px 60px 55px
            }
            #wpsl-stores li .content .header-wrapper {
                width: 49%
            }
            #wpsl-stores li .content .address {
                width: 28%
            }
            #wpsl-stores li .content a.website {
                top: 39px
            }
            #wpsl-stores .icon-link {
                top: 40px
            }
        }
        
        @media screen and (min-width:75em) {
            .page-template-story .content-rows .row:first-child h2 {
                margin-top: 0
            }
        }
        
        .error404 {
            background: #384055
        }
        
        .error404 .site-header {
            background: #384055;
            height: 120px
        }
        
        .error404 .site-header .nav-desktop {
            background: #384055
        }
        
        .error404 .site-header .nav-desktop .menu .is-active>a {
            color: #fff
        }
        
        .error404 .site-header .nav-desktop .sub-menu {
            background: #d9a782
        }
        
        .error404 .site-header .header-text {
            display: none
        }
        
        .error404 .page-content {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            text-align: center;
            color: #fff;
            padding: 5vh 10vw 10vh
        }
        
        .error404 .page-content h1 {
            margin: 0
        }
        
        .error404 .page-content h3 {
            margin: 35px 0;
            color: #fff
        }
        
        .error404 .page-content a.underline {
            color: #fff;
            margin: 0
        }
        
        .error404 .page-content a.underline:hover {
            color: #d9a782
        }
        
        @media print,
        screen and (min-width:64em) {
            .error404 .page-content {
                padding: 9vh 10vw 10vh;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                height: 100%;
                -webkit-align-items: stretch;
                -ms-flex-align: stretch;
                align-items: stretch;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center
            }
            .error404 .page-content h3 {
                margin: 55px 0
            }
        }
        
        .page-template-precision .floating-menu-wrapper {
            padding: 0 2vw;
            position: fixed;
            bottom: 25px;
            width: 100%;
            left: 0;
            z-index: 10
        }
        
        .page-template-precision .floating-menu {
            margin: 0 auto;
            padding: 10px 20px;
            border-radius: 50px;
            max-width: 713px;
            background: #D9A782;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            list-style: none
        }
        
        .page-template-precision .floating-menu li {
            text-align: center
        }
        
        .page-template-precision .floating-menu .floating-menu__sep:last-child {
            display: none
        }
        
        .page-template-precision .floating-menu .floating-menu__sep,
        .page-template-precision .floating-menu a {
            color: #1F2944;
            padding: 0
        }
        
        @media print,
        screen and (min-width:26.25em) {
            .page-template-precision .floating-menu .floating-menu__sep,
            .page-template-precision .floating-menu a {
                padding: 5px
            }
        }
        
        .page-template-precision .floating-menu a:hover {
            color: #fff
        }
        
        .page-template-precision #contact-expert-form .content-shortcode {
            margin-top: 95px
        }
        
        .page-template-precision #contact-expert-form input[type='text'],
        .page-template-precision #contact-expert-form input[type='email'],
        .page-template-precision #contact-expert-form textarea {
            border: 2px solid #344570
        }
        
        .page-template-precision #contact-expert-form input[type='text']:focus,
        .page-template-precision #contact-expert-form input[type='email']:focus,
        .page-template-precision #contact-expert-form textarea:focus {
            border: 2px solid #EDF3FA
        }
        
        .page-template-precision #contact-expert-form .wpcf7-list-item {
            display: inline-block;
            margin-right: 10px
        }
        
        .page-template-precision #contact-expert-form .radio-wrapper label {
            width: auto;
            padding: 0;
            margin-left: 0;
            font-size: 16px
        }
        
        .page-template-precision #contact-expert-form input[type='submit'] {
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            max-width: 200px;
            padding: 20px 54px;
            background: #EDF3FA;
            text-align: center;
            font-size: .9rem;
            letter-spacing: 5px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            color: white;
            background: #384055
        }
        
        .page-template-precision #contact-expert-form input[type='submit']:hover {
            color: #fff;
            background: #344570
        }
        
        .page-template-precision #contact-expert-form input[type='submit']:hover {
            color: #fff;
            background: #384055;
            opacity: .9
        }
        
        .page-template-precision .popup-form {
            max-width: 1140px;
            width: 90%;
            background: #f8f3f1;
            padding: 14vh 30px;
            border-radius: 0;
            box-shadow: none;
            text-align: center
        }
        
        .page-template-precision .popup-form input[type='submit'] {
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            max-width: 200px;
            padding: 20px 54px;
            background: #EDF3FA;
            text-align: center;
            font-size: .9rem;
            letter-spacing: 5px;
            border: none;
            box-shadow: none;
            cursor: pointer;
            color: white;
            background: #384055;
            float: none;
            display: inline-block;
            margin: 45px 0 0 0
        }
        
        .page-template-precision .popup-form input[type='submit']:hover {
            color: #fff;
            background: #344570
        }
        
        .page-template-precision .popup-form input[type='submit']:hover {
            color: #fff;
            background: #384055;
            opacity: .9
        }
        
        .page-template-precision .popup-form input[type='text'],
        .page-template-precision .popup-form input[type='email'] {
            border: 2px solid #344570
        }
        
        .page-template-precision .popup-form input[type='text']:focus,
        .page-template-precision .popup-form input[type='email']:focus {
            border: 2px solid #344570
        }
        
        .page-template-precision .popup-form .your-email {
            margin-top: 40px
        }
        
        .page-template-precision .popup-form input.wpcf7-email {
            text-align: center
        }
        
        .page-template-precision .popup-form .wpcf7-form {
            max-width: 569px;
            margin: 0 auto;
            text-align: center
        }
        
        .page-template-precision .popup-form input.wpcf7-email::-webkit-input-placeholder {
            color: #344570
        }
        
        .page-template-precision .popup-form input.wpcf7-email::-moz-placeholder {
            color: #344570
        }
        
        .page-template-precision .popup-form input.wpcf7-email:-ms-input-placeholder {
            color: #344570
        }
        
        .page-template-precision .popup-form input.wpcf7-email:-moz-placeholder {
            color: #344570
        }
        
        .page-template-precision .popup-form a.close-modal {
            top: 30px;
            right: 27px;
            width: 20px;
            height: 20px;
            background-image: url(https://rockofages.com/wp-content/themes/roa/dist/assets/css/../images/fermer-popup.svg)
        }
        
        .page-template-precision .popup-form .ajax-loader {
            width: 64px;
            float: none!important;
            position: absolute;
            bottom: 43px;
            left: 50%;
            margin-left: -32px
        }
        
        @media print,
        screen and (min-width:48em) {
            .page-template-precision .floating-menu {
                padding: 10px 40px
            }
        }
        
        @media screen and (min-width:75em) {
            .page-template-precision #contact-expert-form .radio-wrapper {
                padding-left: 15px
            }
            .page-template-precision #contact-expert-form .radio-wrapper .wpcf7-form-control-wrap {
                display: inline-block;
                margin-left: 30px
            }
        }
        
        @media screen and (min-width:90em) {
            .page-template-precision #contact-expert-form .wpcf7-form {
                max-width: 1220px
            }
        }

.asedse{
    height: 20% !important;
}
    .mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}


.four.columns, .one-fourth.column {
    width: 23%;
}
#Footer .widgets_wrapper .widget {
    padding: 15px 0;
    margin-bottom: 0;
}
#Footer .widgets_wrapper .widget {
    padding: 15px 0;
    margin-bottom: 0;
}
.col-md-4{
    
    width: 33.33%;
}
.col-md-5{
    
    width: 41.66%;
}
.col-md-3{
    
    width: 25%;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
    box-shadow:0px 0px 13px 0px #00000000;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
/*  background-color: rgba(0, 0, 0, 0.8);*/
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.popup{
    width: 900px;
    margin: auto;
    text-align: center
}
.popup img{
    width: 200px;
    height: 200px;
    cursor: pointer
}
.show{
    z-index: 999;
    display: none;
}
.show .overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.66);
    position: absolute;
    top: 0;
    left: 0;
}
.show .img-show{
    width: 600px;
    height: 400px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden
}
.img-show span{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
}
.img-show img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.demopadding {
 margin: 0px auto;
    width: 320px;
   text-align: center;
    margin-left: -1px;
}
.demopadding .icon {
	position:relative;
	text-align:center;

	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px; 
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:20px;
	position:absolute;
	left:9px;
	top:10px;
}
.icon.social {
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	background:#ffffff ;
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}

.icon.social a {
	color:#303f4d;
}
.icon.social:hover {
/*
	background:#262626 ;
	color:#6d6e71;
*/
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
/*
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
*/
}
.icon.social.fb i {
	left:13px;
	top:10px;
}
.icon.social.tw i {
	left:11px;
}
.icon.social.in i {
	left:11px;
}

.col-md-6{
    
    width: 50%;
}
.pad-top-bot{
    
  padding-top: 100px;
    padding-bottom: 100px;
}
.flg-pad{
    
   padding:  0px 0px 5px 0px;
}
.heacolor{
    color: #fa621a !important;
    font-weight: 900;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#loader-img {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    z-index: 1001;  
    background-image: url('http://bedekodzic.pl/wp-content/uploads/2018/04/google.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    z-index: 1020;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: red;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: blue;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: yellow;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;  
    background: #222;
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.loader-section.section-left {
    left: 0
}

.loader-section.section-right {
    right: 0
}

.panel_left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.panel_right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.loaded-circle {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.loaded-img {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out
}
.centse{
    text-align: center;
    color: white;
    margin-top: 1rem;
    font-size: 23px;
       
}
.centse001{
   text-align: center;
    color: #344570;
    margin-top: 1rem;
    font-size: 15px;
       
}
.justiie{
    text-align: justify;
}
.leftie{
    
    text-align: left;
}

.right-arrow {
    right: 50px;
     top: 0;
    bottom: 0;
    height: 20px;
    width: 40px;
       
    margin: auto;
    z-index: 999999;
}

.right-arrow svg {
    width: 40px;
    height: 20px;
}

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

.right-arrow .cls-1{
    fill: #ffffff;
}
.mem-sec{
 background: #ecf5fb;
    padding-top: 20px;
    padding-bottom: 40px;
}

.mem-sec1{
 background: #daebf7;
    padding-top: 30px;
    padding-bottom: 40px;
}
.mem-sec2{
 background: #ecf5fb;
    padding-top: 20px;
    padding-bottom: 40px;
}


.urlImg {
		width: 185px;
		height:185px;
		display:block;
		background-image: url('img/duck.png');
	}
	.urlImg:hover {
		background-image: url('img/peng.png');
	}

.heighse{
    
    height: 30vh !important;
}

.swap-on-hover {
  position: relative;	
	margin:  0 auto;
    right: 40px;
	
}


.swap-on-hover img {
  position: absolute;
  top:3px;
  left:100;
	overflow: hidden;
	/* Sets the width and height for the images*/
/*
	width: 100px;
	height: 150px;
*/
}


.swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity .5s linear;
  cursor: pointer;
}


.swap-on-hover:hover > .swap-on-hover__front-image{
  opacity: 0;
}

.cetses{
    
  text-align: center;
    color: #213d4d;
    margin-top: 1rem;
    
}
  a.effect-underline:after {
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 10px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

a.effect-underline:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

a.changeBlue:link { /* default link color */
     color: #000000;
}
a.changeBlue:hover { /* change to blue on mouseover */
     color: #0000ff;
}


.ex3{
  font-size: 20px;   
    
}
a.ex3:hover, a.ex3:active {background: #f26725;
    padding: 12px 12px;
    border-radius: 5px;
    font-size: 23px;}

.dowa{
   
background: #ff7736;
    border-radius: 50px;
    padding: 0px;
    width: 25px;
    padding-top: 4px;
    height: 25px;
    }
.indsae11{
    
        text-align: right;
    color: #213d4d;
    font-size: 15px;
}

.indsae110{
    
        text-align: right;
    color: #ffffff;
    font-size: 15px;
}
.indsae{
    
        text-align: left;
    color: white;
    font-size: 13px;
}
.fonsawq{
    font-size: 11px !important;
}
.contactfons{
    font-size: 19px !important;
}
.conweigh{
        font-weight: 900;
}
.trans{
    background: #ffffff00 !important;
}

.trans a:hover {
  
    background: #ffffff00 !important;
}
.margbot{
    
    margin-bottom: 0px !important;
}
.centse012 {
   text-align: center;
    color: #ffffff;
     margin-top: 1rem; 
    font-size: 15px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.padyslef{
   margin-left: 3vw;
}
.padybots{
        padding-top: 10vw;
}
.lefindexpag{
    
    width: 91% !important;
    left: 40px !important;
}
.bgimginde{
    
    width: 160px;
    height: 190px;
    left: 39%;
    background: url('../image/hovmon.png') no-repeat;
}


.bgimginde11{
    
    width: 140px;
    height: 215px;
    left: 30%;
    background: url('../image/hovmon1.png') no-repeat;
}



@media print, screen and (max-width: 64em){
    
    
.gif1 {
    z-index: 999;
    position: fixed;
    top: 11px;
    right: 14px;
   
}
}

@media screen and (max-width: 3000px){
.gif1 {
    z-index: 999;
    position: fixed;
   top: 74px;
    right: 110px;
  
}
}
@media screen and (max-width: 1500px){
.gif1 {
    z-index: 999;
    position: fixed;
    top: 69px;
    right: 14px;
   
}
}

#google_translate_element {
 
  bottom: calc(53px + 16px);

}
.goog-te-gadget {
  
  text-transform: capitalize;
}
.goog-te-gadget-simple  {
 background-color: rgb(232, 112, 54)!important;
    border: 1px solid rgb(242, 101, 35) !important;
  padding: 1px!important;
  border-radius: 4px!important;
  font-size: 13px !important;
  font-family: 'Marcellus', serif !important;
  display: inline-block;
  cursor: pointer;
  zoom: 1;
}
.goog-te-menu2 {
  max-width: 100%;
}
.goog-te-menu-value {
  color: #ffffffe8 !important;
    font-weight: bold;
/*
    &:before {
    font-family: 'Material Icons';
    content: "\E927";
    margin-right: 16px;
    font-size: 2rem;
    vertical-align: -10px;
    
  } 
*/
}
.goog-te-menu-value span:nth-child(5) {
  display:none;
}
.goog-te-menu-value span:nth-child(3) {
  border:none!important;
  font-family: 'Material Icons';
  &:after {
    font-family: 'Material Icons';
    content: "\E5C5";
    font-size: 1.5rem;
    vertical-align: -6px;
  }  
}

.goog-te-gadget-icon {
    background-image: url(https://placehold.it/32)!important;
    background-position: 0px 0px;
    height: 32px!important;
    width: 32px!important;
    margin-right: 8px!important;

    display: none;
}


.goog-te-banner-frame.skiptranslate {display: none!important;} 
body {top: 0px!important;}

/* ================================== *\
    Mediaqueries
\* ================================== */
@media (max-width: 667px) {
	#google_translate_element {
	}
		goog-te-gadget {
			width:100%!important;
		}
		.skiptranslate {
			width:100%!important;			
		}
		.goog-te-gadget-simple {
			
			text-align: center;
		}	
	}


@media (max-width: 767px) {
	
    .gif1 {
    z-index: 999;
    position: fixed;
    top: 19px;
    right: 5px;
   
}
    
    
    
	}


.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div {
    color: #242424;
    background: #ffffff;
}

.goog-te-menu2-item:hover div {
    color: #ffffff;
    background: #f26725 !important;
}

.goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
    font-family: 'Marcellus', serif !important;
    font-size: 10pt;
}